af-connect-components 18.0.12 → 18.0.13

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.
@@ -1,15 +1,17 @@
1
- import { Component } from '@angular/core';
1
+ import { Component, Input } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "../af-connect-button/af-connect-button.component";
4
4
  export class AfConnectSavingsBannerComponent {
5
5
  navigateExternal() {
6
- window.open('https://plus.alexforbes.com/Identity/Account/Login?ReturnUrl=%2fProducts%2fReferral%2fRedirect?typeId=11&utm_medium=web&utm_source=afconnect&utm_campaign=AF%20Connect', '_blank');
6
+ window.open(this.url, '_blank');
7
7
  }
8
8
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSavingsBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectSavingsBannerComponent, selector: "lib-af-connect-savings-banner", ngImport: i0, template: "<section class=\"wrapper\">\r\n <div class=\"main-content\">\r\n <span class=\"chip\">AF Rewards</span>\r\n <h2>MAX YOUR SAVINGS!</h2>\r\n <p>A dynamic shopping experience\u2014get vouchers, shop online or in-store, and save with no limits or costs!</p>\r\n </div>\r\n <div class=\"pill\">\r\n <span>Start saving today!</span>\r\n <lib-af-connect-button\r\n variant=\"filled\"\r\n title=\"Discover more\"\r\n class=\"regular regular-pill\"\r\n (clickBtn)=\"navigateExternal()\"\r\n ></lib-af-connect-button>\r\n </div>\r\n</section>\r\n", styles: [".wrapper{display:flex;align-items:center;justify-content:space-between;gap:2.75rem;border-radius:15px;padding:min(3.125rem,4vw) min(6.25rem,8vw);background-color:#35c1d9}.wrapper .main-content{color:#fff;flex-basis:498px}.wrapper .main-content .chip{display:inline-block;background-color:#82dae8;font-size:14px;line-height:20px;padding:5px 16px;border-radius:50px}.wrapper .main-content h2{font-size:clamp(24px,5vw,45px);font-family:var(--standard-font-family-hero-new-bold);margin-block:1.25rem .875rem}.wrapper .main-content p{margin:0;line-height:25px;opacity:.85;font-family:var(--standard-font-family-hero-new-semibold)}.wrapper .pill{display:flex;align-items:center;gap:1.875rem;border-radius:50px;padding:.625rem .625rem .625rem 1.875rem;background-color:#fff}.wrapper .pill span{white-space:nowrap;color:#124e57;opacity:.75;text-align:center;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.wrapper{flex-direction:column}.wrapper .main-content{flex-basis:auto}}@media (max-width: 768px){.wrapper{padding:1.25rem 1rem;flex-direction:column;gap:1.25rem}.wrapper .main-content .chip{font-size:12px;padding:7.5px 16px}.wrapper .main-content h2{margin-bottom:1rem}.wrapper .main-content p{font-size:14px;line-height:20px;font-family:var(--standard-font-family-hero-new)}.wrapper .pill{box-sizing:border-box;width:min(320px,100%);justify-content:space-between;padding:9px 10px 9px 16px;gap:.75rem}.wrapper .pill span{font-size:12px;white-space:normal}}\n"], dependencies: [{ kind: "component", type: i1.AfConnectButtonComponent, selector: "lib-af-connect-button", inputs: ["isActive", "emitValue", "title", "disabled", "hybrid", "fullWidth", "size", "variant", "iconSrc", "iconSize", "iconPosition", "activeItem"], outputs: ["clickBtn"] }] }); }
9
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectSavingsBannerComponent, selector: "lib-af-connect-savings-banner", inputs: { url: "url" }, ngImport: i0, template: "<section class=\"wrapper\">\r\n <div class=\"main-content\">\r\n <span class=\"chip\">AF Rewards</span>\r\n <h2>MAX YOUR SAVINGS!</h2>\r\n <p>A dynamic shopping experience\u2014get vouchers, shop online or in-store, and save with no limits or costs!</p>\r\n </div>\r\n <div class=\"pill\">\r\n <span>Start saving today!</span>\r\n <lib-af-connect-button\r\n variant=\"filled\"\r\n title=\"Discover more\"\r\n class=\"regular regular-pill\"\r\n (clickBtn)=\"navigateExternal()\"\r\n ></lib-af-connect-button>\r\n </div>\r\n</section>\r\n", styles: [".wrapper{display:flex;align-items:center;justify-content:space-between;gap:2.75rem;border-radius:15px;padding:min(3.125rem,4vw) min(6.25rem,8vw);background-color:#35c1d9}.wrapper .main-content{color:#fff;flex-basis:498px}.wrapper .main-content .chip{display:inline-block;background-color:#82dae8;font-size:14px;line-height:20px;padding:5px 16px;border-radius:50px}.wrapper .main-content h2{font-size:clamp(24px,5vw,45px);font-family:var(--standard-font-family-hero-new-bold);margin-block:1.25rem .875rem}.wrapper .main-content p{margin:0;line-height:25px;opacity:.85;font-family:var(--standard-font-family-hero-new-semibold)}.wrapper .pill{display:flex;align-items:center;gap:1.875rem;border-radius:50px;padding:.625rem .625rem .625rem 1.875rem;background-color:#fff}.wrapper .pill span{white-space:nowrap;color:#124e57;opacity:.75;text-align:center;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.wrapper{flex-direction:column}.wrapper .main-content{flex-basis:auto}}@media (max-width: 768px){.wrapper{padding:1.25rem 1rem;flex-direction:column;gap:1.25rem}.wrapper .main-content .chip{font-size:12px;padding:7.5px 16px}.wrapper .main-content h2{margin-bottom:1rem}.wrapper .main-content p{font-size:14px;line-height:20px;font-family:var(--standard-font-family-hero-new)}.wrapper .pill{box-sizing:border-box;width:min(320px,100%);justify-content:space-between;padding:9px 10px 9px 16px;gap:.75rem}.wrapper .pill span{font-size:12px;white-space:normal}}\n"], dependencies: [{ kind: "component", type: i1.AfConnectButtonComponent, selector: "lib-af-connect-button", inputs: ["isActive", "emitValue", "title", "disabled", "hybrid", "fullWidth", "size", "variant", "iconSrc", "iconSize", "iconPosition", "activeItem"], outputs: ["clickBtn"] }] }); }
10
10
  }
