{"version":3,"file":"naniteninja-ionic-lib.mjs","sources":["../../../projects/nextsapien-component-lib/src/lib/components/authentication/abstract-auth.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/base-btn/base-btn-logic.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/chip-btn/chip-btn.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/chip-btn/chip-btn.component.html","../../../projects/nextsapien-component-lib/src/lib/components/buttons/base-btn/base-btn.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/base-btn/base-btn.component.html","../../../projects/nextsapien-component-lib/src/lib/components/buttons/menu-btn/menu-item/menu-item.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/menu-btn/menu-item/menu-item.component.html","../../../projects/nextsapien-component-lib/src/lib/components/buttons/menu-btn/menu-btn.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/menu-btn/menu-btn.component.html","../../../projects/nextsapien-component-lib/src/lib/components/buttons/icon-btn/icon-btn.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/icon-btn/icon-btn.component.html","../../../projects/nextsapien-component-lib/src/lib/components/authentication/auth-header/auth-header.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/auth-header/auth-header.component.html","../../../projects/nextsapien-component-lib/src/lib/components/authentication/auth-module-view.ts","../../../projects/nextsapien-component-lib/src/lib/enums/auth-providers.enum.ts","../../../projects/nextsapien-component-lib/src/lib/directives/lazy-image/lazy-image.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/auth-social/auth-social.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/auth-social/auth-social.component.html","../../../projects/nextsapien-component-lib/src/lib/directives/auto-focus/autoFocus.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/debounce-click/debounce-click.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/disable-control/disable-control.directive.ts","../../../projects/nextsapien-component-lib/src/lib/enums/direction.enum.ts","../../../projects/nextsapien-component-lib/src/lib/directives/draggable-scroll/draggable-scroll.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/list-box-element/list-box.ts","../../../projects/nextsapien-component-lib/src/lib/directives/long-press/long-press.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/resized-observer/resized.event.ts","../../../projects/nextsapien-component-lib/src/lib/directives/resized-observer/resized-observer.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/base-card/base-card.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/base-card/base-card.component.html","../../../projects/nextsapien-component-lib/src/lib/components/dashed-checkbox/dashed-checkbox.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/dashed-checkbox/dashed-checkbox.component.html","../../../projects/nextsapien-component-lib/src/lib/components/progress-bar/progress-bar.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/progress-bar/progress-bar.component.html","../../../projects/nextsapien-component-lib/src/lib/components/buttons/primary-btn/primary-btn.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/primary-btn/primary-btn.component.html","../../../projects/nextsapien-component-lib/src/lib/components/buttons/secondary-btn/secondary-btn.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/secondary-btn/secondary-btn.component.html","../../../projects/nextsapien-component-lib/src/lib/components/modal/popup-injection-tokens.ts","../../../projects/nextsapien-component-lib/src/lib/directives/dynamic-modal-container/dynamic-modal-container.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/modal/popup-modal/popup-modal.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/modal/popup-modal/popup-modal.component.html","../../../projects/nextsapien-component-lib/src/lib/components/modal/popup-modal/popup-modal.service.ts","../../../projects/nextsapien-component-lib/src/lib/directives/submit-form-on-enter/submit-on-enter.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/directive.module.ts","../../../projects/nextsapien-component-lib/src/lib/directives/form-validator/focus-invalid/focus-invalid-input.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/form-validator/invalid-input/invalid-input.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/form-validator/form-validator.module.ts","../../../projects/nextsapien-component-lib/src/lib/directives/password/confirm-password-validator.directive.ts","../../../projects/nextsapien-component-lib/src/lib/enums/form-error-messages.enum.ts","../../../projects/nextsapien-component-lib/src/lib/directives/password/custom-password-validator.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/password/password-validator.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/password/password-validator.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/section-separator/section-separator.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/bubble-btn/bubble-btn.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/bubble-btn/bubble-btn.component.html","../../../projects/nextsapien-component-lib/src/lib/components/buttons/hover-btn/hover-btn.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/hover-btn/hover-btn.component.html","../../../projects/nextsapien-component-lib/src/lib/components/buttons/list-btn/list-btn.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/buttons/list-btn/list-btn.component.html","../../../projects/nextsapien-component-lib/src/lib/components/buttons/buttons.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/dashed-checkbox/dashed-checkbox.module.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/as-form-array/as-form-array.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/as-form-control/as-form-control.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/count-non-empty-fields/count-non-empty-fields.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/date-localization/date-localization.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/fallback-translate/fallback-translate.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/field-type/field-type.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/get-display-value/get-display-value.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/get-filter-values/get-filter-values.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/get-multi-select-display-text/get-multi-select-display-text.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/initials/initials.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/round/round.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/update-llm-preference/update-llm-preference.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/pipe.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/form-validator/error-message/error-message.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/form-validator/error-message/error-message.component.html","../../../projects/nextsapien-component-lib/src/lib/components/map/interfaces/map-lib-config.interface.ts","../../../projects/nextsapien-component-lib/src/lib/components/map/map-lib.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/enums/toastr-severity.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/map/enums/map-action-types.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/map/map.config.ts","../../../projects/nextsapien-component-lib/src/lib/components/map/map.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/map/map.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/map/map.component.html","../../../projects/nextsapien-component-lib/src/lib/components/map/map.module.ts","../../../projects/nextsapien-component-lib/src/lib/enums/image-formats.enum.ts","../../../projects/nextsapien-component-lib/src/lib/lookups/regexs.ts","../../../projects/nextsapien-component-lib/src/lib/components/image-cropper/image-upload-modal.utils.ts","../../../projects/nextsapien-component-lib/src/lib/components/image-cropper/image-tmplt/image-tmplt.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/image-cropper/image-tmplt/image-tmplt.component.html","../../../projects/nextsapien-component-lib/src/lib/components/image-cropper/image-upload-modal.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/image-cropper/image-upload-modal.component.html","../../../projects/nextsapien-component-lib/src/lib/components/image-cropper/image-cropper.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/image-base/image-base.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/image-base/image-base.component.html","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/image-base/image-base.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/image-card/image-card.utils.ts","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/image-card/image-card.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/image-card/image-card.component.html","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/image-card/image-card.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-field/input-field.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-field/input-field.component.html","../../../projects/nextsapien-component-lib/src/lib/components/input-field/input-field.module.ts","../../../projects/nextsapien-component-lib/src/lib/directives/native-element-injector/native-element-injector.directive.ts","../../../projects/nextsapien-component-lib/src/lib/operations/operations.ts","../../../projects/nextsapien-component-lib/src/lib/components/toggle/enums/toggle-status.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/toggle/enums/toggle-variants.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/toggle/toggle.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/toggle/toggle.component.html","../../../projects/nextsapien-component-lib/src/lib/components/toggle/toggle.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/tel-input/tel-errors/tel-errors.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/tel-input/tel-errors/tel-errors.component.html","../../../projects/nextsapien-component-lib/src/lib/enums/country-iso.enum.ts","../../../projects/nextsapien-component-lib/src/lib/enums/phone-number-format.enum.ts","../../../projects/nextsapien-component-lib/src/lib/enums/search-country-field.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/tel-input/data/country-code.ts","../../../projects/nextsapien-component-lib/src/lib/components/tel-input/tel-input.validator.ts","../../../projects/nextsapien-component-lib/src/lib/components/tel-input/tel-input.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/tel-input/tel-input.component.html","../../../projects/nextsapien-component-lib/src/lib/components/tel-input/tel-input.module.ts","../../../projects/nextsapien-component-lib/src/lib/enums/login-input-form.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/login-input/login-input.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/login-input/login-input.component.html","../../../projects/nextsapien-component-lib/src/lib/components/login-input/login-input.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/otp-input/otp-input.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/otp-input/otp-input.component.html","../../../projects/nextsapien-component-lib/src/lib/components/authentication/otp-input/otp-input.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/shared-verification-code/shared-verification-code.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/shared-verification-code/shared-verification-code.component.html","../../../projects/nextsapien-component-lib/src/lib/components/shared-verification-code/shared-verification-code.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/forgot-password/forgot-password.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/forgot-password/forgot-password.component.html","../../../projects/nextsapien-component-lib/src/lib/components/authentication/forgot-password/reset-password/reset-password.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/forgot-password/reset-password/reset-password.component.html","../../../projects/nextsapien-component-lib/src/lib/components/authentication/forgot-password/verification-code/verification-code.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/forgot-password/verification-code/verification-code.component.html","../../../projects/nextsapien-component-lib/src/lib/components/authentication/login/login.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/authentication/login/login.component.html","../../../projects/nextsapien-component-lib/src/lib/components/authentication/authentication.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/base-card/base-card.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/base-component/base.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/card-skeleton/card-skeleton.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/card-skeleton/card-skeleton.component.html","../../../projects/nextsapien-component-lib/src/lib/components/card-skeleton/card-skeleton.module.ts","../../../projects/nextsapien-component-lib/src/lib/enums/tooltip-direction-preference.ts","../../../projects/nextsapien-component-lib/src/lib/components/search-bar/search-bar.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/search-bar/search-bar.component.html","../../../projects/nextsapien-component-lib/src/lib/components/tooltip/tooltip.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/tooltip/tooltip.component.html","../../../projects/nextsapien-component-lib/src/lib/directives/tooltip/tooltip.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/column-management-modal/column-management-modal.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/column-management-modal/column-management-modal.component.html","../../../projects/nextsapien-component-lib/src/lib/components/search-bar/search-bar.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/tooltip/tooltip.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/column-management-modal/column-management-modal.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/confirmation-modal/confirmation-modal.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/confirmation-modal/confirmation-modal.component.html","../../../projects/nextsapien-component-lib/src/lib/components/confirmation-modal/confirmation-modal.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/content-view-card.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/directives/content-card-heading.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/directives/content-card-section.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/directives/content-card-sub-headings.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/content-view-card.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/content-view-card.component.html","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/directives/content-card-first-column.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/directives/content-card-last-column.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/directives/content-card-xlsubheadings.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/directives/content-toggle.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/content-view-card/content-view-card.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/drawer/drawer.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/drawer/drawer.component.html","../../../projects/nextsapien-component-lib/src/lib/components/drawer/drawer.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/error-message/error-message.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/error-message/error-message.component.html","../../../projects/nextsapien-component-lib/src/lib/components/expansion-panel/expansion-panel.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/expansion-panel/expansion-panel.component.html","../../../projects/nextsapien-component-lib/src/lib/components/expansion-panel/expansion-panel.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/enums/feedback-modal-variant.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/enums/feedback-storage.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/services/feedback.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-modal/feedback-modal.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-modal/feedback-modal.component.html","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-screenshot/interfaces/drawing-mode.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-screenshot/interfaces/stroke-mode.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-screenshot/color-range/color-range.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-screenshot/color-range/color-range.component.html","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-screenshot/feedback-screenshot.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-screenshot/feedback-screenshot.component.html","../../../projects/nextsapien-component-lib/src/lib/components/feedback/services/accelerometer.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-send/feedback-send.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-send/feedback-send.component.html","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-success/feedback-success.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback-success/feedback-success.component.html","../../../projects/nextsapien-component-lib/src/lib/directives/date-mask/date-mask.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-date-field/input-date-field.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-date-field/input-date-field.component.html","../../../projects/nextsapien-component-lib/src/lib/components/input-date-field/input-date-field-inline/input-date-field-inline.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-date-field/input-date-field-inline/input-date-field-inline.component.html","../../../projects/nextsapien-component-lib/src/lib/components/input-date-field/input-date-field.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-field-select/input-field-select.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-field-select/input-field-select.component.html","../../../projects/nextsapien-component-lib/src/lib/components/input-field-select/input-field-select.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/range-selector/range-selector.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/range-selector/range-selector.component.html","../../../projects/nextsapien-component-lib/src/lib/components/range-selector/range-selector.module.ts","../../../projects/nextsapien-component-lib/src/lib/enums/form-field-type.ts","../../../projects/nextsapien-component-lib/src/lib/components/form-field/radio-button/radio-button.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/form-field/radio-button/radio-button.component.html","../../../projects/nextsapien-component-lib/src/lib/components/form-field/form-field.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/form-field/form-field.component.html","../../../projects/nextsapien-component-lib/src/lib/components/form-field/form-field.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/progress-bar/progress-bar.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/modal/bottom-modal/bottom-modal.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/modal/bottom-modal/bottom-modal.component.html","../../../projects/nextsapien-component-lib/src/lib/components/modal/modal.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/multiselect/multiselect-dialog.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/multiselect/multiselect-dialog.component.html","../../../projects/nextsapien-component-lib/src/lib/components/multiselect/multiselect.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/multiselect/multiselect.component.html","../../../projects/nextsapien-component-lib/src/lib/components/multiselect/multiselect.module.ts","../../../projects/nextsapien-component-lib/src/lib/enums/status-types.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications/services/toast.service.ts","../../../projects/nextsapien-component-lib/src/lib/animations/fade.animations.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications/status-icon/status-icon.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications/status-icon/status-icon.component.html","../../../projects/nextsapien-component-lib/src/lib/components/notifications/status-banner/status-banner.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications/status-banner/status-banner.component.html","../../../projects/nextsapien-component-lib/src/lib/enums/status-position.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications/toast/toast.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications/toast/toast.component.html","../../../projects/nextsapien-component-lib/src/lib/components/notifications/notifications.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/feedback/feedback.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/footer/enums/footer-type.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/footer/components/footer-base/footer-base.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/footer/components/footer-base/footer-base.component.html","../../../projects/nextsapien-component-lib/src/lib/components/footer/components/footer-shared/footer-shared.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/footer/components/footer-shared/footer-shared.component.html","../../../projects/nextsapien-component-lib/src/lib/components/footer/components/footer-tabs/footer-tabs.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/footer/components/footer-tabs/footer-tabs.component.html","../../../projects/nextsapien-component-lib/src/lib/enums/form-gen-style.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-group-expander-change.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-variables.ts","../../../projects/nextsapien-component-lib/src/lib/utils/id-generator.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-time-field/input-time-field.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-time-field/input-time-field.component.html","../../../projects/nextsapien-component-lib/src/lib/components/input-field-card/input-field-card.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-field-card/input-field-card-number/input-field-card-number.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-field-card/input-field-card-number/input-field-card-number.component.html","../../../projects/nextsapien-component-lib/src/lib/components/input-field-card/input-field-card-expiry/input-field-card-expiry.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-field-card/input-field-card-expiry/input-field-card-expiry.component.html","../../../projects/nextsapien-component-lib/src/lib/components/info-card/info-card.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/info-card/info-card.component.html","../../../projects/nextsapien-component-lib/src/lib/components/info-card-list/info-card-list.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/info-card-list/info-card-list.component.html","../../../projects/nextsapien-component-lib/src/lib/components/typeahead-field/typeahead-field.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/typeahead-field/typeahead-result.component.html","../../../projects/nextsapien-component-lib/src/lib/components/typeahead-field/typeahead-field.component.html","../../../projects/nextsapien-component-lib/src/lib/components/multi-field/multi-field.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/multi-field/multi-field.component.html","../../../projects/nextsapien-component-lib/src/lib/components/selectable/selectable.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/selectable/selectable.component.html","../../../projects/nextsapien-component-lib/src/lib/components/text-list/text-list.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/text-list/text-list.component.html","../../../projects/nextsapien-component-lib/src/lib/components/rating-field/rating-field.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/rating-field/rating-field.component.html","../../../projects/nextsapien-component-lib/src/lib/components/form-generator/injectable-form-field-wrapper.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/form-generator/injectable-form-field-wrapper.component.html","../../../projects/nextsapien-component-lib/src/lib/components/form-generator/form-group.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/form-generator/form-group.component.html","../../../projects/nextsapien-component-lib/src/lib/components/form-generator/form-generator.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/form-generator/form-generator.component.html","../../../projects/nextsapien-component-lib/src/lib/components/input-field-card/input-field-card.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/input-time-field/input-time-field.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/info-card/info-card.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/info-card-list/info-card-list.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/typeahead-field/typeahead-field.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/multi-field/multi-field.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/rating-field/rating-field.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/selectable/selectable.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/text-list/text-list.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/form-generator/form-generator.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/date-filter/date-filter.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/date-filter/date-filter.component.html","../../../projects/nextsapien-component-lib/src/lib/enums/filter-type.ts","../../../projects/nextsapien-component-lib/src/lib/model/filter-operator.ts","../../../projects/nextsapien-component-lib/src/lib/model/select-option.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/enums/grid-modal.enum.ts","../../../projects/nextsapien-component-lib/src/lib/model/item-action-handler.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/services/grid-filter.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid/grid.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/select-filter/select-filter.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/select-filter/select-filter.component.html","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/grid-filters-modal/grid-filters-modal.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/grid-filters-modal/grid-filters-modal.component.html","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/manage-filters-modal/manage-filters-modal.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/manage-filters-modal/manage-filters-modal.component.html","../../../projects/nextsapien-component-lib/src/lib/components/premium-chip/premium-chip-variants.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/premium-chip/components/primary-chip/primary-chip.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/premium-chip/components/primary-chip/primary-chip.component.html","../../../projects/nextsapien-component-lib/src/lib/components/premium-chip/components/glass-chip/glass-chip.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/premium-chip/components/glass-chip/glass-chip.component.html","../../../projects/nextsapien-component-lib/src/lib/components/premium-chip/premium-chip.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/premium-chip/premium-chip.component.html","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/filter-bar/filter-bar.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/filter-bar/filter-bar.component.html","../../../projects/nextsapien-component-lib/src/lib/components/premium-chip/premium-chip.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-filters/grid-filters.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-toolbar/grid-toolbar.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid-toolbar/grid-toolbar.component.html","../../../projects/nextsapien-component-lib/src/lib/components/grid-toolbar/grid-toolbar.module.ts","../../../projects/nextsapien-component-lib/src/lib/model/edit-complete-event.ts","../../../projects/nextsapien-component-lib/src/lib/model/item-info-line.ts","../../../projects/nextsapien-component-lib/src/lib/model/item-summary.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid/lookups/grid.paginator.lookup.ts","../../../projects/nextsapien-component-lib/src/lib/shared/avatar.compoent.ts","../../../projects/nextsapien-component-lib/src/lib/directives/text-highlight/text-highlight.directive.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid/grid.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/grid/grid.component.html","../../../projects/nextsapien-component-lib/src/lib/components/grid/grid.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/image-cropper/shared-image-cropper.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/image-deck/image-deck.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/image-deck/image-deck.component.html","../../../projects/nextsapien-component-lib/src/lib/components/info-card-placeholder/info-card-placeholder.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/info-card-placeholder/info-card-placeholder.component.html","../../../projects/nextsapien-component-lib/src/lib/components/info-card-placeholder/info-card-placeholder.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/duration-picker/duration-picker.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/duration-picker/duration-picker.component.html","../../../projects/nextsapien-component-lib/src/lib/components/duration-picker/duration-picker.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/scan-pill/scan-pill.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/scan-pill/scan-pill.component.html","../../../projects/nextsapien-component-lib/src/lib/components/scan-pill/scan-pill.module.ts","../../../projects/nextsapien-component-lib/src/lib/enums/json-editor-mode.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/json-editor/json-editor.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/json-editor/json-editor.component.html","../../../projects/nextsapien-component-lib/src/lib/components/json-editor/json-editor.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/list/list-item.model.ts","../../../projects/nextsapien-component-lib/src/lib/components/list/list-toggle/list-toggle.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/list/list-toggle/list-toggle.component.html","../../../projects/nextsapien-component-lib/src/lib/components/list/list.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/list/list.component.html","../../../projects/nextsapien-component-lib/src/lib/components/list/list.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/map/enums/place-types.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/location-suggestion-panel/location-suggestion-panel.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/location-suggestion-panel/location-suggestion-panel.component.html","../../../projects/nextsapien-component-lib/src/lib/components/marquee/marquee.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/marquee/marquee.component.html","../../../projects/nextsapien-component-lib/src/lib/components/marquee/marquee.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/multi-colored-text/multi-colored-text.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/multi-colored-text/multi-colored-text.component.html","../../../projects/nextsapien-component-lib/src/lib/components/multi-colored-text/multi-colored-text.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/notification-banner/notification-banner.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/notification-banner/notification-banner.component.html","../../../projects/nextsapien-component-lib/src/lib/components/notification-banner/notification-banner.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications-list/enums/notification-statuses.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications-list/enums/notification-swipes.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications-list/notifications-list/notifications-list.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/notifications-list/notifications-list/notifications-list.component.html","../../../projects/nextsapien-component-lib/src/lib/components/notifications-list/notifications.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/percentage-bar/percentage-bar.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/percentage-bar/percentage-bar.component.html","../../../projects/nextsapien-component-lib/src/lib/components/percentage-bar/percentage-bar.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/drag-and-drop/drag-and-drop.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/drag-and-drop/drag-and-drop.component.html","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/drag-and-drop/drag-and-drop.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/drag-and-drop/drag-and-drop.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/drag-and-drop/drag-and-drop.component.html","../../../projects/nextsapien-component-lib/src/lib/components/drag-and-drop/drag-and-drop.module.ts","../../../projects/nextsapien-component-lib/src/lib/model/image-model.ts","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/picture-gallery.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/picture-gallery.component.html","../../../projects/nextsapien-component-lib/src/lib/components/photo-upload/photo-upload.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/preview-window/preview-window.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/preview-window/preview-window.component.html","../../../projects/nextsapien-component-lib/src/lib/components/preview-window/preview-window.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/profile-header/profile-header.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/profile-header/profile-header.component.html","../../../projects/nextsapien-component-lib/src/lib/components/profile-header/profile-header.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/masonry-container/masonry-container.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/masonry-container/masonry-container.component.html","../../../projects/nextsapien-component-lib/src/lib/components/masonry-container/masonry-container.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/page-layout/scroll-position.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/page-layout/search-bar-visibility.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/tab-menu/tab-menu.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/tab-menu/tab-menu.component.html","../../../projects/nextsapien-component-lib/src/lib/components/page-layout/page-layout.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/page-layout/page-layout.component.html","../../../projects/nextsapien-component-lib/src/lib/components/tab-menu/tab-menu.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/page-layout/page-layout.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_constants/insights-route-data.constant.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_enums/insights-filter-chip.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_enums/insights-tab.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_enums/insights-view.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_enums/matcher-insights-tab.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_services/insights-data-bridge.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/insights.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/insights.component.html","../../../projects/nextsapien-component-lib/src/lib/components/insights/tab-routes/base-insights-tab.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/base-insights.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_lookups/insights-grid-columns.lookup.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/grid/content-grid.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/grid/content-grid.component.html","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/card-expander/card-expander.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/card-expander/card-expander.component.html","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/pipes/content-card-name-age.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/pipes/content-card-fee-per-meetup.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/pipes/content-card-string-array.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/client-request-card/client-request-card.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/client-request-card/client-request-card.component.html","../../../projects/nextsapien-component-lib/src/lib/components/insights/tab-routes/insights-requests-tab.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/pipes/content-card-background-check.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/pipes/content-card-lifetime-earn-per-meetup.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/client-matcher-card/client-matcher-card.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/client-matcher-card/client-matcher-card.component.html","../../../projects/nextsapien-component-lib/src/lib/components/insights/tab-routes/insights-matchers-tab.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/insights-progress-bars/insights-progress-bars.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/insights-progress-bars/insights-progress-bars.component.html","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/pipes/content-card-bwh.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/pipes/content-card-weight-height-range.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/client-prospect-card/client-prospect-card.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/client-prospect-card/client-prospect-card.component.html","../../../projects/nextsapien-component-lib/src/lib/components/insights/tab-routes/insights-prospects-tab.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/matcher-client-card/matcher-client-card.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-card/matcher-client-card/matcher-client-card.component.html","../../../projects/nextsapien-component-lib/src/lib/components/insights/tab-routes/insights-clients-tab.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/insights-routing.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-cards/content-cards.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/content-cards/content-cards.component.html","../../../projects/nextsapien-component-lib/src/lib/components/insights/insights.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_services/insights-layout-config.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_interfaces/pagination-response.model.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_enums/polarity.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/insights/_enums/ranks.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/rich-textarea/rich-text.model.ts","../../../projects/nextsapien-component-lib/src/lib/components/rich-textarea/rich-textarea.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/rich-textarea/rich-textarea.component.html","../../../projects/nextsapien-component-lib/src/lib/components/text-box/text-box.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/text-box/text-box.component.html","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/enums/action-initiator.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/enums/action-type.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/toastr-stack.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/components/toastr/toastr.service.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/components/loading-bar/loading-bar.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/components/loading-bar/loading-bar.component.html","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/components/toastr/toastr.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/components/toastr/toastr.component.html","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/components/toastr/toastr.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/enums/toastr-description.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/enums/toastr-position.enum.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/toastr-stack.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/toastr-stack.component.html","../../../projects/nextsapien-component-lib/src/lib/components/toastr-stack/toastr-stack.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/toggle/interfaces/toggle-graphics.interface.ts","../../../projects/nextsapien-component-lib/src/lib/components/user-menu/user-menu.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/user-menu/user-menu.component.html","../../../projects/nextsapien-component-lib/src/lib/constants/popper.constants.ts","../../../projects/nextsapien-component-lib/src/lib/directives/popper/popper-content.component.ts","../../../projects/nextsapien-component-lib/src/lib/directives/popper/lib-popper.component.html","../../../projects/nextsapien-component-lib/src/lib/directives/popper/popper.directive.ts","../../../projects/nextsapien-component-lib/src/lib/directives/popper/popper.module.ts","../../../projects/nextsapien-component-lib/src/lib/enums/notification-banner-type.ts","../../../projects/nextsapien-component-lib/src/lib/enums/nsfw-classes.enum.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-action-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-banner-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-card-expiry-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-card-number-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-checkbox-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-field-variables.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-field-structure.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-injectable-form-field-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-multifield-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-multiselect-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-number-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-radio-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-rating-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-section-variables.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-section-structure.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-select-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-select-enhanced-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-selectable-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-stucture.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-tel-input-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-textlist-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/form-generator/form-typeahead-config.ts","../../../projects/nextsapien-component-lib/src/lib/model/typeahead-results-group.ts","../../../projects/nextsapien-component-lib/src/lib/nextsapien-component-lib.module.ts","../../../projects/nextsapien-component-lib/src/lib/pipes/array-sort/array.sort.pipe.ts","../../../projects/nextsapien-component-lib/src/lib/services/nsfw-worker.service.ts","../../../projects/nextsapien-component-lib/src/lib/services/popper.service.ts","../../../projects/nextsapien-component-lib/src/lib/validators/date/date-time-range-validators.ts","../../../projects/nextsapien-component-lib/src/lib/validators/date/date.validator.ts","../../../projects/nextsapien-component-lib/src/lib/_utils/cyrano-map-colors.ts","../../../projects/nextsapien-component-lib/src/lib/_utils/map-style-prep.ts","../../../projects/nextsapien-component-lib/src/lib/_utils/cyrano-base-map.service.ts","../../../projects/nextsapien-component-lib/src/lib/_utils/cyrano-map-config.interface.ts","../../../projects/nextsapien-component-lib/src/lib/_utils/mini-globe-host.ts","../../../projects/nextsapien-component-lib/src/lib/components/place-detail-panel/place-detail-panel.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/place-detail-panel/place-detail-panel.component.html","../../../projects/nextsapien-component-lib/src/lib/components/place-detail-panel/place-detail-panel.module.ts","../../../projects/nextsapien-component-lib/src/lib/components/gem-discovery-debug-panel/gem-discovery-debug-panel.component.ts","../../../projects/nextsapien-component-lib/src/lib/components/gem-discovery-debug-panel/gem-discovery-debug-panel.component.html","../../../projects/nextsapien-component-lib/src/lib/components/gem-discovery-debug-panel/gem-discovery-debug-panel.module.ts","../../../projects/nextsapien-component-lib/src/public-api.ts","../../../projects/nextsapien-component-lib/src/naniteninja-ionic-lib.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { BehaviorSubject, Observable, Subject } from 'rxjs';\nimport { AuthProviders } from '../../enums/auth-providers.enum';\nimport { LoginFormType } from '../../enums/login-input-form.enum';\nimport { IAuthModel } from '../../model/auth.models';\nimport { ILanguage } from '../../model/language';\nimport { ITheme } from '../../model/theme';\nimport { AuthIcons } from '../../types/auth-icons';\nimport { AuthModuleViewComponent } from './auth-module-view';\n\n@Injectable()\nexport abstract class AbstractAuthService {\n private _loading$: BehaviorSubject;\n public loading$: Observable;\n\n private _showBackBtn$: BehaviorSubject;\n public showBackBtn$: Observable;\n\n private _secondsLeft$: BehaviorSubject;\n public secondsLeft$: Observable;\n\n public abstract icons: AuthIcons;\n public abstract username: string;\n\n public abstract languages: ILanguage[];\n public abstract themes: ITheme[];\n public abstract activeLanguageKey: string;\n public abstract activeThemeKey: string;\n\n public currentView!: AuthModuleViewComponent;\n public showFooter$: Subject;\n public formSwitcher$: Subject;\n\n constructor() {\n this._loading$ = new BehaviorSubject(false);\n this.loading$ = this._loading$.asObservable();\n\n this._showBackBtn$ = new BehaviorSubject(false);\n this.showBackBtn$ = this._showBackBtn$.asObservable();\n\n this._secondsLeft$ = new BehaviorSubject(30);\n this.secondsLeft$ = this._secondsLeft$.asObservable();\n\n this.showFooter$ = new Subject();\n this.formSwitcher$ = new Subject();\n }\n\n public setLoading(loading: boolean) {\n this._loading$.next(loading);\n }\n\n public setShowBackBtn(showBackBtn: boolean) {\n this._showBackBtn$.next(showBackBtn);\n }\n\n public setSecondsLeft(secondsLeft: number) {\n this._secondsLeft$.next(secondsLeft);\n }\n\n public abstract login(request: IAuthModel): void;\n public abstract socialLogin(provider: AuthProviders): void;\n public abstract navigateToRegister(): void;\n public abstract navigateToForgetPassword(email: string): void;\n public abstract changeTheme(theme: string): void;\n public abstract changeLanguage(lang: string): void;\n public abstract sendForgetPasswordRequest(request: { email: string }): void;\n public abstract verifyForgetPasswordRequest(request: { email: string; code: string }): void;\n public abstract verifyForgetPasswordRequestResend(request: { email: string }): void;\n public abstract sendResetPasswordRequest(request: { password: string; email: string }): void;\n public abstract onLoginFormTypeChange(loginFormType: LoginFormType): void;\n}\n","import { Observable } from 'rxjs';\n\n/**\n * All the logic that previously was in BaseBtnComponent (inputs and methods)\n * extracted to a 'pure' class without Angular decorators\n */\nexport class BaseBtnLogic {\n // *** @Input() PROPERTIES ***\n hoverOutline!: boolean;\n disabled!: boolean;\n type: string = 'button';\n form: string = '';\n label!: string;\n showArrowIcon!: boolean;\n disableTextShadow!: boolean;\n notificationCount!: number;\n loading$!: Observable;\n illuminateIcon: boolean = false;\n checked: boolean = false;\n\n // *** METHODS that were in BaseBtnComponent ***\n public onTouchStart(): void {\n if (!this.disabled) {\n this.hoverOutline = true;\n }\n }\n\n public onTouchEnd(): void {\n if (!this.disabled) {\n this.hoverOutline = false;\n }\n }\n\n public onBtnContainerClick(event: Event): void {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { BaseBtnLogic } from '../base-btn/base-btn-logic';\n\n@Component({\n selector: 'lib-chip-btn',\n templateUrl: './chip-btn.component.html',\n styleUrls: ['./chip-btn.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class ChipBtnComponent extends BaseBtnLogic {\n @Input() override hoverOutline!: boolean;\n @Input() override disabled!: boolean;\n @Input() override type: string = 'button';\n @Input() override form: string = '';\n @Input() override label!: string;\n @Input() override showArrowIcon!: boolean;\n @Input() override disableTextShadow!: boolean;\n}\n","
\n
\n \n
\n \n
{{ label }}
\n \n \n
\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { BaseBtnLogic } from './base-btn-logic';\n\n@Component({\n selector: 'lib-base-btn',\n templateUrl: './base-btn.component.html',\n styleUrls: ['./base-btn.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class BaseBtnComponent extends BaseBtnLogic {\n @Input() override hoverOutline!: boolean;\n @Input() override disabled!: boolean;\n @Input() override type: string = 'button';\n @Input() override form: string = '';\n @Input() override label!: string;\n @Input() override showArrowIcon!: boolean;\n @Input() override disableTextShadow!: boolean;\n @Input() override notificationCount!: number;\n @Input() override loading$!: Observable;\n @Input() override illuminateIcon: boolean = false;\n @Input() override checked: boolean = false;\n}\n","
\n
\n 0,\n pulse: illuminateIcon,\n 'lib-btn-checked': checked,\n }\"\n [disabled]=\"disabled\"\n [type]=\"type\"\n [attr.form]=\"form\"\n (touchstart.passive)=\"onTouchStart()\"\n (touchend.passive)=\"onTouchEnd()\"\n >\n
\n \n \n \n \n \n \n\n @if (label) {\n \n }\n\n
0\" class=\"badge-container\">\n
\n
\n {{ notificationCount }}\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n","import { ChangeDetectionStrategy, Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { MatMenu } from '@angular/material/menu';\nimport { ILibMenuItem } from '../../../../model/lib-menu-item';\n\n@Component({\n selector: 'lib-menu-item',\n templateUrl: './menu-item.component.html',\n styleUrls: ['./menu-item.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class MenuItemComponent {\n @ViewChild('childMenu') public childMenu!: MatMenu;\n @Input() menuDirection: 'ltr' | 'rtl' = 'ltr';\n @Input() menuItems: ILibMenuItem[] = [];\n @Input() disableTranslation: boolean = false;\n @Input() listItem: unknown;\n @Input() listItemIndex: number = 0;\n @Input() selectable: boolean = false;\n /**\n * overlayClass for custom global style\n */\n @Input() overlayClass: string = '';\n @Input() onlyCloseOnClickOutside: boolean = false;\n\n /**\n * on click menu item emit an event to the host app and activated the clicked item\n * @param item\n * @param index\n */\n public onMenuItemClick(item: ILibMenuItem, index: number): void {\n const isClickable = !item.disabled && !item.disableClick && (!item.subMenu || item.subMenu.length === 0);\n\n if (!isClickable) {\n return;\n }\n\n const selectedItem = this.menuItems[index];\n\n if (!item.active) {\n this.menuItems.forEach((menuItem) => (menuItem.active = false));\n selectedItem.active = true;\n item.listItem = this.listItem;\n item.listItemIndex = this.listItemIndex;\n }\n\n if (item.command) {\n item.command(item);\n }\n }\n\n public handleClick(event: Event, item: ILibMenuItem, index: number): void {\n if (item.disableClick) {\n event.stopPropagation();\n } else {\n this.onMenuItemClick(item, index);\n if (this.onlyCloseOnClickOutside) {\n event.stopPropagation();\n }\n }\n }\n}\n","\n \n \n \n \n \n
\n\n \n
0\">\n \n \n \n \n \n
\n \n\n\n\n \"Placeholder\"\n {{ menuItemData.item.iconName }}\n \n {{ disableTranslation ? menuItemData.item.titlePrefix : (menuItemData.item.titlePrefix | translate) }}\n \n {{ disableTranslation ? menuItemData.item.title : (menuItemData.item.title | translate) }}\n \n {{ disableTranslation ? menuItemData.item.titleSuffix : (menuItemData.item.titleSuffix | translate) }}\n \n\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, ViewEncapsulation } from '@angular/core';\nimport { TooltipPosition } from '@angular/material/tooltip';\nimport { Observable, of } from 'rxjs';\nimport { ILibMenuItem } from '../../../model/lib-menu-item';\nimport { BaseBtnLogic } from '../base-btn/base-btn-logic';\n\n@Component({\n selector: 'lib-menu-btn',\n templateUrl: './menu-btn.component.html',\n styleUrls: ['./menu-btn.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class MenuBtnComponent extends BaseBtnLogic {\n private readonly cdr = inject(ChangeDetectorRef);\n @Input() menuBtnIcon: boolean = false;\n @Input() menuBtnTooltip: string = '';\n @Input() menuBtnTooltipPosition: TooltipPosition = 'below';\n @Input() menuBtnIconName: string = '';\n @Input() menuBtnImgUrl: string = '';\n @Input() menuBtnNotificationIconUrl: string = '';\n @Input() menuDirection: 'ltr' | 'rtl' = 'ltr';\n @Input() hasNotification: boolean = false;\n @Input() menuItems: ILibMenuItem[] = [];\n @Input() disableTranslation: boolean = false;\n @Input() listItem: unknown;\n @Input() listItemIndex: number = 0;\n @Input() selectable: boolean = false;\n /** CSS class(es) to be applied to the overlay container */\n @Input() overlayClass: string = '';\n /** Booleans that come from the user menu component */\n @Input() isUserMenu: boolean = false;\n // To only close the menu overlay on click outside\n @Input() onlyCloseOnClickOutside: boolean = false;\n\n @Input() override hoverOutline: boolean = false;\n @Input() override disabled: boolean = false;\n @Input() override type: string = 'button';\n @Input() override form: string = '';\n @Input() override label: string = '';\n @Input() override showArrowIcon: boolean = false;\n @Input() override disableTextShadow: boolean = false;\n @Input() override loading$: Observable = of(false);\n\n public onImageError(event: Event): void {\n const img = event.target as HTMLImageElement;\n img.style.display = 'none';\n this.menuBtnImgUrl = '';\n this.cdr.detectChanges();\n }\n}\n","\n \n \"menu\n \n \n \n \n {{ menuBtnIconName }}\n \n
\n \n \n \n
\n\n\n\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { BaseBtnLogic } from '../base-btn/base-btn-logic';\n\n@Component({\n selector: 'lib-icon-btn',\n templateUrl: './icon-btn.component.html',\n styleUrls: ['./icon-btn.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class IconBtnComponent extends BaseBtnLogic {\n @Input() override hoverOutline!: boolean;\n @Input() override disabled!: boolean;\n @Input() override type: string = 'button';\n @Input() override form: string = '';\n @Input() override label!: string;\n @Input() override showArrowIcon!: boolean;\n @Input() override disableTextShadow!: boolean;\n @Input() override notificationCount!: number;\n @Input() override loading$!: Observable;\n @Input() override illuminateIcon: boolean = false;\n}\n","\n \n\n","import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';\nimport { NavController } from '@ionic/angular';\nimport { Observable, distinctUntilChanged } from 'rxjs';\nimport { ILibMenuItem } from '../../../model/lib-menu-item';\nimport { AbstractAuthService } from '../abstract-auth.service';\n\n@Component({\n selector: 'lib-auth-header',\n templateUrl: './auth-header.component.html',\n styleUrls: ['./auth-header.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class AuthHeaderComponent implements OnInit {\n public languagesMenuItems: ILibMenuItem[] = [];\n public themesMenuItems: ILibMenuItem[] = [];\n public showBackBtn$!: Observable;\n\n constructor(\n private authService: AbstractAuthService,\n private nav: NavController,\n ) {}\n\n ngOnInit(): void {\n this.showBackBtn$ = this.authService.showBackBtn$.pipe(distinctUntilChanged());\n this.buildHeaderMenus();\n }\n\n public changeTheme = (theme: string): void => this.authService.changeTheme(theme);\n\n public changeLanguage = (lang: string): void => this.authService.changeLanguage(lang);\n\n public gotToPreviousRoute(): void {\n if (this.authService.currentView.previousRouteUrl) {\n this.nav.navigateBack(this.authService.currentView.previousRouteUrl, { animated: true, animationDirection: 'back' });\n } else {\n this.nav.back();\n }\n }\n\n private buildHeaderMenus(): void {\n this.authService.languages?.forEach((language) =>\n this.languagesMenuItems.push({ title: language.name, command: () => this.changeLanguage(language.key), active: language.key === this.authService.activeLanguageKey }),\n );\n this.authService.themes?.forEach((theme) =>\n this.themesMenuItems.push({ title: theme.name, command: () => this.changeTheme(theme.key), active: theme.key === this.authService.activeThemeKey }),\n );\n }\n}\n","
\n \n \n \n \n \n \n \n \n
\n","import { ChangeDetectionStrategy, Component, Inject, Input, OnDestroy, OnInit } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { Observable, Subject, takeUntil } from 'rxjs';\nimport { AuthIcons } from '../../types/auth-icons';\nimport { AbstractAuthService } from './abstract-auth.service';\n\n@Component({ template: '', changeDetection: ChangeDetectionStrategy.OnPush })\nexport abstract class AuthModuleViewComponent implements OnInit, OnDestroy {\n @Input() viewEntered$!: Subject;\n\n public continueButtonText: string = 'SEND';\n public previousRouteUrl: string = '';\n\n public showBackButton: boolean = true;\n public showFooter: boolean = true;\n\n public form!: FormGroup | FormControl;\n\n public username: string = '';\n public icons!: AuthIcons;\n public loading$!: Observable;\n\n public componentDestroyed$: Subject = new Subject();\n\n constructor(@Inject(AbstractAuthService) public authService: AbstractAuthService) {}\n\n ngOnInit(): void {\n this.loading$ = this.authService.loading$;\n this.username = this.authService.username;\n this.icons = this.authService.icons;\n\n this.form = new FormControl(true);\n\n if (this.viewEntered$) {\n this.viewEntered$.pipe(takeUntil(this.componentDestroyed$)).subscribe(() => {\n this.authService.currentView = this;\n this.authService.showFooter$.next(this.authService.currentView.showFooter);\n this.authService.formSwitcher$.next(this.authService.currentView.form);\n\n this.authService.setShowBackBtn(this.authService.currentView.showBackButton);\n });\n }\n }\n\n ngOnDestroy(): void {\n this.componentDestroyed$.next();\n this.componentDestroyed$.complete();\n }\n\n abstract onSubmit(): void;\n}\n","export enum AuthProviders {\n GOOGLE = 'google',\n FACEBOOK = 'facebook',\n TWITTER = 'twitter',\n}\n","import { Directive, ElementRef } from '@angular/core';\n\n@Directive({ selector: 'img', standalone: false })\nexport class LazyImageDirective {\n constructor({ nativeElement }: ElementRef) {\n const supports = 'loading' in HTMLImageElement.prototype;\n\n if (supports) {\n nativeElement.setAttribute('loading', 'lazy');\n }\n }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { AuthProviders } from '../../../enums/auth-providers.enum';\nimport { AbstractAuthService } from '../abstract-auth.service';\n\n@Component({\n selector: 'lib-auth-social',\n templateUrl: './auth-social.component.html',\n styleUrls: ['./auth-social.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class AuthSocialComponent {\n @Input() public icons: { google: string; facebook: string; twitter: string } = {\n google: '',\n facebook: '',\n twitter: '',\n };\n public providers = AuthProviders;\n\n /***/\n constructor(private authService: AbstractAuthService) {}\n\n /**\n * on social login/register\n *\n * @param provider [google, facebook, Twitter ]\n */\n public socialLogin = (provider: AuthProviders): void => this.authService.socialLogin(provider);\n}\n","
\n \n \n \n \n \n \n \n
\n","import { AfterViewChecked, Directive, ElementRef, Input } from '@angular/core';\n\n@Directive({\n selector: '[autoFocus]',\n standalone: false,\n})\nexport class AutoFocusDirective implements AfterViewChecked {\n @Input() autoFocus = false;\n\n constructor(private host: ElementRef) {}\n\n ngAfterViewChecked() {\n if (this.autoFocus) this.host.nativeElement.focus();\n }\n}\n","import { Directive, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n@Directive({\n selector: '[appDebounceClick]',\n standalone: false,\n})\nexport class DebounceClickDirective implements OnInit, OnDestroy {\n @Input()\n debounceTime = 300;\n\n @Output()\n debounceClick = new EventEmitter();\n\n private clicks = new Subject();\n private subscription: Subscription | null = null;\n\n ngOnInit() {\n this.subscription = this.clicks.pipe(debounceTime(this.debounceTime)).subscribe((e) => {\n this.debounceClick.emit(e);\n });\n }\n\n ngOnDestroy() {\n if (this.subscription) {\n this.subscription.unsubscribe();\n }\n }\n\n @HostListener('click', ['$event'])\n clickEvent(event: Event) {\n event.preventDefault();\n event.stopPropagation();\n this.clicks.next(event);\n }\n}\n","import { Directive, Input, OnInit } from '@angular/core';\nimport { NgControl } from '@angular/forms';\n\n@Directive({\n selector: '[disableControl]',\n standalone: false,\n})\nexport class DisableControlDirective implements OnInit {\n @Input() set disableControl(condition: boolean) {\n const action = condition ? 'disable' : 'enable';\n if (this.ngControl?.control) {\n this.ngControl.control[action]();\n }\n }\n\n constructor(private ngControl: NgControl) {}\n\n ngOnInit() {\n if (!this.ngControl) {\n console.debug('DisableControlDirective requires formControlName or formControl to be provided.');\n return;\n }\n }\n}\n","export enum Direction {\n horizontal = 'horizontal',\n vertical = 'vertical',\n}\n","import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnChanges, OnDestroy, Renderer2, SimpleChanges, inject } from '@angular/core';\nimport Swiper from 'swiper';\nimport { FreeMode, Mousewheel } from 'swiper/modules';\nimport { Direction } from '../../enums/direction.enum';\n\n/**\n * DraggableScrollDirective\n *\n * NOTE: This directive uses standalone: true as part of the migration to Angular standalone components.\n * When importing this directive, use: import { DraggableScrollDirective } from '...'\n */\n@Directive({\n selector: '[libDraggableScroll]',\n standalone: true,\n})\nexport class DraggableScrollDirective implements AfterViewInit, OnDestroy, OnChanges {\n @Input() includeSidePadding: boolean = false;\n @Input() direction: Direction = Direction.horizontal;\n @Input() initialCenter: boolean = false;\n /** Fixed pixel width for each slide. Overrides Swiper's default max-width:100% constraint. */\n @Input() slideWidth: number | null = null;\n\n private swiper!: Swiper;\n private readonly hostElement = inject>(ElementRef);\n private readonly renderer = inject(Renderer2);\n private wrapperElement!: HTMLElement;\n private leadingSpacer?: HTMLElement;\n private trailingSpacer?: HTMLElement;\n private viewInitialized: boolean = false;\n private resizeTimeout: ReturnType | null = null;\n private mutationObserver: MutationObserver | null = null;\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['includeSidePadding']) {\n if (this.includeSidePadding) {\n this.renderer.addClass(this.hostElement.nativeElement, 'padded-sides');\n } else {\n this.renderer.removeClass(this.hostElement.nativeElement, 'padded-sides');\n }\n\n if (this.viewInitialized) {\n this.setSpacerWidths();\n }\n }\n }\n\n ngAfterViewInit(): void {\n // Add necessary classes\n this.hostElement.nativeElement.classList.add('swiper', 'draggable-scroll-container', 'container-sides-shadow');\n\n // Wrap inner content with swiper-wrapper\n const wrapper = this.renderer.createElement('div');\n this.renderer.addClass(wrapper, 'swiper-wrapper');\n\n Array.from(this.hostElement.nativeElement.children).forEach((child) => {\n this.renderer.addClass(child, 'swiper-slide');\n if (this.slideWidth != null) {\n this.renderer.setStyle(child, 'width', `${this.slideWidth}px`);\n this.renderer.setStyle(child, 'min-width', `${this.slideWidth}px`);\n this.renderer.setStyle(child, 'max-width', `${this.slideWidth}px`);\n }\n });\n\n // Move all children into the wrapper\n while (this.hostElement.nativeElement.firstChild) {\n this.renderer.appendChild(wrapper, this.hostElement.nativeElement.firstChild);\n }\n this.renderer.appendChild(this.hostElement.nativeElement, wrapper);\n this.wrapperElement = wrapper;\n\n this.ensureSpacerElements();\n this.setSpacerWidths();\n\n // Initialize Swiper\n this.swiper = new Swiper(this.hostElement.nativeElement, {\n modules: [FreeMode, Mousewheel],\n direction: this.direction,\n freeMode: {\n enabled: true,\n sticky: false, // Never snap back to a slide boundary\n momentumBounce: false, // No rubber-band at container edges\n momentumRatio: 0.6, // Natural deceleration\n minimumVelocity: 0.01, // Respond to even gentle drags\n },\n resistance: false, // No edge resistance — drag stays where released\n resistanceRatio: 0, // Belt-and-suspenders: zero resistance ratio\n threshold: 1, // Any pointer movement registers as intentional drag\n slidesPerView: 'auto',\n mousewheel: {\n forceToAxis: true,\n sensitivity: 1,\n },\n grabCursor: true,\n touchReleaseOnEdges: true,\n });\n\n this.viewInitialized = true;\n this.swiper.update();\n\n if (this.initialCenter) {\n this.centerContent();\n }\n\n this.observeHostForLateChildren();\n }\n\n ngOnDestroy(): void {\n this.mutationObserver?.disconnect();\n this.mutationObserver = null;\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n this.resizeTimeout = null;\n }\n this.swiper?.destroy();\n }\n\n /**\n * Handles window resize events with debouncing to improve performance.\n * Updates spacer widths after a 100ms delay to avoid excessive calculations during rapid resize events.\n */\n @HostListener('window:resize')\n public handleResize(): void {\n if (!this.viewInitialized) {\n return;\n }\n\n // Debounce resize handler to avoid performance issues with many instances\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n }\n\n this.resizeTimeout = setTimeout(() => {\n this.setSpacerWidths();\n this.resizeTimeout = null;\n }, 100);\n }\n\n private observeHostForLateChildren(): void {\n const host = this.hostElement.nativeElement;\n this.mutationObserver = new MutationObserver((mutations) => {\n let movedAny = false;\n for (const mutation of mutations) {\n for (let i = 0; i < mutation.addedNodes.length; i++) {\n const node = mutation.addedNodes[i];\n if (node.nodeType !== Node.ELEMENT_NODE) continue;\n if (node === this.wrapperElement) continue;\n if ((node as HTMLElement).classList?.contains('swiper-wrapper')) continue;\n this.renderer.addClass(node, 'swiper-slide');\n this.applySlideWidth(node as HTMLElement);\n if (this.trailingSpacer) {\n this.renderer.insertBefore(this.wrapperElement, node, this.trailingSpacer);\n } else {\n this.renderer.appendChild(this.wrapperElement, node);\n }\n movedAny = true;\n }\n }\n if (movedAny) {\n this.swiper?.update();\n }\n });\n this.mutationObserver.observe(host, { childList: true });\n }\n\n private applySlideWidth(el: HTMLElement): void {\n if (this.slideWidth == null) return;\n this.renderer.setStyle(el, 'width', `${this.slideWidth}px`);\n this.renderer.setStyle(el, 'min-width', `${this.slideWidth}px`);\n this.renderer.setStyle(el, 'max-width', `${this.slideWidth}px`);\n }\n\n private ensureSpacerElements(): void {\n if (!this.wrapperElement) {\n return;\n }\n\n if (!this.leadingSpacer) {\n this.leadingSpacer = this.createSpacerElement();\n this.renderer.insertBefore(this.wrapperElement, this.leadingSpacer, this.wrapperElement.firstChild);\n }\n\n if (!this.trailingSpacer) {\n this.trailingSpacer = this.createSpacerElement();\n this.renderer.appendChild(this.wrapperElement, this.trailingSpacer);\n }\n }\n\n private setSpacerWidths(): void {\n if (!this.wrapperElement || !this.leadingSpacer || !this.trailingSpacer) {\n return;\n }\n\n const containerWidth = this.hostElement.nativeElement.clientWidth;\n const spacerWidth = containerWidth > 0 ? Math.round(containerWidth / 3) : 0;\n\n [this.leadingSpacer, this.trailingSpacer].forEach((spacer) => {\n this.renderer.setStyle(spacer, 'width', `${spacerWidth}px`);\n this.renderer.setStyle(spacer, 'height', '100%');\n });\n\n this.swiper?.update();\n }\n\n private centerContent(): void {\n requestAnimationFrame(() => {\n if (!this.swiper || !this.wrapperElement) return;\n\n const slides = this.wrapperElement.querySelectorAll('.swiper-slide:not(.draggable-scroll-spacer)');\n if (!slides.length) return;\n\n let contentWidth = 0;\n slides.forEach((slide: Element) => {\n contentWidth += (slide as HTMLElement).offsetWidth;\n });\n\n const containerWidth = this.hostElement.nativeElement.clientWidth;\n if (contentWidth <= 0 || containerWidth <= 0) return;\n\n const centerOffset = (contentWidth - containerWidth) / 2;\n const spacerWidth = containerWidth / 2;\n const translateTo = spacerWidth + Math.max(0, centerOffset);\n\n this.swiper.setTranslate(-translateTo);\n this.swiper.update();\n });\n }\n\n private createSpacerElement(): HTMLElement {\n const spacer = this.renderer.createElement('div');\n this.renderer.addClass(spacer, 'swiper-slide');\n this.renderer.addClass(spacer, 'draggable-scroll-spacer');\n this.renderer.setStyle(spacer, 'pointer-events', 'none');\n return spacer;\n }\n}\n","/*eslint-disable*/\n/*Ignore file for linting, source code is copied from angular cdk*/\nimport { ActiveDescendantKeyManager, Highlightable, ListKeyManagerOption } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { BooleanInput, coerceArray, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { A, DOWN_ARROW, END, ENTER, HOME, LEFT_ARROW, RIGHT_ARROW, SPACE, UP_ARROW, hasModifierKey } from '@angular/cdk/keycodes';\nimport { AfterContentInit, ChangeDetectorRef, ContentChildren, Directive, ElementRef, Input, OnDestroy, Output, QueryList, forwardRef, inject } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Observable, Subject, defer, merge } from 'rxjs';\nimport { filter, map, startWith, switchMap, takeUntil } from 'rxjs/operators';\n\n/** The next id to use for creating unique DOM IDs. */\nlet nextId = 0;\nconst dMode = true;\n\n/**\n * An implementation of SelectionModel that internally always represents the selection as a\n * multi-selection. This is necessary so that we can recover the full selection if the user\n * switches the listbox from single-selection to multi-selection after initialization.\n *\n * This selection model may report multiple selected values, even if it is in single-selection\n * mode. It is up to the user (AppListbox) to check for invalid selections.\n */\nclass ListboxSelectionModel extends SelectionModel {\n constructor(\n public multiple = false,\n initiallySelectedValues?: T[],\n emitChanges = true,\n compareWith?: (o1: T, o2: T) => boolean,\n ) {\n super(true, initiallySelectedValues, emitChanges, compareWith);\n }\n\n override isMultipleSelection(): boolean {\n return this.multiple;\n }\n\n override select(...values: T[]) {\n // The super class is always in multi-selection mode, so we need to override the behavior if\n // this selection model actually belongs to a single-selection listbox.\n if (this.multiple) {\n return super.select(...values);\n } else {\n return super.setSelection(...values);\n }\n }\n}\n\n/** A selectable option in a listbox. */\n@Directive({\n selector: '[appOption]',\n exportAs: 'appOption',\n host: {\n role: 'option',\n class: 'app-option',\n '[id]': 'id',\n '[attr.aria-selected]': 'isSelected()',\n '[attr.tabindex]': '_getTabIndex()',\n '[attr.aria-disabled]': 'disabled',\n '[class.app-option-active]': 'isActive()',\n '(click)': '_clicked.next($event)',\n '(focus)': '_handleFocus()',\n },\n standalone: false,\n})\nexport class AppOption implements ListKeyManagerOption, Highlightable, OnDestroy {\n /** The id of the option's host element. */\n @Input()\n get id() {\n return this._id || this._generatedId;\n }\n set id(value) {\n this._id = value;\n }\n private _id: string = '';\n private _generatedId = `app-option-${nextId++}`;\n\n /** The value of this option. */\n @Input('appOption') value!: T;\n\n /**\n * The text used to locate this item during listbox typeahead. If not specified,\n * the `textContent` of the item will be used.\n */\n @Input('appOptionTypeaheadLabel') typeaheadLabel: string = '';\n\n /** Whether this option is disabled. */\n @Input('appOptionDisabled')\n get disabled(): boolean {\n return this.listbox.disabled || this._disabled;\n }\n set disabled(value: BooleanInput) {\n this._disabled = coerceBooleanProperty(value);\n }\n private _disabled: boolean = false;\n\n /** The tabindex of the option when it is enabled. */\n @Input('tabindex')\n get enabledTabIndex() {\n return this._enabledTabIndex === undefined ? this.listbox.enabledTabIndex : this._enabledTabIndex;\n }\n set enabledTabIndex(value) {\n this._enabledTabIndex = value;\n }\n private _enabledTabIndex?: number | null;\n\n /** The option's host element */\n readonly element: HTMLElement = inject(ElementRef).nativeElement;\n\n /** The parent listbox this option belongs to. */\n protected readonly listbox: AppListbox = inject(AppListbox);\n\n /** Emits when the option is destroyed. */\n protected destroyed = new Subject();\n\n /** Emits when the option is clicked. */\n readonly _clicked = new Subject();\n\n ngOnDestroy() {\n this.destroyed.next();\n this.destroyed.complete();\n }\n\n /** Whether this option is selected. */\n isSelected() {\n return this.listbox.isSelected(this);\n }\n\n /** Whether this option is active. */\n isActive() {\n return this.listbox.isActive(this);\n }\n\n /** Toggle the selected state of this option. */\n toggle() {\n this.listbox.toggle(this);\n }\n\n /** Select this option if it is not selected. */\n select() {\n this.listbox.select(this);\n }\n\n /** Deselect this option if it is selected. */\n deselect() {\n this.listbox.deselect(this);\n }\n\n /** Focus this option. */\n focus() {\n this.element.focus();\n }\n\n /** Get the label for this element which is required by the FocusableOption interface. */\n getLabel() {\n return (this.typeaheadLabel ?? this.element.textContent?.trim()) || '';\n }\n\n /**\n * No-op implemented as a part of `Highlightable`.\n * @docs-private\n */\n setActiveStyles() {}\n\n /**\n * No-op implemented as a part of `Highlightable`.\n * @docs-private\n */\n setInactiveStyles() {}\n\n /** Handle focus events on the option. */\n protected _handleFocus() {\n // Options can wind up getting focused in active descendant mode if the user clicks on them.\n // In this case, we push focus back to the parent listbox to prevent an extra tab stop when\n // the user performs a shift+tab.\n if (this.listbox.useActiveDescendant) {\n this.listbox._setActiveOption(this);\n this.listbox.focus();\n }\n }\n\n /** Get the tabindex for this option. */\n protected _getTabIndex() {\n if (this.listbox.useActiveDescendant || this.disabled) {\n return -1;\n }\n return this.isActive() ? this.enabledTabIndex : -1;\n }\n}\n\n@Directive({\n selector: '[appListbox]',\n exportAs: 'appListbox',\n host: {\n role: 'listbox',\n class: 'app-listbox',\n '[id]': 'id',\n '[attr.tabindex]': '_getTabIndex()',\n '[attr.aria-disabled]': 'disabled',\n '[attr.aria-multiselectable]': 'multiple',\n '[attr.aria-activedescendant]': '_getAriaActiveDescendant()',\n '[attr.aria-orientation]': 'orientation',\n '(focus)': '_handleFocus()',\n '(keydown)': '_handleKeydown($event)',\n '(focusout)': '_handleFocusOut($event)',\n '(focusin)': '_handleFocusIn()',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => AppListbox),\n multi: true,\n },\n ],\n standalone: false,\n})\nexport class AppListbox implements AfterContentInit, OnDestroy, ControlValueAccessor {\n /** The id of the option's host element. */\n @Input()\n get id() {\n return this._id || this._generatedId;\n }\n set id(value) {\n this._id = value;\n }\n private _id: string = '';\n private _generatedId = `listbox-${nextId++}`;\n\n /** The tabindex to use when the listbox is enabled. */\n @Input('tabindex')\n get enabledTabIndex() {\n return this._enabledTabIndex === undefined ? 0 : this._enabledTabIndex;\n }\n set enabledTabIndex(value) {\n this._enabledTabIndex = value;\n }\n private _enabledTabIndex?: number | null;\n\n /** The value selected in the listbox, represented as an array of option values. */\n @Input('listboxValue')\n get value(): readonly T[] {\n return this._invalid ? [] : this.selectionModel.selected;\n }\n set value(value: readonly T[]) {\n this._setSelection(value);\n }\n\n /**\n * Whether the listbox allows multiple options to be selected. If the value switches from `true`\n * to `false`, and more than one option is selected, all options are deselected.\n */\n @Input('listboxMultiple')\n get multiple(): boolean {\n return this.selectionModel.multiple;\n }\n set multiple(value: BooleanInput) {\n this.selectionModel.multiple = coerceBooleanProperty(value);\n\n if (this.options) {\n this._updateInternalValue();\n }\n }\n\n /** Whether the listbox is disabled. */\n @Input('listboxDisabled')\n get disabled(): boolean {\n return this._disabled;\n }\n set disabled(value: BooleanInput) {\n this._disabled = coerceBooleanProperty(value);\n }\n private _disabled: boolean = false;\n\n /** Whether the listbox will use active descendant or will move focus onto the options. */\n @Input('listboxUseActiveDescendant')\n get useActiveDescendant(): boolean {\n return this._useActiveDescendant;\n }\n set useActiveDescendant(shouldUseActiveDescendant: BooleanInput) {\n this._useActiveDescendant = coerceBooleanProperty(shouldUseActiveDescendant);\n }\n private _useActiveDescendant: boolean = false;\n\n /** The orientation of the listbox. Only affects keyboard interaction, not visual layout. */\n @Input('listboxOrientation')\n get orientation() {\n return this._orientation;\n }\n set orientation(value: 'horizontal' | 'vertical') {\n this._orientation = value === 'horizontal' ? 'horizontal' : 'vertical';\n if (value === 'horizontal') {\n this.listKeyManager?.withHorizontalOrientation(this._dir?.value || 'ltr');\n } else {\n this.listKeyManager?.withVerticalOrientation();\n }\n }\n private _orientation: 'horizontal' | 'vertical' = 'vertical';\n\n /** The function used to compare option values. */\n @Input('listboxCompareWith')\n get compareWith(): undefined | ((o1: T, o2: T) => boolean) {\n return this.selectionModel.compareWith;\n }\n set compareWith(fn: undefined | ((o1: T, o2: T) => boolean)) {\n this.selectionModel.compareWith = fn;\n }\n\n /**\n * Whether the keyboard navigation should wrap when the user presses arrow down on the last item\n * or arrow up on the first item.\n */\n @Input('listboxNavigationWrapDisabled')\n get navigationWrapDisabled() {\n return this._navigationWrapDisabled;\n }\n set navigationWrapDisabled(wrap: BooleanInput) {\n this._navigationWrapDisabled = coerceBooleanProperty(wrap);\n this.listKeyManager?.withWrap(!this._navigationWrapDisabled);\n }\n private _navigationWrapDisabled = false;\n\n /** Whether keyboard navigation should skip over disabled items. */\n @Input('listboxNavigatesDisabledOptions')\n get navigateDisabledOptions() {\n return this._navigateDisabledOptions;\n }\n set navigateDisabledOptions(skip: BooleanInput) {\n this._navigateDisabledOptions = coerceBooleanProperty(skip);\n this.listKeyManager?.skipPredicate(this._navigateDisabledOptions ? this._skipNonePredicate : this._skipDisabledPredicate);\n }\n private _navigateDisabledOptions = false;\n\n /** Emits when the selected value(s) in the listbox change. */\n @Output('listboxValueChange') readonly valueChange = new Subject>();\n\n /** The child options in this listbox. */\n @ContentChildren(AppOption, { descendants: true }) protected options!: QueryList>;\n\n /** The selection model used by the listbox. */\n protected selectionModel = new ListboxSelectionModel();\n\n /** The key manager that manages keyboard navigation for this listbox. */\n protected listKeyManager!: ActiveDescendantKeyManager>;\n\n /** Emits when the listbox is destroyed. */\n protected readonly destroyed = new Subject();\n\n /** The host element of the listbox. */\n protected readonly element: HTMLElement = inject(ElementRef).nativeElement;\n\n /** The change detector for this listbox. */\n protected readonly changeDetectorRef = inject(ChangeDetectorRef);\n\n /** Whether the currently selected value in the selection model is invalid. */\n private _invalid = false;\n\n /** The last user-triggered option. */\n private _lastTriggered: AppOption | null = null;\n\n /** Callback called when the listbox has been touched */\n private _onTouched = () => {};\n\n /** Callback called when the listbox value changes */\n private _onChange: (value: readonly T[]) => void = () => {};\n\n /** Emits when an option has been clicked. */\n private _optionClicked = defer(() =>\n (this.options.changes as Observable[]>).pipe(\n startWith(this.options),\n switchMap((options) => merge(...options.map((option) => option._clicked.pipe(map((event) => ({ option, event })))))),\n ),\n );\n\n /** The directionality of the page. */\n private readonly _dir = inject(Directionality, { optional: true });\n\n /** A predicate that skips disabled options. */\n private readonly _skipDisabledPredicate = (option: AppOption) => option.disabled;\n\n /** A predicate that does not skip any options. */\n private readonly _skipNonePredicate = () => false;\n\n /** Whether the listbox currently has focus. */\n private _hasFocus = false;\n\n get selectionM() {\n return this.selectionModel;\n }\n\n ngAfterContentInit() {\n if (typeof dMode === 'undefined' || dMode) {\n this._verifyNoOptionValueCollisions();\n this._verifyOptionValues();\n }\n\n this._initKeyManager();\n\n // Update the internal value whenever the options or the model value changes.\n merge(this.selectionModel.changed, this.options.changes)\n .pipe(startWith(null), takeUntil(this.destroyed))\n .subscribe(() => this._updateInternalValue());\n\n this._optionClicked\n .pipe(\n filter(({ option }) => !option.disabled),\n takeUntil(this.destroyed),\n )\n .subscribe(({ option, event }) => this._handleOptionClicked(option, event));\n }\n\n ngOnDestroy() {\n // this.listKeyManager?.destroy();\n this.destroyed.next();\n this.destroyed.complete();\n }\n\n /**\n * Toggle the selected state of the given option.\n * @param option The option to toggle\n */\n toggle(option: AppOption) {\n this.toggleValue(option.value);\n }\n\n /**\n * Toggle the selected state of the given value.\n * @param value The value to toggle\n */\n toggleValue(value: T) {\n if (this._invalid) {\n this.selectionModel.clear(false);\n }\n this.selectionModel.toggle(value);\n }\n\n /**\n * Select the given option.\n * @param option The option to select\n */\n select(option: AppOption) {\n this.selectValue(option.value);\n }\n\n /**\n * Select the given value.\n * @param value The value to select\n */\n selectValue(value: T) {\n if (this._invalid) {\n this.selectionModel.clear(false);\n }\n this.selectionModel.select(value);\n }\n\n /**\n * Deselect the given option.\n * @param option The option to deselect\n */\n deselect(option: AppOption) {\n this.deselectValue(option.value);\n }\n\n /**\n * Deselect the given value.\n * @param value The value to deselect\n */\n deselectValue(value: T) {\n if (this._invalid) {\n this.selectionModel.clear(false);\n }\n this.selectionModel.deselect(value);\n }\n\n /**\n * Set the selected state of all options.\n * @param isSelected The new selected state to set\n */\n setAllSelected(isSelected: boolean) {\n if (!isSelected) {\n this.selectionModel.clear();\n } else {\n if (this._invalid) {\n this.selectionModel.clear(false);\n }\n this.selectionModel.select(...this.options.map((option) => option.value));\n }\n }\n\n /**\n * Get whether the given option is selected.\n * @param option The option to get the selected state of\n */\n isSelected(option: AppOption) {\n return this.isValueSelected(option.value);\n }\n\n /**\n * Get whether the given option is active.\n * @param option The option to get the active state of\n */\n isActive(option: AppOption): boolean {\n return !!(this.listKeyManager?.activeItem === option);\n }\n\n /**\n * Get whether the given value is selected.\n * @param value The value to get the selected state of\n */\n isValueSelected(value: T) {\n if (this._invalid) {\n return false;\n }\n return this.selectionModel.isSelected(value);\n }\n\n /**\n * Registers a callback to be invoked when the listbox's value changes from user input.\n * @param fn The callback to register\n * @docs-private\n */\n registerOnChange(fn: (value: readonly T[]) => void): void {\n this._onChange = fn;\n }\n\n /**\n * Registers a callback to be invoked when the listbox is blurred by the user.\n * @param fn The callback to register\n * @docs-private\n */\n registerOnTouched(fn: () => {}): void {\n this._onTouched = fn;\n }\n\n /**\n * Sets the listbox's value.\n * @param value The new value of the listbox\n * @docs-private\n */\n writeValue(value: readonly T[]): void {\n this._setSelection(value);\n this._verifyOptionValues();\n }\n\n /**\n * Sets the disabled state of the listbox.\n * @param isDisabled The new disabled state\n * @docs-private\n */\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n /** Focus the listbox's host element. */\n focus() {\n this.element.focus();\n }\n\n /**\n * Triggers the given option in response to user interaction.\n * - In single selection mode: selects the option and deselects any other selected option.\n * - In multi selection mode: toggles the selected state of the option.\n * @param option The option to trigger\n */\n protected triggerOption(option: AppOption | null) {\n if (option && !option.disabled) {\n this._lastTriggered = option;\n const changed = this.multiple ? this.selectionModel.toggle(option.value) : this.selectionModel.select(option.value);\n if (changed) {\n this._onChange(this.value);\n this.valueChange.next({\n value: this.value,\n listbox: this,\n option: option,\n });\n }\n }\n }\n\n /**\n * Trigger the given range of options in response to user interaction.\n * Should only be called in multi-selection mode.\n * @param trigger The option that was triggered\n * @param from The start index of the options to toggle\n * @param to The end index of the options to toggle\n * @param on Whether to toggle the option range on\n */\n protected triggerRange(trigger: AppOption | null, from: number, to: number, on: boolean) {\n if (this.disabled || (trigger && trigger.disabled)) {\n return;\n }\n this._lastTriggered = trigger;\n const isEqual = this.compareWith ?? Object.is;\n const updateValues = [...this.options]\n .slice(Math.max(0, Math.min(from, to)), Math.min(this.options.length, Math.max(from, to) + 1))\n .filter((option) => !option.disabled)\n .map((option) => option.value);\n const selected = [...this.value];\n for (const updateValue of updateValues) {\n const selectedIndex = selected.findIndex((selectedValue) => isEqual(selectedValue, updateValue));\n if (on && selectedIndex === -1) {\n selected.push(updateValue);\n } else if (!on && selectedIndex !== -1) {\n selected.splice(selectedIndex, 1);\n }\n }\n const changed = this.selectionModel.setSelection(...selected);\n if (changed) {\n this._onChange(this.value);\n this.valueChange.next({\n value: this.value,\n listbox: this,\n option: trigger,\n });\n }\n }\n\n /**\n * Sets the given option as active.\n * @param option The option to make active\n */\n _setActiveOption(option: AppOption) {\n this.listKeyManager.setActiveItem(option);\n }\n\n /** Called when the listbox receives focus. */\n protected _handleFocus() {\n if (!this.useActiveDescendant) {\n if (this.selectionModel.selected.length > 0) {\n this._setNextFocusToSelectedOption();\n } else {\n this.listKeyManager.setNextItemActive();\n }\n\n this._focusActiveOption();\n }\n }\n\n /** Called when the user presses keydown on the listbox. */\n protected _handleKeydown(event: KeyboardEvent) {\n if (this._disabled) {\n return;\n }\n\n const { keyCode } = event;\n const previousActiveIndex = this.listKeyManager.activeItemIndex;\n const ctrlKeys = ['ctrlKey', 'metaKey'] as const;\n\n if (this.multiple && keyCode === A && hasModifierKey(event, ...ctrlKeys)) {\n // Toggle all options off if they're all selected, otherwise toggle them all on.\n this.triggerRange(null, 0, this.options.length - 1, this.options.length !== this.value.length);\n event.preventDefault();\n return;\n }\n\n if (this.multiple && (keyCode === SPACE || keyCode === ENTER) && hasModifierKey(event, 'shiftKey')) {\n if (this.listKeyManager.activeItem && this.listKeyManager.activeItemIndex != null) {\n this.triggerRange(\n this.listKeyManager.activeItem,\n this._getLastTriggeredIndex() ?? this.listKeyManager.activeItemIndex,\n this.listKeyManager.activeItemIndex,\n !this.listKeyManager.activeItem.isSelected(),\n );\n }\n event.preventDefault();\n return;\n }\n\n if (this.multiple && keyCode === HOME && hasModifierKey(event, ...ctrlKeys) && hasModifierKey(event, 'shiftKey')) {\n const trigger = this.listKeyManager.activeItem;\n if (trigger) {\n const from = this.listKeyManager.activeItemIndex!;\n this.listKeyManager.setFirstItemActive();\n this.triggerRange(trigger, from, this.listKeyManager.activeItemIndex!, !trigger.isSelected());\n }\n event.preventDefault();\n return;\n }\n\n if (this.multiple && keyCode === END && hasModifierKey(event, ...ctrlKeys) && hasModifierKey(event, 'shiftKey')) {\n const trigger = this.listKeyManager.activeItem;\n if (trigger) {\n const from = this.listKeyManager.activeItemIndex!;\n this.listKeyManager.setLastItemActive();\n this.triggerRange(trigger, from, this.listKeyManager.activeItemIndex!, !trigger.isSelected());\n }\n event.preventDefault();\n return;\n }\n\n if (keyCode === SPACE || keyCode === ENTER) {\n this.triggerOption(this.listKeyManager.activeItem);\n event.preventDefault();\n return;\n }\n\n const isNavKey = keyCode === UP_ARROW || keyCode === DOWN_ARROW || keyCode === LEFT_ARROW || keyCode === RIGHT_ARROW || keyCode === HOME || keyCode === END;\n this.listKeyManager.onKeydown(event);\n // Will select an option if shift was pressed while navigating to the option\n if (isNavKey && event.shiftKey && previousActiveIndex !== this.listKeyManager.activeItemIndex) {\n this.triggerOption(this.listKeyManager.activeItem);\n }\n }\n\n /** Called when a focus moves into the listbox. */\n protected _handleFocusIn() {\n // Note that we use a `focusin` handler for this instead of the existing `focus` handler,\n // because focus won't land on the listbox if `useActiveDescendant` is enabled.\n this._hasFocus = true;\n }\n\n /**\n * Called when the focus leaves an element in the listbox.\n * @param event The focusout event\n */\n protected _handleFocusOut(event: FocusEvent) {\n const otherElement = event.relatedTarget as Element;\n if (this.element !== otherElement && !this.element.contains(otherElement)) {\n this._onTouched();\n this._hasFocus = false;\n this._setNextFocusToSelectedOption();\n }\n }\n\n /** Get the id of the active option if active descendant is being used. */\n protected _getAriaActiveDescendant(): string | null | undefined {\n return this._useActiveDescendant ? this.listKeyManager?.activeItem?.id : null;\n }\n\n /** Get the tabindex for the listbox. */\n protected _getTabIndex() {\n if (this.disabled) {\n return -1;\n }\n return this.useActiveDescendant || !this.listKeyManager.activeItem ? this.enabledTabIndex : -1;\n }\n\n /** Initialize the key manager. */\n private _initKeyManager() {\n this.listKeyManager = new ActiveDescendantKeyManager(this.options)\n .withWrap(!this._navigationWrapDisabled)\n .withTypeAhead()\n .withHomeAndEnd()\n .withAllowedModifierKeys(['shiftKey'])\n .skipPredicate(this._navigateDisabledOptions ? this._skipNonePredicate : this._skipDisabledPredicate);\n\n if (this.orientation === 'vertical') {\n this.listKeyManager.withVerticalOrientation();\n } else {\n this.listKeyManager.withHorizontalOrientation(this._dir?.value || 'ltr');\n }\n\n if (this.selectionModel.selected.length) {\n Promise.resolve().then(() => this._setNextFocusToSelectedOption());\n }\n\n this.listKeyManager.change.subscribe(() => this._focusActiveOption());\n }\n\n /** Focus the active option. */\n private _focusActiveOption() {\n if (!this.useActiveDescendant) {\n this.listKeyManager.activeItem?.focus();\n }\n this.changeDetectorRef.markForCheck();\n }\n\n /**\n * Set the selected values.\n * @param value The list of new selected values.\n */\n private _setSelection(value: readonly T[]) {\n if (this._invalid) {\n this.selectionModel.clear(false);\n }\n this.selectionModel.setSelection(...this._coerceValue(value));\n\n if (!this._hasFocus) {\n this._setNextFocusToSelectedOption();\n }\n }\n\n /** Sets the first selected option as first in the keyboard focus order. */\n private _setNextFocusToSelectedOption() {\n // Null check the options since they only get defined after `ngAfterContentInit`.\n const selected = this.options?.find((option) => option.isSelected());\n\n if (selected) {\n this.listKeyManager.updateActiveItem(selected);\n }\n }\n\n /** Update the internal value of the listbox based on the selection model. */\n private _updateInternalValue() {\n const indexCache = new Map();\n this.selectionModel.sort((a: T, b: T) => {\n const aIndex = this._getIndexForValue(indexCache, a);\n const bIndex = this._getIndexForValue(indexCache, b);\n return aIndex - bIndex;\n });\n const selected = this.selectionModel.selected;\n this._invalid = (!this.multiple && selected.length > 1) || !!this._getInvalidOptionValues(selected).length;\n this.changeDetectorRef.markForCheck();\n }\n\n /**\n * Gets the index of the given value in the given list of options.\n * @param cache The cache of indices found so far\n * @param value The value to find\n * @return The index of the value in the options list\n */\n private _getIndexForValue(cache: Map, value: T) {\n const isEqual = this.compareWith || Object.is;\n if (!cache.has(value)) {\n let index = -1;\n for (let i = 0; i < this.options.length; i++) {\n if (isEqual(value, this.options.get(i)!.value)) {\n index = i;\n break;\n }\n }\n cache.set(value, index);\n }\n return cache.get(value)!;\n }\n\n /**\n * Handle the user clicking an option.\n * @param option The option that was clicked.\n */\n private _handleOptionClicked(option: AppOption, event: MouseEvent) {\n event.preventDefault();\n this.listKeyManager.setActiveItem(option);\n if (event.shiftKey && this.multiple) {\n this.triggerRange(option, this._getLastTriggeredIndex() ?? this.listKeyManager.activeItemIndex!, this.listKeyManager.activeItemIndex!, !option.isSelected());\n } else {\n this.triggerOption(option);\n }\n }\n\n /** Verifies that no two options represent the same value under the compareWith function. */\n private _verifyNoOptionValueCollisions() {\n this.options.changes.pipe(startWith(this.options), takeUntil(this.destroyed)).subscribe(() => {\n const isEqual = this.compareWith ?? Object.is;\n for (let i = 0; i < this.options.length; i++) {\n const option = this.options.get(i)!;\n let duplicate: AppOption | null = null;\n for (let j = i + 1; j < this.options.length; j++) {\n const other = this.options.get(j)!;\n if (isEqual(option.value, other.value)) {\n duplicate = other;\n break;\n }\n }\n if (duplicate) {\n // TODO(mmalerba): Link to docs about this.\n if (this.compareWith) {\n console.warn(`Found multiple AppOption representing the same value under the given compareWith function`, {\n option1: option.element,\n option2: duplicate.element,\n compareWith: this.compareWith,\n });\n } else {\n console.warn(`Found multiple AppOption with the same value`, {\n option1: option.element,\n option2: duplicate.element,\n });\n }\n return;\n }\n }\n });\n }\n\n /** Verifies that the option values are valid. */\n private _verifyOptionValues() {\n if (this.options && (typeof dMode === 'undefined' || dMode)) {\n const selected = this.selectionModel.selected;\n const invalidValues = this._getInvalidOptionValues(selected);\n\n if (!this.multiple && selected.length > 1) {\n throw Error('Listbox cannot have more than one selected value in multi-selection mode.');\n }\n\n if (invalidValues.length) {\n throw Error('Listbox has selected values that do not match any of its options.');\n }\n }\n }\n\n /**\n * Coerces a value into an array representing a listbox selection.\n * @param value The value to coerce\n * @return An array\n */\n private _coerceValue(value: readonly T[]) {\n return value == null ? [] : coerceArray(value);\n }\n\n /**\n * Get the sublist of values that do not represent valid option values in this listbox.\n * @param values The list of values\n * @return The sublist of values that are not valid option values\n */\n private _getInvalidOptionValues(values: readonly T[]) {\n const isEqual = this.compareWith || Object.is;\n const validValues = (this.options || []).map((option) => option.value);\n return values.filter((value) => !validValues.some((validValue) => isEqual(value, validValue)));\n }\n\n /** Get the index of the last triggered option. */\n private _getLastTriggeredIndex() {\n const index = this.options.toArray().indexOf(this._lastTriggered!);\n return index === -1 ? null : index;\n }\n}\n\n/** Change event that is fired whenever the value of the listbox changes. */\nexport interface IListboxValueChangeEvent {\n /** The new value of the listbox. */\n readonly value: readonly T[];\n\n /** Reference to the listbox that emitted the event. */\n readonly listbox: AppListbox;\n\n /** Reference to the option that was triggered. */\n readonly option: AppOption | null;\n}\n","import { Directive, EventEmitter, HostListener, Input, OnDestroy, Output } from '@angular/core';\n\n@Directive({\n selector: '[libLongPress]',\n standalone: false,\n})\nexport class LongPressDirective implements OnDestroy {\n /** Delay (ms) before a press is considered “long” */\n @Input() pressDelay = 1000;\n\n /** Global on/off flag; if `false` every press is treated as short */\n @Input() longPressEnabled = true;\n\n /** Emits when the user releases before `pressDelay` */\n @Output() shortPress = new EventEmitter();\n\n /** Emits after `pressDelay` if the pointer is still down */\n @Output() longPress = new EventEmitter();\n\n private pressTimer: ReturnType | null = null;\n private pressStart = 0;\n\n /* Pointer Events ------------------------------------------------------- */\n\n @HostListener('pointerdown', ['$event'])\n onPointerDown(event: PointerEvent): void {\n if (!this.longPressEnabled) {\n // we’ll treat every press as “short”\n return;\n }\n\n this.pressStart = Date.now();\n\n this.clearTimer();\n this.pressTimer = setTimeout(() => {\n this.longPress.emit(event);\n this.clearTimer(); // avoid double-fire\n }, this.pressDelay);\n }\n\n @HostListener('pointerup', ['$event'])\n onPointerUp(event: PointerEvent): void {\n if (!this.longPressEnabled) {\n this.shortPress.emit(event);\n return;\n }\n\n const elapsed = Date.now() - this.pressStart;\n if (elapsed < this.pressDelay) {\n this.shortPress.emit(event);\n }\n this.clearTimer();\n }\n\n @HostListener('pointerleave')\n @HostListener('pointercancel')\n onPointerCancel(): void {\n this.clearTimer();\n }\n\n /* Helpers -------------------------------------------------------------- */\n\n ngOnDestroy(): void {\n this.clearTimer();\n }\n\n private clearTimer(): void {\n if (this.pressTimer) {\n clearTimeout(this.pressTimer);\n this.pressTimer = null;\n }\n }\n}\n","export class ResizedEvent {\n public newRect: ResizeObserverSize;\n public oldRect?: DOMRectReadOnly;\n public isFirst: boolean;\n\n public constructor(newRect: ResizeObserverSize, oldRect: DOMRectReadOnly | undefined) {\n this.newRect = newRect;\n this.oldRect = oldRect;\n this.isFirst = oldRect == null;\n }\n}\n","import { Directive, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Output } from '@angular/core';\nimport { ResizedEvent } from './resized.event';\n\n/**\n * Copied from\n * https://github.com/vdolek/angular-resize-event\n */\n@Directive({\n selector: '[resized]',\n standalone: false,\n})\nexport class ResizedDirective implements OnInit, OnDestroy {\n private observer: ResizeObserver;\n private oldRect?: DOMRectReadOnly;\n\n @Output()\n public readonly resized = new EventEmitter();\n\n public constructor(\n private readonly element: ElementRef,\n private readonly zone: NgZone,\n ) {\n this.observer = new ResizeObserver((entries) => this.zone.run(() => this.observe(entries)));\n }\n\n public ngOnInit(): void {\n this.observer.observe(this.element.nativeElement, { box: 'border-box' });\n }\n\n public ngOnDestroy(): void {\n this.observer.disconnect();\n }\n\n private observe(entries: ResizeObserverEntry[]): void {\n const domSize = entries[0];\n const resizedEvent = new ResizedEvent(domSize.borderBoxSize[0], this.oldRect);\n this.oldRect = domSize.contentRect;\n this.resized.emit(resizedEvent);\n }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'lib-base-card',\n templateUrl: './base-card.component.html',\n styleUrls: ['./base-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class BaseCardComponent {}\n","\n","import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'lib-dashed-checkbox',\n templateUrl: './dashed-checkbox.component.html',\n styleUrls: ['./dashed-checkbox.component.scss'],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n multi: true,\n useExisting: DashedCheckboxComponent,\n },\n ],\n standalone: false,\n})\nexport class DashedCheckboxComponent implements ControlValueAccessor {\n @ViewChild('input') input!: ElementRef;\n\n @Input() checked: boolean = false;\n @Input() disabled: boolean = false;\n @Output() toggle = new EventEmitter();\n\n private onChange = (state: boolean) => {};\n private onTouched = () => {};\n\n public registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n public registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n public setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n public writeValue(value: boolean): void {\n this.checked = value;\n this.toggle.emit(this.checked);\n }\n\n public onCheckToggled(): void {\n if (this.disabled) return;\n this.checked = this.input.nativeElement.checked;\n this.onChange(this.checked);\n this.onTouched();\n this.toggle.emit(this.checked);\n }\n}\n","\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'lib-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class ProgressBarComponent implements OnInit {\n @Input() progBarCurrentStep: number = 1;\n @Input() progBarTotalSteps: number = 1;\n\n public totalStepsArr: number[] = [];\n public stepWeight: number = 0;\n\n constructor(private cdref: ChangeDetectorRef) {}\n\n ngOnInit() {\n const totalSteps = this.progBarTotalSteps || 1;\n const currentStep = this.progBarCurrentStep || 1;\n\n this.totalStepsArr = Array(totalSteps).fill(0);\n this.stepWeight = 100 / totalSteps;\n this.cdref.detectChanges();\n }\n}\n","\n\nStep {{ progBarCurrentStep }}/{{ progBarTotalSteps }}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { BaseBtnLogic } from '../base-btn/base-btn-logic';\n\n@Component({\n selector: 'lib-primary-btn',\n templateUrl: './primary-btn.component.html',\n styleUrls: ['./primary-btn.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class PrimaryBtnComponent extends BaseBtnLogic {\n @Input() override hoverOutline: boolean = true;\n @Input() override disabled!: boolean;\n @Input() override type: string = 'button';\n @Input() override form: string = '';\n @Input() override label!: string;\n @Input() override showArrowIcon!: boolean;\n @Input() override disableTextShadow!: boolean;\n @Input() override loading$!: Observable;\n}\n","\n \n\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { BaseBtnLogic } from '../base-btn/base-btn-logic';\n\n@Component({\n selector: 'lib-secondary-btn',\n templateUrl: './secondary-btn.component.html',\n styleUrls: ['./secondary-btn.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class SecondaryBtnComponent extends BaseBtnLogic {\n @Input() override hoverOutline: boolean = true;\n @Input() override disabled!: boolean;\n @Input() override type: string = 'button';\n @Input() override form: string = '';\n @Input() override label!: string;\n @Input() override showArrowIcon!: boolean;\n @Input() override disableTextShadow!: boolean;\n @Input() override loading$!: Observable;\n}\n","\n \n\n","import { InjectionToken } from '@angular/core';\n\nexport const MODAL_DATA = new InjectionToken('MODAL_DATA');\n","import { AfterViewInit, ChangeDetectorRef, Directive, Injector, Input, Type, ViewContainerRef } from '@angular/core';\nimport { MODAL_DATA } from '../../components/modal/popup-injection-tokens';\n\n@Directive({\n selector: '[libDynamicModalContainer]',\n standalone: false,\n})\nexport class DynamicModalContainerDirective implements AfterViewInit {\n @Input() modalComponent!: Type;\n @Input() modalComponentData: unknown;\n\n constructor(\n public viewContainerRef: ViewContainerRef,\n private injector: Injector,\n private cdr: ChangeDetectorRef,\n ) {}\n\n ngAfterViewInit(): void {\n if (this.modalComponent && this.viewContainerRef) {\n const injector = Injector.create({\n providers: [{ provide: MODAL_DATA, useValue: this.modalComponentData }],\n parent: this.injector,\n });\n const componentRef = this.viewContainerRef.createComponent(this.modalComponent, { injector });\n this.viewContainerRef.insert(componentRef.hostView);\n this.cdr?.detectChanges();\n }\n }\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, Type } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Observable } from 'rxjs';\n\n@Component({\n selector: 'lib-popup',\n templateUrl: './popup-modal.component.html',\n styleUrls: ['./popup-modal.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class LibModalComponent {\n @Input() isOpen: boolean = false;\n @Input() icon: string | null = null;\n @Input() title: string = '';\n @Input() message: string = '';\n @Input() extendedMessage: string = '';\n @Input() cancelButton: string = '';\n @Input() confirmButton: string = '';\n @Input() checkboxText: string = '';\n @Input() progBarCurrentStep: number = 0;\n @Input() progBarTotalSteps: number = 0;\n @Input() customClass: string = '';\n @Input() backdropDismiss: boolean = false;\n @Output() modalConfirm: EventEmitter = new EventEmitter();\n @Output() modalDismiss: EventEmitter = new EventEmitter();\n @Output() afterCloseEvent: EventEmitter = new EventEmitter();\n @Input() modalComponent!: Type;\n @Input() modalComponentData: unknown = null;\n public confirmationControl: FormControl = new FormControl();\n public afterClose: Observable = this.afterCloseEvent.asObservable();\n\n constructor(private cdr: ChangeDetectorRef) {}\n\n public handleModalDismiss() {\n this.modalDismiss.emit(true);\n this.isOpen = false;\n }\n\n public handleModalConfirm() {\n this.modalConfirm.emit(true);\n this.isOpen = false;\n }\n\n public show(component?: Type, data?: unknown, func1?: unknown, func2?: unknown): LibModalComponent {\n this.modalComponent = component!;\n this.modalComponentData = data;\n this.isOpen = true;\n this.confirmationControl.reset();\n this.cdr.detectChanges();\n return this;\n }\n\n public hide(): void {\n this.isOpen = false;\n this.cdr.detectChanges();\n }\n}\n","\n \n \n \n
\n \"\"\n
\n
{{ title | translate }}
\n {{ message | translate }}\n {{ extendedMessage | translate }}\n \n
\n \n
\n \n \n
\n \n {{ cancelButton | translate }}\n \n \n {{ confirmButton | translate }}\n \n
\n \n \n
\n \n
\n \n \n\n","import { ComponentRef, ElementRef, Injectable, NgZone, TemplateRef, Type, ViewContainerRef } from '@angular/core';\nimport { Platform } from '@ionic/angular';\nimport { Observable, Subject, Subscription } from 'rxjs';\nimport { IPopupModal } from '../../../model/popup-modal';\nimport { LibModalComponent } from './popup-modal.component';\n\nexport type Content = string | TemplateRef | Type;\n\n@Injectable({\n providedIn: 'root',\n})\nexport class PopupModalService {\n private rootViewContainerRef!: ViewContainerRef;\n private ref!: ComponentRef;\n private backButtonSubscription!: Subscription | null;\n private _childModalElementRef$: Subject> = new Subject>();\n public childModalElementRef$: Observable> = this._childModalElementRef$.asObservable();\n\n constructor(\n private platform: Platform,\n private zone: NgZone,\n ) {}\n\n public setRootViewContainerRef(view: ViewContainerRef): void {\n this.rootViewContainerRef = view;\n }\n\n public reset(): void {\n this.rootViewContainerRef.clear();\n }\n\n public insertModalComponent(content: Content | null = null): void {\n if (content) {\n const ngContent = this.resolveNgContent(content);\n this.ref = this.rootViewContainerRef.createComponent(LibModalComponent, { projectableNodes: ngContent });\n } else {\n this.ref = this.rootViewContainerRef.createComponent(LibModalComponent);\n }\n this.ref.hostView.detectChanges();\n }\n\n public resolveNgContent(content: Content): Node[][] {\n const componentRef = this.rootViewContainerRef.createComponent(content as Type);\n return [[componentRef.location.nativeElement]];\n }\n public getInstance(): ComponentRef {\n return this.ref;\n }\n\n public setInstance(instance: ComponentRef): void {\n this.ref = instance;\n }\n\n public show(component?: Type, data?: D, newInstance?: boolean): LibModalComponent {\n if (!this.ref || newInstance) {\n this.ref = this.rootViewContainerRef.createComponent(LibModalComponent);\n }\n\n this.registerBackButtonHandler();\n\n return this.ref.instance.show(component, data);\n }\n\n public hide(data?: unknown): void {\n if (!this.ref || !this.ref.instance.isOpen) {\n return;\n }\n\n if (data) {\n this.ref.instance.afterCloseEvent.emit(data);\n }\n\n this.unregisterBackButtonHandler();\n\n this.ref.instance.hide();\n }\n\n public isOpenStatus() {\n return this.ref.instance.isOpen;\n }\n\n public setValues(obj: IPopupModal | null = null): void {\n this.ref.setInput('icon', obj?.icon ? obj?.icon : null);\n this.ref.setInput('title', obj?.title ? obj?.title : null);\n this.ref.setInput('message', obj?.message ? obj?.message : null);\n this.ref.setInput('cancelButton', obj?.cancelButton ? obj?.cancelButton : null);\n this.ref.setInput('confirmButton', obj?.confirmButton ? obj?.confirmButton : null);\n this.ref.setInput('checkboxText', obj?.checkboxText ? obj?.checkboxText : null);\n this.ref.setInput('extendedMessage', obj?.extendedMessage ? obj?.extendedMessage : null);\n this.ref.setInput('customClass', obj?.customClass ? obj?.customClass : null);\n this.ref.setInput('progBarCurrentStep', obj?.progBarCurrentStep ? obj?.progBarCurrentStep : null);\n this.ref.setInput('progBarTotalSteps', obj?.progBarTotalSteps ? obj?.progBarTotalSteps : null);\n this.ref.setInput('backdropDismiss', obj?.backdropDismiss ? obj?.backdropDismiss : false);\n }\n\n public setChildModalElementRef(elementRef: ElementRef): void {\n this._childModalElementRef$.next(elementRef);\n }\n\n /**\n * Registers a high-priority back button handler.\n * When the modal is open, this will intercept the back button\n * press and call hide() instead of letting the router navigate back.\n */\n private registerBackButtonHandler(): void {\n this.unregisterBackButtonHandler();\n\n this.zone.run(() => {\n this.backButtonSubscription = this.platform.backButton.subscribeWithPriority(101, () => {\n this.zone.run(() => {\n this.hide();\n });\n });\n });\n }\n\n /**\n * Removes the custom back button handler.\n */\n private unregisterBackButtonHandler(): void {\n if (this.backButtonSubscription) {\n this.backButtonSubscription.unsubscribe();\n this.backButtonSubscription = null;\n }\n }\n}\n","import { Directive, EventEmitter, HostListener, Output } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { PopupModalService } from '../../components/modal/popup-modal/popup-modal.service';\n\n@Directive({\n selector: '[submitOnEnter]',\n standalone: false,\n})\nexport class SubmitOnEnterDirective {\n @Output() enter: EventEmitter = new EventEmitter();\n\n private activeUrl: string;\n\n constructor(\n private modalFactoryService: PopupModalService,\n private router: Router,\n private activatedRoute: ActivatedRoute,\n ) {\n this.activeUrl = this.activatedRoute.snapshot.routeConfig?.path ?? '';\n }\n\n @HostListener('window:keypress', ['$event'])\n handleKeyPress(event: KeyboardEvent): void {\n if (event.key === 'Enter') {\n event.preventDefault();\n\n if (this.modalFactoryService.isOpenStatus()) {\n return;\n } else {\n const url = this.router.url.split('?')[0];\n\n if (url.includes(this.activeUrl)) {\n event.preventDefault();\n this.enter.emit(true);\n }\n }\n }\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AutoFocusDirective } from './auto-focus/autoFocus.directive';\nimport { DebounceClickDirective } from './debounce-click/debounce-click.directive';\nimport { DisableControlDirective } from './disable-control/disable-control.directive';\nimport { DraggableScrollDirective } from './draggable-scroll/draggable-scroll.directive';\nimport { LazyImageDirective } from './lazy-image/lazy-image.directive';\nimport { AppListbox, AppOption } from './list-box-element/list-box';\nimport { LongPressDirective } from './long-press/long-press.directive';\nimport { ResizedDirective } from './resized-observer/resized-observer.directive';\nimport { SubmitOnEnterDirective } from './submit-form-on-enter/submit-on-enter.directive';\n\nconst DeclarableDirectives = [\n AppListbox,\n AppOption,\n ResizedDirective,\n LazyImageDirective,\n AutoFocusDirective,\n DebounceClickDirective,\n DisableControlDirective,\n SubmitOnEnterDirective,\n LongPressDirective,\n];\n\n@NgModule({\n declarations: [...DeclarableDirectives],\n imports: [CommonModule, DraggableScrollDirective],\n exports: [...DeclarableDirectives, DraggableScrollDirective],\n})\nexport class DirectiveModule {}\n","import { Directive, ElementRef, HostListener } from '@angular/core';\n\n@Directive({\n selector: '[libFocusInvalidInput]',\n standalone: false,\n})\nexport class FocusInvalidInputDirective {\n constructor(private el: ElementRef) {}\n\n @HostListener('submit')\n onFormSubmit(): void {\n const invalidControl = this.el.nativeElement?.querySelector('.invalid-input');\n if (invalidControl) {\n invalidControl.focus();\n }\n const nestedInput = invalidControl?.querySelector('input');\n if (nestedInput) {\n nestedInput.focus();\n }\n }\n}\n","import { Directive, ElementRef, HostListener, Input, OnDestroy, OnInit, Renderer2 } from '@angular/core';\nimport { AbstractControl, ControlContainer, FormGroupDirective } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Directive({\n selector: '[libInvalidInput]',\n standalone: false,\n})\nexport class InvalidInputDirective implements OnInit, OnDestroy {\n @Input() appInvalidInput: string = '';\n private control: AbstractControl | null = null;\n private destroy$: Subject = new Subject();\n\n constructor(\n private _fg: ControlContainer,\n private _el: ElementRef,\n private render: Renderer2,\n ) {}\n\n get form(): any {\n return this._fg.formDirective ? (this._fg.formDirective as FormGroupDirective).form : null;\n }\n\n @HostListener('focus', ['$event'])\n private onFocus(): void {\n this.setInvalidClass();\n }\n\n @HostListener('blur', ['$event'])\n private onBlur(): void {\n this.setInvalidClass();\n }\n\n ngOnInit(): void {\n if (!this.appInvalidInput) {\n return;\n }\n\n this.control = this.form.get(this.appInvalidInput);\n if (this.control) {\n this.control.statusChanges.pipe(takeUntil(this.destroy$)).subscribe(() => {\n this.setInvalidClass();\n });\n }\n\n (this._fg as FormGroupDirective).ngSubmit.pipe(takeUntil(this.destroy$)).subscribe(() => {\n this.form.markAllAsTouched();\n this.setInvalidClass();\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n private setInvalidClass(): void {\n if (!this.control) {\n this.render.removeClass(this._el.nativeElement, 'invalid-input');\n return;\n }\n\n if (this.control.invalid && this.control.touched) {\n this.control.markAsTouched({ onlySelf: true });\n this.render.addClass(this._el.nativeElement, 'invalid-input');\n } else {\n this.render.removeClass(this._el.nativeElement, 'invalid-input');\n }\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { FocusInvalidInputDirective } from './focus-invalid/focus-invalid-input.directive';\nimport { InvalidInputDirective } from './invalid-input/invalid-input.directive';\n\n@NgModule({\n declarations: [FocusInvalidInputDirective, InvalidInputDirective],\n imports: [CommonModule, FormsModule, TranslateModule],\n exports: [FocusInvalidInputDirective, InvalidInputDirective],\n})\nexport class FormValidatorModule {}\n","import { Directive, Input } from '@angular/core';\nimport { FormControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';\nimport { take } from 'rxjs/operators';\n\n@Directive({\n selector: '[libConfirmPasswordValidator]',\n providers: [\n {\n provide: NG_VALIDATORS,\n useExisting: ConfirmPasswordValidatorDirective,\n multi: true,\n },\n ],\n standalone: false,\n})\nexport class ConfirmPasswordValidatorDirective implements Validator {\n @Input('libConfirmPasswordValidator') appConfirmPasswordValidator: string = '';\n\n /**\n * validate function\n *\n * @param control\n */\n validate(control: FormControl): ValidationErrors | null {\n if (!control || !control.value) {\n return null;\n }\n const password = control.root.get(this.appConfirmPasswordValidator);\n if (password) {\n password.valueChanges.pipe(take(1)).subscribe(() => {\n control.updateValueAndValidity();\n });\n }\n return password && password.value !== control.value ? { confirmPasswordError: true } : null;\n }\n}\n","export enum PasswordErrorMessages {\n minimum = 'VALIDATIONS.PASSWORD_MINIMUM',\n uppercase = 'VALIDATIONS.PASSWORD_UPPERCASE',\n lowercase = 'VALIDATIONS.PASSWORD_LOWERCASE',\n number = 'VALIDATIONS.PASSWORD_NUMBER',\n specialCharacter = 'VALIDATIONS.PASSWORD_SPECIAL_CHARACTER',\n prefix = 'VALIDATIONS.PASSWORD_ERROR_PREFIX',\n}\n","import { Directive } from '@angular/core';\nimport { AbstractControl, FormControl, NG_VALIDATORS, ValidationErrors, Validator, ValidatorFn } from '@angular/forms';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PasswordErrorMessages } from '../../enums/form-error-messages.enum';\n\n@Directive({\n selector: '[formControlName][customPasswordValidator],[ngModel][customPasswordValidator],[formControl][customPasswordValidator]',\n providers: [\n {\n provide: NG_VALIDATORS,\n useExisting: CustomPasswordValidatorDirective,\n multi: true,\n },\n ],\n standalone: false,\n})\nexport class CustomPasswordValidatorDirective implements Validator {\n constructor(private translateService: TranslateService) {}\n\n /**\n * validate function\n *\n * @param control\n */\n validate(control: FormControl): ValidationErrors | null {\n // Skip empty field\n if (!control.value) {\n return null;\n }\n\n const filteredMessages = [];\n const atLeastOneLowerCase = /.*[a-z].*/;\n const atLeastOneUpperCase = /.*[A-Z].*/;\n const atLeastOneDigit = /.*\\d.*/;\n const atLeastOneSymbol = /[*$@!#%&()^~{}]+/;\n let prefixAdded = false;\n\n if (control.value?.length < 6) {\n filteredMessages.push(this.translateService.instant(PasswordErrorMessages.minimum));\n }\n if (!atLeastOneLowerCase.test(control.value)) {\n if (!prefixAdded) {\n filteredMessages.push(this.translateService.instant(PasswordErrorMessages.prefix) + ' ' + this.translateService.instant(PasswordErrorMessages.lowercase));\n prefixAdded = true;\n } else {\n filteredMessages.push(this.translateService.instant(PasswordErrorMessages.lowercase));\n }\n }\n if (!atLeastOneUpperCase.test(control.value)) {\n if (!prefixAdded) {\n filteredMessages.push(this.translateService.instant(PasswordErrorMessages.prefix) + ' ' + this.translateService.instant(PasswordErrorMessages.uppercase));\n prefixAdded = true;\n } else {\n filteredMessages.push(this.translateService.instant(PasswordErrorMessages.uppercase));\n }\n }\n if (!atLeastOneDigit.test(control.value)) {\n if (!prefixAdded) {\n filteredMessages.push(this.translateService.instant(PasswordErrorMessages.prefix) + ' ' + this.translateService.instant(PasswordErrorMessages.number));\n prefixAdded = true;\n } else {\n filteredMessages.push(this.translateService.instant(PasswordErrorMessages.number));\n }\n }\n if (!atLeastOneSymbol.test(control.value)) {\n if (!prefixAdded) {\n filteredMessages.push(this.translateService.instant(PasswordErrorMessages.prefix) + ' ' + this.translateService.instant(PasswordErrorMessages.specialCharacter));\n prefixAdded = true;\n } else {\n filteredMessages.push(this.translateService.instant(PasswordErrorMessages.specialCharacter));\n }\n }\n\n if (filteredMessages && filteredMessages.length > 0) {\n return { message: filteredMessages.join(', ') };\n }\n\n return null;\n }\n\n static patternValidator(regex: RegExp, error: ValidationErrors): ValidatorFn {\n return (control: AbstractControl): ValidationErrors | null => {\n // Fix: Use correct return type\n if (!control.value) {\n // if control is empty return no error\n return null;\n }\n\n // test the value of the control against the regexp supplied\n const valid = regex.test(control.value);\n\n // if true, return no error (no error), else return error passed in the second parameter\n return valid ? null : error;\n };\n }\n}\n","import { Directive, Input } from '@angular/core';\nimport { FormControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';\n\n@Directive({\n selector: '[libPasswordValidator]',\n providers: [\n {\n provide: NG_VALIDATORS,\n useExisting: PasswordValidatorDirective,\n multi: true,\n },\n ],\n standalone: false,\n})\nexport class PasswordValidatorDirective implements Validator {\n @Input() public passwordErrorMsg: string = 'Please provide a valid Password';\n // Minimum 6 characters, at least one uppercase letter, one lowercase letter, one number and one special character\n private passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%)(*#^?&])[A-Za-z\\d@$!%)(*#^?&]{6,}$/;\n\n /**\n * validate function\n *\n * @param control\n */\n validate(control: FormControl): ValidationErrors | null {\n if (!control) {\n return null;\n }\n return this.passwordRegex.test(control.value) ? null : this.message();\n }\n\n /**\n * build the error msg\n *\n * @private\n */\n private message(): any {\n return {\n password: {\n message: this.passwordErrorMsg,\n order: 1,\n },\n };\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ConfirmPasswordValidatorDirective } from './confirm-password-validator.directive';\nimport { CustomPasswordValidatorDirective } from './custom-password-validator.directive';\nimport { PasswordValidatorDirective } from './password-validator.directive';\n\n@NgModule({\n declarations: [PasswordValidatorDirective, ConfirmPasswordValidatorDirective, CustomPasswordValidatorDirective],\n imports: [CommonModule],\n exports: [PasswordValidatorDirective, ConfirmPasswordValidatorDirective, CustomPasswordValidatorDirective],\n})\nexport class PasswordValidatorModule {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'lib-section-separator',\n standalone: true,\n imports: [CommonModule],\n template: `
`,\n styles: `\n .fading-line {\n position: relative;\n height: 0.05em;\n min-height: 1px;\n background: var(--border-fading-edges);\n opacity: 0.3;\n margin-top: var(--margin-top, 1.75em);\n margin-bottom: var(--margin-bottom, 1.5em);\n }\n\n .fading-line::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 10%;\n width: 90%;\n height: 4px;\n background: var(--cyrano-solid-no-transparency);\n filter: blur(2px);\n opacity: 0.27;\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionSeparatorComponent {}\n","import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { BaseBtnLogic } from '../base-btn/base-btn-logic';\n\n@Component({\n selector: 'lib-bubble-btn',\n templateUrl: './bubble-btn.component.html',\n styleUrls: ['./bubble-btn.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class BubbleBtnComponent extends BaseBtnLogic {\n @Input() title: string = '';\n @Input() subTitle: string = '';\n @Input() hasIcon?: boolean = false;\n @Input() enableActiveStyle: boolean = false;\n\n @HostBinding('class.enable-active-style') get enableActiveStyleClass() {\n return this.enableActiveStyle;\n }\n\n @Input() override checked: boolean = false;\n @Input() override disabled: boolean = false;\n @Input() override loading$: Observable = of(false);\n}\n","\n
\n
\n \n @if (!hasIcon) {\n
{{ title }}
\n
{{ subTitle }}
\n }\n\n@if (hasIcon) {\n
{{ title }}
\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { BaseBtnLogic } from '../base-btn/base-btn-logic';\n\n@Component({\n selector: 'lib-hover-btn',\n templateUrl: './hover-btn.component.html',\n styleUrls: ['./hover-btn.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class HoverBtnComponent extends BaseBtnLogic {\n @Input() iconUrl: string = '';\n}\n","\n \n \"\"\n\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { BaseBtnLogic } from '../base-btn/base-btn-logic';\n\n@Component({\n selector: 'lib-list-btn',\n templateUrl: './list-btn.component.html',\n styleUrls: ['./list-btn.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class ListBtnComponent extends BaseBtnLogic {\n @Input() actionLabel: string = '';\n @Input() hideActionIcon: boolean = false;\n\n @Input() override hoverOutline!: boolean;\n @Input() override disabled!: boolean;\n @Input() override type: string = 'button';\n @Input() override form: string = '';\n @Input() override showArrowIcon!: boolean;\n @Input() override label!: string;\n @Input() override loading$!: Observable;\n}\n","\n \n \n \n {{ actionLabel }}\n \n \n \n \n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { IonicModule } from '@ionic/angular';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { SectionSeparatorComponent } from '../section-separator/section-separator.component';\nimport { BaseBtnComponent } from './base-btn/base-btn.component';\nimport { BubbleBtnComponent } from './bubble-btn/bubble-btn.component';\nimport { ChipBtnComponent } from './chip-btn/chip-btn.component';\nimport { HoverBtnComponent } from './hover-btn/hover-btn.component';\nimport { IconBtnComponent } from './icon-btn/icon-btn.component';\nimport { ListBtnComponent } from './list-btn/list-btn.component';\nimport { MenuBtnComponent } from './menu-btn/menu-btn.component';\nimport { MenuItemComponent } from './menu-btn/menu-item/menu-item.component';\nimport { PrimaryBtnComponent } from './primary-btn/primary-btn.component';\nimport { SecondaryBtnComponent } from './secondary-btn/secondary-btn.component';\n\nconst components = [\n BaseBtnComponent,\n ChipBtnComponent,\n PrimaryBtnComponent,\n SecondaryBtnComponent,\n MenuBtnComponent,\n IconBtnComponent,\n ListBtnComponent,\n HoverBtnComponent,\n MenuItemComponent,\n BubbleBtnComponent,\n];\n\n@NgModule({\n declarations: [...components],\n imports: [CommonModule, IonicModule, MatRippleModule, MatMenuModule, TranslateModule, MatIconModule, MatTooltipModule, SectionSeparatorComponent],\n exports: [...components],\n})\nexport class ButtonsModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DashedCheckboxComponent } from './dashed-checkbox.component';\n\n@NgModule({\n declarations: [DashedCheckboxComponent],\n imports: [CommonModule],\n exports: [DashedCheckboxComponent],\n})\nexport class DashedCheckboxModule {}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { AbstractControl, UntypedFormArray } from '@angular/forms';\n\n@Pipe({\n name: 'asFormArray',\n pure: true,\n standalone: false,\n})\nexport class AsFormArrayPipe implements PipeTransform {\n transform(control: AbstractControl | null | undefined): UntypedFormArray {\n if (control instanceof UntypedFormArray) {\n return control;\n }\n // Return an empty array control if valid cast fails, to prevent template errors\n return new UntypedFormArray([]);\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { AbstractControl, FormControl, UntypedFormControl } from '@angular/forms';\n\n@Pipe({\n name: 'asFormControl',\n pure: true,\n standalone: false,\n})\nexport class AsFormControlPipe implements PipeTransform {\n transform(control: AbstractControl | null | undefined): FormControl | UntypedFormControl {\n if (control instanceof FormControl || control instanceof UntypedFormControl) {\n return control;\n }\n return new UntypedFormControl();\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'countNonEmptyFields',\n pure: true,\n standalone: false,\n})\nexport class CountNonEmptyFieldsPipe implements PipeTransform {\n transform(records: Record): number {\n return Object.values(records).filter(Boolean).length;\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { format, isValid, parse, parseISO } from 'date-fns';\n\n@Pipe({\n name: 'dateLocalization',\n pure: true,\n standalone: false,\n})\nexport class DateLocalizationPipe implements PipeTransform {\n transform(value: string | Date, dateFormat: string): string {\n if (!value) return '';\n\n let date: Date | undefined;\n\n if (value instanceof Date) {\n if (!isValid(value)) return '';\n date = value;\n } else if (typeof value === 'string') {\n // Try parsing as ISO first (date-fns parseISO is robust for ISO strings)\n const isoDate = parseISO(value);\n if (isValid(isoDate)) {\n date = isoDate;\n } else {\n // Fallback: Try parsing with the provided format using reference date (now)\n const parsed = parse(value, dateFormat, new Date());\n if (isValid(parsed)) {\n date = parsed;\n } else {\n // One last attempt: try parsing very common manual input formats if dateFormat failed or didn't match\n // This mimics the loose parsing moment sometimes does, but being safer.\n // For now, if strict format fails, we return empty string to be safe or try standard constructor\n const naiveDate = new Date(value);\n if (isValid(naiveDate)) {\n date = naiveDate;\n }\n }\n }\n }\n\n if (date && isValid(date)) {\n return format(date, dateFormat);\n }\n return '';\n }\n}\n","import { Injectable, Pipe, PipeTransform } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Pipe({\n name: 'fallbackTranslate',\n standalone: false,\n})\n@Injectable({\n providedIn: 'root',\n})\nexport class FallbackTranslatePipe implements PipeTransform {\n constructor(private translate: TranslateService) {}\n\n transform(key: string, fallback: string): string {\n const translated = this.translate.instant(key);\n return translated === key ? fallback : translated;\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'fieldType',\n standalone: false,\n})\nexport class FieldTypePipe implements PipeTransform {\n transform(controlType: string | undefined): string {\n if (!controlType) return 'text';\n\n const typeMap: { [key: string]: string } = {\n SingleSelect: 'select',\n MultiSelect: 'multiselectdropdown',\n Number: 'number',\n Percent: 'percentage',\n Text: 'text',\n Date: 'date',\n Currency: 'currency',\n Boolean: 'select',\n AutoComplete: 'autocomplete',\n AutoCompleteMulti: 'autocompletemulti',\n MultiField: 'multifield',\n Image: 'image',\n Html: 'html',\n };\n\n return typeMap[controlType] || 'text';\n }\n}\n","import { CurrencyPipe, formatNumber } from '@angular/common';\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\nimport { IGridColumn } from '../../model/grid-column';\r\nimport { DateLocalizationPipe } from '../date-localization/date-localization.pipe';\r\n\r\n@Pipe({\r\n name: 'getDisplayValue',\r\n pure: true,\r\n standalone: false,\r\n})\r\nexport class GetDisplayValuePipe implements PipeTransform {\r\n constructor(\r\n private dateLocalizationPipe: DateLocalizationPipe,\r\n private currencyPipe: CurrencyPipe,\r\n ) {}\r\n\r\n transform(data: any, column: IGridColumn, dateFormat: string, corporateCurrency: string = 'USD'): string {\r\n if ((typeof data != 'boolean' && !data && data !== 0) || !column) {\r\n return '';\r\n }\r\n\r\n if (column.controlType === 'SingleSelect' || column.controlType === 'MultiSelect') {\r\n if (Array.isArray(data)) {\r\n return data.map((value) => column.values?.find((col) => col.Key === value)?.Value)?.join(', ') ?? '';\r\n }\r\n return column.values?.find((col) => col.Key === data)?.Value ?? '';\r\n }\r\n\r\n if (column.controlType === 'AutoComplete' || column.controlType === 'AutoCompleteMulti' || column.controlType === 'MultiField') {\r\n if (Array.isArray(data)) {\r\n return data?.map((kv) => kv?.Value)?.join(', ') ?? '';\r\n }\r\n return data?.Value ?? '';\r\n }\r\n\r\n if (column.controlType === 'Date') {\r\n return this.dateLocalizationPipe.transform(data, dateFormat);\r\n }\r\n\r\n if (column.controlType === 'Percent') {\r\n return `${formatNumber(data, 'en-US', '1.0-0')}%`;\r\n }\r\n\r\n if (column.controlType === 'Currency') {\r\n const rounded = Math.round(data);\r\n if (isNaN(rounded)) return '';\r\n return this.currencyPipe.transform(rounded, corporateCurrency || 'USD', 'symbol', '1.0-0') ?? '';\r\n }\r\n\r\n if (column.controlType === 'Boolean') {\r\n return data ? 'Yes' : 'No';\r\n }\r\n\r\n if (data.en) return data.en;\r\n\r\n return data.toString();\r\n }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { FilterOperator } from '../../model/filter-operator';\n\ntype FilterValueType = FilterOperator[][][][];\n\n@Pipe({\n name: 'getFilterValues',\n pure: true,\n standalone: false,\n})\nexport class GetFilterValuesPipe implements PipeTransform {\n transform(values: FilterValueType, fieldId: number | undefined, operatorId: number | undefined, index: number): FilterOperator[] {\n if (!values || fieldId === undefined || fieldId < 0 || operatorId === undefined || operatorId < 0) {\n return [];\n }\n return values[fieldId]?.[operatorId]?.[index] || [];\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { SelectOption } from '../../model/select-option';\n\n@Pipe({\n name: 'getMultiSelectDisplayText',\n pure: true,\n standalone: false,\n})\nexport class GetMultiSelectDisplayTextPipe implements PipeTransform {\n transform(formValue: any[], options: SelectOption[]): string {\n if (Array.isArray(formValue) && formValue?.length > 0) {\n return formValue.map((value) => options.find((option) => option.value === value)?.label)?.join(', ');\n } else {\n return '';\n }\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'initials',\n pure: true,\n standalone: false,\n})\nexport class InitialsPipe implements PipeTransform {\n transform(fullName: string, numChars: number = 2): string {\n if (!fullName?.trim()) {\n return '';\n }\n return fullName\n .trim()\n .split(/\\s+/)\n .slice(0, numChars)\n .map((n) => n.substring(0, 2).toUpperCase())\n .join('');\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'round',\n pure: true,\n standalone: false,\n})\nexport class RoundPipe implements PipeTransform {\n transform(value: number): number {\n return Math.round(value);\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { SelectOption } from '../../model/select-option';\n\n@Pipe({\n name: 'updateLLMPreference',\n pure: true,\n standalone: false,\n})\nexport class UpdateLLMPreferencePipe implements PipeTransform {\n transform(values: SelectOption[], llmPreferenceLoading: string[]): SelectOption[] {\n if (!values) {\n return [];\n }\n return values.map((option) => {\n if (llmPreferenceLoading?.includes(option.value)) {\n return { ...option, loading: true };\n } else {\n return { ...option, loading: false };\n }\n });\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AsFormArrayPipe } from './as-form-array/as-form-array.pipe';\nimport { AsFormControlPipe } from './as-form-control/as-form-control.pipe';\nimport { CountNonEmptyFieldsPipe } from './count-non-empty-fields/count-non-empty-fields.pipe';\nimport { DateLocalizationPipe } from './date-localization/date-localization.pipe';\nimport { FallbackTranslatePipe } from './fallback-translate/fallback-translate.pipe';\nimport { FieldTypePipe } from './field-type/field-type.pipe';\nimport { GetDisplayValuePipe } from './get-display-value/get-display-value.pipe';\nimport { GetFilterValuesPipe } from './get-filter-values/get-filter-values.pipe';\nimport { GetMultiSelectDisplayTextPipe } from './get-multi-select-display-text/get-multi-select-display-text.pipe';\nimport { InitialsPipe } from './initials/initials.pipe';\nimport { RoundPipe } from './round/round.pipe';\nimport { UpdateLLMPreferencePipe } from './update-llm-preference/update-llm-preference.pipe';\n\n@NgModule({\n declarations: [\n AsFormArrayPipe,\n AsFormControlPipe,\n CountNonEmptyFieldsPipe,\n DateLocalizationPipe,\n FallbackTranslatePipe,\n FieldTypePipe,\n GetDisplayValuePipe,\n GetFilterValuesPipe,\n GetMultiSelectDisplayTextPipe,\n InitialsPipe,\n RoundPipe,\n UpdateLLMPreferencePipe,\n ],\n imports: [CommonModule],\n exports: [\n AsFormArrayPipe,\n AsFormControlPipe,\n CountNonEmptyFieldsPipe,\n DateLocalizationPipe,\n FallbackTranslatePipe,\n FieldTypePipe,\n GetDisplayValuePipe,\n GetFilterValuesPipe,\n GetMultiSelectDisplayTextPipe,\n InitialsPipe,\n RoundPipe,\n UpdateLLMPreferencePipe,\n ],\n providers: [\n AsFormArrayPipe,\n AsFormControlPipe,\n CountNonEmptyFieldsPipe,\n DateLocalizationPipe,\n FallbackTranslatePipe,\n FieldTypePipe,\n GetDisplayValuePipe,\n GetFilterValuesPipe,\n GetMultiSelectDisplayTextPipe,\n InitialsPipe,\n RoundPipe,\n UpdateLLMPreferencePipe,\n ],\n})\nexport class PipeModule {}\n","import { CommonModule } from '@angular/common';\nimport { Component, ContentChild, Input, TemplateRef } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NavController } from '@ionic/angular';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { PipeModule } from '../../../pipes/pipe.module';\nimport { IErrorMessageConfig } from './error-message-config.interface';\n\n@Component({\n selector: 'lib-error-message',\n standalone: true,\n imports: [CommonModule, FormsModule, TranslateModule, PipeModule],\n templateUrl: './error-message.component.html',\n styleUrls: ['./error-message.component.scss'],\n})\nexport class LibErrorMessageComponent {\n @ContentChild('customerError') customerErrorTmpl!: TemplateRef;\n @Input() config!: Partial;\n\n constructor(private navController: NavController) {}\n\n public navigate(url: string, queryParams = {}): void {\n this.navController.navigateForward(url, { queryParams });\n }\n}\n","
\n \n \n

\n @switch (true) {\n @case (config.control.errors['required']) {\n {{ config.requiredErrorMessage || 'VALIDATIONS.REQUIRED' | fallbackTranslate: '*Required' }}\n }\n @case (!!config.control.errors['invalidEmail']) {\n {{ 'VALIDATIONS.NOT_VALID_EMAIL' | translate }}\n }\n \n @case (config.control.errors['minlength'] && (config.minLength ?? 0) > 0) {\n {{ 'VALIDATIONS.NOT_VALID_MIN_LENGTH' | translate: { minLength: config.minLength } }}\n }\n @case (config.control.errors['maxlength'] && (config.maxLength ?? 0) > 0) {\n {{ 'VALIDATIONS.NOT_VALID_MAX_LENGTH' | translate: { maxLength: config.maxLength } }}\n }\n @case (config.control.errors['min'] && (config.min ?? -1) >= 0) {\n {{ 'VALIDATIONS.NOT_VALID_MIN' | translate: { min: config.min } }}\n }\n @case (config.control.errors['max'] && (config.max ?? 0) > 0) {\n {{ 'VALIDATIONS.NOT_VALID_MAX' | translate: { max: config.max } }}\n }\n @case (config.control.errors['notUniqueEmail']) {\n {{ 'ERRORS.DUPLICATE_EMAIL' | translate }}\n \n {{ 'CLIENT_USER.LOGIN' | translate }} 〉\n \n }\n @case (config.control.errors['notUniquePhone']) {\n {{ 'ERRORS.PHONE_NUMBER_EXISTS' | translate }} \n {{ 'CLIENT_USER.LOGIN' | translate }} 〉\n }\n @case (config.control.errors['notUniqueUsername']) {\n {{ 'ERRORS.USERNAME_EXISTS' | translate }}\n }\n @case (config.control.errors['searching']) {\n {{ 'VALIDATIONS.SEARCHING' | fallbackTranslate: 'Searching...' }}\n }\n @case (config.control.errors['searchError']) {\n {{ 'VALIDATIONS.SEARCH_ERROR' | fallbackTranslate: 'Error Searching' }}\n }\n @case (config.control.errors['invalidField']) {\n {{ 'VALIDATIONS.INVALID' | fallbackTranslate: 'Invalid' }}\n }\n }\n

\n \n

\n @if (config.customErrorMessage) {\n {{ config.customErrorMessage }}\n } @else if (config.control.errors['invalidDateRange']) {\n {{ 'VALIDATIONS.INVALID_DATE_RANGE' | fallbackTranslate: 'Invalid date range' }}\n } @else if (config.control.errors['invalidTimeRange']) {\n {{ 'VALIDATIONS.INVALID_TIME_RANGE' | fallbackTranslate: 'Invalid time' }}\n }\n

\n \n \n
\n","export enum MapProvider {\n AWS = 'aws',\n TRIPADVISOR = 'tripadvisor',\n GOOGLE = 'google',\n}\n\nexport interface ITripAdvisorSearchResult {\n data: ITripAdvisorPlace[];\n}\n\nexport interface ITripAdvisorPlace {\n location_id?: string | number;\n name: string;\n address_obj?: {\n address_string?: string;\n };\n latitude?: string | number;\n longitude?: string | number;\n web_url?: string;\n rating?: string | number;\n photo?: {\n images?: {\n thumbnail?: { url?: string };\n };\n };\n category?: { key?: string };\n}\n\nexport interface IMapLibConfig {\n provider: MapProvider;\n awsConfig?: {\n region: string;\n identityPoolId: string;\n placeIndexName: string;\n geocodingIndexName: string;\n };\n tripadvisorConfig?: {\n apiKey: string;\n apiUrl: string;\n };\n googleConfig?: {\n apiKey: string;\n apiUrl: string;\n };\n}\n","import { HttpClient } from '@angular/common/http';\nimport { inject, Injectable } from '@angular/core';\nimport { LocationClient, SearchPlaceIndexForTextCommand, SearchForTextResult } from '@aws-sdk/client-location';\nimport { Observable, from, of } from 'rxjs';\nimport { catchError, map } from 'rxjs/operators';\nimport { IPosition } from '../../interfaces/position.interface';\nimport { IMapLibConfig, ITripAdvisorPlace, ITripAdvisorSearchResult, MapProvider } from './interfaces/map-lib-config.interface';\nimport { IPlaceQuery } from './place-query-parameters.model';\nimport { IPlace } from './place.model';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class MapLibService {\n private readonly http = inject(HttpClient);\n private config: IMapLibConfig | null = null;\n private awsLocationClient: LocationClient | null = null;\n\n /**\n * Initialize the map-lib service with configuration\n */\n public initialize(config: IMapLibConfig): void {\n this.config = config;\n\n if (config.provider === MapProvider.AWS && config.awsConfig) {\n this.awsLocationClient = new LocationClient({\n region: config.awsConfig.region,\n });\n }\n }\n\n /**\n * Get the current map provider\n */\n public getProvider(): MapProvider | null {\n return this.config?.provider || null;\n }\n\n /**\n * Find nearby places using the configured provider (AWS Location Service or TripAdvisor)\n */\n public findNearbyPlaces(query: IPlaceQuery): Observable {\n if (!this.config) {\n throw new Error('MapLibService not initialized. Call initialize() first.');\n }\n\n switch (this.config.provider) {\n case MapProvider.AWS:\n return this.findNearbyPlacesAWS(query);\n case MapProvider.TRIPADVISOR:\n return this.findNearbyPlacesTripAdvisor(query);\n case MapProvider.GOOGLE:\n default:\n // Fallback to Google Maps if configured\n return of([]);\n }\n }\n\n /**\n * Get coordinates from address using AWS Location Service\n */\n public getCoordinatesFromAddress(address: string): Observable<{ lat: number; lng: number }> {\n if (!this.config || !this.config.awsConfig) {\n return of({ lat: 0, lng: 0 });\n }\n\n return from(\n this.awsLocationClient!.send(\n new SearchPlaceIndexForTextCommand({\n IndexName: this.config.awsConfig.geocodingIndexName,\n Text: address,\n MaxResults: 1,\n }),\n ),\n ).pipe(\n map((response) => {\n if (response.Results && response.Results.length > 0) {\n const result = response.Results[0];\n const coordinates = result.Place?.Geometry?.Point;\n if (coordinates) {\n return {\n lat: coordinates[1] || 0, // AWS returns [longitude, latitude]\n lng: coordinates[0] || 0,\n };\n }\n }\n return { lat: 0, lng: 0 };\n }),\n catchError(() => of({ lat: 0, lng: 0 })),\n );\n }\n\n /**\n * Get address from coordinates using AWS Location Service\n */\n public getAddressFromCoordinates(location: IPosition): Observable {\n if (!this.config || !this.config.awsConfig) {\n return of('');\n }\n\n const locationString = `${location.lat},${location.lng}`;\n return from(\n this.awsLocationClient!.send(\n new SearchPlaceIndexForTextCommand({\n IndexName: this.config.awsConfig.geocodingIndexName,\n Text: locationString,\n MaxResults: 1,\n }),\n ),\n ).pipe(\n map((response) => {\n if (response.Results && response.Results.length > 0) {\n return response.Results[0].Place?.Label || '';\n }\n return '';\n }),\n catchError(() => of('')),\n );\n }\n\n /**\n * Find nearby places using AWS Location Service\n */\n private findNearbyPlacesAWS(query: IPlaceQuery): Observable {\n if (!this.config?.awsConfig || !this.awsLocationClient) {\n return of([]);\n }\n\n // Build search text based on location and types\n const searchText = `${query.location.lat},${query.location.lng}`;\n\n return from(\n this.awsLocationClient.send(\n new SearchPlaceIndexForTextCommand({\n IndexName: this.config.awsConfig.placeIndexName,\n Text: searchText,\n MaxResults: 10,\n FilterCountries: [],\n }),\n ),\n ).pipe(\n map((response) => {\n if (!response.Results) {\n return [];\n }\n\n return response.Results.map((result: SearchForTextResult, index: number) => {\n const place = result.Place;\n const geometry = place?.Geometry;\n const coordinates = geometry?.Point;\n // Generate unique ID from result or use index\n const placeId = result.Relevance ? `aws_${index}_${result.Relevance}` : `aws_${index}`;\n\n // Convert AWS result to IPlace model\n const placeResult: IPlace = {\n place_id: placeId,\n name: place?.Label || '',\n vicinity: place?.Label || '',\n geometry: {\n location: {\n lat: () => coordinates?.[1] || query.location.lat,\n lng: () => coordinates?.[0] || query.location.lng,\n },\n },\n url: '',\n rating: 0,\n icon: '',\n types: [],\n };\n\n return placeResult;\n });\n }),\n catchError(() => of([])),\n );\n }\n\n /**\n * Find nearby places using TripAdvisor API\n */\n private findNearbyPlacesTripAdvisor(query: IPlaceQuery): Observable {\n if (!this.config?.tripadvisorConfig) {\n return of([]);\n }\n\n const { apiKey, apiUrl } = this.config.tripadvisorConfig;\n const url = `${apiUrl}/search?key=${apiKey}&latLong=${query.location.lat},${query.location.lng}&radius=${query.radius || 5000}`;\n\n return this.http.get(url).pipe(\n map((data: ITripAdvisorSearchResult) => {\n if (!data.data || !Array.isArray(data.data)) {\n return [];\n }\n\n return data.data.map((item: ITripAdvisorPlace, index: number) => {\n const placeResult: IPlace = {\n place_id: item.location_id?.toString() || `tripadvisor_${index}`,\n name: item.name || '',\n vicinity: item.address_obj?.address_string || '',\n geometry: {\n location: {\n lat: () => parseFloat(String(item.latitude ?? '')) || query.location.lat,\n lng: () => parseFloat(String(item.longitude ?? '')) || query.location.lng,\n },\n },\n url: item.web_url || '',\n rating: item.rating ? parseFloat(String(item.rating)) : 0,\n icon: item.photo?.images?.thumbnail?.url || '',\n types: item.category?.key ? [item.category.key] : [],\n };\n\n return placeResult;\n });\n }),\n catchError(() => of([])),\n );\n }\n\n /**\n * Get AWS Location Service signer for map tiles\n * Note: Signer implementation should be done using @aws/amazon-location-utilities-auth-helper\n * This method returns configuration for signer usage\n */\n public getAWSSignerConfig(): { region: string; identityPoolId: string } | null {\n if (!this.config?.awsConfig) {\n return null;\n }\n\n return {\n region: this.config.awsConfig.region,\n identityPoolId: this.config.awsConfig.identityPoolId,\n };\n }\n}\n","export enum ToastrSeverity {\n SUCCESS = 'success',\n WARNING = 'warning',\n ERROR = 'error',\n INFO = 'info',\n}\n","export enum MapActionTypes {\n MapLoaded = 'map-loaded',\n MarkerClick = 'marker-click',\n MarkerUpdated = 'marker-updated',\n MapsAlertsEvent = 'maps-alerts-event',\n UpdatedLocations = 'updated-locations',\n SetMapsSearch = 'set-maps-search',\n SetDeleteLocationIndex = 'set-delete-location-index',\n SetEditLocationIndex = 'set-edit-location-index',\n MapClick = 'map-click',\n MapCenterChanged = 'map-center-changed',\n}\n","import { IPosition } from '../../interfaces/position.interface';\n\nexport const MAP_CIRCLE_RADIUS_KMS: number = 15000;\nexport const MAP_STYLES: google.maps.MapTypeStyle[] | null = [\n { elementType: 'geometry', stylers: [{ color: '#242f3e' }] },\n { elementType: 'labels.text.stroke', stylers: [{ color: '#242f3e' }] },\n { elementType: 'labels.text.fill', stylers: [{ color: '#746855' }] },\n {\n featureType: 'administrative.locality',\n elementType: 'labels.text.fill',\n stylers: [{ color: '#d59563' }],\n },\n {\n featureType: 'poi',\n elementType: 'labels.text.fill',\n stylers: [{ color: '#d59563' }],\n },\n {\n featureType: 'poi.park',\n elementType: 'geometry',\n stylers: [{ color: '#263c3f' }],\n },\n {\n featureType: 'poi.park',\n elementType: 'labels.text.fill',\n stylers: [{ color: '#6b9a76' }],\n },\n {\n featureType: 'road',\n elementType: 'geometry',\n stylers: [{ color: '#38414e' }],\n },\n {\n featureType: 'road',\n elementType: 'geometry.stroke',\n stylers: [{ color: '#212a37' }],\n },\n {\n featureType: 'road',\n elementType: 'labels.text.fill',\n stylers: [{ color: '#9ca5b3' }],\n },\n {\n featureType: 'road.highway',\n elementType: 'geometry',\n stylers: [{ color: '#746855' }],\n },\n {\n featureType: 'road.highway',\n elementType: 'geometry.stroke',\n stylers: [{ color: '#1f2835' }],\n },\n {\n featureType: 'road.highway',\n elementType: 'labels.text.fill',\n stylers: [{ color: '#f3d19c' }],\n },\n {\n featureType: 'transit',\n elementType: 'geometry',\n stylers: [{ color: '#2f3948' }],\n },\n {\n featureType: 'transit.station',\n elementType: 'labels.text.fill',\n stylers: [{ color: '#d59563' }],\n },\n {\n featureType: 'water',\n elementType: 'geometry',\n stylers: [{ color: '#17263c' }],\n },\n {\n featureType: 'water',\n elementType: 'labels.text.fill',\n stylers: [{ color: '#515c6d' }],\n },\n {\n featureType: 'water',\n elementType: 'labels.text.stroke',\n stylers: [{ color: '#17263c' }],\n },\n];\n\nexport const DEFAULT_POSITION: IPosition = {\n lat: 0,\n lng: 0,\n};\n\nexport const DEFAULT_MAP_OPTIONS: google.maps.MapOptions = {\n minZoom: 2,\n zoom: 11,\n styles: MAP_STYLES,\n fullscreenControl: false,\n zoomControl: false,\n keyboardShortcuts: false,\n panControl: false,\n disableDefaultUI: true,\n restriction: {\n latLngBounds: {\n north: 85,\n south: -85,\n east: 180,\n west: -180,\n },\n strictBounds: true,\n },\n};\n\nexport const MARKER_OPTIONS: google.maps.MarkerOptions = {\n draggable: false,\n clickable: true,\n optimized: false,\n};\n\nexport const MARKER_OPTIONS_ENABLE_DRAG: google.maps.MarkerOptions = {\n draggable: true,\n clickable: true,\n optimized: false,\n};\n\nexport const CIRCLE_OPTIONS: google.maps.CircleOptions = {\n draggable: false,\n editable: true,\n strokeColor: '#fe3c72',\n fillColor: '#fe3c72',\n fillOpacity: 0.07,\n strokeWeight: 1.5,\n};\n\nexport const MAP_ZOOM_POSITION = {\n 1: 0,\n 2: 0,\n 3: 0,\n 4: 40,\n 5: 20,\n 6: 10,\n 7: 5,\n 8: 2.5,\n 9: 1.25,\n 10: 0.625,\n 11: 0.3125,\n 12: 0.15625,\n 13: 0.078125,\n 14: 0.0390625,\n 15: 0.01953125,\n 16: 0.009765625,\n 17: 0.0048828125,\n 18: 0.00244140625,\n 19: 0.001220703125,\n 20: 0.0006103515625,\n 21: 0.00030517578125,\n 22: 0.000152587890625,\n};\n","// OBSERVATION: MapService is providedIn:'root' (singleton), but LibMapModule.forRoot creates\n// a NEW instance via useFactory. Components outside forRoot modules (e.g. base-registration)\n// inject the root singleton which has googleMapsKey=''. Added guard in loadGoogleApis to skip\n// script injection when key is empty, preventing the ?key=&libraries=places SyntaxError.\nimport { inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';\nimport { from, Observable, Observer, of, ReplaySubject, Subject } from 'rxjs';\nimport { catchError, concatMap, finalize, map, take, toArray } from 'rxjs/operators';\nimport { IPosition } from '../../interfaces/position.interface';\nimport { IMapMarkerModel } from '../../model/map.marker';\nimport { IMapData } from './interfaces/map-data.interface';\nimport { MapAddressType } from './map-address.type';\nimport { MapLibService } from './map-lib.service';\nimport { MAP_CIRCLE_RADIUS_KMS } from './map.config';\nimport { IPlaceQuery } from './place-query-parameters.model';\nimport { IPlace } from './place.model';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class MapService {\n private readonly rendererFactory: RendererFactory2 = inject(RendererFactory2);\n private readonly mapLibService: MapLibService = inject(MapLibService);\n private googleMapsKey: string = '';\n private googleMapsURL: string = '';\n private googleMapsMapId: string = '';\n private renderer: Renderer2;\n private scriptElement!: HTMLElement;\n private _updateLocations$: Subject;\n private _googleApiLoader$!: ReplaySubject;\n private useMapLib: boolean = false;\n\n public onUpdateLocations: Observable;\n\n constructor() {\n this._updateLocations$ = new Subject();\n this.onUpdateLocations = this._updateLocations$.asObservable();\n this.renderer = this.rendererFactory.createRenderer(null, null);\n }\n\n /**\n * Enable map-lib usage (AWS/TripAdvisor) instead of Google Maps\n */\n public enableMapLib(): void {\n this.useMapLib = true;\n }\n\n public setGoogleMapsKey(key: string): void {\n this.googleMapsKey = key;\n }\n\n public getGoogleMapsKey(): string {\n return this.googleMapsKey;\n }\n\n public setGoogleMapsURL(url: string): void {\n this.googleMapsURL = url;\n }\n\n public getGoogleMapsURL(): string {\n return this.googleMapsURL;\n }\n\n public setGoogleMapsMapId(mapId: string): void {\n this.googleMapsMapId = mapId;\n }\n\n public getGoogleMapsMapId(): string {\n return this.googleMapsMapId;\n }\n\n public matchesGoogleMapsApiKey(googleMapsAPIKey: string): boolean {\n return this.googleMapsKey === googleMapsAPIKey;\n }\n\n /**\n * Loads the Google Maps API, optionally reloading if already loaded unless `reloadApi` is set to `false`.\n *\n * @param {boolean} [reloadApi=true] - A flag to determine whether to reload the API if it has already been loaded. Defaults to `true`, meaning the API will be unloaded and loaded by default.\n * @return {Observable} - An observable that emits `true` when the API has been successfully loaded.\n */\n public loadGoogleApis(reloadApi: boolean = true): Observable {\n if (this._googleApiLoader$) {\n return this._googleApiLoader$.asObservable();\n }\n\n // Skip loading when no API key is configured to avoid broken script injection\n if (!this.googleMapsKey) {\n this._googleApiLoader$ = new ReplaySubject(1);\n this._googleApiLoader$.next(false);\n this._googleApiLoader$.complete();\n const loader = this._googleApiLoader$;\n this._googleApiLoader$ = null!;\n return loader.asObservable();\n }\n\n this._googleApiLoader$ = new ReplaySubject(1);\n (reloadApi ? this.unloadGoogleMapApis() : of(true)).pipe(take(1)).subscribe((apiDidUnload) => {\n // Stop the ritual if there is a failure in unloading the previously loaded Google Maps API to avoid errors\n if (!apiDidUnload) {\n this._googleApiLoader$?.error('An error occurred while unloading the Google Maps API');\n this._googleApiLoader$?.next(false);\n this._googleApiLoader$?.complete();\n return;\n }\n\n // If window['google'] is not undefined, it indicates that the Google Maps API has already been loaded.\n if (window?.google) {\n // Therefore, we skip the ritual for reloading the Google Maps API.\n this._googleApiLoader$?.next(true);\n this._googleApiLoader$?.complete();\n return;\n } else {\n // Or, begin the ritual for loading the Google Maps API\n // loading=async is a URL parameter (not a script attribute) that tells\n // Google Maps the API is being loaded asynchronously. The `marker` library\n // is included to enable AdvancedMarkerElement support.\n this.scriptElement = this.renderer.createElement('script');\n this.renderer.setAttribute(this.scriptElement, 'src', `${this.googleMapsURL}?key=${this.googleMapsKey}&libraries=places,marker&loading=async`);\n this.renderer.setAttribute(this.scriptElement, 'async', '');\n this.renderer.setAttribute(this.scriptElement, 'defer', '');\n this.renderer.listen(this.scriptElement, 'load', () => {\n this._googleApiLoader$?.next(true);\n this._googleApiLoader$?.complete();\n });\n this.renderer.listen(this.scriptElement, 'error', () => {\n this._googleApiLoader$?.error('Google Maps API script failed to load');\n this._googleApiLoader$?.complete();\n });\n this.renderer.appendChild(document.head, this.scriptElement);\n }\n });\n return this._googleApiLoader$.pipe(\n finalize(() => {\n this._googleApiLoader$.complete();\n this._googleApiLoader$ = null!;\n }),\n );\n }\n\n /**\n * Unloads the Google Maps API by removing associated script tags from the DOM and clearing the global `google` object.\n *\n * @return {Observable} - An observable that emits `true` if the Google Maps API was successfully unloaded,\n * or `false` if the API was not loaded or an error occurred.\n *\n * @example\n * // To unsubscribe from the Google Maps API:\n * this.unloadGoogleMapApis().subscribe((result) => {\n * console.log(result ? 'API unloaded successfully' : 'API unload failure');\n * });\n */\n public unloadGoogleMapApis(): Observable {\n if (this._googleApiLoader$) {\n // If the API is already being loaded, return 'true'\n return of(true);\n }\n return new Observable((observer) => {\n try {\n if (window?.google) {\n Array.from(document.querySelectorAll('script[src*=\"maps.googleapis.com\"]') || []).forEach((scriptTag) => scriptTag.remove());\n delete (window as any).google;\n }\n observer.next(true);\n } catch (exception) {\n observer.error(exception);\n observer.next(false);\n }\n observer.complete();\n });\n }\n\n public buildMapMarker(\n id: string,\n icon: string,\n position: IPosition,\n radius: number = MAP_CIRCLE_RADIUS_KMS,\n customClass: string = '#custom_marker',\n iconWidth: number = 70,\n iconHeight: number = 70,\n omitMarkerCircle: boolean = false,\n anchor: google.maps.Point | { x: number; y: number } | null = null,\n ): IMapMarkerModel {\n const imgEl = document.createElement('img');\n imgEl.src = icon;\n imgEl.width = iconWidth;\n imgEl.height = iconHeight;\n imgEl.style.cursor = 'pointer';\n imgEl.className = customClass.replace('#', '');\n\n return {\n id,\n position,\n radius,\n omitMarkerCircle,\n content: imgEl,\n icon: {\n url: icon + customClass,\n size: new google.maps.Size(iconWidth, iconHeight),\n scaledSize: new google.maps.Size(iconWidth, iconHeight),\n anchor: anchor ? (anchor instanceof google.maps.Point ? anchor : new google.maps.Point(anchor.x, anchor.y)) : undefined,\n },\n };\n }\n\n public getAddressObject(location: google.maps.LatLngLiteral): Observable {\n return new Observable((observer) => {\n const geocoder = new google.maps.Geocoder();\n geocoder.geocode({ location }, (results, status) => {\n if (status === 'OK' && results?.[0]) {\n const addressComponents = results[0]?.address_components;\n let streetNumber: string | undefined;\n let streetName: string | undefined;\n let town: string | undefined;\n let city: string | undefined;\n let state: string | undefined;\n let country: string | undefined;\n if (addressComponents) {\n for (const component of addressComponents) {\n if (component.types.includes('street_number')) {\n streetNumber = component.long_name;\n } else if (component.types.includes('route')) {\n streetName = component.long_name;\n } else if (component.types.includes('sublocality')) {\n town = component.long_name;\n } else if (component.types.includes('locality')) {\n city = component.long_name;\n } else if (component.types.includes('administrative_area_level_1')) {\n state = component.long_name;\n } else if (component.types.includes('country')) {\n country = component.long_name;\n }\n }\n }\n const mapAddressObject: MapAddressType = { objectAdress: { streetName, streetNumber, town, city, state, country }, formattedAddress: results[0]?.formatted_address };\n observer.next(mapAddressObject);\n observer.complete();\n } else if (status === 'OVER_QUERY_LIMIT') {\n observer.error(status);\n } else {\n observer.error(`Geocoding failed: ${status}`);\n }\n });\n });\n }\n\n public getMapAddressString(location: google.maps.LatLngLiteral): Observable {\n // Use map-lib (AWS/TripAdvisor) if enabled\n if (this.useMapLib && this.mapLibService.getProvider() !== null) {\n const position: IPosition = { lat: location.lat, lng: location.lng };\n return this.mapLibService.getAddressFromCoordinates(position);\n }\n\n // Fallback to Google Maps\n return this.getAddressObject(location).pipe(\n map(({ objectAdress: { streetNumber, streetName, town, city, state, country }, formattedAddress }: MapAddressType) => {\n const address: string = [streetNumber, streetName, town, city, state, country].filter((entity) => !!entity).join(', ');\n return address.match(/[a-zA-Z0-9]+/g) ? address : formattedAddress!;\n }),\n );\n }\n\n public getBatchAddresses(locations: google.maps.LatLngLiteral[]): Observable {\n const geocoder = new google.maps.Geocoder();\n\n return from(locations).pipe(\n concatMap((location) =>\n new Observable((observer) => {\n geocoder.geocode({ location }, (results, status) => {\n if (status === 'OK' && results?.[0]) {\n const addressComponents = results[0]?.address_components;\n const address = ['street_number', 'route', 'locality', 'administrative_area_level_1', 'country']\n .map((type) => addressComponents?.find((component) => component.types.includes(type))?.long_name)\n .filter((entity) => !!entity)\n .join(', ');\n observer.next(address.match(/[a-zA-Z0-9]+/g) ? address : results[0]?.formatted_address!); // Fix: Non-null assertion\n observer.complete();\n } else if (status === 'OVER_QUERY_LIMIT') {\n observer.error(status);\n } else {\n observer.error(`Geocoding failed for location: ${location}, status: ${status}`);\n }\n });\n }).pipe(catchError((error) => of(error))),\n ),\n toArray(),\n );\n }\n\n public getCoordinatesFromAddress(address: string): Observable<{ lat: number; lng: number }> {\n // Use map-lib (AWS/TripAdvisor) if enabled\n if (this.useMapLib && this.mapLibService.getProvider() !== null) {\n return this.mapLibService.getCoordinatesFromAddress(address);\n }\n\n // Fallback to Google Maps\n const geocoder = new google.maps.Geocoder();\n\n return new Observable((observer) => {\n geocoder.geocode({ address }, (response, status) => {\n if (status === 'OK' && response?.[0]) {\n const coordinates = response[0].geometry.location;\n observer.next({ lat: coordinates.lat(), lng: coordinates.lng() });\n observer.complete();\n } else if (status === 'OVER_QUERY_LIMIT') {\n observer.error(status);\n } else {\n observer.next({ lat: 0, lng: 0 });\n observer.complete();\n }\n });\n });\n }\n\n public findNearbyPlaces(query: IPlaceQuery): Observable {\n // Use map-lib (AWS/TripAdvisor) if enabled\n if (this.useMapLib && this.mapLibService.getProvider() !== null) {\n return this.mapLibService.findNearbyPlaces(query).pipe(\n map((places) => {\n // Ensure URL is set for places\n places.forEach((place) => {\n if (!place.url && place.place_id) {\n place.url = place.place_id.startsWith('tripadvisor_')\n ? `https://www.tripadvisor.com/IPlace/${place.place_id}`\n : `${this.googleMapsURL}&query=IPlace&query_place_id=${place.place_id}`;\n }\n });\n return places;\n }),\n catchError(() => of([])),\n );\n }\n\n // Fallback to Google Maps\n return new Observable((observer: Observer) => {\n const location = new google.maps.LatLng(query.location.lat, query.location.lng);\n // TODO: Remove as google.maps.places.TextSearchRequest after upgrading to Angular 18 because the current version's interface doesn't include types definition\n const request: google.maps.places.TextSearchRequest = { location: location, radius: query.radius, types: query.types } as google.maps.places.TextSearchRequest;\n const mapObject = new google.maps.Map(document.createElement('div'));\n const service = new google.maps.places.PlacesService(mapObject);\n\n // Text seach is better as it allows to search by multiple types\n service.textSearch(request, (results, status) => {\n if (status === google.maps.places.PlacesServiceStatus.OK) {\n const places = results as IPlace[];\n places.forEach((place) => {\n place.url = `${this.googleMapsURL}&query=Google&query_place_id=${place.place_id}`;\n });\n observer.next(places);\n observer.complete();\n } else {\n observer.error(status);\n }\n });\n });\n }\n\n /**\n * Builds a map marker by the provided index.\n *\n * @param {number} index - The index of the marker.\n * @param {PositionModel} position - The position of the marker.\n * @param {number} radius - The radius of the marker.\n * @return {IMapMarkerModel} - The built map marker.\n */\n private buildMapMarkerByIndex(index: number, position: IPosition, radius: number): IMapMarkerModel {\n return this.buildMapMarker(index.toString(), '/assets/images/maps-count/' + index + '.png', position, radius, '#custom_pin_maps');\n }\n\n /**\n * Updates the locations and markers by emitting the provided payload.\n *\n * @param {{ locations: string[], markers: IMapMarkerModel[] }} payload - The updated locations and markers.\n */\n public updateLocations(payload: IMapData): void {\n this._updateLocations$.next(payload);\n }\n\n /**\n * Moves a location and its corresponding marker from one index to another.\n *\n * @param {number} fromIndex - The current index of the location.\n * @param {number} toIndex - The target index to move the location to.\n * @param {string[]} locations - The array of locations.\n * @param {IMapMarkerModel[]} markers - The array of map markers.\n */\n public moveLocation(fromIndex: number, toIndex: number, locations: string[], markers: IMapMarkerModel[]): void {\n // Check if the locations and markers arrays are of the same length, and if the fromIndex and toIndex are valid.\n if (\n !locations ||\n !markers ||\n locations.length !== markers.length ||\n fromIndex === toIndex ||\n fromIndex < 0 ||\n fromIndex >= locations.length ||\n toIndex < 0 ||\n toIndex >= locations.length\n ) {\n return;\n }\n\n // Store the location and map marker to be moved using destructuring assignment.\n const [movedItemLocation, movedItemMapMarker] = [locations[fromIndex], markers[fromIndex]];\n\n // Create a new locations array excluding the item at fromIndex.\n const updatedLocationsArray = locations.filter((_, index) => index !== fromIndex);\n\n // Create a new markers array excluding the item at fromIndex.\n const updatedMapMarkersArray = markers.filter((_, index) => index !== fromIndex);\n\n // Rebuild the locations array by inserting the moved location into the new position (toIndex).\n locations = [\n ...updatedLocationsArray.slice(0, toIndex), // Add all locations before the toIndex.\n movedItemLocation, // Insert the moved location.\n ...updatedLocationsArray.slice(toIndex), // Add all locations after the toIndex.\n ];\n\n // Rebuild the markers array by inserting the moved marker into the new position and rebuilding each marker.\n markers = [\n ...updatedMapMarkersArray.slice(0, toIndex), // Add all markers before the toIndex.\n movedItemMapMarker, // Insert the moved marker.\n ...updatedMapMarkersArray.slice(toIndex), // Add all markers after the toIndex.\n ].map(({ position, radius }, index) => {\n // Rebuild each marker by passing its position and radius to buildMapMarkerByIndex.\n return this.buildMapMarkerByIndex(index + 1, position, radius);\n });\n\n // Update the locations and markers by calling a method that applies these new values.\n this.updateLocations({ locations, markers });\n }\n\n /**\n * Removes a location and its corresponding marker by index.\n *\n * @param {number} index - The index of the location to be removed.\n * @param {string[]} locations - The array of locations.\n * @param {IMapMarkerModel[]} markers - The array of map markers.\n */\n public removeLocation(index: number, locations: string[], markers: IMapMarkerModel[]): void {\n if (locations.length !== markers.length || index < 0 || index >= locations.length) {\n return;\n }\n\n locations = locations.filter((_, _index) => index !== _index);\n markers = markers\n .filter((_, _index) => index !== _index)\n .map((marker, _index) => {\n return this.buildMapMarkerByIndex(_index + 1, marker.position, marker.radius);\n });\n this.updateLocations({ locations, markers });\n }\n\n /**\n * Adds a new location to the existing set of locations.\n *\n * @param {Location} newLocation - The new location to add.\n * @param {string[]} locations - The array of locations.\n * @param {IMapMarkerModel[]} markers - The array of map markers.\n * @return {void}\n */\n public addLocation({ address, position }: { address: string; position: google.maps.LatLngLiteral }, locations: string[], markers: IMapMarkerModel[]): void {\n locations.push(address);\n const marker = this.buildMapMarkerByIndex(markers.length + 1, position, MAP_CIRCLE_RADIUS_KMS);\n markers.push(marker);\n this.updateLocations({ locations, markers });\n }\n\n /**\n * Edits an existing location by updating its address and position.\n *\n * @param {Object} updatedLocation - The location to edit.\n * @param {number} updatedLocation.index - The index of the location to edit.\n * @param {string} updatedLocation.address - The new address.\n * @param {google.maps.LatLngLiteral} updatedLocation.position - The new position.\n * @param {string[]} locations - The array of locations.\n * @param {IMapMarkerModel[]} markers - The array of map markers.\n * @return {void}\n */\n public editLocation(\n { index, address, position }: { index: number; address: string; position: google.maps.LatLngLiteral },\n locations: string[],\n markers: IMapMarkerModel[],\n ): void {\n locations[index] = address;\n markers[index] = this.buildMapMarkerByIndex(index + 1, position, MAP_CIRCLE_RADIUS_KMS);\n this.updateLocations({ locations, markers });\n }\n}\n","import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n SimpleChanges,\n ViewChild,\n} from '@angular/core';\nimport { GoogleMap, MapCircle } from '@angular/google-maps';\nimport { Subject, debounceTime, takeUntil } from 'rxjs';\n\nimport { Observable } from 'rxjs';\nimport { IPosition } from '../../interfaces/position.interface';\nimport { IMapMarkerModel } from '../../model/map.marker';\nimport { IMapsAlertModel } from '../../model/maps-alert';\nimport { ToastrSeverity } from '../toastr-stack/enums/toastr-severity.enum';\nimport { MapActionTypes } from './enums/map-action-types.enum';\nimport { IMapActionEvent } from './interfaces/map-action-event.interface';\nimport { IMapCircleItem } from './interfaces/map-circle-item.interface';\nimport { CIRCLE_OPTIONS, DEFAULT_MAP_OPTIONS, DEFAULT_POSITION, MAP_CIRCLE_RADIUS_KMS, MAP_ZOOM_POSITION, MARKER_OPTIONS, MARKER_OPTIONS_ENABLE_DRAG } from './map.config';\nimport { MapService } from './map.service';\n\n@Component({\n selector: 'lib-map',\n templateUrl: './map.component.html',\n styleUrls: ['./map.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class LibMapsComponent implements AfterViewInit, OnChanges, OnDestroy, OnInit {\n @Input() disableNotification: boolean = false;\n @Input() markers: IMapMarkerModel[] = [];\n @Input() initialLocation: IPosition = DEFAULT_POSITION;\n /** Optional override from host apps (template uses `initialLocation` / `mapOptions` for the map widget). */\n @Input() center: google.maps.LatLngLiteral | google.maps.LatLng | undefined;\n @Input() options: google.maps.MapOptions | undefined;\n @Input() mapType: google.maps.MapTypeId | undefined;\n @Input() enableDrag: boolean = false;\n @Input() locations: string[] = [];\n @Input() searchMapsString: string = '';\n @Input() mapOptions: google.maps.MapOptions = DEFAULT_MAP_OPTIONS;\n /** Google Cloud map style id; bound to ``. */\n @Input() mapId?: string;\n // config for map-direction renderer options\n @Input() directions$!: Observable;\n @Input() directionRenderOptions: google.maps.DirectionsRendererOptions = { polylineOptions: { strokeColor: 'green' } };\n\n @Output() mapActionEvent: EventEmitter = new EventEmitter();\n\n public markerOptions: google.maps.MarkerOptions = MARKER_OPTIONS;\n public circleOptions: google.maps.CircleOptions = CIRCLE_OPTIONS;\n public apiLoaded: boolean = false;\n public editLocationIndex: number | null = null;\n public deleteLocationIndex: number | null = null;\n public locationTrack: IPosition = DEFAULT_POSITION;\n @ViewChild(GoogleMap, { static: false }) map!: GoogleMap;\n @Input() public zoom: number = DEFAULT_MAP_OPTIONS.zoom!;\n public editOptionClicked: boolean = false;\n\n private centerPosition: google.maps.LatLngLiteral = DEFAULT_POSITION;\n private validatedPosition: google.maps.LatLngLiteral = DEFAULT_POSITION;\n private mapCircleItem$!: Subject;\n private componentDestroyed$!: Subject;\n private centerChanged$!: Subject;\n\n constructor(\n private mapService: MapService,\n private cdr: ChangeDetectorRef,\n ) {}\n\n ngOnInit(): void {\n this.componentDestroyed$ = new Subject();\n this.mapCircleItem$ = new Subject();\n this.centerChanged$ = new Subject();\n this.centerChanged$.pipe(takeUntil(this.componentDestroyed$), debounceTime(100)).subscribe((mapCenterChanged: google.maps.LatLngLiteral) => {\n this.mapActionEvent.emit({ type: MapActionTypes.MapCenterChanged, mapCenterChanged });\n });\n\n // The following shall be invoked when host application changes the locations or markers of map component\n // From host application these values shall be updated\n this.mapService.onUpdateLocations.pipe(takeUntil(this.componentDestroyed$)).subscribe(({ locations, markers }) => {\n this.locations = locations;\n this.markers = markers;\n this.cdr.detectChanges();\n });\n }\n\n public onPlaceChange(place: google.maps.places.PlaceResult): void {\n if (place.geometry?.location) {\n const position = {\n lat: place.geometry.location.lat(),\n lng: place.geometry.location.lng(),\n };\n this.initialLocation = position.lat && position.lng ? position : DEFAULT_POSITION;\n this.centerPosition = position.lat && position.lng ? position : DEFAULT_POSITION;\n this.capturePositionChanges(position);\n this.initializeMapConfig();\n this.cdr.detectChanges();\n }\n }\n\n ngAfterViewInit(): void {\n this.loadMap();\n this.mapCircleItem$.pipe(takeUntil(this.componentDestroyed$), debounceTime(20)).subscribe((results) => {\n this.markerDragEndCircle(results.index, results.circle);\n });\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['enableDrag']) {\n this.markerOptions = this.enableDrag ? MARKER_OPTIONS_ENABLE_DRAG : MARKER_OPTIONS;\n }\n }\n\n ngOnDestroy(): void {\n this.componentDestroyed$.next();\n this.componentDestroyed$.complete();\n }\n\n /**\n * load & initialize the map\n *\n * @private\n */\n private loadMap(): void {\n if (!this.apiLoaded) {\n this.mapService.loadGoogleApis().subscribe({\n next: (loaded) => {\n if (loaded) {\n this.initializeMapConfig();\n this.apiLoaded = true;\n this.cdr.detectChanges();\n this.mapActionEvent.emit({ type: MapActionTypes.MapLoaded, mapLoaded: this.apiLoaded });\n }\n },\n error: () => {\n const mapsAlertsEvent: IMapsAlertModel = {\n title: 'MAP.LOADING_ERROR_TITLE',\n message: 'MAP.LOADING_ERROR',\n severity: ToastrSeverity.WARNING,\n };\n this.mapActionEvent.emit({ type: MapActionTypes.MapsAlertsEvent, mapsAlertsEvent });\n },\n });\n } else {\n this.initializeMapConfig();\n this.mapActionEvent.emit({ type: MapActionTypes.MapLoaded, mapLoaded: this.apiLoaded });\n }\n }\n\n public zoomChanged(maps: GoogleMap): void {\n const zoomLevel = this.map.getZoom();\n const zoomOffset = zoomLevel != null && zoomLevel in MAP_ZOOM_POSITION ? MAP_ZOOM_POSITION[zoomLevel as keyof typeof MAP_ZOOM_POSITION] : 0;\n const lat = this.checkLatPositionBoundary(maps.getCenter()!.lat() + zoomOffset);\n this.zoom = null!;\n const lng = maps.getCenter()!.lng();\n this.centerPosition = {\n lat: lat ? lat : DEFAULT_POSITION.lat,\n lng: lng ? lng : DEFAULT_POSITION.lng,\n };\n }\n\n public checkLatPositionBoundary(latPosition: number): number {\n if (latPosition > 90) return 90;\n if (latPosition < -90) return -90;\n return latPosition;\n }\n\n /**\n * configure the map\n *\n * @private\n */\n private initializeMapConfig(): void {\n this.mapOptions.center = this.initialLocation;\n if (this.enableDrag) this.markerOptions = MARKER_OPTIONS_ENABLE_DRAG;\n this.centerPosition = this.initialLocation;\n this.locationTrack = this.initialLocation;\n this.markerOptions.animation = typeof google !== 'undefined' && google.maps?.Animation ? google.maps.Animation.DROP : null;\n }\n\n private handleGoogleMapsApiError(error: string) {\n const title = error === 'OVER_QUERY_LIMIT' ? 'MAP.OVER_QUERY_LIMIT' : 'MAP.LOADING_ERROR_TITLE';\n const message = error === 'OVER_QUERY_LIMIT' ? 'MAP.OVER_QUERY_LIMIT_MESSAGE' : 'MAP.LOADING_ERROR';\n\n const mapsAlertsEvent: IMapsAlertModel = {\n title: title,\n message: message,\n severity: ToastrSeverity.WARNING,\n };\n\n this.mapActionEvent.emit({ type: MapActionTypes.MapsAlertsEvent, mapsAlertsEvent });\n }\n\n public centerChanged(maps: GoogleMap): void {\n this.zoom = null!; // Fix: Non-null assertion for null assignment\n if (this.searchMapsString?.length > 0) {\n this.centerPosition = this.validatedPosition;\n } else {\n const lat = maps.getCenter()!.lat(); // Fix: Non-null assertion\n const lng = maps.getCenter()!.lng(); // Fix: Non-null assertion\n this.centerPosition = {\n lat: lat ? lat : DEFAULT_POSITION.lat,\n lng: lng ? lng : DEFAULT_POSITION.lng,\n };\n }\n\n const mapCenter = maps.getCenter();\n if (mapCenter) {\n const mapCenterChanged: google.maps.LatLngLiteral = { lat: mapCenter.lat(), lng: mapCenter.lng() };\n this.centerChanged$.next(mapCenterChanged);\n }\n }\n\n public adjustLatitude(lat: number, constant: number, addLat = true): number {\n const adjustmentFactor = Math.cos((lat * Math.PI) / 180);\n const adjustedDeltaLat = constant * adjustmentFactor;\n let newLat: number;\n if (addLat) newLat = lat + adjustedDeltaLat;\n else newLat = lat - adjustedDeltaLat;\n return newLat;\n }\n\n public radiusChanged(circle: MapCircle, index: number): void {\n this.markers[index].radius = circle.getRadius()!; // Fix: Non-null assertion\n if (circle && circle.getRadius()! > MAP_CIRCLE_RADIUS_KMS) {\n circle.radius = MAP_CIRCLE_RADIUS_KMS;\n this.markers[index].radius = MAP_CIRCLE_RADIUS_KMS;\n }\n if (circle && circle.getRadius()! < 20000) {\n circle.radius = 20000;\n this.markers[index].radius = 20000;\n }\n // Lock the circle center to the marker pin position so radius-handle drags\n // (which fire center_changed on the MapCircle) never relocate the circle center.\n circle.center = this.markers[index].position;\n // Emit updated markers so the host component stays in sync with current radii.\n this.mapService.updateLocations({ locations: this.locations, markers: this.markers });\n this.cdr.detectChanges();\n }\n\n public markerDragEnd(index: number, $event: google.maps.MapMouseEvent): void {\n if (this.enableDrag) {\n const coords = {\n lat: $event.latLng!.lat(), // Fix: Non-null assertion\n lng: $event.latLng!.lng(), // Fix: Non-null assertion\n };\n if (this.checkLocationNotExists(coords, index)) {\n this.markerOptions.animation = null;\n this.markers[index] = this.mapService.buildMapMarker(\n (index + 1).toString(),\n '/assets/images/maps-count/' + (index + 1) + '.png',\n this.markers[index].position,\n this.markers[index].radius,\n '#custom_pin_maps',\n );\n this.cdr.detectChanges();\n this.markerOptions.animation = typeof google !== 'undefined' && google.maps?.Animation ? google.maps.Animation.DROP : null;\n return;\n }\n this.resetEditMarker();\n this.editLocationIndex = null;\n this.deleteLocationIndex = null;\n this.markers[index].position = coords;\n this.mapActionEvent.emit({ type: MapActionTypes.SetEditLocationIndex, setEditLocationIndex: undefined }); // Fix: Use undefined instead of null\n this.mapActionEvent.emit({ type: MapActionTypes.SetDeleteLocationIndex, setDeleteLocationIndex: undefined }); // Fix: Use undefined instead of null\n this.mapActionEvent.emit({ type: MapActionTypes.SetMapsSearch, setMapsSearch: '' });\n this.mapService.getMapAddressString(this.markers[index].position).subscribe((address) => {\n this.locations[index] = address;\n this.mapActionEvent.emit({ type: MapActionTypes.UpdatedLocations, updatedLocations: this.locations });\n this.cdr.detectChanges();\n });\n }\n }\n\n public debounceCenterchanged(index: number, circle: MapCircle): void {\n this.mapCircleItem$.next({\n index,\n circle,\n });\n }\n\n public markerDragEndCircle(index: number, circle: MapCircle): void {\n const coords: google.maps.LatLngLiteral = {\n lat: circle.getCenter()!.lat(), // Fix: Non-null assertion\n lng: circle.getCenter()!.lng(), // Fix: Non-null assertion\n };\n if (this.enableDrag && (coords.lat !== this.markers[index].position.lat || coords.lng !== this.markers[index].position.lng)) {\n if (this.checkLocationNotExists(coords, index)) {\n circle.center = this.markers[index].position;\n this.cdr.detectChanges();\n return;\n }\n this.markers[index].position = coords;\n this.resetEditMarker();\n this.editLocationIndex = null;\n this.deleteLocationIndex = null;\n this.mapActionEvent.emit({ type: MapActionTypes.SetEditLocationIndex, setEditLocationIndex: undefined }); // Fix: Use undefined instead of null\n this.mapActionEvent.emit({ type: MapActionTypes.SetDeleteLocationIndex, setDeleteLocationIndex: undefined }); // Fix: Use undefined instead of null\n this.mapActionEvent.emit({ type: MapActionTypes.SetMapsSearch, setMapsSearch: '' });\n this.cdr.detectChanges();\n this.mapService\n .getMapAddressString(this.markers[index].position)\n .pipe(takeUntil(this.componentDestroyed$))\n .subscribe((address) => {\n this.locations[index] = address;\n this.mapActionEvent.emit({ type: MapActionTypes.UpdatedLocations, updatedLocations: this.locations });\n this.cdr.detectChanges();\n });\n }\n }\n\n public checkLocationNotExists(obj: google.maps.LatLngLiteral, ignoreIndex: number = -1): boolean {\n const found = this.markers.some((el, index) => {\n const latObj = Math.trunc(obj.lat * 100);\n const lngObj = Math.trunc(obj.lng * 100);\n const latEl = Math.trunc(el.position.lat * 100);\n const lngEl = Math.trunc(el.position.lng * 100);\n const diffLat = Math.abs(latObj - latEl);\n const diffLng = Math.abs(lngObj - lngEl);\n return diffLat < 15 && diffLng < 15 && ignoreIndex !== index;\n });\n if (found) {\n const mapAlert = {\n title: 'MAP.LOCATION_ALREADY_ADDED_TITLE',\n message: 'MAP.LOCATION_ALREADY_ADDED',\n severity: ToastrSeverity.WARNING,\n };\n this.mapActionEvent.emit({ type: MapActionTypes.MapsAlertsEvent, mapsAlertsEvent: mapAlert });\n return true;\n }\n return false;\n }\n\n public drop(event: CdkDragDrop): void {\n moveItemInArray(this.markers, event.previousIndex, event.currentIndex);\n this.markers = this.markers.map((x, i) =>\n this.mapService.buildMapMarker((i + 1).toString(), '/assets/images/maps-count/' + (i + 1) + '.png', x.position, x.radius, '#custom_pin_maps'),\n );\n moveItemInArray(this.locations, event.previousIndex, event.currentIndex);\n this.mapActionEvent.emit({ type: MapActionTypes.UpdatedLocations, updatedLocations: this.locations });\n }\n\n public resetEditMarker(): void {\n if (this.editLocationIndex !== null) {\n this.markers[this.editLocationIndex] = this.mapService.buildMapMarker(\n (this.editLocationIndex + 1).toString(),\n '/assets/images/maps-count/' + (this.editLocationIndex + 1) + '.png',\n this.markers[this.editLocationIndex].position,\n this.markers[this.editLocationIndex].radius,\n '#custom_pin_maps',\n );\n }\n }\n\n public capturePositionChanges(position?: IPosition): void {\n this.editOptionClicked = false;\n const address: string = this.searchMapsString;\n if (position?.lat && position?.lng) {\n this.validatedPosition = position;\n return;\n }\n if (!address) {\n this.validatedPosition = { lat: 0, lng: 0 };\n return;\n }\n this.mapService\n .getCoordinatesFromAddress(address)\n .pipe(takeUntil(this.componentDestroyed$))\n .subscribe({\n next: (coordinates) => {\n this.validatedPosition = coordinates;\n },\n error: (error) => this.handleGoogleMapsApiError(error),\n });\n }\n\n public navigateToItem(index: number): void {\n this.zoom = DEFAULT_MAP_OPTIONS.zoom!; // Fix: Non-null assertion\n this.centerPosition = this.markers[index].position;\n this.mapOptions.center = this.markers[index].position;\n this.locationTrack = this.markers[index].position;\n this.cdr.detectChanges();\n }\n\n public onMapClick(mapClick: google.maps.MapMouseEvent): void {\n this.mapActionEvent.emit({ type: MapActionTypes.MapClick, mapClick });\n }\n\n public onMarkerClick(markerClick: IMapMarkerModel): void {\n this.mapActionEvent.emit({ type: MapActionTypes.MarkerClick, markerClick });\n }\n\n public centerMap(position?: google.maps.LatLngLiteral) {\n const center = position || this.initialLocation || this.mapOptions.center;\n this.map.googleMap?.setCenter(center);\n }\n}\n","\n \n \n \n \n \n \n \n\n","import { DragDropModule } from '@angular/cdk/drag-drop';\nimport { CommonModule } from '@angular/common';\nimport { ModuleWithProviders, NgModule } from '@angular/core';\nimport { GoogleMapsModule, MapAdvancedMarker } from '@angular/google-maps';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ILibMapModuleConfig } from './interfaces/lib-map-module-config.interface';\nimport { MapLibService } from './map-lib.service';\nimport { LibMapsComponent } from './map.component';\nimport { MapService } from './map.service';\n\nexport { ILibMapModuleConfig } from './interfaces/lib-map-module-config.interface';\n\n@NgModule({\n declarations: [LibMapsComponent],\n imports: [CommonModule, GoogleMapsModule, MapAdvancedMarker, TranslateModule, DragDropModule],\n exports: [LibMapsComponent],\n})\nexport class LibMapModule {\n static forRoot(config: ILibMapModuleConfig): ModuleWithProviders {\n return {\n ngModule: LibMapModule,\n providers: [\n {\n provide: MapService,\n useFactory: (mapLibService: MapLibService) => {\n const mapService = new MapService();\n\n // Configure map-lib if provided (AWS/TripAdvisor)\n if (config.mapLibConfig) {\n mapLibService.initialize(config.mapLibConfig);\n mapService.enableMapLib();\n }\n\n // Fallback to Google Maps if keys are provided\n if (config.googleMapsKey && config.googleMapsURL) {\n mapService.setGoogleMapsKey(config.googleMapsKey);\n mapService.setGoogleMapsURL(config.googleMapsURL);\n }\n\n if (config.googleMapsMapId) {\n mapService.setGoogleMapsMapId(config.googleMapsMapId);\n }\n\n return mapService;\n },\n deps: [MapLibService],\n },\n ],\n };\n }\n}\n","export enum ImageFormats {\n JPG = 'jpg',\n JPEG = 'jpeg',\n PNG = 'png',\n GIF = 'gif',\n BMP = 'bmp',\n WEBP = 'webp',\n}\n","export const DATA_PATH_EXTRACTOR_REGEX = /data:([a-zA-Z0-9]+\\/[a-zA-Z0-9]+);/;\n","import { ImageModel } from '../../model/image-model';\n\nexport interface IModalViewState {\n selectedImageIndex: number;\n validating: boolean;\n cropperLoaded: boolean;\n enableFaceCheck: boolean;\n enableNsfwCheck: boolean;\n faceChecker: unknown | null;\n nsfwChecker: unknown | null;\n maxNumOfImages: number;\n}\n\nexport function isFooterValid(image: ImageModel | undefined, validating: boolean): boolean {\n if (!image) return false;\n return !!image.isSafeForWork && !!image.constainsFace && !validating;\n}\n\nexport function isCloseIlluminated(image: ImageModel | undefined): boolean {\n if (!image) return false;\n return (!!image.invalid && !image.deactivated) ?? false;\n}\n\nexport function isNextDisabled(image: ImageModel | undefined, state: Pick): boolean {\n if (!image) return true;\n if (state.validating || !state.cropperLoaded) return true;\n return (!!image.invalid && !image.deactivated) ?? false;\n}\n\nexport function isControlsDisabled(state: Pick): boolean {\n return state.validating || !state.cropperLoaded;\n}\n\nexport function shouldShowSpinner(state: Pick): boolean {\n return state.validating || !state.cropperLoaded;\n}\n\nexport function shouldShowValidationErrors(image: ImageModel | undefined, state: Pick): boolean {\n if (!image) return false;\n return !state.validating && state.cropperLoaded;\n}\n\nexport function shouldShowFaceError(image: ImageModel | undefined, state: Pick): boolean {\n if (!image) return false;\n return !image.constainsFace && state.enableFaceCheck && !!state.faceChecker;\n}\n\nexport function shouldShowNsfwError(image: ImageModel | undefined, state: Pick): boolean {\n if (!image) return false;\n return !image.isSafeForWork && state.enableNsfwCheck && !!state.nsfwChecker;\n}\n\nexport function showMaxImageWarning(totalImages: number, maxImages: number): boolean {\n return totalImages > maxImages;\n}\n\nexport function getNavIcon(selectedIndex: number, totalImages: number): string {\n return selectedIndex === totalImages - 1 ? 'checkmark' : 'navigate_next';\n}\n\nexport function isImageSelected(index: number, selectedIndex: number): boolean {\n return index === selectedIndex;\n}\n\nexport function isImageDisabledVisual(image: ImageModel | undefined): boolean {\n if (!image) return false;\n return !!image.isDark;\n}\n\nexport function isImageDeactivated(image: ImageModel | undefined): boolean {\n return image?.deactivated ?? false;\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'lib-image-tmplt',\n templateUrl: './image-tmplt.component.html',\n styleUrls: ['./image-tmplt.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class ImageTmpltComponent {\n @Input() disabled: boolean = false;\n @Input() src: string = '';\n}\n","\"\"\n\n \n image\n \n\n\n \n \n\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Inject, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { NgxImageCompressService } from 'ngx-image-compress';\nimport { CropperPosition, ImageCroppedEvent } from 'ngx-image-cropper';\nimport { Observable, forkJoin } from 'rxjs';\nimport { ICroppedImageModel, ImageCropperModel } from '../../model/image-cropper.models';\nimport { ImageModel } from '../../model/image-model';\nimport { MODAL_DATA } from '../modal/popup-injection-tokens';\nimport { PopupModalService } from '../modal/popup-modal/popup-modal.service';\nimport {\n isFooterValid,\n isCloseIlluminated,\n isNextDisabled,\n isControlsDisabled,\n shouldShowSpinner,\n shouldShowValidationErrors,\n shouldShowFaceError,\n shouldShowNsfwError,\n showMaxImageWarning,\n getNavIcon,\n isImageSelected,\n isImageDisabledVisual,\n isImageDeactivated,\n} from './image-upload-modal.utils';\n\n// Enumerates a list of actions that can cause the cropped Event to fire\n// 1. firstVisit: First time the image is seen and validated\n// 2. revisite: When the user goes back to an image\n// 3. posRetention: Going back to the image retains its previous cropped position which will inn turn cause imageCropped to fire\nenum ImageUploadActions {\n firstVisit,\n revisit,\n posRetention,\n}\n@Component({\n selector: 'lib-image-upload-modal',\n templateUrl: './image-upload-modal.component.html',\n styleUrls: ['./image-upload-modal.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class ImageUploadModalComponent implements OnInit {\n @Input() enableFaceCheck: boolean = false;\n @Input() enableNsfwCheck: boolean = false;\n @Output() cropped: EventEmitter = new EventEmitter();\n @Output() faceChecked: EventEmitter = new EventEmitter();\n @Output() sizeChecked: EventEmitter = new EventEmitter();\n\n public selectedImageIndex = 0;\n public currImageIndex = 0;\n public selectedImageBase64: string = '';\n public croppedImages: ICroppedImageModel[] = [];\n public aspectRatio: number = 1;\n public allImagesCropped: boolean = false;\n public allImagesValid: boolean = false;\n public showCropper: boolean = false;\n public cropperLoaded: boolean = false;\n public fullImageData: ImageModel[] = [];\n\n public imageAttributeMap: boolean[] = [];\n public faceCheckMap: boolean[] = [];\n public nsfwCheckMap: boolean[] = [];\n\n public faceChecker: ((image: string) => Observable) | null = null;\n public nsfwChecker: ((image: string) => Observable) | null = null;\n public maxNumOfImages: number = 6;\n\n public title: string = 'Crop Images';\n public currentCroppedCoords: CropperPosition = { x1: 0, y1: 0, x2: 0, y2: 0 };\n public selectedCropCoords: CropperPosition | undefined;\n\n public validating: boolean = false;\n public action: ImageUploadActions = ImageUploadActions.firstVisit;\n\n private readonly twoMB: number = 2097152;\n private imageCropperdata: ImageCropperModel;\n\n get currentImage(): ImageModel | undefined {\n return this.fullImageData[this.selectedImageIndex];\n }\n\n private get viewState() {\n return {\n selectedImageIndex: this.selectedImageIndex,\n validating: this.validating,\n cropperLoaded: this.cropperLoaded,\n enableFaceCheck: this.enableFaceCheck,\n enableNsfwCheck: this.enableNsfwCheck,\n faceChecker: this.faceChecker,\n nsfwChecker: this.nsfwChecker,\n maxNumOfImages: this.maxNumOfImages,\n };\n }\n\n get footerValid(): boolean {\n return isFooterValid(this.currentImage, this.validating);\n }\n\n get closeIlluminated(): boolean {\n return isCloseIlluminated(this.currentImage);\n }\n\n get nextBtnDisabled(): boolean {\n return isNextDisabled(this.currentImage, this.viewState);\n }\n\n get controlsDisabled(): boolean {\n return isControlsDisabled(this.viewState);\n }\n\n get showSpinner(): boolean {\n return shouldShowSpinner(this.viewState);\n }\n\n get showValidationErrors(): boolean {\n return shouldShowValidationErrors(this.currentImage, this.viewState);\n }\n\n get showFaceError(): boolean {\n return shouldShowFaceError(this.currentImage, this.viewState);\n }\n\n get showNsfwError(): boolean {\n return shouldShowNsfwError(this.currentImage, this.viewState);\n }\n\n get showMaxWarning(): boolean {\n return showMaxImageWarning(this.fullImageData.length, this.maxNumOfImages);\n }\n\n get navIcon(): string {\n return getNavIcon(this.selectedImageIndex, this.fullImageData.length);\n }\n\n isSelected(index: number): boolean {\n return isImageSelected(index, this.selectedImageIndex);\n }\n\n isDisabledVisual(index: number): boolean {\n return isImageDisabledVisual(this.fullImageData[index]);\n }\n\n isDeactivated(index: number): boolean {\n return isImageDeactivated(this.fullImageData[index]);\n }\n\n // Theming input\n public imageDeactivationToggleIcon: string = 'assets/icons/close.svg';\n\n constructor(\n @Inject(MODAL_DATA) data: ImageCropperModel,\n private popupModalService: PopupModalService,\n private imageCompress: NgxImageCompressService,\n private cdr: ChangeDetectorRef,\n ) {\n this.imageCropperdata = data;\n }\n\n ngOnInit(): void {\n if (this.imageCropperdata.faceChecker) this.faceChecker = this.imageCropperdata.faceChecker;\n if (this.imageCropperdata.nsfwChecker) this.nsfwChecker = this.imageCropperdata.nsfwChecker;\n this.intImagesCropper(this.imageCropperdata);\n }\n\n public onClose(): void {\n this.popupModalService.hide([]);\n }\n\n /**\n * handle image cropped event\n * @param event\n */\n public imageCropped(event: ImageCroppedEvent): void {\n if (this.action === ImageUploadActions.revisit) {\n this.action = ImageUploadActions.firstVisit;\n return;\n }\n\n if (this.action === ImageUploadActions.posRetention) {\n this.action = ImageUploadActions.firstVisit;\n }\n\n if (event.base64) {\n this.croppedImages[this.selectedImageIndex].image = event.base64;\n }\n this.fullImageData[this.selectedImageIndex].croppedCoordinates = { ...event.cropperPosition };\n\n this.validating = true;\n this.doNsfwAndFaceCheck();\n }\n\n // Check with two functions injected into this component through its data injection to check for the presence of a face in the picture or if NSFW\n // nsfw validator, validates for nsfw\n // face validator checks for the presence of a face\n private doNsfwAndFaceCheck(): void {\n // validations\n this.fullImageData[this.selectedImageIndex].moreThan2mb = this.imageSizeValidation();\n this.fullImageData[this.selectedImageIndex].dupName = this.imageNameValidation() || undefined;\n\n const observables: Observable[] = [];\n\n // Face check is enabled and there's a faceChecker function passed to modal\n if (this.enableFaceCheck && this.faceChecker) {\n const faceValidationResult = this.faceValidation();\n if (faceValidationResult) {\n observables.push(faceValidationResult);\n }\n }\n\n // nsfw check is enabled and there's a faceChecker function passed to modal\n if (this.enableNsfwCheck && this.nsfwChecker) {\n const nsfwValidationResult = this.nsfwValidation();\n if (nsfwValidationResult) {\n observables.push(nsfwValidationResult);\n }\n }\n\n let invalid = false;\n // There's at least one of nsfw or faceCheck and all the validation process did not throw and error\n if (observables.length > 0) {\n forkJoin(observables).subscribe(\n (results) => {\n // check if there was nsfw check and pop out the last result\n if (this.enableNsfwCheck && this.nsfwChecker) this.fullImageData[this.selectedImageIndex].isSafeForWork = results.pop() || false;\n invalid = !this.fullImageData[this.selectedImageIndex].isSafeForWork;\n\n // check if there's validation left\n if (results.length > 0) {\n this.fullImageData[this.selectedImageIndex].constainsFace = results.pop() || false;\n invalid = invalid || !this.fullImageData[this.selectedImageIndex].constainsFace;\n }\n\n // reactivate an image that was previously invalid\n if (!invalid && this.fullImageData[this.selectedImageIndex].deactivated) {\n this.fullImageData[this.selectedImageIndex].deactivated = false;\n }\n\n this.updateValidationResult(invalid);\n },\n (err) => {\n // there was an error in one of the validations\n invalid = true;\n this.fullImageData[this.selectedImageIndex].constainsFace = false;\n this.fullImageData[this.selectedImageIndex].isSafeForWork = false;\n this.updateValidationResult(invalid);\n },\n );\n } else {\n this.updateValidationResult(invalid);\n }\n }\n\n public updateValidationResult(invalidity: boolean): void {\n this.fullImageData[this.selectedImageIndex].invalid = invalidity;\n\n this.allImagesValid = this.checkAllImagesValid();\n this.validating = false;\n this.cdr.detectChanges();\n }\n\n /**\n * on cropper ready\n */\n public cropperReady(): void {\n this.cropperLoaded = true;\n this.fullImageData[this.selectedImageIndex].isDark = false;\n const currentImage = this.fullImageData[this.selectedImageIndex];\n if (currentImage.croppedCoordinates) {\n this.action = ImageUploadActions.posRetention;\n this.selectedCropCoords = {\n x1: currentImage.croppedCoordinates.x1 || 0,\n y1: currentImage.croppedCoordinates.y1 || 0,\n x2: currentImage.croppedCoordinates.x2 || 0,\n y2: currentImage.croppedCoordinates.y2 || 0,\n };\n }\n this.cdr.detectChanges();\n }\n /**\n * on image Loaded\n */\n public imageLoaded(): void {\n this.showCropper = true;\n this.cdr.detectChanges();\n }\n\n /**\n * select image to display in the image cropper\n * @param index\n */\n public selectImg(index: number): void {\n this.cropperLoaded = false;\n const exitingImage = this.fullImageData[this.selectedImageIndex].image;\n this.selectedImageIndex = index;\n const firstVisit = this.fullImageData[this.selectedImageIndex].isDark;\n\n const currentImage = this.fullImageData[this.selectedImageIndex];\n this.selectedCropCoords = currentImage.croppedCoordinates\n ? {\n x1: currentImage.croppedCoordinates.x1 || 0,\n y1: currentImage.croppedCoordinates.y1 || 0,\n x2: currentImage.croppedCoordinates.x2 || 0,\n y2: currentImage.croppedCoordinates.y2 || 0,\n }\n : undefined;\n if (exitingImage === this.fullImageData[this.selectedImageIndex].image) {\n this.selectedImageBase64 = '';\n this.cdr.detectChanges();\n }\n this.selectedImageBase64 = this.fullImageData[this.selectedImageIndex].image;\n this.croppedImages[index].cropped = true;\n this.allImagesCropped = this.croppedImages.filter((image) => image.cropped)?.length === this.croppedImages.length;\n\n if (firstVisit) this.fullImageData[this.selectedImageIndex].isDark = false;\n else this.action = ImageUploadActions.revisit;\n\n this.cdr.detectChanges();\n }\n\n /**\n * on click continue || finish button\n */\n public stepNextImage(): void {\n // Check if current image is valid\n if (!this.isPassedCheck()) return;\n\n if (this.fullImageData.length - this.selectedImageIndex < 2) {\n this.complete();\n return;\n }\n this.selectImg(this.selectedImageIndex + 1);\n }\n\n public stepPreviousImage(): void {\n if (this.selectedImageIndex > 0) this.selectImg(this.selectedImageIndex - 1);\n }\n\n public deactivateImage(): void {\n this.fullImageData[this.selectedImageIndex].deactivated = true;\n\n if (this.selectedImageIndex < this.fullImageData.length - 1) {\n this.selectImg(this.selectedImageIndex + 1);\n }\n }\n\n public invalidateAllImages(): void {\n for (let i = 0; i < this.fullImageData.length; i++) {\n this.fullImageData[i].isDark = true;\n this.fullImageData[i].invalid = true;\n }\n }\n\n public complete(): void {\n if (this.allImagesCropped) {\n let acceptedImages;\n\n acceptedImages = this.croppedImages.filter((value, index) => !this.fullImageData[index].invalid && !this.fullImageData[index].deactivated);\n acceptedImages = acceptedImages.map((value) => value.image);\n\n acceptedImages = acceptedImages.slice(0, this.maxNumOfImages);\n this.popupModalService.hide(acceptedImages);\n }\n }\n\n private imageSizeValidation(): boolean {\n return this.imageCompress.byteCount(this.croppedImages[this.selectedImageIndex].image) > this.twoMB;\n }\n\n private imageNameValidation(): string | null {\n let currIndex = this.selectedImageIndex;\n const currentImage = this.fullImageData[currIndex];\n currIndex--;\n while (currIndex >= 0) {\n if (currentImage.fileName === this.fullImageData[currIndex].fileName) return currentImage.fileName;\n currIndex--;\n }\n\n return null;\n }\n\n private faceValidation(): Observable | null {\n if (this.faceChecker) return this.faceChecker(this.croppedImages[this.selectedImageIndex].image);\n return null;\n }\n\n private nsfwValidation(): Observable | null {\n if (this.nsfwChecker) return this.nsfwChecker(this.croppedImages[this.selectedImageIndex].image);\n return null;\n }\n\n private isPassedCheck(): boolean {\n if (this.fullImageData[this.selectedImageIndex].deactivated) return true;\n // Face check enabled and facecheck result\n if (this.enableFaceCheck && this.faceChecker && !this.fullImageData[this.selectedImageIndex].constainsFace) return false;\n // nsfw check enabled and nsfw result\n if (this.enableNsfwCheck && this.nsfwChecker && !this.fullImageData[this.selectedImageIndex].isSafeForWork) return false;\n return true;\n }\n\n private checkAllImagesValid(): boolean {\n for (const image of this.fullImageData) {\n if (!image.constainsFace || !image.isSafeForWork || image.dupName !== null) return false;\n }\n return true;\n }\n\n /**\n * initialize the image cropper\n * @param data\n * @private\n */\n private intImagesCropper(data: ImageCropperModel): void {\n this.croppedImages = [];\n this.enableFaceCheck = data.enableFaceCheck ?? false;\n this.enableNsfwCheck = data.enableNsfwCheck ?? false;\n this.selectedImageBase64 = data.images ? data.images[0].image : '';\n this.fullImageData = data.images || [];\n this.aspectRatio = data.aspectRatio || 1;\n this.imageDeactivationToggleIcon = data.imageDeactivationToggleIcon || this.imageDeactivationToggleIcon;\n this.fullImageData.forEach((imageData, index) => this.croppedImages.push({ image: imageData.image, cropped: index === 0 }));\n this.maxNumOfImages = data.maxNumOfPhotos || 6;\n this.allImagesCropped = this.fullImageData.length <= 1;\n this.invalidateAllImages();\n }\n}\n","
\n close\n \n
\n
\n
{{ 'IMAGE_CROPPER.ORIGINAL' | translate }}
\n
\n \n
\n
\n\n
\n
\n \n \n
\n
\n

\n {{ 'IMAGE_CROPPER.YOU_CAN_ONLY_UPLOAD' | translate }} {{ maxNumOfImages }} {{ 'IMAGE_CROPPER.THE_REST_WILL_BE_DISCARDED' | translate }}\n

\n\n
\n
\n

{{ 'IMAGE_CROPPER.IMAGES_WILL_TAKE_A_WHILE' | translate }}

\n

\n {{ ('IMAGE_CROPPER.DUPLICATE_IMAGE_NAME' | translate) + currentImage!.dupName + ('IMAGE_CROPPER.PROCEED' | translate) }}\n

\n
\n\n
\n @if (showSpinner) {\n
\n \n
\n }\n
\n

{{ 'IMAGE_CROPPER.FACE_NOT_DETECTED' | translate }}

\n

{{ 'IMAGE_CROPPER.CONTENT_POLICY_NOT_MET' | translate }}

\n
\n
\n
\n
\n
\n
\n
{{ 'IMAGE_CROPPER.CROPPED' | translate }}
\n
\n \n
\n
\n
\n\n \n
\n \n navigate_before\n \n \n close\n \n \n {{ navIcon }}\n \n
\n \n
\n","import { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { ImageCropperModel } from '../../model/image-cropper.models';\nimport { PopupModalService } from '../modal/popup-modal/popup-modal.service';\nimport { ImageUploadModalComponent } from './image-upload-modal.component';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ImageCropperService {\n constructor(private popupModalService: PopupModalService) {}\n\n public openImageCropper(data: ImageCropperModel): Observable {\n const modal = this.popupModalService.show(ImageUploadModalComponent, data).afterClose;\n this.popupModalService.setValues({ customClass: 'image-upload-modal' }); // set a css class for styling only the image-upload-modal's popupModal\n return modal;\n }\n}\n","// CAVEAT: NgxImageCompressService.uploadMultipleFiles() has a Chrome \"user activation\" bug.\n// It wraps input.click() inside Promise.resolve().then(), creating a microtask boundary that\n// breaks Chrome's user gesture requirement. The file picker dialog silently never opens.\n// Fix: bypass ngx-image-compress and use a native ViewChild with\n// synchronous .click(). If this flow stops working, check whether the native input path\n// is still being used (not the ngx-image-compress path). This regression has occurred 3+ times.\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewContainerRef, ViewEncapsulation } from '@angular/core';\nimport { DOC_ORIENTATION, NgxImageCompressService } from 'ngx-image-compress';\nimport { Observable, catchError, forkJoin, from, map, of, switchMap, take, tap } from 'rxjs';\nimport { ImageFormats } from '../../../enums/image-formats.enum';\nimport { DATA_PATH_EXTRACTOR_REGEX } from '../../../lookups/regexs';\nimport { ImageModel } from '../../../model/image-model';\nimport { ImageCropperService } from '../../image-cropper/image-cropper.service';\n\n@Component({\n selector: 'lib-image-base',\n templateUrl: './image-base.component.html',\n styleUrls: ['./image-base.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: false,\n})\nexport class ImageBaseComponent {\n @Input() imageUrl: string = '';\n @Input() imageLabel: string = '';\n @Input() maxNumOfPhotos: number = 0;\n @Input() minPhotos: number = 0;\n @Input() loading: boolean = false;\n @Input() disabled: boolean = false;\n @Input() enableDelete: boolean = true;\n /** When true, shows the delete button even if imageUrl hasn't resolved yet (e.g. S3 presign pending) */\n @Input() hasImage: boolean = false;\n @Input() enableCropper: boolean = false;\n @Input() imageFormats: ImageFormats[] = Object.values(ImageFormats);\n @Input() cropperModalViewRef: ViewContainerRef = null!;\n @Input() enableCompression: boolean = true;\n @Input() maxImageSizeInBytes: number = 2097152;\n @Input() maxImageCompressSizeInBytes: number = 700000;\n @Input() photoAspectRatio: number = 1;\n @Input() photos: ImageModel[] = [];\n @Input() disableUploadOnClick: boolean = false;\n @Input() faceDetector: (images: string) => Observable = () => new Observable();\n @Input() nsfwChecker: (images: string) => Observable = () => new Observable();\n @Input() enableNsfwCheck: boolean = false;\n @Input() enableFaceCheck: boolean = false;\n @Input() compressRatio: number = 50;\n @Input() compressQuality: number = 50;\n /**\n * When true, allows video uploads (mp4, webm, quicktime); compression is skipped for video.\n * Overridden on `ImageCardComponent` with `@Input()`.\n */\n protected allowVideo: boolean = false;\n\n @Output() photosUpload: EventEmitter = new EventEmitter();\n @Output() photoUploadFail: EventEmitter = new EventEmitter();\n @Output() dupPhotosDetect: EventEmitter = new EventEmitter();\n @Output() unsupportedFormatsDetect: EventEmitter = new EventEmitter();\n @Output() maxUploadLimitExceeded: EventEmitter = new EventEmitter();\n\n private newImages: ImageModel[] = [];\n\n constructor(\n private imageCompressService: NgxImageCompressService,\n private imageCropperService: ImageCropperService,\n ) {}\n\n public onSelectImages(imageFiles: ImageModel[]): void {\n if (this.loading || this.disabled || imageFiles?.length == 0 || (this.maxNumOfPhotos > 0 && this.photos.length >= this.maxNumOfPhotos)) {\n return;\n }\n imageFiles = this.validateImages(imageFiles);\n if (imageFiles?.length > 0) {\n const data = {\n images: imageFiles,\n aspectRatio: this.photoAspectRatio,\n nsfwChecker: this.nsfwChecker,\n faceChecker: this.faceDetector,\n enableFaceCheck: this.enableFaceCheck,\n enableNsfwCheck: this.enableNsfwCheck,\n maxNumOfPhotos: this.maxNumOfPhotos - this.photos.length,\n };\n if (this.enableCropper) {\n this.imageCropperService\n .openImageCropper(data)\n .pipe(\n take(1),\n switchMap((croppedImages) => {\n this.newImages =\n croppedImages?.map((image, index) => {\n return {\n image,\n fileName: imageFiles[index].fileName,\n isDark: true,\n };\n }) || [];\n\n return this.compressImages();\n }),\n )\n .subscribe();\n } else {\n this.newImages = imageFiles;\n this.compressImages().subscribe();\n }\n }\n }\n\n private validateImages(images: ImageModel[]): ImageModel[] {\n // Truncate images array to remove extra images\n if (this.maxNumOfPhotos > 0 && this.photos?.length >= this.maxNumOfPhotos) {\n this.maxUploadLimitExceeded.emit();\n return [];\n }\n\n const allowedNoOfImages = this.maxNumOfPhotos > 0 ? this.maxNumOfPhotos - this.photos?.length || 0 : -1;\n if (allowedNoOfImages > -1 && images.length > allowedNoOfImages) {\n images = images.slice(0, allowedNoOfImages);\n this.maxUploadLimitExceeded.emit();\n }\n\n const existingFileNames = new Set(this.photos?.map((photo) => photo.fileName));\n const invalidMimeTypes: string[] = [];\n let dupeImages = 0;\n\n const formatPattern = this.imageFormats?.length > 0 ? this.imageFormats.join('|') : '';\n const regexPattern: RegExp = new RegExp(`\\\\b(${formatPattern})\\\\b`, 'i');\n\n images = images.filter((file) => {\n const mimeTypeMatch = file.image.match(DATA_PATH_EXTRACTOR_REGEX);\n const mimeType = mimeTypeMatch ? mimeTypeMatch[1] : '';\n let invalidFileType = true;\n\n const isAllowedVideo = this.allowVideo && !!mimeType && (mimeType === 'video/mp4' || mimeType === 'video/webm' || mimeType === 'video/quicktime');\n\n if (mimeType && this.imageFormats?.length > 0) {\n if (isAllowedVideo) {\n invalidFileType = false;\n } else {\n const formatFromMime = mimeType.split('/')[1];\n invalidFileType = !regexPattern.test(formatFromMime);\n if (invalidFileType) {\n invalidMimeTypes.push(mimeType);\n }\n }\n }\n\n // Check for duplicate images\n const isDupe = existingFileNames.has(file.fileName);\n if (isDupe) {\n dupeImages++;\n }\n\n return !(isDupe || invalidFileType);\n });\n\n if (dupeImages) {\n this.dupPhotosDetect.emit(dupeImages);\n }\n if (invalidMimeTypes.length) {\n this.unsupportedFormatsDetect.emit(invalidMimeTypes);\n }\n\n return images;\n }\n\n protected isVideoDataUrl(url: string): boolean {\n if (!url) return false;\n const lower = url.toLowerCase();\n return lower.startsWith('data:video/') || /\\.(mp4|webm|ogg|mov)(\\?|$)/i.test(lower) || lower.startsWith('blob:');\n }\n\n private compressImages(): Observable {\n if (this.enableCompression) {\n const compressObservables: Observable[] = this.newImages.map((imageFile) =>\n this.isVideoDataUrl(imageFile.image)\n ? of(imageFile)\n : this.compressImage(imageFile).pipe(\n map((compressedImage) => {\n imageFile.image = compressedImage;\n return imageFile;\n }),\n catchError((err) => {\n this.photoUploadFail.emit(imageFile.fileName);\n return of(imageFile);\n }),\n ),\n );\n\n return forkJoin(compressObservables).pipe(\n tap((compressedImages: ImageModel[]) => {\n this.photosUpload.emit(compressedImages);\n }),\n );\n } else {\n this.photosUpload.emit(this.newImages);\n return of(this.newImages);\n }\n }\n\n private compressImage(file: ImageModel): Observable {\n const orientation = file.orientation !== undefined ? file.orientation : DOC_ORIENTATION.Default;\n\n return from(this.imageCompressService.compressFile(file.image, orientation, this.compressRatio, this.compressQuality)).pipe(\n switchMap((compressedImage: string) => {\n if (this.imageCompressService.byteCount(compressedImage) > this.maxImageCompressSizeInBytes) {\n const imageToCompress: ImageModel = {\n image: compressedImage,\n fileName: file.fileName,\n isDark: true,\n };\n return this.compressImage(imageToCompress);\n }\n\n return of(compressedImage);\n }),\n );\n }\n}\n","\n","import { NgModule } from '@angular/core';\nimport { ImageBaseComponent } from './image-base.component';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n declarations: [ImageBaseComponent],\n imports: [CommonModule],\n exports: [ImageBaseComponent],\n})\nexport class ImageBaseModule {}\n","import { ImageModel } from '../../../model/image-model';\n\nexport interface IFileUploadResult {\n image: string;\n fileName: string;\n orientation: number;\n}\n\nexport interface IImageCardState {\n loading: boolean;\n disabled: boolean;\n imageUrl: string;\n disableUploadOnClick: boolean;\n}\n\nexport function canOpenFilePicker(state: IImageCardState): boolean {\n return !state.loading && !state.disabled && !state.imageUrl && !state.disableUploadOnClick;\n}\n\nexport function isVideoFile(file: File): boolean {\n return file.type.startsWith('video/');\n}\n\nexport function toImageModels(results: IFileUploadResult[]): ImageModel[] {\n return results.map((r) => ({\n image: r.image,\n fileName: r.fileName,\n orientation: r.orientation,\n isDark: true,\n }));\n}\n\nexport function extractFilesFromInput(input: HTMLInputElement): File[] {\n const files = input.files ? Array.from(input.files) : [];\n input.value = '';\n return files;\n}\n","// OBSERVATION (2026-04-15): The is visually hidden and placed OUTSIDE\n// the container div so it cannot affect flex layout or centering. The container div handles\n// click → selectImages() → fileInput.nativeElement.click(). The lib-icon-btn.add-btn has\n// pointer-events:none so the click reaches the div directly, preserving user-activation.\n//\n// Approaches that FAILED:\n// 1.