@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
|
@@ -832,10 +832,10 @@ class HeroComponent {
|
|
|
832
832
|
}
|
|
833
833
|
}
|
|
834
834
|
HeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
835
|
-
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 <
|
|
835
|
+
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"] }] });
|
|
836
836
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeroComponent, decorators: [{
|
|
837
837
|
type: Component,
|
|
838
|
-
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 <
|
|
838
|
+
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>" }]
|
|
839
839
|
}], propDecorators: { data: [{
|
|
840
840
|
type: Input
|
|
841
841
|
}], emit: [{
|
|
@@ -6721,6 +6721,7 @@ const HEADER_MOCK = {
|
|
|
6721
6721
|
};
|
|
6722
6722
|
|
|
6723
6723
|
const HERO_MOCK = {
|
|
6724
|
+
preTitle: 'Un bel testo prima del titolo',
|
|
6724
6725
|
title: "Il più <em>bell'archivio</em> che tu abbia mai visto",
|
|
6725
6726
|
text: `
|
|
6726
6727
|
<p>La <strong>Fondazione Cerratelli</strong> è uno spazio espositivo che raccoglie un'importante
|