@muxima-ui/core 1.0.0 → 1.2.0

package/README.md

@@ -30,9 +30,19 @@ Cada componente tem o seu ponto de entrada, para só importares o que usas:
 | `@muxima-ui/core/checkbox` | `MxCheckbox` |
 | `@muxima-ui/core/radio` | `MxRadio` |
 | `@muxima-ui/core/switch` | `MxSwitch` |
-| `@muxima-ui/core/slider` | `MxSlider` |
-| `@muxima-ui/core/date-picker` | `MxDatePicker`, `MxCalendar`, `mxParseDate`, `mxFormatDate` |
+| `@muxima-ui/core/slider` | `MxSlider`, `MxRangeSlider` (dois cursores) |
+| `@muxima-ui/core/date-picker` | `MxDatePicker`, `MxDateRangePicker`, `MxCalendar`, `mxDefaultRangePresets`, `mxDateRangeComplete`, `mxParseDate`, `mxFormatDate` |
+| `@muxima-ui/core/time-picker` | `MxTimePicker`, `mxParseTime` |
 | `@muxima-ui/core/otp` | `MxOtp` |
+| `@muxima-ui/core/chips` | `MxChip`, `MxChipToggle`, `MxTagInput` |
+| `@muxima-ui/core/file-upload` | `MxFileUpload`, `mxFormatBytes` |
+| `@muxima-ui/core/rating` | `MxRating` |
+| `@muxima-ui/core/clipboard` | `MxCopy`, `MxCopyButton` |
+| `@muxima-ui/core/color-picker` | `MxColorPicker`, `MxColorPanel`, `mxParseColor`, `mxColorName`, `mxContrast` |
+| `@muxima-ui/core/sidebar` | `MX_SIDEBAR` |
+| `@muxima-ui/core/timeline` | `MX_TIMELINE` |
+| `@muxima-ui/core/carousel` | `MxCarousel`, `MxCarouselSlide` |
+| `@muxima-ui/core/notification-center` | `MxNotificationCenter`, `MxNotificationBell`, `mxRelativeTime` |
 | `@muxima-ui/core/table` | `MX_TABLE`, `mxSortData` |
 | `@muxima-ui/core/card` | `MX_CARD` |
 | `@muxima-ui/core/badge` | `MxBadge` |
@@ -54,6 +64,4 @@ Cada componente tem o seu ponto de entrada, para só importares o que usas:
 | `@muxima-ui/core/skeleton` | `MxSkeleton` |
 | `@muxima-ui/core/toast` | `MxToast` |
 
-Time picker usa `input[type=time][mxInput]`, sem componente próprio.
-
 Licença MIT.

package/fesm2022/muxima-ui-core-carousel.mjs

