myrta-ui 13.0.8 → 13.0.9

package/fesm2020/myrta-ui.mjs

@@ -4678,7 +4678,7 @@ class GalleryService {
     update(url, uuid, payload) {
         return this.http.put(`${url}`, {
             uuid: uuid,
-            [payload.field]: payload.value
+            ...payload
         });
     }
 }
@@ -4694,8 +4694,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
 var ChangeableField;
 (function (ChangeableField) {
     ChangeableField["Description"] = "description";
-    ChangeableField["Date"] = "date";
-    ChangeableField["Counterparties"] = "counterparties";
+    ChangeableField["EventDate"] = "eventDate";
+    ChangeableField["Counterparties"] = "counterpartySelectedIds";
 })(ChangeableField || (ChangeableField = {}));
 
 class GalleryConfirmModalComponent extends SimpleModalComponent {
@@ -6146,28 +6146,28 @@ class GalleryItemComponent {
         return this.preview.counterparties.map(item => item.text).join(', ');
     }
     get isErrorMinDate() {
-        if (!this.preview.date) {
+        if (!this.preview.eventDate) {
             return false;
         }
-        const factDate = new Date(this.preview.date);
+        const factDate = new Date(this.preview.eventDate);
         return !!this.minDate ? new Date(this.minDate).getTime() > factDate.getTime() : false;
     }
     get isErrorMaxDate() {
-        if (!this.preview.date) {
+        if (!this.preview.eventDate) {
             return false;
         }
-        const factDate = new Date(this.preview.date);
+        const factDate = new Date(this.preview.eventDate);
         return !!this.maxDate ? new Date(this.maxDate).getTime() < factDate.getTime() : false;
     }
     get isDateInvalid() {
         return (this.isErrorMinDate || this.isErrorMaxDate) ||
-            (!this.preview.date && this.requiredDate);
+            (!this.preview.eventDate && this.requiredDate);
     }
     get dateInvalidMessage() {
-        if (!this.preview.date) {
+        if (!this.preview.eventDate) {
             return '';
         }
-        const factDate = new Date(this.preview.date);
+        const factDate = new Date(this.preview.eventDate);
         const minDate = this.minDate ? new Date(this.minDate) : null;
         const maxDate = this.maxDate ? new Date(this.maxDate) : null;
         if (minDate && minDate.getTime() > factDate.getTime()) {
@@ -6204,28 +6204,33 @@ class GalleryItemComponent {
     }
     changeField(field, obj) {
         clearTimeout(this._timer);
-        this._store.dispatch(autosaveAddId({ id: obj.id }));
-        this._store.dispatch(autosaveStartFor({ id: obj.id }));
+        this.preview[field] = obj.value;
+        this._store.dispatch(autosaveAddId({ id: obj.id, groupId: this.preview.uuid }));
+        this._store.dispatch(autosaveStartFor({ id: obj.id, groupId: this.preview.uuid }));
         this._timer = setTimeout(() => {
-            const updateData = { [field]: obj.value };
-            const payload = {
-                field: field,
-                value: obj.value
+            const updateData = {
+                description: this.preview.description
             };
-            this.galleryService.update(this.updateEndPoint, this.preview.uuid, payload).subscribe(res => {
+            if (this.preview.eventDate) {
+                updateData.eventDate = this.preview.eventDate;
+            }
+            if (this.preview.counterpartySelectedIds) {
+                updateData.counterpartySelectedIds = this.preview.counterpartySelectedIds;
+            }
+            this.galleryService.update(this.updateEndPoint, this.preview.uuid, updateData).subscribe(res => {
                 this.updatePhoto.emit(res);
-                this._store.dispatch(autosaveSuccessFor({ id: obj.id }));
+                this._store.dispatch(autosaveSuccessFor({ id: obj.id, groupId: this.preview.uuid }));
             }, () => {
-                this._store.dispatch(autosaveErrorFor({ id: obj.id }));
+                this._store.dispatch(autosaveErrorFor({ id: obj.id, groupId: this.preview.uuid }));
             });
         }, 1500);
     }
 }
 GalleryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GalleryItemComponent, deps: [{ token: GalleryService }, { token: i2$2.SimpleModalService }, { token: i2$1.Store }], target: i0.ɵɵFactoryTarget.Component });
-GalleryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: GalleryItemComponent, selector: "mrx-gallery-item", inputs: { preview: "preview", index: "index", isEditing: "isEditing", descriptionMaxLength: "descriptionMaxLength", deleteEndPoint: "deleteEndPoint", updateEndPoint: "updateEndPoint", rotateSlides: "rotateSlides", showDate: "showDate", showCounterparties: "showCounterparties", minDate: "minDate", maxDate: "maxDate", requiredDate: "requiredDate", 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\r\n  <div *ngIf=\"showDate\" class=\"mrx-gallery-item__date mb-2\">\r\n    <ng-container *ngIf=\"isEditing; else dateTemplate\">\r\n      <mrx-label [required]=\"requiredDate\">\u0414\u0430\u0442\u0430 \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u044F</mrx-label>\r\n\r\n      <mrx-input-datepicker\r\n        [fields]=\"(fields$ | async)!\"\r\n        [(ngModel)]=\"preview.date\"\r\n        [invalid]=\"isDateInvalid\"\r\n        [minDate]=\"minDate\"\r\n        [maxDate]=\"maxDate\"\r\n        [isShowMessages]=\"false\"\r\n        [invalidMessage]=\"dateInvalidMessage\"\r\n        [closable]=\"false\"\r\n        [format]=\"'YYYY-MM-DD'\"\r\n        [timepicker]=\"false\"\r\n        [leadZeroDateTime]=\"true\"\r\n        [mask]=\"'d0.M0.0000'\"\r\n        (modelChange)=\"changeField(ChangeableField.Date, $event)\"\r\n      ></mrx-input-datepicker>\r\n    </ng-container>\r\n\r\n    <ng-template #dateTemplate>\r\n      <p>\u0414\u0430\u0442\u0430 \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u044F: {{ preview.date | dateFormat }}</p>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div *ngIf=\"showCounterparties\" class=\"mrx-gallery-item__counterparties mb-2\">\r\n    <ng-container *ngIf=\"isEditing; else counterpartiesTemplate\">\r\n      <mrx-label>\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</mrx-label>\r\n\r\n      <mrx-input-select\r\n        [fields]=\"(fields$ | async)!\"\r\n        [(ngModel)]=\"preview.counterpartySelectedIds\"\r\n        [items]=\"preview.counterparties || []\"\r\n        [multiple]=\"true\"\r\n        [clearable]=\"false\"\r\n        [bindValue]=\"'value'\"\r\n        [bindLabel]=\"'text'\"\r\n        [placeholder]=\"'\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430'\"\r\n        (modelChange)=\"changeField(ChangeableField.Counterparties, $event)\"\r\n      ></mrx-input-select>\r\n    </ng-container>\r\n\r\n    <ng-template #counterpartiesTemplate>\r\n      <p>\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430: {{ counterpartiesText }}</p>\r\n    </ng-template>\r\n  </div>\r\n\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      [placeholder]=\"'\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435'\"\r\n      (modelChange)=\"changeField(ChangeableField.Description, $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)}.mrx-gallery-item__date p,.mrx-gallery-item__counterparties p{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--neutral-text-primary)}\n"], components: [{ type: LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }, { type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: InputDatepickerComponent, selector: "mrx-input-datepicker", inputs: ["fields", "size", "format", "locale", "customClasses", "dateLabel", "timeLabel", "datePlaceholder", "placeholder", "disabled", "readonly", "required", "timepicker", "minDate", "maxDate", "inline", "closable", "leadZeroDateTime", "mask", "container", "validationType", "disableValidation", "invalid", "invalidMessage", "checkInvalid", "isShowMessages"], outputs: ["changed", "modelChange"] }, { type: InputSelectComponent, selector: "mrx-input-select", inputs: ["fields", "size", "selected", "bindValue", "bindLabel", "customClasses", "wrapperCustomClasses", "multiple", "loading", "addTag", "clearable", "items", "groupBy", "emptyValue", "virtualScroll", "trackByFn", "displayValue", "disabledFromDisplay", "hideSelected", "maxLength", "customSearchFn", "isBottomLabel", "search", "required", "disabled", "readonly", "showEmptyFields", "placeholder", "searchable", "loadLabel", "notFoundText", "closeOnSelect", "multiCollapseCount", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched", "cleared"] }, { type: InputTextareaComponent, selector: "mrx-input-textarea", inputs: ["fields", "disabled", "readonly", "autosize", "maxlength", "minlength", "rows", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput", "allowPattern"], outputs: ["changed", "blurred", "modelChange"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], pipes: { "async": i1$1.AsyncPipe, "dateFormat": DateFormatPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+GalleryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: GalleryItemComponent, selector: "mrx-gallery-item", inputs: { preview: "preview", index: "index", isEditing: "isEditing", descriptionMaxLength: "descriptionMaxLength", deleteEndPoint: "deleteEndPoint", updateEndPoint: "updateEndPoint", rotateSlides: "rotateSlides", showDate: "showDate", showCounterparties: "showCounterparties", minDate: "minDate", maxDate: "maxDate", requiredDate: "requiredDate", 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\r\n  <div *ngIf=\"showDate\" class=\"mrx-gallery-item__date mb-2\">\r\n    <ng-container *ngIf=\"isEditing; else dateTemplate\">\r\n      <mrx-label [required]=\"requiredDate\">\u0414\u0430\u0442\u0430 \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u044F</mrx-label>\r\n\r\n      <mrx-input-datepicker\r\n        [fields]=\"(fields$ | async)!\"\r\n        [(ngModel)]=\"preview.eventDate\"\r\n        [invalid]=\"isDateInvalid\"\r\n        [minDate]=\"minDate\"\r\n        [maxDate]=\"maxDate\"\r\n        [isShowMessages]=\"false\"\r\n        [invalidMessage]=\"dateInvalidMessage\"\r\n        [closable]=\"false\"\r\n        [format]=\"'YYYY-MM-DD'\"\r\n        [timepicker]=\"false\"\r\n        [leadZeroDateTime]=\"true\"\r\n        [mask]=\"'d0.M0.0000'\"\r\n        (modelChange)=\"changeField(ChangeableField.EventDate, $event)\"\r\n      ></mrx-input-datepicker>\r\n    </ng-container>\r\n\r\n    <ng-template #dateTemplate>\r\n      <p>\u0414\u0430\u0442\u0430 \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u044F: {{ preview.eventDate | dateFormat }}</p>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div *ngIf=\"showCounterparties\" class=\"mrx-gallery-item__counterparties mb-2\">\r\n    <ng-container *ngIf=\"isEditing; else counterpartiesTemplate\">\r\n      <mrx-label>\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</mrx-label>\r\n\r\n      <mrx-input-select\r\n        [fields]=\"(fields$ | async)!\"\r\n        [(ngModel)]=\"preview.counterpartySelectedIds\"\r\n        [items]=\"preview.counterparties || []\"\r\n        [multiple]=\"true\"\r\n        [clearable]=\"false\"\r\n        [bindValue]=\"'value'\"\r\n        [bindLabel]=\"'text'\"\r\n        [placeholder]=\"'\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430'\"\r\n        (modelChange)=\"changeField(ChangeableField.Counterparties, $event)\"\r\n      ></mrx-input-select>\r\n    </ng-container>\r\n\r\n    <ng-template #counterpartiesTemplate>\r\n      <p>\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430: {{ counterpartiesText }}</p>\r\n    </ng-template>\r\n  </div>\r\n\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      [placeholder]=\"'\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435'\"\r\n      (modelChange)=\"changeField(ChangeableField.Description, $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)}.mrx-gallery-item__date p,.mrx-gallery-item__counterparties p{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--neutral-text-primary)}\n"], components: [{ type: LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }, { type: LabelComponent, selector: "mrx-label", inputs: ["requiredHidden", "required", "boldLabel", "placeholder", "label", "customClasses", "triggerTextPosition", "isPublicInfo", "publicInfoTooltip", "disabled", "isSwitch", "switchLabel", "switchValue", "isCheckbox", "checkboxLabel", "checkboxValue", "counter", "linkText", "linkPrevent", "linkType", "linkMonochrome", "href", "triggerType", "tooltip", "tooltipInitialVisible", "isSaveToStorage"], outputs: ["changeCheckboxValue", "clickedLink"] }, { type: InputDatepickerComponent, selector: "mrx-input-datepicker", inputs: ["fields", "size", "format", "locale", "customClasses", "dateLabel", "timeLabel", "datePlaceholder", "placeholder", "disabled", "readonly", "required", "timepicker", "minDate", "maxDate", "inline", "closable", "leadZeroDateTime", "mask", "container", "validationType", "disableValidation", "invalid", "invalidMessage", "checkInvalid", "isShowMessages"], outputs: ["changed", "modelChange"] }, { type: InputSelectComponent, selector: "mrx-input-select", inputs: ["fields", "size", "selected", "bindValue", "bindLabel", "customClasses", "wrapperCustomClasses", "multiple", "loading", "addTag", "clearable", "items", "groupBy", "emptyValue", "virtualScroll", "trackByFn", "displayValue", "disabledFromDisplay", "hideSelected", "maxLength", "customSearchFn", "isBottomLabel", "search", "required", "disabled", "readonly", "showEmptyFields", "placeholder", "searchable", "loadLabel", "notFoundText", "closeOnSelect", "multiCollapseCount", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched", "cleared"] }, { type: InputTextareaComponent, selector: "mrx-input-textarea", inputs: ["fields", "disabled", "readonly", "autosize", "maxlength", "minlength", "rows", "placeholder", "customClasses", "mask", "size", "invalid", "invalidMessage", "checkInvalid", "restrictInput", "allowPattern"], outputs: ["changed", "blurred", "modelChange"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }], pipes: { "async": i1$1.AsyncPipe, "dateFormat": DateFormatPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GalleryItemComponent, decorators: [{
             type: Component,
-            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\r\n  <div *ngIf=\"showDate\" class=\"mrx-gallery-item__date mb-2\">\r\n    <ng-container *ngIf=\"isEditing; else dateTemplate\">\r\n      <mrx-label [required]=\"requiredDate\">\u0414\u0430\u0442\u0430 \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u044F</mrx-label>\r\n\r\n      <mrx-input-datepicker\r\n        [fields]=\"(fields$ | async)!\"\r\n        [(ngModel)]=\"preview.date\"\r\n        [invalid]=\"isDateInvalid\"\r\n        [minDate]=\"minDate\"\r\n        [maxDate]=\"maxDate\"\r\n        [isShowMessages]=\"false\"\r\n        [invalidMessage]=\"dateInvalidMessage\"\r\n        [closable]=\"false\"\r\n        [format]=\"'YYYY-MM-DD'\"\r\n        [timepicker]=\"false\"\r\n        [leadZeroDateTime]=\"true\"\r\n        [mask]=\"'d0.M0.0000'\"\r\n        (modelChange)=\"changeField(ChangeableField.Date, $event)\"\r\n      ></mrx-input-datepicker>\r\n    </ng-container>\r\n\r\n    <ng-template #dateTemplate>\r\n      <p>\u0414\u0430\u0442\u0430 \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u044F: {{ preview.date | dateFormat }}</p>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div *ngIf=\"showCounterparties\" class=\"mrx-gallery-item__counterparties mb-2\">\r\n    <ng-container *ngIf=\"isEditing; else counterpartiesTemplate\">\r\n      <mrx-label>\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</mrx-label>\r\n\r\n      <mrx-input-select\r\n        [fields]=\"(fields$ | async)!\"\r\n        [(ngModel)]=\"preview.counterpartySelectedIds\"\r\n        [items]=\"preview.counterparties || []\"\r\n        [multiple]=\"true\"\r\n        [clearable]=\"false\"\r\n        [bindValue]=\"'value'\"\r\n        [bindLabel]=\"'text'\"\r\n        [placeholder]=\"'\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430'\"\r\n        (modelChange)=\"changeField(ChangeableField.Counterparties, $event)\"\r\n      ></mrx-input-select>\r\n    </ng-container>\r\n\r\n    <ng-template #counterpartiesTemplate>\r\n      <p>\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430: {{ counterpartiesText }}</p>\r\n    </ng-template>\r\n  </div>\r\n\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      [placeholder]=\"'\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435'\"\r\n      (modelChange)=\"changeField(ChangeableField.Description, $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)}.mrx-gallery-item__date p,.mrx-gallery-item__counterparties p{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--neutral-text-primary)}\n"] }]
+            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\r\n  <div *ngIf=\"showDate\" class=\"mrx-gallery-item__date mb-2\">\r\n    <ng-container *ngIf=\"isEditing; else dateTemplate\">\r\n      <mrx-label [required]=\"requiredDate\">\u0414\u0430\u0442\u0430 \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u044F</mrx-label>\r\n\r\n      <mrx-input-datepicker\r\n        [fields]=\"(fields$ | async)!\"\r\n        [(ngModel)]=\"preview.eventDate\"\r\n        [invalid]=\"isDateInvalid\"\r\n        [minDate]=\"minDate\"\r\n        [maxDate]=\"maxDate\"\r\n        [isShowMessages]=\"false\"\r\n        [invalidMessage]=\"dateInvalidMessage\"\r\n        [closable]=\"false\"\r\n        [format]=\"'YYYY-MM-DD'\"\r\n        [timepicker]=\"false\"\r\n        [leadZeroDateTime]=\"true\"\r\n        [mask]=\"'d0.M0.0000'\"\r\n        (modelChange)=\"changeField(ChangeableField.EventDate, $event)\"\r\n      ></mrx-input-datepicker>\r\n    </ng-container>\r\n\r\n    <ng-template #dateTemplate>\r\n      <p>\u0414\u0430\u0442\u0430 \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u044F: {{ preview.eventDate | dateFormat }}</p>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div *ngIf=\"showCounterparties\" class=\"mrx-gallery-item__counterparties mb-2\">\r\n    <ng-container *ngIf=\"isEditing; else counterpartiesTemplate\">\r\n      <mrx-label>\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</mrx-label>\r\n\r\n      <mrx-input-select\r\n        [fields]=\"(fields$ | async)!\"\r\n        [(ngModel)]=\"preview.counterpartySelectedIds\"\r\n        [items]=\"preview.counterparties || []\"\r\n        [multiple]=\"true\"\r\n        [clearable]=\"false\"\r\n        [bindValue]=\"'value'\"\r\n        [bindLabel]=\"'text'\"\r\n        [placeholder]=\"'\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430'\"\r\n        (modelChange)=\"changeField(ChangeableField.Counterparties, $event)\"\r\n      ></mrx-input-select>\r\n    </ng-container>\r\n\r\n    <ng-template #counterpartiesTemplate>\r\n      <p>\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430: {{ counterpartiesText }}</p>\r\n    </ng-template>\r\n  </div>\r\n\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      [placeholder]=\"'\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435'\"\r\n      (modelChange)=\"changeField(ChangeableField.Description, $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)}.mrx-gallery-item__date p,.mrx-gallery-item__counterparties p{font-family:var(--body-md-bold-font-family);font-size:var(--body-md-bold-font-size);font-weight:var(--body-md-bold-font-weight);line-height:var(--body-md-bold-line-height);color:var(--neutral-text-primary)}\n"] }]
         }], ctorParameters: function () { return [{ type: GalleryService }, { type: i2$2.SimpleModalService }, { type: i2$1.Store }]; }, propDecorators: { preview: [{
                 type: Input
             }], index: [{