11
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSavingsBannerComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{ selector: 'lib-af-connect-savings-banner', template: "<section class=\"wrapper\">\r\n <div class=\"main-content\">\r\n <span class=\"chip\">AF Rewards</span>\r\n <h2>MAX YOUR SAVINGS!</h2>\r\n <p>A dynamic shopping experience\u2014get vouchers, shop online or in-store, and save with no limits or costs!</p>\r\n </div>\r\n <div class=\"pill\">\r\n <span>Start saving today!</span>\r\n <lib-af-connect-button\r\n variant=\"filled\"\r\n title=\"Discover more\"\r\n class=\"regular regular-pill\"\r\n (clickBtn)=\"navigateExternal()\"\r\n ></lib-af-connect-button>\r\n </div>\r\n</section>\r\n", styles: [".wrapper{display:flex;align-items:center;justify-content:space-between;gap:2.75rem;border-radius:15px;padding:min(3.125rem,4vw) min(6.25rem,8vw);background-color:#35c1d9}.wrapper .main-content{color:#fff;flex-basis:498px}.wrapper .main-content .chip{display:inline-block;background-color:#82dae8;font-size:14px;line-height:20px;padding:5px 16px;border-radius:50px}.wrapper .main-content h2{font-size:clamp(24px,5vw,45px);font-family:var(--standard-font-family-hero-new-bold);margin-block:1.25rem .875rem}.wrapper .main-content p{margin:0;line-height:25px;opacity:.85;font-family:var(--standard-font-family-hero-new-semibold)}.wrapper .pill{display:flex;align-items:center;gap:1.875rem;border-radius:50px;padding:.625rem .625rem .625rem 1.875rem;background-color:#fff}.wrapper .pill span{white-space:nowrap;color:#124e57;opacity:.75;text-align:center;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.wrapper{flex-direction:column}.wrapper .main-content{flex-basis:auto}}@media (max-width: 768px){.wrapper{padding:1.25rem 1rem;flex-direction:column;gap:1.25rem}.wrapper .main-content .chip{font-size:12px;padding:7.5px 16px}.wrapper .main-content h2{margin-bottom:1rem}.wrapper .main-content p{font-size:14px;line-height:20px;font-family:var(--standard-font-family-hero-new)}.wrapper .pill{box-sizing:border-box;width:min(320px,100%);justify-content:space-between;padding:9px 10px 9px 16px;gap:.75rem}.wrapper .pill span{font-size:12px;white-space:normal}}\n"] }]
14
- }] });
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sK0JBQStCO0lBQzFDLGdCQUFnQjtRQUNkLE1BQU0sQ0FBQyxJQUFJLENBQUMsd0tBQXdLLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDbE0sQ0FBQzsrR0FIVSwrQkFBK0I7bUdBQS9CLCtCQUErQixxRUNQNUMsb2tCQWdCQTs7NEZEVGEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLCtCQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2F2aW5nc0Jhbm5lckNvbXBvbmVudCB7XHJcbiAgbmF2aWdhdGVFeHRlcm5hbCgpIHtcclxuICAgIHdpbmRvdy5vcGVuKCdodHRwczovL3BsdXMuYWxleGZvcmJlcy5jb20vSWRlbnRpdHkvQWNjb3VudC9Mb2dpbj9SZXR1cm5Vcmw9JTJmUHJvZHVjdHMlMmZSZWZlcnJhbCUyZlJlZGlyZWN0P3R5cGVJZD0xMSZ1dG1fbWVkaXVtPXdlYiZ1dG1fc291cmNlPWFmY29ubmVjdCZ1dG1fY2FtcGFpZ249QUYlMjBDb25uZWN0JywgJ19ibGFuaycpO1xyXG4gIH1cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cIndyYXBwZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwibWFpbi1jb250ZW50XCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cImNoaXBcIj5BRiBSZXdhcmRzPC9zcGFuPlxyXG4gICAgPGgyPk1BWCBZT1VSIFNBVklOR1MhPC9oMj5cclxuICAgIDxwPkEgZHluYW1pYyBzaG9wcGluZyBleHBlcmllbmNl4oCUZ2V0IHZvdWNoZXJzLCBzaG9wIG9ubGluZSBvciBpbi1zdG9yZSwgYW5kIHNhdmUgd2l0aCBubyBsaW1pdHMgb3IgY29zdHMhPC9wPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJwaWxsXCI+XHJcbiAgICA8c3Bhbj5TdGFydCBzYXZpbmcgdG9kYXkhPC9zcGFuPlxyXG4gICAgPGxpYi1hZi1jb25uZWN0LWJ1dHRvblxyXG4gICAgICB2YXJpYW50PVwiZmlsbGVkXCJcclxuICAgICAgdGl0bGU9XCJEaXNjb3ZlciBtb3JlXCJcclxuICAgICAgY2xhc3M9XCJyZWd1bGFyIHJlZ3VsYXItcGlsbFwiXHJcbiAgICAgIChjbGlja0J0bik9XCJuYXZpZ2F0ZUV4dGVybmFsKClcIlxyXG4gICAgPjwvbGliLWFmLWNvbm5lY3QtYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L3NlY3Rpb24+XHJcbiJdfQ==
14
+ }], propDecorators: { url: [{
15
+ type: Input
16
+ }] } });
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPakQsTUFBTSxPQUFPLCtCQUErQjtJQUcxQyxnQkFBZ0I7UUFDZCxNQUFNLENBQUMsSUFBSSxDQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0FMVSwrQkFBK0I7bUdBQS9CLCtCQUErQiw2RkNQNUMsb2tCQWdCQTs7NEZEVGEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLCtCQUErQjs4QkFLaEMsR0FBRztzQkFBWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2F2aW5nc0Jhbm5lckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdXJsOiBzdHJpbmc7XHJcblxyXG4gIG5hdmlnYXRlRXh0ZXJuYWwoKSB7XHJcbiAgICB3aW5kb3cub3BlbiggdGhpcy51cmwsICdfYmxhbmsnKTtcclxuICB9XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJ3cmFwcGVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cIm1haW4tY29udGVudFwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJjaGlwXCI+QUYgUmV3YXJkczwvc3Bhbj5cclxuICAgIDxoMj5NQVggWU9VUiBTQVZJTkdTITwvaDI+XHJcbiAgICA8cD5BIGR5bmFtaWMgc2hvcHBpbmcgZXhwZXJpZW5jZeKAlGdldCB2b3VjaGVycywgc2hvcCBvbmxpbmUgb3IgaW4tc3RvcmUsIGFuZCBzYXZlIHdpdGggbm8gbGltaXRzIG9yIGNvc3RzITwvcD5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwicGlsbFwiPlxyXG4gICAgPHNwYW4+U3RhcnQgc2F2aW5nIHRvZGF5ITwvc3Bhbj5cclxuICAgIDxsaWItYWYtY29ubmVjdC1idXR0b25cclxuICAgICAgdmFyaWFudD1cImZpbGxlZFwiXHJcbiAgICAgIHRpdGxlPVwiRGlzY292ZXIgbW9yZVwiXHJcbiAgICAgIGNsYXNzPVwicmVndWxhciByZWd1bGFyLXBpbGxcIlxyXG4gICAgICAoY2xpY2tCdG4pPVwibmF2aWdhdGVFeHRlcm5hbCgpXCJcclxuICAgID48L2xpYi1hZi1jb25uZWN0LWJ1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9zZWN0aW9uPlxyXG4iXX0=
@@ -2160,15 +2160,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
2160
2160
 