@@ -0,0 +1,377 @@
+import * as i0 from '@angular/core';
+import { input, inject, forwardRef, ElementRef, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, model, numberAttribute, booleanAttribute, contentChildren, viewChild, signal, Injector, effect, afterNextRender, DestroyRef } from '@angular/core';
+
+/** Um diapositivo. O carrossel dá-lhe o nome "2 de 5" e tira do teclado os que não se vêem. */
+class MxCarouselSlide {
+    /** Nome próprio do diapositivo; por omissão "2 de 5". */
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    carousel = inject(forwardRef(() => MxCarousel));
+    el = inject(ElementRef).nativeElement;
+    index = computed(() => this.carousel.slides().indexOf(this), ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCarouselSlide, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: MxCarouselSlide, isStandalone: true, selector: "mx-carousel-slide", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group", "aria-roledescription": "diapositivo" }, properties: { "attr.aria-label": "label() || carousel.slideLabel(index())", "attr.inert": "carousel.isVisible(index()) ? null : \"\"", "attr.aria-hidden": "carousel.isVisible(index()) ? null : \"true\"" }, classAttribute: "mx-carousel-slide" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCarouselSlide, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mx-carousel-slide',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'mx-carousel-slide',
+                        role: 'group',
+                        'aria-roledescription': 'diapositivo',
+                        '[attr.aria-label]': 'label() || carousel.slideLabel(index())',
+                        '[attr.inert]': 'carousel.isVisible(index()) ? null : ""',
+                        '[attr.aria-hidden]': 'carousel.isVisible(index()) ? null : "true"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+/**
+ * Carrossel acessível (padrão WAI-ARIA Carousel): botões anterior e seguinte, indicadores,
+ * deslizar com o dedo (scroll nativo com snap) e, opcionalmente, rotação automática com
+ * botão de pausa. A rotação pára com o rato ou o foco dentro e não arranca com
+ * "reduzir movimento" activo.
+ *
+ * ```html
+ * <mx-carousel aria-label="Novidades" [perView]="1" [autoplay]="6000">
+ *   <mx-carousel-slide>...</mx-carousel-slide>
+ *   <mx-carousel-slide>...</mx-carousel-slide>
+ * </mx-carousel>
+ * ```
+ */
+class MxCarousel {
+    /** Índice do primeiro diapositivo visível. */
+    index = model(0, ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    /** Diapositivos visíveis de cada vez. */
+    perView = input(1, { ...(ngDevMode ? { debugName: "perView" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Espaço entre diapositivos, em px. */
+    gap = input(16, { ...(ngDevMode ? { debugName: "gap" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Ms entre diapositivos; 0 = sem rotação automática. */
+    autoplay = input(0, { ...(ngDevMode ? { debugName: "autoplay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Depois do último volta ao primeiro. */
+    loop = input(false, { ...(ngDevMode ? { debugName: "loop" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    indicators = input(true, { ...(ngDevMode ? { debugName: "indicators" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Botões anterior e seguinte. Sem eles, dá à pessoa outra forma de mudar ([(index)]). */
+    controls = input(true, { ...(ngDevMode ? { debugName: "controls" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    prevLabel = input('Diapositivo anterior', ...(ngDevMode ? [{ debugName: "prevLabel" }] : /* istanbul ignore next */ []));
+    nextLabel = input('Diapositivo seguinte', ...(ngDevMode ? [{ debugName: "nextLabel" }] : /* istanbul ignore next */ []));
+    slides = contentChildren(MxCarouselSlide, ...(ngDevMode ? [{ debugName: "slides" }] : /* istanbul ignore next */ []));
+    viewport = viewChild.required('viewport');
+    reducedMotion = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;
+    hovering = signal(false, ...(ngDevMode ? [{ debugName: "hovering" }] : /* istanbul ignore next */ []));
+    focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
+    /** Rotação ligada pela pessoa (botão de pausa). */
+    playing = signal(true, ...(ngDevMode ? [{ debugName: "playing" }] : /* istanbul ignore next */ []));
+    /** A rodar agora: ligada, sem rato nem foco dentro, e sem reduzir movimento. */
+    running = computed(() => !!this.autoplay() &&
+        this.playing() &&
+        !this.hovering() &&
+        !this.focused() &&
+        !this.reducedMotion, ...(ngDevMode ? [{ debugName: "running" }] : /* istanbul ignore next */ []));
+    lastIndex = computed(() => Math.max(0, this.slides().length - this.perView()), ...(ngDevMode ? [{ debugName: "lastIndex" }] : /* istanbul ignore next */ []));
+    pages = computed(() => Array.from({ length: this.lastIndex() + 1 }, (_, i) => i), ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
+    scrollFrame = 0;
+    scrolling = false;
+    /** O índice mudou porque a pessoa deslizou: não volta a mexer no scroll. */
+    fromScroll = false;
+    injector = inject(Injector);
+    constructor() {
+        if (this.reducedMotion)
+            this.playing.set(false);
+        effect((onCleanup) => {
+            if (!this.running())
+                return;
+            const t = setInterval(() => this.next(true), this.autoplay());
+            onCleanup(() => clearInterval(t));
+        });
+        // o índice pode mudar por [(index)]: alinha o scroll
+        effect(() => {
+            const i = this.index();
+            if (this.fromScroll) {
+                this.fromScroll = false;
+                return;
+            }
+            if (!this.scrolling)
+                afterNextRender(() => this.scrollTo(i, false), { injector: this.injector });
+        });
+        inject(DestroyRef).onDestroy(() => cancelAnimationFrame(this.scrollFrame));
+    }
+    slideLabel(i) {
+        return `${i + 1} de ${this.slides().length}`;
+    }
+    isVisible(i) {
+        const start = this.index();
+        return i >= start && i < start + this.perView();
+    }
+    go(i) {
+        const target = Math.min(Math.max(i, 0), this.lastIndex());
+        this.index.set(target);
+        this.scrollTo(target, true);
+    }
+    next(auto = false) {
+        if (this.index() >= this.lastIndex()) {
+            if (this.loop() || auto)
+                this.go(0);
+            return;
+        }
+        this.go(this.index() + 1);
+    }
+    prev() {
+        if (this.index() === 0) {
+            if (this.loop())
+                this.go(this.lastIndex());
+            return;
+        }
+        this.go(this.index() - 1);
+    }
+    togglePlay() {
+        this.playing.update((p) => !p);
+    }
+    onFocusOut(event) {
+        const host = this.viewport().nativeElement.parentElement;
+        if (!host.contains(event.relatedTarget))
+            this.focused.set(false);
+    }
+    scrollTo(i, smooth) {
+        const vp = this.viewport().nativeElement;
+        const slide = this.slides()[i]?.el;
+        if (!slide)
+            return;
+        this.scrolling = true;
+        const first = this.slides()[0].el;
+        const left = slide.offsetLeft - first.offsetLeft;
+        if (typeof vp.scrollTo === 'function')
+            vp.scrollTo({ left, behavior: smooth && !this.reducedMotion ? 'smooth' : 'auto' });
+        else
+            vp.scrollLeft = left;
+        setTimeout(() => (this.scrolling = false), smooth ? 450 : 0);
+    }
+    onScroll() {
+        if (this.scrolling)
+            return;
+        cancelAnimationFrame(this.scrollFrame);
+        this.scrollFrame = requestAnimationFrame(() => {
+            const vp = this.viewport().nativeElement;
+            const slides = this.slides();
+            if (!slides.length)
+                return;
+            const step = slides.length > 1 ? slides[1].el.offsetLeft - slides[0].el.offsetLeft : vp.clientWidth;
+            const i = Math.min(Math.round(vp.scrollLeft / step), this.lastIndex());
+            if (i !== this.index()) {
+                this.fromScroll = true;
+                this.index.set(i);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxCarousel, isStandalone: true, selector: "mx-carousel", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, perView: { classPropertyName: "perView", publicName: "perView", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, indicators: { classPropertyName: "indicators", publicName: "indicators", isSignal: true, isRequired: false, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, prevLabel: { classPropertyName: "prevLabel", publicName: "prevLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { index: "indexChange" }, host: { attributes: { "role": "region", "aria-roledescription": "carrossel" }, listeners: { "mouseenter": "hovering.set(true)", "mouseleave": "hovering.set(false)", "focusin": "focused.set(true)", "focusout": "onFocusOut($event)" }, properties: { "attr.data-indicators": "indicators() ? \"\" : null", "style.--mx-carousel-per-view": "perView()", "style.--mx-carousel-gap.px": "gap()" }, classAttribute: "mx-carousel" }, queries: [{ propertyName: "slides", predicate: MxCarouselSlide, isSignal: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true, isSignal: true }], exportAs: ["mxCarousel"], ngImport: i0, template: `
+    @if (autoplay()) {
+      <button
+        type="button"
+        class="mx-carousel-play"
+        [attr.aria-label]="
+          playing() ? 'Parar a rotação automática' : 'Iniciar a rotação automática'
+        "
+        (click)="togglePlay()"
+      >
+        @if (playing()) {
+          <svg viewBox="0 0 16 16" aria-hidden="true">
+            <path
+              d="M5.5 3.5v9M10.5 3.5v9"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="1.6"
+              stroke-linecap="round"
+            />
+          </svg>
+        } @else {
+          <svg viewBox="0 0 16 16" aria-hidden="true">
+            <path d="M5 3.5l7 4.5-7 4.5z" fill="currentColor" />
+          </svg>
+        }
+      </button>
+    }
+    <div class="mx-carousel-viewport" #viewport (scroll)="onScroll()">
+      <div class="mx-carousel-track" [attr.aria-live]="running() ? 'off' : 'polite'">
+        <ng-content />
+      </div>
+    </div>
+    @if (controls() || indicators()) {
+      <div class="mx-carousel-nav">
+        @if (controls()) {
+          <button
+            type="button"
+            class="mx-carousel-button mx-carousel-prev"
+            [disabled]="!loop() && index() === 0"
+            [attr.aria-label]="prevLabel()"
+            (click)="prev()"
+          >
+            <svg viewBox="0 0 16 16" aria-hidden="true">
+              <path
+                d="M10 4L6 8l4 4"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              />
+            </svg>
+          </button>
+        }
+        @if (indicators()) {
+          <div class="mx-carousel-dots" role="group" aria-label="Escolher diapositivo">
+            @for (p of pages(); track p) {
+              <button
+                type="button"
+                class="mx-carousel-dot"
+                [attr.aria-label]="'Diapositivo ' + (p + 1)"
+                [attr.aria-current]="p === index() ? 'true' : null"
+                (click)="go(p)"
+              ></button>
+            }
+          </div>
+        }
+        @if (controls()) {
+          <button
+            type="button"
+            class="mx-carousel-button mx-carousel-next"
+            [disabled]="!loop() && index() >= lastIndex()"
+            [attr.aria-label]="nextLabel()"
+            (click)="next()"
+          >
+            <svg viewBox="0 0 16 16" aria-hidden="true">
+              <path
+                d="M6 4l4 4-4 4"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              />
+            </svg>
+          </button>
+        }
+      </div>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxCarousel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mx-carousel',
+                    exportAs: 'mxCarousel',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'mx-carousel',
+                        role: 'region',
+                        'aria-roledescription': 'carrossel',
+                        '[attr.data-indicators]': 'indicators() ? "" : null',
+                        '[style.--mx-carousel-per-view]': 'perView()',
+                        '[style.--mx-carousel-gap.px]': 'gap()',
+                        '(mouseenter)': 'hovering.set(true)',
+                        '(mouseleave)': 'hovering.set(false)',
+                        '(focusin)': 'focused.set(true)',
+                        '(focusout)': 'onFocusOut($event)',
+                    },
+                    template: `
+    @if (autoplay()) {
+      <button
+        type="button"
+        class="mx-carousel-play"
+        [attr.aria-label]="
+          playing() ? 'Parar a rotação automática' : 'Iniciar a rotação automática'
+        "
+        (click)="togglePlay()"
+      >
+        @if (playing()) {
+          <svg viewBox="0 0 16 16" aria-hidden="true">
+            <path
+              d="M5.5 3.5v9M10.5 3.5v9"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="1.6"
+              stroke-linecap="round"
+            />
+          </svg>
+        } @else {
+          <svg viewBox="0 0 16 16" aria-hidden="true">
+            <path d="M5 3.5l7 4.5-7 4.5z" fill="currentColor" />
+          </svg>
+        }
+      </button>
+    }
+    <div class="mx-carousel-viewport" #viewport (scroll)="onScroll()">
+      <div class="mx-carousel-track" [attr.aria-live]="running() ? 'off' : 'polite'">
+        <ng-content />
+      </div>
+    </div>
+    @if (controls() || indicators()) {
+      <div class="mx-carousel-nav">
+        @if (controls()) {
+          <button
+            type="button"
+            class="mx-carousel-button mx-carousel-prev"
+            [disabled]="!loop() && index() === 0"
+            [attr.aria-label]="prevLabel()"
+            (click)="prev()"
+          >
+            <svg viewBox="0 0 16 16" aria-hidden="true">
+              <path
+                d="M10 4L6 8l4 4"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              />
+            </svg>
+          </button>
+        }
+        @if (indicators()) {
+          <div class="mx-carousel-dots" role="group" aria-label="Escolher diapositivo">
+            @for (p of pages(); track p) {
+              <button
+                type="button"
+                class="mx-carousel-dot"
+                [attr.aria-label]="'Diapositivo ' + (p + 1)"
+                [attr.aria-current]="p === index() ? 'true' : null"
+                (click)="go(p)"
+              ></button>
+            }
+          </div>
+        }
+        @if (controls()) {
+          <button
+            type="button"
+            class="mx-carousel-button mx-carousel-next"
+            [disabled]="!loop() && index() >= lastIndex()"
+            [attr.aria-label]="nextLabel()"
+            (click)="next()"
+          >
+            <svg viewBox="0 0 16 16" aria-hidden="true">
+              <path
+                d="M6 4l4 4-4 4"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              />
+            </svg>
+          </button>
+        }
+      </div>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }, { type: i0.Output, args: ["indexChange"] }], perView: [{ type: i0.Input, args: [{ isSignal: true, alias: "perView", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], indicators: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicators", required: false }] }], controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], prevLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "prevLabel", required: false }] }], nextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextLabel", required: false }] }], slides: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MxCarouselSlide), { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: ['viewport', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MxCarousel, MxCarouselSlide };
+//# sourceMappingURL=muxima-ui-core-carousel.mjs.map

package/fesm2022/muxima-ui-core-carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-core-carousel.mjs","sources":["../../../projects/core/carousel/carousel.ts","../../../projects/core/carousel/muxima-ui-core-carousel.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  ViewEncapsulation,\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  signal,\n  viewChild,\n} from '@angular/core';\n\n/** Um diapositivo. O carrossel dá-lhe o nome \"2 de 5\" e tira do teclado os que não se vêem. */\n@Component({\n  selector: 'mx-carousel-slide',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-carousel-slide',\n    role: 'group',\n    'aria-roledescription': 'diapositivo',\n    '[attr.aria-label]': 'label() || carousel.slideLabel(index())',\n    '[attr.inert]': 'carousel.isVisible(index()) ? null : \"\"',\n    '[attr.aria-hidden]': 'carousel.isVisible(index()) ? null : \"true\"',\n  },\n  template: `<ng-content />`,\n})\nexport class MxCarouselSlide {\n  /** Nome próprio do diapositivo; por omissão \"2 de 5\". */\n  readonly label = input('');\n  protected readonly carousel = inject(forwardRef(() => MxCarousel));\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  protected readonly index = computed(() => this.carousel.slides().indexOf(this));\n}\n\n/**\n * Carrossel acessível (padrão WAI-ARIA Carousel): botões anterior e seguinte, indicadores,\n * deslizar com o dedo (scroll nativo com snap) e, opcionalmente, rotação automática com\n * botão de pausa. A rotação pára com o rato ou o foco dentro e não arranca com\n * \"reduzir movimento\" activo.\n *\n * ```html\n * <mx-carousel aria-label=\"Novidades\" [perView]=\"1\" [autoplay]=\"6000\">\n *   <mx-carousel-slide>...</mx-carousel-slide>\n *   <mx-carousel-slide>...</mx-carousel-slide>\n * </mx-carousel>\n * ```\n */\n@Component({\n  selector: 'mx-carousel',\n  exportAs: 'mxCarousel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-carousel',\n    role: 'region',\n    'aria-roledescription': 'carrossel',\n    '[attr.data-indicators]': 'indicators() ? \"\" : null',\n    '[style.--mx-carousel-per-view]': 'perView()',\n    '[style.--mx-carousel-gap.px]': 'gap()',\n    '(mouseenter)': 'hovering.set(true)',\n    '(mouseleave)': 'hovering.set(false)',\n    '(focusin)': 'focused.set(true)',\n    '(focusout)': 'onFocusOut($event)',\n  },\n  template: `\n    @if (autoplay()) {\n      <button\n        type=\"button\"\n        class=\"mx-carousel-play\"\n        [attr.aria-label]=\"\n          playing() ? 'Parar a rotação automática' : 'Iniciar a rotação automática'\n        \"\n        (click)=\"togglePlay()\"\n      >\n        @if (playing()) {\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n            <path\n              d=\"M5.5 3.5v9M10.5 3.5v9\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.6\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        } @else {\n          <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n            <path d=\"M5 3.5l7 4.5-7 4.5z\" fill=\"currentColor\" />\n          </svg>\n        }\n      </button>\n    }\n    <div class=\"mx-carousel-viewport\" #viewport (scroll)=\"onScroll()\">\n      <div class=\"mx-carousel-track\" [attr.aria-live]=\"running() ? 'off' : 'polite'\">\n        <ng-content />\n      </div>\n    </div>\n    @if (controls() || indicators()) {\n      <div class=\"mx-carousel-nav\">\n        @if (controls()) {\n          <button\n            type=\"button\"\n            class=\"mx-carousel-button mx-carousel-prev\"\n            [disabled]=\"!loop() && index() === 0\"\n            [attr.aria-label]=\"prevLabel()\"\n            (click)=\"prev()\"\n          >\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n              <path\n                d=\"M10 4L6 8l4 4\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n        }\n        @if (indicators()) {\n          <div class=\"mx-carousel-dots\" role=\"group\" aria-label=\"Escolher diapositivo\">\n            @for (p of pages(); track p) {\n              <button\n                type=\"button\"\n                class=\"mx-carousel-dot\"\n                [attr.aria-label]=\"'Diapositivo ' + (p + 1)\"\n                [attr.aria-current]=\"p === index() ? 'true' : null\"\n                (click)=\"go(p)\"\n              ></button>\n            }\n          </div>\n        }\n        @if (controls()) {\n          <button\n            type=\"button\"\n            class=\"mx-carousel-button mx-carousel-next\"\n            [disabled]=\"!loop() && index() >= lastIndex()\"\n            [attr.aria-label]=\"nextLabel()\"\n            (click)=\"next()\"\n          >\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n              <path\n                d=\"M6 4l4 4-4 4\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n        }\n      </div>\n    }\n  `,\n})\nexport class MxCarousel {\n  /** Índice do primeiro diapositivo visível. */\n  readonly index = model(0);\n  /** Diapositivos visíveis de cada vez. */\n  readonly perView = input(1, { transform: numberAttribute });\n  /** Espaço entre diapositivos, em px. */\n  readonly gap = input(16, { transform: numberAttribute });\n  /** Ms entre diapositivos; 0 = sem rotação automática. */\n  readonly autoplay = input(0, { transform: numberAttribute });\n  /** Depois do último volta ao primeiro. */\n  readonly loop = input(false, { transform: booleanAttribute });\n  readonly indicators = input(true, { transform: booleanAttribute });\n  /** Botões anterior e seguinte. Sem eles, dá à pessoa outra forma de mudar ([(index)]). */\n  readonly controls = input(true, { transform: booleanAttribute });\n  readonly prevLabel = input('Diapositivo anterior');\n  readonly nextLabel = input('Diapositivo seguinte');\n\n  readonly slides = contentChildren(MxCarouselSlide);\n  private readonly viewport = viewChild.required<ElementRef<HTMLElement>>('viewport');\n  private readonly reducedMotion =\n    typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  protected readonly hovering = signal(false);\n  protected readonly focused = signal(false);\n  /** Rotação ligada pela pessoa (botão de pausa). */\n  readonly playing = signal(true);\n  /** A rodar agora: ligada, sem rato nem foco dentro, e sem reduzir movimento. */\n  protected readonly running = computed(\n    () =>\n      !!this.autoplay() &&\n      this.playing() &&\n      !this.hovering() &&\n      !this.focused() &&\n      !this.reducedMotion,\n  );\n  protected readonly lastIndex = computed(() => Math.max(0, this.slides().length - this.perView()));\n  protected readonly pages = computed(() =>\n    Array.from({ length: this.lastIndex() + 1 }, (_, i) => i),\n  );\n  private scrollFrame = 0;\n  private scrolling = false;\n  /** O índice mudou porque a pessoa deslizou: não volta a mexer no scroll. */\n  private fromScroll = false;\n  private readonly injector = inject(Injector);\n\n  constructor() {\n    if (this.reducedMotion) this.playing.set(false);\n    effect((onCleanup) => {\n      if (!this.running()) return;\n      const t = setInterval(() => this.next(true), this.autoplay());\n      onCleanup(() => clearInterval(t));\n    });\n    // o índice pode mudar por [(index)]: alinha o scroll\n    effect(() => {\n      const i = this.index();\n      if (this.fromScroll) {\n        this.fromScroll = false;\n        return;\n      }\n      if (!this.scrolling)\n        afterNextRender(() => this.scrollTo(i, false), { injector: this.injector });\n    });\n    inject(DestroyRef).onDestroy(() => cancelAnimationFrame(this.scrollFrame));\n  }\n\n  slideLabel(i: number): string {\n    return `${i + 1} de ${this.slides().length}`;\n  }\n  isVisible(i: number): boolean {\n    const start = this.index();\n    return i >= start && i < start + this.perView();\n  }\n\n  go(i: number): void {\n    const target = Math.min(Math.max(i, 0), this.lastIndex());\n    this.index.set(target);\n    this.scrollTo(target, true);\n  }\n  next(auto = false): void {\n    if (this.index() >= this.lastIndex()) {\n      if (this.loop() || auto) this.go(0);\n      return;\n    }\n    this.go(this.index() + 1);\n  }\n  prev(): void {\n    if (this.index() === 0) {\n      if (this.loop()) this.go(this.lastIndex());\n      return;\n    }\n    this.go(this.index() - 1);\n  }\n  togglePlay(): void {\n    this.playing.update((p) => !p);\n  }\n\n  protected onFocusOut(event: FocusEvent): void {\n    const host = this.viewport().nativeElement.parentElement!;\n    if (!host.contains(event.relatedTarget as Node)) this.focused.set(false);\n  }\n\n  private scrollTo(i: number, smooth: boolean): void {\n    const vp = this.viewport().nativeElement;\n    const slide = this.slides()[i]?.el;\n    if (!slide) return;\n    this.scrolling = true;\n    const first = this.slides()[0].el;\n    const left = slide.offsetLeft - first.offsetLeft;\n    if (typeof vp.scrollTo === 'function')\n      vp.scrollTo({ left, behavior: smooth && !this.reducedMotion ? 'smooth' : 'auto' });\n    else vp.scrollLeft = left;\n    setTimeout(() => (this.scrolling = false), smooth ? 450 : 0);\n  }\n\n  protected onScroll(): void {\n    if (this.scrolling) return;\n    cancelAnimationFrame(this.scrollFrame);\n    this.scrollFrame = requestAnimationFrame(() => {\n      const vp = this.viewport().nativeElement;\n      const slides = this.slides();\n      if (!slides.length) return;\n      const step =\n        slides.length > 1 ? slides[1].el.offsetLeft - slides[0].el.offsetLeft : vp.clientWidth;\n      const i = Math.min(Math.round(vp.scrollLeft / step), this.lastIndex());\n      if (i !== this.index()) {\n        this.fromScroll = true;\n        this.index.set(i);\n      }\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}