@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,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as a,H as i}from"./p-DI7b0bCy.js";const l=":host{display:block;width:100%;background-color:var(--colour-brand-inkwell, #14343B)}.client-carousel{padding:48px 80px;display:flex;flex-direction:column;gap:40px;align-items:center}.headline{text-align:center;padding:24px 220px}.headline h3{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:34px;line-height:1;letter-spacing:-0.68px;color:var(--colour-brand-mist-green, #C6D5D1);margin:0}.carousel-container{display:flex;flex-direction:column;gap:16px;width:100%;overflow:hidden}.carousel-row{display:flex;width:100%;overflow:hidden;position:relative}.logo-track{display:flex;gap:16px;animation-timing-function:linear;animation-iteration-count:infinite}.scroll-left .logo-track{animation-name:scroll-left;animation-duration:40s}.scroll-right .logo-track{animation-name:scroll-right;animation-duration:40s}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}::slotted(*){flex-shrink:0}@media (max-width: 1024px){.client-carousel{padding:32px 40px}.headline{padding:16px 40px}}@media (max-width: 767px){.client-carousel{padding:24px 16px}.headline{padding:16px}.headline h3{font-size:25px}}";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as a,H as i}from"./p-DI7b0bCy.js";const l=":host{display:block;width:100%;background-color:var(--colour-brand-inkwell, #14343B)}.client-carousel{padding:48px 80px;display:flex;flex-direction:column;gap:40px;align-items:center}.headline{text-align:center;padding:24px 220px}.headline h3{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:34px;line-height:1;letter-spacing:-0.68px;color:var(--colour-brand-mist-green, #C6D5D1);margin:0}.carousel-container{display:flex;flex-direction:column;gap:16px;width:100%;overflow:hidden}.carousel-row{display:flex;width:100%;overflow:hidden;position:relative}.logo-track{display:flex;gap:16px;animation-timing-function:linear;animation-iteration-count:infinite}.scroll-left .logo-track{animation-name:scroll-left;animation-duration:40s}.scroll-right .logo-track{animation-name:scroll-right;animation-duration:40s}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}::slotted(*){flex-shrink:0}@media (max-width: 1024px){.client-carousel{padding:32px 40px}.headline{padding:16px 40px}}@media (max-width: 767px){.client-carousel{padding:24px 16px}.headline{padding:16px}.headline h3{font-size:25px}}";const o=class{constructor(a){e(this,a);this.showHeadline=false;this.headlineText="Trusted by some of the world's leading organisations"}render(){return a(i,{key:"5fdbce7312f3f7c00474a2b6f43b5d8f3c37743c"},a("div",{key:"40b07abc9ca6df62f728460924e32729ef331061",class:"client-carousel"},this.showHeadline&&a("div",{key:"9df79298743c1d6162f7757542e504ba74efe388",class:"headline"},a("slot",{key:"517bfc8867aa38732ef6680aae091393244231ed",name:"headline"},a("h3",{key:"13aa0d4256c02b64c03d39ff8da68f2e4887dedb"},this.headlineText))),a("div",{key:"c19edb1378e19f840909b518548e81dd074c164b",class:"carousel-container"},a("div",{key:"03b888e2061eb5958e1e421f03c9905b8b05e4b2",class:"carousel-row scroll-left"},a("div",{key:"ae603217bb2472a86cb9fbeb443d41d0f73315e1",class:"logo-track"},a("slot",{key:"9f3760aebbf5cc6fce0b3fe36367e03cc5b00ad6",name:"row-1"}),a("slot",{key:"52dd6e4327818d6a99cf8153a0a0734e523656a1",name:"row-1"}))),a("div",{key:"e823bee75ef600aa2216ab83eac4b6b899a8d3c7",class:"carousel-row scroll-right"},a("div",{key:"4ef850ef8bbee6d92e36cb0d45fa41c0dfc5cf85",class:"logo-track"},a("slot",{key:"c1f5e9d9e4cd1f28947709f813bb5f9b27a94496",name:"row-2"}),a("slot",{key:"7917e3d42585e007c8e8498df68059b413ac6cd8",name:"row-2"}))))))}};o.style=l;export{o as af_client_carousel};
|
|
2
|
+
//# sourceMappingURL=p-e3efc291.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,H as o}from"./p-DI7b0bCy.js";const i=":host{display:inline-block}.button-group{display:inline-flex;align-items:center;box-sizing:border-box}.direction-horizontal{flex-direction:row}.direction-vertical{flex-direction:column}::slotted(*){flex-shrink:0}";const r=class{constructor(e){t(this,e);this.direction="horizontal";this.gap="8px"}render(){const t={"button-group":true,[`direction-${this.direction}`]:true};return e(o,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,H as o}from"./p-DI7b0bCy.js";const i=":host{display:inline-block}.button-group{display:inline-flex;align-items:center;box-sizing:border-box}.direction-horizontal{flex-direction:row}.direction-vertical{flex-direction:column}::slotted(*){flex-shrink:0}";const r=class{constructor(e){t(this,e);this.direction="horizontal";this.gap="8px"}render(){const t={"button-group":true,[`direction-${this.direction}`]:true};return e(o,{key:"c6cab092c05c6e6b7b859c662f318067590b51e3"},e("div",{key:"289501b3693d0eeb68c4b2f85bb3b8398ca7610b",class:t,style:{gap:this.gap}},e("slot",{key:"b852bcf016846022ee0cf8d23ce5a57aa0856adf"})))}};r.style=i;export{r as af_button_group};
|
|
2
|
+
//# sourceMappingURL=p-ec7721cc.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as i,H as t}from"./p-DI7b0bCy.js";const a=":host{display:block}.heading{margin:0;padding:0;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:400;color:var(--colour-typography-heading-primary, #14343b);letter-spacing:-0.02em}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.theme-dark{color:var(--colour-brand-mist-green, #C6D5D1)}.theme-light{color:var(--colour-typography-heading-primary, #14343b)}.level-xl{font-size:50px;line-height:1}@media (min-width: 768px){.level-xl{font-size:80px}}.level-1{font-size:38px;line-height:1}@media (min-width: 768px){.level-1{font-size:56px}}.level-2{font-size:32px;line-height:1}@media (min-width: 768px){.level-2{font-size:44px}}.level-3{font-size:25px;line-height:1}@media (min-width: 768px){.level-3{font-size:34px}}.level-4{font-size:20px;line-height:1.1}@media (min-width: 768px){.level-4{font-size:24px;line-height:1.2}}.level-5{font-size:18px;line-height:1.1}@media (min-width: 768px){.level-5{font-size:20px;line-height:1.2}}";const n=class{constructor(i){e(this,i);this.level="1";this.align="left";this.theme="light"}getHeadingTag(){const e={xl:"h1",1:"h1",2:"h2",3:"h3",4:"h4",5:"h5"};return e[this.level]||"h1"}render(){const e=this.getHeadingTag();return i(e,{key:"2cc4b5d43b85fbc8251d61e822deb22641f69683",class:{heading:true,[`level-${this.level}`]:true,[`align-${this.align}`]:true,[`theme-${this.theme}`]:true},part:"base"},i("slot",{key:"0ac282842c61ec6c16929574a5ffd6530aab9759"}))}};n.style=a;const r=":host{display:block}.text{margin:0;padding:0;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:400;color:var(--colour-typography-body-default, #14343b);letter-spacing:0}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.theme-dark{color:var(--colour-brand-mist-green, #C6D5D1)}.theme-light{color:var(--colour-typography-body-default, #14343b)}.variant-xlarge{font-size:22px;line-height:28px}.variant-large{font-size:18px;line-height:26px}.variant-medium{font-size:16px;line-height:24px}.variant-small{font-size:14px;line-height:20px}.variant-label-button{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:17px;line-height:20px}.variant-label-tag{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:14px;line-height:1}";const o=class{constructor(i){e(this,i);this.variant="medium";this.align="left";this.as="p";this.theme="light"}render(){const e=this.as;return i(e,{key:"d24094cc876bf871972eb35651c2c145d135722f",class:{text:true,[`variant-${this.variant}`]:true,[`align-${this.align}`]:true,[`theme-${this.theme}`]:true},part:"base"},i("slot",{key:"bb1f690d3b11f76d926da7bc7655fbce9df9973c"}))}};o.style=r;const l=":host{display:inline-block}.nav-link{text-decoration:none;color:inherit;display:block}.nav-item{display:flex;align-items:center;gap:8px;box-sizing:border-box;cursor:pointer}.hierarchy-primary{padding:12px;justify-content:center}.hierarchy-primary .label-container{display:flex;align-items:center;justify-content:center;height:24px;gap:10px}.hierarchy-primary.variant-01{font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-size:16px;font-weight:var(--font-weight-book, 500);line-height:20px;color:var(--colour-typography-nav-item-primary, #14343b)}.hierarchy-primary.variant-02{font-family:var(--typography-bodyfont, 'Helvetica', 'Inter', system-ui, sans-serif);font-size:16px;font-weight:var(--font-weight-regular, 400);line-height:20px;color:var(--colour-typography-nav-item-secondary, #2b484f)}.hierarchy-primary.variant-01:hover .label-container{border-bottom:1px solid currentColor}.hierarchy-primary.variant-01.active .label-container{border-bottom:2px solid #8a7049}.hierarchy-primary.variant-02:hover{background-color:rgba(20, 52, 59, 0.04);border-radius:8px}.hierarchy-primary.variant-02.active{background-color:rgba(20, 52, 59, 0.08);border-radius:8px}.hierarchy-secondary{padding:4px 0}.hierarchy-secondary .label-container{display:flex;align-items:center;flex:1;min-height:24px;gap:8px}.hierarchy-secondary.variant-01{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#14343b}.hierarchy-secondary.variant-02{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#2b484f}.hierarchy-secondary:hover ::slotted(*){text-decoration:underline}@media (max-width: 767px){.hierarchy-primary{padding:20px 12px;border-bottom:1px solid #e8eeed;width:100%}.hierarchy-primary .label-container{flex:1;justify-content:flex-start}.hierarchy-primary.variant-01{font-size:20px;line-height:1.1;letter-spacing:-0.4px}.hierarchy-primary.variant-02{font-size:20px;line-height:1.1;letter-spacing:-0.4px;color:#60767b}}::slotted([slot=\"icon-left\"]),::slotted([slot=\"icon-right\"]){width:24px;height:24px;flex-shrink:0}.hierarchy-secondary ::slotted([slot=\"icon-right\"]){width:20px;height:20px}";const s=class{constructor(i){e(this,i);this.hierarchy="primary";this.variant="01";this.active=false}render(){const e={"nav-item":true,[`hierarchy-${this.hierarchy}`]:true,[`variant-${this.variant}`]:true,active:this.active};const a=i("div",{class:e},i("slot",{name:"icon-left"}),i("div",{class:"label-container"},i("slot",null)),i("slot",{name:"icon-right"}));if(this.href){return i(t,null,i("a",{href:this.href,class:"nav-link"},a))}return i(t,null,a)}};s.style=l;const c=":host{display:block;width:100%;position:absolute;top:32px;left:0;right:0;z-index:10}.navbar-container{padding:0 80px;box-sizing:border-box;position:relative}.navbar{background:var(--colour-background-white, #ffffff);border-radius:9999px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 40px;box-sizing:border-box;flex-wrap:nowrap;}.navbar-left{display:flex;align-items:center;gap:32px;flex-shrink:0}.logo{display:flex;align-items:center;flex-shrink:0}.mobile-menu-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--colour-brand-inkwell, #14343b);margin-left:auto}.mobile-menu-toggle svg{display:block}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.navbar-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.nav-actions{display:flex;align-items:center;gap:12px}.nav-button{display:flex;align-items:center}@media (max-width: 1099px){.nav-actions{display:none}.navbar-right{gap:0}}@media (max-width: 1024px){.navbar-container{padding:24px 40px 0}.navbar-left{gap:24px}.nav-links{gap:4px}}@media (max-width: 991px){.navbar-container{padding:16px 16px 0}.navbar{padding:8px 16px;flex-direction:column;border-radius:16px;gap:0;flex-wrap:wrap;}.navbar-left{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.mobile-menu-toggle{display:flex}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;margin-top:16px;flex-wrap:wrap}.nav-links.mobile-open{display:flex}.navbar-right{display:none;width:100%;flex-direction:column;gap:12px;align-items:stretch;margin-top:16px}.navbar-right.mobile-open{display:flex}.nav-actions{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav-button{width:100%}}";const h=class{constructor(i){e(this,i);this.mobileMenuOpen=false;this.toggleMobileMenu=()=>{this.mobileMenuOpen=!this.mobileMenuOpen}}render(){return i(t,{key:"305d9415a3c14b2dc352588171d4677f4be4a1af"},i("nav",{key:"c509365f0056b0f26d8e3aea98acda04d29d4387",class:"navbar-container"},i("div",{key:"722fd37a76e7367f0e7cd22729f711e8164b9d60",class:"navbar"},i("div",{key:"e0e8d341394b30f4badf5062b899123d691123a1",class:"navbar-left"},i("div",{key:"145ab6a0ff46f0e21b429b8e2d881404d1d6c24c",class:"logo"},i("slot",{key:"447d9abfa74c008afac07d3d0386b26ef292ec23",name:"logo"})),i("button",{key:"1f3e5512ea1ab6ca5b6a3a1455a9ff9fa9a2c8e3",class:"mobile-menu-toggle",onClick:this.toggleMobileMenu,"aria-label":"Toggle navigation menu","aria-expanded":this.mobileMenuOpen?"true":"false"},this.mobileMenuOpen?i("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{d:"M18 6L6 18M6 6l12 12","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})):i("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{d:"M3 12h18M3 6h18M3 18h18","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),i("div",{key:"277226e4c433ad4377810c1e3e894b0d9de11b05",class:`nav-links ${this.mobileMenuOpen?"mobile-open":""}`},i("slot",{key:"f95617e99651d0e2a4fa28a08fbe5452a8f95aa3",name:"start"}))),i("div",{key:"ad7b9cf31ce290303df0af868e369bc79983fff4",class:`navbar-right ${this.mobileMenuOpen?"mobile-open":""}`},i("div",{key:"817c73031c45579ec13da6d53bfe1753bcd1e0ef",class:"nav-actions"},i("slot",{key:"e18d0c55b346722784640c37bbb5e5fe05fec5c0",name:"end"})),i("div",{key:"296dd2c84f0a59c54741b40a6333cfff5ec7d200",class:"nav-button"},i("slot",{key:"d94063758598f14888587d93b5b299f593b2cd31",name:"button"}))))))}};h.style=c;const d=":host{display:inline-block}.logo-img{display:block;height:22px;width:141px;object-fit:contain}";const p=class{constructor(i){e(this,i)}render(){return i(t,{key:"6e7a2dd46fa7143bdac4dee8d7146649ff3c7f57"},i("img",{key:"03fb48e53218c6207927f9337851e3d39c5ca4a7",src:"https://www.figma.com/api/mcp/asset/2cfec484-7ba9-4258-94f3-ef4d0ba1e8fe",alt:"Affinda",class:"logo-img"}))}};p.style=d;export{n as af_heading,p as af_logo,s as af_nav_item,h as af_navbar,o as af_text};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as i,H as t}from"./p-DI7b0bCy.js";const a=":host{display:block}.heading{margin:0;padding:0;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:400;color:var(--colour-typography-heading-primary, #14343b);letter-spacing:-0.02em}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.theme-dark{color:var(--colour-brand-mist-green, #C6D5D1)}.theme-light{color:var(--colour-typography-heading-primary, #14343b)}.level-xl{font-size:50px;line-height:1}@media (min-width: 768px){.level-xl{font-size:80px}}.level-1{font-size:38px;line-height:1}@media (min-width: 768px){.level-1{font-size:56px}}.level-2{font-size:32px;line-height:1}@media (min-width: 768px){.level-2{font-size:44px}}.level-3{font-size:25px;line-height:1}@media (min-width: 768px){.level-3{font-size:34px}}.level-4{font-size:20px;line-height:1.1}@media (min-width: 768px){.level-4{font-size:24px;line-height:1.2}}.level-5{font-size:18px;line-height:1.1}@media (min-width: 768px){.level-5{font-size:20px;line-height:1.2}}";const n=class{constructor(i){e(this,i);this.level="1";this.align="left";this.theme="light"}getHeadingTag(){const e={xl:"h1",1:"h1",2:"h2",3:"h3",4:"h4",5:"h5"};return e[this.level]||"h1"}render(){const e=this.getHeadingTag();return i(e,{key:"2cc4b5d43b85fbc8251d61e822deb22641f69683",class:{heading:true,[`level-${this.level}`]:true,[`align-${this.align}`]:true,[`theme-${this.theme}`]:true},part:"base"},i("slot",{key:"0ac282842c61ec6c16929574a5ffd6530aab9759"}))}};n.style=a;const r=":host{display:block}.text{margin:0;padding:0;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:400;color:var(--colour-typography-body-default, #14343b);letter-spacing:0}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.theme-dark{color:var(--colour-brand-mist-green, #C6D5D1)}.theme-light{color:var(--colour-typography-body-default, #14343b)}.variant-xlarge{font-size:22px;line-height:28px}.variant-large{font-size:18px;line-height:26px}.variant-medium{font-size:16px;line-height:24px}.variant-small{font-size:14px;line-height:20px}.variant-label-button{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:17px;line-height:20px}.variant-label-tag{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:14px;line-height:1}";const l=class{constructor(i){e(this,i);this.variant="medium";this.align="left";this.as="p";this.theme="light"}render(){const e=this.as;return i(e,{key:"d24094cc876bf871972eb35651c2c145d135722f",class:{text:true,[`variant-${this.variant}`]:true,[`align-${this.align}`]:true,[`theme-${this.theme}`]:true},part:"base"},i("slot",{key:"bb1f690d3b11f76d926da7bc7655fbce9df9973c"}))}};l.style=r;const o=":host{display:inline-block}.nav-link{text-decoration:none;color:inherit;display:block}.nav-item{display:flex;align-items:center;gap:8px;box-sizing:border-box;cursor:pointer}.hierarchy-primary{padding:12px;justify-content:center}.hierarchy-primary .label-container{display:flex;align-items:center;justify-content:center;height:24px;gap:10px}.hierarchy-primary.variant-01{font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-size:16px;font-weight:var(--font-weight-book, 500);line-height:20px;color:var(--colour-typography-nav-item-primary, #14343b)}.hierarchy-primary.variant-02{font-family:var(--typography-bodyfont, 'Helvetica', 'Inter', system-ui, sans-serif);font-size:16px;font-weight:var(--font-weight-regular, 400);line-height:20px;color:var(--colour-typography-nav-item-secondary, #2b484f)}.hierarchy-primary.variant-01:hover .label-container{border-bottom:1px solid currentColor}.hierarchy-primary.variant-01.active .label-container{border-bottom:2px solid #8a7049}.hierarchy-primary.variant-02:hover{background-color:rgba(20, 52, 59, 0.04);border-radius:8px}.hierarchy-primary.variant-02.active{background-color:rgba(20, 52, 59, 0.08);border-radius:8px}.hierarchy-secondary{padding:4px 0}.hierarchy-secondary .label-container{display:flex;align-items:center;flex:1;min-height:24px;gap:8px}.hierarchy-secondary.variant-01{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#14343b}.hierarchy-secondary.variant-02{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#2b484f}.hierarchy-secondary:hover ::slotted(*){text-decoration:underline}@media (max-width: 767px){.hierarchy-primary{padding:20px 12px;border-bottom:1px solid #e8eeed;width:100%}.hierarchy-primary .label-container{flex:1;justify-content:flex-start}.hierarchy-primary.variant-01{font-size:20px;line-height:1.1;letter-spacing:-0.4px}.hierarchy-primary.variant-02{font-size:20px;line-height:1.1;letter-spacing:-0.4px;color:#60767b}}::slotted([slot=\"icon-left\"]),::slotted([slot=\"icon-right\"]){width:24px;height:24px;flex-shrink:0}.hierarchy-secondary ::slotted([slot=\"icon-right\"]){width:20px;height:20px}";const s=class{constructor(i){e(this,i);this.hierarchy="primary";this.variant="01";this.active=false}render(){const e={"nav-item":true,[`hierarchy-${this.hierarchy}`]:true,[`variant-${this.variant}`]:true,active:this.active};const a=i("div",{class:e},i("slot",{name:"icon-left"}),i("div",{class:"label-container"},i("slot",null)),i("slot",{name:"icon-right"}));if(this.href){return i(t,null,i("a",{href:this.href,class:"nav-link"},a))}return i(t,null,a)}};s.style=o;const h=":host{display:block;width:100%;position:absolute;top:32px;left:0;right:0;z-index:10}.navbar-container{padding:0 80px;box-sizing:border-box;position:relative}.navbar{background:var(--colour-background-white, #ffffff);border-radius:9999px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 40px;box-sizing:border-box;flex-wrap:nowrap;}.navbar-left{display:flex;align-items:center;gap:32px;flex-shrink:0}.logo{display:flex;align-items:center;flex-shrink:0}.mobile-menu-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--colour-brand-inkwell, #14343b);margin-left:auto}.mobile-menu-toggle svg{display:block}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.navbar-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.nav-actions{display:flex;align-items:center;gap:12px}.nav-button{display:flex;align-items:center}@media (max-width: 1099px){.nav-actions{display:none}.navbar-right{gap:0}}@media (max-width: 1024px){.navbar-container{padding:24px 40px 0}.navbar-left{gap:24px}.nav-links{gap:4px}}@media (max-width: 991px){.navbar-container{padding:16px 16px 0}.navbar{padding:8px 16px;flex-direction:column;border-radius:16px;gap:0;flex-wrap:wrap;}.navbar-left{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.mobile-menu-toggle{display:flex}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;margin-top:16px;flex-wrap:wrap}.nav-links.mobile-open{display:flex}.navbar-right{display:none;width:100%;flex-direction:column;gap:12px;align-items:stretch;margin-top:16px}.navbar-right.mobile-open{display:flex}.nav-actions{display:flex;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav-button{width:100%}}";const c=class{constructor(i){e(this,i);this.mobileMenuOpen=false;this.showDefaultLogo=true;this.toggleMobileMenu=()=>{this.mobileMenuOpen=!this.mobileMenuOpen}}render(){return i(t,{key:"41513290b655f3f2b97e1cae368ba6d7381cdc36"},i("nav",{key:"120110aead9ef4f4208037ef154652a6e0f748ce",class:"navbar-container"},i("div",{key:"85cc962cf613cf937ac70487fa830f2ceb10572e",class:"navbar"},i("div",{key:"4a2edd88eb4da94a2d7b5f2d59ff2d30045d1dcd",class:"navbar-left"},i("div",{key:"91a5c5e58ec7ce0ecb00ea43530b4ba3761a0ed2",class:"logo"},i("slot",{key:"30751c94859fe13a91217cfa2190b07f906fcd18",name:"logo"},this.showDefaultLogo&&i("af-logo",{key:"e7e8fa3424b64939051772ea6bd8a6bfce284018"}))),i("button",{key:"76d66a715aa6d461e969e64c8e32a003bbf0b42f",class:"mobile-menu-toggle",onClick:this.toggleMobileMenu,"aria-label":"Toggle navigation menu","aria-expanded":this.mobileMenuOpen?"true":"false"},this.mobileMenuOpen?i("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{d:"M18 6L6 18M6 6l12 12","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})):i("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor"},i("path",{d:"M3 12h18M3 6h18M3 18h18","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),i("div",{key:"3b1b69aec735bd68c1c4f858f0bf563065d917dd",class:`nav-links ${this.mobileMenuOpen?"mobile-open":""}`},i("slot",{key:"0dcee714f4e06b8ba70b196d9e8058a2df807324",name:"start"}))),i("div",{key:"77492eb90b42d337625c970ef102568483eea694",class:`navbar-right ${this.mobileMenuOpen?"mobile-open":""}`},i("div",{key:"85158502c83e1aee9e36ce3a2d606c02821b96a3",class:"nav-actions"},i("slot",{key:"cf0dde598cfbe10f5fe96d7b8e365fa0b6d5076e",name:"end"})),i("div",{key:"06ee7e95e5f2cef90381d376ce5ce7262eca44fe",class:"nav-button"},i("slot",{key:"7ec6f85c7759bc9bda06f900d132ebca3722c1e2",name:"button"}))))))}};c.style=h;const d=":host{display:inline-block;color:var(--colour-brand-inkwell, #14343b)}.logo-img,.logo-svg{display:block;height:22px;width:auto;object-fit:contain}.logo-svg{width:auto;height:22px}";const p=class{constructor(i){e(this,i);this.alt="Affinda"}render(){if(this.src){return i(t,null,i("img",{src:this.src,alt:this.alt,class:"logo-img"}))}return i(t,null,i("svg",{class:"logo-svg",viewBox:"0 0 9290 1432","aria-label":this.alt,role:"img"},i("path",{fill:"currentColor",d:"M1691.17,452.11c-107.93-107.48-250.13-166.09-401.3-163.79h-739.51l-148.18,237.98h892.96c86.83,0,168.39,33.64,230.09,95.09,63.28,63.04,98.26,147.32,98.26,237.45,0,185.03-149.41,335.36-332.92,335.36H385.66c-82.44,0-149.59-67.64-149.59-150.68s67.32-151.75,149.41-154.23h810.17l152.93-237.98H381.44C171.21,656.62,0,832.45,0,1043.52s172.97,388.48,385.66,388.48h904.91c313.76,0,569.17-257.28,569.17-573.34,0-154.22-59.76-298.53-168.4-406.72l-.17.18Z"}),i("path",{fill:"currentColor",d:"M3265.12,353.81c-21.8-16.16-44.47-30.56-68.02-42.85-75.76-39.69-161-59.89-253.45-59.89-159.6,0-297.92,58.13-411.29,172.82-113.02,114.33-170.49,253.96-170.49,415.01s56.77,304.89,168.73,419.58c112.49,115.21,250.29,173.52,409.35,173.52,89.47,0,173.31-18.97,249.06-56.38,26.19-12.99,51.68-28.1,76.11-45.49v89.05h268.39V276.36h-268.39v77.45ZM3232.07,1013.47c-27.24,48.65-65.38,86.24-116.35,114.87-51.85,29.15-105.11,43.38-162.58,43.38s-107.92-14.05-157.31-43.21c-49.57-28.98-87.88-68.85-117.59-121.53-29.88-53.04-44.29-106.79-44.29-164.39s14.41-111.88,43.94-164.21c29.18-51.99,67.32-91.15,116.36-119.6,49.21-28.63,101.41-42.5,159.94-42.5,90.87,0,165.04,30.56,226.73,93.61,62.23,63.4,92.46,140.68,92.46,236.22,0,63.05-13.54,117.67-41.13,167.02l-.18.35Z"}),i("path",{fill:"currentColor",d:"M5569.92,278.96h-269.66v1143.74h269.66V278.96Z"}),i("path",{fill:"currentColor",d:"M6504.78,328.74c-68.7-45.4-148.11-68.37-235.78-68.37s-163.57,19.96-235.61,59.36c-21.61,11.84-42.69,25.44-63.07,40.81v-89.22h-270.22v1151.2h270.22v-436.03c0-154.94,8.78-223.14,15.81-252.11,15.64-61.13,47.44-110.95,96.81-152.65,47.96-40.28,100.49-59.89,160.58-59.89,51.13,0,89.96,11.13,118.95,34.28,28.81,22.79,48.14,58.13,59.56,109.18,4.56,18.37,12.12,70.14,12.12,211.83v545.57h270.21v-583.02c0-146.29-15.28-253.17-46.56-326.67-32.67-76.85-84.33-138.69-153.2-184.27h.18Z"}),i("path",{fill:"currentColor",d:"M7728.49,355.19c-21.79-16.14-44.46-30.52-68.02-42.8-75.75-39.64-161-59.81-253.45-59.81-159.59,0-297.92,58.06-411.28,172.6-113.02,114.19-170.49,253.63-170.49,414.48s56.77,304.68,168.73,419.04c112.49,115.07,250.29,173.3,409.35,173.3,89.47,0,173.3-18.94,249.06-56.3,26.19-12.98,51.67-28.07,76.1-45.43v90.68h268.39V0h-268.39v355.37-.17ZM7695.45,1014.01c-27.24,48.59-65.38,86.13-116.36,114.72-51.85,29.11-104.93,43.32-162.58,43.32s-107.92-14.03-157.31-43.15c-49.56-28.94-87.88-68.76-117.58-121.38-29.88-52.97-44.29-106.64-44.29-164.18s14.41-111.73,43.94-164c29.17-51.92,67.32-91.03,116.35-119.45,49.22-28.59,101.42-42.45,159.95-42.45,90.87,0,165.04,30.52,226.73,93.49,62.22,63.32,92.45,140.5,92.45,235.92,0,62.97-13.53,117.52-41.12,166.81l-.18.35Z"}),i("path",{fill:"currentColor",d:"M9021.01,277.76v76.05c-21.79-16.16-44.47-30.56-68.02-42.85-75.75-39.69-161-59.89-253.45-59.89-159.59,0-297.92,58.13-411.29,172.82-113.01,114.33-170.48,253.96-170.48,415.01s56.77,304.89,168.73,419.58c112.49,115.21,250.28,173.52,409.35,173.52,89.46,0,173.3-18.97,249.06-56.38,26.19-12.99,51.67-28.1,76.1-45.49v89.05h268.39V277.76h-268.39ZM8987.97,1013.47c-27.25,48.65-65.39,86.24-116.36,114.87-51.85,29.15-105.1,43.38-162.58,43.38s-107.92-14.05-157.3-43.21c-49.57-28.98-87.89-68.85-117.59-121.53-29.88-53.04-44.29-106.79-44.29-164.39s14.41-111.88,43.94-164.21c29.17-51.99,67.31-91.15,116.35-119.6,49.22-28.63,101.42-42.5,159.95-42.5,90.87,0,165.04,30.56,226.73,93.61,62.22,63.4,92.45,140.68,92.45,236.22,0,63.05-13.53,117.67-41.13,167.02l-.17.35Z"}),i("path",{fill:"currentColor",d:"M3927.32,519.82c0-140.11,112.99-241.01,251.96-241.01h302.69V0h-302.69c-284.39,0-515.59,233.28-515.59,519.82v902.88h263.81v-445.28h431.9v-265.98h-431.9v-191.62h-.18Z"}),i("path",{fill:"currentColor",d:"M4745.61,519.82c0-140.11,112.99-241.01,251.95-241.01h302.7V0h-302.7c-284.38,0-515.59,233.28-515.59,519.82v902.88h263.82v-445.28h431.89v-265.98h-431.89v-191.62h-.18Z"})))}};p.style=d;export{n as af_heading,p as af_logo,s as af_nav_item,c as af_navbar,l as af_text};
|
|
2
|
+
//# sourceMappingURL=p-f692a7bd.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","h","Host","afHeadingCss","AfHeading","constructor","hostRef","this","level","align","theme","getHeadingTag","tagMap","xl","render","Tag","key","class","heading","part","style","afTextCss","AfText","variant","as","text","afNavItemCss","AfNavItem","hierarchy","active","classes","content","name","href","afNavbarCss","AfNavbar","mobileMenuOpen","showDefaultLogo","toggleMobileMenu","onClick","width","height","viewBox","fill","stroke","d","afLogoCss","AfLogo","alt","src","role"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as o,H as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as o,H as t}from"./p-DI7b0bCy.js";const n=".sc-af-footer-link-h{display:contents}li.sc-af-footer-link{margin:0;list-style:none}.footer-link.sc-af-footer-link{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-link.sc-af-footer-link:hover{color:var(--colour-tints-mistGreen-200, #C6D5D1)}.footer-link__external-icon.sc-af-footer-link{opacity:0.7;flex-shrink:0}";const r=class{constructor(o){e(this,o);this.href="#";this.external=false}render(){return o(t,{key:"bd5e75cc92ab3bbf50edb472f7522ab3d1c0f56d"},o("li",{key:"45f8e447b46a79af851c5ac0d7329101e9da4061"},o("a",{key:"569de0a6bd3ef8171507e4fa7d1cf52d707e8eb7",href:this.href,class:"footer-link",target:this.external?"_blank":undefined,rel:this.external?"noopener noreferrer":undefined},o("slot",{key:"29cdfcec2c4357b2326fbae766c6a5bcb3c0b4c4"}),this.external&&o("svg",{key:"9f2d82cb5a93836c308feca7e3748980b88e2cbe",class:"footer-link__external-icon",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},o("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"})))))}};r.style=n;export{r as af_footer_link};
|
|
2
|
+
//# sourceMappingURL=p-fb4e3a8d.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as a,H as i,a as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as a,H as i,a as c}from"./p-DI7b0bCy.js";const o=".sc-af-feature-accordion-h{display:block;width:100%}.feature-accordion.sc-af-feature-accordion{background-color:var(--colour-background-level1, #E8EFED);padding:80px 0}.feature-accordion__container.sc-af-feature-accordion{max-width:1280px;margin:0 auto;padding:0 40px}.feature-accordion__heading.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:clamp(36px, 5vw, 52px);line-height:1.05;letter-spacing:-0.025em;color:var(--colour-brand-inkwell, #14343B);margin:0 0 56px 0}.feature-accordion__content.sc-af-feature-accordion{display:flex;gap:48px}.feature-accordion__list.sc-af-feature-accordion{display:flex;flex-direction:column;flex:1;min-width:0}.accordion-item.sc-af-feature-accordion{border-bottom:1px solid rgba(20, 52, 59, 0.12)}.accordion-item.sc-af-feature-accordion:first-child{border-top:1px solid rgba(20, 52, 59, 0.12)}.accordion-item__header.sc-af-feature-accordion{display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px 0;background:none;border:none;cursor:pointer;text-align:left;gap:16px}.accordion-item__header.sc-af-feature-accordion:hover .accordion-item__title.sc-af-feature-accordion{color:var(--colour-brand-inkwell, #14343B)}.accordion-item__title.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;font-size:22px;line-height:1.25;color:var(--colour-brand-inkwell, #14343B);margin:0;flex:1;transition:color 0.2s ease}.accordion-item.sc-af-feature-accordion:not(.accordion-item--expanded) .accordion-item__title.sc-af-feature-accordion{color:rgba(20, 52, 59, 0.7)}.accordion-item__icon.sc-af-feature-accordion{flex-shrink:0;width:24px;height:24px;color:var(--colour-brand-inkwell, #14343B);transition:transform 0.2s ease}.accordion-item.sc-af-feature-accordion:not(.accordion-item--expanded) .accordion-item__icon.sc-af-feature-accordion{color:rgba(20, 52, 59, 0.5)}.accordion-item__content.sc-af-feature-accordion{overflow:hidden;transition:max-height 0.3s ease, opacity 0.3s ease}.accordion-item__description.sc-af-feature-accordion{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:400;font-size:17px;line-height:1.6;color:rgba(20, 52, 59, 0.85);margin:0 0 20px 0;padding-right:40px}.accordion-item__timer-track.sc-af-feature-accordion{height:3px;background-color:rgba(20, 52, 59, 0.1);border-radius:2px;margin-bottom:8px;overflow:hidden;display:flex;justify-content:flex-start}.accordion-item__timer-progress.sc-af-feature-accordion{height:100%;background-color:var(--colour-brand-teal, #00B5AD);border-radius:2px;transition:width 0.05s linear}.feature-accordion__image-container.sc-af-feature-accordion{display:flex;align-items:center;justify-content:center;background-color:#B8C9C5;border-radius:20px;overflow:hidden;flex:1;min-width:0}.feature-accordion__image-wrapper.sc-af-feature-accordion{display:flex;align-items:center;justify-content:center;width:100%;padding:32px}.feature-accordion__image.sc-af-feature-accordion{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.12)}.feature-accordion__image-placeholder.sc-af-feature-accordion{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.feature-accordion.sc-af-feature-accordion{padding:60px 0}.feature-accordion__container.sc-af-feature-accordion{padding:0 24px}.feature-accordion__content.sc-af-feature-accordion{gap:32px}.feature-accordion__heading.sc-af-feature-accordion{margin-bottom:40px}.accordion-item__title.sc-af-feature-accordion{font-size:20px}}@media (max-width: 768px){.feature-accordion.sc-af-feature-accordion{padding:48px 0}.feature-accordion__content.sc-af-feature-accordion{flex-direction:column;gap:32px}.feature-accordion__image-container.sc-af-feature-accordion{order:-1;min-height:280px;flex:none}.feature-accordion__list.sc-af-feature-accordion{flex:none}.accordion-item__title.sc-af-feature-accordion{font-size:18px}.accordion-item__description.sc-af-feature-accordion{font-size:15px;padding-right:0}}";const t=class{constructor(a){e(this,a);this.heading="Give AI agents your paperwork";this.items="[]";this.cycleInterval=6e3;this.autoCycle=true;this.expandedIndex=0;this.timerProgress=100;this.progressTimer=null;this.progressStartTime=0}componentDidLoad(){if(this.autoCycle){this.startCycling()}}disconnectedCallback(){this.stopCycling()}handleAutoCycleChange(e){if(e){this.startCycling()}else{this.stopCycling()}}getItems(){try{return JSON.parse(this.items)}catch{return[]}}startCycling(){this.stopCycling();this.progressStartTime=Date.now();this.timerProgress=100;const e=()=>{const a=Date.now()-this.progressStartTime;const i=this.cycleInterval-a;if(i<=0){this.moveToNextItem()}else{this.timerProgress=i/this.cycleInterval*100;this.progressTimer=requestAnimationFrame(e)}};this.progressTimer=requestAnimationFrame(e)}stopCycling(){if(this.progressTimer){cancelAnimationFrame(this.progressTimer);this.progressTimer=null}}moveToNextItem(){const e=this.getItems();if(e.length===0)return;this.expandedIndex=(this.expandedIndex+1)%e.length;this.startCycling()}handleItemClick(e){this.expandedIndex=e;if(this.autoCycle){this.startCycling()}}render(){const e=this.getItems();const c=e[this.expandedIndex];return a(i,{key:"aa44ec62bc38804560dc42a04c2716cdc64e405e"},a("div",{key:"a1501fda9da01a893a99e155edf0eb59dc1eca93",class:"feature-accordion"},a("div",{key:"17485346b1e80bc08bdcb6a2bcc04e9866421dee",class:"feature-accordion__container"},a("h2",{key:"2943cd58657e62eb90c91543ee0e210644eb035e",class:"feature-accordion__heading"},this.heading),a("div",{key:"f4491b7072d36a032b742262dd0e699ae7836e52",class:"feature-accordion__content"},a("div",{key:"553cec48f7a089d56522231f29c931f2e3e861c2",class:"feature-accordion__list"},e.map(((e,i)=>a("div",{class:{"accordion-item":true,"accordion-item--expanded":this.expandedIndex===i},key:i},a("button",{class:"accordion-item__header",onClick:()=>this.handleItemClick(i),"aria-expanded":this.expandedIndex===i?"true":"false"},a("h4",{class:"accordion-item__title"},e.title),a("span",{class:"accordion-item__icon"},this.expandedIndex===i?a("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M5 12H19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})):a("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M12 5V19M5 12H19",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})))),a("div",{class:"accordion-item__content",style:{maxHeight:this.expandedIndex===i?"200px":"0",opacity:this.expandedIndex===i?"1":"0"}},a("p",{class:"accordion-item__description"},e.description),this.expandedIndex===i&&this.autoCycle&&a("div",{class:"accordion-item__timer-track"},a("div",{class:"accordion-item__timer-progress",style:{width:`${this.timerProgress}%`}}))))))),a("div",{key:"6f138ad4516c470f4772e36b6cae5c4b55aea44e",class:"feature-accordion__image-container"},a("div",{key:"e0ddfa8fe67626d3d35fd00b4d18df5276a3ef47",class:"feature-accordion__image-wrapper"},c?.imageUrl&&a("img",{key:"b0979552365a6dc833b4e9f82093896d4f9c60d4",src:c.imageUrl,alt:c.imageAlt||c.title,class:"feature-accordion__image"}),!c?.imageUrl&&a("div",{key:"9bfe132fc469c3d582b13fc0869bdbc3bf4617f8",class:"feature-accordion__image-placeholder"},a("slot",{key:"c7b885939fee402ffb093376fa344f3c2b31997a",name:"image"}))))))))}get el(){return c(this)}static get watchers(){return{autoCycle:["handleAutoCycleChange"]}}};t.style=o;export{t as af_feature_accordion};
|
|
2
|
+
//# sourceMappingURL=p-fc2cb8d1.entry.js.map
|
|
@@ -21,7 +21,7 @@ const AfButtonGroup = class {
|
|
|
21
21
|
'button-group': true,
|
|
22
22
|
[`direction-${this.direction}`]: true
|
|
23
23
|
};
|
|
24
|
-
return (index.h(index.Host, { key: '
|
|
24
|
+
return (index.h(index.Host, { key: 'c6cab092c05c6e6b7b859c662f318067590b51e3' }, index.h("div", { key: '289501b3693d0eeb68c4b2f85bb3b8398ca7610b', class: classes, style: { gap: this.gap } }, index.h("slot", { key: 'b852bcf016846022ee0cf8d23ce5a57aa0856adf' }))));
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
AfButtonGroup.style = afButtonGroupCss;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
|
-
const afCardCss = ".sc-af-card-h{display:
|
|
5
|
+
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}";
|
|
6
6
|
|
|
7
7
|
const AfCard = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -15,7 +15,7 @@ const AfCard = class {
|
|
|
15
15
|
render() {
|
|
16
16
|
const hasBackgroundImage = !!this.backgroundImage;
|
|
17
17
|
const cardStyle = this.backgroundColor ? { backgroundColor: this.backgroundColor } : undefined;
|
|
18
|
-
return (index.h(index.Host, { key: '
|
|
18
|
+
return (index.h(index.Host, { key: '026a3f9e10d281558913cd6eb69db800da37deb4' }, index.h("div", { key: 'd6b43e724d5611e75ec096dad88c5373ef5c5adc', class: `card ${hasBackgroundImage ? 'card--with-image' : ''} ${this.darkOverlay ? 'card--dark-overlay' : ''} ${this.backgroundColor ? 'card--custom-bg' : ''}`, style: cardStyle }, hasBackgroundImage && (index.h("div", { key: 'f71753ba962411320c45f06c7c9a5c98b89883a9', class: "card__background" }, index.h("img", { key: '2d3b19e350ddf5a1efa1c1a9a343851e423cc275', src: this.backgroundImage, alt: "", class: "card__background-image" }))), index.h("div", { key: '459e00230ef7a470ee808d0d674412b18822d473', class: `card__content ${hasBackgroundImage ? 'card__content--overlay' : ''}` }, index.h("slot", { key: 'd2f4f261f0b2a766c912504d17f0caec96ae02c4' })))));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
AfCard.style = afCardCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"af-card.entry.cjs.js","sources":["src/components/af-card/af-card.css?tag=af-card&encapsulation=scoped","src/components/af-card/af-card.tsx"],"sourcesContent":[":host {\n display:
|
|
1
|
+
{"version":3,"file":"af-card.entry.cjs.js","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"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,0iEAA0iE;;MCQ/iE,MAAM,GAAA,MAAA;AANnB,IAAA,WAAA,CAAA,OAAA,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,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,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,KACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAA,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,EACDA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAiB,cAAA,EAAA,kBAAkB,GAAG,wBAAwB,GAAG,EAAE,CAAE,CAAA,EAAA,EAC/EA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACD;;;;;;;"}
|
|
@@ -13,7 +13,7 @@ const AfClientCarousel = class {
|
|
|
13
13
|
this.headlineText = "Trusted by some of the world's leading organisations";
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h(index.Host, { key: '
|
|
16
|
+
return (index.h(index.Host, { key: '5fdbce7312f3f7c00474a2b6f43b5d8f3c37743c' }, index.h("div", { key: '40b07abc9ca6df62f728460924e32729ef331061', class: "client-carousel" }, this.showHeadline && (index.h("div", { key: '9df79298743c1d6162f7757542e504ba74efe388', class: "headline" }, index.h("slot", { key: '517bfc8867aa38732ef6680aae091393244231ed', name: "headline" }, index.h("h3", { key: '13aa0d4256c02b64c03d39ff8da68f2e4887dedb' }, this.headlineText)))), index.h("div", { key: 'c19edb1378e19f840909b518548e81dd074c164b', class: "carousel-container" }, index.h("div", { key: '03b888e2061eb5958e1e421f03c9905b8b05e4b2', class: "carousel-row scroll-left" }, index.h("div", { key: 'ae603217bb2472a86cb9fbeb443d41d0f73315e1', class: "logo-track" }, index.h("slot", { key: '9f3760aebbf5cc6fce0b3fe36367e03cc5b00ad6', name: "row-1" }), index.h("slot", { key: '52dd6e4327818d6a99cf8153a0a0734e523656a1', name: "row-1" }))), index.h("div", { key: 'e823bee75ef600aa2216ab83eac4b6b899a8d3c7', class: "carousel-row scroll-right" }, index.h("div", { key: '4ef850ef8bbee6d92e36cb0d45fa41c0dfc5cf85', class: "logo-track" }, index.h("slot", { key: 'c1f5e9d9e4cd1f28947709f813bb5f9b27a94496', name: "row-2" }), index.h("slot", { key: '7917e3d42585e007c8e8498df68059b413ac6cd8', name: "row-2" })))))));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
AfClientCarousel.style = afClientCarouselCss;
|
|
@@ -13,7 +13,7 @@ const AfContactItem = class {
|
|
|
13
13
|
this.value = '';
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h(index.Host, { key: '
|
|
16
|
+
return (index.h(index.Host, { key: '973e5f84f257fcae7e829d79f04ddf88d80c8ce6' }, index.h("div", { key: '3fb47be4d753b1a8daf95ef67e82735e35a4f70f', class: "contact-item" }, this.label && (index.h("h5", { key: 'dcb0779e8d39ead7845d0f52f11f538d08d2490c', class: "contact-item__label" }, this.label)), this.value && (index.h("p", { key: 'b9c48436b9d925358713bd64d3ba31cd8bc215ca', class: "contact-item__value" }, this.value)), index.h("slot", { key: '9ed2b8364abb74ba3de8a5c35c349155a92749a0' }))));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
AfContactItem.style = afContactItemCss;
|
|
@@ -2,28 +2,30 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
|
-
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-
|
|
5
|
+
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%}}";
|
|
6
6
|
|
|
7
7
|
const AfCtaSection = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
/** Section heading */
|
|
11
|
-
this.heading = '
|
|
11
|
+
this.heading = '';
|
|
12
12
|
/** Section description */
|
|
13
|
-
this.description = '
|
|
13
|
+
this.description = '';
|
|
14
14
|
/** Primary button text */
|
|
15
|
-
this.primaryButtonText = '
|
|
15
|
+
this.primaryButtonText = '';
|
|
16
16
|
/** Primary button URL */
|
|
17
17
|
this.primaryButtonUrl = '#';
|
|
18
|
-
/** Secondary button text */
|
|
19
|
-
this.secondaryButtonText = '
|
|
18
|
+
/** Secondary button text (optional - if empty, button won't show) */
|
|
19
|
+
this.secondaryButtonText = '';
|
|
20
20
|
/** Secondary button URL */
|
|
21
21
|
this.secondaryButtonUrl = '#';
|
|
22
22
|
/** Illustration URL - if provided, displays this image */
|
|
23
23
|
this.illustrationUrl = '';
|
|
24
|
+
/** Whether to show the decorative wave background */
|
|
25
|
+
this.showWaveDecoration = true;
|
|
24
26
|
}
|
|
25
27
|
render() {
|
|
26
|
-
return (index.h(index.Host, { key: '
|
|
28
|
+
return (index.h(index.Host, { key: 'e9f0a58563bdaa67ff950b0e2ebb70ef4600a7b8' }, index.h("div", { key: '5cf583e9fd622cff15e61eb772e45bf8af020d09', class: "cta-section" }, index.h("div", { key: 'c1d43e16f3684299bc5c82d90c02e1deaf3cf824', class: "cta-section__container" }, this.showWaveDecoration && (index.h("div", { key: 'fb79dea8af188428e54a7e214200ca5fc2905329', class: "cta-section__wave-bg" }, index.h("svg", { key: 'c5d14799b1613e3c8cada805bdf343df40a539cc', viewBox: "0 0 1200 400", preserveAspectRatio: "none", class: "cta-section__wave-svg" }, index.h("ellipse", { key: '2d331cefb1d3a5881c83d34a61fc7c66fa47db1b', cx: "900", cy: "450", rx: "600", ry: "350", fill: "rgba(255,255,255,0.2)" }), index.h("ellipse", { key: 'cb9a17fd4cbd1e69b241148536511c0ebfd8de85', cx: "1000", cy: "500", rx: "400", ry: "250", fill: "rgba(255,255,255,0.15)" })))), (index.h("div", { key: '39305e7825aee761bb31652cb3765698c6ba3e88', class: "cta-section__illustration" }, this.illustrationUrl ? (index.h("img", { src: this.illustrationUrl, alt: "", class: "cta-section__illustration-img" })) : (index.h("slot", { name: "illustration" })))), index.h("div", { key: 'df1ab05bdc3834683ce7fcf070d64aa42d0e87b5', class: "cta-section__content" }, this.heading && index.h("h2", { key: '4aa79be8dd38f866a01847d8aae01a7cdd07409d', class: "cta-section__heading" }, this.heading), this.description && index.h("p", { key: '3e75362c397895545e75548f2b35602def38f007', class: "cta-section__description" }, this.description), index.h("div", { key: 'b66121d982806657298e4399579202daed91900b', class: "cta-section__buttons" }, this.primaryButtonText && (index.h("a", { key: '00380240c2507c3ba6b61e54c8ec0e91bfc8fea1', href: this.primaryButtonUrl, class: "cta-section__button cta-section__button--primary" }, this.primaryButtonText)), this.secondaryButtonText && (index.h("a", { key: '49704465778c7a29d40e6064d71e9ddfd821c223', href: this.secondaryButtonUrl, class: "cta-section__button cta-section__button--secondary" }, this.secondaryButtonText))))))));
|
|
27
29
|
}
|
|
28
30
|
};
|
|
29
31
|
AfCtaSection.style = afCtaSectionCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"af-cta-section.entry.cjs.js","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
|
|
1
|
+
{"version":3,"file":"af-cta-section.entry.cjs.js","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"],"names":["h","Host"],"mappings":"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"}
|
|
@@ -89,13 +89,13 @@ const AfFeatureAccordion = class {
|
|
|
89
89
|
render() {
|
|
90
90
|
const items = this.getItems();
|
|
91
91
|
const currentItem = items[this.expandedIndex];
|
|
92
|
-
return (index.h(index.Host, { key: '
|
|
92
|
+
return (index.h(index.Host, { key: 'aa44ec62bc38804560dc42a04c2716cdc64e405e' }, index.h("div", { key: 'a1501fda9da01a893a99e155edf0eb59dc1eca93', class: "feature-accordion" }, index.h("div", { key: '17485346b1e80bc08bdcb6a2bcc04e9866421dee', class: "feature-accordion__container" }, index.h("h2", { key: '2943cd58657e62eb90c91543ee0e210644eb035e', class: "feature-accordion__heading" }, this.heading), index.h("div", { key: 'f4491b7072d36a032b742262dd0e699ae7836e52', class: "feature-accordion__content" }, index.h("div", { key: '553cec48f7a089d56522231f29c931f2e3e861c2', class: "feature-accordion__list" }, items.map((item, index$1) => (index.h("div", { class: {
|
|
93
93
|
'accordion-item': true,
|
|
94
94
|
'accordion-item--expanded': this.expandedIndex === index$1
|
|
95
95
|
}, key: index$1 }, index.h("button", { class: "accordion-item__header", onClick: () => this.handleItemClick(index$1), "aria-expanded": this.expandedIndex === index$1 ? 'true' : 'false' }, index.h("h4", { class: "accordion-item__title" }, item.title), index.h("span", { class: "accordion-item__icon" }, this.expandedIndex === index$1 ? (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))) : (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }))))), index.h("div", { class: "accordion-item__content", style: {
|
|
96
96
|
maxHeight: this.expandedIndex === index$1 ? '200px' : '0',
|
|
97
97
|
opacity: this.expandedIndex === index$1 ? '1' : '0'
|
|
98
|
-
} }, index.h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index$1 && this.autoCycle && (index.h("div", { class: "accordion-item__timer-track" }, index.h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), index.h("div", { key: '
|
|
98
|
+
} }, index.h("p", { class: "accordion-item__description" }, item.description), this.expandedIndex === index$1 && this.autoCycle && (index.h("div", { class: "accordion-item__timer-track" }, index.h("div", { class: "accordion-item__timer-progress", style: { width: `${this.timerProgress}%` } })))))))), index.h("div", { key: '6f138ad4516c470f4772e36b6cae5c4b55aea44e', class: "feature-accordion__image-container" }, index.h("div", { key: 'e0ddfa8fe67626d3d35fd00b4d18df5276a3ef47', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (index.h("img", { key: 'b0979552365a6dc833b4e9f82093896d4f9c60d4', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (index.h("div", { key: '9bfe132fc469c3d582b13fc0869bdbc3bf4617f8', class: "feature-accordion__image-placeholder" }, index.h("slot", { key: 'c7b885939fee402ffb093376fa344f3c2b31997a', name: "image" }))))))))));
|
|
99
99
|
}
|
|
100
100
|
get el() { return index.getElement(this); }
|
|
101
101
|
static get watchers() { return {
|
|
@@ -11,7 +11,7 @@ const AfFooterColumn = class {
|
|
|
11
11
|
this.heading = '';
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (index.h(index.Host, { key: '
|
|
14
|
+
return (index.h(index.Host, { key: '4725b29d110800bac1faec33016a469bc4f9048e' }, index.h("div", { key: 'ad7d4a123027f6395bc56a70c59586390799f3ff', class: "footer-column" }, this.heading && (index.h("h5", { key: '4fd379858460d92e59e077f3c96719e0e65044c5', class: "footer-column__heading" }, this.heading)), index.h("ul", { key: '17e4adc50c90b4b7f71abe605672d7e63a424c51', class: "footer-column__list" }, index.h("slot", { key: 'c88bf1c9e6ba0a00ca9c9d22fe17508b7a891d44' })))));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
AfFooterColumn.style = afFooterColumnCss;
|
|
@@ -13,7 +13,7 @@ const AfFooterLink = class {
|
|
|
13
13
|
this.external = false;
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h(index.Host, { key: '
|
|
16
|
+
return (index.h(index.Host, { key: 'bd5e75cc92ab3bbf50edb472f7522ab3d1c0f56d' }, index.h("li", { key: '45f8e447b46a79af851c5ac0d7329101e9da4061' }, index.h("a", { key: '569de0a6bd3ef8171507e4fa7d1cf52d707e8eb7', href: this.href, class: "footer-link", target: this.external ? '_blank' : undefined, rel: this.external ? 'noopener noreferrer' : undefined }, index.h("slot", { key: '29cdfcec2c4357b2326fbae766c6a5bcb3c0b4c4' }), this.external && (index.h("svg", { key: '9f2d82cb5a93836c308feca7e3748980b88e2cbe', class: "footer-link__external-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" }, index.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" })))))));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
AfFooterLink.style = afFooterLinkCss;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
|
-
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:
|
|
5
|
+
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}}";
|
|
6
6
|
|
|
7
7
|
const AfFooter = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -19,7 +19,7 @@ const AfFooter = class {
|
|
|
19
19
|
this.showStatus = true;
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (index.h(index.Host, { key: '
|
|
22
|
+
return (index.h(index.Host, { key: '0ead00f00cafcba90071c76f4cb86d6abb1a8e9b' }, index.h("footer", { key: '1e29dad6f35c3a0a7c7acf6bde94d7d26c9f3518', class: "footer" }, index.h("div", { key: '92921a50cbb917fb797a1cd396ea326626be2672', class: "footer__container" }, index.h("div", { key: 'fb7f0c881a3540149af3fd5c9ce5cf4fcf4dc463', class: "footer__top" }, index.h("div", { key: 'dfbab144d98aaa7c5bdeac21b2f7059c2c35c3a2', class: "footer__brand" }, index.h("div", { key: '70a5b6514a32f48e239eed456625b00e5480d515', class: "footer__brand-card" }, index.h("div", { key: '29cebd0316e5e05125545ddc4a6daff19d045569', class: "footer__logo" }, index.h("slot", { key: '1bf39b815103c7ad1ddd9a1a480e1c0ba229e940', name: "logo" })), index.h("div", { key: 'ece78ebc0a579a1425e761e75e91dfe048963057', class: "footer__social" }, index.h("slot", { key: '77713bb66e6a687cfe703af581477112af5a2a56', name: "social" }))), index.h("div", { key: '1224cc9b12934d9a8fc3ead8cb0e78483b391955', class: "footer__contact-card" }, index.h("slot", { key: '3d9ca05b638de9ef155be333ee430107074c933d', name: "contact" }))), index.h("div", { key: '2de06953b17dc7317b6b37c7a5468459efdd11ca', class: "footer__nav" }, index.h("div", { key: '14875d9d7c74722eb703c8c3691ccfc8c1790915', class: "footer__nav-columns" }, index.h("slot", { key: '477ab833a047495184f671fe0767736963a4ecb6', name: "nav" })), this.showStatus && (index.h("div", { key: 'f6e59d3e541d5d7e3688d0ea1f6c24742894fa04', class: "footer__status" }, index.h("span", { key: 'f073d332a366619573ec4b5535117ccc56eed0dc', class: `footer__status-dot ${this.systemsOperational ? 'footer__status-dot--operational' : 'footer__status-dot--issue'}` }), index.h("span", { key: '467e8e24c56e240b84eacd80f390db29ce30d3ac', class: "footer__status-text" }, this.statusText), this.statusUrl && (index.h("a", { key: '630dc864ceabac404a118c8525fe16edd381a28a', href: this.statusUrl, target: "_blank", rel: "noopener noreferrer", class: "footer__status-link" }, "Learn more")))))), index.h("div", { key: '64db3298cdef7d1651234f19319a7aead0fc66ed', class: "footer__bottom" }, this.copyrightText && (index.h("p", { key: 'b268e4cfe2414f94a28492af15bfd3d2b3d53767', class: "footer__copyright" }, this.copyrightText)), index.h("div", { key: '82af0bd4b7310ff9e783b74fbccca3e2df437c86', class: "footer__legal" }, index.h("slot", { key: 'e3cd11fd6f41a577a2452f8e48d524e3a6a2ea46', name: "legal" })), index.h("div", { key: 'b0d6caf4168e1013d682f0b36a480607343cfd6f', class: "footer__badges" }, index.h("slot", { key: '28e7722adc3f88f968c478957d21aa55c451d553', name: "badges" })))))));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
AfFooter.style = afFooterCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"af-footer.entry.cjs.js","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"],"names":["h","Host"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"af-footer.entry.cjs.js","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"],"names":["h","Host"],"mappings":"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"}
|