@naniteninja/dashboard-components-lib 2.1.62 → 2.1.64

package/fesm2022/naniteninja-dashboard-components-lib.mjs

@@ -6,7 +6,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i3 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
-import { interval, take, takeUntil, debounceTime, distinctUntilChanged, switchMap, of, Subject, filter, first, map, BehaviorSubject, animationFrameScheduler, defer, finalize, shareReplay, from, concatMap, Observable, combineLatest } from 'rxjs';
+import { interval, take, takeUntil, debounceTime, distinctUntilChanged, switchMap, of, catchError, Subject, filter, first, map, BehaviorSubject, animationFrameScheduler, defer, finalize, shareReplay, from, concatMap, Observable, combineLatest } from 'rxjs';
 import * as i1 from '@naniteninja/ionic-lib';
 import { MODAL_DATA, BaseCardModule, ButtonsModule, PopperModule, LibModalComponent, DirectiveModule, AvatarComponent, InputFieldModule, FormFieldModule, BaseComponent, DateRangeValidator, TimeRangeValidator, LibMapModule, DashedCheckboxModule, InputDateFieldModule, InputFieldSelectModule, InputTimeFieldModule, LibModalModule, LibErrorMessageComponent, SectionSeparatorComponent, PopupModalService, ImageCardModule, ToggleModule } from '@naniteninja/ionic-lib';
 import { trigger, transition, style, query, sequence, animate, stagger } from '@angular/animations';
