@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.920-f → 1.5.920-g
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.
|
@@ -2106,7 +2106,7 @@ class BmbInputContentComponent {
|
|
|
2106
2106
|
this.onKeyUp.emit(event);
|
|
2107
2107
|
}
|
|
2108
2108
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbInputContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2109
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbInputContentComponent, isStandalone: true, selector: "bmb-input-content", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, heightTextArea: { classPropertyName: "heightTextArea", publicName: "heightTextArea", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, isReadOnly: { classPropertyName: "isReadOnly", publicName: "isReadOnly", isSignal: true, isRequired: false, transformFunction: null }, additionalAction: { classPropertyName: "additionalAction", publicName: "additionalAction", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null }, showStates: { classPropertyName: "showStates", publicName: "showStates", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onFocus: "onFocus", onBlur: "onBlur", onChange: "onChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_field\">\r\n <section class=\"bmb_field-wrapper\">\r\n @if (!!icon() && type() !== \"text-area\") {\r\n <bmb-icon\r\n class=\"bmb_field-icon\"\r\n [ngClass]=\"{\r\n 'bmb_field-icon-simple': appearance() === 'simple',\r\n 'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\r\n 'bmb_field-icon-simple-error': appearance() === 'simple' && isError(),\r\n }\"\r\n [icon]=\"icon()\"\r\n [size]=\"24\"\r\n />\r\n }\r\n @if (type() === \"text-area\") {\r\n <textarea\r\n class=\"bmb_field-text-area\"\r\n [ngClass]=\"inputClasses\"\r\n [autocomplete]=\"autoComplete()\"\r\n [placeholder]=\"placeholder()\"\r\n [required]=\"isRequired()\"\r\n [formControl]=\"control()\"\r\n [maxlength]=\"maxLength()!\"\r\n [style.height.px]=\"heightTextArea()!\"\r\n [minlength]=\"minLength()!\"\r\n [spellcheck]=\"spellcheck()\"\r\n [rows]=\"rows()\"\r\n [name]=\"name()\"\r\n [id]=\"inputId()\"\r\n [pattern]=\"pattern()!\"\r\n [tabindex]=\"isDisabled() ? -1 : 0\"\r\n (keydown)=\"handleKeyPress($event)\"\r\n (change)=\"handleChange($event)\"\r\n (focus)=\"handleFocus()\"\r\n (blur)=\"handleBlur()\"\r\n ></textarea>\r\n @if (isError()) {\r\n <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\r\n }\r\n } @else {\r\n <input\r\n class=\"bmb_field-input\"\r\n [type]=\"getType()\"\r\n [ngClass]=\"inputClasses\"\r\n [autocomplete]=\"autoComplete()\"\r\n [required]=\"isRequired()\"\r\n [readOnly]=\"isReadOnly()\"\r\n [placeholder]=\"placeholder()\"\r\n [formControl]=\"control()\"\r\n [name]=\"name()\"\r\n [id]=\"inputId()\"\r\n [spellcheck]=\"spellcheck()\"\r\n [maxlength]=\"maxLength()!\"\r\n [minlength]=\"minLength()!\"\r\n [pattern]=\"pattern()!\"\r\n [max]=\"max()\"\r\n [min]=\"min()\"\r\n [tabindex]=\"isDisabled() ? -1 : 0\"\r\n (keydown)=\"handleKeyPress($event)\"\r\n (change)=\"handleChange($event)\"\r\n (focus)=\"handleFocus()\"\r\n (blur)=\"handleBlur()\"\r\n (keyup)=\"handleKeyUp($event)\"\r\n />\r\n @if (showAdditionalAction() || isClearable()) {\r\n <span class=\"bmb_field-actions\">\r\n @if (showAdditionalAction()) {\r\n <bmb-action-icon\r\n class=\"bmb_field-additional_action\"\r\n [icon]=\"getAdditionalActionIcon()\"\r\n [iconSize]=\"24\"\r\n [disabled]=\"isDisabled()\"\r\n (buttonClick)=\"actionToExecute()\"\r\n />\r\n }\r\n @if (isClearable()) {\r\n <bmb-action-icon\r\n class=\"bmb_field-clear\"\r\n icon=\"close\"\r\n [iconSize]=\"24\"\r\n [disabled]=\"isDisabled()\"\r\n (buttonClick)=\"handleClearValue()\"\r\n />\r\n }\r\n </span>\r\n }\r\n }\r\n <ng-container [ngTemplateOutlet]=\"customContent\" />\r\n </section>\r\n</section>\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_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general_contrasts-50)}.bmb_field-icon{color:var(--general_contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general_contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general_contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{line-height:1.5;font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-100);padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal.bmb_field-input-error{border-color:var(--input-error)}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_field-input-normal:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-input-simple{line-height:1.5;font-family:Poppins-Regular,sans-serif;font-size:.875rem;box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple.bmb_field-input-error{border-color:var(--input-error)}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general_contrasts-input-outline);color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general_contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:1.25rem;border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:.625rem}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:var(--input-error);position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general_contrasts-50)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { 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.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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2109
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbInputContentComponent, isStandalone: true, selector: "bmb-input-content", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, heightTextArea: { classPropertyName: "heightTextArea", publicName: "heightTextArea", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, isReadOnly: { classPropertyName: "isReadOnly", publicName: "isReadOnly", isSignal: true, isRequired: false, transformFunction: null }, additionalAction: { classPropertyName: "additionalAction", publicName: "additionalAction", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null }, showStates: { classPropertyName: "showStates", publicName: "showStates", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onFocus: "onFocus", onBlur: "onBlur", onChange: "onChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_field\">\n <section class=\"bmb_field-wrapper\">\n @if (!!icon() && type() !== \"text-area\") {\n <bmb-icon\n class=\"bmb_field-icon\"\n [ngClass]=\"{\n 'bmb_field-icon-simple': appearance() === 'simple',\n 'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n 'bmb_field-icon-simple-error': appearance() === 'simple' && isError(),\n }\"\n [icon]=\"icon()\"\n [size]=\"24\"\n />\n }\n @if (type() === \"text-area\") {\n <textarea\n class=\"bmb_field-text-area\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [placeholder]=\"placeholder()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [maxlength]=\"maxLength()!\"\n [style.height.px]=\"heightTextArea()!\"\n [minlength]=\"minLength()!\"\n [spellcheck]=\"spellcheck()\"\n [rows]=\"rows()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [pattern]=\"pattern()!\"\n [tabindex]=\"isDisabled() ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n ></textarea>\n @if (isError()) {\n <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n }\n } @else {\n <input\n class=\"bmb_field-input\"\n [type]=\"getType()\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [required]=\"isRequired()\"\n [readOnly]=\"isReadOnly()\"\n [placeholder]=\"placeholder()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [spellcheck]=\"spellcheck()\"\n [maxlength]=\"maxLength()!\"\n [minlength]=\"minLength()!\"\n [pattern]=\"pattern()!\"\n [max]=\"max()\"\n [min]=\"min()\"\n [tabindex]=\"isDisabled() ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n (keyup)=\"handleKeyUp($event)\"\n />\n @if (showAdditionalAction() || isClearable()) {\n <span class=\"bmb_field-actions\">\n @if (showAdditionalAction()) {\n <bmb-action-icon\n class=\"bmb_field-additional_action\"\n [icon]=\"getAdditionalActionIcon()\"\n [iconSize]=\"24\"\n [disabled]=\"isDisabled()\"\n (buttonClick)=\"actionToExecute()\"\n />\n }\n @if (isClearable()) {\n <bmb-action-icon\n class=\"bmb_field-clear\"\n icon=\"close\"\n [iconSize]=\"24\"\n [disabled]=\"isDisabled()\"\n (buttonClick)=\"handleClearValue()\"\n />\n }\n </span>\n }\n }\n <ng-container [ngTemplateOutlet]=\"customContent\" />\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general_contrasts-50)}.bmb_field-icon{color:var(--general_contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general_contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general_contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{line-height:1.5;font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-100);padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal.bmb_field-input-error{border-color:var(--input-error)}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_field-input-normal:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-input-simple{line-height:1.5;font-family:Poppins-Regular,sans-serif;font-size:.875rem;box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple.bmb_field-input-error{border-color:var(--input-error)}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general_contrasts-input-outline);color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general_contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:1.25rem;border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:.625rem}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:var(--input-error);position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general_contrasts-50)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { 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.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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2110
2110
|
}
|
|
2111
2111
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbInputContentComponent, decorators: [{
|
|
2112
2112
|
type: Component,
|
|
@@ -2115,7 +2115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
2115
2115
|
BmbIconComponent,
|
|
2116
2116
|
ReactiveFormsModule,
|
|
2117
2117
|
BmbActionIconComponent,
|
|
2118
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_field\">\r\n <section class=\"bmb_field-wrapper\">\r\n @if (!!icon() && type() !== \"text-area\") {\r\n <bmb-icon\r\n class=\"bmb_field-icon\"\r\n [ngClass]=\"{\r\n 'bmb_field-icon-simple': appearance() === 'simple',\r\n 'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\r\n 'bmb_field-icon-simple-error': appearance() === 'simple' && isError(),\r\n }\"\r\n [icon]=\"icon()\"\r\n [size]=\"24\"\r\n />\r\n }\r\n @if (type() === \"text-area\") {\r\n <textarea\r\n class=\"bmb_field-text-area\"\r\n [ngClass]=\"inputClasses\"\r\n [autocomplete]=\"autoComplete()\"\r\n [placeholder]=\"placeholder()\"\r\n [required]=\"isRequired()\"\r\n [formControl]=\"control()\"\r\n [maxlength]=\"maxLength()!\"\r\n [style.height.px]=\"heightTextArea()!\"\r\n [minlength]=\"minLength()!\"\r\n [spellcheck]=\"spellcheck()\"\r\n [rows]=\"rows()\"\r\n [name]=\"name()\"\r\n [id]=\"inputId()\"\r\n [pattern]=\"pattern()!\"\r\n [tabindex]=\"isDisabled() ? -1 : 0\"\r\n (keydown)=\"handleKeyPress($event)\"\r\n (change)=\"handleChange($event)\"\r\n (focus)=\"handleFocus()\"\r\n (blur)=\"handleBlur()\"\r\n ></textarea>\r\n @if (isError()) {\r\n <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\r\n }\r\n } @else {\r\n <input\r\n class=\"bmb_field-input\"\r\n [type]=\"getType()\"\r\n [ngClass]=\"inputClasses\"\r\n [autocomplete]=\"autoComplete()\"\r\n [required]=\"isRequired()\"\r\n [readOnly]=\"isReadOnly()\"\r\n [placeholder]=\"placeholder()\"\r\n [formControl]=\"control()\"\r\n [name]=\"name()\"\r\n [id]=\"inputId()\"\r\n [spellcheck]=\"spellcheck()\"\r\n [maxlength]=\"maxLength()!\"\r\n [minlength]=\"minLength()!\"\r\n [pattern]=\"pattern()!\"\r\n [max]=\"max()\"\r\n [min]=\"min()\"\r\n [tabindex]=\"isDisabled() ? -1 : 0\"\r\n (keydown)=\"handleKeyPress($event)\"\r\n (change)=\"handleChange($event)\"\r\n (focus)=\"handleFocus()\"\r\n (blur)=\"handleBlur()\"\r\n (keyup)=\"handleKeyUp($event)\"\r\n />\r\n @if (showAdditionalAction() || isClearable()) {\r\n <span class=\"bmb_field-actions\">\r\n @if (showAdditionalAction()) {\r\n <bmb-action-icon\r\n class=\"bmb_field-additional_action\"\r\n [icon]=\"getAdditionalActionIcon()\"\r\n [iconSize]=\"24\"\r\n [disabled]=\"isDisabled()\"\r\n (buttonClick)=\"actionToExecute()\"\r\n />\r\n }\r\n @if (isClearable()) {\r\n <bmb-action-icon\r\n class=\"bmb_field-clear\"\r\n icon=\"close\"\r\n [iconSize]=\"24\"\r\n [disabled]=\"isDisabled()\"\r\n (buttonClick)=\"handleClearValue()\"\r\n />\r\n }\r\n </span>\r\n }\r\n }\r\n <ng-container [ngTemplateOutlet]=\"customContent\" />\r\n </section>\r\n</section>\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_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general_contrasts-50)}.bmb_field-icon{color:var(--general_contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general_contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general_contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{line-height:1.5;font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-100);padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal.bmb_field-input-error{border-color:var(--input-error)}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_field-input-normal:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-input-simple{line-height:1.5;font-family:Poppins-Regular,sans-serif;font-size:.875rem;box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple.bmb_field-input-error{border-color:var(--input-error)}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general_contrasts-input-outline);color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general_contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:1.25rem;border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:.625rem}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:var(--input-error);position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general_contrasts-50)}\n"] }]
|
|
2118
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_field\">\n <section class=\"bmb_field-wrapper\">\n @if (!!icon() && type() !== \"text-area\") {\n <bmb-icon\n class=\"bmb_field-icon\"\n [ngClass]=\"{\n 'bmb_field-icon-simple': appearance() === 'simple',\n 'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n 'bmb_field-icon-simple-error': appearance() === 'simple' && isError(),\n }\"\n [icon]=\"icon()\"\n [size]=\"24\"\n />\n }\n @if (type() === \"text-area\") {\n <textarea\n class=\"bmb_field-text-area\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [placeholder]=\"placeholder()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [maxlength]=\"maxLength()!\"\n [style.height.px]=\"heightTextArea()!\"\n [minlength]=\"minLength()!\"\n [spellcheck]=\"spellcheck()\"\n [rows]=\"rows()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [pattern]=\"pattern()!\"\n [tabindex]=\"isDisabled() ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n ></textarea>\n @if (isError()) {\n <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n }\n } @else {\n <input\n class=\"bmb_field-input\"\n [type]=\"getType()\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [required]=\"isRequired()\"\n [readOnly]=\"isReadOnly()\"\n [placeholder]=\"placeholder()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [spellcheck]=\"spellcheck()\"\n [maxlength]=\"maxLength()!\"\n [minlength]=\"minLength()!\"\n [pattern]=\"pattern()!\"\n [max]=\"max()\"\n [min]=\"min()\"\n [tabindex]=\"isDisabled() ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n (keyup)=\"handleKeyUp($event)\"\n />\n @if (showAdditionalAction() || isClearable()) {\n <span class=\"bmb_field-actions\">\n @if (showAdditionalAction()) {\n <bmb-action-icon\n class=\"bmb_field-additional_action\"\n [icon]=\"getAdditionalActionIcon()\"\n [iconSize]=\"24\"\n [disabled]=\"isDisabled()\"\n (buttonClick)=\"actionToExecute()\"\n />\n }\n @if (isClearable()) {\n <bmb-action-icon\n class=\"bmb_field-clear\"\n icon=\"close\"\n [iconSize]=\"24\"\n [disabled]=\"isDisabled()\"\n (buttonClick)=\"handleClearValue()\"\n />\n }\n </span>\n }\n }\n <ng-container [ngTemplateOutlet]=\"customContent\" />\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general_contrasts-50)}.bmb_field-icon{color:var(--general_contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general_contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general_contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{line-height:1.5;font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-100);padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal.bmb_field-input-error{border-color:var(--input-error)}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_field-input-normal:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-input-simple{line-height:1.5;font-family:Poppins-Regular,sans-serif;font-size:.875rem;box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple.bmb_field-input-error{border-color:var(--input-error)}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general_contrasts-input-outline);color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general_contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:1.25rem;border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:.625rem}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:var(--input-error);position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general_contrasts-50)}\n"] }]
|
|
2119
2119
|
}], propDecorators: { customContent: [{
|
|
2120
2120
|
type: ContentChild,
|
|
2121
2121
|
args: ['customContent']
|
|
@@ -5013,7 +5013,7 @@ class BmbTotpComponent {
|
|
|
5013
5013
|
return this.codeForm.get(name);
|
|
5014
5014
|
}
|
|
5015
5015
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbTotpComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5016
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbTotpComponent, isStandalone: true, selector: "bmb-totp", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null }, codeError: { classPropertyName: "codeError", publicName: "codeError", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, showButton: { classPropertyName: "showButton", publicName: "showButton", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, maxCode: { classPropertyName: "maxCode", publicName: "maxCode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleSubmit: "handleSubmit" }, host: { listeners: { "keydown": "handleKeyDown($event)", "paste": "handlePaste($event)" } }, ngImport: i0, template: "<section class=\"bmb_totp\">\r\n <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\r\n <bmb-container\r\n class=\"bmb_totp-container\"\r\n [appearance]=\"'contrast-box-container'\"\r\n >\r\n <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\r\n <h2 class=\"bmb_totp-title\">{{ title() }}</h2>\r\n <h3 class=\"bmb_totp-subtitle\">{{ subtitle() }}</h3>\r\n <section class=\"bmb_totp-code\">\r\n @for (field of codesArray(); track $index) {\r\n <section class=\"bmb_totp-separator\">\r\n <bmb-input-content\r\n class=\"bmb_totp-input\"\r\n [inputId]=\"'code_' + instanceId() + '_' + $index\"\r\n [name]=\"'name_' + instanceId() + '_' + $index\"\r\n [maxLength]=\"1\"\r\n [isError]=\"codeError()\"\r\n [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\r\n (onKeyUp)=\"handleKeyUp($event, $index)\"\r\n />\r\n </section>\r\n }\r\n </section>\r\n @if (codeError()) {\r\n <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\r\n }\r\n @if (showButton()) {\r\n <button class=\"bmb_totp-button\" bmbButton size=\"large\" type=\"submit\">\r\n {{ buttonText() }}\r\n </button>\r\n }\r\n @if (showButton() && helperText()) {\r\n <p class=\"bmb_totp-helper\">\r\n {{ helperText() }}\r\n </p>\r\n }\r\n </bmb-container>\r\n </form>\r\n</section>\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_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general_contrasts-100);font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general_contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general_contrasts-input-outline);border-radius:50%;content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:.25rem;position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--input-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isDisabled", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5016
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbTotpComponent, isStandalone: true, selector: "bmb-totp", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null }, codeError: { classPropertyName: "codeError", publicName: "codeError", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, showButton: { classPropertyName: "showButton", publicName: "showButton", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, maxCode: { classPropertyName: "maxCode", publicName: "maxCode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleSubmit: "handleSubmit" }, host: { listeners: { "keydown": "handleKeyDown($event)", "paste": "handlePaste($event)" } }, ngImport: i0, template: "<section class=\"bmb_totp\">\n <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n <bmb-container\n class=\"bmb_totp-container\"\n [appearance]=\"'contrast-box-container'\"\n >\n <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n <h2 class=\"bmb_totp-title\">{{ title() }}</h2>\n <h3 class=\"bmb_totp-subtitle\">{{ subtitle() }}</h3>\n <section class=\"bmb_totp-code\">\n @for (field of codesArray(); track $index) {\n <section class=\"bmb_totp-separator\">\n <bmb-input-content\n class=\"bmb_totp-input\"\n [inputId]=\"'code_' + instanceId() + '_' + $index\"\n [name]=\"'name_' + instanceId() + '_' + $index\"\n [maxLength]=\"1\"\n [isError]=\"codeError()\"\n [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n (onKeyUp)=\"handleKeyUp($event, $index)\"\n />\n </section>\n }\n </section>\n @if (codeError()) {\n <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n }\n @if (showButton()) {\n <button class=\"bmb_totp-button\" bmbButton size=\"large\" type=\"submit\">\n {{ buttonText() }}\n </button>\n }\n @if (showButton() && helperText()) {\n <p class=\"bmb_totp-helper\">\n {{ helperText() }}\n </p>\n }\n </bmb-container>\n </form>\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general_contrasts-100);font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general_contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general_contrasts-input-outline);border-radius:50%;content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:.25rem;position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--input-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isDisabled", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5017
5017
|
}
|
|
5018
5018
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbTotpComponent, decorators: [{
|
|
5019
5019
|
type: Component,
|
|
@@ -5024,7 +5024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
5024
5024
|
BmbIconComponent,
|
|
5025
5025
|
BmbInputContentComponent,
|
|
5026
5026
|
BmbButtonDirective,
|
|
5027
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_totp\">\
|
|
5027
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_totp\">\n <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n <bmb-container\n class=\"bmb_totp-container\"\n [appearance]=\"'contrast-box-container'\"\n >\n <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n <h2 class=\"bmb_totp-title\">{{ title() }}</h2>\n <h3 class=\"bmb_totp-subtitle\">{{ subtitle() }}</h3>\n <section class=\"bmb_totp-code\">\n @for (field of codesArray(); track $index) {\n <section class=\"bmb_totp-separator\">\n <bmb-input-content\n class=\"bmb_totp-input\"\n [inputId]=\"'code_' + instanceId() + '_' + $index\"\n [name]=\"'name_' + instanceId() + '_' + $index\"\n [maxLength]=\"1\"\n [isError]=\"codeError()\"\n [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n (onKeyUp)=\"handleKeyUp($event, $index)\"\n />\n </section>\n }\n </section>\n @if (codeError()) {\n <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n }\n @if (showButton()) {\n <button class=\"bmb_totp-button\" bmbButton size=\"large\" type=\"submit\">\n {{ buttonText() }}\n </button>\n }\n @if (showButton() && helperText()) {\n <p class=\"bmb_totp-helper\">\n {{ helperText() }}\n </p>\n }\n </bmb-container>\n </form>\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general_contrasts-100);font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general_contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general_contrasts-input-outline);border-radius:50%;content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:.25rem;position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--input-error)}\n"] }]
|
|
5028
5028
|
}], ctorParameters: () => [{ type: i2.FormBuilder }], propDecorators: { handleKeyDown: [{
|
|
5029
5029
|
type: HostListener,
|
|
5030
5030
|
args: ['keydown', ['$event']]
|
|
@@ -5903,11 +5903,11 @@ class BmbProgressBarComponent {
|
|
|
5903
5903
|
return `${this.counter()}/${this.totalCount()}`;
|
|
5904
5904
|
}
|
|
5905
5905
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5906
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbProgressBarComponent, isStandalone: true, selector: "bmb-progress-bar", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, textFormat: { classPropertyName: "textFormat", publicName: "textFormat", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"bmb_progress-bar\">\r\n @if (type() !== \"container\") {\r\n <div class=\"bmb_progress-bar-counter-container\">\r\n <div class=\"bmb_progress-bar-track\">\r\n <div\r\n [class]=\"\r\n 'bmb_progress-bar-active bmb_progress-bar-active-' + appearance()\r\n \"\r\n [style.width.%]=\"progressValue()\"\r\n ></div>\r\n </div>\r\n @if (type() !== \"simple\") {\r\n <span class=\"bmb_progress-bar-counter-text\">\r\n {{ getFormattedText() }}\r\n </span>\r\n }\r\n </div>\r\n } @else {\r\n <div class=\"bmb_progress-bar-container\">\r\n <div class=\"bmb_progress-bar-container-main\">\r\n <div class=\"bmb_progress-bar-container-header\">\r\n <h4 class=\"bmb_progress-bar-container-header-text\">\r\n {{ title() }}\r\n </h4>\r\n <span class=\"bmb_progress-bar-container-header-text\">\r\n {{ getFormattedText() }}\r\n </span>\r\n </div>\r\n <div class=\"bmb_progress-bar-container-bar\">\r\n <div class=\"bmb_progress-bar-counter-container\">\r\n <div class=\"bmb_progress-bar-track\">\r\n <div\r\n [class]=\"\r\n 'bmb_progress-bar-active bmb_progress-bar-active-' +\r\n appearance()\r\n \"\r\n [style.width.%]=\"progressValue()\"\r\n ></div>\r\n </div>\r\n <span class=\"bmb_progress-bar-counter-text\">\r\n {{ progressValue() + \"%\" }}\r\n </span>\r\n </div>\r\n </div>\r\n @if (textLink()) {\r\n <div class=\"bmb_progress-bar-container-link\">\r\n <a\r\n class=\"bmb_progress-bar-container-link-text\"\r\n [href]=\"href()\"\r\n [target]=\"target()\"\r\n >\r\n <span>{{ textLink() }}</span>\r\n <bmb-icon [icon]=\"'arrow_forward'\" />\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</section>\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_progress-bar-counter-container{display:flex;width:100%;align-items:center}.bmb_progress-bar-counter-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-left:.625rem}.bmb_progress-bar-track{height:.5rem;min-width:3rem;width:100%;border-radius:.3125rem;background-color:var(--buttons-inactive-step)}.bmb_progress-bar-active{height:.5rem;border-radius:.3125rem;transition:.3s linear;transition-property:width,background-color}.bmb_progress-bar-active-info{background-color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-active-warning{background-color:RGBA(var(--color-yellow-primary))}.bmb_progress-bar-active-error{background-color:RGBA(var(--color-red-primary))}.bmb_progress-bar-container{display:inline-flex;width:100%}.bmb_progress-bar-container-main{display:flex;flex-direction:column;width:100%;padding:.9375rem 1.25rem}.bmb_progress-bar-container-header{display:inline-flex;justify-content:space-between;align-items:center;width:100%;padding:.1875rem 0}.bmb_progress-bar-container-header-text{font-family:Poppins-Regular,sans-serif;font-size:1rem;font-weight:300}.bmb_progress-bar-container-bar{padding:.125rem 0}.bmb_progress-bar-container-link{font-family:Poppins-Medium,sans-serif;font-size:.875rem;padding:.1875rem 0}.bmb_progress-bar-container-link-text{text-decoration:none;display:inline-flex;align-items:center;color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-container-link bmb-icon{font-size:1.125rem}[data-theme=dark] .bmb_progress-bar-active-info,.storybook-dark-theme .bmb_progress-bar-active-info{background-color:RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_progress-bar-counter-text,.storybook-dark-theme .bmb_progress-bar-counter-text{color:RGBA(var(--color-charade-500))}[data-theme=dark] .bmb_progress-bar-container-header-text,.storybook-dark-theme .bmb_progress-bar-container-header-text{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_progress-bar-container-link-text,.storybook-dark-theme .bmb_progress-bar-container-link-text{color:RGBA(var(--color-neon-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5906
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbProgressBarComponent, isStandalone: true, selector: "bmb-progress-bar", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, textFormat: { classPropertyName: "textFormat", publicName: "textFormat", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"bmb_progress-bar\">\n @if (type() !== \"container\") {\n <div class=\"bmb_progress-bar-counter-container\">\n <div class=\"bmb_progress-bar-track\">\n <div\n [class]=\"\n 'bmb_progress-bar-active bmb_progress-bar-active-' + appearance()\n \"\n [style.width.%]=\"progressValue()\"\n ></div>\n </div>\n @if (type() !== \"simple\") {\n <span class=\"bmb_progress-bar-counter-text\">\n {{ getFormattedText() }}\n </span>\n }\n </div>\n } @else {\n <div class=\"bmb_progress-bar-container\">\n <div class=\"bmb_progress-bar-container-main\">\n <div class=\"bmb_progress-bar-container-header\">\n <h4 class=\"bmb_progress-bar-container-header-text\">\n {{ title() }}\n </h4>\n <span class=\"bmb_progress-bar-container-header-text\">\n {{ getFormattedText() }}\n </span>\n </div>\n <div class=\"bmb_progress-bar-container-bar\">\n <div class=\"bmb_progress-bar-counter-container\">\n <div class=\"bmb_progress-bar-track\">\n <div\n [class]=\"\n 'bmb_progress-bar-active bmb_progress-bar-active-' +\n appearance()\n \"\n [style.width.%]=\"progressValue()\"\n ></div>\n </div>\n <span class=\"bmb_progress-bar-counter-text\">\n {{ progressValue() + \"%\" }}\n </span>\n </div>\n </div>\n @if (textLink()) {\n <div class=\"bmb_progress-bar-container-link\">\n <a\n class=\"bmb_progress-bar-container-link-text\"\n [href]=\"href()\"\n [target]=\"target()\"\n >\n <span>{{ textLink() }}</span>\n <bmb-icon [icon]=\"'arrow_forward'\" />\n </a>\n </div>\n }\n </div>\n </div>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_progress-bar-counter-container{display:flex;width:100%;align-items:center}.bmb_progress-bar-counter-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-left:.625rem}.bmb_progress-bar-track{height:.5rem;min-width:3rem;width:100%;border-radius:.3125rem;background-color:var(--buttons-inactive-step)}.bmb_progress-bar-active{height:.5rem;border-radius:.3125rem;transition:.3s linear;transition-property:width,background-color}.bmb_progress-bar-active-info{background-color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-active-warning{background-color:RGBA(var(--color-yellow-primary))}.bmb_progress-bar-active-error{background-color:RGBA(var(--color-red-primary))}.bmb_progress-bar-container{display:inline-flex;width:100%}.bmb_progress-bar-container-main{display:flex;flex-direction:column;width:100%;padding:.9375rem 1.25rem}.bmb_progress-bar-container-header{display:inline-flex;justify-content:space-between;align-items:center;width:100%;padding:.1875rem 0}.bmb_progress-bar-container-header-text{font-family:Poppins-Regular,sans-serif;font-size:1rem;font-weight:300}.bmb_progress-bar-container-bar{padding:.125rem 0}.bmb_progress-bar-container-link{font-family:Poppins-Medium,sans-serif;font-size:.875rem;padding:.1875rem 0}.bmb_progress-bar-container-link-text{text-decoration:none;display:inline-flex;align-items:center;color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-container-link bmb-icon{font-size:1.125rem}[data-theme=dark] .bmb_progress-bar-active-info,.storybook-dark-theme .bmb_progress-bar-active-info{background-color:RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_progress-bar-counter-text,.storybook-dark-theme .bmb_progress-bar-counter-text{color:RGBA(var(--color-charade-500))}[data-theme=dark] .bmb_progress-bar-container-header-text,.storybook-dark-theme .bmb_progress-bar-container-header-text{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_progress-bar-container-link-text,.storybook-dark-theme .bmb_progress-bar-container-link-text{color:RGBA(var(--color-neon-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5907
5907
|
}
|
|
5908
5908
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbProgressBarComponent, decorators: [{
|
|
5909
5909
|
type: Component,
|
|
5910
|
-
args: [{ selector: 'bmb-progress-bar', standalone: true, imports: [CommonModule, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_progress-bar\">\r\n @if (type() !== \"container\") {\r\n <div class=\"bmb_progress-bar-counter-container\">\r\n <div class=\"bmb_progress-bar-track\">\r\n <div\r\n [class]=\"\r\n 'bmb_progress-bar-active bmb_progress-bar-active-' + appearance()\r\n \"\r\n [style.width.%]=\"progressValue()\"\r\n ></div>\r\n </div>\r\n @if (type() !== \"simple\") {\r\n <span class=\"bmb_progress-bar-counter-text\">\r\n {{ getFormattedText() }}\r\n </span>\r\n }\r\n </div>\r\n } @else {\r\n <div class=\"bmb_progress-bar-container\">\r\n <div class=\"bmb_progress-bar-container-main\">\r\n <div class=\"bmb_progress-bar-container-header\">\r\n <h4 class=\"bmb_progress-bar-container-header-text\">\r\n {{ title() }}\r\n </h4>\r\n <span class=\"bmb_progress-bar-container-header-text\">\r\n {{ getFormattedText() }}\r\n </span>\r\n </div>\r\n <div class=\"bmb_progress-bar-container-bar\">\r\n <div class=\"bmb_progress-bar-counter-container\">\r\n <div class=\"bmb_progress-bar-track\">\r\n <div\r\n [class]=\"\r\n 'bmb_progress-bar-active bmb_progress-bar-active-' +\r\n appearance()\r\n \"\r\n [style.width.%]=\"progressValue()\"\r\n ></div>\r\n </div>\r\n <span class=\"bmb_progress-bar-counter-text\">\r\n {{ progressValue() + \"%\" }}\r\n </span>\r\n </div>\r\n </div>\r\n @if (textLink()) {\r\n <div class=\"bmb_progress-bar-container-link\">\r\n <a\r\n class=\"bmb_progress-bar-container-link-text\"\r\n [href]=\"href()\"\r\n [target]=\"target()\"\r\n >\r\n <span>{{ textLink() }}</span>\r\n <bmb-icon [icon]=\"'arrow_forward'\" />\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</section>\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_progress-bar-counter-container{display:flex;width:100%;align-items:center}.bmb_progress-bar-counter-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-left:.625rem}.bmb_progress-bar-track{height:.5rem;min-width:3rem;width:100%;border-radius:.3125rem;background-color:var(--buttons-inactive-step)}.bmb_progress-bar-active{height:.5rem;border-radius:.3125rem;transition:.3s linear;transition-property:width,background-color}.bmb_progress-bar-active-info{background-color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-active-warning{background-color:RGBA(var(--color-yellow-primary))}.bmb_progress-bar-active-error{background-color:RGBA(var(--color-red-primary))}.bmb_progress-bar-container{display:inline-flex;width:100%}.bmb_progress-bar-container-main{display:flex;flex-direction:column;width:100%;padding:.9375rem 1.25rem}.bmb_progress-bar-container-header{display:inline-flex;justify-content:space-between;align-items:center;width:100%;padding:.1875rem 0}.bmb_progress-bar-container-header-text{font-family:Poppins-Regular,sans-serif;font-size:1rem;font-weight:300}.bmb_progress-bar-container-bar{padding:.125rem 0}.bmb_progress-bar-container-link{font-family:Poppins-Medium,sans-serif;font-size:.875rem;padding:.1875rem 0}.bmb_progress-bar-container-link-text{text-decoration:none;display:inline-flex;align-items:center;color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-container-link bmb-icon{font-size:1.125rem}[data-theme=dark] .bmb_progress-bar-active-info,.storybook-dark-theme .bmb_progress-bar-active-info{background-color:RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_progress-bar-counter-text,.storybook-dark-theme .bmb_progress-bar-counter-text{color:RGBA(var(--color-charade-500))}[data-theme=dark] .bmb_progress-bar-container-header-text,.storybook-dark-theme .bmb_progress-bar-container-header-text{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_progress-bar-container-link-text,.storybook-dark-theme .bmb_progress-bar-container-link-text{color:RGBA(var(--color-neon-primary))}\n"] }]
|
|
5910
|
+
args: [{ selector: 'bmb-progress-bar', standalone: true, imports: [CommonModule, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_progress-bar\">\n @if (type() !== \"container\") {\n <div class=\"bmb_progress-bar-counter-container\">\n <div class=\"bmb_progress-bar-track\">\n <div\n [class]=\"\n 'bmb_progress-bar-active bmb_progress-bar-active-' + appearance()\n \"\n [style.width.%]=\"progressValue()\"\n ></div>\n </div>\n @if (type() !== \"simple\") {\n <span class=\"bmb_progress-bar-counter-text\">\n {{ getFormattedText() }}\n </span>\n }\n </div>\n } @else {\n <div class=\"bmb_progress-bar-container\">\n <div class=\"bmb_progress-bar-container-main\">\n <div class=\"bmb_progress-bar-container-header\">\n <h4 class=\"bmb_progress-bar-container-header-text\">\n {{ title() }}\n </h4>\n <span class=\"bmb_progress-bar-container-header-text\">\n {{ getFormattedText() }}\n </span>\n </div>\n <div class=\"bmb_progress-bar-container-bar\">\n <div class=\"bmb_progress-bar-counter-container\">\n <div class=\"bmb_progress-bar-track\">\n <div\n [class]=\"\n 'bmb_progress-bar-active bmb_progress-bar-active-' +\n appearance()\n \"\n [style.width.%]=\"progressValue()\"\n ></div>\n </div>\n <span class=\"bmb_progress-bar-counter-text\">\n {{ progressValue() + \"%\" }}\n </span>\n </div>\n </div>\n @if (textLink()) {\n <div class=\"bmb_progress-bar-container-link\">\n <a\n class=\"bmb_progress-bar-container-link-text\"\n [href]=\"href()\"\n [target]=\"target()\"\n >\n <span>{{ textLink() }}</span>\n <bmb-icon [icon]=\"'arrow_forward'\" />\n </a>\n </div>\n }\n </div>\n </div>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_progress-bar-counter-container{display:flex;width:100%;align-items:center}.bmb_progress-bar-counter-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-left:.625rem}.bmb_progress-bar-track{height:.5rem;min-width:3rem;width:100%;border-radius:.3125rem;background-color:var(--buttons-inactive-step)}.bmb_progress-bar-active{height:.5rem;border-radius:.3125rem;transition:.3s linear;transition-property:width,background-color}.bmb_progress-bar-active-info{background-color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-active-warning{background-color:RGBA(var(--color-yellow-primary))}.bmb_progress-bar-active-error{background-color:RGBA(var(--color-red-primary))}.bmb_progress-bar-container{display:inline-flex;width:100%}.bmb_progress-bar-container-main{display:flex;flex-direction:column;width:100%;padding:.9375rem 1.25rem}.bmb_progress-bar-container-header{display:inline-flex;justify-content:space-between;align-items:center;width:100%;padding:.1875rem 0}.bmb_progress-bar-container-header-text{font-family:Poppins-Regular,sans-serif;font-size:1rem;font-weight:300}.bmb_progress-bar-container-bar{padding:.125rem 0}.bmb_progress-bar-container-link{font-family:Poppins-Medium,sans-serif;font-size:.875rem;padding:.1875rem 0}.bmb_progress-bar-container-link-text{text-decoration:none;display:inline-flex;align-items:center;color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-container-link bmb-icon{font-size:1.125rem}[data-theme=dark] .bmb_progress-bar-active-info,.storybook-dark-theme .bmb_progress-bar-active-info{background-color:RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_progress-bar-counter-text,.storybook-dark-theme .bmb_progress-bar-counter-text{color:RGBA(var(--color-charade-500))}[data-theme=dark] .bmb_progress-bar-container-header-text,.storybook-dark-theme .bmb_progress-bar-container-header-text{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_progress-bar-container-link-text,.storybook-dark-theme .bmb_progress-bar-container-link-text{color:RGBA(var(--color-neon-primary))}\n"] }]
|
|
5911
5911
|
}] });
|
|
5912
5912
|
|
|
5913
5913
|
const calculateSize = (pixels) => {
|
|
@@ -7713,7 +7713,7 @@ class BmbHitoCardComponent {
|
|
|
7713
7713
|
return this.type().type || 'normal';
|
|
7714
7714
|
}
|
|
7715
7715
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbHitoCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7716
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbHitoCardComponent, isStandalone: true, selector: "bmb-hito-card", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, short_description: { classPropertyName: "short_description", publicName: "short_description", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, sub_content: { classPropertyName: "sub_content", publicName: "sub_content", isSignal: true, isRequired: false, transformFunction: null }, enable_bullet: { classPropertyName: "enable_bullet", publicName: "enable_bullet", isSignal: true, isRequired: false, transformFunction: null }, is_active: { classPropertyName: "is_active", publicName: "is_active", isSignal: true, isRequired: false, transformFunction: null }, isCompact: { classPropertyName: "isCompact", publicName: "isCompact", isSignal: true, isRequired: false, transformFunction: null }, alternative_appearance: { classPropertyName: "alternative_appearance", publicName: "alternative_appearance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleClick: "handleClick" }, ngImport: i0, template: "<div [ngClass]=\"getClassList()\">\r\n <bmb-card margin=\"none\">\r\n <bmb-card-content>\r\n <div (click)=\"handleEventChange()\" class=\"bmb_hito-card-content\">\r\n @if (icon()) {\r\n <section\r\n class=\"bmb_hito-card-content-icon\"\r\n [ngClass]=\"'bmb_hito-card-content-icon-' + getHitoIconClass()\"\r\n >\r\n <bmb-icon [icon]=\"icon() ?? ''\" />\r\n </section>\r\n }\r\n <div class=\"bmb_hito-card-content-center\">\r\n <h3 class=\"bmb_hito-card-content-title\">\r\n {{ title() }}\r\n </h3>\r\n @if (short_description()) {\r\n <p class=\"bmb_hito-card-content-description\">\r\n {{ short_description() }}\r\n </p>\r\n }\r\n </div>\r\n <div class=\"bmb_hito-card-content-right\">\r\n @if (type()) {\r\n <div class=\"bmb_hito-card-content-type\">\r\n <bmb-badge\r\n [text]=\"formatBadgeText(type())\"\r\n [appearance]=\"appearanceBadge()\"\r\n [container]=\"false\"\r\n />\r\n </div>\r\n }\r\n @if (sub_content()) {\r\n <p class=\"bmb_hito-card-content-duration\">\r\n {{ sub_content() }}\r\n </p>\r\n }\r\n </div>\r\n </div>\r\n </bmb-card-content>\r\n </bmb-card>\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_hito-card{position:relative;padding:var(--bmb-spacing-m);container-type:inline-size}.bmb_hito-card-bullet:after{content:\"\";width:.5625rem;height:.5625rem;background-color:rgb(var(--color-charade-500));position:absolute;left:-1.4375rem;top:50%;border-radius:50%;border:.125rem solid var(--containers-background);margin-top:-.4375rem}.bmb_hito-card .bmb_card{box-shadow:var(--bmb-box-shadow-2)}.bmb_hito-card-active .bmb_card.bmb_card-type-normal{border:.125rem solid var(--general_contrasts-main-selection)}.bmb_hito-card-active .bmb_card-content{padding:calc(var(--bmb-spacing-m) - .0625rem)}.bmb_hito-card-active:after{background-color:var(--general_contrasts-main-selection)}.bmb_hito-card-content{cursor:pointer;display:flex;align-items:center;gap:1rem}.bmb_hito-card-content-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white-primary);font-family:Poppins-Regular,sans-serif;font-size:1rem;grid-area:icon;align-self:center}.bmb_hito-card-content-icon-under_review{background-color:rgb(var(--color-yellow-primary))}.bmb_hito-card-content-icon-active{background-color:rgb(var(--color-mariner-500))}.bmb_hito-card-content-icon-done{background-color:rgb(var(--color-green-primary))}.bmb_hito-card-content-icon-pending{background-color:var(--general_contrasts-100);color:var(--general_contrasts-5)}.bmb_hito-card-content-icon-canceled{background-color:rgb(var(--color-red-primary))}.bmb_hito-card-content-icon-normal{background-color:var(--general_contrasts-100)}.bmb_hito-card-content-icon-strong{background-color:rgb(var(--color-mariner-500))}.bmb_hito-card-content-icon-success{background-color:var(--semantic-success)}.bmb_hito-card-content-icon-info{background-color:var(--semantic-info-event)}.bmb_hito-card-content-icon-warning{background-color:var(--semantic-warning)}.bmb_hito-card-content-icon-error{background-color:var(--semantic-error)}.bmb_hito-card-content-icon-brand{background-color:var(--semantic-brand)}.bmb_hito-card-content-icon-alert{background-color:var(--semantic-alert)}.bmb_hito-card-content-icon-background{background-color:var(--general_contrasts-100)}.bmb_hito-card-content-icon-disabled{background-color:var(--general_contrasts-50)}.bmb_hito-card-content-icon-mitec_blue{background-color:var(--mitec_blue)}.bmb_hito-card-content-icon-mitec_red{background-color:var(--mitec_red)}.bmb_hito-card-content-icon-mitec_green{background-color:var(--mitec_green)}.bmb_hito-card-content-icon-mitec_orange{background-color:var(--mitec_orange)}.bmb_hito-card-content-icon-mitec_purple{background-color:var(--mitec_purple)}.bmb_hito-card-content-icon-creative_violet{background-color:var(--creative-use-violet)}.bmb_hito-card-content-icon-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_hito-card-content-icon-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_hito-card-content-icon-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_hito-card-content-icon-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_hito-card-content-icon-creative_peach{background-color:var(--creative-use-peach)}.bmb_hito-card-content-icon-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_hito-card-content-icon-creative_softred{background-color:var(--creative-use-softred)}.bmb_hito-card-content-icon-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_hito-card-content-icon-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_hito-card-content-icon-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_hito-card-content-icon-creative_rum{background-color:var(--creative-use-rum)}.bmb_hito-card-content-icon-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_hito-card-content-icon-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_hito-card-content-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;grid-area:title}.bmb_hito-card-content-center{display:flex;flex:1;gap:.5rem;flex-direction:column}.bmb_hito-card-content-right{align-self:flex-start;display:flex;flex:1;gap:.5rem;flex-direction:column;text-align:right}.bmb_hito-card-content-description{font-family:Poppins-Regular,sans-serif;font-size:.625rem;margin:0;grid-area:description}.bmb_hito-card-content .bmb_badge{text-transform:capitalize}.bmb_hito-card-content-type{text-align:right;grid-area:type}.bmb_hito-card-content-duration{margin:0;display:none;grid-area:date}@container (min-width: 780px){.bmb_hito-card-content-duration{display:block}}.bmb_hito-card-alternative{padding:0}.bmb_hito-card-alternative .bmb_card.bmb_card-type-normal{background-color:var(--containers-main);border:.0625rem solid var(--general_contrasts-25);box-shadow:6px 6px 4px #00000026}.bmb_hito-card-alternative .bmb_hito-card-content{grid-template-areas:\"icon title\"}.bmb_hito-card-alternative .bmb_hito-card-content-type{display:none}.bmb_hito-card-alternative .bmb_hito-card-content.bmb_padding-m{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}.bmb_hito-card-alternative .bmb_hito-card-content-title{margin:0;align-self:center}.bmb_hito-card-compact{padding:var(--bmb-spacing-s)}.bmb_hito-card-compact .bmb_hito-card-content-icon{width:1rem;height:1rem;font-family:Poppins-Regular,sans-serif;font-size:.625rem}@container (min-width: 780px){.bmb_hito-card-compact .bmb_hito-card-content-icon{width:2rem;height:2rem;font-family:Poppins-Regular,sans-serif;font-size:1rem}}@container (max-width: 779px){.bmb_hito-card-compact .bmb_card-content{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}}.bmb_hito-card-compact .bmb_hito-card-content{grid-template-areas:\"icon title type\" \"icon description date\"}@container (max-width: 779px){.bmb_hito-card-compact .bmb_hito-card-content{grid-template-columns:1rem 1fr auto}}.bmb_timestream-micro .bmb_hito-card-active .bmb_card.bmb_card-type-normal{border-color:var(--general_contrasts-25)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7716
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbHitoCardComponent, isStandalone: true, selector: "bmb-hito-card", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, short_description: { classPropertyName: "short_description", publicName: "short_description", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, sub_content: { classPropertyName: "sub_content", publicName: "sub_content", isSignal: true, isRequired: false, transformFunction: null }, enable_bullet: { classPropertyName: "enable_bullet", publicName: "enable_bullet", isSignal: true, isRequired: false, transformFunction: null }, is_active: { classPropertyName: "is_active", publicName: "is_active", isSignal: true, isRequired: false, transformFunction: null }, isCompact: { classPropertyName: "isCompact", publicName: "isCompact", isSignal: true, isRequired: false, transformFunction: null }, alternative_appearance: { classPropertyName: "alternative_appearance", publicName: "alternative_appearance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleClick: "handleClick" }, ngImport: i0, template: "<div [ngClass]=\"getClassList()\">\n <bmb-card margin=\"none\">\n <bmb-card-content>\n <div (click)=\"handleEventChange()\" class=\"bmb_hito-card-content\">\n @if (icon()) {\n <section\n class=\"bmb_hito-card-content-icon\"\n [ngClass]=\"'bmb_hito-card-content-icon-' + getHitoIconClass()\"\n >\n <bmb-icon [icon]=\"icon() ?? ''\" />\n </section>\n }\n <div class=\"bmb_hito-card-content-center\">\n <h3 class=\"bmb_hito-card-content-title\">\n {{ title() }}\n </h3>\n @if (short_description()) {\n <p class=\"bmb_hito-card-content-description\">\n {{ short_description() }}\n </p>\n }\n </div>\n <div class=\"bmb_hito-card-content-right\">\n @if (type()) {\n <div class=\"bmb_hito-card-content-type\">\n <bmb-badge\n [text]=\"formatBadgeText(type())\"\n [appearance]=\"appearanceBadge()\"\n [container]=\"false\"\n />\n </div>\n }\n @if (sub_content()) {\n <p class=\"bmb_hito-card-content-duration\">\n {{ sub_content() }}\n </p>\n }\n </div>\n </div>\n </bmb-card-content>\n </bmb-card>\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_hito-card{position:relative;padding:var(--bmb-spacing-m);container-type:inline-size}.bmb_hito-card-bullet:after{content:\"\";width:.5625rem;height:.5625rem;background-color:rgb(var(--color-charade-500));position:absolute;left:-1.4375rem;top:50%;border-radius:50%;border:.125rem solid var(--containers-background);margin-top:-.4375rem}.bmb_hito-card .bmb_card{box-shadow:var(--bmb-box-shadow-2)}.bmb_hito-card-active .bmb_card.bmb_card-type-normal{border:.125rem solid var(--general_contrasts-main-selection)}.bmb_hito-card-active .bmb_card-content{padding:calc(var(--bmb-spacing-m) - .0625rem)}.bmb_hito-card-active:after{background-color:var(--general_contrasts-main-selection)}.bmb_hito-card-content{cursor:pointer;display:flex;align-items:center;gap:1rem}.bmb_hito-card-content-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white-primary);font-family:Poppins-Regular,sans-serif;font-size:1rem;grid-area:icon;align-self:center}.bmb_hito-card-content-icon-under_review{background-color:rgb(var(--color-yellow-primary))}.bmb_hito-card-content-icon-active{background-color:rgb(var(--color-mariner-500))}.bmb_hito-card-content-icon-done{background-color:rgb(var(--color-green-primary))}.bmb_hito-card-content-icon-pending{background-color:var(--general_contrasts-100);color:var(--general_contrasts-5)}.bmb_hito-card-content-icon-canceled{background-color:rgb(var(--color-red-primary))}.bmb_hito-card-content-icon-normal{background-color:var(--general_contrasts-100)}.bmb_hito-card-content-icon-strong{background-color:rgb(var(--color-mariner-500))}.bmb_hito-card-content-icon-success{background-color:var(--semantic-success)}.bmb_hito-card-content-icon-info{background-color:var(--semantic-info-event)}.bmb_hito-card-content-icon-warning{background-color:var(--semantic-warning)}.bmb_hito-card-content-icon-error{background-color:var(--semantic-error)}.bmb_hito-card-content-icon-brand{background-color:var(--semantic-brand)}.bmb_hito-card-content-icon-alert{background-color:var(--semantic-alert)}.bmb_hito-card-content-icon-background{background-color:var(--general_contrasts-100)}.bmb_hito-card-content-icon-disabled{background-color:var(--general_contrasts-50)}.bmb_hito-card-content-icon-mitec_blue{background-color:var(--mitec_blue)}.bmb_hito-card-content-icon-mitec_red{background-color:var(--mitec_red)}.bmb_hito-card-content-icon-mitec_green{background-color:var(--mitec_green)}.bmb_hito-card-content-icon-mitec_orange{background-color:var(--mitec_orange)}.bmb_hito-card-content-icon-mitec_purple{background-color:var(--mitec_purple)}.bmb_hito-card-content-icon-creative_violet{background-color:var(--creative-use-violet)}.bmb_hito-card-content-icon-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_hito-card-content-icon-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_hito-card-content-icon-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_hito-card-content-icon-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_hito-card-content-icon-creative_peach{background-color:var(--creative-use-peach)}.bmb_hito-card-content-icon-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_hito-card-content-icon-creative_softred{background-color:var(--creative-use-softred)}.bmb_hito-card-content-icon-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_hito-card-content-icon-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_hito-card-content-icon-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_hito-card-content-icon-creative_rum{background-color:var(--creative-use-rum)}.bmb_hito-card-content-icon-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_hito-card-content-icon-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_hito-card-content-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;grid-area:title}.bmb_hito-card-content-center{display:flex;flex:1;gap:.5rem;flex-direction:column}.bmb_hito-card-content-right{align-self:flex-start;display:flex;flex:1;gap:.5rem;flex-direction:column;text-align:right}.bmb_hito-card-content-description{font-family:Poppins-Regular,sans-serif;font-size:.625rem;margin:0;grid-area:description}.bmb_hito-card-content .bmb_badge{text-transform:capitalize}.bmb_hito-card-content-type{text-align:right;grid-area:type}.bmb_hito-card-content-duration{margin:0;display:none;grid-area:date}@container (min-width: 780px){.bmb_hito-card-content-duration{display:block}}.bmb_hito-card-alternative{padding:0}.bmb_hito-card-alternative .bmb_card.bmb_card-type-normal{background-color:var(--containers-main);border:.0625rem solid var(--general_contrasts-25);box-shadow:6px 6px 4px #00000026}.bmb_hito-card-alternative .bmb_hito-card-content{grid-template-areas:\"icon title\"}.bmb_hito-card-alternative .bmb_hito-card-content-type{display:none}.bmb_hito-card-alternative .bmb_hito-card-content.bmb_padding-m{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}.bmb_hito-card-alternative .bmb_hito-card-content-title{margin:0;align-self:center}.bmb_hito-card-compact{padding:var(--bmb-spacing-s)}.bmb_hito-card-compact .bmb_hito-card-content-icon{width:1rem;height:1rem;font-family:Poppins-Regular,sans-serif;font-size:.625rem}@container (min-width: 780px){.bmb_hito-card-compact .bmb_hito-card-content-icon{width:2rem;height:2rem;font-family:Poppins-Regular,sans-serif;font-size:1rem}}@container (max-width: 779px){.bmb_hito-card-compact .bmb_card-content{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}}.bmb_hito-card-compact .bmb_hito-card-content{grid-template-areas:\"icon title type\" \"icon description date\"}@container (max-width: 779px){.bmb_hito-card-compact .bmb_hito-card-content{grid-template-columns:1rem 1fr auto}}.bmb_timestream-micro .bmb_hito-card-active .bmb_card.bmb_card-type-normal{border-color:var(--general_contrasts-25)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7717
7717
|
}
|
|
7718
7718
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbHitoCardComponent, decorators: [{
|
|
7719
7719
|
type: Component,
|
|
@@ -7723,7 +7723,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
7723
7723
|
BmbCardContentComponent,
|
|
7724
7724
|
BmbIconComponent,
|
|
7725
7725
|
BmbBadgeComponent,
|
|
7726
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"getClassList()\">\r\n <bmb-card margin=\"none\">\r\n <bmb-card-content>\r\n <div (click)=\"handleEventChange()\" class=\"bmb_hito-card-content\">\r\n @if (icon()) {\r\n <section\r\n class=\"bmb_hito-card-content-icon\"\r\n [ngClass]=\"'bmb_hito-card-content-icon-' + getHitoIconClass()\"\r\n >\r\n <bmb-icon [icon]=\"icon() ?? ''\" />\r\n </section>\r\n }\r\n <div class=\"bmb_hito-card-content-center\">\r\n <h3 class=\"bmb_hito-card-content-title\">\r\n {{ title() }}\r\n </h3>\r\n @if (short_description()) {\r\n <p class=\"bmb_hito-card-content-description\">\r\n {{ short_description() }}\r\n </p>\r\n }\r\n </div>\r\n <div class=\"bmb_hito-card-content-right\">\r\n @if (type()) {\r\n <div class=\"bmb_hito-card-content-type\">\r\n <bmb-badge\r\n [text]=\"formatBadgeText(type())\"\r\n [appearance]=\"appearanceBadge()\"\r\n [container]=\"false\"\r\n />\r\n </div>\r\n }\r\n @if (sub_content()) {\r\n <p class=\"bmb_hito-card-content-duration\">\r\n {{ sub_content() }}\r\n </p>\r\n }\r\n </div>\r\n </div>\r\n </bmb-card-content>\r\n </bmb-card>\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_hito-card{position:relative;padding:var(--bmb-spacing-m);container-type:inline-size}.bmb_hito-card-bullet:after{content:\"\";width:.5625rem;height:.5625rem;background-color:rgb(var(--color-charade-500));position:absolute;left:-1.4375rem;top:50%;border-radius:50%;border:.125rem solid var(--containers-background);margin-top:-.4375rem}.bmb_hito-card .bmb_card{box-shadow:var(--bmb-box-shadow-2)}.bmb_hito-card-active .bmb_card.bmb_card-type-normal{border:.125rem solid var(--general_contrasts-main-selection)}.bmb_hito-card-active .bmb_card-content{padding:calc(var(--bmb-spacing-m) - .0625rem)}.bmb_hito-card-active:after{background-color:var(--general_contrasts-main-selection)}.bmb_hito-card-content{cursor:pointer;display:flex;align-items:center;gap:1rem}.bmb_hito-card-content-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white-primary);font-family:Poppins-Regular,sans-serif;font-size:1rem;grid-area:icon;align-self:center}.bmb_hito-card-content-icon-under_review{background-color:rgb(var(--color-yellow-primary))}.bmb_hito-card-content-icon-active{background-color:rgb(var(--color-mariner-500))}.bmb_hito-card-content-icon-done{background-color:rgb(var(--color-green-primary))}.bmb_hito-card-content-icon-pending{background-color:var(--general_contrasts-100);color:var(--general_contrasts-5)}.bmb_hito-card-content-icon-canceled{background-color:rgb(var(--color-red-primary))}.bmb_hito-card-content-icon-normal{background-color:var(--general_contrasts-100)}.bmb_hito-card-content-icon-strong{background-color:rgb(var(--color-mariner-500))}.bmb_hito-card-content-icon-success{background-color:var(--semantic-success)}.bmb_hito-card-content-icon-info{background-color:var(--semantic-info-event)}.bmb_hito-card-content-icon-warning{background-color:var(--semantic-warning)}.bmb_hito-card-content-icon-error{background-color:var(--semantic-error)}.bmb_hito-card-content-icon-brand{background-color:var(--semantic-brand)}.bmb_hito-card-content-icon-alert{background-color:var(--semantic-alert)}.bmb_hito-card-content-icon-background{background-color:var(--general_contrasts-100)}.bmb_hito-card-content-icon-disabled{background-color:var(--general_contrasts-50)}.bmb_hito-card-content-icon-mitec_blue{background-color:var(--mitec_blue)}.bmb_hito-card-content-icon-mitec_red{background-color:var(--mitec_red)}.bmb_hito-card-content-icon-mitec_green{background-color:var(--mitec_green)}.bmb_hito-card-content-icon-mitec_orange{background-color:var(--mitec_orange)}.bmb_hito-card-content-icon-mitec_purple{background-color:var(--mitec_purple)}.bmb_hito-card-content-icon-creative_violet{background-color:var(--creative-use-violet)}.bmb_hito-card-content-icon-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_hito-card-content-icon-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_hito-card-content-icon-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_hito-card-content-icon-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_hito-card-content-icon-creative_peach{background-color:var(--creative-use-peach)}.bmb_hito-card-content-icon-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_hito-card-content-icon-creative_softred{background-color:var(--creative-use-softred)}.bmb_hito-card-content-icon-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_hito-card-content-icon-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_hito-card-content-icon-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_hito-card-content-icon-creative_rum{background-color:var(--creative-use-rum)}.bmb_hito-card-content-icon-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_hito-card-content-icon-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_hito-card-content-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;grid-area:title}.bmb_hito-card-content-center{display:flex;flex:1;gap:.5rem;flex-direction:column}.bmb_hito-card-content-right{align-self:flex-start;display:flex;flex:1;gap:.5rem;flex-direction:column;text-align:right}.bmb_hito-card-content-description{font-family:Poppins-Regular,sans-serif;font-size:.625rem;margin:0;grid-area:description}.bmb_hito-card-content .bmb_badge{text-transform:capitalize}.bmb_hito-card-content-type{text-align:right;grid-area:type}.bmb_hito-card-content-duration{margin:0;display:none;grid-area:date}@container (min-width: 780px){.bmb_hito-card-content-duration{display:block}}.bmb_hito-card-alternative{padding:0}.bmb_hito-card-alternative .bmb_card.bmb_card-type-normal{background-color:var(--containers-main);border:.0625rem solid var(--general_contrasts-25);box-shadow:6px 6px 4px #00000026}.bmb_hito-card-alternative .bmb_hito-card-content{grid-template-areas:\"icon title\"}.bmb_hito-card-alternative .bmb_hito-card-content-type{display:none}.bmb_hito-card-alternative .bmb_hito-card-content.bmb_padding-m{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}.bmb_hito-card-alternative .bmb_hito-card-content-title{margin:0;align-self:center}.bmb_hito-card-compact{padding:var(--bmb-spacing-s)}.bmb_hito-card-compact .bmb_hito-card-content-icon{width:1rem;height:1rem;font-family:Poppins-Regular,sans-serif;font-size:.625rem}@container (min-width: 780px){.bmb_hito-card-compact .bmb_hito-card-content-icon{width:2rem;height:2rem;font-family:Poppins-Regular,sans-serif;font-size:1rem}}@container (max-width: 779px){.bmb_hito-card-compact .bmb_card-content{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}}.bmb_hito-card-compact .bmb_hito-card-content{grid-template-areas:\"icon title type\" \"icon description date\"}@container (max-width: 779px){.bmb_hito-card-compact .bmb_hito-card-content{grid-template-columns:1rem 1fr auto}}.bmb_timestream-micro .bmb_hito-card-active .bmb_card.bmb_card-type-normal{border-color:var(--general_contrasts-25)}\n"] }]
|
|
7726
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"getClassList()\">\n <bmb-card margin=\"none\">\n <bmb-card-content>\n <div (click)=\"handleEventChange()\" class=\"bmb_hito-card-content\">\n @if (icon()) {\n <section\n class=\"bmb_hito-card-content-icon\"\n [ngClass]=\"'bmb_hito-card-content-icon-' + getHitoIconClass()\"\n >\n <bmb-icon [icon]=\"icon() ?? ''\" />\n </section>\n }\n <div class=\"bmb_hito-card-content-center\">\n <h3 class=\"bmb_hito-card-content-title\">\n {{ title() }}\n </h3>\n @if (short_description()) {\n <p class=\"bmb_hito-card-content-description\">\n {{ short_description() }}\n </p>\n }\n </div>\n <div class=\"bmb_hito-card-content-right\">\n @if (type()) {\n <div class=\"bmb_hito-card-content-type\">\n <bmb-badge\n [text]=\"formatBadgeText(type())\"\n [appearance]=\"appearanceBadge()\"\n [container]=\"false\"\n />\n </div>\n }\n @if (sub_content()) {\n <p class=\"bmb_hito-card-content-duration\">\n {{ sub_content() }}\n </p>\n }\n </div>\n </div>\n </bmb-card-content>\n </bmb-card>\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_hito-card{position:relative;padding:var(--bmb-spacing-m);container-type:inline-size}.bmb_hito-card-bullet:after{content:\"\";width:.5625rem;height:.5625rem;background-color:rgb(var(--color-charade-500));position:absolute;left:-1.4375rem;top:50%;border-radius:50%;border:.125rem solid var(--containers-background);margin-top:-.4375rem}.bmb_hito-card .bmb_card{box-shadow:var(--bmb-box-shadow-2)}.bmb_hito-card-active .bmb_card.bmb_card-type-normal{border:.125rem solid var(--general_contrasts-main-selection)}.bmb_hito-card-active .bmb_card-content{padding:calc(var(--bmb-spacing-m) - .0625rem)}.bmb_hito-card-active:after{background-color:var(--general_contrasts-main-selection)}.bmb_hito-card-content{cursor:pointer;display:flex;align-items:center;gap:1rem}.bmb_hito-card-content-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white-primary);font-family:Poppins-Regular,sans-serif;font-size:1rem;grid-area:icon;align-self:center}.bmb_hito-card-content-icon-under_review{background-color:rgb(var(--color-yellow-primary))}.bmb_hito-card-content-icon-active{background-color:rgb(var(--color-mariner-500))}.bmb_hito-card-content-icon-done{background-color:rgb(var(--color-green-primary))}.bmb_hito-card-content-icon-pending{background-color:var(--general_contrasts-100);color:var(--general_contrasts-5)}.bmb_hito-card-content-icon-canceled{background-color:rgb(var(--color-red-primary))}.bmb_hito-card-content-icon-normal{background-color:var(--general_contrasts-100)}.bmb_hito-card-content-icon-strong{background-color:rgb(var(--color-mariner-500))}.bmb_hito-card-content-icon-success{background-color:var(--semantic-success)}.bmb_hito-card-content-icon-info{background-color:var(--semantic-info-event)}.bmb_hito-card-content-icon-warning{background-color:var(--semantic-warning)}.bmb_hito-card-content-icon-error{background-color:var(--semantic-error)}.bmb_hito-card-content-icon-brand{background-color:var(--semantic-brand)}.bmb_hito-card-content-icon-alert{background-color:var(--semantic-alert)}.bmb_hito-card-content-icon-background{background-color:var(--general_contrasts-100)}.bmb_hito-card-content-icon-disabled{background-color:var(--general_contrasts-50)}.bmb_hito-card-content-icon-mitec_blue{background-color:var(--mitec_blue)}.bmb_hito-card-content-icon-mitec_red{background-color:var(--mitec_red)}.bmb_hito-card-content-icon-mitec_green{background-color:var(--mitec_green)}.bmb_hito-card-content-icon-mitec_orange{background-color:var(--mitec_orange)}.bmb_hito-card-content-icon-mitec_purple{background-color:var(--mitec_purple)}.bmb_hito-card-content-icon-creative_violet{background-color:var(--creative-use-violet)}.bmb_hito-card-content-icon-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_hito-card-content-icon-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_hito-card-content-icon-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_hito-card-content-icon-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_hito-card-content-icon-creative_peach{background-color:var(--creative-use-peach)}.bmb_hito-card-content-icon-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_hito-card-content-icon-creative_softred{background-color:var(--creative-use-softred)}.bmb_hito-card-content-icon-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_hito-card-content-icon-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_hito-card-content-icon-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_hito-card-content-icon-creative_rum{background-color:var(--creative-use-rum)}.bmb_hito-card-content-icon-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_hito-card-content-icon-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_hito-card-content-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;grid-area:title}.bmb_hito-card-content-center{display:flex;flex:1;gap:.5rem;flex-direction:column}.bmb_hito-card-content-right{align-self:flex-start;display:flex;flex:1;gap:.5rem;flex-direction:column;text-align:right}.bmb_hito-card-content-description{font-family:Poppins-Regular,sans-serif;font-size:.625rem;margin:0;grid-area:description}.bmb_hito-card-content .bmb_badge{text-transform:capitalize}.bmb_hito-card-content-type{text-align:right;grid-area:type}.bmb_hito-card-content-duration{margin:0;display:none;grid-area:date}@container (min-width: 780px){.bmb_hito-card-content-duration{display:block}}.bmb_hito-card-alternative{padding:0}.bmb_hito-card-alternative .bmb_card.bmb_card-type-normal{background-color:var(--containers-main);border:.0625rem solid var(--general_contrasts-25);box-shadow:6px 6px 4px #00000026}.bmb_hito-card-alternative .bmb_hito-card-content{grid-template-areas:\"icon title\"}.bmb_hito-card-alternative .bmb_hito-card-content-type{display:none}.bmb_hito-card-alternative .bmb_hito-card-content.bmb_padding-m{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}.bmb_hito-card-alternative .bmb_hito-card-content-title{margin:0;align-self:center}.bmb_hito-card-compact{padding:var(--bmb-spacing-s)}.bmb_hito-card-compact .bmb_hito-card-content-icon{width:1rem;height:1rem;font-family:Poppins-Regular,sans-serif;font-size:.625rem}@container (min-width: 780px){.bmb_hito-card-compact .bmb_hito-card-content-icon{width:2rem;height:2rem;font-family:Poppins-Regular,sans-serif;font-size:1rem}}@container (max-width: 779px){.bmb_hito-card-compact .bmb_card-content{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}}.bmb_hito-card-compact .bmb_hito-card-content{grid-template-areas:\"icon title type\" \"icon description date\"}@container (max-width: 779px){.bmb_hito-card-compact .bmb_hito-card-content{grid-template-columns:1rem 1fr auto}}.bmb_timestream-micro .bmb_hito-card-active .bmb_card.bmb_card-type-normal{border-color:var(--general_contrasts-25)}\n"] }]
|
|
7727
7727
|
}] });
|
|
7728
7728
|
|
|
7729
7729
|
class BmbTimestreamDetailsComponent {
|
|
@@ -7994,7 +7994,7 @@ class BmbTimestreamComponent {
|
|
|
7994
7994
|
return eventType.text || '';
|
|
7995
7995
|
}
|
|
7996
7996
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbTimestreamComponent, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7997
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbTimestreamComponent, isStandalone: true, selector: "bmb-timestream", inputs: { isMicro: { classPropertyName: "isMicro", publicName: "isMicro", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", 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 }, clamp: { classPropertyName: "clamp", publicName: "clamp", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true, read: TemplateRef }], usesOnChanges: true, ngImport: i0, template: "<section\r\n class=\"bmb_timestream\"\r\n [ngClass]=\"{ 'bmb_timestream-micro': isMicro() }\"\r\n>\r\n @if (error) {\r\n <div class=\"bmb_timestream-error\">\r\n <bmb-timestream-error />\r\n </div>\r\n } @else {\r\n @if (!isMicro()) {\r\n <aside class=\"bmb_timestream-aside\">\r\n <bmb-hito-list\r\n [dateFormat]=\"dateFormat()\"\r\n [lang]=\"lang()\"\r\n [now]=\"now\"\r\n [events]=\"parsedEvents\"\r\n [selectedDate]=\"selectedDate\"\r\n [orderedMonths]=\"orderedMonths\"\r\n (changeSelectedDate)=\"handleSelectedDateChange($event)\"\r\n />\r\n </aside>\r\n }\r\n <section class=\"bmb_timestream-main\">\r\n <bmb-timestream-detail\r\n [lang]=\"lang()\"\r\n [now]=\"now\"\r\n [selectedDate]=\"selectedDate\"\r\n (changeSelectedEvent)=\"handleSelectedEventChange($event)\"\r\n [orderedEvents]=\"orderedEvents()\"\r\n [isMicro]=\"isMicro()\"\r\n />\r\n </section>\r\n }\r\n</section>\r\n\r\n<ng-template #modalTemplate>\r\n @if (selectedEvent) {\r\n <section class=\"bmb_timestream-dialog\">\r\n <figure class=\"bmb_timestream-dialog-hero\">\r\n <img\r\n [src]=\"selectedEvent.image\"\r\n [alt]=\"selectedEvent.title\"\r\n class=\"bmb_timestream-dialog-hero-image\"\r\n />\r\n </figure>\r\n <div class=\"bmb_timestream-dialog-user\">\r\n <bmb-user-image\r\n size=\"mobile-small\"\r\n [image]=\"selectedEvent.picture_profile || ''\"\r\n [altImage]=\"selectedEvent.user_first_name || ''\"\r\n [bordered]=\"false\"\r\n />\r\n <span class=\"bmb_timestream-dialog-user-name\"\r\n >{{ selectedEvent.user_first_name }}\r\n {{ selectedEvent.user_last_name }}</span\r\n >\r\n <span class=\"bmb_timestream-dialog-user-date\">{{\r\n selectedEvent.startEvent?.toFormat(\"dd/MM/yyyy\")\r\n }}</span>\r\n </div>\r\n <bmb-tabs\r\n [tabs]=\"eventTabs\"\r\n (selected)=\"handleTabSelected($event)\"\r\n style=\"flex: 1\"\r\n >\r\n @switch (tabSelected) {\r\n @case (1) {\r\n <div class=\"bmb_timestream-dialog-tab\">\r\n <dl class=\"bmb_timestream-dialog-dual\">\r\n <dt class=\"bmb_timestream-dialog-dual-title\">Estado:</dt>\r\n <dd class=\"bmb_timestream-dialog-dual-data\">\r\n <bmb-badge\r\n [appearance]=\"appearanceBadge(selectedEvent.type)\"\r\n [text]=\"getBadgeText(selectedEvent.type)\"\r\n [container]=\"false\"\r\n />\r\n </dd>\r\n <dt class=\"bmb_timestream-dialog-dual-title\">\r\n Duraci\u00F3n total:\r\n </dt>\r\n <dd class=\"bmb_timestream-dialog-dual-data\">\r\n {{ getDiffString(selectedEvent.diff) }}\r\n </dd>\r\n </dl>\r\n <p>{{ selectedEvent.description }}</p>\r\n </div>\r\n }\r\n @case (2) {\r\n <div class=\"bmb_timestream-dialog-tab\">\r\n <h3 class=\"bmb_timestream-dialog-tab-title\">Instancias</h3>\r\n <bmb-divider type=\"simple\" />\r\n <section class=\"bmb_timestream-dialog-tab-hito-list\">\r\n @for (date of getInstances(selectedEvent); track $index) {\r\n <bmb-hito-card\r\n [icon]=\"selectedEvent.icon || 'app_badging'\"\r\n [title]=\"selectedEvent.title\"\r\n [type]=\"selectedEvent.type\"\r\n [id]=\"$index\"\r\n [enable_bullet]=\"false\"\r\n [alternative_appearance]=\"true\"\r\n [isCompact]=\"true\"\r\n />\r\n }\r\n @if (selectedEvent.diff) {\r\n <p class=\"bmb_timestream-dialog-tab-duration\">\r\n {{ getDurationString(selectedEvent) }}\r\n </p>\r\n }\r\n @if (selectedEvent.related_to) {\r\n <h3 class=\"bmb_timestream-dialog-container-tab-title\">\r\n Relacionado a\r\n </h3>\r\n @for (related of selectedEvent.related_to; track $index) {\r\n <bmb-hito-card\r\n [icon]=\"selectedEvent.icon || 'app_badging'\"\r\n [title]=\"related\"\r\n [type]=\"selectedEvent.type\"\r\n [id]=\"related\"\r\n [enable_bullet]=\"false\"\r\n [alternative_appearance]=\"true\"\r\n [isCompact]=\"true\"\r\n />\r\n }\r\n }\r\n </section>\r\n </div>\r\n }\r\n }\r\n </bmb-tabs>\r\n <section class=\"bmb_timestream-dialog-button-container\">\r\n <button bmbButton appearance=\"primary\" icon=\"fit_screen\">\r\n Ir a decisi\u00F3n\r\n </button>\r\n </section>\r\n </section>\r\n }\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_timestream{display:flex;container-type:inline-size;height:100%;background-color:var(--containers-background-fade);font-family:Poppins-Regular,sans-serif;font-size:.75rem;position:relative}.bmb_timestream-aside{display:none;background-color:var(--containers-main)}@container (min-width: 560px){.bmb_timestream-aside{width:50%;max-width:250px;display:block}}.bmb_timestream-main{width:100%}@container (min-width: 560px){.bmb_timestream-main{flex:1}}.bmb_timestream-error{flex:1}.bmb_timestream-dialog{display:flex;gap:var(--bmb-spacing-m);flex-direction:column;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_timestream-dialog-hero{margin:0;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-l)}.bmb_timestream-dialog-hero-image{width:100%;max-height:14.375rem;object-fit:cover}.bmb_timestream-dialog-user{display:flex;gap:var(--bmb-spacing-s);align-items:center}.bmb_timestream-dialog-user-name{color:var(--general_contrasts-75)}.bmb_timestream-dialog-user-date{color:RGBA(var(--color-charade-500))}.bmb_timestream-dialog-tab{padding:var(--bmb-spacing-m);color:var(--general_contrasts-75)}.bmb_timestream-dialog-tab-title{color:var(--general_contrasts-75);font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_timestream-dialog-tab-hito-list{display:flex;gap:var(--bmb-spacing-s);flex-flow:column;padding:var(--bmb-spacing-m)}.bmb_timestream-dialog-tab-duration{text-align:right;margin:var(--bmb-spacing-s) 0}.bmb_timestream-dialog .bmb_tabs-item{width:calc(50% - 2rem)}.bmb_timestream-dialog-button-container{padding:var(--bmb-spacing-m)}.bmb_timestream-dialog-button-container button{width:100%}.bmb_timestream-dialog-dual{margin:0 0 var(--bmb-spacing-m);display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-m)}.bmb_timestream-dialog-dual-title,.bmb_timestream-dialog-dual-data{width:calc(50% - var(--bmb-spacing-s))}.bmb_timestream-dialog-dual-data{text-align:right;margin:0}.bmb_timestream-micro{background-color:transparent;height:auto}.bmb_timestream-micro .bmb_hito-card-active:after{background-color:var(--general_contrasts-50)}\n"], dependencies: [{ kind: "component", type: BmbTimestreamErrorComponent, selector: "bmb-timestream-error" }, { kind: "component", type: BmbHitoListComponent, selector: "bmb-hito-list", inputs: ["dateFormat", "lang", "now", "events", "selectedDate", "orderedMonths"], outputs: ["changeSelectedDate"] }, { kind: "component", type: BmbTimestreamDetailsComponent, selector: "bmb-timestream-detail", inputs: ["lang", "now", "selectedDate", "orderedEvents", "isMicro"], outputs: ["changeSelectedEvent"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "component", type: BmbHitoCardComponent, selector: "bmb-hito-card", inputs: ["icon", "title", "id", "short_description", "type", "sub_content", "enable_bullet", "is_active", "isCompact", "alternative_appearance"], outputs: ["handleClick"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7997
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbTimestreamComponent, isStandalone: true, selector: "bmb-timestream", inputs: { isMicro: { classPropertyName: "isMicro", publicName: "isMicro", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", 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 }, clamp: { classPropertyName: "clamp", publicName: "clamp", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true, read: TemplateRef }], usesOnChanges: true, ngImport: i0, template: "<section\n class=\"bmb_timestream\"\n [ngClass]=\"{ 'bmb_timestream-micro': isMicro() }\"\n>\n @if (error) {\n <div class=\"bmb_timestream-error\">\n <bmb-timestream-error />\n </div>\n } @else {\n @if (!isMicro()) {\n <aside class=\"bmb_timestream-aside\">\n <bmb-hito-list\n [dateFormat]=\"dateFormat()\"\n [lang]=\"lang()\"\n [now]=\"now\"\n [events]=\"parsedEvents\"\n [selectedDate]=\"selectedDate\"\n [orderedMonths]=\"orderedMonths\"\n (changeSelectedDate)=\"handleSelectedDateChange($event)\"\n />\n </aside>\n }\n <section class=\"bmb_timestream-main\">\n <bmb-timestream-detail\n [lang]=\"lang()\"\n [now]=\"now\"\n [selectedDate]=\"selectedDate\"\n (changeSelectedEvent)=\"handleSelectedEventChange($event)\"\n [orderedEvents]=\"orderedEvents()\"\n [isMicro]=\"isMicro()\"\n />\n </section>\n }\n</section>\n\n<ng-template #modalTemplate>\n @if (selectedEvent) {\n <section class=\"bmb_timestream-dialog\">\n <figure class=\"bmb_timestream-dialog-hero\">\n <img\n [src]=\"selectedEvent.image\"\n [alt]=\"selectedEvent.title\"\n class=\"bmb_timestream-dialog-hero-image\"\n />\n </figure>\n <div class=\"bmb_timestream-dialog-user\">\n <bmb-user-image\n size=\"mobile-small\"\n [image]=\"selectedEvent.picture_profile || ''\"\n [altImage]=\"selectedEvent.user_first_name || ''\"\n [bordered]=\"false\"\n />\n <span class=\"bmb_timestream-dialog-user-name\"\n >{{ selectedEvent.user_first_name }}\n {{ selectedEvent.user_last_name }}</span\n >\n <span class=\"bmb_timestream-dialog-user-date\">{{\n selectedEvent.startEvent?.toFormat(\"dd/MM/yyyy\")\n }}</span>\n </div>\n <bmb-tabs\n [tabs]=\"eventTabs\"\n (selected)=\"handleTabSelected($event)\"\n style=\"flex: 1\"\n >\n @switch (tabSelected) {\n @case (1) {\n <div class=\"bmb_timestream-dialog-tab\">\n <dl class=\"bmb_timestream-dialog-dual\">\n <dt class=\"bmb_timestream-dialog-dual-title\">Estado:</dt>\n <dd class=\"bmb_timestream-dialog-dual-data\">\n <bmb-badge\n [appearance]=\"appearanceBadge(selectedEvent.type)\"\n [text]=\"getBadgeText(selectedEvent.type)\"\n [container]=\"false\"\n />\n </dd>\n <dt class=\"bmb_timestream-dialog-dual-title\">\n Duraci\u00F3n total:\n </dt>\n <dd class=\"bmb_timestream-dialog-dual-data\">\n {{ getDiffString(selectedEvent.diff) }}\n </dd>\n </dl>\n <p>{{ selectedEvent.description }}</p>\n </div>\n }\n @case (2) {\n <div class=\"bmb_timestream-dialog-tab\">\n <h3 class=\"bmb_timestream-dialog-tab-title\">Instancias</h3>\n <bmb-divider type=\"simple\" />\n <section class=\"bmb_timestream-dialog-tab-hito-list\">\n @for (date of getInstances(selectedEvent); track $index) {\n <bmb-hito-card\n [icon]=\"selectedEvent.icon || 'app_badging'\"\n [title]=\"selectedEvent.title\"\n [type]=\"selectedEvent.type\"\n [id]=\"$index\"\n [enable_bullet]=\"false\"\n [alternative_appearance]=\"true\"\n [isCompact]=\"true\"\n />\n }\n @if (selectedEvent.diff) {\n <p class=\"bmb_timestream-dialog-tab-duration\">\n {{ getDurationString(selectedEvent) }}\n </p>\n }\n @if (selectedEvent.related_to) {\n <h3 class=\"bmb_timestream-dialog-container-tab-title\">\n Relacionado a\n </h3>\n @for (related of selectedEvent.related_to; track $index) {\n <bmb-hito-card\n [icon]=\"selectedEvent.icon || 'app_badging'\"\n [title]=\"related\"\n [type]=\"selectedEvent.type\"\n [id]=\"related\"\n [enable_bullet]=\"false\"\n [alternative_appearance]=\"true\"\n [isCompact]=\"true\"\n />\n }\n }\n </section>\n </div>\n }\n }\n </bmb-tabs>\n <section class=\"bmb_timestream-dialog-button-container\">\n <button bmbButton appearance=\"primary\" icon=\"fit_screen\">\n Ir a decisi\u00F3n\n </button>\n </section>\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_timestream{display:flex;container-type:inline-size;height:100%;background-color:var(--containers-background-fade);font-family:Poppins-Regular,sans-serif;font-size:.75rem;position:relative}.bmb_timestream-aside{display:none;background-color:var(--containers-main)}@container (min-width: 560px){.bmb_timestream-aside{width:50%;max-width:250px;display:block}}.bmb_timestream-main{width:100%}@container (min-width: 560px){.bmb_timestream-main{flex:1}}.bmb_timestream-error{flex:1}.bmb_timestream-dialog{display:flex;gap:var(--bmb-spacing-m);flex-direction:column;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_timestream-dialog-hero{margin:0;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-l)}.bmb_timestream-dialog-hero-image{width:100%;max-height:14.375rem;object-fit:cover}.bmb_timestream-dialog-user{display:flex;gap:var(--bmb-spacing-s);align-items:center}.bmb_timestream-dialog-user-name{color:var(--general_contrasts-75)}.bmb_timestream-dialog-user-date{color:RGBA(var(--color-charade-500))}.bmb_timestream-dialog-tab{padding:var(--bmb-spacing-m);color:var(--general_contrasts-75)}.bmb_timestream-dialog-tab-title{color:var(--general_contrasts-75);font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_timestream-dialog-tab-hito-list{display:flex;gap:var(--bmb-spacing-s);flex-flow:column;padding:var(--bmb-spacing-m)}.bmb_timestream-dialog-tab-duration{text-align:right;margin:var(--bmb-spacing-s) 0}.bmb_timestream-dialog .bmb_tabs-item{width:calc(50% - 2rem)}.bmb_timestream-dialog-button-container{padding:var(--bmb-spacing-m)}.bmb_timestream-dialog-button-container button{width:100%}.bmb_timestream-dialog-dual{margin:0 0 var(--bmb-spacing-m);display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-m)}.bmb_timestream-dialog-dual-title,.bmb_timestream-dialog-dual-data{width:calc(50% - var(--bmb-spacing-s))}.bmb_timestream-dialog-dual-data{text-align:right;margin:0}.bmb_timestream-micro{background-color:transparent;height:auto}.bmb_timestream-micro .bmb_hito-card-active:after{background-color:var(--general_contrasts-50)}\n"], dependencies: [{ kind: "component", type: BmbTimestreamErrorComponent, selector: "bmb-timestream-error" }, { kind: "component", type: BmbHitoListComponent, selector: "bmb-hito-list", inputs: ["dateFormat", "lang", "now", "events", "selectedDate", "orderedMonths"], outputs: ["changeSelectedDate"] }, { kind: "component", type: BmbTimestreamDetailsComponent, selector: "bmb-timestream-detail", inputs: ["lang", "now", "selectedDate", "orderedEvents", "isMicro"], outputs: ["changeSelectedEvent"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "component", type: BmbHitoCardComponent, selector: "bmb-hito-card", inputs: ["icon", "title", "id", "short_description", "type", "sub_content", "enable_bullet", "is_active", "isCompact", "alternative_appearance"], outputs: ["handleClick"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7998
7998
|
}
|
|
7999
7999
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbTimestreamComponent, decorators: [{
|
|
8000
8000
|
type: Component,
|
|
@@ -8009,7 +8009,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
8009
8009
|
BmbDividerComponent,
|
|
8010
8010
|
BmbHitoCardComponent,
|
|
8011
8011
|
BmbBadgeComponent,
|
|
8012
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\r\n class=\"bmb_timestream\"\r\n [ngClass]=\"{ 'bmb_timestream-micro': isMicro() }\"\r\n>\r\n @if (error) {\r\n <div class=\"bmb_timestream-error\">\r\n <bmb-timestream-error />\r\n </div>\r\n } @else {\r\n @if (!isMicro()) {\r\n <aside class=\"bmb_timestream-aside\">\r\n <bmb-hito-list\r\n [dateFormat]=\"dateFormat()\"\r\n [lang]=\"lang()\"\r\n [now]=\"now\"\r\n [events]=\"parsedEvents\"\r\n [selectedDate]=\"selectedDate\"\r\n [orderedMonths]=\"orderedMonths\"\r\n (changeSelectedDate)=\"handleSelectedDateChange($event)\"\r\n />\r\n </aside>\r\n }\r\n <section class=\"bmb_timestream-main\">\r\n <bmb-timestream-detail\r\n [lang]=\"lang()\"\r\n [now]=\"now\"\r\n [selectedDate]=\"selectedDate\"\r\n (changeSelectedEvent)=\"handleSelectedEventChange($event)\"\r\n [orderedEvents]=\"orderedEvents()\"\r\n [isMicro]=\"isMicro()\"\r\n />\r\n </section>\r\n }\r\n</section>\r\n\r\n<ng-template #modalTemplate>\r\n @if (selectedEvent) {\r\n <section class=\"bmb_timestream-dialog\">\r\n <figure class=\"bmb_timestream-dialog-hero\">\r\n <img\r\n [src]=\"selectedEvent.image\"\r\n [alt]=\"selectedEvent.title\"\r\n class=\"bmb_timestream-dialog-hero-image\"\r\n />\r\n </figure>\r\n <div class=\"bmb_timestream-dialog-user\">\r\n <bmb-user-image\r\n size=\"mobile-small\"\r\n [image]=\"selectedEvent.picture_profile || ''\"\r\n [altImage]=\"selectedEvent.user_first_name || ''\"\r\n [bordered]=\"false\"\r\n />\r\n <span class=\"bmb_timestream-dialog-user-name\"\r\n >{{ selectedEvent.user_first_name }}\r\n {{ selectedEvent.user_last_name }}</span\r\n >\r\n <span class=\"bmb_timestream-dialog-user-date\">{{\r\n selectedEvent.startEvent?.toFormat(\"dd/MM/yyyy\")\r\n }}</span>\r\n </div>\r\n <bmb-tabs\r\n [tabs]=\"eventTabs\"\r\n (selected)=\"handleTabSelected($event)\"\r\n style=\"flex: 1\"\r\n >\r\n @switch (tabSelected) {\r\n @case (1) {\r\n <div class=\"bmb_timestream-dialog-tab\">\r\n <dl class=\"bmb_timestream-dialog-dual\">\r\n <dt class=\"bmb_timestream-dialog-dual-title\">Estado:</dt>\r\n <dd class=\"bmb_timestream-dialog-dual-data\">\r\n <bmb-badge\r\n [appearance]=\"appearanceBadge(selectedEvent.type)\"\r\n [text]=\"getBadgeText(selectedEvent.type)\"\r\n [container]=\"false\"\r\n />\r\n </dd>\r\n <dt class=\"bmb_timestream-dialog-dual-title\">\r\n Duraci\u00F3n total:\r\n </dt>\r\n <dd class=\"bmb_timestream-dialog-dual-data\">\r\n {{ getDiffString(selectedEvent.diff) }}\r\n </dd>\r\n </dl>\r\n <p>{{ selectedEvent.description }}</p>\r\n </div>\r\n }\r\n @case (2) {\r\n <div class=\"bmb_timestream-dialog-tab\">\r\n <h3 class=\"bmb_timestream-dialog-tab-title\">Instancias</h3>\r\n <bmb-divider type=\"simple\" />\r\n <section class=\"bmb_timestream-dialog-tab-hito-list\">\r\n @for (date of getInstances(selectedEvent); track $index) {\r\n <bmb-hito-card\r\n [icon]=\"selectedEvent.icon || 'app_badging'\"\r\n [title]=\"selectedEvent.title\"\r\n [type]=\"selectedEvent.type\"\r\n [id]=\"$index\"\r\n [enable_bullet]=\"false\"\r\n [alternative_appearance]=\"true\"\r\n [isCompact]=\"true\"\r\n />\r\n }\r\n @if (selectedEvent.diff) {\r\n <p class=\"bmb_timestream-dialog-tab-duration\">\r\n {{ getDurationString(selectedEvent) }}\r\n </p>\r\n }\r\n @if (selectedEvent.related_to) {\r\n <h3 class=\"bmb_timestream-dialog-container-tab-title\">\r\n Relacionado a\r\n </h3>\r\n @for (related of selectedEvent.related_to; track $index) {\r\n <bmb-hito-card\r\n [icon]=\"selectedEvent.icon || 'app_badging'\"\r\n [title]=\"related\"\r\n [type]=\"selectedEvent.type\"\r\n [id]=\"related\"\r\n [enable_bullet]=\"false\"\r\n [alternative_appearance]=\"true\"\r\n [isCompact]=\"true\"\r\n />\r\n }\r\n }\r\n </section>\r\n </div>\r\n }\r\n }\r\n </bmb-tabs>\r\n <section class=\"bmb_timestream-dialog-button-container\">\r\n <button bmbButton appearance=\"primary\" icon=\"fit_screen\">\r\n Ir a decisi\u00F3n\r\n </button>\r\n </section>\r\n </section>\r\n }\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_timestream{display:flex;container-type:inline-size;height:100%;background-color:var(--containers-background-fade);font-family:Poppins-Regular,sans-serif;font-size:.75rem;position:relative}.bmb_timestream-aside{display:none;background-color:var(--containers-main)}@container (min-width: 560px){.bmb_timestream-aside{width:50%;max-width:250px;display:block}}.bmb_timestream-main{width:100%}@container (min-width: 560px){.bmb_timestream-main{flex:1}}.bmb_timestream-error{flex:1}.bmb_timestream-dialog{display:flex;gap:var(--bmb-spacing-m);flex-direction:column;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_timestream-dialog-hero{margin:0;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-l)}.bmb_timestream-dialog-hero-image{width:100%;max-height:14.375rem;object-fit:cover}.bmb_timestream-dialog-user{display:flex;gap:var(--bmb-spacing-s);align-items:center}.bmb_timestream-dialog-user-name{color:var(--general_contrasts-75)}.bmb_timestream-dialog-user-date{color:RGBA(var(--color-charade-500))}.bmb_timestream-dialog-tab{padding:var(--bmb-spacing-m);color:var(--general_contrasts-75)}.bmb_timestream-dialog-tab-title{color:var(--general_contrasts-75);font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_timestream-dialog-tab-hito-list{display:flex;gap:var(--bmb-spacing-s);flex-flow:column;padding:var(--bmb-spacing-m)}.bmb_timestream-dialog-tab-duration{text-align:right;margin:var(--bmb-spacing-s) 0}.bmb_timestream-dialog .bmb_tabs-item{width:calc(50% - 2rem)}.bmb_timestream-dialog-button-container{padding:var(--bmb-spacing-m)}.bmb_timestream-dialog-button-container button{width:100%}.bmb_timestream-dialog-dual{margin:0 0 var(--bmb-spacing-m);display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-m)}.bmb_timestream-dialog-dual-title,.bmb_timestream-dialog-dual-data{width:calc(50% - var(--bmb-spacing-s))}.bmb_timestream-dialog-dual-data{text-align:right;margin:0}.bmb_timestream-micro{background-color:transparent;height:auto}.bmb_timestream-micro .bmb_hito-card-active:after{background-color:var(--general_contrasts-50)}\n"] }]
|
|
8012
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"bmb_timestream\"\n [ngClass]=\"{ 'bmb_timestream-micro': isMicro() }\"\n>\n @if (error) {\n <div class=\"bmb_timestream-error\">\n <bmb-timestream-error />\n </div>\n } @else {\n @if (!isMicro()) {\n <aside class=\"bmb_timestream-aside\">\n <bmb-hito-list\n [dateFormat]=\"dateFormat()\"\n [lang]=\"lang()\"\n [now]=\"now\"\n [events]=\"parsedEvents\"\n [selectedDate]=\"selectedDate\"\n [orderedMonths]=\"orderedMonths\"\n (changeSelectedDate)=\"handleSelectedDateChange($event)\"\n />\n </aside>\n }\n <section class=\"bmb_timestream-main\">\n <bmb-timestream-detail\n [lang]=\"lang()\"\n [now]=\"now\"\n [selectedDate]=\"selectedDate\"\n (changeSelectedEvent)=\"handleSelectedEventChange($event)\"\n [orderedEvents]=\"orderedEvents()\"\n [isMicro]=\"isMicro()\"\n />\n </section>\n }\n</section>\n\n<ng-template #modalTemplate>\n @if (selectedEvent) {\n <section class=\"bmb_timestream-dialog\">\n <figure class=\"bmb_timestream-dialog-hero\">\n <img\n [src]=\"selectedEvent.image\"\n [alt]=\"selectedEvent.title\"\n class=\"bmb_timestream-dialog-hero-image\"\n />\n </figure>\n <div class=\"bmb_timestream-dialog-user\">\n <bmb-user-image\n size=\"mobile-small\"\n [image]=\"selectedEvent.picture_profile || ''\"\n [altImage]=\"selectedEvent.user_first_name || ''\"\n [bordered]=\"false\"\n />\n <span class=\"bmb_timestream-dialog-user-name\"\n >{{ selectedEvent.user_first_name }}\n {{ selectedEvent.user_last_name }}</span\n >\n <span class=\"bmb_timestream-dialog-user-date\">{{\n selectedEvent.startEvent?.toFormat(\"dd/MM/yyyy\")\n }}</span>\n </div>\n <bmb-tabs\n [tabs]=\"eventTabs\"\n (selected)=\"handleTabSelected($event)\"\n style=\"flex: 1\"\n >\n @switch (tabSelected) {\n @case (1) {\n <div class=\"bmb_timestream-dialog-tab\">\n <dl class=\"bmb_timestream-dialog-dual\">\n <dt class=\"bmb_timestream-dialog-dual-title\">Estado:</dt>\n <dd class=\"bmb_timestream-dialog-dual-data\">\n <bmb-badge\n [appearance]=\"appearanceBadge(selectedEvent.type)\"\n [text]=\"getBadgeText(selectedEvent.type)\"\n [container]=\"false\"\n />\n </dd>\n <dt class=\"bmb_timestream-dialog-dual-title\">\n Duraci\u00F3n total:\n </dt>\n <dd class=\"bmb_timestream-dialog-dual-data\">\n {{ getDiffString(selectedEvent.diff) }}\n </dd>\n </dl>\n <p>{{ selectedEvent.description }}</p>\n </div>\n }\n @case (2) {\n <div class=\"bmb_timestream-dialog-tab\">\n <h3 class=\"bmb_timestream-dialog-tab-title\">Instancias</h3>\n <bmb-divider type=\"simple\" />\n <section class=\"bmb_timestream-dialog-tab-hito-list\">\n @for (date of getInstances(selectedEvent); track $index) {\n <bmb-hito-card\n [icon]=\"selectedEvent.icon || 'app_badging'\"\n [title]=\"selectedEvent.title\"\n [type]=\"selectedEvent.type\"\n [id]=\"$index\"\n [enable_bullet]=\"false\"\n [alternative_appearance]=\"true\"\n [isCompact]=\"true\"\n />\n }\n @if (selectedEvent.diff) {\n <p class=\"bmb_timestream-dialog-tab-duration\">\n {{ getDurationString(selectedEvent) }}\n </p>\n }\n @if (selectedEvent.related_to) {\n <h3 class=\"bmb_timestream-dialog-container-tab-title\">\n Relacionado a\n </h3>\n @for (related of selectedEvent.related_to; track $index) {\n <bmb-hito-card\n [icon]=\"selectedEvent.icon || 'app_badging'\"\n [title]=\"related\"\n [type]=\"selectedEvent.type\"\n [id]=\"related\"\n [enable_bullet]=\"false\"\n [alternative_appearance]=\"true\"\n [isCompact]=\"true\"\n />\n }\n }\n </section>\n </div>\n }\n }\n </bmb-tabs>\n <section class=\"bmb_timestream-dialog-button-container\">\n <button bmbButton appearance=\"primary\" icon=\"fit_screen\">\n Ir a decisi\u00F3n\n </button>\n </section>\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_timestream{display:flex;container-type:inline-size;height:100%;background-color:var(--containers-background-fade);font-family:Poppins-Regular,sans-serif;font-size:.75rem;position:relative}.bmb_timestream-aside{display:none;background-color:var(--containers-main)}@container (min-width: 560px){.bmb_timestream-aside{width:50%;max-width:250px;display:block}}.bmb_timestream-main{width:100%}@container (min-width: 560px){.bmb_timestream-main{flex:1}}.bmb_timestream-error{flex:1}.bmb_timestream-dialog{display:flex;gap:var(--bmb-spacing-m);flex-direction:column;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_timestream-dialog-hero{margin:0;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-l)}.bmb_timestream-dialog-hero-image{width:100%;max-height:14.375rem;object-fit:cover}.bmb_timestream-dialog-user{display:flex;gap:var(--bmb-spacing-s);align-items:center}.bmb_timestream-dialog-user-name{color:var(--general_contrasts-75)}.bmb_timestream-dialog-user-date{color:RGBA(var(--color-charade-500))}.bmb_timestream-dialog-tab{padding:var(--bmb-spacing-m);color:var(--general_contrasts-75)}.bmb_timestream-dialog-tab-title{color:var(--general_contrasts-75);font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_timestream-dialog-tab-hito-list{display:flex;gap:var(--bmb-spacing-s);flex-flow:column;padding:var(--bmb-spacing-m)}.bmb_timestream-dialog-tab-duration{text-align:right;margin:var(--bmb-spacing-s) 0}.bmb_timestream-dialog .bmb_tabs-item{width:calc(50% - 2rem)}.bmb_timestream-dialog-button-container{padding:var(--bmb-spacing-m)}.bmb_timestream-dialog-button-container button{width:100%}.bmb_timestream-dialog-dual{margin:0 0 var(--bmb-spacing-m);display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-m)}.bmb_timestream-dialog-dual-title,.bmb_timestream-dialog-dual-data{width:calc(50% - var(--bmb-spacing-s))}.bmb_timestream-dialog-dual-data{text-align:right;margin:0}.bmb_timestream-micro{background-color:transparent;height:auto}.bmb_timestream-micro .bmb_hito-card-active:after{background-color:var(--general_contrasts-50)}\n"] }]
|
|
8013
8013
|
}], ctorParameters: () => [{ type: i1$2.MatDialog }], propDecorators: { modalTemplate: [{
|
|
8014
8014
|
type: ViewChild,
|
|
8015
8015
|
args: ['modalTemplate', { read: TemplateRef }]
|
|
@@ -8514,7 +8514,7 @@ class BmbChatBarComponent {
|
|
|
8514
8514
|
textarea.style.height = textarea.scrollHeight + 'px';
|
|
8515
8515
|
}
|
|
8516
8516
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbChatBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8517
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbChatBarComponent, isStandalone: true, selector: "bmb-chat-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, botList: { classPropertyName: "botList", publicName: "botList", isSignal: true, isRequired: false, transformFunction: null }, actionsList: { classPropertyName: "actionsList", publicName: "actionsList", isSignal: true, isRequired: false, transformFunction: null }, showEmoji: { classPropertyName: "showEmoji", publicName: "showEmoji", isSignal: true, isRequired: false, transformFunction: null }, currentBot: { classPropertyName: "currentBot", publicName: "currentBot", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentBot: "currentBotChange", isLoading: "isLoadingChange", onSendMessage: "onSendMessage", onSendFiles: "onSendFiles", onRecord: "onRecord", onEmoji: "onEmoji" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "textareaRef", first: true, predicate: ["textareaRef"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_chat-bar\" clickOutside (clickOutside)=\"clickOutside()\">\r\n <div\r\n class=\"bmb_chat-bar-container\"\r\n (drop)=\"onDrop($event)\"\r\n (dragover)=\"onDragOver($event)\"\r\n (dragleave)=\"onDragLeave($event)\"\r\n [ngClass]=\"{\r\n 'bmb_chat-bar-drag': onDragFiles,\r\n 'bmb_chat-bar-container-files': files.length > 0,\r\n }\"\r\n tabindex=\"0\"\r\n >\r\n <div\r\n class=\"bmb_chat-bar-files-list\"\r\n [ngClass]=\"{ 'bmb_chat-bar-files-list-active': files.length > 0 }\"\r\n >\r\n @for (file of files; track $index) {\r\n @if (file.type.includes(\"image\")) {\r\n <div class=\"bmb_chat-bar-files-list-image\">\r\n <img\r\n class=\"bmb_chat-bar-files-list-thumbnail\"\r\n [src]=\"arrayThumbnail[$index]\"\r\n [alt]=\"file.name\"\r\n />\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-files-list-image-delete\"\r\n icon=\"delete\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"deleteFile($index)\"\r\n />\r\n </div>\r\n } @else {\r\n <div class=\"bmb_chat-bar-files-list-option\">\r\n <bmb-icon\r\n class=\"bmb_chat-bar-files-list-option-icon\"\r\n icon=\"upload_file\"\r\n [size]=\"24\"\r\n />\r\n <span class=\"bmb_chat-bar-files-list-option-text\">\r\n {{ file.name }}\r\n </span>\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-files-list-option-delete\"\r\n icon=\"delete\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"deleteFile($index)\"\r\n />\r\n </div>\r\n }\r\n }\r\n </div>\r\n <div class=\"bmb_chat-bar-main\">\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-bot\"\r\n [icon]=\"currentBot()?.icon!\"\r\n [alt]=\"currentBot()?.name!\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"handleDialog()\"\r\n />\r\n @if (!onDragFiles) {\r\n <!-- <input\r\n id=\"bmbChatBarBot\"\r\n name=\"bmbChatBarBot\"\r\n class=\"bmb_chat-bar-input\"\r\n type=\"text\"\r\n [placeholder]=\"defaultPlaceholder()\"\r\n [formControl]=\"control\"\r\n autocomplete=\"off\"\r\n /> -->\r\n <textarea\r\n rows=\"2\"\r\n (input)=\"autoResize()\"\r\n #textareaRef\r\n id=\"bmbChatBarBot\"\r\n name=\"bmbChatBarBot\"\r\n class=\"bmb_chat-bar-input\"\r\n [placeholder]=\"defaultPlaceholder()\"\r\n [formControl]=\"control\"\r\n (keydown)=\"handleKeyDown($event)\"\r\n autocomplete=\"off\"\r\n ></textarea>\r\n <section class=\"bmb_chat-bar-container-btns\">\r\n @if (showMicControls) {\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-pause\"\r\n icon=\"pause\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"handleStopMic()\"\r\n />\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-record bmb_chat-bar-record-animated\"\r\n icon=\"graphic_eq\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"handleRecord()\"\r\n />\r\n } @else {\r\n @if (showEmoji()) {\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-emoji\"\r\n icon=\"mood\"\r\n [iconSize]=\"32\"\r\n (buttonClick)=\"handleEmoji()\"\r\n />\r\n }\r\n <section\r\n class=\"bmb_chat-bar-add-dialog\"\r\n [ngClass]=\"{\r\n 'bmb_chat-bar-add-dialog-active':\r\n openAddDialog && versionAddDialog == 'web',\r\n }\"\r\n >\r\n <ul class=\"bmb_chat-bar-add-dialog-list\">\r\n @for (bot of dActionsList(); track $index) {\r\n <li class=\"bmb_chat-bar-add-dialog-option\">\r\n <button\r\n type=\"button\"\r\n (click)=\"bot.action()\"\r\n class=\"bmb_chat-bar-add-dialog-option-button\"\r\n >\r\n <bmb-icon\r\n class=\"bmb_chat-bar-add-dialog-option-button-icon\"\r\n [icon]=\"bot.icon\"\r\n [size]=\"24\"\r\n />\r\n <p class=\"bmb_chat-bar-add-dialog-option-button-text\">\r\n {{ bot.name }}\r\n </p>\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n </section>\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-add\"\r\n icon=\"add\"\r\n [iconSize]=\"32\"\r\n (buttonClick)=\"handleAddDialog()\"\r\n />\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-mic\"\r\n icon=\"mic\"\r\n [iconSize]=\"32\"\r\n (buttonClick)=\"handleMic()\"\r\n />\r\n }\r\n </section>\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-send\"\r\n [ngClass]=\"{ 'bmb_chat-bar-send-animated': isLoading() }\"\r\n [icon]=\"isLoading() ? 'progress_activity' : 'send'\"\r\n [iconSize]=\"32\"\r\n [disabled]=\"\r\n (this.files.length == 0 && this.control.value == null) ||\r\n this.isLoading()!\r\n \"\r\n (buttonClick)=\"handleSend()\"\r\n />\r\n }\r\n\r\n @if (onDragFiles) {\r\n <div class=\"bmb_chat-bar-container-drag\">\r\n <p class=\"bmb_chat-bar-container-drag-text\">\r\n Arrastra tus archivos aqu\u00ED\r\n </p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n <div\r\n class=\"bmb_chat-bar-dialog\"\r\n [ngClass]=\"{ 'bmb_chat-bar-dialog-active': isDialogOpen }\"\r\n [ngStyle]=\"{ bottom: files.length > 0 ? '70%' : '50%' }\"\r\n >\r\n <ul class=\"bmb_chat-bar-dialog-list\">\r\n @if (isDialogOpen) {\r\n @for (bot of dBotList(); track $index) {\r\n <li class=\"bmb_chat-bar-dialog-option\">\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-dialog-button\"\r\n [ngClass]=\"{\r\n 'bmb_chat-bar-dialog-button-active':\r\n bot.name === currentBot()?.name,\r\n }\"\r\n [icon]=\"bot.icon\"\r\n [alt]=\"bot.name\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"handleChangeBot(bot)\"\r\n />\r\n </li>\r\n }\r\n }\r\n </ul>\r\n </div>\r\n <div\r\n class=\"bmb_chat-bar-mb-add-dialog\"\r\n [ngClass]=\"{\r\n 'bmb_chat-bar-mb-add-dialog-active':\r\n openAddDialog && versionAddDialog == 'mobile',\r\n }\"\r\n >\r\n <div class=\"bmb_chat-bar-mb-add-dialog-header\">\r\n <span class=\"bmb_chat-bar-mb-add-dialog-title\"> Opciones Chatbar </span>\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-mb-add-dialog-close\"\r\n icon=\"close\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"close()\"\r\n />\r\n </div>\r\n <div class=\"bmb_chat-bar-mb-add-dialog-body\">\r\n @for (bot of actionListPagination; track $index) {\r\n <div class=\"bmb_chat-bar-mb-add-dialog-item\">\r\n <div class=\"bmb_chat-bar-mb-add-dialog-icon\">\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-mb-add-dialog-button\"\r\n [icon]=\"bot.icon\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"bot.action()\"\r\n />\r\n </div>\r\n <p class=\"bmb_chat-bar-mb-add-dialog-label\">{{ bot.name }}</p>\r\n </div>\r\n }\r\n </div>\r\n\r\n <bmb-dot-paginator\r\n [activeDotIndex]=\"activeDot\"\r\n [totalDots]=\"totalDots()\"\r\n (onDotPress)=\"handleDotPress($event)\"\r\n />\r\n </div>\r\n <input\r\n multiple\r\n type=\"file\"\r\n id=\"inputFile\"\r\n (change)=\"onFileSelect($event)\"\r\n style=\"display: none\"\r\n />\r\n</section>\r\n", styles: ["@charset \"UTF-8\";@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_chat-bar{position:relative}.bmb_chat-bar-dialog{background-color:var(--containers-modal);border-radius:var(--bmb-radius-s) var(--bmb-radius-s) 0 0;bottom:100%;height:0;left:0;overflow:hidden;position:absolute;width:calc(100% - 2.5rem);z-index:1}.bmb_chat-bar-dialog-active{border-color:var(--buttons-inactive-step);border-style:solid;border-width:.0625rem .0625rem 0 .0625rem;bottom:50%;height:8.75rem;overflow:auto;transition:height .3s ease}.bmb_chat-bar-dialog-list{display:flex;gap:var(--bmb-spacing-m);list-style:none;margin:0;overflow:auto;padding:var(--bmb-spacing-m)}.bmb_chat-bar-dialog-button{align-items:center;background-color:var(--general_contrasts-50);border-radius:50%;box-shadow:var(--bmb-box-shadow-3);display:inline-flex;line-height:0;min-height:3.75rem;padding:10px}.bmb_chat-bar-dialog-button-active{background-color:var(--general_contrasts-100)}.bmb_chat-bar-container{background:var(--containers-main);border:.0625rem solid var(--general_contrasts-container-outline);border-radius:2.75rem;display:flex;flex-direction:column;gap:var(--bmb-spacing-m);justify-content:center;padding:.625rem 1rem;position:relative;z-index:2}.bmb_chat-bar-container-files{height:10.625rem}@media (max-width: 480px){.bmb_chat-bar-container-files{height:13.125rem}}.bmb_chat-bar-container-btns{align-items:center;display:flex;gap:var(--bmb-spacing-xs);padding-right:.25rem}.bmb_chat-bar-container-drag{align-items:flex-start;color:var(--general_contrasts-50);display:flex;flex:1;justify-content:center;padding:var(--bmb-spacing-m)}.bmb_chat-bar-container-drag-text{margin:0}.bmb_chat-bar-drag{border:.125rem dashed;border-color:var(--general_contrasts-50)}.bmb_chat-bar-main{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;width:100%}.bmb_chat-bar-bot{border:0 none;padding:0}.bmb_chat-bar-bot .bmb_icon-figure{align-items:center;background-color:var(--general_contrasts-50);border-radius:50%;display:flex;line-height:0;margin:0;padding:.625rem}.bmb_chat-bar-bot .bmb_icon-figure-image{width:100%}.bmb_chat-bar-input{background-color:transparent;border:none;color:var(--general_contrasts-50);flex:1;font-size:1rem;height:1lh;max-height:12lh;outline:none;overflow-y:auto;padding:0;resize:none;margin:0;field-sizing:content}.bmb_chat-bar-add{position:relative}.bmb_chat-bar-add-dialog{background-color:var(--containers-main);border-radius:var(--bmb-radius-m) var(--bmb-radius-m) var(--bmb-radius-m) var(--bmb-radius-m);box-shadow:var(--bmb-box-shadow-3);display:none;position:absolute;width:21.875rem}.bmb_chat-bar-add-dialog-active{bottom:90%;display:block;max-height:9.0625rem;min-height:3.125rem;overflow-y:scroll;transform:translate(-90%);transition:height .3s ease}.bmb_chat-bar-add-dialog-list{display:flex;flex-direction:column;gap:var(--bmb-spacing-xs);list-style:none;margin:0;padding:var(--bmb-spacing-s)}.bmb_chat-bar-add-dialog-option{align-items:center;cursor:pointer;display:flex;height:2.5rem;padding-left:.625rem}.bmb_chat-bar-add-dialog-option-button{align-items:center;display:flex;line-height:0;padding:.3125rem;vertical-align:middle;width:100%}.bmb_chat-bar-add-dialog-option-button-text{color:var(--general_contrasts-100);margin:0;padding-left:.9375rem;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_chat-bar-add-dialog-option-button-icon{color:var(--general_contrasts-100)!important}@media screen and (max-width: 560px){.bmb_chat-bar-mic{display:none}}.bmb_chat-bar-pause bmb-icon{color:var(--red-primary)!important}.bmb_chat-bar-record-animated .material-symbols-rounded{animation-duration:3s;animation-iteration-count:infinite;animation-name:recordColor}.bmb_chat-bar-send-animated .material-symbols-rounded{animation:loading 1.5s ease infinite}.bmb_chat-bar-files-list{display:none;gap:var(--bmb-spacing-m);overflow-x:scroll;overflow-y:hidden}@media (max-width: 480px){.bmb_chat-bar-files-list{direction:rtl;overflow-x:hidden;overflow-y:scroll}}.bmb_chat-bar-files-list-image{height:3.125rem;min-width:3.125rem;position:relative;width:3.125rem}@media (max-width: 480px){.bmb_chat-bar-files-list-image{height:4.6875rem;width:4.6875rem}}.bmb_chat-bar-files-list-image-delete{position:absolute;right:15%;top:25%;transform:translateY(-50%) translate(50%)}.bmb_chat-bar-files-list-thumbnail{aspect-ratio:1/1;border-radius:.625rem;object-fit:cover;width:100%}.bmb_chat-bar-files-list-active{align-items:center;display:flex;height:4.375rem}@media (max-width: 480px){.bmb_chat-bar-files-list-active{flex-direction:column;height:6.25rem}}.bmb_chat-bar-files-list-option{align-items:center;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-25);border-radius:.3125rem;display:flex;height:3.125rem;min-width:12.5rem;padding:.125rem .625rem;position:relative;width:15.625rem}@media (max-width: 480px){.bmb_chat-bar-files-list-option{direction:ltr;height:3.4375rem;padding:.9375rem .5rem;width:21.875rem}}.bmb_chat-bar-files-list-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:11.25rem}.bmb_chat-bar-files-list-option-icon .material-symbols-rounded{color:RGBA(var(--color-mariner-500));padding-right:.3125rem}.bmb_chat-bar-files-list-option-delete{left:105%;position:absolute;top:50%;transform:translateY(-100%) translate(-100%)}.bmb_chat-bar-mb-add-dialog{background-color:var(--general_contrasts-5);border:.0625rem solid var(--buttons-inactive-step);border-radius:1.25rem;display:none;flex-direction:column;height:100%;left:0;margin:0;padding:var(--bmb-spacing-l);position:fixed;top:0;width:100%;z-index:99}.bmb_chat-bar-mb-add-dialog-active{display:block}.bmb_chat-bar-mb-add-dialog-header{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem;align-items:center;display:flex;height:5rem;justify-content:space-between;padding:var(--bmb-spacing-m);width:100%}.bmb_chat-bar-mb-add-dialog-body{display:grid;grid-column-gap:0;grid-row-gap:0;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:85%;width:100%}.bmb_chat-bar-mb-add-dialog-item{align-items:center;display:flex;flex-direction:column;justify-content:center}.bmb_chat-bar-mb-add-dialog-icon{align-items:center;background-color:var(--general_contrasts-20);border-radius:50%;color:var(--general_contrasts-50);display:flex;height:4.375rem;justify-content:center;margin-bottom:1.25rem;width:4.375rem}.bmb_chat-bar-mb-add-dialog-button{align-items:center;display:flex;line-height:0;padding:.3125rem;vertical-align:middle}.bmb_chat-bar-mb-add-dialog-label{font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 480px){.bmb_chat-bar-mb-add-dialog-label{overflow-wrap:break-word;word-wrap:break-word}}.bmb_chat-bar-mb-add-dialog-close .material-symbols-rounded{color:var(--general_contrasts-100)}.bmb_chat-bar bmb-icon{color:var(--general_contrasts-50)}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes recordColor{0%{color:var(--green-primary)}25%{color:var(--general_contrasts-50)}50%{color:var(--green-primary)}75%{color:var(--general_contrasts-50)}to{color:var(--green-primary)}}\n"], dependencies: [{ kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: BmbDotPaginatorComponent, selector: "bmb-dot-paginator", inputs: ["activeDotIndex", "totalDots", "targets", "appearance"], outputs: ["activeDotIndexChange", "onDotPress"] }, { 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: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8517
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbChatBarComponent, isStandalone: true, selector: "bmb-chat-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, botList: { classPropertyName: "botList", publicName: "botList", isSignal: true, isRequired: false, transformFunction: null }, actionsList: { classPropertyName: "actionsList", publicName: "actionsList", isSignal: true, isRequired: false, transformFunction: null }, showEmoji: { classPropertyName: "showEmoji", publicName: "showEmoji", isSignal: true, isRequired: false, transformFunction: null }, currentBot: { classPropertyName: "currentBot", publicName: "currentBot", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentBot: "currentBotChange", isLoading: "isLoadingChange", onSendMessage: "onSendMessage", onSendFiles: "onSendFiles", onRecord: "onRecord", onEmoji: "onEmoji" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "textareaRef", first: true, predicate: ["textareaRef"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_chat-bar\" clickOutside (clickOutside)=\"clickOutside()\">\n <div\n class=\"bmb_chat-bar-container\"\n (drop)=\"onDrop($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [ngClass]=\"{\n 'bmb_chat-bar-drag': onDragFiles,\n 'bmb_chat-bar-container-files': files.length > 0,\n }\"\n tabindex=\"0\"\n >\n <div\n class=\"bmb_chat-bar-files-list\"\n [ngClass]=\"{ 'bmb_chat-bar-files-list-active': files.length > 0 }\"\n >\n @for (file of files; track $index) {\n @if (file.type.includes(\"image\")) {\n <div class=\"bmb_chat-bar-files-list-image\">\n <img\n class=\"bmb_chat-bar-files-list-thumbnail\"\n [src]=\"arrayThumbnail[$index]\"\n [alt]=\"file.name\"\n />\n <bmb-action-icon\n class=\"bmb_chat-bar-files-list-image-delete\"\n icon=\"delete\"\n [iconSize]=\"24\"\n (buttonClick)=\"deleteFile($index)\"\n />\n </div>\n } @else {\n <div class=\"bmb_chat-bar-files-list-option\">\n <bmb-icon\n class=\"bmb_chat-bar-files-list-option-icon\"\n icon=\"upload_file\"\n [size]=\"24\"\n />\n <span class=\"bmb_chat-bar-files-list-option-text\">\n {{ file.name }}\n </span>\n <bmb-action-icon\n class=\"bmb_chat-bar-files-list-option-delete\"\n icon=\"delete\"\n [iconSize]=\"24\"\n (buttonClick)=\"deleteFile($index)\"\n />\n </div>\n }\n }\n </div>\n <div class=\"bmb_chat-bar-main\">\n <bmb-action-icon\n class=\"bmb_chat-bar-bot\"\n [icon]=\"currentBot()?.icon!\"\n [alt]=\"currentBot()?.name!\"\n [iconSize]=\"40\"\n (buttonClick)=\"handleDialog()\"\n />\n @if (!onDragFiles) {\n <!-- <input\n id=\"bmbChatBarBot\"\n name=\"bmbChatBarBot\"\n class=\"bmb_chat-bar-input\"\n type=\"text\"\n [placeholder]=\"defaultPlaceholder()\"\n [formControl]=\"control\"\n autocomplete=\"off\"\n /> -->\n <textarea\n rows=\"2\"\n (input)=\"autoResize()\"\n #textareaRef\n id=\"bmbChatBarBot\"\n name=\"bmbChatBarBot\"\n class=\"bmb_chat-bar-input\"\n [placeholder]=\"defaultPlaceholder()\"\n [formControl]=\"control\"\n (keydown)=\"handleKeyDown($event)\"\n autocomplete=\"off\"\n ></textarea>\n <section class=\"bmb_chat-bar-container-btns\">\n @if (showMicControls) {\n <bmb-action-icon\n class=\"bmb_chat-bar-pause\"\n icon=\"pause\"\n [iconSize]=\"40\"\n (buttonClick)=\"handleStopMic()\"\n />\n <bmb-action-icon\n class=\"bmb_chat-bar-record bmb_chat-bar-record-animated\"\n icon=\"graphic_eq\"\n [iconSize]=\"40\"\n (buttonClick)=\"handleRecord()\"\n />\n } @else {\n @if (showEmoji()) {\n <bmb-action-icon\n class=\"bmb_chat-bar-emoji\"\n icon=\"mood\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleEmoji()\"\n />\n }\n <section\n class=\"bmb_chat-bar-add-dialog\"\n [ngClass]=\"{\n 'bmb_chat-bar-add-dialog-active':\n openAddDialog && versionAddDialog == 'web',\n }\"\n >\n <ul class=\"bmb_chat-bar-add-dialog-list\">\n @for (bot of dActionsList(); track $index) {\n <li class=\"bmb_chat-bar-add-dialog-option\">\n <button\n type=\"button\"\n (click)=\"bot.action()\"\n class=\"bmb_chat-bar-add-dialog-option-button\"\n >\n <bmb-icon\n class=\"bmb_chat-bar-add-dialog-option-button-icon\"\n [icon]=\"bot.icon\"\n [size]=\"24\"\n />\n <p class=\"bmb_chat-bar-add-dialog-option-button-text\">\n {{ bot.name }}\n </p>\n </button>\n </li>\n }\n </ul>\n </section>\n <bmb-action-icon\n class=\"bmb_chat-bar-add\"\n icon=\"add\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleAddDialog()\"\n />\n <bmb-action-icon\n class=\"bmb_chat-bar-mic\"\n icon=\"mic\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleMic()\"\n />\n }\n </section>\n <bmb-action-icon\n class=\"bmb_chat-bar-send\"\n [ngClass]=\"{ 'bmb_chat-bar-send-animated': isLoading() }\"\n [icon]=\"isLoading() ? 'progress_activity' : 'send'\"\n [iconSize]=\"32\"\n [disabled]=\"\n (this.files.length == 0 && this.control.value == null) ||\n this.isLoading()!\n \"\n (buttonClick)=\"handleSend()\"\n />\n }\n\n @if (onDragFiles) {\n <div class=\"bmb_chat-bar-container-drag\">\n <p class=\"bmb_chat-bar-container-drag-text\">\n Arrastra tus archivos aqu\u00ED\n </p>\n </div>\n }\n </div>\n </div>\n <div\n class=\"bmb_chat-bar-dialog\"\n [ngClass]=\"{ 'bmb_chat-bar-dialog-active': isDialogOpen }\"\n [ngStyle]=\"{ bottom: files.length > 0 ? '70%' : '50%' }\"\n >\n <ul class=\"bmb_chat-bar-dialog-list\">\n @if (isDialogOpen) {\n @for (bot of dBotList(); track $index) {\n <li class=\"bmb_chat-bar-dialog-option\">\n <bmb-action-icon\n class=\"bmb_chat-bar-dialog-button\"\n [ngClass]=\"{\n 'bmb_chat-bar-dialog-button-active':\n bot.name === currentBot()?.name,\n }\"\n [icon]=\"bot.icon\"\n [alt]=\"bot.name\"\n [iconSize]=\"40\"\n (buttonClick)=\"handleChangeBot(bot)\"\n />\n </li>\n }\n }\n </ul>\n </div>\n <div\n class=\"bmb_chat-bar-mb-add-dialog\"\n [ngClass]=\"{\n 'bmb_chat-bar-mb-add-dialog-active':\n openAddDialog && versionAddDialog == 'mobile',\n }\"\n >\n <div class=\"bmb_chat-bar-mb-add-dialog-header\">\n <span class=\"bmb_chat-bar-mb-add-dialog-title\"> Opciones Chatbar </span>\n <bmb-action-icon\n class=\"bmb_chat-bar-mb-add-dialog-close\"\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"close()\"\n />\n </div>\n <div class=\"bmb_chat-bar-mb-add-dialog-body\">\n @for (bot of actionListPagination; track $index) {\n <div class=\"bmb_chat-bar-mb-add-dialog-item\">\n <div class=\"bmb_chat-bar-mb-add-dialog-icon\">\n <bmb-action-icon\n class=\"bmb_chat-bar-mb-add-dialog-button\"\n [icon]=\"bot.icon\"\n [iconSize]=\"40\"\n (buttonClick)=\"bot.action()\"\n />\n </div>\n <p class=\"bmb_chat-bar-mb-add-dialog-label\">{{ bot.name }}</p>\n </div>\n }\n </div>\n\n <bmb-dot-paginator\n [activeDotIndex]=\"activeDot\"\n [totalDots]=\"totalDots()\"\n (onDotPress)=\"handleDotPress($event)\"\n />\n </div>\n <input\n multiple\n type=\"file\"\n id=\"inputFile\"\n (change)=\"onFileSelect($event)\"\n style=\"display: none\"\n />\n</section>\n", styles: ["@charset \"UTF-8\";@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_chat-bar{position:relative}.bmb_chat-bar-dialog{background-color:var(--containers-modal);border-radius:var(--bmb-radius-s) var(--bmb-radius-s) 0 0;bottom:100%;height:0;left:0;overflow:hidden;position:absolute;width:calc(100% - 2.5rem);z-index:1}.bmb_chat-bar-dialog-active{border-color:var(--buttons-inactive-step);border-style:solid;border-width:.0625rem .0625rem 0 .0625rem;bottom:50%;height:8.75rem;overflow:auto;transition:height .3s ease}.bmb_chat-bar-dialog-list{display:flex;gap:var(--bmb-spacing-m);list-style:none;margin:0;overflow:auto;padding:var(--bmb-spacing-m)}.bmb_chat-bar-dialog-button{align-items:center;background-color:var(--general_contrasts-50);border-radius:50%;box-shadow:var(--bmb-box-shadow-3);display:inline-flex;line-height:0;min-height:3.75rem;padding:10px}.bmb_chat-bar-dialog-button-active{background-color:var(--general_contrasts-100)}.bmb_chat-bar-container{background:var(--containers-main);border:.0625rem solid var(--general_contrasts-container-outline);border-radius:2.75rem;display:flex;flex-direction:column;gap:var(--bmb-spacing-m);justify-content:center;padding:.625rem 1rem;position:relative;z-index:2}.bmb_chat-bar-container-files{height:10.625rem}@media (max-width: 480px){.bmb_chat-bar-container-files{height:13.125rem}}.bmb_chat-bar-container-btns{align-items:center;display:flex;gap:var(--bmb-spacing-xs);padding-right:.25rem}.bmb_chat-bar-container-drag{align-items:flex-start;color:var(--general_contrasts-50);display:flex;flex:1;justify-content:center;padding:var(--bmb-spacing-m)}.bmb_chat-bar-container-drag-text{margin:0}.bmb_chat-bar-drag{border:.125rem dashed;border-color:var(--general_contrasts-50)}.bmb_chat-bar-main{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;width:100%}.bmb_chat-bar-bot{border:0 none;padding:0}.bmb_chat-bar-bot .bmb_icon-figure{align-items:center;background-color:var(--general_contrasts-50);border-radius:50%;display:flex;line-height:0;margin:0;padding:.625rem}.bmb_chat-bar-bot .bmb_icon-figure-image{width:100%}.bmb_chat-bar-input{background-color:transparent;border:none;color:var(--general_contrasts-50);flex:1;font-size:1rem;height:1lh;max-height:12lh;outline:none;overflow-y:auto;padding:0;resize:none;margin:0;field-sizing:content}.bmb_chat-bar-add{position:relative}.bmb_chat-bar-add-dialog{background-color:var(--containers-main);border-radius:var(--bmb-radius-m) var(--bmb-radius-m) var(--bmb-radius-m) var(--bmb-radius-m);box-shadow:var(--bmb-box-shadow-3);display:none;position:absolute;width:21.875rem}.bmb_chat-bar-add-dialog-active{bottom:90%;display:block;max-height:9.0625rem;min-height:3.125rem;overflow-y:scroll;transform:translate(-90%);transition:height .3s ease}.bmb_chat-bar-add-dialog-list{display:flex;flex-direction:column;gap:var(--bmb-spacing-xs);list-style:none;margin:0;padding:var(--bmb-spacing-s)}.bmb_chat-bar-add-dialog-option{align-items:center;cursor:pointer;display:flex;height:2.5rem;padding-left:.625rem}.bmb_chat-bar-add-dialog-option-button{align-items:center;display:flex;line-height:0;padding:.3125rem;vertical-align:middle;width:100%}.bmb_chat-bar-add-dialog-option-button-text{color:var(--general_contrasts-100);margin:0;padding-left:.9375rem;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_chat-bar-add-dialog-option-button-icon{color:var(--general_contrasts-100)!important}@media screen and (max-width: 560px){.bmb_chat-bar-mic{display:none}}.bmb_chat-bar-pause bmb-icon{color:var(--red-primary)!important}.bmb_chat-bar-record-animated .material-symbols-rounded{animation-duration:3s;animation-iteration-count:infinite;animation-name:recordColor}.bmb_chat-bar-send-animated .material-symbols-rounded{animation:loading 1.5s ease infinite}.bmb_chat-bar-files-list{display:none;gap:var(--bmb-spacing-m);overflow-x:scroll;overflow-y:hidden}@media (max-width: 480px){.bmb_chat-bar-files-list{direction:rtl;overflow-x:hidden;overflow-y:scroll}}.bmb_chat-bar-files-list-image{height:3.125rem;min-width:3.125rem;position:relative;width:3.125rem}@media (max-width: 480px){.bmb_chat-bar-files-list-image{height:4.6875rem;width:4.6875rem}}.bmb_chat-bar-files-list-image-delete{position:absolute;right:15%;top:25%;transform:translateY(-50%) translate(50%)}.bmb_chat-bar-files-list-thumbnail{aspect-ratio:1/1;border-radius:.625rem;object-fit:cover;width:100%}.bmb_chat-bar-files-list-active{align-items:center;display:flex;height:4.375rem}@media (max-width: 480px){.bmb_chat-bar-files-list-active{flex-direction:column;height:6.25rem}}.bmb_chat-bar-files-list-option{align-items:center;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-25);border-radius:.3125rem;display:flex;height:3.125rem;min-width:12.5rem;padding:.125rem .625rem;position:relative;width:15.625rem}@media (max-width: 480px){.bmb_chat-bar-files-list-option{direction:ltr;height:3.4375rem;padding:.9375rem .5rem;width:21.875rem}}.bmb_chat-bar-files-list-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:11.25rem}.bmb_chat-bar-files-list-option-icon .material-symbols-rounded{color:RGBA(var(--color-mariner-500));padding-right:.3125rem}.bmb_chat-bar-files-list-option-delete{left:105%;position:absolute;top:50%;transform:translateY(-100%) translate(-100%)}.bmb_chat-bar-mb-add-dialog{background-color:var(--general_contrasts-5);border:.0625rem solid var(--buttons-inactive-step);border-radius:1.25rem;display:none;flex-direction:column;height:100%;left:0;margin:0;padding:var(--bmb-spacing-l);position:fixed;top:0;width:100%;z-index:99}.bmb_chat-bar-mb-add-dialog-active{display:block}.bmb_chat-bar-mb-add-dialog-header{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem;align-items:center;display:flex;height:5rem;justify-content:space-between;padding:var(--bmb-spacing-m);width:100%}.bmb_chat-bar-mb-add-dialog-body{display:grid;grid-column-gap:0;grid-row-gap:0;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:85%;width:100%}.bmb_chat-bar-mb-add-dialog-item{align-items:center;display:flex;flex-direction:column;justify-content:center}.bmb_chat-bar-mb-add-dialog-icon{align-items:center;background-color:var(--general_contrasts-20);border-radius:50%;color:var(--general_contrasts-50);display:flex;height:4.375rem;justify-content:center;margin-bottom:1.25rem;width:4.375rem}.bmb_chat-bar-mb-add-dialog-button{align-items:center;display:flex;line-height:0;padding:.3125rem;vertical-align:middle}.bmb_chat-bar-mb-add-dialog-label{font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 480px){.bmb_chat-bar-mb-add-dialog-label{overflow-wrap:break-word;word-wrap:break-word}}.bmb_chat-bar-mb-add-dialog-close .material-symbols-rounded{color:var(--general_contrasts-100)}.bmb_chat-bar bmb-icon{color:var(--general_contrasts-50)}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes recordColor{0%{color:var(--green-primary)}25%{color:var(--general_contrasts-50)}50%{color:var(--green-primary)}75%{color:var(--general_contrasts-50)}to{color:var(--green-primary)}}\n"], dependencies: [{ kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: BmbDotPaginatorComponent, selector: "bmb-dot-paginator", inputs: ["activeDotIndex", "totalDots", "targets", "appearance"], outputs: ["activeDotIndexChange", "onDotPress"] }, { 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: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8518
8518
|
}
|
|
8519
8519
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbChatBarComponent, decorators: [{
|
|
8520
8520
|
type: Component,
|
|
@@ -8525,7 +8525,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
8525
8525
|
BmbDotPaginatorComponent,
|
|
8526
8526
|
BmbActionIconComponent,
|
|
8527
8527
|
ClickOutsideDirective,
|
|
8528
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_chat-bar\" clickOutside (clickOutside)=\"clickOutside()\">\r\n <div\r\n class=\"bmb_chat-bar-container\"\r\n (drop)=\"onDrop($event)\"\r\n (dragover)=\"onDragOver($event)\"\r\n (dragleave)=\"onDragLeave($event)\"\r\n [ngClass]=\"{\r\n 'bmb_chat-bar-drag': onDragFiles,\r\n 'bmb_chat-bar-container-files': files.length > 0,\r\n }\"\r\n tabindex=\"0\"\r\n >\r\n <div\r\n class=\"bmb_chat-bar-files-list\"\r\n [ngClass]=\"{ 'bmb_chat-bar-files-list-active': files.length > 0 }\"\r\n >\r\n @for (file of files; track $index) {\r\n @if (file.type.includes(\"image\")) {\r\n <div class=\"bmb_chat-bar-files-list-image\">\r\n <img\r\n class=\"bmb_chat-bar-files-list-thumbnail\"\r\n [src]=\"arrayThumbnail[$index]\"\r\n [alt]=\"file.name\"\r\n />\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-files-list-image-delete\"\r\n icon=\"delete\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"deleteFile($index)\"\r\n />\r\n </div>\r\n } @else {\r\n <div class=\"bmb_chat-bar-files-list-option\">\r\n <bmb-icon\r\n class=\"bmb_chat-bar-files-list-option-icon\"\r\n icon=\"upload_file\"\r\n [size]=\"24\"\r\n />\r\n <span class=\"bmb_chat-bar-files-list-option-text\">\r\n {{ file.name }}\r\n </span>\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-files-list-option-delete\"\r\n icon=\"delete\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"deleteFile($index)\"\r\n />\r\n </div>\r\n }\r\n }\r\n </div>\r\n <div class=\"bmb_chat-bar-main\">\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-bot\"\r\n [icon]=\"currentBot()?.icon!\"\r\n [alt]=\"currentBot()?.name!\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"handleDialog()\"\r\n />\r\n @if (!onDragFiles) {\r\n <!-- <input\r\n id=\"bmbChatBarBot\"\r\n name=\"bmbChatBarBot\"\r\n class=\"bmb_chat-bar-input\"\r\n type=\"text\"\r\n [placeholder]=\"defaultPlaceholder()\"\r\n [formControl]=\"control\"\r\n autocomplete=\"off\"\r\n /> -->\r\n <textarea\r\n rows=\"2\"\r\n (input)=\"autoResize()\"\r\n #textareaRef\r\n id=\"bmbChatBarBot\"\r\n name=\"bmbChatBarBot\"\r\n class=\"bmb_chat-bar-input\"\r\n [placeholder]=\"defaultPlaceholder()\"\r\n [formControl]=\"control\"\r\n (keydown)=\"handleKeyDown($event)\"\r\n autocomplete=\"off\"\r\n ></textarea>\r\n <section class=\"bmb_chat-bar-container-btns\">\r\n @if (showMicControls) {\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-pause\"\r\n icon=\"pause\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"handleStopMic()\"\r\n />\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-record bmb_chat-bar-record-animated\"\r\n icon=\"graphic_eq\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"handleRecord()\"\r\n />\r\n } @else {\r\n @if (showEmoji()) {\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-emoji\"\r\n icon=\"mood\"\r\n [iconSize]=\"32\"\r\n (buttonClick)=\"handleEmoji()\"\r\n />\r\n }\r\n <section\r\n class=\"bmb_chat-bar-add-dialog\"\r\n [ngClass]=\"{\r\n 'bmb_chat-bar-add-dialog-active':\r\n openAddDialog && versionAddDialog == 'web',\r\n }\"\r\n >\r\n <ul class=\"bmb_chat-bar-add-dialog-list\">\r\n @for (bot of dActionsList(); track $index) {\r\n <li class=\"bmb_chat-bar-add-dialog-option\">\r\n <button\r\n type=\"button\"\r\n (click)=\"bot.action()\"\r\n class=\"bmb_chat-bar-add-dialog-option-button\"\r\n >\r\n <bmb-icon\r\n class=\"bmb_chat-bar-add-dialog-option-button-icon\"\r\n [icon]=\"bot.icon\"\r\n [size]=\"24\"\r\n />\r\n <p class=\"bmb_chat-bar-add-dialog-option-button-text\">\r\n {{ bot.name }}\r\n </p>\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n </section>\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-add\"\r\n icon=\"add\"\r\n [iconSize]=\"32\"\r\n (buttonClick)=\"handleAddDialog()\"\r\n />\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-mic\"\r\n icon=\"mic\"\r\n [iconSize]=\"32\"\r\n (buttonClick)=\"handleMic()\"\r\n />\r\n }\r\n </section>\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-send\"\r\n [ngClass]=\"{ 'bmb_chat-bar-send-animated': isLoading() }\"\r\n [icon]=\"isLoading() ? 'progress_activity' : 'send'\"\r\n [iconSize]=\"32\"\r\n [disabled]=\"\r\n (this.files.length == 0 && this.control.value == null) ||\r\n this.isLoading()!\r\n \"\r\n (buttonClick)=\"handleSend()\"\r\n />\r\n }\r\n\r\n @if (onDragFiles) {\r\n <div class=\"bmb_chat-bar-container-drag\">\r\n <p class=\"bmb_chat-bar-container-drag-text\">\r\n Arrastra tus archivos aqu\u00ED\r\n </p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n <div\r\n class=\"bmb_chat-bar-dialog\"\r\n [ngClass]=\"{ 'bmb_chat-bar-dialog-active': isDialogOpen }\"\r\n [ngStyle]=\"{ bottom: files.length > 0 ? '70%' : '50%' }\"\r\n >\r\n <ul class=\"bmb_chat-bar-dialog-list\">\r\n @if (isDialogOpen) {\r\n @for (bot of dBotList(); track $index) {\r\n <li class=\"bmb_chat-bar-dialog-option\">\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-dialog-button\"\r\n [ngClass]=\"{\r\n 'bmb_chat-bar-dialog-button-active':\r\n bot.name === currentBot()?.name,\r\n }\"\r\n [icon]=\"bot.icon\"\r\n [alt]=\"bot.name\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"handleChangeBot(bot)\"\r\n />\r\n </li>\r\n }\r\n }\r\n </ul>\r\n </div>\r\n <div\r\n class=\"bmb_chat-bar-mb-add-dialog\"\r\n [ngClass]=\"{\r\n 'bmb_chat-bar-mb-add-dialog-active':\r\n openAddDialog && versionAddDialog == 'mobile',\r\n }\"\r\n >\r\n <div class=\"bmb_chat-bar-mb-add-dialog-header\">\r\n <span class=\"bmb_chat-bar-mb-add-dialog-title\"> Opciones Chatbar </span>\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-mb-add-dialog-close\"\r\n icon=\"close\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"close()\"\r\n />\r\n </div>\r\n <div class=\"bmb_chat-bar-mb-add-dialog-body\">\r\n @for (bot of actionListPagination; track $index) {\r\n <div class=\"bmb_chat-bar-mb-add-dialog-item\">\r\n <div class=\"bmb_chat-bar-mb-add-dialog-icon\">\r\n <bmb-action-icon\r\n class=\"bmb_chat-bar-mb-add-dialog-button\"\r\n [icon]=\"bot.icon\"\r\n [iconSize]=\"40\"\r\n (buttonClick)=\"bot.action()\"\r\n />\r\n </div>\r\n <p class=\"bmb_chat-bar-mb-add-dialog-label\">{{ bot.name }}</p>\r\n </div>\r\n }\r\n </div>\r\n\r\n <bmb-dot-paginator\r\n [activeDotIndex]=\"activeDot\"\r\n [totalDots]=\"totalDots()\"\r\n (onDotPress)=\"handleDotPress($event)\"\r\n />\r\n </div>\r\n <input\r\n multiple\r\n type=\"file\"\r\n id=\"inputFile\"\r\n (change)=\"onFileSelect($event)\"\r\n style=\"display: none\"\r\n />\r\n</section>\r\n", styles: ["@charset \"UTF-8\";@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_chat-bar{position:relative}.bmb_chat-bar-dialog{background-color:var(--containers-modal);border-radius:var(--bmb-radius-s) var(--bmb-radius-s) 0 0;bottom:100%;height:0;left:0;overflow:hidden;position:absolute;width:calc(100% - 2.5rem);z-index:1}.bmb_chat-bar-dialog-active{border-color:var(--buttons-inactive-step);border-style:solid;border-width:.0625rem .0625rem 0 .0625rem;bottom:50%;height:8.75rem;overflow:auto;transition:height .3s ease}.bmb_chat-bar-dialog-list{display:flex;gap:var(--bmb-spacing-m);list-style:none;margin:0;overflow:auto;padding:var(--bmb-spacing-m)}.bmb_chat-bar-dialog-button{align-items:center;background-color:var(--general_contrasts-50);border-radius:50%;box-shadow:var(--bmb-box-shadow-3);display:inline-flex;line-height:0;min-height:3.75rem;padding:10px}.bmb_chat-bar-dialog-button-active{background-color:var(--general_contrasts-100)}.bmb_chat-bar-container{background:var(--containers-main);border:.0625rem solid var(--general_contrasts-container-outline);border-radius:2.75rem;display:flex;flex-direction:column;gap:var(--bmb-spacing-m);justify-content:center;padding:.625rem 1rem;position:relative;z-index:2}.bmb_chat-bar-container-files{height:10.625rem}@media (max-width: 480px){.bmb_chat-bar-container-files{height:13.125rem}}.bmb_chat-bar-container-btns{align-items:center;display:flex;gap:var(--bmb-spacing-xs);padding-right:.25rem}.bmb_chat-bar-container-drag{align-items:flex-start;color:var(--general_contrasts-50);display:flex;flex:1;justify-content:center;padding:var(--bmb-spacing-m)}.bmb_chat-bar-container-drag-text{margin:0}.bmb_chat-bar-drag{border:.125rem dashed;border-color:var(--general_contrasts-50)}.bmb_chat-bar-main{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;width:100%}.bmb_chat-bar-bot{border:0 none;padding:0}.bmb_chat-bar-bot .bmb_icon-figure{align-items:center;background-color:var(--general_contrasts-50);border-radius:50%;display:flex;line-height:0;margin:0;padding:.625rem}.bmb_chat-bar-bot .bmb_icon-figure-image{width:100%}.bmb_chat-bar-input{background-color:transparent;border:none;color:var(--general_contrasts-50);flex:1;font-size:1rem;height:1lh;max-height:12lh;outline:none;overflow-y:auto;padding:0;resize:none;margin:0;field-sizing:content}.bmb_chat-bar-add{position:relative}.bmb_chat-bar-add-dialog{background-color:var(--containers-main);border-radius:var(--bmb-radius-m) var(--bmb-radius-m) var(--bmb-radius-m) var(--bmb-radius-m);box-shadow:var(--bmb-box-shadow-3);display:none;position:absolute;width:21.875rem}.bmb_chat-bar-add-dialog-active{bottom:90%;display:block;max-height:9.0625rem;min-height:3.125rem;overflow-y:scroll;transform:translate(-90%);transition:height .3s ease}.bmb_chat-bar-add-dialog-list{display:flex;flex-direction:column;gap:var(--bmb-spacing-xs);list-style:none;margin:0;padding:var(--bmb-spacing-s)}.bmb_chat-bar-add-dialog-option{align-items:center;cursor:pointer;display:flex;height:2.5rem;padding-left:.625rem}.bmb_chat-bar-add-dialog-option-button{align-items:center;display:flex;line-height:0;padding:.3125rem;vertical-align:middle;width:100%}.bmb_chat-bar-add-dialog-option-button-text{color:var(--general_contrasts-100);margin:0;padding-left:.9375rem;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_chat-bar-add-dialog-option-button-icon{color:var(--general_contrasts-100)!important}@media screen and (max-width: 560px){.bmb_chat-bar-mic{display:none}}.bmb_chat-bar-pause bmb-icon{color:var(--red-primary)!important}.bmb_chat-bar-record-animated .material-symbols-rounded{animation-duration:3s;animation-iteration-count:infinite;animation-name:recordColor}.bmb_chat-bar-send-animated .material-symbols-rounded{animation:loading 1.5s ease infinite}.bmb_chat-bar-files-list{display:none;gap:var(--bmb-spacing-m);overflow-x:scroll;overflow-y:hidden}@media (max-width: 480px){.bmb_chat-bar-files-list{direction:rtl;overflow-x:hidden;overflow-y:scroll}}.bmb_chat-bar-files-list-image{height:3.125rem;min-width:3.125rem;position:relative;width:3.125rem}@media (max-width: 480px){.bmb_chat-bar-files-list-image{height:4.6875rem;width:4.6875rem}}.bmb_chat-bar-files-list-image-delete{position:absolute;right:15%;top:25%;transform:translateY(-50%) translate(50%)}.bmb_chat-bar-files-list-thumbnail{aspect-ratio:1/1;border-radius:.625rem;object-fit:cover;width:100%}.bmb_chat-bar-files-list-active{align-items:center;display:flex;height:4.375rem}@media (max-width: 480px){.bmb_chat-bar-files-list-active{flex-direction:column;height:6.25rem}}.bmb_chat-bar-files-list-option{align-items:center;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-25);border-radius:.3125rem;display:flex;height:3.125rem;min-width:12.5rem;padding:.125rem .625rem;position:relative;width:15.625rem}@media (max-width: 480px){.bmb_chat-bar-files-list-option{direction:ltr;height:3.4375rem;padding:.9375rem .5rem;width:21.875rem}}.bmb_chat-bar-files-list-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:11.25rem}.bmb_chat-bar-files-list-option-icon .material-symbols-rounded{color:RGBA(var(--color-mariner-500));padding-right:.3125rem}.bmb_chat-bar-files-list-option-delete{left:105%;position:absolute;top:50%;transform:translateY(-100%) translate(-100%)}.bmb_chat-bar-mb-add-dialog{background-color:var(--general_contrasts-5);border:.0625rem solid var(--buttons-inactive-step);border-radius:1.25rem;display:none;flex-direction:column;height:100%;left:0;margin:0;padding:var(--bmb-spacing-l);position:fixed;top:0;width:100%;z-index:99}.bmb_chat-bar-mb-add-dialog-active{display:block}.bmb_chat-bar-mb-add-dialog-header{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem;align-items:center;display:flex;height:5rem;justify-content:space-between;padding:var(--bmb-spacing-m);width:100%}.bmb_chat-bar-mb-add-dialog-body{display:grid;grid-column-gap:0;grid-row-gap:0;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:85%;width:100%}.bmb_chat-bar-mb-add-dialog-item{align-items:center;display:flex;flex-direction:column;justify-content:center}.bmb_chat-bar-mb-add-dialog-icon{align-items:center;background-color:var(--general_contrasts-20);border-radius:50%;color:var(--general_contrasts-50);display:flex;height:4.375rem;justify-content:center;margin-bottom:1.25rem;width:4.375rem}.bmb_chat-bar-mb-add-dialog-button{align-items:center;display:flex;line-height:0;padding:.3125rem;vertical-align:middle}.bmb_chat-bar-mb-add-dialog-label{font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 480px){.bmb_chat-bar-mb-add-dialog-label{overflow-wrap:break-word;word-wrap:break-word}}.bmb_chat-bar-mb-add-dialog-close .material-symbols-rounded{color:var(--general_contrasts-100)}.bmb_chat-bar bmb-icon{color:var(--general_contrasts-50)}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes recordColor{0%{color:var(--green-primary)}25%{color:var(--general_contrasts-50)}50%{color:var(--green-primary)}75%{color:var(--general_contrasts-50)}to{color:var(--green-primary)}}\n"] }]
|
|
8528
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_chat-bar\" clickOutside (clickOutside)=\"clickOutside()\">\n <div\n class=\"bmb_chat-bar-container\"\n (drop)=\"onDrop($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [ngClass]=\"{\n 'bmb_chat-bar-drag': onDragFiles,\n 'bmb_chat-bar-container-files': files.length > 0,\n }\"\n tabindex=\"0\"\n >\n <div\n class=\"bmb_chat-bar-files-list\"\n [ngClass]=\"{ 'bmb_chat-bar-files-list-active': files.length > 0 }\"\n >\n @for (file of files; track $index) {\n @if (file.type.includes(\"image\")) {\n <div class=\"bmb_chat-bar-files-list-image\">\n <img\n class=\"bmb_chat-bar-files-list-thumbnail\"\n [src]=\"arrayThumbnail[$index]\"\n [alt]=\"file.name\"\n />\n <bmb-action-icon\n class=\"bmb_chat-bar-files-list-image-delete\"\n icon=\"delete\"\n [iconSize]=\"24\"\n (buttonClick)=\"deleteFile($index)\"\n />\n </div>\n } @else {\n <div class=\"bmb_chat-bar-files-list-option\">\n <bmb-icon\n class=\"bmb_chat-bar-files-list-option-icon\"\n icon=\"upload_file\"\n [size]=\"24\"\n />\n <span class=\"bmb_chat-bar-files-list-option-text\">\n {{ file.name }}\n </span>\n <bmb-action-icon\n class=\"bmb_chat-bar-files-list-option-delete\"\n icon=\"delete\"\n [iconSize]=\"24\"\n (buttonClick)=\"deleteFile($index)\"\n />\n </div>\n }\n }\n </div>\n <div class=\"bmb_chat-bar-main\">\n <bmb-action-icon\n class=\"bmb_chat-bar-bot\"\n [icon]=\"currentBot()?.icon!\"\n [alt]=\"currentBot()?.name!\"\n [iconSize]=\"40\"\n (buttonClick)=\"handleDialog()\"\n />\n @if (!onDragFiles) {\n <!-- <input\n id=\"bmbChatBarBot\"\n name=\"bmbChatBarBot\"\n class=\"bmb_chat-bar-input\"\n type=\"text\"\n [placeholder]=\"defaultPlaceholder()\"\n [formControl]=\"control\"\n autocomplete=\"off\"\n /> -->\n <textarea\n rows=\"2\"\n (input)=\"autoResize()\"\n #textareaRef\n id=\"bmbChatBarBot\"\n name=\"bmbChatBarBot\"\n class=\"bmb_chat-bar-input\"\n [placeholder]=\"defaultPlaceholder()\"\n [formControl]=\"control\"\n (keydown)=\"handleKeyDown($event)\"\n autocomplete=\"off\"\n ></textarea>\n <section class=\"bmb_chat-bar-container-btns\">\n @if (showMicControls) {\n <bmb-action-icon\n class=\"bmb_chat-bar-pause\"\n icon=\"pause\"\n [iconSize]=\"40\"\n (buttonClick)=\"handleStopMic()\"\n />\n <bmb-action-icon\n class=\"bmb_chat-bar-record bmb_chat-bar-record-animated\"\n icon=\"graphic_eq\"\n [iconSize]=\"40\"\n (buttonClick)=\"handleRecord()\"\n />\n } @else {\n @if (showEmoji()) {\n <bmb-action-icon\n class=\"bmb_chat-bar-emoji\"\n icon=\"mood\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleEmoji()\"\n />\n }\n <section\n class=\"bmb_chat-bar-add-dialog\"\n [ngClass]=\"{\n 'bmb_chat-bar-add-dialog-active':\n openAddDialog && versionAddDialog == 'web',\n }\"\n >\n <ul class=\"bmb_chat-bar-add-dialog-list\">\n @for (bot of dActionsList(); track $index) {\n <li class=\"bmb_chat-bar-add-dialog-option\">\n <button\n type=\"button\"\n (click)=\"bot.action()\"\n class=\"bmb_chat-bar-add-dialog-option-button\"\n >\n <bmb-icon\n class=\"bmb_chat-bar-add-dialog-option-button-icon\"\n [icon]=\"bot.icon\"\n [size]=\"24\"\n />\n <p class=\"bmb_chat-bar-add-dialog-option-button-text\">\n {{ bot.name }}\n </p>\n </button>\n </li>\n }\n </ul>\n </section>\n <bmb-action-icon\n class=\"bmb_chat-bar-add\"\n icon=\"add\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleAddDialog()\"\n />\n <bmb-action-icon\n class=\"bmb_chat-bar-mic\"\n icon=\"mic\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleMic()\"\n />\n }\n </section>\n <bmb-action-icon\n class=\"bmb_chat-bar-send\"\n [ngClass]=\"{ 'bmb_chat-bar-send-animated': isLoading() }\"\n [icon]=\"isLoading() ? 'progress_activity' : 'send'\"\n [iconSize]=\"32\"\n [disabled]=\"\n (this.files.length == 0 && this.control.value == null) ||\n this.isLoading()!\n \"\n (buttonClick)=\"handleSend()\"\n />\n }\n\n @if (onDragFiles) {\n <div class=\"bmb_chat-bar-container-drag\">\n <p class=\"bmb_chat-bar-container-drag-text\">\n Arrastra tus archivos aqu\u00ED\n </p>\n </div>\n }\n </div>\n </div>\n <div\n class=\"bmb_chat-bar-dialog\"\n [ngClass]=\"{ 'bmb_chat-bar-dialog-active': isDialogOpen }\"\n [ngStyle]=\"{ bottom: files.length > 0 ? '70%' : '50%' }\"\n >\n <ul class=\"bmb_chat-bar-dialog-list\">\n @if (isDialogOpen) {\n @for (bot of dBotList(); track $index) {\n <li class=\"bmb_chat-bar-dialog-option\">\n <bmb-action-icon\n class=\"bmb_chat-bar-dialog-button\"\n [ngClass]=\"{\n 'bmb_chat-bar-dialog-button-active':\n bot.name === currentBot()?.name,\n }\"\n [icon]=\"bot.icon\"\n [alt]=\"bot.name\"\n [iconSize]=\"40\"\n (buttonClick)=\"handleChangeBot(bot)\"\n />\n </li>\n }\n }\n </ul>\n </div>\n <div\n class=\"bmb_chat-bar-mb-add-dialog\"\n [ngClass]=\"{\n 'bmb_chat-bar-mb-add-dialog-active':\n openAddDialog && versionAddDialog == 'mobile',\n }\"\n >\n <div class=\"bmb_chat-bar-mb-add-dialog-header\">\n <span class=\"bmb_chat-bar-mb-add-dialog-title\"> Opciones Chatbar </span>\n <bmb-action-icon\n class=\"bmb_chat-bar-mb-add-dialog-close\"\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"close()\"\n />\n </div>\n <div class=\"bmb_chat-bar-mb-add-dialog-body\">\n @for (bot of actionListPagination; track $index) {\n <div class=\"bmb_chat-bar-mb-add-dialog-item\">\n <div class=\"bmb_chat-bar-mb-add-dialog-icon\">\n <bmb-action-icon\n class=\"bmb_chat-bar-mb-add-dialog-button\"\n [icon]=\"bot.icon\"\n [iconSize]=\"40\"\n (buttonClick)=\"bot.action()\"\n />\n </div>\n <p class=\"bmb_chat-bar-mb-add-dialog-label\">{{ bot.name }}</p>\n </div>\n }\n </div>\n\n <bmb-dot-paginator\n [activeDotIndex]=\"activeDot\"\n [totalDots]=\"totalDots()\"\n (onDotPress)=\"handleDotPress($event)\"\n />\n </div>\n <input\n multiple\n type=\"file\"\n id=\"inputFile\"\n (change)=\"onFileSelect($event)\"\n style=\"display: none\"\n />\n</section>\n", styles: ["@charset \"UTF-8\";@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_chat-bar{position:relative}.bmb_chat-bar-dialog{background-color:var(--containers-modal);border-radius:var(--bmb-radius-s) var(--bmb-radius-s) 0 0;bottom:100%;height:0;left:0;overflow:hidden;position:absolute;width:calc(100% - 2.5rem);z-index:1}.bmb_chat-bar-dialog-active{border-color:var(--buttons-inactive-step);border-style:solid;border-width:.0625rem .0625rem 0 .0625rem;bottom:50%;height:8.75rem;overflow:auto;transition:height .3s ease}.bmb_chat-bar-dialog-list{display:flex;gap:var(--bmb-spacing-m);list-style:none;margin:0;overflow:auto;padding:var(--bmb-spacing-m)}.bmb_chat-bar-dialog-button{align-items:center;background-color:var(--general_contrasts-50);border-radius:50%;box-shadow:var(--bmb-box-shadow-3);display:inline-flex;line-height:0;min-height:3.75rem;padding:10px}.bmb_chat-bar-dialog-button-active{background-color:var(--general_contrasts-100)}.bmb_chat-bar-container{background:var(--containers-main);border:.0625rem solid var(--general_contrasts-container-outline);border-radius:2.75rem;display:flex;flex-direction:column;gap:var(--bmb-spacing-m);justify-content:center;padding:.625rem 1rem;position:relative;z-index:2}.bmb_chat-bar-container-files{height:10.625rem}@media (max-width: 480px){.bmb_chat-bar-container-files{height:13.125rem}}.bmb_chat-bar-container-btns{align-items:center;display:flex;gap:var(--bmb-spacing-xs);padding-right:.25rem}.bmb_chat-bar-container-drag{align-items:flex-start;color:var(--general_contrasts-50);display:flex;flex:1;justify-content:center;padding:var(--bmb-spacing-m)}.bmb_chat-bar-container-drag-text{margin:0}.bmb_chat-bar-drag{border:.125rem dashed;border-color:var(--general_contrasts-50)}.bmb_chat-bar-main{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;width:100%}.bmb_chat-bar-bot{border:0 none;padding:0}.bmb_chat-bar-bot .bmb_icon-figure{align-items:center;background-color:var(--general_contrasts-50);border-radius:50%;display:flex;line-height:0;margin:0;padding:.625rem}.bmb_chat-bar-bot .bmb_icon-figure-image{width:100%}.bmb_chat-bar-input{background-color:transparent;border:none;color:var(--general_contrasts-50);flex:1;font-size:1rem;height:1lh;max-height:12lh;outline:none;overflow-y:auto;padding:0;resize:none;margin:0;field-sizing:content}.bmb_chat-bar-add{position:relative}.bmb_chat-bar-add-dialog{background-color:var(--containers-main);border-radius:var(--bmb-radius-m) var(--bmb-radius-m) var(--bmb-radius-m) var(--bmb-radius-m);box-shadow:var(--bmb-box-shadow-3);display:none;position:absolute;width:21.875rem}.bmb_chat-bar-add-dialog-active{bottom:90%;display:block;max-height:9.0625rem;min-height:3.125rem;overflow-y:scroll;transform:translate(-90%);transition:height .3s ease}.bmb_chat-bar-add-dialog-list{display:flex;flex-direction:column;gap:var(--bmb-spacing-xs);list-style:none;margin:0;padding:var(--bmb-spacing-s)}.bmb_chat-bar-add-dialog-option{align-items:center;cursor:pointer;display:flex;height:2.5rem;padding-left:.625rem}.bmb_chat-bar-add-dialog-option-button{align-items:center;display:flex;line-height:0;padding:.3125rem;vertical-align:middle;width:100%}.bmb_chat-bar-add-dialog-option-button-text{color:var(--general_contrasts-100);margin:0;padding-left:.9375rem;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_chat-bar-add-dialog-option-button-icon{color:var(--general_contrasts-100)!important}@media screen and (max-width: 560px){.bmb_chat-bar-mic{display:none}}.bmb_chat-bar-pause bmb-icon{color:var(--red-primary)!important}.bmb_chat-bar-record-animated .material-symbols-rounded{animation-duration:3s;animation-iteration-count:infinite;animation-name:recordColor}.bmb_chat-bar-send-animated .material-symbols-rounded{animation:loading 1.5s ease infinite}.bmb_chat-bar-files-list{display:none;gap:var(--bmb-spacing-m);overflow-x:scroll;overflow-y:hidden}@media (max-width: 480px){.bmb_chat-bar-files-list{direction:rtl;overflow-x:hidden;overflow-y:scroll}}.bmb_chat-bar-files-list-image{height:3.125rem;min-width:3.125rem;position:relative;width:3.125rem}@media (max-width: 480px){.bmb_chat-bar-files-list-image{height:4.6875rem;width:4.6875rem}}.bmb_chat-bar-files-list-image-delete{position:absolute;right:15%;top:25%;transform:translateY(-50%) translate(50%)}.bmb_chat-bar-files-list-thumbnail{aspect-ratio:1/1;border-radius:.625rem;object-fit:cover;width:100%}.bmb_chat-bar-files-list-active{align-items:center;display:flex;height:4.375rem}@media (max-width: 480px){.bmb_chat-bar-files-list-active{flex-direction:column;height:6.25rem}}.bmb_chat-bar-files-list-option{align-items:center;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-25);border-radius:.3125rem;display:flex;height:3.125rem;min-width:12.5rem;padding:.125rem .625rem;position:relative;width:15.625rem}@media (max-width: 480px){.bmb_chat-bar-files-list-option{direction:ltr;height:3.4375rem;padding:.9375rem .5rem;width:21.875rem}}.bmb_chat-bar-files-list-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:11.25rem}.bmb_chat-bar-files-list-option-icon .material-symbols-rounded{color:RGBA(var(--color-mariner-500));padding-right:.3125rem}.bmb_chat-bar-files-list-option-delete{left:105%;position:absolute;top:50%;transform:translateY(-100%) translate(-100%)}.bmb_chat-bar-mb-add-dialog{background-color:var(--general_contrasts-5);border:.0625rem solid var(--buttons-inactive-step);border-radius:1.25rem;display:none;flex-direction:column;height:100%;left:0;margin:0;padding:var(--bmb-spacing-l);position:fixed;top:0;width:100%;z-index:99}.bmb_chat-bar-mb-add-dialog-active{display:block}.bmb_chat-bar-mb-add-dialog-header{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem;align-items:center;display:flex;height:5rem;justify-content:space-between;padding:var(--bmb-spacing-m);width:100%}.bmb_chat-bar-mb-add-dialog-body{display:grid;grid-column-gap:0;grid-row-gap:0;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:85%;width:100%}.bmb_chat-bar-mb-add-dialog-item{align-items:center;display:flex;flex-direction:column;justify-content:center}.bmb_chat-bar-mb-add-dialog-icon{align-items:center;background-color:var(--general_contrasts-20);border-radius:50%;color:var(--general_contrasts-50);display:flex;height:4.375rem;justify-content:center;margin-bottom:1.25rem;width:4.375rem}.bmb_chat-bar-mb-add-dialog-button{align-items:center;display:flex;line-height:0;padding:.3125rem;vertical-align:middle}.bmb_chat-bar-mb-add-dialog-label{font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 480px){.bmb_chat-bar-mb-add-dialog-label{overflow-wrap:break-word;word-wrap:break-word}}.bmb_chat-bar-mb-add-dialog-close .material-symbols-rounded{color:var(--general_contrasts-100)}.bmb_chat-bar bmb-icon{color:var(--general_contrasts-50)}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes recordColor{0%{color:var(--green-primary)}25%{color:var(--general_contrasts-50)}50%{color:var(--green-primary)}75%{color:var(--general_contrasts-50)}to{color:var(--green-primary)}}\n"] }]
|
|
8529
8529
|
}], propDecorators: { textareaRef: [{
|
|
8530
8530
|
type: ViewChild,
|
|
8531
8531
|
args: ['textareaRef']
|
|
@@ -11326,6 +11326,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
11326
11326
|
args: [{ selector: 'bmb-list-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [BmbListGroupStatusService], imports: [CommonModule], template: "<ul [ngClass]=\"getClassNames()\" [ngStyle]=\"getStyles()\">\n <ng-content></ng-content>\n</ul>\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_list-group{font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:flex;flex-flow:column;list-style:none;margin:0;padding:0}.bmb_list-group-row{display:grid;grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.bmb_list-group-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.bmb_list-group-row{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.bmb_list-group-row{grid-template-columns:repeat(4,1fr)}}.bmb_list-group-flush .bmb_list-group-item{border-width:0 0 .0625rem}.bmb_list-group-flush .bmb_list-group-item-selected{border-color:var(--general_contrasts-main-selection)}.bmb_list-group-rounded .bmb_list-group-item{border-radius:var(--bmb-list-group-item-radius)}.bmb_list-group-no-controls .bmb_list-group-item:not(.bmb_list-group-item-selected):not(.bmb_list-group-item-disabled){cursor:pointer;gap:0}\n"] }]
|
|
11327
11327
|
}], ctorParameters: () => [{ type: BmbListGroupStatusService }] });
|
|
11328
11328
|
|
|
11329
|
+
// import { IBmbContrast } from '../../../types/colors';
|
|
11330
|
+
class BmbListGroupItemComponent {
|
|
11331
|
+
constructor(bmbListGroupStatusService) {
|
|
11332
|
+
this.bmbListGroupStatusService = bmbListGroupStatusService;
|
|
11333
|
+
// appearance = input<IBmbContrast>('default');
|
|
11334
|
+
this.id = input.required(...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
11335
|
+
this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
|
|
11336
|
+
this.isActive = input(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
|
|
11337
|
+
this.personalizedTemplate = input(true, ...(ngDevMode ? [{ debugName: "personalizedTemplate" }] : []));
|
|
11338
|
+
this.headerText = input('', ...(ngDevMode ? [{ debugName: "headerText" }] : []));
|
|
11339
|
+
this.descriptionText = input('', ...(ngDevMode ? [{ debugName: "descriptionText" }] : []));
|
|
11340
|
+
this.infoText = input('', ...(ngDevMode ? [{ debugName: "infoText" }] : []));
|
|
11341
|
+
this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
11342
|
+
this.imgSrc = input('', ...(ngDevMode ? [{ debugName: "imgSrc" }] : []));
|
|
11343
|
+
this.tooltipTitle = input('', ...(ngDevMode ? [{ debugName: "tooltipTitle" }] : []));
|
|
11344
|
+
this.tooltipText = input('', ...(ngDevMode ? [{ debugName: "tooltipText" }] : []));
|
|
11345
|
+
this.badgeAppearance = input('mitec_purple', ...(ngDevMode ? [{ debugName: "badgeAppearance" }] : []));
|
|
11346
|
+
this.badgeText = input('', ...(ngDevMode ? [{ debugName: "badgeText" }] : []));
|
|
11347
|
+
this.inputRadioName = '';
|
|
11348
|
+
this.defaultWidthImage = '40px';
|
|
11349
|
+
}
|
|
11350
|
+
ngOnInit() {
|
|
11351
|
+
if (this.isActive()) {
|
|
11352
|
+
this.bmbListGroupStatusService.updateListGroupStatus(this.id());
|
|
11353
|
+
}
|
|
11354
|
+
this.inputRadioName = this.bmbListGroupStatusService.getListGroupId();
|
|
11355
|
+
}
|
|
11356
|
+
handleSelection() {
|
|
11357
|
+
this.bmbListGroupStatusService.updateListGroupStatus(this.id());
|
|
11358
|
+
}
|
|
11359
|
+
getClasses() {
|
|
11360
|
+
const isElementSelected = this.bmbListGroupStatusService
|
|
11361
|
+
.getListGroupStatus()
|
|
11362
|
+
.includes(this.id());
|
|
11363
|
+
const classNames = ['bmb_list-group-item'];
|
|
11364
|
+
// classNames.push(`bmb_list-group-item-${this.appearance()}`);
|
|
11365
|
+
if (isElementSelected)
|
|
11366
|
+
classNames.push('bmb_list-group-item-selected');
|
|
11367
|
+
if (this.isDisabled())
|
|
11368
|
+
classNames.push('bmb_list-group-item-disabled');
|
|
11369
|
+
return classNames;
|
|
11370
|
+
}
|
|
11371
|
+
getConfig() {
|
|
11372
|
+
return this.bmbListGroupStatusService.getListGroupConfiguration();
|
|
11373
|
+
}
|
|
11374
|
+
getSelectionLength() {
|
|
11375
|
+
return this.bmbListGroupStatusService.getListGroupStatus().length;
|
|
11376
|
+
}
|
|
11377
|
+
showControls() {
|
|
11378
|
+
return this.bmbListGroupStatusService.getListGroupConfiguration()
|
|
11379
|
+
.showControls;
|
|
11380
|
+
}
|
|
11381
|
+
handleItemSelection() {
|
|
11382
|
+
if (!this.showControls() && !this.isDisabled()) {
|
|
11383
|
+
this.bmbListGroupStatusService.updateListGroupStatus(this.id());
|
|
11384
|
+
}
|
|
11385
|
+
}
|
|
11386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbListGroupItemComponent, deps: [{ token: BmbListGroupStatusService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11387
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: BmbListGroupItemComponent, isStandalone: true, selector: "bmb-list-group-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, personalizedTemplate: { classPropertyName: "personalizedTemplate", publicName: "personalizedTemplate", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, descriptionText: { classPropertyName: "descriptionText", publicName: "descriptionText", isSignal: true, isRequired: false, transformFunction: null }, infoText: { classPropertyName: "infoText", publicName: "infoText", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, imgSrc: { classPropertyName: "imgSrc", publicName: "imgSrc", isSignal: true, isRequired: false, transformFunction: null }, tooltipTitle: { classPropertyName: "tooltipTitle", publicName: "tooltipTitle", isSignal: true, isRequired: false, transformFunction: null }, tooltipText: { classPropertyName: "tooltipText", publicName: "tooltipText", isSignal: true, isRequired: false, transformFunction: null }, badgeAppearance: { classPropertyName: "badgeAppearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<li [ngClass]=\"getClasses()\" (click)=\"handleItemSelection()\">\n <section class=\"bmb_list-group-item-content\">\n @if (personalizedTemplate()) {\n <ng-content></ng-content>\n } @else {\n <section class=\"bmb_list-group-item-main\">\n <div class=\"bmb_list-group-item-main-icon\">\n @if (icon()) {\n <bmb-icon [icon]=\"icon()\" [size]=\"40\" />\n } @else {\n <bmb-image\n [src]=\"imgSrc()\"\n [alt]=\"'icon'\"\n [width]=\"this.defaultWidthImage\"\n [ratio]=\"'1/1'\"\n [borderRadius]=\"'xs'\"\n ></bmb-image>\n }\n </div>\n <div class=\"bmb_list-group-item-main-data\">\n <span class=\"bmb_list-group-item-main-data-header\">\n {{ headerText() }}\n <bmb-tooltip\n [title]=\"tooltipTitle()\"\n [text]=\"tooltipText()\"\n icon=\"help\"\n [size]=\"16\"\n [isFill]=\"true\"\n align=\"right\"\n justify=\"centered\"\n />\n </span>\n <span class=\"bmb_list-group-item-main-data-description\">{{\n descriptionText()\n }}</span>\n <span class=\"bmb_list-group-item-main-data-info\">{{\n infoText()\n }}</span>\n </div>\n @if (badgeText()) {\n <div class=\"bmb_list-group-item-main-badge\">\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n [container]=\"false\"\n />\n </div>\n }\n </section>\n }\n </section>\n @if (showControls()) {\n <section>\n @if (getConfig().isMultipleSelection) {\n <bmb-checkbox\n [id]=\"id()\"\n [disabled]=\"isDisabled()\"\n [value]=\"id()\"\n name=\"listGroupStatus\"\n (change)=\"handleSelection()\"\n [checked]=\"isActive()\"\n />\n } @else {\n <bmb-radial\n [id]=\"id()\"\n [value]=\"id()\"\n [name]=\"inputRadioName\"\n [disabled]=\"isDisabled()\"\n labelPosition=\"after\"\n (change)=\"handleSelection()\"\n [checked]=\"isActive()\"\n />\n }\n </section>\n }\n</li>\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_list-group-item{align-items:center;border:.0625rem solid var(--general_contrasts-container-outline);color:rgb(var(--color-charade-700));display:flex;gap:var(--bmb-spacing-m);padding:var(--bmb-list-group-item-padding)}.bmb_list-group-item-disabled{opacity:.5;cursor:not-allowed}.bmb_list-group-item-primary{background-color:var(--containers-background);color:var(--general_contrasts-100)}.bmb_list-group-item-alternative{background-color:var(--containers-main);color:var(--general_contrasts-100)}.bmb_list-group-item-selected{border-color:var(--menu_select-surface-activated);background-color:var(--menu_select-on-surface-hovered)}.bmb_list-group-item:hover:not(.bmb_list-group-item-selected):not(.bmb_list-group-item-disabled):hover{border-color:var(--menu_select-surface-activated)}.bmb_list-group-item-content{flex:1}.bmb_list-group-item-main{display:flex;flex-direction:row}@media (max-width: 630px){.bmb_list-group-item-main{flex-direction:column}}.bmb_list-group-item-main-icon{display:flex;align-items:center;justify-content:center;padding:0 var(--bmb-spacing-s)}@media (max-width: 630px){.bmb_list-group-item-main-icon{justify-content:flex-start}}.bmb_list-group-item-main-data{display:flex;flex-direction:column;width:100%;padding:0 var(--bmb-spacing-s)}.bmb_list-group-item-main-data-header{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_list-group-item-main-data-description{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_list-group-item-main-data-info{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_list-group-item-main-badge{display:flex;align-items:center;justify-content:center;padding:0 var(--bmb-spacing-s)}@media (max-width: 630px){.bmb_list-group-item-main-badge{justify-content:flex-start;padding:0 var(--bmb-spacing-m)}}.bmb_list-group-item .bmb_field-label{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbTooltipComponent, selector: "bmb-tooltip", inputs: ["text", "title", "icon", "size", "align", "justify", "isFill"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbImageComponent, selector: "bmb-image", inputs: ["src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11388
|
+
}
|
|
11389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: BmbListGroupItemComponent, decorators: [{
|
|
11390
|
+
type: Component,
|
|
11391
|
+
args: [{ selector: 'bmb-list-group-item', standalone: true, imports: [
|
|
11392
|
+
CommonModule,
|
|
11393
|
+
BmbRadialComponent,
|
|
11394
|
+
BmbCheckboxComponent,
|
|
11395
|
+
BmbIconComponent,
|
|
11396
|
+
BmbTooltipComponent,
|
|
11397
|
+
BmbBadgeComponent,
|
|
11398
|
+
BmbImageComponent,
|
|
11399
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<li [ngClass]=\"getClasses()\" (click)=\"handleItemSelection()\">\n <section class=\"bmb_list-group-item-content\">\n @if (personalizedTemplate()) {\n <ng-content></ng-content>\n } @else {\n <section class=\"bmb_list-group-item-main\">\n <div class=\"bmb_list-group-item-main-icon\">\n @if (icon()) {\n <bmb-icon [icon]=\"icon()\" [size]=\"40\" />\n } @else {\n <bmb-image\n [src]=\"imgSrc()\"\n [alt]=\"'icon'\"\n [width]=\"this.defaultWidthImage\"\n [ratio]=\"'1/1'\"\n [borderRadius]=\"'xs'\"\n ></bmb-image>\n }\n </div>\n <div class=\"bmb_list-group-item-main-data\">\n <span class=\"bmb_list-group-item-main-data-header\">\n {{ headerText() }}\n <bmb-tooltip\n [title]=\"tooltipTitle()\"\n [text]=\"tooltipText()\"\n icon=\"help\"\n [size]=\"16\"\n [isFill]=\"true\"\n align=\"right\"\n justify=\"centered\"\n />\n </span>\n <span class=\"bmb_list-group-item-main-data-description\">{{\n descriptionText()\n }}</span>\n <span class=\"bmb_list-group-item-main-data-info\">{{\n infoText()\n }}</span>\n </div>\n @if (badgeText()) {\n <div class=\"bmb_list-group-item-main-badge\">\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n [container]=\"false\"\n />\n </div>\n }\n </section>\n }\n </section>\n @if (showControls()) {\n <section>\n @if (getConfig().isMultipleSelection) {\n <bmb-checkbox\n [id]=\"id()\"\n [disabled]=\"isDisabled()\"\n [value]=\"id()\"\n name=\"listGroupStatus\"\n (change)=\"handleSelection()\"\n [checked]=\"isActive()\"\n />\n } @else {\n <bmb-radial\n [id]=\"id()\"\n [value]=\"id()\"\n [name]=\"inputRadioName\"\n [disabled]=\"isDisabled()\"\n labelPosition=\"after\"\n (change)=\"handleSelection()\"\n [checked]=\"isActive()\"\n />\n }\n </section>\n }\n</li>\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_list-group-item{align-items:center;border:.0625rem solid var(--general_contrasts-container-outline);color:rgb(var(--color-charade-700));display:flex;gap:var(--bmb-spacing-m);padding:var(--bmb-list-group-item-padding)}.bmb_list-group-item-disabled{opacity:.5;cursor:not-allowed}.bmb_list-group-item-primary{background-color:var(--containers-background);color:var(--general_contrasts-100)}.bmb_list-group-item-alternative{background-color:var(--containers-main);color:var(--general_contrasts-100)}.bmb_list-group-item-selected{border-color:var(--menu_select-surface-activated);background-color:var(--menu_select-on-surface-hovered)}.bmb_list-group-item:hover:not(.bmb_list-group-item-selected):not(.bmb_list-group-item-disabled):hover{border-color:var(--menu_select-surface-activated)}.bmb_list-group-item-content{flex:1}.bmb_list-group-item-main{display:flex;flex-direction:row}@media (max-width: 630px){.bmb_list-group-item-main{flex-direction:column}}.bmb_list-group-item-main-icon{display:flex;align-items:center;justify-content:center;padding:0 var(--bmb-spacing-s)}@media (max-width: 630px){.bmb_list-group-item-main-icon{justify-content:flex-start}}.bmb_list-group-item-main-data{display:flex;flex-direction:column;width:100%;padding:0 var(--bmb-spacing-s)}.bmb_list-group-item-main-data-header{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_list-group-item-main-data-description{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_list-group-item-main-data-info{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_list-group-item-main-badge{display:flex;align-items:center;justify-content:center;padding:0 var(--bmb-spacing-s)}@media (max-width: 630px){.bmb_list-group-item-main-badge{justify-content:flex-start;padding:0 var(--bmb-spacing-m)}}.bmb_list-group-item .bmb_field-label{display:none}\n"] }]
|
|
11400
|
+
}], ctorParameters: () => [{ type: BmbListGroupStatusService }] });
|
|
11401
|
+
|
|
11329
11402
|
class BmbSimpleHeaderComponent {
|
|
11330
11403
|
constructor() {
|
|
11331
11404
|
this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
@@ -12213,5 +12286,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
12213
12286
|
* Generated bundle index. Do not edit.
|
|
12214
12287
|
*/
|
|
12215
12288
|
|
|
12216
|
-
export { BmbAcademicProgressComponent, BmbAccordionComponent, BmbAccordionControlDirective, BmbAccountStatementComponent, BmbActionIconComponent, BmbActionMenuComponent, BmbAdvertisementCardComponent, BmbAlertCenterComponent, BmbBadgeComponent, BmbBalanceOverviewComponent, BmbBookmarkComponent, BmbBottomNavigationBarComponent, BmbBreadcrumbComponent, BmbButtonDirective, BmbButtonGroupDirective, BmbButtonIconComponent, BmbCalendarComponent, BmbCalendarService, BmbCardButtonComponent, BmbCardComponent, BmbCardContentComponent, BmbCardFooterComponent, BmbCardHeaderComponent, BmbCarouselComponent, BmbChatBarComponent, BmbChatBubblesComponent, BmbCheckboxComponent, BmbChevronTitleSelectorComponent, BmbContainerButtonComponent, BmbContainerComponent, BmbDateRangeComponent, BmbDatepickerComponent, BmbDigitalIdComponent, BmbDividerComponent, BmbDotPaginatorComponent, BmbDrawerOverlayComponent, BmbDropdownComponent, BmbDropdownMenuComponent, BmbDropzoneComponent, BmbEvaluationRubricComponent, BmbExternalLinkComponent, BmbFabComponent, BmbFilterCardComponent, BmbFocusElementComponent, BmbFormValidatorComponent, BmbFrequentAppsSelectorComponent, BmbGradeValueComponent, BmbGradesComponent, BmbHeaderMobileComponent, BmbHitoCardComponent, BmbHitoListComponent, BmbHomeCardChatComponent, BmbHomeCardComponent, BmbHomeSectionComponent, BmbIconComponent, BmbIconItemComponent, BmbIconStatusComponent, BmbIframeComponent, BmbImageComponent, BmbInnerHeaderComponent, BmbInputComponent, BmbInputPhoneNumberComponent, BmbInputTagsComponent, BmbInteractiveIconComponent, BmbInvoiceComponent, BmbItemComponent, BmbLayoutDirective, BmbLayoutGridDirective, BmbLayoutGridItemDirective, BmbLayoutItemDirective, BmbLegendComponent, BmbListGroupComponent, BmbListItemsComponent, BmbLoaderComponent, BmbLoginComponent, BmbLoginOnboardingComponent, BmbLoginOnboardingService, BmbLogoComponent, BmbMediaCardComponent, BmbMitecLogoAnimationComponent, BmbMobileTemplatesComponent, BmbModalComponent, BmbMultiDotPaginatorComponent, BmbMultiDotPaginatorItemComponent, BmbNavigationBarComponent, BmbNoticeCardComponent, BmbNotificationCardComponent, BmbNotificationService, BmbOverlayComponent, BmbPaginatorComponent, BmbPortalComponent, BmbProfileComponent, BmbProgressBarComponent, BmbProgressCircleComponent, BmbPullWedgeComponent, BmbPushNotificationComponent, BmbRadialComponent, BmbSearchInputComponent, BmbServerTableComponent, BmbSidebarComponent, BmbSimpleHeaderComponent, BmbSkeletonComponent, BmbSoundsCardComponent, BmbStatCounterComponent, BmbStepProgressBarComponent, BmbStudentActivityCardComponent, BmbSwitchComponent, BmbTabStudentActivityComponent, BmbTablesComponent, BmbTabsComponent, BmbTagComponent, BmbTextEditorComponent, BmbTextLinkComponent, BmbThemeComponent, BmbThreeColsComponent, BmbTimestreamCardComponent, BmbTimestreamComponent, BmbTitleContentComponent, BmbToastComponent, BmbTooltipComponent, BmbTopBarComponent, BmbTopBarItemComponent, BmbTotpComponent, BmbUserImageComponent, BmbUserProfileComponent, BmbUserProfileService, BmbUserSummaryComponent, BmbValueCounterComponent, BmbVerticalLayoutDirective, BmbVerticalLayoutItemDirective, BmbWebTemplatesComponent, BmbWheelMenuComponent, CircleProgressOptions, DsNgComponent, DsNgService, TabsService, defaultActionList, defaultBotList };
|
|
12289
|
+
export { BmbAcademicProgressComponent, BmbAccordionComponent, BmbAccordionControlDirective, BmbAccountStatementComponent, BmbActionIconComponent, BmbActionMenuComponent, BmbAdvertisementCardComponent, BmbAlertCenterComponent, BmbBadgeComponent, BmbBalanceOverviewComponent, BmbBookmarkComponent, BmbBottomNavigationBarComponent, BmbBreadcrumbComponent, BmbButtonDirective, BmbButtonGroupDirective, BmbButtonIconComponent, BmbCalendarComponent, BmbCalendarService, BmbCardButtonComponent, BmbCardComponent, BmbCardContentComponent, BmbCardFooterComponent, BmbCardHeaderComponent, BmbCarouselComponent, BmbChatBarComponent, BmbChatBubblesComponent, BmbCheckboxComponent, BmbChevronTitleSelectorComponent, BmbContainerButtonComponent, BmbContainerComponent, BmbDateRangeComponent, BmbDatepickerComponent, BmbDigitalIdComponent, BmbDividerComponent, BmbDotPaginatorComponent, BmbDrawerOverlayComponent, BmbDropdownComponent, BmbDropdownMenuComponent, BmbDropzoneComponent, BmbEvaluationRubricComponent, BmbExternalLinkComponent, BmbFabComponent, BmbFilterCardComponent, BmbFocusElementComponent, BmbFormValidatorComponent, BmbFrequentAppsSelectorComponent, BmbGradeValueComponent, BmbGradesComponent, BmbHeaderMobileComponent, BmbHitoCardComponent, BmbHitoListComponent, BmbHomeCardChatComponent, BmbHomeCardComponent, BmbHomeSectionComponent, BmbIconComponent, BmbIconItemComponent, BmbIconStatusComponent, BmbIframeComponent, BmbImageComponent, BmbInnerHeaderComponent, BmbInputComponent, BmbInputPhoneNumberComponent, BmbInputTagsComponent, BmbInteractiveIconComponent, BmbInvoiceComponent, BmbItemComponent, BmbLayoutDirective, BmbLayoutGridDirective, BmbLayoutGridItemDirective, BmbLayoutItemDirective, BmbLegendComponent, BmbListGroupComponent, BmbListGroupItemComponent, BmbListItemsComponent, BmbLoaderComponent, BmbLoginComponent, BmbLoginOnboardingComponent, BmbLoginOnboardingService, BmbLogoComponent, BmbMediaCardComponent, BmbMitecLogoAnimationComponent, BmbMobileTemplatesComponent, BmbModalComponent, BmbMultiDotPaginatorComponent, BmbMultiDotPaginatorItemComponent, BmbNavigationBarComponent, BmbNoticeCardComponent, BmbNotificationCardComponent, BmbNotificationService, BmbOverlayComponent, BmbPaginatorComponent, BmbPortalComponent, BmbProfileComponent, BmbProgressBarComponent, BmbProgressCircleComponent, BmbPullWedgeComponent, BmbPushNotificationComponent, BmbRadialComponent, BmbSearchInputComponent, BmbServerTableComponent, BmbSidebarComponent, BmbSimpleHeaderComponent, BmbSkeletonComponent, BmbSoundsCardComponent, BmbStatCounterComponent, BmbStepProgressBarComponent, BmbStudentActivityCardComponent, BmbSwitchComponent, BmbTabStudentActivityComponent, BmbTablesComponent, BmbTabsComponent, BmbTagComponent, BmbTextEditorComponent, BmbTextLinkComponent, BmbThemeComponent, BmbThreeColsComponent, BmbTimestreamCardComponent, BmbTimestreamComponent, BmbTitleContentComponent, BmbToastComponent, BmbTooltipComponent, BmbTopBarComponent, BmbTopBarItemComponent, BmbTotpComponent, BmbUserImageComponent, BmbUserProfileComponent, BmbUserProfileService, BmbUserSummaryComponent, BmbValueCounterComponent, BmbVerticalLayoutDirective, BmbVerticalLayoutItemDirective, BmbWebTemplatesComponent, BmbWheelMenuComponent, CircleProgressOptions, DsNgComponent, DsNgService, TabsService, defaultActionList, defaultBotList };
|
|
12217
12290
|
//# sourceMappingURL=ti-tecnologico-de-monterrey-oficial-ds-ng.mjs.map
|