@affinda/wc 0.6.1 → 0.7.0

package/dist/components/af-table.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AfTable extends Components.AfTable, HTMLElement {}
+export const AfTable: {
+    prototype: AfTable;
+    new (): AfTable;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/af-table.js

@@ -0,0 +1 @@
+import{p as r,H as a,h as e,c as t,t as l}from"./p-D1moXdEA.js";const o=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.draggingAxis=null,this.striped=!1,this.bordered=!0,this.compact=!1,this.stickyHeader=!1,this.scrollState={horizontal:{progress:0,thumbSize:100,show:!1},vertical:{progress:0,thumbSize:100,show:!1}},this.updateScrollState=()=>{if(!this.scrollEl)return;const{scrollWidth:r,clientWidth:a,scrollLeft:e,scrollHeight:t,clientHeight:l,scrollTop:o}=this.scrollEl,i=r-a,s=r>a,p=t-l,d=t>l;this.scrollState={horizontal:{progress:i>0?e/i:0,thumbSize:s?a/r*100:100,show:s},vertical:{progress:p>0?o/p:0,thumbSize:d?l/t*100:100,show:d}}},this.handleScroll=()=>{this.updateScrollState()},this.handleScrollbarPointerDown=(r,a)=>{this.scrollEl&&(a.preventDefault(),this.draggingAxis=r,a.currentTarget.setPointerCapture?.(a.pointerId),this.scrollToPointerPosition(r,a))},this.handleScrollbarPointerMove=(r,a)=>{this.draggingAxis===r&&(a.preventDefault(),this.scrollToPointerPosition(r,a))},this.handleScrollbarPointerUp=r=>{this.draggingAxis=null,r.currentTarget.releasePointerCapture?.(r.pointerId)},this.scrollToPointerPosition=(r,a)=>{if(!this.scrollEl)return;const e=a.currentTarget.getBoundingClientRect();"horizontal"===r?this.scrollEl.scrollLeft=Math.max(0,Math.min(1,e.width>0?(a.clientX-e.left)/e.width:0))*(this.scrollEl.scrollWidth-this.scrollEl.clientWidth):this.scrollEl.scrollTop=Math.max(0,Math.min(1,e.height>0?(a.clientY-e.top)/e.height:0))*(this.scrollEl.scrollHeight-this.scrollEl.clientHeight)}}componentDidLoad(){if("undefined"!=typeof requestAnimationFrame?requestAnimationFrame((()=>{this.updateScrollState()})):this.updateScrollState(),"undefined"!=typeof ResizeObserver&&this.scrollEl){this.resizeObserver=new ResizeObserver((()=>{this.updateScrollState()})),this.resizeObserver.observe(this.scrollEl);const r=this.scrollEl.querySelector("table");r&&this.resizeObserver.observe(r)}"undefined"!=typeof window&&window.addEventListener("resize",this.updateScrollState)}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),"undefined"!=typeof window&&window.removeEventListener("resize",this.updateScrollState)}getHorizontalThumbStyle(){const{progress:r,thumbSize:a}=this.scrollState.horizontal;return{left:r*(100-a)+"%",width:a+"%"}}getVerticalThumbStyle(){const{progress:r,thumbSize:a}=this.scrollState.vertical;return{top:r*(100-a)+"%",height:a+"%"}}render(){const{horizontal:r,vertical:a}=this.scrollState,l={"table-wrapper":!0,"table-wrapper--striped":this.striped,"table-wrapper--bordered":this.bordered,"table-wrapper--compact":this.compact,"table-wrapper--sticky-header":this.stickyHeader,"table-wrapper--has-v-scroll":a.show,"table-wrapper--has-h-scroll":r.show},o={};return this.maxHeight?o.maxHeight=this.maxHeight:this.stickyHeader&&(o.maxHeight="400px"),e(t,{key:"1b9df6f9bd73dacf6caa2293fd7c527b98fe0954"},e("div",{key:"95d7aa4919d72218ba7c5c4b81713653a8f67eae",class:l},e("div",{key:"6c9f0456deb850692f6b5d7719d2ec95d5347f19",class:"table-wrapper__viewport"},e("div",{key:"99f1d035c07164976616875fc346dafd5c894b1b",class:"table-wrapper__scroll",ref:r=>this.scrollEl=r,onScroll:this.handleScroll,style:o},e("slot",{key:"3a4d653febf955c5dfe720f573486e999552bb3b"})),a.show&&e("div",{key:"4935b4be60a49c5bdc94b5a9925d2f39e4ec87c3",class:"table-wrapper__scrollbar table-wrapper__scrollbar--v",role:"scrollbar","aria-orientation":"vertical","aria-label":"Vertical scroll","aria-valuenow":Math.round(100*a.progress),"aria-valuemin":0,"aria-valuemax":100,tabIndex:0,onPointerDown:r=>this.handleScrollbarPointerDown("vertical",r),onPointerMove:r=>this.handleScrollbarPointerMove("vertical",r),onPointerUp:this.handleScrollbarPointerUp,onPointerCancel:this.handleScrollbarPointerUp},e("div",{key:"837636ab6d9b71212a58253ac602174f5e2a8025",class:"table-wrapper__scrollbar-track table-wrapper__scrollbar-track--v"},e("div",{key:"1530e0fdafc475bd46e4f91f700b21a17d59bde0",class:"table-wrapper__scrollbar-thumb table-wrapper__scrollbar-thumb--v",style:this.getVerticalThumbStyle()})))),r.show&&e("div",{key:"39527a5006e17f5f3d69442b1823e0c28be07507",class:"table-wrapper__scrollbar table-wrapper__scrollbar--h",role:"scrollbar","aria-orientation":"horizontal","aria-label":"Horizontal scroll","aria-valuenow":Math.round(100*r.progress),"aria-valuemin":0,"aria-valuemax":100,tabIndex:0,onPointerDown:r=>this.handleScrollbarPointerDown("horizontal",r),onPointerMove:r=>this.handleScrollbarPointerMove("horizontal",r),onPointerUp:this.handleScrollbarPointerUp,onPointerCancel:this.handleScrollbarPointerUp},e("div",{key:"1a984fa28fe136b38991efd3ff3b2713625a498d",class:"table-wrapper__scrollbar-track table-wrapper__scrollbar-track--h"},e("div",{key:"6b39a8b99d961bbc65e139f9660adef381757f4b",class:"table-wrapper__scrollbar-thumb table-wrapper__scrollbar-thumb--h",style:this.getHorizontalThumbStyle()})))))}static get style(){return":host{display:block;width:100%}.table-wrapper{position:relative}.table-wrapper__viewport{display:flex}.table-wrapper__scroll{flex:1;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.table-wrapper__scroll::-webkit-scrollbar{display:none}.table-wrapper table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:16px;line-height:24px;color:var(--af-typography-body-default, #2b484f);background-color:var(--af-background-base, #ffffff);border-radius:var(--radius-md, 12px)}.table-wrapper th{text-align:left;font-weight:var(--font-weight-semibold, 600);letter-spacing:var(--letter-spacing-heading, -0.02em);color:var(--af-table-header-text, var(--af-typography-heading-primary, #14343b));background-color:var(--af-table-header-bg, var(--af-background-contrast, #c6d5d1));padding:12px 16px;white-space:nowrap}.table-wrapper thead tr:first-child th:first-child{border-top-left-radius:var(--radius-md, 12px)}.table-wrapper thead tr:first-child th:last-child{border-top-right-radius:var(--radius-md, 12px)}.table-wrapper td{padding:12px 16px;vertical-align:top}.table-wrapper tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-md, 12px)}.table-wrapper tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-md, 12px)}.table-wrapper tr{transition:background-color var(--motion-duration-fast, 150ms) var(--motion-easing-standard)}.table-wrapper--bordered th,.table-wrapper--bordered td{border:1px solid var(--af-table-border, var(--af-background-border-default, #d1ddda))}.table-wrapper--bordered th+th,.table-wrapper--bordered td+td{border-left:none}.table-wrapper--bordered tbody tr+tr td{border-top:none}.table-wrapper--bordered thead+tbody tr:first-child td{border-top:none}.table-wrapper--striped tbody tr:nth-child(odd){background-color:var(--af-table-row-alt, var(--af-background-level-1, #f5f7f7))}.table-wrapper--striped tbody tr:nth-child(even){background-color:var(--af-background-base, #ffffff)}.table-wrapper--compact th,.table-wrapper--compact td{padding:8px 12px}.table-wrapper--compact table{font-size:14px;line-height:20px}.table-wrapper--sticky-header thead th{position:sticky;top:0;z-index:1}.table-wrapper__scrollbar{cursor:grab;touch-action:none;flex-shrink:0}.table-wrapper__scrollbar:active{cursor:grabbing}.table-wrapper__scrollbar:focus-visible{outline:2px solid var(--af-background-border-active, #8a7049);outline-offset:2px;border-radius:999px}.table-wrapper__scrollbar--h{margin-top:var(--space-3, 12px);padding:4px 0;display:flex;align-items:center}.table-wrapper__scrollbar-track--h{position:relative;width:100%;height:1px;background:var(--af-scrollbar-track, var(--af-background-border-default, #d1ddda))}.table-wrapper__scrollbar-thumb--h{position:absolute;top:-1px;height:3px;border-radius:999px;background:var(--af-scrollbar-thumb, var(--af-background-border-active, #8a7049));transition:left 0.1s ease-out}.table-wrapper__scrollbar--h:active .table-wrapper__scrollbar-thumb--h{transition:none}.table-wrapper__scrollbar--v{width:var(--space-4, 16px);margin-left:var(--space-3, 12px);display:flex;justify-content:center;padding:0 4px}.table-wrapper__scrollbar-track--v{position:relative;width:1px;height:100%;background:var(--af-scrollbar-track, var(--af-background-border-default, #d1ddda))}.table-wrapper__scrollbar-thumb--v{position:absolute;left:-1px;width:3px;border-radius:999px;background:var(--af-scrollbar-thumb, var(--af-background-border-active, #8a7049));transition:top 0.1s ease-out}.table-wrapper__scrollbar--v:active .table-wrapper__scrollbar-thumb--v{transition:none}@media (max-width: 768px){.table-wrapper__scroll{-webkit-overflow-scrolling:touch}.table-wrapper th,.table-wrapper td{padding:10px 12px;min-height:44px}.table-wrapper table{font-size:14px;line-height:20px}.table-wrapper__scrollbar--h{padding:8px 0}.table-wrapper__scrollbar--v{padding:0 8px}}.theme-inkwell .table-wrapper table{background-color:var(--af-background-base)}.theme-inkwell .table-wrapper td{color:var(--af-typography-body-default)}.theme-inkwell .table-wrapper--striped tbody tr:nth-child(odd){background-color:var(--af-table-row-alt)}.theme-inkwell .table-wrapper--bordered th,.theme-inkwell .table-wrapper--bordered td{border-color:var(--af-table-border, var(--af-background-border-default))}"}},[260,"af-table",{striped:[4],bordered:[4],compact:[4],stickyHeader:[4,"sticky-header"],maxHeight:[1,"max-height"],scrollState:[32]}]),i=o,s=function(){"undefined"!=typeof customElements&&["af-table"].forEach((r=>{"af-table"===r&&(customElements.get(l(r))||customElements.define(l(r),o))}))};export{i as AfTable,s as defineCustomElement}

