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

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-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc291bmRzLWNhcmQvYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc291bmRzLWNhcmQvYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUVMLE1BQU0sRUFFTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFXbEUsTUFBTSxPQUFPLHNCQUFzQjtJQVRuQztRQVVFLFVBQUssR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDMUIsYUFBUSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUM3QixVQUFLLEdBQUcsS0FBSyxDQUFTLE9BQU8sQ0FBQyxDQUFDO1FBQy9CLFVBQUssR0FBRyxLQUFLLENBQVMsS0FBSyxDQUFDLENBQUM7UUFFN0IsaUJBQVksR0FBRyxNQUFNLEVBQVUsQ0FBQztRQUNoQyxlQUFVLEdBQUcsTUFBTSxFQUFXLENBQUM7UUFDL0IsZUFBVSxHQUFHLE1BQU0sRUFBVyxDQUFDO1FBRS9CLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUM1QixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGVBQVUsR0FBNEIsSUFBSSxDQUFDO1FBQzNDLGVBQVUsR0FBVyxDQUFDLENBQUM7S0FzQ3hCO0lBakNDLGVBQWU7UUFDYixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsYUFBYSxDQUFDO1FBQ2xELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxHQUFHLENBQUM7UUFDNUMsSUFBSSxDQUFDLFVBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLDZEQUE2RCxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsb0NBQW9DLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxJQUFJLENBQUM7SUFDdEwsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFZO1FBQ3pCLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQ3RELElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDO1FBQzFDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxHQUFHLENBQUM7UUFDNUMsSUFBSSxDQUFDLFVBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLDREQUE0RCxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsb0NBQW9DLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxJQUFJLENBQUM7UUFDbkwsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDakMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUM3QixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDO1lBQ3RDLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxHQUFHLENBQUM7WUFDNUMsSUFBSSxDQUFDLFVBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLDREQUE0RCxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsb0NBQW9DLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxJQUFJLENBQUM7U0FDcEw7YUFBTTtZQUNMLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUN0QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxjQUFjLEdBQUcsR0FBRyxDQUFDO1lBQzVDLElBQUksQ0FBQyxVQUFXLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyw0REFBNEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLG9DQUFvQyxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsSUFBSSxDQUFDO1NBQ3BMO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7K0dBcERVLHNCQUFzQjttR0FBdEIsc0JBQXNCLHN2QkFpQkMsVUFBVSw2QkMxQzlDLHkvREE4REEsZ2tQRDNDWSxZQUFZLDZIQUFFLHFCQUFxQixvVEFBRSxnQkFBZ0I7OzRGQU1wRCxzQkFBc0I7a0JBVGxDLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGdCQUFnQixDQUFDLG1CQUcvQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQW9CckMsV0FBVztzQkFEVixTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgaW5wdXQsXG4gIE9uSW5pdCxcbiAgb3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCbWJNZWRpYUNhcmRDb21wb25lbnQgfSBmcm9tICcuLi9ibWItbWVkaWEtY2FyZC9ibWItbWVkaWEtY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm1iSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1pY29uL2JtYi1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JtYi1zb3VuZHMtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJtYk1lZGlhQ2FyZENvbXBvbmVudCwgQm1iSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9ibWItc291bmRzLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEJtYlNvdW5kc0NhcmRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcbiAgc3VidGl0bGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcbiAgd2lkdGggPSBpbnB1dDxzdHJpbmc+KCcyNTBweCcpO1xuICByYXRpbyA9IGlucHV0PHN0cmluZz4oJzgvOScpO1xuXG4gIGhhbmRsZXZvbHVtZSA9IG91dHB1dDxudW1iZXI+KCk7XG4gIGhhbmRsZVBsYXkgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcbiAgaGFuZGxlTXV0ZSA9IG91dHB1dDxib29sZWFuPigpO1xuXG4gIGlzUGxheWluZzogYm9vbGVhbiA9IGZhbHNlO1xuICBpc011dGVkOiBib29sZWFuID0gZmFsc2U7XG4gIGludGVybmFsVm9sdW1lOiBudW1iZXIgPSA1MDtcbiAgc2F2ZVZvbHVtZTogbnVtYmVyID0gMDtcbiAgdHJhY2tJbnB1dDogSFRNTElucHV0RWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwZXJjZW50YWdlOiBudW1iZXIgPSAwO1xuXG4gIEBWaWV3Q2hpbGQoJ3JhbmdlVm9sdW1lJywgeyByZWFkOiBFbGVtZW50UmVmIH0pXG4gIHJhbmdlVm9sdW1lPzogRWxlbWVudFJlZjxhbnk+O1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRyYWNrSW5wdXQgPSB0aGlzLnJhbmdlVm9sdW1lPy5uYXRpdmVFbGVtZW50O1xuICAgIHRoaXMucGVyY2VudGFnZSA9IHRoaXMuaW50ZXJuYWxWb2x1bWUgLyAxMDA7XG4gICAgdGhpcy50cmFja0lucHV0IS5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgUkdCQSh2YXIoIC0tY29sb3ItbWFyaW5lci03MDApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lLCBSR0JBKHZhcigtLWNvbG9yLWNoYXJhZGUtNTApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lKWA7XG4gIH1cblxuICBvblZvbHVtZUNoYW5nZShldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCBpbnB1dEVsZW1lbnQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLmludGVybmFsVm9sdW1lID0gK2lucHV0RWxlbWVudC52YWx1ZTtcbiAgICB0aGlzLnBlcmNlbnRhZ2UgPSB0aGlzLmludGVybmFsVm9sdW1lIC8gMTAwO1xuICAgIHRoaXMudHJhY2tJbnB1dCEuc3R5bGUuYmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsIFJHQkEodmFyKC0tY29sb3ItbWFyaW5lci03MDApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lLCBSR0JBKHZhcigtLWNvbG9yLWNoYXJhZGUtNTApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lKWA7XG4gICAgdGhpcy5oYW5kbGV2b2x1bWUuZW1pdCh0aGlzLmludGVybmFsVm9sdW1lKTtcbiAgfVxuXG4gIGhhbmRsZVBsYXlQYXVzZSgpIHtcbiAgICB0aGlzLmlzUGxheWluZyA9ICF0aGlzLmlzUGxheWluZztcbiAgICB0aGlzLmhhbmRsZVBsYXkuZW1pdCh0aGlzLmlzUGxheWluZyk7XG4gIH1cblxuICBoYW5kbGVNdXRlVm9sdW1lKCkge1xuICAgIHRoaXMuaXNNdXRlZCA9ICF0aGlzLmlzTXV0ZWQ7XG4gICAgaWYgKHRoaXMuaXNNdXRlZCkge1xuICAgICAgdGhpcy5zYXZlVm9sdW1lID0gdGhpcy5pbnRlcm5hbFZvbHVtZTtcbiAgICAgIHRoaXMuaW50ZXJuYWxWb2x1bWUgPSAwO1xuICAgICAgdGhpcy5wZXJjZW50YWdlID0gdGhpcy5pbnRlcm5hbFZvbHVtZSAvIDEwMDtcbiAgICAgIHRoaXMudHJhY2tJbnB1dCEuc3R5bGUuYmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsIFJHQkEodmFyKC0tY29sb3ItbWFyaW5lci03MDApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lLCBSR0JBKHZhcigtLWNvbG9yLWNoYXJhZGUtNTApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lKWA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxWb2x1bWUgPSB0aGlzLnNhdmVWb2x1bWU7XG4gICAgICB0aGlzLnBlcmNlbnRhZ2UgPSB0aGlzLmludGVybmFsVm9sdW1lIC8gMTAwO1xuICAgICAgdGhpcy50cmFja0lucHV0IS5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgUkdCQSh2YXIoLS1jb2xvci1tYXJpbmVyLTcwMCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUsIFJHQkEodmFyKC0tY29sb3ItY2hhcmFkZS01MCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUpYDtcbiAgICB9XG4gICAgdGhpcy5oYW5kbGVNdXRlLmVtaXQodGhpcy5pc011dGVkKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJibWJfc291bmRzLWNhcmRcIj5cbiAgPGJtYi1tZWRpYS1jYXJkXG4gICAgW2JnQ29sb3JdPVwiJy0tY29sb3ItbWFyaW5lci05NTAnXCJcbiAgICBbYWx0XT1cIidBbHQnXCJcbiAgICBbd2lkdGhdPVwid2lkdGgoKVwiXG4gICAgW3JhdGlvXT1cInJhdGlvKClcIlxuICAgIFtib3JkZXJSYWRpdXNdPVwiJ20nXCJcbiAgICBbdHlwZV09XCInaW5saW5lJ1wiXG4gICAgW2Z1bGxtZWRpYUNhcmRdPVwidHJ1ZVwiXG4gICAgW2JveFNoYWRvd109XCJ0cnVlXCJcbiAgPlxuICAgIDxzZWN0aW9uIGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtY29udGVudC1pY29uXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1jb250ZW50LWljb24tYnRuXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7ICdibWJfc291bmRzLWNhcmQtY29udGVudC1pY29uLWJ0bi1wbGF5aW5nJzogaXNQbGF5aW5nIH1cIlxuICAgICAgICAgIChjbGljayk9XCJ0aGlzLmhhbmRsZVBsYXlQYXVzZSgpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxibWItaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtY29udGVudC1pY29uLWJ0bi1pY29uXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgJ2JtYl9zb3VuZHMtY2FyZC1jb250ZW50LWljb24tYnRuLWljb24tcGxheWluZyc6IGlzUGxheWluZ1xuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBbaWNvbl09XCJpc1BsYXlpbmcgPyAncGF1c2VfY2lyY2xlJyA6ICdwbGF5X2NpcmNsZSdcIlxuICAgICAgICAgICAgW2lzRmlsbF09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtzaXplXT1cIjEwMFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtaW5mb1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWluZm8tdGl0bGVcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1pbmZvLXRpdGxlLXRleHRcIj57eyB0aXRsZSgpIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1pbmZvLXN1YnRpdGxlXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJibWJfc291bmRzLWNhcmQtaW5mby1zdWJ0aXRsZS10ZXh0XCI+e3tcbiAgICAgICAgICAgIHN1YnRpdGxlKClcbiAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtaW5mby12b2x1bWVcIj5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1pbmZvLXZvbHVtZS1idG5cIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRoaXMuaGFuZGxlTXV0ZVZvbHVtZSgpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Ym1iLWljb25cbiAgICAgICAgICAgICAgW2ljb25dPVwiaXNNdXRlZCA/ICd2b2x1bWVfb2ZmJyA6ICd2b2x1bWVfdXAnXCJcbiAgICAgICAgICAgICAgW3NpemVdPVwiMjhcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICNyYW5nZVZvbHVtZVxuICAgICAgICAgICAgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtaW5mby12b2x1bWUtcmFuZ2VcIlxuICAgICAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgICAgIG1pbj1cIjBcIlxuICAgICAgICAgICAgbWF4PVwiMTAwXCJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJpbnRlcm5hbFZvbHVtZVwiXG4gICAgICAgICAgICAoaW5wdXQpPVwib25Wb2x1bWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L3NlY3Rpb24+XG4gIDwvYm1iLW1lZGlhLWNhcmQ+XG48L3NlY3Rpb24+XG4iXX0=

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-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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-family:Poppins-Bold,sans-serif}[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-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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-family:Poppins-Bold,sans-serif}[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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0YXQtY291bnRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2NvbXBvbmVudHMvYm1iLXN0YXQtY291bnRlci9ibWItc3RhdC1jb3VudGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3RhdC1jb3VudGVyL2JtYi1zdGF0LWNvdW50ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixpQkFBaUIsRUFDakIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBV2xFLE1BQU0sT0FBTyx1QkFBdUI7SUFUcEM7UUFVVyxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGVBQVUsR0FBWSxDQUFDLENBQUM7UUFDdkIsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQVUxRTtJQVJDLGFBQWE7UUFDWCxPQUFPLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOytHQVpVLHVCQUF1QjttR0FBdkIsdUJBQXVCLHFMQ3BCcEMsMm5CQW1CQSwwL1JETlksWUFBWSw4VkFBRSxnQkFBZ0I7OzRGQU83Qix1QkFBdUI7a0JBVG5DLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLFlBRS9CLGtCQUFrQixtQkFFWCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJtYkljb25Db21wb25lbnQgfSBmcm9tICcuLi9ibWItaWNvbi9ibWItaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQm1iSWNvbkNvbXBvbmVudF0sXG4gIHN0eWxlVXJsOiAnLi9ibWItc3RhdC1jb3VudGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgc2VsZWN0b3I6ICdibWItc3RhdC1jb3VudGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zdGF0LWNvdW50ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iU3RhdENvdW50ZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBhY3RpdmVTdGVwOiBudW1iZXIgPSAwO1xuICBASW5wdXQoKSB0b3RhbFN0ZXBzPzogbnVtYmVyID0gMDtcbiAgQE91dHB1dCgpIG9uU3RlcFByZXNzOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIGdldFN0ZXBzQXJyYXkoKTogbnVtYmVyW10ge1xuICAgIHJldHVybiBuZXcgQXJyYXkodGhpcy50b3RhbFN0ZXBzIHx8IDApLmZpbGwoMCkubWFwKChfLCBpKSA9PiBpKTtcbiAgfVxuXG4gIG9uU3RlcENsaWNrZWQoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlU3RlcCA9IGluZGV4O1xuICAgIHRoaXMub25TdGVwUHJlc3MuZW1pdChpbmRleCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJibWJfc3RhdF9jb3VudGVyXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImJtYl9zdGF0X2NvdW50ZXItaXRlbVwiXG4gICAgKm5nRm9yPVwibGV0IGkgb2YgZ2V0U3RlcHNBcnJheSgpXCJcbiAgICBbYXR0ci5kYXRhLWJzLXNsaWRlLXRvXT1cImlcIlxuICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBhY3RpdmVTdGVwID09PSBpLCBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAgPiBpIH1cIlxuICAgIChjbGljayk9XCJvblN0ZXBDbGlja2VkKGkpXCJcbiAgPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYm1iX3N0YXRfY291bnRlci1zdGVwXCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBhY3RpdmVTdGVwID09PSBpLCBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAgPiBpIH1cIlxuICAgID5cbiAgICAgIDxzcGFuICpuZ0lmPVwiYWN0aXZlU3RlcCA9PSBpIHx8IGFjdGl2ZVN0ZXAgPCBpXCI+e3sgaSArIDEgfX08L3NwYW4+XG4gICAgICBAaWYgKGFjdGl2ZVN0ZXAgPiBpKSB7XG4gICAgICAgIDxibWItaWNvbiBbaWNvbl09XCInZG9uZSdcIiBjbGFzcz1cImJtYl9zdGF0X2NvdW50ZXItaWNvblwiIFtzaXplXT1cIjI0XCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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

@@ -0,0 +1,55 @@
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, output, model, input, inject, DestroyRef, signal, computed, } 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";
+const MOBILE_TABLET_QUERY = '(max-width: 992px)';
+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();
+        this.destroyRef = inject(DestroyRef);
+        this.mql = typeof window !== 'undefined'
+            ? window.matchMedia(MOBILE_TABLET_QUERY)
+            : null;
+        this.abort = new AbortController();
+        this.isMobileOrTablet = signal(!!this.mql?.matches);
+        this.truncate = (s, n = 90) => s ? (s.length > n ? s.slice(0, n).trimEnd() + '…' : s) : '';
+        this.maxChars = computed(() => (this.isMobileOrTablet() ? 70 : 90));
+        this.labelStepsTruncated = computed(() => (this.labelSteps() || []).map((txt) => this.truncate(txt, this.maxChars())));
+        this.labelCompleteTruncated = computed(() => this.truncate(this.labelComplete(), this.maxChars()));
+        this.labelIncompleteTruncated = computed(() => this.truncate(this.labelIncomplete(), this.maxChars()));
+        this.mql?.addEventListener('change', (e) => this.isMobileOrTablet.set(e.matches), { signal: this.abort.signal });
+        this.destroyRef.onDestroy(() => this.abort.abort());
+    }
+    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            {{ labelStepsTruncated()[i] }}\n          </h2>\n          @if (activeStep() > i) {\n            <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n              labelCompleteTruncated()\n            }}</span>\n          } @else {\n            <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n              labelIncompleteTruncated()\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            >{{ labelStepsTruncated()[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-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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);word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);word-break:break-word;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            {{ labelStepsTruncated()[i] }}\n          </h2>\n          @if (activeStep() > i) {\n            <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n              labelCompleteTruncated()\n            }}</span>\n          } @else {\n            <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n              labelIncompleteTruncated()\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            >{{ labelStepsTruncated()[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-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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);word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);word-break:break-word;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"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3RlcC1wcm9ncmVzcy1iYXIvYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3RlcC1wcm9ncmVzcy1iYXIvYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUV2QixNQUFNLEVBQ04sS0FBSyxFQUNMLEtBQUssRUFDTCxNQUFNLEVBQ04sVUFBVSxFQUNWLE1BQU0sRUFDTixRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFFbEUsTUFBTSxtQkFBbUIsR0FBRyxvQkFBb0IsQ0FBQztBQVdqRCxNQUFNLE9BQU8sMkJBQTJCO0lBdUJ0QztRQXRCQSxlQUFVLEdBQUcsS0FBSyxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBQzlCLGVBQVUsR0FBRyxLQUFLLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFDOUIsU0FBSSxHQUFHLEtBQUssQ0FBNEMsUUFBUSxDQUFDLENBQUM7UUFDbEUsV0FBTSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUMvQixTQUFJLEdBQUcsS0FBSyxDQUEyQyxVQUFVLENBQUMsQ0FBQztRQUNuRSxlQUFVLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ2pDLGtCQUFhLEdBQUcsS0FBSyxDQUFTLFVBQVUsQ0FBQyxDQUFDO1FBQzFDLG9CQUFlLEdBQUcsS0FBSyxDQUFTLFdBQVcsQ0FBQyxDQUFDO1FBQzdDLGtCQUFhLEdBQUcsS0FBSyxDQUFxQixFQUFFLENBQUMsQ0FBQztRQUU5QyxnQkFBVyxHQUFHLE1BQU0sRUFBVSxDQUFDO1FBQy9CLHFCQUFnQixHQUFHLE1BQU0sRUFBVSxDQUFDO1FBRTVCLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDaEMsUUFBRyxHQUNULE9BQU8sTUFBTSxLQUFLLFdBQVc7WUFDM0IsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsbUJBQW1CLENBQUM7WUFDeEMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNILFVBQUssR0FBRyxJQUFJLGVBQWUsRUFBRSxDQUFDO1FBRTdCLHFCQUFnQixHQUFHLE1BQU0sQ0FBVSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsQ0FBQztRQVd6RCxhQUFRLEdBQUcsQ0FBQyxDQUFVLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQ3hDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBRXJELGFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRS9ELHdCQUFtQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FDM0MsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUM1RSxDQUFDO1FBRU8sMkJBQXNCLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUM5QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FDckQsQ0FBQztRQUVPLDZCQUF3QixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FDaEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQ3ZELENBQUM7UUF2QkEsSUFBSSxDQUFDLEdBQUcsRUFBRSxnQkFBZ0IsQ0FDeEIsUUFBUSxFQUNSLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFFLENBQXlCLENBQUMsT0FBTyxDQUFDLEVBQ3BFLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQzlCLENBQUM7UUFDRixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQW1CRCxhQUFhO1FBQ1gsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUFhO1FBQzlCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNuQztJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzNCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQzsrR0FoRVUsMkJBQTJCO21HQUEzQiwyQkFBMkIsNDNDQzNCeEMsK3FJQW9JQSxzeVhEL0dZLFlBQVkscWdCQUFFLGdCQUFnQjs7NEZBTTdCLDJCQUEyQjtrQkFUdkMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLG1CQUd4Qix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIFRlbXBsYXRlUmVmLFxuICBvdXRwdXQsXG4gIG1vZGVsLFxuICBpbnB1dCxcbiAgaW5qZWN0LFxuICBEZXN0cm95UmVmLFxuICBzaWduYWwsXG4gIGNvbXB1dGVkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCbWJJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vYm1iLWljb24vYm1iLWljb24uY29tcG9uZW50JztcblxuY29uc3QgTU9CSUxFX1RBQkxFVF9RVUVSWSA9ICcobWF4LXdpZHRoOiA5OTJweCknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItc3RlcC1wcm9ncmVzcy1iYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCbWJJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zdGVwLXByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ibWItc3RlcC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iU3RlcFByb2dyZXNzQmFyQ29tcG9uZW50IHtcbiAgYWN0aXZlU3RlcCA9IG1vZGVsPG51bWJlcj4oMCk7XG4gIHRvdGFsU3RlcHMgPSBpbnB1dDxudW1iZXI+KDApO1xuICBzaXplID0gaW5wdXQ8J25vcm1hbCcgfCAnZGVmYXVsdCcgfCAnc21hbGwnIHwgJ21lZGl1bSc+KCdub3JtYWwnKTtcbiAgZnJlZXplID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICB0eXBlID0gaW5wdXQ8J2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJyB8ICdzdGVwLXBhbmVsJz4oJ3ZlcnRpY2FsJyk7XG4gIGxhYmVsU3RlcHMgPSBpbnB1dDxzdHJpbmdbXT4oW10pO1xuICBsYWJlbENvbXBsZXRlID0gaW5wdXQ8c3RyaW5nPignQ29tcGxldG8nKTtcbiAgbGFiZWxJbmNvbXBsZXRlID0gaW5wdXQ8c3RyaW5nPignUGVuZGllbnRlJyk7XG4gIHN0ZXBUZW1wbGF0ZXMgPSBpbnB1dDxUZW1wbGF0ZVJlZjxhbnk+W10+KFtdKTtcblxuICBvblN0ZXBQcmVzcyA9IG91dHB1dDxudW1iZXI+KCk7XG4gIG9uU3RlcFBhbmVsUHJlc3MgPSBvdXRwdXQ8bnVtYmVyPigpO1xuXG4gIHByaXZhdGUgZGVzdHJveVJlZiA9IGluamVjdChEZXN0cm95UmVmKTtcbiAgcHJpdmF0ZSBtcWwgPVxuICAgIHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnXG4gICAgICA/IHdpbmRvdy5tYXRjaE1lZGlhKE1PQklMRV9UQUJMRVRfUVVFUlkpXG4gICAgICA6IG51bGw7XG4gIHByaXZhdGUgYWJvcnQgPSBuZXcgQWJvcnRDb250cm9sbGVyKCk7XG5cbiAgcmVhZG9ubHkgaXNNb2JpbGVPclRhYmxldCA9IHNpZ25hbDxib29sZWFuPighIXRoaXMubXFsPy5tYXRjaGVzKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLm1xbD8uYWRkRXZlbnRMaXN0ZW5lcihcbiAgICAgICdjaGFuZ2UnLFxuICAgICAgKGUpID0+IHRoaXMuaXNNb2JpbGVPclRhYmxldC5zZXQoKGUgYXMgTWVkaWFRdWVyeUxpc3RFdmVudCkubWF0Y2hlcyksXG4gICAgICB7IHNpZ25hbDogdGhpcy5hYm9ydC5zaWduYWwgfSxcbiAgICApO1xuICAgIHRoaXMuZGVzdHJveVJlZi5vbkRlc3Ryb3koKCkgPT4gdGhpcy5hYm9ydC5hYm9ydCgpKTtcbiAgfVxuXG4gIHByaXZhdGUgdHJ1bmNhdGUgPSAocz86IHN0cmluZywgbiA9IDkwKSA9PlxuICAgIHMgPyAocy5sZW5ndGggPiBuID8gcy5zbGljZSgwLCBuKS50cmltRW5kKCkgKyAn4oCmJyA6IHMpIDogJyc7XG5cbiAgcmVhZG9ubHkgbWF4Q2hhcnMgPSBjb21wdXRlZCgoKSA9PiAodGhpcy5pc01vYmlsZU9yVGFibGV0KCkgPyA3MCA6IDkwKSk7XG5cbiAgcmVhZG9ubHkgbGFiZWxTdGVwc1RydW5jYXRlZCA9IGNvbXB1dGVkKCgpID0+XG4gICAgKHRoaXMubGFiZWxTdGVwcygpIHx8IFtdKS5tYXAoKHR4dCkgPT4gdGhpcy50cnVuY2F0ZSh0eHQsIHRoaXMubWF4Q2hhcnMoKSkpLFxuICApO1xuXG4gIHJlYWRvbmx5IGxhYmVsQ29tcGxldGVUcnVuY2F0ZWQgPSBjb21wdXRlZCgoKSA9PlxuICAgIHRoaXMudHJ1bmNhdGUodGhpcy5sYWJlbENvbXBsZXRlKCksIHRoaXMubWF4Q2hhcnMoKSksXG4gICk7XG5cbiAgcmVhZG9ubHkgbGFiZWxJbmNvbXBsZXRlVHJ1bmNhdGVkID0gY29tcHV0ZWQoKCkgPT5cbiAgICB0aGlzLnRydW5jYXRlKHRoaXMubGFiZWxJbmNvbXBsZXRlKCksIHRoaXMubWF4Q2hhcnMoKSksXG4gICk7XG5cbiAgZ2V0U3RlcHNBcnJheSgpOiBudW1iZXJbXSB7XG4gICAgcmV0dXJuIG5ldyBBcnJheSh0aGlzLnRvdGFsU3RlcHMoKSB8fCAwKS5maWxsKDApLm1hcCgoXywgaSkgPT4gaSk7XG4gIH1cblxuICBvblN0ZXBQYW5lbENsaWNrZWQoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICghdGhpcy5mcmVlemUoKSkge1xuICAgICAgdGhpcy5vblN0ZXBQYW5lbFByZXNzLmVtaXQoaW5kZXgpO1xuICAgIH1cbiAgfVxuXG4gIG9uU3RlcENsaWNrZWQoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICghdGhpcy5mcmVlemUoKSkge1xuICAgICAgdGhpcy5hY3RpdmVTdGVwLnNldChpbmRleCk7XG4gICAgICB0aGlzLm9uU3RlcFByZXNzLmVtaXQoaW5kZXgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhclwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXZlcnRpY2FsJzogdHlwZSgpID09PSAndmVydGljYWwnLFxuICAgICdibWJfc3RlcC1wcm9ncmVzcy1iYXItc3RlcC1wYW5lbCc6IHR5cGUoKSA9PT0gJ3N0ZXAtcGFuZWwnXG4gIH1cIlxuPlxuICBAaWYgKHR5cGUoKSA9PSAnaG9yaXpvbnRhbCcpIHtcbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1pdGVtXCJcbiAgICAgICpuZ0Zvcj1cImxldCBpIG9mIGdldFN0ZXBzQXJyYXkoKVwiXG4gICAgICBbYXR0ci5kYXRhLWJzLXNsaWRlLXRvXT1cImlcIlxuICAgICAgW25nQ2xhc3NdPVwieyBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAoKSA+IGkgfVwiXG4gICAgICAoY2xpY2spPVwib25TdGVwQ2xpY2tlZChpKVwiXG4gICAgICBvbmtleXByZXNzPVwiXCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXBcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgYWN0aXZlOiBhY3RpdmVTdGVwKCkgPT09IGksXG4gICAgICAgICAgY29tcGxldGVkOiBhY3RpdmVTdGVwKCkgPiBpLFxuICAgICAgICAgICdibWJfc3RlcC1wcm9ncmVzcy1iYXItc3RlcC1ub3JtYWwnOlxuICAgICAgICAgICAgc2l6ZSgpID09ICdub3JtYWwnIHx8IHNpemUoKSA9PSAnZGVmYXVsdCcsXG4gICAgICAgICAgJ2JtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXNtYWxsJzogc2l6ZSgpID09ICdzbWFsbCcsXG4gICAgICAgICAgJ2JtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLW1lZGl1bSc6IHNpemUoKSA9PSAnbWVkaXVtJ1xuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJhY3RpdmVTdGVwKCkgPT0gaSB8fCBhY3RpdmVTdGVwKCkgPCBpXCI+e3sgaSArIDEgfX08L3NwYW4+XG4gICAgICAgIEBpZiAoYWN0aXZlU3RlcCgpID4gaSkge1xuICAgICAgICAgIDxibWItaWNvbiBbaWNvbl09XCInZG9uZSdcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCIgW3NpemVdPVwiMjRcIiAvPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgfSBAZWxzZSBpZiAodHlwZSgpID09PSAndmVydGljYWwnKSB7XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtaXRlbVwiXG4gICAgICAqbmdGb3I9XCJsZXQgaSBvZiBnZXRTdGVwc0FycmF5KClcIlxuICAgICAgW2F0dHIuZGF0YS1icy1zbGlkZS10b109XCJpXCJcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgY29tcGxldGVkOiBhY3RpdmVTdGVwKCkgPiBpLFxuICAgICAgICAnYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXZlcnRpY2FsLWNvbnRlbnQnOiBsYWJlbFN0ZXBzKCkubGVuZ3RoID4gMFxuICAgICAgfVwiXG4gICAgICAoY2xpY2spPVwib25TdGVwQ2xpY2tlZChpKVwiXG4gICAgICBvbmtleXByZXNzPVwiXCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXZlcnRpY2FsLXN0ZXAgYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXZlcnRpY2FsLXN0ZXAtc21hbGxcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgYWN0aXZlOiBhY3RpdmVTdGVwKCkgPT09IGksXG4gICAgICAgICAgY29tcGxldGVkOiBhY3RpdmVTdGVwKCkgPiBpXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICBAaWYgKGFjdGl2ZVN0ZXAoKSA8PSBpKSB7XG4gICAgICAgICAgPHNwYW4+e3sgaSArIDEgfX08L3NwYW4+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDxibWItaWNvblxuICAgICAgICAgICAgW2ljb25dPVwiJ2RvbmUnXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLWljb25cIlxuICAgICAgICAgICAgW3NpemVdPVwiMjRcIlxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgICAgQGlmIChsYWJlbFN0ZXBzKCkubGVuZ3RoID4gMCkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXZlcnRpY2FsLXRleHRcIj5cbiAgICAgICAgICA8aDIgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtdGV4dC10aXRsZVwiPlxuICAgICAgICAgICAge3sgbGFiZWxTdGVwc1RydW5jYXRlZCgpW2ldIH19XG4gICAgICAgICAgPC9oMj5cbiAgICAgICAgICBAaWYgKGFjdGl2ZVN0ZXAoKSA+IGkpIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXZlcnRpY2FsLXRleHQtc3VidGl0bGVcIj57e1xuICAgICAgICAgICAgICBsYWJlbENvbXBsZXRlVHJ1bmNhdGVkKClcbiAgICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtdGV4dC1zdWJ0aXRsZVwiPnt7XG4gICAgICAgICAgICAgIGxhYmVsSW5jb21wbGV0ZVRydW5jYXRlZCgpXG4gICAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICB9IEBlbHNlIGlmICh0eXBlKCkgPT09ICdzdGVwLXBhbmVsJykge1xuICAgIDxkaXYgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItc3RlcC1wYW5lbC1pdGVtXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtcGFuZWwtd3JhcHBlclwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICBhY3RpdmU6IGFjdGl2ZVN0ZXAoKSA9PT0gaSxcbiAgICAgICAgICBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAoKSA+IGlcbiAgICAgICAgfVwiXG4gICAgICAgICpuZ0Zvcj1cImxldCBzdGVwIG9mIGdldFN0ZXBzQXJyYXkoKTsgbGV0IGkgPSBpbmRleFwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXBhbmVsLWhlYWRlclwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uU3RlcFBhbmVsQ2xpY2tlZChpKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXBhbmVsLXN0ZXBcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICBhY3RpdmU6IGFjdGl2ZVN0ZXAoKSA9PT0gaSxcbiAgICAgICAgICAgICAgY29tcGxldGVkOiBhY3RpdmVTdGVwKCkgPiBpXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICBAaWYgKGFjdGl2ZVN0ZXAoKSA+IGkpIHtcbiAgICAgICAgICAgICAgPGJtYi1pY29uXG4gICAgICAgICAgICAgICAgW2ljb25dPVwiJ2RvbmUnXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1pY29uXCJcbiAgICAgICAgICAgICAgICBbc2l6ZV09XCIyNFwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJpbmRleFwiPnt7IGkgKyAxIH19PC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtcGFuZWwtbGFiZWxcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICBhY3RpdmU6IGFjdGl2ZVN0ZXAoKSA9PT0gaSxcbiAgICAgICAgICAgICAgY29tcGxldGVkOiBhY3RpdmVTdGVwKCkgPiBpXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICAgID57eyBsYWJlbFN0ZXBzVHJ1bmNhdGVkKClbaV0gfX08L3NwYW5cbiAgICAgICAgICA+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIEBpZiAoYWN0aXZlU3RlcCgpID09PSBpICYmIHN0ZXBUZW1wbGF0ZXMoKS5sZW5ndGggPiBpKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXBhbmVsLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwic3RlcFRlbXBsYXRlcygpW2ldXCJcbiAgICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19

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-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0dWRlbnQtYWN0aXZpdHktY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2NvbXBvbmVudHMvYm1iLXN0dWRlbnQtYWN0aXZpdHktY2FyZC9ibWItc3R1ZGVudC1hY3Rpdml0eS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3R1ZGVudC1hY3Rpdml0eS1jYXJkL2JtYi1zdHVkZW50LWFjdGl2aXR5LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFFTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVqQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBWXJFLE1BQU0sT0FBTywrQkFBK0I7SUFUNUM7UUFVRSxjQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3JDLFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDbkMsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3hCLGFBQVEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUMzQixnQkFBVyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzlCLFNBQUksR0FBRyxLQUFLLENBQWdCLFVBQVUsQ0FBQyxDQUFDO1FBQ3hDLGVBQVUsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDbkMsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3hCLGVBQVUsR0FBRyxLQUFLLENBQVMscUJBQXFCLENBQUMsQ0FBQztRQUNsRCxjQUFTLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRTlCLG9CQUFlLEdBQWEsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQzNDLGtCQUFhLEdBQWEsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO0tBOEIxQztJQTVCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsR0FBRyxRQUFRLENBQUMsVUFBVSxDQUN4QyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQ2hCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FDbEIsQ0FBQztRQUNGLElBQUksQ0FBQyxhQUFhLEdBQUcsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVELGNBQWM7UUFDWixNQUFNLE9BQU8sR0FBRyxDQUFDLDJCQUEyQixDQUFDLENBQUM7UUFDOUMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDOztZQUN0RSxPQUFPLENBQUMsSUFBSSxDQUFDLDZCQUE2QixJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRTlELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxZQUFZO1FBQ1YsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDbkIsS0FBSyxVQUFVO2dCQUNiLE9BQU8sUUFBUSxDQUFDO1lBQ2xCLEtBQUssTUFBTTtnQkFDVCxPQUFPLGFBQWEsQ0FBQztZQUN2QixLQUFLLFFBQVE7Z0JBQ1gsT0FBTyxjQUFjLENBQUM7WUFDeEIsS0FBSyxlQUFlO2dCQUNsQixPQUFPLGNBQWMsQ0FBQztTQUN6QjtJQUNILENBQUM7K0dBMUNVLCtCQUErQjttR0FBL0IsK0JBQStCLG0yQ0N0QjVDLHcvQkFpQ0EsbS9TRGpCWSxZQUFZLDZIQUFFLGlCQUFpQjs7NEZBTTlCLCtCQUErQjtrQkFUM0MsU0FBUzsrQkFDRSwyQkFBMkIsY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDLG1CQUN6Qix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERhdGVUaW1lIH0gZnJvbSAnbHV4b24nO1xuaW1wb3J0IHsgSUJtYkV2ZW50VHlwZSB9IGZyb20gJy4uL2JtYi1jYWxlbmRhci90eXBlcyc7XG5pbXBvcnQgeyBCbWJCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1iYWRnZS9ibWItYmFkZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IElCYm1CZ0FwcGVhcmFuY2UgfSBmcm9tICcuLi9ibWItYWR2ZXJ0aXNlbWVudC1jYXJkL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLXN0dWRlbnQtYWN0aXZpdHktY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJtYkJhZGdlQ29tcG9uZW50XSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlVXJsOiAnLi9ibWItc3R1ZGVudC1hY3Rpdml0eS1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2JtYi1zdHVkZW50LWFjdGl2aXR5LWNhcmQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJTdHVkZW50QWN0aXZpdHlDYXJkQ29tcG9uZW50IHtcbiAgc3RhcnREYXRlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICBlbmREYXRlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICB0aXRsZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgbG9jYXRpb24gPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlc3BvbnNpYmxlID0gaW5wdXQ8c3RyaW5nPigpO1xuICB0eXBlID0gaW5wdXQ8SUJtYkV2ZW50VHlwZT4oJ2FjYWRlbWljJyk7XG4gIGlzTGlzdEl0ZW0gPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIGltYWdlID0gaW5wdXQ8c3RyaW5nPigpO1xuICBkYXRlRm9ybWF0ID0gaW5wdXQ8c3RyaW5nPigneXl5eS1NTS1kZCBISDptbTpzcycpO1xuICBiYWRnZVRleHQgPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICBwYXJzZWRTdGFydERhdGU6IERhdGVUaW1lID0gRGF0ZVRpbWUubm93KCk7XG4gIHBhcnNlZEVuZERhdGU6IERhdGVUaW1lID0gRGF0ZVRpbWUubm93KCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5wYXJzZWRTdGFydERhdGUgPSBEYXRlVGltZS5mcm9tRm9ybWF0KFxuICAgICAgdGhpcy5zdGFydERhdGUoKSxcbiAgICAgIHRoaXMuZGF0ZUZvcm1hdCgpLFxuICAgICk7XG4gICAgdGhpcy5wYXJzZWRFbmREYXRlID0gRGF0ZVRpbWUuZnJvbUZvcm1hdCh0aGlzLmVuZERhdGUoKSwgdGhpcy5kYXRlRm9ybWF0KCkpO1xuICB9XG5cbiAgZ2V0Q2FyZENsYXNzZXMoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBbJ2JtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQnXTtcbiAgICBpZiAodGhpcy5pc0xpc3RJdGVtKCkpIGNsYXNzZXMucHVzaCgnYm1iX3N0dWRlbnQtYWN0aXZpdHktY2FyZC1saXN0LWl0ZW0nKTtcbiAgICBlbHNlIGNsYXNzZXMucHVzaChgYm1iX3N0dWRlbnQtYWN0aXZpdHktY2FyZC0ke3RoaXMudHlwZSgpfWApO1xuXG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cblxuICBnZXRCYWRnZVR5cGUoKTogSUJibUJnQXBwZWFyYW5jZSB7XG4gICAgc3dpdGNoICh0aGlzLnR5cGUoKSkge1xuICAgICAgY2FzZSAnYWNhZGVtaWMnOlxuICAgICAgICByZXR1cm4gJ3N0cm9uZyc7XG4gICAgICBjYXNlICdsaWZlJzpcbiAgICAgICAgcmV0dXJuICdtaXRlY19ncmVlbic7XG4gICAgICBjYXNlICdldmVudHMnOlxuICAgICAgICByZXR1cm4gJ21pdGVjX3B1cnBsZSc7XG4gICAgICBjYXNlICdzYXZlX3RoZV9kYXRlJzpcbiAgICAgICAgcmV0dXJuICdtaXRlY19vcmFuZ2UnO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJnZXRDYXJkQ2xhc3NlcygpXCI+XG4gIEBpZiAoaXNMaXN0SXRlbSgpICYmIGltYWdlKCkpIHtcbiAgICA8ZmlndXJlIGNsYXNzPVwiYm1iX3N0dWRlbnQtYWN0aXZpdHktY2FyZC1pbWFnZVwiPlxuICAgICAgPGltZ1xuICAgICAgICBjbGFzcz1cImJtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtaW1hZ2UtcGljXCJcbiAgICAgICAgW3NyY109XCJpbWFnZSgpXCJcbiAgICAgICAgW2FsdF09XCJ0aXRsZSgpXCJcbiAgICAgIC8+XG4gICAgPC9maWd1cmU+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImJtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtYmFkZ2VcIj5cbiAgICA8Ym1iLWJhZGdlXG4gICAgICBbYXBwZWFyYW5jZV09XCJnZXRCYWRnZVR5cGUoKVwiXG4gICAgICBbdGV4dF09XCJiYWRnZVRleHQoKVwiXG4gICAgICBbY29udGFpbmVyXT1cInRydWVcIlxuICAgIC8+XG4gIDwvZGl2PlxuICA8aDQgY2xhc3M9XCJibWJfc3R1ZGVudC1hY3Rpdml0eS1jYXJkLXRpdGxlXCI+XG4gICAge3sgdGl0bGUoKSB9fVxuICA8L2g0PlxuICA8c2VjdGlvbiBjbGFzcz1cImJtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtY29udGVudFwiPlxuICAgIDxzdHJvbmcgY2xhc3M9XCJibWJfc3R1ZGVudC1hY3Rpdml0eS1jYXJkLWNvbnRlbnQtdGltZVwiPlxuICAgICAge3sgcGFyc2VkU3RhcnREYXRlLnRvRm9ybWF0KGlzTGlzdEl0ZW0oKSA/ICdoaDptbScgOiAnaGg6bW0gYScpIH19IC1cbiAgICAgIHt7IHBhcnNlZEVuZERhdGUudG9Gb3JtYXQoaXNMaXN0SXRlbSgpID8gJ2hoOm1tJyA6ICdoaDptbSBhJykgfX1cbiAgICA8L3N0cm9uZz5cbiAgICA8cCBjbGFzcz1cImJtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtY29udGVudC1sb2NhdGlvblwiPlxuICAgICAge3sgbG9jYXRpb24oKSB9fTxiciAvPlxuICAgICAgQGlmICghaXNMaXN0SXRlbSgpKSB7XG4gICAgICAgIHt7IHJlc3BvbnNpYmxlKCkgfX1cbiAgICAgIH1cbiAgICA8L3A+XG4gIDwvc2VjdGlvbj5cbjwvZGl2PlxuIl19

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

@@ -0,0 +1,27 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbTabStudentActivityComponent {
+    constructor() {
+        this.title = '';
+        this.subtitle = '';
+        this.active = false;
+        this.appearance = 'academic';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTabStudentActivityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BmbTabStudentActivityComponent, isStandalone: true, selector: "bmb-student-activity-tab", inputs: { title: "title", subtitle: "subtitle", active: "active", appearance: "appearance" }, ngImport: i0, template: "<div *ngIf=\"active\" class=\"bmb_student_activity-content\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTabStudentActivityComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-student-activity-tab', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"active\" class=\"bmb_student_activity-content\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0dWRlbnQtYWN0aXZpdHktdGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3R1ZGVudC1hY3Rpdml0eS1zZWxlY3Rvci9ibWItc3R1ZGVudC1hY3Rpdml0eS10YWIvYm1iLXN0dWRlbnQtYWN0aXZpdHktdGFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3R1ZGVudC1hY3Rpdml0eS1zZWxlY3Rvci9ibWItc3R1ZGVudC1hY3Rpdml0eS10YWIvYm1iLXN0dWRlbnQtYWN0aXZpdHktdGFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxpQkFBaUIsRUFDakIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDOzs7QUFXdkIsTUFBTSxPQUFPLDhCQUE4QjtJQVIzQztRQVNXLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsZUFBVSxHQUErQixVQUFVLENBQUM7S0FDOUQ7K0dBTFksOEJBQThCO21HQUE5Qiw4QkFBOEIsa0xDakIzQyxzR0FHQSwyQ0RTWSxZQUFZOzs0RkFLWCw4QkFBOEI7a0JBUjFDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFDTix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUk1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSVN0dWRlbnRBY3Rpdml0eUFwcGVhcmFuY2UgfSBmcm9tICcuLi8uLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JtYi1zdHVkZW50LWFjdGl2aXR5LXRhYicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zdHVkZW50LWFjdGl2aXR5LXRhYi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEJtYlRhYlN0dWRlbnRBY3Rpdml0eUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgc3VidGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBhY3RpdmUgPSBmYWxzZTtcbiAgQElucHV0KCkgYXBwZWFyYW5jZTogSVN0dWRlbnRBY3Rpdml0eUFwcGVhcmFuY2UgPSAnYWNhZGVtaWMnO1xufVxuIiwiPGRpdiAqbmdJZj1cImFjdGl2ZVwiIGNsYXNzPVwiYm1iX3N0dWRlbnRfYWN0aXZpdHktY29udGVudFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==