@net7/components 3.6.0 → 3.6.1-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/hero/hero.mjs +3 -3
- package/esm2020/lib/components/hero/hero.mock.mjs +2 -1
- package/fesm2015/net7-components.mjs +3 -2
- package/fesm2015/net7-components.mjs.map +1 -1
- package/fesm2020/net7-components.mjs +3 -2
- package/fesm2020/net7-components.mjs.map +1 -1
- package/lib/components/hero/hero.d.ts +4 -0
- package/package.json +1 -1
- package/src/lib/styles/components/_hero.scss +23 -22
|
@@ -29,13 +29,13 @@ export class HeroComponent {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
HeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
HeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HeroComponent, selector: "n7-hero", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\">\n <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <
|
|
32
|
+
HeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HeroComponent, selector: "n7-hero", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\">\n <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <p class=\"n7-hero__pre-title\" *ngIf=\"data.preTitle\" [innerHTML]=\"data.preTitle\"></p>\n <h2 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h2>\n <div class=\"n7-hero__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n <input type=\"text\" \n class=\"n7-hero__input\" \n placeholder=\"{{data.input.placeholder || ''}}\" \n *ngIf=\"data.input\" \n (input)=\"onInputChange(data.input.payload, $event.target.value)\" \n (keyup.enter)=\"onInputEnter(data.input.payload, $event.target.value)\">\n <span class=\"n7-hero__input-icon {{data.input.icon || ''}}\" \n *ngIf=\"data.input && data.input.icon\" \n (click)=\"onClick(data.input.payload)\"></span>\n <ng-container *ngIf=\"data.button\">\n <n7-anchor-wrapper [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n [data]=\"data.button.anchor\"\n (clicked)=\"onClick($event)\">\n {{data.button.text}}\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n \n <div class=\"n7-hero__image-wrapper\" *ngIf=\"data.image\">\n <img class=\"n7-hero__image\" src=\"{{data.image}}\" alt=\"\">\n </div>\n\n </div>\n</section>", components: [{ type: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeroComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
|
-
args: [{ selector: 'n7-hero', template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\">\n <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <
|
|
35
|
+
args: [{ selector: 'n7-hero', template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\">\n <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <p class=\"n7-hero__pre-title\" *ngIf=\"data.preTitle\" [innerHTML]=\"data.preTitle\"></p>\n <h2 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h2>\n <div class=\"n7-hero__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n <input type=\"text\" \n class=\"n7-hero__input\" \n placeholder=\"{{data.input.placeholder || ''}}\" \n *ngIf=\"data.input\" \n (input)=\"onInputChange(data.input.payload, $event.target.value)\" \n (keyup.enter)=\"onInputEnter(data.input.payload, $event.target.value)\">\n <span class=\"n7-hero__input-icon {{data.input.icon || ''}}\" \n *ngIf=\"data.input && data.input.icon\" \n (click)=\"onClick(data.input.payload)\"></span>\n <ng-container *ngIf=\"data.button\">\n <n7-anchor-wrapper [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n [data]=\"data.button.anchor\"\n (clicked)=\"onClick($event)\">\n {{data.button.text}}\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n \n <div class=\"n7-hero__image-wrapper\" *ngIf=\"data.image\">\n <img class=\"n7-hero__image\" src=\"{{data.image}}\" alt=\"\">\n </div>\n\n </div>\n</section>" }]
|
|
36
36
|
}], propDecorators: { data: [{
|
|
37
37
|
type: Input
|
|
38
38
|
}], emit: [{
|
|
39
39
|
type: Input
|
|
40
40
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2R2LWNvbXBvbmVudHMtbGliL3NyYy9saWIvY29tcG9uZW50cy9oZXJvL2hlcm8udHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaGVyby9oZXJvLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNkJBQTZCO0FBQzdCLFVBQVU7QUFDViw2QkFBNkI7QUFFN0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUEyRWpELE1BQU0sT0FBTyxhQUFhO0lBS3hCLDBCQUEwQixDQUFDLGVBQWU7UUFDeEMsSUFBSSxlQUFlLEVBQUU7WUFDbkIsT0FBTyxPQUFPLGVBQWUsR0FBRyxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVELE9BQU8sQ0FBQyxPQUFPO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTztRQUV2QixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsYUFBYSxDQUFDLE9BQU8sRUFBRSxLQUFLO1FBQzFCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFFdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUFPLEVBQUUsS0FBSztRQUN6QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxPQUFPO1FBRXZCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7OzBHQTVCVSxhQUFhOzhGQUFiLGFBQWEsdUZDL0UxQix3N0RBdUNVOzJGRHdDRyxhQUFhO2tCQUp6QixTQUFTOytCQUNFLFNBQVM7OEJBSVYsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBIRVJPLnRzXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmNob3IgfSBmcm9tICcuLi8uLi9zaGFyZWQtaW50ZXJmYWNlcyc7XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBIZXJvQ29tcG9uZW50J3MgXCJkYXRhXCJcbiAqXG4gKiBAcHJvcGVydHkgdGl0bGUgKHJlcXVpcmVkKVxuICogQHByb3BlcnR5IHRleHQgKG9wdGlvbmFsKVxuICogQHByb3BlcnR5IGlucHV0IChvcHRpb25hbClcbiAqIC0gcGxhY2Vob2xkZXIgKG9wdGlvbmFsKVxuICogLSBpY29uIChvcHRpb25hbClcbiAqIC0gcGF5bG9hZCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgYnV0dG9uIChvcHRpb25hbClcbiAqIC0gdGV4dCAob3B0aW9uYWwpXG4gKiAtIGFuY2hvciAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgaW1hZ2UgKG9wdGlvbmFsKVxuICogQHByb3BlcnR5IGJhY2tncm91bmRJbWFnZSAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgY2xhc3NlcyAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgcGF5bG9hZCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgX21ldGEgKG9wdGlvbmFsKVxuICovXG5leHBvcnQgaW50ZXJmYWNlIEhlcm9EYXRhIHtcbiAgLyoqXG4gICAqIG1haW4gdGV4dCBkaXNwbGF5ZWQgaW4gdGhlIGhlcm8gc2VjdGlvblxuICAqL1xuICB0aXRsZTogc3RyaW5nO1xuICAvKipcbiAgICogb3B0aW9uYWwgdGV4dCBkaXNwbGF5ZWQgYWJvdmUgdGhlIHRpdGxlXG4gICAqL1xuICBwcmVUaXRsZT86IHN0cmluZztcbiAgLyoqXG4gICogYWRkaXRpb25hbCB0ZXh0IHVuZGVyIHRoZSB0aXRsZVxuICAqL1xuICB0ZXh0Pzogc3RyaW5nO1xuICAvKipcbiAgKiBpbnB1dCBmaWVsZCAodXN1YWxseSBmb3Igc2VhcmNoKSBhbmQgaXQncyBwYXJhbWV0ZXJzXG4gICovXG4gIGlucHV0Pzoge1xuICAgIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gICAgaWNvbjogc3RyaW5nO1xuICAgIHBheWxvYWQ6IGFueTtcbiAgfTtcbiAgLyoqXG4gICogY2FsbCB0byBhY3Rpb24gYnV0dG9uIGFuZCBpdCdzIHBhcmFtZXRlcnNcbiAgKi9cbiAgYnV0dG9uPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBhbmNob3I/OiBBbmNob3I7XG4gIH07XG4gIC8qKlxuICAgKiBpbWFnZSBkaXNwbGF5ZWQgaW5zaWRlIHRoZSBoZXJvXG4gICAqL1xuICBpbWFnZT86IHN0cmluZztcbiAgLyoqXG4gICogYmFja2dyb3VuZCBpbWFnZSB0aGF0IGNvdmVycyB0aGUgZnVsbCBiYWNrZ3JvdW5kIGFyZWEgb2YgdGhlIGhlcm9cbiAgKi9cbiAgYmFja2dyb3VuZEltYWdlPzogc3RyaW5nO1xuICAvKipcbiAgKiBhZGRpdGlvbmFsIGh0bWwgY2xhc3Nlc1xuICAqL1xuICBjbGFzc2VzPzogc3RyaW5nO1xuICAvKipcbiAgKiBhY3Rpb24gY2xpY2sncyBwYXlsb2FkXG4gICovXG4gIHBheWxvYWQ/OiBhbnk7XG4gIC8qKlxuICAqIGFkZGl0aW9uYWwgaW5mb1xuICAqL1xuICBfbWV0YT86IGFueTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbjctaGVybycsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEhlcm9Db21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhOiBIZXJvRGF0YTtcblxuICBASW5wdXQoKSBlbWl0OiBhbnk7XG5cbiAgZ2V0QmFja2dyb3VuZEltYWdlQ3NzVmFsdWUoYmFja2dyb3VuZEltYWdlKSB7XG4gICAgaWYgKGJhY2tncm91bmRJbWFnZSkge1xuICAgICAgcmV0dXJuIGB1cmwoJHtiYWNrZ3JvdW5kSW1hZ2V9KWA7XG4gICAgfVxuICAgIHJldHVybiAnbm9uZSc7XG4gIH1cblxuICBvbkNsaWNrKHBheWxvYWQpIHtcbiAgICBpZiAoIXRoaXMuZW1pdCkgcmV0dXJuO1xuXG4gICAgdGhpcy5lbWl0KCdjbGljaycsIHBheWxvYWQpO1xuICB9XG5cbiAgb25JbnB1dENoYW5nZShwYXlsb2FkLCB2YWx1ZSkge1xuICAgIGlmICghdGhpcy5lbWl0KSByZXR1cm47XG5cbiAgICB0aGlzLmVtaXQoJ2NoYW5nZScsIHsgaW5wdXRQYXlsb2FkOiBwYXlsb2FkLCB2YWx1ZSB9KTtcbiAgfVxuXG4gIG9uSW5wdXRFbnRlcihwYXlsb2FkLCB2YWx1ZSkge1xuICAgIGlmICghdGhpcy5lbWl0KSByZXR1cm47XG5cbiAgICB0aGlzLmVtaXQoJ2VudGVyJywgeyBpbnB1dFBheWxvYWQ6IHBheWxvYWQsIHZhbHVlIH0pO1xuICB9XG59XG4iLCI8c2VjdGlvbiAqbmdJZj1cImRhdGFcIiBjbGFzcz1cIm43LWhlcm8ge3tkYXRhLmNsYXNzZXMgfHwgJyd9fVwiIFxuICAgIFtuZ0NsYXNzXT1cInsgXG4gICAgICAgICdoYXMtaW1hZ2UnIDogISFkYXRhLmltYWdlLCBcbiAgICAgICAgJ2hhcy1iYWNrZ3JvdW5kLWltYWdlJzogISFkYXRhLmJhY2tncm91bmRJbWFnZSBcbiAgICB9XCJcbiAgICBbbmdTdHlsZV09XCJ7IFxuICAgICAgICAnYmFja2dyb3VuZC1pbWFnZSc6IGdldEJhY2tncm91bmRJbWFnZUNzc1ZhbHVlKGRhdGEuYmFja2dyb3VuZEltYWdlKVxuICAgIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwibjctaGVyb19fY29udGVudFwiPlxuICAgICAgICBcbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWhlcm9fX3RleHQtd3JhcHBlclwiPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJuNy1oZXJvX19wcmUtdGl0bGVcIiAqbmdJZj1cImRhdGEucHJlVGl0bGVcIiBbaW5uZXJIVE1MXT1cImRhdGEucHJlVGl0bGVcIj48L3A+XG4gICAgICAgICAgICA8aDIgY2xhc3M9XCJuNy1oZXJvX190aXRsZVwiIFtpbm5lckhUTUxdPVwiZGF0YS50aXRsZVwiPjwvaDI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctaGVyb19fdGV4dFwiICpuZ0lmPVwiZGF0YS50ZXh0XCIgW2lubmVySFRNTF09XCJkYXRhLnRleHRcIj48L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1oZXJvX19pbnB1dC13cmFwcGVyXCIgKm5nSWY9XCJkYXRhLmlucHV0IHx8IGRhdGEuYnV0dG9uXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgXG4gICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibjctaGVyb19faW5wdXRcIiBcbiAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJ7e2RhdGEuaW5wdXQucGxhY2Vob2xkZXIgfHwgJyd9fVwiIFxuICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImRhdGEuaW5wdXRcIiBcbiAgICAgICAgICAgICAgICAgICAgICAgKGlucHV0KT1cIm9uSW5wdXRDaGFuZ2UoZGF0YS5pbnB1dC5wYXlsb2FkLCAkZXZlbnQudGFyZ2V0LnZhbHVlKVwiIFxuICAgICAgICAgICAgICAgICAgICAgICAoa2V5dXAuZW50ZXIpPVwib25JbnB1dEVudGVyKGRhdGEuaW5wdXQucGF5bG9hZCwgJGV2ZW50LnRhcmdldC52YWx1ZSlcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWhlcm9fX2lucHV0LWljb24ge3tkYXRhLmlucHV0Lmljb24gfHwgJyd9fVwiIFxuICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0YS5pbnB1dCAmJiBkYXRhLmlucHV0Lmljb25cIiBcbiAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhkYXRhLmlucHV0LnBheWxvYWQpXCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhLmJ1dHRvblwiPlxuICAgICAgICAgICAgICAgICAgICA8bjctYW5jaG9yLXdyYXBwZXIgW2NsYXNzZXNdPVwiJ243LWhlcm9fX2J0biBuNy1idG4gbjctYnRuLWN0YSBuNy1idG4tbCdcIlxuICAgICAgICAgICAgICAgICAgICBbZGF0YV09XCJkYXRhLmJ1dHRvbi5hbmNob3JcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2tlZCk9XCJvbkNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7ZGF0YS5idXR0b24udGV4dH19XG4gICAgICAgICAgICAgICAgICAgIDwvbjctYW5jaG9yLXdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIFxuICAgICAgICA8ZGl2IGNsYXNzPVwibjctaGVyb19faW1hZ2Utd3JhcHBlclwiICpuZ0lmPVwiZGF0YS5pbWFnZVwiPlxuICAgICAgICAgICAgPGltZyBjbGFzcz1cIm43LWhlcm9fX2ltYWdlXCIgc3JjPVwie3tkYXRhLmltYWdlfX1cIiBhbHQ9XCJcIj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICA8L2Rpdj5cbjwvc2VjdGlvbj4iXX0=
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export const HERO_MOCK = {
|
|
2
|
+
preTitle: 'Un bel testo prima del titolo',
|
|
2
3
|
title: "Il più <em>bell'archivio</em> che tu abbia mai visto",
|
|
3
4
|
text: `
|
|
4
5
|
<p>La <strong>Fondazione Cerratelli</strong> è uno spazio espositivo che raccoglie un'importante
|
|
@@ -22,4 +23,4 @@ export const HERO_MOCK = {
|
|
|
22
23
|
// backgroundImage: null,
|
|
23
24
|
image: 'https://placeimg.com/600/600/nature'
|
|
24
25
|
};
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5tb2NrLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHYtY29tcG9uZW50cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2hlcm8vaGVyby5tb2NrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBYTtJQUNqQyxRQUFRLEVBQUUsK0JBQStCO0lBQ3pDLEtBQUssRUFBRSxzREFBc0Q7SUFDN0QsSUFBSSxFQUFFOzs7O0dBSUw7SUFDRCxLQUFLLEVBQUU7UUFDTCxXQUFXLEVBQUUsdUJBQXVCO1FBQ3BDLElBQUksRUFBRSxpQkFBaUI7UUFDdkIsT0FBTyxFQUFFLE9BQU87S0FDakI7SUFDRCxNQUFNLEVBQUU7UUFDTixJQUFJLEVBQUUsT0FBTztRQUNiLE1BQU0sRUFBRTtZQUNOLE9BQU8sRUFBRSxRQUFRO1lBQ2pCLElBQUksRUFBRSxXQUFXO1lBQ2pCLE1BQU0sRUFBRSxRQUFRO1NBQ2pCO0tBQ0Y7SUFDRCxlQUFlLEVBQUUsc0NBQXNDO0lBQ3ZELHlCQUF5QjtJQUN6QixLQUFLLEVBQUUscUNBQXFDO0NBQzdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIZXJvRGF0YSB9IGZyb20gJy4vaGVybyc7XG5cbmV4cG9ydCBjb25zdCBIRVJPX01PQ0s6IEhlcm9EYXRhID0ge1xuICBwcmVUaXRsZTogJ1VuIGJlbCB0ZXN0byBwcmltYSBkZWwgdGl0b2xvJyxcbiAgdGl0bGU6IFwiSWwgcGnDuSA8ZW0+YmVsbCdhcmNoaXZpbzwvZW0+IGNoZSB0dSBhYmJpYSBtYWkgdmlzdG9cIixcbiAgdGV4dDogYFxuICA8cD5MYSA8c3Ryb25nPkZvbmRhemlvbmUgQ2VycmF0ZWxsaTwvc3Ryb25nPiDDqCB1bm8gc3BhemlvIGVzcG9zaXRpdm8gY2hlIHJhY2NvZ2xpZSB1bidpbXBvcnRhbnRlIFxuICBjb2xsZXppb25lIGRpIGNvc3R1bWkgPGVtPnRlYXRyYWxpIGUgY2luZW1hdG9ncmFmaWNpPC9lbT4uIFN1YSBzZWRlIHNpIHRyb3ZhIGRhbCAzIGRpY2VtYnJlIFxuICAyMDExIHByZXNzbyBsYSB2aWxsYSBSb25jaW9uaSBhIFB1Z25hbm8sIGZyYXppb25lIGRlbCBjb211bmUgZGkgU2FuIEdpdWxpYW5vIFRlcm1lLjwvcD5cbiAgYCxcbiAgaW5wdXQ6IHtcbiAgICBwbGFjZWhvbGRlcjogJ0NlcmNhIHF1ZWxsbyBjaGUgdnVvaScsXG4gICAgaWNvbjogJ243LWljb24tc2VhcmNoMScsXG4gICAgcGF5bG9hZDogJ2lucHV0J1xuICB9LFxuICBidXR0b246IHtcbiAgICB0ZXh0OiAnQ2VyY2EnLFxuICAgIGFuY2hvcjoge1xuICAgICAgcGF5bG9hZDogJ2J1dHRvbicsXG4gICAgICBocmVmOiAnL2V4YW1wbGVzJyxcbiAgICAgIHRhcmdldDogJ19ibGFuaydcbiAgICB9XG4gIH0sXG4gIGJhY2tncm91bmRJbWFnZTogJ2h0dHBzOi8vcGxhY2VpbWcuY29tLzEwMDAvNDgwL25hdHVyZScsXG4gIC8vIGJhY2tncm91bmRJbWFnZTogbnVsbCxcbiAgaW1hZ2U6ICdodHRwczovL3BsYWNlaW1nLmNvbS82MDAvNjAwL25hdHVyZSdcbn07XG4iXX0=
|
|
@@ -831,10 +831,10 @@ class HeroComponent {
|
|
|
831
831
|
}
|
|
832
832
|
}
|
|
833
833
|
HeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
834
|
-
HeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HeroComponent, selector: "n7-hero", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\">\n <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <
|
|
834
|
+
HeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HeroComponent, selector: "n7-hero", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\">\n <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <p class=\"n7-hero__pre-title\" *ngIf=\"data.preTitle\" [innerHTML]=\"data.preTitle\"></p>\n <h2 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h2>\n <div class=\"n7-hero__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n <input type=\"text\" \n class=\"n7-hero__input\" \n placeholder=\"{{data.input.placeholder || ''}}\" \n *ngIf=\"data.input\" \n (input)=\"onInputChange(data.input.payload, $event.target.value)\" \n (keyup.enter)=\"onInputEnter(data.input.payload, $event.target.value)\">\n <span class=\"n7-hero__input-icon {{data.input.icon || ''}}\" \n *ngIf=\"data.input && data.input.icon\" \n (click)=\"onClick(data.input.payload)\"></span>\n <ng-container *ngIf=\"data.button\">\n <n7-anchor-wrapper [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n [data]=\"data.button.anchor\"\n (clicked)=\"onClick($event)\">\n {{data.button.text}}\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n \n <div class=\"n7-hero__image-wrapper\" *ngIf=\"data.image\">\n <img class=\"n7-hero__image\" src=\"{{data.image}}\" alt=\"\">\n </div>\n\n </div>\n</section>", components: [{ type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
835
835
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeroComponent, decorators: [{
|
|
836
836
|
type: Component,
|
|
837
|
-
args: [{ selector: 'n7-hero', template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\">\n <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <
|
|
837
|
+
args: [{ selector: 'n7-hero', template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\">\n <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <p class=\"n7-hero__pre-title\" *ngIf=\"data.preTitle\" [innerHTML]=\"data.preTitle\"></p>\n <h2 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h2>\n <div class=\"n7-hero__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n <input type=\"text\" \n class=\"n7-hero__input\" \n placeholder=\"{{data.input.placeholder || ''}}\" \n *ngIf=\"data.input\" \n (input)=\"onInputChange(data.input.payload, $event.target.value)\" \n (keyup.enter)=\"onInputEnter(data.input.payload, $event.target.value)\">\n <span class=\"n7-hero__input-icon {{data.input.icon || ''}}\" \n *ngIf=\"data.input && data.input.icon\" \n (click)=\"onClick(data.input.payload)\"></span>\n <ng-container *ngIf=\"data.button\">\n <n7-anchor-wrapper [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n [data]=\"data.button.anchor\"\n (clicked)=\"onClick($event)\">\n {{data.button.text}}\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n \n <div class=\"n7-hero__image-wrapper\" *ngIf=\"data.image\">\n <img class=\"n7-hero__image\" src=\"{{data.image}}\" alt=\"\">\n </div>\n\n </div>\n</section>" }]
|
|
838
838
|
}], propDecorators: { data: [{
|
|
839
839
|
type: Input
|
|
840
840
|
}], emit: [{
|
|
@@ -6708,6 +6708,7 @@ const HEADER_MOCK = {
|
|
|
6708
6708
|
};
|
|
6709
6709
|
|
|
6710
6710
|
const HERO_MOCK = {
|
|
6711
|
+
preTitle: 'Un bel testo prima del titolo',
|
|
6711
6712
|
title: "Il più <em>bell'archivio</em> che tu abbia mai visto",
|
|
6712
6713
|
text: `
|
|
6713
6714
|
<p>La <strong>Fondazione Cerratelli</strong> è uno spazio espositivo che raccoglie un'importante
|