package/dist/components/af-tag.js

@@ -1,9 +1 @@
-import { A as AfTag$1, d as defineCustomElement$1 } from './p-B4bimVSM.js';
-
-const AfTag = AfTag$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfTag, defineCustomElement };
-//# sourceMappingURL=af-tag.js.map
-
-//# sourceMappingURL=af-tag.js.map
+import{A as o,d as s}from"./p-BofEd4yd.js";const d=o,p=s;export{d as AfTag,p as defineCustomElement}

package/dist/components/af-testimonial-carousel.js

@@ -1,131 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-import { d as defineCustomElement$2 } from './p-BwowgpiS.js';
-
-const afTestimonialCarouselCss = ".sc-af-testimonial-carousel-h{display:block;width:100%}.testimonial-carousel.sc-af-testimonial-carousel{position:relative;width:100%;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel{position:relative;width:100%;min-height:544px;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{position:absolute;top:0;left:0;width:100%;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out}@media (prefers-reduced-motion: reduce){.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{transition:none}}.testimonial-progress.sc-af-testimonial-carousel{margin-top:32px;max-width:840px;margin-left:auto;margin-right:auto}";
-
-const AfTestimonialCarousel$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonialCarousel extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.currentIndex = 0;
-        this.isAnimating = false;
-        this.testimonialCount = 0;
-        this.testimonials = [];
-        this.goToPrevious = () => {
-            if (this.isAnimating || this.currentIndex === 0)
-                return;
-            this.isAnimating = true;
-            this.currentIndex = this.currentIndex - 1;
-            this.updateVisibleTestimonial();
-            setTimeout(() => {
-                this.isAnimating = false;
-            }, 500);
-        };
-        this.goToNext = () => {
-            if (this.isAnimating || this.currentIndex >= this.testimonialCount - 1)
-                return;
-            this.isAnimating = true;
-            this.currentIndex = this.currentIndex + 1;
-            this.updateVisibleTestimonial();
-            setTimeout(() => {
-                this.isAnimating = false;
-            }, 500);
-        };
-    }
-    componentDidLoad() {
-        this.detectTestimonials();
-        // Watch for testimonials being added (for React async rendering)
-        this.observer = new MutationObserver(() => {
-            this.detectTestimonials();
-        });
-        this.observer.observe(this.host, {
-            childList: true,
-            subtree: true
-        });
-    }
-    disconnectedCallback() {
-        if (this.observer) {
-            this.observer.disconnect();
-        }
-    }
-    /**
-     * Listen for navigation events from testimonials
-     */
-    handleNavPrev() {
-        this.goToPrevious();
-    }
-    handleNavNext() {
-        this.goToNext();
-    }
-    detectTestimonials() {
-        const newTestimonials = Array.from(this.host.querySelectorAll('af-testimonial'));
-        if (newTestimonials.length !== this.testimonials.length) {
-            this.testimonials = newTestimonials;
-            this.testimonialCount = newTestimonials.length;
-            if (this.testimonials.length > 0) {
-                this.currentIndex = 0;
-                this.updateVisibleTestimonial();
-            }
-        }
-    }
-    updateVisibleTestimonial() {
-        const hasPrev = this.currentIndex > 0;
-        const hasNext = this.currentIndex < this.testimonialCount - 1;
-        const showNav = this.testimonialCount > 1;
-        this.testimonials.forEach((testimonial, index) => {
-            const offset = (index - this.currentIndex) * 100;
-            testimonial.style.transform = `translateX(${offset}%)`;
-            testimonial.style.opacity = index === this.currentIndex ? '1' : '0';
-            testimonial.style.pointerEvents = index === this.currentIndex ? 'auto' : 'none';
-            // Set navigation props on testimonials (directly on the element for Stencil)
-            testimonial.showNavigation = showNav;
-            testimonial.hasPrev = hasPrev;
-            testimonial.hasNext = hasNext;
-        });
-    }
-    /**
-     * Calculate progress value (0 to 1) based on current position
-     */
-    getProgress() {
-        if (this.testimonialCount <= 1)
-            return 0;
-        return (this.currentIndex + 1) / this.testimonialCount;
-    }
-    render() {
-        return (h(Host, { key: '22b5bf9b57d64d03969fceef7c63a235cc3b28bb' }, h("div", { key: '4522d4d723ed18d9c700276d2fa55ec3a78618d2', class: "testimonial-carousel" }, h("div", { key: '3dc008449b1b7236ad5bb4f5a641b4635452dd1b', class: "testimonial-slides" }, h("slot", { key: '2e6503ea2a6aaa0cfa04552668f07d88c9169b43' })), this.testimonialCount > 1 && (h("div", { key: '7531aeca557692b0c6fad26031e9da67fe76a2a5', class: "testimonial-progress" }, h("af-progress-line", { key: 'a72e2ae998da694906a261a9e505035e5306b93b', progress: this.getProgress() }))))));
-    }
-    get host() { return this; }
-    static get style() { return afTestimonialCarouselCss; }
-}, [262, "af-testimonial-carousel", {
-        "currentIndex": [32],
-        "isAnimating": [32],
-        "testimonialCount": [32]
-    }, [[0, "afNavPrev", "handleNavPrev"], [0, "afNavNext", "handleNavNext"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-testimonial-carousel", "af-progress-line"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-testimonial-carousel":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfTestimonialCarousel$1);
-            }
-            break;
-        case "af-progress-line":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const AfTestimonialCarousel = AfTestimonialCarousel$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfTestimonialCarousel, defineCustomElement };
-//# sourceMappingURL=af-testimonial-carousel.js.map
-
-//# sourceMappingURL=af-testimonial-carousel.js.map
+import{p as t,H as s,h as i,c as e,t as a}from"./p-D1moXdEA.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.currentIndex=0,this.isAnimating=!1,this.testimonialCount=0,this.testimonials=[],this.draggingProgress=!1,this.goToPrevious=()=>{this.isAnimating||0===this.currentIndex||this.goToIndex(this.currentIndex-1)},this.goToNext=()=>{this.isAnimating||this.currentIndex>=this.testimonialCount-1||this.goToIndex(this.currentIndex+1)},this.handleProgressPointerDown=t=>{this.testimonialCount<=1||(t.preventDefault(),this.draggingProgress=!0,t.currentTarget.setPointerCapture?.(t.pointerId),this.goToIndex(this.indexFromProgressEvent(t)))},this.handleProgressPointerMove=t=>{this.draggingProgress&&(t.preventDefault(),this.goToIndex(this.indexFromProgressEvent(t)))},this.handleProgressPointerUp=t=>{this.draggingProgress=!1,t.currentTarget.releasePointerCapture?.(t.pointerId)},this.handleProgressKeyDown=t=>{this.testimonialCount<=1||("ArrowLeft"===t.key||"ArrowUp"===t.key?(t.preventDefault(),this.goToIndex(this.currentIndex-1)):"ArrowRight"===t.key||"ArrowDown"===t.key?(t.preventDefault(),this.goToIndex(this.currentIndex+1)):"Home"===t.key?(t.preventDefault(),this.goToIndex(0)):"End"===t.key&&(t.preventDefault(),this.goToIndex(this.testimonialCount-1)))}}componentDidLoad(){this.detectTestimonials(),this.observer=new MutationObserver((()=>{this.detectTestimonials()})),this.observer.observe(this.host,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}handleNavPrev(){this.goToPrevious()}handleNavNext(){this.goToNext()}detectTestimonials(){const t=Array.from(this.host.querySelectorAll("af-testimonial"));t.length!==this.testimonials.length&&(this.testimonials=t,this.testimonialCount=t.length,this.testimonials.length>0&&(this.currentIndex=0,this.updateVisibleTestimonial()))}updateVisibleTestimonial(){const t=this.currentIndex>0,s=this.currentIndex<this.testimonialCount-1,i=this.testimonialCount>1;this.testimonials.forEach(((e,a)=>{e.style.transform=`translateX(${100*(a-this.currentIndex)}%)`,e.style.opacity=a===this.currentIndex?"1":"0",e.style.pointerEvents=a===this.currentIndex?"auto":"none",e.showNavigation=i,e.hasPrev=t,e.hasNext=s}))}goToIndex(t){const s=Math.max(0,Math.min(t,this.testimonialCount-1));s!==this.currentIndex&&(this.isAnimating=!0,this.currentIndex=s,this.updateVisibleTestimonial(),setTimeout((()=>{this.isAnimating=!1}),500))}getThumbStyle(){if(this.testimonialCount<=1)return{width:"100%",left:"0%"};const t=1/this.testimonialCount;return{width:100*t+"%",left:this.currentIndex/(this.testimonialCount-1)*(1-t)*100+"%"}}indexFromProgressEvent(t){const s=t.currentTarget.getBoundingClientRect();return Math.round(Math.max(0,Math.min(1,s.width>0?(t.clientX-s.left)/s.width:0))*(this.testimonialCount-1))}render(){return i(e,{key:"98d92cc7d1d7f08d196773bbaba3bd76afa3a19a"},i("div",{key:"f61d3c78a49bcff9a547f43022f2a58de2ee19f9",class:"testimonial-carousel"},i("div",{key:"6be140085ec4725e8e2decb779dda095c48e5b77",class:"testimonial-slides"},i("slot",{key:"72dd8ec51f671f0883bd8a7d51b46c4def0f31df"})),this.testimonialCount>1&&i("div",{key:"3ca565bf5c111ce3d7ecbd4e957715ab097ccf0d",class:"testimonial-progress",role:"slider","aria-label":"Customer story position","aria-valuemin":"1","aria-valuemax":this.testimonialCount,"aria-valuenow":this.currentIndex+1,tabIndex:0,onPointerDown:this.handleProgressPointerDown,onPointerMove:this.handleProgressPointerMove,onPointerUp:this.handleProgressPointerUp,onPointerCancel:this.handleProgressPointerUp,onKeyDown:this.handleProgressKeyDown},i("div",{key:"44d5a90bc9a3576ffd3e2ec2e7d4a047a4af545b",class:"testimonial-progress__track"},i("div",{key:"304ac2fec6717b279777338be1edc008cd3009f9",class:"testimonial-progress__thumb",style:this.getThumbStyle()})))))}get host(){return this}static get style(){return".sc-af-testimonial-carousel-h{display:block;width:100%}.testimonial-carousel.sc-af-testimonial-carousel{position:relative;width:100%;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel{position:relative;display:grid;width:100%;min-height:544px;overflow:hidden}.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{grid-area:1 / 1;width:100%;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out}@media (prefers-reduced-motion: reduce){.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{transition:none}}.testimonial-progress.sc-af-testimonial-carousel{margin-top:32px;max-width:840px;margin-left:auto;margin-right:auto;padding:10px 0;cursor:grab;touch-action:none}.testimonial-progress.sc-af-testimonial-carousel:active{cursor:grabbing}.testimonial-progress.sc-af-testimonial-carousel:focus-visible{outline:2px solid var(--colour-softclay-800, #8a7049);outline-offset:6px;border-radius:999px}.testimonial-progress__track.sc-af-testimonial-carousel{position:relative;width:100%;height:3px;border-radius:999px;background:var(--colour-mistgreen-400, #d1ddda);overflow:hidden}.testimonial-progress__thumb.sc-af-testimonial-carousel{position:absolute;top:0;height:100%;border-radius:inherit;background:var(--colour-softclay-800, #8a7049);transition:left 0.25s ease, width 0.25s ease}@media (max-width: 767px){.testimonial-slides.sc-af-testimonial-carousel-s>af-testimonial,.testimonial-slides .sc-af-testimonial-carousel-s>af-testimonial{height:100%}}"}},[262,"af-testimonial-carousel",{currentIndex:[32],isAnimating:[32],testimonialCount:[32]},[[0,"afNavPrev","handleNavPrev"],[0,"afNavNext","handleNavNext"]]]),n=o,r=function(){"undefined"!=typeof customElements&&["af-testimonial-carousel"].forEach((t=>{"af-testimonial-carousel"===t&&(customElements.get(a(t))||customElements.define(a(t),o))}))};export{n as AfTestimonialCarousel,r as defineCustomElement}

package/dist/components/af-testimonial-stat.js

@@ -1,57 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-import { d as defineCustomElement$3 } from './p-C05qWmXd.js';
-import { d as defineCustomElement$2 } from './p-C1nX4HkM.js';
-
-const afTestimonialStatCss = ".sc-af-testimonial-stat-h{display:block;flex:1;min-width:0}.stat.sc-af-testimonial-stat{display:flex;flex-direction:column;gap:8px}.stat--accent.sc-af-testimonial-stat{border-left:2px solid var(--af-background-border-active, var(--colour-softclay-800, #8a7049));padding-left:16px;min-height:76px;justify-content:center}.stat-value.sc-af-testimonial-stat{--af-typography-heading-primary:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));letter-spacing:-0.88px;white-space:nowrap;font-variant-numeric:lining-nums proportional-nums;font-feature-settings:'ss01', 'kern'}.stat-description.sc-af-testimonial-stat{--af-typography-body-default:var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));overflow:hidden;text-overflow:ellipsis}";
-
-const AfTestimonialStat$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonialStat extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Whether to show left accent border
-         */
-        this.accentBorder = false;
-    }
-    render() {
-        return (h(Host, { key: '91a17ccf44b3306f2fad218201c0df9d541bdefd' }, h("div", { key: '6df0dc851385ea20371197016c421365ef230fc4', class: `stat ${this.accentBorder ? 'stat--accent' : ''}` }, h("af-heading", { key: 'dae1f4350a927c43a44d3030c39d9a6e4fd46f11', level: 2, class: "stat-value" }, this.value), h("af-text", { key: '06db3eac580389a28974e9841d52b1175aa3d00a', variant: "medium", class: "stat-description" }, this.description))));
-    }
-    static get style() { return afTestimonialStatCss; }
-}, [258, "af-testimonial-stat", {
-        "value": [1],
-        "description": [1],
-        "accentBorder": [4, "accent-border"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-testimonial-stat", "af-heading", "af-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-testimonial-stat":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfTestimonialStat$1);
-            }
-            break;
-        case "af-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "af-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const AfTestimonialStat = AfTestimonialStat$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfTestimonialStat, defineCustomElement };
-//# sourceMappingURL=af-testimonial-stat.js.map
-
-//# sourceMappingURL=af-testimonial-stat.js.map
+import{p as t,H as a,h as e,c as s,t as i}from"./p-D1moXdEA.js";import{d as n}from"./p-D_G6S5Se.js";import{d as o}from"./p-Dq8b9JgN.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.accentBorder=!1}render(){const t=!(!this.value||!(this.value+"").trim());return e(s,{key:"9f24237da435b586b0dc5e3bb6619c41e268c067"},e("div",{key:"6afb43ac98fa1da06afeb8a52a8dd6c3ff303761",class:{stat:!0,"stat--accent":this.accentBorder,"stat--text-only":!t}},t&&e("af-heading",{key:"50e081d74ce5b7aefc9badd5fb832b27f7711db5",level:2,class:"stat-value"},this.value),e("af-text",{key:"cb4447400eabad311e6d987b229b3de13d51f5b4",variant:"medium",class:"stat-description"},this.description)))}static get style(){return".sc-af-testimonial-stat-h{display:block;flex:1;min-width:0}.stat.sc-af-testimonial-stat{display:flex;flex-direction:column;gap:8px}.stat--accent.sc-af-testimonial-stat{border-left:2px solid var(--af-background-border-active, var(--colour-softclay-800, #8a7049));padding-left:24px;min-height:76px;justify-content:center}.stat--text-only.sc-af-testimonial-stat{min-height:0;justify-content:flex-start}.stat-value.sc-af-testimonial-stat{--af-typography-heading-primary:var(--colour-softclay-800, #8a7049);letter-spacing:-0.88px;white-space:nowrap;font-variant-numeric:lining-nums proportional-nums;font-feature-settings:'ss01', 'kern'}.stat-description.sc-af-testimonial-stat{--af-typography-body-default:var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));overflow:hidden;text-overflow:ellipsis}.stat--text-only.sc-af-testimonial-stat .stat-description.sc-af-testimonial-stat{overflow:visible;text-overflow:clip}@media (max-width: 767px){.sc-af-testimonial-stat-h{flex:none}.stat.sc-af-testimonial-stat{display:grid;grid-template-columns:max-content minmax(0, 1fr);align-items:center;column-gap:18px;row-gap:8px}.stat--accent.sc-af-testimonial-stat{min-height:0;padding-left:16px;justify-content:initial}.stat--text-only.sc-af-testimonial-stat{grid-template-columns:minmax(0, 1fr)}.stat-value.sc-af-testimonial-stat{min-width:max-content}.stat-value.sc-af-testimonial-stat:empty{display:none}.stat-value.sc-af-testimonial-stat:empty+.stat-description.sc-af-testimonial-stat{grid-column:1 / -1}.stat-description.sc-af-testimonial-stat{overflow:visible;text-overflow:clip}}"}},[2,"af-testimonial-stat",{value:[1],description:[1],accentBorder:[4,"accent-border"]}]),c=l,r=function(){"undefined"!=typeof customElements&&["af-testimonial-stat","af-heading","af-text"].forEach((t=>{switch(t){case"af-testimonial-stat":customElements.get(i(t))||customElements.define(i(t),l);break;case"af-heading":customElements.get(i(t))||n();break;case"af-text":customElements.get(i(t))||o()}}))};export{c as AfTestimonialStat,r as defineCustomElement}

package/dist/components/af-testimonial.js

@@ -1,88 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-Btpdr0Bi.js';
-import { d as defineCustomElement$4 } from './p-CeWN48Eq.js';
-import { d as defineCustomElement$3 } from './p-CMatO7AD.js';
-import { d as defineCustomElement$2 } from './p-C8HmyE5-.js';
-
-const afTestimonialCss = ".sc-af-testimonial-h{display:block;width:100%}.testimonial-card.sc-af-testimonial{background:var(--af-background-level-1, var(--colour-mistgreen-200, #e8eeed));border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;display:flex;height:544px;box-sizing:border-box}.testimonial-image.sc-af-testimonial{position:relative;width:50%;min-width:300px;max-width:519px;height:100%;background:var(--colour-brand-inkwell, #14343b);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.testimonial-bg-image.sc-af-testimonial{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.7}.testimonial-logo.sc-af-testimonial{position:relative;z-index:1;padding:0 108px;max-width:100%}.testimonial-logo.sc-af-testimonial img.sc-af-testimonial{width:100%;height:auto;display:block}.testimonial-content.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:32px;padding:48px;border:1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));border-left:1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));box-sizing:border-box}.testimonial-quote-section.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.testimonial-quote-icon.sc-af-testimonial{width:48px;height:48px;color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));flex-shrink:0}.testimonial-text.sc-af-testimonial{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:22px;line-height:1.4;font-weight:var(--font-weight-regular, 400);color:var(--af-typography-body-default, var(--colour-brand-inkwell, #14343b))}.testimonial-text.sc-af-testimonial-s>p,.testimonial-text .sc-af-testimonial-s>p,.testimonial-text.sc-af-testimonial p.sc-af-testimonial{font:inherit;color:inherit;margin:0 0 12px 0}.testimonial-text.sc-af-testimonial-s>p,.testimonial-text.sc-af-testimonial-s>p:last-child,.testimonial-text .sc-af-testimonial-s>p:last-child,.testimonial-text.sc-af-testimonial p.sc-af-testimonial:last-child{margin-bottom:0}.testimonial-text.sc-af-testimonial-s>ul,.testimonial-text .sc-af-testimonial-s>ul,.testimonial-text.sc-af-testimonial ul.sc-af-testimonial{margin:0 0 12px 0;padding-left:20px}.testimonial-attribution.sc-af-testimonial{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:16px;line-height:24px;color:var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));margin-top:12px}.testimonial-stats.sc-af-testimonial{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px;width:100%;flex-shrink:0}@media (min-width: 768px) and (max-width: 1023px){.testimonial-stats.sc-af-testimonial{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 767px){.testimonial-stats.sc-af-testimonial{grid-template-columns:1fr}}.testimonial-footer.sc-af-testimonial{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--af-background-border-default, var(--colour-mistgreen-400, #d1ddda));padding-top:32px;flex-shrink:0;min-height:48px}.testimonial-nav.sc-af-testimonial{display:flex;gap:12px}.testimonial-nav-buttons.sc-af-testimonial{display:flex;gap:12px}";
-
-const AfTestimonial$1 = /*@__PURE__*/ proxyCustomElement(class AfTestimonial extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.afNavPrev = createEvent(this, "afNavPrev");
-        this.afNavNext = createEvent(this, "afNavNext");
-        /**
-         * Whether to show built-in navigation buttons (used when in a carousel)
-         */
-        this.showNavigation = false;
-        /**
-         * Whether the previous button is enabled
-         */
-        this.hasPrev = false;
-        /**
-         * Whether the next button is enabled
-         */
-        this.hasNext = false;
-        this.handlePrev = () => {
-            this.afNavPrev.emit();
-        };
-        this.handleNext = () => {
-            this.afNavNext.emit();
-        };
-    }
-    render() {
-        return (h(Host, { key: '80a3efe588282b01d52658687773625f288a4b3e' }, h("div", { key: '1bab71c2e9cd9642b974581ab1e81b4409c3db33', class: "testimonial-card" }, h("div", { key: '757017d5e835d315098347d6ed57289f21c027d7', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: 'b34a06a82ca938e81e79380a6b5722bd078131f7', src: this.backgroundImage, alt: "", class: "testimonial-bg-image" })), this.logoImage && (h("div", { key: 'dba031936873eccadad941db017d5984088f0a50', class: "testimonial-logo" }, h("img", { key: '078fc2154e5adc48b7f75f5a93031ef1eecd0d41', src: this.logoImage, alt: "Company logo" })))), h("div", { key: '9f54287503b26830cfe219f34e4d761726f9f8b9', class: "testimonial-content" }, h("div", { key: 'b6c72479f48f7069cca0836f983bedb5ca0d7616', class: "testimonial-quote-section" }, h("div", { key: '5e89e9efd6e138724dc3e61179944673e1171eba', class: "testimonial-quote-icon" }, h("slot", { key: '286f01b50320b8cbe558cdc843c1ba1da3ef5068', name: "quote-icon" }, h("af-icon", { key: 'f960ac4275fb9bd80fdcee5f1de5fc5873e325d5', name: "quote", size: 48 }))), h("div", { key: '57339e4a4c65e4525f2f04b8374734c4c71ecb93', class: "testimonial-text" }, h("slot", { key: '35db736d11a36fbb91ce4f5a289f04cac83be2e5', name: "quote-body" }, this.quote)), h("div", { key: '35db245f0a6324e5c3322cd5c4cf8206762c9ad3', class: "testimonial-attribution" }, this.attribution)), h("div", { key: '67dbc98ab75bc036ca4b3f3976505345421231ef', class: "testimonial-stats" }, h("slot", { key: 'd7499af5422f112c42cfd815fec43e9743876021', name: "stats" })), h("div", { key: '0e557948da1a17d10b2e75f8f2cb9193a6ca6c07', class: "testimonial-footer" }, h("div", { key: 'f942dacf7c4676be08b88c4ec6a5bfd8115e2e04', class: "testimonial-nav" }, this.showNavigation ? (
-        // Render built-in navigation buttons
-        h("div", { class: "testimonial-nav-buttons" }, h("af-icon-button", { variant: "secondary", disabled: !this.hasPrev, onClick: this.handlePrev, ariaLabel: "Previous testimonial" }, h("af-icon", { name: "arrow-left", size: 24 })), h("af-icon-button", { variant: "secondary", disabled: !this.hasNext, onClick: this.handleNext, ariaLabel: "Next testimonial" }, h("af-icon", { name: "arrow-right", size: 24 })))) : (
-        // Allow custom navigation via slot
-        h("slot", { name: "navigation" }))), this.readMoreLink && (h("af-button", { key: '6197b00d781b08eec10bf487918deed969408df4', variant: "secondary", href: this.readMoreLink }, "Read full story", h("af-icon", { key: '2cdf53d215a417beff6e8edf20f510ee68d176ab', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
-    }
-    static get style() { return afTestimonialCss; }
-}, [262, "af-testimonial", {
-        "backgroundImage": [1, "background-image"],
-        "logoImage": [1, "logo-image"],
-        "quote": [1],
-        "attribution": [1],
-        "readMoreLink": [1, "read-more-link"],
-        "showNavigation": [1028, "show-navigation"],
-        "hasPrev": [1028, "has-prev"],
-        "hasNext": [1028, "has-next"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-testimonial", "af-button", "af-icon", "af-icon-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-testimonial":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfTestimonial$1);
-            }
-            break;
-        case "af-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "af-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "af-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const AfTestimonial = AfTestimonial$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfTestimonial, defineCustomElement };
-//# sourceMappingURL=af-testimonial.js.map
-
-//# sourceMappingURL=af-testimonial.js.map
+import{p as t,H as i,d as e,h as a,c as s,t as o}from"./p-D1moXdEA.js";import{d as n}from"./p-Cye028UF.js";import{d as l}from"./p-Co9EDn2t.js";import{d as c}from"./p-bknhsVLn.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.afNavPrev=e(this,"afNavPrev"),this.afNavNext=e(this,"afNavNext"),this.showNavigation=!1,this.hasPrev=!1,this.hasNext=!1,this.handlePrev=()=>{this.afNavPrev.emit()},this.handleNext=()=>{this.afNavNext.emit()}}render(){return a(s,{key:"ad91dbd409de788e2c749f3c2322c9e5c7d9c09b"},a("div",{key:"dd288e0d360e98071aeeb9d91c6c698b17fb6032",class:"testimonial-card"},a("div",{key:"67d7ba334ce642eec8ef3cde1c40d609e8afe1b4",class:"testimonial-image"},this.backgroundImage&&a("img",{key:"347e6d302ed8e43aa141519f9b479f7987f4a4e9",src:this.backgroundImage,alt:"",class:"testimonial-bg-image",width:this.backgroundImageWidth,height:this.backgroundImageHeight,loading:"lazy",decoding:"async"}),this.logoImage&&a("div",{key:"ff7ff6ae5d11eec2b39fa297f74c0dc8696aff6e",class:"testimonial-logo"},a("img",{key:"2b76215335c84411d01919cec4ee9262b1c5b304",src:this.logoImage,alt:"Company logo",width:this.logoImageWidth,height:this.logoImageHeight,loading:"lazy",decoding:"async"}))),a("div",{key:"160341b09a2bc6ca535a635d4823e82b1a3caeb3",class:"testimonial-content"},a("div",{key:"7eea93f6f665ae84ff877cd6e5edb6ae677d3164",class:"testimonial-quote-section"},a("div",{key:"fd04e334dacc55feffe6cadb52a01920659b954f",class:"testimonial-quote-icon"},a("slot",{key:"109f0823a5e8e54b74767f7b5677b939fcc77834",name:"quote-icon"},a("af-icon",{key:"8540f2f0d35a1bf459533eec4631a7962ffc0df1",name:"quote",size:48}))),a("div",{key:"02ef49c795f38e8cc2f294ed320f348cc59cccdf",class:"testimonial-text"},a("slot",{key:"5ebb719c60a0a7672c1de9df78aee1e1388aafcb",name:"quote-body"},this.quote)),a("div",{key:"3c92a455180b6ca2f37d9789394098e5b2582c9a",class:"testimonial-attribution"},this.attribution)),a("div",{key:"2dbeab8880d1747d031d770c591eb748ce977960",class:"testimonial-stats"},a("slot",{key:"2406e56c0fa232aa6c8536a237bdd6bac028feb3",name:"stats"})),a("div",{key:"1ecc9f39a6177158d11905a69471826dcab36572",class:"testimonial-footer"},a("div",{key:"a3535f97d0d5207f4432eb7503a07924b21bf667",class:"testimonial-nav"},this.showNavigation?a("div",{class:"testimonial-nav-buttons"},a("af-icon-button",{variant:"secondary",disabled:!this.hasPrev,onClick:this.handlePrev,ariaLabel:"Previous testimonial"},a("af-icon",{name:"arrow-left",size:24})),a("af-icon-button",{variant:"secondary",disabled:!this.hasNext,onClick:this.handleNext,ariaLabel:"Next testimonial"},a("af-icon",{name:"arrow-right",size:24}))):a("slot",{name:"navigation"})),this.readMoreLink&&a("af-button",{key:"252c05b0d1a021cd714a13916d131e83d5554310",variant:"secondary",href:this.readMoreLink},"Read full story",a("af-icon",{key:"c83db76ad4af0ba2efbcff4e6ddb24c14095ac1a",slot:"icon-right",name:"arrow-right",size:24}))))))}static get style(){return".sc-af-testimonial-h{display:block;width:100%}.testimonial-card.sc-af-testimonial{background:var(--af-background-level-1, var(--colour-mistgreen-200, #e8eeed));border-radius:var(--border-radius-card-level-1, 32px);overflow:hidden;display:flex;min-height:544px;box-sizing:border-box}.testimonial-image.sc-af-testimonial{position:relative;width:50%;min-width:300px;max-width:519px;align-self:stretch;background:var(--colour-brand-inkwell, #14343b);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.testimonial-bg-image.sc-af-testimonial{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.7}.testimonial-logo.sc-af-testimonial{position:relative;z-index:1;padding:0 108px;max-width:100%}.testimonial-logo.sc-af-testimonial img.sc-af-testimonial{width:100%;height:auto;display:block}.testimonial-content.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:32px;padding:48px;border:1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));border-left:1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed));box-sizing:border-box}.testimonial-quote-section.sc-af-testimonial{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:visible}.testimonial-quote-icon.sc-af-testimonial{width:48px;height:48px;color:var(--af-typography-heading-secondary, var(--colour-brand-soft-clay, #b09670));flex-shrink:0}.testimonial-text.sc-af-testimonial{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:22px;line-height:1.4;font-weight:var(--font-weight-regular, 400);color:var(--af-typography-body-default, var(--colour-brand-inkwell, #14343b))}.testimonial-text.sc-af-testimonial-s>p,.testimonial-text .sc-af-testimonial-s>p,.testimonial-text.sc-af-testimonial p.sc-af-testimonial{font:inherit;color:inherit;margin:0 0 12px 0}.testimonial-text.sc-af-testimonial-s>p:last-child,.testimonial-text .sc-af-testimonial-s>p:last-child,.testimonial-text.sc-af-testimonial p.sc-af-testimonial:last-child{margin-bottom:0}.testimonial-text.sc-af-testimonial-s>ul,.testimonial-text .sc-af-testimonial-s>ul,.testimonial-text.sc-af-testimonial ul.sc-af-testimonial{margin:0 0 12px 0;padding-left:20px}.testimonial-attribution.sc-af-testimonial{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:20px;line-height:1.35;color:var(--af-typography-body-dark, var(--colour-brand-inkwell, #14343b));margin-top:0}.testimonial-stats.sc-af-testimonial{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:32px;width:100%;flex-shrink:0;align-items:start}@media (min-width: 768px) and (max-width: 1023px){.testimonial-card.sc-af-testimonial{min-height:0}.testimonial-image.sc-af-testimonial{width:42%;min-width:260px}.testimonial-content.sc-af-testimonial{padding:36px;gap:28px}.testimonial-stats.sc-af-testimonial{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 767px){.sc-af-testimonial-h{height:100%}.testimonial-card.sc-af-testimonial{flex-direction:column;min-height:0;height:100%;border-radius:24px}.testimonial-image.sc-af-testimonial{display:none}.testimonial-content.sc-af-testimonial{padding:32px 28px;gap:24px;border-left:1px solid var(--af-background-border-subtle, var(--colour-mistgreen-200, #e8eeed))}.testimonial-quote-section.sc-af-testimonial{gap:12px}.testimonial-quote-icon.sc-af-testimonial{width:40px;height:40px}.testimonial-text.sc-af-testimonial{font-size:20px;line-height:1.35}.testimonial-attribution.sc-af-testimonial{margin-top:4px;font-size:18px}.testimonial-stats.sc-af-testimonial{grid-template-columns:1fr;gap:20px}.testimonial-footer.sc-af-testimonial{flex-direction:column;align-items:stretch;gap:16px;border-top:0;padding-top:4px}.testimonial-nav.sc-af-testimonial{justify-content:center;order:2}.testimonial-footer.sc-af-testimonial af-button.sc-af-testimonial{width:100%;--af-button-width:100%}}.testimonial-footer.sc-af-testimonial{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--af-background-border-default, var(--colour-mistgreen-400, #d1ddda));padding-top:32px;flex-shrink:0;min-height:48px}.testimonial-nav.sc-af-testimonial{display:flex;gap:12px}.testimonial-nav-buttons.sc-af-testimonial{display:flex;gap:12px}"}},[262,"af-testimonial",{backgroundImage:[1,"background-image"],backgroundImageWidth:[2,"background-image-width"],backgroundImageHeight:[2,"background-image-height"],logoImage:[1,"logo-image"],logoImageWidth:[2,"logo-image-width"],logoImageHeight:[2,"logo-image-height"],quote:[1],attribution:[1],readMoreLink:[1,"read-more-link"],showNavigation:[1028,"show-navigation"],hasPrev:[1028,"has-prev"],hasNext:[1028,"has-next"]}]),r=d,m=function(){"undefined"!=typeof customElements&&["af-testimonial","af-button","af-icon","af-icon-button"].forEach((t=>{switch(t){case"af-testimonial":customElements.get(o(t))||customElements.define(o(t),d);break;case"af-button":customElements.get(o(t))||n();break;case"af-icon":customElements.get(o(t))||l();break;case"af-icon-button":customElements.get(o(t))||c()}}))};export{r as AfTestimonial,m as defineCustomElement}

package/dist/components/af-text-image-nest.js

@@ -1,51 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-
-const afTextImageNestCss = ".sc-af-text-image-nest-h{display:block;width:100%}.text-image-nest.sc-af-text-image-nest{width:100%;position:relative}.nest__content.sc-af-text-image-nest{display:flex;flex-direction:column;align-items:center;gap:48px}.nest__grid.sc-af-text-image-nest{display:grid;gap:40px;width:100%}.grid-single.sc-af-text-image-nest{grid-template-columns:1fr}.grid-grid-2.sc-af-text-image-nest{grid-template-columns:repeat(2, 1fr)}.grid-grid-3.sc-af-text-image-nest{grid-template-columns:repeat(3, 1fr)}.grid-grid-4.sc-af-text-image-nest{grid-template-columns:repeat(4, 1fr)}.grid-stacked.sc-af-text-image-nest{grid-template-columns:1fr;gap:48px}.nest__footer.sc-af-text-image-nest{display:flex;justify-content:center;gap:12px}.nest__footer.sc-af-text-image-nest:empty{display:none}@media (max-width: 768px){.nest__content.sc-af-text-image-nest{gap:32px}.nest__grid.sc-af-text-image-nest{grid-template-columns:1fr;gap:32px}.grid-stacked.sc-af-text-image-nest{gap:40px}.nest__footer.sc-af-text-image-nest{flex-direction:column;align-items:center}}.sc-af-text-image-nest-s>*{margin:0}";
-
-const AfTextImageNest$1 = /*@__PURE__*/ proxyCustomElement(class AfTextImageNest extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Layout variant for the content grid
-         */
-        this.layout = 'grid-3';
-    }
-    render() {
-        const containerClasses = {
-            'text-image-nest': true,
-            [`layout-${this.layout}`]: true,
-        };
-        const gridClasses = {
-            'nest__grid': true,
-            [`grid-${this.layout}`]: true,
-        };
-        return (h(Host, { key: 'e250c2528e02050ea4debe9685eae3b6053a98b2' }, h("div", { key: '2af2eb56c3f384a12f4fcf1cefc155bb5a063a38', class: containerClasses }, h("div", { key: '270a0bf4748ab56477d0b9d79ebf4f4bbb122ac3', class: "nest__content" }, h("div", { key: '76013f327279d631b59a97d659b6c6932d967041', class: gridClasses }, h("slot", { key: '50c5772a355f729671ad38eb745f06040cecac16' })), h("div", { key: 'd285fc3f8a66b869bfda14beb9903e19f9d0de84', class: "nest__footer" }, h("slot", { key: '2f416cc2f07fb24149b8b8f9190c3fa7f8efe034', name: "buttons" }))))));
-    }
-    static get style() { return afTextImageNestCss; }
-}, [262, "af-text-image-nest", {
-        "layout": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-text-image-nest"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-text-image-nest":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfTextImageNest$1);
-            }
-            break;
-    } });
-}
-
-const AfTextImageNest = AfTextImageNest$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfTextImageNest, defineCustomElement };
-//# sourceMappingURL=af-text-image-nest.js.map
-
-//# sourceMappingURL=af-text-image-nest.js.map
+import{p as e,H as t,h as s,c as a,t as i}from"./p-D1moXdEA.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.layout="grid-3"}render(){return s(a,{key:"655d1468f8ba5cfa71835f6a462b9d58e84ac1cb"},s("div",{key:"56d8141d321dc7c3d359cc9b51de026f093ff13c",class:{"text-image-nest":!0,["layout-"+this.layout]:!0}},s("div",{key:"34c9b958d0ad3c7eeab435ec0e4e9673c8e042f4",class:"nest__content"},s("div",{key:"10c0b6dae2bf170ad2cb93d9b5b902570ebdaabd",class:{nest__grid:!0,["grid-"+this.layout]:!0}},s("slot",{key:"6facf77d6646053886868dc94b1f9b6c78108829"})),s("div",{key:"afd8b3c3972d047f30928970de0c135f5f6409d4",class:"nest__footer"},s("slot",{key:"c7e61877e32f093d2dc774517175b93447b360d0",name:"buttons"})))))}static get style(){return".sc-af-text-image-nest-h{display:block;width:100%}.text-image-nest.sc-af-text-image-nest{width:100%;position:relative}.nest__content.sc-af-text-image-nest{display:flex;flex-direction:column;align-items:center;gap:48px}.nest__grid.sc-af-text-image-nest{display:grid;gap:40px;width:100%}.grid-single.sc-af-text-image-nest{grid-template-columns:1fr}.grid-grid-2.sc-af-text-image-nest{grid-template-columns:repeat(2, 1fr)}.grid-grid-3.sc-af-text-image-nest{grid-template-columns:repeat(3, 1fr)}.grid-grid-4.sc-af-text-image-nest{grid-template-columns:repeat(4, 1fr)}.grid-stacked.sc-af-text-image-nest{grid-template-columns:1fr;gap:48px}.nest__footer.sc-af-text-image-nest{display:flex;justify-content:center;gap:12px}.nest__footer.sc-af-text-image-nest:empty{display:none}@media (max-width: 768px){.nest__content.sc-af-text-image-nest{gap:32px}.nest__grid.sc-af-text-image-nest{grid-template-columns:1fr;gap:32px}.grid-stacked.sc-af-text-image-nest{gap:40px}.nest__footer.sc-af-text-image-nest{flex-direction:column;align-items:center}}.sc-af-text-image-nest-s>*{margin:0}"}},[262,"af-text-image-nest",{layout:[1]}]),c=n,d=function(){"undefined"!=typeof customElements&&["af-text-image-nest"].forEach((e=>{"af-text-image-nest"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{c as AfTextImageNest,d as defineCustomElement}

package/dist/components/af-text-image.js

@@ -1,95 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Btpdr0Bi.js';
-import { d as defineCustomElement$2 } from './p-BiSEOBg5.js';
-
-const afTextImageCss = ".sc-af-text-image-h{display:block;width:100%}.text-image.sc-af-text-image{display:flex;width:100%}.text-image--side-by-side.sc-af-text-image{flex-direction:row;align-items:flex-start;gap:var(--space-8, 32px)}.text-image--image-left.sc-af-text-image{flex-direction:row}.text-image--image-right.sc-af-text-image{flex-direction:row}.text-image--full-width.sc-af-text-image{flex-direction:column;gap:var(--space-8, 32px)}.text-image__content.sc-af-text-image{display:flex;flex-direction:column;gap:56px;flex:1;min-width:0}.text-image--proportion-1-2.sc-af-text-image .text-image__content.sc-af-text-image{flex:1}.text-image--proportion-1-3.sc-af-text-image .text-image__content.sc-af-text-image{flex:2}.text-image--proportion-1-4.sc-af-text-image .text-image__content.sc-af-text-image{flex:3}.text-image--proportion-100.sc-af-text-image .text-image__content.sc-af-text-image{flex:none;width:100%}.text-image--image-right.sc-af-text-image .text-image__content.sc-af-text-image{padding-right:var(--space-8, 32px)}.text-image--image-left.sc-af-text-image .text-image__content.sc-af-text-image{padding-left:var(--space-8, 32px)}.text-image--full-width.sc-af-text-image .text-image__content.sc-af-text-image{padding:0}.text-image__lockup.sc-af-text-image{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%}.text-image__copy.sc-af-text-image{display:flex;flex-direction:column;gap:var(--space-4, 16px);max-width:840px;width:100%}.text-image__heading.sc-af-text-image{font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:var(--font-size-heading-3-desktop, 34px);line-height:var(--line-height-heading-tight, 1);letter-spacing:var(--letter-spacing-heading, -0.02em);color:var(--af-typography-heading-primary, #14343B);white-space:normal}.text-image__heading.sc-af-text-image:empty{display:none}.text-image__description.sc-af-text-image{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-body-large, 18px);line-height:var(--line-height-body-large, 26px);color:var(--af-typography-body-default, #2B484F);white-space:normal}.text-image__description.sc-af-text-image:empty{display:none}.text-image__buttons.sc-af-text-image{display:block}.text-image__buttons.sc-af-text-image:empty{display:none}.text-image__image-wrapper.sc-af-text-image{flex-shrink:0;overflow:hidden;border-radius:var(--radius-md, 12px)}.text-image--proportion-1-2.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{flex:1;min-width:0}.text-image--proportion-1-3.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{flex:1;min-width:0}.text-image--proportion-1-4.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{flex:1;min-width:0}.text-image--proportion-100.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{width:100%}@media (max-width: 768px){.text-image--side-by-side.sc-af-text-image{flex-direction:column;gap:var(--space-6, 24px)}.text-image--image-left.sc-af-text-image,.text-image--image-right.sc-af-text-image{flex-direction:column}.text-image--image-right.sc-af-text-image .text-image__content.sc-af-text-image,.text-image--image-left.sc-af-text-image .text-image__content.sc-af-text-image{padding:0}.text-image__content.sc-af-text-image,.text-image__image-wrapper.sc-af-text-image{flex:none !important;width:100%}.text-image__heading.sc-af-text-image{font-size:var(--font-size-heading-3-mobile, 25px)}.text-image--proportion-100.sc-af-text-image .text-image__description.sc-af-text-image{font-size:var(--font-size-body-medium, 16px);line-height:var(--line-height-body-medium, 24px)}.text-image--proportion-100.sc-af-text-image .text-image__lockup.sc-af-text-image{gap:var(--space-3, 12px)}.text-image--proportion-100.sc-af-text-image .text-image__copy.sc-af-text-image{gap:var(--space-3, 12px)}.text-image__image-wrapper.sc-af-text-image{border-radius:var(--radius-sm, 8px)}}.sc-af-text-image-s>*{margin:0}.sc-af-text-image-s>p{margin:0}";
-
-const AfTextImage$1 = /*@__PURE__*/ proxyCustomElement(class AfTextImage extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Position of the image relative to the text content
-         */
-        this.imagePosition = 'right';
-        /**
-         * Proportion of the image in the layout
-         * - '1/2': Image and text each take half the width (50/50)
-         * - '1/3': Image takes 1/3 of the width (text takes 2/3)
-         * - '1/4': Image takes 1/4 of the width (text takes 3/4)
-         * - '100%': Image takes full width below text
-         */
-        this.imageProportion = '1/3';
-        /**
-         * Image alt text for accessibility
-         */
-        this.alt = '';
-        /**
-         * Whether to show a second typography lockup section
-         */
-        this.showSecondLockup = false;
-    }
-    render() {
-        const isFullWidth = this.imageProportion === '100%';
-        const isImageLeft = this.imagePosition === 'left';
-        const containerClasses = {
-            'text-image': true,
-            'text-image--full-width': isFullWidth,
-            'text-image--side-by-side': !isFullWidth,
-            'text-image--image-left': isImageLeft && !isFullWidth,
-            'text-image--image-right': !isImageLeft && !isFullWidth,
-            [`text-image--proportion-${this.imageProportion.replace('/', '-').replace('%', '')}`]: true,
-        };
-        const renderTypographyLockup = (isSecond = false) => {
-            const prefix = isSecond ? 'second-' : '';
-            return (h("div", { class: `text-image__lockup ${isSecond ? 'text-image__lockup--second' : ''}` }, h("div", { class: "text-image__copy" }, h("div", { class: "text-image__heading" }, h("slot", { name: isSecond ? 'second-heading' : undefined })), h("div", { class: "text-image__description" }, h("slot", { name: `${prefix}description` }))), h("div", { class: "text-image__buttons" }, h("slot", { name: `${prefix}buttons` }))));
-        };
-        const renderImage = () => {
-            if (!this.src)
-                return null;
-            return (h("div", { class: "text-image__image-wrapper" }, h("af-image", { src: this.src, alt: this.alt })));
-        };
-        // For full-width layout, text is always above image
-        if (isFullWidth) {
-            return (h(Host, null, h("div", { class: containerClasses }, h("div", { class: "text-image__content" }, renderTypographyLockup(), this.showSecondLockup && renderTypographyLockup(true)), renderImage())));
-        }
-        // For side-by-side layouts
-        const textContent = (h("div", { class: "text-image__content" }, renderTypographyLockup(), this.showSecondLockup && renderTypographyLockup(true)));
-        const imageContent = renderImage();
-        return (h(Host, null, h("div", { class: containerClasses }, isImageLeft ? ([imageContent, textContent]) : ([textContent, imageContent]))));
-    }
-    static get style() { return afTextImageCss; }
-}, [262, "af-text-image", {
-        "imagePosition": [1, "image-position"],
-        "imageProportion": [1, "image-proportion"],
-        "src": [1],
-        "alt": [1],
-        "showSecondLockup": [4, "show-second-lockup"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["af-text-image", "af-image"];
-    components.forEach(tagName => { switch (tagName) {
-        case "af-text-image":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AfTextImage$1);
-            }
-            break;
-        case "af-image":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const AfTextImage = AfTextImage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfTextImage, defineCustomElement };
-//# sourceMappingURL=af-text-image.js.map
-
-//# sourceMappingURL=af-text-image.js.map
+import{p as e,H as t,h as a,c as i,t as g}from"./p-D1moXdEA.js";import{d as m}from"./p-Zzc36937.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.imagePosition="right",this.imageProportion="1/3",this.alt="",this.showSecondLockup=!1}render(){const e="100%"===this.imageProportion,t="left"===this.imagePosition,g={"text-image":!0,"text-image--full-width":e,"text-image--side-by-side":!e,"text-image--image-left":t&&!e,"text-image--image-right":!t&&!e,["text-image--proportion-"+this.imageProportion.replace("/","-").replace("%","")]:!0},m=(e=!1)=>{const t=e?"second-":"";return a("div",{class:"text-image__lockup "+(e?"text-image__lockup--second":"")},a("div",{class:"text-image__copy"},a("div",{class:"text-image__heading"},a("slot",{name:e?"second-heading":void 0})),a("div",{class:"text-image__description"},a("slot",{name:t+"description"}))),a("div",{class:"text-image__buttons"},a("slot",{name:t+"buttons"})))},s=()=>this.src?a("div",{class:"text-image__image-wrapper"},a("af-image",{src:this.src,alt:this.alt})):null;if(e)return a(i,null,a("div",{class:g},a("div",{class:"text-image__content"},m(),this.showSecondLockup&&m(!0)),s()));const x=a("div",{class:"text-image__content"},m(),this.showSecondLockup&&m(!0)),o=s();return a(i,null,a("div",{class:g},t?[o,x]:[x,o]))}static get style(){return".sc-af-text-image-h{display:block;width:100%}.text-image.sc-af-text-image{display:flex;width:100%}.text-image--side-by-side.sc-af-text-image{flex-direction:row;align-items:flex-start;gap:var(--space-8, 32px)}.text-image--image-left.sc-af-text-image{flex-direction:row}.text-image--image-right.sc-af-text-image{flex-direction:row}.text-image--full-width.sc-af-text-image{flex-direction:column;gap:var(--space-8, 32px)}.text-image__content.sc-af-text-image{display:flex;flex-direction:column;gap:56px;flex:1;min-width:0}.text-image--proportion-1-2.sc-af-text-image .text-image__content.sc-af-text-image{flex:1}.text-image--proportion-1-3.sc-af-text-image .text-image__content.sc-af-text-image{flex:2}.text-image--proportion-1-4.sc-af-text-image .text-image__content.sc-af-text-image{flex:3}.text-image--proportion-100.sc-af-text-image .text-image__content.sc-af-text-image{flex:none;width:100%}.text-image--image-right.sc-af-text-image .text-image__content.sc-af-text-image{padding-right:var(--space-8, 32px)}.text-image--image-left.sc-af-text-image .text-image__content.sc-af-text-image{padding-left:var(--space-8, 32px)}.text-image--full-width.sc-af-text-image .text-image__content.sc-af-text-image{padding:0}.text-image__lockup.sc-af-text-image{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%}.text-image__copy.sc-af-text-image{display:flex;flex-direction:column;gap:var(--space-4, 16px);max-width:840px;width:100%}.text-image__heading.sc-af-text-image{font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:var(--font-size-heading-3-desktop, 34px);line-height:var(--line-height-heading-tight, 1);letter-spacing:var(--letter-spacing-heading, -0.02em);color:var(--af-typography-heading-primary, #14343B);white-space:normal}.text-image__heading.sc-af-text-image:empty{display:none}.text-image__description.sc-af-text-image{font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-body-large, 18px);line-height:var(--line-height-body-large, 26px);color:var(--af-typography-body-default, #2B484F);white-space:normal}.text-image__description.sc-af-text-image:empty{display:none}.text-image__buttons.sc-af-text-image{display:block}.text-image__buttons.sc-af-text-image:empty{display:none}.text-image__image-wrapper.sc-af-text-image{flex-shrink:0;overflow:hidden;border-radius:var(--radius-md, 12px)}.text-image--proportion-1-2.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{flex:1;min-width:0}.text-image--proportion-1-3.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{flex:1;min-width:0}.text-image--proportion-1-4.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{flex:1;min-width:0}.text-image--proportion-100.sc-af-text-image .text-image__image-wrapper.sc-af-text-image{width:100%}@media (max-width: 768px){.text-image--side-by-side.sc-af-text-image{flex-direction:column;gap:var(--space-6, 24px)}.text-image--image-left.sc-af-text-image,.text-image--image-right.sc-af-text-image{flex-direction:column}.text-image--image-right.sc-af-text-image .text-image__content.sc-af-text-image,.text-image--image-left.sc-af-text-image .text-image__content.sc-af-text-image{padding:0}.text-image__content.sc-af-text-image,.text-image__image-wrapper.sc-af-text-image{flex:none !important;width:100%}.text-image__heading.sc-af-text-image{font-size:var(--font-size-heading-3-mobile, 25px)}.text-image--proportion-100.sc-af-text-image .text-image__description.sc-af-text-image{font-size:var(--font-size-body-medium, 16px);line-height:var(--line-height-body-medium, 24px)}.text-image--proportion-100.sc-af-text-image .text-image__lockup.sc-af-text-image{gap:var(--space-3, 12px)}.text-image--proportion-100.sc-af-text-image .text-image__copy.sc-af-text-image{gap:var(--space-3, 12px)}.text-image__image-wrapper.sc-af-text-image{border-radius:var(--radius-sm, 8px)}}.sc-af-text-image-s>*{margin:0}.sc-af-text-image-s>p{margin:0}"}},[262,"af-text-image",{imagePosition:[1,"image-position"],imageProportion:[1,"image-proportion"],src:[1],alt:[1],showSecondLockup:[4,"show-second-lockup"]}]),x=s,o=function(){"undefined"!=typeof customElements&&["af-text-image","af-image"].forEach((e=>{switch(e){case"af-text-image":customElements.get(g(e))||customElements.define(g(e),s);break;case"af-image":customElements.get(g(e))||m()}}))};export{x as AfTextImage,o as defineCustomElement}

package/dist/components/af-text.js

@@ -1,9 +1 @@
-import { A as AfText$1, d as defineCustomElement$1 } from './p-C1nX4HkM.js';
-
-const AfText = AfText$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfText, defineCustomElement };
-//# sourceMappingURL=af-text.js.map
-
-//# sourceMappingURL=af-text.js.map
+import{A as o,d as s}from"./p-Dq8b9JgN.js";const p=o,r=s;export{p as AfText,r as defineCustomElement}

package/dist/components/af-textarea.js

@@ -1,9 +1 @@
-import { A as AfTextarea$1, d as defineCustomElement$1 } from './p-CixFE5Cu.js';
-
-const AfTextarea = AfTextarea$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AfTextarea, defineCustomElement };
-//# sourceMappingURL=af-textarea.js.map
-
-//# sourceMappingURL=af-textarea.js.map
+import{A as o,d as s}from"./p-bNBu9AML.js";const p=o,r=s;export{p as AfTextarea,r as defineCustomElement}