@@ -796,7 +796,7 @@ class CalendarUtilsService {
     getEventTimes(eventData, recurringException, newEvent) {
         let startTime = new Date(recurringException?.startTime || eventData.startTime);
         let endTime;
-        if (!eventData._id && newEvent) {
+        if (!eventData._id && newEvent && (!eventData.endTime || isEqual(eventData.startTime, eventData.endTime))) {
             const startTimeMinutes = getMinutes(startTime);
             startTime = set(startTime, { minutes: startTimeMinutes < 30 ? 0 : 30 });
             endTime = addMinutes(startTime, 60);
@@ -1093,32 +1093,52 @@ class LibEventFormComponent extends BaseComponent {
         this.form.controls.allDay.valueChanges.pipe(takeUntil(this.componentDestroyed$)).subscribe((value) => this.handleAllDayEvents(value, true));
         this.form.controls.address.valueChanges
             .pipe(debounceTime(300), distinctUntilChanged(), switchMap((value) => {
-            if (!value || value.length < 3 || !this.locationSearchFn || value === this.lastSelectedAddress) {
+            if (!value) {
+                this.form.controls.location.setValue(null);
+                this.showLocalSuggestions = false;
+                this.localSuggestions = [];
+                this.cdr.markForCheck();
+                return of(null);
+            }
+            if (value.length < 3 || value === this.lastSelectedAddress) {
                 this.showLocalSuggestions = false;
                 this.localSuggestions = [];
                 this.cdr.markForCheck();
-                return of([]);
+                return of(null);
+            }
+            if (!this.locationSearchFn) {
+                // If using Google Maps (internal to lib-input-field), don't set manual errors while typing
+                return of(null);
             }
-            this.lastSelectedAddress = null;
-            return this.locationSearchFn(value);
+            this.form.controls.address.setErrors({ searching: true });
+            this.cdr.markForCheck();
+            return this.locationSearchFn(value).pipe(catchError(() => {
+                this.form.controls.address.setErrors({ searchError: true });
+                this.cdr.markForCheck();
+                return of(null);
+            }));
         }), takeUntil(this.componentDestroyed$))
             .subscribe((results) => {
+            if (results === null)
+                return;
             this.localSuggestions = results;
             this.showLocalSuggestions = results.length > 0;
-            this.cdr.markForCheck();
-        });
-        this.form.controls.address.valueChanges.pipe(takeUntil(this.componentDestroyed$)).subscribe((value) => {
-            if (value && !this.form.value.location) {
+            if (results.length === 0 && !this.form.value.location) {
                 this.form.controls.address.setErrors({ invalidField: true });
             }
-            if (!value) {
-                this.form.controls.location.setValue(null);
+            else if (!this.form.value.location) {
+                this.form.controls.address.setErrors({ invalidField: true });
+            }
+            else {
+                this.form.controls.address.setErrors(null);
             }
+            this.cdr.markForCheck();
         });
         // ------- watch start date recurring -------------
         this.form.controls.startDate.valueChanges.pipe(takeUntil(this.componentDestroyed$)).subscribe((value) => {
             if (value && !this.form.controls.allDay.value) {
-                this.form.controls.endDate.setValue(new Date(value));
+                const nextEndDate = !this.event._id ? addDays(new Date(value), 1) : new Date(value);
+                this.form.controls.endDate.setValue(nextEndDate);
             }
         });
         this.form.controls.startTime.valueChanges.pipe(takeUntil(this.componentDestroyed$)).subscribe((value) => {
@@ -1211,11 +1231,11 @@ class LibEventFormComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LibEventFormComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.FormBuilder }, { token: CalendarUtilsService }, { token: FallbackTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: LibEventFormComponent, isStandalone: false, selector: "lib-event-form", inputs: { calendars: "calendars", locationSearchFn: "locationSearchFn", event: "event", draggedEvent: "draggedEvent" }, outputs: { updateRecurringEvent: "updateRecurringEvent", updateDraggedEvent: "updateDraggedEvent", delete: "delete", closeForm: "closeForm", submitForm: "submitForm" }, usesInheritance: true, ngImport: i0, template: "<lib-bottom-modal\n  [title]=\"modalTitle\"\n  [(isOpen)]=\"openModal\"\n  [(showConfirm)]=\"showConfirm\"\n  [confirmButton]=\"'CONFIRM.YES' | fallbackTranslate: 'Yes'\"\n  [confirmCancelButton]=\"'CONFIRM.No' | fallbackTranslate: 'No'\"\n  [confirmationTitle]=\"'CONFIRM.ARE_YOU_SURE' | fallbackTranslate: 'Confirm Deletion'\"\n  [confirmationMsg]=\"'CONFIRM.ARE_YOU_SURE_MESSAGE' | fallbackTranslate: 'Sure you want to delete?'\"\n  [showCloseBtn]=\"!cancelButtonTitle && editMode\"\n  [customClass]=\"'calendar-event-modal'\"\n  [loading]=\"loading$ | async\"\n  [validModal]=\"(!form || form.valid) && (loading$ | async) !== true\"\n  [submitButtonTitle]=\"submitButtonTitle\"\n  [secondaryButtonTitle]=\"secondaryButtonTitle\"\n  [cancelButtonTitle]=\"cancelButtonTitle\"\n  (secondaryButtonClick)=\"onModalSecondaryButtonClick()\"\n  (closeModal)=\"resetModal()\"\n  (submitModal)=\"onSubmitModal()\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n>\n  <div class=\"event-modal\">\n    @if (!form && editMode && !openRecurringOptions) {\n    <lib-event-info [event]=\"event\" [calendars]=\"calendars\"></lib-event-info>\n    }\n    @if (openRecurringOptions) {\n    <lib-edit-recurring-event [editOptionsCtrl]=\"editOptionsCtrl\" [excludeCurrentInstance]=\"recurringTypeChanged\"></lib-edit-recurring-event>\n    }\n    <ng-content></ng-content>\n    @if (form && !openRecurringOptions) {\n    <form [formGroup]=\"form\" autocomplete=\"off\" appFocusInvalidInput (ngSubmit)=\"saveEvent()\" (keyup.enter)=\"saveEvent()\" id=\"event-form\">\n      <div class=\"form-body\">\n        <div class=\"form-row center-content\">\n          <div class=\"event-title-field\">\n            <lib-input-field\n              maxLength=\"2000\"\n              formControlName=\"title\"\n              type=\"text\"\n              [readonly]=\"loading$ | async\"\n              [label]=\"'CALENDAR.TITLE_FIELD' | fallbackTranslate: 'Title'\"\n              [trimWhiteSpace]=\"false\"\n            ></lib-input-field>\n            <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['title'] }\"></lib-error-message>\n          </div>\n        </div>\n        <div class=\"form-row event-dates\">\n          <div class=\"input-field-container input-field-container-group\">\n            <div class=\"event-date-container\" [ngClass]=\"{ 'input-field-container-full-row': !form.controls['allDay'].value }\">\n              <lib-input-date-field\n                class=\"event-date\"\n                formControlName=\"startDate\"\n                [readonly]=\"loading$ | async\"\n                [hieActions]=\"true\"\n                [showIcon]=\"true\"\n                [label]=\"'CALENDAR.START_DATE' | fallbackTranslate: 'Start Date'\"\n              ></lib-input-date-field>\n              <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['startDate'] }\"></lib-error-message>\n            </div>\n            @if (form.controls['allDay'].value) {\n              <lib-input-date-field\n                class=\"event-date event-end-date\"\n                formControlName=\"endDate\"\n                [disabled]=\"loading$ | async\"\n                [hieActions]=\"true\"\n                [showIcon]=\"true\"\n                [label]=\"'CALENDAR.END_DATE' | fallbackTranslate: 'End Date'\"\n              ></lib-input-date-field>\n              <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['endDate'] }\"></lib-error-message>\n            }\n          </div>\n        </div>\n\n        @if (!form.controls['allDay'].value) {\n          <div class=\"form-row\">\n            <div class=\"input-field-container input-field-container-group time-fields-group\">\n              <div class=\"time-field\">\n                <lib-input-time-field\n                  formControlName=\"startTime\"\n                  [showIcon]=\"true\"\n                  [startDate]=\"eventStart\"\n                  [interval]=\"15\"\n                  [disabled]=\"loading$ | async\"\n                  [label]=\"'CALENDAR.STARTS' | fallbackTranslate: 'Starts'\"\n                ></lib-input-time-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['startTime'] }\"></lib-error-message>\n              </div>\n              <div class=\"time-field\">\n                <lib-input-time-field\n                  class=\"end-time\"\n                  formControlName=\"endTime\"\n                  [interval]=\"15\"\n                  [showIcon]=\"true\"\n                  [displaySlotTime]=\"true\"\n                  [fromTime]=\"\n                    form.controls.startTime.value && form.controls.startTime.value['slotValue'] ? form.controls.startTime.value['slotValue'] : form.controls.startTime.value\n                  \"\n                  [startDate]=\"eventStart\"\n                  [disabled]=\"loading$ | async\"\n                  [label]=\"'CALENDAR.ENDS' | fallbackTranslate: 'Ends'\"\n                ></lib-input-time-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['endTime'] }\"></lib-error-message>\n              </div>\n            </div>\n          </div>\n        }\n\n        <div class=\"form-row recurring\">\n          <div class=\"recurring-select\" formGroupName=\"recurringPattern\">\n            <lib-input-field-select\n              formControlName=\"type\"\n              [optionLabel]=\"(recurringOptions[0].title | fallbackTranslate: 'noTrnslations') === 'noTrnslations' ? 'name' : 'title'\"\n              [optionValue]=\"'type'\"\n              [options]=\"recurringOptions\"\n              [disabled]=\"loading$ | async\"\n            >\n            </lib-input-field-select>\n          </div>\n          <div class=\"allDay-container\">\n            <ion-item class=\"no-shadow allDay\">\n              <label>\n                <lib-dashed-checkbox formControlName=\"allDay\" [disabled]=\"loading$ | async\"></lib-dashed-checkbox>\n                <span>{{ 'CALENDAR.ALL_DAY' | fallbackTranslate: 'All day' }}</span>\n              </label>\n            </ion-item>\n          </div>\n        </div>\n\n        <div class=\"form-row address\">\n          <div class=\"input-field-container\">\n            <lib-input-field\n              maxLength=\"2000\"\n              [trimWhiteSpace]=\"false\"\n              formControlName=\"address\"\n              [enableGoogleAddress]=\"!locationSearchFn\"\n              [locationSearchFn]=\"null\"\n              [address]=\"form.controls['address'].value\"\n              (locationChange)=\"onLocationChange($event)\"\n              (onBlur)=\"hideLocalSuggestionsDelayed()\"\n              [readonly]=\"loading$ | async\"\n              [label]=\"'FIELDS.ADD_LOCATION' | fallbackTranslate: 'Location'\"\n            >\n            </lib-input-field>\n\n            @if (showLocalSuggestions && localSuggestions.length > 0) {\n              <div class=\"custom-location-suggestions\">\n                @for (suggestion of localSuggestions; track suggestion.address) {\n                  <div class=\"suggestion-item\" (mousedown)=\"onLocalSuggestionSelect(suggestion)\">\n                    <div class=\"suggestion-icon\"><i class=\"icon icon-gen3-pin\"></i></div>\n                    <div class=\"suggestion-text\">{{ suggestion.address }}</div>\n                  </div>\n                }\n              </div>\n            }\n\n            <lib-error-message class=\"input-error\" [config]=\"{ control: form.controls['address'] }\"></lib-error-message>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"event-note-field\">\n            <lib-input-field\n              formControlName=\"note\"\n              [textarea]=\"true\"\n              [label]=\"'FIELDS.ADD_DESCRIPTION' | fallbackTranslate: 'Description'\"\n              maxLength=\"2000\"\n              [readonly]=\"loading$ | async\"\n            ></lib-input-field>\n          </div>\n        </div>\n      </div>\n    </form>\n    }\n  </div>\n</lib-bottom-modal>\n", styles: [".event-modal{--input-width: 100%;--input-height: 48px;--border-radius: 100px;--input-icon-color: #fe3c72;--input-font-color: #fff;--dropdown-background: linear-gradient(191.18deg, #27242c 61.33%, #0c0b0e 101.43%);--input-font-family: \"Gilroy-Regular\", serif;--label-color: grey;--input-field-box-shadow: inset 17px 22px 20px 2.5px rgba(17, 16, 20, .7), inset -2px -2px 8px rgba(203, 199, 209, .5);--input-number-filed-font: var(--font-family);--textarea-height: 100px !important;position:relative;display:block;width:100%;padding:0 20px 10px;max-height:72vh;overflow:visible!important}.event-modal .form-row{display:flex;flex-direction:row;margin-bottom:10px}.event-modal .form-row.form-footer{align-items:flex-end;justify-content:flex-end;margin-bottom:-15px}.event-modal .form-row.form-footer lib-primary-btn{width:100px}.event-modal .form-row.form-row-error{margin:-10px 0 0;padding:0;height:20px}.event-modal .form-row.recurring{margin:12px 0;display:flex}.event-modal .form-row.recurring .allDay-container,.event-modal .form-row.recurring .recurring-select{width:50%}.event-modal .form-row.recurring .recurring-select lib-input-field-select{width:100%}.event-modal .form-row.recurring .allDay-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;margin-top:-10px}.event-modal form{padding:5px 5px 0}.event-modal form .form-body{max-width:100%;position:relative;display:block;overflow:visible}.event-modal ion-item ion-label{font-family:Gilroy-Regular,serif!important}.event-modal ion-item ion-label:not(.allDay){display:flex!important;flex-direction:row;align-items:center;justify-content:center}.event-modal ion-item.allDay{margin-top:-10px;width:fit-content;--min-height: 50px}.event-modal ion-item.allDay label{display:flex;gap:10px;align-items:center;font-family:Gilroy-Regular,serif;cursor:pointer}.event-modal ion-item.allDay lib-dashed-checkbox{--size: 24px;--color: var(--cyrano-pink-shade-1)}.event-modal .event-title-field,.event-modal .event-note-field{position:relative;display:block;width:100%;padding-top:10px}.event-modal .event-title-field lib-input-field,.event-modal .event-note-field lib-input-field{position:relative;width:100%;min-width:100%}.event-modal .input-field-container{padding-top:2px;width:100%}.event-modal .input-field-container.input-field-container-group{display:flex;gap:5px}.event-modal .input-field-container.input-field-container-group div{width:50%}.event-modal .input-field-container.input-field-container-group div.input-field-container-full-row{width:100%}.event-modal .input-field-container .time-fields{display:flex;gap:10px}.event-modal .input-field-container lib-input-field{width:100%}.event-modal .field-error{position:relative;display:block;width:100%}@media screen and (max-width:500px){.event-modal .event-date-container{margin-bottom:15px}.event-modal .input-field-container-group{display:flex;flex-direction:column}.event-modal .input-field-container-group div{width:100%!important}.event-modal .input-field-container-group.time-fields-group{flex-direction:row}.event-modal .form-row.recurring{display:block}.event-modal .form-row.recurring .allDay-container,.event-modal .form-row.recurring .recurring-select{width:100%}.event-modal .form-row.recurring .allDay-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}.event-modal .form-row.recurring .allDay-container ion-item.allDay{padding-left:0;margin-top:10px}.event-modal .form-row.address{margin-top:-20px}.event-modal .form-row.event-dates{margin-bottom:0}}@media screen and (max-width:350px){.event-modal .input-placeholder.input-placeholder-date .time-placeholder{margin-left:0}}.event-modal .event-input-field-error{margin-top:-20px}.event-modal ::ng-deep .location-suggestions{display:none!important}.event-modal .custom-location-suggestions{position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;left:0;right:0;z-index:100;background:#1e1c23;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-height:250px;overflow-y:auto;box-shadow:inset 0 0 10px #00000080;padding:4px 0;margin:8px 0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.event-modal .custom-location-suggestions .suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease}.event-modal .custom-location-suggestions .suggestion-item:hover{background:#fe3c721a}.event-modal .custom-location-suggestions .suggestion-item:hover .suggestion-text,.event-modal .custom-location-suggestions .suggestion-item:hover .suggestion-icon{color:#fe3c72}.event-modal .custom-location-suggestions .suggestion-item .suggestion-icon{color:#ffffff80;font-size:14px;flex-shrink:0}.event-modal .custom-location-suggestions .suggestion-item .suggestion-text{color:#ffffffe6;font-size:13px;font-family:Gilroy-Regular,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i1.DashedCheckboxComponent, selector: "lib-dashed-checkbox", inputs: ["checked", "disabled"], outputs: ["toggle"] }, { kind: "component", type: i1.InputDateFieldComponent, selector: "lib-input-date-field", inputs: ["label", "defaultDate", "maxDate", "minDate", "showTime", "hieActions", "readonly", "defaultDayHighlight", "showIcon", "timeOnly", "view", "disabled", "dateFormat", "placeholder", "appendTo", "stepMinute", "mask", "styleClass", "timeFormat"], outputs: ["focusEvent"] }, { kind: "component", type: i1.InputFieldComponent, selector: "lib-input-field,[lib-input-field]", inputs: ["name", "autocomplete", "label", "placeholder", "type", "readonly", "focus", "enableGoogleAddress", "locationAutocompleteConfig", "defaultLocation", "mask", "prefix", "suffix", "maxLength", "address", "textarea", "resize", "counter", "patterns", "trimWhiteSpace", "disabled", "locationSearchFn", "locationSearchDebounce", "locationSearchMinLength"], outputs: ["mapError", "locationChange", "keyDown", "onBlur"] }, { kind: "component", type: i1.InputFieldSelectComponent, selector: "lib-input-field-select", inputs: ["multiple", "label", "placeholder", "optionLabel", "optionValue", "options", "optionsTemplates", "filterBy", "enableFilter", "readonly", "disabled", "showClear", "editable", "withTemplate", "enableTranslation"], outputs: ["valueChange"] }, { kind: "component", type: i1.InputTimeFieldComponent, selector: "lib-input-time-field", inputs: ["startDate", "interval", "displaySlotTime", "fromTime", "format", "label", "readonly", "showIcon", "disabled"], outputs: ["focusEvent"] }, { kind: "component", type: i1.BottomModalComponent, selector: "lib-bottom-modal", inputs: ["breakpoints", "initialBreakpoint", "isOpen", "backdropDismiss", "canDismiss", "showArrow", "showBackBtn", "showConfirm", "showCloseBtn", "loading", "showHeaderSeparator", "title", "confirmationTitle", "confirmationMsg", "confirmButton", "confirmCancelButton", "description", "secondaryButtonTitle", "submitButtonTitle", "cancelButtonTitle", "validModal", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "breakpointChange", "closeModal", "submitModal", "secondaryButtonClick", "backClick", "showConfirmChange", "confirmEvent"] }, { kind: "component", type: i1.LibErrorMessageComponent, selector: "lib-error-message", inputs: ["config"] }, { kind: "component", type: LibEventInfoComponent, selector: "lib-event-info", inputs: ["event", "calendars"] }, { kind: "component", type: LibEditRecurringEventComponent, selector: "lib-edit-recurring-event", inputs: ["excludeCurrentInstance", "editOptionsCtrl"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: FallbackTranslatePipe, name: "fallbackTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: LibEventFormComponent, isStandalone: false, selector: "lib-event-form", inputs: { calendars: "calendars", locationSearchFn: "locationSearchFn", event: "event", draggedEvent: "draggedEvent" }, outputs: { updateRecurringEvent: "updateRecurringEvent", updateDraggedEvent: "updateDraggedEvent", delete: "delete", closeForm: "closeForm", submitForm: "submitForm" }, usesInheritance: true, ngImport: i0, template: "<lib-bottom-modal\n  [title]=\"modalTitle\"\n  [(isOpen)]=\"openModal\"\n  [(showConfirm)]=\"showConfirm\"\n  [confirmButton]=\"'CONFIRM.YES' | fallbackTranslate: 'Yes'\"\n  [confirmCancelButton]=\"'CONFIRM.No' | fallbackTranslate: 'No'\"\n  [confirmationTitle]=\"'CONFIRM.ARE_YOU_SURE' | fallbackTranslate: 'Confirm Deletion'\"\n  [confirmationMsg]=\"'CONFIRM.ARE_YOU_SURE_MESSAGE' | fallbackTranslate: 'Sure you want to delete?'\"\n  [showCloseBtn]=\"!cancelButtonTitle && editMode\"\n  [customClass]=\"'calendar-event-modal'\"\n  [loading]=\"loading$ | async\"\n  [validModal]=\"(!form || form.valid) && (loading$ | async) !== true\"\n  [submitButtonTitle]=\"submitButtonTitle\"\n  [secondaryButtonTitle]=\"secondaryButtonTitle\"\n  [cancelButtonTitle]=\"cancelButtonTitle\"\n  (secondaryButtonClick)=\"onModalSecondaryButtonClick()\"\n  (closeModal)=\"resetModal()\"\n  (submitModal)=\"onSubmitModal()\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n>\n  <div class=\"event-modal\">\n    @if (!form && editMode && !openRecurringOptions) {\n    <lib-event-info [event]=\"event\" [calendars]=\"calendars\"></lib-event-info>\n    }\n    @if (openRecurringOptions) {\n    <lib-edit-recurring-event [editOptionsCtrl]=\"editOptionsCtrl\" [excludeCurrentInstance]=\"recurringTypeChanged\"></lib-edit-recurring-event>\n    }\n    <ng-content></ng-content>\n    @if (form && !openRecurringOptions) {\n    <form [formGroup]=\"form\" autocomplete=\"off\" appFocusInvalidInput (ngSubmit)=\"saveEvent()\" (keyup.enter)=\"saveEvent()\" id=\"event-form\">\n      <div class=\"form-body\">\n        <div class=\"form-row center-content\">\n          <div class=\"event-title-field\">\n            <lib-input-field\n              maxLength=\"2000\"\n              formControlName=\"title\"\n              type=\"text\"\n              [readonly]=\"loading$ | async\"\n              [label]=\"'CALENDAR.TITLE_FIELD' | fallbackTranslate: 'Title'\"\n              [trimWhiteSpace]=\"false\"\n            ></lib-input-field>\n            <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['title'] }\"></lib-error-message>\n          </div>\n        </div>\n        <div class=\"form-row event-dates\">\n          <div class=\"input-field-container input-field-container-group date-time-grid\">\n            <div class=\"event-date-container date-time-column\" [ngClass]=\"{ 'input-field-container-full-row': form.controls['allDay'].value }\">\n              <lib-input-date-field\n                class=\"event-date\"\n                formControlName=\"startDate\"\n                [readonly]=\"loading$ | async\"\n                [hieActions]=\"true\"\n                [showIcon]=\"true\"\n                [label]=\"'CALENDAR.START_DATE' | fallbackTranslate: 'Start Date'\"\n              ></lib-input-date-field>\n              <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['startDate'] }\"></lib-error-message>\n              @if (!form.controls['allDay'].value) {\n                <lib-input-date-field\n                  class=\"event-time\"\n                  formControlName=\"startTime\"\n                  [timeOnly]=\"true\"\n                  [showIcon]=\"true\"\n                  [hieActions]=\"true\"\n                  [startDate]=\"eventStart\"\n                  [disabled]=\"loading$ | async\"\n                  [label]=\"'CALENDAR.STARTS' | fallbackTranslate: 'Starts'\"\n                ></lib-input-date-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['startTime'] }\"></lib-error-message>\n              }\n            </div>\n            @if (!form.controls['allDay'].value) {\n              <div class=\"event-date-container date-time-column\">\n                <lib-input-date-field\n                  class=\"event-date event-end-date\"\n                  formControlName=\"endDate\"\n                  [disabled]=\"loading$ | async\"\n                  [hieActions]=\"true\"\n                  [showIcon]=\"true\"\n                  [label]=\"'CALENDAR.END_DATE' | fallbackTranslate: 'End Date'\"\n                ></lib-input-date-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['endDate'] }\"></lib-error-message>\n                <lib-input-date-field\n                  class=\"event-time end-time\"\n                  formControlName=\"endTime\"\n                  [timeOnly]=\"true\"\n                  [showIcon]=\"true\"\n                  [hieActions]=\"true\"\n                  [startDate]=\"eventStart\"\n                  [disabled]=\"loading$ | async\"\n                  [label]=\"'CALENDAR.ENDS' | fallbackTranslate: 'Ends'\"\n                ></lib-input-date-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['endTime'] }\"></lib-error-message>\n              </div>\n            }\n          </div>\n        </div>\n\n        <div class=\"form-row recurring\">\n          <div class=\"recurring-select\" formGroupName=\"recurringPattern\">\n            <lib-input-field-select\n              formControlName=\"type\"\n              [optionLabel]=\"(recurringOptions[0].title | fallbackTranslate: 'noTrnslations') === 'noTrnslations' ? 'name' : 'title'\"\n              [optionValue]=\"'type'\"\n              [options]=\"recurringOptions\"\n              [disabled]=\"loading$ | async\"\n            >\n            </lib-input-field-select>\n          </div>\n          <div class=\"allDay-container\">\n            <ion-item class=\"no-shadow allDay\">\n              <label>\n                <lib-dashed-checkbox formControlName=\"allDay\" [disabled]=\"loading$ | async\"></lib-dashed-checkbox>\n                <span>{{ 'CALENDAR.ALL_DAY' | fallbackTranslate: 'All day' }}</span>\n              </label>\n            </ion-item>\n          </div>\n        </div>\n\n        <div class=\"form-row address\">\n          <div class=\"input-field-container\">\n            <lib-input-field\n              maxLength=\"2000\"\n              [trimWhiteSpace]=\"false\"\n              formControlName=\"address\"\n              [enableGoogleAddress]=\"!locationSearchFn\"\n              [locationSearchFn]=\"locationSearchFn\"\n              [address]=\"form.controls['address'].value\"\n              (locationChange)=\"onLocationChange($event)\"\n              (onBlur)=\"hideLocalSuggestionsDelayed()\"\n              [readonly]=\"loading$ | async\"\n              [label]=\"'FIELDS.ADD_LOCATION' | fallbackTranslate: 'Location'\"\n            >\n            </lib-input-field>\n\n            @if (showLocalSuggestions && localSuggestions.length > 0) {\n              <div class=\"custom-location-suggestions\">\n                @for (suggestion of localSuggestions; track suggestion.address) {\n                  <div class=\"suggestion-item\" (mousedown)=\"onLocalSuggestionSelect(suggestion)\">\n                    <div class=\"suggestion-icon\"><i class=\"icon icon-gen3-pin\"></i></div>\n                    <div class=\"suggestion-text\">{{ suggestion.address }}</div>\n                  </div>\n                }\n              </div>\n            }\n\n            <lib-error-message class=\"input-error\" [config]=\"{ control: form.controls['address'] }\"></lib-error-message>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"event-note-field\">\n            <lib-input-field\n              formControlName=\"note\"\n              [textarea]=\"true\"\n              [label]=\"'FIELDS.ADD_DESCRIPTION' | fallbackTranslate: 'Description'\"\n              maxLength=\"2000\"\n              [readonly]=\"loading$ | async\"\n            ></lib-input-field>\n          </div>\n        </div>\n      </div>\n    </form>\n    }\n  </div>\n</lib-bottom-modal>\n", styles: [".event-modal{--input-width: 100%;--input-height: 48px;--border-radius: 100px;--input-icon-color: #fe3c72;--input-font-color: #fff;--dropdown-background: linear-gradient(191.18deg, #27242c 61.33%, #0c0b0e 101.43%);--input-font-family: \"Gilroy-Regular\", serif;--label-color: grey;--input-field-box-shadow: inset 17px 22px 20px 2.5px rgba(17, 16, 20, .7), inset -2px -2px 8px rgba(203, 199, 209, .5);--input-number-filed-font: var(--font-family);--textarea-height: 100px !important;position:relative;display:block;width:100%;padding:0 20px 10px;max-height:72vh;overflow:visible!important}.event-modal .form-row{display:flex;flex-direction:row;margin-bottom:10px}.event-modal .form-row.form-footer{align-items:flex-end;justify-content:flex-end;margin-bottom:-15px}.event-modal .form-row.form-footer lib-primary-btn{width:100px}.event-modal .form-row.form-row-error{margin:-10px 0 0;padding:0;height:20px}.event-modal .form-row.recurring{margin:12px 0;display:flex}.event-modal .form-row.recurring .allDay-container,.event-modal .form-row.recurring .recurring-select{width:50%}.event-modal .form-row.recurring .recurring-select lib-input-field-select{width:100%}.event-modal .form-row.recurring .allDay-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;margin-top:-10px}.event-modal form{padding:5px 5px 0}.event-modal form .form-body{max-width:100%;position:relative;display:block;overflow:visible}.event-modal ion-item ion-label{font-family:Gilroy-Regular,serif!important}.event-modal ion-item ion-label:not(.allDay){display:flex!important;flex-direction:row;align-items:center;justify-content:center}.event-modal ion-item.allDay{margin-top:-10px;width:fit-content;--min-height: 50px}.event-modal ion-item.allDay label{display:flex;gap:10px;align-items:center;font-family:Gilroy-Regular,serif;cursor:pointer}.event-modal ion-item.allDay lib-dashed-checkbox{--size: 24px;--color: var(--cyrano-pink-shade-1)}.event-modal .event-title-field,.event-modal .event-note-field{position:relative;display:block;width:100%;padding-top:10px}.event-modal .event-title-field lib-input-field,.event-modal .event-note-field lib-input-field{position:relative;width:100%;min-width:100%}.event-modal .input-field-container{padding-top:2px;width:100%}.event-modal .input-field-container.input-field-container-group{display:flex;gap:5px}.event-modal .input-field-container.input-field-container-group.date-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media screen and (max-width:500px){.event-modal .input-field-container.input-field-container-group.date-time-grid{grid-template-columns:1fr}}.event-modal .input-field-container.input-field-container-group .date-time-column{display:flex;flex-direction:column;gap:10px;width:100%!important}.event-modal .input-field-container.input-field-container-group div{width:50%}.event-modal .input-field-container.input-field-container-group div.input-field-container-full-row{width:100%}.event-modal .input-field-container .time-fields{display:flex;gap:10px}.event-modal .input-field-container lib-input-field{width:100%}.event-modal .field-error{position:relative;display:block;width:100%}@media screen and (max-width:500px){.event-modal .event-date-container{margin-bottom:15px}.event-modal .input-field-container-group{display:flex;flex-direction:column}.event-modal .input-field-container-group div{width:100%!important}.event-modal .input-field-container-group.time-fields-group{flex-direction:row}.event-modal .form-row.recurring{display:block}.event-modal .form-row.recurring .allDay-container,.event-modal .form-row.recurring .recurring-select{width:100%}.event-modal .form-row.recurring .allDay-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}.event-modal .form-row.recurring .allDay-container ion-item.allDay{padding-left:0;margin-top:10px}.event-modal .form-row.address{margin-top:-20px}.event-modal .form-row.event-dates{margin-bottom:0}}@media screen and (max-width:350px){.event-modal .input-placeholder.input-placeholder-date .time-placeholder{margin-left:0}}.event-modal .event-input-field-error{margin-top:-20px}.event-modal ::ng-deep .location-suggestions{display:none!important}.event-modal .custom-location-suggestions{position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;left:0;right:0;z-index:100;background:#1e1c23;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-height:250px;overflow-y:auto;box-shadow:inset 0 0 10px #00000080;padding:4px 0;margin:8px 0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.event-modal .custom-location-suggestions .suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease}.event-modal .custom-location-suggestions .suggestion-item:hover{background:#fe3c721a}.event-modal .custom-location-suggestions .suggestion-item:hover .suggestion-text,.event-modal .custom-location-suggestions .suggestion-item:hover .suggestion-icon{color:#fe3c72}.event-modal .custom-location-suggestions .suggestion-item .suggestion-icon{color:#ffffff80;font-size:14px;flex-shrink:0}.event-modal .custom-location-suggestions .suggestion-item .suggestion-text{color:#ffffffe6;font-size:13px;font-family:Gilroy-Regular,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i1.DashedCheckboxComponent, selector: "lib-dashed-checkbox", inputs: ["checked", "disabled"], outputs: ["toggle"] }, { kind: "component", type: i1.InputDateFieldComponent, selector: "lib-input-date-field", inputs: ["label", "defaultDate", "maxDate", "minDate", "showTime", "hieActions", "readonly", "defaultDayHighlight", "showIcon", "timeOnly", "view", "disabled", "dateFormat", "placeholder", "appendTo", "stepMinute", "mask", "styleClass", "timeFormat"], outputs: ["focusEvent"] }, { kind: "component", type: i1.InputFieldComponent, selector: "lib-input-field,[lib-input-field]", inputs: ["name", "autocomplete", "label", "placeholder", "type", "readonly", "focus", "enableGoogleAddress", "locationAutocompleteConfig", "defaultLocation", "mask", "prefix", "suffix", "maxLength", "address", "textarea", "resize", "counter", "patterns", "trimWhiteSpace", "disabled", "locationSearchFn", "locationSearchDebounce", "locationSearchMinLength"], outputs: ["mapError", "locationChange", "keyDown", "onBlur"] }, { kind: "component", type: i1.InputFieldSelectComponent, selector: "lib-input-field-select", inputs: ["multiple", "label", "placeholder", "optionLabel", "optionValue", "options", "optionsTemplates", "filterBy", "enableFilter", "readonly", "disabled", "showClear", "editable", "withTemplate", "enableTranslation"], outputs: ["valueChange"] }, { kind: "component", type: i1.BottomModalComponent, selector: "lib-bottom-modal", inputs: ["breakpoints", "initialBreakpoint", "isOpen", "backdropDismiss", "canDismiss", "showArrow", "showBackBtn", "showConfirm", "showCloseBtn", "loading", "showHeaderSeparator", "title", "confirmationTitle", "confirmationMsg", "confirmButton", "confirmCancelButton", "description", "secondaryButtonTitle", "submitButtonTitle", "cancelButtonTitle", "validModal", "adaptToContentHeight", "customClass"], outputs: ["isOpenChange", "breakpointChange", "closeModal", "submitModal", "secondaryButtonClick", "backClick", "showConfirmChange", "confirmEvent"] }, { kind: "component", type: i1.LibErrorMessageComponent, selector: "lib-error-message", inputs: ["config"] }, { kind: "component", type: LibEventInfoComponent, selector: "lib-event-info", inputs: ["event", "calendars"] }, { kind: "component", type: LibEditRecurringEventComponent, selector: "lib-edit-recurring-event", inputs: ["excludeCurrentInstance", "editOptionsCtrl"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: FallbackTranslatePipe, name: "fallbackTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LibEventFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-event-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<lib-bottom-modal\n  [title]=\"modalTitle\"\n  [(isOpen)]=\"openModal\"\n  [(showConfirm)]=\"showConfirm\"\n  [confirmButton]=\"'CONFIRM.YES' | fallbackTranslate: 'Yes'\"\n  [confirmCancelButton]=\"'CONFIRM.No' | fallbackTranslate: 'No'\"\n  [confirmationTitle]=\"'CONFIRM.ARE_YOU_SURE' | fallbackTranslate: 'Confirm Deletion'\"\n  [confirmationMsg]=\"'CONFIRM.ARE_YOU_SURE_MESSAGE' | fallbackTranslate: 'Sure you want to delete?'\"\n  [showCloseBtn]=\"!cancelButtonTitle && editMode\"\n  [customClass]=\"'calendar-event-modal'\"\n  [loading]=\"loading$ | async\"\n  [validModal]=\"(!form || form.valid) && (loading$ | async) !== true\"\n  [submitButtonTitle]=\"submitButtonTitle\"\n  [secondaryButtonTitle]=\"secondaryButtonTitle\"\n  [cancelButtonTitle]=\"cancelButtonTitle\"\n  (secondaryButtonClick)=\"onModalSecondaryButtonClick()\"\n  (closeModal)=\"resetModal()\"\n  (submitModal)=\"onSubmitModal()\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n>\n  <div class=\"event-modal\">\n    @if (!form && editMode && !openRecurringOptions) {\n    <lib-event-info [event]=\"event\" [calendars]=\"calendars\"></lib-event-info>\n    }\n    @if (openRecurringOptions) {\n    <lib-edit-recurring-event [editOptionsCtrl]=\"editOptionsCtrl\" [excludeCurrentInstance]=\"recurringTypeChanged\"></lib-edit-recurring-event>\n    }\n    <ng-content></ng-content>\n    @if (form && !openRecurringOptions) {\n    <form [formGroup]=\"form\" autocomplete=\"off\" appFocusInvalidInput (ngSubmit)=\"saveEvent()\" (keyup.enter)=\"saveEvent()\" id=\"event-form\">\n      <div class=\"form-body\">\n        <div class=\"form-row center-content\">\n          <div class=\"event-title-field\">\n            <lib-input-field\n              maxLength=\"2000\"\n              formControlName=\"title\"\n              type=\"text\"\n              [readonly]=\"loading$ | async\"\n              [label]=\"'CALENDAR.TITLE_FIELD' | fallbackTranslate: 'Title'\"\n              [trimWhiteSpace]=\"false\"\n            ></lib-input-field>\n            <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['title'] }\"></lib-error-message>\n          </div>\n        </div>\n        <div class=\"form-row event-dates\">\n          <div class=\"input-field-container input-field-container-group\">\n            <div class=\"event-date-container\" [ngClass]=\"{ 'input-field-container-full-row': !form.controls['allDay'].value }\">\n              <lib-input-date-field\n                class=\"event-date\"\n                formControlName=\"startDate\"\n                [readonly]=\"loading$ | async\"\n                [hieActions]=\"true\"\n                [showIcon]=\"true\"\n                [label]=\"'CALENDAR.START_DATE' | fallbackTranslate: 'Start Date'\"\n              ></lib-input-date-field>\n              <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['startDate'] }\"></lib-error-message>\n            </div>\n            @if (form.controls['allDay'].value) {\n              <lib-input-date-field\n                class=\"event-date event-end-date\"\n                formControlName=\"endDate\"\n                [disabled]=\"loading$ | async\"\n                [hieActions]=\"true\"\n                [showIcon]=\"true\"\n                [label]=\"'CALENDAR.END_DATE' | fallbackTranslate: 'End Date'\"\n              ></lib-input-date-field>\n              <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['endDate'] }\"></lib-error-message>\n            }\n          </div>\n        </div>\n\n        @if (!form.controls['allDay'].value) {\n          <div class=\"form-row\">\n            <div class=\"input-field-container input-field-container-group time-fields-group\">\n              <div class=\"time-field\">\n                <lib-input-time-field\n                  formControlName=\"startTime\"\n                  [showIcon]=\"true\"\n                  [startDate]=\"eventStart\"\n                  [interval]=\"15\"\n                  [disabled]=\"loading$ | async\"\n                  [label]=\"'CALENDAR.STARTS' | fallbackTranslate: 'Starts'\"\n                ></lib-input-time-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['startTime'] }\"></lib-error-message>\n              </div>\n              <div class=\"time-field\">\n                <lib-input-time-field\n                  class=\"end-time\"\n                  formControlName=\"endTime\"\n                  [interval]=\"15\"\n                  [showIcon]=\"true\"\n                  [displaySlotTime]=\"true\"\n                  [fromTime]=\"\n                    form.controls.startTime.value && form.controls.startTime.value['slotValue'] ? form.controls.startTime.value['slotValue'] : form.controls.startTime.value\n                  \"\n                  [startDate]=\"eventStart\"\n                  [disabled]=\"loading$ | async\"\n                  [label]=\"'CALENDAR.ENDS' | fallbackTranslate: 'Ends'\"\n                ></lib-input-time-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['endTime'] }\"></lib-error-message>\n              </div>\n            </div>\n          </div>\n        }\n\n        <div class=\"form-row recurring\">\n          <div class=\"recurring-select\" formGroupName=\"recurringPattern\">\n            <lib-input-field-select\n              formControlName=\"type\"\n              [optionLabel]=\"(recurringOptions[0].title | fallbackTranslate: 'noTrnslations') === 'noTrnslations' ? 'name' : 'title'\"\n              [optionValue]=\"'type'\"\n              [options]=\"recurringOptions\"\n              [disabled]=\"loading$ | async\"\n            >\n            </lib-input-field-select>\n          </div>\n          <div class=\"allDay-container\">\n            <ion-item class=\"no-shadow allDay\">\n              <label>\n                <lib-dashed-checkbox formControlName=\"allDay\" [disabled]=\"loading$ | async\"></lib-dashed-checkbox>\n                <span>{{ 'CALENDAR.ALL_DAY' | fallbackTranslate: 'All day' }}</span>\n              </label>\n            </ion-item>\n          </div>\n        </div>\n\n        <div class=\"form-row address\">\n          <div class=\"input-field-container\">\n            <lib-input-field\n              maxLength=\"2000\"\n              [trimWhiteSpace]=\"false\"\n              formControlName=\"address\"\n              [enableGoogleAddress]=\"!locationSearchFn\"\n              [locationSearchFn]=\"null\"\n              [address]=\"form.controls['address'].value\"\n              (locationChange)=\"onLocationChange($event)\"\n              (onBlur)=\"hideLocalSuggestionsDelayed()\"\n              [readonly]=\"loading$ | async\"\n              [label]=\"'FIELDS.ADD_LOCATION' | fallbackTranslate: 'Location'\"\n            >\n            </lib-input-field>\n\n            @if (showLocalSuggestions && localSuggestions.length > 0) {\n              <div class=\"custom-location-suggestions\">\n                @for (suggestion of localSuggestions; track suggestion.address) {\n                  <div class=\"suggestion-item\" (mousedown)=\"onLocalSuggestionSelect(suggestion)\">\n                    <div class=\"suggestion-icon\"><i class=\"icon icon-gen3-pin\"></i></div>\n                    <div class=\"suggestion-text\">{{ suggestion.address }}</div>\n                  </div>\n                }\n              </div>\n            }\n\n            <lib-error-message class=\"input-error\" [config]=\"{ control: form.controls['address'] }\"></lib-error-message>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"event-note-field\">\n            <lib-input-field\n              formControlName=\"note\"\n              [textarea]=\"true\"\n              [label]=\"'FIELDS.ADD_DESCRIPTION' | fallbackTranslate: 'Description'\"\n              maxLength=\"2000\"\n              [readonly]=\"loading$ | async\"\n            ></lib-input-field>\n          </div>\n        </div>\n      </div>\n    </form>\n    }\n  </div>\n</lib-bottom-modal>\n", styles: [".event-modal{--input-width: 100%;--input-height: 48px;--border-radius: 100px;--input-icon-color: #fe3c72;--input-font-color: #fff;--dropdown-background: linear-gradient(191.18deg, #27242c 61.33%, #0c0b0e 101.43%);--input-font-family: \"Gilroy-Regular\", serif;--label-color: grey;--input-field-box-shadow: inset 17px 22px 20px 2.5px rgba(17, 16, 20, .7), inset -2px -2px 8px rgba(203, 199, 209, .5);--input-number-filed-font: var(--font-family);--textarea-height: 100px !important;position:relative;display:block;width:100%;padding:0 20px 10px;max-height:72vh;overflow:visible!important}.event-modal .form-row{display:flex;flex-direction:row;margin-bottom:10px}.event-modal .form-row.form-footer{align-items:flex-end;justify-content:flex-end;margin-bottom:-15px}.event-modal .form-row.form-footer lib-primary-btn{width:100px}.event-modal .form-row.form-row-error{margin:-10px 0 0;padding:0;height:20px}.event-modal .form-row.recurring{margin:12px 0;display:flex}.event-modal .form-row.recurring .allDay-container,.event-modal .form-row.recurring .recurring-select{width:50%}.event-modal .form-row.recurring .recurring-select lib-input-field-select{width:100%}.event-modal .form-row.recurring .allDay-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;margin-top:-10px}.event-modal form{padding:5px 5px 0}.event-modal form .form-body{max-width:100%;position:relative;display:block;overflow:visible}.event-modal ion-item ion-label{font-family:Gilroy-Regular,serif!important}.event-modal ion-item ion-label:not(.allDay){display:flex!important;flex-direction:row;align-items:center;justify-content:center}.event-modal ion-item.allDay{margin-top:-10px;width:fit-content;--min-height: 50px}.event-modal ion-item.allDay label{display:flex;gap:10px;align-items:center;font-family:Gilroy-Regular,serif;cursor:pointer}.event-modal ion-item.allDay lib-dashed-checkbox{--size: 24px;--color: var(--cyrano-pink-shade-1)}.event-modal .event-title-field,.event-modal .event-note-field{position:relative;display:block;width:100%;padding-top:10px}.event-modal .event-title-field lib-input-field,.event-modal .event-note-field lib-input-field{position:relative;width:100%;min-width:100%}.event-modal .input-field-container{padding-top:2px;width:100%}.event-modal .input-field-container.input-field-container-group{display:flex;gap:5px}.event-modal .input-field-container.input-field-container-group div{width:50%}.event-modal .input-field-container.input-field-container-group div.input-field-container-full-row{width:100%}.event-modal .input-field-container .time-fields{display:flex;gap:10px}.event-modal .input-field-container lib-input-field{width:100%}.event-modal .field-error{position:relative;display:block;width:100%}@media screen and (max-width:500px){.event-modal .event-date-container{margin-bottom:15px}.event-modal .input-field-container-group{display:flex;flex-direction:column}.event-modal .input-field-container-group div{width:100%!important}.event-modal .input-field-container-group.time-fields-group{flex-direction:row}.event-modal .form-row.recurring{display:block}.event-modal .form-row.recurring .allDay-container,.event-modal .form-row.recurring .recurring-select{width:100%}.event-modal .form-row.recurring .allDay-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}.event-modal .form-row.recurring .allDay-container ion-item.allDay{padding-left:0;margin-top:10px}.event-modal .form-row.address{margin-top:-20px}.event-modal .form-row.event-dates{margin-bottom:0}}@media screen and (max-width:350px){.event-modal .input-placeholder.input-placeholder-date .time-placeholder{margin-left:0}}.event-modal .event-input-field-error{margin-top:-20px}.event-modal ::ng-deep .location-suggestions{display:none!important}.event-modal .custom-location-suggestions{position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;left:0;right:0;z-index:100;background:#1e1c23;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-height:250px;overflow-y:auto;box-shadow:inset 0 0 10px #00000080;padding:4px 0;margin:8px 0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.event-modal .custom-location-suggestions .suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease}.event-modal .custom-location-suggestions .suggestion-item:hover{background:#fe3c721a}.event-modal .custom-location-suggestions .suggestion-item:hover .suggestion-text,.event-modal .custom-location-suggestions .suggestion-item:hover .suggestion-icon{color:#fe3c72}.event-modal .custom-location-suggestions .suggestion-item .suggestion-icon{color:#ffffff80;font-size:14px;flex-shrink:0}.event-modal .custom-location-suggestions .suggestion-item .suggestion-text{color:#ffffffe6;font-size:13px;font-family:Gilroy-Regular,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+            args: [{ selector: 'lib-event-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<lib-bottom-modal\n  [title]=\"modalTitle\"\n  [(isOpen)]=\"openModal\"\n  [(showConfirm)]=\"showConfirm\"\n  [confirmButton]=\"'CONFIRM.YES' | fallbackTranslate: 'Yes'\"\n  [confirmCancelButton]=\"'CONFIRM.No' | fallbackTranslate: 'No'\"\n  [confirmationTitle]=\"'CONFIRM.ARE_YOU_SURE' | fallbackTranslate: 'Confirm Deletion'\"\n  [confirmationMsg]=\"'CONFIRM.ARE_YOU_SURE_MESSAGE' | fallbackTranslate: 'Sure you want to delete?'\"\n  [showCloseBtn]=\"!cancelButtonTitle && editMode\"\n  [customClass]=\"'calendar-event-modal'\"\n  [loading]=\"loading$ | async\"\n  [validModal]=\"(!form || form.valid) && (loading$ | async) !== true\"\n  [submitButtonTitle]=\"submitButtonTitle\"\n  [secondaryButtonTitle]=\"secondaryButtonTitle\"\n  [cancelButtonTitle]=\"cancelButtonTitle\"\n  (secondaryButtonClick)=\"onModalSecondaryButtonClick()\"\n  (closeModal)=\"resetModal()\"\n  (submitModal)=\"onSubmitModal()\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n>\n  <div class=\"event-modal\">\n    @if (!form && editMode && !openRecurringOptions) {\n    <lib-event-info [event]=\"event\" [calendars]=\"calendars\"></lib-event-info>\n    }\n    @if (openRecurringOptions) {\n    <lib-edit-recurring-event [editOptionsCtrl]=\"editOptionsCtrl\" [excludeCurrentInstance]=\"recurringTypeChanged\"></lib-edit-recurring-event>\n    }\n    <ng-content></ng-content>\n    @if (form && !openRecurringOptions) {\n    <form [formGroup]=\"form\" autocomplete=\"off\" appFocusInvalidInput (ngSubmit)=\"saveEvent()\" (keyup.enter)=\"saveEvent()\" id=\"event-form\">\n      <div class=\"form-body\">\n        <div class=\"form-row center-content\">\n          <div class=\"event-title-field\">\n            <lib-input-field\n              maxLength=\"2000\"\n              formControlName=\"title\"\n              type=\"text\"\n              [readonly]=\"loading$ | async\"\n              [label]=\"'CALENDAR.TITLE_FIELD' | fallbackTranslate: 'Title'\"\n              [trimWhiteSpace]=\"false\"\n            ></lib-input-field>\n            <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['title'] }\"></lib-error-message>\n          </div>\n        </div>\n        <div class=\"form-row event-dates\">\n          <div class=\"input-field-container input-field-container-group date-time-grid\">\n            <div class=\"event-date-container date-time-column\" [ngClass]=\"{ 'input-field-container-full-row': form.controls['allDay'].value }\">\n              <lib-input-date-field\n                class=\"event-date\"\n                formControlName=\"startDate\"\n                [readonly]=\"loading$ | async\"\n                [hieActions]=\"true\"\n                [showIcon]=\"true\"\n                [label]=\"'CALENDAR.START_DATE' | fallbackTranslate: 'Start Date'\"\n              ></lib-input-date-field>\n              <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['startDate'] }\"></lib-error-message>\n              @if (!form.controls['allDay'].value) {\n                <lib-input-date-field\n                  class=\"event-time\"\n                  formControlName=\"startTime\"\n                  [timeOnly]=\"true\"\n                  [showIcon]=\"true\"\n                  [hieActions]=\"true\"\n                  [startDate]=\"eventStart\"\n                  [disabled]=\"loading$ | async\"\n                  [label]=\"'CALENDAR.STARTS' | fallbackTranslate: 'Starts'\"\n                ></lib-input-date-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['startTime'] }\"></lib-error-message>\n              }\n            </div>\n            @if (!form.controls['allDay'].value) {\n              <div class=\"event-date-container date-time-column\">\n                <lib-input-date-field\n                  class=\"event-date event-end-date\"\n                  formControlName=\"endDate\"\n                  [disabled]=\"loading$ | async\"\n                  [hieActions]=\"true\"\n                  [showIcon]=\"true\"\n                  [label]=\"'CALENDAR.END_DATE' | fallbackTranslate: 'End Date'\"\n                ></lib-input-date-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['endDate'] }\"></lib-error-message>\n                <lib-input-date-field\n                  class=\"event-time end-time\"\n                  formControlName=\"endTime\"\n                  [timeOnly]=\"true\"\n                  [showIcon]=\"true\"\n                  [hieActions]=\"true\"\n                  [startDate]=\"eventStart\"\n                  [disabled]=\"loading$ | async\"\n                  [label]=\"'CALENDAR.ENDS' | fallbackTranslate: 'Ends'\"\n                ></lib-input-date-field>\n                <lib-error-message class=\"input-error event-input-field-error\" [config]=\"{ control: form.controls['endTime'] }\"></lib-error-message>\n              </div>\n            }\n          </div>\n        </div>\n\n        <div class=\"form-row recurring\">\n          <div class=\"recurring-select\" formGroupName=\"recurringPattern\">\n            <lib-input-field-select\n              formControlName=\"type\"\n              [optionLabel]=\"(recurringOptions[0].title | fallbackTranslate: 'noTrnslations') === 'noTrnslations' ? 'name' : 'title'\"\n              [optionValue]=\"'type'\"\n              [options]=\"recurringOptions\"\n              [disabled]=\"loading$ | async\"\n            >\n            </lib-input-field-select>\n          </div>\n          <div class=\"allDay-container\">\n            <ion-item class=\"no-shadow allDay\">\n              <label>\n                <lib-dashed-checkbox formControlName=\"allDay\" [disabled]=\"loading$ | async\"></lib-dashed-checkbox>\n                <span>{{ 'CALENDAR.ALL_DAY' | fallbackTranslate: 'All day' }}</span>\n              </label>\n            </ion-item>\n          </div>\n        </div>\n\n        <div class=\"form-row address\">\n          <div class=\"input-field-container\">\n            <lib-input-field\n              maxLength=\"2000\"\n              [trimWhiteSpace]=\"false\"\n              formControlName=\"address\"\n              [enableGoogleAddress]=\"!locationSearchFn\"\n              [locationSearchFn]=\"locationSearchFn\"\n              [address]=\"form.controls['address'].value\"\n              (locationChange)=\"onLocationChange($event)\"\n              (onBlur)=\"hideLocalSuggestionsDelayed()\"\n              [readonly]=\"loading$ | async\"\n              [label]=\"'FIELDS.ADD_LOCATION' | fallbackTranslate: 'Location'\"\n            >\n            </lib-input-field>\n\n            @if (showLocalSuggestions && localSuggestions.length > 0) {\n              <div class=\"custom-location-suggestions\">\n                @for (suggestion of localSuggestions; track suggestion.address) {\n                  <div class=\"suggestion-item\" (mousedown)=\"onLocalSuggestionSelect(suggestion)\">\n                    <div class=\"suggestion-icon\"><i class=\"icon icon-gen3-pin\"></i></div>\n                    <div class=\"suggestion-text\">{{ suggestion.address }}</div>\n                  </div>\n                }\n              </div>\n            }\n\n            <lib-error-message class=\"input-error\" [config]=\"{ control: form.controls['address'] }\"></lib-error-message>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"event-note-field\">\n            <lib-input-field\n              formControlName=\"note\"\n              [textarea]=\"true\"\n              [label]=\"'FIELDS.ADD_DESCRIPTION' | fallbackTranslate: 'Description'\"\n              maxLength=\"2000\"\n              [readonly]=\"loading$ | async\"\n            ></lib-input-field>\n          </div>\n        </div>\n      </div>\n    </form>\n    }\n  </div>\n</lib-bottom-modal>\n", styles: [".event-modal{--input-width: 100%;--input-height: 48px;--border-radius: 100px;--input-icon-color: #fe3c72;--input-font-color: #fff;--dropdown-background: linear-gradient(191.18deg, #27242c 61.33%, #0c0b0e 101.43%);--input-font-family: \"Gilroy-Regular\", serif;--label-color: grey;--input-field-box-shadow: inset 17px 22px 20px 2.5px rgba(17, 16, 20, .7), inset -2px -2px 8px rgba(203, 199, 209, .5);--input-number-filed-font: var(--font-family);--textarea-height: 100px !important;position:relative;display:block;width:100%;padding:0 20px 10px;max-height:72vh;overflow:visible!important}.event-modal .form-row{display:flex;flex-direction:row;margin-bottom:10px}.event-modal .form-row.form-footer{align-items:flex-end;justify-content:flex-end;margin-bottom:-15px}.event-modal .form-row.form-footer lib-primary-btn{width:100px}.event-modal .form-row.form-row-error{margin:-10px 0 0;padding:0;height:20px}.event-modal .form-row.recurring{margin:12px 0;display:flex}.event-modal .form-row.recurring .allDay-container,.event-modal .form-row.recurring .recurring-select{width:50%}.event-modal .form-row.recurring .recurring-select lib-input-field-select{width:100%}.event-modal .form-row.recurring .allDay-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;margin-top:-10px}.event-modal form{padding:5px 5px 0}.event-modal form .form-body{max-width:100%;position:relative;display:block;overflow:visible}.event-modal ion-item ion-label{font-family:Gilroy-Regular,serif!important}.event-modal ion-item ion-label:not(.allDay){display:flex!important;flex-direction:row;align-items:center;justify-content:center}.event-modal ion-item.allDay{margin-top:-10px;width:fit-content;--min-height: 50px}.event-modal ion-item.allDay label{display:flex;gap:10px;align-items:center;font-family:Gilroy-Regular,serif;cursor:pointer}.event-modal ion-item.allDay lib-dashed-checkbox{--size: 24px;--color: var(--cyrano-pink-shade-1)}.event-modal .event-title-field,.event-modal .event-note-field{position:relative;display:block;width:100%;padding-top:10px}.event-modal .event-title-field lib-input-field,.event-modal .event-note-field lib-input-field{position:relative;width:100%;min-width:100%}.event-modal .input-field-container{padding-top:2px;width:100%}.event-modal .input-field-container.input-field-container-group{display:flex;gap:5px}.event-modal .input-field-container.input-field-container-group.date-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media screen and (max-width:500px){.event-modal .input-field-container.input-field-container-group.date-time-grid{grid-template-columns:1fr}}.event-modal .input-field-container.input-field-container-group .date-time-column{display:flex;flex-direction:column;gap:10px;width:100%!important}.event-modal .input-field-container.input-field-container-group div{width:50%}.event-modal .input-field-container.input-field-container-group div.input-field-container-full-row{width:100%}.event-modal .input-field-container .time-fields{display:flex;gap:10px}.event-modal .input-field-container lib-input-field{width:100%}.event-modal .field-error{position:relative;display:block;width:100%}@media screen and (max-width:500px){.event-modal .event-date-container{margin-bottom:15px}.event-modal .input-field-container-group{display:flex;flex-direction:column}.event-modal .input-field-container-group div{width:100%!important}.event-modal .input-field-container-group.time-fields-group{flex-direction:row}.event-modal .form-row.recurring{display:block}.event-modal .form-row.recurring .allDay-container,.event-modal .form-row.recurring .recurring-select{width:100%}.event-modal .form-row.recurring .allDay-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}.event-modal .form-row.recurring .allDay-container ion-item.allDay{padding-left:0;margin-top:10px}.event-modal .form-row.address{margin-top:-20px}.event-modal .form-row.event-dates{margin-bottom:0}}@media screen and (max-width:350px){.event-modal .input-placeholder.input-placeholder-date .time-placeholder{margin-left:0}}.event-modal .event-input-field-error{margin-top:-20px}.event-modal ::ng-deep .location-suggestions{display:none!important}.event-modal .custom-location-suggestions{position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;left:0;right:0;z-index:100;background:#1e1c23;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-height:250px;overflow-y:auto;box-shadow:inset 0 0 10px #00000080;padding:4px 0;margin:8px 0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.event-modal .custom-location-suggestions .suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease}.event-modal .custom-location-suggestions .suggestion-item:hover{background:#fe3c721a}.event-modal .custom-location-suggestions .suggestion-item:hover .suggestion-text,.event-modal .custom-location-suggestions .suggestion-item:hover .suggestion-icon{color:#fe3c72}.event-modal .custom-location-suggestions .suggestion-item .suggestion-icon{color:#ffffff80;font-size:14px;flex-shrink:0}.event-modal .custom-location-suggestions .suggestion-item .suggestion-text{color:#ffffffe6;font-size:13px;font-family:Gilroy-Regular,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.FormBuilder }, { type: CalendarUtilsService }, { type: FallbackTranslatePipe }], propDecorators: { calendars: [{
                 type: Input
             }], locationSearchFn: [{
@@ -1755,7 +1775,6 @@ class AlertPopupComponent {
         // Default and minimum life of the toaster. If need, more than 3s life can be passed in configuration.
         this.toasterLife = 2000;
         this.show = false;
-        this.toasterIcon = '';
         this.timeout = null;
         this.checkbox = false;
         this.destroy$ = new Subject();
@@ -1840,7 +1859,6 @@ class AlertPopupComponent {
     _initToaster() {
         this.show = true;
         this.checkbox = false;
-        this.toasterIcon = this.config.severity + '.svg';
         // Initialize description properties
         this._updateDescriptionProperties();
         if (this.config.life && this.config.life > this.toasterLife) {
@@ -1912,11 +1930,11 @@ class AlertPopupComponent {
         this.changeDetectorRef.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AlertPopupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: LibToastrService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AlertPopupComponent, isStandalone: true, selector: "lib-alert-popup", inputs: { config: "config", title: "title", description: "description", timeState: "timeState", number: "number" }, outputs: { closeClick: "closeClick", closed: "closed", checkboxChange: "checkboxChange" }, providers: [LibToastrService], usesOnChanges: true, ngImport: i0, template: "@if (show) {\n  <div\n    (mouseover)=\"mouseOver(true)\"\n    (mouseleave)=\"mouseOver(false)\"\n    class=\"alert-popup-box alert-popup-border alert-popup-{{ config.severity }} alert-popup-{{ config.position || 'right-top' }} {{\n      toastrExiting ? 'alert-popup-pos-' + (config.position || 'right-top') + '--exit' : 'alert-popup-pos-' + (config.position || 'right-top') + '--enter'\n    }}\"\n    [ngStyle]=\"{ 'animation-duration.ms': animationDuration }\"\n  >\n    <div class=\"alert-popup-wrapper alert-popup-content-wrapper\">\n      <img class=\"alert-popup-icon\" [src]=\"'./../../../assets/icons/' + toasterIcon\" alt=\"Toster icon\" />\n      <div class=\"alert-popup-content\">\n        <h2 class=\"m-0 f-calistoga\">{{ config.title | translate }}</h2>\n        @if (config.description.type === 'string') {\n          <p class=\"m-0 f-gilroy-medium\">{{ (descriptionContent | translate) || '' }}</p>\n        } @else if (config.description.type === 'template') {\n          <ng-container *ngTemplateOutlet=\"descriptionTemplate\"></ng-container>\n        } @else if (config.description.type === 'button') {\n          <p class=\"m-0 f-gilroy-medium alert-popup-content__button-wrapper\">\n            <span>{{ (descriptionContent | translate) || '' }}</span>\n            <span class=\"alert-popup-content__button-wrapper__button\" (click)=\"config.button?.onClick()\"> &nbsp;{{ config.button?.name || '' }} </span>\n          </p>\n        } @else {\n          <!-- No Description Content -->\n        }\n        @if (config.loading && !config.clickToClose) {\n          <lib-loading-bar [toasterLife]=\"toasterLife\"></lib-loading-bar>\n        }\n      </div>\n      <div class=\"alert-popup-action-button\">\n        @if (!config.hideClose) {\n          <span class=\"alert-popup-close-button absolute top\" (click)=\"onCloseIconClick($event)\" libTooltip=\"Close\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 7 7\" fill=\"none\">\n              <path\n                d=\"M0.854234 5.69017L5.69106 0.853344M5.78208 5.78237L0.763872 0.764163\"\n                stroke=\"#EBEBF5\"\n                stroke-opacity=\"0.6\"\n                stroke-width=\"1.2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        }\n        @if (config.markCheck) {\n          @if (!checkbox) {\n            <span (click)=\"onCheckboxChange()\" libTooltip=\"Checkbox\" class=\"alert-popup-checkbox\"></span>\n          } @else {\n            <span class=\"absolute bottom\">\n              <img (click)=\"onCheckboxChange()\" libTooltip=\"Checkbox\" src=\"assets/icons/check.svg\" class=\"alert-popup-check-icon\" alt=\"Toster icon\" />\n            </span>\n          }\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: [":host{--tertiary-color: rgba(255, 255, 255, .6);--secondary-color: rgba(255, 255, 255, .85);--checkbox-border: rgba(254, 60, 114, .4);--accent-pink: #fe3c72;--dark-bg: rgba(26, 23, 30, .85);--alert-popup-glow-layer: radial-gradient(circle at 10% 50%, rgba(254, 60, 114, .3), transparent 70%);--alert-popup-transparent-layer: rgba(26, 23, 30, .4);--alert-popup-error-background: linear-gradient(90deg, #8a335a 1%, #332e39 20%, #6d3c51 60%, #332e39 80%);--alert-popup-error-border: linear-gradient(160.44deg, #8a335a 1%, #332e39 20%, #6d3c51 60%, #332e39 80%);--alert-popup-success-background: linear-gradient(90deg, #478857 1%, #332e39 20%, #80d59d 60%, #332e39 80%);--alert-popup-success-border: linear-gradient(160.44deg, #478857 1%, #332e39 20%, #80d59d 60%, #332e39 80%);--alert-popup-warning-background: linear-gradient(90deg, #898d4f 1%, #332e39 20%, #ddde8c 60%, #332e39 80%);--alert-popup-warning-border: linear-gradient(160.44deg, #898d4f 1%, #332e39 20%, #ddde8c 60%, #332e39 80%)}.alert-popup-box{position:relative;z-index:1000;display:block;pointer-events:auto;border-radius:12px;box-sizing:border-box}.alert-popup-box.alert-popup-border{max-width:320px;width:calc(100vw - 32px);margin:0 auto;padding:1px 0 0;box-shadow:0 10px 30px #00000080;overflow:hidden}.alert-popup-box.alert-popup-border:before{content:\"\";position:absolute;inset:0;background-image:var(--alert-popup-glow-layer);z-index:-1}.alert-popup-box.alert-popup-border:after{content:\"\";position:absolute;inset:0;background-image:var(--alert-popup-transparent-layer);z-index:-1;pointer-events:none}.alert-popup-box.alert-popup-border.alert-popup-success{background-image:var(--alert-popup-success-border)}.alert-popup-box.alert-popup-border.alert-popup-warning{background-image:var(--alert-popup-warning-border)}.alert-popup-box.alert-popup-border.alert-popup-error,.alert-popup-box.alert-popup-border.alert-popup-info{background-image:var(--alert-popup-error-border)}.alert-popup-box.alert-popup-border.alert-popup-pos-left-top--enter,.alert-popup-box.alert-popup-border.alert-popup-pos-left-bottom--enter{opacity:0;animation:alert-popup-move-ltr-enter-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-left-top--exit,.alert-popup-box.alert-popup-border.alert-popup-pos-left-bottom--exit{opacity:1;animation:alert-popup-move-rtl-exit-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-right-top--enter,.alert-popup-box.alert-popup-border.alert-popup-pos-right-bottom--enter{opacity:0;animation:alert-popup-move-rtl-enter-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-right-top--exit,.alert-popup-box.alert-popup-border.alert-popup-pos-right-bottom--exit{opacity:1;animation:alert-popup-move-ltr-exit-anime forwards}.alert-popup-wrapper.alert-popup-content-wrapper{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:11px;overflow:hidden;height:100%;box-sizing:border-box;background:#fff}.alert-popup-wrapper.alert-popup-content-wrapper:before{content:\"\";position:absolute;inset:0;z-index:0;opacity:.9}.alert-popup-wrapper.alert-popup-content-wrapper:after{content:\"\";position:absolute;inset:1px 0 0;background:#ffffff03;background-blend-mode:overlay;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:0;pointer-events:none}.alert-popup-icon{width:20px;height:20px;flex-shrink:0;position:relative;z-index:1}.alert-popup-info .alert-popup-icon,.alert-popup-error .alert-popup-icon{filter:drop-shadow(0 0 1px #ce769e) brightness(1.1)}.alert-popup-success .alert-popup-icon{filter:drop-shadow(0 0 1px #3cfe4f) brightness(1.2)}.alert-popup-warning .alert-popup-icon{filter:drop-shadow(0 0 1px #fafe3c) brightness(1.2)}.alert-popup-content{flex-grow:1;position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}.alert-popup-content h2{color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em}.alert-popup-content p{color:var(--secondary-color);font-size:11px;line-height:1.4}.alert-popup-success .alert-popup-content-wrapper:before{background-image:var(--alert-popup-success-background)}.alert-popup-warning .alert-popup-content-wrapper:before{background-image:var(--alert-popup-warning-background)}.alert-popup-error .alert-popup-content-wrapper:before{background-image:var(--alert-popup-error-background)}.alert-popup-info .alert-popup-content-wrapper:before{background-image:var(--alert-popup-error-background)}.alert-popup-success .alert-popup-content-wrapper:before,.alert-popup-warning .alert-popup-content-wrapper:before,.alert-popup-error .alert-popup-content-wrapper:before,.alert-popup-info .alert-popup-content-wrapper:before{filter:blur(2px);-webkit-filter:blur(2px)}.alert-popup-action-button{display:flex;flex-direction:column;justify-content:space-between;min-height:50px;position:relative;z-index:1}.alert-popup-action-button .alert-popup-check-icon{position:absolute;bottom:0;width:14px;height:14px}.alert-popup-action-button img{cursor:pointer}.alert-popup-checkbox{border:2px solid var(--checkbox-border);display:inline-block;width:9px;height:9px;border-radius:2px;cursor:pointer;position:absolute!important;bottom:0}.absolute{position:absolute!important}.bottom{bottom:0}.bottom-auto{bottom:auto!important}.top{top:0}.alert-popup-close-button{cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:1000;top:-3px!important;right:-3px!important;transition:opacity .2s ease;opacity:.5}.alert-popup-close-button:hover{opacity:.8}.alert-popup-close-button svg{pointer-events:none}@keyframes alert-popup-move-ltr-enter-anime{0%{transform:translate(-100%) scale(.75);opacity:0}30%{opacity:.5;transform:scale(.75)}to{transform:translate(0) scale(1);opacity:1}}@keyframes alert-popup-move-rtl-exit-anime{0%{transform:translate(0) scale(1);opacity:1}30%{transform:scale(.75);opacity:.5}to{transform:translate(-100%) scale(.75);opacity:0}}@keyframes alert-popup-move-rtl-enter-anime{0%{transform:translate(100%) scale(.75);opacity:0}30%{opacity:.5;transform:scale(.75)}to{transform:translate(0) scale(1);opacity:1}}@keyframes alert-popup-move-ltr-exit-anime{0%{transform:translate(0) scale(1);opacity:1}30%{transform:scale(.75);opacity:.5}to{transform:translate(100%) scale(.75);opacity:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LibLoadingBarComponent, selector: "lib-loading-bar", inputs: ["toasterLife"] }, { kind: "ngmodule", type: DirectiveModule }, { kind: "directive", type: i1.LazyImageDirective, selector: "img" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AlertPopupComponent, isStandalone: true, selector: "lib-alert-popup", inputs: { config: "config", title: "title", description: "description", timeState: "timeState", number: "number" }, outputs: { closeClick: "closeClick", closed: "closed", checkboxChange: "checkboxChange" }, providers: [LibToastrService], usesOnChanges: true, ngImport: i0, template: "@if (show) {\n  <div\n    (mouseover)=\"mouseOver(true)\"\n    (mouseleave)=\"mouseOver(false)\"\n    class=\"alert-popup-box alert-popup-border alert-popup-{{ config.severity }} alert-popup-{{ config.position || 'right-top' }} {{\n      toastrExiting ? 'alert-popup-pos-' + (config.position || 'right-top') + '--exit' : 'alert-popup-pos-' + (config.position || 'right-top') + '--enter'\n    }}\"\n    [ngStyle]=\"{ 'animation-duration.ms': animationDuration }\"\n  >\n    <div class=\"alert-popup-wrapper alert-popup-content-wrapper\">\n      <div class=\"alert-popup-icon\">\n        @switch (config.severity) {\n          @case ('success') {\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM9 1.54286C4.88147 1.54286 1.54286 4.88147 1.54286 9C1.54286 13.1185 4.88147 16.4571 9 16.4571C13.1185 16.4571 16.4571 13.1185 16.4571 9C16.4571 4.88147 13.1185 1.54286 9 1.54286Z\" fill=\"url(#success_gradient_1)\"/>\n              <path d=\"M3.45049 8.21625L4.15409 7.43728L7.24494 10.2266L13.6276 5.07516L14.482 6.03004L7.19469 13.1666L3.45049 8.21625Z\" fill=\"url(#success_gradient_2)\" fill-opacity=\"0.6\" stroke=\"url(#success_gradient_3)\" stroke-opacity=\"0.6\" stroke-linejoin=\"round\"/>\n              <defs>\n                <linearGradient id=\"success_gradient_1\" x1=\"9\" y1=\"0\" x2=\"9\" y2=\"18\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#3CFE4F\"/>\n                  <stop offset=\"1\" stop-color=\"#A9FFFF\"/>\n                </linearGradient>\n                <linearGradient id=\"success_gradient_2\" x1=\"8.96625\" y1=\"5.07516\" x2=\"8.96625\" y2=\"13.1666\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#3CFE4F\"/>\n                  <stop offset=\"1\" stop-color=\"#A9FFFF\"/>\n                </linearGradient>\n                <linearGradient id=\"success_gradient_3\" x1=\"8.96625\" y1=\"5.07516\" x2=\"8.96625\" y2=\"13.1666\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#3CFE4F\"/>\n                  <stop offset=\"1\" stop-color=\"#A9FFFF\"/>\n                </linearGradient>\n              </defs>\n            </svg>\n          }\n          @case ('error') {\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1622 1.43596C19.5528 1.82648 19.5528 2.45965 19.1622 2.85017L2.66223 19.3502C2.27171 19.7407 1.63854 19.7407 1.24802 19.3502C0.857493 18.9596 0.857493 18.3265 1.24802 17.936L17.748 1.43596C18.1385 1.04544 18.7717 1.04544 19.1622 1.43596Z\" fill=\"url(#error_gradient_1)\" fill-opacity=\"0.6\" stroke=\"url(#error_gradient_2)\" stroke-opacity=\"0.6\" stroke-linecap=\"round\"/>\n              <circle cx=\"9.95512\" cy=\"10.1431\" r=\"8\" stroke=\"url(#error_gradient_3)\" stroke-opacity=\"0.6\" stroke-width=\"2\"/>\n              <defs>\n                <linearGradient id=\"error_gradient_1\" x1=\"10.2051\" y1=\"1.14307\" x2=\"10.2051\" y2=\"19.6431\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FE3C72\"/>\n                  <stop offset=\"1\" stop-color=\"#FFB5E9\"/>\n                </linearGradient>\n                <linearGradient id=\"error_gradient_2\" x1=\"10.2051\" y1=\"1.14307\" x2=\"10.2051\" y2=\"19.6431\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FE3C72\"/>\n                  <stop offset=\"1\" stop-color=\"#FFB5E9\"/>\n                </linearGradient>\n                <linearGradient id=\"error_gradient_3\" x1=\"9.95512\" y1=\"1.14307\" x2=\"9.95512\" y2=\"19.1431\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FE3C72\"/>\n                  <stop offset=\"1\" stop-color=\"#FFB5E9\"/>\n                </linearGradient>\n              </defs>\n            </svg>\n          }\n          @case ('warning') {\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M11.0446 12.3748C11.315 12.3748 11.5743 12.2719 11.7655 12.0888C11.9567 11.9057 12.0641 11.6574 12.0641 11.3984V6.87699C12.0641 6.61804 11.9567 6.36969 11.7655 6.18658C11.5743 6.00347 11.315 5.9006 11.0446 5.9006C10.7742 5.9006 10.5149 6.00347 10.3237 6.18658C10.1325 6.36969 10.0251 6.61804 10.0251 6.87699V11.3834C10.023 11.5129 10.0478 11.6415 10.0981 11.7617C10.1484 11.8819 10.2232 11.9913 10.3181 12.0835C10.413 12.1758 10.5261 12.2491 10.6508 12.2991C10.7755 12.3491 10.9094 12.3748 11.0446 12.3748Z\" fill=\"url(#warning_gradient_1)\" fill-opacity=\"0.6\" stroke=\"url(#warning_gradient_2)\" stroke-opacity=\"0.6\"/>\n              <path d=\"M11.0055 15.7165C11.6552 15.7165 12.1819 15.2121 12.1819 14.5899C12.1819 13.9677 11.6552 13.4633 11.0055 13.4633C10.3558 13.4633 9.82914 13.9677 9.82914 14.5899C9.82914 15.2121 10.3558 15.7165 11.0055 15.7165Z\" fill=\"url(#warning_gradient_3)\" fill-opacity=\"0.6\" stroke=\"url(#warning_gradient_4)\" stroke-opacity=\"0.6\"/>\n              <path d=\"M20.7155 15.5443L13.0769 2.07013C12.8747 1.71429 12.576 1.41724 12.2123 1.21028C11.8487 1.00331 11.4334 0.894073 11.0104 0.894073C10.5874 0.894073 10.1721 1.00331 9.80848 1.21028C9.44481 1.41724 9.14613 1.71429 8.9439 2.07013L1.29744 15.5443C1.09731 15.8883 0.994821 16.2766 1.0002 16.6704C1.00558 17.0641 1.11864 17.4497 1.32811 17.7886C1.53758 18.1275 1.83614 18.4079 2.19403 18.6019C2.55193 18.7958 2.95665 18.8966 3.36787 18.894H18.6451C19.0529 18.8944 19.4539 18.7932 19.8086 18.6004C20.1633 18.4076 20.4595 18.1298 20.6683 17.7943C20.8771 17.4588 20.9912 17.077 20.9995 16.6865C21.0078 16.296 20.9099 15.9102 20.7155 15.5668V15.5443ZM19.3195 17.0013C19.2501 17.1135 19.1515 17.2063 19.0332 17.2709C18.9149 17.3354 18.7812 17.3693 18.6451 17.3694H3.36787C3.23155 17.3697 3.09748 17.336 2.9789 17.2716C2.86031 17.2072 2.7613 17.1144 2.69163 17.0021C2.62196 16.8899 2.58404 16.7623 2.5816 16.6317C2.57916 16.5012 2.61229 16.3723 2.67773 16.2578L10.3163 2.78365C10.3835 2.66441 10.4832 2.56481 10.6047 2.49539C10.7262 2.42597 10.865 2.38932 11.0065 2.38932C11.148 2.38932 11.2868 2.42597 11.4083 2.49539C11.5298 2.56481 11.6294 2.66441 11.6966 2.78365L19.3352 16.2578C19.4002 16.3724 19.433 16.5012 19.4302 16.6315C19.4275 16.7619 19.3893 16.8894 19.3195 17.0013Z\" fill=\"url(#warning_gradient_5)\" fill-opacity=\"0.6\"/>\n              <defs>\n                <linearGradient id=\"warning_gradient_1\" x1=\"11.0445\" y1=\"5.9006\" x2=\"11.0445\" y2=\"12.3748\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n                <linearGradient id=\"warning_gradient_2\" x1=\"11.0445\" y1=\"5.9006\" x2=\"11.0445\" y2=\"12.3748\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n                <linearGradient id=\"warning_gradient_3\" x1=\"11.0055\" y1=\"13.4633\" x2=\"11.0055\" y2=\"15.7165\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n                <linearGradient id=\"warning_gradient_4\" x1=\"11.0055\" y1=\"13.4633\" x2=\"11.0055\" y2=\"15.7165\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n                <linearGradient id=\"warning_gradient_5\" x1=\"11\" y1=\"0.894073\" x2=\"11\" y2=\"18.8941\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n              </defs>\n            </svg>\n          }\n          @default {\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M10.75 9.21428C11.2589 9.21428 11.6715 9.62683 11.6715 10.1357V16.2786C11.6715 16.7874 11.2589 17.2 10.75 17.2C10.2412 17.2 9.82861 16.7874 9.82861 16.2786V10.1357C9.82861 9.62683 10.2412 9.21428 10.75 9.21428Z\" fill=\"url(#info_gradient_1)\"/>\n              <path d=\"M10.7501 7.06429C11.4286 7.06429 11.9786 6.51423 11.9786 5.83572C11.9786 5.1572 11.4286 4.60715 10.7501 4.60715C10.0715 4.60715 9.52148 5.1572 9.52148 5.83572C9.52148 6.51423 10.0715 7.06429 10.7501 7.06429Z\" fill=\"url(#info_gradient_1)\"/>\n              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 10.75C0 4.81294 4.81294 0 10.75 0C16.6871 0 21.5 4.81294 21.5 10.75C21.5 16.6871 16.6871 21.5 10.75 21.5C4.81294 21.5 0 16.6871 0 10.75ZM10.75 1.84286C5.83073 1.84286 1.84286 5.83073 1.84286 10.75C1.84286 15.6693 5.83073 19.6571 10.75 19.6571C15.6693 19.6571 19.6571 15.6693 19.6571 10.75C19.6571 5.83073 15.6693 1.84286 10.75 1.84286Z\" fill=\"url(#info_gradient_1)\"/>\n              <defs>\n                <linearGradient id=\"info_gradient_1\" x1=\"10.75\" y1=\"0\" x2=\"10.75\" y2=\"21.5\" gradientUnits=\"userSpaceOnUse\">\n                  <stop stop-color=\"#ce769e\"/>\n                  <stop offset=\"1\" stop-color=\"#ffffff\" stop-opacity=\"0.6\"/>\n                </linearGradient>\n              </defs>\n            </svg>\n          }\n        }\n      </div>\n      <div class=\"alert-popup-content\">\n        <h2 class=\"m-0 f-calistoga\">{{ config.title | translate }}</h2>\n        @if (config.description.type === 'string') {\n          <p class=\"m-0 f-gilroy-medium\">{{ (descriptionContent | translate) || '' }}</p>\n        } @else if (config.description.type === 'template') {\n          <ng-container *ngTemplateOutlet=\"descriptionTemplate\"></ng-container>\n        } @else if (config.description.type === 'button') {\n          <p class=\"m-0 f-gilroy-medium alert-popup-content__button-wrapper\">\n            <span>{{ (descriptionContent | translate) || '' }}</span>\n            <span class=\"alert-popup-content__button-wrapper__button\" (click)=\"config.button?.onClick()\"> &nbsp;{{ config.button?.name || '' }} </span>\n          </p>\n        } @else {\n          <!-- No Description Content -->\n        }\n        @if (config.loading && !config.clickToClose) {\n          <lib-loading-bar [toasterLife]=\"toasterLife\"></lib-loading-bar>\n        }\n      </div>\n      <div class=\"alert-popup-action-button\">\n        @if (!config.hideClose) {\n          <span class=\"alert-popup-close-button absolute top\" (click)=\"onCloseIconClick($event)\" libTooltip=\"Close\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 7 7\" fill=\"none\">\n              <path\n                d=\"M0.854234 5.69017L5.69106 0.853344M5.78208 5.78237L0.763872 0.764163\"\n                stroke=\"#EBEBF5\"\n                stroke-opacity=\"0.6\"\n                stroke-width=\"1.2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        }\n        @if (config.markCheck) {\n          @if (!checkbox) {\n            <span (click)=\"onCheckboxChange()\" libTooltip=\"Checkbox\" class=\"alert-popup-checkbox\"></span>\n          } @else {\n            <span class=\"absolute bottom\">\n              <div class=\"alert-popup-check-icon\" (click)=\"onCheckboxChange()\" libTooltip=\"Checkbox\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path d=\"M21 27.4 L25 30.9632l7.3 -7\" stroke=\"#3CFE4F\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n                </svg>\n              </div>\n            </span>\n          }\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: [":host{--tertiary-color: rgba(255, 255, 255, .6);--secondary-color: rgba(255, 255, 255, .85);--checkbox-border: rgba(254, 60, 114, .4);--accent-pink: #fe3c72;--dark-bg: rgba(26, 23, 30, .85);--alert-popup-glow-layer: radial-gradient(circle at 10% 50%, rgba(254, 60, 114, .3), transparent 70%);--alert-popup-transparent-layer: rgba(26, 23, 30, .4);--alert-popup-error-background: linear-gradient(90deg, #8a335a 1%, #332e39 20%, #6d3c51 60%, #332e39 80%);--alert-popup-error-border: linear-gradient(160.44deg, #8a335a 1%, #332e39 20%, #6d3c51 60%, #332e39 80%);--alert-popup-success-background: linear-gradient(90deg, #478857 1%, #332e39 20%, #80d59d 60%, #332e39 80%);--alert-popup-success-border: linear-gradient(160.44deg, #478857 1%, #332e39 20%, #80d59d 60%, #332e39 80%);--alert-popup-warning-background: linear-gradient(90deg, #898d4f 1%, #332e39 20%, #ddde8c 60%, #332e39 80%);--alert-popup-warning-border: linear-gradient(160.44deg, #898d4f 1%, #332e39 20%, #ddde8c 60%, #332e39 80%)}.alert-popup-box{position:relative;z-index:1000;display:block;pointer-events:auto;border-radius:12px;box-sizing:border-box}.alert-popup-box.alert-popup-border{max-width:320px;width:calc(100vw - 32px);margin:0 auto;padding:1px 0 0;box-shadow:0 10px 30px #00000080;overflow:hidden}.alert-popup-box.alert-popup-border:before{content:\"\";position:absolute;inset:0;background-image:var(--alert-popup-glow-layer);z-index:-1}.alert-popup-box.alert-popup-border:after{content:\"\";position:absolute;inset:0;background-image:var(--alert-popup-transparent-layer);z-index:-1;pointer-events:none}.alert-popup-box.alert-popup-border.alert-popup-success{background-image:var(--alert-popup-success-border)}.alert-popup-box.alert-popup-border.alert-popup-warning{background-image:var(--alert-popup-warning-border)}.alert-popup-box.alert-popup-border.alert-popup-error,.alert-popup-box.alert-popup-border.alert-popup-info{background-image:var(--alert-popup-error-border)}.alert-popup-box.alert-popup-border.alert-popup-pos-left-top--enter,.alert-popup-box.alert-popup-border.alert-popup-pos-left-bottom--enter{opacity:0;animation:alert-popup-move-ltr-enter-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-left-top--exit,.alert-popup-box.alert-popup-border.alert-popup-pos-left-bottom--exit{opacity:1;animation:alert-popup-move-rtl-exit-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-right-top--enter,.alert-popup-box.alert-popup-border.alert-popup-pos-right-bottom--enter{opacity:0;animation:alert-popup-move-rtl-enter-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-right-top--exit,.alert-popup-box.alert-popup-border.alert-popup-pos-right-bottom--exit{opacity:1;animation:alert-popup-move-ltr-exit-anime forwards}.alert-popup-wrapper.alert-popup-content-wrapper{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:11px;overflow:hidden;height:100%;box-sizing:border-box;background:#fff}.alert-popup-wrapper.alert-popup-content-wrapper:before{content:\"\";position:absolute;inset:0;z-index:0;opacity:.9}.alert-popup-wrapper.alert-popup-content-wrapper:after{content:\"\";position:absolute;inset:1px 0 0;background:#ffffff03;background-blend-mode:overlay;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:0;pointer-events:none}.alert-popup-icon{width:20px;height:20px;flex-shrink:0;position:relative;z-index:1}.alert-popup-info .alert-popup-icon,.alert-popup-error .alert-popup-icon{filter:drop-shadow(0 0 1px #ce769e) brightness(1.1)}.alert-popup-success .alert-popup-icon{filter:drop-shadow(0 0 1px #3cfe4f) brightness(1.2)}.alert-popup-warning .alert-popup-icon{filter:drop-shadow(0 0 1px #fafe3c) brightness(1.2)}.alert-popup-content{flex-grow:1;position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}.alert-popup-content h2{color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em}.alert-popup-content p{color:var(--secondary-color);font-size:11px;line-height:1.4}.alert-popup-success .alert-popup-content-wrapper:before{background-image:var(--alert-popup-success-background)}.alert-popup-warning .alert-popup-content-wrapper:before{background-image:var(--alert-popup-warning-background)}.alert-popup-error .alert-popup-content-wrapper:before{background-image:var(--alert-popup-error-background)}.alert-popup-info .alert-popup-content-wrapper:before{background-image:var(--alert-popup-error-background)}.alert-popup-success .alert-popup-content-wrapper:before,.alert-popup-warning .alert-popup-content-wrapper:before,.alert-popup-error .alert-popup-content-wrapper:before,.alert-popup-info .alert-popup-content-wrapper:before{filter:blur(2px);-webkit-filter:blur(2px)}.alert-popup-action-button{display:flex;flex-direction:column;justify-content:space-between;min-height:50px;position:relative;z-index:1}.alert-popup-action-button .alert-popup-check-icon{position:absolute;bottom:0;width:14px;height:14px}.alert-popup-action-button img{cursor:pointer}.alert-popup-checkbox{border:2px solid var(--checkbox-border);display:inline-block;width:9px;height:9px;border-radius:2px;cursor:pointer;position:absolute!important;bottom:0}.absolute{position:absolute!important}.bottom{bottom:0}.bottom-auto{bottom:auto!important}.top{top:0}.alert-popup-close-button{cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:1000;top:-3px!important;right:-3px!important;transition:opacity .2s ease;opacity:.5}.alert-popup-close-button:hover{opacity:.8}.alert-popup-close-button svg{pointer-events:none}@keyframes alert-popup-move-ltr-enter-anime{0%{transform:translate(-100%) scale(.75);opacity:0}30%{opacity:.5;transform:scale(.75)}to{transform:translate(0) scale(1);opacity:1}}@keyframes alert-popup-move-rtl-exit-anime{0%{transform:translate(0) scale(1);opacity:1}30%{transform:scale(.75);opacity:.5}to{transform:translate(-100%) scale(.75);opacity:0}}@keyframes alert-popup-move-rtl-enter-anime{0%{transform:translate(100%) scale(.75);opacity:0}30%{opacity:.5;transform:scale(.75)}to{transform:translate(0) scale(1);opacity:1}}@keyframes alert-popup-move-ltr-exit-anime{0%{transform:translate(0) scale(1);opacity:1}30%{transform:scale(.75);opacity:.5}to{transform:translate(100%) scale(.75);opacity:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LibLoadingBarComponent, selector: "lib-loading-bar", inputs: ["toasterLife"] }, { kind: "ngmodule", type: DirectiveModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AlertPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-alert-popup', providers: [LibToastrService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule, LibLoadingBarComponent, DirectiveModule], template: "@if (show) {\n  <div\n    (mouseover)=\"mouseOver(true)\"\n    (mouseleave)=\"mouseOver(false)\"\n    class=\"alert-popup-box alert-popup-border alert-popup-{{ config.severity }} alert-popup-{{ config.position || 'right-top' }} {{\n      toastrExiting ? 'alert-popup-pos-' + (config.position || 'right-top') + '--exit' : 'alert-popup-pos-' + (config.position || 'right-top') + '--enter'\n    }}\"\n    [ngStyle]=\"{ 'animation-duration.ms': animationDuration }\"\n  >\n    <div class=\"alert-popup-wrapper alert-popup-content-wrapper\">\n      <img class=\"alert-popup-icon\" [src]=\"'./../../../assets/icons/' + toasterIcon\" alt=\"Toster icon\" />\n      <div class=\"alert-popup-content\">\n        <h2 class=\"m-0 f-calistoga\">{{ config.title | translate }}</h2>\n        @if (config.description.type === 'string') {\n          <p class=\"m-0 f-gilroy-medium\">{{ (descriptionContent | translate) || '' }}</p>\n        } @else if (config.description.type === 'template') {\n          <ng-container *ngTemplateOutlet=\"descriptionTemplate\"></ng-container>\n        } @else if (config.description.type === 'button') {\n          <p class=\"m-0 f-gilroy-medium alert-popup-content__button-wrapper\">\n            <span>{{ (descriptionContent | translate) || '' }}</span>\n            <span class=\"alert-popup-content__button-wrapper__button\" (click)=\"config.button?.onClick()\"> &nbsp;{{ config.button?.name || '' }} </span>\n          </p>\n        } @else {\n          <!-- No Description Content -->\n        }\n        @if (config.loading && !config.clickToClose) {\n          <lib-loading-bar [toasterLife]=\"toasterLife\"></lib-loading-bar>\n        }\n      </div>\n      <div class=\"alert-popup-action-button\">\n        @if (!config.hideClose) {\n          <span class=\"alert-popup-close-button absolute top\" (click)=\"onCloseIconClick($event)\" libTooltip=\"Close\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 7 7\" fill=\"none\">\n              <path\n                d=\"M0.854234 5.69017L5.69106 0.853344M5.78208 5.78237L0.763872 0.764163\"\n                stroke=\"#EBEBF5\"\n                stroke-opacity=\"0.6\"\n                stroke-width=\"1.2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        }\n        @if (config.markCheck) {\n          @if (!checkbox) {\n            <span (click)=\"onCheckboxChange()\" libTooltip=\"Checkbox\" class=\"alert-popup-checkbox\"></span>\n          } @else {\n            <span class=\"absolute bottom\">\n              <img (click)=\"onCheckboxChange()\" libTooltip=\"Checkbox\" src=\"assets/icons/check.svg\" class=\"alert-popup-check-icon\" alt=\"Toster icon\" />\n            </span>\n          }\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: [":host{--tertiary-color: rgba(255, 255, 255, .6);--secondary-color: rgba(255, 255, 255, .85);--checkbox-border: rgba(254, 60, 114, .4);--accent-pink: #fe3c72;--dark-bg: rgba(26, 23, 30, .85);--alert-popup-glow-layer: radial-gradient(circle at 10% 50%, rgba(254, 60, 114, .3), transparent 70%);--alert-popup-transparent-layer: rgba(26, 23, 30, .4);--alert-popup-error-background: linear-gradient(90deg, #8a335a 1%, #332e39 20%, #6d3c51 60%, #332e39 80%);--alert-popup-error-border: linear-gradient(160.44deg, #8a335a 1%, #332e39 20%, #6d3c51 60%, #332e39 80%);--alert-popup-success-background: linear-gradient(90deg, #478857 1%, #332e39 20%, #80d59d 60%, #332e39 80%);--alert-popup-success-border: linear-gradient(160.44deg, #478857 1%, #332e39 20%, #80d59d 60%, #332e39 80%);--alert-popup-warning-background: linear-gradient(90deg, #898d4f 1%, #332e39 20%, #ddde8c 60%, #332e39 80%);--alert-popup-warning-border: linear-gradient(160.44deg, #898d4f 1%, #332e39 20%, #ddde8c 60%, #332e39 80%)}.alert-popup-box{position:relative;z-index:1000;display:block;pointer-events:auto;border-radius:12px;box-sizing:border-box}.alert-popup-box.alert-popup-border{max-width:320px;width:calc(100vw - 32px);margin:0 auto;padding:1px 0 0;box-shadow:0 10px 30px #00000080;overflow:hidden}.alert-popup-box.alert-popup-border:before{content:\"\";position:absolute;inset:0;background-image:var(--alert-popup-glow-layer);z-index:-1}.alert-popup-box.alert-popup-border:after{content:\"\";position:absolute;inset:0;background-image:var(--alert-popup-transparent-layer);z-index:-1;pointer-events:none}.alert-popup-box.alert-popup-border.alert-popup-success{background-image:var(--alert-popup-success-border)}.alert-popup-box.alert-popup-border.alert-popup-warning{background-image:var(--alert-popup-warning-border)}.alert-popup-box.alert-popup-border.alert-popup-error,.alert-popup-box.alert-popup-border.alert-popup-info{background-image:var(--alert-popup-error-border)}.alert-popup-box.alert-popup-border.alert-popup-pos-left-top--enter,.alert-popup-box.alert-popup-border.alert-popup-pos-left-bottom--enter{opacity:0;animation:alert-popup-move-ltr-enter-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-left-top--exit,.alert-popup-box.alert-popup-border.alert-popup-pos-left-bottom--exit{opacity:1;animation:alert-popup-move-rtl-exit-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-right-top--enter,.alert-popup-box.alert-popup-border.alert-popup-pos-right-bottom--enter{opacity:0;animation:alert-popup-move-rtl-enter-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-right-top--exit,.alert-popup-box.alert-popup-border.alert-popup-pos-right-bottom--exit{opacity:1;animation:alert-popup-move-ltr-exit-anime forwards}.alert-popup-wrapper.alert-popup-content-wrapper{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:11px;overflow:hidden;height:100%;box-sizing:border-box;background:#fff}.alert-popup-wrapper.alert-popup-content-wrapper:before{content:\"\";position:absolute;inset:0;z-index:0;opacity:.9}.alert-popup-wrapper.alert-popup-content-wrapper:after{content:\"\";position:absolute;inset:1px 0 0;background:#ffffff03;background-blend-mode:overlay;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:0;pointer-events:none}.alert-popup-icon{width:20px;height:20px;flex-shrink:0;position:relative;z-index:1}.alert-popup-info .alert-popup-icon,.alert-popup-error .alert-popup-icon{filter:drop-shadow(0 0 1px #ce769e) brightness(1.1)}.alert-popup-success .alert-popup-icon{filter:drop-shadow(0 0 1px #3cfe4f) brightness(1.2)}.alert-popup-warning .alert-popup-icon{filter:drop-shadow(0 0 1px #fafe3c) brightness(1.2)}.alert-popup-content{flex-grow:1;position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}.alert-popup-content h2{color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em}.alert-popup-content p{color:var(--secondary-color);font-size:11px;line-height:1.4}.alert-popup-success .alert-popup-content-wrapper:before{background-image:var(--alert-popup-success-background)}.alert-popup-warning .alert-popup-content-wrapper:before{background-image:var(--alert-popup-warning-background)}.alert-popup-error .alert-popup-content-wrapper:before{background-image:var(--alert-popup-error-background)}.alert-popup-info .alert-popup-content-wrapper:before{background-image:var(--alert-popup-error-background)}.alert-popup-success .alert-popup-content-wrapper:before,.alert-popup-warning .alert-popup-content-wrapper:before,.alert-popup-error .alert-popup-content-wrapper:before,.alert-popup-info .alert-popup-content-wrapper:before{filter:blur(2px);-webkit-filter:blur(2px)}.alert-popup-action-button{display:flex;flex-direction:column;justify-content:space-between;min-height:50px;position:relative;z-index:1}.alert-popup-action-button .alert-popup-check-icon{position:absolute;bottom:0;width:14px;height:14px}.alert-popup-action-button img{cursor:pointer}.alert-popup-checkbox{border:2px solid var(--checkbox-border);display:inline-block;width:9px;height:9px;border-radius:2px;cursor:pointer;position:absolute!important;bottom:0}.absolute{position:absolute!important}.bottom{bottom:0}.bottom-auto{bottom:auto!important}.top{top:0}.alert-popup-close-button{cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:1000;top:-3px!important;right:-3px!important;transition:opacity .2s ease;opacity:.5}.alert-popup-close-button:hover{opacity:.8}.alert-popup-close-button svg{pointer-events:none}@keyframes alert-popup-move-ltr-enter-anime{0%{transform:translate(-100%) scale(.75);opacity:0}30%{opacity:.5;transform:scale(.75)}to{transform:translate(0) scale(1);opacity:1}}@keyframes alert-popup-move-rtl-exit-anime{0%{transform:translate(0) scale(1);opacity:1}30%{transform:scale(.75);opacity:.5}to{transform:translate(-100%) scale(.75);opacity:0}}@keyframes alert-popup-move-rtl-enter-anime{0%{transform:translate(100%) scale(.75);opacity:0}30%{opacity:.5;transform:scale(.75)}to{transform:translate(0) scale(1);opacity:1}}@keyframes alert-popup-move-ltr-exit-anime{0%{transform:translate(0) scale(1);opacity:1}30%{transform:scale(.75);opacity:.5}to{transform:translate(100%) scale(.75);opacity:0}}\n"] }]
+            args: [{ selector: 'lib-alert-popup', providers: [LibToastrService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule, LibLoadingBarComponent, DirectiveModule], template: "@if (show) {\n  <div\n    (mouseover)=\"mouseOver(true)\"\n    (mouseleave)=\"mouseOver(false)\"\n    class=\"alert-popup-box alert-popup-border alert-popup-{{ config.severity }} alert-popup-{{ config.position || 'right-top' }} {{\n      toastrExiting ? 'alert-popup-pos-' + (config.position || 'right-top') + '--exit' : 'alert-popup-pos-' + (config.position || 'right-top') + '--enter'\n    }}\"\n    [ngStyle]=\"{ 'animation-duration.ms': animationDuration }\"\n  >\n    <div class=\"alert-popup-wrapper alert-popup-content-wrapper\">\n      <div class=\"alert-popup-icon\">\n        @switch (config.severity) {\n          @case ('success') {\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM9 1.54286C4.88147 1.54286 1.54286 4.88147 1.54286 9C1.54286 13.1185 4.88147 16.4571 9 16.4571C13.1185 16.4571 16.4571 13.1185 16.4571 9C16.4571 4.88147 13.1185 1.54286 9 1.54286Z\" fill=\"url(#success_gradient_1)\"/>\n              <path d=\"M3.45049 8.21625L4.15409 7.43728L7.24494 10.2266L13.6276 5.07516L14.482 6.03004L7.19469 13.1666L3.45049 8.21625Z\" fill=\"url(#success_gradient_2)\" fill-opacity=\"0.6\" stroke=\"url(#success_gradient_3)\" stroke-opacity=\"0.6\" stroke-linejoin=\"round\"/>\n              <defs>\n                <linearGradient id=\"success_gradient_1\" x1=\"9\" y1=\"0\" x2=\"9\" y2=\"18\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#3CFE4F\"/>\n                  <stop offset=\"1\" stop-color=\"#A9FFFF\"/>\n                </linearGradient>\n                <linearGradient id=\"success_gradient_2\" x1=\"8.96625\" y1=\"5.07516\" x2=\"8.96625\" y2=\"13.1666\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#3CFE4F\"/>\n                  <stop offset=\"1\" stop-color=\"#A9FFFF\"/>\n                </linearGradient>\n                <linearGradient id=\"success_gradient_3\" x1=\"8.96625\" y1=\"5.07516\" x2=\"8.96625\" y2=\"13.1666\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#3CFE4F\"/>\n                  <stop offset=\"1\" stop-color=\"#A9FFFF\"/>\n                </linearGradient>\n              </defs>\n            </svg>\n          }\n          @case ('error') {\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1622 1.43596C19.5528 1.82648 19.5528 2.45965 19.1622 2.85017L2.66223 19.3502C2.27171 19.7407 1.63854 19.7407 1.24802 19.3502C0.857493 18.9596 0.857493 18.3265 1.24802 17.936L17.748 1.43596C18.1385 1.04544 18.7717 1.04544 19.1622 1.43596Z\" fill=\"url(#error_gradient_1)\" fill-opacity=\"0.6\" stroke=\"url(#error_gradient_2)\" stroke-opacity=\"0.6\" stroke-linecap=\"round\"/>\n              <circle cx=\"9.95512\" cy=\"10.1431\" r=\"8\" stroke=\"url(#error_gradient_3)\" stroke-opacity=\"0.6\" stroke-width=\"2\"/>\n              <defs>\n                <linearGradient id=\"error_gradient_1\" x1=\"10.2051\" y1=\"1.14307\" x2=\"10.2051\" y2=\"19.6431\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FE3C72\"/>\n                  <stop offset=\"1\" stop-color=\"#FFB5E9\"/>\n                </linearGradient>\n                <linearGradient id=\"error_gradient_2\" x1=\"10.2051\" y1=\"1.14307\" x2=\"10.2051\" y2=\"19.6431\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FE3C72\"/>\n                  <stop offset=\"1\" stop-color=\"#FFB5E9\"/>\n                </linearGradient>\n                <linearGradient id=\"error_gradient_3\" x1=\"9.95512\" y1=\"1.14307\" x2=\"9.95512\" y2=\"19.1431\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FE3C72\"/>\n                  <stop offset=\"1\" stop-color=\"#FFB5E9\"/>\n                </linearGradient>\n              </defs>\n            </svg>\n          }\n          @case ('warning') {\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M11.0446 12.3748C11.315 12.3748 11.5743 12.2719 11.7655 12.0888C11.9567 11.9057 12.0641 11.6574 12.0641 11.3984V6.87699C12.0641 6.61804 11.9567 6.36969 11.7655 6.18658C11.5743 6.00347 11.315 5.9006 11.0446 5.9006C10.7742 5.9006 10.5149 6.00347 10.3237 6.18658C10.1325 6.36969 10.0251 6.61804 10.0251 6.87699V11.3834C10.023 11.5129 10.0478 11.6415 10.0981 11.7617C10.1484 11.8819 10.2232 11.9913 10.3181 12.0835C10.413 12.1758 10.5261 12.2491 10.6508 12.2991C10.7755 12.3491 10.9094 12.3748 11.0446 12.3748Z\" fill=\"url(#warning_gradient_1)\" fill-opacity=\"0.6\" stroke=\"url(#warning_gradient_2)\" stroke-opacity=\"0.6\"/>\n              <path d=\"M11.0055 15.7165C11.6552 15.7165 12.1819 15.2121 12.1819 14.5899C12.1819 13.9677 11.6552 13.4633 11.0055 13.4633C10.3558 13.4633 9.82914 13.9677 9.82914 14.5899C9.82914 15.2121 10.3558 15.7165 11.0055 15.7165Z\" fill=\"url(#warning_gradient_3)\" fill-opacity=\"0.6\" stroke=\"url(#warning_gradient_4)\" stroke-opacity=\"0.6\"/>\n              <path d=\"M20.7155 15.5443L13.0769 2.07013C12.8747 1.71429 12.576 1.41724 12.2123 1.21028C11.8487 1.00331 11.4334 0.894073 11.0104 0.894073C10.5874 0.894073 10.1721 1.00331 9.80848 1.21028C9.44481 1.41724 9.14613 1.71429 8.9439 2.07013L1.29744 15.5443C1.09731 15.8883 0.994821 16.2766 1.0002 16.6704C1.00558 17.0641 1.11864 17.4497 1.32811 17.7886C1.53758 18.1275 1.83614 18.4079 2.19403 18.6019C2.55193 18.7958 2.95665 18.8966 3.36787 18.894H18.6451C19.0529 18.8944 19.4539 18.7932 19.8086 18.6004C20.1633 18.4076 20.4595 18.1298 20.6683 17.7943C20.8771 17.4588 20.9912 17.077 20.9995 16.6865C21.0078 16.296 20.9099 15.9102 20.7155 15.5668V15.5443ZM19.3195 17.0013C19.2501 17.1135 19.1515 17.2063 19.0332 17.2709C18.9149 17.3354 18.7812 17.3693 18.6451 17.3694H3.36787C3.23155 17.3697 3.09748 17.336 2.9789 17.2716C2.86031 17.2072 2.7613 17.1144 2.69163 17.0021C2.62196 16.8899 2.58404 16.7623 2.5816 16.6317C2.57916 16.5012 2.61229 16.3723 2.67773 16.2578L10.3163 2.78365C10.3835 2.66441 10.4832 2.56481 10.6047 2.49539C10.7262 2.42597 10.865 2.38932 11.0065 2.38932C11.148 2.38932 11.2868 2.42597 11.4083 2.49539C11.5298 2.56481 11.6294 2.66441 11.6966 2.78365L19.3352 16.2578C19.4002 16.3724 19.433 16.5012 19.4302 16.6315C19.4275 16.7619 19.3893 16.8894 19.3195 17.0013Z\" fill=\"url(#warning_gradient_5)\" fill-opacity=\"0.6\"/>\n              <defs>\n                <linearGradient id=\"warning_gradient_1\" x1=\"11.0445\" y1=\"5.9006\" x2=\"11.0445\" y2=\"12.3748\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n                <linearGradient id=\"warning_gradient_2\" x1=\"11.0445\" y1=\"5.9006\" x2=\"11.0445\" y2=\"12.3748\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n                <linearGradient id=\"warning_gradient_3\" x1=\"11.0055\" y1=\"13.4633\" x2=\"11.0055\" y2=\"15.7165\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n                <linearGradient id=\"warning_gradient_4\" x1=\"11.0055\" y1=\"13.4633\" x2=\"11.0055\" y2=\"15.7165\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n                <linearGradient id=\"warning_gradient_5\" x1=\"11\" y1=\"0.894073\" x2=\"11\" y2=\"18.8941\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.574653\" stop-color=\"#FAFE3C\"/>\n                  <stop offset=\"1\" stop-color=\"#BAFFA9\"/>\n                </linearGradient>\n              </defs>\n            </svg>\n          }\n          @default {\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M10.75 9.21428C11.2589 9.21428 11.6715 9.62683 11.6715 10.1357V16.2786C11.6715 16.7874 11.2589 17.2 10.75 17.2C10.2412 17.2 9.82861 16.7874 9.82861 16.2786V10.1357C9.82861 9.62683 10.2412 9.21428 10.75 9.21428Z\" fill=\"url(#info_gradient_1)\"/>\n              <path d=\"M10.7501 7.06429C11.4286 7.06429 11.9786 6.51423 11.9786 5.83572C11.9786 5.1572 11.4286 4.60715 10.7501 4.60715C10.0715 4.60715 9.52148 5.1572 9.52148 5.83572C9.52148 6.51423 10.0715 7.06429 10.7501 7.06429Z\" fill=\"url(#info_gradient_1)\"/>\n              <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 10.75C0 4.81294 4.81294 0 10.75 0C16.6871 0 21.5 4.81294 21.5 10.75C21.5 16.6871 16.6871 21.5 10.75 21.5C4.81294 21.5 0 16.6871 0 10.75ZM10.75 1.84286C5.83073 1.84286 1.84286 5.83073 1.84286 10.75C1.84286 15.6693 5.83073 19.6571 10.75 19.6571C15.6693 19.6571 19.6571 15.6693 19.6571 10.75C19.6571 5.83073 15.6693 1.84286 10.75 1.84286Z\" fill=\"url(#info_gradient_1)\"/>\n              <defs>\n                <linearGradient id=\"info_gradient_1\" x1=\"10.75\" y1=\"0\" x2=\"10.75\" y2=\"21.5\" gradientUnits=\"userSpaceOnUse\">\n                  <stop stop-color=\"#ce769e\"/>\n                  <stop offset=\"1\" stop-color=\"#ffffff\" stop-opacity=\"0.6\"/>\n                </linearGradient>\n              </defs>\n            </svg>\n          }\n        }\n      </div>\n      <div class=\"alert-popup-content\">\n        <h2 class=\"m-0 f-calistoga\">{{ config.title | translate }}</h2>\n        @if (config.description.type === 'string') {\n          <p class=\"m-0 f-gilroy-medium\">{{ (descriptionContent | translate) || '' }}</p>\n        } @else if (config.description.type === 'template') {\n          <ng-container *ngTemplateOutlet=\"descriptionTemplate\"></ng-container>\n        } @else if (config.description.type === 'button') {\n          <p class=\"m-0 f-gilroy-medium alert-popup-content__button-wrapper\">\n            <span>{{ (descriptionContent | translate) || '' }}</span>\n            <span class=\"alert-popup-content__button-wrapper__button\" (click)=\"config.button?.onClick()\"> &nbsp;{{ config.button?.name || '' }} </span>\n          </p>\n        } @else {\n          <!-- No Description Content -->\n        }\n        @if (config.loading && !config.clickToClose) {\n          <lib-loading-bar [toasterLife]=\"toasterLife\"></lib-loading-bar>\n        }\n      </div>\n      <div class=\"alert-popup-action-button\">\n        @if (!config.hideClose) {\n          <span class=\"alert-popup-close-button absolute top\" (click)=\"onCloseIconClick($event)\" libTooltip=\"Close\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 7 7\" fill=\"none\">\n              <path\n                d=\"M0.854234 5.69017L5.69106 0.853344M5.78208 5.78237L0.763872 0.764163\"\n                stroke=\"#EBEBF5\"\n                stroke-opacity=\"0.6\"\n                stroke-width=\"1.2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        }\n        @if (config.markCheck) {\n          @if (!checkbox) {\n            <span (click)=\"onCheckboxChange()\" libTooltip=\"Checkbox\" class=\"alert-popup-checkbox\"></span>\n          } @else {\n            <span class=\"absolute bottom\">\n              <div class=\"alert-popup-check-icon\" (click)=\"onCheckboxChange()\" libTooltip=\"Checkbox\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path d=\"M21 27.4 L25 30.9632l7.3 -7\" stroke=\"#3CFE4F\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n                </svg>\n              </div>\n            </span>\n          }\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: [":host{--tertiary-color: rgba(255, 255, 255, .6);--secondary-color: rgba(255, 255, 255, .85);--checkbox-border: rgba(254, 60, 114, .4);--accent-pink: #fe3c72;--dark-bg: rgba(26, 23, 30, .85);--alert-popup-glow-layer: radial-gradient(circle at 10% 50%, rgba(254, 60, 114, .3), transparent 70%);--alert-popup-transparent-layer: rgba(26, 23, 30, .4);--alert-popup-error-background: linear-gradient(90deg, #8a335a 1%, #332e39 20%, #6d3c51 60%, #332e39 80%);--alert-popup-error-border: linear-gradient(160.44deg, #8a335a 1%, #332e39 20%, #6d3c51 60%, #332e39 80%);--alert-popup-success-background: linear-gradient(90deg, #478857 1%, #332e39 20%, #80d59d 60%, #332e39 80%);--alert-popup-success-border: linear-gradient(160.44deg, #478857 1%, #332e39 20%, #80d59d 60%, #332e39 80%);--alert-popup-warning-background: linear-gradient(90deg, #898d4f 1%, #332e39 20%, #ddde8c 60%, #332e39 80%);--alert-popup-warning-border: linear-gradient(160.44deg, #898d4f 1%, #332e39 20%, #ddde8c 60%, #332e39 80%)}.alert-popup-box{position:relative;z-index:1000;display:block;pointer-events:auto;border-radius:12px;box-sizing:border-box}.alert-popup-box.alert-popup-border{max-width:320px;width:calc(100vw - 32px);margin:0 auto;padding:1px 0 0;box-shadow:0 10px 30px #00000080;overflow:hidden}.alert-popup-box.alert-popup-border:before{content:\"\";position:absolute;inset:0;background-image:var(--alert-popup-glow-layer);z-index:-1}.alert-popup-box.alert-popup-border:after{content:\"\";position:absolute;inset:0;background-image:var(--alert-popup-transparent-layer);z-index:-1;pointer-events:none}.alert-popup-box.alert-popup-border.alert-popup-success{background-image:var(--alert-popup-success-border)}.alert-popup-box.alert-popup-border.alert-popup-warning{background-image:var(--alert-popup-warning-border)}.alert-popup-box.alert-popup-border.alert-popup-error,.alert-popup-box.alert-popup-border.alert-popup-info{background-image:var(--alert-popup-error-border)}.alert-popup-box.alert-popup-border.alert-popup-pos-left-top--enter,.alert-popup-box.alert-popup-border.alert-popup-pos-left-bottom--enter{opacity:0;animation:alert-popup-move-ltr-enter-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-left-top--exit,.alert-popup-box.alert-popup-border.alert-popup-pos-left-bottom--exit{opacity:1;animation:alert-popup-move-rtl-exit-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-right-top--enter,.alert-popup-box.alert-popup-border.alert-popup-pos-right-bottom--enter{opacity:0;animation:alert-popup-move-rtl-enter-anime forwards}.alert-popup-box.alert-popup-border.alert-popup-pos-right-top--exit,.alert-popup-box.alert-popup-border.alert-popup-pos-right-bottom--exit{opacity:1;animation:alert-popup-move-ltr-exit-anime forwards}.alert-popup-wrapper.alert-popup-content-wrapper{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:11px;overflow:hidden;height:100%;box-sizing:border-box;background:#fff}.alert-popup-wrapper.alert-popup-content-wrapper:before{content:\"\";position:absolute;inset:0;z-index:0;opacity:.9}.alert-popup-wrapper.alert-popup-content-wrapper:after{content:\"\";position:absolute;inset:1px 0 0;background:#ffffff03;background-blend-mode:overlay;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:0;pointer-events:none}.alert-popup-icon{width:20px;height:20px;flex-shrink:0;position:relative;z-index:1}.alert-popup-info .alert-popup-icon,.alert-popup-error .alert-popup-icon{filter:drop-shadow(0 0 1px #ce769e) brightness(1.1)}.alert-popup-success .alert-popup-icon{filter:drop-shadow(0 0 1px #3cfe4f) brightness(1.2)}.alert-popup-warning .alert-popup-icon{filter:drop-shadow(0 0 1px #fafe3c) brightness(1.2)}.alert-popup-content{flex-grow:1;position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}.alert-popup-content h2{color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em}.alert-popup-content p{color:var(--secondary-color);font-size:11px;line-height:1.4}.alert-popup-success .alert-popup-content-wrapper:before{background-image:var(--alert-popup-success-background)}.alert-popup-warning .alert-popup-content-wrapper:before{background-image:var(--alert-popup-warning-background)}.alert-popup-error .alert-popup-content-wrapper:before{background-image:var(--alert-popup-error-background)}.alert-popup-info .alert-popup-content-wrapper:before{background-image:var(--alert-popup-error-background)}.alert-popup-success .alert-popup-content-wrapper:before,.alert-popup-warning .alert-popup-content-wrapper:before,.alert-popup-error .alert-popup-content-wrapper:before,.alert-popup-info .alert-popup-content-wrapper:before{filter:blur(2px);-webkit-filter:blur(2px)}.alert-popup-action-button{display:flex;flex-direction:column;justify-content:space-between;min-height:50px;position:relative;z-index:1}.alert-popup-action-button .alert-popup-check-icon{position:absolute;bottom:0;width:14px;height:14px}.alert-popup-action-button img{cursor:pointer}.alert-popup-checkbox{border:2px solid var(--checkbox-border);display:inline-block;width:9px;height:9px;border-radius:2px;cursor:pointer;position:absolute!important;bottom:0}.absolute{position:absolute!important}.bottom{bottom:0}.bottom-auto{bottom:auto!important}.top{top:0}.alert-popup-close-button{cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:1000;top:-3px!important;right:-3px!important;transition:opacity .2s ease;opacity:.5}.alert-popup-close-button:hover{opacity:.8}.alert-popup-close-button svg{pointer-events:none}@keyframes alert-popup-move-ltr-enter-anime{0%{transform:translate(-100%) scale(.75);opacity:0}30%{opacity:.5;transform:scale(.75)}to{transform:translate(0) scale(1);opacity:1}}@keyframes alert-popup-move-rtl-exit-anime{0%{transform:translate(0) scale(1);opacity:1}30%{transform:scale(.75);opacity:.5}to{transform:translate(-100%) scale(.75);opacity:0}}@keyframes alert-popup-move-rtl-enter-anime{0%{transform:translate(100%) scale(.75);opacity:0}30%{opacity:.5;transform:scale(.75)}to{transform:translate(0) scale(1);opacity:1}}@keyframes alert-popup-move-ltr-exit-anime{0%{transform:translate(0) scale(1);opacity:1}30%{transform:scale(.75);opacity:.5}to{transform:translate(100%) scale(.75);opacity:0}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: LibToastrService }], propDecorators: { config: [{
                 type: Input
             }], title: [{