@affinda/wc 0.0.14 → 0.0.15
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/dist/affinda/af-card.entry.esm.js.map +1 -1
- package/dist/affinda/af-cta-section.entry.esm.js.map +1 -1
- package/dist/affinda/af-footer.entry.esm.js.map +1 -1
- package/dist/affinda/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.esm.js.map +1 -1
- package/dist/affinda/affinda.esm.js +1 -1
- package/dist/affinda/index.esm.js +1 -1
- package/dist/affinda/p-0eb8173d.entry.js +2 -0
- package/dist/affinda/{p-c5aba33f.entry.js → p-1955dbad.entry.js} +2 -2
- package/dist/affinda/p-1b18ab28.entry.js +2 -0
- package/dist/affinda/{p-e367e42b.entry.js.map → p-1b18ab28.entry.js.map} +1 -1
- package/dist/affinda/{p-c2b6199e.entry.js → p-1e3d40a0.entry.js} +2 -2
- package/dist/affinda/{p-07990b1f.entry.js → p-350ac7a5.entry.js} +2 -2
- package/dist/affinda/{p-b7c63852.entry.js → p-71e663b3.entry.js} +2 -2
- package/dist/affinda/p-7b8c36e0.entry.js +2 -0
- package/dist/affinda/p-7b8c36e0.entry.js.map +1 -0
- package/dist/affinda/p-806d129e.entry.js +2 -0
- package/dist/affinda/{p-ce89c4f1.entry.js.map → p-806d129e.entry.js.map} +1 -1
- package/dist/affinda/{p-b67bbaf7.entry.js → p-83b5d5ea.entry.js} +2 -2
- package/dist/affinda/{p-52f7ea33.entry.js → p-9071c2a7.entry.js} +2 -2
- package/dist/affinda/{p-b7efbfff.entry.js → p-b2fb60c9.entry.js} +2 -2
- package/dist/affinda/{p-97f9f774.entry.js → p-bd30e86a.entry.js} +2 -2
- package/dist/affinda/{p-4a39ddec.entry.js → p-e1198ca3.entry.js} +2 -2
- package/dist/affinda/{p-ac7efb48.entry.js → p-e3efc291.entry.js} +2 -2
- package/dist/affinda/{p-dec4c4d5.entry.js → p-ec7721cc.entry.js} +2 -2
- package/dist/affinda/{p-b6885a9a.entry.js → p-f692a7bd.entry.js} +2 -2
- package/dist/affinda/p-f692a7bd.entry.js.map +1 -0
- package/dist/affinda/{p-a49dc8ac.entry.js → p-fb4e3a8d.entry.js} +2 -2
- package/dist/affinda/{p-bf4543ff.entry.js → p-fc2cb8d1.entry.js} +2 -2
- package/dist/cjs/af-button-group.cjs.entry.js +1 -1
- package/dist/cjs/af-card.cjs.entry.js +2 -2
- package/dist/cjs/af-card.entry.cjs.js.map +1 -1
- package/dist/cjs/af-client-carousel.cjs.entry.js +1 -1
- package/dist/cjs/af-contact-item.cjs.entry.js +1 -1
- package/dist/cjs/af-cta-section.cjs.entry.js +9 -7
- package/dist/cjs/af-cta-section.entry.cjs.js.map +1 -1
- package/dist/cjs/af-feature-accordion.cjs.entry.js +2 -2
- package/dist/cjs/af-footer-column.cjs.entry.js +1 -1
- package/dist/cjs/af-footer-link.cjs.entry.js +1 -1
- package/dist/cjs/af-footer.cjs.entry.js +2 -2
- package/dist/cjs/af-footer.entry.cjs.js.map +1 -1
- package/dist/cjs/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.cjs.js.map +1 -1
- package/dist/cjs/af-heading_5.cjs.entry.js +12 -3
- package/dist/cjs/af-hero-section.cjs.entry.js +1 -1
- package/dist/cjs/af-logo-well.cjs.entry.js +1 -1
- package/dist/cjs/af-section.cjs.entry.js +2 -2
- package/dist/cjs/af-social-link.cjs.entry.js +1 -1
- package/dist/cjs/af-testimonial-carousel.cjs.entry.js +2 -2
- package/dist/cjs/af-testimonial-stat.cjs.entry.js +1 -1
- package/dist/cjs/af-testimonial.cjs.entry.js +1 -1
- package/dist/cjs/af-typography-lockup.cjs.entry.js +1 -1
- package/dist/cjs/affinda.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/logo-affinda.svg +19 -0
- package/dist/collection/components/af-button-group/af-button-group.js +1 -1
- package/dist/collection/components/af-card/af-card.css +2 -1
- package/dist/collection/components/af-card/af-card.js +1 -1
- package/dist/collection/components/af-client-carousel/af-client-carousel.js +1 -1
- package/dist/collection/components/af-contact-item/af-contact-item.js +1 -1
- package/dist/collection/components/af-cta-section/af-cta-section.css +5 -5
- package/dist/collection/components/af-cta-section/af-cta-section.js +34 -12
- package/dist/collection/components/af-cta-section/af-cta-section.js.map +1 -1
- package/dist/collection/components/af-feature-accordion/af-feature-accordion.js +2 -2
- package/dist/collection/components/af-footer/af-footer.css +1 -1
- package/dist/collection/components/af-footer/af-footer.js +1 -1
- package/dist/collection/components/af-footer-column/af-footer-column.js +1 -1
- package/dist/collection/components/af-footer-link/af-footer-link.js +1 -1
- package/dist/collection/components/af-hero-section/af-hero-section.js +1 -1
- package/dist/collection/components/af-logo/af-logo.css +10 -2
- package/dist/collection/components/af-logo/af-logo.js +55 -2
- package/dist/collection/components/af-logo/af-logo.js.map +1 -1
- package/dist/collection/components/af-logo-well/af-logo-well.js +1 -1
- package/dist/collection/components/af-navbar/af-navbar.js +30 -1
- package/dist/collection/components/af-navbar/af-navbar.js.map +1 -1
- package/dist/collection/components/af-section/af-section.js +2 -2
- package/dist/collection/components/af-social-link/af-social-link.js +1 -1
- package/dist/collection/components/af-testimonial/af-testimonial.js +1 -1
- package/dist/collection/components/af-testimonial-carousel/af-testimonial-carousel.js +2 -2
- package/dist/collection/components/af-testimonial-stat/af-testimonial-stat.js +1 -1
- package/dist/collection/components/af-typography-lockup/af-typography-lockup.js +1 -1
- package/dist/components/af-button-group.js +1 -1
- package/dist/components/af-card.js +2 -2
- package/dist/components/af-card.js.map +1 -1
- package/dist/components/af-client-carousel.js +1 -1
- package/dist/components/af-contact-item.js +1 -1
- package/dist/components/af-cta-section.js +11 -8
- package/dist/components/af-cta-section.js.map +1 -1
- package/dist/components/af-feature-accordion.js +2 -2
- package/dist/components/af-footer-column.js +1 -1
- package/dist/components/af-footer-link.js +1 -1
- package/dist/components/af-footer.js +2 -2
- package/dist/components/af-footer.js.map +1 -1
- package/dist/components/af-hero-section.js +1 -1
- package/dist/components/af-logo-well.js +1 -1
- package/dist/components/af-logo.js +1 -1
- package/dist/components/af-navbar.js +1 -1
- package/dist/components/af-section.js +2 -2
- package/dist/components/af-social-link.js +1 -1
- package/dist/components/af-testimonial-carousel.js +2 -2
- package/dist/components/af-testimonial-stat.js +1 -1
- package/dist/components/af-testimonial.js +1 -1
- package/dist/components/af-typography-lockup.js +1 -1
- package/dist/components/index.js +4 -4
- package/dist/components/p-CN_K2ni-.js +45 -0
- package/dist/components/p-CN_K2ni-.js.map +1 -0
- package/dist/components/{p-Thu9mUEn.js → p-CgnBqOVh.js} +13 -4
- package/dist/components/p-CgnBqOVh.js.map +1 -0
- package/dist/components/{p-7a3XpKXs.js → p-DBFWSHR9.js} +3 -3
- package/dist/components/{p-7a3XpKXs.js.map → p-DBFWSHR9.js.map} +1 -1
- package/dist/components/{p-emB0l5gm.js → p-LUt2VDjp.js} +3 -3
- package/dist/components/{p-emB0l5gm.js.map → p-LUt2VDjp.js.map} +1 -1
- package/dist/esm/af-button-group.entry.js +1 -1
- package/dist/esm/af-card.entry.js +2 -2
- package/dist/esm/af-card.entry.js.map +1 -1
- package/dist/esm/af-client-carousel.entry.js +1 -1
- package/dist/esm/af-contact-item.entry.js +1 -1
- package/dist/esm/af-cta-section.entry.js +9 -7
- package/dist/esm/af-cta-section.entry.js.map +1 -1
- package/dist/esm/af-feature-accordion.entry.js +2 -2
- package/dist/esm/af-footer-column.entry.js +1 -1
- package/dist/esm/af-footer-link.entry.js +1 -1
- package/dist/esm/af-footer.entry.js +2 -2
- package/dist/esm/af-footer.entry.js.map +1 -1
- package/dist/esm/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.js.map +1 -1
- package/dist/esm/af-heading_5.entry.js +12 -3
- package/dist/esm/af-hero-section.entry.js +1 -1
- package/dist/esm/af-logo-well.entry.js +1 -1
- package/dist/esm/af-section.entry.js +2 -2
- package/dist/esm/af-social-link.entry.js +1 -1
- package/dist/esm/af-testimonial-carousel.entry.js +2 -2
- package/dist/esm/af-testimonial-stat.entry.js +1 -1
- package/dist/esm/af-testimonial.entry.js +1 -1
- package/dist/esm/af-typography-lockup.entry.js +1 -1
- package/dist/esm/affinda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/af-cta-section/af-cta-section.d.ts +4 -2
- package/dist/types/components/af-logo/af-logo.d.ts +6 -1
- package/dist/types/components/af-navbar/af-navbar.d.ts +5 -0
- package/dist/types/components.d.ts +68 -18
- package/package.json +1 -1
- package/dist/affinda/p-924e6def.entry.js +0 -2
- package/dist/affinda/p-924e6def.entry.js.map +0 -1
- package/dist/affinda/p-b6885a9a.entry.js.map +0 -1
- package/dist/affinda/p-ce89c4f1.entry.js +0 -2
- package/dist/affinda/p-de52b175.entry.js +0 -2
- package/dist/affinda/p-e367e42b.entry.js +0 -2
- package/dist/components/p-D4s4u7tL.js +0 -35
- package/dist/components/p-D4s4u7tL.js.map +0 -1
- package/dist/components/p-Thu9mUEn.js.map +0 -1
- /package/dist/affinda/{p-de52b175.entry.js.map → p-0eb8173d.entry.js.map} +0 -0
- /package/dist/affinda/{p-c5aba33f.entry.js.map → p-1955dbad.entry.js.map} +0 -0
- /package/dist/affinda/{p-c2b6199e.entry.js.map → p-1e3d40a0.entry.js.map} +0 -0
- /package/dist/affinda/{p-07990b1f.entry.js.map → p-350ac7a5.entry.js.map} +0 -0
- /package/dist/affinda/{p-b7c63852.entry.js.map → p-71e663b3.entry.js.map} +0 -0
- /package/dist/affinda/{p-b67bbaf7.entry.js.map → p-83b5d5ea.entry.js.map} +0 -0
- /package/dist/affinda/{p-52f7ea33.entry.js.map → p-9071c2a7.entry.js.map} +0 -0
- /package/dist/affinda/{p-b7efbfff.entry.js.map → p-b2fb60c9.entry.js.map} +0 -0
- /package/dist/affinda/{p-97f9f774.entry.js.map → p-bd30e86a.entry.js.map} +0 -0
- /package/dist/affinda/{p-4a39ddec.entry.js.map → p-e1198ca3.entry.js.map} +0 -0
- /package/dist/affinda/{p-ac7efb48.entry.js.map → p-e3efc291.entry.js.map} +0 -0
- /package/dist/affinda/{p-dec4c4d5.entry.js.map → p-ec7721cc.entry.js.map} +0 -0
- /package/dist/affinda/{p-a49dc8ac.entry.js.map → p-fb4e3a8d.entry.js.map} +0 -0
- /package/dist/affinda/{p-bf4543ff.entry.js.map → p-fc2cb8d1.entry.js.map} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, c as Host } from './p-Dt4Fpr3O.js';
|
|
2
2
|
|
|
3
|
-
const afCardCss = ".sc-af-card-h{display:
|
|
3
|
+
const afCardCss = ".sc-af-card-h{display:flex;flex-direction:column;width:100%;min-height:400px}.card.sc-af-card{background:var(--colour-background-level-1, #e8eeed);border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:400px;height:100%;box-sizing:border-box}.card--with-image.sc-af-card{background:var(--colour-brand-inkwell, #14343b);min-height:480px}.card__background.sc-af-card{position:absolute;inset:0;pointer-events:none;z-index:0}.card__background-image.sc-af-card{width:100%;height:100%;object-fit:cover;object-position:center}.card__content.sc-af-card{position:relative;padding:40px;display:flex;flex-direction:column;gap:24px;flex:1;box-sizing:border-box;z-index:1}.card__content.sc-af-card-s>img,.card__content .sc-af-card-s>img{width:100%;height:auto;min-height:200px;margin-top:auto;object-fit:cover;object-position:top center}.card__content.sc-af-card-s>af-heading,.card__content .sc-af-card-s>af-heading{margin-bottom:0}.card__content.sc-af-card-s>af-text,.card__content .sc-af-card-s>af-text{line-height:1.44}.card__content--overlay.sc-af-card{backdrop-filter:blur(2px);background:linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);padding:32px;padding-top:200px;justify-content:flex-end;--colour-typography-heading-primary:#ffffff;--colour-typography-heading-secondary:#ffffff;--colour-typography-body-default:#ffffff;--colour-typography-body-dark:#ffffff;color:#ffffff}.card__content--overlay.sc-af-card *.sc-af-card{color:#ffffff !important}.card.sc-af-card:not(.card--with-image):not(.card--dark-overlay) af-heading.sc-af-card,.card.sc-af-card:not(.card--with-image):not(.card--dark-overlay) af-text.sc-af-card{--colour-typography-heading-primary:var(--colour-brand-inkwell, #14343B);--colour-typography-body-default:#2B484F}.card--custom-bg.sc-af-card:not(.card--dark-overlay) af-heading.sc-af-card,.card--custom-bg.sc-af-card:not(.card--dark-overlay) af-text.sc-af-card{--colour-typography-heading-primary:var(--colour-brand-inkwell, #14343B);--colour-typography-body-default:#2B484F}";
|
|
4
4
|
|
|
5
5
|
const AfCard$1 = /*@__PURE__*/ proxyCustomElement(class AfCard extends H {
|
|
6
6
|
constructor(registerHost) {
|
|
@@ -16,7 +16,7 @@ const AfCard$1 = /*@__PURE__*/ proxyCustomElement(class AfCard extends H {
|
|
|
16
16
|
render() {
|
|
17
17
|
const hasBackgroundImage = !!this.backgroundImage;
|
|
18
18
|
const cardStyle = this.backgroundColor ? { backgroundColor: this.backgroundColor } : undefined;
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '026a3f9e10d281558913cd6eb69db800da37deb4' }, h("div", { key: 'd6b43e724d5611e75ec096dad88c5373ef5c5adc', class: `card ${hasBackgroundImage ? 'card--with-image' : ''} ${this.darkOverlay ? 'card--dark-overlay' : ''} ${this.backgroundColor ? 'card--custom-bg' : ''}`, style: cardStyle }, hasBackgroundImage && (h("div", { key: 'f71753ba962411320c45f06c7c9a5c98b89883a9', class: "card__background" }, h("img", { key: '2d3b19e350ddf5a1efa1c1a9a343851e423cc275', src: this.backgroundImage, alt: "", class: "card__background-image" }))), h("div", { key: '459e00230ef7a470ee808d0d674412b18822d473', class: `card__content ${hasBackgroundImage ? 'card__content--overlay' : ''}` }, h("slot", { key: 'd2f4f261f0b2a766c912504d17f0caec96ae02c4' })))));
|
|
20
20
|
}
|
|
21
21
|
static get style() { return afCardCss; }
|
|
22
22
|
}, [262, "af-card", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"af-card.js","mappings":";;AAAA,MAAM,SAAS,GAAG,
|
|
1
|
+
{"file":"af-card.js","mappings":";;AAAA,MAAM,SAAS,GAAG,0iEAA0iE;;MCQ/iEA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AANnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;AAiBE;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAwBrC;IAtBC,MAAM,GAAA;AACJ,QAAA,MAAM,kBAAkB,GAAG,CAAC,CAAC,IAAI,CAAC,eAAe;AACjD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,GAAG,EAAE,eAAe,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,SAAS;AAE9F,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,QAAQ,kBAAkB,GAAG,kBAAkB,GAAG,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG,oBAAoB,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,eAAe,GAAG,iBAAiB,GAAG,EAAE,CAAA,CAAE,EAC9J,KAAK,EAAE,SAAS,EAAA,EAEf,kBAAkB,KACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,wBAAwB,EAAA,CAAG,CACpE,CACP,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAiB,cAAA,EAAA,kBAAkB,GAAG,wBAAwB,GAAG,EAAE,CAAE,CAAA,EAAA,EAC/E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AfCard","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-card/af-card.css?tag=af-card&encapsulation=scoped","src/components/af-card/af-card.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 100%;\n min-height: 400px;\n}\n\n.card {\n background: var(--colour-background-level-1, #e8eeed);\n border-radius: var(--border-radius-card-level-1, 32px);\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 400px;\n height: 100%;\n box-sizing: border-box;\n}\n\n.card--with-image {\n background: var(--colour-brand-inkwell, #14343b);\n min-height: 480px;\n}\n\n.card__background {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n}\n\n.card__background-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n\n.card__content {\n position: relative;\n padding: 40px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n flex: 1;\n box-sizing: border-box;\n z-index: 1;\n}\n\n/* Image styling within cards */\n.card__content ::slotted(img) {\n width: 100%;\n height: auto;\n min-height: 200px;\n margin-top: auto;\n object-fit: cover;\n object-position: top center;\n}\n\n/* Heading spacing within cards */\n.card__content ::slotted(af-heading) {\n margin-bottom: 0;\n}\n\n/* Text line-height within cards */\n.card__content ::slotted(af-text) {\n line-height: 1.44;\n}\n\n.card__content--overlay {\n backdrop-filter: blur(2px);\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n padding: 32px;\n padding-top: 200px;\n justify-content: flex-end;\n \n /* Set CSS custom properties for text color that child components can use */\n --colour-typography-heading-primary: #ffffff;\n --colour-typography-heading-secondary: #ffffff;\n --colour-typography-body-default: #ffffff;\n --colour-typography-body-dark: #ffffff;\n color: #ffffff;\n}\n\n/* Force white text in overlay cards using both direct styling and custom properties */\n.card__content--overlay * {\n color: #ffffff !important;\n}\n\n/* Dark text for regular cards (light backgrounds) */\n.card:not(.card--with-image):not(.card--dark-overlay) af-heading,\n.card:not(.card--with-image):not(.card--dark-overlay) af-text {\n --colour-typography-heading-primary: var(--colour-brand-inkwell, #14343B);\n --colour-typography-body-default: #2B484F;\n}\n\n/* Dark text for custom background color cards (unless they have dark overlay) */\n.card--custom-bg:not(.card--dark-overlay) af-heading,\n.card--custom-bg:not(.card--dark-overlay) af-text {\n --colour-typography-heading-primary: var(--colour-brand-inkwell, #14343B);\n --colour-typography-body-default: #2B484F;\n}\n\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'af-card',\n styleUrl: 'af-card.css',\n shadow: false,\n scoped: true,\n})\nexport class AfCard {\n /**\n * Background image URL for the card\n */\n @Prop() backgroundImage?: string;\n\n /**\n * Background color for the card (CSS color value)\n */\n @Prop() backgroundColor?: string;\n\n /**\n * Whether to apply a dark gradient overlay (for cards with background images)\n */\n @Prop() darkOverlay: boolean = false;\n\n render() {\n const hasBackgroundImage = !!this.backgroundImage;\n const cardStyle = this.backgroundColor ? { backgroundColor: this.backgroundColor } : undefined;\n\n return (\n <Host>\n <div \n class={`card ${hasBackgroundImage ? 'card--with-image' : ''} ${this.darkOverlay ? 'card--dark-overlay' : ''} ${this.backgroundColor ? 'card--custom-bg' : ''}`}\n style={cardStyle}\n >\n {hasBackgroundImage && (\n <div class=\"card__background\">\n <img src={this.backgroundImage} alt=\"\" class=\"card__background-image\" />\n </div>\n )}\n <div class={`card__content ${hasBackgroundImage ? 'card__content--overlay' : ''}`}>\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n\n"],"version":3}
|
|
@@ -15,7 +15,7 @@ const AfClientCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AfClientCarous
|
|
|
15
15
|
this.headlineText = "Trusted by some of the world's leading organisations";
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: '5fdbce7312f3f7c00474a2b6f43b5d8f3c37743c' }, h("div", { key: '40b07abc9ca6df62f728460924e32729ef331061', class: "client-carousel" }, this.showHeadline && (h("div", { key: '9df79298743c1d6162f7757542e504ba74efe388', class: "headline" }, h("slot", { key: '517bfc8867aa38732ef6680aae091393244231ed', name: "headline" }, h("h3", { key: '13aa0d4256c02b64c03d39ff8da68f2e4887dedb' }, this.headlineText)))), h("div", { key: 'c19edb1378e19f840909b518548e81dd074c164b', class: "carousel-container" }, h("div", { key: '03b888e2061eb5958e1e421f03c9905b8b05e4b2', class: "carousel-row scroll-left" }, h("div", { key: 'ae603217bb2472a86cb9fbeb443d41d0f73315e1', class: "logo-track" }, h("slot", { key: '9f3760aebbf5cc6fce0b3fe36367e03cc5b00ad6', name: "row-1" }), h("slot", { key: '52dd6e4327818d6a99cf8153a0a0734e523656a1', name: "row-1" }))), h("div", { key: 'e823bee75ef600aa2216ab83eac4b6b899a8d3c7', class: "carousel-row scroll-right" }, h("div", { key: '4ef850ef8bbee6d92e36cb0d45fa41c0dfc5cf85', class: "logo-track" }, h("slot", { key: 'c1f5e9d9e4cd1f28947709f813bb5f9b27a94496', name: "row-2" }), h("slot", { key: '7917e3d42585e007c8e8498df68059b413ac6cd8', name: "row-2" })))))));
|
|
19
19
|
}
|
|
20
20
|
static get style() { return afClientCarouselCss; }
|
|
21
21
|
}, [257, "af-client-carousel", {
|
|
@@ -14,7 +14,7 @@ const AfContactItem$1 = /*@__PURE__*/ proxyCustomElement(class AfContactItem ext
|
|
|
14
14
|
this.value = '';
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: '973e5f84f257fcae7e829d79f04ddf88d80c8ce6' }, h("div", { key: '3fb47be4d753b1a8daf95ef67e82735e35a4f70f', class: "contact-item" }, this.label && (h("h5", { key: 'dcb0779e8d39ead7845d0f52f11f538d08d2490c', class: "contact-item__label" }, this.label)), this.value && (h("p", { key: 'b9c48436b9d925358713bd64d3ba31cd8bc215ca', class: "contact-item__value" }, this.value)), h("slot", { key: '9ed2b8364abb74ba3de8a5c35c349155a92749a0' }))));
|
|
18
18
|
}
|
|
19
19
|
static get style() { return afContactItemCss; }
|
|
20
20
|
}, [262, "af-contact-item", {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, c as Host } from './p-Dt4Fpr3O.js';
|
|
2
2
|
|
|
3
|
-
const afCtaSectionCss = ".cta-section.sc-af-cta-section{padding:32px}.cta-section__container.sc-af-cta-section{position:relative;display:flex;align-items:center;gap:48px;padding:64px 80px;background-color:#D6E8E4;border-radius:24px;overflow:hidden;max-width:1200px;margin:0 auto}.cta-section__wave-bg.sc-af-cta-section{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.cta-section__wave-svg.sc-af-cta-section{position:absolute;bottom:-50px;right:-50px;width:120%;height:120%;opacity:0.8}.cta-section__illustration.sc-af-cta-section{position:relative;z-index:1;flex-shrink:0;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.cta-section__illustration-img.sc-af-cta-section{width:100%;height:100%;object-fit:contain}.cta-section__illustration.sc-af-cta-section svg.sc-af-cta-section{width:100%;height:100%}.cta-section__content.sc-af-cta-section{position:relative;z-index:1;flex:1}.cta-section__heading.sc-af-cta-section{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:clamp(28px, 4vw, 40px);line-height:1.1;letter-spacing:-0.02em;color:var(--colour-brand-inkwell, #14343b);margin:0 0 12px 0;font-style:normal}.cta-section__description.sc-af-cta-section{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:18px;line-height:1.5;color:var(--colour-brand-inkwell, #14343b);margin:0 0 24px 0;opacity:0.85}.cta-section__buttons.sc-af-cta-section{display:flex;gap:12px;flex-wrap:wrap}.cta-section__button.sc-af-cta-section{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:100px;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:16px;line-height:1.25;text-decoration:none;transition:all 0.2s ease;cursor:pointer}.cta-section__button--primary.sc-af-cta-section{background-color:var(--colour-brand-
|
|
3
|
+
const afCtaSectionCss = ".cta-section.sc-af-cta-section{padding:32px}.cta-section__container.sc-af-cta-section{position:relative;display:flex;align-items:center;gap:48px;padding:64px 80px;background-color:#D6E8E4;border-radius:24px;overflow:hidden;max-width:1200px;margin:0 auto}.cta-section__wave-bg.sc-af-cta-section{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.cta-section__wave-svg.sc-af-cta-section{position:absolute;bottom:-50px;right:-50px;width:120%;height:120%;opacity:0.8}.cta-section__illustration.sc-af-cta-section{position:relative;z-index:1;flex-shrink:0;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.cta-section__illustration-img.sc-af-cta-section{width:100%;height:100%;object-fit:contain}.cta-section__illustration.sc-af-cta-section svg.sc-af-cta-section{width:100%;height:100%}.cta-section__content.sc-af-cta-section{position:relative;z-index:1;flex:1}.cta-section__heading.sc-af-cta-section{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:clamp(28px, 4vw, 40px);line-height:1.1;letter-spacing:-0.02em;color:var(--colour-brand-inkwell, #14343b);margin:0 0 12px 0;font-style:normal}.cta-section__description.sc-af-cta-section{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:18px;line-height:1.5;color:var(--colour-brand-inkwell, #14343b);margin:0 0 24px 0;opacity:0.85}.cta-section__buttons.sc-af-cta-section{display:flex;gap:12px;flex-wrap:wrap}.cta-section__button.sc-af-cta-section{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:100px;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:16px;line-height:1.25;text-decoration:none;transition:all 0.2s ease;cursor:pointer}.cta-section__button--primary.sc-af-cta-section{background-color:var(--colour-brand-ice, #A6FFFB);color:var(--colour-brand-inkwell, #14343b);border:1px solid var(--colour-brand-inkwell, #14343b)}.cta-section__button--primary.sc-af-cta-section:hover{background-color:#8FEBE3}.cta-section__button--secondary.sc-af-cta-section{background-color:white;color:var(--colour-brand-inkwell, #14343b);border:1px solid var(--colour-brand-inkwell, #14343b)}.cta-section__button--secondary.sc-af-cta-section:hover{background-color:var(--colour-brand-inkwell, #14343b);color:white}@media (max-width: 768px){.cta-section__container.sc-af-cta-section{flex-direction:column;padding:48px 32px;gap:32px;text-align:center}.cta-section__illustration.sc-af-cta-section{width:150px;height:150px}.cta-section__buttons.sc-af-cta-section{justify-content:center}.cta-section__heading.sc-af-cta-section{font-size:28px}}@media (max-width: 480px){.cta-section.sc-af-cta-section{padding:16px}.cta-section__container.sc-af-cta-section{padding:32px 24px}.cta-section__buttons.sc-af-cta-section{flex-direction:column;width:100%}.cta-section__button.sc-af-cta-section{width:100%}}";
|
|
4
4
|
|
|
5
5
|
const AfCtaSection$1 = /*@__PURE__*/ proxyCustomElement(class AfCtaSection extends H {
|
|
6
6
|
constructor(registerHost) {
|
|
@@ -9,22 +9,24 @@ const AfCtaSection$1 = /*@__PURE__*/ proxyCustomElement(class AfCtaSection exten
|
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
}
|
|
11
11
|
/** Section heading */
|
|
12
|
-
this.heading = '
|
|
12
|
+
this.heading = '';
|
|
13
13
|
/** Section description */
|
|
14
|
-
this.description = '
|
|
14
|
+
this.description = '';
|
|
15
15
|
/** Primary button text */
|
|
16
|
-
this.primaryButtonText = '
|
|
16
|
+
this.primaryButtonText = '';
|
|
17
17
|
/** Primary button URL */
|
|
18
18
|
this.primaryButtonUrl = '#';
|
|
19
|
-
/** Secondary button text */
|
|
20
|
-
this.secondaryButtonText = '
|
|
19
|
+
/** Secondary button text (optional - if empty, button won't show) */
|
|
20
|
+
this.secondaryButtonText = '';
|
|
21
21
|
/** Secondary button URL */
|
|
22
22
|
this.secondaryButtonUrl = '#';
|
|
23
23
|
/** Illustration URL - if provided, displays this image */
|
|
24
24
|
this.illustrationUrl = '';
|
|
25
|
+
/** Whether to show the decorative wave background */
|
|
26
|
+
this.showWaveDecoration = true;
|
|
25
27
|
}
|
|
26
28
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: 'e9f0a58563bdaa67ff950b0e2ebb70ef4600a7b8' }, h("div", { key: '5cf583e9fd622cff15e61eb772e45bf8af020d09', class: "cta-section" }, h("div", { key: 'c1d43e16f3684299bc5c82d90c02e1deaf3cf824', class: "cta-section__container" }, this.showWaveDecoration && (h("div", { key: 'fb79dea8af188428e54a7e214200ca5fc2905329', class: "cta-section__wave-bg" }, h("svg", { key: 'c5d14799b1613e3c8cada805bdf343df40a539cc', viewBox: "0 0 1200 400", preserveAspectRatio: "none", class: "cta-section__wave-svg" }, h("ellipse", { key: '2d331cefb1d3a5881c83d34a61fc7c66fa47db1b', cx: "900", cy: "450", rx: "600", ry: "350", fill: "rgba(255,255,255,0.2)" }), h("ellipse", { key: 'cb9a17fd4cbd1e69b241148536511c0ebfd8de85', cx: "1000", cy: "500", rx: "400", ry: "250", fill: "rgba(255,255,255,0.15)" })))), (h("div", { key: '39305e7825aee761bb31652cb3765698c6ba3e88', class: "cta-section__illustration" }, this.illustrationUrl ? (h("img", { src: this.illustrationUrl, alt: "", class: "cta-section__illustration-img" })) : (h("slot", { name: "illustration" })))), h("div", { key: 'df1ab05bdc3834683ce7fcf070d64aa42d0e87b5', class: "cta-section__content" }, this.heading && h("h2", { key: '4aa79be8dd38f866a01847d8aae01a7cdd07409d', class: "cta-section__heading" }, this.heading), this.description && h("p", { key: '3e75362c397895545e75548f2b35602def38f007', class: "cta-section__description" }, this.description), h("div", { key: 'b66121d982806657298e4399579202daed91900b', class: "cta-section__buttons" }, this.primaryButtonText && (h("a", { key: '00380240c2507c3ba6b61e54c8ec0e91bfc8fea1', href: this.primaryButtonUrl, class: "cta-section__button cta-section__button--primary" }, this.primaryButtonText)), this.secondaryButtonText && (h("a", { key: '49704465778c7a29d40e6064d71e9ddfd821c223', href: this.secondaryButtonUrl, class: "cta-section__button cta-section__button--secondary" }, this.secondaryButtonText))))))));
|
|
28
30
|
}
|
|
29
31
|
static get style() { return afCtaSectionCss; }
|
|
30
32
|
}, [262, "af-cta-section", {
|
|
@@ -34,7 +36,8 @@ const AfCtaSection$1 = /*@__PURE__*/ proxyCustomElement(class AfCtaSection exten
|
|
|
34
36
|
"primaryButtonUrl": [1, "primary-button-url"],
|
|
35
37
|
"secondaryButtonText": [1, "secondary-button-text"],
|
|
36
38
|
"secondaryButtonUrl": [1, "secondary-button-url"],
|
|
37
|
-
"illustrationUrl": [1, "illustration-url"]
|
|
39
|
+
"illustrationUrl": [1, "illustration-url"],
|
|
40
|
+
"showWaveDecoration": [4, "show-wave-decoration"]
|
|
38
41
|
}]);
|
|
39
42
|
function defineCustomElement$1() {
|
|
40
43
|
if (typeof customElements === "undefined") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"af-cta-section.js","mappings":";;AAAA,MAAM,eAAe,GAAG
|
|
1
|
+
{"file":"af-cta-section.js","mappings":"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","names":["AfCtaSection","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-cta-section/af-cta-section.css?tag=af-cta-section&encapsulation=scoped","src/components/af-cta-section/af-cta-section.tsx"],"sourcesContent":[".cta-section {\n padding: 32px;\n}\n\n.cta-section__container {\n position: relative;\n display: flex;\n align-items: center;\n gap: 48px;\n padding: 64px 80px;\n /* Match the exact background color from affinda.com */\n background-color: #D6E8E4;\n border-radius: 24px;\n overflow: hidden;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n/* Decorative wave background */\n.cta-section__wave-bg {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.cta-section__wave-svg {\n position: absolute;\n bottom: -50px;\n right: -50px;\n width: 120%;\n height: 120%;\n opacity: 0.8;\n}\n\n/* Illustration container */\n.cta-section__illustration {\n position: relative;\n z-index: 1;\n flex-shrink: 0;\n width: 200px;\n height: 200px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.cta-section__illustration-img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.cta-section__illustration svg {\n width: 100%;\n height: 100%;\n}\n\n/* Content area */\n.cta-section__content {\n position: relative;\n z-index: 1;\n flex: 1;\n}\n\n.cta-section__heading {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-weight: 400;\n font-size: clamp(28px, 4vw, 40px);\n line-height: 1.1;\n letter-spacing: -0.02em;\n color: var(--colour-brand-inkwell, #14343b);\n margin: 0 0 12px 0;\n /* Remove italic - use normal style */\n font-style: normal;\n}\n\n.cta-section__description {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-weight: 400;\n font-size: 18px;\n line-height: 1.5;\n color: var(--colour-brand-inkwell, #14343b);\n margin: 0 0 24px 0;\n opacity: 0.85;\n}\n\n.cta-section__buttons {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.cta-section__button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 12px 24px;\n border-radius: 100px;\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-weight: 500;\n font-size: 16px;\n line-height: 1.25;\n text-decoration: none;\n transition: all 0.2s ease;\n cursor: pointer;\n}\n\n/* Primary button - matches navbar \"Try for free\" button (ice with black outline) */\n.cta-section__button--primary {\n background-color: var(--colour-brand-ice, #A6FFFB);\n color: var(--colour-brand-inkwell, #14343b);\n border: 1px solid var(--colour-brand-inkwell, #14343b);\n}\n\n.cta-section__button--primary:hover {\n background-color: #8FEBE3;\n}\n\n/* Secondary button - white with black outline */\n.cta-section__button--secondary {\n background-color: white;\n color: var(--colour-brand-inkwell, #14343b);\n border: 1px solid var(--colour-brand-inkwell, #14343b);\n}\n\n.cta-section__button--secondary:hover {\n background-color: var(--colour-brand-inkwell, #14343b);\n color: white;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n .cta-section__container {\n flex-direction: column;\n padding: 48px 32px;\n gap: 32px;\n text-align: center;\n }\n\n .cta-section__illustration {\n width: 150px;\n height: 150px;\n }\n\n .cta-section__buttons {\n justify-content: center;\n }\n\n .cta-section__heading {\n font-size: 28px;\n }\n}\n\n@media (max-width: 480px) {\n .cta-section {\n padding: 16px;\n }\n\n .cta-section__container {\n padding: 32px 24px;\n }\n\n .cta-section__buttons {\n flex-direction: column;\n width: 100%;\n }\n\n .cta-section__button {\n width: 100%;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Call-to-action section component with illustration and decorative background\n * A flexible CTA section with customizable content, buttons, and optional illustration\n */\n@Component({\n tag: 'af-cta-section',\n styleUrl: 'af-cta-section.css',\n shadow: false,\n scoped: true,\n})\nexport class AfCtaSection {\n /** Section heading */\n @Prop() heading: string = '';\n\n /** Section description */\n @Prop() description: string = '';\n\n /** Primary button text */\n @Prop() primaryButtonText: string = '';\n\n /** Primary button URL */\n @Prop() primaryButtonUrl: string = '#';\n\n /** Secondary button text (optional - if empty, button won't show) */\n @Prop() secondaryButtonText: string = '';\n\n /** Secondary button URL */\n @Prop() secondaryButtonUrl: string = '#';\n\n /** Illustration URL - if provided, displays this image */\n @Prop() illustrationUrl: string = '';\n\n /** Whether to show the decorative wave background */\n @Prop() showWaveDecoration: boolean = true;\n\n render() {\n return (\n <Host>\n <div class=\"cta-section\">\n <div class=\"cta-section__container\">\n {/* Decorative wave background (optional) */}\n {this.showWaveDecoration && (\n <div class=\"cta-section__wave-bg\">\n <svg viewBox=\"0 0 1200 400\" preserveAspectRatio=\"none\" class=\"cta-section__wave-svg\">\n <ellipse cx=\"900\" cy=\"450\" rx=\"600\" ry=\"350\" fill=\"rgba(255,255,255,0.2)\" />\n <ellipse cx=\"1000\" cy=\"500\" rx=\"400\" ry=\"250\" fill=\"rgba(255,255,255,0.15)\" />\n </svg>\n </div>\n )}\n\n {/* Illustration (optional) */}\n {(this.illustrationUrl || true) && (\n <div class=\"cta-section__illustration\">\n {this.illustrationUrl ? (\n <img src={this.illustrationUrl} alt=\"\" class=\"cta-section__illustration-img\" />\n ) : (\n <slot name=\"illustration\"></slot>\n )}\n </div>\n )}\n\n {/* Content */}\n <div class=\"cta-section__content\">\n {this.heading && <h2 class=\"cta-section__heading\">{this.heading}</h2>}\n {this.description && <p class=\"cta-section__description\">{this.description}</p>}\n <div class=\"cta-section__buttons\">\n {this.primaryButtonText && (\n <a href={this.primaryButtonUrl} class=\"cta-section__button cta-section__button--primary\">\n {this.primaryButtonText}\n </a>\n )}\n {this.secondaryButtonText && (\n <a href={this.secondaryButtonUrl} class=\"cta-section__button cta-section__button--secondary\">\n {this.secondaryButtonText}\n </a>\n )}\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -90,13 +90,13 @@ const AfFeatureAccordion$1 = /*@__PURE__*/ proxyCustomElement(class AfFeatureAcc
|
|
|
90
90
|
render() {
|
|
91
91
|
const items = this.getItems();
|
|
92
92
|
const currentItem = items[this.expandedIndex];
|
|
93
|
-
return (h(Host, { key: '
|
|
93
|
+
return (h(Host, { key: 'aa44ec62bc38804560dc42a04c2716cdc64e405e' }, h("div", { key: 'a1501fda9da01a893a99e155edf0eb59dc1eca93', class: "feature-accordion" }, h("div", { key: '17485346b1e80bc08bdcb6a2bcc04e9866421dee', class: "feature-accordion__container" }, h("h2", { key: '2943cd58657e62eb90c91543ee0e210644eb035e', class: "feature-accordion__heading" }, this.heading), h("div", { key: 'f4491b7072d36a032b742262dd0e699ae7836e52', class: "feature-accordion__content" }, h("div", { key: '553cec48f7a089d56522231f29c931f2e3e861c2', class: "feature-accordion__list" }, items.map((item, index) => (h("div", { class: {
|
|
94
94
|
'accordion-item': true,
|
|
95
95
|
'accordion-item--expanded': this.expandedIndex === index
|
|
96
96
|
}, key: index }, h("button", { class: "accordion-item__header", onClick: () => this.handleItemClick(index), "aria-expanded": this.expandedIndex === index ? 'true' : 'false' }, h("h4", { class: "accordion-item__title" }, item.title), h("span", { class: "accordion-item__icon" }, this.expandedIndex === index ? (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))) : (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))))), h("div", { class: "accordion-item__content", style: {
|
|
97
97
|
maxHeight: this.expandedIndex === index ? '200px' : '0',
|
|
98
98
|
opacity: this.expandedIndex === index ? '1' : '0'
|
|
99
|
-
} }, h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (h("div", { class: "accordion-item__timer-track" }, h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), h("div", { key: '
|
|
99
|
+
} }, h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index && this.autoCycle && (h("div", { class: "accordion-item__timer-track" }, h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), h("div", { key: '6f138ad4516c470f4772e36b6cae5c4b55aea44e', class: "feature-accordion__image-container" }, h("div", { key: 'e0ddfa8fe67626d3d35fd00b4d18df5276a3ef47', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (h("img", { key: 'b0979552365a6dc833b4e9f82093896d4f9c60d4', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (h("div", { key: '9bfe132fc469c3d582b13fc0869bdbc3bf4617f8', class: "feature-accordion__image-placeholder" }, h("slot", { key: 'c7b885939fee402ffb093376fa344f3c2b31997a', name: "image" }))))))))));
|
|
100
100
|
}
|
|
101
101
|
get el() { return this; }
|
|
102
102
|
static get watchers() { return {
|
|
@@ -12,7 +12,7 @@ const AfFooterColumn$1 = /*@__PURE__*/ proxyCustomElement(class AfFooterColumn e
|
|
|
12
12
|
this.heading = '';
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: '4725b29d110800bac1faec33016a469bc4f9048e' }, h("div", { key: 'ad7d4a123027f6395bc56a70c59586390799f3ff', class: "footer-column" }, this.heading && (h("h5", { key: '4fd379858460d92e59e077f3c96719e0e65044c5', class: "footer-column__heading" }, this.heading)), h("ul", { key: '17e4adc50c90b4b7f71abe605672d7e63a424c51', class: "footer-column__list" }, h("slot", { key: 'c88bf1c9e6ba0a00ca9c9d22fe17508b7a891d44' })))));
|
|
16
16
|
}
|
|
17
17
|
static get style() { return afFooterColumnCss; }
|
|
18
18
|
}, [262, "af-footer-column", {
|
|
@@ -14,7 +14,7 @@ const AfFooterLink$1 = /*@__PURE__*/ proxyCustomElement(class AfFooterLink exten
|
|
|
14
14
|
this.external = false;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: 'bd5e75cc92ab3bbf50edb472f7522ab3d1c0f56d' }, h("li", { key: '45f8e447b46a79af851c5ac0d7329101e9da4061' }, h("a", { key: '569de0a6bd3ef8171507e4fa7d1cf52d707e8eb7', href: this.href, class: "footer-link", target: this.external ? '_blank' : undefined, rel: this.external ? 'noopener noreferrer' : undefined }, h("slot", { key: '29cdfcec2c4357b2326fbae766c6a5bcb3c0b4c4' }), this.external && (h("svg", { key: '9f2d82cb5a93836c308feca7e3748980b88e2cbe', class: "footer-link__external-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '40543ee1f0ca0e718a12ebc7b592cd9520bd6dd7', d: "M10 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3M7.5 1.5h3v3M5.5 6.5l5-5", stroke: "currentColor", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
|
|
18
18
|
}
|
|
19
19
|
static get style() { return afFooterLinkCss; }
|
|
20
20
|
}, [262, "af-footer-link", {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, c as Host } from './p-Dt4Fpr3O.js';
|
|
2
2
|
|
|
3
|
-
const afFooterCss = ".sc-af-footer-h{display:block}.footer.sc-af-footer{background-color:var(--colour-brand-inkwell, #14343b);color:var(--colour-tints-mistGreen-200, #C6D5D1);padding:
|
|
3
|
+
const afFooterCss = ".sc-af-footer-h{display:block}.footer.sc-af-footer{background-color:var(--colour-brand-inkwell, #14343b);color:var(--colour-tints-mistGreen-200, #C6D5D1);padding:120px 0 0}.footer__container.sc-af-footer{max-width:1280px;margin:0 auto;padding:0 24px}.footer__top.sc-af-footer{display:grid;grid-template-columns:380px 1fr;gap:48px;padding-bottom:48px}.footer__brand.sc-af-footer{display:flex;flex-direction:column;gap:16px}.footer__brand-card.sc-af-footer{background-color:rgba(198, 213, 209, 0.08);border-radius:16px;padding:32px}.footer__logo.sc-af-footer{margin-bottom:24px}.footer__logo.sc-af-footer svg.sc-af-footer,.footer__logo.sc-af-footer img.sc-af-footer{height:32px;width:auto}.footer__social.sc-af-footer{display:flex;gap:12px}.footer__social-link.sc-af-footer{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(198, 213, 209, 0.3);border-radius:50%;color:var(--colour-tints-mistGreen-200, #C6D5D1);transition:all 0.2s ease}.footer__social-link.sc-af-footer:hover{background-color:rgba(198, 213, 209, 0.1);border-color:rgba(198, 213, 209, 0.5)}.footer__contact-card.sc-af-footer{background-color:rgba(198, 213, 209, 0.08);border-radius:16px;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.footer__contact-item.sc-af-footer{display:flex;flex-direction:column;gap:4px}.footer__contact-label.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0}.footer__contact-value.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);margin:0}.footer__nav.sc-af-footer{display:flex;flex-direction:column;justify-content:space-between}.footer__nav-columns.sc-af-footer{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px}.footer__nav-column.sc-af-footer{display:flex;flex-direction:column;gap:16px}.footer__nav-heading.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:600;color:var(--colour-tints-mistGreen-200, #C6D5D1);margin:0;text-transform:none}.footer__nav-list.sc-af-footer{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.footer__nav-list.sc-af-footer li.sc-af-footer{margin:0}.footer__nav-list.sc-af-footer a.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:400;color:rgba(198, 213, 209, 0.7);text-decoration:none;transition:color 0.2s ease;display:inline-flex;align-items:center;gap:6px}.footer__nav-list.sc-af-footer a.sc-af-footer:hover{color:var(--colour-tints-mistGreen-200, #C6D5D1)}.footer__external-icon.sc-af-footer{opacity:0.7;flex-shrink:0}.footer__status.sc-af-footer{display:flex;align-items:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(198, 213, 209, 0.1)}.footer__status-dot.sc-af-footer{width:10px;height:10px;border-radius:50%;flex-shrink:0}.footer__status-dot--operational.sc-af-footer{background-color:#22c55e}.footer__status-dot--issue.sc-af-footer{background-color:#ef4444}.footer__status-text.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:rgba(198, 213, 209, 0.7)}.footer__status-link.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:var(--colour-tints-mistGreen-200, #C6D5D1);text-decoration:underline;text-underline-offset:2px;margin-left:8px}.footer__status-link.sc-af-footer:hover{text-decoration:none}.footer__bottom.sc-af-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:24px 0;border-top:1px solid rgba(198, 213, 209, 0.1);background-color:rgba(198, 213, 209, 0.05);margin:0 -24px;padding-left:24px;padding-right:24px}.footer__copyright.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:rgba(198, 213, 209, 0.7);margin:0}.footer__legal.sc-af-footer{display:flex;gap:24px}.footer__legal.sc-af-footer a.sc-af-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;color:rgba(198, 213, 209, 0.7);text-decoration:underline;text-underline-offset:2px}.footer__legal.sc-af-footer a.sc-af-footer:hover{color:var(--colour-tints-mistGreen-200, #C6D5D1);text-decoration:none}.footer__badges.sc-af-footer{display:flex;gap:16px;align-items:center}.footer__badge.sc-af-footer{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.footer__badge.sc-af-footer svg.sc-af-footer{width:100%;height:100%}@media (max-width: 1024px){.footer__top.sc-af-footer{grid-template-columns:1fr;gap:48px}.footer__brand.sc-af-footer{flex-direction:row;gap:16px}.footer__brand-card.sc-af-footer,.footer__contact-card.sc-af-footer{flex:1}}@media (max-width: 768px){.footer.sc-af-footer{padding:48px 0 0}.footer__top.sc-af-footer{gap:32px}.footer__brand.sc-af-footer{flex-direction:column}.footer__nav-columns.sc-af-footer{grid-template-columns:repeat(2, 1fr);gap:32px}.footer__bottom.sc-af-footer{flex-direction:column;align-items:flex-start;gap:16px}.footer__legal.sc-af-footer{flex-wrap:wrap;gap:16px}}@media (max-width: 480px){.footer__container.sc-af-footer{padding:0 16px}.footer__brand-card.sc-af-footer,.footer__contact-card.sc-af-footer{padding:24px}.footer__nav-columns.sc-af-footer{grid-template-columns:1fr;gap:24px}.footer__bottom.sc-af-footer{margin:0 -16px;padding-left:16px;padding-right:16px}.footer__badges.sc-af-footer{width:100%;justify-content:flex-start}}";
|
|
4
4
|
|
|
5
5
|
const AfFooter$1 = /*@__PURE__*/ proxyCustomElement(class AfFooter extends H {
|
|
6
6
|
constructor(registerHost) {
|
|
@@ -20,7 +20,7 @@ const AfFooter$1 = /*@__PURE__*/ proxyCustomElement(class AfFooter extends H {
|
|
|
20
20
|
this.showStatus = true;
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h(Host, { key: '
|
|
23
|
+
return (h(Host, { key: '0ead00f00cafcba90071c76f4cb86d6abb1a8e9b' }, h("footer", { key: '1e29dad6f35c3a0a7c7acf6bde94d7d26c9f3518', class: "footer" }, h("div", { key: '92921a50cbb917fb797a1cd396ea326626be2672', class: "footer__container" }, h("div", { key: 'fb7f0c881a3540149af3fd5c9ce5cf4fcf4dc463', class: "footer__top" }, h("div", { key: 'dfbab144d98aaa7c5bdeac21b2f7059c2c35c3a2', class: "footer__brand" }, h("div", { key: '70a5b6514a32f48e239eed456625b00e5480d515', class: "footer__brand-card" }, h("div", { key: '29cebd0316e5e05125545ddc4a6daff19d045569', class: "footer__logo" }, h("slot", { key: '1bf39b815103c7ad1ddd9a1a480e1c0ba229e940', name: "logo" })), h("div", { key: 'ece78ebc0a579a1425e761e75e91dfe048963057', class: "footer__social" }, h("slot", { key: '77713bb66e6a687cfe703af581477112af5a2a56', name: "social" }))), h("div", { key: '1224cc9b12934d9a8fc3ead8cb0e78483b391955', class: "footer__contact-card" }, h("slot", { key: '3d9ca05b638de9ef155be333ee430107074c933d', name: "contact" }))), h("div", { key: '2de06953b17dc7317b6b37c7a5468459efdd11ca', class: "footer__nav" }, h("div", { key: '14875d9d7c74722eb703c8c3691ccfc8c1790915', class: "footer__nav-columns" }, h("slot", { key: '477ab833a047495184f671fe0767736963a4ecb6', name: "nav" })), this.showStatus && (h("div", { key: 'f6e59d3e541d5d7e3688d0ea1f6c24742894fa04', class: "footer__status" }, h("span", { key: 'f073d332a366619573ec4b5535117ccc56eed0dc', class: `footer__status-dot ${this.systemsOperational ? 'footer__status-dot--operational' : 'footer__status-dot--issue'}` }), h("span", { key: '467e8e24c56e240b84eacd80f390db29ce30d3ac', class: "footer__status-text" }, this.statusText), this.statusUrl && (h("a", { key: '630dc864ceabac404a118c8525fe16edd381a28a', href: this.statusUrl, target: "_blank", rel: "noopener noreferrer", class: "footer__status-link" }, "Learn more")))))), h("div", { key: '64db3298cdef7d1651234f19319a7aead0fc66ed', class: "footer__bottom" }, this.copyrightText && (h("p", { key: 'b268e4cfe2414f94a28492af15bfd3d2b3d53767', class: "footer__copyright" }, this.copyrightText)), h("div", { key: '82af0bd4b7310ff9e783b74fbccca3e2df437c86', class: "footer__legal" }, h("slot", { key: 'e3cd11fd6f41a577a2452f8e48d524e3a6a2ea46', name: "legal" })), h("div", { key: 'b0d6caf4168e1013d682f0b36a480607343cfd6f', class: "footer__badges" }, h("slot", { key: '28e7722adc3f88f968c478957d21aa55c451d553', name: "badges" })))))));
|
|
24
24
|
}
|
|
25
25
|
static get style() { return afFooterCss; }
|
|
26
26
|
}, [262, "af-footer", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"af-footer.js","mappings":"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","names":["AfFooter","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-footer/af-footer.css?tag=af-footer&encapsulation=scoped","src/components/af-footer/af-footer.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.footer {\n background-color: var(--colour-brand-inkwell, #14343b);\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n padding: 64px 0 0;\n}\n\n.footer__container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 24px;\n}\n\n/* Top section layout */\n.footer__top {\n display: grid;\n grid-template-columns: 380px 1fr;\n gap: 48px;\n padding-bottom: 48px;\n}\n\n/* Brand column (left side) */\n.footer__brand {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.footer__brand-card {\n background-color: rgba(198, 213, 209, 0.08);\n border-radius: 16px;\n padding: 32px;\n}\n\n.footer__logo {\n margin-bottom: 24px;\n}\n\n.footer__logo svg,\n.footer__logo img {\n height: 32px;\n width: auto;\n}\n\n.footer__social {\n display: flex;\n gap: 12px;\n}\n\n.footer__social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n border: 1px solid rgba(198, 213, 209, 0.3);\n border-radius: 50%;\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n transition: all 0.2s ease;\n}\n\n.footer__social-link:hover {\n background-color: rgba(198, 213, 209, 0.1);\n border-color: rgba(198, 213, 209, 0.5);\n}\n\n.footer__contact-card {\n background-color: rgba(198, 213, 209, 0.08);\n border-radius: 16px;\n padding: 24px 32px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.footer__contact-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.footer__contact-label {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n font-weight: 600;\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n margin: 0;\n}\n\n.footer__contact-value {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n font-weight: 400;\n color: rgba(198, 213, 209, 0.7);\n margin: 0;\n}\n\n/* Navigation section (right side) */\n.footer__nav {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.footer__nav-columns {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n}\n\n.footer__nav-column {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.footer__nav-heading {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n font-weight: 600;\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n margin: 0;\n text-transform: none;\n}\n\n.footer__nav-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.footer__nav-list li {\n margin: 0;\n}\n\n.footer__nav-list a {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n font-weight: 400;\n color: rgba(198, 213, 209, 0.7);\n text-decoration: none;\n transition: color 0.2s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.footer__nav-list a:hover {\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n}\n\n.footer__external-icon {\n opacity: 0.7;\n flex-shrink: 0;\n}\n\n/* Status indicator */\n.footer__status {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 32px;\n padding-top: 24px;\n border-top: 1px solid rgba(198, 213, 209, 0.1);\n}\n\n.footer__status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.footer__status-dot--operational {\n background-color: #22c55e;\n}\n\n.footer__status-dot--issue {\n background-color: #ef4444;\n}\n\n.footer__status-text {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n color: rgba(198, 213, 209, 0.7);\n}\n\n.footer__status-link {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n text-decoration: underline;\n text-underline-offset: 2px;\n margin-left: 8px;\n}\n\n.footer__status-link:hover {\n text-decoration: none;\n}\n\n/* Bottom section */\n.footer__bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 24px;\n padding: 24px 0;\n border-top: 1px solid rgba(198, 213, 209, 0.1);\n background-color: rgba(198, 213, 209, 0.05);\n margin: 0 -24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.footer__copyright {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n color: rgba(198, 213, 209, 0.7);\n margin: 0;\n}\n\n.footer__legal {\n display: flex;\n gap: 24px;\n}\n\n.footer__legal a {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n color: rgba(198, 213, 209, 0.7);\n text-decoration: underline;\n text-underline-offset: 2px;\n}\n\n.footer__legal a:hover {\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n text-decoration: none;\n}\n\n.footer__badges {\n display: flex;\n gap: 16px;\n align-items: center;\n}\n\n.footer__badge {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.footer__badge svg {\n width: 100%;\n height: 100%;\n}\n\n/* Responsive styles */\n@media (max-width: 1024px) {\n .footer__top {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n\n .footer__brand {\n flex-direction: row;\n gap: 16px;\n }\n\n .footer__brand-card,\n .footer__contact-card {\n flex: 1;\n }\n}\n\n@media (max-width: 768px) {\n .footer {\n padding: 48px 0 0;\n }\n\n .footer__top {\n gap: 32px;\n }\n\n .footer__brand {\n flex-direction: column;\n }\n\n .footer__nav-columns {\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n }\n\n .footer__bottom {\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n }\n\n .footer__legal {\n flex-wrap: wrap;\n gap: 16px;\n }\n}\n\n@media (max-width: 480px) {\n .footer__container {\n padding: 0 16px;\n }\n\n .footer__brand-card,\n .footer__contact-card {\n padding: 24px;\n }\n\n .footer__nav-columns {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .footer__bottom {\n margin: 0 -16px;\n padding-left: 16px;\n padding-right: 16px;\n }\n\n .footer__badges {\n width: 100%;\n justify-content: flex-start;\n }\n}\n\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Footer component for marketing pages\n * Provides a flexible, slot-based layout for footer content\n * All content is passed via slots - no hardcoded links or content\n */\n@Component({\n tag: 'af-footer',\n styleUrl: 'af-footer.css',\n shadow: false,\n scoped: true,\n})\nexport class AfFooter {\n /** Copyright text (e.g., \"© 2025 Company Name. All rights reserved.\") */\n @Prop() copyrightText: string = '';\n\n /** Status message text */\n @Prop() statusText: string = '';\n\n /** Status page URL */\n @Prop() statusUrl: string = '';\n\n /** Whether systems are operational (shows green/red indicator) */\n @Prop() systemsOperational: boolean = true;\n\n /** Whether to show the status indicator */\n @Prop() showStatus: boolean = true;\n\n render() {\n return (\n <Host>\n <footer class=\"footer\">\n <div class=\"footer__container\">\n {/* Top section */}\n <div class=\"footer__top\">\n {/* Left column - Brand area */}\n <div class=\"footer__brand\">\n <div class=\"footer__brand-card\">\n <div class=\"footer__logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"footer__social\">\n <slot name=\"social\"></slot>\n </div>\n </div>\n\n <div class=\"footer__contact-card\">\n <slot name=\"contact\"></slot>\n </div>\n </div>\n\n {/* Right section - Navigation columns */}\n <div class=\"footer__nav\">\n <div class=\"footer__nav-columns\">\n <slot name=\"nav\"></slot>\n </div>\n\n {/* Status indicator */}\n {this.showStatus && (\n <div class=\"footer__status\">\n <span class={`footer__status-dot ${this.systemsOperational ? 'footer__status-dot--operational' : 'footer__status-dot--issue'}`}></span>\n <span class=\"footer__status-text\">\n {this.statusText}\n </span>\n {this.statusUrl && (\n <a href={this.statusUrl} target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer__status-link\">\n Learn more\n </a>\n )}\n </div>\n )}\n </div>\n </div>\n\n {/* Bottom section */}\n <div class=\"footer__bottom\">\n {this.copyrightText && (\n <p class=\"footer__copyright\">{this.copyrightText}</p>\n )}\n \n <div class=\"footer__legal\">\n <slot name=\"legal\"></slot>\n </div>\n\n <div class=\"footer__badges\">\n <slot name=\"badges\"></slot>\n </div>\n </div>\n </div>\n </footer>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"af-footer.js","mappings":"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","names":["AfFooter","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-footer/af-footer.css?tag=af-footer&encapsulation=scoped","src/components/af-footer/af-footer.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.footer {\n background-color: var(--colour-brand-inkwell, #14343b);\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n padding: 120px 0 0; /* Extra padding at top for overlapping cards */\n}\n\n.footer__container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 24px;\n}\n\n/* Top section layout */\n.footer__top {\n display: grid;\n grid-template-columns: 380px 1fr;\n gap: 48px;\n padding-bottom: 48px;\n}\n\n/* Brand column (left side) */\n.footer__brand {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.footer__brand-card {\n background-color: rgba(198, 213, 209, 0.08);\n border-radius: 16px;\n padding: 32px;\n}\n\n.footer__logo {\n margin-bottom: 24px;\n}\n\n.footer__logo svg,\n.footer__logo img {\n height: 32px;\n width: auto;\n}\n\n.footer__social {\n display: flex;\n gap: 12px;\n}\n\n.footer__social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n border: 1px solid rgba(198, 213, 209, 0.3);\n border-radius: 50%;\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n transition: all 0.2s ease;\n}\n\n.footer__social-link:hover {\n background-color: rgba(198, 213, 209, 0.1);\n border-color: rgba(198, 213, 209, 0.5);\n}\n\n.footer__contact-card {\n background-color: rgba(198, 213, 209, 0.08);\n border-radius: 16px;\n padding: 24px 32px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.footer__contact-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.footer__contact-label {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n font-weight: 600;\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n margin: 0;\n}\n\n.footer__contact-value {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n font-weight: 400;\n color: rgba(198, 213, 209, 0.7);\n margin: 0;\n}\n\n/* Navigation section (right side) */\n.footer__nav {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.footer__nav-columns {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n}\n\n.footer__nav-column {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.footer__nav-heading {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n font-weight: 600;\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n margin: 0;\n text-transform: none;\n}\n\n.footer__nav-list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.footer__nav-list li {\n margin: 0;\n}\n\n.footer__nav-list a {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n font-weight: 400;\n color: rgba(198, 213, 209, 0.7);\n text-decoration: none;\n transition: color 0.2s ease;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.footer__nav-list a:hover {\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n}\n\n.footer__external-icon {\n opacity: 0.7;\n flex-shrink: 0;\n}\n\n/* Status indicator */\n.footer__status {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 32px;\n padding-top: 24px;\n border-top: 1px solid rgba(198, 213, 209, 0.1);\n}\n\n.footer__status-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.footer__status-dot--operational {\n background-color: #22c55e;\n}\n\n.footer__status-dot--issue {\n background-color: #ef4444;\n}\n\n.footer__status-text {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n color: rgba(198, 213, 209, 0.7);\n}\n\n.footer__status-link {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n text-decoration: underline;\n text-underline-offset: 2px;\n margin-left: 8px;\n}\n\n.footer__status-link:hover {\n text-decoration: none;\n}\n\n/* Bottom section */\n.footer__bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 24px;\n padding: 24px 0;\n border-top: 1px solid rgba(198, 213, 209, 0.1);\n background-color: rgba(198, 213, 209, 0.05);\n margin: 0 -24px;\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.footer__copyright {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n color: rgba(198, 213, 209, 0.7);\n margin: 0;\n}\n\n.footer__legal {\n display: flex;\n gap: 24px;\n}\n\n.footer__legal a {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-size: 14px;\n color: rgba(198, 213, 209, 0.7);\n text-decoration: underline;\n text-underline-offset: 2px;\n}\n\n.footer__legal a:hover {\n color: var(--colour-tints-mistGreen-200, #C6D5D1);\n text-decoration: none;\n}\n\n.footer__badges {\n display: flex;\n gap: 16px;\n align-items: center;\n}\n\n.footer__badge {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.footer__badge svg {\n width: 100%;\n height: 100%;\n}\n\n/* Responsive styles */\n@media (max-width: 1024px) {\n .footer__top {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n\n .footer__brand {\n flex-direction: row;\n gap: 16px;\n }\n\n .footer__brand-card,\n .footer__contact-card {\n flex: 1;\n }\n}\n\n@media (max-width: 768px) {\n .footer {\n padding: 48px 0 0;\n }\n\n .footer__top {\n gap: 32px;\n }\n\n .footer__brand {\n flex-direction: column;\n }\n\n .footer__nav-columns {\n grid-template-columns: repeat(2, 1fr);\n gap: 32px;\n }\n\n .footer__bottom {\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n }\n\n .footer__legal {\n flex-wrap: wrap;\n gap: 16px;\n }\n}\n\n@media (max-width: 480px) {\n .footer__container {\n padding: 0 16px;\n }\n\n .footer__brand-card,\n .footer__contact-card {\n padding: 24px;\n }\n\n .footer__nav-columns {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .footer__bottom {\n margin: 0 -16px;\n padding-left: 16px;\n padding-right: 16px;\n }\n\n .footer__badges {\n width: 100%;\n justify-content: flex-start;\n }\n}\n\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Footer component for marketing pages\n * Provides a flexible, slot-based layout for footer content\n * All content is passed via slots - no hardcoded links or content\n */\n@Component({\n tag: 'af-footer',\n styleUrl: 'af-footer.css',\n shadow: false,\n scoped: true,\n})\nexport class AfFooter {\n /** Copyright text (e.g., \"© 2025 Company Name. All rights reserved.\") */\n @Prop() copyrightText: string = '';\n\n /** Status message text */\n @Prop() statusText: string = '';\n\n /** Status page URL */\n @Prop() statusUrl: string = '';\n\n /** Whether systems are operational (shows green/red indicator) */\n @Prop() systemsOperational: boolean = true;\n\n /** Whether to show the status indicator */\n @Prop() showStatus: boolean = true;\n\n render() {\n return (\n <Host>\n <footer class=\"footer\">\n <div class=\"footer__container\">\n {/* Top section */}\n <div class=\"footer__top\">\n {/* Left column - Brand area */}\n <div class=\"footer__brand\">\n <div class=\"footer__brand-card\">\n <div class=\"footer__logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"footer__social\">\n <slot name=\"social\"></slot>\n </div>\n </div>\n\n <div class=\"footer__contact-card\">\n <slot name=\"contact\"></slot>\n </div>\n </div>\n\n {/* Right section - Navigation columns */}\n <div class=\"footer__nav\">\n <div class=\"footer__nav-columns\">\n <slot name=\"nav\"></slot>\n </div>\n\n {/* Status indicator */}\n {this.showStatus && (\n <div class=\"footer__status\">\n <span class={`footer__status-dot ${this.systemsOperational ? 'footer__status-dot--operational' : 'footer__status-dot--issue'}`}></span>\n <span class=\"footer__status-text\">\n {this.statusText}\n </span>\n {this.statusUrl && (\n <a href={this.statusUrl} target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer__status-link\">\n Learn more\n </a>\n )}\n </div>\n )}\n </div>\n </div>\n\n {/* Bottom section */}\n <div class=\"footer__bottom\">\n {this.copyrightText && (\n <p class=\"footer__copyright\">{this.copyrightText}</p>\n )}\n \n <div class=\"footer__legal\">\n <slot name=\"legal\"></slot>\n </div>\n\n <div class=\"footer__badges\">\n <slot name=\"badges\"></slot>\n </div>\n </div>\n </div>\n </footer>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -17,7 +17,7 @@ const AfHeroSection$1 = /*@__PURE__*/ proxyCustomElement(class AfHeroSection ext
|
|
|
17
17
|
this.minHeight = '60vh';
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '1472626cfbfd204d694aad7615322af59cfe58bd' }, h("div", { key: '5fc1bc9e414c6ef5d27796563d7e699549c8e9a7', class: `hero-section variant-${this.variant}`, style: { minHeight: this.minHeight } }, this.withDecoration && (h("div", { key: '9fdb9eab09c662db140ee75574ca216424fd821f', class: "hero-decoration" }, h("slot", { key: '98760cee0be401595c59bae814cdd1b3d5466679', name: "decoration" }))), h("af-container", { key: 'a86a8c89ef973beb23639d827bc73c1707884676' }, h("div", { key: '2936add9e7607e354482f6dc401439c339269bfd', class: "hero-content" }, h("slot", { key: '8571e1497804a58e812a2c4e2a4229aaacd50f60' }))))));
|
|
21
21
|
}
|
|
22
22
|
static get style() { return afHeroSectionCss; }
|
|
23
23
|
}, [262, "af-hero-section", {
|
|
@@ -11,7 +11,7 @@ const AfLogoWell$1 = /*@__PURE__*/ proxyCustomElement(class AfLogoWell extends H
|
|
|
11
11
|
this.__attachShadow();
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: '679e2499f882286319d238428fea12307fd7913e' }, h("div", { key: '7b6b0e3571f5e584939622077b2c9d861f6343e4', class: "logo-well" }, h("slot", { key: '07c6a572e394bc9e7f11e0b1c94c725a83ed312a' }))));
|
|
15
15
|
}
|
|
16
16
|
static get style() { return afLogoWellCss; }
|
|
17
17
|
}, [257, "af-logo-well"]);
|
|
@@ -17,8 +17,8 @@ const AfSection$1 = /*@__PURE__*/ proxyCustomElement(class AfSection extends H {
|
|
|
17
17
|
this.container = true;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
const content = h("slot", { key: '
|
|
21
|
-
return (h(Host, { key: '
|
|
20
|
+
const content = h("slot", { key: 'cf70bb3d8d31bc3f68c49c40f1d3c415de57d8b1' });
|
|
21
|
+
return (h(Host, { key: '5b93e97c455ca8a50b598b0f3299e9884afc61ea' }, h("div", { key: '75f9cfbc62fd40dfd669c841f0b8490dcabb0c6f', class: `section padding-${this.padding} bg-${this.background}` }, this.container ? (h("af-container", null, content)) : content)));
|
|
22
22
|
}
|
|
23
23
|
static get style() { return afSectionCss; }
|
|
24
24
|
}, [262, "af-section", {
|
|
@@ -32,7 +32,7 @@ const AfSocialLink$1 = /*@__PURE__*/ proxyCustomElement(class AfSocialLink exten
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: 'a3ee0c643448f2c83f37559334be40a00a041465' }, h("a", { key: '162b7812f93c5226272220edd9ba3153651c01df', href: this.href, target: "_blank", rel: "noopener noreferrer", class: "social-link", "aria-label": this.label }, this.renderIcon())));
|
|
36
36
|
}
|
|
37
37
|
static get style() { return afSocialLinkCss; }
|
|
38
38
|
}, [262, "af-social-link", {
|
|
@@ -72,7 +72,7 @@ const AfTestimonialCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimo
|
|
|
72
72
|
render() {
|
|
73
73
|
const hasPrev = this.currentIndex > 0;
|
|
74
74
|
const hasNext = this.currentIndex < this.testimonialCount - 1;
|
|
75
|
-
return (h(Host, { key: '
|
|
75
|
+
return (h(Host, { key: '5fb510b14cc125949f4265e0b2b44ddd85a0fe82' }, h("div", { key: 'd40dc624996acb24689f47ccb108cd50791ba35c', class: "testimonial-carousel" }, h("div", { key: 'df0c0e42b475c652b14fafa3e3d96af543839eaa', class: "testimonial-slides" }, h("slot", { key: 'da7c0e18a5370b0b06526e86d5f482aa83fce08d' })), this.testimonialCount > 1 && (h("div", { key: '4988b2bbc14aa5d0b5ca8cbe1d26025bb4f59310', class: "testimonial-progress" }, Array.from({ length: this.testimonialCount }).map((_, index) => (h("div", { class: `progress-dot ${index === this.currentIndex ? 'active' : ''}`, onClick: () => {
|
|
76
76
|
if (!this.isAnimating && index !== this.currentIndex) {
|
|
77
77
|
this.isAnimating = true;
|
|
78
78
|
this.currentIndex = index;
|
|
@@ -81,7 +81,7 @@ const AfTestimonialCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimo
|
|
|
81
81
|
this.isAnimating = false;
|
|
82
82
|
}, 500);
|
|
83
83
|
}
|
|
84
|
-
} }))))), this.testimonialCount > 1 && (h("div", { key: '
|
|
84
|
+
} }))))), this.testimonialCount > 1 && (h("div", { key: 'e7964cffbe873d8c4bfa80696137f09b451799ca', class: "carousel-navigation" }, h("button", { key: 'f2fc1864f48ecb72e2114af40a849ba6d779afb7', class: "nav-button prev", disabled: !hasPrev, onClick: this.goToPrevious, "aria-label": "Previous testimonial" }, h("svg", { key: 'ac40cddba548d95f19b0e7729fea5d6fe923533e', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '90071385affb9512188b583cbd3dd60da4e6d7b7', d: "M19 12H5M5 12L12 19M5 12L12 5", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: 'bd3095a3e9857c9fdd30a3f8cf78197b1890e9a2', class: "nav-button next", disabled: !hasNext, onClick: this.goToNext, "aria-label": "Next testimonial" }, h("svg", { key: 'dc2fd50a2c810c9af346cbb0432a44baf6c56219', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'de50488dc05d8fd669951d099376f65b9a7dfa26', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
|
|
85
85
|
}
|
|
86
86
|
get host() { return this; }
|
|
87
87
|
static get style() { return afTestimonialCarouselCss; }
|
|
@@ -14,7 +14,7 @@ const AfTestimonialStat$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonial
|
|
|
14
14
|
this.accentBorder = false;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: '7234425931dee2deff672a9e863b13eb5dd35c30' }, h("div", { key: '737dbdee95341fd7b8c213b6b9590f54c8039e7d', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("p", { key: '8de1db6ce9dcaf5a94a4c11b7cfbebed8274be9f', class: "stat-value" }, this.value), h("p", { key: 'd34154c4bc709a3e023ca16b991b7dca95402621', class: "stat-description" }, this.description))));
|
|
18
18
|
}
|
|
19
19
|
static get style() { return afTestimonialStatCss; }
|
|
20
20
|
}, [258, "af-testimonial-stat", {
|
|
@@ -10,7 +10,7 @@ const AfTestimonial$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonial ext
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: 'f913887a6afa873c7a3c36101270881bf66fbd62' }, h("div", { key: 'bf6f8f9f769a0086534a51f31bf605310ba96fcc', class: "testimonial-card" }, h("div", { key: '10101d05e22d08dacd8a55de8276a5b0bb582b65', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'f323a77de1dc85bd9ed8385a6dbefd65081c3afb', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: '4fbd29c40e30700ba994372418f6c2be672124eb', class: "testimonial-logo" }, h("img", { key: '20871205ac3472a73e597737c9d0b72dc17f347e', src: this.logoImage, alt: "Company logo" })))), h("div", { key: 'b1e0702b8a274fc877eadc2ea951915225d0580d', class: "testimonial-content" }, h("div", { key: '978370df3c32658a253bc60a7cbed9488835b35f', class: "testimonial-quote-section" }, h("div", { key: 'e7dafdb960d1807c5451b7e836e18356f3d7f405', class: "testimonial-quote-icon" }, h("slot", { key: '20bc41c1ac125003cbcbb46b3ae5b01b019ea132', name: "quote-icon" }, h("svg", { key: '16131a28d752b5c376d7ecbdc10578c2a06f9b2d', width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1b7a826418d6a2bd739061b7f9da2d7f70f55630', d: "M10.5 25.5C10.5 23.0147 12.5147 21 15 21H18C18.8284 21 19.5 20.3284 19.5 19.5V15C19.5 12.5147 17.4853 10.5 15 10.5H10.5C6.35786 10.5 3 13.8579 3 18V33C3 35.4853 5.01472 37.5 7.5 37.5H15C17.4853 37.5 19.5 35.4853 19.5 33V25.5C19.5 23.0147 17.4853 21 15 21H10.5ZM33 25.5C33 23.0147 35.0147 21 37.5 21H40.5C41.3284 21 42 20.3284 42 19.5V15C42 12.5147 39.9853 10.5 37.5 10.5H33C28.8579 10.5 25.5 13.8579 25.5 18V33C25.5 35.4853 27.5147 37.5 30 37.5H37.5C39.9853 37.5 42 35.4853 42 33V25.5C42 23.0147 39.9853 21 37.5 21H33Z", fill: "currentColor" })))), h("p", { key: '78e6829551712546f6c71245c9609eff3cc123bf', class: "testimonial-text" }, this.quote), h("p", { key: '2339374f5fe07cf2d5b2fb56978c1a1516c4fe92', class: "testimonial-attribution" }, this.attribution)), h("div", { key: '72fd3dd7dbfee193916b3c7d3acaf03a7540bf2d', class: "testimonial-stats" }, h("slot", { key: '531f04e6dcdfbfb3acde67955561b175cdf3a00d', name: "stats" })), h("div", { key: 'b7caadc3a9de19fea9f5556e5c74c24a726c467f', class: "testimonial-footer" }, h("div", { key: 'c5160dcf171ca997e29346a2cbb0978a1bc88161', class: "testimonial-nav" }, h("slot", { key: 'bc85749aed00c9b9acc870a20b2ccf634fc34af8', name: "navigation" })), this.readMoreLink && (h("a", { key: '3e968d6ad981ad0d0dc8b3c47e5f64ff0374be74', href: this.readMoreLink, class: "testimonial-cta" }, h("span", { key: '14ca40ff2260d107a205623549839ede3212a6f4' }, "Read full story"), h("svg", { key: 'eb0d55ed8d4219efbee4c0125be4420bf5b23393', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '5ccafb8ab0b5af8050cb7a60a02667f3c0b92cb1', d: "M5 12H19M19 12L12 5M19 12L12 19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))));
|
|
14
14
|
}
|
|
15
15
|
static get style() { return afTestimonialCss; }
|
|
16
16
|
}, [262, "af-testimonial", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as AfTypographyLockup$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { A as AfTypographyLockup$1, d as defineCustomElement$1 } from './p-LUt2VDjp.js';
|
|
2
2
|
|
|
3
3
|
const AfTypographyLockup = AfTypographyLockup$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
package/dist/components/index.js
CHANGED
|
@@ -5,12 +5,12 @@ export { A as AfColorSwatch } from './p-BBivIwbE.js';
|
|
|
5
5
|
export { A as AfContainer } from './p-BkEmrXbw.js';
|
|
6
6
|
export { A as AfAspectRatio } from './p-PLXzXWgX.js';
|
|
7
7
|
export { A as AfNavItem } from './p-BekWfVfB.js';
|
|
8
|
-
export { A as AfNavbar } from './p-
|
|
9
|
-
export { A as AfLogo } from './p-
|
|
8
|
+
export { A as AfNavbar } from './p-CgnBqOVh.js';
|
|
9
|
+
export { A as AfLogo } from './p-CN_K2ni-.js';
|
|
10
10
|
export { A as AfButton } from './p-BKGrl8ua.js';
|
|
11
11
|
export { A as AfIconButton } from './p-DqOwXTsH.js';
|
|
12
|
-
export { A as AfButtonGroup } from './p-
|
|
13
|
-
export { A as AfTypographyLockup } from './p-
|
|
12
|
+
export { A as AfButtonGroup } from './p-DBFWSHR9.js';
|
|
13
|
+
export { A as AfTypographyLockup } from './p-LUt2VDjp.js';
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
15
15
|
|
|
16
16
|
//# sourceMappingURL=index.js.map
|