myrta-ui 1.0.44 → 14.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/alert/alert.component.mjs +3 -3
- package/esm2020/lib/components/alert/alert.module.mjs +5 -5
- package/esm2020/lib/components/badges/badges.module.mjs +5 -7
- package/esm2020/lib/components/badges/components/badge/badge.component.mjs +3 -3
- package/esm2020/lib/components/badges/components/badge-group/badge-group.component.mjs +3 -3
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.component.mjs +3 -3
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.module.mjs +5 -7
- package/esm2020/lib/components/button/button.component.mjs +5 -5
- package/esm2020/lib/components/button/button.module.mjs +5 -5
- package/esm2020/lib/components/cdk-tooltip/cdk-tooltip/tooltip-container.component.mjs +3 -3
- package/esm2020/lib/components/cdk-tooltip/cdk-tooltip.directive.mjs +3 -3
- package/esm2020/lib/components/cdk-tooltip/cdk-tooltip.module.mjs +5 -5
- package/esm2020/lib/components/chars-left/chars-left.component.mjs +3 -3
- package/esm2020/lib/components/chars-left/chars-left.module.mjs +5 -5
- package/esm2020/lib/components/context-menu/components/context-menu/context-menu.component.mjs +5 -27
- package/esm2020/lib/components/context-menu/components/context-menu-content/context-menu-content.component.mjs +7 -26
- package/esm2020/lib/components/context-menu/context-menu.module.mjs +5 -5
- package/esm2020/lib/components/context-menu/directives/context-menu/context-menu.directive.mjs +3 -3
- package/esm2020/lib/components/context-menu/directives/context-menu-item/context-menu-item.directive.mjs +3 -3
- package/esm2020/lib/components/context-menu/services/context-menu/context-menu-fixed.service.mjs +3 -3
- package/esm2020/lib/components/context-menu/services/context-menu/context-menu.service.mjs +3 -3
- package/esm2020/lib/components/dropdown/directives/hide-after-click.directive.mjs +3 -3
- package/esm2020/lib/components/dropdown/dropdown.component.mjs +3 -3
- package/esm2020/lib/components/dropdown/dropdown.module.mjs +5 -5
- package/esm2020/lib/components/error-message/error-message.component.mjs +3 -3
- package/esm2020/lib/components/error-message/error-message.module.mjs +5 -5
- package/esm2020/lib/components/form/checkbox/checkbox.component.mjs +8 -8
- package/esm2020/lib/components/form/checkbox/checkbox.module.mjs +5 -5
- package/esm2020/lib/components/form/checkbox-group/checkbox-group.component.mjs +8 -8
- package/esm2020/lib/components/form/checkbox-group/checkbox-group.module.mjs +11 -13
- package/esm2020/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.mjs +7 -7
- package/esm2020/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.mjs +7 -7
- package/esm2020/lib/components/form/document-editor/components/document-editor-preview-modal/document-editor-preview-modal.component.mjs +5 -5
- package/esm2020/lib/components/form/document-editor/document-editor.component.mjs +8 -8
- package/esm2020/lib/components/form/document-editor/document-editor.module.mjs +9 -11
- package/esm2020/lib/components/form/editor/editor.component.mjs +10 -10
- package/esm2020/lib/components/form/editor/editor.module.mjs +11 -13
- package/esm2020/lib/components/form/input-date-time/input-date-time.component.mjs +10 -10
- package/esm2020/lib/components/form/input-date-time/input-date-time.module.mjs +10 -12
- package/esm2020/lib/components/form/input-datepicker/input-datepicker.component.mjs +8 -8
- package/esm2020/lib/components/form/input-datepicker/input-datepicker.module.mjs +10 -12
- package/esm2020/lib/components/form/input-file/input-file.component.mjs +6 -6
- package/esm2020/lib/components/form/input-file/input-file.module.mjs +5 -5
- package/esm2020/lib/components/form/input-file-image/components/file-image-edit-modal/file-image-edit-modal.component.mjs +5 -5
- package/esm2020/lib/components/form/input-file-image/input-file-image.component.mjs +5 -5
- package/esm2020/lib/components/form/input-file-image/input-file-image.module.mjs +14 -16
- package/esm2020/lib/components/form/input-number/input-number.component.mjs +7 -7
- package/esm2020/lib/components/form/input-number/input-number.module.mjs +11 -13
- package/esm2020/lib/components/form/input-opt/components/input-opt/input-opt.component.mjs +10 -8
- package/esm2020/lib/components/form/input-opt/directives/opt-pattern.directive.mjs +3 -3
- package/esm2020/lib/components/form/input-opt/input-opt.module.mjs +8 -10
- package/esm2020/lib/components/form/input-opt/services/input-opt.service.mjs +3 -3
- package/esm2020/lib/components/form/input-password/input-password.component.mjs +7 -7
- package/esm2020/lib/components/form/input-password/input-password.module.mjs +8 -10
- package/esm2020/lib/components/form/input-phone/data/country-code.mjs +3 -3
- package/esm2020/lib/components/form/input-phone/directives/native-element-injector.directive.mjs +3 -3
- package/esm2020/lib/components/form/input-phone/input-phone.component.mjs +9 -9
- package/esm2020/lib/components/form/input-phone/input-phone.module.mjs +11 -13
- package/esm2020/lib/components/form/input-search/input-search.component.mjs +7 -7
- package/esm2020/lib/components/form/input-search/input-search.module.mjs +9 -11
- package/esm2020/lib/components/form/input-select/input-select.component.mjs +9 -9
- package/esm2020/lib/components/form/input-select/input-select.module.mjs +11 -13
- package/esm2020/lib/components/form/input-text/input-text.component.mjs +10 -10
- package/esm2020/lib/components/form/input-text/input-text.module.mjs +11 -13
- package/esm2020/lib/components/form/input-textarea/input-textarea.component.mjs +9 -9
- package/esm2020/lib/components/form/input-textarea/input-textarea.module.mjs +11 -13
- package/esm2020/lib/components/form/input-timepicker/input-timepicker.component.mjs +10 -10
- package/esm2020/lib/components/form/input-timepicker/input-timepicker.module.mjs +10 -12
- package/esm2020/lib/components/form/radio/radio.component.mjs +6 -6
- package/esm2020/lib/components/form/radio/radio.module.mjs +5 -5
- package/esm2020/lib/components/form/rating/rating.component.mjs +6 -6
- package/esm2020/lib/components/form/rating/rating.module.mjs +6 -8
- package/esm2020/lib/components/form/switch/switch.component.mjs +7 -7
- package/esm2020/lib/components/form/switch/switch.module.mjs +5 -5
- package/esm2020/lib/components/gallery/components/gallery-confirm-modal/gallery-confirm-modal.component.mjs +5 -5
- package/esm2020/lib/components/gallery/components/gallery-item/gallery-item.component.mjs +7 -7
- package/esm2020/lib/components/gallery/gallery.component.mjs +6 -6
- package/esm2020/lib/components/gallery/gallery.module.mjs +11 -13
- package/esm2020/lib/components/gallery/services/gallery.service.mjs +3 -3
- package/esm2020/lib/components/hint-error-message/hint-error-message.component.mjs +3 -3
- package/esm2020/lib/components/hint-error-message/hint-error-message.module.mjs +5 -5
- package/esm2020/lib/components/icon-button/icon-button.component.mjs +3 -3
- package/esm2020/lib/components/icon-button/icon-button.module.mjs +5 -5
- package/esm2020/lib/components/label/label.component.mjs +12 -12
- package/esm2020/lib/components/label/label.module.mjs +5 -5
- package/esm2020/lib/components/link/link.component.mjs +3 -3
- package/esm2020/lib/components/link/link.module.mjs +5 -5
- package/esm2020/lib/components/loader/loader.component.mjs +3 -3
- package/esm2020/lib/components/loader/loader.module.mjs +5 -5
- package/esm2020/lib/components/modal/modal.component.mjs +6 -6
- package/esm2020/lib/components/modal/modal.module.mjs +5 -5
- package/esm2020/lib/components/pages-nav/pages-nav.component.mjs +3 -3
- package/esm2020/lib/components/pages-nav/pages-nav.module.mjs +5 -7
- package/esm2020/lib/components/paginator/paginator.component.mjs +5 -5
- package/esm2020/lib/components/paginator/paginator.module.mjs +7 -9
- package/esm2020/lib/components/progress/progress.component.mjs +3 -3
- package/esm2020/lib/components/progress/progress.module.mjs +5 -5
- package/esm2020/lib/components/save-state/components/save-state-checkbox/save-state-checkbox.component.mjs +3 -3
- package/esm2020/lib/components/save-state/components/save-state-checkbox-group/save-state-checkbox-group.component.mjs +3 -3
- package/esm2020/lib/components/save-state/components/save-state-editor/save-state-editor.component.mjs +3 -3
- package/esm2020/lib/components/save-state/components/save-state-input/save-state-input.component.mjs +3 -3
- package/esm2020/lib/components/save-state/components/save-state-switch/save-state-switch.component.mjs +3 -3
- package/esm2020/lib/components/save-state/save-state.component.mjs +10 -10
- package/esm2020/lib/components/save-state/save-state.module.mjs +5 -7
- package/esm2020/lib/components/stepper/stepper.component.mjs +5 -5
- package/esm2020/lib/components/stepper/stepper.module.mjs +5 -5
- package/esm2020/lib/components/table/components/column/column.component.mjs +3 -3
- package/esm2020/lib/components/table/table.component.mjs +7 -7
- package/esm2020/lib/components/table/table.module.mjs +10 -12
- package/esm2020/lib/components/tabs/tab/tab.component.mjs +3 -3
- package/esm2020/lib/components/tabs/tabs-group/tabs-group.component.mjs +3 -3
- package/esm2020/lib/components/tabs/tabs.module.mjs +5 -5
- package/esm2020/lib/components/tooltip/services/tooltip.service.mjs +3 -3
- package/esm2020/lib/components/tooltip/tooltip-trigger/tooltip-trigger.component.mjs +3 -3
- package/esm2020/lib/components/tooltip/tooltip.component.mjs +3 -3
- package/esm2020/lib/components/tooltip/tooltip.module.mjs +5 -5
- package/esm2020/lib/components/truncate-text/directives/truncate-text.directive.mjs +3 -3
- package/esm2020/lib/components/truncate-text/truncate-text.component.mjs +6 -6
- package/esm2020/lib/components/truncate-text/truncate-text.module.mjs +5 -5
- package/esm2020/lib/components/warning-message/warning-message.component.mjs +3 -3
- package/esm2020/lib/components/warning-message/warning-message.module.mjs +5 -5
- package/esm2020/lib/components/wrappers/content-wrapper/content-wrapper.component.mjs +3 -3
- package/esm2020/lib/components/wrappers/content-wrapper/content-wrapper.module.mjs +5 -5
- package/esm2020/lib/components/wrappers/controls-wrapper/components/controls-item/controls-item.component.mjs +3 -3
- package/esm2020/lib/components/wrappers/controls-wrapper/controls-wrapper.component.mjs +3 -3
- package/esm2020/lib/components/wrappers/controls-wrapper/controls-wrapper.module.mjs +5 -5
- package/esm2020/lib/components/wrappers/widget-wrapper/widget-wrapper.component.mjs +4 -4
- package/esm2020/lib/components/wrappers/widget-wrapper/widget-wrapper.module.mjs +5 -7
- package/esm2020/lib/directives/autosize/autosize.directive.mjs +3 -3
- package/esm2020/lib/directives/autosize/autosize.module.mjs +5 -7
- package/esm2020/lib/directives/truncate/truncate.directive.mjs +3 -3
- package/esm2020/lib/directives/truncate/truncate.module.mjs +5 -5
- package/esm2020/lib/pipes/currency/currency.module.mjs +5 -7
- package/esm2020/lib/pipes/currency/currency.pipe.mjs +3 -3
- package/esm2020/lib/pipes/date/date-format.module.mjs +5 -5
- package/esm2020/lib/pipes/date/date-format.pipe.mjs +3 -3
- package/esm2020/lib/pipes/date/date-time-format.pipe.mjs +3 -3
- package/esm2020/lib/pipes/phone/phone-format.module.mjs +5 -5
- package/esm2020/lib/pipes/phone/phone-format.pipe.mjs +3 -3
- package/esm2020/lib/pipes/safe/safe.module.mjs +5 -7
- package/esm2020/lib/pipes/safe/safe.pipe.mjs +3 -3
- package/esm2020/lib/pipes/truncate/truncate.module.mjs +5 -7
- package/esm2020/lib/pipes/truncate/truncate.pipe.mjs +3 -3
- package/esm2020/lib/services/file-upload/file-upload.service.mjs +3 -3
- package/esm2020/lib/services/mrx-autosave/mrx-autosave.service.mjs +4 -4
- package/esm2020/lib/services/save-store/save-store.module.mjs +7 -9
- package/esm2020/lib/services/save-store/store/effect.mjs +3 -3
- package/fesm2015/myrta-ui.mjs +752 -849
- package/fesm2015/myrta-ui.mjs.map +1 -1
- package/fesm2020/myrta-ui.mjs +752 -849
- package/fesm2020/myrta-ui.mjs.map +1 -1
- package/lib/components/alert/alert.component.d.ts +1 -1
- package/lib/components/badges/components/badge/badge.component.d.ts +1 -1
- package/lib/components/badges/components/badge-group/badge-group.component.d.ts +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +1 -1
- package/lib/components/button/button.component.d.ts +1 -1
- package/lib/components/cdk-tooltip/cdk-tooltip/tooltip-container.component.d.ts +1 -1
- package/lib/components/cdk-tooltip/cdk-tooltip.directive.d.ts +1 -1
- package/lib/components/chars-left/chars-left.component.d.ts +1 -1
- package/lib/components/context-menu/components/context-menu/context-menu.component.d.ts +1 -1
- package/lib/components/context-menu/components/context-menu-content/context-menu-content.component.d.ts +1 -1
- package/lib/components/context-menu/directives/context-menu/context-menu.directive.d.ts +1 -1
- package/lib/components/context-menu/directives/context-menu-item/context-menu-item.directive.d.ts +1 -1
- package/lib/components/dropdown/directives/hide-after-click.directive.d.ts +1 -1
- package/lib/components/dropdown/dropdown.component.d.ts +1 -1
- package/lib/components/error-message/error-message.component.d.ts +1 -1
- package/lib/components/form/checkbox/checkbox.component.d.ts +1 -1
- package/lib/components/form/checkbox-group/checkbox-group.component.d.ts +1 -1
- package/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.d.ts +1 -1
- package/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.d.ts +1 -1
- package/lib/components/form/document-editor/components/document-editor-preview-modal/document-editor-preview-modal.component.d.ts +1 -1
- package/lib/components/form/document-editor/document-editor.component.d.ts +1 -1
- package/lib/components/form/editor/editor.component.d.ts +1 -1
- package/lib/components/form/input-date-time/input-date-time.component.d.ts +1 -1
- package/lib/components/form/input-datepicker/input-datepicker.component.d.ts +1 -1
- package/lib/components/form/input-file/input-file.component.d.ts +1 -1
- package/lib/components/form/input-file-image/components/file-image-edit-modal/file-image-edit-modal.component.d.ts +1 -1
- package/lib/components/form/input-file-image/input-file-image.component.d.ts +1 -1
- package/lib/components/form/input-number/input-number.component.d.ts +2 -2
- package/lib/components/form/input-opt/components/input-opt/input-opt.component.d.ts +2 -2
- package/lib/components/form/input-opt/directives/opt-pattern.directive.d.ts +1 -1
- package/lib/components/form/input-password/input-password.component.d.ts +1 -1
- package/lib/components/form/input-phone/directives/native-element-injector.directive.d.ts +1 -1
- package/lib/components/form/input-phone/input-phone.component.d.ts +1 -1
- package/lib/components/form/input-search/input-search.component.d.ts +1 -1
- package/lib/components/form/input-select/input-select.component.d.ts +1 -1
- package/lib/components/form/input-text/input-text.component.d.ts +1 -1
- package/lib/components/form/input-textarea/input-textarea.component.d.ts +1 -1
- package/lib/components/form/input-timepicker/input-timepicker.component.d.ts +1 -1
- package/lib/components/form/radio/radio.component.d.ts +1 -1
- package/lib/components/form/rating/rating.component.d.ts +1 -1
- package/lib/components/form/switch/switch.component.d.ts +1 -1
- package/lib/components/gallery/components/gallery-confirm-modal/gallery-confirm-modal.component.d.ts +1 -1
- package/lib/components/gallery/components/gallery-item/gallery-item.component.d.ts +1 -1
- package/lib/components/gallery/gallery.component.d.ts +1 -1
- package/lib/components/hint-error-message/hint-error-message.component.d.ts +1 -1
- package/lib/components/icon-button/icon-button.component.d.ts +1 -1
- package/lib/components/label/label.component.d.ts +1 -1
- package/lib/components/link/link.component.d.ts +1 -1
- package/lib/components/loader/loader.component.d.ts +1 -1
- package/lib/components/modal/modal.component.d.ts +1 -1
- package/lib/components/pages-nav/pages-nav.component.d.ts +1 -1
- package/lib/components/paginator/paginator.component.d.ts +1 -1
- package/lib/components/progress/progress.component.d.ts +1 -1
- package/lib/components/save-state/components/save-state-checkbox/save-state-checkbox.component.d.ts +1 -1
- package/lib/components/save-state/components/save-state-checkbox-group/save-state-checkbox-group.component.d.ts +1 -1
- package/lib/components/save-state/components/save-state-editor/save-state-editor.component.d.ts +1 -1
- package/lib/components/save-state/components/save-state-input/save-state-input.component.d.ts +1 -1
- package/lib/components/save-state/components/save-state-switch/save-state-switch.component.d.ts +1 -1
- package/lib/components/save-state/save-state.component.d.ts +1 -1
- package/lib/components/stepper/stepper.component.d.ts +1 -1
- package/lib/components/table/components/column/column.component.d.ts +1 -1
- package/lib/components/table/table.component.d.ts +1 -1
- package/lib/components/tabs/tab/tab.component.d.ts +1 -1
- package/lib/components/tabs/tabs-group/tabs-group.component.d.ts +1 -1
- package/lib/components/tooltip/tooltip-trigger/tooltip-trigger.component.d.ts +1 -1
- package/lib/components/tooltip/tooltip.component.d.ts +1 -1
- package/lib/components/truncate-text/directives/truncate-text.directive.d.ts +1 -1
- package/lib/components/truncate-text/truncate-text.component.d.ts +1 -1
- package/lib/components/warning-message/warning-message.component.d.ts +1 -1
- package/lib/components/wrappers/content-wrapper/content-wrapper.component.d.ts +1 -1
- package/lib/components/wrappers/controls-wrapper/components/controls-item/controls-item.component.d.ts +1 -1
- package/lib/components/wrappers/controls-wrapper/controls-wrapper.component.d.ts +1 -1
- package/lib/components/wrappers/widget-wrapper/widget-wrapper.component.d.ts +1 -1
- package/lib/directives/autosize/autosize.directive.d.ts +1 -1
- package/lib/directives/truncate/truncate.directive.d.ts +1 -1
- package/lib/pipes/currency/currency.pipe.d.ts +1 -1
- package/lib/pipes/date/date-format.pipe.d.ts +1 -1
- package/lib/pipes/date/date-time-format.pipe.d.ts +1 -1
- package/lib/pipes/phone/phone-format.pipe.d.ts +1 -1
- package/lib/pipes/safe/safe.pipe.d.ts +1 -1
- package/lib/pipes/truncate/truncate.pipe.d.ts +1 -1
- package/lib/services/mrx-autosave/mrx-autosave.service.d.ts +1 -1
- package/package.json +15 -15
- /package/{myrta-ui.d.ts → index.d.ts} +0 -0
|
@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
import * as i1 from "../../services/gallery.service";
|
|
6
6
|
import * as i2 from "ngx-simple-modal";
|
|
7
7
|
import * as i3 from "@ngrx/store";
|
|
8
|
-
import * as i4 from "
|
|
9
|
-
import * as i5 from "
|
|
10
|
-
import * as i6 from "
|
|
11
|
-
import * as i7 from "
|
|
8
|
+
import * as i4 from "@angular/common";
|
|
9
|
+
import * as i5 from "@angular/forms";
|
|
10
|
+
import * as i6 from "../../../form/input-textarea/input-textarea.component";
|
|
11
|
+
import * as i7 from "../../../loader/loader.component";
|
|
12
12
|
export class GalleryItemComponent {
|
|
13
13
|
constructor(galleryService, _simpleModalService, _store) {
|
|
14
14
|
this.galleryService = galleryService;
|
|
@@ -70,9 +70,9 @@ export class GalleryItemComponent {
|
|
|
70
70
|
}, 1500);
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
GalleryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
74
|
-
GalleryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
73
|
+
GalleryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryItemComponent, deps: [{ token: i1.GalleryService }, { token: i2.SimpleModalService }, { token: i3.Store }], target: i0.ɵɵFactoryTarget.Component });
|
|
74
|
+
GalleryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GalleryItemComponent, selector: "mrx-gallery-item", inputs: { preview: "preview", index: "index", isEditing: "isEditing", descriptionMaxLength: "descriptionMaxLength", deleteEndPoint: "deleteEndPoint", updateEndPoint: "updateEndPoint", rotateSlides: "rotateSlides", setIsLoading: ["isLoading", "setIsLoading"] }, outputs: { openGalleryModal: "openGalleryModal", deletePhoto: "deletePhoto", updatePhoto: "updatePhoto" }, providers: [MrxAutosaveService], ngImport: i0, template: "<div class=\"mrx-gallery-item\">\r\n <div class=\"mrx-gallery-item__preview\" (click)=\"onOpenGalleryModal()\">\r\n\r\n <img [src]=\"getImageUrl()\" [alt]=\"preview.imageName || 'image'\" *ngIf=\"!isLoadingImage; else skeletonTemplate\">\r\n\r\n <ng-template #skeletonTemplate>\r\n <div class=\"d-flex align-items-center justify-content-center w-100 h-100\">\r\n <mrx-loader size=\"medium\" color=\"brand\"></mrx-loader>\r\n </div>\r\n </ng-template>\r\n\r\n <div class=\"mrx-gallery-item__preview-overlay\" *ngIf=\"!isLoadingImage\"></div>\r\n\r\n <div class=\"mrx-gallery-item__preview-controls\" *ngIf=\"!isLoadingImage\">\r\n <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"yandexCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_12346_12076)\">\r\n <path d=\"M8.00031 15.9838C12.4096 15.9838 15.984 12.4093 15.984 8.00006C15.984 3.59078 12.4096 0.0163574 8.00031 0.0163574C3.59103 0.0163574 0.0166016 3.59078 0.0166016 8.00006C0.0166016 12.4093 3.59103 15.9838 8.00031 15.9838Z\" fill=\"white\"/>\r\n <path d=\"M10.8893 13.0118H9.1367V4.34361H8.35596C6.92484 4.34361 6.17521 5.05916 6.17521 6.12731C6.17521 7.33916 6.69225 7.90065 7.76188 8.6162L8.64336 9.21028L6.11003 13.0103H4.22559L6.50559 9.61768C5.19447 8.68139 4.4567 7.76731 4.4567 6.22509C4.4567 4.29768 5.8004 2.98657 8.3441 2.98657H10.8774V13.0088H10.8893V13.0118Z\" fill=\"#FC3F1D\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12346_12076\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </a>\r\n\r\n <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"googleCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\r\n <path d=\"M11.5561 4.8901H11.0997V4.86659H5.99967V7.13325H9.20219C8.73497 8.45273 7.47952 9.39992 5.99967 9.39992C4.12202 9.39992 2.59967 7.87757 2.59967 5.99992C2.59967 4.12227 4.12202 2.59992 5.99967 2.59992C6.86639 2.59992 7.65491 2.92689 8.25529 3.46097L9.85811 1.85815C8.84604 0.914935 7.49227 0.333252 5.99967 0.333252C2.87026 0.333252 0.333008 2.8705 0.333008 5.99992C0.333008 9.12934 2.87026 11.6666 5.99967 11.6666C9.12909 11.6666 11.6663 9.12934 11.6663 5.99992C11.6663 5.61997 11.6272 5.24909 11.5561 4.8901Z\" fill=\"#FBC02D\"/>\r\n <path d=\"M0.987305 3.36237L2.84909 4.72775C3.35285 3.48052 4.57289 2.59992 6.0006 2.59992C6.86732 2.59992 7.65584 2.92689 8.25622 3.46097L9.85904 1.85815C8.84697 0.914935 7.4932 0.333252 6.0006 0.333252C3.82404 0.333252 1.93647 1.56207 0.987305 3.36237Z\" fill=\"#E53935\"/>\r\n <path d=\"M6.0008 11.6665C7.4645 11.6665 8.79447 11.1063 9.80002 10.1954L8.04619 8.7113C7.47725 9.14225 6.77005 9.3998 6.0008 9.3998C4.5269 9.3998 3.27542 8.45999 2.80395 7.14844L0.956055 8.57219C1.89389 10.4073 3.79845 11.6665 6.0008 11.6665Z\" fill=\"#4CAF50\"/>\r\n <path d=\"M11.5564 4.88997L11.5519 4.86646H11.1H6V7.13312H9.20252C8.97812 7.76694 8.5704 8.31349 8.04453 8.71157C8.04482 8.71129 8.0451 8.71129 8.04538 8.71101L9.79922 10.1951C9.67512 10.3079 11.6667 8.83312 11.6667 5.99979C11.6667 5.61984 11.6276 5.24896 11.5564 4.88997Z\" fill=\"#1565C0\"/>\r\n </svg>\r\n </a>\r\n\r\n <div class=\"mrx-gallery-item__preview-controls__button d-flex align-items-center justify-content-center\" *ngIf=\"isEditing\" (click)=\"$event.stopPropagation()\">\r\n <span class=\"mrx-icon icon-delete icon-font-16 text-bold\" (click)=\"deleteImage()\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mrx-gallery-item__description\">\r\n <mrx-input-textarea\r\n *ngIf=\"isEditing; else textTemplate\"\r\n [fields]=\"(fields$ | async)!\"\r\n [ngModel]=\"preview.description\"\r\n [autosize]=\"false\"\r\n [rows]=\"2\"\r\n [maxlength]=\"descriptionMaxLength\"\r\n (modelChange)=\"changeDescription($event)\"\r\n ></mrx-input-textarea>\r\n\r\n <ng-template #textTemplate>\r\n {{ preview.description }}\r\n </ng-template>\r\n </div>\r\n</div>\r\n", styles: [".mrx-gallery-item{cursor:pointer}.mrx-gallery-item__preview{width:100%;height:180px;border-radius:4px;overflow:hidden;position:relative;margin-bottom:8px}.mrx-gallery-item__preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.mrx-gallery-item__preview-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 78.93%,rgba(0,0,0,.35) 91.52%)}.mrx-gallery-item__preview-controls{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:8px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.mrx-gallery-item__preview-controls--text{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);color:var(--neutral-text-inverse);opacity:.8}.mrx-gallery-item__preview-controls--icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%}.mrx-gallery-item__preview-controls__button{padding:4px;border-radius:4px;background:var(--system-white, #FFF)}.mrx-gallery-item__description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.InputTextareaComponent, selector: "mrx-input-textarea", inputs: ["fields", "disabled", "readonly", "autosize", "maxlength", "minlength", "rows", "placeholder", "invalid", "invalidMessage", "checkInvalid", "customClasses", "mask", "size"], outputs: ["changed", "blurred", "modelChange"] }, { kind: "component", type: i7.LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryItemComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
77
|
args: [{ selector: 'mrx-gallery-item', changeDetection: ChangeDetectionStrategy.OnPush, providers: [MrxAutosaveService], template: "<div class=\"mrx-gallery-item\">\r\n <div class=\"mrx-gallery-item__preview\" (click)=\"onOpenGalleryModal()\">\r\n\r\n <img [src]=\"getImageUrl()\" [alt]=\"preview.imageName || 'image'\" *ngIf=\"!isLoadingImage; else skeletonTemplate\">\r\n\r\n <ng-template #skeletonTemplate>\r\n <div class=\"d-flex align-items-center justify-content-center w-100 h-100\">\r\n <mrx-loader size=\"medium\" color=\"brand\"></mrx-loader>\r\n </div>\r\n </ng-template>\r\n\r\n <div class=\"mrx-gallery-item__preview-overlay\" *ngIf=\"!isLoadingImage\"></div>\r\n\r\n <div class=\"mrx-gallery-item__preview-controls\" *ngIf=\"!isLoadingImage\">\r\n <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"yandexCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_12346_12076)\">\r\n <path d=\"M8.00031 15.9838C12.4096 15.9838 15.984 12.4093 15.984 8.00006C15.984 3.59078 12.4096 0.0163574 8.00031 0.0163574C3.59103 0.0163574 0.0166016 3.59078 0.0166016 8.00006C0.0166016 12.4093 3.59103 15.9838 8.00031 15.9838Z\" fill=\"white\"/>\r\n <path d=\"M10.8893 13.0118H9.1367V4.34361H8.35596C6.92484 4.34361 6.17521 5.05916 6.17521 6.12731C6.17521 7.33916 6.69225 7.90065 7.76188 8.6162L8.64336 9.21028L6.11003 13.0103H4.22559L6.50559 9.61768C5.19447 8.68139 4.4567 7.76731 4.4567 6.22509C4.4567 4.29768 5.8004 2.98657 8.3441 2.98657H10.8774V13.0088H10.8893V13.0118Z\" fill=\"#FC3F1D\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12346_12076\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </a>\r\n\r\n <a class=\"mrx-gallery-item__preview-controls--icon\" [href]=\"googleCheckUrl\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\r\n <path d=\"M11.5561 4.8901H11.0997V4.86659H5.99967V7.13325H9.20219C8.73497 8.45273 7.47952 9.39992 5.99967 9.39992C4.12202 9.39992 2.59967 7.87757 2.59967 5.99992C2.59967 4.12227 4.12202 2.59992 5.99967 2.59992C6.86639 2.59992 7.65491 2.92689 8.25529 3.46097L9.85811 1.85815C8.84604 0.914935 7.49227 0.333252 5.99967 0.333252C2.87026 0.333252 0.333008 2.8705 0.333008 5.99992C0.333008 9.12934 2.87026 11.6666 5.99967 11.6666C9.12909 11.6666 11.6663 9.12934 11.6663 5.99992C11.6663 5.61997 11.6272 5.24909 11.5561 4.8901Z\" fill=\"#FBC02D\"/>\r\n <path d=\"M0.987305 3.36237L2.84909 4.72775C3.35285 3.48052 4.57289 2.59992 6.0006 2.59992C6.86732 2.59992 7.65584 2.92689 8.25622 3.46097L9.85904 1.85815C8.84697 0.914935 7.4932 0.333252 6.0006 0.333252C3.82404 0.333252 1.93647 1.56207 0.987305 3.36237Z\" fill=\"#E53935\"/>\r\n <path d=\"M6.0008 11.6665C7.4645 11.6665 8.79447 11.1063 9.80002 10.1954L8.04619 8.7113C7.47725 9.14225 6.77005 9.3998 6.0008 9.3998C4.5269 9.3998 3.27542 8.45999 2.80395 7.14844L0.956055 8.57219C1.89389 10.4073 3.79845 11.6665 6.0008 11.6665Z\" fill=\"#4CAF50\"/>\r\n <path d=\"M11.5564 4.88997L11.5519 4.86646H11.1H6V7.13312H9.20252C8.97812 7.76694 8.5704 8.31349 8.04453 8.71157C8.04482 8.71129 8.0451 8.71129 8.04538 8.71101L9.79922 10.1951C9.67512 10.3079 11.6667 8.83312 11.6667 5.99979C11.6667 5.61984 11.6276 5.24896 11.5564 4.88997Z\" fill=\"#1565C0\"/>\r\n </svg>\r\n </a>\r\n\r\n <div class=\"mrx-gallery-item__preview-controls__button d-flex align-items-center justify-content-center\" *ngIf=\"isEditing\" (click)=\"$event.stopPropagation()\">\r\n <span class=\"mrx-icon icon-delete icon-font-16 text-bold\" (click)=\"deleteImage()\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mrx-gallery-item__description\">\r\n <mrx-input-textarea\r\n *ngIf=\"isEditing; else textTemplate\"\r\n [fields]=\"(fields$ | async)!\"\r\n [ngModel]=\"preview.description\"\r\n [autosize]=\"false\"\r\n [rows]=\"2\"\r\n [maxlength]=\"descriptionMaxLength\"\r\n (modelChange)=\"changeDescription($event)\"\r\n ></mrx-input-textarea>\r\n\r\n <ng-template #textTemplate>\r\n {{ preview.description }}\r\n </ng-template>\r\n </div>\r\n</div>\r\n", styles: [".mrx-gallery-item{cursor:pointer}.mrx-gallery-item__preview{width:100%;height:180px;border-radius:4px;overflow:hidden;position:relative;margin-bottom:8px}.mrx-gallery-item__preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.mrx-gallery-item__preview-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 78.93%,rgba(0,0,0,.35) 91.52%)}.mrx-gallery-item__preview-controls{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:8px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.mrx-gallery-item__preview-controls--text{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);color:var(--neutral-text-inverse);opacity:.8}.mrx-gallery-item__preview-controls--icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%}.mrx-gallery-item__preview-controls__button{padding:4px;border-radius:4px;background:var(--system-white, #FFF)}.mrx-gallery-item__description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}\n"] }]
|
|
78
78
|
}], ctorParameters: function () { return [{ type: i1.GalleryService }, { type: i2.SimpleModalService }, { type: i3.Store }]; }, propDecorators: { preview: [{
|
|
@@ -4,9 +4,9 @@ import { customToolbarDefault } from './constants/custom-buttons-default';
|
|
|
4
4
|
import { thumbsConfigDefault } from './constants/thumbs-config-default';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "./services/gallery.service";
|
|
7
|
-
import * as i2 from "
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
8
|
import * as i3 from "../button/button.component";
|
|
9
|
-
import * as i4 from "
|
|
9
|
+
import * as i4 from "./components/gallery-item/gallery-item.component";
|
|
10
10
|
export class GalleryComponent {
|
|
11
11
|
constructor(galleryService) {
|
|
12
12
|
this.galleryService = galleryService;
|
|
@@ -162,11 +162,11 @@ export class GalleryComponent {
|
|
|
162
162
|
}, {});
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
|
-
GalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
166
|
-
GalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: GalleryComponent, selector: "mrx-gallery", inputs: { data: "data", isExpandable: "isExpandable", customClasses: "customClasses", rotateEndPoint: "rotateEndPoint", deleteEndPoint: "deleteEndPoint", updateEndPoint: "updateEndPoint", isEditing: "isEditing", isSaveRotate: "isSaveRotate", descriptionMaxLength: "descriptionMaxLength", thumbsConfig: "thumbsConfig", toolbarConfig: "toolbarConfig" }, outputs: { deletePhoto: "deletePhoto", updatePhoto: "updatePhoto" }, ngImport: i0, template: "<div class=\"mrx-gallery\" [class]=\"getClasses\">\r\n <div class=\"mrx-gallery-row row\">\r\n <div *ngFor=\"let preview of getData; trackBy: trackByFn; let index = index\" class=\"col col-12 col-sm-6 col-md-3\">\r\n <mrx-gallery-item\r\n [preview]=\"preview\"\r\n [index]=\"index\"\r\n [isEditing]=\"isEditing\"\r\n [descriptionMaxLength]=\"descriptionMaxLength\"\r\n [rotateSlides]=\"rotateSlides\"\r\n [isLoading]=\"isLoading\"\r\n [deleteEndPoint]=\"deleteEndPoint\"\r\n [updateEndPoint]=\"updateEndPoint\"\r\n (openGalleryModal)=\"openGalleryModal($event)\"\r\n (deletePhoto)=\"deletePhoto.emit($event)\"\r\n (updatePhoto)=\"updatePhoto.emit($event)\"\r\n ></mrx-gallery-item>\r\n </div>\r\n </div>\r\n\r\n <div class=\"row mt-3\" *ngIf=\"isShowMore\">\r\n <div class=\"col d-flex justify-content-center\">\r\n <mrx-button type=\"tertiary\" (mrxClick)=\"changeExpanded()\">\r\n {{ getIsExpanded ? '\u0421\u043A\u0440\u044B\u0442\u044C' : '\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432\u0441\u0435 \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u0438' }}\r\n <span\r\n class=\"mrx-icon icon-font-16 ml-2\"\r\n [class.icon-chevron-down]=\"!getIsExpanded\"\r\n [class.icon-chevron-up]=\"getIsExpanded\"\r\n ></span>\r\n </mrx-button>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-stroke: 2.75}::ng-deep .f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}::ng-deep .f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}::ng-deep .f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}::ng-deep .f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}::ng-deep .f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{to{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}::ng-deep .f-throwOutUp{animation:var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp}::ng-deep .f-throwOutDown{animation:var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translateY(calc(var(--f-throw-out-distance, 150px) * -1));opacity:0}}@keyframes f-throwOutDown{to{transform:translateY(var(--f-throw-out-distance, 150px));opacity:0}}::ng-deep .f-zoomInUp{animation:var(--f-transition-duration, .2s) ease .1s both f-zoomInUp}::ng-deep .f-zoomOutDown{animation:var(--f-transition-duration, .2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(.975) translateY(16px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(.975) translateY(16px);opacity:0}}::ng-deep .f-fadeIn{animation:var(--f-transition-duration, .2s) ease both f-fadeIn;z-index:2}::ng-deep .f-fadeOut{animation:var(--f-transition-duration, .2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}::ng-deep .f-fadeFastIn{animation:var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;z-index:2}::ng-deep .f-fadeFastOut{animation:var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}to{opacity:1}}@keyframes f-fadeFastOut{to{opacity:0}}::ng-deep .f-fadeSlowIn{animation:var(--f-transition-duration, .5s) ease both f-fadeSlowIn;z-index:2}::ng-deep .f-fadeSlowOut{animation:var(--f-transition-duration, .5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeSlowOut{to{opacity:0}}::ng-deep .f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;z-index:2}::ng-deep .f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}::ng-deep .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNext}::ng-deep .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrev}::ng-deep .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNext}::ng-deep .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes f-slideInNext{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes f-slideOutNext{to{transform:translate(-100%)}}@keyframes f-slideOutPrev{to{transform:translate(100%)}}::ng-deep .f-classicIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicInNext;z-index:2}::ng-deep .f-classicIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;z-index:2}::ng-deep .f-classicOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;z-index:1}::ng-deep .f-classicOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translate(-75px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translate(75px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes f-classicOutNext{to{transform:translate(-75px);opacity:0}}@keyframes f-classicOutPrev{to{transform:translate(75px);opacity:0}}::ng-deep :root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: .65}::ng-deep .f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media (hover: hover){::ng-deep .f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}::ng-deep .f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}::ng-deep .f-button:focus:not(:focus-visible){outline:none}::ng-deep .f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}::ng-deep .f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}::ng-deep .f-button[disabled]{cursor:default}::ng-deep .f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}::ng-deep .f-carousel__nav .f-button.is-prev,::ng-deep .f-carousel__nav .f-button.is-next,::ng-deep .fancybox__nav .f-button.is-prev,::ng-deep .fancybox__nav .f-button.is-next{position:absolute;z-index:1}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal .fancybox__nav .f-button.is-prev,::ng-deep .is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}::ng-deep .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}::ng-deep .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev,::ng-deep .is-vertical .f-carousel__nav .f-button.is-next,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev,::ng-deep .is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translate(-50%)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-next,::ng-deep .is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev svg,::ng-deep .is-vertical .f-carousel__nav .f-button.is-next svg,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev svg,::ng-deep .is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}::ng-deep html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}::ng-deep html.with-fancybox body{touch-action:none}::ng-deep html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}::ng-deep .fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, .98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, .1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;inset:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}::ng-deep .fancybox__container *,::ng-deep .fancybox__container *:before,::ng-deep .fancybox__container *:after{box-sizing:inherit}::ng-deep .fancybox__container::backdrop{background-color:#0000}::ng-deep .fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}::ng-deep .fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}::ng-deep .fancybox__viewport{width:100%;height:100%}::ng-deep .fancybox__viewport.is-draggable{cursor:move;cursor:grab}::ng-deep .fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}::ng-deep .fancybox__track{display:flex;margin:0 auto;height:100%}::ng-deep .fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate(0);backface-visibility:hidden}::ng-deep .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}::ng-deep .fancybox__slide.has-iframe,::ng-deep .fancybox__slide.has-video,::ng-deep .fancybox__slide.has-html5video{overflow:hidden}::ng-deep .fancybox__slide.has-image{overflow:hidden}::ng-deep .fancybox__slide.has-image.is-animating,::ng-deep .fancybox__slide.has-image.is-selected{overflow:visible}::ng-deep .fancybox__slide:before,::ng-deep .fancybox__slide:after{content:\"\";flex:0 0 0;margin:auto}::ng-deep .fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}::ng-deep .is-loading .fancybox__content{opacity:0}::ng-deep .is-draggable .fancybox__content{cursor:move;cursor:grab}::ng-deep .can-zoom_in .fancybox__content{cursor:zoom-in}::ng-deep .can-zoom_out .fancybox__content{cursor:zoom-out}::ng-deep .is-dragging .fancybox__content{cursor:move;cursor:grabbing}::ng-deep .fancybox__content [data-selectable],::ng-deep .fancybox__content [contenteditable]{cursor:auto}::ng-deep .fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate(0);backface-visibility:hidden}::ng-deep .fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}::ng-deep .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,::ng-deep .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}::ng-deep .is-animating .fancybox__content,::ng-deep .is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}::ng-deep .fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;-webkit-user-select:none;user-select:none}::ng-deep .fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}::ng-deep .is-loading .fancybox__caption,::ng-deep .is-closing .fancybox__caption{opacity:0;visibility:hidden}::ng-deep .is-compact .fancybox__caption{padding-bottom:0}::ng-deep .f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}::ng-deep .fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}::ng-deep .is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}::ng-deep .is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}::ng-deep .fancybox__content>.f-button.is-close-btn:hover{opacity:1}::ng-deep .fancybox__footer{padding:0;margin:0;position:relative}::ng-deep .fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}::ng-deep .is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}::ng-deep .is-compact .fancybox__footer .fancybox__caption{padding:12px}::ng-deep .is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, .6);--f-button-active-bg: rgba(0, 0, 0, .6);--f-button-hover-bg: rgba(0, 0, 0, .6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}::ng-deep .fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, .3);--f-button-active-bg: rgba(24, 24, 27, .5);--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5));--f-button-svg-disabled-opacity: .65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}::ng-deep .fancybox__nav .f-button:before{position:absolute;content:\"\";inset:-30px -20px;z-index:1}::ng-deep .is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}::ng-deep .is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}::ng-deep .fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));z-index:30;cursor:pointer}::ng-deep .fancybox-protected{position:absolute;inset:0;z-index:40;-webkit-user-select:none;user-select:none}::ng-deep .fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;-webkit-user-select:none;user-select:none;pointer-events:none}::ng-deep .fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}::ng-deep .fancybox__container:not([aria-hidden]){opacity:0}::ng-deep .fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn}::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn}::ng-deep .fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut}::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut}::ng-deep .has-iframe .fancybox__content,::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content,::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}::ng-deep .has-iframe .fancybox__content,::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}::ng-deep .fancybox__container.is-compact .has-iframe .fancybox__content,::ng-deep .fancybox__container.is-compact .has-map .fancybox__content,::ng-deep .fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content,::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}::ng-deep .has-map .fancybox__content{background:#e5e3df}::ng-deep .fancybox__html5video,::ng-deep .fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}::ng-deep .fancybox-placeholder{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}::ng-deep .f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}::ng-deep .f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: .5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}::ng-deep .f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}::ng-deep .f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;perspective:1000px;transform:translateZ(0)}::ng-deep .f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2,#e2e8f0);z-index:-1}::ng-deep .f-thumbs .f-spinner svg{display:none}::ng-deep .f-thumbs.is-vertical{height:100%}::ng-deep .f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate(0)}::ng-deep .f-thumbs__track{display:flex}::ng-deep .f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}::ng-deep .f-thumbs__slide.is-loading img{opacity:0}::ng-deep .is-classic .f-thumbs__viewport{height:100%}::ng-deep .is-modern .f-thumbs__track{width:max-content}::ng-deep .is-modern .f-thumbs__track:before{content:\"\";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0)) * -.5);width:calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));cursor:pointer}::ng-deep .is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate(calc(var(--shift, 0) * -1px));transition:none;pointer-events:none}::ng-deep .is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}::ng-deep .is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}::ng-deep .is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}::ng-deep .f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}::ng-deep .f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}::ng-deep .f-thumbs__slide__button:focus:not(:focus-visible){outline:none}::ng-deep .f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}::ng-deep .is-modern .f-thumbs__slide__button{--clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * (1 - var(--progress, 0)) * .5) round var(--f-thumb-border-radius, 0));clip-path:var(--clip-path)}::ng-deep .is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}::ng-deep .is-classic .is-nav-selected .f-thumbs__slide__button:after{content:\"\";position:absolute;inset:0;height:auto;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}::ng-deep .f-thumbs__slide__img{overflow:hidden;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}::ng-deep .f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px}::ng-deep .f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}::ng-deep .f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}::ng-deep .f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}::ng-deep .fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(.23,1,.32,1)}::ng-deep .fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: .5;--f-thumb-hover-opacity: 1}::ng-deep .fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}::ng-deep .fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}::ng-deep .fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}::ng-deep .fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}::ng-deep .fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}::ng-deep .is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}::ng-deep .fancybox__thumbs.is-masked{max-height:0px!important}::ng-deep .is-closing .fancybox__thumbs{transition:none!important}::ng-deep .fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, .94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, .65);--f-button-hover-bg: rgba(70, 70, 73, .65);--f-button-active-bg: rgba(90, 90, 93, .65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));pointer-events:none;z-index:20}::ng-deep .fancybox__toolbar :focus-visible{z-index:1}::ng-deep .fancybox__toolbar.is-absolute,::ng-deep .is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}::ng-deep .is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}::ng-deep .fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}::ng-deep .fancybox__toolbar__column.is-left,::ng-deep .fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}::ng-deep .fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}::ng-deep .fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-webkit-user-select:none;user-select:none}::ng-deep .fancybox__infobar span{padding:0 5px}::ng-deep .fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}::ng-deep [data-fancybox-toggle-slideshow]{position:relative}::ng-deep [data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}::ng-deep [data-fancybox-toggle-slideshow] svg g:first-child{display:flex}::ng-deep [data-fancybox-toggle-slideshow] svg g:last-child{display:none}::ng-deep .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}::ng-deep .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}::ng-deep [data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}::ng-deep [data-fancybox-toggle-fullscreen] svg g:last-child{display:none}::ng-deep :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}::ng-deep :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}::ng-deep :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}::ng-deep :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}::ng-deep .f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;-webkit-user-select:none;user-select:none;pointer-events:none}.mrx-gallery-row{row-gap:16px}\n"], components: [{ type: i2.GalleryItemComponent, selector: "mrx-gallery-item", inputs: ["preview", "index", "isEditing", "descriptionMaxLength", "deleteEndPoint", "updateEndPoint", "rotateSlides", "isLoading"], outputs: ["openGalleryModal", "deletePhoto", "updatePhoto"] }, { type: i3.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType"], outputs: ["mrxClick"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
165
|
+
GalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryComponent, deps: [{ token: i1.GalleryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
166
|
+
GalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GalleryComponent, selector: "mrx-gallery", inputs: { data: "data", isExpandable: "isExpandable", customClasses: "customClasses", rotateEndPoint: "rotateEndPoint", deleteEndPoint: "deleteEndPoint", updateEndPoint: "updateEndPoint", isEditing: "isEditing", isSaveRotate: "isSaveRotate", descriptionMaxLength: "descriptionMaxLength", thumbsConfig: "thumbsConfig", toolbarConfig: "toolbarConfig" }, outputs: { deletePhoto: "deletePhoto", updatePhoto: "updatePhoto" }, ngImport: i0, template: "<div class=\"mrx-gallery\" [class]=\"getClasses\">\r\n <div class=\"mrx-gallery-row row\">\r\n <div *ngFor=\"let preview of getData; trackBy: trackByFn; let index = index\" class=\"col col-12 col-sm-6 col-md-3\">\r\n <mrx-gallery-item\r\n [preview]=\"preview\"\r\n [index]=\"index\"\r\n [isEditing]=\"isEditing\"\r\n [descriptionMaxLength]=\"descriptionMaxLength\"\r\n [rotateSlides]=\"rotateSlides\"\r\n [isLoading]=\"isLoading\"\r\n [deleteEndPoint]=\"deleteEndPoint\"\r\n [updateEndPoint]=\"updateEndPoint\"\r\n (openGalleryModal)=\"openGalleryModal($event)\"\r\n (deletePhoto)=\"deletePhoto.emit($event)\"\r\n (updatePhoto)=\"updatePhoto.emit($event)\"\r\n ></mrx-gallery-item>\r\n </div>\r\n </div>\r\n\r\n <div class=\"row mt-3\" *ngIf=\"isShowMore\">\r\n <div class=\"col d-flex justify-content-center\">\r\n <mrx-button type=\"tertiary\" (mrxClick)=\"changeExpanded()\">\r\n {{ getIsExpanded ? '\u0421\u043A\u0440\u044B\u0442\u044C' : '\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432\u0441\u0435 \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u0438' }}\r\n <span\r\n class=\"mrx-icon icon-font-16 ml-2\"\r\n [class.icon-chevron-down]=\"!getIsExpanded\"\r\n [class.icon-chevron-up]=\"getIsExpanded\"\r\n ></span>\r\n </mrx-button>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-stroke: 2.75}::ng-deep .f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}::ng-deep .f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}::ng-deep .f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}::ng-deep .f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}::ng-deep .f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{to{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}::ng-deep .f-throwOutUp{animation:var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp}::ng-deep .f-throwOutDown{animation:var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throw-out-distance, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throw-out-distance, 150px),0);opacity:0}}::ng-deep .f-zoomInUp{animation:var(--f-transition-duration, .2s) ease .1s both f-zoomInUp}::ng-deep .f-zoomOutDown{animation:var(--f-transition-duration, .2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(.975) translate3d(0,16px,0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(.975) translate3d(0,16px,0);opacity:0}}::ng-deep .f-fadeIn{animation:var(--f-transition-duration, .2s) ease both f-fadeIn;z-index:2}::ng-deep .f-fadeOut{animation:var(--f-transition-duration, .2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}::ng-deep .f-fadeFastIn{animation:var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;z-index:2}::ng-deep .f-fadeFastOut{animation:var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}to{opacity:1}}@keyframes f-fadeFastOut{to{opacity:0}}::ng-deep .f-fadeSlowIn{animation:var(--f-transition-duration, .5s) ease both f-fadeSlowIn;z-index:2}::ng-deep .f-fadeSlowOut{animation:var(--f-transition-duration, .5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeSlowOut{to{opacity:0}}::ng-deep .f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;z-index:2}::ng-deep .f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}::ng-deep .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNext}::ng-deep .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrev}::ng-deep .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNext}::ng-deep .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translate(100%)}to{transform:translateZ(0)}}@keyframes f-slideInNext{0%{transform:translate(-100%)}to{transform:translateZ(0)}}@keyframes f-slideOutNext{to{transform:translate(-100%)}}@keyframes f-slideOutPrev{to{transform:translate(100%)}}::ng-deep .f-classicIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicInNext;z-index:2}::ng-deep .f-classicIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;z-index:2}::ng-deep .f-classicOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;z-index:1}::ng-deep .f-classicOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translate(-75px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translate(75px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes f-classicOutNext{to{transform:translate(-75px);opacity:0}}@keyframes f-classicOutPrev{to{transform:translate(75px);opacity:0}}::ng-deep :root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: .65}::ng-deep .f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media (hover: hover){::ng-deep .f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}::ng-deep .f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}::ng-deep .f-button:focus:not(:focus-visible){outline:none}::ng-deep .f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}::ng-deep .f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}::ng-deep .f-button[disabled]{cursor:default}::ng-deep .f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}::ng-deep .f-carousel__nav .f-button.is-prev,::ng-deep .f-carousel__nav .f-button.is-next,::ng-deep .fancybox__nav .f-button.is-prev,::ng-deep .fancybox__nav .f-button.is-next{position:absolute;z-index:1}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal .fancybox__nav .f-button.is-prev,::ng-deep .is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}::ng-deep .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}::ng-deep .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev,::ng-deep .is-vertical .f-carousel__nav .f-button.is-next,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev,::ng-deep .is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translate(-50%)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-next,::ng-deep .is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev svg,::ng-deep .is-vertical .f-carousel__nav .f-button.is-next svg,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev svg,::ng-deep .is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}::ng-deep html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}::ng-deep html.with-fancybox body{touch-action:none}::ng-deep html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}::ng-deep .fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, .98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, .1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;inset:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}::ng-deep .fancybox__container *,::ng-deep .fancybox__container *:before,::ng-deep .fancybox__container *:after{box-sizing:inherit}::ng-deep .fancybox__container::backdrop{background-color:#0000}::ng-deep .fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}::ng-deep .fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}::ng-deep .fancybox__viewport{width:100%;height:100%}::ng-deep .fancybox__viewport.is-draggable{cursor:move;cursor:grab}::ng-deep .fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}::ng-deep .fancybox__track{display:flex;margin:0 auto;height:100%}::ng-deep .fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translateZ(0);backface-visibility:hidden}::ng-deep .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}::ng-deep .fancybox__slide.has-iframe,::ng-deep .fancybox__slide.has-video,::ng-deep .fancybox__slide.has-html5video{overflow:hidden}::ng-deep .fancybox__slide.has-image{overflow:hidden}::ng-deep .fancybox__slide.has-image.is-animating,::ng-deep .fancybox__slide.has-image.is-selected{overflow:visible}::ng-deep .fancybox__slide:before,::ng-deep .fancybox__slide:after{content:\"\";flex:0 0 0;margin:auto}::ng-deep .fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}::ng-deep .is-loading .fancybox__content{opacity:0}::ng-deep .is-draggable .fancybox__content{cursor:move;cursor:grab}::ng-deep .can-zoom_in .fancybox__content{cursor:zoom-in}::ng-deep .can-zoom_out .fancybox__content{cursor:zoom-out}::ng-deep .is-dragging .fancybox__content{cursor:move;cursor:grabbing}::ng-deep .fancybox__content [data-selectable],::ng-deep .fancybox__content [contenteditable]{cursor:auto}::ng-deep .fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translateZ(0);backface-visibility:hidden}::ng-deep .fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}::ng-deep .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,::ng-deep .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}::ng-deep .is-animating .fancybox__content,::ng-deep .is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}::ng-deep .fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;-webkit-user-select:none;user-select:none}::ng-deep .fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}::ng-deep .is-loading .fancybox__caption,::ng-deep .is-closing .fancybox__caption{opacity:0;visibility:hidden}::ng-deep .is-compact .fancybox__caption{padding-bottom:0}::ng-deep .f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}::ng-deep .fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}::ng-deep .is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}::ng-deep .is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}::ng-deep .fancybox__content>.f-button.is-close-btn:hover{opacity:1}::ng-deep .fancybox__footer{padding:0;margin:0;position:relative}::ng-deep .fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}::ng-deep .is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}::ng-deep .is-compact .fancybox__footer .fancybox__caption{padding:12px}::ng-deep .is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, .6);--f-button-active-bg: rgba(0, 0, 0, .6);--f-button-hover-bg: rgba(0, 0, 0, .6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}::ng-deep .fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, .3);--f-button-active-bg: rgba(24, 24, 27, .5);--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5));--f-button-svg-disabled-opacity: .65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}::ng-deep .fancybox__nav .f-button:before{position:absolute;content:\"\";inset:-30px -20px;z-index:1}::ng-deep .is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}::ng-deep .is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}::ng-deep .fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));z-index:30;cursor:pointer}::ng-deep .fancybox-protected{position:absolute;inset:0;z-index:40;-webkit-user-select:none;user-select:none}::ng-deep .fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;-webkit-user-select:none;user-select:none;pointer-events:none}::ng-deep .fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}::ng-deep .fancybox__container:not([aria-hidden]){opacity:0}::ng-deep .fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn}::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn}::ng-deep .fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut}::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut}::ng-deep .has-iframe .fancybox__content,::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content,::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}::ng-deep .has-iframe .fancybox__content,::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}::ng-deep .fancybox__container.is-compact .has-iframe .fancybox__content,::ng-deep .fancybox__container.is-compact .has-map .fancybox__content,::ng-deep .fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content,::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}::ng-deep .has-map .fancybox__content{background:#e5e3df}::ng-deep .fancybox__html5video,::ng-deep .fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}::ng-deep .fancybox-placeholder{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}::ng-deep .f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}::ng-deep .f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: .5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}::ng-deep .f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}::ng-deep .f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;perspective:1000px;transform:translateZ(0)}::ng-deep .f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2,#e2e8f0);z-index:-1}::ng-deep .f-thumbs .f-spinner svg{display:none}::ng-deep .f-thumbs.is-vertical{height:100%}::ng-deep .f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translateZ(0)}::ng-deep .f-thumbs__track{display:flex}::ng-deep .f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}::ng-deep .f-thumbs__slide.is-loading img{opacity:0}::ng-deep .is-classic .f-thumbs__viewport{height:100%}::ng-deep .is-modern .f-thumbs__track{width:max-content}::ng-deep .is-modern .f-thumbs__track:before{content:\"\";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0)) * -.5);width:calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));cursor:pointer}::ng-deep .is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px),0,0);transition:none;pointer-events:none}::ng-deep .is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}::ng-deep .is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}::ng-deep .is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}::ng-deep .f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}::ng-deep .f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}::ng-deep .f-thumbs__slide__button:focus:not(:focus-visible){outline:none}::ng-deep .f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}::ng-deep .is-modern .f-thumbs__slide__button{--clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * (1 - var(--progress, 0)) * .5) round var(--f-thumb-border-radius, 0));clip-path:var(--clip-path)}::ng-deep .is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}::ng-deep .is-classic .is-nav-selected .f-thumbs__slide__button:after{content:\"\";position:absolute;inset:0;height:auto;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}::ng-deep .f-thumbs__slide__img{overflow:hidden;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}::ng-deep .f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px}::ng-deep .f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}::ng-deep .f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}::ng-deep .f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}::ng-deep .fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(.23,1,.32,1)}::ng-deep .fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: .5;--f-thumb-hover-opacity: 1}::ng-deep .fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}::ng-deep .fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}::ng-deep .fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}::ng-deep .fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}::ng-deep .fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}::ng-deep .is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}::ng-deep .fancybox__thumbs.is-masked{max-height:0px!important}::ng-deep .is-closing .fancybox__thumbs{transition:none!important}::ng-deep .fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, .94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, .65);--f-button-hover-bg: rgba(70, 70, 73, .65);--f-button-active-bg: rgba(90, 90, 93, .65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));pointer-events:none;z-index:20}::ng-deep .fancybox__toolbar :focus-visible{z-index:1}::ng-deep .fancybox__toolbar.is-absolute,::ng-deep .is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}::ng-deep .is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}::ng-deep .fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}::ng-deep .fancybox__toolbar__column.is-left,::ng-deep .fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}::ng-deep .fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}::ng-deep .fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-webkit-user-select:none;user-select:none}::ng-deep .fancybox__infobar span{padding:0 5px}::ng-deep .fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}::ng-deep [data-fancybox-toggle-slideshow]{position:relative}::ng-deep [data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}::ng-deep [data-fancybox-toggle-slideshow] svg g:first-child{display:flex}::ng-deep [data-fancybox-toggle-slideshow] svg g:last-child{display:none}::ng-deep .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}::ng-deep .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}::ng-deep [data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}::ng-deep [data-fancybox-toggle-fullscreen] svg g:last-child{display:none}::ng-deep :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}::ng-deep :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}::ng-deep :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}::ng-deep :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}::ng-deep .f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;-webkit-user-select:none;user-select:none;pointer-events:none}.mrx-gallery-row{row-gap:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "mrx-button", inputs: ["size", "type", "color", "iconPosition", "active", "disabled", "isLoading", "iconOnly", "customClasses", "label", "icon", "iconClass", "buttonType"], outputs: ["mrxClick"] }, { kind: "component", type: i4.GalleryItemComponent, selector: "mrx-gallery-item", inputs: ["preview", "index", "isEditing", "descriptionMaxLength", "deleteEndPoint", "updateEndPoint", "rotateSlides", "isLoading"], outputs: ["openGalleryModal", "deletePhoto", "updatePhoto"] }] });
|
|
167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryComponent, decorators: [{
|
|
168
168
|
type: Component,
|
|
169
|
-
args: [{ selector: 'mrx-gallery', template: "<div class=\"mrx-gallery\" [class]=\"getClasses\">\r\n <div class=\"mrx-gallery-row row\">\r\n <div *ngFor=\"let preview of getData; trackBy: trackByFn; let index = index\" class=\"col col-12 col-sm-6 col-md-3\">\r\n <mrx-gallery-item\r\n [preview]=\"preview\"\r\n [index]=\"index\"\r\n [isEditing]=\"isEditing\"\r\n [descriptionMaxLength]=\"descriptionMaxLength\"\r\n [rotateSlides]=\"rotateSlides\"\r\n [isLoading]=\"isLoading\"\r\n [deleteEndPoint]=\"deleteEndPoint\"\r\n [updateEndPoint]=\"updateEndPoint\"\r\n (openGalleryModal)=\"openGalleryModal($event)\"\r\n (deletePhoto)=\"deletePhoto.emit($event)\"\r\n (updatePhoto)=\"updatePhoto.emit($event)\"\r\n ></mrx-gallery-item>\r\n </div>\r\n </div>\r\n\r\n <div class=\"row mt-3\" *ngIf=\"isShowMore\">\r\n <div class=\"col d-flex justify-content-center\">\r\n <mrx-button type=\"tertiary\" (mrxClick)=\"changeExpanded()\">\r\n {{ getIsExpanded ? '\u0421\u043A\u0440\u044B\u0442\u044C' : '\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432\u0441\u0435 \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u0438' }}\r\n <span\r\n class=\"mrx-icon icon-font-16 ml-2\"\r\n [class.icon-chevron-down]=\"!getIsExpanded\"\r\n [class.icon-chevron-up]=\"getIsExpanded\"\r\n ></span>\r\n </mrx-button>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-stroke: 2.75}::ng-deep .f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}::ng-deep .f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}::ng-deep .f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}::ng-deep .f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}::ng-deep .f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{to{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}::ng-deep .f-throwOutUp{animation:var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp}::ng-deep .f-throwOutDown{animation:var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translateY(calc(var(--f-throw-out-distance, 150px) * -1));opacity:0}}@keyframes f-throwOutDown{to{transform:translateY(var(--f-throw-out-distance, 150px));opacity:0}}::ng-deep .f-zoomInUp{animation:var(--f-transition-duration, .2s) ease .1s both f-zoomInUp}::ng-deep .f-zoomOutDown{animation:var(--f-transition-duration, .2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(.975) translateY(16px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(.975) translateY(16px);opacity:0}}::ng-deep .f-fadeIn{animation:var(--f-transition-duration, .2s) ease both f-fadeIn;z-index:2}::ng-deep .f-fadeOut{animation:var(--f-transition-duration, .2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}::ng-deep .f-fadeFastIn{animation:var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;z-index:2}::ng-deep .f-fadeFastOut{animation:var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}to{opacity:1}}@keyframes f-fadeFastOut{to{opacity:0}}::ng-deep .f-fadeSlowIn{animation:var(--f-transition-duration, .5s) ease both f-fadeSlowIn;z-index:2}::ng-deep .f-fadeSlowOut{animation:var(--f-transition-duration, .5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeSlowOut{to{opacity:0}}::ng-deep .f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;z-index:2}::ng-deep .f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}::ng-deep .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNext}::ng-deep .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrev}::ng-deep .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNext}::ng-deep .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes f-slideInNext{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes f-slideOutNext{to{transform:translate(-100%)}}@keyframes f-slideOutPrev{to{transform:translate(100%)}}::ng-deep .f-classicIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicInNext;z-index:2}::ng-deep .f-classicIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;z-index:2}::ng-deep .f-classicOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;z-index:1}::ng-deep .f-classicOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translate(-75px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translate(75px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes f-classicOutNext{to{transform:translate(-75px);opacity:0}}@keyframes f-classicOutPrev{to{transform:translate(75px);opacity:0}}::ng-deep :root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: .65}::ng-deep .f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media (hover: hover){::ng-deep .f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}::ng-deep .f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}::ng-deep .f-button:focus:not(:focus-visible){outline:none}::ng-deep .f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}::ng-deep .f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}::ng-deep .f-button[disabled]{cursor:default}::ng-deep .f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}::ng-deep .f-carousel__nav .f-button.is-prev,::ng-deep .f-carousel__nav .f-button.is-next,::ng-deep .fancybox__nav .f-button.is-prev,::ng-deep .fancybox__nav .f-button.is-next{position:absolute;z-index:1}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal .fancybox__nav .f-button.is-prev,::ng-deep .is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}::ng-deep .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}::ng-deep .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev,::ng-deep .is-vertical .f-carousel__nav .f-button.is-next,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev,::ng-deep .is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translate(-50%)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-next,::ng-deep .is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev svg,::ng-deep .is-vertical .f-carousel__nav .f-button.is-next svg,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev svg,::ng-deep .is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}::ng-deep html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}::ng-deep html.with-fancybox body{touch-action:none}::ng-deep html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}::ng-deep .fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, .98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, .1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;inset:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}::ng-deep .fancybox__container *,::ng-deep .fancybox__container *:before,::ng-deep .fancybox__container *:after{box-sizing:inherit}::ng-deep .fancybox__container::backdrop{background-color:#0000}::ng-deep .fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}::ng-deep .fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}::ng-deep .fancybox__viewport{width:100%;height:100%}::ng-deep .fancybox__viewport.is-draggable{cursor:move;cursor:grab}::ng-deep .fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}::ng-deep .fancybox__track{display:flex;margin:0 auto;height:100%}::ng-deep .fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate(0);backface-visibility:hidden}::ng-deep .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}::ng-deep .fancybox__slide.has-iframe,::ng-deep .fancybox__slide.has-video,::ng-deep .fancybox__slide.has-html5video{overflow:hidden}::ng-deep .fancybox__slide.has-image{overflow:hidden}::ng-deep .fancybox__slide.has-image.is-animating,::ng-deep .fancybox__slide.has-image.is-selected{overflow:visible}::ng-deep .fancybox__slide:before,::ng-deep .fancybox__slide:after{content:\"\";flex:0 0 0;margin:auto}::ng-deep .fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}::ng-deep .is-loading .fancybox__content{opacity:0}::ng-deep .is-draggable .fancybox__content{cursor:move;cursor:grab}::ng-deep .can-zoom_in .fancybox__content{cursor:zoom-in}::ng-deep .can-zoom_out .fancybox__content{cursor:zoom-out}::ng-deep .is-dragging .fancybox__content{cursor:move;cursor:grabbing}::ng-deep .fancybox__content [data-selectable],::ng-deep .fancybox__content [contenteditable]{cursor:auto}::ng-deep .fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate(0);backface-visibility:hidden}::ng-deep .fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}::ng-deep .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,::ng-deep .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}::ng-deep .is-animating .fancybox__content,::ng-deep .is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}::ng-deep .fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;-webkit-user-select:none;user-select:none}::ng-deep .fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}::ng-deep .is-loading .fancybox__caption,::ng-deep .is-closing .fancybox__caption{opacity:0;visibility:hidden}::ng-deep .is-compact .fancybox__caption{padding-bottom:0}::ng-deep .f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}::ng-deep .fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}::ng-deep .is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}::ng-deep .is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}::ng-deep .fancybox__content>.f-button.is-close-btn:hover{opacity:1}::ng-deep .fancybox__footer{padding:0;margin:0;position:relative}::ng-deep .fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}::ng-deep .is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}::ng-deep .is-compact .fancybox__footer .fancybox__caption{padding:12px}::ng-deep .is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, .6);--f-button-active-bg: rgba(0, 0, 0, .6);--f-button-hover-bg: rgba(0, 0, 0, .6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}::ng-deep .fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, .3);--f-button-active-bg: rgba(24, 24, 27, .5);--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5));--f-button-svg-disabled-opacity: .65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}::ng-deep .fancybox__nav .f-button:before{position:absolute;content:\"\";inset:-30px -20px;z-index:1}::ng-deep .is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}::ng-deep .is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}::ng-deep .fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));z-index:30;cursor:pointer}::ng-deep .fancybox-protected{position:absolute;inset:0;z-index:40;-webkit-user-select:none;user-select:none}::ng-deep .fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;-webkit-user-select:none;user-select:none;pointer-events:none}::ng-deep .fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}::ng-deep .fancybox__container:not([aria-hidden]){opacity:0}::ng-deep .fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn}::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn}::ng-deep .fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut}::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut}::ng-deep .has-iframe .fancybox__content,::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content,::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}::ng-deep .has-iframe .fancybox__content,::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}::ng-deep .fancybox__container.is-compact .has-iframe .fancybox__content,::ng-deep .fancybox__container.is-compact .has-map .fancybox__content,::ng-deep .fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content,::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}::ng-deep .has-map .fancybox__content{background:#e5e3df}::ng-deep .fancybox__html5video,::ng-deep .fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}::ng-deep .fancybox-placeholder{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}::ng-deep .f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}::ng-deep .f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: .5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}::ng-deep .f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}::ng-deep .f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;perspective:1000px;transform:translateZ(0)}::ng-deep .f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2,#e2e8f0);z-index:-1}::ng-deep .f-thumbs .f-spinner svg{display:none}::ng-deep .f-thumbs.is-vertical{height:100%}::ng-deep .f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate(0)}::ng-deep .f-thumbs__track{display:flex}::ng-deep .f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}::ng-deep .f-thumbs__slide.is-loading img{opacity:0}::ng-deep .is-classic .f-thumbs__viewport{height:100%}::ng-deep .is-modern .f-thumbs__track{width:max-content}::ng-deep .is-modern .f-thumbs__track:before{content:\"\";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0)) * -.5);width:calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));cursor:pointer}::ng-deep .is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate(calc(var(--shift, 0) * -1px));transition:none;pointer-events:none}::ng-deep .is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}::ng-deep .is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}::ng-deep .is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}::ng-deep .f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}::ng-deep .f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}::ng-deep .f-thumbs__slide__button:focus:not(:focus-visible){outline:none}::ng-deep .f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}::ng-deep .is-modern .f-thumbs__slide__button{--clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * (1 - var(--progress, 0)) * .5) round var(--f-thumb-border-radius, 0));clip-path:var(--clip-path)}::ng-deep .is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}::ng-deep .is-classic .is-nav-selected .f-thumbs__slide__button:after{content:\"\";position:absolute;inset:0;height:auto;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}::ng-deep .f-thumbs__slide__img{overflow:hidden;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}::ng-deep .f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px}::ng-deep .f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}::ng-deep .f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}::ng-deep .f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}::ng-deep .fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(.23,1,.32,1)}::ng-deep .fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: .5;--f-thumb-hover-opacity: 1}::ng-deep .fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}::ng-deep .fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}::ng-deep .fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}::ng-deep .fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}::ng-deep .fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}::ng-deep .is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}::ng-deep .fancybox__thumbs.is-masked{max-height:0px!important}::ng-deep .is-closing .fancybox__thumbs{transition:none!important}::ng-deep .fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, .94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, .65);--f-button-hover-bg: rgba(70, 70, 73, .65);--f-button-active-bg: rgba(90, 90, 93, .65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));pointer-events:none;z-index:20}::ng-deep .fancybox__toolbar :focus-visible{z-index:1}::ng-deep .fancybox__toolbar.is-absolute,::ng-deep .is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}::ng-deep .is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}::ng-deep .fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}::ng-deep .fancybox__toolbar__column.is-left,::ng-deep .fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}::ng-deep .fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}::ng-deep .fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-webkit-user-select:none;user-select:none}::ng-deep .fancybox__infobar span{padding:0 5px}::ng-deep .fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}::ng-deep [data-fancybox-toggle-slideshow]{position:relative}::ng-deep [data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}::ng-deep [data-fancybox-toggle-slideshow] svg g:first-child{display:flex}::ng-deep [data-fancybox-toggle-slideshow] svg g:last-child{display:none}::ng-deep .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}::ng-deep .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}::ng-deep [data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}::ng-deep [data-fancybox-toggle-fullscreen] svg g:last-child{display:none}::ng-deep :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}::ng-deep :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}::ng-deep :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}::ng-deep :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}::ng-deep .f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;-webkit-user-select:none;user-select:none;pointer-events:none}.mrx-gallery-row{row-gap:16px}\n"] }]
|
|
169
|
+
args: [{ selector: 'mrx-gallery', template: "<div class=\"mrx-gallery\" [class]=\"getClasses\">\r\n <div class=\"mrx-gallery-row row\">\r\n <div *ngFor=\"let preview of getData; trackBy: trackByFn; let index = index\" class=\"col col-12 col-sm-6 col-md-3\">\r\n <mrx-gallery-item\r\n [preview]=\"preview\"\r\n [index]=\"index\"\r\n [isEditing]=\"isEditing\"\r\n [descriptionMaxLength]=\"descriptionMaxLength\"\r\n [rotateSlides]=\"rotateSlides\"\r\n [isLoading]=\"isLoading\"\r\n [deleteEndPoint]=\"deleteEndPoint\"\r\n [updateEndPoint]=\"updateEndPoint\"\r\n (openGalleryModal)=\"openGalleryModal($event)\"\r\n (deletePhoto)=\"deletePhoto.emit($event)\"\r\n (updatePhoto)=\"updatePhoto.emit($event)\"\r\n ></mrx-gallery-item>\r\n </div>\r\n </div>\r\n\r\n <div class=\"row mt-3\" *ngIf=\"isShowMore\">\r\n <div class=\"col d-flex justify-content-center\">\r\n <mrx-button type=\"tertiary\" (mrxClick)=\"changeExpanded()\">\r\n {{ getIsExpanded ? '\u0421\u043A\u0440\u044B\u0442\u044C' : '\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432\u0441\u0435 \u0444\u043E\u0442\u043E\u0433\u0440\u0430\u0444\u0438\u0438' }}\r\n <span\r\n class=\"mrx-icon icon-font-16 ml-2\"\r\n [class.icon-chevron-down]=\"!getIsExpanded\"\r\n [class.icon-chevron-up]=\"getIsExpanded\"\r\n ></span>\r\n </mrx-button>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-stroke: 2.75}::ng-deep .f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}::ng-deep .f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}::ng-deep .f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}::ng-deep .f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}::ng-deep .f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{to{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}::ng-deep .f-throwOutUp{animation:var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp}::ng-deep .f-throwOutDown{animation:var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throw-out-distance, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throw-out-distance, 150px),0);opacity:0}}::ng-deep .f-zoomInUp{animation:var(--f-transition-duration, .2s) ease .1s both f-zoomInUp}::ng-deep .f-zoomOutDown{animation:var(--f-transition-duration, .2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(.975) translate3d(0,16px,0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(.975) translate3d(0,16px,0);opacity:0}}::ng-deep .f-fadeIn{animation:var(--f-transition-duration, .2s) ease both f-fadeIn;z-index:2}::ng-deep .f-fadeOut{animation:var(--f-transition-duration, .2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}::ng-deep .f-fadeFastIn{animation:var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;z-index:2}::ng-deep .f-fadeFastOut{animation:var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}to{opacity:1}}@keyframes f-fadeFastOut{to{opacity:0}}::ng-deep .f-fadeSlowIn{animation:var(--f-transition-duration, .5s) ease both f-fadeSlowIn;z-index:2}::ng-deep .f-fadeSlowOut{animation:var(--f-transition-duration, .5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeSlowOut{to{opacity:0}}::ng-deep .f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;z-index:2}::ng-deep .f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}::ng-deep .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNext}::ng-deep .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrev}::ng-deep .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNext}::ng-deep .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translate(100%)}to{transform:translateZ(0)}}@keyframes f-slideInNext{0%{transform:translate(-100%)}to{transform:translateZ(0)}}@keyframes f-slideOutNext{to{transform:translate(-100%)}}@keyframes f-slideOutPrev{to{transform:translate(100%)}}::ng-deep .f-classicIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicInNext;z-index:2}::ng-deep .f-classicIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;z-index:2}::ng-deep .f-classicOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;z-index:1}::ng-deep .f-classicOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translate(-75px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translate(75px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes f-classicOutNext{to{transform:translate(-75px);opacity:0}}@keyframes f-classicOutPrev{to{transform:translate(75px);opacity:0}}::ng-deep :root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: .65}::ng-deep .f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media (hover: hover){::ng-deep .f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}::ng-deep .f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}::ng-deep .f-button:focus:not(:focus-visible){outline:none}::ng-deep .f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}::ng-deep .f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}::ng-deep .f-button[disabled]{cursor:default}::ng-deep .f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}::ng-deep .f-carousel__nav .f-button.is-prev,::ng-deep .f-carousel__nav .f-button.is-next,::ng-deep .fancybox__nav .f-button.is-prev,::ng-deep .fancybox__nav .f-button.is-next{position:absolute;z-index:1}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal .fancybox__nav .f-button.is-prev,::ng-deep .is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}::ng-deep .is-horizontal .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}::ng-deep .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,::ng-deep .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}::ng-deep .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,::ng-deep .is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev,::ng-deep .is-vertical .f-carousel__nav .f-button.is-next,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev,::ng-deep .is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translate(-50%)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-next,::ng-deep .is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}::ng-deep .is-vertical .f-carousel__nav .f-button.is-prev svg,::ng-deep .is-vertical .f-carousel__nav .f-button.is-next svg,::ng-deep .is-vertical .fancybox__nav .f-button.is-prev svg,::ng-deep .is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}::ng-deep html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}::ng-deep html.with-fancybox body{touch-action:none}::ng-deep html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}::ng-deep .fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, .98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, .1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;inset:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}::ng-deep .fancybox__container *,::ng-deep .fancybox__container *:before,::ng-deep .fancybox__container *:after{box-sizing:inherit}::ng-deep .fancybox__container::backdrop{background-color:#0000}::ng-deep .fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}::ng-deep .fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}::ng-deep .fancybox__viewport{width:100%;height:100%}::ng-deep .fancybox__viewport.is-draggable{cursor:move;cursor:grab}::ng-deep .fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}::ng-deep .fancybox__track{display:flex;margin:0 auto;height:100%}::ng-deep .fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translateZ(0);backface-visibility:hidden}::ng-deep .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}::ng-deep .fancybox__slide.has-iframe,::ng-deep .fancybox__slide.has-video,::ng-deep .fancybox__slide.has-html5video{overflow:hidden}::ng-deep .fancybox__slide.has-image{overflow:hidden}::ng-deep .fancybox__slide.has-image.is-animating,::ng-deep .fancybox__slide.has-image.is-selected{overflow:visible}::ng-deep .fancybox__slide:before,::ng-deep .fancybox__slide:after{content:\"\";flex:0 0 0;margin:auto}::ng-deep .fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}::ng-deep .is-loading .fancybox__content{opacity:0}::ng-deep .is-draggable .fancybox__content{cursor:move;cursor:grab}::ng-deep .can-zoom_in .fancybox__content{cursor:zoom-in}::ng-deep .can-zoom_out .fancybox__content{cursor:zoom-out}::ng-deep .is-dragging .fancybox__content{cursor:move;cursor:grabbing}::ng-deep .fancybox__content [data-selectable],::ng-deep .fancybox__content [contenteditable]{cursor:auto}::ng-deep .fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translateZ(0);backface-visibility:hidden}::ng-deep .fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}::ng-deep .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,::ng-deep .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}::ng-deep .is-animating .fancybox__content,::ng-deep .is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}::ng-deep .fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;-webkit-user-select:none;user-select:none}::ng-deep .fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}::ng-deep .is-loading .fancybox__caption,::ng-deep .is-closing .fancybox__caption{opacity:0;visibility:hidden}::ng-deep .is-compact .fancybox__caption{padding-bottom:0}::ng-deep .f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}::ng-deep .fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}::ng-deep .is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}::ng-deep .is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}::ng-deep .fancybox__content>.f-button.is-close-btn:hover{opacity:1}::ng-deep .fancybox__footer{padding:0;margin:0;position:relative}::ng-deep .fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}::ng-deep .is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}::ng-deep .is-compact .fancybox__footer .fancybox__caption{padding:12px}::ng-deep .is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, .6);--f-button-active-bg: rgba(0, 0, 0, .6);--f-button-hover-bg: rgba(0, 0, 0, .6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}::ng-deep .fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, .3);--f-button-active-bg: rgba(24, 24, 27, .5);--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5));--f-button-svg-disabled-opacity: .65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}::ng-deep .fancybox__nav .f-button:before{position:absolute;content:\"\";inset:-30px -20px;z-index:1}::ng-deep .is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}::ng-deep .is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}::ng-deep .fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));z-index:30;cursor:pointer}::ng-deep .fancybox-protected{position:absolute;inset:0;z-index:40;-webkit-user-select:none;user-select:none}::ng-deep .fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;-webkit-user-select:none;user-select:none;pointer-events:none}::ng-deep .fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}::ng-deep .fancybox__container:not([aria-hidden]){opacity:0}::ng-deep .fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn}::ng-deep .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn}::ng-deep .fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut}::ng-deep .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut}::ng-deep .has-iframe .fancybox__content,::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content,::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}::ng-deep .has-iframe .fancybox__content,::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}::ng-deep .fancybox__container.is-compact .has-iframe .fancybox__content,::ng-deep .fancybox__container.is-compact .has-map .fancybox__content,::ng-deep .fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}::ng-deep .has-map .fancybox__content,::ng-deep .has-pdf .fancybox__content,::ng-deep .has-youtube .fancybox__content,::ng-deep .has-vimeo .fancybox__content,::ng-deep .has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}::ng-deep .has-map .fancybox__content{background:#e5e3df}::ng-deep .fancybox__html5video,::ng-deep .fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}::ng-deep .fancybox-placeholder{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}::ng-deep .f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}::ng-deep .f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: .5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}::ng-deep .f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}::ng-deep .f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;perspective:1000px;transform:translateZ(0)}::ng-deep .f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2,#e2e8f0);z-index:-1}::ng-deep .f-thumbs .f-spinner svg{display:none}::ng-deep .f-thumbs.is-vertical{height:100%}::ng-deep .f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translateZ(0)}::ng-deep .f-thumbs__track{display:flex}::ng-deep .f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}::ng-deep .f-thumbs__slide.is-loading img{opacity:0}::ng-deep .is-classic .f-thumbs__viewport{height:100%}::ng-deep .is-modern .f-thumbs__track{width:max-content}::ng-deep .is-modern .f-thumbs__track:before{content:\"\";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0)) * -.5);width:calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));cursor:pointer}::ng-deep .is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px),0,0);transition:none;pointer-events:none}::ng-deep .is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}::ng-deep .is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}::ng-deep .is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}::ng-deep .f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}::ng-deep .f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}::ng-deep .f-thumbs__slide__button:focus:not(:focus-visible){outline:none}::ng-deep .f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}::ng-deep .is-modern .f-thumbs__slide__button{--clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * (1 - var(--progress, 0)) * .5) round var(--f-thumb-border-radius, 0));clip-path:var(--clip-path)}::ng-deep .is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}::ng-deep .is-classic .is-nav-selected .f-thumbs__slide__button:after{content:\"\";position:absolute;inset:0;height:auto;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}::ng-deep .f-thumbs__slide__img{overflow:hidden;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}::ng-deep .f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px}::ng-deep .f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}::ng-deep .f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}::ng-deep .f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}::ng-deep .fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(.23,1,.32,1)}::ng-deep .fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: .5;--f-thumb-hover-opacity: 1}::ng-deep .fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}::ng-deep .fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}::ng-deep .fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))}::ng-deep .fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}::ng-deep .fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}::ng-deep .is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}::ng-deep .fancybox__thumbs.is-masked{max-height:0px!important}::ng-deep .is-closing .fancybox__thumbs{transition:none!important}::ng-deep .fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, .94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, .65);--f-button-hover-bg: rgba(70, 70, 73, .65);--f-button-active-bg: rgba(90, 90, 93, .65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));pointer-events:none;z-index:20}::ng-deep .fancybox__toolbar :focus-visible{z-index:1}::ng-deep .fancybox__toolbar.is-absolute,::ng-deep .is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}::ng-deep .is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}::ng-deep .fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}::ng-deep .fancybox__toolbar__column.is-left,::ng-deep .fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}::ng-deep .fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}::ng-deep .fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-webkit-user-select:none;user-select:none}::ng-deep .fancybox__infobar span{padding:0 5px}::ng-deep .fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}::ng-deep [data-fancybox-toggle-slideshow]{position:relative}::ng-deep [data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}::ng-deep [data-fancybox-toggle-slideshow] svg g:first-child{display:flex}::ng-deep [data-fancybox-toggle-slideshow] svg g:last-child{display:none}::ng-deep .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}::ng-deep .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}::ng-deep [data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}::ng-deep [data-fancybox-toggle-fullscreen] svg g:last-child{display:none}::ng-deep :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}::ng-deep :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}::ng-deep :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}::ng-deep :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}::ng-deep .f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;-webkit-user-select:none;user-select:none;pointer-events:none}.mrx-gallery-row{row-gap:16px}\n"] }]
|
|
170
170
|
}], ctorParameters: function () { return [{ type: i1.GalleryService }]; }, propDecorators: { data: [{
|
|
171
171
|
type: Input
|
|
172
172
|
}], isExpandable: [{
|
|
@@ -12,8 +12,8 @@ import { SaveStoreModule } from "../../services";
|
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
export class GalleryModule {
|
|
14
14
|
}
|
|
15
|
-
GalleryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
16
|
-
GalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
15
|
+
GalleryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
+
GalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: GalleryModule, declarations: [GalleryComponent,
|
|
17
17
|
GalleryItemComponent,
|
|
18
18
|
GalleryConfirmModalComponent], imports: [CommonModule,
|
|
19
19
|
FormsModule,
|
|
@@ -22,16 +22,14 @@ GalleryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
22
22
|
LoaderModule,
|
|
23
23
|
ModalModule,
|
|
24
24
|
SaveStoreModule], exports: [GalleryComponent] });
|
|
25
|
-
GalleryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
]] });
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GalleryModule, decorators: [{
|
|
25
|
+
GalleryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryModule, imports: [CommonModule,
|
|
26
|
+
FormsModule,
|
|
27
|
+
ButtonModule,
|
|
28
|
+
InputTextareaModule,
|
|
29
|
+
LoaderModule,
|
|
30
|
+
ModalModule,
|
|
31
|
+
SaveStoreModule] });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryModule, decorators: [{
|
|
35
33
|
type: NgModule,
|
|
36
34
|
args: [{
|
|
37
35
|
declarations: [
|
|
@@ -53,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
53
51
|
]
|
|
54
52
|
}]
|
|
55
53
|
}] });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvZ2FsbGVyeS9nYWxsZXJ5Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sb0VBQW9FLENBQUM7QUFDbEgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQXFCakQsTUFBTSxPQUFPLGFBQWE7OzBHQUFiLGFBQWE7MkdBQWIsYUFBYSxpQkFqQnRCLGdCQUFnQjtRQUNoQixvQkFBb0I7UUFDcEIsNEJBQTRCLGFBRzVCLFlBQVk7UUFDWixXQUFXO1FBQ1gsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixZQUFZO1FBQ1osV0FBVztRQUNYLGVBQWUsYUFHZixnQkFBZ0I7MkdBR1AsYUFBYSxZQVp0QixZQUFZO1FBQ1osV0FBVztRQUNYLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsWUFBWTtRQUNaLFdBQVc7UUFDWCxlQUFlOzJGQU1OLGFBQWE7a0JBbkJ6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixnQkFBZ0I7d0JBQ2hCLG9CQUFvQjt3QkFDcEIsNEJBQTRCO3FCQUM3QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjtxQkFDakI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vZ2FsbGVyeS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBHYWxsZXJ5SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9nYWxsZXJ5LWl0ZW0vZ2FsbGVyeS1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcclxuaW1wb3J0IHsgSW5wdXRUZXh0YXJlYU1vZHVsZSB9IGZyb20gJy4uL2Zvcm0vaW5wdXQtdGV4dGFyZWEvaW5wdXQtdGV4dGFyZWEubW9kdWxlJztcclxuaW1wb3J0IHsgTG9hZGVyTW9kdWxlIH0gZnJvbSAnLi4vbG9hZGVyL2xvYWRlci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBNb2RhbE1vZHVsZSB9IGZyb20gJy4uL21vZGFsL21vZGFsLm1vZHVsZSc7XHJcbmltcG9ydCB7IEdhbGxlcnlDb25maXJtTW9kYWxDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZ2FsbGVyeS1jb25maXJtLW1vZGFsL2dhbGxlcnktY29uZmlybS1tb2RhbC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTYXZlU3RvcmVNb2R1bGUgfSBmcm9tIFwiLi4vLi4vc2VydmljZXNcIjtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBHYWxsZXJ5Q29tcG9uZW50LFxyXG4gICAgR2FsbGVyeUl0ZW1Db21wb25lbnQsXHJcbiAgICBHYWxsZXJ5Q29uZmlybU1vZGFsQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIEJ1dHRvbk1vZHVsZSxcclxuICAgIElucHV0VGV4dGFyZWFNb2R1bGUsXHJcbiAgICBMb2FkZXJNb2R1bGUsXHJcbiAgICBNb2RhbE1vZHVsZSxcclxuICAgIFNhdmVTdG9yZU1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgR2FsbGVyeUNvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEdhbGxlcnlNb2R1bGUgeyB9XHJcbiJdfQ==
|
|
@@ -20,9 +20,9 @@ export class GalleryService {
|
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
-
GalleryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
24
|
-
GalleryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
23
|
+
GalleryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryService, deps: [{ token: i1.HttpClient }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
24
|
+
GalleryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryService, providedIn: 'root' });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GalleryService, decorators: [{
|
|
26
26
|
type: Injectable,
|
|
27
27
|
args: [{
|
|
28
28
|
providedIn: 'root'
|
|
@@ -100,9 +100,9 @@ export class HintErrorMessageComponent {
|
|
|
100
100
|
return 0;
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
HintErrorMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
104
|
-
HintErrorMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
103
|
+
HintErrorMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HintErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
104
|
+
HintErrorMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: HintErrorMessageComponent, selector: "mrx-hint-error-message", inputs: { message: "message", value: "value", maxValue: "maxValue", minValue: "minValue", minLength: "minLength", maxLength: "maxLength", checkInvalid: "checkInvalid" }, ngImport: i0, template: "<div\r\n class=\"mrx-hint-error-message mt-1\"\r\n [class.mrx-invalid-message]=\"getIsInvalid && checkInvalid\"\r\n [innerHTML]=\"replaceMessage\"\r\n></div>\r\n", styles: [".mrx-hint-error-message{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);color:var(--neutral-text-secondary)}.mrx-hint-error-message.mrx-invalid-message{color:var(--system-text-negative)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HintErrorMessageComponent, decorators: [{
|
|
106
106
|
type: Component,
|
|
107
107
|
args: [{ selector: 'mrx-hint-error-message', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"mrx-hint-error-message mt-1\"\r\n [class.mrx-invalid-message]=\"getIsInvalid && checkInvalid\"\r\n [innerHTML]=\"replaceMessage\"\r\n></div>\r\n", styles: [".mrx-hint-error-message{font-family:var(--body-sm-font-family);font-size:var(--body-sm-font-size);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);color:var(--neutral-text-secondary)}.mrx-hint-error-message.mrx-invalid-message{color:var(--system-text-negative)}\n"] }]
|
|
108
108
|
}], propDecorators: { message: [{
|
|
@@ -4,10 +4,10 @@ import { HintErrorMessageComponent } from './hint-error-message.component';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class HintErrorMessageModule {
|
|
6
6
|
}
|
|
7
|
-
HintErrorMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
HintErrorMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
9
|
-
HintErrorMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7
|
+
HintErrorMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HintErrorMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
HintErrorMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: HintErrorMessageModule, declarations: [HintErrorMessageComponent], imports: [CommonModule], exports: [HintErrorMessageComponent] });
|
|
9
|
+
HintErrorMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HintErrorMessageModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HintErrorMessageModule, decorators: [{
|
|
11
11
|
type: NgModule,
|
|
12
12
|
args: [{
|
|
13
13
|
declarations: [HintErrorMessageComponent],
|
|
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
16
16
|
exports: [HintErrorMessageComponent],
|
|
17
17
|
}]
|
|
18
18
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC1lcnJvci1tZXNzYWdlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9oaW50LWVycm9yLW1lc3NhZ2UvaGludC1lcnJvci1tZXNzYWdlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7QUFRM0UsTUFBTSxPQUFPLHNCQUFzQjs7bUhBQXRCLHNCQUFzQjtvSEFBdEIsc0JBQXNCLGlCQUxsQix5QkFBeUIsYUFDOUIsWUFBWSxhQUVaLHlCQUF5QjtvSEFFeEIsc0JBQXNCLFlBSnZCLFlBQVk7MkZBSVgsc0JBQXNCO2tCQU5sQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHlCQUF5QixDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztpQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBIaW50RXJyb3JNZXNzYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9oaW50LWVycm9yLW1lc3NhZ2UuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbSGludEVycm9yTWVzc2FnZUNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIGV4cG9ydHM6IFtIaW50RXJyb3JNZXNzYWdlQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEhpbnRFcnJvck1lc3NhZ2VNb2R1bGUgeyB9XHJcbiJdfQ==
|
|
@@ -24,9 +24,9 @@ export class IconButtonComponent {
|
|
|
24
24
|
this.mrxClick.emit($event);
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
IconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
27
|
+
IconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: IconButtonComponent, selector: "mrx-icon-button", inputs: { size: "size", state: "state", type: "type", iconClass: "iconClass", disabled: "disabled", tooltip: "tooltip", isActive: "isActive", customClasses: "customClasses" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"], dependencies: [{ kind: "directive", type: i1.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'mrx-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"] }]
|
|
32
32
|
}], propDecorators: { size: [{
|
|
@@ -5,10 +5,10 @@ import { CdkTooltipModule } from '../cdk-tooltip/cdk-tooltip.module';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class IconButtonModule {
|
|
7
7
|
}
|
|
8
|
-
IconButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9
|
-
IconButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
10
|
-
IconButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8
|
+
IconButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
IconButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: IconButtonModule, declarations: [IconButtonComponent], imports: [CommonModule, CdkTooltipModule], exports: [IconButtonComponent] });
|
|
10
|
+
IconButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconButtonModule, imports: [CommonModule, CdkTooltipModule] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconButtonModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [IconButtonComponent],
|
|
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
16
16
|
exports: [IconButtonComponent]
|
|
17
17
|
}]
|
|
18
18
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFPckUsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQUpaLG1CQUFtQixhQUN4QixZQUFZLEVBQUUsZ0JBQWdCLGFBQzlCLG1CQUFtQjs4R0FFbEIsZ0JBQWdCLFlBSGpCLFlBQVksRUFBRSxnQkFBZ0I7MkZBRzdCLGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDO29CQUN6QyxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDZGtUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vY2RrLXRvb2x0aXAvY2RrLXRvb2x0aXAubW9kdWxlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbSWNvbkJ1dHRvbkNvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQ2RrVG9vbHRpcE1vZHVsZV0sXHJcbiAgZXhwb3J0czogW0ljb25CdXR0b25Db21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTW9kdWxlIHt9XHJcbiJdfQ==
|