@net7/boilerplate-muruca 5.2.3 → 5.2.4
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 +5 -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/event-handlers/gallery.eh.mjs +3 -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 +139 -120
- package/fesm2022/net7-boilerplate-muruca.mjs.map +1 -1
- package/lib/components/gallery/gallery.d.ts +4 -4
- 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 +1 -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,12 @@ export class MrGalleryComponent {
|
|
|
12
12
|
this.emit('close');
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
15
|
+
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\" (click)=\"onClose()\">\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>\n <div class=\"mr-modal__content mr-gallery-modal__content\">\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
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrGalleryComponent, decorators: [{
|
|
19
19
|
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 : '' }}
|
|
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\" (click)=\"onClose()\">\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>\n <div class=\"mr-modal__content mr-gallery-modal__content\">\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
21
|
}], propDecorators: { data: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], emit: [{
|
|
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
25
25
|
}], grid: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL243LWJvaWxlcnBsYXRlLW11cnVjYS9zcmMvbGliL2NvbXBvbmVudHMvZ2FsbGVyeS9nYWxsZXJ5LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbjctYm9pbGVycGxhdGUtbXVydWNhL3NyYy9saWIvY29tcG9uZW50cy9nYWxsZXJ5L2dhbGxlcnkuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBbUJqRCxNQUFNLE9BQU8sa0JBQWtCO0lBTzdCLE9BQU8sQ0FBQyxPQUFPO1FBQ2IsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztRQUM5QixDQUFDO0lBQ0gsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7K0dBakJVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHdHQ25CL0Isc3ZEQThCTTs7NEZEWE8sa0JBQWtCO2tCQUo5QixTQUFTOytCQUNFLFlBQVk7OEJBSWIsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIEdhbGxlcnlJdGVtID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICB0aHVtYlNyYzogc3RyaW5nO1xuICBmdWxsU3JjOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHBheWxvYWQ6IGFueTtcbn07XG5cbmV4cG9ydCB0eXBlIEdhbGxlcnlEYXRhID0ge1xuICBzZWxlY3RlZDogbnVsbCB8IEdhbGxlcnlJdGVtO1xuICBpdGVtczogR2FsbGVyeUl0ZW1bXTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbXItZ2FsbGVyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9nYWxsZXJ5Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBNckdhbGxlcnlDb21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhOiBHYWxsZXJ5RGF0YTtcblxuICBASW5wdXQoKSBlbWl0OiAodHlwZTogc3RyaW5nLCBwYXlsb2FkPzogYW55KSA9PiB2b2lkO1xuXG4gIEBJbnB1dCgpIGdyaWQ6IG51bWJlciB8IG51bGw7XG5cbiAgb25DbGljayhwYXlsb2FkKSB7XG4gICAgaWYgKHRoaXMuZW1pdCkge1xuICAgICAgdGhpcy5lbWl0KCdjbGljaycsIHBheWxvYWQpO1xuICAgIH1cbiAgfVxuXG4gIG9uQ2xvc2UoKSB7XG4gICAgaWYgKHRoaXMuZW1pdCkge1xuICAgICAgdGhpcy5lbWl0KCdjbG9zZScpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImRhdGFcIiBjbGFzcz1cIm1yLWdhbGxlcnkgbXItd3AtY29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJtci1nYWxsZXJ5X193cmFwcGVyIHdwLWJsb2NrLWdhbGxlcnkgaGFzLXpvb21cIj4gPCEtLSB7eyBncmlkID8gJ2NvbHVtbnMtJyArIGdyaWQgOiAnJyB9fSAtLT5cbiAgICAgICAgPHVsIGNsYXNzPVwibXItZ2FsbGVyeV9faXRlbXMgYmxvY2tzLWdhbGxlcnktZ3JpZFwiPlxuICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEuaXRlbXNcIiBjbGFzcz1cIm1yLWdhbGxlcnlfX2l0ZW0gYmxvY2tzLWdhbGxlcnktaXRlbVwiPlxuICAgICAgICAgICAgICAgIDxmaWd1cmU+XG4gICAgICAgICAgICAgICAgICAgIDxhIChjbGljayk9XCJvbkNsaWNrKGl0ZW0ucGF5bG9hZClcIiBjbGFzcz1cIm1yLWdhbGxlcnlfX2xpbmtcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJpdGVtLnRodW1iU3JjXCIgW2FsdF09XCJpdGVtLnRpdGxlXCIgY2xhc3M9XCJtci1nYWxsZXJ5X19pbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGZpZ2NhcHRpb24gY2xhc3M9XCJ0aW1lbGluZS1nYWxsZXJ5X19kZXNjcmlwdGlvbi10ZXh0XCIgW2lubmVySFRNTF09XCJpdGVtLnRpdGxlXCI+PC9maWdjYXB0aW9uPlxuICAgICAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICAgICAgPC9maWd1cmU+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICA8L3VsPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJkYXRhLnNlbGVjdGVkXCIgY2xhc3M9XCJtci1tb2RhbCBtci1nYWxsZXJ5LW1vZGFsXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibXItbW9kYWxfX292ZXJsYXlcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtci1tb2RhbF9fd2luZG93IG1yLWdhbGxlcnktbW9kYWxfX3dpbmRvd1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtci1tb2RhbF9faGVhZGVyIG1yLWdhbGxlcnktbW9kYWxfX2hlYWRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXItbW9kYWxfX2Nsb3NlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8YSBjbGFzcz1cIm1yLW1vZGFsX19jbG9zZS1saW5rXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPjxzcGFuIGNsYXNzPVwibjctaWNvbi1jbG9zZVwiPjwvc3Bhbj48L2E+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtci1tb2RhbF9fY29udGVudCBtci1nYWxsZXJ5LW1vZGFsX19jb250ZW50XCI+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: [{
|
|
@@ -4,9 +4,11 @@ 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;
|
|
12
14
|
default:
|
|
@@ -15,4 +17,4 @@ export class MrGalleryEH extends EventHandler {
|
|
|
15
17
|
});
|
|
16
18
|
}
|
|
17
19
|
}
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5laC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL243LWJvaWxlcnBsYXRlLW11cnVjYS9zcmMvbGliL2V2ZW50LWhhbmRsZXJzL2dhbGxlcnkuZWgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFlBQVksQ0FBQztBQUcxQyxNQUFNLE9BQU8sV0FBWSxTQUFRLFlBQVk7SUFHcEMsTUFBTTtRQUNYLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRTtZQUNoRCxRQUFRLElBQUksRUFBRSxDQUFDO2dCQUNiLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsUUFBUSxDQUFDO2dCQUNuQyxLQUFLLGtCQUFrQjtvQkFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7b0JBQ3JDLE1BQU07Z0JBQ1IsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxRQUFRLENBQUM7Z0JBQ25DLEtBQUssa0JBQWtCO29CQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO29CQUNqQyxNQUFNO2dCQUNSO29CQUNFLE1BQU07WUFDVixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEhhbmRsZXIgfSBmcm9tICdAbmV0Ny9jb3JlJztcbmltcG9ydCB7IE1yR2FsbGVyeURTIH0gZnJvbSAnLi4vZGF0YS1zb3VyY2VzJztcblxuZXhwb3J0IGNsYXNzIE1yR2FsbGVyeUVIIGV4dGVuZHMgRXZlbnRIYW5kbGVyIHtcbiAgcHVibGljIGRhdGFTb3VyY2U6IE1yR2FsbGVyeURTO1xuXG4gIHB1YmxpYyBsaXN0ZW4oKSB7XG4gICAgdGhpcy5pbm5lckV2ZW50cyQuc3Vic2NyaWJlKCh7IHR5cGUsIHBheWxvYWQgfSkgPT4ge1xuICAgICAgc3dpdGNoICh0eXBlKSB7XG4gICAgICAgIGNhc2UgYCR7dGhpcy5kYXRhU291cmNlLmlkfS5jbGlja2A6XG4gICAgICAgIGNhc2UgJ21yLWdhbGxlcnkuY2xpY2snOlxuICAgICAgICAgIHRoaXMuZGF0YVNvdXJjZS5zZXRTZWxlY3RlZChwYXlsb2FkKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSBgJHt0aGlzLmRhdGFTb3VyY2UuaWR9LmNsb3NlYDpcbiAgICAgICAgY2FzZSAnbXItZ2FsbGVyeS5jbG9zZSc6XG4gICAgICAgICAgdGhpcy5kYXRhU291cmNlLnJlbW92ZVNlbGVjdGVkKCk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -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 }] });
|
|
@@ -39,10 +39,10 @@ export class MrAdvancedSearchLayoutComponent extends AbstractLayout {
|
|
|
39
39
|
ngOnDestroy() {
|
|
40
40
|
this.onDestroy();
|
|
41
41
|
}
|
|
42
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrAdvancedSearchLayoutComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.MainStateService }, { token: i2.ConfigurationService }, { token: i2.CommunicationService }, { token: i3.MrLocaleService }, { token: i2.LayoutsConfigurationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrAdvancedSearchLayoutComponent, selector: "mr-advanced-search-layout", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"lb.dataSource\" class=\"mr-advanced-search mr-layout\">\n <div class=\"mr-layout__maxwidth mr-side-margin\">\n\n <n7-inner-title [data]=\"{\n title: {\n main: {\n text: lb.dataSource.pageConfig.title\n }\n }\n }\"></n7-inner-title>\n\n <mr-form-wrapper-accordion \n [data]=\"lb.widgets['mr-form-wrapper-accordion'].ds.out$ | async\"\n [emit]=\"lb.widgets['mr-form-wrapper-accordion'].emit\">\n </mr-form-wrapper-accordion>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { kind: "component", type: i6.MrFormWrapperAccordionComponent, selector: "mr-form-wrapper-accordion", inputs: ["data", "emit"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrAdvancedSearchLayoutComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
47
|
args: [{ selector: 'mr-advanced-search-layout', template: "<div *ngIf=\"lb.dataSource\" class=\"mr-advanced-search mr-layout\">\n <div class=\"mr-layout__maxwidth mr-side-margin\">\n\n <n7-inner-title [data]=\"{\n title: {\n main: {\n text: lb.dataSource.pageConfig.title\n }\n }\n }\"></n7-inner-title>\n\n <mr-form-wrapper-accordion \n [data]=\"lb.widgets['mr-form-wrapper-accordion'].ds.out$ | async\"\n [emit]=\"lb.widgets['mr-form-wrapper-accordion'].emit\">\n </mr-form-wrapper-accordion>\n </div>\n</div>" }]
|
|
48
48
|
}], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.MainStateService }, { type: i2.ConfigurationService }, { type: i2.CommunicationService }, { type: i3.MrLocaleService }, { type: i2.LayoutsConfigurationService }] });
|
|
@@ -75,10 +75,10 @@ export class MrHomeLayoutComponent extends AbstractLayout {
|
|
|
75
75
|
});
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
79
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
78
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrHomeLayoutComponent, deps: [{ token: i1.LayoutsConfigurationService }, { token: i2.ActivatedRoute }, { token: i1.ConfigurationService }, { token: i1.CommunicationService }, { token: i1.MainStateService }, { token: i3.MrLayoutStateService }, { token: i4.MrLocaleService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
79
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrHomeLayoutComponent, selector: "mr-home-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"mr-home mr-layout\"\n *ngIf=\"lb.dataSource\"\n [ngClass]=\"{\n 'is-loading': ( layoutState.get$('content') | async ) == 'LOADING',\n 'is-error': ( layoutState.get$('content') | async ) == 'ERROR'\n }\">\n <!-- HOME CONTENT -->\n <ng-container [ngSwitch]=\"layoutState.get$('content') | async\">\n <!-- loading -->\n <ng-container *ngSwitchCase=\"'LOADING'\">\n <div class=\"mr-layout__loader\">\n <n7-loader></n7-loader>\n </div>\n </ng-container>\n\n <!-- error -->\n <ng-container *ngSwitchCase=\"'ERROR'\">\n <div class=\"mr-layout__error\">\n <h2>{{ lb.dataSource.errorTitle }}</h2>\n <p>{{ lb.dataSource.errorDescription }}</p>\n </div>\n </ng-container>\n\n <!-- success -->\n <ng-container *ngSwitchCase=\"'SUCCESS'\">\n <section *ngFor=\"let section of lb.dataSource.pageConfig.sections\" class=\"{{ 'mr-layout__' + section.type }}\">\n <ng-container [ngSwitch]=\"section.type\">\n \n <!-- SLIDER -->\n <ng-container *ngSwitchCase=\"'slider'\">\n <n7-carousel \n [data]=\"lb.widgets[section.id].ds.out$ | async\"\n [emit]=\"lb.widgets[section.id].emit\">\n </n7-carousel> \n </ng-container>\n \n <!-- COLLECTION -->\n <ng-container *ngSwitchCase=\"'collection'\">\n <div class=\"mr-layout__maxwidth mr-items-preview\">\n <n7-inner-title \n [data]=\"(lb.widgets[section.id].ds.out$ | async)?.header\"\n [emit]=\"lb.widgets[section.id].emit\">\n </n7-inner-title>\n <div class=\"{{ section.grid ? 'n7-grid-' + section.grid : '' }}\">\n <n7-item-preview\n *ngFor=\"let item of (lb.widgets[section.id].ds.out$ | async)?.items\"\n [data]=\"item\"\n [emit]=\"lb.widgets[section.id].emit\">\n </n7-item-preview>\n </div>\n </div>\n </ng-container>\n \n <!-- HERO -->\n <ng-container *ngSwitchCase=\"'hero'\">\n <n7-hero \n [data]=\"lb.widgets[section.id].ds.out$ | async\"\n [emit]=\"lb.widgets[section.id].emit\">\n </n7-hero> \n </ng-container>\n \n <!-- CONTENT -->\n <ng-container *ngSwitchCase=\"'content'\">\n <div [innerHTML]=\"lb.widgets[section.id].ds.out$ | async\"></div>\n </ng-container>\n \n </ng-container>\n </section>\n </ng-container>\n\n </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i6.CarouselComponent, selector: "n7-carousel", inputs: ["data", "emit"] }, { kind: "component", type: i6.HeroComponent, selector: "n7-hero", inputs: ["data", "emit"] }, { kind: "component", type: i6.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { kind: "component", type: i6.ItemPreviewComponent, selector: "n7-item-preview", inputs: ["data", "emit"] }, { kind: "component", type: i6.LoaderComponent, selector: "n7-loader", inputs: ["data"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
|
|
80
80
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrHomeLayoutComponent, decorators: [{
|
|
82
82
|
type: Component,
|
|
83
83
|
args: [{ selector: 'mr-home-layout', template: "<div class=\"mr-home mr-layout\"\n *ngIf=\"lb.dataSource\"\n [ngClass]=\"{\n 'is-loading': ( layoutState.get$('content') | async ) == 'LOADING',\n 'is-error': ( layoutState.get$('content') | async ) == 'ERROR'\n }\">\n <!-- HOME CONTENT -->\n <ng-container [ngSwitch]=\"layoutState.get$('content') | async\">\n <!-- loading -->\n <ng-container *ngSwitchCase=\"'LOADING'\">\n <div class=\"mr-layout__loader\">\n <n7-loader></n7-loader>\n </div>\n </ng-container>\n\n <!-- error -->\n <ng-container *ngSwitchCase=\"'ERROR'\">\n <div class=\"mr-layout__error\">\n <h2>{{ lb.dataSource.errorTitle }}</h2>\n <p>{{ lb.dataSource.errorDescription }}</p>\n </div>\n </ng-container>\n\n <!-- success -->\n <ng-container *ngSwitchCase=\"'SUCCESS'\">\n <section *ngFor=\"let section of lb.dataSource.pageConfig.sections\" class=\"{{ 'mr-layout__' + section.type }}\">\n <ng-container [ngSwitch]=\"section.type\">\n \n <!-- SLIDER -->\n <ng-container *ngSwitchCase=\"'slider'\">\n <n7-carousel \n [data]=\"lb.widgets[section.id].ds.out$ | async\"\n [emit]=\"lb.widgets[section.id].emit\">\n </n7-carousel> \n </ng-container>\n \n <!-- COLLECTION -->\n <ng-container *ngSwitchCase=\"'collection'\">\n <div class=\"mr-layout__maxwidth mr-items-preview\">\n <n7-inner-title \n [data]=\"(lb.widgets[section.id].ds.out$ | async)?.header\"\n [emit]=\"lb.widgets[section.id].emit\">\n </n7-inner-title>\n <div class=\"{{ section.grid ? 'n7-grid-' + section.grid : '' }}\">\n <n7-item-preview\n *ngFor=\"let item of (lb.widgets[section.id].ds.out$ | async)?.items\"\n [data]=\"item\"\n [emit]=\"lb.widgets[section.id].emit\">\n </n7-item-preview>\n </div>\n </div>\n </ng-container>\n \n <!-- HERO -->\n <ng-container *ngSwitchCase=\"'hero'\">\n <n7-hero \n [data]=\"lb.widgets[section.id].ds.out$ | async\"\n [emit]=\"lb.widgets[section.id].emit\">\n </n7-hero> \n </ng-container>\n \n <!-- CONTENT -->\n <ng-container *ngSwitchCase=\"'content'\">\n <div [innerHTML]=\"lb.widgets[section.id].ds.out$ | async\"></div>\n </ng-container>\n \n </ng-container>\n </section>\n </ng-container>\n\n </ng-container>\n</div>\n" }]
|
|
84
84
|
}], ctorParameters: () => [{ type: i1.LayoutsConfigurationService }, { type: i2.ActivatedRoute }, { type: i1.ConfigurationService }, { type: i1.CommunicationService }, { type: i1.MainStateService }, { type: i3.MrLayoutStateService }, { type: i4.MrLocaleService }] });
|