2161
2161
  class AfConnectSavingsBannerComponent {
2162
2162
  navigateExternal() {
2163
- window.open('https://plus.alexforbes.com/Identity/Account/Login?ReturnUrl=%2fProducts%2fReferral%2fRedirect?typeId=11&utm_medium=web&utm_source=afconnect&utm_campaign=AF%20Connect', '_blank');
2163
+ window.open(this.url, '_blank');
2164
2164
  }
2165
2165
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSavingsBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2166
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectSavingsBannerComponent, selector: "lib-af-connect-savings-banner", ngImport: i0, template: "<section class=\"wrapper\">\r\n <div class=\"main-content\">\r\n <span class=\"chip\">AF Rewards</span>\r\n <h2>MAX YOUR SAVINGS!</h2>\r\n <p>A dynamic shopping experience\u2014get vouchers, shop online or in-store, and save with no limits or costs!</p>\r\n </div>\r\n <div class=\"pill\">\r\n <span>Start saving today!</span>\r\n <lib-af-connect-button\r\n variant=\"filled\"\r\n title=\"Discover more\"\r\n class=\"regular regular-pill\"\r\n (clickBtn)=\"navigateExternal()\"\r\n ></lib-af-connect-button>\r\n </div>\r\n</section>\r\n", styles: [".wrapper{display:flex;align-items:center;justify-content:space-between;gap:2.75rem;border-radius:15px;padding:min(3.125rem,4vw) min(6.25rem,8vw);background-color:#35c1d9}.wrapper .main-content{color:#fff;flex-basis:498px}.wrapper .main-content .chip{display:inline-block;background-color:#82dae8;font-size:14px;line-height:20px;padding:5px 16px;border-radius:50px}.wrapper .main-content h2{font-size:clamp(24px,5vw,45px);font-family:var(--standard-font-family-hero-new-bold);margin-block:1.25rem .875rem}.wrapper .main-content p{margin:0;line-height:25px;opacity:.85;font-family:var(--standard-font-family-hero-new-semibold)}.wrapper .pill{display:flex;align-items:center;gap:1.875rem;border-radius:50px;padding:.625rem .625rem .625rem 1.875rem;background-color:#fff}.wrapper .pill span{white-space:nowrap;color:#124e57;opacity:.75;text-align:center;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.wrapper{flex-direction:column}.wrapper .main-content{flex-basis:auto}}@media (max-width: 768px){.wrapper{padding:1.25rem 1rem;flex-direction:column;gap:1.25rem}.wrapper .main-content .chip{font-size:12px;padding:7.5px 16px}.wrapper .main-content h2{margin-bottom:1rem}.wrapper .main-content p{font-size:14px;line-height:20px;font-family:var(--standard-font-family-hero-new)}.wrapper .pill{box-sizing:border-box;width:min(320px,100%);justify-content:space-between;padding:9px 10px 9px 16px;gap:.75rem}.wrapper .pill span{font-size:12px;white-space:normal}}\n"], dependencies: [{ kind: "component", type: AfConnectButtonComponent, selector: "lib-af-connect-button", inputs: ["isActive", "emitValue", "title", "disabled", "hybrid", "fullWidth", "size", "variant", "iconSrc", "iconSize", "iconPosition", "activeItem"], outputs: ["clickBtn"] }] }); }
2166
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectSavingsBannerComponent, selector: "lib-af-connect-savings-banner", inputs: { url: "url" }, ngImport: i0, template: "<section class=\"wrapper\">\r\n <div class=\"main-content\">\r\n <span class=\"chip\">AF Rewards</span>\r\n <h2>MAX YOUR SAVINGS!</h2>\r\n <p>A dynamic shopping experience\u2014get vouchers, shop online or in-store, and save with no limits or costs!</p>\r\n </div>\r\n <div class=\"pill\">\r\n <span>Start saving today!</span>\r\n <lib-af-connect-button\r\n variant=\"filled\"\r\n title=\"Discover more\"\r\n class=\"regular regular-pill\"\r\n (clickBtn)=\"navigateExternal()\"\r\n ></lib-af-connect-button>\r\n </div>\r\n</section>\r\n", styles: [".wrapper{display:flex;align-items:center;justify-content:space-between;gap:2.75rem;border-radius:15px;padding:min(3.125rem,4vw) min(6.25rem,8vw);background-color:#35c1d9}.wrapper .main-content{color:#fff;flex-basis:498px}.wrapper .main-content .chip{display:inline-block;background-color:#82dae8;font-size:14px;line-height:20px;padding:5px 16px;border-radius:50px}.wrapper .main-content h2{font-size:clamp(24px,5vw,45px);font-family:var(--standard-font-family-hero-new-bold);margin-block:1.25rem .875rem}.wrapper .main-content p{margin:0;line-height:25px;opacity:.85;font-family:var(--standard-font-family-hero-new-semibold)}.wrapper .pill{display:flex;align-items:center;gap:1.875rem;border-radius:50px;padding:.625rem .625rem .625rem 1.875rem;background-color:#fff}.wrapper .pill span{white-space:nowrap;color:#124e57;opacity:.75;text-align:center;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.wrapper{flex-direction:column}.wrapper .main-content{flex-basis:auto}}@media (max-width: 768px){.wrapper{padding:1.25rem 1rem;flex-direction:column;gap:1.25rem}.wrapper .main-content .chip{font-size:12px;padding:7.5px 16px}.wrapper .main-content h2{margin-bottom:1rem}.wrapper .main-content p{font-size:14px;line-height:20px;font-family:var(--standard-font-family-hero-new)}.wrapper .pill{box-sizing:border-box;width:min(320px,100%);justify-content:space-between;padding:9px 10px 9px 16px;gap:.75rem}.wrapper .pill span{font-size:12px;white-space:normal}}\n"], dependencies: [{ kind: "component", type: AfConnectButtonComponent, selector: "lib-af-connect-button", inputs: ["isActive", "emitValue", "title", "disabled", "hybrid", "fullWidth", "size", "variant", "iconSrc", "iconSize", "iconPosition", "activeItem"], outputs: ["clickBtn"] }] }); }
2167
2167
  }
