@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1119-a → 1.5.1119-b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs +68 -35
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs.map +1 -1
- package/lib/components/bmb-alert-center/bmb-alert-center.component.d.ts +3 -3
- package/lib/components/bmb-calendar/bmb-calendar.component.d.ts +2 -0
- package/lib/components/bmb-filter-card/bmb-filter-card.interface.d.ts +2 -0
- package/lib/components/bmb-modal/bmb-modal.interface.d.ts +4 -1
- package/lib/components/bmb-modal/bmb-native-modal.component.d.ts +6 -5
- package/package.json +2 -2
|
@@ -512,11 +512,11 @@ class BmbCheckboxComponent {
|
|
|
512
512
|
}
|
|
513
513
|
}
|
|
514
514
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
515
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: BmbCheckboxComponent, isStandalone: true, selector: "bmb-checkbox", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", checked: "checkedChange", showError: "showErrorChange", indeterminate: "indeterminateChange", inputId: "inputIdChange", change: "change" }, ngImport: i0, template: "<bmb-input-validator\n type=\"checkbox\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [label]=\"label()\"\n [labelPosition]=\"labelPosition()\"\n [checked]=\"checked()!\"\n [value]=\"value()\"\n [errorMessage]=\"errorMessage()\"\n [showError]=\"shouldShowError\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"required()\"\n [isDisabled]=\"disabled()\"\n [customValidation]=\"customValidation()\"\n [control]=\"control()\"\n>\n <span class=\"bmb_checkbox\">\n <input\n class=\"bmb_checkbox-input\"\n [ngClass]=\"{\n 'bmb_checkbox-input-indeterminate': indeterminate(),\n }\"\n type=\"checkbox\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.value]=\"value()\"\n [value]=\"value()\"\n [checked]=\"checked()\"\n [required]=\"required()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"handleChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n />\n <label\n class=\"bmb_checkbox-mark\"\n [htmlFor]=\"inputId()\"\n [ngClass]=\"{ 'bmb_checkbox-mark-error': shouldShowError }\"\n ></label>\n </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_checkbox-input{opacity:0;height:0;width:0;position:absolute}.bmb_checkbox-input:is(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:is(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.75rem;width:.3125rem;border:solid var(--white-primary);border-width:0 .1875rem .1875rem 0;transform:rotate(45deg)}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate)+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.1875rem;width:.75rem;background-color:var(--white-primary)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:not(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input-indeterminate:not(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-mark{cursor:pointer;display:flex;position:relative;height:1.5rem;width:1.5rem;margin:.375rem;background-color:transparent;border:.125rem solid var(--general_contrasts-75);border-radius:var(--bmb-radius-xs)}.bmb_checkbox-mark:after{content:\"\";display:none;position:absolute}.bmb_checkbox-mark-error{border-color:var(--input-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
515
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: BmbCheckboxComponent, isStandalone: true, selector: "bmb-checkbox", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", checked: "checkedChange", showError: "showErrorChange", indeterminate: "indeterminateChange", inputId: "inputIdChange", change: "change" }, ngImport: i0, template: "<bmb-input-validator\n type=\"checkbox\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [label]=\"label()\"\n [labelPosition]=\"labelPosition()\"\n [checked]=\"checked()!\"\n [value]=\"value()\"\n [errorMessage]=\"errorMessage()\"\n [showError]=\"shouldShowError\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"required()\"\n [isDisabled]=\"disabled()\"\n [customValidation]=\"customValidation()\"\n [control]=\"control()\"\n>\n <span class=\"bmb_checkbox\">\n <input\n class=\"bmb_checkbox-input\"\n [ngClass]=\"{\n 'bmb_checkbox-input-indeterminate': indeterminate(),\n }\"\n type=\"checkbox\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.value]=\"value()\"\n [value]=\"value()\"\n [checked]=\"checked()\"\n [required]=\"required()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"handleChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n />\n <label\n class=\"bmb_checkbox-mark\"\n [htmlFor]=\"inputId()\"\n [ngClass]=\"{ 'bmb_checkbox-mark-error': shouldShowError }\"\n ></label>\n </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_checkbox-input{opacity:0;height:0;width:0;position:absolute}.bmb_checkbox-input:is(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:is(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.75rem;width:.3125rem;border:solid var(--white-primary);border-width:0 .1875rem .1875rem 0;transform:rotate(45deg)}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate)+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.1875rem;width:.75rem;background-color:var(--white-primary)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:not(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input-indeterminate:not(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-mark{cursor:pointer;display:flex;position:relative;height:1.5rem;width:1.5rem;margin:.375rem;background-color:transparent;border:.125rem solid var(--general_contrasts-75);border-radius:var(--bmb-radius-xs)}.bmb_checkbox-mark:after{content:\"\";display:none;position:absolute}.bmb_checkbox-mark-error{border-color:var(--input-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
516
516
|
}
|
|
517
517
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCheckboxComponent, decorators: [{
|
|
518
518
|
type: Component,
|
|
519
|
-
args: [{ selector: 'bmb-checkbox', standalone: true, imports: [CommonModule, ReactiveFormsModule, BmbInputValidatorComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n type=\"checkbox\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [label]=\"label()\"\n [labelPosition]=\"labelPosition()\"\n [checked]=\"checked()!\"\n [value]=\"value()\"\n [errorMessage]=\"errorMessage()\"\n [showError]=\"shouldShowError\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"required()\"\n [isDisabled]=\"disabled()\"\n [customValidation]=\"customValidation()\"\n [control]=\"control()\"\n>\n <span class=\"bmb_checkbox\">\n <input\n class=\"bmb_checkbox-input\"\n [ngClass]=\"{\n 'bmb_checkbox-input-indeterminate': indeterminate(),\n }\"\n type=\"checkbox\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.value]=\"value()\"\n [value]=\"value()\"\n [checked]=\"checked()\"\n [required]=\"required()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"handleChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n />\n <label\n class=\"bmb_checkbox-mark\"\n [htmlFor]=\"inputId()\"\n [ngClass]=\"{ 'bmb_checkbox-mark-error': shouldShowError }\"\n ></label>\n </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_checkbox-input{opacity:0;height:0;width:0;position:absolute}.bmb_checkbox-input:is(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:is(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.75rem;width:.3125rem;border:solid var(--white-primary);border-width:0 .1875rem .1875rem 0;transform:rotate(45deg)}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate)+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.1875rem;width:.75rem;background-color:var(--white-primary)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:not(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input-indeterminate:not(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-mark{cursor:pointer;display:flex;position:relative;height:1.5rem;width:1.5rem;margin:.375rem;background-color:transparent;border:.125rem solid var(--general_contrasts-75);border-radius:var(--bmb-radius-xs)}.bmb_checkbox-mark:after{content:\"\";display:none;position:absolute}.bmb_checkbox-mark-error{border-color:var(--input-error)}\n"] }]
|
|
519
|
+
args: [{ selector: 'bmb-checkbox', standalone: true, imports: [CommonModule, ReactiveFormsModule, BmbInputValidatorComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n type=\"checkbox\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [label]=\"label()\"\n [labelPosition]=\"labelPosition()\"\n [checked]=\"checked()!\"\n [value]=\"value()\"\n [errorMessage]=\"errorMessage()\"\n [showError]=\"shouldShowError\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"required()\"\n [isDisabled]=\"disabled()\"\n [customValidation]=\"customValidation()\"\n [control]=\"control()\"\n>\n <span class=\"bmb_checkbox\">\n <input\n class=\"bmb_checkbox-input\"\n [ngClass]=\"{\n 'bmb_checkbox-input-indeterminate': indeterminate(),\n }\"\n type=\"checkbox\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.value]=\"value()\"\n [value]=\"value()\"\n [checked]=\"checked()\"\n [required]=\"required()\"\n [indeterminate]=\"indeterminate()\"\n (change)=\"handleChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n />\n <label\n class=\"bmb_checkbox-mark\"\n [htmlFor]=\"inputId()\"\n [ngClass]=\"{ 'bmb_checkbox-mark-error': shouldShowError }\"\n ></label>\n </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_checkbox-input{opacity:0;height:0;width:0;position:absolute}.bmb_checkbox-input:is(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:is(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.75rem;width:.3125rem;border:solid var(--white-primary);border-width:0 .1875rem .1875rem 0;transform:rotate(45deg)}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate)+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.1875rem;width:.75rem;background-color:var(--white-primary)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:not(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input-indeterminate:not(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-mark{cursor:pointer;display:flex;position:relative;height:1.5rem;width:1.5rem;margin:.375rem;background-color:transparent;border:.125rem solid var(--general_contrasts-75);border-radius:var(--bmb-radius-xs)}.bmb_checkbox-mark:after{content:\"\";display:none;position:absolute}.bmb_checkbox-mark-error{border-color:var(--input-error)}\n"] }]
|
|
520
520
|
}] });
|
|
521
521
|
|
|
522
522
|
class BmbButtonDirective {
|
|
@@ -1149,14 +1149,14 @@ class BmbNativeModalComponent {
|
|
|
1149
1149
|
this.subtitle = input('');
|
|
1150
1150
|
this.content = input('');
|
|
1151
1151
|
this.actions = input([]);
|
|
1152
|
-
this.alertIcon = input();
|
|
1153
1152
|
this.modalId = input.required();
|
|
1154
1153
|
this.size = input('medium');
|
|
1155
1154
|
this.iconStyle = input();
|
|
1156
|
-
|
|
1157
|
-
this.
|
|
1155
|
+
// autoFocus = input<boolean>(false);
|
|
1156
|
+
this.disableBackdropClose = input(true);
|
|
1158
1157
|
this.hasBackdrop = input(true);
|
|
1159
|
-
this.
|
|
1158
|
+
this.inputContext = input({});
|
|
1159
|
+
this.outputContext = input({});
|
|
1160
1160
|
this.actionsClicked = output();
|
|
1161
1161
|
this.closeModalClicked = output();
|
|
1162
1162
|
this.componentRef = null;
|
|
@@ -1203,7 +1203,7 @@ class BmbNativeModalComponent {
|
|
|
1203
1203
|
this.modalService.closeModal(this.modalId());
|
|
1204
1204
|
}
|
|
1205
1205
|
handleBackdropClick() {
|
|
1206
|
-
if (!this.
|
|
1206
|
+
if (!this.disableBackdropClose()) {
|
|
1207
1207
|
this.handleCloseModal(new MouseEvent('click'));
|
|
1208
1208
|
}
|
|
1209
1209
|
}
|
|
@@ -1220,13 +1220,21 @@ class BmbNativeModalComponent {
|
|
|
1220
1220
|
return;
|
|
1221
1221
|
this.componentRef = this.container.createComponent(this.content());
|
|
1222
1222
|
if (this.componentRef.instance) {
|
|
1223
|
-
|
|
1224
|
-
|
|
1223
|
+
const instance = this.componentRef.instance;
|
|
1224
|
+
Object.keys(this.inputContext()).forEach((key) => {
|
|
1225
|
+
this.componentRef?.setInput(key, this.inputContext()[key]);
|
|
1226
|
+
});
|
|
1227
|
+
Object.keys(this.outputContext()).forEach((key) => {
|
|
1228
|
+
if (instance[key] && instance[key].subscribe) {
|
|
1229
|
+
instance[key].subscribe(() => {
|
|
1230
|
+
this.outputContext()[key](event);
|
|
1231
|
+
});
|
|
1232
|
+
}
|
|
1225
1233
|
});
|
|
1226
1234
|
}
|
|
1227
1235
|
}
|
|
1228
1236
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbNativeModalComponent, deps: [{ token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1229
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbNativeModalComponent, isStandalone: true, selector: "bmb-native-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null },
|
|
1237
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbNativeModalComponent, isStandalone: true, selector: "bmb-native-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, modalId: { classPropertyName: "modalId", publicName: "modalId", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconStyle: { classPropertyName: "iconStyle", publicName: "iconStyle", isSignal: true, isRequired: false, transformFunction: null }, disableBackdropClose: { classPropertyName: "disableBackdropClose", publicName: "disableBackdropClose", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, inputContext: { classPropertyName: "inputContext", publicName: "inputContext", isSignal: true, isRequired: false, transformFunction: null }, outputContext: { classPropertyName: "outputContext", publicName: "outputContext", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionsClicked: "actionsClicked", closeModalClicked: "closeModalClicked" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "@if (hasBackdrop()) {\n <bmb-overlay [active]=\"true\" (onClick)=\"handleBackdropClick()\" />\n}\n<dialog class=\"bmb_native-modal\" [open]=\"true\">\n <div\n class=\"bmb_native-modal-container bmb_box-shadow-3\"\n [ngClass]=\"getContainerClass()\"\n >\n <header class=\"bmb_native-modal-header\">\n <bmb-three-cols\n [expandMainColumn]=\"true\"\n gapSize=\"none\"\n alignItems=\"start\"\n >\n <ng-template #bmbMainContent>\n <span class=\"bmb_modal-container-header-title\">\n <bmb-title-content\n [title]=\"title()\"\n titleSize=\"9\"\n [subtitle]=\"subtitle()\"\n [icon]=\"modalIcon()\"\n [iconSize]=\"48\"\n [transparentBgC]=\"true\"\n />\n </span>\n </ng-template>\n <ng-template #bmbRightContent>\n <span class=\"bmb_modal-container-header-icon_close\">\n <bmb-action-icon\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleCloseModal($event)\"\n />\n </span>\n </ng-template>\n </bmb-three-cols>\n </header>\n <section class=\"bmb_native-modal-content\">\n @if (isTemplateRef()) {\n <ng-template #templateContent>\n <ng-container *ngTemplateOutlet=\"getContent()\"></ng-container>\n </ng-template>\n <ng-container *ngTemplateOutlet=\"templateContent\"></ng-container>\n }\n @if (isStringContent()) {\n <p>\n {{ content() }}\n </p>\n }\n <ng-container #container></ng-container>\n </section>\n @if (actions().length) {\n <footer class=\"bmb_native-modal-footer\">\n @for (btn of actions(); track $index) {\n <button\n bmbButton\n [appearance]=\"btn.appearance || 'secondary-outlined'\"\n (click)=\"btn.action()\"\n [ngStyle]=\"{ flex: actions().length === 1 ? '1 1 auto' : 'none' }\"\n >\n @if (btn.icon) {\n <bmb-icon [icon]=\"btn.icon\" [size]=\"24\" />\n }\n {{ btn.label }}\n </button>\n }\n </footer>\n }\n </div>\n</dialog>\n", styles: [".bmb_native-modal{position:fixed;left:0;top:0;width:100dvw;height:100dvh;z-index:90;border:0;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0}.bmb_native-modal[open]{animation:fadein .3s ease-in forwards}.bmb_native-modal-container{padding:2rem;width:calc(100% - 2rem);background-color:var(--containers-modal);border-radius:1rem;border:.0625rem solid var(--general_contrasts-25);color:var(--general_contrasts-100);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;gap:var(--bmb-spacing-xl)}.bmb_native-modal-container-x-small{max-width:29.5rem}.bmb_native-modal-container-small{max-width:40.875rem}.bmb_native-modal-container-medium{max-width:47.5rem}.bmb_native-modal-container-large{max-width:57.5rem}.bmb_native-modal-container-x-large{max-width:67.5rem}.bmb_native-modal-content{overflow:auto;flex:1}.bmb_native-modal-footer{display:flex;justify-content:flex-end;gap:var(--bmb-spacing-m);flex-wrap:wrap}@media (max-width: 1000px){.bmb_native-modal-footer .bmb_btn{flex:1 1 100%}}@keyframes fadein{0%{opacity:0;transform:scale(.9)}50%{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "component", type: BmbOverlayComponent, selector: "bmb-overlay", inputs: ["active", "uid"], outputs: ["onClick"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbThreeColsComponent, selector: "bmb-three-cols", inputs: ["gapSize", "justify", "alignItems", "expandMainColumn"] }, { kind: "component", type: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1230
1238
|
}
|
|
1231
1239
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbNativeModalComponent, decorators: [{
|
|
1232
1240
|
type: Component,
|
|
@@ -1443,7 +1451,7 @@ class BmbPortalComponent {
|
|
|
1443
1451
|
this.projectionService.closeContent();
|
|
1444
1452
|
}
|
|
1445
1453
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbPortalComponent, deps: [{ token: BmbNotificationService }, { token: BmbNativeModalService }, { token: BmbProjectionContentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1446
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbPortalComponent, isStandalone: true, selector: "bmb-portal", ngImport: i0, template: "<section class=\"bmb_portal\">\n <div class=\"bmb_portal-top-left\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'top-left',\n }\"\n />\n </div>\n <div class=\"bmb_portal-top-center\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'top-center',\n }\"\n />\n </div>\n <div class=\"bmb_portal-top-right\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'top-right',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-left\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'bottom-left',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-center\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'bottom-center',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-right\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'bottom-right',\n }\"\n />\n </div>\n</section>\n\n@for (item of modalSignal(); track $index) {\n <bmb-native-modal\n [title]=\"item.title || ''\"\n [content]=\"item.content || ''\"\n [modalId]=\"item.modalId || ''\"\n [subtitle]=\"item.subtitle || ''\"\n [size]=\"item.size || 'medium'\"\n [iconStyle]=\"item.iconStyle\"\n [actions]=\"item.actions || []\"\n [
|
|
1454
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbPortalComponent, isStandalone: true, selector: "bmb-portal", ngImport: i0, template: "<section class=\"bmb_portal\">\r\n <div class=\"bmb_portal-top-left\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'top-left',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-top-center\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'top-center',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-top-right\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'top-right',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-bottom-left\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'bottom-left',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-bottom-center\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'bottom-center',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-bottom-right\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'bottom-right',\r\n }\"\r\n />\r\n </div>\r\n</section>\r\n\r\n@for (item of modalSignal(); track $index) {\r\n <bmb-native-modal\r\n [title]=\"item.title || ''\"\r\n [content]=\"item.content || ''\"\r\n [modalId]=\"item.modalId || ''\"\r\n [subtitle]=\"item.subtitle || ''\"\r\n [size]=\"item.size || 'medium'\"\r\n [iconStyle]=\"item.iconStyle\"\r\n [actions]=\"item.actions || []\"\r\n [inputContext]=\"item.inputContext || {}\"\r\n [outputContext]=\"item.outputContext || {}\"\r\n (closeModalClicked)=\"handleModalClick(item, $event)\"\r\n />\r\n}\r\n\r\n<bmb-projected-content\r\n [content]=\"projectedContent()?.content ?? null\"\r\n [htmlRef]=\"projectedContent()?.targetRef ?? null\"\r\n [mode]=\"projectedContent()?.mode ?? 'outside'\"\r\n [fixSizeToRef]=\"projectedContent()?.fixSizeToRef ?? false\"\r\n [inputContext]=\"projectedContent()?.inputContext ?? {}\"\r\n [showBackdrop]=\"projectedContent()?.showBackdrop ?? true\"\r\n [outputContext]=\"projectedContent()?.outputContext ?? {}\"\r\n (removeContent)=\"handleRemoveProjectedContent()\"\r\n></bmb-projected-content>\r\n\r\n<ng-template\r\n #commonTemplate\r\n let-notifications=\"notifications\"\r\n let-position=\"position\"\r\n>\r\n @for (notification of notifications; track $index) {\r\n @if (notification.position === position) {\r\n @if (notification.component === \"toast\") {\r\n <bmb-toast\r\n [title]=\"notification.title\"\r\n [description]=\"notification.content\"\r\n [appearance]=\"notification.appearance || 'neutral'\"\r\n [isClosable]=\"true\"\r\n [id]=\"notification.id || $index\"\r\n (onClose)=\"closeNotification(notification)\"\r\n />\r\n } @else if (notification.component === \"notice-card\") {\r\n <bmb-notice-card\r\n [src]=\"notification.media\"\r\n [title]=\"notification.title\"\r\n [description]=\"notification.content\"\r\n [buttonText]=\"notification.buttonText\"\r\n [link]=\"notification.link\"\r\n (onClose)=\"closeNotification(notification)\"\r\n />\r\n } @else {\r\n <bmb-push-notification-item\r\n [notification]=\"notification\"\r\n (onClose)=\"closeNotification(notification)\"\r\n />\r\n }\r\n }\r\n }\r\n</ng-template>\r\n", styles: [".bmb_portal-top-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center>*{transform:translate(-50%)}.bmb_portal-bottom-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center>*{transform:translate(-50%)}\n"], dependencies: [{ kind: "component", type: BmbPushNotificationItemComponent, selector: "bmb-push-notification-item", inputs: ["notification"], outputs: ["onClose"] }, { kind: "component", type: BmbToastComponent, selector: "bmb-toast", inputs: ["appearance", "isClosable", "title", "description", "position", "id"], outputs: ["onClose"] }, { kind: "component", type: BmbNoticeCardComponent, selector: "bmb-notice-card", inputs: ["src", "title", "description", "buttonText", "link", "closeBtnColor"], outputs: ["onClose", "onClickBtn"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbNativeModalComponent, selector: "bmb-native-modal", inputs: ["title", "subtitle", "content", "actions", "modalId", "size", "iconStyle", "disableBackdropClose", "hasBackdrop", "inputContext", "outputContext"], outputs: ["actionsClicked", "closeModalClicked"] }, { kind: "component", type: BmbProjectedContentComponent, selector: "bmb-projected-content", inputs: ["content", "htmlRef", "mode", "fixSizeToRef", "inputContext", "showBackdrop", "outputContext"], outputs: ["removeContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1447
1455
|
}
|
|
1448
1456
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbPortalComponent, decorators: [{
|
|
1449
1457
|
type: Component,
|
|
@@ -1454,7 +1462,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
1454
1462
|
CommonModule,
|
|
1455
1463
|
BmbNativeModalComponent,
|
|
1456
1464
|
BmbProjectedContentComponent,
|
|
1457
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_portal\">\n <div class=\"bmb_portal-top-left\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'top-left',\n }\"\n />\n </div>\n <div class=\"bmb_portal-top-center\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'top-center',\n }\"\n />\n </div>\n <div class=\"bmb_portal-top-right\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'top-right',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-left\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'bottom-left',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-center\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'bottom-center',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-right\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: notificationsList(),\n position: 'bottom-right',\n }\"\n />\n </div>\n</section>\n\n@for (item of modalSignal(); track $index) {\n <bmb-native-modal\n [title]=\"item.title || ''\"\n [content]=\"item.content || ''\"\n [modalId]=\"item.modalId || ''\"\n [subtitle]=\"item.subtitle || ''\"\n [size]=\"item.size || 'medium'\"\n [iconStyle]=\"item.iconStyle\"\n [actions]=\"item.actions || []\"\n [
|
|
1465
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_portal\">\r\n <div class=\"bmb_portal-top-left\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'top-left',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-top-center\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'top-center',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-top-right\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'top-right',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-bottom-left\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'bottom-left',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-bottom-center\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'bottom-center',\r\n }\"\r\n />\r\n </div>\r\n <div class=\"bmb_portal-bottom-right\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"commonTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n notifications: notificationsList(),\r\n position: 'bottom-right',\r\n }\"\r\n />\r\n </div>\r\n</section>\r\n\r\n@for (item of modalSignal(); track $index) {\r\n <bmb-native-modal\r\n [title]=\"item.title || ''\"\r\n [content]=\"item.content || ''\"\r\n [modalId]=\"item.modalId || ''\"\r\n [subtitle]=\"item.subtitle || ''\"\r\n [size]=\"item.size || 'medium'\"\r\n [iconStyle]=\"item.iconStyle\"\r\n [actions]=\"item.actions || []\"\r\n [inputContext]=\"item.inputContext || {}\"\r\n [outputContext]=\"item.outputContext || {}\"\r\n (closeModalClicked)=\"handleModalClick(item, $event)\"\r\n />\r\n}\r\n\r\n<bmb-projected-content\r\n [content]=\"projectedContent()?.content ?? null\"\r\n [htmlRef]=\"projectedContent()?.targetRef ?? null\"\r\n [mode]=\"projectedContent()?.mode ?? 'outside'\"\r\n [fixSizeToRef]=\"projectedContent()?.fixSizeToRef ?? false\"\r\n [inputContext]=\"projectedContent()?.inputContext ?? {}\"\r\n [showBackdrop]=\"projectedContent()?.showBackdrop ?? true\"\r\n [outputContext]=\"projectedContent()?.outputContext ?? {}\"\r\n (removeContent)=\"handleRemoveProjectedContent()\"\r\n></bmb-projected-content>\r\n\r\n<ng-template\r\n #commonTemplate\r\n let-notifications=\"notifications\"\r\n let-position=\"position\"\r\n>\r\n @for (notification of notifications; track $index) {\r\n @if (notification.position === position) {\r\n @if (notification.component === \"toast\") {\r\n <bmb-toast\r\n [title]=\"notification.title\"\r\n [description]=\"notification.content\"\r\n [appearance]=\"notification.appearance || 'neutral'\"\r\n [isClosable]=\"true\"\r\n [id]=\"notification.id || $index\"\r\n (onClose)=\"closeNotification(notification)\"\r\n />\r\n } @else if (notification.component === \"notice-card\") {\r\n <bmb-notice-card\r\n [src]=\"notification.media\"\r\n [title]=\"notification.title\"\r\n [description]=\"notification.content\"\r\n [buttonText]=\"notification.buttonText\"\r\n [link]=\"notification.link\"\r\n (onClose)=\"closeNotification(notification)\"\r\n />\r\n } @else {\r\n <bmb-push-notification-item\r\n [notification]=\"notification\"\r\n (onClose)=\"closeNotification(notification)\"\r\n />\r\n }\r\n }\r\n }\r\n</ng-template>\r\n", styles: [".bmb_portal-top-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center>*{transform:translate(-50%)}.bmb_portal-bottom-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center>*{transform:translate(-50%)}\n"] }]
|
|
1458
1466
|
}], ctorParameters: () => [{ type: BmbNotificationService }, { type: BmbNativeModalService }, { type: BmbProjectionContentService }] });
|
|
1459
1467
|
|
|
1460
1468
|
class BmbNotificationService {
|
|
@@ -2598,11 +2606,11 @@ class BmbRadialComponent {
|
|
|
2598
2606
|
}
|
|
2599
2607
|
}
|
|
2600
2608
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbRadialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2601
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: BmbRadialComponent, isStandalone: true, selector: "bmb-radial", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange", inputId: "inputIdChange", change: "change", onKeyDown: "onKeyDown" }, ngImport: i0, template: "<bmb-input-validator\n type=\"radio\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [label]=\"label()\"\n [labelPosition]=\"labelPosition()\"\n [checked]=\"checked()\"\n [value]=\"value()\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"required()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n>\n <span class=\"bmb_radio\">\n <input\n class=\"bmb_radio-input\"\n type=\"radio\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.value]=\"value()\"\n [value]=\"value()\"\n [checked]=\"checked()\"\n [required]=\"required()\"\n (change)=\"handleRadioChange($event)\"\n (keydown)=\"handleRadioKeyDown($event)\"\n (keypress)=\"handleKeyPress($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n />\n <label\n class=\"bmb_radio-mark\"\n [htmlFor]=\"inputId()\"\n [ngClass]=\"{ 'bmb_radio-mark-error': shouldShowError }\"\n ></label>\n </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_radio-input{opacity:0;height:0;width:0;position:absolute}.bmb_radio-input:is(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:is(:checked)+.bmb_radio-mark{border:.125rem solid var(--buttons-active-switch)}.bmb_radio-input:is(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:is(:checked)+.bmb_radio-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.75rem;width:.75rem;background-color:var(--buttons-active-switch);border-radius:100%}.bmb_radio-input:not(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:not(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:not(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;z-index:-1;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-mark{cursor:pointer;display:flex;position:relative;height:1.5rem;width:1.5rem;margin:.375rem;background-color:transparent;border:.125rem solid var(--general_contrasts-100);border-radius:100%}.bmb_radio-mark:after{content:\"\";display:none;position:absolute}.bmb_radio-mark-error{border-color:var(--input-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2609
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: BmbRadialComponent, isStandalone: true, selector: "bmb-radial", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange", inputId: "inputIdChange", change: "change", onKeyDown: "onKeyDown" }, ngImport: i0, template: "<bmb-input-validator\n type=\"radio\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [label]=\"label()\"\n [labelPosition]=\"labelPosition()\"\n [checked]=\"checked()\"\n [value]=\"value()\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"required()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n>\n <span class=\"bmb_radio\">\n <input\n class=\"bmb_radio-input\"\n type=\"radio\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.value]=\"value()\"\n [value]=\"value()\"\n [checked]=\"checked()\"\n [required]=\"required()\"\n (change)=\"handleRadioChange($event)\"\n (keydown)=\"handleRadioKeyDown($event)\"\n (keypress)=\"handleKeyPress($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n />\n <label\n class=\"bmb_radio-mark\"\n [htmlFor]=\"inputId()\"\n [ngClass]=\"{ 'bmb_radio-mark-error': shouldShowError }\"\n ></label>\n </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_radio-input{opacity:0;height:0;width:0;position:absolute}.bmb_radio-input:is(:checked):hover+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:is(:checked)+.bmb_radio-mark{border:.125rem solid var(--buttons-active-switch)}.bmb_radio-input:is(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:is(:checked)+.bmb_radio-mark:after{display:block;position:relative;margin:.25rem auto 0;height:.75rem;width:.75rem;background-color:var(--buttons-active-switch);border-radius:100%}.bmb_radio-input:not(:checked):hover+.bmb_radio-mark:before,.bmb_radio-input:not(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:not(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:not(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-mark{cursor:pointer;display:flex;position:relative;height:1.5rem;width:1.5rem;margin:.375rem;background-color:transparent;border:.125rem solid var(--general_contrasts-100);border-radius:100%}.bmb_radio-mark:after{content:\"\";display:none;position:absolute}.bmb_radio-mark-error{border-color:var(--input-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2602
2610
|
}
|
|
2603
2611
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbRadialComponent, decorators: [{
|
|
2604
2612
|
type: Component,
|
|
2605
|
-
args: [{ selector: 'bmb-radial', standalone: true, imports: [CommonModule, ReactiveFormsModule, BmbInputValidatorComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n type=\"radio\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [label]=\"label()\"\n [labelPosition]=\"labelPosition()\"\n [checked]=\"checked()\"\n [value]=\"value()\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"required()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n>\n <span class=\"bmb_radio\">\n <input\n class=\"bmb_radio-input\"\n type=\"radio\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.value]=\"value()\"\n [value]=\"value()\"\n [checked]=\"checked()\"\n [required]=\"required()\"\n (change)=\"handleRadioChange($event)\"\n (keydown)=\"handleRadioKeyDown($event)\"\n (keypress)=\"handleKeyPress($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n />\n <label\n class=\"bmb_radio-mark\"\n [htmlFor]=\"inputId()\"\n [ngClass]=\"{ 'bmb_radio-mark-error': shouldShowError }\"\n ></label>\n </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_radio-input{opacity:0;height:0;width:0;position:absolute}.bmb_radio-input:is(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;
|
|
2613
|
+
args: [{ selector: 'bmb-radial', standalone: true, imports: [CommonModule, ReactiveFormsModule, BmbInputValidatorComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n type=\"radio\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [label]=\"label()\"\n [labelPosition]=\"labelPosition()\"\n [checked]=\"checked()\"\n [value]=\"value()\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"required()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n>\n <span class=\"bmb_radio\">\n <input\n class=\"bmb_radio-input\"\n type=\"radio\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.value]=\"value()\"\n [value]=\"value()\"\n [checked]=\"checked()\"\n [required]=\"required()\"\n (change)=\"handleRadioChange($event)\"\n (keydown)=\"handleRadioKeyDown($event)\"\n (keypress)=\"handleKeyPress($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n />\n <label\n class=\"bmb_radio-mark\"\n [htmlFor]=\"inputId()\"\n [ngClass]=\"{ 'bmb_radio-mark-error': shouldShowError }\"\n ></label>\n </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_radio-input{opacity:0;height:0;width:0;position:absolute}.bmb_radio-input:is(:checked):hover+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:is(:checked)+.bmb_radio-mark{border:.125rem solid var(--buttons-active-switch)}.bmb_radio-input:is(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:is(:checked)+.bmb_radio-mark:after{display:block;position:relative;margin:.25rem auto 0;height:.75rem;width:.75rem;background-color:var(--buttons-active-switch);border-radius:100%}.bmb_radio-input:not(:checked):hover+.bmb_radio-mark:before,.bmb_radio-input:not(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:not(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:not(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:3rem;width:3rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-mark{cursor:pointer;display:flex;position:relative;height:1.5rem;width:1.5rem;margin:.375rem;background-color:transparent;border:.125rem solid var(--general_contrasts-100);border-radius:100%}.bmb_radio-mark:after{content:\"\";display:none;position:absolute}.bmb_radio-mark-error{border-color:var(--input-error)}\n"] }]
|
|
2606
2614
|
}] });
|
|
2607
2615
|
|
|
2608
2616
|
class BmbModalComponent {
|
|
@@ -3396,7 +3404,7 @@ class BmbFilterCardComponent {
|
|
|
3396
3404
|
this.filterForm.get('search')?.setValue(event);
|
|
3397
3405
|
}
|
|
3398
3406
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbFilterCardComponent, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3399
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\n <ng-template #modalTemplate>\n <div class=\"bmb_filter_card-modal\">\n <form [formGroup]=\"filterForm\">\n @if (showDropdown()) {\n <bmb-dropdown\n [placeholder]=\"placeholderSearch()\"\n [options]=\"dropdownOptions()\"\n [control]=\"getFormControl('search')\"\n (onValueChange)=\"onValueChange($event)\"\n [isFilterable]=\"true\"\n />\n } @else {\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl('search')\"\n [isClearable]=\"true\"\n />\n }\n @for (controlType of controlTypes(); track $index) {\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n <div class=\"bmb_filter_card-control\">\n @for (control of controlType.control; track $index) {\n @switch (control.type) {\n @case (\"tag\") {\n <bmb-tag\n [text]=\"control.label\"\n [dismissible]=\"false\"\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\n (clickedTag)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"radial\") {\n <bmb-radial\n [name]=\"control.name\"\n [checked]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"checkbox\") {\n <bmb-checkbox\n [name]=\"control.name\"\n [checked]=\"filterForm.get(control.name)?.value\"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"switch\") {\n <bmb-switch\n [rightText]=\"control.rightText ?? ''\"\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n }\n }\n </div>\n }\n @if (inLine()) {\n <footer class=\"bmb_filter_card-footer\">\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n {{ secondaryBtnLabel() }}\n </button>\n <button bmbButton (click)=\"onSubmit()\" type=\"submit\">\n {{ primaryBtnLabel() }}\n </button>\n </footer>\n }\n </form>\n </div>\n </ng-template>\n\n @if (inLine()) {\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n } @else {\n <button\n type=\"button\"\n class=\"bmb_filter_card-button\"\n (click)=\"openModalComponent()\"\n type=\"button\"\n >\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n </button>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "control"], outputs: ["controlChange", "onValueChange", "onFocus"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3407
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\r\n <ng-template #modalTemplate>\r\n <div class=\"bmb_filter_card-modal\">\r\n <form [formGroup]=\"filterForm\">\r\n @if (showDropdown()) {\r\n <bmb-dropdown\r\n [placeholder]=\"placeholderSearch()\"\r\n [options]=\"dropdownOptions()\"\r\n [control]=\"getFormControl('search')\"\r\n (onValueChange)=\"onValueChange($event)\"\r\n [isFilterable]=\"true\"\r\n />\r\n } @else {\r\n <bmb-input\r\n [placeholder]=\"placeholderSearch()\"\r\n [icon]=\"'search'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl('search')\"\r\n [isClearable]=\"true\"\r\n />\r\n }\r\n @for (controlType of controlTypes(); track $index) {\r\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\r\n <div class=\"bmb_filter_card-control\">\r\n @for (control of controlType.control; track $index) {\r\n @switch (control.type) {\r\n @case (\"tag\") {\r\n <bmb-tag\r\n [text]=\"control.label\"\r\n [dismissible]=\"false\"\r\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\r\n (clickedTag)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n @case (\"radial\") {\r\n <bmb-radial\r\n [name]=\"control.name\"\r\n [inputId]=\"control.id ?? control.name + '-' + $index\"\r\n [checked]=\"\r\n filterForm.get(control.name)?.value === control.label\r\n \"\r\n [label]=\"control.label\"\r\n (change)=\"onControlChange(control, $event)\"\r\n [value]=\"control.value ?? control.name\"\r\n />\r\n }\r\n @case (\"checkbox\") {\r\n <bmb-checkbox\r\n [name]=\"control.name\"\r\n [checked]=\"filterForm.get(control.name)?.value\"\r\n [label]=\"control.label\"\r\n (change)=\"onControlChange(control, $event)\"\r\n [inputId]=\"control.id ?? control.name + '-' + $index\"\r\n [value]=\"control.value ?? control.name\"\r\n />\r\n }\r\n @case (\"switch\") {\r\n <bmb-switch\r\n [rightText]=\"control.rightText ?? ''\"\r\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\r\n (change)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n }\r\n }\r\n </div>\r\n }\r\n @if (inLine()) {\r\n <footer class=\"bmb_filter_card-footer\">\r\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\r\n {{ secondaryBtnLabel() }}\r\n </button>\r\n <button bmbButton (click)=\"onSubmit()\" type=\"submit\">\r\n {{ primaryBtnLabel() }}\r\n </button>\r\n </footer>\r\n }\r\n </form>\r\n </div>\r\n </ng-template>\r\n\r\n @if (inLine()) {\r\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"bmb_filter_card-button\"\r\n (click)=\"openModalComponent()\"\r\n type=\"button\"\r\n >\r\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\r\n </button>\r\n }\r\n</div>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "control"], outputs: ["controlChange", "onValueChange", "onFocus"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3400
3408
|
}
|
|
3401
3409
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbFilterCardComponent, decorators: [{
|
|
3402
3410
|
type: Component,
|
|
@@ -3411,7 +3419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
3411
3419
|
BmbDropdownComponent,
|
|
3412
3420
|
BmbButtonDirective,
|
|
3413
3421
|
BmbTagComponent,
|
|
3414
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_filter_card\">\n <ng-template #modalTemplate>\n <div class=\"bmb_filter_card-modal\">\n <form [formGroup]=\"filterForm\">\n @if (showDropdown()) {\n <bmb-dropdown\n [placeholder]=\"placeholderSearch()\"\n [options]=\"dropdownOptions()\"\n [control]=\"getFormControl('search')\"\n (onValueChange)=\"onValueChange($event)\"\n [isFilterable]=\"true\"\n />\n } @else {\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl('search')\"\n [isClearable]=\"true\"\n />\n }\n @for (controlType of controlTypes(); track $index) {\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n <div class=\"bmb_filter_card-control\">\n @for (control of controlType.control; track $index) {\n @switch (control.type) {\n @case (\"tag\") {\n <bmb-tag\n [text]=\"control.label\"\n [dismissible]=\"false\"\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\n (clickedTag)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"radial\") {\n <bmb-radial\n [name]=\"control.name\"\n [checked]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"checkbox\") {\n <bmb-checkbox\n [name]=\"control.name\"\n [checked]=\"filterForm.get(control.name)?.value\"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"switch\") {\n <bmb-switch\n [rightText]=\"control.rightText ?? ''\"\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n }\n }\n </div>\n }\n @if (inLine()) {\n <footer class=\"bmb_filter_card-footer\">\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n {{ secondaryBtnLabel() }}\n </button>\n <button bmbButton (click)=\"onSubmit()\" type=\"submit\">\n {{ primaryBtnLabel() }}\n </button>\n </footer>\n }\n </form>\n </div>\n </ng-template>\n\n @if (inLine()) {\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n } @else {\n <button\n type=\"button\"\n class=\"bmb_filter_card-button\"\n (click)=\"openModalComponent()\"\n type=\"button\"\n >\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n </button>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"] }]
|
|
3422
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_filter_card\">\r\n <ng-template #modalTemplate>\r\n <div class=\"bmb_filter_card-modal\">\r\n <form [formGroup]=\"filterForm\">\r\n @if (showDropdown()) {\r\n <bmb-dropdown\r\n [placeholder]=\"placeholderSearch()\"\r\n [options]=\"dropdownOptions()\"\r\n [control]=\"getFormControl('search')\"\r\n (onValueChange)=\"onValueChange($event)\"\r\n [isFilterable]=\"true\"\r\n />\r\n } @else {\r\n <bmb-input\r\n [placeholder]=\"placeholderSearch()\"\r\n [icon]=\"'search'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl('search')\"\r\n [isClearable]=\"true\"\r\n />\r\n }\r\n @for (controlType of controlTypes(); track $index) {\r\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\r\n <div class=\"bmb_filter_card-control\">\r\n @for (control of controlType.control; track $index) {\r\n @switch (control.type) {\r\n @case (\"tag\") {\r\n <bmb-tag\r\n [text]=\"control.label\"\r\n [dismissible]=\"false\"\r\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\r\n (clickedTag)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n @case (\"radial\") {\r\n <bmb-radial\r\n [name]=\"control.name\"\r\n [inputId]=\"control.id ?? control.name + '-' + $index\"\r\n [checked]=\"\r\n filterForm.get(control.name)?.value === control.label\r\n \"\r\n [label]=\"control.label\"\r\n (change)=\"onControlChange(control, $event)\"\r\n [value]=\"control.value ?? control.name\"\r\n />\r\n }\r\n @case (\"checkbox\") {\r\n <bmb-checkbox\r\n [name]=\"control.name\"\r\n [checked]=\"filterForm.get(control.name)?.value\"\r\n [label]=\"control.label\"\r\n (change)=\"onControlChange(control, $event)\"\r\n [inputId]=\"control.id ?? control.name + '-' + $index\"\r\n [value]=\"control.value ?? control.name\"\r\n />\r\n }\r\n @case (\"switch\") {\r\n <bmb-switch\r\n [rightText]=\"control.rightText ?? ''\"\r\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\r\n (change)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n }\r\n }\r\n </div>\r\n }\r\n @if (inLine()) {\r\n <footer class=\"bmb_filter_card-footer\">\r\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\r\n {{ secondaryBtnLabel() }}\r\n </button>\r\n <button bmbButton (click)=\"onSubmit()\" type=\"submit\">\r\n {{ primaryBtnLabel() }}\r\n </button>\r\n </footer>\r\n }\r\n </form>\r\n </div>\r\n </ng-template>\r\n\r\n @if (inLine()) {\r\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"bmb_filter_card-button\"\r\n (click)=\"openModalComponent()\"\r\n type=\"button\"\r\n >\r\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\r\n </button>\r\n }\r\n</div>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"] }]
|
|
3415
3423
|
}], ctorParameters: () => [{ type: i1$2.MatDialog }], propDecorators: { modalTemplate: [{
|
|
3416
3424
|
type: ViewChild,
|
|
3417
3425
|
args: ['modalTemplate']
|
|
@@ -4083,11 +4091,11 @@ class BmbStepProgressBarComponent {
|
|
|
4083
4091
|
}
|
|
4084
4092
|
}
|
|
4085
4093
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbStepProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4086
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbStepProgressBarComponent, isStandalone: true, selector: "bmb-step-progress-bar", inputs: { activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: true, isRequired: false, transformFunction: null }, totalSteps: { classPropertyName: "totalSteps", publicName: "totalSteps", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, freeze: { classPropertyName: "freeze", publicName: "freeze", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, labelSteps: { classPropertyName: "labelSteps", publicName: "labelSteps", isSignal: true, isRequired: false, transformFunction: null }, labelComplete: { classPropertyName: "labelComplete", publicName: "labelComplete", isSignal: true, isRequired: false, transformFunction: null }, labelIncomplete: { classPropertyName: "labelIncomplete", publicName: "labelIncomplete", isSignal: true, isRequired: false, transformFunction: null }, stepTemplates: { classPropertyName: "stepTemplates", publicName: "stepTemplates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeStep: "activeStepChange", onStepPress: "onStepPress", onStepPanelPress: "onStepPanelPress" }, ngImport: i0, template: "<div\n class=\"bmb_step-progress-bar\"\n [ngClass]=\"{\n 'bmb_step-progress-bar-vertical': type() === 'vertical',\n 'bmb_step-progress-bar-step-panel': type() === 'step-panel',\n }\"\n>\n @if (type() == \"horizontal\") {\n <div\n class=\"bmb_step-progress-bar-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{ completed: activeStep() > i }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n 'bmb_step-progress-bar-step-normal':\n size() == 'normal' || size() == 'default',\n 'bmb_step-progress-bar-step-small': size() == 'small',\n 'bmb_step-progress-bar-step-medium': size() == 'medium',\n }\"\n >\n <span *ngIf=\"activeStep() == i || activeStep() < i\">{{ i + 1 }}</span>\n @if (activeStep() > i) {\n <bmb-icon [icon]=\"'done'\" class=\"material-icons\" [size]=\"24\" />\n }\n </div>\n </div>\n } @else if (type() === \"vertical\") {\n <div\n class=\"bmb_step-progress-bar-vertical-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{\n completed: activeStep() > i,\n 'bmb_step-progress-bar-vertical-content': labelSteps().length > 0,\n }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-vertical-step bmb_step-progress-bar-vertical-step-small\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >\n @if (activeStep() <= i) {\n <span>{{ i + 1 }}</span>\n } @else {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n }\n </div>\n @if (labelSteps().length > 0) {\n <div class=\"bmb_step-progress-bar-vertical-text\">\n <h2 class=\"bmb_step-progress-bar-vertical-text-title\">\n {{ labelSteps()[i] }}\n </h2>\n @if (activeStep() > i) {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelComplete()\n }}</span>\n } @else {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelIncomplete()\n }}</span>\n }\n </div>\n }\n </div>\n } @else if (type() === \"step-panel\") {\n <div class=\"bmb_step-progress-bar-step-panel-item\">\n <div\n class=\"bmb_step-progress-bar-step-panel-wrapper\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n *ngFor=\"let step of getStepsArray(); let i = index\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-header\"\n (click)=\"onStepPanelClicked(i)\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >\n @if (activeStep() > i) {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n } @else {\n <span class=\"index\">{{ i + 1 }}</span>\n }\n </div>\n\n <span\n class=\"bmb_step-progress-bar-step-panel-label\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >{{ labelSteps()[i] }}</span\n >\n </div>\n\n @if (activeStep() === i && stepTemplates().length > i) {\n <div class=\"bmb_step-progress-bar-step-panel-content\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplates()[i]\"\n ></ng-container>\n </div>\n }\n </div>\n </div>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_step-progress-bar{display:flex;height:auto;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_step-progress-bar-item{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:2rem;position:relative;width:100%;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-item:after{border-bottom:.125rem solid var(--buttons-inactive-step);content:\"\";left:50%;min-width:2rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-item.completed:after{border-bottom:.125rem solid var(--general_contrasts-main-selection);content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.completed .bmb_step-progress-bar-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-item:first-child:before{content:none}.bmb_step-progress-bar-item:last-child:after{content:none}.bmb_step-progress-bar-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:var(--general_contrasts-main-complimentary);cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.bmb_step-progress-bar-step.active{background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-small{height:1.875rem;width:1.875rem}.bmb_step-progress-bar-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_step-progress-bar-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;height:4rem;width:4rem}.bmb_step-progress-bar-step-medium{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-step-medium.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-icon{color:RGBA(var(--color-charade-50))}.bmb_step-progress-bar-vertical{flex-direction:column}.bmb_step-progress-bar-vertical-item{align-items:center;display:inline-flex;padding-bottom:1.25rem;position:relative}.bmb_step-progress-bar-vertical-item:after{background-color:var(--buttons-inactive-step);content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-vertical-item.completed:after{background-color:RGBA(var(--color-blue-primary));content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.completed .bmb_step-progress-bar-vertical-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-vertical-item.bmb_step-progress-bar-vertical-content:after{top:80%}.bmb_step-progress-bar-vertical-item:last-child:after{content:none}.bmb_step-progress-bar-vertical-step{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;align-items:center;background:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;transition:background-color .3s;z-index:1}.bmb_step-progress-bar-vertical-step-small{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-vertical-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color)}.bmb_step-progress-bar-vertical-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-vertical-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color);height:4rem;width:4rem}.bmb_step-progress-bar-vertical-text{margin-left:1.25rem}.bmb_step-progress-bar-vertical-text-title{color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_step-progress-bar-vertical-content{padding-top:1.25rem}.bmb_step-progress-bar-step-panel-item{width:100%;display:flex;flex-flow:column;gap:1.25rem}.bmb_step-progress-bar-step-panel-wrapper{position:relative}.bmb_step-progress-bar-step-panel-wrapper.active:after{background-color:var(--buttons-inactive-step);content:\"\";height:calc(100% - 3.75rem);left:1.25rem;position:absolute;top:3.125rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-step-panel-header{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.bmb_step-progress-bar-step-panel-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:2.625rem;justify-content:center;margin-bottom:.375rem;position:relative;width:2.625rem;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-step.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-panel-step.completed{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-step-panel-label{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-label.active{color:var(--general_contrasts-100);font-weight:700}.bmb_step-progress-bar-step-panel-content{margin-left:3.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4094
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbStepProgressBarComponent, isStandalone: true, selector: "bmb-step-progress-bar", inputs: { activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: true, isRequired: false, transformFunction: null }, totalSteps: { classPropertyName: "totalSteps", publicName: "totalSteps", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, freeze: { classPropertyName: "freeze", publicName: "freeze", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, labelSteps: { classPropertyName: "labelSteps", publicName: "labelSteps", isSignal: true, isRequired: false, transformFunction: null }, labelComplete: { classPropertyName: "labelComplete", publicName: "labelComplete", isSignal: true, isRequired: false, transformFunction: null }, labelIncomplete: { classPropertyName: "labelIncomplete", publicName: "labelIncomplete", isSignal: true, isRequired: false, transformFunction: null }, stepTemplates: { classPropertyName: "stepTemplates", publicName: "stepTemplates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeStep: "activeStepChange", onStepPress: "onStepPress", onStepPanelPress: "onStepPanelPress" }, ngImport: i0, template: "<div\n class=\"bmb_step-progress-bar\"\n [ngClass]=\"{\n 'bmb_step-progress-bar-vertical': type() === 'vertical',\n 'bmb_step-progress-bar-step-panel': type() === 'step-panel',\n }\"\n>\n @if (type() == \"horizontal\") {\n <div\n class=\"bmb_step-progress-bar-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{ completed: activeStep() > i }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n 'bmb_step-progress-bar-step-normal':\n size() == 'normal' || size() == 'default',\n 'bmb_step-progress-bar-step-small': size() == 'small',\n 'bmb_step-progress-bar-step-medium': size() == 'medium',\n }\"\n >\n <span *ngIf=\"activeStep() == i || activeStep() < i\">{{ i + 1 }}</span>\n @if (activeStep() > i) {\n <bmb-icon [icon]=\"'done'\" class=\"material-icons\" [size]=\"24\" />\n }\n </div>\n </div>\n } @else if (type() === \"vertical\") {\n <div\n class=\"bmb_step-progress-bar-vertical-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{\n completed: activeStep() > i,\n 'bmb_step-progress-bar-vertical-content': labelSteps().length > 0,\n }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-vertical-step bmb_step-progress-bar-vertical-step-small\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >\n @if (activeStep() <= i) {\n <span>{{ i + 1 }}</span>\n } @else {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n }\n </div>\n @if (labelSteps().length > 0) {\n <div class=\"bmb_step-progress-bar-vertical-text\">\n <h2 class=\"bmb_step-progress-bar-vertical-text-title\">\n {{ labelSteps()[i] }}\n </h2>\n @if (activeStep() > i) {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelComplete()\n }}</span>\n } @else {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelIncomplete()\n }}</span>\n }\n </div>\n }\n </div>\n } @else if (type() === \"step-panel\") {\n <div class=\"bmb_step-progress-bar-step-panel-item\">\n <div\n class=\"bmb_step-progress-bar-step-panel-wrapper\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n *ngFor=\"let step of getStepsArray(); let i = index\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-header\"\n (click)=\"onStepPanelClicked(i)\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >\n @if (activeStep() > i) {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n } @else {\n <span class=\"index\">{{ i + 1 }}</span>\n }\n </div>\n\n <span\n class=\"bmb_step-progress-bar-step-panel-label\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >{{ labelSteps()[i] }}</span\n >\n </div>\n\n @if (activeStep() === i && stepTemplates().length > i) {\n <div class=\"bmb_step-progress-bar-step-panel-content\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplates()[i]\"\n ></ng-container>\n </div>\n }\n </div>\n </div>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_step-progress-bar{display:flex;height:auto;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_step-progress-bar-item{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:2rem;position:relative;width:100%;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-item:after{border-bottom:.125rem solid var(--buttons-inactive-step);content:\"\";left:50%;min-width:2rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-item.completed:after{border-bottom:.125rem solid var(--general_contrasts-main-selection);content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.completed .bmb_step-progress-bar-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-item:first-child:before{content:none}.bmb_step-progress-bar-item:last-child:after{content:none}.bmb_step-progress-bar-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:var(--general_contrasts-main-complimentary);cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.bmb_step-progress-bar-step.active{background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-small{height:1.875rem;width:1.875rem}.bmb_step-progress-bar-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_step-progress-bar-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;height:4rem;width:4rem}.bmb_step-progress-bar-step-medium{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-step-medium.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-icon{color:RGBA(var(--color-charade-50))}.bmb_step-progress-bar-vertical{flex-direction:column}.bmb_step-progress-bar-vertical-item{align-items:center;display:inline-flex;padding-bottom:1.25rem;position:relative}.bmb_step-progress-bar-vertical-item:after{background-color:var(--buttons-inactive-step);content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-vertical-item.completed:after{background-color:RGBA(var(--color-blue-primary));content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.completed .bmb_step-progress-bar-vertical-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-vertical-item.bmb_step-progress-bar-vertical-content:after{top:80%}.bmb_step-progress-bar-vertical-item:last-child:after{content:none}.bmb_step-progress-bar-vertical-step{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;align-items:center;background:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;transition:background-color .3s;z-index:1}.bmb_step-progress-bar-vertical-step-small{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-vertical-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color)}.bmb_step-progress-bar-vertical-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-vertical-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color);height:4rem;width:4rem}.bmb_step-progress-bar-vertical-text{margin-left:1.25rem;flex:1}.bmb_step-progress-bar-vertical-text-title{color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_step-progress-bar-vertical-content{padding-top:1.25rem}.bmb_step-progress-bar-step-panel-item{width:100%;display:flex;flex-flow:column;gap:1.25rem}.bmb_step-progress-bar-step-panel-wrapper{position:relative}.bmb_step-progress-bar-step-panel-wrapper.active:after{background-color:var(--buttons-inactive-step);content:\"\";height:calc(100% - 3.75rem);left:1.25rem;position:absolute;top:3.125rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-step-panel-header{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.bmb_step-progress-bar-step-panel-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:2.625rem;justify-content:center;margin-bottom:.375rem;position:relative;width:2.625rem;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-step.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-panel-step.completed{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-step-panel-label{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-label.active{color:var(--general_contrasts-100);font-weight:700}.bmb_step-progress-bar-step-panel-content{margin-left:3.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4087
4095
|
}
|
|
4088
4096
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbStepProgressBarComponent, decorators: [{
|
|
4089
4097
|
type: Component,
|
|
4090
|
-
args: [{ selector: 'bmb-step-progress-bar', standalone: true, imports: [CommonModule, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"bmb_step-progress-bar\"\n [ngClass]=\"{\n 'bmb_step-progress-bar-vertical': type() === 'vertical',\n 'bmb_step-progress-bar-step-panel': type() === 'step-panel',\n }\"\n>\n @if (type() == \"horizontal\") {\n <div\n class=\"bmb_step-progress-bar-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{ completed: activeStep() > i }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n 'bmb_step-progress-bar-step-normal':\n size() == 'normal' || size() == 'default',\n 'bmb_step-progress-bar-step-small': size() == 'small',\n 'bmb_step-progress-bar-step-medium': size() == 'medium',\n }\"\n >\n <span *ngIf=\"activeStep() == i || activeStep() < i\">{{ i + 1 }}</span>\n @if (activeStep() > i) {\n <bmb-icon [icon]=\"'done'\" class=\"material-icons\" [size]=\"24\" />\n }\n </div>\n </div>\n } @else if (type() === \"vertical\") {\n <div\n class=\"bmb_step-progress-bar-vertical-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{\n completed: activeStep() > i,\n 'bmb_step-progress-bar-vertical-content': labelSteps().length > 0,\n }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-vertical-step bmb_step-progress-bar-vertical-step-small\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >\n @if (activeStep() <= i) {\n <span>{{ i + 1 }}</span>\n } @else {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n }\n </div>\n @if (labelSteps().length > 0) {\n <div class=\"bmb_step-progress-bar-vertical-text\">\n <h2 class=\"bmb_step-progress-bar-vertical-text-title\">\n {{ labelSteps()[i] }}\n </h2>\n @if (activeStep() > i) {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelComplete()\n }}</span>\n } @else {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelIncomplete()\n }}</span>\n }\n </div>\n }\n </div>\n } @else if (type() === \"step-panel\") {\n <div class=\"bmb_step-progress-bar-step-panel-item\">\n <div\n class=\"bmb_step-progress-bar-step-panel-wrapper\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n *ngFor=\"let step of getStepsArray(); let i = index\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-header\"\n (click)=\"onStepPanelClicked(i)\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >\n @if (activeStep() > i) {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n } @else {\n <span class=\"index\">{{ i + 1 }}</span>\n }\n </div>\n\n <span\n class=\"bmb_step-progress-bar-step-panel-label\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >{{ labelSteps()[i] }}</span\n >\n </div>\n\n @if (activeStep() === i && stepTemplates().length > i) {\n <div class=\"bmb_step-progress-bar-step-panel-content\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplates()[i]\"\n ></ng-container>\n </div>\n }\n </div>\n </div>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_step-progress-bar{display:flex;height:auto;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_step-progress-bar-item{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:2rem;position:relative;width:100%;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-item:after{border-bottom:.125rem solid var(--buttons-inactive-step);content:\"\";left:50%;min-width:2rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-item.completed:after{border-bottom:.125rem solid var(--general_contrasts-main-selection);content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.completed .bmb_step-progress-bar-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-item:first-child:before{content:none}.bmb_step-progress-bar-item:last-child:after{content:none}.bmb_step-progress-bar-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:var(--general_contrasts-main-complimentary);cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.bmb_step-progress-bar-step.active{background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-small{height:1.875rem;width:1.875rem}.bmb_step-progress-bar-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_step-progress-bar-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;height:4rem;width:4rem}.bmb_step-progress-bar-step-medium{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-step-medium.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-icon{color:RGBA(var(--color-charade-50))}.bmb_step-progress-bar-vertical{flex-direction:column}.bmb_step-progress-bar-vertical-item{align-items:center;display:inline-flex;padding-bottom:1.25rem;position:relative}.bmb_step-progress-bar-vertical-item:after{background-color:var(--buttons-inactive-step);content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-vertical-item.completed:after{background-color:RGBA(var(--color-blue-primary));content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.completed .bmb_step-progress-bar-vertical-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-vertical-item.bmb_step-progress-bar-vertical-content:after{top:80%}.bmb_step-progress-bar-vertical-item:last-child:after{content:none}.bmb_step-progress-bar-vertical-step{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;align-items:center;background:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;transition:background-color .3s;z-index:1}.bmb_step-progress-bar-vertical-step-small{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-vertical-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color)}.bmb_step-progress-bar-vertical-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-vertical-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color);height:4rem;width:4rem}.bmb_step-progress-bar-vertical-text{margin-left:1.25rem}.bmb_step-progress-bar-vertical-text-title{color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_step-progress-bar-vertical-content{padding-top:1.25rem}.bmb_step-progress-bar-step-panel-item{width:100%;display:flex;flex-flow:column;gap:1.25rem}.bmb_step-progress-bar-step-panel-wrapper{position:relative}.bmb_step-progress-bar-step-panel-wrapper.active:after{background-color:var(--buttons-inactive-step);content:\"\";height:calc(100% - 3.75rem);left:1.25rem;position:absolute;top:3.125rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-step-panel-header{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.bmb_step-progress-bar-step-panel-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:2.625rem;justify-content:center;margin-bottom:.375rem;position:relative;width:2.625rem;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-step.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-panel-step.completed{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-step-panel-label{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-label.active{color:var(--general_contrasts-100);font-weight:700}.bmb_step-progress-bar-step-panel-content{margin-left:3.875rem}\n"] }]
|
|
4098
|
+
args: [{ selector: 'bmb-step-progress-bar', standalone: true, imports: [CommonModule, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"bmb_step-progress-bar\"\n [ngClass]=\"{\n 'bmb_step-progress-bar-vertical': type() === 'vertical',\n 'bmb_step-progress-bar-step-panel': type() === 'step-panel',\n }\"\n>\n @if (type() == \"horizontal\") {\n <div\n class=\"bmb_step-progress-bar-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{ completed: activeStep() > i }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n 'bmb_step-progress-bar-step-normal':\n size() == 'normal' || size() == 'default',\n 'bmb_step-progress-bar-step-small': size() == 'small',\n 'bmb_step-progress-bar-step-medium': size() == 'medium',\n }\"\n >\n <span *ngIf=\"activeStep() == i || activeStep() < i\">{{ i + 1 }}</span>\n @if (activeStep() > i) {\n <bmb-icon [icon]=\"'done'\" class=\"material-icons\" [size]=\"24\" />\n }\n </div>\n </div>\n } @else if (type() === \"vertical\") {\n <div\n class=\"bmb_step-progress-bar-vertical-item\"\n *ngFor=\"let i of getStepsArray()\"\n [attr.data-bs-slide-to]=\"i\"\n [ngClass]=\"{\n completed: activeStep() > i,\n 'bmb_step-progress-bar-vertical-content': labelSteps().length > 0,\n }\"\n (click)=\"onStepClicked(i)\"\n onkeypress=\"\"\n >\n <div\n class=\"bmb_step-progress-bar-vertical-step bmb_step-progress-bar-vertical-step-small\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >\n @if (activeStep() <= i) {\n <span>{{ i + 1 }}</span>\n } @else {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n }\n </div>\n @if (labelSteps().length > 0) {\n <div class=\"bmb_step-progress-bar-vertical-text\">\n <h2 class=\"bmb_step-progress-bar-vertical-text-title\">\n {{ labelSteps()[i] }}\n </h2>\n @if (activeStep() > i) {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelComplete()\n }}</span>\n } @else {\n <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n labelIncomplete()\n }}</span>\n }\n </div>\n }\n </div>\n } @else if (type() === \"step-panel\") {\n <div class=\"bmb_step-progress-bar-step-panel-item\">\n <div\n class=\"bmb_step-progress-bar-step-panel-wrapper\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n *ngFor=\"let step of getStepsArray(); let i = index\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-header\"\n (click)=\"onStepPanelClicked(i)\"\n >\n <div\n class=\"bmb_step-progress-bar-step-panel-step\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >\n @if (activeStep() > i) {\n <bmb-icon\n [icon]=\"'done'\"\n class=\"bmb_step-progress-bar-icon\"\n [size]=\"24\"\n />\n } @else {\n <span class=\"index\">{{ i + 1 }}</span>\n }\n </div>\n\n <span\n class=\"bmb_step-progress-bar-step-panel-label\"\n [ngClass]=\"{\n active: activeStep() === i,\n completed: activeStep() > i,\n }\"\n >{{ labelSteps()[i] }}</span\n >\n </div>\n\n @if (activeStep() === i && stepTemplates().length > i) {\n <div class=\"bmb_step-progress-bar-step-panel-content\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplates()[i]\"\n ></ng-container>\n </div>\n }\n </div>\n </div>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_step-progress-bar{display:flex;height:auto;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_step-progress-bar-item{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:2rem;position:relative;width:100%;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-item:after{border-bottom:.125rem solid var(--buttons-inactive-step);content:\"\";left:50%;min-width:2rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-item.completed:after{border-bottom:.125rem solid var(--general_contrasts-main-selection);content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.completed .bmb_step-progress-bar-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-item:first-child:before{content:none}.bmb_step-progress-bar-item:last-child:after{content:none}.bmb_step-progress-bar-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:var(--general_contrasts-main-complimentary);cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.bmb_step-progress-bar-step.active{background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-small{height:1.875rem;width:1.875rem}.bmb_step-progress-bar-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_step-progress-bar-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;height:4rem;width:4rem}.bmb_step-progress-bar-step-medium{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-step-medium.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-icon{color:RGBA(var(--color-charade-50))}.bmb_step-progress-bar-vertical{flex-direction:column}.bmb_step-progress-bar-vertical-item{align-items:center;display:inline-flex;padding-bottom:1.25rem;position:relative}.bmb_step-progress-bar-vertical-item:after{background-color:var(--buttons-inactive-step);content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-vertical-item.completed:after{background-color:RGBA(var(--color-blue-primary));content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.completed .bmb_step-progress-bar-vertical-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-vertical-item.bmb_step-progress-bar-vertical-content:after{top:80%}.bmb_step-progress-bar-vertical-item:last-child:after{content:none}.bmb_step-progress-bar-vertical-step{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;align-items:center;background:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;transition:background-color .3s;z-index:1}.bmb_step-progress-bar-vertical-step-small{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-vertical-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color)}.bmb_step-progress-bar-vertical-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-vertical-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color);height:4rem;width:4rem}.bmb_step-progress-bar-vertical-text{margin-left:1.25rem;flex:1}.bmb_step-progress-bar-vertical-text-title{color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_step-progress-bar-vertical-content{padding-top:1.25rem}.bmb_step-progress-bar-step-panel-item{width:100%;display:flex;flex-flow:column;gap:1.25rem}.bmb_step-progress-bar-step-panel-wrapper{position:relative}.bmb_step-progress-bar-step-panel-wrapper.active:after{background-color:var(--buttons-inactive-step);content:\"\";height:calc(100% - 3.75rem);left:1.25rem;position:absolute;top:3.125rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-step-panel-header{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.bmb_step-progress-bar-step-panel-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:2.625rem;justify-content:center;margin-bottom:.375rem;position:relative;width:2.625rem;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-step.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-panel-step.completed{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-step-panel-label{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-label.active{color:var(--general_contrasts-100);font-weight:700}.bmb_step-progress-bar-step-panel-content{margin-left:3.875rem}\n"] }]
|
|
4091
4099
|
}] });
|
|
4092
4100
|
|
|
4093
4101
|
class BmbFocusElementComponent {
|
|
@@ -4784,11 +4792,11 @@ class BmbCalendarScheduleCardsComponent {
|
|
|
4784
4792
|
return getTimeRange(this.event());
|
|
4785
4793
|
}
|
|
4786
4794
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCalendarScheduleCardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4787
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbCalendarScheduleCardsComponent, isStandalone: true, selector: "bmb-calendar-schedule-cards", inputs: { event: { classPropertyName: "event", publicName: "event", isSignal: true, isRequired: true, transformFunction: null }, isPositionAbsolute: { classPropertyName: "isPositionAbsolute", publicName: "isPositionAbsolute", isSignal: true, isRequired: false, transformFunction: null }, extendedContent: { classPropertyName: "extendedContent", publicName: "extendedContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectEvent: "onSelectEvent" }, ngImport: i0, template: "@if (event().isVisible) {\n <div\n class=\"bmb_calendar-event\"\n [ngClass]=\"getClassNames()\"\n [style]=\"getPosition()\"\n (click)=\"handleSelectEvent($event)\"\n title=\"{{ event().title }} - {{ event().detail }}\"\n >\n <div class=\"bmb_calendar-event-indicator\"></div>\n <h3 class=\"bmb_calendar-event-title\">\n {{ event().title }}\n </h3>\n @if (extendedContent()) {\n <p class=\"bmb_calendar-event-content\">{{ event().detail }}</p>\n <span class=\"bmb_calendar-event-time\">{{ handleTimeRange() }}</span>\n }\n </div>\n}\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar-event{box-sizing:border-box;background-color:var(--containers-modal);border-radius:.5rem;overflow:hidden;cursor:pointer;border:.0625rem solid var(--general_contrasts-25);font-family:Poppins-Medium,sans-serif;font-size:.75rem;display:grid;gap:0 0;grid-template-areas:\"indicator title\";grid-template-rows:1fr}.bmb_calendar-event-absolute{position:absolute;left:.25rem;width:calc(100% - .5rem)}.bmb_calendar-event-disabled{background-color:var(--general_contrasts-50);color:var(--general_contrasts-75)}.bmb_calendar-event-disabled .bmb_calendar-event-indicator{background-color:var(--general_contrasts-50)}.bmb_calendar-event-type-academic.bmb_calendar-event-active:not(.bmb_calendar-event-disabled),.bmb_calendar-event-type-life.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGBA(var(--color-mariner-700))}.bmb_calendar-event-type-academic .bmb_calendar-event-indicator,.bmb_calendar-event-type-life .bmb_calendar-event-indicator{background-color:RGBA(var(--color-mariner-700))}.bmb_calendar-event-type-save_the_date.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGBA(var(--color-yellow-primary))}.bmb_calendar-event-type-save_the_date .bmb_calendar-event-indicator{background-color:RGBA(var(--color-yellow-primary))}.bmb_calendar-event-grid-full{grid-template-columns:1rem 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:\"indicator title\" \"indicator content\" \"indicator time\"}.bmb_calendar-event-grid-reduced{align-items:center;display:flex}.bmb_calendar-event-grid-reduced .bmb_calendar-event-title{max-width:calc(100% - 1rem);padding:0}.bmb_calendar-event-grid-reduced .bmb_calendar-event-time,.bmb_calendar-event-grid-reduced .bmb_calendar-event-content{display:none}.bmb_calendar-event-grid-reduced .bmb_calendar-event-indicator{height:100%;width:.5rem;min-height:1.375rem}.bmb_calendar-event-micro .bmb_calendar-event-title{padding:0}.bmb_calendar-event-content{margin-bottom:.25rem;grid-area:content;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bmb_calendar-event-indicator{grid-area:indicator;background-color:RGBA(var(--color-mariner-700));margin-right:.5rem}.bmb_calendar-event-title{grid-area:title;font-family:Poppins-Medium,sans-serif;font-size:.875rem;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top:1rem}.bmb_calendar-event-time{grid-area:time}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4795
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbCalendarScheduleCardsComponent, isStandalone: true, selector: "bmb-calendar-schedule-cards", inputs: { event: { classPropertyName: "event", publicName: "event", isSignal: true, isRequired: true, transformFunction: null }, isPositionAbsolute: { classPropertyName: "isPositionAbsolute", publicName: "isPositionAbsolute", isSignal: true, isRequired: false, transformFunction: null }, extendedContent: { classPropertyName: "extendedContent", publicName: "extendedContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectEvent: "onSelectEvent" }, ngImport: i0, template: "@if (event().isVisible) {\n <div\n class=\"bmb_calendar-event\"\n [ngClass]=\"getClassNames()\"\n [style]=\"getPosition()\"\n (click)=\"handleSelectEvent($event)\"\n title=\"{{ event().title }} - {{ event().detail }}\"\n >\n <div class=\"bmb_calendar-event-indicator\"></div>\n <h3 class=\"bmb_calendar-event-title\">\n {{ event().title }}\n </h3>\n @if (extendedContent()) {\n <p class=\"bmb_calendar-event-content\">{{ event().detail }}</p>\n <span class=\"bmb_calendar-event-time\">{{ handleTimeRange() }}</span>\n }\n </div>\n}\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar-event{box-sizing:border-box;background-color:var(--containers-modal);border-radius:.5rem;overflow:hidden;cursor:pointer;border:.0625rem solid var(--general_contrasts-25);font-family:Poppins-Medium,sans-serif;font-size:.75rem;display:grid;gap:0 0;grid-template-areas:\"indicator title\";grid-template-rows:1fr}.bmb_calendar-event-absolute{position:absolute;left:.25rem;width:calc(100% - .5rem)}.bmb_calendar-event-disabled{background-color:var(--general_contrasts-50);color:var(--general_contrasts-75)}.bmb_calendar-event-disabled .bmb_calendar-event-indicator{background-color:var(--general_contrasts-50)}.bmb_calendar-event-type-academic.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGBA(var(--color-mariner-700))}.bmb_calendar-event-type-academic .bmb_calendar-event-indicator{background-color:RGBA(var(--color-mariner-700))}.bmb_calendar-event-type-events.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGBA(var(--color-purple-light))}.bmb_calendar-event-type-events .bmb_calendar-event-indicator{background-color:RGBA(var(--color-purple-light))}.bmb_calendar-event-type-life.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGB(var(--color-green-light))}.bmb_calendar-event-type-life .bmb_calendar-event-indicator{background-color:RGB(var(--color-green-light))}.bmb_calendar-event-type-save_the_date.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGBA(var(--color-yellow-primary))}.bmb_calendar-event-type-save_the_date .bmb_calendar-event-indicator{background-color:RGBA(var(--color-yellow-primary))}.bmb_calendar-event-grid-full{grid-template-columns:1rem 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:\"indicator title\" \"indicator content\" \"indicator time\"}.bmb_calendar-event-grid-reduced{align-items:center;display:flex}.bmb_calendar-event-grid-reduced .bmb_calendar-event-title{max-width:calc(100% - 1rem);padding:0}.bmb_calendar-event-grid-reduced .bmb_calendar-event-time,.bmb_calendar-event-grid-reduced .bmb_calendar-event-content{display:none}.bmb_calendar-event-grid-reduced .bmb_calendar-event-indicator{height:100%;width:.5rem;min-height:1.375rem}.bmb_calendar-event-micro .bmb_calendar-event-title{padding:0}.bmb_calendar-event-content{margin-bottom:.25rem;grid-area:content;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bmb_calendar-event-indicator{grid-area:indicator;background-color:RGBA(var(--color-mariner-700));margin-right:.5rem}.bmb_calendar-event-title{grid-area:title;font-family:Poppins-Medium,sans-serif;font-size:.875rem;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top:1rem}.bmb_calendar-event-time{grid-area:time}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4788
4796
|
}
|
|
4789
4797
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCalendarScheduleCardsComponent, decorators: [{
|
|
4790
4798
|
type: Component,
|
|
4791
|
-
args: [{ selector: 'bmb-calendar-schedule-cards', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (event().isVisible) {\n <div\n class=\"bmb_calendar-event\"\n [ngClass]=\"getClassNames()\"\n [style]=\"getPosition()\"\n (click)=\"handleSelectEvent($event)\"\n title=\"{{ event().title }} - {{ event().detail }}\"\n >\n <div class=\"bmb_calendar-event-indicator\"></div>\n <h3 class=\"bmb_calendar-event-title\">\n {{ event().title }}\n </h3>\n @if (extendedContent()) {\n <p class=\"bmb_calendar-event-content\">{{ event().detail }}</p>\n <span class=\"bmb_calendar-event-time\">{{ handleTimeRange() }}</span>\n }\n </div>\n}\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar-event{box-sizing:border-box;background-color:var(--containers-modal);border-radius:.5rem;overflow:hidden;cursor:pointer;border:.0625rem solid var(--general_contrasts-25);font-family:Poppins-Medium,sans-serif;font-size:.75rem;display:grid;gap:0 0;grid-template-areas:\"indicator title\";grid-template-rows:1fr}.bmb_calendar-event-absolute{position:absolute;left:.25rem;width:calc(100% - .5rem)}.bmb_calendar-event-disabled{background-color:var(--general_contrasts-50);color:var(--general_contrasts-75)}.bmb_calendar-event-disabled .bmb_calendar-event-indicator{background-color:var(--general_contrasts-50)}.bmb_calendar-event-type-academic.bmb_calendar-event-active:not(.bmb_calendar-event-disabled)
|
|
4799
|
+
args: [{ selector: 'bmb-calendar-schedule-cards', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (event().isVisible) {\n <div\n class=\"bmb_calendar-event\"\n [ngClass]=\"getClassNames()\"\n [style]=\"getPosition()\"\n (click)=\"handleSelectEvent($event)\"\n title=\"{{ event().title }} - {{ event().detail }}\"\n >\n <div class=\"bmb_calendar-event-indicator\"></div>\n <h3 class=\"bmb_calendar-event-title\">\n {{ event().title }}\n </h3>\n @if (extendedContent()) {\n <p class=\"bmb_calendar-event-content\">{{ event().detail }}</p>\n <span class=\"bmb_calendar-event-time\">{{ handleTimeRange() }}</span>\n }\n </div>\n}\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar-event{box-sizing:border-box;background-color:var(--containers-modal);border-radius:.5rem;overflow:hidden;cursor:pointer;border:.0625rem solid var(--general_contrasts-25);font-family:Poppins-Medium,sans-serif;font-size:.75rem;display:grid;gap:0 0;grid-template-areas:\"indicator title\";grid-template-rows:1fr}.bmb_calendar-event-absolute{position:absolute;left:.25rem;width:calc(100% - .5rem)}.bmb_calendar-event-disabled{background-color:var(--general_contrasts-50);color:var(--general_contrasts-75)}.bmb_calendar-event-disabled .bmb_calendar-event-indicator{background-color:var(--general_contrasts-50)}.bmb_calendar-event-type-academic.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGBA(var(--color-mariner-700))}.bmb_calendar-event-type-academic .bmb_calendar-event-indicator{background-color:RGBA(var(--color-mariner-700))}.bmb_calendar-event-type-events.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGBA(var(--color-purple-light))}.bmb_calendar-event-type-events .bmb_calendar-event-indicator{background-color:RGBA(var(--color-purple-light))}.bmb_calendar-event-type-life.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGB(var(--color-green-light))}.bmb_calendar-event-type-life .bmb_calendar-event-indicator{background-color:RGB(var(--color-green-light))}.bmb_calendar-event-type-save_the_date.bmb_calendar-event-active:not(.bmb_calendar-event-disabled){border-color:RGBA(var(--color-yellow-primary))}.bmb_calendar-event-type-save_the_date .bmb_calendar-event-indicator{background-color:RGBA(var(--color-yellow-primary))}.bmb_calendar-event-grid-full{grid-template-columns:1rem 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:\"indicator title\" \"indicator content\" \"indicator time\"}.bmb_calendar-event-grid-reduced{align-items:center;display:flex}.bmb_calendar-event-grid-reduced .bmb_calendar-event-title{max-width:calc(100% - 1rem);padding:0}.bmb_calendar-event-grid-reduced .bmb_calendar-event-time,.bmb_calendar-event-grid-reduced .bmb_calendar-event-content{display:none}.bmb_calendar-event-grid-reduced .bmb_calendar-event-indicator{height:100%;width:.5rem;min-height:1.375rem}.bmb_calendar-event-micro .bmb_calendar-event-title{padding:0}.bmb_calendar-event-content{margin-bottom:.25rem;grid-area:content;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bmb_calendar-event-indicator{grid-area:indicator;background-color:RGBA(var(--color-mariner-700));margin-right:.5rem}.bmb_calendar-event-title{grid-area:title;font-family:Poppins-Medium,sans-serif;font-size:.875rem;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top:1rem}.bmb_calendar-event-time{grid-area:time}\n"] }]
|
|
4792
4800
|
}] });
|
|
4793
4801
|
|
|
4794
4802
|
class BmbCalendarTimeIndicatorComponent {
|
|
@@ -4842,7 +4850,7 @@ class BmbCalendarTemplateWeekComponent {
|
|
|
4842
4850
|
this.onSelectEvent.emit(newEvent);
|
|
4843
4851
|
}
|
|
4844
4852
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCalendarTemplateWeekComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4845
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbCalendarTemplateWeekComponent, isStandalone: true, selector: "bmb-calendar-template-week", inputs: { weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, currentTime: { classPropertyName: "currentTime", publicName: "currentTime", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, selectedWeek: { classPropertyName: "selectedWeek", publicName: "selectedWeek", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectEvent: "onSelectEvent" }, ngImport: i0, template: "<div class=\"bmb_calendar-week-view\">\n <bmb-calendar-hour-view [startBusinessHour]=\"startBusinessHour()\" />\n @for (day of dayNames; track $index) {\n <section\n class=\"bmb_calendar-col\"\n [ngClass]=\"{ 'bmb_calendar-col-today': isNow(weekDays()[$index]) }\"\n >\n <header class=\"bmb_calendar-detail-header\">\n <h2>{{ day }}</h2>\n <span>{{ weekDays()[$index].month }}/{{ weekDays()[$index].day }}</span>\n </header>\n <div class=\"bmb_calendar-body\">\n @for (row of rows; track $index) {\n <div class=\"bmb_calendar-row-body\"></div>\n }\n\n @for (singleEvent of eventsOnWeek()[$index]; track $index) {\n <bmb-calendar-schedule-cards\n [event]=\"singleEvent\"\n (onSelectEvent)=\"handleEventSelection($event)\"\n />\n }\n </div>\n </section>\n }\n <bmb-calendar-time-indicator [currentTime]=\"currentTime()\" />\n</div>\n", styles: [".bmb_calendar-week-view{display:flex;justify-content:space-between;overflow:auto;height:calc(100% - 3.25rem);position:relative}.bmb_calendar-week-view .bmb_calendar-detail-header{padding:1rem;text-transform:capitalize}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCalendarHourViewComponent, selector: "bmb-calendar-hour-view", inputs: ["events", "startBusinessHour"] }, { kind: "component", type: BmbCalendarScheduleCardsComponent, selector: "bmb-calendar-schedule-cards", inputs: ["event", "isPositionAbsolute", "extendedContent"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTimeIndicatorComponent, selector: "bmb-calendar-time-indicator", inputs: ["currentTime"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4853
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbCalendarTemplateWeekComponent, isStandalone: true, selector: "bmb-calendar-template-week", inputs: { weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, currentTime: { classPropertyName: "currentTime", publicName: "currentTime", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, selectedWeek: { classPropertyName: "selectedWeek", publicName: "selectedWeek", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectEvent: "onSelectEvent" }, ngImport: i0, template: "<div class=\"bmb_calendar-week-view\">\r\n <bmb-calendar-hour-view [startBusinessHour]=\"startBusinessHour()\" />\r\n @for (day of dayNames; track $index) {\r\n <section\r\n class=\"bmb_calendar-col\"\r\n [ngClass]=\"{ 'bmb_calendar-col-today': isNow(weekDays()[$index]) }\"\r\n >\r\n <header class=\"bmb_calendar-detail-header\">\r\n <h2>{{ day }}</h2>\r\n <span>{{ weekDays()[$index].month }}/{{ weekDays()[$index].day }}</span>\r\n </header>\r\n <div class=\"bmb_calendar-body\">\r\n @for (row of rows; track $index) {\r\n <div class=\"bmb_calendar-row-body\"></div>\r\n }\r\n\r\n @for (singleEvent of eventsOnWeek()[$index]; track $index) {\r\n <bmb-calendar-schedule-cards\r\n [event]=\"singleEvent\"\r\n (onSelectEvent)=\"handleEventSelection($event)\"\r\n />\r\n }\r\n </div>\r\n </section>\r\n }\r\n <bmb-calendar-time-indicator [currentTime]=\"currentTime()\" />\r\n</div>\r\n", styles: [".bmb_calendar-week-view{display:flex;justify-content:space-between;overflow:auto;height:calc(100% - 3.25rem);position:relative}.bmb_calendar-week-view .bmb_calendar-detail-header{padding:1rem;text-transform:capitalize}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCalendarHourViewComponent, selector: "bmb-calendar-hour-view", inputs: ["events", "startBusinessHour"] }, { kind: "component", type: BmbCalendarScheduleCardsComponent, selector: "bmb-calendar-schedule-cards", inputs: ["event", "isPositionAbsolute", "extendedContent"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTimeIndicatorComponent, selector: "bmb-calendar-time-indicator", inputs: ["currentTime"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4846
4854
|
}
|
|
4847
4855
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCalendarTemplateWeekComponent, decorators: [{
|
|
4848
4856
|
type: Component,
|
|
@@ -4851,7 +4859,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
4851
4859
|
BmbCalendarHourViewComponent,
|
|
4852
4860
|
BmbCalendarScheduleCardsComponent,
|
|
4853
4861
|
BmbCalendarTimeIndicatorComponent,
|
|
4854
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar-week-view\">\n <bmb-calendar-hour-view [startBusinessHour]=\"startBusinessHour()\" />\n @for (day of dayNames; track $index) {\n <section\n class=\"bmb_calendar-col\"\n [ngClass]=\"{ 'bmb_calendar-col-today': isNow(weekDays()[$index]) }\"\n >\n <header class=\"bmb_calendar-detail-header\">\n <h2>{{ day }}</h2>\n <span>{{ weekDays()[$index].month }}/{{ weekDays()[$index].day }}</span>\n </header>\n <div class=\"bmb_calendar-body\">\n @for (row of rows; track $index) {\n <div class=\"bmb_calendar-row-body\"></div>\n }\n\n @for (singleEvent of eventsOnWeek()[$index]; track $index) {\n <bmb-calendar-schedule-cards\n [event]=\"singleEvent\"\n (onSelectEvent)=\"handleEventSelection($event)\"\n />\n }\n </div>\n </section>\n }\n <bmb-calendar-time-indicator [currentTime]=\"currentTime()\" />\n</div>\n", styles: [".bmb_calendar-week-view{display:flex;justify-content:space-between;overflow:auto;height:calc(100% - 3.25rem);position:relative}.bmb_calendar-week-view .bmb_calendar-detail-header{padding:1rem;text-transform:capitalize}\n"] }]
|
|
4862
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar-week-view\">\r\n <bmb-calendar-hour-view [startBusinessHour]=\"startBusinessHour()\" />\r\n @for (day of dayNames; track $index) {\r\n <section\r\n class=\"bmb_calendar-col\"\r\n [ngClass]=\"{ 'bmb_calendar-col-today': isNow(weekDays()[$index]) }\"\r\n >\r\n <header class=\"bmb_calendar-detail-header\">\r\n <h2>{{ day }}</h2>\r\n <span>{{ weekDays()[$index].month }}/{{ weekDays()[$index].day }}</span>\r\n </header>\r\n <div class=\"bmb_calendar-body\">\r\n @for (row of rows; track $index) {\r\n <div class=\"bmb_calendar-row-body\"></div>\r\n }\r\n\r\n @for (singleEvent of eventsOnWeek()[$index]; track $index) {\r\n <bmb-calendar-schedule-cards\r\n [event]=\"singleEvent\"\r\n (onSelectEvent)=\"handleEventSelection($event)\"\r\n />\r\n }\r\n </div>\r\n </section>\r\n }\r\n <bmb-calendar-time-indicator [currentTime]=\"currentTime()\" />\r\n</div>\r\n", styles: [".bmb_calendar-week-view{display:flex;justify-content:space-between;overflow:auto;height:calc(100% - 3.25rem);position:relative}.bmb_calendar-week-view .bmb_calendar-detail-header{padding:1rem;text-transform:capitalize}\n"] }]
|
|
4855
4863
|
}] });
|
|
4856
4864
|
|
|
4857
4865
|
class BmbCalendarTemplateDayComponent {
|
|
@@ -4916,11 +4924,11 @@ class BmbCalendarTemplateMonthComponent {
|
|
|
4916
4924
|
return eventsInDate(events);
|
|
4917
4925
|
}
|
|
4918
4926
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCalendarTemplateMonthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4919
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbCalendarTemplateMonthComponent, isStandalone: true, selector: "bmb-calendar-template-month", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectEvent: "onSelectEvent" }, ngImport: i0, template: "<div class=\"bmb_calendar-month-view\">\n @for (day of weeksAndDaysList(); track $index) {\n <div\n class=\"bmb_calendar-month-view-day\"\n [ngClass]=\"{\n 'bmb_calendar-col-today': isNow(day),\n }\"\n >\n <span class=\"bmb_calendar-month-view-day-legend\">\n <span class=\"bmb_calendar-month-view-day-name\">{{\n getDayName(day, lang())\n }}</span>\n {{ day.month }}/{{ day.day }}\n </span>\n @for (event of eventsOnDate()[$index]; track $index) {\n <bmb-calendar-schedule-cards\n [event]=\"event\"\n (onSelectEvent)=\"handleEventSelection($event)\"\n [isPositionAbsolute]=\"false\"\n [extendedContent]=\"false\"\n />\n }\n </div>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar-month-view{display:flex;flex-flow:wrap;height:calc(100% - 3.25rem);box-sizing:border-box}.bmb_calendar-month-view-day{box-sizing:border-box;width:14.2857142857%;border-bottom:.0625rem solid RGBA(var(--color-charade-200));overflow:hidden;height:16.6666666667%}.bmb_calendar-month-view-day:not(:nth-child(7n)){border-right:.0625rem solid RGBA(var(--color-charade-200))}.bmb_calendar-month-view-day:not(:nth-child(-n+35)){border-bottom:0 none}.bmb_calendar-month-view-day-legend{font-family:Poppins-Medium,sans-serif;font-size:.75rem;display:inline-block;text-align:center;width:100%}.bmb_calendar-month-view-day-name{text-transform:capitalize}@media (max-width: 999px){.bmb_calendar-month-view-day-name{display:none}}[data-theme=dark] .bmb_calendar-month-view-day,.storybook-dark-theme .bmb_calendar-month-view-day{border-bottom-color:RGBA(var(--color-charade-700),.75)}[data-theme=dark] .bmb_calendar-month-view-day:not(:nth-child(7n)),.storybook-dark-theme .bmb_calendar-month-view-day:not(:nth-child(7n)){border-right-color:RGBA(var(--color-charade-700),.75)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCalendarScheduleCardsComponent, selector: "bmb-calendar-schedule-cards", inputs: ["event", "isPositionAbsolute", "extendedContent"], outputs: ["onSelectEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4927
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbCalendarTemplateMonthComponent, isStandalone: true, selector: "bmb-calendar-template-month", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectEvent: "onSelectEvent" }, ngImport: i0, template: "<div class=\"bmb_calendar-month-view\">\r\n @for (day of weeksAndDaysList(); track $index) {\r\n <div\r\n class=\"bmb_calendar-month-view-day\"\r\n [ngClass]=\"{\r\n 'bmb_calendar-col-today': isNow(day),\r\n }\"\r\n >\r\n <span class=\"bmb_calendar-month-view-day-legend\">\r\n <span class=\"bmb_calendar-month-view-day-name\">{{\r\n getDayName(day, lang())\r\n }}</span>\r\n {{ day.month }}/{{ day.day }}\r\n </span>\r\n @for (event of eventsOnDate()[$index]; track $index) {\r\n <bmb-calendar-schedule-cards\r\n [event]=\"event\"\r\n (onSelectEvent)=\"handleEventSelection($event)\"\r\n [isPositionAbsolute]=\"false\"\r\n [extendedContent]=\"false\"\r\n />\r\n }\r\n </div>\r\n }\r\n</div>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar-month-view{display:flex;flex-flow:wrap;height:calc(100% - 3.25rem);box-sizing:border-box}.bmb_calendar-month-view-day{box-sizing:border-box;width:14.2857142857%;border-bottom:.0625rem solid RGBA(var(--color-charade-200));overflow:hidden;height:16.6666666667%}.bmb_calendar-month-view-day:not(:nth-child(7n)){border-right:.0625rem solid RGBA(var(--color-charade-200))}.bmb_calendar-month-view-day:not(:nth-child(-n+35)){border-bottom:0 none}.bmb_calendar-month-view-day-legend{font-family:Poppins-Medium,sans-serif;font-size:.75rem;display:inline-block;text-align:center;width:100%}.bmb_calendar-month-view-day-name{text-transform:capitalize}@media (max-width: 999px){.bmb_calendar-month-view-day-name{display:none}}[data-theme=dark] .bmb_calendar-month-view-day,.storybook-dark-theme .bmb_calendar-month-view-day{border-bottom-color:RGBA(var(--color-charade-700),.75)}[data-theme=dark] .bmb_calendar-month-view-day:not(:nth-child(7n)),.storybook-dark-theme .bmb_calendar-month-view-day:not(:nth-child(7n)){border-right-color:RGBA(var(--color-charade-700),.75)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCalendarScheduleCardsComponent, selector: "bmb-calendar-schedule-cards", inputs: ["event", "isPositionAbsolute", "extendedContent"], outputs: ["onSelectEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4920
4928
|
}
|
|
4921
4929
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCalendarTemplateMonthComponent, decorators: [{
|
|
4922
4930
|
type: Component,
|
|
4923
|
-
args: [{ selector: 'bmb-calendar-template-month', standalone: true, imports: [CommonModule, BmbCalendarScheduleCardsComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar-month-view\">\n @for (day of weeksAndDaysList(); track $index) {\n <div\n class=\"bmb_calendar-month-view-day\"\n [ngClass]=\"{\n 'bmb_calendar-col-today': isNow(day),\n }\"\n >\n <span class=\"bmb_calendar-month-view-day-legend\">\n <span class=\"bmb_calendar-month-view-day-name\">{{\n getDayName(day, lang())\n }}</span>\n {{ day.month }}/{{ day.day }}\n </span>\n @for (event of eventsOnDate()[$index]; track $index) {\n <bmb-calendar-schedule-cards\n [event]=\"event\"\n (onSelectEvent)=\"handleEventSelection($event)\"\n [isPositionAbsolute]=\"false\"\n [extendedContent]=\"false\"\n />\n }\n </div>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar-month-view{display:flex;flex-flow:wrap;height:calc(100% - 3.25rem);box-sizing:border-box}.bmb_calendar-month-view-day{box-sizing:border-box;width:14.2857142857%;border-bottom:.0625rem solid RGBA(var(--color-charade-200));overflow:hidden;height:16.6666666667%}.bmb_calendar-month-view-day:not(:nth-child(7n)){border-right:.0625rem solid RGBA(var(--color-charade-200))}.bmb_calendar-month-view-day:not(:nth-child(-n+35)){border-bottom:0 none}.bmb_calendar-month-view-day-legend{font-family:Poppins-Medium,sans-serif;font-size:.75rem;display:inline-block;text-align:center;width:100%}.bmb_calendar-month-view-day-name{text-transform:capitalize}@media (max-width: 999px){.bmb_calendar-month-view-day-name{display:none}}[data-theme=dark] .bmb_calendar-month-view-day,.storybook-dark-theme .bmb_calendar-month-view-day{border-bottom-color:RGBA(var(--color-charade-700),.75)}[data-theme=dark] .bmb_calendar-month-view-day:not(:nth-child(7n)),.storybook-dark-theme .bmb_calendar-month-view-day:not(:nth-child(7n)){border-right-color:RGBA(var(--color-charade-700),.75)}\n"] }]
|
|
4931
|
+
args: [{ selector: 'bmb-calendar-template-month', standalone: true, imports: [CommonModule, BmbCalendarScheduleCardsComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar-month-view\">\r\n @for (day of weeksAndDaysList(); track $index) {\r\n <div\r\n class=\"bmb_calendar-month-view-day\"\r\n [ngClass]=\"{\r\n 'bmb_calendar-col-today': isNow(day),\r\n }\"\r\n >\r\n <span class=\"bmb_calendar-month-view-day-legend\">\r\n <span class=\"bmb_calendar-month-view-day-name\">{{\r\n getDayName(day, lang())\r\n }}</span>\r\n {{ day.month }}/{{ day.day }}\r\n </span>\r\n @for (event of eventsOnDate()[$index]; track $index) {\r\n <bmb-calendar-schedule-cards\r\n [event]=\"event\"\r\n (onSelectEvent)=\"handleEventSelection($event)\"\r\n [isPositionAbsolute]=\"false\"\r\n [extendedContent]=\"false\"\r\n />\r\n }\r\n </div>\r\n }\r\n</div>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar-month-view{display:flex;flex-flow:wrap;height:calc(100% - 3.25rem);box-sizing:border-box}.bmb_calendar-month-view-day{box-sizing:border-box;width:14.2857142857%;border-bottom:.0625rem solid RGBA(var(--color-charade-200));overflow:hidden;height:16.6666666667%}.bmb_calendar-month-view-day:not(:nth-child(7n)){border-right:.0625rem solid RGBA(var(--color-charade-200))}.bmb_calendar-month-view-day:not(:nth-child(-n+35)){border-bottom:0 none}.bmb_calendar-month-view-day-legend{font-family:Poppins-Medium,sans-serif;font-size:.75rem;display:inline-block;text-align:center;width:100%}.bmb_calendar-month-view-day-name{text-transform:capitalize}@media (max-width: 999px){.bmb_calendar-month-view-day-name{display:none}}[data-theme=dark] .bmb_calendar-month-view-day,.storybook-dark-theme .bmb_calendar-month-view-day{border-bottom-color:RGBA(var(--color-charade-700),.75)}[data-theme=dark] .bmb_calendar-month-view-day:not(:nth-child(7n)),.storybook-dark-theme .bmb_calendar-month-view-day:not(:nth-child(7n)){border-right-color:RGBA(var(--color-charade-700),.75)}\n"] }]
|
|
4924
4932
|
}], propDecorators: { onSelectEvent: [{
|
|
4925
4933
|
type: Output
|
|
4926
4934
|
}] } });
|
|
@@ -4938,7 +4946,7 @@ class BmbCalendarHeaderComponent {
|
|
|
4938
4946
|
}
|
|
4939
4947
|
getTitle() {
|
|
4940
4948
|
if (this.view() === 'week') {
|
|
4941
|
-
return `${this.weekDays()[0].setLocale(this.lang()).toFormat('LLL dd')} -
|
|
4949
|
+
return `${this.weekDays()[0].setLocale(this.lang()).toFormat('LLL dd')} -
|
|
4942
4950
|
${this.weekDays()[6].setLocale(this.lang()).toFormat('LLL dd')}`;
|
|
4943
4951
|
}
|
|
4944
4952
|
if (this.view() === 'day') {
|
|
@@ -4993,7 +5001,6 @@ class BmbCalendarHeaderComponent {
|
|
|
4993
5001
|
this.onCurrentDateChange.emit(DateTime.now());
|
|
4994
5002
|
}
|
|
4995
5003
|
handleShowFilters() {
|
|
4996
|
-
console.log('click filter');
|
|
4997
5004
|
this.showFilters.emit();
|
|
4998
5005
|
}
|
|
4999
5006
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -5341,8 +5348,25 @@ class BmbCalendarComponent {
|
|
|
5341
5348
|
getFormControl(name) {
|
|
5342
5349
|
return this.calendarForm.get(name);
|
|
5343
5350
|
}
|
|
5351
|
+
getCalendarName(name) {
|
|
5352
|
+
switch (name) {
|
|
5353
|
+
case 'academic':
|
|
5354
|
+
return 'Horario de clases';
|
|
5355
|
+
case 'life':
|
|
5356
|
+
return 'Vida';
|
|
5357
|
+
case 'events':
|
|
5358
|
+
return 'Eventos';
|
|
5359
|
+
case 'save_the_date':
|
|
5360
|
+
return 'Save the date';
|
|
5361
|
+
default:
|
|
5362
|
+
return name;
|
|
5363
|
+
}
|
|
5364
|
+
}
|
|
5365
|
+
getBulletClass(name) {
|
|
5366
|
+
return ['bmb_calendar-event-bullet', `bmb_calendar-event-bullet-${name}`];
|
|
5367
|
+
}
|
|
5344
5368
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCalendarComponent, deps: [{ token: BmbCalendarService }, { token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5345
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showFilterButton: { classPropertyName: "showFilterButton", publicName: "showFilterButton", isSignal: true, isRequired: false, transformFunction: null }, visibleDate: { classPropertyName: "visibleDate", publicName: "visibleDate", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", filters: "filtersChange", visibleDate: "visibleDateChange", onDateChange: "onDateChange", onClose: "onClose" }, host: { listeners: { "window:resize": "resize($event)" } }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }, { propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n @if (isMobileHeader) {\n <bmb-calendar-template-mobile\n [now]=\"visibleDate()\"\n [lang]=\"lang()\"\n [events]=\"filteredEvents()\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [weekDays]=\"renderWeekDays()\"\n [calendarTitle]=\"calendarTitle()\"\n (onClose)=\"handleClose()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n } @else {\n <bmb-calendar-header\n [weekDays]=\"renderWeekDays()\"\n [lang]=\"lang()\"\n [view]=\"view()\"\n [currentDate]=\"visibleDate()\"\n (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [showFilterButton]=\"showFilterButton()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n }\n @switch (view()) {\n @case (\"day\") {\n <bmb-calendar-template-day\n [now]=\"visibleDate()\"\n [events]=\"getDayEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [dateFormat]=\"dateFormat()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case (\"week\") {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [lang]=\"lang()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [selectedWeek]=\"selectedWeek()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case (\"month\") {\n <bmb-calendar-template-month\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n class=\"bmb_calendar-content\"\n />\n }\n @default {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [lang]=\"lang()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n class=\"bmb_calendar-content\"\n />\n }\n }\n\n @if (isLoading()) {\n <div class=\"bmb_calendar-loader\">\n <bmb-loader [showInline]=\"true\" />\n </div>\n }\n</div>\n\n<ng-template #detailContent>\n @if (selectedEvent) {\n <section>\n @if (selectedEvent.tags?.length) {\n <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n @for (item of selectedEvent.tags; track $index) {\n <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n }\n </p>\n }\n @if (selectedEvent.title) {\n <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n }\n @if (selectedEvent.place) {\n <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n }\n <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n </section>\n }\n</ng-template>\n\n<ng-template #modalTemplate>\n <form [formGroup]=\"calendarForm\">\n @for (item of filteredEvents().calendars; track $index) {\n <bmb-checkbox\n [inputId]=\"'checkbox_' + item\"\n [name]=\"'checkbox_' + item\"\n [label]=\"item\"\n [control]=\"getFormControl(item)\"\n />\n }\n </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 1001px){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 999px){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Medium,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 1001px){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 1001px){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 1001px){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Medium,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbCalendarTemplateDayComponent, selector: "bmb-calendar-template-day", inputs: ["lang", "now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "lang", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["lang", "now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "lang", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "lang", "events", "calendarTitle"], outputs: ["onClose", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbLoaderComponent, selector: "bmb-loader", inputs: ["appearance", "title", "icon", "subtitle", "overlay", "isVisible", "errorState", "actions", "buttonPrimary", "buttonSecondary", "showInline"], outputs: ["onButtonPrimary", "onButtonSecondary"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5369
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showFilterButton: { classPropertyName: "showFilterButton", publicName: "showFilterButton", isSignal: true, isRequired: false, transformFunction: null }, visibleDate: { classPropertyName: "visibleDate", publicName: "visibleDate", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", filters: "filtersChange", visibleDate: "visibleDateChange", onDateChange: "onDateChange", onClose: "onClose" }, host: { listeners: { "window:resize": "resize($event)" } }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }, { propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\r\n @if (isMobileHeader) {\r\n <bmb-calendar-template-mobile\r\n [now]=\"visibleDate()\"\r\n [lang]=\"lang()\"\r\n [events]=\"filteredEvents()\"\r\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\r\n [weekDays]=\"renderWeekDays()\"\r\n [calendarTitle]=\"calendarTitle()\"\r\n (onClose)=\"handleClose()\"\r\n (showFilters)=\"handleShowModalFilter()\"\r\n />\r\n } @else {\r\n <bmb-calendar-header\r\n [weekDays]=\"renderWeekDays()\"\r\n [lang]=\"lang()\"\r\n [view]=\"view()\"\r\n [currentDate]=\"visibleDate()\"\r\n (onRangeChange)=\"handleDateChange($event, visibleDate())\"\r\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\r\n [showFilterButton]=\"showFilterButton()\"\r\n (showFilters)=\"handleShowModalFilter()\"\r\n />\r\n }\r\n @switch (view()) {\r\n @case (\"day\") {\r\n <bmb-calendar-template-day\r\n [now]=\"visibleDate()\"\r\n [events]=\"getDayEvents()\"\r\n (onSelectEvent)=\"handleSelectEvent($event)\"\r\n [currentTime]=\"currentTime()\"\r\n [startBusinessHour]=\"startBusinessHour()\"\r\n [dateFormat]=\"dateFormat()\"\r\n class=\"bmb_calendar-content\"\r\n />\r\n }\r\n @case (\"week\") {\r\n <bmb-calendar-template-week\r\n [weekDays]=\"renderWeekDays()\"\r\n [lang]=\"lang()\"\r\n [now]=\"visibleDate()\"\r\n [events]=\"filteredEvents()\"\r\n (onSelectEvent)=\"handleSelectEvent($event)\"\r\n [currentTime]=\"currentTime()\"\r\n [startBusinessHour]=\"startBusinessHour()\"\r\n [selectedWeek]=\"selectedWeek()\"\r\n class=\"bmb_calendar-content\"\r\n />\r\n }\r\n @case (\"month\") {\r\n <bmb-calendar-template-month\r\n [now]=\"visibleDate()\"\r\n [events]=\"filteredEvents()\"\r\n (onSelectEvent)=\"handleSelectEvent($event)\"\r\n class=\"bmb_calendar-content\"\r\n />\r\n }\r\n @default {\r\n <bmb-calendar-template-week\r\n [weekDays]=\"renderWeekDays()\"\r\n [lang]=\"lang()\"\r\n [now]=\"visibleDate()\"\r\n [events]=\"filteredEvents()\"\r\n class=\"bmb_calendar-content\"\r\n />\r\n }\r\n }\r\n\r\n @if (isLoading()) {\r\n <div class=\"bmb_calendar-loader\">\r\n <bmb-loader [showInline]=\"true\" />\r\n </div>\r\n }\r\n</div>\r\n\r\n<ng-template #detailContent>\r\n @if (selectedEvent) {\r\n <section>\r\n @if (selectedEvent.tags?.length) {\r\n <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\r\n @for (item of selectedEvent.tags; track $index) {\r\n <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\r\n }\r\n </p>\r\n }\r\n @if (selectedEvent.title) {\r\n <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\r\n }\r\n @if (selectedEvent.place) {\r\n <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\r\n }\r\n <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\r\n </section>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #modalTemplate>\r\n <form [formGroup]=\"calendarForm\">\r\n @for (item of filteredEvents().calendars; track $index) {\r\n <div bmbLayout gapSize=\"s\" alignItems=\"center\">\r\n <bmb-checkbox\r\n bmbLayoutItem\r\n [isDynamicItem]=\"true\"\r\n [inputId]=\"'checkbox_' + item\"\r\n [name]=\"'checkbox_' + item\"\r\n [control]=\"getFormControl(item)\"\r\n />\r\n <div\r\n bmbLayoutItem\r\n [isDynamicItem]=\"true\"\r\n [ngClass]=\"getBulletClass(item)\"\r\n ></div>\r\n <label\r\n bmbLayoutItem\r\n [isDynamicItem]=\"true\"\r\n [colGrow]=\"1\"\r\n [htmlFor]=\"'checkbox_' + item\"\r\n >{{ getCalendarName(item) }}</label\r\n >\r\n </div>\r\n <bmb-divider type=\"dashed\"></bmb-divider>\r\n }\r\n </form>\r\n</ng-template>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 1001px){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 999px){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Medium,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 1001px){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 1001px){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 1001px){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Medium,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbCalendarTemplateDayComponent, selector: "bmb-calendar-template-day", inputs: ["lang", "now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "lang", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["lang", "now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "lang", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "lang", "events", "calendarTitle"], outputs: ["onClose", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbLoaderComponent, selector: "bmb-loader", inputs: ["appearance", "title", "icon", "subtitle", "overlay", "isVisible", "errorState", "actions", "buttonPrimary", "buttonSecondary", "showInline"], outputs: ["onButtonPrimary", "onButtonSecondary"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5346
5370
|
}
|
|
5347
5371
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbCalendarComponent, decorators: [{
|
|
5348
5372
|
type: Component,
|
|
@@ -5357,7 +5381,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
5357
5381
|
BmbLoaderComponent,
|
|
5358
5382
|
ReactiveFormsModule,
|
|
5359
5383
|
BmbCheckboxComponent,
|
|
5360
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n @if (isMobileHeader) {\n <bmb-calendar-template-mobile\n [now]=\"visibleDate()\"\n [lang]=\"lang()\"\n [events]=\"filteredEvents()\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [weekDays]=\"renderWeekDays()\"\n [calendarTitle]=\"calendarTitle()\"\n (onClose)=\"handleClose()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n } @else {\n <bmb-calendar-header\n [weekDays]=\"renderWeekDays()\"\n [lang]=\"lang()\"\n [view]=\"view()\"\n [currentDate]=\"visibleDate()\"\n (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [showFilterButton]=\"showFilterButton()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n }\n @switch (view()) {\n @case (\"day\") {\n <bmb-calendar-template-day\n [now]=\"visibleDate()\"\n [events]=\"getDayEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [dateFormat]=\"dateFormat()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case (\"week\") {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [lang]=\"lang()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [selectedWeek]=\"selectedWeek()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case (\"month\") {\n <bmb-calendar-template-month\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n class=\"bmb_calendar-content\"\n />\n }\n @default {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [lang]=\"lang()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n class=\"bmb_calendar-content\"\n />\n }\n }\n\n @if (isLoading()) {\n <div class=\"bmb_calendar-loader\">\n <bmb-loader [showInline]=\"true\" />\n </div>\n }\n</div>\n\n<ng-template #detailContent>\n @if (selectedEvent) {\n <section>\n @if (selectedEvent.tags?.length) {\n <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n @for (item of selectedEvent.tags; track $index) {\n <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n }\n </p>\n }\n @if (selectedEvent.title) {\n <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n }\n @if (selectedEvent.place) {\n <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n }\n <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n </section>\n }\n</ng-template>\n\n<ng-template #modalTemplate>\n <form [formGroup]=\"calendarForm\">\n @for (item of filteredEvents().calendars; track $index) {\n <bmb-checkbox\n [inputId]=\"'checkbox_' + item\"\n [name]=\"'checkbox_' + item\"\n [label]=\"item\"\n [control]=\"getFormControl(item)\"\n />\n }\n </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 1001px){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 999px){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Medium,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 1001px){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 1001px){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 1001px){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Medium,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"] }]
|
|
5384
|
+
BmbDividerComponent,
|
|
5385
|
+
BmbLayoutDirective,
|
|
5386
|
+
BmbLayoutItemDirective,
|
|
5387
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\r\n @if (isMobileHeader) {\r\n <bmb-calendar-template-mobile\r\n [now]=\"visibleDate()\"\r\n [lang]=\"lang()\"\r\n [events]=\"filteredEvents()\"\r\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\r\n [weekDays]=\"renderWeekDays()\"\r\n [calendarTitle]=\"calendarTitle()\"\r\n (onClose)=\"handleClose()\"\r\n (showFilters)=\"handleShowModalFilter()\"\r\n />\r\n } @else {\r\n <bmb-calendar-header\r\n [weekDays]=\"renderWeekDays()\"\r\n [lang]=\"lang()\"\r\n [view]=\"view()\"\r\n [currentDate]=\"visibleDate()\"\r\n (onRangeChange)=\"handleDateChange($event, visibleDate())\"\r\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\r\n [showFilterButton]=\"showFilterButton()\"\r\n (showFilters)=\"handleShowModalFilter()\"\r\n />\r\n }\r\n @switch (view()) {\r\n @case (\"day\") {\r\n <bmb-calendar-template-day\r\n [now]=\"visibleDate()\"\r\n [events]=\"getDayEvents()\"\r\n (onSelectEvent)=\"handleSelectEvent($event)\"\r\n [currentTime]=\"currentTime()\"\r\n [startBusinessHour]=\"startBusinessHour()\"\r\n [dateFormat]=\"dateFormat()\"\r\n class=\"bmb_calendar-content\"\r\n />\r\n }\r\n @case (\"week\") {\r\n <bmb-calendar-template-week\r\n [weekDays]=\"renderWeekDays()\"\r\n [lang]=\"lang()\"\r\n [now]=\"visibleDate()\"\r\n [events]=\"filteredEvents()\"\r\n (onSelectEvent)=\"handleSelectEvent($event)\"\r\n [currentTime]=\"currentTime()\"\r\n [startBusinessHour]=\"startBusinessHour()\"\r\n [selectedWeek]=\"selectedWeek()\"\r\n class=\"bmb_calendar-content\"\r\n />\r\n }\r\n @case (\"month\") {\r\n <bmb-calendar-template-month\r\n [now]=\"visibleDate()\"\r\n [events]=\"filteredEvents()\"\r\n (onSelectEvent)=\"handleSelectEvent($event)\"\r\n class=\"bmb_calendar-content\"\r\n />\r\n }\r\n @default {\r\n <bmb-calendar-template-week\r\n [weekDays]=\"renderWeekDays()\"\r\n [lang]=\"lang()\"\r\n [now]=\"visibleDate()\"\r\n [events]=\"filteredEvents()\"\r\n class=\"bmb_calendar-content\"\r\n />\r\n }\r\n }\r\n\r\n @if (isLoading()) {\r\n <div class=\"bmb_calendar-loader\">\r\n <bmb-loader [showInline]=\"true\" />\r\n </div>\r\n }\r\n</div>\r\n\r\n<ng-template #detailContent>\r\n @if (selectedEvent) {\r\n <section>\r\n @if (selectedEvent.tags?.length) {\r\n <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\r\n @for (item of selectedEvent.tags; track $index) {\r\n <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\r\n }\r\n </p>\r\n }\r\n @if (selectedEvent.title) {\r\n <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\r\n }\r\n @if (selectedEvent.place) {\r\n <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\r\n }\r\n <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\r\n </section>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #modalTemplate>\r\n <form [formGroup]=\"calendarForm\">\r\n @for (item of filteredEvents().calendars; track $index) {\r\n <div bmbLayout gapSize=\"s\" alignItems=\"center\">\r\n <bmb-checkbox\r\n bmbLayoutItem\r\n [isDynamicItem]=\"true\"\r\n [inputId]=\"'checkbox_' + item\"\r\n [name]=\"'checkbox_' + item\"\r\n [control]=\"getFormControl(item)\"\r\n />\r\n <div\r\n bmbLayoutItem\r\n [isDynamicItem]=\"true\"\r\n [ngClass]=\"getBulletClass(item)\"\r\n ></div>\r\n <label\r\n bmbLayoutItem\r\n [isDynamicItem]=\"true\"\r\n [colGrow]=\"1\"\r\n [htmlFor]=\"'checkbox_' + item\"\r\n >{{ getCalendarName(item) }}</label\r\n >\r\n </div>\r\n <bmb-divider type=\"dashed\"></bmb-divider>\r\n }\r\n </form>\r\n</ng-template>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 1001px){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 999px){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Medium,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 1001px){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 1001px){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 1001px){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Medium,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"] }]
|
|
5361
5388
|
}], ctorParameters: () => [{ type: BmbCalendarService }, { type: BmbNativeModalService }], propDecorators: { detailContent: [{
|
|
5362
5389
|
type: ViewChild,
|
|
5363
5390
|
args: ['detailContent', { read: TemplateRef }]
|
|
@@ -9635,8 +9662,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
9635
9662
|
}] });
|
|
9636
9663
|
|
|
9637
9664
|
class BmbAlertCenterComponent {
|
|
9638
|
-
constructor(
|
|
9639
|
-
this.
|
|
9665
|
+
constructor(nativeModalService, bmbAlertCenterService) {
|
|
9666
|
+
this.nativeModalService = nativeModalService;
|
|
9640
9667
|
this.bmbAlertCenterService = bmbAlertCenterService;
|
|
9641
9668
|
this.dateFormat = input('dd/MM/yyyy');
|
|
9642
9669
|
this.tabsName = input([
|
|
@@ -9744,17 +9771,23 @@ class BmbAlertCenterComponent {
|
|
|
9744
9771
|
title: item.title,
|
|
9745
9772
|
content: this.detailContent,
|
|
9746
9773
|
size: 'small',
|
|
9747
|
-
type: 'informative',
|
|
9748
9774
|
scrollable: true,
|
|
9749
|
-
|
|
9775
|
+
actions: [{
|
|
9776
|
+
buttonName: 'close',
|
|
9777
|
+
label: 'Cerrar',
|
|
9778
|
+
appearance: 'secondary-outlined',
|
|
9779
|
+
action: this.handleCloseDetail.bind(this, item),
|
|
9780
|
+
}],
|
|
9781
|
+
closeModalClicked: this.handleCloseDetail.bind(this, item),
|
|
9750
9782
|
};
|
|
9751
|
-
this.
|
|
9783
|
+
this.nativeModalService.openModal(data);
|
|
9752
9784
|
}
|
|
9753
9785
|
this.showAlertDetail.emit(alertData);
|
|
9754
9786
|
}
|
|
9755
9787
|
handleCloseDetail(alert) {
|
|
9756
9788
|
const { pDate, ...alertData } = alert;
|
|
9757
9789
|
this.closeAlertDetail.emit(alertData);
|
|
9790
|
+
this.nativeModalService.closeAllModals();
|
|
9758
9791
|
}
|
|
9759
9792
|
handleAlertEvent(alert) {
|
|
9760
9793
|
this.alertEvent.emit(alert);
|
|
@@ -9788,7 +9821,7 @@ class BmbAlertCenterComponent {
|
|
|
9788
9821
|
event: eventType,
|
|
9789
9822
|
});
|
|
9790
9823
|
}
|
|
9791
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbAlertCenterComponent, deps: [{ token:
|
|
9824
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbAlertCenterComponent, deps: [{ token: BmbNativeModalService }, { token: BmbAlertCenterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9792
9825
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbAlertCenterComponent, isStandalone: true, selector: "bmb-alert-center", inputs: { dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, tabsName: { classPropertyName: "tabsName", publicName: "tabsName", isSignal: true, isRequired: false, transformFunction: null }, hideTabs: { classPropertyName: "hideTabs", publicName: "hideTabs", isSignal: true, isRequired: false, transformFunction: null }, enableMultipleSelection: { classPropertyName: "enableMultipleSelection", publicName: "enableMultipleSelection", isSignal: true, isRequired: false, transformFunction: null }, showMobileVersion: { classPropertyName: "showMobileVersion", publicName: "showMobileVersion", isSignal: true, isRequired: false, transformFunction: null }, emptyStateData: { classPropertyName: "emptyStateData", publicName: "emptyStateData", isSignal: true, isRequired: false, transformFunction: null }, alerts: { classPropertyName: "alerts", publicName: "alerts", isSignal: true, isRequired: false, transformFunction: null }, advertisements: { classPropertyName: "advertisements", publicName: "advertisements", isSignal: true, isRequired: false, transformFunction: null }, selectedTab: { classPropertyName: "selectedTab", publicName: "selectedTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChangeAlertStatus: "onChangeAlertStatus", alertEvent: "alertEvent", showAlertDetail: "showAlertDetail", closeAlertDetail: "closeAlertDetail", navigationBarEvents: "navigationBarEvents", selectedTab: "selectedTabChange" }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_alert-center\" #container bmbLayout margin=\"none\">\n <div\n bmbLayoutItem\n [colSm]=\"4\"\n [colLg]=\"showMobileVersion() ? 12 : 5\"\n class=\"bmb_alert-center-main\"\n [ngClass]=\"{ 'bmb_alert-center-main-no-border': showMobileVersion() }\"\n >\n @if (isLoading()) {\n <bmb-loader\n title=\"Cargando...\"\n subtitle=\"Cargando las notificaciones\"\n [overlay]=\"false\"\n [isVisible]=\"true\"\n [errorState]=\"false\"\n appearance=\"normal\"\n icon=\"wifi_off\"\n [actions]=\"false\"\n buttonPrimary=\"Reintentar\"\n buttonSecondary=\"Salir\"\n [showInline]=\"true\"\n />\n } @else {\n @if (!hideTabs()) {\n <bmb-tabs [tabs]=\"tabs()\" [(selectedTabId)]=\"selectedTab\" />\n }\n @if (selectedTab() === 1) {\n <bmb-alert-center-form\n (showAlertDetail)=\"handleShowAlert($event)\"\n [eventsInCategories]=\"eventsInCategories()\"\n [enableMultipleSelection]=\"enableMultipleSelection()\"\n (changeAlertStatus)=\"handleChangeAlertStatus($event)\"\n [emptyStateData]=\"emptyStateData()\"\n (navigationBarEvents)=\"handleNavigationBarEvents($event)\"\n filterBy=\"all\"\n />\n } @else if (selectedTab() === 2) {\n <bmb-alert-center-form\n (showAlertDetail)=\"handleShowAlert($event)\"\n [eventsInCategories]=\"eventsInCategories()\"\n [enableMultipleSelection]=\"enableMultipleSelection()\"\n (changeAlertStatus)=\"handleChangeAlertStatus($event)\"\n [emptyStateData]=\"emptyStateData()\"\n (navigationBarEvents)=\"handleNavigationBarEvents($event)\"\n filterBy=\"unread\"\n />\n } @else if (selectedTab() === 3) {\n <bmb-alert-center-form\n (showAlertDetail)=\"handleShowAlert($event)\"\n [eventsInCategories]=\"eventsInCategories()\"\n [enableMultipleSelection]=\"enableMultipleSelection()\"\n (changeAlertStatus)=\"handleChangeAlertStatus($event)\"\n [emptyStateData]=\"emptyStateData()\"\n (navigationBarEvents)=\"handleNavigationBarEvents($event)\"\n filterBy=\"favorites\"\n />\n } @else if (selectedTab() === 4) {\n <bmb-alert-center-form\n (showAlertDetail)=\"handleShowAlert($event)\"\n [eventsInCategories]=\"eventsInCategories()\"\n (changeAlertStatus)=\"handleChangeAlertStatus($event)\"\n [emptyStateData]=\"emptyStateData()\"\n (navigationBarEvents)=\"handleNavigationBarEvents($event)\"\n filterBy=\"archived\"\n />\n } @else if (selectedTab() === 5) {\n <bmb-alert-center-ads\n [advertisements]=\"advertisementsList()\"\n (alertEvent)=\"handleAlertEvent($event)\"\n />\n } @else {\n <section bmbLayoutItem [colSm]=\"4\" [colLg]=\"12\">\n <bmb-alert-center-empty [data]=\"emptyStateData()\" />\n </section>\n }\n }\n </div>\n @if (!showMobileVersion() && alertList().length) {\n <section\n class=\"bmb_alert-center-content\"\n bmbLayoutItem\n [colSm]=\"4\"\n [colLg]=\"7\"\n >\n <ng-container [ngTemplateOutlet]=\"detailContent\" />\n </section>\n }\n</section>\n\n<ng-template #detailContent>\n @if (visibleAlert) {\n <section class=\"bmb_alert-center-content-modal\">\n <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n {{ visibleAlert.title }}\n </h1>\n @for (item of visibleAlert.description; track $index) {\n @switch (item.type) {\n @case (\"paragraph\") {\n <p\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n >\n {{ item.text }}\n </p>\n }\n @case (\"image\") {\n <bmb-image\n [src]=\"item.href || ''\"\n [alt]=\"item.text\"\n borderRadius=\"none\"\n />\n }\n @case (\"video\") {\n <video [src]=\"item.href\" controls></video>\n }\n @case (\"title\") {\n <h3\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n >\n {{ item.text }}\n </h3>\n }\n @case (\"button\") {\n <button\n bmbButton\n type=\"button\"\n [appearance]=\"item.variant ?? 'primary'\"\n (click)=\"\n item.event\n ? item?.event(visibleAlert.id)\n : handleAlertEvent(visibleAlert)\n \"\n >\n {{ item.text }}\n </button>\n }\n @case (\"link\") {\n <a\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n [href]=\"item.href\"\n >{{ item.text }}</a\n >\n }\n }\n }\n </section>\n }\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_alert-center{height:100%;container-type:inline-size}.bmb_alert-center-main,.bmb_alert-center-content{height:100%}.bmb_alert-center-main{position:relative}@media (min-width: 1000px){.bmb_alert-center-main{border-right:.0625rem solid var(--general_contrasts-15)}}.bmb_alert-center-main-no-border{border-right:none!important}.bmb_alert-center .bmb-bottom-navigation-bar{justify-content:center}.bmb_alert-center .bmb-bottom-navigation-bar .bmb_interactive_icon-icon{height:auto;width:auto}.bmb_alert-center-content{display:flex;flex-direction:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m);overflow:auto}@container (max-width: 350px){.bmb_alert-center-content{display:none}}@media (max-width: 1000px){.bmb_alert-center-content{display:none}}.bmb_alert-center-content-modal{display:flex;flex-direction:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}@media (max-width: 1001px){.bmb_alert-center-content-modal-title{display:none}}.bmb_alert-center-content figure,.bmb_alert-center-content p{margin:0}.bmb_alert-center-content figure img,.bmb_alert-center-content p img{max-width:100%}\n"], dependencies: [{ kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbAlertCenterFormComponent, selector: "bmb-alert-center-form", inputs: ["eventsInCategories", "filterBy", "enableMultipleSelection", "emptyStateData"], outputs: ["showAlertDetail", "changeAlertStatus", "navigationBarEvents"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbImageComponent, selector: "bmb-image", inputs: ["src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop"] }, { kind: "component", type: BmbAlertCenterAdsComponent, selector: "bmb-alert-center-ads", inputs: ["advertisements", "emptyStateData"], outputs: ["alertEvent"] }, { kind: "component", type: BmbAlertCenterEmptyComponent, selector: "bmb-alert-center-empty", inputs: ["data"] }, { kind: "component", type: BmbLoaderComponent, selector: "bmb-loader", inputs: ["appearance", "title", "icon", "subtitle", "overlay", "isVisible", "errorState", "actions", "buttonPrimary", "buttonSecondary", "showInline"], outputs: ["onButtonPrimary", "onButtonSecondary"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9793
9826
|
}
|
|
9794
9827
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbAlertCenterComponent, decorators: [{
|
|
@@ -9805,7 +9838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
9805
9838
|
BmbAlertCenterEmptyComponent,
|
|
9806
9839
|
BmbLoaderComponent,
|
|
9807
9840
|
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_alert-center\" #container bmbLayout margin=\"none\">\n <div\n bmbLayoutItem\n [colSm]=\"4\"\n [colLg]=\"showMobileVersion() ? 12 : 5\"\n class=\"bmb_alert-center-main\"\n [ngClass]=\"{ 'bmb_alert-center-main-no-border': showMobileVersion() }\"\n >\n @if (isLoading()) {\n <bmb-loader\n title=\"Cargando...\"\n subtitle=\"Cargando las notificaciones\"\n [overlay]=\"false\"\n [isVisible]=\"true\"\n [errorState]=\"false\"\n appearance=\"normal\"\n icon=\"wifi_off\"\n [actions]=\"false\"\n buttonPrimary=\"Reintentar\"\n buttonSecondary=\"Salir\"\n [showInline]=\"true\"\n />\n } @else {\n @if (!hideTabs()) {\n <bmb-tabs [tabs]=\"tabs()\" [(selectedTabId)]=\"selectedTab\" />\n }\n @if (selectedTab() === 1) {\n <bmb-alert-center-form\n (showAlertDetail)=\"handleShowAlert($event)\"\n [eventsInCategories]=\"eventsInCategories()\"\n [enableMultipleSelection]=\"enableMultipleSelection()\"\n (changeAlertStatus)=\"handleChangeAlertStatus($event)\"\n [emptyStateData]=\"emptyStateData()\"\n (navigationBarEvents)=\"handleNavigationBarEvents($event)\"\n filterBy=\"all\"\n />\n } @else if (selectedTab() === 2) {\n <bmb-alert-center-form\n (showAlertDetail)=\"handleShowAlert($event)\"\n [eventsInCategories]=\"eventsInCategories()\"\n [enableMultipleSelection]=\"enableMultipleSelection()\"\n (changeAlertStatus)=\"handleChangeAlertStatus($event)\"\n [emptyStateData]=\"emptyStateData()\"\n (navigationBarEvents)=\"handleNavigationBarEvents($event)\"\n filterBy=\"unread\"\n />\n } @else if (selectedTab() === 3) {\n <bmb-alert-center-form\n (showAlertDetail)=\"handleShowAlert($event)\"\n [eventsInCategories]=\"eventsInCategories()\"\n [enableMultipleSelection]=\"enableMultipleSelection()\"\n (changeAlertStatus)=\"handleChangeAlertStatus($event)\"\n [emptyStateData]=\"emptyStateData()\"\n (navigationBarEvents)=\"handleNavigationBarEvents($event)\"\n filterBy=\"favorites\"\n />\n } @else if (selectedTab() === 4) {\n <bmb-alert-center-form\n (showAlertDetail)=\"handleShowAlert($event)\"\n [eventsInCategories]=\"eventsInCategories()\"\n (changeAlertStatus)=\"handleChangeAlertStatus($event)\"\n [emptyStateData]=\"emptyStateData()\"\n (navigationBarEvents)=\"handleNavigationBarEvents($event)\"\n filterBy=\"archived\"\n />\n } @else if (selectedTab() === 5) {\n <bmb-alert-center-ads\n [advertisements]=\"advertisementsList()\"\n (alertEvent)=\"handleAlertEvent($event)\"\n />\n } @else {\n <section bmbLayoutItem [colSm]=\"4\" [colLg]=\"12\">\n <bmb-alert-center-empty [data]=\"emptyStateData()\" />\n </section>\n }\n }\n </div>\n @if (!showMobileVersion() && alertList().length) {\n <section\n class=\"bmb_alert-center-content\"\n bmbLayoutItem\n [colSm]=\"4\"\n [colLg]=\"7\"\n >\n <ng-container [ngTemplateOutlet]=\"detailContent\" />\n </section>\n }\n</section>\n\n<ng-template #detailContent>\n @if (visibleAlert) {\n <section class=\"bmb_alert-center-content-modal\">\n <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n {{ visibleAlert.title }}\n </h1>\n @for (item of visibleAlert.description; track $index) {\n @switch (item.type) {\n @case (\"paragraph\") {\n <p\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n >\n {{ item.text }}\n </p>\n }\n @case (\"image\") {\n <bmb-image\n [src]=\"item.href || ''\"\n [alt]=\"item.text\"\n borderRadius=\"none\"\n />\n }\n @case (\"video\") {\n <video [src]=\"item.href\" controls></video>\n }\n @case (\"title\") {\n <h3\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n >\n {{ item.text }}\n </h3>\n }\n @case (\"button\") {\n <button\n bmbButton\n type=\"button\"\n [appearance]=\"item.variant ?? 'primary'\"\n (click)=\"\n item.event\n ? item?.event(visibleAlert.id)\n : handleAlertEvent(visibleAlert)\n \"\n >\n {{ item.text }}\n </button>\n }\n @case (\"link\") {\n <a\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n [href]=\"item.href\"\n >{{ item.text }}</a\n >\n }\n }\n }\n </section>\n }\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_alert-center{height:100%;container-type:inline-size}.bmb_alert-center-main,.bmb_alert-center-content{height:100%}.bmb_alert-center-main{position:relative}@media (min-width: 1000px){.bmb_alert-center-main{border-right:.0625rem solid var(--general_contrasts-15)}}.bmb_alert-center-main-no-border{border-right:none!important}.bmb_alert-center .bmb-bottom-navigation-bar{justify-content:center}.bmb_alert-center .bmb-bottom-navigation-bar .bmb_interactive_icon-icon{height:auto;width:auto}.bmb_alert-center-content{display:flex;flex-direction:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m);overflow:auto}@container (max-width: 350px){.bmb_alert-center-content{display:none}}@media (max-width: 1000px){.bmb_alert-center-content{display:none}}.bmb_alert-center-content-modal{display:flex;flex-direction:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}@media (max-width: 1001px){.bmb_alert-center-content-modal-title{display:none}}.bmb_alert-center-content figure,.bmb_alert-center-content p{margin:0}.bmb_alert-center-content figure img,.bmb_alert-center-content p img{max-width:100%}\n"] }]
|
|
9808
|
-
}], ctorParameters: () => [{ type:
|
|
9841
|
+
}], ctorParameters: () => [{ type: BmbNativeModalService }, { type: BmbAlertCenterService }], propDecorators: { detailContent: [{
|
|
9809
9842
|
type: ViewChild,
|
|
9810
9843
|
args: ['detailContent', { read: TemplateRef }]
|
|
9811
9844
|
}], container: [{
|