@affinda/wc 0.6.1 → 0.7.0

package/dist/esm/af-testimonial-carousel.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CYq0zyKH.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BjfY9fsk.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 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;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%}}`;
 
 const AfTestimonialCarousel = class {
     constructor(hostRef) {
@@ -9,25 +9,54 @@ const AfTestimonialCarousel = class {
         this.isAnimating = false;
         this.testimonialCount = 0;
         this.testimonials = [];
+        this.draggingProgress = false;
         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.goToIndex(this.currentIndex - 1);
         };
         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);
+            this.goToIndex(this.currentIndex + 1);
+        };
+        this.handleProgressPointerDown = (event) => {
+            if (this.testimonialCount <= 1)
+                return;
+            event.preventDefault();
+            this.draggingProgress = true;
+            event.currentTarget.setPointerCapture?.(event.pointerId);
+            this.goToIndex(this.indexFromProgressEvent(event));
+        };
+        this.handleProgressPointerMove = (event) => {
+            if (!this.draggingProgress)
+                return;
+            event.preventDefault();
+            this.goToIndex(this.indexFromProgressEvent(event));
+        };
+        this.handleProgressPointerUp = (event) => {
+            this.draggingProgress = false;
+            event.currentTarget.releasePointerCapture?.(event.pointerId);
+        };
+        this.handleProgressKeyDown = (event) => {
+            if (this.testimonialCount <= 1)
+                return;
+            if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {
+                event.preventDefault();
+                this.goToIndex(this.currentIndex - 1);
+            }
+            else if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {
+                event.preventDefault();
+                this.goToIndex(this.currentIndex + 1);
+            }
+            else if (event.key === 'Home') {
+                event.preventDefault();
+                this.goToIndex(0);
+            }
+            else if (event.key === 'End') {
+                event.preventDefault();
+                this.goToIndex(this.testimonialCount - 1);
+            }
         };
     }
     componentDidLoad() {
@@ -81,20 +110,44 @@ const AfTestimonialCarousel = class {
             testimonial.hasNext = hasNext;
         });
     }
+    goToIndex(index) {
+        const nextIndex = Math.max(0, Math.min(index, this.testimonialCount - 1));
+        if (nextIndex === this.currentIndex)
+            return;
+        this.isAnimating = true;
+        this.currentIndex = nextIndex;
+        this.updateVisibleTestimonial();
+        setTimeout(() => {
+            this.isAnimating = false;
+        }, 500);
+    }
     /**
-     * Calculate progress value (0 to 1) based on current position
+     * Fixed-width scrollbar thumb: width is the visible fraction, left
+     * moves with the current slide. This matches the live site's native
+     * scrollbar-like progress treatment better than a fill-from-zero bar.
      */
-    getProgress() {
-        if (this.testimonialCount <= 1)
-            return 0;
-        return (this.currentIndex + 1) / this.testimonialCount;
+    getThumbStyle() {
+        if (this.testimonialCount <= 1) {
+            return { width: '100%', left: '0%' };
+        }
+        const width = 1 / this.testimonialCount;
+        const left = (this.currentIndex / (this.testimonialCount - 1)) * (1 - width);
+        return {
+            width: `${width * 100}%`,
+            left: `${left * 100}%`,
+        };
+    }
+    indexFromProgressEvent(event) {
+        const target = event.currentTarget;
+        const rect = target.getBoundingClientRect();
+        const ratio = rect.width > 0 ? (event.clientX - rect.left) / rect.width : 0;
+        return Math.round(Math.max(0, Math.min(1, ratio)) * (this.testimonialCount - 1));
     }
     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() }))))));
+        return (h(Host, { key: '98d92cc7d1d7f08d196773bbaba3bd76afa3a19a' }, h("div", { key: 'f61d3c78a49bcff9a547f43022f2a58de2ee19f9', class: "testimonial-carousel" }, h("div", { key: '6be140085ec4725e8e2decb779dda095c48e5b77', class: "testimonial-slides" }, h("slot", { key: '72dd8ec51f671f0883bd8a7d51b46c4def0f31df' })), this.testimonialCount > 1 && (h("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 }, h("div", { key: '44d5a90bc9a3576ffd3e2ec2e7d4a047a4af545b', class: "testimonial-progress__track" }, h("div", { key: '304ac2fec6717b279777338be1edc008cd3009f9', class: "testimonial-progress__thumb", style: this.getThumbStyle() })))))));
     }
     get host() { return getElement(this); }
 };
-AfTestimonialCarousel.style = afTestimonialCarouselCss;
+AfTestimonialCarousel.style = afTestimonialCarouselCss();
 
 export { AfTestimonialCarousel as af_testimonial_carousel };
-//# sourceMappingURL=af-testimonial-carousel.entry.js.map

package/dist/esm/af-testimonial-stat.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.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 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: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}}`;
 
 const AfTestimonialStat = class {
     constructor(hostRef) {
@@ -11,10 +11,14 @@ const AfTestimonialStat = class {
         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))));
+        const hasValue = Boolean(this.value && String(this.value).trim());
+        return (h(Host, { key: '9f24237da435b586b0dc5e3bb6619c41e268c067' }, h("div", { key: '6afb43ac98fa1da06afeb8a52a8dd6c3ff303761', class: {
+                stat: true,
+                'stat--accent': this.accentBorder,
+                'stat--text-only': !hasValue,
+            } }, hasValue && h("af-heading", { key: '50e081d74ce5b7aefc9badd5fb832b27f7711db5', level: 2, class: "stat-value" }, this.value), h("af-text", { key: 'cb4447400eabad311e6d987b229b3de13d51f5b4', variant: "medium", class: "stat-description" }, this.description))));
     }
 };
-AfTestimonialStat.style = afTestimonialStatCss;
+AfTestimonialStat.style = afTestimonialStatCss();
 
 export { AfTestimonialStat as af_testimonial_stat };
-//# sourceMappingURL=af-testimonial-stat.entry.js.map

package/dist/esm/af-testimonial.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BjfY9fsk.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 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;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}`;
 
 const AfTestimonial = class {
     constructor(hostRef) {
@@ -27,14 +27,13 @@ const AfTestimonial = class {
         };
     }
     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 ? (
+        return (h(Host, { key: 'ad91dbd409de788e2c749f3c2322c9e5c7d9c09b' }, h("div", { key: 'dd288e0d360e98071aeeb9d91c6c698b17fb6032', class: "testimonial-card" }, h("div", { key: '67d7ba334ce642eec8ef3cde1c40d609e8afe1b4', class: "testimonial-image" }, this.backgroundImage && (h("img", { key: '347e6d302ed8e43aa141519f9b479f7987f4a4e9', src: this.backgroundImage, alt: "", class: "testimonial-bg-image", width: this.backgroundImageWidth, height: this.backgroundImageHeight, loading: "lazy", decoding: "async" })), this.logoImage && (h("div", { key: 'ff7ff6ae5d11eec2b39fa297f74c0dc8696aff6e', class: "testimonial-logo" }, h("img", { key: '2b76215335c84411d01919cec4ee9262b1c5b304', src: this.logoImage, alt: "Company logo", width: this.logoImageWidth, height: this.logoImageHeight, loading: "lazy", decoding: "async" })))), h("div", { key: '160341b09a2bc6ca535a635d4823e82b1a3caeb3', class: "testimonial-content" }, h("div", { key: '7eea93f6f665ae84ff877cd6e5edb6ae677d3164', class: "testimonial-quote-section" }, h("div", { key: 'fd04e334dacc55feffe6cadb52a01920659b954f', class: "testimonial-quote-icon" }, h("slot", { key: '109f0823a5e8e54b74767f7b5677b939fcc77834', name: "quote-icon" }, h("af-icon", { key: '8540f2f0d35a1bf459533eec4631a7962ffc0df1', name: "quote", size: 48 }))), h("div", { key: '02ef49c795f38e8cc2f294ed320f348cc59cccdf', class: "testimonial-text" }, h("slot", { key: '5ebb719c60a0a7672c1de9df78aee1e1388aafcb', name: "quote-body" }, this.quote)), h("div", { key: '3c92a455180b6ca2f37d9789394098e5b2582c9a', class: "testimonial-attribution" }, this.attribution)), h("div", { key: '2dbeab8880d1747d031d770c591eb748ce977960', class: "testimonial-stats" }, h("slot", { key: '2406e56c0fa232aa6c8536a237bdd6bac028feb3', name: "stats" })), h("div", { key: '1ecc9f39a6177158d11905a69471826dcab36572', class: "testimonial-footer" }, h("div", { key: 'a3535f97d0d5207f4432eb7503a07924b21bf667', 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 }))))))));
+        h("slot", { name: "navigation" }))), this.readMoreLink && (h("af-button", { key: '252c05b0d1a021cd714a13916d131e83d5554310', variant: "secondary", href: this.readMoreLink }, "Read full story", h("af-icon", { key: 'c83db76ad4af0ba2efbcff4e6ddb24c14095ac1a', slot: "icon-right", name: "arrow-right", size: 24 }))))))));
     }
 };
-AfTestimonial.style = afTestimonialCss;
+AfTestimonial.style = afTestimonialCss();
 
 export { AfTestimonial as af_testimonial };
-//# sourceMappingURL=af-testimonial.entry.js.map

package/dist/esm/af-text-image-nest.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.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 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 = class {
     constructor(hostRef) {
@@ -19,10 +19,9 @@ const AfTextImageNest = class {
             '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" }))))));
+        return (h(Host, { key: '655d1468f8ba5cfa71835f6a462b9d58e84ac1cb' }, h("div", { key: '56d8141d321dc7c3d359cc9b51de026f093ff13c', class: containerClasses }, h("div", { key: '34c9b958d0ad3c7eeab435ec0e4e9673c8e042f4', class: "nest__content" }, h("div", { key: '10c0b6dae2bf170ad2cb93d9b5b902570ebdaabd', class: gridClasses }, h("slot", { key: '6facf77d6646053886868dc94b1f9b6c78108829' })), h("div", { key: 'afd8b3c3972d047f30928970de0c135f5f6409d4', class: "nest__footer" }, h("slot", { key: 'c7e61877e32f093d2dc774517175b93447b360d0', name: "buttons" }))))));
     }
 };
-AfTextImageNest.style = afTextImageNestCss;
+AfTextImageNest.style = afTextImageNestCss();
 
 export { AfTextImageNest as af_text_image_nest };
-//# sourceMappingURL=af-text-image-nest.entry.js.map

package/dist/esm/af-text-image.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.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 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 = class {
     constructor(hostRef) {
@@ -56,7 +56,6 @@ const AfTextImage = class {
         return (h(Host, null, h("div", { class: containerClasses }, isImageLeft ? ([imageContent, textContent]) : ([textContent, imageContent]))));
     }
 };
-AfTextImage.style = afTextImageCss;
+AfTextImage.style = afTextImageCss();
 
 export { AfTextImage as af_text_image };
-//# sourceMappingURL=af-text-image.entry.js.map

package/dist/esm/af-textarea.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BjfY9fsk.js';
 
-const afTextareaCss = ":host{display:block;width:100%}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.textarea-container{display:flex;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;box-sizing:border-box;overflow:hidden}.textarea-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.textarea-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff), \n    0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.textarea-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.textarea-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.textarea{flex:1;min-width:0;min-height:108px;padding:12px 16px;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none;resize:vertical}.textarea::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.textarea:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));resize:none}.textarea:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}";
+const afTextareaCss = () => `:host{display:block;width:100%}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--sds-size-space-200, 8px);width:100%}.label-row{display:flex;align-items:center;gap:12px}.label{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:24px;color:var(--af-input-label, var(--af-typography-body-dark, #14343b));cursor:default}.required{color:var(--af-input-error, var(--colour-error, #be292a));margin-left:2px}.info-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;color:var(--af-input-icon, var(--af-background-icon-default, #14343b));flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-icon:hover{opacity:0.7}.info-icon:focus-visible{outline:2px solid var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b));outline-offset:2px;border-radius:4px}.description{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-description, var(--af-typography-body-default, #2b484f));margin:0}.textarea-container{display:flex;background:var(--af-input-bg, #ffffff);border:1px solid var(--af-input-border, var(--af-background-border-default, #d1ddda));border-radius:var(--radii-input, 8px);transition:all 0.15s ease;box-sizing:border-box;overflow:hidden}.textarea-container.hovered{background:var(--af-input-bg-hover, var(--af-background-base-hover, #f4f7f6));border-color:var(--af-input-border-hover, var(--af-background-border-heavy, #c6d5d1))}.textarea-container.focused{background:var(--af-input-bg, #ffffff);border-color:var(--af-input-border-active, var(--af-typography-body-dark, #14343b));box-shadow:0 0 0 4px var(--af-background-base, #ffffff),      0 0 0 5px var(--af-input-focus-ring, var(--af-typography-body-dark, #14343b))}.textarea-container.error{border-color:var(--af-input-border-error, var(--colour-error, #be292a))}.textarea-container.disabled{background:var(--af-input-bg-disabled, var(--af-background-level-1, #e8eeed));border-color:var(--af-input-border, var(--af-background-border-default, #d1ddda));cursor:not-allowed}.textarea{flex:1;min-width:0;min-height:108px;padding:12px 16px;border:none;background:transparent;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-text, var(--af-typography-body-dark, #14343b));outline:none;resize:vertical}.textarea::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));opacity:1}.textarea:disabled{cursor:not-allowed;color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b));resize:none}.textarea:disabled::placeholder{color:var(--af-input-placeholder, var(--af-typography-body-subtle, #60767b))}.error-row{display:flex;align-items:center;gap:12px}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--af-input-error, var(--colour-error, #be292a))}.error-icon svg{width:20px;height:20px}.error-text{flex:1;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:16px;line-height:24px;color:var(--af-input-error, var(--colour-error, #be292a))}`;
 
 const AfTextarea = class {
     constructor(hostRef) {
@@ -98,7 +98,6 @@ const AfTextarea = class {
 };
 /** @internal */
 AfTextarea.deprecationWarned = false;
-AfTextarea.style = afTextareaCss;
+AfTextarea.style = afTextareaCss();
 
 export { AfTextarea as af_textarea };
-//# sourceMappingURL=af-textarea.entry.js.map

package/dist/esm/af-theme-override.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CYq0zyKH.js';
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.js';
 
-const afThemeOverrideCss = ".sc-af-theme-override-h{display:contents}.theme-override.sc-af-theme-override{display:contents}.theme-white.sc-af-theme-override{--af-background-base:var(--colour-brand-white, #FFFFFF);--af-background-base-hover:var(--colour-mistgreen-100, #f4f7f6);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed);--af-background-level-1-hover:var(--colour-mistgreen-300, #dde6e3);--af-background-border-subtle:var(--colour-mistgreen-200, #e8eeed);--af-background-border-default:var(--colour-mistgreen-400, #d1ddda);--af-background-border-heavy:var(--colour-mistgreen-500, #c6d5d1);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-200, #e8ebeb);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-inkwell.sc-af-theme-override{--af-background-base:var(--colour-brand-inkwell, #14343b);--af-background-base-hover:var(--colour-inkwell-600, #102a2f);--af-background-contrast:var(--colour-inkwell-700, #102a2f);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-background-level-1-hover:var(--colour-inkwell-400, #2b484f);--af-background-border-subtle:var(--colour-inkwell-450, #203e45);--af-background-border-default:var(--colour-inkwell-400, #2b484f);--af-background-border-heavy:var(--colour-inkwell-700, #102a2f);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-white, #ffffff);--af-background-icon-accent:var(--colour-brand-ice, #a6fffb);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-heading-secondary:var(--colour-brand-white, #ffffff);--af-typography-body-dark:var(--colour-brand-white, #ffffff);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-typography-body-subtle:var(--colour-inkwell-200, #a1aeb1);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-icon:var(--colour-brand-white, #ffffff);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(255, 255, 255, 0.08);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-ghost-text:var(--colour-brand-white, #ffffff);--af-button-ghost-icon:var(--colour-brand-white, #ffffff);--af-button-ghost-stroke:var(--colour-brand-ice, #A6FFFB);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-inkwell-450, #203e45);--af-input-bg-hover:var(--colour-inkwell-400, #2b484f);--af-input-bg-disabled:var(--colour-inkwell-600, #102a2f);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--colour-brand-ice, #a6fffb);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--colour-brand-ice, #a6fffb);--af-form-control-bg:var(--colour-inkwell-450, #203e45);--af-form-control-bg-checked:var(--colour-brand-mist-green, #c6d5d1);--af-form-control-bg-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-bg-checked-disabled:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke:var(--colour-inkwell-350, #60767b);--af-form-control-stroke-hover:var(--colour-brand-white, #ffffff);--af-form-control-stroke-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-icon:var(--colour-brand-inkwell, #14343b);--af-form-control-label:var(--colour-brand-white, #ffffff)}.theme-mist-green.sc-af-theme-override{--af-background-base:var(--colour-brand-mist-green, #c6d5d1);--af-background-base-hover:var(--colour-mistgreen-600, #b2c0bc);--af-background-contrast:var(--colour-brand-soft-clay, #b09670);--af-background-level-1:var(--colour-mistgreen-300, #dde6e3);--af-background-level-1-hover:var(--colour-mistgreen-400, #d1ddda);--af-background-border-subtle:var(--colour-mistgreen-600, #b2c0bc);--af-background-border-default:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-heavy:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-300, #dde6e3);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-600, #b2c0bc);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-soft-clay.sc-af-theme-override{--af-background-base:var(--colour-softclay-400, #c0ab8d);--af-background-base-hover:var(--colour-softclay-500, #b09670);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-softclay-500, #b09670);--af-background-level-1-hover:var(--colour-softclay-600, #9e8765);--af-background-border-subtle:var(--colour-softclay-600, #9e8765);--af-background-border-default:var(--colour-softclay-700, #8d785a);--af-background-border-heavy:var(--colour-brand-inkwell, #14343b);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-inkwell, #14343b);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-softclay-300, #d0c1a8);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-softclay-700, #8d785a);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-softclay-600, #9e8765);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-white-ivory.sc-af-theme-override{--af-background-base:var(--colour-brand-ivory-paper, #fff9ee);--af-background-base-hover:var(--colour-ivory-100, #fff5e0);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-ivory-200, #ffefcc);--af-background-level-1-hover:var(--colour-ivory-300, #ffe9b8);--af-background-border-subtle:var(--colour-ivory-200, #ffefcc);--af-background-border-default:var(--colour-ivory-400, #ffe3a3);--af-background-border-heavy:var(--colour-brand-soft-clay, #b09670);--af-background-border-active:var(--colour-brand-soft-clay, #b09670);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #b09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-ivory-100, #fff5e0);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-ivory-200, #ffefcc);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-ivory-400, #ffe3a3);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-ivory-300, #ffe9b8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}";
+const afThemeOverrideCss = () => `.sc-af-theme-override-h{display:contents}.theme-override.sc-af-theme-override{display:contents}.theme-white.sc-af-theme-override{--af-background-base:var(--colour-brand-white, #FFFFFF);--af-background-base-hover:var(--colour-mistgreen-100, #f4f7f6);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed);--af-background-level-1-hover:var(--colour-mistgreen-300, #dde6e3);--af-background-border-subtle:var(--colour-mistgreen-200, #e8eeed);--af-background-border-default:var(--colour-mistgreen-400, #d1ddda);--af-background-border-heavy:var(--colour-mistgreen-500, #c6d5d1);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-200, #e8ebeb);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-inkwell.sc-af-theme-override{--af-background-base:var(--colour-brand-inkwell, #14343b);--af-background-base-hover:var(--colour-inkwell-600, #102a2f);--af-background-contrast:var(--colour-inkwell-700, #102a2f);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-background-level-1-hover:var(--colour-inkwell-400, #2b484f);--af-background-border-subtle:var(--colour-inkwell-450, #203e45);--af-background-border-default:var(--colour-inkwell-400, #2b484f);--af-background-border-heavy:var(--colour-inkwell-700, #102a2f);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-white, #ffffff);--af-background-icon-accent:var(--colour-brand-ice, #a6fffb);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-heading-secondary:var(--colour-brand-white, #ffffff);--af-typography-body-dark:var(--colour-brand-white, #ffffff);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-typography-body-subtle:var(--colour-inkwell-200, #a1aeb1);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-icon:var(--colour-brand-white, #ffffff);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(255, 255, 255, 0.08);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-ghost-text:var(--colour-brand-white, #ffffff);--af-button-ghost-icon:var(--colour-brand-white, #ffffff);--af-button-ghost-stroke:var(--colour-brand-ice, #A6FFFB);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-inkwell-450, #203e45);--af-input-bg-hover:var(--colour-inkwell-400, #2b484f);--af-input-bg-disabled:var(--colour-inkwell-600, #102a2f);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--colour-brand-ice, #a6fffb);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--colour-brand-ice, #a6fffb);--af-form-control-bg:var(--colour-inkwell-450, #203e45);--af-form-control-bg-checked:var(--colour-brand-mist-green, #c6d5d1);--af-form-control-bg-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-bg-checked-disabled:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke:var(--colour-inkwell-350, #60767b);--af-form-control-stroke-hover:var(--colour-brand-white, #ffffff);--af-form-control-stroke-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-icon:var(--colour-brand-inkwell, #14343b);--af-form-control-label:var(--colour-brand-white, #ffffff)}.theme-mist-green.sc-af-theme-override{--af-background-base:var(--colour-brand-mist-green, #c6d5d1);--af-background-base-hover:var(--colour-mistgreen-600, #b2c0bc);--af-background-contrast:var(--colour-brand-soft-clay, #b09670);--af-background-level-1:var(--colour-mistgreen-300, #dde6e3);--af-background-level-1-hover:var(--colour-mistgreen-400, #d1ddda);--af-background-border-subtle:var(--colour-mistgreen-600, #b2c0bc);--af-background-border-default:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-heavy:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-300, #dde6e3);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-600, #b2c0bc);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-soft-clay.sc-af-theme-override{--af-background-base:var(--colour-softclay-400, #c0ab8d);--af-background-base-hover:var(--colour-softclay-500, #b09670);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-softclay-500, #b09670);--af-background-level-1-hover:var(--colour-softclay-600, #9e8765);--af-background-border-subtle:var(--colour-softclay-600, #9e8765);--af-background-border-default:var(--colour-softclay-700, #8d785a);--af-background-border-heavy:var(--colour-brand-inkwell, #14343b);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-inkwell, #14343b);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-softclay-300, #d0c1a8);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-softclay-700, #8d785a);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-softclay-600, #9e8765);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-white-ivory.sc-af-theme-override{--af-background-base:var(--colour-brand-ivory-paper, #fff9ee);--af-background-base-hover:var(--colour-ivory-100, #fff5e0);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-ivory-200, #ffefcc);--af-background-level-1-hover:var(--colour-ivory-300, #ffe9b8);--af-background-border-subtle:var(--colour-ivory-200, #ffefcc);--af-background-border-default:var(--colour-ivory-400, #ffe3a3);--af-background-border-heavy:var(--colour-brand-soft-clay, #b09670);--af-background-border-active:var(--colour-brand-soft-clay, #b09670);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #b09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-ivory-100, #fff5e0);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-ivory-200, #ffefcc);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-ivory-400, #ffe3a3);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-ivory-300, #ffe9b8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}`;
 
 const AfThemeOverride = class {
     constructor(hostRef) {
@@ -12,10 +12,9 @@ const AfThemeOverride = class {
         this.theme = 'white';
     }
     render() {
-        return (h(Host, { key: '9f1536dead9af3d0f38365326732332b2094a79b' }, h("div", { key: 'eb697aa425db29c5f0509cdbde23b9f5dad40dcc', class: `theme-override theme-${this.theme}` }, h("slot", { key: '4cd377165126bbbc9e950e599d90eb0fb65e8afc' }))));
+        return (h(Host, { key: 'c702b3c6b130a3f6bf51fd6e322239d7c3cd0877' }, h("div", { key: 'e91f6165bfca439524797f6a0ff339795425e9b1', class: `theme-override theme-${this.theme}` }, h("slot", { key: 'db6f9a2eda7962ecc7c588165ac08f351104eadf' }))));
     }
 };
-AfThemeOverride.style = afThemeOverrideCss;
+AfThemeOverride.style = afThemeOverrideCss();
 
 export { AfThemeOverride as af_theme_override };
-//# sourceMappingURL=af-theme-override.entry.js.map

package/dist/esm/af-timeline-item.entry.js

@@ -0,0 +1,70 @@
+import { r as registerInstance, h, H as Host } from './index-BjfY9fsk.js';
+
+const afTimelineItemCss = () => `.sc-af-timeline-item-h{display:block;position:relative}.timeline-item__bar.sc-af-timeline-item{position:relative;height:32px;min-width:20px}.timeline-item__fill.sc-af-timeline-item{height:100%;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;padding:0 var(--space-2, 8px);overflow:visible;cursor:pointer;transition:box-shadow var(--motion-duration-fast, 150ms) var(--motion-easing-standard)}.timeline-item__fill.sc-af-timeline-item:hover,.timeline-item__fill.sc-af-timeline-item:focus-visible{outline:2px solid var(--colour-brand-ice, #a6fffb);outline-offset:2px}.timeline-item--planned.sc-af-timeline-item .timeline-item__fill.sc-af-timeline-item{background-color:var(--af-timeline-planned, var(--colour-inkwell-100, #d0d6d8))}.timeline-item--active.sc-af-timeline-item .timeline-item__fill.sc-af-timeline-item{background-color:var(--af-timeline-active, var(--colour-brand-mist-green, #c6d5d1))}.timeline-item--complete.sc-af-timeline-item .timeline-item__fill.sc-af-timeline-item{background-color:var(--af-timeline-complete, var(--colour-tints-mist-green-600, #b2c0bc))}.timeline-item__label.sc-af-timeline-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:12px;line-height:16px;font-weight:var(--font-weight-book, 500);color:var(--af-timeline-label, var(--colour-brand-inkwell, #14343b));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-item__diamond.sc-af-timeline-item{width:16px;height:16px;transform:rotate(45deg);position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;cursor:pointer;transition:box-shadow var(--motion-duration-fast, 150ms) var(--motion-easing-standard)}.timeline-item__diamond.sc-af-timeline-item:hover,.timeline-item__diamond.sc-af-timeline-item:focus-visible{outline:2px solid var(--colour-brand-ice, #a6fffb);outline-offset:2px}.timeline-item--planned.sc-af-timeline-item .timeline-item__diamond.sc-af-timeline-item{background-color:var(--af-timeline-planned, var(--colour-inkwell-100, #d0d6d8));border:2px solid var(--colour-inkwell-200, #a1aeb1)}.timeline-item--active.sc-af-timeline-item .timeline-item__diamond.sc-af-timeline-item{background-color:var(--af-timeline-active, var(--colour-brand-mist-green, #c6d5d1));border:2px solid var(--colour-tints-mist-green-600, #b2c0bc)}.timeline-item--complete.sc-af-timeline-item .timeline-item__diamond.sc-af-timeline-item{background-color:var(--af-timeline-complete, var(--colour-tints-mist-green-600, #b2c0bc));border:2px solid var(--colour-tints-mist-green-700, #9eaaa7)}.timeline-item__tooltip.sc-af-timeline-item{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:var(--af-timeline-tooltip-bg, var(--colour-brand-inkwell, #14343b));color:var(--af-timeline-tooltip-text, var(--colour-brand-white, #ffffff));padding:var(--space-3, 12px);border-radius:var(--radius-md, 12px);font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;line-height:20px;min-width:180px;max-width:280px;opacity:0;visibility:hidden;transition:opacity var(--motion-duration-fast, 150ms) var(--motion-easing-standard),     visibility var(--motion-duration-fast, 150ms) var(--motion-easing-standard);z-index:20;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.timeline-item__tooltip.sc-af-timeline-item::after{content:'';position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--af-timeline-tooltip-bg, var(--colour-brand-inkwell, #14343b))}.timeline-item__bar.sc-af-timeline-item:hover .timeline-item__tooltip.sc-af-timeline-item,.timeline-item__fill.sc-af-timeline-item:focus .timeline-item__tooltip.sc-af-timeline-item,.timeline-item__diamond.sc-af-timeline-item:focus .timeline-item__tooltip.sc-af-timeline-item{opacity:1;visibility:visible}.timeline-item__tooltip-label.sc-af-timeline-item{font-weight:var(--font-weight-book, 500);margin-bottom:4px}.timeline-item__tooltip-dates.sc-af-timeline-item{font-size:12px;opacity:0.8;margin-bottom:8px}.timeline-item__tooltip-content.sc-af-timeline-item{font-size:13px;line-height:18px;opacity:0.9}.timeline-item__tooltip-content.sc-af-timeline-item:empty{display:none}.timeline-item__list-item.sc-af-timeline-item{display:none;padding:var(--space-4, 16px);gap:var(--space-3, 12px);align-items:flex-start}.timeline-item__list-status.sc-af-timeline-item{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.timeline-item__list-indicator.sc-af-timeline-item{width:12px;height:12px;border-radius:50%}.timeline-item--planned.sc-af-timeline-item .timeline-item__list-indicator.sc-af-timeline-item{background-color:var(--af-timeline-planned, var(--colour-inkwell-100, #d0d6d8))}.timeline-item--active.sc-af-timeline-item .timeline-item__list-indicator.sc-af-timeline-item{background-color:var(--af-timeline-active, var(--colour-brand-mist-green, #c6d5d1))}.timeline-item--complete.sc-af-timeline-item .timeline-item__list-indicator.sc-af-timeline-item{background-color:var(--af-timeline-complete, var(--colour-tints-mist-green-600, #b2c0bc))}.timeline-item__list-diamond.sc-af-timeline-item{width:10px;height:10px;transform:rotate(45deg)}.timeline-item--planned.sc-af-timeline-item .timeline-item__list-diamond.sc-af-timeline-item{background-color:var(--af-timeline-planned, var(--colour-inkwell-100, #d0d6d8))}.timeline-item--active.sc-af-timeline-item .timeline-item__list-diamond.sc-af-timeline-item{background-color:var(--af-timeline-active, var(--colour-brand-mist-green, #c6d5d1))}.timeline-item--complete.sc-af-timeline-item .timeline-item__list-diamond.sc-af-timeline-item{background-color:var(--af-timeline-complete, var(--colour-tints-mist-green-600, #b2c0bc))}.timeline-item__list-content.sc-af-timeline-item{flex:1;min-width:0}.timeline-item__list-label.sc-af-timeline-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:16px;line-height:22px;color:var(--af-typography-heading-primary, #14343b);margin-bottom:2px}.timeline-item__list-dates.sc-af-timeline-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:13px;line-height:18px;color:var(--af-typography-body-subtle, #60767b);margin-bottom:4px}.timeline-item__list-description.sc-af-timeline-item{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;line-height:20px;color:var(--af-typography-body-default, #2b484f)}.timeline-item__list-description.sc-af-timeline-item:empty{display:none}.timeline-item__list-badge.sc-af-timeline-item{flex-shrink:0}.timeline-item__status-badge.sc-af-timeline-item{display:inline-block;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:11px;line-height:16px;font-weight:var(--font-weight-book, 500);text-transform:uppercase;letter-spacing:0.5px;padding:2px 8px;border-radius:var(--radius-sm, 6px)}.timeline-item__status-badge--planned.sc-af-timeline-item{background-color:var(--colour-inkwell-50, #e8ebeb);color:var(--colour-inkwell-400, #2b484f)}.timeline-item__status-badge--active.sc-af-timeline-item{background-color:var(--colour-tints-mist-green-100, #f4f7f6);color:var(--colour-tints-mist-green-700, #9eaaa7)}.timeline-item__status-badge--complete.sc-af-timeline-item{background-color:rgba(62, 143, 110, 0.15);color:var(--status-ok, #3e8f6e)}@media (max-width: 767px){.timeline-item__bar.sc-af-timeline-item{display:none}.timeline-item__list-item.sc-af-timeline-item{display:flex}}@media (min-width: 768px){.timeline-item__list-item.sc-af-timeline-item{display:none}.timeline-item__bar.sc-af-timeline-item{display:block}}`;
+
+const AfTimelineItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Visual status of the item.
+         */
+        this.status = 'planned';
+        /**
+         * Show tooltip on hover. Set to false to disable tooltips.
+         */
+        this.showTooltip = true;
+        /**
+         * Internal: start position percentage (set by parent).
+         */
+        this._startPosition = 0;
+        /**
+         * Internal: width percentage (set by parent).
+         */
+        this._width = 10;
+        this.isMilestone = false;
+    }
+    componentWillLoad() {
+        this.checkMilestone();
+    }
+    handleEndDateChange() {
+        this.checkMilestone();
+    }
+    checkMilestone() {
+        this.isMilestone = !this.endDate;
+    }
+    formatDateRange() {
+        const formatDate = (dateStr) => {
+            const date = new Date(dateStr);
+            if (isNaN(date.getTime()))
+                return dateStr;
+            return date.toLocaleDateString('en-US', {
+                month: 'short',
+                day: 'numeric',
+            });
+        };
+        const start = formatDate(this.startDate);
+        if (!this.endDate)
+            return start;
+        const end = formatDate(this.endDate);
+        return `${start} – ${end}`;
+    }
+    render() {
+        const barStyle = {
+            left: `${this._startPosition}%`,
+            width: this.isMilestone ? '20px' : `${this._width}%`,
+        };
+        return (h(Host, { key: '750107c137cf583209d1280ab97e17200998aad4', class: {
+                'timeline-item': true,
+                [`timeline-item--${this.status}`]: true,
+                'timeline-item--milestone': this.isMilestone,
+            } }, h("div", { key: '5beed5103c173e2b94c23ac1917b54673109e891', class: "timeline-item__bar", style: barStyle }, this.isMilestone ? (h("div", { class: "timeline-item__diamond" })) : (h("div", { class: "timeline-item__fill" }, this.label && (h("span", { class: "timeline-item__label" }, this.label)))), this.showTooltip && (h("div", { key: '626f889fb67999b55a492d95b7c3fe17a4fa4472', class: "timeline-item__tooltip" }, h("div", { key: '4c2df694ce1cde2a694663820b16dac94320b454', class: "timeline-item__tooltip-label" }, this.label || 'Item'), h("div", { key: 'ed374b45cf2f2bddbc78cd699052611751ef05f8', class: "timeline-item__tooltip-dates" }, this.formatDateRange()), h("div", { key: '683aaff91fa10a2e17ab4a6384d375041b53e781', class: "timeline-item__tooltip-content" }, h("slot", { key: '4497db4d7905cc8633fa868614a999556f8f2a53' }))))), h("div", { key: '0a268f6aac75ac2dc075a22d853f28d6de059474', class: "timeline-item__list-item" }, h("div", { key: '04f822f282a7cce0918d09f69b75321bb53da0c6', class: "timeline-item__list-status" }, this.isMilestone ? (h("div", { class: "timeline-item__list-diamond" })) : (h("div", { class: "timeline-item__list-indicator" }))), h("div", { key: '3f632949bbc1983c34f401c97f84756ce5632393', class: "timeline-item__list-content" }, h("div", { key: '383795fc9c2e6cd9a784e99a23d33550bbbf6577', class: "timeline-item__list-label" }, this.label || 'Item'), h("div", { key: 'cddf4019d07702e666164c50424bdafa94a02053', class: "timeline-item__list-dates" }, this.formatDateRange()), h("div", { key: 'a155d624284a1dcdad8303ff1f1873f58caaeb61', class: "timeline-item__list-description" }, h("slot", { key: '3a427af906d05779c49a2485fd45db8ae10c3348' }))), h("div", { key: 'bb7e58b09a9435710919a73b1edc50c6566aacd1', class: "timeline-item__list-badge" }, h("span", { key: '6a1472ca92b22592bf18dc0e6b67e263761150ee', class: `timeline-item__status-badge timeline-item__status-badge--${this.status}` }, this.status)))));
+    }
+    static get watchers() { return {
+        "endDate": [{
+                "handleEndDateChange": 0
+            }]
+    }; }
+};
+AfTimelineItem.style = afTimelineItemCss();
+
+export { AfTimelineItem as af_timeline_item };