2168
2168
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSavingsBannerComponent, decorators: [{
2169
2169
  type: Component,
2170
2170
  args: [{ selector: 'lib-af-connect-savings-banner', template: "<section class=\"wrapper\">\r\n <div class=\"main-content\">\r\n <span class=\"chip\">AF Rewards</span>\r\n <h2>MAX YOUR SAVINGS!</h2>\r\n <p>A dynamic shopping experience\u2014get vouchers, shop online or in-store, and save with no limits or costs!</p>\r\n </div>\r\n <div class=\"pill\">\r\n <span>Start saving today!</span>\r\n <lib-af-connect-button\r\n variant=\"filled\"\r\n title=\"Discover more\"\r\n class=\"regular regular-pill\"\r\n (clickBtn)=\"navigateExternal()\"\r\n ></lib-af-connect-button>\r\n </div>\r\n</section>\r\n", styles: [".wrapper{display:flex;align-items:center;justify-content:space-between;gap:2.75rem;border-radius:15px;padding:min(3.125rem,4vw) min(6.25rem,8vw);background-color:#35c1d9}.wrapper .main-content{color:#fff;flex-basis:498px}.wrapper .main-content .chip{display:inline-block;background-color:#82dae8;font-size:14px;line-height:20px;padding:5px 16px;border-radius:50px}.wrapper .main-content h2{font-size:clamp(24px,5vw,45px);font-family:var(--standard-font-family-hero-new-bold);margin-block:1.25rem .875rem}.wrapper .main-content p{margin:0;line-height:25px;opacity:.85;font-family:var(--standard-font-family-hero-new-semibold)}.wrapper .pill{display:flex;align-items:center;gap:1.875rem;border-radius:50px;padding:.625rem .625rem .625rem 1.875rem;background-color:#fff}.wrapper .pill span{white-space:nowrap;color:#124e57;opacity:.75;text-align:center;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.wrapper{flex-direction:column}.wrapper .main-content{flex-basis:auto}}@media (max-width: 768px){.wrapper{padding:1.25rem 1rem;flex-direction:column;gap:1.25rem}.wrapper .main-content .chip{font-size:12px;padding:7.5px 16px}.wrapper .main-content h2{margin-bottom:1rem}.wrapper .main-content p{font-size:14px;line-height:20px;font-family:var(--standard-font-family-hero-new)}.wrapper .pill{box-sizing:border-box;width:min(320px,100%);justify-content:space-between;padding:9px 10px 9px 16px;gap:.75rem}.wrapper .pill span{font-size:12px;white-space:normal}}\n"] }]
2171
- }] });
2171
+ }], propDecorators: { url: [{
2172
+ type: Input
2173
+ }] } });
2172
2174
 
2173
2175
  class AfConnectComponentsModule {
2174
2176
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }