ngwr 11.2.0 → 12.0.0

package/fesm2022/ngwr-carousel.mjs

@@ -2,9 +2,18 @@ import { Directionality } from '@angular/cdk/bidi';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ViewEncapsulation, Component, input, model, contentChildren, computed, signal, inject, DestroyRef, PLATFORM_ID, effect } from '@angular/core';
+import { InjectionToken, inject, input, computed, ViewEncapsulation, Component, model, contentChildren, signal, DestroyRef, PLATFORM_ID, effect, forwardRef } from '@angular/core';
 import { useI18nText, useI18nFormatter } from 'ngwr/i18n';
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/** Token a `<wr-carousel-slide>` injects to find its parent `<wr-carousel>`. */
+const WR_CAROUSEL = new InjectionToken('WR_CAROUSEL');
+
 /**
  * @license
  *
@@ -14,20 +23,63 @@ import { useI18nText, useI18nFormatter } from 'ngwr/i18n';
 /**
  * One slide in a {@link WrCarousel}. Holds whatever content you
  * project — image, card, video, anything.
+ *
+ * **An off-screen slide is `inert`.** Only one slide is visible, but the track
+ * merely translates the others out of view: without this they stay in the tab
+ * order and in the accessibility tree, so a keyboard user tabs into a link they
+ * cannot see and a screen reader announces every slide as if they were all on
+ * screen. `inert` takes the whole subtree out of both at once, which is why it
+ * is preferred here over `tabindex="-1"` (which reaches only the host) — the
+ * same answer `wr-collapse` and `wr-marquee` use.
+ *
+ * `aria-hidden` rides along for the same reason it does on the marquee's
+ * duplicate copies: it states the intent for anything reading the attribute
+ * rather than honouring `inert`.
  */
 class WrCarouselSlide {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrCarouselSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: WrCarouselSlide, isStandalone: true, selector: "wr-carousel-slide", host: { attributes: { "role": "group", "aria-roledescription": "slide" }, classAttribute: "wr-carousel-slide" }, ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    carousel = inject(WR_CAROUSEL, { optional: true });
+    /**
+     * Word a screen reader speaks IN PLACE OF the `group` role. Falls back to
+     * `carousel.slideRoledescription`, then `'slide'`.
+     */
+    roledescription = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "roledescription" }] : /* istanbul ignore next */ []));
+    // Spoken verbatim, and only the off-screen slides are `inert` — so the visible
+    // one announced an English "slide" inside an otherwise localized carousel.
+    resolvedRoledescription = useI18nText(this.roledescription, 'carousel.slideRoledescription', 'slide');
+    /**
+     * Whether this slide is one of the ones translated out of view.
+     *
+     * `false` while the index is `-1`: content children resolve after the first
+     * render, and a slide that hid itself in that window would make the carousel
+     * open with everything inert. `false` too when there is no parent — the
+     * component is exported, so it can be used on its own.
+     */
+    offScreen = computed(() => {
+        if (!this.carousel)
+            return false;
+        const index = this.carousel.indexOf(this);
+        return index >= 0 && index !== this.carousel.active();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "offScreen" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrCarouselSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: WrCarouselSlide, isStandalone: true, selector: "wr-carousel-slide", inputs: { roledescription: { classPropertyName: "roledescription", publicName: "roledescription", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "attr.aria-roledescription": "resolvedRoledescription()", "attr.inert": "offScreen() ? \"\" : null", "attr.aria-hidden": "offScreen() ? \"true\" : null" }, classAttribute: "wr-carousel-slide" }, ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrCarouselSlide, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrCarouselSlide, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-carousel-slide',
                     template: '<ng-content />',
                     encapsulation: ViewEncapsulation.None,
-                    host: { class: 'wr-carousel-slide', role: 'group', 'aria-roledescription': 'slide' },
+                    host: {
+                        class: 'wr-carousel-slide',
+                        role: 'group',
+                        '[attr.aria-roledescription]': 'resolvedRoledescription()',
+                        '[attr.inert]': 'offScreen() ? "" : null',
+                        '[attr.aria-hidden]': 'offScreen() ? "true" : null',
+                    },
                 }]
-        }] });
+        }], propDecorators: { roledescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "roledescription", required: false }] }] } });
 
 /**
  * @license
@@ -67,6 +119,16 @@ class WrCarousel {
     ariaLabel = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     resolvedAriaLabel = useI18nText(this.ariaLabel, 'carousel.label', 'Carousel');
+    /**
+     * Word a screen reader speaks IN PLACE OF the `group` role. Falls back to
+     * `carousel.roledescription`, then `'carousel'`.
+     */
+    roledescription = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "roledescription" }] : /* istanbul ignore next */ []));
+    // Routed for the same reason the name above is: `aria-roledescription` is spoken
+    // verbatim, so a static English "carousel" made the viewport announce
+    // "Карусель, carousel" with the localized arrows right beside it.
+    resolvedRoledescription = useI18nText(this.roledescription, 'carousel.roledescription', 'carousel');
     // The three labels above route through the catalog; this one was a hard-coded
     // English template, so a localized app got two languages in one pagination strip.
     slideLabel = useI18nFormatter('carousel.goToSlide', 'Go to slide {{index}}');
@@ -87,6 +149,16 @@ class WrCarousel {
     ...(ngDevMode ? [{ debugName: "slides" }] : /* istanbul ignore next */ []));
     count = computed(() => this.slides().length, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
+    /**
+     * Where a slide sits in projection order — {@link WrCarouselContext}.
+     *
+     * Public only because the child injects the parent through `WR_CAROUSEL`;
+     * reading `slides()` here is what makes the child's `computed()` re-run when a
+     * slide is added or removed.
+     */
+    indexOf(slide) {
+        return this.slides().indexOf(slide);
+    }
     /** Live horizontal drag offset (px) during a touch swipe. */
     dragX = signal(0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "dragX" }] : /* istanbul ignore next */ []));
@@ -117,7 +189,19 @@ class WrCarousel {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "trackStyle" }] : /* istanbul ignore next */ []));
     timer = null;
-    paused = signal(false, /* @ts-ignore */
+    // Three sources hold the pause and they release independently, so they get a
+    // flag each rather than one shared boolean — the same `hovered` / `focusWithin`
+    // pair `WrToastHost` keeps. With one flag whichever source released LAST won:
+    // moving the pointer off the carousel while focus was still on a link inside it
+    // restarted the slides under the focused element, and a `touchend` released a
+    // pause it had never taken. Flags, not a counter: `mouseenter`/`mouseleave` and
+    // `focusin`/`focusout` each pair exactly once per source, so a count would only
+    // add a way to drift out of step.
+    hovered = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
+    focusWithin = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusWithin" }] : /* istanbul ignore next */ []));
+    paused = computed(() => this.hovered() || this.focusWithin() || this.dragging(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "paused" }] : /* istanbul ignore next */ []));
     destroyRef = inject(DestroyRef);
     isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
@@ -149,11 +233,17 @@ class WrCarousel {
                 clearInterval(this.timer);
         });
     }
-    onPauseIn() {
-        this.paused.set(true);
+    onHoverIn() {
+        this.hovered.set(true);
+    }
+    onHoverOut() {
+        this.hovered.set(false);
+    }
+    onFocusIn() {
+        this.focusWithin.set(true);
     }
-    onPauseOut() {
-        this.paused.set(false);
+    onFocusOut() {
+        this.focusWithin.set(false);
     }
     // Imperative
     goTo(index) {
@@ -184,8 +274,7 @@ class WrCarousel {
         if (!touch)
             return;
         this.swipeStartX = touch.clientX;
-        this.dragging.set(true);
-        this.paused.set(true); // hold autoplay while dragging
+        this.dragging.set(true); // holds autoplay on its own — `paused` reads it
     }
     onSwipeMove(event) {
         if (!this.dragging())
@@ -201,7 +290,6 @@ class WrCarousel {
         this.dragging.set(false);
         const dx = this.dragX();
         this.dragX.set(0);
-        this.paused.set(false);
         const threshold = (viewport.offsetWidth || 0) * 0.2;
         // `dx` is a physical delta. The next slide sits to the physical RIGHT in LTR
         // and to the LEFT in RTL, so the drag that pulls it into view — and with it
@@ -214,23 +302,35 @@ class WrCarousel {
         else if (retreat)
             this.prev();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrCarousel, isStandalone: true, selector: "wr-carousel", inputs: { prevLabel: { classPropertyName: "prevLabel", publicName: "prevLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null }, paginationLabel: { classPropertyName: "paginationLabel", publicName: "paginationLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, showArrows: { classPropertyName: "showArrows", publicName: "showArrows", isSignal: true, isRequired: false, transformFunction: null }, showDots: { classPropertyName: "showDots", publicName: "showDots", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, intervalMs: { classPropertyName: "intervalMs", publicName: "intervalMs", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, host: { listeners: { "mouseenter": "onPauseIn()", "mouseleave": "onPauseOut()", "focusin": "onPauseIn()", "focusout": "onPauseOut()" }, classAttribute: "wr-carousel" }, queries: [{ propertyName: "slides", predicate: WrCarouselSlide, isSignal: true }], ngImport: i0, template: "<div\n  #viewport\n  class=\"wr-carousel__viewport\"\n  role=\"group\"\n  aria-roledescription=\"carousel\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  (touchstart)=\"onSwipeStart($event)\"\n  (touchmove)=\"onSwipeMove($event)\"\n  (touchend)=\"onSwipeEnd($event, viewport)\"\n  (touchcancel)=\"onSwipeEnd($event, viewport)\"\n>\n  <div class=\"wr-carousel__track\" [style.transform]=\"trackStyle()\" [style.transition]=\"dragging() ? 'none' : null\">\n    <ng-content />\n  </div>\n</div>\n\n@if (showArrows() && count() > 1) {\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--prev\"\n    [attr.aria-label]=\"resolvedPrevLabel()\"\n    (click)=\"prev()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M9 2 L4 7 L9 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--next\"\n    [attr.aria-label]=\"resolvedNextLabel()\"\n    (click)=\"next()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M5 2 L10 7 L5 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n}\n\n@if (showDots() && count() > 1) {\n  <div class=\"wr-carousel__dots\" role=\"group\" [attr.aria-label]=\"resolvedPaginationLabel()\">\n    @for (slide of slides(); track $index) {\n      <button\n        type=\"button\"\n        class=\"wr-carousel__dot\"\n        [class.wr-carousel__dot--active]=\"$index === active()\"\n        [attr.aria-current]=\"$index === active() ? 'true' : null\"\n        [attr.aria-label]=\"slideLabel({ index: $index + 1 })\"\n        (click)=\"goTo($index)\"\n      ></button>\n    }\n  </div>\n}\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: WrCarousel, isStandalone: true, selector: "wr-carousel", inputs: { prevLabel: { classPropertyName: "prevLabel", publicName: "prevLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null }, paginationLabel: { classPropertyName: "paginationLabel", publicName: "paginationLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, roledescription: { classPropertyName: "roledescription", publicName: "roledescription", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, showArrows: { classPropertyName: "showArrows", publicName: "showArrows", isSignal: true, isRequired: false, transformFunction: null }, showDots: { classPropertyName: "showDots", publicName: "showDots", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, intervalMs: { classPropertyName: "intervalMs", publicName: "intervalMs", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, host: { listeners: { "mouseenter": "onHoverIn()", "mouseleave": "onHoverOut()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" }, classAttribute: "wr-carousel" }, providers: [
+            {
+                provide: WR_CAROUSEL,
+                // eslint-disable-next-line @angular-eslint/no-forward-ref
+                useExisting: forwardRef(() => WrCarousel),
+            },
+        ], queries: [{ propertyName: "slides", predicate: WrCarouselSlide, isSignal: true }], ngImport: i0, template: "<div\n  #viewport\n  class=\"wr-carousel__viewport\"\n  role=\"group\"\n  [attr.aria-roledescription]=\"resolvedRoledescription()\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  (touchstart)=\"onSwipeStart($event)\"\n  (touchmove)=\"onSwipeMove($event)\"\n  (touchend)=\"onSwipeEnd($event, viewport)\"\n  (touchcancel)=\"onSwipeEnd($event, viewport)\"\n>\n  <div class=\"wr-carousel__track\" [style.transform]=\"trackStyle()\" [style.transition]=\"dragging() ? 'none' : null\">\n    <ng-content />\n  </div>\n</div>\n\n@if (showArrows() && count() > 1) {\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--prev\"\n    [attr.aria-label]=\"resolvedPrevLabel()\"\n    (click)=\"prev()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M9 2 L4 7 L9 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--next\"\n    [attr.aria-label]=\"resolvedNextLabel()\"\n    (click)=\"next()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M5 2 L10 7 L5 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n}\n\n@if (showDots() && count() > 1) {\n  <div class=\"wr-carousel__dots\" role=\"group\" [attr.aria-label]=\"resolvedPaginationLabel()\">\n    @for (slide of slides(); track $index) {\n      <button\n        type=\"button\"\n        class=\"wr-carousel__dot\"\n        [class.wr-carousel__dot--active]=\"$index === active()\"\n        [attr.aria-current]=\"$index === active() ? 'true' : null\"\n        [attr.aria-label]=\"slideLabel({ index: $index + 1 })\"\n        (click)=\"goTo($index)\"\n      ></button>\n    }\n  </div>\n}\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrCarousel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: WrCarousel, decorators: [{
             type: Component,
             args: [{ selector: 'wr-carousel', encapsulation: ViewEncapsulation.None, host: {
                         class: 'wr-carousel',
-                        '(mouseenter)': 'onPauseIn()',
-                        '(mouseleave)': 'onPauseOut()',
-                        '(focusin)': 'onPauseIn()',
-                        '(focusout)': 'onPauseOut()',
-                    }, template: "<div\n  #viewport\n  class=\"wr-carousel__viewport\"\n  role=\"group\"\n  aria-roledescription=\"carousel\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  (touchstart)=\"onSwipeStart($event)\"\n  (touchmove)=\"onSwipeMove($event)\"\n  (touchend)=\"onSwipeEnd($event, viewport)\"\n  (touchcancel)=\"onSwipeEnd($event, viewport)\"\n>\n  <div class=\"wr-carousel__track\" [style.transform]=\"trackStyle()\" [style.transition]=\"dragging() ? 'none' : null\">\n    <ng-content />\n  </div>\n</div>\n\n@if (showArrows() && count() > 1) {\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--prev\"\n    [attr.aria-label]=\"resolvedPrevLabel()\"\n    (click)=\"prev()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M9 2 L4 7 L9 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--next\"\n    [attr.aria-label]=\"resolvedNextLabel()\"\n    (click)=\"next()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M5 2 L10 7 L5 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n}\n\n@if (showDots() && count() > 1) {\n  <div class=\"wr-carousel__dots\" role=\"group\" [attr.aria-label]=\"resolvedPaginationLabel()\">\n    @for (slide of slides(); track $index) {\n      <button\n        type=\"button\"\n        class=\"wr-carousel__dot\"\n        [class.wr-carousel__dot--active]=\"$index === active()\"\n        [attr.aria-current]=\"$index === active() ? 'true' : null\"\n        [attr.aria-label]=\"slideLabel({ index: $index + 1 })\"\n        (click)=\"goTo($index)\"\n      ></button>\n    }\n  </div>\n}\n" }]
-        }], ctorParameters: () => [], propDecorators: { prevLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "prevLabel", required: false }] }], nextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextLabel", required: false }] }], paginationLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginationLabel", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], showArrows: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArrows", required: false }] }], showDots: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDots", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], intervalMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "intervalMs", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], slides: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WrCarouselSlide), { isSignal: true }] }] } });
+                        '(mouseenter)': 'onHoverIn()',
+                        '(mouseleave)': 'onHoverOut()',
+                        '(focusin)': 'onFocusIn()',
+                        '(focusout)': 'onFocusOut()',
+                    }, providers: [
+                        {
+                            provide: WR_CAROUSEL,
+                            // eslint-disable-next-line @angular-eslint/no-forward-ref
+                            useExisting: forwardRef(() => WrCarousel),
+                        },
+                    ], template: "<div\n  #viewport\n  class=\"wr-carousel__viewport\"\n  role=\"group\"\n  [attr.aria-roledescription]=\"resolvedRoledescription()\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  (touchstart)=\"onSwipeStart($event)\"\n  (touchmove)=\"onSwipeMove($event)\"\n  (touchend)=\"onSwipeEnd($event, viewport)\"\n  (touchcancel)=\"onSwipeEnd($event, viewport)\"\n>\n  <div class=\"wr-carousel__track\" [style.transform]=\"trackStyle()\" [style.transition]=\"dragging() ? 'none' : null\">\n    <ng-content />\n  </div>\n</div>\n\n@if (showArrows() && count() > 1) {\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--prev\"\n    [attr.aria-label]=\"resolvedPrevLabel()\"\n    (click)=\"prev()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M9 2 L4 7 L9 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--next\"\n    [attr.aria-label]=\"resolvedNextLabel()\"\n    (click)=\"next()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M5 2 L10 7 L5 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n}\n\n@if (showDots() && count() > 1) {\n  <div class=\"wr-carousel__dots\" role=\"group\" [attr.aria-label]=\"resolvedPaginationLabel()\">\n    @for (slide of slides(); track $index) {\n      <button\n        type=\"button\"\n        class=\"wr-carousel__dot\"\n        [class.wr-carousel__dot--active]=\"$index === active()\"\n        [attr.aria-current]=\"$index === active() ? 'true' : null\"\n        [attr.aria-label]=\"slideLabel({ index: $index + 1 })\"\n        (click)=\"goTo($index)\"\n      ></button>\n    }\n  </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { prevLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "prevLabel", required: false }] }], nextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextLabel", required: false }] }], paginationLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginationLabel", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], roledescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "roledescription", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], showArrows: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArrows", required: false }] }], showDots: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDots", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], intervalMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "intervalMs", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], slides: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WrCarouselSlide), { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { WrCarousel, WrCarouselSlide };
+export { WR_CAROUSEL, WrCarousel, WrCarouselSlide };
 //# sourceMappingURL=ngwr-carousel.mjs.map

