@net7/boilerplate-muruca 5.2.3 → 5.2.5
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/advanced-result/advanced-result.mjs +3 -3
- package/esm2022/lib/components/form/form.mjs +3 -3
- package/esm2022/lib/components/form-wrapper-accordion/form-wrapper-accordion.mjs +3 -3
- package/esm2022/lib/components/gallery/gallery.mjs +8 -5
- package/esm2022/lib/components/metadata-dynamic/metadata-dynamic.mjs +3 -3
- package/esm2022/lib/components/metadata-with-readmore/metadata-with-readmore.mjs +3 -3
- package/esm2022/lib/components/read-more/read-more.mjs +3 -3
- package/esm2022/lib/components/resource-modal/resource-modal.mjs +3 -3
- package/esm2022/lib/components/search-page-description/search-page-description.mjs +3 -3
- package/esm2022/lib/data-sources/gallery.ds.mjs +34 -8
- package/esm2022/lib/event-handlers/gallery.eh.mjs +7 -1
- package/esm2022/lib/guards/dynamic-path.guard.mjs +3 -3
- package/esm2022/lib/guards/locale-dependencies.guard.mjs +3 -3
- package/esm2022/lib/layouts/advanced-results-layout/advanced-results-layout.mjs +3 -3
- package/esm2022/lib/layouts/advanced-search-layout/advanced-search-layout.mjs +3 -3
- package/esm2022/lib/layouts/home-layout/home-layout.mjs +3 -3
- package/esm2022/lib/layouts/itinerary-layout/itinerary-layout.mjs +3 -3
- package/esm2022/lib/layouts/map-layout/map-layout.mjs +3 -3
- package/esm2022/lib/layouts/posts-layout/posts-layout.mjs +3 -3
- package/esm2022/lib/layouts/resource-layout/resource-layout.mjs +3 -3
- package/esm2022/lib/layouts/search-facets-layout/search-facets-layout.mjs +3 -3
- package/esm2022/lib/layouts/search-layout/search-layout.mjs +3 -3
- package/esm2022/lib/layouts/static-layout/static-layout.mjs +3 -3
- package/esm2022/lib/layouts/timeline-layout/timeline-layout.ds.mjs +5 -2
- package/esm2022/lib/layouts/timeline-layout/timeline-layout.mjs +23 -6
- package/esm2022/lib/n7-boilerplate-muruca.module.mjs +4 -4
- package/esm2022/lib/pipes/keep-html.pipe.mjs +3 -3
- package/esm2022/lib/services/footer.service.mjs +3 -3
- package/esm2022/lib/services/layout-state.service.mjs +3 -3
- package/esm2022/lib/services/locale.service.mjs +3 -3
- package/esm2022/lib/services/menu.service.mjs +3 -3
- package/esm2022/lib/services/resource-modal.service.mjs +3 -3
- package/esm2022/lib/services/search.service.mjs +3 -3
- package/esm2022/lib/services/translations-loader.service.mjs +3 -3
- package/fesm2022/net7-boilerplate-muruca.mjs +179 -127
- package/fesm2022/net7-boilerplate-muruca.mjs.map +1 -1
- package/lib/components/gallery/gallery.d.ts +6 -4
- package/lib/data-sources/gallery.ds.d.ts +2 -0
- package/lib/layouts/timeline-layout/timeline-layout.d.ts +1 -0
- package/lib/layouts/timeline-layout/timeline-layout.ds.d.ts +1 -0
- package/package.json +1 -1
- package/src/lib/styles/muruca/components/_gallery.scss +25 -1
- package/src/lib/styles/muruca/components/_wp-content.scss +45 -15
- package/src/lib/styles/muruca/layouts/_timeline.scss +2 -1
|
@@ -28,10 +28,10 @@ export class MrAdvancedResultComponent {
|
|
|
28
28
|
return;
|
|
29
29
|
data.highlightsHidden = !data.highlightsHidden;
|
|
30
30
|
}
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrAdvancedResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrAdvancedResultComponent, selector: "mr-advanced-result", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\"\n class=\"mr-advanced-result\">\n <!-- RESULT MAIN CONTENT -->\n <n7-item-preview [data]=\"data\"></n7-item-preview>\n <!-- RESULT HIGHLIGHTS SECTION -->\n <ng-container *ngIf=\"hasHighlights()\">\n <div *ngIf=\"data?.highlightsTitle\" class=\"mr-advanced-result__header\"\n [ngClass]=\"{\n 'has-toggle': !!data.highlightsHasToggle\n }\"\n (click)=\"onHeaderClick(data)\">\n <span class=\"mr-advanced-result__header-label\">\n {{ data.highlightsTitle }}\n </span>\n <span class=\"mr-advanced-result__header-icon\"\n [ngClass]=\"{\n 'n7-icon-angle-down': data.highlightsHidden,\n 'n7-icon-angle-up': !data.highlightsHidden\n }\">\n </span>\n </div>\n <div [hidden]=\"isHidden()\" \n class=\"mr-advanced-result__content\"\n *ngFor=\"let highlightGroup of data.highlights\">\n <div class=\"mr-advanced-result__content-group\">\n <!-- METADATA ITEM -->\n <div class=\"mr-advanced-result__item {{ item.classes || '' }}\"\n *ngFor=\"let item of highlightGroup.items\">\n <!-- ICON -->\n <span class=\"mr-advanced-result__icon {{item.icon}}\"\n *ngIf=\"item.icon\">\n </span>\n <!-- LABEL -->\n <span class=\"mr-advanced-result__label\"\n *ngIf=\"item.label\"\n [innerHTML]=\"item.label\">\n </span>\n <!-- VALUE W/ HREF -->\n <a *ngIf=\"item.href\"\n [href]=\"item.href\"\n [target]=\"item.target\"\n >\n <span class=\"mr-advanced-result__value\"\n *ngIf=\"item.value\"\n [innerHTML]=\"item.value\">\n </span>\n </a>\n <!-- VALUE W/OUT HREF -->\n <span class=\"mr-advanced-result__value\"\n *ngIf=\"item.value && !item.href\"\n [innerHTML]=\"item.value\">\n </span>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ItemPreviewComponent, selector: "n7-item-preview", inputs: ["data", "emit"] }] }); }
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrAdvancedResultComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'mr-advanced-result', template: "<div *ngIf=\"data\"\n class=\"mr-advanced-result\">\n <!-- RESULT MAIN CONTENT -->\n <n7-item-preview [data]=\"data\"></n7-item-preview>\n <!-- RESULT HIGHLIGHTS SECTION -->\n <ng-container *ngIf=\"hasHighlights()\">\n <div *ngIf=\"data?.highlightsTitle\" class=\"mr-advanced-result__header\"\n [ngClass]=\"{\n 'has-toggle': !!data.highlightsHasToggle\n }\"\n (click)=\"onHeaderClick(data)\">\n <span class=\"mr-advanced-result__header-label\">\n {{ data.highlightsTitle }}\n </span>\n <span class=\"mr-advanced-result__header-icon\"\n [ngClass]=\"{\n 'n7-icon-angle-down': data.highlightsHidden,\n 'n7-icon-angle-up': !data.highlightsHidden\n }\">\n </span>\n </div>\n <div [hidden]=\"isHidden()\" \n class=\"mr-advanced-result__content\"\n *ngFor=\"let highlightGroup of data.highlights\">\n <div class=\"mr-advanced-result__content-group\">\n <!-- METADATA ITEM -->\n <div class=\"mr-advanced-result__item {{ item.classes || '' }}\"\n *ngFor=\"let item of highlightGroup.items\">\n <!-- ICON -->\n <span class=\"mr-advanced-result__icon {{item.icon}}\"\n *ngIf=\"item.icon\">\n </span>\n <!-- LABEL -->\n <span class=\"mr-advanced-result__label\"\n *ngIf=\"item.label\"\n [innerHTML]=\"item.label\">\n </span>\n <!-- VALUE W/ HREF -->\n <a *ngIf=\"item.href\"\n [href]=\"item.href\"\n [target]=\"item.target\"\n >\n <span class=\"mr-advanced-result__value\"\n *ngIf=\"item.value\"\n [innerHTML]=\"item.value\">\n </span>\n </a>\n <!-- VALUE W/OUT HREF -->\n <span class=\"mr-advanced-result__value\"\n *ngIf=\"item.value && !item.href\"\n [innerHTML]=\"item.value\">\n </span>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n" }]
|
|
37
37
|
}], propDecorators: { data: [{
|
|
@@ -19,10 +19,10 @@ export class MrFormComponent {
|
|
|
19
19
|
description: _t(section.description)
|
|
20
20
|
}));
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrFormComponent, selector: "mr-form", inputs: { form: "form", group: "group" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div *ngIf=\"form.loaded$ | async\" class=\"mr-form {{ group?.classes || '' }}\">\n <div *ngFor=\"let section of sections\" class=\"mr-form__section {{ section.classes || '' }}\" \n [ngClass]=\"{ 'mr-form__section-advanced' : section.advancedSection }\" >\n \n <div class=\"mr-form__section-header\">\n <h3 *ngIf=\"section.title\" class=\"mr-form__section-title\">{{ section.title }}</h3>\n <p *ngIf=\"section.description\" class=\"mr-form__section-description\">{{ section.description }}</p>\n </div>\n \n <div class=\"mr-form__section-content\">\n <div *ngFor=\"let input of section.inputs\" class=\"mr-form__element {{ input.options?.classes || '' }}\">\n <ng-container [ngSwitch]=\"input.type\">\n\n <!-- INPUT TEXT -->\n <n7-input-text *ngSwitchCase=\"'text'\" \n [data]=\"form.inputs[input.id].ds.out$ | async\"\n [emit]=\"form.inputs[input.id].emit\"></n7-input-text>\n\n <!-- INPUT CHECKBOX -->\n <n7-input-checkbox *ngSwitchCase=\"'checkbox'\" \n [data]=\"form.inputs[input.id].ds.out$ | async\"\n [emit]=\"form.inputs[input.id].emit\"></n7-input-checkbox>\n\n <!-- INPUT SELECT -->\n <n7-input-select *ngSwitchCase=\"'select'\" \n [data]=\"form.inputs[input.id].ds.out$ | async\"\n [emit]=\"form.inputs[input.id].emit\"></n7-input-select>\n\n <!-- DEFAULT (external template) -->\n <ng-container *ngSwitchDefault>\n <ng-template *ngTemplateOutlet=\"\n templateRef; \n context: { \n type: input.type, \n input: form.inputs[input.id] \n }\"></ng-template>\n </ng-container>\n\n </ng-container>\n </div>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.InputCheckboxComponent, selector: "n7-input-checkbox", inputs: ["data", "emit"] }, { kind: "component", type: i2.InputSelectComponent, selector: "n7-input-select", inputs: ["data", "emit"] }, { kind: "component", type: i2.InputTextComponent, selector: "n7-input-text", inputs: ["data", "emit"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrFormComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'mr-form', template: "<div *ngIf=\"form.loaded$ | async\" class=\"mr-form {{ group?.classes || '' }}\">\n <div *ngFor=\"let section of sections\" class=\"mr-form__section {{ section.classes || '' }}\" \n [ngClass]=\"{ 'mr-form__section-advanced' : section.advancedSection }\" >\n \n <div class=\"mr-form__section-header\">\n <h3 *ngIf=\"section.title\" class=\"mr-form__section-title\">{{ section.title }}</h3>\n <p *ngIf=\"section.description\" class=\"mr-form__section-description\">{{ section.description }}</p>\n </div>\n \n <div class=\"mr-form__section-content\">\n <div *ngFor=\"let input of section.inputs\" class=\"mr-form__element {{ input.options?.classes || '' }}\">\n <ng-container [ngSwitch]=\"input.type\">\n\n <!-- INPUT TEXT -->\n <n7-input-text *ngSwitchCase=\"'text'\" \n [data]=\"form.inputs[input.id].ds.out$ | async\"\n [emit]=\"form.inputs[input.id].emit\"></n7-input-text>\n\n <!-- INPUT CHECKBOX -->\n <n7-input-checkbox *ngSwitchCase=\"'checkbox'\" \n [data]=\"form.inputs[input.id].ds.out$ | async\"\n [emit]=\"form.inputs[input.id].emit\"></n7-input-checkbox>\n\n <!-- INPUT SELECT -->\n <n7-input-select *ngSwitchCase=\"'select'\" \n [data]=\"form.inputs[input.id].ds.out$ | async\"\n [emit]=\"form.inputs[input.id].emit\"></n7-input-select>\n\n <!-- DEFAULT (external template) -->\n <ng-container *ngSwitchDefault>\n <ng-template *ngTemplateOutlet=\"\n templateRef; \n context: { \n type: input.type, \n input: form.inputs[input.id] \n }\"></ng-template>\n </ng-container>\n\n </ng-container>\n </div>\n </div>\n </div>\n</div>" }]
|
|
28
28
|
}], propDecorators: { form: [{
|
|
@@ -24,10 +24,10 @@ export class MrFormWrapperAccordionComponent {
|
|
|
24
24
|
onSubmit() {
|
|
25
25
|
this.fakeEmit('submit');
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrFormWrapperAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrFormWrapperAccordionComponent, selector: "mr-form-wrapper-accordion", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"mr-form-wrapper-accordion\">\n <ng-container *ngFor=\"let group of data.form.config.groups; index as $i\">\n <div *ngIf=\"group.options && (group.options.showHeader !== false)\" \n class=\"mr-form-wrapper-accordion__header\">\n <n7-facet-header\n [data]=\"group.options\"\n [emit]=\"fakeEmit\"\n ></n7-facet-header>\n </div>\n\n <div *ngIf=\"group.options.isOpen\" class=\"mr-form-wrapper-accordion__content\" [attr.id]=\"group.id\">\n <mr-form [form]=\"data.form\" [group]=\"group\">\n <!-- CUSTOM INPUTS -->\n <!-- <ng-template let-type=\"type\" let-input=\"input\">\n <ng-container [ngSwitch]=\"type\">\n \n <n7-tag *ngSwitchCase=\"'tag'\" \n [data]=\"input.ds.out$ | async\"\n [emit]=\"input.emit\"></n7-tag>\n \n </ng-container>\n </ng-template> -->\n </mr-form>\n </div>\n </ng-container>\n \n <div class=\"mr-form-wrapper-accordion__actions\">\n <a *ngIf=\"data.form.config.resetButton\" \n class=\"n7-btn n7-btn-xl n7-btn-danger\" \n (click)=\"onReset()\">{{ data.form.config.resetButton.label }}</a>\n <a *ngIf=\"data.form.config.submitButton\" \n class=\"n7-btn n7-btn-cta n7-btn-xl n7-btn-info\" \n (click)=\"onSubmit()\">{{ data.form.config.submitButton.label }}</a>\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"] }, { kind: "component", type: i2.FacetHeaderComponent, selector: "n7-facet-header", inputs: ["data", "emit"] }, { kind: "component", type: i3.MrFormComponent, selector: "mr-form", inputs: ["form", "group"] }] }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrFormWrapperAccordionComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'mr-form-wrapper-accordion', template: "<div *ngIf=\"data\" class=\"mr-form-wrapper-accordion\">\n <ng-container *ngFor=\"let group of data.form.config.groups; index as $i\">\n <div *ngIf=\"group.options && (group.options.showHeader !== false)\" \n class=\"mr-form-wrapper-accordion__header\">\n <n7-facet-header\n [data]=\"group.options\"\n [emit]=\"fakeEmit\"\n ></n7-facet-header>\n </div>\n\n <div *ngIf=\"group.options.isOpen\" class=\"mr-form-wrapper-accordion__content\" [attr.id]=\"group.id\">\n <mr-form [form]=\"data.form\" [group]=\"group\">\n <!-- CUSTOM INPUTS -->\n <!-- <ng-template let-type=\"type\" let-input=\"input\">\n <ng-container [ngSwitch]=\"type\">\n \n <n7-tag *ngSwitchCase=\"'tag'\" \n [data]=\"input.ds.out$ | async\"\n [emit]=\"input.emit\"></n7-tag>\n \n </ng-container>\n </ng-template> -->\n </mr-form>\n </div>\n </ng-container>\n \n <div class=\"mr-form-wrapper-accordion__actions\">\n <a *ngIf=\"data.form.config.resetButton\" \n class=\"n7-btn n7-btn-xl n7-btn-danger\" \n (click)=\"onReset()\">{{ data.form.config.resetButton.label }}</a>\n <a *ngIf=\"data.form.config.submitButton\" \n class=\"n7-btn n7-btn-cta n7-btn-xl n7-btn-info\" \n (click)=\"onSubmit()\">{{ data.form.config.submitButton.label }}</a>\n </div>\n</div>" }]
|
|
33
33
|
}], propDecorators: { data: [{
|
|
@@ -12,12 +12,15 @@ export class MrGalleryComponent {
|
|
|
12
12
|
this.emit('close');
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
onChangeImg(rightImg) {
|
|
16
|
+
this.emit('changeImg', rightImg);
|
|
17
|
+
}
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
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 : '' }}
|
|
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.11", 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==
|
|
@@ -18,10 +18,10 @@ export class MrMetadataDynamicComponent {
|
|
|
18
18
|
const metadataDynamicDS = new MrMetadataDynamicDS();
|
|
19
19
|
return metadataDynamicDS.prepareMeta(section);
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrMetadataDynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrMetadataDynamicComponent, selector: "mr-metadata-dynamic", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<ng-container *ngIf=\"data.data\">\n <ng-container *ngFor=\"let group of data.data; index as i\">\n <ng-container *ngTemplateOutlet=\"metadataViewer; context:{$implicit: group}\"></ng-container>\n </ng-container>\n</ng-container>\n\n<ng-template #metadataViewer let-group>\n <div class=\"mr-content-block mr-content-block-metadata\">\n <div *ngIf=\"group\" class=\"mr-metadata-dynamic\" [ngClass]=\"{'mr-metadata-dynamic-accordion' : group.title}\">\n \n <!-- Header accordion (se presente) -->\n <div *ngIf=\"group.options && (group.options.showHeader !== false) && group.title\" class=\"mr-metadata-dynamic-accordion__header\">\n <n7-facet-header \n [data]=\"group.options\" \n [emit]=\"fakeEmit\"\n ></n7-facet-header>\n </div>\n\n <!-- Content -->\n <div *ngIf=\"group.options.isOpen\" class=\"mr-content-block__content\" [attr.id]=\"group.id\">\n <mr-read-more [data]=\"group.readmore\">\n <ng-container *ngIf=\" group?.options?.readmore || group?.options?.groupReadmore;\n else wihoutReadmore\">\n <mr-metadata-readmore\n [data]=\"obtainData(group)\">\n </mr-metadata-readmore>\n </ng-container>\n <ng-template #wihoutReadmore>\n <n7-metadata-viewer\n [data]=\"obtainData(group)\">\n </n7-metadata-viewer>\n </ng-template>\n </mr-read-more>\n </div>\n\n </div>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FacetHeaderComponent, selector: "n7-facet-header", inputs: ["data", "emit"] }, { kind: "component", type: i2.MetadataViewerComponent, selector: "n7-metadata-viewer", inputs: ["data", "emit"] }, { kind: "component", type: i3.MrMetadataReadmoreComponent, selector: "mr-metadata-readmore", inputs: ["data", "emit"] }, { kind: "component", type: i4.ReadMoreComponent, selector: "mr-read-more", inputs: ["data"] }] }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrMetadataDynamicComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'mr-metadata-dynamic', template: "<ng-container *ngIf=\"data.data\">\n <ng-container *ngFor=\"let group of data.data; index as i\">\n <ng-container *ngTemplateOutlet=\"metadataViewer; context:{$implicit: group}\"></ng-container>\n </ng-container>\n</ng-container>\n\n<ng-template #metadataViewer let-group>\n <div class=\"mr-content-block mr-content-block-metadata\">\n <div *ngIf=\"group\" class=\"mr-metadata-dynamic\" [ngClass]=\"{'mr-metadata-dynamic-accordion' : group.title}\">\n \n <!-- Header accordion (se presente) -->\n <div *ngIf=\"group.options && (group.options.showHeader !== false) && group.title\" class=\"mr-metadata-dynamic-accordion__header\">\n <n7-facet-header \n [data]=\"group.options\" \n [emit]=\"fakeEmit\"\n ></n7-facet-header>\n </div>\n\n <!-- Content -->\n <div *ngIf=\"group.options.isOpen\" class=\"mr-content-block__content\" [attr.id]=\"group.id\">\n <mr-read-more [data]=\"group.readmore\">\n <ng-container *ngIf=\" group?.options?.readmore || group?.options?.groupReadmore;\n else wihoutReadmore\">\n <mr-metadata-readmore\n [data]=\"obtainData(group)\">\n </mr-metadata-readmore>\n </ng-container>\n <ng-template #wihoutReadmore>\n <n7-metadata-viewer\n [data]=\"obtainData(group)\">\n </n7-metadata-viewer>\n </ng-template>\n </mr-read-more>\n </div>\n\n </div>\n </div>\n</ng-template>\n" }]
|
|
27
27
|
}], propDecorators: { data: [{
|
|
@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
import * as i1 from "@angular/common";
|
|
7
7
|
import * as i2 from "../read-more/read-more";
|
|
8
8
|
export class MrMetadataReadmoreComponent {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrMetadataReadmoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrMetadataReadmoreComponent, selector: "mr-metadata-readmore", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\"\n class=\"n7-metadata-viewer\">\n <!-- Metadata groups wrapper -->\n <div class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\">\n <!-- For each data group, render it -->\n <ng-container *ngTemplateOutlet=\"group; context:{$implicit: grp}\"></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group\n let-grp>\n <div *ngIf=\"grp.title || grp.items\"\n class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\">\n <div class=\"n7-metadata-viewer__group-title\"\n *ngIf=\"grp.title\">{{grp.title}}</div>\n <div class=\"n7-metadata-viewer__group-content\"\n *ngIf=\"grp.items\">\n <!-- \"read more\" enabled on the metadata group -->\n <mr-read-more [data]=\"grp.groupReadmore\">\n <div class=\"n7-metadata-viewer__item\"\n *ngFor=\"let i of grp.items\">\n <span *ngIf=\"i.label\" class=\"n7-metadata-viewer__item-label\">\n {{ i.label }}\n </span>\n <!-- \"read more\" enabled on the metadata value field -->\n <mr-read-more [data]=\"grp.readmore\">\n <span *ngIf=\"i.value\"\n class=\"n7-metadata-viewer__item-value\"\n [innerHTML]=\"i.value\">\n </span>\n </mr-read-more>\n </div>\n </mr-read-more>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\">\n <ng-container *ngTemplateOutlet=\"group; context:{$implicit: grp}\"></ng-container>\n </div>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ReadMoreComponent, selector: "mr-read-more", inputs: ["data"] }] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrMetadataReadmoreComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'mr-metadata-readmore', template: "<div *ngIf=\"data\"\n class=\"n7-metadata-viewer\">\n <!-- Metadata groups wrapper -->\n <div class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\">\n <!-- For each data group, render it -->\n <ng-container *ngTemplateOutlet=\"group; context:{$implicit: grp}\"></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group\n let-grp>\n <div *ngIf=\"grp.title || grp.items\"\n class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\">\n <div class=\"n7-metadata-viewer__group-title\"\n *ngIf=\"grp.title\">{{grp.title}}</div>\n <div class=\"n7-metadata-viewer__group-content\"\n *ngIf=\"grp.items\">\n <!-- \"read more\" enabled on the metadata group -->\n <mr-read-more [data]=\"grp.groupReadmore\">\n <div class=\"n7-metadata-viewer__item\"\n *ngFor=\"let i of grp.items\">\n <span *ngIf=\"i.label\" class=\"n7-metadata-viewer__item-label\">\n {{ i.label }}\n </span>\n <!-- \"read more\" enabled on the metadata value field -->\n <mr-read-more [data]=\"grp.readmore\">\n <span *ngIf=\"i.value\"\n class=\"n7-metadata-viewer__item-value\"\n [innerHTML]=\"i.value\">\n </span>\n </mr-read-more>\n </div>\n </mr-read-more>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\">\n <ng-container *ngTemplateOutlet=\"group; context:{$implicit: grp}\"></ng-container>\n </div>\n </div>\n</ng-template>\n" }]
|
|
15
15
|
}], propDecorators: { data: [{
|
|
@@ -44,10 +44,10 @@ export class ReadMoreComponent {
|
|
|
44
44
|
? this.data.height
|
|
45
45
|
: this.clientHeight;
|
|
46
46
|
}
|
|
47
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReadMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ReadMoreComponent, selector: "mr-read-more", inputs: { data: "data" }, viewQueries: [{ propertyName: "root", first: true, predicate: ["root"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div #root class=\"mr-read-more\"\n [ngClass]=\"{\n 'is-collapsed': !!(hasReadmore && collapsed),\n 'is-expanded': !!(hasReadmore && !collapsed)\n }\">\n <div class=\"mr-read-more__content\"\n [ngStyle]=\"{\n height: hasReadmore ? wrapperHeight + 'px' : false\n }\">\n <!-- Child component -->\n <ng-content class=\"content\"></ng-content>\n </div>\n <div *ngIf=\"hasReadmore\" class=\"mr-read-more__btn\" (click)=\"handleToggle()\">\n <span class=\"n7-icon-{{ collapsed ? 'plus' : 'minus' }}\"></span>\n <span class=\"mr-read-more__btn-text\">{{ collapsed ? data.labels.more : data.labels.less }}</span>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ReadMoreComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
52
|
args: [{ selector: 'mr-read-more', template: "<div #root class=\"mr-read-more\"\n [ngClass]=\"{\n 'is-collapsed': !!(hasReadmore && collapsed),\n 'is-expanded': !!(hasReadmore && !collapsed)\n }\">\n <div class=\"mr-read-more__content\"\n [ngStyle]=\"{\n height: hasReadmore ? wrapperHeight + 'px' : false\n }\">\n <!-- Child component -->\n <ng-content class=\"content\"></ng-content>\n </div>\n <div *ngIf=\"hasReadmore\" class=\"mr-read-more__btn\" (click)=\"handleToggle()\">\n <span class=\"n7-icon-{{ collapsed ? 'plus' : 'minus' }}\"></span>\n <span class=\"mr-read-more__btn-text\">{{ collapsed ? data.labels.more : data.labels.less }}</span>\n </div>\n</div>\n" }]
|
|
53
53
|
}], propDecorators: { data: [{
|
|
@@ -77,10 +77,10 @@ export class MrResourceModalComponent {
|
|
|
77
77
|
});
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
81
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
80
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrResourceModalComponent, deps: [{ token: i1.Router }, { token: i2.MrResourceModalService }, { token: i3.MrLocaleService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrResourceModalComponent, selector: "mr-resource-modal", ngImport: i0, template: "<div *ngIf=\"status !== 'IDLE'\" class=\"mr-modal mr-resource-modal\" [ngClass]=\"{\n 'is-loading': status === 'LOADING',\n 'is-error': status === 'ERROR'\n }\">\n <div class=\"mr-modal__overlay\" (click)=\"onClose($event.target)\">\n <div class=\"mr-modal__window mr-resource-modal__window\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Loading -->\n <ng-container *ngSwitchCase=\"'LOADING'\">\n <div class=\"mr-modal__loader\">\n <n7-loader></n7-loader>\n </div>\n </ng-container>\n\n <!-- Error -->\n <ng-container *ngSwitchCase=\"'ERROR'\">\n\n <div class=\"mr-modal__header mr-resource-modal__header\">\n <h2 class=\"mr-modal__header-title\">\n {{ errorTitle }}\n </h2>\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>\n <div class=\"mr-modal__content\">\n <p class=\"mr-modal__error-text\">{{ errorDescription }}</p>\n </div>\n\n </ng-container>\n\n <!-- Success -->\n <ng-container *ngSwitchCase=\"'SUCCESS'\">\n \n <div class=\"mr-modal__header mr-resource-modal__header\">\n <ng-container *ngIf=\"config.sections as sections\">\n <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.top }\"></ng-container>\n </ng-container>\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>\n <div class=\"mr-modal__content mr-resource-modal__content\">\n <ng-container *ngIf=\"config.sections as sections\">\n <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.content }\"></ng-container> \n </ng-container>\n </div>\n </ng-container>\n\n </ng-container>\n\n </div>\n </div>\n</div>\n\n<ng-template #blocks let-list>\n <ng-container *ngFor=\"let section of list\">\n <section *ngIf=\"widgets[section.id].ds && (widgets[section.id].ds.out$ | async)\"\n class=\"{{ 'mr-resource__section mr-resource__' + section.type }}\">\n <ng-container [ngSwitch]=\"section.type\">\n\n <!-- INNER TITLE -->\n <ng-container *ngSwitchCase=\"'title'\">\n <n7-inner-title [data]=\"widgets[section.id].ds.out$ | async\">\n </n7-inner-title>\n </ng-container>\n\n <!-- METADATA VIEWER -->\n <ng-container *ngSwitchCase=\"'metadata'\">\n <div class=\"mr-resource-modal__metadata-content\">\n <h3 *ngIf=\"section.title\" class=\"mr-resource-modal__section-title mr-resource__metadata-title\">\n {{ section.title }}\n </h3>\n <mr-read-more [data]=\"section.readmore\">\n <n7-metadata-viewer [data]=\"widgets[section.id].ds.out$ | async\">\n </n7-metadata-viewer>\n </mr-read-more>\n </div>\n </ng-container>\n\n <!-- COLLECTION -->\n <ng-container *ngSwitchCase=\"'collection'\">\n <ng-container *ngIf=\"widgets[section.id].ds.out$ | async as collection$\">\n <div *ngIf=\"collection$.items?.length > 0\" class=\"mr-resource__collection-content\">\n <h3 *ngIf=\"section.title\" class=\"mr-resource-modal__section-title\">\n {{ section.title }}\n </h3>\n <div\n class=\"mr-resource__collection-grid {{ section.grid ? 'n7-grid-' + section.grid : '' }}\">\n <n7-item-preview *ngFor=\"let item of collection$?.items\" [data]=\"item\">\n </n7-item-preview>\n </div>\n </div>\n </ng-container>\n </ng-container>\n\n <!-- ITEM PREVIEW -->\n <ng-container *ngSwitchCase=\"'preview'\">\n <h3 *ngIf=\"section.title\" class=\"mr-resource-modal__section-title\">\n {{ section.title }}\n </h3>\n <n7-item-preview [data]=\"widgets[section.id].ds.out$ | async\">\n </n7-item-preview>\n </ng-container>\n\n </ng-container>\n </section>\n </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i5.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { kind: "component", type: i5.ItemPreviewComponent, selector: "n7-item-preview", inputs: ["data", "emit"] }, { kind: "component", type: i5.LoaderComponent, selector: "n7-loader", inputs: ["data"] }, { kind: "component", type: i5.MetadataViewerComponent, selector: "n7-metadata-viewer", inputs: ["data", "emit"] }, { kind: "component", type: i6.ReadMoreComponent, selector: "mr-read-more", inputs: ["data"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrResourceModalComponent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
85
|
args: [{ selector: 'mr-resource-modal', template: "<div *ngIf=\"status !== 'IDLE'\" class=\"mr-modal mr-resource-modal\" [ngClass]=\"{\n 'is-loading': status === 'LOADING',\n 'is-error': status === 'ERROR'\n }\">\n <div class=\"mr-modal__overlay\" (click)=\"onClose($event.target)\">\n <div class=\"mr-modal__window mr-resource-modal__window\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Loading -->\n <ng-container *ngSwitchCase=\"'LOADING'\">\n <div class=\"mr-modal__loader\">\n <n7-loader></n7-loader>\n </div>\n </ng-container>\n\n <!-- Error -->\n <ng-container *ngSwitchCase=\"'ERROR'\">\n\n <div class=\"mr-modal__header mr-resource-modal__header\">\n <h2 class=\"mr-modal__header-title\">\n {{ errorTitle }}\n </h2>\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>\n <div class=\"mr-modal__content\">\n <p class=\"mr-modal__error-text\">{{ errorDescription }}</p>\n </div>\n\n </ng-container>\n\n <!-- Success -->\n <ng-container *ngSwitchCase=\"'SUCCESS'\">\n \n <div class=\"mr-modal__header mr-resource-modal__header\">\n <ng-container *ngIf=\"config.sections as sections\">\n <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.top }\"></ng-container>\n </ng-container>\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>\n <div class=\"mr-modal__content mr-resource-modal__content\">\n <ng-container *ngIf=\"config.sections as sections\">\n <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.content }\"></ng-container> \n </ng-container>\n </div>\n </ng-container>\n\n </ng-container>\n\n </div>\n </div>\n</div>\n\n<ng-template #blocks let-list>\n <ng-container *ngFor=\"let section of list\">\n <section *ngIf=\"widgets[section.id].ds && (widgets[section.id].ds.out$ | async)\"\n class=\"{{ 'mr-resource__section mr-resource__' + section.type }}\">\n <ng-container [ngSwitch]=\"section.type\">\n\n <!-- INNER TITLE -->\n <ng-container *ngSwitchCase=\"'title'\">\n <n7-inner-title [data]=\"widgets[section.id].ds.out$ | async\">\n </n7-inner-title>\n </ng-container>\n\n <!-- METADATA VIEWER -->\n <ng-container *ngSwitchCase=\"'metadata'\">\n <div class=\"mr-resource-modal__metadata-content\">\n <h3 *ngIf=\"section.title\" class=\"mr-resource-modal__section-title mr-resource__metadata-title\">\n {{ section.title }}\n </h3>\n <mr-read-more [data]=\"section.readmore\">\n <n7-metadata-viewer [data]=\"widgets[section.id].ds.out$ | async\">\n </n7-metadata-viewer>\n </mr-read-more>\n </div>\n </ng-container>\n\n <!-- COLLECTION -->\n <ng-container *ngSwitchCase=\"'collection'\">\n <ng-container *ngIf=\"widgets[section.id].ds.out$ | async as collection$\">\n <div *ngIf=\"collection$.items?.length > 0\" class=\"mr-resource__collection-content\">\n <h3 *ngIf=\"section.title\" class=\"mr-resource-modal__section-title\">\n {{ section.title }}\n </h3>\n <div\n class=\"mr-resource__collection-grid {{ section.grid ? 'n7-grid-' + section.grid : '' }}\">\n <n7-item-preview *ngFor=\"let item of collection$?.items\" [data]=\"item\">\n </n7-item-preview>\n </div>\n </div>\n </ng-container>\n </ng-container>\n\n <!-- ITEM PREVIEW -->\n <ng-container *ngSwitchCase=\"'preview'\">\n <h3 *ngIf=\"section.title\" class=\"mr-resource-modal__section-title\">\n {{ section.title }}\n </h3>\n <n7-item-preview [data]=\"widgets[section.id].ds.out$ | async\">\n </n7-item-preview>\n </ng-container>\n\n </ng-container>\n </section>\n </ng-container>\n</ng-template>\n" }]
|
|
86
86
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i2.MrResourceModalService }, { type: i3.MrLocaleService }] });
|
|
@@ -7,10 +7,10 @@ export class MrSearchPageDescriptionComponent {
|
|
|
7
7
|
this.emit('click', payload);
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrSearchPageDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrSearchPageDescriptionComponent, selector: "mr-search-page-description", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"mr-search-page-description\">\n <div class=\"mr-search-page-description__text\" [innerHTML]=\"data.text\"></div>\n <a class=\"mr-search-page-description__link\" (click)=\"onClick(data.link.payload)\">{{ data.link.text }}</a>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrSearchPageDescriptionComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'mr-search-page-description', template: "<div *ngIf=\"data\" class=\"mr-search-page-description\">\n <div class=\"mr-search-page-description__text\" [innerHTML]=\"data.text\"></div>\n <a class=\"mr-search-page-description__link\" (click)=\"onClick(data.link.payload)\">{{ data.link.text }}</a>\n</div>" }]
|
|
16
16
|
}], propDecorators: { data: [{
|
|
@@ -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==
|
|
@@ -4,15 +4,21 @@ export class MrGalleryEH extends EventHandler {
|
|
|
4
4
|
this.innerEvents$.subscribe(({ type, payload }) => {
|
|
5
5
|
switch (type) {
|
|
6
6
|
case `${this.dataSource.id}.click`:
|
|
7
|
+
case 'mr-gallery.click':
|
|
7
8
|
this.dataSource.setSelected(payload);
|
|
8
9
|
break;
|
|
9
10
|
case `${this.dataSource.id}.close`:
|
|
11
|
+
case 'mr-gallery.close':
|
|
10
12
|
this.dataSource.removeSelected();
|
|
11
13
|
break;
|
|
14
|
+
case `${this.dataSource.id}.changeImg`:
|
|
15
|
+
case 'mr-gallery.changeImg':
|
|
16
|
+
this.dataSource.changeImg(payload);
|
|
17
|
+
break;
|
|
12
18
|
default:
|
|
13
19
|
break;
|
|
14
20
|
}
|
|
15
21
|
});
|
|
16
22
|
}
|
|
17
23
|
}
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5laC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL243LWJvaWxlcnBsYXRlLW11cnVjYS9zcmMvbGliL2V2ZW50LWhhbmRsZXJzL2dhbGxlcnkuZWgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFlBQVksQ0FBQztBQUcxQyxNQUFNLE9BQU8sV0FBWSxTQUFRLFlBQVk7SUFHcEMsTUFBTTtRQUNYLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRTtZQUNoRCxRQUFRLElBQUksRUFBRSxDQUFDO2dCQUNiLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsUUFBUSxDQUFDO2dCQUNuQyxLQUFLLGtCQUFrQjtvQkFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQ3JDLE1BQU07Z0JBQ1IsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxRQUFRLENBQUM7Z0JBQ25DLEtBQUssa0JBQWtCO29CQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO29CQUNqQyxNQUFNO2dCQUNSLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsWUFBWSxDQUFDO2dCQUN2QyxLQUFLLHNCQUFzQjtvQkFDekIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQ25DLE1BQU07Z0JBQ1I7b0JBQ0UsTUFBTTtZQUNWLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEV2ZW50SGFuZGxlciB9IGZyb20gJ0BuZXQ3L2NvcmUnO1xuaW1wb3J0IHsgTXJHYWxsZXJ5RFMgfSBmcm9tICcuLi9kYXRhLXNvdXJjZXMnO1xuXG5leHBvcnQgY2xhc3MgTXJHYWxsZXJ5RUggZXh0ZW5kcyBFdmVudEhhbmRsZXIge1xuICBwdWJsaWMgZGF0YVNvdXJjZTogTXJHYWxsZXJ5RFM7XG5cbiAgcHVibGljIGxpc3RlbigpIHtcbiAgICB0aGlzLmlubmVyRXZlbnRzJC5zdWJzY3JpYmUoKHsgdHlwZSwgcGF5bG9hZCB9KSA9PiB7XG4gICAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBgJHt0aGlzLmRhdGFTb3VyY2UuaWR9LmNsaWNrYDpcbiAgICAgICAgY2FzZSAnbXItZ2FsbGVyeS5jbGljayc6XG4gICAgICAgICAgdGhpcy5kYXRhU291cmNlLnNldFNlbGVjdGVkKHBheWxvYWQpO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlIGAke3RoaXMuZGF0YVNvdXJjZS5pZH0uY2xvc2VgOlxuICAgICAgICBjYXNlICdtci1nYWxsZXJ5LmNsb3NlJzpcbiAgICAgICAgICB0aGlzLmRhdGFTb3VyY2UucmVtb3ZlU2VsZWN0ZWQoKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSBgJHt0aGlzLmRhdGFTb3VyY2UuaWR9LmNoYW5nZUltZ2A6XG4gICAgICAgIGNhc2UgJ21yLWdhbGxlcnkuY2hhbmdlSW1nJzpcbiAgICAgICAgICB0aGlzLmRhdGFTb3VyY2UuY2hhbmdlSW1nKHBheWxvYWQpO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iXX0=
|
|
@@ -16,10 +16,10 @@ export class DynamicPathGuard {
|
|
|
16
16
|
}
|
|
17
17
|
return true;
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
20
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DynamicPathGuard, deps: [{ token: i1.MrMenuService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
20
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DynamicPathGuard, providedIn: 'root' }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DynamicPathGuard, decorators: [{
|
|
23
23
|
type: Injectable,
|
|
24
24
|
args: [{
|
|
25
25
|
providedIn: 'root',
|
|
@@ -31,10 +31,10 @@ export class LocaleDependenciesGuard {
|
|
|
31
31
|
return Promise.resolve(true);
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
35
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.
|
|
34
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocaleDependenciesGuard, deps: [{ token: i1.MrMenuService }, { token: i2.MrFooterService }, { token: i3.MrTranslationsLoaderService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
35
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocaleDependenciesGuard, providedIn: 'root' }); }
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocaleDependenciesGuard, decorators: [{
|
|
38
38
|
type: Injectable,
|
|
39
39
|
args: [{
|
|
40
40
|
providedIn: 'root',
|
|
@@ -47,10 +47,10 @@ export class MrAdvancedResultsLayoutComponent extends AbstractLayout {
|
|
|
47
47
|
ngOnDestroy() {
|
|
48
48
|
this.onDestroy();
|
|
49
49
|
}
|
|
50
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
51
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
50
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrAdvancedResultsLayoutComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.MainStateService }, { token: i2.ConfigurationService }, { token: i2.CommunicationService }, { token: i3.MrLayoutStateService }, { token: i4.MrResourceModalService }, { token: i5.MrLocaleService }, { token: i2.LayoutsConfigurationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrAdvancedResultsLayoutComponent, selector: "mr-advanced-results-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"mr-advanced-results mr-layout\"\n *ngIf=\"lb.dataSource\">\n <section class=\"mr-layout__maxwidth mr-side-margin\">\n\n <div class=\"mr-advanced-results__title\">\n <n7-inner-title\n [data]=\"lb.widgets['mr-search-page-title'].ds.out$ | async\"\n [emit]=\"lb.widgets['mr-search-page-title'].emit\">\n </n7-inner-title>\n </div>\n \n <div class=\"mr-advanced-results__results-content\">\n <div class=\"scroll-ref\"> </div>\n <div class=\"mr-advanced-results__results-wrapper\">\n \n <div class=\"mr-advanced-results__results-info\">\n <n7-inner-title\n [data]=\"lb.widgets['mr-search-results-title'].ds.out$ | async\"\n [emit]=\"lb.widgets['mr-search-results-title'].emit\">\n </n7-inner-title>\n </div>\n \n <div *ngIf=\"lb.dataSource.pageConfig['filters'] \n && (lb.widgets['mr-advanced-search-tags'].ds.out$ | async)?.length\" \n class=\"mr-active-filters\">\n <span *ngIf=\"lb.dataSource.pageConfig['filters'].title\" \n class=\"mr-active-filters__label\">{{ lb.dataSource.pageConfig['filters'].title }}</span>\n <div class=\"mr-active-filters__tags-wrapper\">\n <n7-tag *ngFor=\"let tag of (lb.widgets['mr-advanced-search-tags'].ds.out$ | async)\"\n [data]=\"tag\">\n </n7-tag>\n </div>\n </div>\n\n <main class=\"mr-advanced-results__results\">\n \n <!-- SEARCH RESULTS -->\n <ng-container [ngSwitch]=\"layoutState.get$('results') | async\">\n \n <!-- loading -->\n <ng-container *ngSwitchCase=\"'LOADING'\">\n <div class=\"mr-advanced-results__results-loading n7-grid-{{ lb.dataSource.pageConfig.grid || 3 }}\">\n <n7-content-placeholder *ngFor=\"let n of [0,1,2,3,4,5,6,7,8,9]\" [data]=\"{\n blocks: [\n { classes: 'search-result-placeholder-title' },\n { classes: 'search-result-placeholder-metadata' },\n { classes: 'search-result-placeholder-metadata' },\n { classes: 'search-result-placeholder-metadata' }\n ]\n }\"></n7-content-placeholder>\n </div>\n </ng-container>\n \n <!-- success: items > 0 -->\n <ng-container *ngSwitchCase=\"'SUCCESS'\">\n <div class=\"n7-grid-{{ lb.dataSource.pageConfig.grid || 3 }}\">\n <!-- Use a custom item preview with clickable metadata items -->\n <mr-advanced-result\n *ngFor=\"let item of (lb.widgets['mr-search-results'].ds.out$ | async)\"\n [data]=\"item\" [emit]=\"lb.widgets['mr-search-results'].emit\">\n </mr-advanced-result>\n <!-- ../../components/advanced-result/advanced-result.html -->\n </div>\n </ng-container>\n\n <!-- empty: items === 0 -->\n <ng-container *ngSwitchCase=\"'EMPTY'\">\n <div *ngIf=\"lb.dataSource.pageConfig?.fallback?.text\" class=\"mr-advanced-results__results-fallback\">\n <p class=\"mr-advanced-results__feedback-text\">\n {{ lb.dataSource.pageConfig.fallback.text }}\n </p>\n <div class=\"mr-advanced-results__buttons\">\n <button class=\"n7-btn n7-btn-xl mr-advanced-results__results-fallback-button\"\n (click)=\"lb.eventHandler.emitInner('searchreset', lb.dataSource.pageConfig.fallback.payload)\">\n {{ lb.dataSource.pageConfig.fallback.button }}\n </button>\n </div>\n </div>\n </ng-container>\n\n <!-- error: request problem -->\n <ng-container *ngSwitchCase=\"'ERROR'\">\n <p *ngIf=\"lb.dataSource.pageConfig?.ko?.text\" class=\"mr-advanced-results__feedback-text\">\n {{ lb.dataSource.pageConfig.ko.text }}\n </p>\n <!-- <div class=\"mr-advanced-results__buttons\">\n <button class=\"n7-btn n7-btn-xl mr-advanced-results__results-ko-button\"\n (click)=\"lb.eventHandler.emitInner('searchreset')\">\n {{ lb.dataSource.pageConfig.ko.button }}\n </button>\n </div> -->\n </ng-container>\n \n </ng-container>\n </main> \n \n <n7-smart-pagination\n *ngIf=\"(layoutState.get$('results') | async) === 'SUCCESS'\"\n [data]=\"lb.widgets['n7-smart-pagination'].ds.out$ | async\"\n [emit]=\"lb.widgets['n7-smart-pagination'].emit\">\n </n7-smart-pagination>\n\n </div>\n </div>\n </section>\n</div>\n", dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i7.ContentPlaceholderComponent, selector: "n7-content-placeholder", inputs: ["data"] }, { kind: "component", type: i7.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { kind: "component", type: i7.TagComponent, selector: "n7-tag", inputs: ["data", "emit"] }, { kind: "component", type: i2.SmartPaginationComponent, selector: "n7-smart-pagination", inputs: ["data", "emit"] }, { kind: "component", type: i8.MrAdvancedResultComponent, selector: "mr-advanced-result", inputs: ["data", "emit"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
|
|
52
52
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrAdvancedResultsLayoutComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
55
|
args: [{ selector: 'mr-advanced-results-layout', template: "<div class=\"mr-advanced-results mr-layout\"\n *ngIf=\"lb.dataSource\">\n <section class=\"mr-layout__maxwidth mr-side-margin\">\n\n <div class=\"mr-advanced-results__title\">\n <n7-inner-title\n [data]=\"lb.widgets['mr-search-page-title'].ds.out$ | async\"\n [emit]=\"lb.widgets['mr-search-page-title'].emit\">\n </n7-inner-title>\n </div>\n \n <div class=\"mr-advanced-results__results-content\">\n <div class=\"scroll-ref\"> </div>\n <div class=\"mr-advanced-results__results-wrapper\">\n \n <div class=\"mr-advanced-results__results-info\">\n <n7-inner-title\n [data]=\"lb.widgets['mr-search-results-title'].ds.out$ | async\"\n [emit]=\"lb.widgets['mr-search-results-title'].emit\">\n </n7-inner-title>\n </div>\n \n <div *ngIf=\"lb.dataSource.pageConfig['filters'] \n && (lb.widgets['mr-advanced-search-tags'].ds.out$ | async)?.length\" \n class=\"mr-active-filters\">\n <span *ngIf=\"lb.dataSource.pageConfig['filters'].title\" \n class=\"mr-active-filters__label\">{{ lb.dataSource.pageConfig['filters'].title }}</span>\n <div class=\"mr-active-filters__tags-wrapper\">\n <n7-tag *ngFor=\"let tag of (lb.widgets['mr-advanced-search-tags'].ds.out$ | async)\"\n [data]=\"tag\">\n </n7-tag>\n </div>\n </div>\n\n <main class=\"mr-advanced-results__results\">\n \n <!-- SEARCH RESULTS -->\n <ng-container [ngSwitch]=\"layoutState.get$('results') | async\">\n \n <!-- loading -->\n <ng-container *ngSwitchCase=\"'LOADING'\">\n <div class=\"mr-advanced-results__results-loading n7-grid-{{ lb.dataSource.pageConfig.grid || 3 }}\">\n <n7-content-placeholder *ngFor=\"let n of [0,1,2,3,4,5,6,7,8,9]\" [data]=\"{\n blocks: [\n { classes: 'search-result-placeholder-title' },\n { classes: 'search-result-placeholder-metadata' },\n { classes: 'search-result-placeholder-metadata' },\n { classes: 'search-result-placeholder-metadata' }\n ]\n }\"></n7-content-placeholder>\n </div>\n </ng-container>\n \n <!-- success: items > 0 -->\n <ng-container *ngSwitchCase=\"'SUCCESS'\">\n <div class=\"n7-grid-{{ lb.dataSource.pageConfig.grid || 3 }}\">\n <!-- Use a custom item preview with clickable metadata items -->\n <mr-advanced-result\n *ngFor=\"let item of (lb.widgets['mr-search-results'].ds.out$ | async)\"\n [data]=\"item\" [emit]=\"lb.widgets['mr-search-results'].emit\">\n </mr-advanced-result>\n <!-- ../../components/advanced-result/advanced-result.html -->\n </div>\n </ng-container>\n\n <!-- empty: items === 0 -->\n <ng-container *ngSwitchCase=\"'EMPTY'\">\n <div *ngIf=\"lb.dataSource.pageConfig?.fallback?.text\" class=\"mr-advanced-results__results-fallback\">\n <p class=\"mr-advanced-results__feedback-text\">\n {{ lb.dataSource.pageConfig.fallback.text }}\n </p>\n <div class=\"mr-advanced-results__buttons\">\n <button class=\"n7-btn n7-btn-xl mr-advanced-results__results-fallback-button\"\n (click)=\"lb.eventHandler.emitInner('searchreset', lb.dataSource.pageConfig.fallback.payload)\">\n {{ lb.dataSource.pageConfig.fallback.button }}\n </button>\n </div>\n </div>\n </ng-container>\n\n <!-- error: request problem -->\n <ng-container *ngSwitchCase=\"'ERROR'\">\n <p *ngIf=\"lb.dataSource.pageConfig?.ko?.text\" class=\"mr-advanced-results__feedback-text\">\n {{ lb.dataSource.pageConfig.ko.text }}\n </p>\n <!-- <div class=\"mr-advanced-results__buttons\">\n <button class=\"n7-btn n7-btn-xl mr-advanced-results__results-ko-button\"\n (click)=\"lb.eventHandler.emitInner('searchreset')\">\n {{ lb.dataSource.pageConfig.ko.button }}\n </button>\n </div> -->\n </ng-container>\n \n </ng-container>\n </main> \n \n <n7-smart-pagination\n *ngIf=\"(layoutState.get$('results') | async) === 'SUCCESS'\"\n [data]=\"lb.widgets['n7-smart-pagination'].ds.out$ | async\"\n [emit]=\"lb.widgets['n7-smart-pagination'].emit\">\n </n7-smart-pagination>\n\n </div>\n </div>\n </section>\n</div>\n" }]
|
|
56
56
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.MainStateService }, { type: i2.ConfigurationService }, { type: i2.CommunicationService }, { type: i3.MrLayoutStateService }, { type: i4.MrResourceModalService }, { type: i5.MrLocaleService }, { type: i2.LayoutsConfigurationService }] });
|