@net7/boilerplate-muruca 5.2.4 → 5.2.6
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/esm2022/lib/components/gallery/gallery.mjs +6 -3
- package/esm2022/lib/data-sources/gallery.ds.mjs +34 -8
- package/esm2022/lib/event-handlers/gallery.eh.mjs +5 -1
- package/fesm2022/net7-boilerplate-muruca.mjs +42 -9
- package/fesm2022/net7-boilerplate-muruca.mjs.map +1 -1
- package/lib/components/gallery/gallery.d.ts +2 -0
- package/lib/data-sources/gallery.ds.d.ts +2 -0
- package/package.json +1 -1
- package/src/lib/styles/muruca/components/_gallery.scss +24 -0
|
@@ -12,12 +12,15 @@ export class MrGalleryComponent {
|
|
|
12
12
|
this.emit('close');
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
+
onChangeImg(rightImg) {
|
|
16
|
+
this.emit('changeImg', rightImg);
|
|
17
|
+
}
|
|
15
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrGalleryComponent, selector: "mr-gallery", inputs: { data: "data", emit: "emit", grid: "grid" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"mr-gallery mr-wp-content\">\n <div class=\"mr-gallery__wrapper wp-block-gallery has-zoom\"> <!-- {{ grid ? 'columns-' + grid : '' }} -->\n <ul class=\"mr-gallery__items blocks-gallery-grid\">\n <li *ngFor=\"let item of data.items\" class=\"mr-gallery__item blocks-gallery-item\">\n <figure>\n <a (click)=\"onClick(item.payload)\" class=\"mr-gallery__link\">\n <img [src]=\"item.thumbSrc\" [alt]=\"item.title\" class=\"mr-gallery__image\">\n <figcaption class=\"timeline-gallery__description-text\" [innerHTML]=\"item.title\"></figcaption>\n </a>\n </figure>\n </li>\n </ul>\n </div>\n <div *ngIf=\"data.selected\" class=\"mr-modal mr-gallery-modal\"
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrGalleryComponent, selector: "mr-gallery", inputs: { data: "data", emit: "emit", grid: "grid" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"mr-gallery mr-wp-content\">\n <div class=\"mr-gallery__wrapper wp-block-gallery has-zoom\"> <!-- {{ grid ? 'columns-' + grid : '' }} -->\n <ul class=\"mr-gallery__items blocks-gallery-grid\">\n <li *ngFor=\"let item of data.items\" class=\"mr-gallery__item blocks-gallery-item\">\n <figure>\n <a (click)=\"onClick(item.payload)\" class=\"mr-gallery__link\">\n <img [src]=\"item.thumbSrc\" [alt]=\"item.title\" class=\"mr-gallery__image\">\n <figcaption class=\"timeline-gallery__description-text\" [innerHTML]=\"item.title\"></figcaption>\n </a>\n </figure>\n </li>\n </ul>\n </div>\n <div *ngIf=\"data.selected\" class=\"mr-modal mr-gallery-modal\">\n <div class=\"mr-modal__overlay\">\n <div class=\"mr-modal__window mr-gallery-modal__window\">\n <div class=\"mr-modal__header mr-gallery-modal__header\">\n <div class=\"mr-modal__close\">\n <a class=\"mr-modal__close-link\" (click)=\"onClose()\"><span class=\"n7-icon-close\"></span></a>\n </div>\n <div class=\"mr-modal__right\">\n <a class=\"mr-modal__arrow-link\" (click)=\"onChangeImg(true)\"><span class=\"n7-icon-angle-right\"></span></a>\n </div>\n <div class=\"mr-modal__left\">\n <a class=\"mr-modal__arrow-link\" (click)=\"onChangeImg(false)\"><span class=\"n7-icon-angle-left\"></span></a>\n </div>\n </div>\n <div class=\"mr-modal__content mr-gallery-modal__content\" (click)=\"onClose()\">\n <div class=\"mr-gallery__zoom-image-wrapper\">\n <img [src]=\"data.selected.fullSrc\" [alt]=\"data.selected.title\" class=\"mr-gallery__zoom-image\">\n <figcaption class=\"mr-gallery__zoom-figcaption\" [innerHTML]=\"data.selected.title\"></figcaption>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
17
20
|
}
|
|
18
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrGalleryComponent, decorators: [{
|
|
19
22
|
type: Component,
|
|
20
|
-
args: [{ selector: 'mr-gallery', template: "<div *ngIf=\"data\" class=\"mr-gallery mr-wp-content\">\n <div class=\"mr-gallery__wrapper wp-block-gallery has-zoom\"> <!-- {{ grid ? 'columns-' + grid : '' }} -->\n <ul class=\"mr-gallery__items blocks-gallery-grid\">\n <li *ngFor=\"let item of data.items\" class=\"mr-gallery__item blocks-gallery-item\">\n <figure>\n <a (click)=\"onClick(item.payload)\" class=\"mr-gallery__link\">\n <img [src]=\"item.thumbSrc\" [alt]=\"item.title\" class=\"mr-gallery__image\">\n <figcaption class=\"timeline-gallery__description-text\" [innerHTML]=\"item.title\"></figcaption>\n </a>\n </figure>\n </li>\n </ul>\n </div>\n <div *ngIf=\"data.selected\" class=\"mr-modal mr-gallery-modal\"
|
|
23
|
+
args: [{ selector: 'mr-gallery', template: "<div *ngIf=\"data\" class=\"mr-gallery mr-wp-content\">\n <div class=\"mr-gallery__wrapper wp-block-gallery has-zoom\"> <!-- {{ grid ? 'columns-' + grid : '' }} -->\n <ul class=\"mr-gallery__items blocks-gallery-grid\">\n <li *ngFor=\"let item of data.items\" class=\"mr-gallery__item blocks-gallery-item\">\n <figure>\n <a (click)=\"onClick(item.payload)\" class=\"mr-gallery__link\">\n <img [src]=\"item.thumbSrc\" [alt]=\"item.title\" class=\"mr-gallery__image\">\n <figcaption class=\"timeline-gallery__description-text\" [innerHTML]=\"item.title\"></figcaption>\n </a>\n </figure>\n </li>\n </ul>\n </div>\n <div *ngIf=\"data.selected\" class=\"mr-modal mr-gallery-modal\">\n <div class=\"mr-modal__overlay\">\n <div class=\"mr-modal__window mr-gallery-modal__window\">\n <div class=\"mr-modal__header mr-gallery-modal__header\">\n <div class=\"mr-modal__close\">\n <a class=\"mr-modal__close-link\" (click)=\"onClose()\"><span class=\"n7-icon-close\"></span></a>\n </div>\n <div class=\"mr-modal__right\">\n <a class=\"mr-modal__arrow-link\" (click)=\"onChangeImg(true)\"><span class=\"n7-icon-angle-right\"></span></a>\n </div>\n <div class=\"mr-modal__left\">\n <a class=\"mr-modal__arrow-link\" (click)=\"onChangeImg(false)\"><span class=\"n7-icon-angle-left\"></span></a>\n </div>\n </div>\n <div class=\"mr-modal__content mr-gallery-modal__content\" (click)=\"onClose()\">\n <div class=\"mr-gallery__zoom-image-wrapper\">\n <img [src]=\"data.selected.fullSrc\" [alt]=\"data.selected.title\" class=\"mr-gallery__zoom-image\">\n <figcaption class=\"mr-gallery__zoom-figcaption\" [innerHTML]=\"data.selected.title\"></figcaption>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>" }]
|
|
21
24
|
}], propDecorators: { data: [{
|
|
22
25
|
type: Input
|
|
23
26
|
}], emit: [{
|
|
@@ -25,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
25
28
|
}], grid: [{
|
|
26
29
|
type: Input
|
|
27
30
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL243LWJvaWxlcnBsYXRlLW11cnVjYS9zcmMvbGliL2NvbXBvbmVudHMvZ2FsbGVyeS9nYWxsZXJ5LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbjctYm9pbGVycGxhdGUtbXVydWNhL3NyYy9saWIvY29tcG9uZW50cy9nYWxsZXJ5L2dhbGxlcnkuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBb0JqRCxNQUFNLE9BQU8sa0JBQWtCO0lBTzdCLE9BQU8sQ0FBQyxPQUFPO1FBQ2IsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztRQUM5QixDQUFDO0lBQ0gsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsUUFBUTtRQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQXJCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQix3R0NwQi9CLHlxRUFvQ007OzRGRGhCTyxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0UsWUFBWTs4QkFJYixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgR2FsbGVyeUl0ZW0gPSB7XG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIHRodW1iU3JjOiBzdHJpbmc7XG4gIGZ1bGxTcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgcGF5bG9hZDogYW55O1xuICBpbmRleDogbnVtYmVyO1xufTtcblxuZXhwb3J0IHR5cGUgR2FsbGVyeURhdGEgPSB7XG4gIHNlbGVjdGVkOiBudWxsIHwgR2FsbGVyeUl0ZW07XG4gIGl0ZW1zOiBHYWxsZXJ5SXRlbVtdO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtci1nYWxsZXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dhbGxlcnkuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIE1yR2FsbGVyeUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGE6IEdhbGxlcnlEYXRhO1xuXG4gIEBJbnB1dCgpIGVtaXQ6ICh0eXBlOiBzdHJpbmcsIHBheWxvYWQ/OiBhbnkpID0+IHZvaWQ7XG5cbiAgQElucHV0KCkgZ3JpZDogbnVtYmVyIHwgbnVsbDtcblxuICBvbkNsaWNrKHBheWxvYWQpIHtcbiAgICBpZiAodGhpcy5lbWl0KSB7XG4gICAgICB0aGlzLmVtaXQoJ2NsaWNrJywgcGF5bG9hZCk7XG4gICAgfVxuICB9XG5cbiAgb25DbG9zZSgpIHtcbiAgICBpZiAodGhpcy5lbWl0KSB7XG4gICAgICB0aGlzLmVtaXQoJ2Nsb3NlJyk7XG4gICAgfVxuICB9XG5cbiAgb25DaGFuZ2VJbWcocmlnaHRJbWcpIHtcbiAgICB0aGlzLmVtaXQoJ2NoYW5nZUltZycsIHJpZ2h0SW1nKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImRhdGFcIiBjbGFzcz1cIm1yLWdhbGxlcnkgbXItd3AtY29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJtci1nYWxsZXJ5X193cmFwcGVyIHdwLWJsb2NrLWdhbGxlcnkgaGFzLXpvb21cIj4gPCEtLSB7eyBncmlkID8gJ2NvbHVtbnMtJyArIGdyaWQgOiAnJyB9fSAtLT5cbiAgICAgICAgPHVsIGNsYXNzPVwibXItZ2FsbGVyeV9faXRlbXMgYmxvY2tzLWdhbGxlcnktZ3JpZFwiPlxuICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEuaXRlbXNcIiBjbGFzcz1cIm1yLWdhbGxlcnlfX2l0ZW0gYmxvY2tzLWdhbGxlcnktaXRlbVwiPlxuICAgICAgICAgICAgICAgIDxmaWd1cmU+XG4gICAgICAgICAgICAgICAgICAgIDxhIChjbGljayk9XCJvbkNsaWNrKGl0ZW0ucGF5bG9hZClcIiBjbGFzcz1cIm1yLWdhbGxlcnlfX2xpbmtcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJpdGVtLnRodW1iU3JjXCIgW2FsdF09XCJpdGVtLnRpdGxlXCIgY2xhc3M9XCJtci1nYWxsZXJ5X19pbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGZpZ2NhcHRpb24gY2xhc3M9XCJ0aW1lbGluZS1nYWxsZXJ5X19kZXNjcmlwdGlvbi10ZXh0XCIgW2lubmVySFRNTF09XCJpdGVtLnRpdGxlXCI+PC9maWdjYXB0aW9uPlxuICAgICAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICAgICAgPC9maWd1cmU+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICA8L3VsPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJkYXRhLnNlbGVjdGVkXCIgY2xhc3M9XCJtci1tb2RhbCBtci1nYWxsZXJ5LW1vZGFsXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtci1tb2RhbF9fb3ZlcmxheVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1yLW1vZGFsX193aW5kb3cgbXItZ2FsbGVyeS1tb2RhbF9fd2luZG93XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1yLW1vZGFsX19oZWFkZXIgbXItZ2FsbGVyeS1tb2RhbF9faGVhZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtci1tb2RhbF9fY2xvc2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIGNsYXNzPVwibXItbW9kYWxfX2Nsb3NlLWxpbmtcIiAoY2xpY2spPVwib25DbG9zZSgpXCI+PHNwYW4gY2xhc3M9XCJuNy1pY29uLWNsb3NlXCI+PC9zcGFuPjwvYT5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtci1tb2RhbF9fcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIGNsYXNzPVwibXItbW9kYWxfX2Fycm93LWxpbmtcIiAoY2xpY2spPVwib25DaGFuZ2VJbWcodHJ1ZSlcIj48c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtcmlnaHRcIj48L3NwYW4+PC9hPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1yLW1vZGFsX19sZWZ0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YSBjbGFzcz1cIm1yLW1vZGFsX19hcnJvdy1saW5rXCIgKGNsaWNrKT1cIm9uQ2hhbmdlSW1nKGZhbHNlKVwiPjxzcGFuIGNsYXNzPVwibjctaWNvbi1hbmdsZS1sZWZ0XCI+PC9zcGFuPjwvYT5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1yLW1vZGFsX19jb250ZW50IG1yLWdhbGxlcnktbW9kYWxfX2NvbnRlbnRcIiAoY2xpY2spPVwib25DbG9zZSgpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtci1nYWxsZXJ5X196b29tLWltYWdlLXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJkYXRhLnNlbGVjdGVkLmZ1bGxTcmNcIiBbYWx0XT1cImRhdGEuc2VsZWN0ZWQudGl0bGVcIiBjbGFzcz1cIm1yLWdhbGxlcnlfX3pvb20taW1hZ2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxmaWdjYXB0aW9uIGNsYXNzPVwibXItZ2FsbGVyeV9fem9vbS1maWdjYXB0aW9uXCIgW2lubmVySFRNTF09XCJkYXRhLnNlbGVjdGVkLnRpdGxlXCI+PC9maWdjYXB0aW9uPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -1,18 +1,30 @@
|
|
|
1
1
|
import { DataSource } from '@net7/core';
|
|
2
2
|
export class MrGalleryDS extends DataSource {
|
|
3
|
+
constructor() {
|
|
4
|
+
super(...arguments);
|
|
5
|
+
this.numImg = 0;
|
|
6
|
+
}
|
|
3
7
|
transform(data) {
|
|
4
8
|
if (!data) {
|
|
5
9
|
return null;
|
|
6
10
|
}
|
|
11
|
+
this.numImg = 0;
|
|
12
|
+
let index = 0;
|
|
7
13
|
return {
|
|
8
14
|
selected: null,
|
|
9
|
-
items: data.map(({ id, title, thumbnail, image }) =>
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
items: data.map(({ id, title, thumbnail, image }) => {
|
|
16
|
+
const item = {
|
|
17
|
+
id,
|
|
18
|
+
title,
|
|
19
|
+
thumbSrc: thumbnail,
|
|
20
|
+
fullSrc: image,
|
|
21
|
+
payload: id,
|
|
22
|
+
index
|
|
23
|
+
};
|
|
24
|
+
this.numImg += 1;
|
|
25
|
+
index += 1;
|
|
26
|
+
return item;
|
|
27
|
+
})
|
|
16
28
|
};
|
|
17
29
|
}
|
|
18
30
|
setSelected(itemId) {
|
|
@@ -21,5 +33,19 @@ export class MrGalleryDS extends DataSource {
|
|
|
21
33
|
removeSelected() {
|
|
22
34
|
this.output.selected = null;
|
|
23
35
|
}
|
|
36
|
+
changeImg(rightImg) {
|
|
37
|
+
const actualIndex = this.output.selected.index;
|
|
38
|
+
let newIndex;
|
|
39
|
+
if (actualIndex === (this.numImg - 1) && rightImg) {
|
|
40
|
+
newIndex = 0;
|
|
41
|
+
}
|
|
42
|
+
else if (actualIndex === 0 && !rightImg) {
|
|
43
|
+
newIndex = this.numImg - 1;
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
newIndex = (rightImg) ? (actualIndex + 1) : (actualIndex - 1);
|
|
47
|
+
}
|
|
48
|
+
this.output.selected = this.output.items.find(({ index }) => index === newIndex);
|
|
49
|
+
}
|
|
24
50
|
}
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5kcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL243LWJvaWxlcnBsYXRlLW11cnVjYS9zcmMvbGliL2RhdGEtc291cmNlcy9nYWxsZXJ5LmRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFVeEMsTUFBTSxPQUFPLFdBQVksU0FBUSxVQUFVO0lBQTNDOztRQUdFLFdBQU0sR0FBRyxDQUFDLENBQUM7SUFpRGIsQ0FBQztJQS9DVyxTQUFTLENBQUMsSUFBcUI7UUFDdkMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ1YsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDO1FBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDaEIsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2QsT0FBTztZQUNMLFFBQVEsRUFBRSxJQUFJO1lBQ2QsS0FBSyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUNmLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFDNUIsRUFBRSxFQUFFO2dCQUNILE1BQU0sSUFBSSxHQUFHO29CQUNYLEVBQUU7b0JBQ0YsS0FBSztvQkFDTCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsT0FBTyxFQUFFLEtBQUs7b0JBQ2QsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsS0FBSztpQkFDTixDQUFDO2dCQUNGLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDO2dCQUNqQixLQUFLLElBQUksQ0FBQyxDQUFDO2dCQUNYLE9BQU8sSUFBSSxDQUFDO1lBQ2QsQ0FBQyxDQUFDO1NBQ0gsQ0FBQztJQUNKLENBQUM7SUFFTSxXQUFXLENBQUMsTUFBdUI7UUFDeEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxLQUFLLE1BQU0sQ0FBQyxDQUFDO0lBQzNFLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztJQUM5QixDQUFDO0lBRU0sU0FBUyxDQUFDLFFBQVE7UUFDdkIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDO1FBQy9DLElBQUksUUFBUSxDQUFDO1FBQ2IsSUFBSSxXQUFXLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ2xELFFBQVEsR0FBRyxDQUFDLENBQUM7UUFDZixDQUFDO2FBQU0sSUFBSSxXQUFXLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDMUMsUUFBUSxHQUFHLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQzdCLENBQUM7YUFBTSxDQUFDO1lBQ04sUUFBUSxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUNoRSxDQUFDO1FBQ0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDO0lBQ25GLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERhdGFTb3VyY2UgfSBmcm9tICdAbmV0Ny9jb3JlJztcbmltcG9ydCB7IEdhbGxlcnlEYXRhIH0gZnJvbSAnLi4vY29tcG9uZW50cy9nYWxsZXJ5L2dhbGxlcnknO1xuXG50eXBlIEdhbGxlcnlSZXNwb25zZSA9IHtcbiAgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgdGl0bGU6IHN0cmluZztcbiAgdGh1bWJuYWlsOiBzdHJpbmc7XG4gIGltYWdlOiBzdHJpbmc7XG59W107XG5cbmV4cG9ydCBjbGFzcyBNckdhbGxlcnlEUyBleHRlbmRzIERhdGFTb3VyY2Uge1xuICBpZDogc3RyaW5nO1xuXG4gIG51bUltZyA9IDA7XG5cbiAgcHJvdGVjdGVkIHRyYW5zZm9ybShkYXRhOiBHYWxsZXJ5UmVzcG9uc2UpOiBHYWxsZXJ5RGF0YSB7XG4gICAgaWYgKCFkYXRhKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICB0aGlzLm51bUltZyA9IDA7XG4gICAgbGV0IGluZGV4ID0gMDtcbiAgICByZXR1cm4ge1xuICAgICAgc2VsZWN0ZWQ6IG51bGwsXG4gICAgICBpdGVtczogZGF0YS5tYXAoKHtcbiAgICAgICAgaWQsIHRpdGxlLCB0aHVtYm5haWwsIGltYWdlXG4gICAgICB9KSA9PiB7XG4gICAgICAgIGNvbnN0IGl0ZW0gPSB7XG4gICAgICAgICAgaWQsXG4gICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgdGh1bWJTcmM6IHRodW1ibmFpbCxcbiAgICAgICAgICBmdWxsU3JjOiBpbWFnZSxcbiAgICAgICAgICBwYXlsb2FkOiBpZCxcbiAgICAgICAgICBpbmRleFxuICAgICAgICB9O1xuICAgICAgICB0aGlzLm51bUltZyArPSAxO1xuICAgICAgICBpbmRleCArPSAxO1xuICAgICAgICByZXR1cm4gaXRlbTtcbiAgICAgIH0pXG4gICAgfTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRTZWxlY3RlZChpdGVtSWQ6IG51bWJlciB8IHN0cmluZykge1xuICAgIHRoaXMub3V0cHV0LnNlbGVjdGVkID0gdGhpcy5vdXRwdXQuaXRlbXMuZmluZCgoeyBpZCB9KSA9PiBpZCA9PT0gaXRlbUlkKTtcbiAgfVxuXG4gIHB1YmxpYyByZW1vdmVTZWxlY3RlZCgpIHtcbiAgICB0aGlzLm91dHB1dC5zZWxlY3RlZCA9IG51bGw7XG4gIH1cblxuICBwdWJsaWMgY2hhbmdlSW1nKHJpZ2h0SW1nKSB7XG4gICAgY29uc3QgYWN0dWFsSW5kZXggPSB0aGlzLm91dHB1dC5zZWxlY3RlZC5pbmRleDtcbiAgICBsZXQgbmV3SW5kZXg7XG4gICAgaWYgKGFjdHVhbEluZGV4ID09PSAodGhpcy5udW1JbWcgLSAxKSAmJiByaWdodEltZykge1xuICAgICAgbmV3SW5kZXggPSAwO1xuICAgIH0gZWxzZSBpZiAoYWN0dWFsSW5kZXggPT09IDAgJiYgIXJpZ2h0SW1nKSB7XG4gICAgICBuZXdJbmRleCA9IHRoaXMubnVtSW1nIC0gMTtcbiAgICB9IGVsc2Uge1xuICAgICAgbmV3SW5kZXggPSAocmlnaHRJbWcpID8gKGFjdHVhbEluZGV4ICsgMSkgOiAoYWN0dWFsSW5kZXggLSAxKTtcbiAgICB9XG4gICAgdGhpcy5vdXRwdXQuc2VsZWN0ZWQgPSB0aGlzLm91dHB1dC5pdGVtcy5maW5kKCh7IGluZGV4IH0pID0+IGluZGV4ID09PSBuZXdJbmRleCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -11,10 +11,14 @@ export class MrGalleryEH extends EventHandler {
|
|
|
11
11
|
case 'mr-gallery.close':
|
|
12
12
|
this.dataSource.removeSelected();
|
|
13
13
|
break;
|
|
14
|
+
case `${this.dataSource.id}.changeImg`:
|
|
15
|
+
case 'mr-gallery.changeImg':
|
|
16
|
+
this.dataSource.changeImg(payload);
|
|
17
|
+
break;
|
|
14
18
|
default:
|
|
15
19
|
break;
|
|
16
20
|
}
|
|
17
21
|
});
|
|
18
22
|
}
|
|
19
23
|
}
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5laC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL243LWJvaWxlcnBsYXRlLW11cnVjYS9zcmMvbGliL2V2ZW50LWhhbmRsZXJzL2dhbGxlcnkuZWgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFlBQVksQ0FBQztBQUcxQyxNQUFNLE9BQU8sV0FBWSxTQUFRLFlBQVk7SUFHcEMsTUFBTTtRQUNYLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRTtZQUNoRCxRQUFRLElBQUksRUFBRSxDQUFDO2dCQUNiLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsUUFBUSxDQUFDO2dCQUNuQyxLQUFLLGtCQUFrQjtvQkFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQ3JDLE1BQU07Z0JBQ1IsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxRQUFRLENBQUM7Z0JBQ25DLEtBQUssa0JBQWtCO29CQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO29CQUNqQyxNQUFNO2dCQUNSLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsWUFBWSxDQUFDO2dCQUN2QyxLQUFLLHNCQUFzQjtvQkFDekIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQ25DLE1BQU07Z0JBQ1I7b0JBQ0UsTUFBTTtZQUNWLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEV2ZW50SGFuZGxlciB9IGZyb20gJ0BuZXQ3L2NvcmUnO1xuaW1wb3J0IHsgTXJHYWxsZXJ5RFMgfSBmcm9tICcuLi9kYXRhLXNvdXJjZXMnO1xuXG5leHBvcnQgY2xhc3MgTXJHYWxsZXJ5RUggZXh0ZW5kcyBFdmVudEhhbmRsZXIge1xuICBwdWJsaWMgZGF0YVNvdXJjZTogTXJHYWxsZXJ5RFM7XG5cbiAgcHVibGljIGxpc3RlbigpIHtcbiAgICB0aGlzLmlubmVyRXZlbnRzJC5zdWJzY3JpYmUoKHsgdHlwZSwgcGF5bG9hZCB9KSA9PiB7XG4gICAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBgJHt0aGlzLmRhdGFTb3VyY2UuaWR9LmNsaWNrYDpcbiAgICAgICAgY2FzZSAnbXItZ2FsbGVyeS5jbGljayc6XG4gICAgICAgICAgdGhpcy5kYXRhU291cmNlLnNldFNlbGVjdGVkKHBheWxvYWQpO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlIGAke3RoaXMuZGF0YVNvdXJjZS5pZH0uY2xvc2VgOlxuICAgICAgICBjYXNlICdtci1nYWxsZXJ5LmNsb3NlJzpcbiAgICAgICAgICB0aGlzLmRhdGFTb3VyY2UucmVtb3ZlU2VsZWN0ZWQoKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSBgJHt0aGlzLmRhdGFTb3VyY2UuaWR9LmNoYW5nZUltZ2A6XG4gICAgICAgIGNhc2UgJ21yLWdhbGxlcnkuY2hhbmdlSW1nJzpcbiAgICAgICAgICB0aGlzLmRhdGFTb3VyY2UuY2hhbmdlSW1nKHBheWxvYWQpO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iXX0=
|
|
@@ -2290,19 +2290,31 @@ class MrYearHeaderDS extends DataSource {
|
|
|
2290
2290
|
}
|
|
2291
2291
|
|
|
2292
2292
|
class MrGalleryDS extends DataSource {
|
|
2293
|
+
constructor() {
|
|
2294
|
+
super(...arguments);
|
|
2295
|
+
this.numImg = 0;
|
|
2296
|
+
}
|
|
2293
2297
|
transform(data) {
|
|
2294
2298
|
if (!data) {
|
|
2295
2299
|
return null;
|
|
2296
2300
|
}
|
|
2301
|
+
this.numImg = 0;
|
|
2302
|
+
let index = 0;
|
|
2297
2303
|
return {
|
|
2298
2304
|
selected: null,
|
|
2299
|
-
items: data.map(({ id, title, thumbnail, image }) =>
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2305
|
+
items: data.map(({ id, title, thumbnail, image }) => {
|
|
2306
|
+
const item = {
|
|
2307
|
+
id,
|
|
2308
|
+
title,
|
|
2309
|
+
thumbSrc: thumbnail,
|
|
2310
|
+
fullSrc: image,
|
|
2311
|
+
payload: id,
|
|
2312
|
+
index
|
|
2313
|
+
};
|
|
2314
|
+
this.numImg += 1;
|
|
2315
|
+
index += 1;
|
|
2316
|
+
return item;
|
|
2317
|
+
})
|
|
2306
2318
|
};
|
|
2307
2319
|
}
|
|
2308
2320
|
setSelected(itemId) {
|
|
@@ -2311,6 +2323,20 @@ class MrGalleryDS extends DataSource {
|
|
|
2311
2323
|
removeSelected() {
|
|
2312
2324
|
this.output.selected = null;
|
|
2313
2325
|
}
|
|
2326
|
+
changeImg(rightImg) {
|
|
2327
|
+
const actualIndex = this.output.selected.index;
|
|
2328
|
+
let newIndex;
|
|
2329
|
+
if (actualIndex === (this.numImg - 1) && rightImg) {
|
|
2330
|
+
newIndex = 0;
|
|
2331
|
+
}
|
|
2332
|
+
else if (actualIndex === 0 && !rightImg) {
|
|
2333
|
+
newIndex = this.numImg - 1;
|
|
2334
|
+
}
|
|
2335
|
+
else {
|
|
2336
|
+
newIndex = (rightImg) ? (actualIndex + 1) : (actualIndex - 1);
|
|
2337
|
+
}
|
|
2338
|
+
this.output.selected = this.output.items.find(({ index }) => index === newIndex);
|
|
2339
|
+
}
|
|
2314
2340
|
}
|
|
2315
2341
|
|
|
2316
2342
|
class MrSearchPageTitleDS extends DataSource {
|
|
@@ -2825,6 +2851,10 @@ class MrGalleryEH extends EventHandler {
|
|
|
2825
2851
|
case 'mr-gallery.close':
|
|
2826
2852
|
this.dataSource.removeSelected();
|
|
2827
2853
|
break;
|
|
2854
|
+
case `${this.dataSource.id}.changeImg`:
|
|
2855
|
+
case 'mr-gallery.changeImg':
|
|
2856
|
+
this.dataSource.changeImg(payload);
|
|
2857
|
+
break;
|
|
2828
2858
|
default:
|
|
2829
2859
|
break;
|
|
2830
2860
|
}
|
|
@@ -4220,12 +4250,15 @@ class MrGalleryComponent {
|
|
|
4220
4250
|
this.emit('close');
|
|
4221
4251
|
}
|
|
4222
4252
|
}
|
|
4253
|
+
onChangeImg(rightImg) {
|
|
4254
|
+
this.emit('changeImg', rightImg);
|
|
4255
|
+
}
|
|
4223
4256
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4224
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrGalleryComponent, selector: "mr-gallery", inputs: { data: "data", emit: "emit", grid: "grid" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"mr-gallery mr-wp-content\">\n <div class=\"mr-gallery__wrapper wp-block-gallery has-zoom\"> <!-- {{ grid ? 'columns-' + grid : '' }} -->\n <ul class=\"mr-gallery__items blocks-gallery-grid\">\n <li *ngFor=\"let item of data.items\" class=\"mr-gallery__item blocks-gallery-item\">\n <figure>\n <a (click)=\"onClick(item.payload)\" class=\"mr-gallery__link\">\n <img [src]=\"item.thumbSrc\" [alt]=\"item.title\" class=\"mr-gallery__image\">\n <figcaption class=\"timeline-gallery__description-text\" [innerHTML]=\"item.title\"></figcaption>\n </a>\n </figure>\n </li>\n </ul>\n </div>\n <div *ngIf=\"data.selected\" class=\"mr-modal mr-gallery-modal\"
|
|
4257
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrGalleryComponent, selector: "mr-gallery", inputs: { data: "data", emit: "emit", grid: "grid" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"mr-gallery mr-wp-content\">\n <div class=\"mr-gallery__wrapper wp-block-gallery has-zoom\"> <!-- {{ grid ? 'columns-' + grid : '' }} -->\n <ul class=\"mr-gallery__items blocks-gallery-grid\">\n <li *ngFor=\"let item of data.items\" class=\"mr-gallery__item blocks-gallery-item\">\n <figure>\n <a (click)=\"onClick(item.payload)\" class=\"mr-gallery__link\">\n <img [src]=\"item.thumbSrc\" [alt]=\"item.title\" class=\"mr-gallery__image\">\n <figcaption class=\"timeline-gallery__description-text\" [innerHTML]=\"item.title\"></figcaption>\n </a>\n </figure>\n </li>\n </ul>\n </div>\n <div *ngIf=\"data.selected\" class=\"mr-modal mr-gallery-modal\">\n <div class=\"mr-modal__overlay\">\n <div class=\"mr-modal__window mr-gallery-modal__window\">\n <div class=\"mr-modal__header mr-gallery-modal__header\">\n <div class=\"mr-modal__close\">\n <a class=\"mr-modal__close-link\" (click)=\"onClose()\"><span class=\"n7-icon-close\"></span></a>\n </div>\n <div class=\"mr-modal__right\">\n <a class=\"mr-modal__arrow-link\" (click)=\"onChangeImg(true)\"><span class=\"n7-icon-angle-right\"></span></a>\n </div>\n <div class=\"mr-modal__left\">\n <a class=\"mr-modal__arrow-link\" (click)=\"onChangeImg(false)\"><span class=\"n7-icon-angle-left\"></span></a>\n </div>\n </div>\n <div class=\"mr-modal__content mr-gallery-modal__content\" (click)=\"onClose()\">\n <div class=\"mr-gallery__zoom-image-wrapper\">\n <img [src]=\"data.selected.fullSrc\" [alt]=\"data.selected.title\" class=\"mr-gallery__zoom-image\">\n <figcaption class=\"mr-gallery__zoom-figcaption\" [innerHTML]=\"data.selected.title\"></figcaption>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
4225
4258
|
}
|
|
4226
4259
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrGalleryComponent, decorators: [{
|
|
4227
4260
|
type: Component,
|
|
4228
|
-
args: [{ selector: 'mr-gallery', template: "<div *ngIf=\"data\" class=\"mr-gallery mr-wp-content\">\n <div class=\"mr-gallery__wrapper wp-block-gallery has-zoom\"> <!-- {{ grid ? 'columns-' + grid : '' }} -->\n <ul class=\"mr-gallery__items blocks-gallery-grid\">\n <li *ngFor=\"let item of data.items\" class=\"mr-gallery__item blocks-gallery-item\">\n <figure>\n <a (click)=\"onClick(item.payload)\" class=\"mr-gallery__link\">\n <img [src]=\"item.thumbSrc\" [alt]=\"item.title\" class=\"mr-gallery__image\">\n <figcaption class=\"timeline-gallery__description-text\" [innerHTML]=\"item.title\"></figcaption>\n </a>\n </figure>\n </li>\n </ul>\n </div>\n <div *ngIf=\"data.selected\" class=\"mr-modal mr-gallery-modal\"
|
|
4261
|
+
args: [{ selector: 'mr-gallery', template: "<div *ngIf=\"data\" class=\"mr-gallery mr-wp-content\">\n <div class=\"mr-gallery__wrapper wp-block-gallery has-zoom\"> <!-- {{ grid ? 'columns-' + grid : '' }} -->\n <ul class=\"mr-gallery__items blocks-gallery-grid\">\n <li *ngFor=\"let item of data.items\" class=\"mr-gallery__item blocks-gallery-item\">\n <figure>\n <a (click)=\"onClick(item.payload)\" class=\"mr-gallery__link\">\n <img [src]=\"item.thumbSrc\" [alt]=\"item.title\" class=\"mr-gallery__image\">\n <figcaption class=\"timeline-gallery__description-text\" [innerHTML]=\"item.title\"></figcaption>\n </a>\n </figure>\n </li>\n </ul>\n </div>\n <div *ngIf=\"data.selected\" class=\"mr-modal mr-gallery-modal\">\n <div class=\"mr-modal__overlay\">\n <div class=\"mr-modal__window mr-gallery-modal__window\">\n <div class=\"mr-modal__header mr-gallery-modal__header\">\n <div class=\"mr-modal__close\">\n <a class=\"mr-modal__close-link\" (click)=\"onClose()\"><span class=\"n7-icon-close\"></span></a>\n </div>\n <div class=\"mr-modal__right\">\n <a class=\"mr-modal__arrow-link\" (click)=\"onChangeImg(true)\"><span class=\"n7-icon-angle-right\"></span></a>\n </div>\n <div class=\"mr-modal__left\">\n <a class=\"mr-modal__arrow-link\" (click)=\"onChangeImg(false)\"><span class=\"n7-icon-angle-left\"></span></a>\n </div>\n </div>\n <div class=\"mr-modal__content mr-gallery-modal__content\" (click)=\"onClose()\">\n <div class=\"mr-gallery__zoom-image-wrapper\">\n <img [src]=\"data.selected.fullSrc\" [alt]=\"data.selected.title\" class=\"mr-gallery__zoom-image\">\n <figcaption class=\"mr-gallery__zoom-figcaption\" [innerHTML]=\"data.selected.title\"></figcaption>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>" }]
|
|
4229
4262
|
}], propDecorators: { data: [{
|
|
4230
4263
|
type: Input
|
|
4231
4264
|
}], emit: [{
|