@affinda/wc 0.0.11 → 0.0.12
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-cta-section.entry.esm.js.map +1 -0
- package/dist/affinda/af-feature-accordion.entry.esm.js.map +1 -0
- package/dist/affinda/af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.esm.js.map +1 -1
- package/dist/affinda/af-logo-well.entry.esm.js.map +1 -1
- package/dist/affinda/affinda.css +1 -1
- package/dist/affinda/affinda.esm.js +1 -1
- package/dist/affinda/index.esm.js +1 -1
- package/dist/affinda/p-00214c08.entry.js +2 -0
- package/dist/affinda/p-00214c08.entry.js.map +1 -0
- package/dist/affinda/{p-56a15842.entry.js → p-050f98cd.entry.js} +2 -2
- package/dist/affinda/{p-cb10e4ca.entry.js → p-07990b1f.entry.js} +2 -2
- package/dist/affinda/p-0835ca39.entry.js +2 -0
- package/dist/affinda/p-0835ca39.entry.js.map +1 -0
- package/dist/affinda/{p-0fb55acf.entry.js → p-173bc70b.entry.js} +2 -2
- package/dist/affinda/{p-f6f2f1c4.entry.js → p-32fe4d5e.entry.js} +2 -2
- package/dist/affinda/{p-430127fa.entry.js → p-3a9646e6.entry.js} +2 -2
- package/dist/affinda/{p-45d0f3e3.entry.js → p-954963fa.entry.js} +2 -2
- package/dist/affinda/{p-46edc753.entry.js → p-9bc092d7.entry.js} +2 -2
- package/dist/affinda/p-9c733909.entry.js +2 -0
- package/dist/affinda/p-9c733909.entry.js.map +1 -0
- package/dist/affinda/{p-Agei6ZJQ.js → p-DI7b0bCy.js} +3 -3
- package/dist/affinda/p-DI7b0bCy.js.map +1 -0
- package/dist/affinda/{p-2c0d7eb7.entry.js → p-a3116a6b.entry.js} +2 -2
- package/dist/affinda/{p-e69c34f1.entry.js → p-aac3792a.entry.js} +2 -2
- package/dist/affinda/{p-e56182e4.entry.js → p-ac7efb48.entry.js} +2 -2
- package/dist/affinda/{p-10288f13.entry.js → p-b6885a9a.entry.js} +2 -2
- package/dist/affinda/{p-10288f13.entry.js.map → p-b6885a9a.entry.js.map} +1 -1
- package/dist/affinda/{p-39e917eb.entry.js → p-d3b2ab0e.entry.js} +2 -2
- package/dist/affinda/{p-867c5141.entry.js → p-dec4c4d5.entry.js} +2 -2
- package/dist/affinda/{p-e2c40f4e.entry.js → p-e367e42b.entry.js} +2 -2
- package/dist/affinda/{p-23aedaa4.entry.js → p-f8ac0120.entry.js} +2 -2
- package/dist/cjs/af-aspect-ratio.cjs.entry.js +1 -1
- package/dist/cjs/af-button-group.cjs.entry.js +1 -1
- package/dist/cjs/af-button.cjs.entry.js +1 -1
- package/dist/cjs/af-card.cjs.entry.js +1 -1
- package/dist/cjs/af-client-carousel.cjs.entry.js +1 -1
- package/dist/cjs/af-color-swatch.cjs.entry.js +1 -1
- package/dist/cjs/af-container.cjs.entry.js +1 -1
- package/dist/cjs/af-cta-section.cjs.entry.js +32 -0
- package/dist/cjs/af-cta-section.entry.cjs.js.map +1 -0
- package/dist/cjs/af-feature-accordion.cjs.entry.js +108 -0
- package/dist/cjs/af-feature-accordion.entry.cjs.js.map +1 -0
- 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 +2 -2
- package/dist/cjs/af-hero-section.cjs.entry.js +2 -2
- package/dist/cjs/af-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/af-logo-well.cjs.entry.js +3 -3
- package/dist/cjs/af-logo-well.entry.cjs.js.map +1 -1
- package/dist/cjs/af-section.cjs.entry.js +3 -3
- package/dist/cjs/af-testimonial-carousel.cjs.entry.js +3 -3
- package/dist/cjs/af-testimonial-stat.cjs.entry.js +2 -2
- package/dist/cjs/af-testimonial.cjs.entry.js +2 -2
- package/dist/cjs/af-typography-lockup.cjs.entry.js +1 -1
- package/dist/cjs/affinda.cjs.js +2 -2
- package/dist/cjs/{index-D_ItFcqt.js → index-DfEVhbS6.js} +42 -4
- package/dist/cjs/index-DfEVhbS6.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/af-cta-section/af-cta-section.css +175 -0
- package/dist/collection/components/af-cta-section/af-cta-section.js +183 -0
- package/dist/collection/components/af-cta-section/af-cta-section.js.map +1 -0
- package/dist/collection/components/af-feature-accordion/af-feature-accordion.css +220 -0
- package/dist/collection/components/af-feature-accordion/af-feature-accordion.js +209 -0
- package/dist/collection/components/af-feature-accordion/af-feature-accordion.js.map +1 -0
- package/dist/collection/components/af-hero-section/af-hero-section.js +1 -1
- package/dist/collection/components/af-logo-well/af-logo-well.css +20 -5
- package/dist/collection/components/af-logo-well/af-logo-well.js +1 -1
- package/dist/collection/components/af-navbar/af-navbar.css +28 -2
- package/dist/collection/components/af-section/af-section.js +2 -2
- 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/components/af-aspect-ratio.js +1 -1
- package/dist/components/af-button-group.js +1 -1
- package/dist/components/af-button.js +1 -1
- package/dist/components/af-card.js +1 -1
- package/dist/components/af-client-carousel.js +1 -1
- package/dist/components/af-color-swatch.js +1 -1
- package/dist/components/af-container.js +1 -1
- package/dist/components/af-cta-section.d.ts +11 -0
- package/dist/components/af-cta-section.js +59 -0
- package/dist/components/af-cta-section.js.map +1 -0
- package/dist/components/af-feature-accordion.d.ts +11 -0
- package/dist/components/af-feature-accordion.js +136 -0
- package/dist/components/af-feature-accordion.js.map +1 -0
- package/dist/components/af-heading.js +1 -1
- package/dist/components/af-hero-section.js +3 -3
- package/dist/components/af-icon-button.js +1 -1
- package/dist/components/af-logo-well.js +3 -3
- package/dist/components/af-logo-well.js.map +1 -1
- package/dist/components/af-logo.js +1 -1
- package/dist/components/af-nav-item.js +1 -1
- package/dist/components/af-navbar.js +1 -1
- package/dist/components/af-section.js +4 -4
- package/dist/components/af-testimonial-carousel.js +3 -3
- package/dist/components/af-testimonial-stat.js +2 -2
- package/dist/components/af-testimonial.js +2 -2
- package/dist/components/af-text.js +1 -1
- package/dist/components/af-typography-lockup.js +1 -1
- package/dist/components/index.js +13 -13
- package/dist/components/{p-BeQlNDyY.js → p-7a3XpKXs.js} +3 -3
- package/dist/components/{p-BeQlNDyY.js.map → p-7a3XpKXs.js.map} +1 -1
- package/dist/components/{p-BSewwIfD.js → p-BBivIwbE.js} +3 -3
- package/dist/components/{p-BSewwIfD.js.map → p-BBivIwbE.js.map} +1 -1
- package/dist/components/{p-CcNomA2o.js → p-BKGrl8ua.js} +3 -3
- package/dist/components/{p-CcNomA2o.js.map → p-BKGrl8ua.js.map} +1 -1
- package/dist/components/{p-Vu-NeL7U.js → p-BTEblSAo.js} +3 -3
- package/dist/components/{p-Vu-NeL7U.js.map → p-BTEblSAo.js.map} +1 -1
- package/dist/components/{p-CUr7n62X.js → p-BekWfVfB.js} +3 -3
- package/dist/components/{p-CUr7n62X.js.map → p-BekWfVfB.js.map} +1 -1
- package/dist/components/{p-C1C1Him5.js → p-Bg7dSc4D.js} +3 -3
- package/dist/components/{p-C1C1Him5.js.map → p-Bg7dSc4D.js.map} +1 -1
- package/dist/components/{p-BpXkQGDQ.js → p-BkEmrXbw.js} +3 -3
- package/dist/components/{p-BpXkQGDQ.js.map → p-BkEmrXbw.js.map} +1 -1
- package/dist/components/{p-sJI0-JlJ.js → p-D4s4u7tL.js} +3 -3
- package/dist/components/{p-sJI0-JlJ.js.map → p-D4s4u7tL.js.map} +1 -1
- package/dist/components/{p-tFlyM2Th.js → p-DqOwXTsH.js} +3 -3
- package/dist/components/{p-tFlyM2Th.js.map → p-DqOwXTsH.js.map} +1 -1
- package/dist/components/{p-CZlTvZAm.js → p-Dt4Fpr3O.js} +33 -5
- package/dist/components/p-Dt4Fpr3O.js.map +1 -0
- package/dist/components/{p-BMl1ggbQ.js → p-PLXzXWgX.js} +3 -3
- package/dist/components/{p-BMl1ggbQ.js.map → p-PLXzXWgX.js.map} +1 -1
- package/dist/components/{p-Csie_upq.js → p-Thu9mUEn.js} +4 -4
- package/dist/components/p-Thu9mUEn.js.map +1 -0
- package/dist/components/{p-B_FOK5P6.js → p-emB0l5gm.js} +3 -3
- package/dist/components/{p-B_FOK5P6.js.map → p-emB0l5gm.js.map} +1 -1
- package/dist/esm/af-aspect-ratio.entry.js +1 -1
- package/dist/esm/af-button-group.entry.js +1 -1
- package/dist/esm/af-button.entry.js +1 -1
- package/dist/esm/af-card.entry.js +1 -1
- package/dist/esm/af-client-carousel.entry.js +1 -1
- package/dist/esm/af-color-swatch.entry.js +1 -1
- package/dist/esm/af-container.entry.js +1 -1
- package/dist/esm/af-cta-section.entry.js +30 -0
- package/dist/esm/af-cta-section.entry.js.map +1 -0
- package/dist/esm/af-feature-accordion.entry.js +106 -0
- package/dist/esm/af-feature-accordion.entry.js.map +1 -0
- 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 +2 -2
- package/dist/esm/af-hero-section.entry.js +2 -2
- package/dist/esm/af-icon-button.entry.js +1 -1
- package/dist/esm/af-logo-well.entry.js +3 -3
- package/dist/esm/af-logo-well.entry.js.map +1 -1
- package/dist/esm/af-section.entry.js +3 -3
- package/dist/esm/af-testimonial-carousel.entry.js +3 -3
- package/dist/esm/af-testimonial-stat.entry.js +2 -2
- package/dist/esm/af-testimonial.entry.js +2 -2
- package/dist/esm/af-typography-lockup.entry.js +1 -1
- package/dist/esm/affinda.js +3 -3
- package/dist/esm/{index-Agei6ZJQ.js → index-DI7b0bCy.js} +42 -4
- package/dist/esm/index-DI7b0bCy.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/af-cta-section/af-cta-section.d.ts +21 -0
- package/dist/types/components/af-feature-accordion/af-feature-accordion.d.ts +37 -0
- package/dist/types/components.d.ts +172 -0
- package/package.json +1 -1
- package/dist/affinda/p-13c30dd8.entry.js +0 -2
- package/dist/affinda/p-13c30dd8.entry.js.map +0 -1
- package/dist/affinda/p-Agei6ZJQ.js.map +0 -1
- package/dist/cjs/index-D_ItFcqt.js.map +0 -1
- package/dist/components/p-CZlTvZAm.js.map +0 -1
- package/dist/components/p-Csie_upq.js.map +0 -1
- package/dist/esm/index-Agei6ZJQ.js.map +0 -1
- /package/dist/affinda/{p-56a15842.entry.js.map → p-050f98cd.entry.js.map} +0 -0
- /package/dist/affinda/{p-cb10e4ca.entry.js.map → p-07990b1f.entry.js.map} +0 -0
- /package/dist/affinda/{p-0fb55acf.entry.js.map → p-173bc70b.entry.js.map} +0 -0
- /package/dist/affinda/{p-f6f2f1c4.entry.js.map → p-32fe4d5e.entry.js.map} +0 -0
- /package/dist/affinda/{p-430127fa.entry.js.map → p-3a9646e6.entry.js.map} +0 -0
- /package/dist/affinda/{p-45d0f3e3.entry.js.map → p-954963fa.entry.js.map} +0 -0
- /package/dist/affinda/{p-46edc753.entry.js.map → p-9bc092d7.entry.js.map} +0 -0
- /package/dist/affinda/{p-2c0d7eb7.entry.js.map → p-a3116a6b.entry.js.map} +0 -0
- /package/dist/affinda/{p-e69c34f1.entry.js.map → p-aac3792a.entry.js.map} +0 -0
- /package/dist/affinda/{p-e56182e4.entry.js.map → p-ac7efb48.entry.js.map} +0 -0
- /package/dist/affinda/{p-39e917eb.entry.js.map → p-d3b2ab0e.entry.js.map} +0 -0
- /package/dist/affinda/{p-867c5141.entry.js.map → p-dec4c4d5.entry.js.map} +0 -0
- /package/dist/affinda/{p-e2c40f4e.entry.js.map → p-e367e42b.entry.js.map} +0 -0
- /package/dist/affinda/{p-23aedaa4.entry.js.map → p-f8ac0120.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as c,H as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as c,H as s}from"./p-DI7b0bCy.js";const o='.sc-af-section-h{display:block;width:100%}.section.sc-af-section{width:100%;position:relative}.padding-tight.sc-af-section{padding:48px 0}.padding-default.sc-af-section{padding:96px 0}.padding-loose.sc-af-section{padding:120px 0 96px}.bg-white.sc-af-section{background-color:var(--colour-background-white, #FFFFFF)}.bg-level1.sc-af-section{background-color:var(--colour-background-level-1, #E8EEED)}.bg-dark.sc-af-section,.bg-inkwell.sc-af-section{background-color:var(--colour-brand-inkwell, #14343B);--colour-typography-heading-primary:var(--colour-brand-mist-green, #C6D5D1);--colour-typography-body-default:var(--colour-brand-mist-green, #C6D5D1)}.bg-dark.sc-af-section af-heading.sc-af-section::part(base),.bg-dark.sc-af-section af-heading.sc-af-section [part~="base"],.bg-inkwell.sc-af-section af-heading.sc-af-section::part(base),.bg-inkwell.sc-af-section af-heading.sc-af-section [part~="base"]{color:var(--colour-brand-mist-green, #C6D5D1)}.bg-dark.sc-af-section af-text.sc-af-section::part(base),.bg-dark.sc-af-section af-text.sc-af-section [part~="base"],.bg-inkwell.sc-af-section af-text.sc-af-section::part(base),.bg-inkwell.sc-af-section af-text.sc-af-section [part~="base"]{color:var(--colour-brand-mist-green, #C6D5D1);opacity:0.92}.bg-dark.sc-af-section af-typography-lockup.sc-af-section::part(heading),.bg-dark.sc-af-section af-typography-lockup.sc-af-section [part~="heading"],.bg-inkwell.sc-af-section af-typography-lockup.sc-af-section::part(heading),.bg-inkwell.sc-af-section af-typography-lockup.sc-af-section [part~="heading"],.bg-dark.sc-af-section af-typography-lockup.sc-af-section::part(body),.bg-dark.sc-af-section af-typography-lockup.sc-af-section [part~="body"],.bg-inkwell.sc-af-section af-typography-lockup.sc-af-section::part(body),.bg-inkwell.sc-af-section af-typography-lockup.sc-af-section [part~="body"]{color:var(--colour-brand-mist-green, #C6D5D1)}@media (max-width: 768px){.padding-tight.sc-af-section{padding:32px 0}.padding-default.sc-af-section{padding:64px 0}.padding-loose.sc-af-section{padding:80px 0 64px}}';const e=class{constructor(c){a(this,c);this.padding="default";this.background="white";this.container=true}render(){const a=c("slot",{key:"3c8c5e1b316afac68685fe32f512fadac62e00f7"});return c(s,{key:"343991533b792f1c78e65eab65420a206bdfcfbc"},c("div",{key:"a2efe0c402b515e4160309dce5356e79b69f9677",class:`section padding-${this.padding} bg-${this.background}`},this.container?c("af-container",null,a):a))}};e.style=o;export{e as af_section};
|
|
2
|
+
//# sourceMappingURL=p-a3116a6b.entry.js.map
|
|
@@ -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 a}from"./p-DI7b0bCy.js";const t=".sc-af-hero-section-h{display:block;width:100%}.hero-section.sc-af-hero-section{width:100%;padding-top:clamp(6rem, 12vh, 8rem);padding-bottom:clamp(3rem, 8vh, 5rem);display:flex;align-items:center;justify-content:center;margin-top:0;position:relative;z-index:1;overflow:hidden}.variant-light.sc-af-hero-section{background-color:var(--colour-background-white, #FFFFFF)}.variant-dark.sc-af-hero-section{background-color:var(--colour-brand-inkwell, #14343B)}.variant-dark.sc-af-hero-section af-heading.sc-af-hero-section,.variant-dark.sc-af-hero-section af-text.sc-af-hero-section{--typography-heading-primary:var(--colour-brand-mist-green, #C6D5D1);--typography-body-default:var(--colour-brand-mist-green, #C6D5D1)}.hero-decoration.sc-af-hero-section{position:absolute;inset:0;pointer-events:none;z-index:0;height:0;width:0;overflow:visible}.hero-decoration.sc-af-hero-section-s>*,.hero-decoration .sc-af-hero-section-s>*{position:absolute !important;bottom:-440px;right:-1200px;width:1250px;height:820px;opacity:0.5}.hero-content.sc-af-hero-section{text-align:center;max-width:1000px;margin:0 auto;position:relative;z-index:1}@media (max-width: 768px){.hero-section.sc-af-hero-section{padding:3rem 1.5rem 2.5rem}}";const i=class{constructor(o){e(this,o);this.variant="dark";this.withDecoration=false;this.minHeight="60vh"}render(){return o(a,{key:"632fa6929a3cfbf9cc563419289bf794f95c7579"},o("div",{key:"a69a52476a7e891e9b78a00dcd40c53ec9b93977",class:`hero-section variant-${this.variant}`,style:{minHeight:this.minHeight}},this.withDecoration&&o("div",{key:"50514445b760b9b8c00b7605409431799caef0a8",class:"hero-decoration"},o("slot",{key:"d46b422d9e9f0f2a62dc02e3f2d7f0c497e4eb3c",name:"decoration"})),o("af-container",{key:"d4bf7bd11a621ce964aa9c502010b5d585cc54db"},o("div",{key:"0c9d2e67f747fc58e394b9d8e7255a542625b8bd",class:"hero-content"},o("slot",{key:"82e132764ad876f796ca2b94787be349ccffdcf3"})))))}};i.style=t;export{i as af_hero_section};
|
|
2
|
+
//# sourceMappingURL=p-aac3792a.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as a,H as i}from"./p-
|
|
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 d=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:"6ee5a4e472cb082ac68cb58c00bf5b1d686dd489"},a("div",{key:"dc030f69bfbb55ce999f0b2f1d8a47095d75ac59",class:"client-carousel"},this.showHeadline&&a("div",{key:"d8d7fdbd47e65cc5a3a8e10d88f7425f91d0459e",class:"headline"},a("slot",{key:"3773f567bfd3de6058cd1088ba2c781cf510e63b",name:"headline"},a("h3",{key:"fdcab6ce99a2c477bf1e336f13f7994637b8436d"},this.headlineText))),a("div",{key:"30429a27f88e490051a4623195421e00a34f4db4",class:"carousel-container"},a("div",{key:"de187b8265b84cb3d8f22540ec283bb8b3603aa8",class:"carousel-row scroll-left"},a("div",{key:"d2da7c79388f53425cba20429204fea148030aa5",class:"logo-track"},a("slot",{key:"b4ddb6250d5893290ed40a2c765d0f0bf0a378e6",name:"row-1"}),a("slot",{key:"ccb91ed748f2e51a1d0f2d63d676f7e2558ec2ef",name:"row-1"}))),a("div",{key:"f6a99654384b070bf91e9ea1ebc57de304f2671f",class:"carousel-row scroll-right"},a("div",{key:"8e31a13039f2e2df33eb7ec67f738d71d49d931f",class:"logo-track"},a("slot",{key:"2ffeff2da8ddd4c0faefaf59fc1a45972de26943",name:"row-2"}),a("slot",{key:"2121dc84af370a41290a432e50f3c10f6b3d4b4c",name:"row-2"}))))))}};d.style=l;export{d as af_client_carousel};
|
|
2
|
+
//# sourceMappingURL=p-ac7efb48.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as i,H as t}from"./p-
|
|
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 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-b6885a9a.entry.js.map
|
|
@@ -1 +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","toggleMobileMenu","onClick","width","height","viewBox","fill","stroke","d","afLogoCss","AfLogo","src","alt"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAe,y+BAErB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAEvBC,KAAKC,MAAQ,IAEbD,KAAKE,MAAQ,OAEbF,KAAKG,MAAQ,OACjB,CACA,aAAAC,GAEI,MAAMC,EAAS,CACXC,GAAM,KACN,EAAK,KACL,EAAK,KACL,EAAK,KACL,EAAK,KACL,EAAK,MAET,OAAOD,EAAOL,KAAKC,QAAU,IACjC,CACA,MAAAM,GACI,MAAMC,EAAMR,KAAKI,gBACjB,OAAQV,EAAEc,EAAK,CAAEC,IAAK,2CAA4CC,MAAO,CACjEC,QAAW,KACX,CAAC,SAASX,KAAKC,SAAU,KACzB,CAAC,SAASD,KAAKE,SAAU,KACzB,CAAC,SAASF,KAAKG,SAAU,MAC1BS,KAAM,QAAUlB,EAAE,OAAQ,CAAEe,IAAK,6CAC5C,GAEJZ,EAAUgB,MAAQjB,EAElB,MAAMkB,EAAY,s2BAElB,MAAMC,EAAS,MACX,WAAAjB,CAAYC,GACRN,EAAiBO,KAAMD,GAEvBC,KAAKgB,QAAU,SAEfhB,KAAKE,MAAQ,OAEbF,KAAKiB,GAAK,IAEVjB,KAAKG,MAAQ,OACjB,CACA,MAAAI,GACI,MAAMC,EAAMR,KAAKiB,GACjB,OAAQvB,EAAEc,EAAK,CAAEC,IAAK,2CAA4CC,MAAO,CACjEQ,KAAQ,KACR,CAAC,WAAWlB,KAAKgB,WAAY,KAC7B,CAAC,SAAShB,KAAKE,SAAU,KACzB,CAAC,SAASF,KAAKG,SAAU,MAC1BS,KAAM,QAAUlB,EAAE,OAAQ,CAAEe,IAAK,6CAC5C,GAEJM,EAAOF,MAAQC,EAEf,MAAMK,EAAe,4rEAErB,MAAMC,EAAY,MACd,WAAAtB,CAAYC,GACRN,EAAiBO,KAAMD,GAMvBC,KAAKqB,UAAY,UAMjBrB,KAAKgB,QAAU,KAIfhB,KAAKsB,OAAS,KAClB,CACA,MAAAf,GACI,MAAMgB,EAAU,CACZ,WAAY,KACZ,CAAC,aAAavB,KAAKqB,aAAc,KACjC,CAAC,WAAWrB,KAAKgB,WAAY,KAC7BM,OAAUtB,KAAKsB,QAEnB,MAAME,EAAW9B,EAAE,MAAO,CAAEgB,MAAOa,GAAW7B,EAAE,OAAQ,CAAE+B,KAAM,cAAgB/B,EAAE,MAAO,CAAEgB,MAAO,mBAAqBhB,EAAE,OAAQ,OAAQA,EAAE,OAAQ,CAAE+B,KAAM,gBAC3J,GAAIzB,KAAK0B,KAAM,CACX,OAAQhC,EAAEC,EAAM,KAAMD,EAAE,IAAK,CAAEgC,KAAM1B,KAAK0B,KAAMhB,MAAO,YAAcc,GACzE,CACA,OAAO9B,EAAEC,EAAM,KAAM6B,EACzB,GAEJJ,EAAUP,MAAQM,EAElB,MAAMQ,EAAc,
|
|
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","toggleMobileMenu","onClick","width","height","viewBox","fill","stroke","d","afLogoCss","AfLogo","src","alt"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as a}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as a}from"./p-DI7b0bCy.js";const e=":host{display:block;width:100%}.aspect-ratio-container{width:100%;position:relative;overflow:hidden}.aspect-ratio-container ::slotted(*){width:100%;height:100%;object-fit:cover}";const r=class{constructor(a){t(this,a);this.ratio="1:1"}getRatioValue(){const t={"1:1":"1 / 1","1:2":"1 / 2","2:1":"2 / 1","2:3":"2 / 3","3:1":"3 / 1","3:2":"3 / 2","3:4":"3 / 4","4:1":"4 / 1","4:3":"4 / 3","4:5":"4 / 5","5:2":"5 / 2","5:4":"5 / 4","8:3":"8 / 3","8:5":"8 / 5","9:8":"9 / 8","9:16":"9 / 16","9:21":"9 / 21","10:16":"10 / 16","14:3":"14 / 3","16:5":"16 / 5","16:9":"16 / 9","16:10":"16 / 10","21:9":"21 / 9","32:9":"32 / 9","golden-portrait":"1 / 1.618","golden-landscape":"1.618 / 1","golden-portrait-half":"1 / 0.809","golden-landscape-half":"0.809 / 1","a4-portrait":"1 / 1.414","a4-landscape":"1.414 / 1","a4-portrait-half":"1 / 0.707","a4-landscape-half":"0.707 / 1","letter-portrait":"1 / 1.294","letter-landscape":"1.294 / 1","letter-portrait-half":"1 / 0.647","letter-landscape-half":"0.647 / 1","6:7":"6 / 7"};if(t[this.ratio]){return t[this.ratio]}return this.ratio}render(){const t=this.getRatioValue();return a("div",{key:"02bfa5463911ecd25903521e90a0570bb3bca0ad",class:"aspect-ratio-container",style:{aspectRatio:t}},a("slot",{key:"9575c859052e8f1b1b362d9395fdfdf43d46b0b4"}))}};r.style=e;export{r as af_aspect_ratio};
|
|
2
|
+
//# sourceMappingURL=p-d3b2ab0e.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,H as
|
|
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:"5f8f8c8acd7b401c9e217a05200dfca367691723"},e("div",{key:"b4d14e81177523a584a961e0f20b6e7be101a8e3",class:t,style:{gap:this.gap}},e("slot",{key:"68cb3173bcf193eb877d66b1588500882aa52a63"})))}};r.style=i;export{r as af_button_group};
|
|
2
|
+
//# sourceMappingURL=p-dec4c4d5.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as c,H as r}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as c,H as r}from"./p-DI7b0bCy.js";const o=".sc-af-card-h{display:block;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}";const d=class{constructor(c){a(this,c);this.darkOverlay=false}render(){const a=!!this.backgroundImage;const o=this.backgroundColor?{backgroundColor:this.backgroundColor}:undefined;return c(r,{key:"2c3c0b6d1889074ae78b2b1f9646dc23829a0e9a"},c("div",{key:"7e1ef884a203ae17e1ad417ac688f59b9acb6932",class:`card ${a?"card--with-image":""} ${this.darkOverlay?"card--dark-overlay":""} ${this.backgroundColor?"card--custom-bg":""}`,style:o},a&&c("div",{key:"4fb3cea588d42345690df68738b725a6debacc55",class:"card__background"},c("img",{key:"0dde30e250c7cb117993e3ccbeab8f108278ae89",src:this.backgroundImage,alt:"",class:"card__background-image"})),c("div",{key:"f604c04997720f4804d148f103f9c4a69b1ec0aa",class:`card__content ${a?"card__content--overlay":""}`},c("slot",{key:"a7668f98c4c8fd10b5581eac69f2a31aecbc3732"}))))}};d.style=o;export{d as af_card};
|
|
2
|
+
//# sourceMappingURL=p-e367e42b.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as a}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as a}from"./p-DI7b0bCy.js";const o=":host{display:block}.swatch{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid #ece6f5;background:white}.color-preview{width:100%;height:120px;flex-shrink:0}.size-large .color-preview{height:140px}.color-info{padding:16px;display:flex;flex-direction:column;gap:4px}.color-name{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:16px;font-weight:500;color:#14343B}.color-value{font-family:'Helvetica', 'Inter', monospace, system-ui, sans-serif;font-size:14px;color:#708380}";const s=class{constructor(a){e(this,a);this.size="default"}render(){return a("div",{key:"57a141b5af5c538c5cf842a61173dd391a91d59b",class:{swatch:true,[`size-${this.size}`]:true},part:"base"},a("div",{key:"505252d9fbfb36df24f1907cd5a30278e55bf268",class:"color-preview",part:"preview",style:{backgroundColor:this.color}}),a("div",{key:"095621914872670c129c23825aa012bbba4e33bb",class:"color-info",part:"info"},a("div",{key:"86b6164f0aed4a938a8faa210651bbc6746dd4f2",class:"color-name",part:"name"},this.name),a("div",{key:"1d533780d3756b119ae36a6e8fa0c2b6b3acb7b4",class:"color-value",part:"value"},this.color)))}};s.style=o;export{s as af_color_swatch};
|
|
2
|
+
//# sourceMappingURL=p-f8ac0120.entry.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
5
|
const afAspectRatioCss = ":host{display:block;width:100%}.aspect-ratio-container{width:100%;position:relative;overflow:hidden}.aspect-ratio-container ::slotted(*){width:100%;height:100%;object-fit:cover}";
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
5
|
const afButtonGroupCss = ":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}";
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
5
|
const afButtonCss = ":host{display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;gap:0;border-radius:9999px;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent;box-sizing:border-box;white-space:nowrap}.size-default{padding:12px 24px;font-size:17px;line-height:20px}.size-small{padding:8px 16px;font-size:14px;line-height:16px}.icon-left:empty,.icon-right:empty{display:none}.icon-left,.icon-right{display:flex;align-items:center;justify-content:center;flex-shrink:0}.size-default .icon-left,.size-default .icon-right{width:24px;height:24px}.size-small .icon-left,.size-small .icon-right{width:20px;height:20px}.label{flex:0 1 auto;display:flex;align-items:center;justify-content:center;height:24px}.size-default .label{padding:0 12px;height:24px}.size-small .label{padding:0 8px;height:20px}.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-primary:hover:not(.disabled){background:#8FEBE3;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-primary:active:not(.disabled){background:#7FE2D4;transform:translateY(0)}.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-secondary:hover:not(.disabled){background:#F6FAF9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-secondary:active:not(.disabled){background:#E8F1EF;transform:translateY(0)}.variant-outline{background:transparent;border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-outline:hover:not(.disabled){background:rgba(20, 52, 59, 0.04);transform:translateY(-1px)}.variant-outline:active:not(.disabled){background:rgba(20, 52, 59, 0.08);transform:translateY(0)}.variant-ghost{background:transparent;border-color:transparent;color:var(--colour-brand-inkwell, #14343B);padding-left:0;padding-right:0}.variant-ghost:hover:not(.disabled){text-decoration:underline}.variant-ghost:active:not(.disabled){opacity:0.7}.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}button.button.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border:1px solid var(--colour-brand-inkwell, #14343B)}button.button.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border:1px solid var(--colour-brand-inkwell, #14343B)}button.button.variant-outline{background:transparent;border:1px solid var(--colour-brand-inkwell, #14343B)}button.button.variant-ghost{background:transparent;border:1px solid transparent}";
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
5
|
const afCardCss = ".sc-af-card-h{display:block;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
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
5
|
const afClientCarouselCss = ":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}}";
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
5
|
const afColorSwatchCss = ":host{display:block}.swatch{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid #ece6f5;background:white}.color-preview{width:100%;height:120px;flex-shrink:0}.size-large .color-preview{height:140px}.color-info{padding:16px;display:flex;flex-direction:column;gap:4px}.color-name{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:16px;font-weight:500;color:#14343B}.color-value{font-family:'Helvetica', 'Inter', monospace, system-ui, sans-serif;font-size:14px;color:#708380}";
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DfEVhbS6.js');
|
|
4
4
|
|
|
5
5
|
const afContainerCss = ":host{display:block;width:100%}.container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;padding-left:16px;padding-right:16px}@media (min-width: 375px){.container{padding-left:20px;padding-right:20px}}@media (min-width: 768px){.container{padding-left:32px;padding-right:32px}.max-width-medium{max-width:768px}}@media (min-width: 1024px){.container{padding-left:64px;padding-right:64px}.max-width-large{max-width:1024px}.max-width-medium{max-width:768px}}@media (min-width: 1440px){.container{padding-left:80px;padding-right:80px}.max-width-xlarge{max-width:1440px}.max-width-large{max-width:1024px}.max-width-medium{max-width:768px}}.max-width-fluid{max-width:none}";
|
|
6
6
|
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-DfEVhbS6.js');
|
|
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-teal, #6ECCC8);color:var(--colour-brand-inkwell, #14343b);border:2px solid var(--colour-brand-inkwell, #14343b)}.cta-section__button--primary.sc-af-cta-section:hover{background-color:#5BBBB7}.cta-section__button--secondary.sc-af-cta-section{background-color:white;color:var(--colour-brand-inkwell, #14343b);border:2px 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
|
+
|
|
7
|
+
const AfCtaSection = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
/** Section heading */
|
|
11
|
+
this.heading = 'See what our AI agents can do for you';
|
|
12
|
+
/** Section description */
|
|
13
|
+
this.description = 'Upload your documents and watch our AI agents get to work.';
|
|
14
|
+
/** Primary button text */
|
|
15
|
+
this.primaryButtonText = 'Try for free';
|
|
16
|
+
/** Primary button URL */
|
|
17
|
+
this.primaryButtonUrl = '#';
|
|
18
|
+
/** Secondary button text */
|
|
19
|
+
this.secondaryButtonText = 'Talk to us';
|
|
20
|
+
/** Secondary button URL */
|
|
21
|
+
this.secondaryButtonUrl = '#';
|
|
22
|
+
/** Illustration URL - if provided, displays this image */
|
|
23
|
+
this.illustrationUrl = '';
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return (index.h(index.Host, { key: '4799cecb74e6ed366615d0f6431b801b697104c1' }, index.h("div", { key: '5ec289c687484ea343bbe235b8e5ff275834bb1c', class: "cta-section" }, index.h("div", { key: 'd4ace70049c68d389e4ad6bfa0c33df90e40228c', class: "cta-section__container" }, index.h("div", { key: '44bff410dfa32e62d71d07a083ac796d8f2c4701', class: "cta-section__wave-bg" }, index.h("svg", { key: 'eaaa575510c3c9eb0151c3a9b429b05d63f091d2', viewBox: "0 0 1200 400", preserveAspectRatio: "none", class: "cta-section__wave-svg" }, index.h("ellipse", { key: '3efdf781f5d90f3a6171ce89d05b47d031dba87d', cx: "900", cy: "450", rx: "600", ry: "350", fill: "rgba(255,255,255,0.2)" }), index.h("ellipse", { key: '1b8bb8fe8629e8c1a38401a437f9ebc81448fd89', cx: "1000", cy: "500", rx: "400", ry: "250", fill: "rgba(255,255,255,0.15)" }))), index.h("div", { key: 'd5b18a8738c88cebe47501bbd3f4f8cb21e5b570', 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: 'a1aaf9056f0f4efbc1e8932c2bd7499c2109fe53', class: "cta-section__content" }, index.h("h2", { key: '6615663e27005aceab17e23cfc393b4d34c2eeec', class: "cta-section__heading" }, this.heading), index.h("p", { key: '13cd23b082ff90d2aaefcded32695ab64c0be51a', class: "cta-section__description" }, this.description), index.h("div", { key: '60c1b7e486fabc5bca71e1d4ec6e7ef5a88250e7', class: "cta-section__buttons" }, index.h("a", { key: '8b38088923d1b558bf9600957c36ea21468ea4f7', href: this.primaryButtonUrl, class: "cta-section__button cta-section__button--primary" }, this.primaryButtonText), index.h("a", { key: '9f38363587db152fb6cc04f0349ba4e7a8eac125', href: this.secondaryButtonUrl, class: "cta-section__button cta-section__button--secondary" }, this.secondaryButtonText)))))));
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
AfCtaSection.style = afCtaSectionCss;
|
|
30
|
+
|
|
31
|
+
exports.af_cta_section = AfCtaSection;
|
|
32
|
+
//# sourceMappingURL=af-cta-section.entry.cjs.js.map
|
|
@@ -0,0 +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 other CTA buttons on the page */\n.cta-section__button--primary {\n background-color: var(--colour-brand-teal, #6ECCC8);\n color: var(--colour-brand-inkwell, #14343b);\n border: 2px solid var(--colour-brand-inkwell, #14343b);\n}\n\n.cta-section__button--primary:hover {\n background-color: #5BBBB7;\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: 2px 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 * Styled to match the affinda.com \"See what our AI agents can do for you\" section\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 = 'See what our AI agents can do for you';\n\n /** Section description */\n @Prop() description: string = 'Upload your documents and watch our AI agents get to work.';\n\n /** Primary button text */\n @Prop() primaryButtonText: string = 'Try for free';\n\n /** Primary button URL */\n @Prop() primaryButtonUrl: string = '#';\n\n /** Secondary button text */\n @Prop() secondaryButtonText: string = 'Talk to us';\n\n /** Secondary button URL */\n @Prop() secondaryButtonUrl: string = '#';\n\n /** Illustration URL - if provided, displays this image */\n @Prop() illustrationUrl: string = '';\n\n render() {\n return (\n <Host>\n <div class=\"cta-section\">\n <div class=\"cta-section__container\">\n {/* Decorative wave background */}\n <div class=\"cta-section__wave-bg\">\n <svg viewBox=\"0 0 1200 400\" preserveAspectRatio=\"none\" class=\"cta-section__wave-svg\">\n {/* Large curved wave */}\n <ellipse \n cx=\"900\" \n cy=\"450\" \n rx=\"600\" \n ry=\"350\" \n fill=\"rgba(255,255,255,0.2)\"\n />\n {/* Smaller accent curve */}\n <ellipse \n cx=\"1000\" \n cy=\"500\" \n rx=\"400\" \n ry=\"250\" \n fill=\"rgba(255,255,255,0.15)\"\n />\n </svg>\n </div>\n\n {/* Illustration */}\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 {/* Content */}\n <div class=\"cta-section__content\">\n <h2 class=\"cta-section__heading\">{this.heading}</h2>\n <p class=\"cta-section__description\">{this.description}</p>\n <div class=\"cta-section__buttons\">\n <a href={this.primaryButtonUrl} class=\"cta-section__button cta-section__button--primary\">\n {this.primaryButtonText}\n </a>\n <a href={this.secondaryButtonUrl} class=\"cta-section__button cta-section__button--secondary\">\n {this.secondaryButtonText}\n </a>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":"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"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-DfEVhbS6.js');
|
|
4
|
+
|
|
5
|
+
const afFeatureAccordionCss = ".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}}";
|
|
6
|
+
|
|
7
|
+
const AfFeatureAccordion = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
/** Section heading */
|
|
11
|
+
this.heading = 'Give AI agents your paperwork';
|
|
12
|
+
/** JSON string of accordion items */
|
|
13
|
+
this.items = '[]';
|
|
14
|
+
/** Auto-cycle interval in milliseconds (default: 6000ms = 6 seconds) */
|
|
15
|
+
this.cycleInterval = 6000;
|
|
16
|
+
/** Whether auto-cycling is enabled */
|
|
17
|
+
this.autoCycle = true;
|
|
18
|
+
/** Currently expanded item index */
|
|
19
|
+
this.expandedIndex = 0;
|
|
20
|
+
/** Progress of current timer (0-100) */
|
|
21
|
+
this.timerProgress = 100;
|
|
22
|
+
this.progressTimer = null;
|
|
23
|
+
this.progressStartTime = 0;
|
|
24
|
+
}
|
|
25
|
+
componentDidLoad() {
|
|
26
|
+
if (this.autoCycle) {
|
|
27
|
+
this.startCycling();
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
disconnectedCallback() {
|
|
31
|
+
this.stopCycling();
|
|
32
|
+
}
|
|
33
|
+
handleAutoCycleChange(newValue) {
|
|
34
|
+
if (newValue) {
|
|
35
|
+
this.startCycling();
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
this.stopCycling();
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
getItems() {
|
|
42
|
+
try {
|
|
43
|
+
return JSON.parse(this.items);
|
|
44
|
+
}
|
|
45
|
+
catch {
|
|
46
|
+
return [];
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
startCycling() {
|
|
50
|
+
this.stopCycling();
|
|
51
|
+
this.progressStartTime = Date.now();
|
|
52
|
+
this.timerProgress = 100;
|
|
53
|
+
// Progress animation frame
|
|
54
|
+
const updateProgress = () => {
|
|
55
|
+
const elapsed = Date.now() - this.progressStartTime;
|
|
56
|
+
const remaining = this.cycleInterval - elapsed;
|
|
57
|
+
if (remaining <= 0) {
|
|
58
|
+
this.moveToNextItem();
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
this.timerProgress = (remaining / this.cycleInterval) * 100;
|
|
62
|
+
this.progressTimer = requestAnimationFrame(updateProgress);
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
this.progressTimer = requestAnimationFrame(updateProgress);
|
|
66
|
+
}
|
|
67
|
+
stopCycling() {
|
|
68
|
+
if (this.progressTimer) {
|
|
69
|
+
cancelAnimationFrame(this.progressTimer);
|
|
70
|
+
this.progressTimer = null;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
moveToNextItem() {
|
|
74
|
+
const items = this.getItems();
|
|
75
|
+
if (items.length === 0)
|
|
76
|
+
return;
|
|
77
|
+
this.expandedIndex = (this.expandedIndex + 1) % items.length;
|
|
78
|
+
// Restart the cycling timer for the new item
|
|
79
|
+
this.startCycling();
|
|
80
|
+
}
|
|
81
|
+
handleItemClick(index) {
|
|
82
|
+
// Reset timer when user clicks
|
|
83
|
+
this.expandedIndex = index;
|
|
84
|
+
// Restart the cycling timer for the clicked item
|
|
85
|
+
if (this.autoCycle) {
|
|
86
|
+
this.startCycling();
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
render() {
|
|
90
|
+
const items = this.getItems();
|
|
91
|
+
const currentItem = items[this.expandedIndex];
|
|
92
|
+
return (index.h(index.Host, { key: '7825aa3ce7bc01d0a2ca8d9bda5b8198aa76271c' }, index.h("div", { key: '0f6256791b7f0df695b73fbbfac13062441efe5d', class: "feature-accordion" }, index.h("div", { key: '325051f2986b59513be4911ebb74ea07e06d51aa', class: "feature-accordion__container" }, index.h("h2", { key: '03d56b844bb0683030cf180ad73c861411be6d97', class: "feature-accordion__heading" }, this.heading), index.h("div", { key: '3016a08061e853af3886c147f1cdead2e275da47', class: "feature-accordion__content" }, index.h("div", { key: '2810385a3c67d49dc4a7c5516aa88764c31cea38', class: "feature-accordion__list" }, items.map((item, index$1) => (index.h("div", { class: {
|
|
93
|
+
'accordion-item': true,
|
|
94
|
+
'accordion-item--expanded': this.expandedIndex === index$1
|
|
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
|
+
maxHeight: this.expandedIndex === index$1 ? '200px' : '0',
|
|
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: '91407477630dfe4287aa84750a3ec344d4d929fe', class: "feature-accordion__image-container" }, index.h("div", { key: '5a5f537b6e38f250ed821e0dfaecf059e88e4251', class: "feature-accordion__image-wrapper" }, currentItem?.imageUrl && (index.h("img", { key: 'e974ce7cc07d28768447a106eeb7f714e93069a9', src: currentItem.imageUrl, alt: currentItem.imageAlt || currentItem.title, class: "feature-accordion__image" })), !currentItem?.imageUrl && (index.h("div", { key: '4e0e981e30d9ad3a10048715f71681dfacff76b4', class: "feature-accordion__image-placeholder" }, index.h("slot", { key: 'c98c9302c6fdd0db75b63ae20a56273bf64638b6', name: "image" }))))))))));
|
|
99
|
+
}
|
|
100
|
+
get el() { return index.getElement(this); }
|
|
101
|
+
static get watchers() { return {
|
|
102
|
+
"autoCycle": ["handleAutoCycleChange"]
|
|
103
|
+
}; }
|
|
104
|
+
};
|
|
105
|
+
AfFeatureAccordion.style = afFeatureAccordionCss;
|
|
106
|
+
|
|
107
|
+
exports.af_feature_accordion = AfFeatureAccordion;
|
|
108
|
+
//# sourceMappingURL=af-feature-accordion.entry.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"af-feature-accordion.entry.cjs.js","sources":["src/components/af-feature-accordion/af-feature-accordion.css?tag=af-feature-accordion&encapsulation=scoped","src/components/af-feature-accordion/af-feature-accordion.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n.feature-accordion {\n background-color: var(--colour-background-level1, #E8EFED);\n padding: 80px 0;\n}\n\n.feature-accordion__container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 40px;\n}\n\n.feature-accordion__heading {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-weight: 400;\n font-size: clamp(36px, 5vw, 52px);\n line-height: 1.05;\n letter-spacing: -0.025em;\n color: var(--colour-brand-inkwell, #14343B);\n margin: 0 0 56px 0;\n}\n\n.feature-accordion__content {\n display: flex;\n gap: 48px;\n}\n\n/* Accordion List */\n.feature-accordion__list {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n}\n\n/* Accordion Item */\n.accordion-item {\n border-bottom: 1px solid rgba(20, 52, 59, 0.12);\n}\n\n.accordion-item:first-child {\n border-top: 1px solid rgba(20, 52, 59, 0.12);\n}\n\n.accordion-item__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 24px 0;\n background: none;\n border: none;\n cursor: pointer;\n text-align: left;\n gap: 16px;\n}\n\n.accordion-item__header:hover .accordion-item__title {\n color: var(--colour-brand-inkwell, #14343B);\n}\n\n.accordion-item__title {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-weight: 500;\n font-size: 22px;\n line-height: 1.25;\n color: var(--colour-brand-inkwell, #14343B);\n margin: 0;\n flex: 1;\n transition: color 0.2s ease;\n}\n\n/* Collapsed items have lighter text */\n.accordion-item:not(.accordion-item--expanded) .accordion-item__title {\n color: rgba(20, 52, 59, 0.7);\n}\n\n.accordion-item__icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n color: var(--colour-brand-inkwell, #14343B);\n transition: transform 0.2s ease;\n}\n\n.accordion-item:not(.accordion-item--expanded) .accordion-item__icon {\n color: rgba(20, 52, 59, 0.5);\n}\n\n.accordion-item__content {\n overflow: hidden;\n transition: max-height 0.3s ease, opacity 0.3s ease;\n}\n\n.accordion-item__description {\n font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n font-weight: 400;\n font-size: 17px;\n line-height: 1.6;\n color: rgba(20, 52, 59, 0.85);\n margin: 0 0 20px 0;\n padding-right: 40px;\n}\n\n/* Timer track - the progress bar at the bottom of expanded items */\n.accordion-item__timer-track {\n height: 3px;\n background-color: rgba(20, 52, 59, 0.1);\n border-radius: 2px;\n margin-bottom: 8px;\n overflow: hidden;\n /* Right-align the progress bar so it drains from right to left */\n display: flex;\n justify-content: flex-start;\n}\n\n.accordion-item__timer-progress {\n height: 100%;\n background-color: var(--colour-brand-teal, #00B5AD);\n border-radius: 2px;\n /* Smooth animation for progress */\n transition: width 0.05s linear;\n}\n\n/* Image Container - stretches full height to align with accordion */\n.feature-accordion__image-container {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #B8C9C5;\n border-radius: 20px;\n overflow: hidden;\n /* Take up remaining space and stretch full height */\n flex: 1;\n min-width: 0;\n}\n\n.feature-accordion__image-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 32px;\n}\n\n.feature-accordion__image {\n max-width: 100%;\n max-height: 100%;\n width: auto;\n height: auto;\n object-fit: contain;\n border-radius: 12px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n}\n\n.feature-accordion__image-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* Tablet */\n@media (max-width: 1024px) {\n .feature-accordion {\n padding: 60px 0;\n }\n\n .feature-accordion__container {\n padding: 0 24px;\n }\n\n .feature-accordion__content {\n gap: 32px;\n }\n\n .feature-accordion__heading {\n margin-bottom: 40px;\n }\n\n .accordion-item__title {\n font-size: 20px;\n }\n}\n\n/* Mobile */\n@media (max-width: 768px) {\n .feature-accordion {\n padding: 48px 0;\n }\n\n .feature-accordion__content {\n flex-direction: column;\n gap: 32px;\n }\n\n .feature-accordion__image-container {\n order: -1;\n min-height: 280px;\n flex: none;\n }\n\n .feature-accordion__list {\n flex: none;\n }\n\n .accordion-item__title {\n font-size: 18px;\n }\n\n .accordion-item__description {\n font-size: 15px;\n padding-right: 0;\n }\n}\n","import { Component, h, Host, Prop, State, Element, Watch } from '@stencil/core';\n\nexport interface FeatureAccordionItem {\n title: string;\n description: string;\n imageUrl?: string;\n imageAlt?: string;\n}\n\n/**\n * Feature accordion component with expandable items and accompanying image\n * Used for showcasing product features with visual examples\n * Features auto-cycling through items with a progress timer\n */\n@Component({\n tag: 'af-feature-accordion',\n styleUrl: 'af-feature-accordion.css',\n shadow: false,\n scoped: true,\n})\nexport class AfFeatureAccordion {\n @Element() el!: HTMLElement;\n\n /** Section heading */\n @Prop() heading: string = 'Give AI agents your paperwork';\n\n /** JSON string of accordion items */\n @Prop() items: string = '[]';\n\n /** Auto-cycle interval in milliseconds (default: 6000ms = 6 seconds) */\n @Prop() cycleInterval: number = 6000;\n\n /** Whether auto-cycling is enabled */\n @Prop() autoCycle: boolean = true;\n\n /** Currently expanded item index */\n @State() expandedIndex: number = 0;\n\n /** Progress of current timer (0-100) */\n @State() timerProgress: number = 100;\n\n private progressTimer: number | null = null;\n private progressStartTime: number = 0;\n\n componentDidLoad() {\n if (this.autoCycle) {\n this.startCycling();\n }\n }\n\n disconnectedCallback() {\n this.stopCycling();\n }\n\n @Watch('autoCycle')\n handleAutoCycleChange(newValue: boolean) {\n if (newValue) {\n this.startCycling();\n } else {\n this.stopCycling();\n }\n }\n\n private getItems(): FeatureAccordionItem[] {\n try {\n return JSON.parse(this.items);\n } catch {\n return [];\n }\n }\n\n private startCycling() {\n this.stopCycling();\n this.progressStartTime = Date.now();\n this.timerProgress = 100;\n \n // Progress animation frame\n const updateProgress = () => {\n const elapsed = Date.now() - this.progressStartTime;\n const remaining = this.cycleInterval - elapsed;\n \n if (remaining <= 0) {\n this.moveToNextItem();\n } else {\n this.timerProgress = (remaining / this.cycleInterval) * 100;\n this.progressTimer = requestAnimationFrame(updateProgress);\n }\n };\n \n this.progressTimer = requestAnimationFrame(updateProgress);\n }\n\n private stopCycling() {\n if (this.progressTimer) {\n cancelAnimationFrame(this.progressTimer);\n this.progressTimer = null;\n }\n }\n\n private moveToNextItem() {\n const items = this.getItems();\n if (items.length === 0) return;\n \n this.expandedIndex = (this.expandedIndex + 1) % items.length;\n // Restart the cycling timer for the new item\n this.startCycling();\n }\n\n private handleItemClick(index: number) {\n // Reset timer when user clicks\n this.expandedIndex = index;\n // Restart the cycling timer for the clicked item\n if (this.autoCycle) {\n this.startCycling();\n }\n }\n\n render() {\n const items = this.getItems();\n const currentItem = items[this.expandedIndex];\n\n return (\n <Host>\n <div class=\"feature-accordion\">\n <div class=\"feature-accordion__container\">\n <h2 class=\"feature-accordion__heading\">{this.heading}</h2>\n \n <div class=\"feature-accordion__content\">\n {/* Left side - Accordion */}\n <div class=\"feature-accordion__list\">\n {items.map((item, index) => (\n <div \n class={{\n 'accordion-item': true,\n 'accordion-item--expanded': this.expandedIndex === index\n }}\n key={index}\n >\n <button \n class=\"accordion-item__header\"\n onClick={() => this.handleItemClick(index)}\n aria-expanded={this.expandedIndex === index ? 'true' : 'false'}\n >\n <h4 class=\"accordion-item__title\">{item.title}</h4>\n <span class=\"accordion-item__icon\">\n {this.expandedIndex === index ? (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n </svg>\n ) : (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 5V19M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n </svg>\n )}\n </span>\n </button>\n <div \n class=\"accordion-item__content\"\n style={{ \n maxHeight: this.expandedIndex === index ? '200px' : '0',\n opacity: this.expandedIndex === index ? '1' : '0'\n }}\n >\n <p class=\"accordion-item__description\">{item.description}</p>\n {this.expandedIndex === index && this.autoCycle && (\n <div class=\"accordion-item__timer-track\">\n <div \n class=\"accordion-item__timer-progress\"\n style={{ width: `${this.timerProgress}%` }}\n ></div>\n </div>\n )}\n </div>\n </div>\n ))}\n </div>\n\n {/* Right side - Image */}\n <div class=\"feature-accordion__image-container\">\n <div class=\"feature-accordion__image-wrapper\">\n {currentItem?.imageUrl && (\n <img \n src={currentItem.imageUrl} \n alt={currentItem.imageAlt || currentItem.title}\n class=\"feature-accordion__image\"\n />\n )}\n {!currentItem?.imageUrl && (\n <div class=\"feature-accordion__image-placeholder\">\n <slot name=\"image\"></slot>\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host","index"],"mappings":"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"}
|