oasys-lib 1.70.0 → 1.70.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/esm2022/lib/components/hero/hero.component.mjs +20 -5
- package/fesm2022/oasys-lib.mjs +18 -3
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/hero/hero.component.d.ts +8 -3
- package/lib/components/hero/hero.component.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, Input, ElementRef, ViewChild } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../services/token.service";
|
|
4
4
|
import * as i2 from "@angular/common";
|
|
@@ -18,18 +18,29 @@ export class HeroComponent {
|
|
|
18
18
|
this.href_primary_cta = '';
|
|
19
19
|
this.href_secondary_cta = '';
|
|
20
20
|
}
|
|
21
|
+
setNonBrandBackgroundColour() {
|
|
22
|
+
this.herobox.nativeElement.style.background = this.non_brand_background_colour;
|
|
23
|
+
}
|
|
24
|
+
ngAfterViewInit() {
|
|
25
|
+
if (this.non_brand_background_colour) {
|
|
26
|
+
this.setNonBrandBackgroundColour();
|
|
27
|
+
}
|
|
28
|
+
}
|
|
21
29
|
ngOnInit() {
|
|
22
30
|
this.heroCtaAlignment = this.tokenService.getTokenValue('--oasys-component-hero-actions-alignment');
|
|
23
31
|
this.heroInsetSpaceSmall = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-small');
|
|
24
32
|
this.heroInsetSpaceLarge = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-large');
|
|
25
33
|
}
|
|
26
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeroComponent, deps: [{ token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeroComponent, selector: "ui-hero", inputs: { min_container_height: "min_container_height", image_left_desktop: "image_left_desktop", image_top_mobile: "image_top_mobile", background_colour: "background_colour", heading_title: "heading_title", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", media_type: "media_type", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, ngImport: i0, template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"herobox.backgroundIsDark ? true : false\"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"herobox.backgroundIsDark ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\n <span>{{primary_cta_text}}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"herobox.backgroundIsDark ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\n <span>{{secondary_cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img fetchpriority=\"high\" [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"alt_text\" width=\"100%\" height=\"100%\" style=\"object-fit: cover;\">\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_event_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i4.OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle"] }, { kind: "component", type: i5.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: i6.LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: i7.LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { kind: "component", type: i8.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] }); }
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeroComponent, selector: "ui-hero", inputs: { min_container_height: "min_container_height", image_left_desktop: "image_left_desktop", image_top_mobile: "image_top_mobile", background_colour: "background_colour", non_brand_background_colour: "non_brand_background_colour", heading_title: "heading_title", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", media_type: "media_type", text_on_dark_override: "text_on_dark_override", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, viewQueries: [{ propertyName: "herobox", first: true, predicate: ["herobox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? true : false\"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\n <span>{{primary_cta_text}}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\n <span>{{secondary_cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img fetchpriority=\"high\" [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"alt_text\" width=\"100%\" height=\"100%\" style=\"object-fit: cover;\">\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_event_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: i4.OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle"] }, { kind: "component", type: i5.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: i6.LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: i7.LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { kind: "component", type: i8.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] }); }
|
|
28
36
|
}
|
|
29
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeroComponent, decorators: [{
|
|
30
38
|
type: Component,
|
|
31
|
-
args: [{ selector: 'ui-hero', template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"herobox.backgroundIsDark ? true : false\"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"herobox.backgroundIsDark ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\n <span>{{primary_cta_text}}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"herobox.backgroundIsDark ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\n <span>{{secondary_cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img fetchpriority=\"high\" [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"alt_text\" width=\"100%\" height=\"100%\" style=\"object-fit: cover;\">\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"] }]
|
|
32
|
-
}], ctorParameters: () => [{ type: i1.TokenService }], propDecorators: {
|
|
39
|
+
args: [{ selector: 'ui-hero', template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? true : false\"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\n <span>{{primary_cta_text}}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\n <span>{{secondary_cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img fetchpriority=\"high\" [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"alt_text\" width=\"100%\" height=\"100%\" style=\"object-fit: cover;\">\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"] }]
|
|
40
|
+
}], ctorParameters: () => [{ type: i1.TokenService }], propDecorators: { herobox: [{
|
|
41
|
+
type: ViewChild,
|
|
42
|
+
args: ['herobox', { read: ElementRef }]
|
|
43
|
+
}], min_container_height: [{
|
|
33
44
|
type: Input
|
|
34
45
|
}], image_left_desktop: [{
|
|
35
46
|
type: Input
|
|
@@ -37,6 +48,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
37
48
|
type: Input
|
|
38
49
|
}], background_colour: [{
|
|
39
50
|
type: Input
|
|
51
|
+
}], non_brand_background_colour: [{
|
|
52
|
+
type: Input
|
|
40
53
|
}], heading_title: [{
|
|
41
54
|
type: Input
|
|
42
55
|
}], heading_subtitle: [{
|
|
@@ -53,9 +66,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
53
66
|
type: Input
|
|
54
67
|
}], media_type: [{
|
|
55
68
|
type: Input
|
|
69
|
+
}], text_on_dark_override: [{
|
|
70
|
+
type: Input
|
|
56
71
|
}], href_primary_cta: [{
|
|
57
72
|
type: Input
|
|
58
73
|
}], href_secondary_cta: [{
|
|
59
74
|
type: Input
|
|
60
75
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2hlcm8vaGVyby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2hlcm8vaGVyby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNkIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7QUFTNUUsTUFBTSxPQUFPLGFBQWE7SUEyQnhCLFlBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBdkJyQyx1QkFBa0IsR0FBWSxLQUFLLENBQUM7UUFDcEMscUJBQWdCLEdBQVksSUFBSSxDQUFDO1FBV2pDLGVBQVUsR0FBc0IsT0FBTyxDQUFDO1FBRWpELHdCQUF3QjtRQUNmLHFCQUFnQixHQUFXLEVBQUUsQ0FBQztRQUM5Qix1QkFBa0IsR0FBVyxFQUFFLENBQUM7SUFPUyxDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsMENBQTBDLENBQUMsQ0FBQztRQUNwRyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsNENBQTRDLENBQUMsQ0FBQztRQUN6RyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsNENBQTRDLENBQUMsQ0FBQztJQUMzRyxDQUFDOytHQWpDVSxhQUFhO21HQUFiLGFBQWEsNmlCQ1QxQixneUhBdURBOzs0RkQ5Q2EsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxTQUFTO2lGQU9WLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFHRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUb2tlblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90b2tlbi5zZXJ2aWNlJztcbmltcG9ydCB7IExheW91dEJhY2tncm91bmRzIH0gZnJvbSAnLi4vbGF5b3V0L0xheW91dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWhlcm8nLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlcm8uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBIZXJvQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAvLyBTdHlsZSBpbnB1dCB2YXJpYWJsZXNcbiAgQElucHV0KCkgbWluX2NvbnRhaW5lcl9oZWlnaHQ6IG51bWJlcjtcbiAgQElucHV0KCkgaW1hZ2VfbGVmdF9kZXNrdG9wOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGltYWdlX3RvcF9tb2JpbGU6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kX2NvbG91cjogTGF5b3V0QmFja2dyb3VuZHM7XG5cbiAgLy8gQ29udGVudCBpbnB1dCB2YXJpYWJsZXNcbiAgQElucHV0KCkgaGVhZGluZ190aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBoZWFkaW5nX3N1YnRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhlYWRpbmdfc3VydGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgcHJpbWFyeV9jdGFfdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBzZWNvbmRhcnlfY3RhX3RleHQ6IHN0cmluZztcbiAgQElucHV0KCkgaW1hZ2U6IHN0cmluZztcbiAgQElucHV0KCkgYWx0X3RleHQ6IHN0cmluZztcbiAgQElucHV0KCkgbWVkaWFfdHlwZTogJ2ltYWdlJyB8ICd2aWRlbycgPSAnaW1hZ2UnO1xuXG4gIC8vIEV2ZW50IGlucHV0IHZhcmlhYmxlc1xuICBASW5wdXQoKSBocmVmX3ByaW1hcnlfY3RhOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgaHJlZl9zZWNvbmRhcnlfY3RhOiBzdHJpbmcgPSAnJztcblxuICAvLyBEZXNpZ24gdG9rZW4gdmFyaWFibGVzXG4gIGhlcm9DdGFBbGlnbm1lbnQ6IHN0cmluZztcbiAgaGVyb0luc2V0U3BhY2VTbWFsbDogc3RyaW5nO1xuICBoZXJvSW5zZXRTcGFjZUxhcmdlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0b2tlblNlcnZpY2U6IFRva2VuU2VydmljZSkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5oZXJvQ3RhQWxpZ25tZW50ID0gdGhpcy50b2tlblNlcnZpY2UuZ2V0VG9rZW5WYWx1ZSgnLS1vYXN5cy1jb21wb25lbnQtaGVyby1hY3Rpb25zLWFsaWdubWVudCcpO1xuICAgIHRoaXMuaGVyb0luc2V0U3BhY2VTbWFsbCA9IHRoaXMudG9rZW5TZXJ2aWNlLmdldFRva2VuVmFsdWUoJy0tb2FzeXMtY29tcG9uZW50LWhlcm8taW5zZXQtc3BhY2luZy1zbWFsbCcpO1xuICAgIHRoaXMuaGVyb0luc2V0U3BhY2VMYXJnZSA9IHRoaXMudG9rZW5TZXJ2aWNlLmdldFRva2VuVmFsdWUoJy0tb2FzeXMtY29tcG9uZW50LWhlcm8taW5zZXQtc3BhY2luZy1sYXJnZScpO1xuICB9XG5cbn1cbiIsIjx1aS1ib3ggW2JveF9iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRfY29sb3VyXCIgYm94X3NwYWNlPVwibm9uZVwiICNoZXJvYm94PlxuICAgIDx1aS1ncmlkIFtuZ1N0eWxlXT1cInsnbWluLWhlaWdodCcgOiBtaW5fY29udGFpbmVyX2hlaWdodCA/IG1pbl9jb250YWluZXJfaGVpZ2h0ICsgJ3B4JyA6ICdhdXRvJ31cIiBncmlkX2dhcD1cIm5vbmVcIiBncmlkX2NvbGxhcHNlX2JlbG93PVwidGFibGV0XCI+XG4gICAgICAgIDx1aS1jb2x1bW4gY29sdW1ucz1cIjVcIiBbbmdDbGFzc109XCJ7J2ltYWdlLWxlZnQnOiBpbWFnZV9sZWZ0X2Rlc2t0b3AsICdpbWFnZS10b3AnOiBpbWFnZV90b3BfbW9iaWxlfVwiPlxuICAgICAgICAgICAgPHVpLWJveCBib3hfZmlsbF9tb2RlPVwiZmlsbFwiIGJveF9hbGlnbl95PVwiY2VudGVyXCIgYm94X2JhY2tncm91bmQ9XCJ0cmFuc3BhcmVudFwiIFtib3hfc3BhY2VdPVwie21vYmlsZTogaGVyb0luc2V0U3BhY2VTbWFsbCwgdGFibGV0OiBoZXJvSW5zZXRTcGFjZVNtYWxsLCBsYXB0b3A6IGhlcm9JbnNldFNwYWNlTGFyZ2UsIGRlc2t0b3A6IGhlcm9JbnNldFNwYWNlTGFyZ2V9XCI+XG4gICAgICAgICAgICAgICAgPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInlcIiBzdGFja19hbGlnbj1cImNlbnRlclwiIHN0YWNrX2Rpc3RyaWJ1dGU9XCJjZW50ZXJcIiBzdGFja19nYXA9XCJkZWZhdWx0XCI+XG4gICAgICAgICAgICAgICAgICAgIDx1aS1oZWFkaW5nXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWFkaW5nX3R5cGU9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtoZWFkaW5nX29uX2RhcmtdPVwiaGVyb2JveC5iYWNrZ3JvdW5kSXNEYXJrID8gdHJ1ZSA6IGZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtoZWFkaW5nX3RpdGxlXT1cImhlYWRpbmdfdGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2hlYWRpbmdfc2VvX3ByaW9yaXR5XT1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2hlYWRpbmdfc3VidGl0bGVdPVwiaGVhZGluZ19zdWJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbaGVhZGluZ19zdXJ0aXRsZV09XCJoZWFkaW5nX3N1cnRpdGxlXCI+XG4gICAgICAgICAgICAgICAgICAgIDwvdWktaGVhZGluZz5cbiAgICAgICAgICAgICAgICAgICAgPCEtLSBUT0RPOiByZXBsYWNlIHdpdGggdWktYnV0dG9uLWdyb3VwIG9uY2UgYnVpbHQtLT5cbiAgICAgICAgICAgICAgICAgICAgPHVpLXN0YWNrXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInByaW1hcnlfY3RhX3RleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjdGEtY29udGFpbmVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0YWNrX2RpcmVjdGlvbj1cInhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3N0YWNrX2FsaWduXT1cImhlcm9DdGFBbGlnbm1lbnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3N0YWNrX2Rpc3RyaWJ1dGVdPVwiaGVyb0N0YUFsaWdubWVudFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFja193cmFwPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFja19nYXA9XCJuZWFyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dWktYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYnd0cmFja2FzPVwib2FzeXMuaGVyby1ibG9jay5wcmltYXJ5LWN0YVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYnV0dG9uX3NpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2J1dHRvbl90eXBlXT1cImhlcm9ib3guYmFja2dyb3VuZElzRGFyayA/ICdwcmltYXJ5LWludmVyc2UnIDogJ3ByaW1hcnknXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJocmVmX3ByaW1hcnlfY3RhXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3twcmltYXJ5X2N0YV90ZXh0fX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3VpLWJ1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx1aS1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInNlY29uZGFyeV9jdGFfdGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYnd0cmFja2FzPVwib2FzeXMuaGVyby1ibG9jay5zZWNvbmRhcnktY3RhXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBidXR0b24tc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYnV0dG9uX3R5cGVdPVwiaGVyb2JveC5iYWNrZ3JvdW5kSXNEYXJrID8gJ3NlY29uZGFyeS1pbnZlcnNlJyA6ICdzZWNvbmRhcnknXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJocmVmX3NlY29uZGFyeV9jdGFcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e3NlY29uZGFyeV9jdGFfdGV4dH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC91aS1idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvdWktc3RhY2s+XG4gICAgICAgICAgICAgICAgPC91aS1zdGFjaz5cbiAgICAgICAgICAgIDwvdWktYm94PlxuICAgICAgICA8L3VpLWNvbHVtbj5cbiAgICAgICAgPHVpLWNvbHVtbiBjb2x1bW5zPVwiN1wiPlxuICAgICAgICAgICAgPHBpY3R1cmUgICpuZ0lmPVwibWVkaWFfdHlwZSA9PT0gJ2ltYWdlJ1wiPlxuICAgICAgICAgICAgICAgIDxzb3VyY2UgW3NyY3NldF09XCJpbWFnZSArICc/dz04ODAmaD04ODAmZm09d2VicCZxPTc1IDF4LCcgKyBpbWFnZSArICc/dz0xNzYwJmg9MTc2MCZmbT13ZWJwJnE9NDAgMngnXCIgbWVkaWE9XCIobWluLXdpZHRoOiAxNDQwcHgpXCIgdHlwZT1cImltYWdlL3dlYnBcIj5cbiAgICAgICAgICAgICAgICA8c291cmNlIFtzcmNzZXRdPVwiaW1hZ2UgKyAnP3c9NzIwJmg9NzIwJmZtPXdlYnAmcT03NSAxeCwnICsgaW1hZ2UgKyAnP3c9MTQ0MCZoPTE0NDAmZm09d2VicCZxPTQwIDJ4J1wiIG1lZGlhPVwiKG1pbi13aWR0aDogMTIwMHB4KVwiIHR5cGU9XCJpbWFnZS93ZWJwXCI+XG4gICAgICAgICAgICAgICAgPHNvdXJjZSBbc3Jjc2V0XT1cImltYWdlICsgJz93PTU4MCZoPTU4MCZmbT13ZWJwJnE9NzUgMXgsJyArIGltYWdlICsgJz93PTExNjAmaD0xMTYwJmZtPXdlYnAmcT00MCAyeCdcIiBtZWRpYT1cIihtaW4td2lkdGg6IDk5MnB4KVwiIHR5cGU9XCJpbWFnZS93ZWJwXCI+XG4gICAgICAgICAgICAgICAgPHNvdXJjZSBbc3Jjc2V0XT1cImltYWdlICsgJz93PTQzMCZoPTQzMCZmbT13ZWJwJnE9NzUgMXgsJyArIGltYWdlICsgICc/dz04NjAmaD04NjAmZm09d2VicCZxPTQwIDJ4J1wiIG1lZGlhPVwiKG1pbi13aWR0aDogNzY4cHgpXCIgdHlwZT1cImltYWdlL3dlYnBcIj5cbiAgICAgICAgICAgICAgICA8c291cmNlIFtzcmNzZXRdPVwiaW1hZ2UgKyAnP3c9NzIwJmg9NzIwJmZtPXdlYnAmcT00MCAyeCdcIiBtZWRpYT1cIihtaW4td2lkdGg6IDQ1NHB4KVwiIHR5cGU9XCJpbWFnZS93ZWJwXCI+XG4gICAgICAgICAgICAgICAgPGltZyBmZXRjaHByaW9yaXR5PVwiaGlnaFwiIFtzcmNdPVwiaW1hZ2UgKyAnP3c9NDMwJmg9NDMwJmZtPXdlYnAmcT03NSdcIiBbYXR0ci5hbHRdPVwiYWx0X3RleHRcIiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgc3R5bGU9XCJvYmplY3QtZml0OiBjb3ZlcjtcIj5cbiAgICAgICAgICAgIDwvcGljdHVyZT5cbiAgICAgICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwibWVkaWFfdHlwZSA9PT0gJ3ZpZGVvJ1wiPjwvbmctY29udGVudD5cbiAgICAgICAgPC91aS1jb2x1bW4+XG4gICAgPC91aS1ncmlkPlxuPC91aS1ib3g+XG5cbiJdfQ==
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2hlcm8vaGVyby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2hlcm8vaGVyby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBeUIsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztBQVEvRixNQUFNLE9BQU8sYUFBYTtJQThCeEIsWUFBb0IsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7UUF6QnJDLHVCQUFrQixHQUFZLEtBQUssQ0FBQztRQUNwQyxxQkFBZ0IsR0FBWSxJQUFJLENBQUM7UUFZakMsZUFBVSxHQUFzQixPQUFPLENBQUM7UUFHakQsd0JBQXdCO1FBQ2YscUJBQWdCLEdBQVcsRUFBRSxDQUFDO1FBQzlCLHVCQUFrQixHQUFXLEVBQUUsQ0FBQztJQVFyQyxDQUFDO0lBRUwsMkJBQTJCO1FBQ3pCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLDJCQUEyQixDQUFDO0lBQ2pGLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQztRQUNyQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsMENBQTBDLENBQUMsQ0FBQztRQUNwRyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsNENBQTRDLENBQUMsQ0FBQztRQUN6RyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsNENBQTRDLENBQUMsQ0FBQztJQUMzRyxDQUFDOytHQS9DVSxhQUFhO21HQUFiLGFBQWEsd3VCQUNNLFVBQVUsNkJDVDFDLHc1SEF1REE7OzRGRC9DYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLFNBQVM7aUZBS3lCLE9BQU87c0JBQWxELFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFHakMsb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFHRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFHRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBBZnRlclZpZXdJbml0LCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuaW1wb3J0IHsgTGF5b3V0QmFja2dyb3VuZHMgfSBmcm9tICcuLi9sYXlvdXQvTGF5b3V0JztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWhlcm8nLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVyby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlcm8uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBIZXJvQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnaGVyb2JveCcsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBoZXJvYm94OiBFbGVtZW50UmVmO1xuXG4gIC8vIFN0eWxlIGlucHV0IHZhcmlhYmxlc1xuICBASW5wdXQoKSBtaW5fY29udGFpbmVyX2hlaWdodDogbnVtYmVyO1xuICBASW5wdXQoKSBpbWFnZV9sZWZ0X2Rlc2t0b3A6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaW1hZ2VfdG9wX21vYmlsZTogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRfY29sb3VyOiBMYXlvdXRCYWNrZ3JvdW5kcztcbiAgQElucHV0KCkgbm9uX2JyYW5kX2JhY2tncm91bmRfY29sb3VyOiBzdHJpbmc7XG5cbiAgLy8gQ29udGVudCBpbnB1dCB2YXJpYWJsZXNcbiAgQElucHV0KCkgaGVhZGluZ190aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBoZWFkaW5nX3N1YnRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhlYWRpbmdfc3VydGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgcHJpbWFyeV9jdGFfdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBzZWNvbmRhcnlfY3RhX3RleHQ6IHN0cmluZztcbiAgQElucHV0KCkgaW1hZ2U6IHN0cmluZztcbiAgQElucHV0KCkgYWx0X3RleHQ6IHN0cmluZztcbiAgQElucHV0KCkgbWVkaWFfdHlwZTogJ2ltYWdlJyB8ICd2aWRlbycgPSAnaW1hZ2UnO1xuICBASW5wdXQoKSB0ZXh0X29uX2Rhcmtfb3ZlcnJpZGU6IHN0cmluZztcblxuICAvLyBFdmVudCBpbnB1dCB2YXJpYWJsZXNcbiAgQElucHV0KCkgaHJlZl9wcmltYXJ5X2N0YTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGhyZWZfc2Vjb25kYXJ5X2N0YTogc3RyaW5nID0gJyc7XG5cbiAgLy8gRGVzaWduIHRva2VuIHZhcmlhYmxlc1xuICBoZXJvQ3RhQWxpZ25tZW50OiBzdHJpbmc7XG4gIGhlcm9JbnNldFNwYWNlU21hbGw6IHN0cmluZztcbiAgaGVyb0luc2V0U3BhY2VMYXJnZTogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdG9rZW5TZXJ2aWNlOiBUb2tlblNlcnZpY2VcbiAgKSB7IH1cblxuICBzZXROb25CcmFuZEJhY2tncm91bmRDb2xvdXIoKTogdm9pZCB7XG4gICAgdGhpcy5oZXJvYm94Lm5hdGl2ZUVsZW1lbnQuc3R5bGUuYmFja2dyb3VuZCA9IHRoaXMubm9uX2JyYW5kX2JhY2tncm91bmRfY29sb3VyO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm5vbl9icmFuZF9iYWNrZ3JvdW5kX2NvbG91cikge1xuICAgICAgdGhpcy5zZXROb25CcmFuZEJhY2tncm91bmRDb2xvdXIoKTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmhlcm9DdGFBbGlnbm1lbnQgPSB0aGlzLnRva2VuU2VydmljZS5nZXRUb2tlblZhbHVlKCctLW9hc3lzLWNvbXBvbmVudC1oZXJvLWFjdGlvbnMtYWxpZ25tZW50Jyk7XG4gICAgdGhpcy5oZXJvSW5zZXRTcGFjZVNtYWxsID0gdGhpcy50b2tlblNlcnZpY2UuZ2V0VG9rZW5WYWx1ZSgnLS1vYXN5cy1jb21wb25lbnQtaGVyby1pbnNldC1zcGFjaW5nLXNtYWxsJyk7XG4gICAgdGhpcy5oZXJvSW5zZXRTcGFjZUxhcmdlID0gdGhpcy50b2tlblNlcnZpY2UuZ2V0VG9rZW5WYWx1ZSgnLS1vYXN5cy1jb21wb25lbnQtaGVyby1pbnNldC1zcGFjaW5nLWxhcmdlJyk7XG4gIH1cbn1cbiIsIjx1aS1ib3ggW2JveF9iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRfY29sb3VyXCIgYm94X3NwYWNlPVwibm9uZVwiICNoZXJvYm94PlxuICAgIDx1aS1ncmlkIFtuZ1N0eWxlXT1cInsnbWluLWhlaWdodCcgOiBtaW5fY29udGFpbmVyX2hlaWdodCA/IG1pbl9jb250YWluZXJfaGVpZ2h0ICsgJ3B4JyA6ICdhdXRvJ31cIiBncmlkX2dhcD1cIm5vbmVcIiBncmlkX2NvbGxhcHNlX2JlbG93PVwidGFibGV0XCI+XG4gICAgICAgIDx1aS1jb2x1bW4gY29sdW1ucz1cIjVcIiBbbmdDbGFzc109XCJ7J2ltYWdlLWxlZnQnOiBpbWFnZV9sZWZ0X2Rlc2t0b3AsICdpbWFnZS10b3AnOiBpbWFnZV90b3BfbW9iaWxlfVwiPlxuICAgICAgICAgICAgPHVpLWJveCBib3hfZmlsbF9tb2RlPVwiZmlsbFwiIGJveF9hbGlnbl95PVwiY2VudGVyXCIgYm94X2JhY2tncm91bmQ9XCJ0cmFuc3BhcmVudFwiIFtib3hfc3BhY2VdPVwie21vYmlsZTogaGVyb0luc2V0U3BhY2VTbWFsbCwgdGFibGV0OiBoZXJvSW5zZXRTcGFjZVNtYWxsLCBsYXB0b3A6IGhlcm9JbnNldFNwYWNlTGFyZ2UsIGRlc2t0b3A6IGhlcm9JbnNldFNwYWNlTGFyZ2V9XCI+XG4gICAgICAgICAgICAgICAgPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInlcIiBzdGFja19hbGlnbj1cImNlbnRlclwiIHN0YWNrX2Rpc3RyaWJ1dGU9XCJjZW50ZXJcIiBzdGFja19nYXA9XCJkZWZhdWx0XCI+XG4gICAgICAgICAgICAgICAgICAgIDx1aS1oZWFkaW5nXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWFkaW5nX3R5cGU9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtoZWFkaW5nX29uX2RhcmtdPVwiKGhlcm9ib3guYmFja2dyb3VuZElzRGFyayB8fCAodGV4dF9vbl9kYXJrX292ZXJyaWRlID09PSAndHJ1ZScpKSA/IHRydWUgOiBmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbaGVhZGluZ190aXRsZV09XCJoZWFkaW5nX3RpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtoZWFkaW5nX3Nlb19wcmlvcml0eV09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtoZWFkaW5nX3N1YnRpdGxlXT1cImhlYWRpbmdfc3VidGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2hlYWRpbmdfc3VydGl0bGVdPVwiaGVhZGluZ19zdXJ0aXRsZVwiPlxuICAgICAgICAgICAgICAgICAgICA8L3VpLWhlYWRpbmc+XG4gICAgICAgICAgICAgICAgICAgIDwhLS0gVE9ETzogcmVwbGFjZSB3aXRoIHVpLWJ1dHRvbi1ncm91cCBvbmNlIGJ1aWx0LS0+XG4gICAgICAgICAgICAgICAgICAgIDx1aS1zdGFja1xuICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJwcmltYXJ5X2N0YV90ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY3RhLWNvbnRhaW5lclwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFja19kaXJlY3Rpb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzdGFja19hbGlnbl09XCJoZXJvQ3RhQWxpZ25tZW50XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzdGFja19kaXN0cmlidXRlXT1cImhlcm9DdGFBbGlnbm1lbnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgc3RhY2tfd3JhcD1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgc3RhY2tfZ2FwPVwibmVhclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHVpLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJ3dHJhY2thcz1cIm9hc3lzLmhlcm8tYmxvY2sucHJpbWFyeS1jdGFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJ1dHRvbl9zaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtidXR0b25fdHlwZV09XCIoaGVyb2JveC5iYWNrZ3JvdW5kSXNEYXJrIHx8ICh0ZXh0X29uX2Rhcmtfb3ZlcnJpZGUgPT09ICd0cnVlJykpID8gJ3ByaW1hcnktaW52ZXJzZScgOiAncHJpbWFyeSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtocmVmXT1cImhyZWZfcHJpbWFyeV9jdGFcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e3ByaW1hcnlfY3RhX3RleHR9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdWktYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHVpLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwic2Vjb25kYXJ5X2N0YV90ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBid3RyYWNrYXM9XCJvYXN5cy5oZXJvLWJsb2NrLnNlY29uZGFyeS1jdGFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJ1dHRvbi1zaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtidXR0b25fdHlwZV09XCIoaGVyb2JveC5iYWNrZ3JvdW5kSXNEYXJrIHx8ICh0ZXh0X29uX2Rhcmtfb3ZlcnJpZGUgPT09ICd0cnVlJykpID8gJ3NlY29uZGFyeS1pbnZlcnNlJyA6ICdzZWNvbmRhcnknXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJocmVmX3NlY29uZGFyeV9jdGFcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e3NlY29uZGFyeV9jdGFfdGV4dH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC91aS1idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvdWktc3RhY2s+XG4gICAgICAgICAgICAgICAgPC91aS1zdGFjaz5cbiAgICAgICAgICAgIDwvdWktYm94PlxuICAgICAgICA8L3VpLWNvbHVtbj5cbiAgICAgICAgPHVpLWNvbHVtbiBjb2x1bW5zPVwiN1wiPlxuICAgICAgICAgICAgPHBpY3R1cmUgICpuZ0lmPVwibWVkaWFfdHlwZSA9PT0gJ2ltYWdlJ1wiPlxuICAgICAgICAgICAgICAgIDxzb3VyY2UgW3NyY3NldF09XCJpbWFnZSArICc/dz04ODAmaD04ODAmZm09d2VicCZxPTc1IDF4LCcgKyBpbWFnZSArICc/dz0xNzYwJmg9MTc2MCZmbT13ZWJwJnE9NDAgMngnXCIgbWVkaWE9XCIobWluLXdpZHRoOiAxNDQwcHgpXCIgdHlwZT1cImltYWdlL3dlYnBcIj5cbiAgICAgICAgICAgICAgICA8c291cmNlIFtzcmNzZXRdPVwiaW1hZ2UgKyAnP3c9NzIwJmg9NzIwJmZtPXdlYnAmcT03NSAxeCwnICsgaW1hZ2UgKyAnP3c9MTQ0MCZoPTE0NDAmZm09d2VicCZxPTQwIDJ4J1wiIG1lZGlhPVwiKG1pbi13aWR0aDogMTIwMHB4KVwiIHR5cGU9XCJpbWFnZS93ZWJwXCI+XG4gICAgICAgICAgICAgICAgPHNvdXJjZSBbc3Jjc2V0XT1cImltYWdlICsgJz93PTU4MCZoPTU4MCZmbT13ZWJwJnE9NzUgMXgsJyArIGltYWdlICsgJz93PTExNjAmaD0xMTYwJmZtPXdlYnAmcT00MCAyeCdcIiBtZWRpYT1cIihtaW4td2lkdGg6IDk5MnB4KVwiIHR5cGU9XCJpbWFnZS93ZWJwXCI+XG4gICAgICAgICAgICAgICAgPHNvdXJjZSBbc3Jjc2V0XT1cImltYWdlICsgJz93PTQzMCZoPTQzMCZmbT13ZWJwJnE9NzUgMXgsJyArIGltYWdlICsgICc/dz04NjAmaD04NjAmZm09d2VicCZxPTQwIDJ4J1wiIG1lZGlhPVwiKG1pbi13aWR0aDogNzY4cHgpXCIgdHlwZT1cImltYWdlL3dlYnBcIj5cbiAgICAgICAgICAgICAgICA8c291cmNlIFtzcmNzZXRdPVwiaW1hZ2UgKyAnP3c9NzIwJmg9NzIwJmZtPXdlYnAmcT00MCAyeCdcIiBtZWRpYT1cIihtaW4td2lkdGg6IDQ1NHB4KVwiIHR5cGU9XCJpbWFnZS93ZWJwXCI+XG4gICAgICAgICAgICAgICAgPGltZyBmZXRjaHByaW9yaXR5PVwiaGlnaFwiIFtzcmNdPVwiaW1hZ2UgKyAnP3c9NDMwJmg9NDMwJmZtPXdlYnAmcT03NSdcIiBbYXR0ci5hbHRdPVwiYWx0X3RleHRcIiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgc3R5bGU9XCJvYmplY3QtZml0OiBjb3ZlcjtcIj5cbiAgICAgICAgICAgIDwvcGljdHVyZT5cbiAgICAgICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwibWVkaWFfdHlwZSA9PT0gJ3ZpZGVvJ1wiPjwvbmctY29udGVudD5cbiAgICAgICAgPC91aS1jb2x1bW4+XG4gICAgPC91aS1ncmlkPlxuPC91aS1ib3g+XG5cbiJdfQ==
|
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -1922,18 +1922,29 @@ class HeroComponent {
|
|
|
1922
1922
|
this.href_primary_cta = '';
|
|
1923
1923
|
this.href_secondary_cta = '';
|
|
1924
1924
|
}
|
|
1925
|
+
setNonBrandBackgroundColour() {
|
|
1926
|
+
this.herobox.nativeElement.style.background = this.non_brand_background_colour;
|
|
1927
|
+
}
|
|
1928
|
+
ngAfterViewInit() {
|
|
1929
|
+
if (this.non_brand_background_colour) {
|
|
1930
|
+
this.setNonBrandBackgroundColour();
|
|
1931
|
+
}
|
|
1932
|
+
}
|
|
1925
1933
|
ngOnInit() {
|
|
1926
1934
|
this.heroCtaAlignment = this.tokenService.getTokenValue('--oasys-component-hero-actions-alignment');
|
|
1927
1935
|
this.heroInsetSpaceSmall = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-small');
|
|
1928
1936
|
this.heroInsetSpaceLarge = this.tokenService.getTokenValue('--oasys-component-hero-inset-spacing-large');
|
|
1929
1937
|
}
|
|
1930
1938
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeroComponent, deps: [{ token: TokenService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1931
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeroComponent, selector: "ui-hero", inputs: { min_container_height: "min_container_height", image_left_desktop: "image_left_desktop", image_top_mobile: "image_top_mobile", background_colour: "background_colour", heading_title: "heading_title", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", media_type: "media_type", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, ngImport: i0, template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"herobox.backgroundIsDark ? true : false\"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"herobox.backgroundIsDark ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\n <span>{{primary_cta_text}}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"herobox.backgroundIsDark ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\n <span>{{secondary_cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img fetchpriority=\"high\" [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"alt_text\" width=\"100%\" height=\"100%\" style=\"object-fit: cover;\">\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_event_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] }); }
|
|
1939
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeroComponent, selector: "ui-hero", inputs: { min_container_height: "min_container_height", image_left_desktop: "image_left_desktop", image_top_mobile: "image_top_mobile", background_colour: "background_colour", non_brand_background_colour: "non_brand_background_colour", heading_title: "heading_title", heading_subtitle: "heading_subtitle", heading_surtitle: "heading_surtitle", primary_cta_text: "primary_cta_text", secondary_cta_text: "secondary_cta_text", image: "image", alt_text: "alt_text", media_type: "media_type", text_on_dark_override: "text_on_dark_override", href_primary_cta: "href_primary_cta", href_secondary_cta: "href_secondary_cta" }, viewQueries: [{ propertyName: "herobox", first: true, predicate: ["herobox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? true : false\"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\n <span>{{primary_cta_text}}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\n <span>{{secondary_cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img fetchpriority=\"high\" [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"alt_text\" width=\"100%\" height=\"100%\" style=\"object-fit: cover;\">\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: OasysButtonComponent, selector: "ui-button", inputs: ["button_icon", "button_icon_placement", "button_size", "button_full_width", "button_type", "button_event_type", "button_disabled", "button_text_nowrap", "href"], outputs: ["clicked"] }, { kind: "component", type: OasysHeadingComponent, selector: "ui-heading", inputs: ["heading_type", "heading_on_dark", "heading_title", "heading_seo_priority", "heading_priority", "heading_alignment_override", "heading_subtitle", "heading_surtitle"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }, { kind: "component", type: LayoutGridColumnComponent, selector: "ui-column", inputs: ["columns", "column_inset"] }, { kind: "component", type: LayoutGridComponent, selector: "ui-grid", inputs: ["grid_auto", "grid_collapse_below", "grid_gap"] }, { kind: "component", type: LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }] }); }
|
|
1932
1940
|
}
|
|
1933
1941
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeroComponent, decorators: [{
|
|
1934
1942
|
type: Component,
|
|
1935
|
-
args: [{ selector: 'ui-hero', template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"herobox.backgroundIsDark ? true : false\"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"herobox.backgroundIsDark ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\n <span>{{primary_cta_text}}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"herobox.backgroundIsDark ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\n <span>{{secondary_cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img fetchpriority=\"high\" [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"alt_text\" width=\"100%\" height=\"100%\" style=\"object-fit: cover;\">\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"] }]
|
|
1936
|
-
}], ctorParameters: () => [{ type: TokenService }], propDecorators: {
|
|
1943
|
+
args: [{ selector: 'ui-hero', template: "<ui-box [box_background]=\"background_colour\" box_space=\"none\" #herobox>\n <ui-grid [ngStyle]=\"{'min-height' : min_container_height ? min_container_height + 'px' : 'auto'}\" grid_gap=\"none\" grid_collapse_below=\"tablet\">\n <ui-column columns=\"5\" [ngClass]=\"{'image-left': image_left_desktop, 'image-top': image_top_mobile}\">\n <ui-box box_fill_mode=\"fill\" box_align_y=\"center\" box_background=\"transparent\" [box_space]=\"{mobile: heroInsetSpaceSmall, tablet: heroInsetSpaceSmall, laptop: heroInsetSpaceLarge, desktop: heroInsetSpaceLarge}\">\n <ui-stack stack_direction=\"y\" stack_align=\"center\" stack_distribute=\"center\" stack_gap=\"default\">\n <ui-heading\n heading_type=\"primary\"\n [heading_on_dark]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? true : false\"\n [heading_title]=\"heading_title\"\n [heading_seo_priority]=\"true\"\n [heading_subtitle]=\"heading_subtitle\"\n [heading_surtitle]=\"heading_surtitle\">\n </ui-heading>\n <!-- TODO: replace with ui-button-group once built-->\n <ui-stack\n *ngIf=\"primary_cta_text\"\n class=\"cta-container\"\n stack_direction=\"x\"\n [stack_align]=\"heroCtaAlignment\"\n [stack_distribute]=\"heroCtaAlignment\"\n stack_wrap=\"true\"\n stack_gap=\"near\">\n <ui-button\n bwtrackas=\"oasys.hero-block.primary-cta\"\n button_size=\"large\"\n [button_type]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'primary-inverse' : 'primary'\"\n [href]=\"href_primary_cta\">\n <span>{{primary_cta_text}}</span>\n </ui-button>\n <ui-button\n *ngIf=\"secondary_cta_text\"\n bwtrackas=\"oasys.hero-block.secondary-cta\"\n button-size=\"large\"\n [button_type]=\"(herobox.backgroundIsDark || (text_on_dark_override === 'true')) ? 'secondary-inverse' : 'secondary'\"\n [href]=\"href_secondary_cta\">\n <span>{{secondary_cta_text}}</span>\n </ui-button>\n </ui-stack>\n </ui-stack>\n </ui-box>\n </ui-column>\n <ui-column columns=\"7\">\n <picture *ngIf=\"media_type === 'image'\">\n <source [srcset]=\"image + '?w=880&h=880&fm=webp&q=75 1x,' + image + '?w=1760&h=1760&fm=webp&q=40 2x'\" media=\"(min-width: 1440px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=75 1x,' + image + '?w=1440&h=1440&fm=webp&q=40 2x'\" media=\"(min-width: 1200px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=580&h=580&fm=webp&q=75 1x,' + image + '?w=1160&h=1160&fm=webp&q=40 2x'\" media=\"(min-width: 992px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=430&h=430&fm=webp&q=75 1x,' + image + '?w=860&h=860&fm=webp&q=40 2x'\" media=\"(min-width: 768px)\" type=\"image/webp\">\n <source [srcset]=\"image + '?w=720&h=720&fm=webp&q=40 2x'\" media=\"(min-width: 454px)\" type=\"image/webp\">\n <img fetchpriority=\"high\" [src]=\"image + '?w=430&h=430&fm=webp&q=75'\" [attr.alt]=\"alt_text\" width=\"100%\" height=\"100%\" style=\"object-fit: cover;\">\n </picture>\n <ng-content *ngIf=\"media_type === 'video'\"></ng-content>\n </ui-column>\n </ui-grid>\n</ui-box>\n\n", styles: ["@media only screen and (max-width: 767px){ui-grid .image-top{order:1}}@media only screen and (min-width: 768px){ui-grid .image-top{order:0}ui-grid .image-left{order:1}}\n"] }]
|
|
1944
|
+
}], ctorParameters: () => [{ type: TokenService }], propDecorators: { herobox: [{
|
|
1945
|
+
type: ViewChild,
|
|
1946
|
+
args: ['herobox', { read: ElementRef }]
|
|
1947
|
+
}], min_container_height: [{
|
|
1937
1948
|
type: Input
|
|
1938
1949
|
}], image_left_desktop: [{
|
|
1939
1950
|
type: Input
|
|
@@ -1941,6 +1952,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1941
1952
|
type: Input
|
|
1942
1953
|
}], background_colour: [{
|
|
1943
1954
|
type: Input
|
|
1955
|
+
}], non_brand_background_colour: [{
|
|
1956
|
+
type: Input
|
|
1944
1957
|
}], heading_title: [{
|
|
1945
1958
|
type: Input
|
|
1946
1959
|
}], heading_subtitle: [{
|
|
@@ -1957,6 +1970,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1957
1970
|
type: Input
|
|
1958
1971
|
}], media_type: [{
|
|
1959
1972
|
type: Input
|
|
1973
|
+
}], text_on_dark_override: [{
|
|
1974
|
+
type: Input
|
|
1960
1975
|
}], href_primary_cta: [{
|
|
1961
1976
|
type: Input
|
|
1962
1977
|
}], href_secondary_cta: [{
|