package/fesm2022/ngwr-carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-carousel.mjs","sources":["../../../projects/lib/carousel/carousel-slide.ts","../../../projects/lib/carousel/carousel.ts","../../../projects/lib/carousel/carousel.html","../../../projects/lib/carousel/ngwr-carousel.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * One slide in a {@link WrCarousel}. Holds whatever content you\n * project — image, card, video, anything.\n */\n@Component({\n  selector: 'wr-carousel-slide',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-carousel-slide', role: 'group', 'aria-roledescription': 'slide' },\n})\nexport class WrCarouselSlide {}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  computed,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\n\nimport { useI18nFormatter, useI18nText } from 'ngwr/i18n';\n\nimport { WrCarouselSlide } from './carousel-slide';\n\n/**\n * Slide carousel. Project `<wr-carousel-slide>` children — the carousel\n * snaps between them with prev/next buttons and optional dots / autoplay.\n *\n * @example\n * ```html\n * <wr-carousel [(active)]=\"i\" autoplay>\n *   <wr-carousel-slide><img src=\"a.jpg\" /></wr-carousel-slide>\n *   <wr-carousel-slide><img src=\"b.jpg\" /></wr-carousel-slide>\n *   <wr-carousel-slide><img src=\"c.jpg\" /></wr-carousel-slide>\n * </wr-carousel>\n * ```\n *\n * @see https://ngwr.dev/reference/components/carousel\n */\n@Component({\n  selector: 'wr-carousel',\n  templateUrl: './carousel.html',\n  encapsulation: ViewEncapsulation.None,\n  // On the HOST, not the viewport: the arrows and dots are the viewport's siblings, so\n  // viewport-scoped listeners let a slide change under a cursor aiming at an arrow.\n  // `focusin` / `focusout` are the keyboard half — WCAG 2.2.2 wants a way to stop\n  // moving content, and hovering is not one for someone who never uses a mouse.\n  host: {\n    class: 'wr-carousel',\n    '(mouseenter)': 'onPauseIn()',\n    '(mouseleave)': 'onPauseOut()',\n    '(focusin)': 'onPauseIn()',\n    '(focusout)': 'onPauseOut()',\n  },\n})\nexport class WrCarousel {\n  /** Accessible name of the previous-slide button. Falls back to `carousel.prev`. */\n  readonly prevLabel = input<string | null>(null);\n\n  /** Accessible name of the next-slide button. Falls back to `carousel.next`. */\n  readonly nextLabel = input<string | null>(null);\n\n  /** Accessible name of the dot group. Falls back to `carousel.pagination`. */\n  readonly paginationLabel = input<string | null>(null);\n\n  protected readonly resolvedPrevLabel = useI18nText(this.prevLabel, 'carousel.prev', 'Previous slide');\n  protected readonly resolvedNextLabel = useI18nText(this.nextLabel, 'carousel.next', 'Next slide');\n  protected readonly resolvedPaginationLabel = useI18nText(\n    this.paginationLabel,\n    'carousel.pagination',\n    'Carousel pagination'\n  );\n\n  /** Accessible name of the carousel itself. Falls back to `carousel.label`. */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'carousel.label', 'Carousel');\n\n  // The three labels above route through the catalog; this one was a hard-coded\n  // English template, so a localized app got two languages in one pagination strip.\n  protected readonly slideLabel = useI18nFormatter('carousel.goToSlide', 'Go to slide {{index}}');\n\n  /** Active slide index. Two-way bindable. @default 0 */\n  readonly active = model(0);\n\n  /** Show prev / next arrow buttons. @default true */\n  readonly showArrows = input(true, { transform: coerceBooleanProperty });\n\n  /** Show dot indicators below the slides. @default true */\n  readonly showDots = input(true, { transform: coerceBooleanProperty });\n\n  /** Auto-advance slides. @default false */\n  readonly autoplay = input(false, { transform: coerceBooleanProperty });\n\n  /** Autoplay interval (ms). @default 4000 */\n  readonly intervalMs = input(4000, {\n    transform: (v: unknown): number => Math.max(500, coerceNumberProperty(v, 4000)),\n  });\n\n  /** Wrap around at the ends. @default true */\n  readonly loop = input(true, { transform: coerceBooleanProperty });\n\n  protected readonly slides = contentChildren(WrCarouselSlide);\n  protected readonly count = computed(() => this.slides().length);\n\n  /** Live horizontal drag offset (px) during a touch swipe. */\n  protected readonly dragX = signal(0);\n  protected readonly dragging = signal(false);\n\n  private readonly dir = inject(Directionality, { optional: true });\n\n  /**\n   * Reading direction of the track. `Directionality` is root-provided, so this\n   * always resolves — `optional` only guards a consumer who has deliberately\n   * torn the provider out. It reads the document once at construction; a\n   * subtree that overrides the direction does it with the CDK's `Dir`\n   * directive, which writes `valueSignal`, so `trackStyle` re-renders instead\n   * of leaving the track parked on the old side.\n   */\n  private readonly isRtl = computed(() => this.dir?.valueSignal() === 'rtl');\n\n  /** CSS transform for the track — the per-slide offset plus any live drag. */\n  protected readonly trackStyle = computed(() => {\n    // `translateX` is PHYSICAL while the slides are laid out on the inline axis:\n    // under `dir=\"rtl\"` the flex track runs right-to-left, so slide 1 sits to the\n    // LEFT of slide 0 and reaching it means moving the track the other way. Left\n    // unsigned, every RTL carousel translated itself off into blank space.\n    const base = (this.isRtl() ? 1 : -1) * this.active() * 100;\n    // The drag stays physical on purpose: it is the finger's own displacement,\n    // and the track follows the finger in both directions.\n    const drag = this.dragX();\n    return drag === 0 ? `translateX(${base}%)` : `translateX(calc(${base}% + ${drag}px))`;\n  });\n\n  private timer: ReturnType<typeof setInterval> | null = null;\n  private readonly paused = signal(false);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  constructor() {\n    effect(() => {\n      if (this.timer) clearInterval(this.timer);\n      this.timer = null;\n      // `isBrowser` first: without it the prerender ran the timer too, doing work\n      // nobody will ever see on a slide index that then gets serialized.\n      if (!this.isBrowser || !this.autoplay() || this.paused() || this.count() < 2) return;\n      const interval = this.intervalMs();\n      this.timer = setInterval(() => this.next(), interval);\n    });\n\n    // `active` is a plain `model`, so `[(active)]` and a shrinking slide list both\n    // write into it unchecked — a filtered list left it pointing past the end,\n    // translating the track into blank space with no dot lit.\n    effect(() => {\n      const max = this.count() - 1;\n      if (max < 0) return;\n      const clamped = Math.min(Math.max(0, this.active()), max);\n      if (clamped !== this.active()) this.active.set(clamped);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      if (this.timer) clearInterval(this.timer);\n    });\n  }\n\n  protected onPauseIn(): void {\n    this.paused.set(true);\n  }\n\n  protected onPauseOut(): void {\n    this.paused.set(false);\n  }\n\n  // Imperative\n\n  goTo(index: number): void {\n    const max = this.count() - 1;\n    if (max < 0) return;\n    if (this.loop()) {\n      const next = ((index % this.count()) + this.count()) % this.count();\n      this.active.set(next);\n    } else {\n      this.active.set(Math.min(Math.max(0, index), max));\n    }\n  }\n\n  next(): void {\n    this.goTo(this.active() + 1);\n  }\n\n  prev(): void {\n    this.goTo(this.active() - 1);\n  }\n\n  // Swipe navigation — the track follows the finger; releasing past ~20% of the\n  // viewport advances a slide, otherwise snaps back. Which way that is follows\n  // the reading direction: dragging toward the inline start (left in LTR, right\n  // in RTL) pulls the next slide into view.\n\n  private swipeStartX = 0;\n\n  protected onSwipeStart(event: TouchEvent): void {\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeStartX = touch.clientX;\n    this.dragging.set(true);\n    this.paused.set(true); // hold autoplay while dragging\n  }\n\n  protected onSwipeMove(event: TouchEvent): void {\n    if (!this.dragging()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.dragX.set(touch.clientX - this.swipeStartX);\n  }\n\n  protected onSwipeEnd(event: TouchEvent, viewport: HTMLElement): void {\n    if (!this.dragging()) return;\n    this.dragging.set(false);\n    const dx = this.dragX();\n    this.dragX.set(0);\n    this.paused.set(false);\n    const threshold = (viewport.offsetWidth || 0) * 0.2;\n    // `dx` is a physical delta. The next slide sits to the physical RIGHT in LTR\n    // and to the LEFT in RTL, so the drag that pulls it into view — and with it\n    // the sign that advances — turns around with the direction. The buttons keep\n    // their semantics either way; only the gesture is physical.\n    const advance = this.isRtl() ? dx >= threshold : dx <= -threshold;\n    const retreat = this.isRtl() ? dx <= -threshold : dx >= threshold;\n    if (advance) this.next();\n    else if (retreat) this.prev();\n  }\n}\n","<div\n  #viewport\n  class=\"wr-carousel__viewport\"\n  role=\"group\"\n  aria-roledescription=\"carousel\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  (touchstart)=\"onSwipeStart($event)\"\n  (touchmove)=\"onSwipeMove($event)\"\n  (touchend)=\"onSwipeEnd($event, viewport)\"\n  (touchcancel)=\"onSwipeEnd($event, viewport)\"\n>\n  <div class=\"wr-carousel__track\" [style.transform]=\"trackStyle()\" [style.transition]=\"dragging() ? 'none' : null\">\n    <ng-content />\n  </div>\n</div>\n\n@if (showArrows() && count() > 1) {\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--prev\"\n    [attr.aria-label]=\"resolvedPrevLabel()\"\n    (click)=\"prev()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M9 2 L4 7 L9 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--next\"\n    [attr.aria-label]=\"resolvedNextLabel()\"\n    (click)=\"next()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M5 2 L10 7 L5 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n}\n\n@if (showDots() && count() > 1) {\n  <div class=\"wr-carousel__dots\" role=\"group\" [attr.aria-label]=\"resolvedPaginationLabel()\">\n    @for (slide of slides(); track $index) {\n      <button\n        type=\"button\"\n        class=\"wr-carousel__dot\"\n        [class.wr-carousel__dot--active]=\"$index === active()\"\n        [attr.aria-current]=\"$index === active() ? 'true' : null\"\n        [attr.aria-label]=\"slideLabel({ index: $index + 1 })\"\n        (click)=\"goTo($index)\"\n      ></button>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-carousel.mjs","sources":["../../../projects/lib/carousel/tokens/carousel.token.ts","../../../projects/lib/carousel/carousel-slide.ts","../../../projects/lib/carousel/carousel.ts","../../../projects/lib/carousel/carousel.html","../../../projects/lib/carousel/ngwr-carousel.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken, type Signal } from '@angular/core';\n\n/**\n * Contract a `<wr-carousel-slide>` uses to ask its parent whether it is the one\n * on screen.\n *\n * A token rather than an input, because slides arrive through `<ng-content />`:\n * nothing in `carousel.html` can bind to them, so the child has to reach up.\n * Same shape as {@link WR_TABS}.\n *\n * @internal\n */\nexport interface WrCarouselContext {\n  /** Index of the slide currently on screen. */\n  readonly active: Signal<number>;\n  /**\n   * Position of a slide in projection order, or `-1` before it has registered.\n   *\n   * Reads the content-children signal, so a `computed()` calling this tracks\n   * both the active index and slides being added or removed.\n   */\n  indexOf(slide: object): number;\n}\n\n/** Token a `<wr-carousel-slide>` injects to find its parent `<wr-carousel>`. */\nexport const WR_CAROUSEL = new InjectionToken<WrCarouselContext>('WR_CAROUSEL');\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ViewEncapsulation, computed, inject, input } from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\n\nimport { WR_CAROUSEL } from './tokens';\n\n/**\n * One slide in a {@link WrCarousel}. Holds whatever content you\n * project — image, card, video, anything.\n *\n * **An off-screen slide is `inert`.** Only one slide is visible, but the track\n * merely translates the others out of view: without this they stay in the tab\n * order and in the accessibility tree, so a keyboard user tabs into a link they\n * cannot see and a screen reader announces every slide as if they were all on\n * screen. `inert` takes the whole subtree out of both at once, which is why it\n * is preferred here over `tabindex=\"-1\"` (which reaches only the host) — the\n * same answer `wr-collapse` and `wr-marquee` use.\n *\n * `aria-hidden` rides along for the same reason it does on the marquee's\n * duplicate copies: it states the intent for anything reading the attribute\n * rather than honouring `inert`.\n */\n@Component({\n  selector: 'wr-carousel-slide',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-carousel-slide',\n    role: 'group',\n    '[attr.aria-roledescription]': 'resolvedRoledescription()',\n    '[attr.inert]': 'offScreen() ? \"\" : null',\n    '[attr.aria-hidden]': 'offScreen() ? \"true\" : null',\n  },\n})\nexport class WrCarouselSlide {\n  private readonly carousel = inject(WR_CAROUSEL, { optional: true });\n\n  /**\n   * Word a screen reader speaks IN PLACE OF the `group` role. Falls back to\n   * `carousel.slideRoledescription`, then `'slide'`.\n   */\n  readonly roledescription = input<string | null>(null);\n\n  // Spoken verbatim, and only the off-screen slides are `inert` — so the visible\n  // one announced an English \"slide\" inside an otherwise localized carousel.\n  protected readonly resolvedRoledescription = useI18nText(\n    this.roledescription,\n    'carousel.slideRoledescription',\n    'slide'\n  );\n\n  /**\n   * Whether this slide is one of the ones translated out of view.\n   *\n   * `false` while the index is `-1`: content children resolve after the first\n   * render, and a slide that hid itself in that window would make the carousel\n   * open with everything inert. `false` too when there is no parent — the\n   * component is exported, so it can be used on its own.\n   */\n  protected readonly offScreen = computed(() => {\n    if (!this.carousel) return false;\n    const index = this.carousel.indexOf(this);\n    return index >= 0 && index !== this.carousel.active();\n  });\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  computed,\n  contentChildren,\n  forwardRef,\n  effect,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\n\nimport { useI18nFormatter, useI18nText } from 'ngwr/i18n';\n\nimport { WrCarouselSlide } from './carousel-slide';\nimport { WR_CAROUSEL, type WrCarouselContext } from './tokens';\n\n/**\n * Slide carousel. Project `<wr-carousel-slide>` children — the carousel\n * snaps between them with prev/next buttons and optional dots / autoplay.\n *\n * @example\n * ```html\n * <wr-carousel [(active)]=\"i\" autoplay>\n *   <wr-carousel-slide><img src=\"a.jpg\" /></wr-carousel-slide>\n *   <wr-carousel-slide><img src=\"b.jpg\" /></wr-carousel-slide>\n *   <wr-carousel-slide><img src=\"c.jpg\" /></wr-carousel-slide>\n * </wr-carousel>\n * ```\n *\n * @see https://ngwr.dev/reference/components/carousel\n */\n@Component({\n  selector: 'wr-carousel',\n  templateUrl: './carousel.html',\n  encapsulation: ViewEncapsulation.None,\n  // On the HOST, not the viewport: the arrows and dots are the viewport's siblings, so\n  // viewport-scoped listeners let a slide change under a cursor aiming at an arrow.\n  // `focusin` / `focusout` are the keyboard half — WCAG 2.2.2 wants a way to stop\n  // moving content, and hovering is not one for someone who never uses a mouse.\n  host: {\n    class: 'wr-carousel',\n    '(mouseenter)': 'onHoverIn()',\n    '(mouseleave)': 'onHoverOut()',\n    '(focusin)': 'onFocusIn()',\n    '(focusout)': 'onFocusOut()',\n  },\n  providers: [\n    {\n      provide: WR_CAROUSEL,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrCarousel),\n    },\n  ],\n})\nexport class WrCarousel implements WrCarouselContext {\n  /** Accessible name of the previous-slide button. Falls back to `carousel.prev`. */\n  readonly prevLabel = input<string | null>(null);\n\n  /** Accessible name of the next-slide button. Falls back to `carousel.next`. */\n  readonly nextLabel = input<string | null>(null);\n\n  /** Accessible name of the dot group. Falls back to `carousel.pagination`. */\n  readonly paginationLabel = input<string | null>(null);\n\n  protected readonly resolvedPrevLabel = useI18nText(this.prevLabel, 'carousel.prev', 'Previous slide');\n  protected readonly resolvedNextLabel = useI18nText(this.nextLabel, 'carousel.next', 'Next slide');\n  protected readonly resolvedPaginationLabel = useI18nText(\n    this.paginationLabel,\n    'carousel.pagination',\n    'Carousel pagination'\n  );\n\n  /** Accessible name of the carousel itself. Falls back to `carousel.label`. */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'carousel.label', 'Carousel');\n\n  /**\n   * Word a screen reader speaks IN PLACE OF the `group` role. Falls back to\n   * `carousel.roledescription`, then `'carousel'`.\n   */\n  readonly roledescription = input<string | null>(null);\n\n  // Routed for the same reason the name above is: `aria-roledescription` is spoken\n  // verbatim, so a static English \"carousel\" made the viewport announce\n  // \"Карусель, carousel\" with the localized arrows right beside it.\n  protected readonly resolvedRoledescription = useI18nText(\n    this.roledescription,\n    'carousel.roledescription',\n    'carousel'\n  );\n\n  // The three labels above route through the catalog; this one was a hard-coded\n  // English template, so a localized app got two languages in one pagination strip.\n  protected readonly slideLabel = useI18nFormatter('carousel.goToSlide', 'Go to slide {{index}}');\n\n  /** Active slide index. Two-way bindable. @default 0 */\n  readonly active = model(0);\n\n  /** Show prev / next arrow buttons. @default true */\n  readonly showArrows = input(true, { transform: coerceBooleanProperty });\n\n  /** Show dot indicators below the slides. @default true */\n  readonly showDots = input(true, { transform: coerceBooleanProperty });\n\n  /** Auto-advance slides. @default false */\n  readonly autoplay = input(false, { transform: coerceBooleanProperty });\n\n  /** Autoplay interval (ms). @default 4000 */\n  readonly intervalMs = input(4000, {\n    transform: (v: unknown): number => Math.max(500, coerceNumberProperty(v, 4000)),\n  });\n\n  /** Wrap around at the ends. @default true */\n  readonly loop = input(true, { transform: coerceBooleanProperty });\n\n  protected readonly slides = contentChildren(WrCarouselSlide);\n  protected readonly count = computed(() => this.slides().length);\n\n  /**\n   * Where a slide sits in projection order — {@link WrCarouselContext}.\n   *\n   * Public only because the child injects the parent through `WR_CAROUSEL`;\n   * reading `slides()` here is what makes the child's `computed()` re-run when a\n   * slide is added or removed.\n   */\n  indexOf(slide: object): number {\n    return this.slides().indexOf(slide as WrCarouselSlide);\n  }\n\n  /** Live horizontal drag offset (px) during a touch swipe. */\n  protected readonly dragX = signal(0);\n  protected readonly dragging = signal(false);\n\n  private readonly dir = inject(Directionality, { optional: true });\n\n  /**\n   * Reading direction of the track. `Directionality` is root-provided, so this\n   * always resolves — `optional` only guards a consumer who has deliberately\n   * torn the provider out. It reads the document once at construction; a\n   * subtree that overrides the direction does it with the CDK's `Dir`\n   * directive, which writes `valueSignal`, so `trackStyle` re-renders instead\n   * of leaving the track parked on the old side.\n   */\n  private readonly isRtl = computed(() => this.dir?.valueSignal() === 'rtl');\n\n  /** CSS transform for the track — the per-slide offset plus any live drag. */\n  protected readonly trackStyle = computed(() => {\n    // `translateX` is PHYSICAL while the slides are laid out on the inline axis:\n    // under `dir=\"rtl\"` the flex track runs right-to-left, so slide 1 sits to the\n    // LEFT of slide 0 and reaching it means moving the track the other way. Left\n    // unsigned, every RTL carousel translated itself off into blank space.\n    const base = (this.isRtl() ? 1 : -1) * this.active() * 100;\n    // The drag stays physical on purpose: it is the finger's own displacement,\n    // and the track follows the finger in both directions.\n    const drag = this.dragX();\n    return drag === 0 ? `translateX(${base}%)` : `translateX(calc(${base}% + ${drag}px))`;\n  });\n\n  private timer: ReturnType<typeof setInterval> | null = null;\n\n  // Three sources hold the pause and they release independently, so they get a\n  // flag each rather than one shared boolean — the same `hovered` / `focusWithin`\n  // pair `WrToastHost` keeps. With one flag whichever source released LAST won:\n  // moving the pointer off the carousel while focus was still on a link inside it\n  // restarted the slides under the focused element, and a `touchend` released a\n  // pause it had never taken. Flags, not a counter: `mouseenter`/`mouseleave` and\n  // `focusin`/`focusout` each pair exactly once per source, so a count would only\n  // add a way to drift out of step.\n  private readonly hovered = signal(false);\n  private readonly focusWithin = signal(false);\n  private readonly paused = computed(() => this.hovered() || this.focusWithin() || this.dragging());\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  constructor() {\n    effect(() => {\n      if (this.timer) clearInterval(this.timer);\n      this.timer = null;\n      // `isBrowser` first: without it the prerender ran the timer too, doing work\n      // nobody will ever see on a slide index that then gets serialized.\n      if (!this.isBrowser || !this.autoplay() || this.paused() || this.count() < 2) return;\n      const interval = this.intervalMs();\n      this.timer = setInterval(() => this.next(), interval);\n    });\n\n    // `active` is a plain `model`, so `[(active)]` and a shrinking slide list both\n    // write into it unchecked — a filtered list left it pointing past the end,\n    // translating the track into blank space with no dot lit.\n    effect(() => {\n      const max = this.count() - 1;\n      if (max < 0) return;\n      const clamped = Math.min(Math.max(0, this.active()), max);\n      if (clamped !== this.active()) this.active.set(clamped);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      if (this.timer) clearInterval(this.timer);\n    });\n  }\n\n  protected onHoverIn(): void {\n    this.hovered.set(true);\n  }\n\n  protected onHoverOut(): void {\n    this.hovered.set(false);\n  }\n\n  protected onFocusIn(): void {\n    this.focusWithin.set(true);\n  }\n\n  protected onFocusOut(): void {\n    this.focusWithin.set(false);\n  }\n\n  // Imperative\n\n  goTo(index: number): void {\n    const max = this.count() - 1;\n    if (max < 0) return;\n    if (this.loop()) {\n      const next = ((index % this.count()) + this.count()) % this.count();\n      this.active.set(next);\n    } else {\n      this.active.set(Math.min(Math.max(0, index), max));\n    }\n  }\n\n  next(): void {\n    this.goTo(this.active() + 1);\n  }\n\n  prev(): void {\n    this.goTo(this.active() - 1);\n  }\n\n  // Swipe navigation — the track follows the finger; releasing past ~20% of the\n  // viewport advances a slide, otherwise snaps back. Which way that is follows\n  // the reading direction: dragging toward the inline start (left in LTR, right\n  // in RTL) pulls the next slide into view.\n\n  private swipeStartX = 0;\n\n  protected onSwipeStart(event: TouchEvent): void {\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.swipeStartX = touch.clientX;\n    this.dragging.set(true); // holds autoplay on its own — `paused` reads it\n  }\n\n  protected onSwipeMove(event: TouchEvent): void {\n    if (!this.dragging()) return;\n    const touch = event.touches[0];\n    if (!touch) return;\n    this.dragX.set(touch.clientX - this.swipeStartX);\n  }\n\n  protected onSwipeEnd(event: TouchEvent, viewport: HTMLElement): void {\n    if (!this.dragging()) return;\n    this.dragging.set(false);\n    const dx = this.dragX();\n    this.dragX.set(0);\n    const threshold = (viewport.offsetWidth || 0) * 0.2;\n    // `dx` is a physical delta. The next slide sits to the physical RIGHT in LTR\n    // and to the LEFT in RTL, so the drag that pulls it into view — and with it\n    // the sign that advances — turns around with the direction. The buttons keep\n    // their semantics either way; only the gesture is physical.\n    const advance = this.isRtl() ? dx >= threshold : dx <= -threshold;\n    const retreat = this.isRtl() ? dx <= -threshold : dx >= threshold;\n    if (advance) this.next();\n    else if (retreat) this.prev();\n  }\n}\n","<div\n  #viewport\n  class=\"wr-carousel__viewport\"\n  role=\"group\"\n  [attr.aria-roledescription]=\"resolvedRoledescription()\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  (touchstart)=\"onSwipeStart($event)\"\n  (touchmove)=\"onSwipeMove($event)\"\n  (touchend)=\"onSwipeEnd($event, viewport)\"\n  (touchcancel)=\"onSwipeEnd($event, viewport)\"\n>\n  <div class=\"wr-carousel__track\" [style.transform]=\"trackStyle()\" [style.transition]=\"dragging() ? 'none' : null\">\n    <ng-content />\n  </div>\n</div>\n\n@if (showArrows() && count() > 1) {\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--prev\"\n    [attr.aria-label]=\"resolvedPrevLabel()\"\n    (click)=\"prev()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M9 2 L4 7 L9 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n  <button\n    type=\"button\"\n    class=\"wr-carousel__nav wr-carousel__nav--next\"\n    [attr.aria-label]=\"resolvedNextLabel()\"\n    (click)=\"next()\"\n  >\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n      <path d=\"M5 2 L10 7 L5 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n    </svg>\n  </button>\n}\n\n@if (showDots() && count() > 1) {\n  <div class=\"wr-carousel__dots\" role=\"group\" [attr.aria-label]=\"resolvedPaginationLabel()\">\n    @for (slide of slides(); track $index) {\n      <button\n        type=\"button\"\n        class=\"wr-carousel__dot\"\n        [class.wr-carousel__dot--active]=\"$index === active()\"\n        [attr.aria-current]=\"$index === active() ? 'true' : null\"\n        [attr.aria-label]=\"slideLabel({ index: $index + 1 })\"\n        (click)=\"goTo($index)\"\n      ></button>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}