@ng-nest/ui 20.3.5 → 20.3.6

package/fesm2022/ng-nest-ui-carousel.mjs

@@ -0,0 +1,511 @@
+import * as i0 from '@angular/core';
+import { model, input, Component, viewChild, signal, inject, PLATFORM_ID, computed, ChangeDetectionStrategy, ViewEncapsulation, ElementRef, HostBinding, NgModule } from '@angular/core';
+import { XPropertyFunction, XToCssPixelValue, XToBoolean, XToNumber, XProperty, XIsEmpty, XResize, XIsChange, XIsUndefined } from '@ng-nest/ui/core';
+import { Subject, interval, takeUntil as takeUntil$1 } from 'rxjs';
+import { debounceTime, tap, takeUntil } from 'rxjs/operators';
+import { isPlatformBrowser, NgClass } from '@angular/common';
+import { XButtonComponent } from '@ng-nest/ui/button';
+import { XProgressComponent } from '@ng-nest/ui/progress';
+
+/**
+ * Carousel
+ * @selector x-carousel
+ * @decorator component
+ */
+const XCarouselPrefix = 'x-carousel';
+const X_CAROUSEL_CONFIG_NAME = 'carousel';
+/**
+ * Carousel Property
+ */
+class XCarouselProperty extends XPropertyFunction(X_CAROUSEL_CONFIG_NAME) {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 当前激活的幻灯片索引
+         * @en_US Index of the currently active slide
+         * @example
+         *
+         * ```html
+         * <x-carousel [active]="1" (activeChange)="activeChange($event)">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * <x-carousel [(active)]="active">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         * ```typescript
+         * active = signal(1)
+         * activeChange(active: number) {
+         *   console.log(active)
+         * }
+         * ```
+         *
+         */
+        this.active = model(0, ...(ngDevMode ? [{ debugName: "active" }] : []));
+        /**
+         * @zh_CN 幻灯片高度
+         * @en_US Slide height
+         * @example
+         *
+         * ```html
+         * <x-carousel height="18rem">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.height = input(this.config?.height ?? '15rem', ...(ngDevMode ? [{ debugName: "height", transform: XToCssPixelValue }] : [{ transform: XToCssPixelValue }]));
+        /**
+         * @zh_CN 切换器触发方式
+         * @en_US Switcher trigger method
+         * @example
+         *
+         * ```html
+         * <x-carousel trigger="click">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.trigger = input(this.config?.trigger ?? 'hover', ...(ngDevMode ? [{ debugName: "trigger" }] : []));
+        /**
+         * @zh_CN 箭头显示隐藏方式
+         * @en_US Arrow shows how to hide
+         * @example
+         *
+         * ```html
+         * <x-carousel arrow="always">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * <x-carousel arrow="never">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.arrow = input(this.config?.arrow ?? 'hover', ...(ngDevMode ? [{ debugName: "arrow" }] : []));
+        /**
+         * @zh_CN 幻灯片轮播方向
+         * @en_US Slide rotation direction
+         * @example
+         *
+         * ```html
+         * <x-carousel direction="vertical">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.direction = input(this.config?.direction ?? 'horizontal', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+        /**
+         * @zh_CN 自动切换
+         * @en_US Automatic switching
+         * @example
+         *
+         * ```html
+         * <x-carousel autoplay="false">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.autoplay = input(true, ...(ngDevMode ? [{ debugName: "autoplay", transform: XToBoolean }] : [{ transform: XToBoolean }]));
+        /**
+         * @zh_CN 自动切换时间间隔，ms
+         * @en_US Automatic switching time interval. ms
+         * @example
+         *
+         * ```html
+         * <x-carousel interval="5000">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.interval = input(3000, ...(ngDevMode ? [{ debugName: "interval", transform: XToNumber }] : [{ transform: XToNumber }]));
+        /**
+         * @zh_CN 切换器是否显示在外面
+         * @en_US Whether the switcher is displayed outside
+         * @example
+         *
+         * ```html
+         * <x-carousel outside>
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.outside = input(false, ...(ngDevMode ? [{ debugName: "outside", transform: XToBoolean }] : [{ transform: XToBoolean }]));
+        /**
+         * @zh_CN 是否以卡片的方式显示幻灯片
+         * @en_US Whether to display the slideshow as a card
+         * @example
+         *
+         * ```html
+         * <x-carousel card>
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.card = input(false, ...(ngDevMode ? [{ debugName: "card", transform: XToBoolean }] : [{ transform: XToBoolean }]));
+        /**
+         * @zh_CN 显示文字
+         * @en_US Display text
+         * @example
+         *
+         * ```html
+         * <x-carousel text="text info">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
+        /**
+         * @zh_CN 显示进度条
+         * @en_US Show progress
+         * @example
+         *
+         * ```html
+         * <x-carousel progress>
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.progress = input(false, ...(ngDevMode ? [{ debugName: "progress", transform: XToBoolean }] : [{ transform: XToBoolean }]));
+        /**
+         * @zh_CN 进度条颜色
+         * @en_US Progress color
+         * @example
+         *
+         * ```html
+         * <x-carousel progress progressColor="blue">
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.progressColor = input('', ...(ngDevMode ? [{ debugName: "progressColor" }] : []));
+        /**
+         * @zh_CN 显示当前页面
+         * @en_US Show current page
+         * @example
+         *
+         * ```html
+         * <x-carousel current>
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.current = input(false, ...(ngDevMode ? [{ debugName: "current", transform: XToBoolean }] : [{ transform: XToBoolean }]));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XCarouselProperty, isStandalone: true, selector: "x-carousel-property", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, arrow: { classPropertyName: "arrow", publicName: "arrow", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, outside: { classPropertyName: "outside", publicName: "outside", isSignal: true, isRequired: false, transformFunction: null }, card: { classPropertyName: "card", publicName: "card", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, progressColor: { classPropertyName: "progressColor", publicName: "progressColor", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XCarouselPrefix}-property`, template: '' }]
+        }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], arrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrow", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], interval: [{ type: i0.Input, args: [{ isSignal: true, alias: "interval", required: false }] }], outside: [{ type: i0.Input, args: [{ isSignal: true, alias: "outside", required: false }] }], card: [{ type: i0.Input, args: [{ isSignal: true, alias: "card", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }], progressColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressColor", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }] } });
+/**
+ * Carousel Panel
+ * @selector x-carousel-panel
+ * @decorator component
+ */
+const XCarouselPanelPrefix = 'x-carousel-panel';
+/**
+ * Carousel Panel Property
+ */
+class XCarouselPanelProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 激活当前幻灯片
+         * @en_US Activate the current slide
+         * @example
+         *
+         * ```html
+         * <x-carousel>
+         *   <x-carousel-panel>0</x-carousel-panel>
+         *   <x-carousel-panel active>1</x-carousel-panel>
+         * </x-carousel>
+         * ```
+         *
+         */
+        this.active = input(false, ...(ngDevMode ? [{ debugName: "active", transform: XToBoolean }] : [{ transform: XToBoolean }]));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselPanelProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XCarouselPanelProperty, isStandalone: true, selector: "x-carousel-panel-property", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselPanelProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XCarouselPanelPrefix}-property`, template: '' }]
+        }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }] } });
+
+class XCarouselComponent extends XCarouselProperty {
+    constructor() {
+        super(...arguments);
+        this.carousel = viewChild.required('carousel');
+        this.content = viewChild.required('content');
+        this.start = signal(-1, ...(ngDevMode ? [{ debugName: "start" }] : []));
+        this.before = signal(-1, ...(ngDevMode ? [{ debugName: "before" }] : []));
+        this.platformId = inject(PLATFORM_ID);
+        this.isBrowser = isPlatformBrowser(this.platformId);
+        this.percent = signal(0, ...(ngDevMode ? [{ debugName: "percent" }] : []));
+        this.count = signal(0, ...(ngDevMode ? [{ debugName: "count" }] : []));
+        this.panels = signal([], ...(ngDevMode ? [{ debugName: "panels" }] : []));
+        this.unSubject = new Subject();
+        this.classMap = computed(() => ({
+            [`${XCarouselPrefix}-${this.direction()}`]: !XIsEmpty(this.direction())
+        }), ...(ngDevMode ? [{ debugName: "classMap" }] : []));
+        this.updatePanel = new Subject();
+        this.page = computed(() => this.active() + 1, ...(ngDevMode ? [{ debugName: "page" }] : []));
+    }
+    ngAfterViewInit() {
+        this.autoplay() && this.resetInterval();
+        XResize(this.content().nativeElement)
+            .pipe(debounceTime(30), tap(({ resizeObserver }) => {
+            this.resizeObserver = resizeObserver;
+            this.updatePanel.next();
+        }), takeUntil(this.unSubject))
+            .subscribe();
+    }
+    ngOnChanges(simples) {
+        const { active, interval } = simples;
+        XIsChange(interval) && this.autoplay() && this.resetInterval();
+        XIsChange(active) && this.setActiveItem(this.active());
+    }
+    ngOnDestroy() {
+        this.timer?.unsubscribe();
+        this.precentTimer?.unsubscribe();
+        this.unSubject.next();
+        this.unSubject.complete();
+        this.resizeObserver?.disconnect();
+        this.updatePanel.complete();
+    }
+    action(index, increase, event) {
+        if (!XIsUndefined(event) && this.trigger() !== event)
+            return;
+        this.autoplay() && this.resetInterval();
+        this.setActiveItem(index + increase);
+    }
+    resetInterval() {
+        if (!this.isBrowser)
+            return;
+        this.timer?.unsubscribe();
+        if (this.progress()) {
+            this.precentTimer?.unsubscribe();
+            this.percent.set(0);
+            const js = this.interval() / 100;
+            this.precentTimer = interval(js)
+                .pipe(takeUntil(this.unSubject))
+                .subscribe(() => {
+                this.percent.update((x) => x + 1);
+            });
+        }
+        this.timer = interval(this.interval())
+            .pipe(takeUntil(this.unSubject))
+            .subscribe(() => {
+            this.percent.set(0);
+            this.setActiveItem(this.active() + 1);
+        });
+    }
+    setActiveItem(index) {
+        if (this.start() === -1)
+            return;
+        this.before.set(this.active());
+        const nextValue = index > this.start() ? 0 : index < 0 ? this.start() : index;
+        this.active.set(nextValue);
+        this.updatePanel.next();
+    }
+    getActivated(index) {
+        return this.active() === index;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XCarouselComponent, isStandalone: true, selector: "x-carousel", viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carousel"], descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #carousel\r\n  class=\"x-carousel\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-carousel-arrow-always]=\"arrow() === 'always'\"\r\n  [class.x-carousel-has-current]=\"current()\"\r\n  [class.x-carousel-indicator-outside]=\"outside() || card()\"\r\n>\r\n  <div #content class=\"x-carousel-content\" [style.height]=\"height()\">\r\n    @if (arrow() !== 'never' && direction() !== 'vertical') {\r\n      <x-button class=\"arrow-left\" icon=\"fto-chevron-left\" (click)=\"action(active(), -1)\"></x-button>\r\n      <x-button class=\"arrow-right\" icon=\"fto-chevron-right\" (click)=\"action(active(), 1)\"></x-button>\r\n    }\r\n    <ng-content></ng-content>\r\n    @if (text()) {\r\n      <div class=\"x-carousel-text\">{{ text() }}</div>\r\n    }\r\n    @if (current()) {\r\n      <div class=\"x-carousel-current\">\r\n        <span class=\"x-carousel-active\">{{ page() }}</span> /\r\n        <span class=\"x-carousel-count\">{{ count() }}</span>\r\n      </div>\r\n    }\r\n    @if (progress()) {\r\n      <div class=\"x-carousel-progress\">\r\n        <x-progress [percent]=\"percent()\" [color]=\"progressColor()\" [info]=\"false\" height=\"0.325rem\"></x-progress>\r\n      </div>\r\n    }\r\n  </div>\r\n  <ul class=\"x-carousel-indicator\">\r\n    @for (panel of panels(); track $index) {\r\n      <li\r\n        [class.x-activated]=\"getActivated($index)\"\r\n        (click)=\"action($index, 0, 'click')\"\r\n        (mouseenter)=\"action($index, 0, 'hover')\"\r\n      >\r\n        <x-button type=\"text\"></x-button>\r\n      </li>\r\n    }\r\n  </ul>\r\n</div>\r\n", styles: [".x-carousel{margin:0;padding:0}.x-carousel{font-size:var(--x-font-size);box-sizing:border-box;position:relative}.x-carousel-content{position:relative;overflow:hidden}.x-carousel-content>x-button{opacity:0;visibility:hidden;top:50%;z-index:10;transform:translateY(-50%);position:absolute;transition:var(--x-animation-duration-base) ease-out}.x-carousel-content>x-button .x-button{border:none;outline:none;padding:0;margin:0;height:2.25rem;width:2.25rem;border-radius:50%;background-color:#1f2d3d26;color:var(--x-background-100);text-align:center}.x-carousel-content>x-button .x-button:hover{color:var(--x-background-100);background-color:#1f2d3d40}.x-carousel-content>x-button.arrow-left{left:1rem;transform:translate3D(-15px,-50%,0)}.x-carousel-content>x-button.arrow-right{right:1rem;transform:translate3D(15px,-50%,0)}.x-carousel-content>x-carousel-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;background-color:var(--x-background-a100);z-index:0}.x-carousel-content>x-carousel-panel.x-carousel-animating{transition:.4s ease-in-out}.x-carousel-content>x-carousel-panel.x-carousel-card{width:50%}.x-carousel-content>x-carousel-panel.x-carousel-in-stage{cursor:pointer;z-index:1}.x-carousel-content>x-carousel-panel.x-carousel-in-stage .x-carousel-mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--x-background);opacity:.24;transition:.2s}.x-carousel-content>x-carousel-panel.x-carousel-in-stage:hover .x-carousel-mask{opacity:.12}.x-carousel-content>x-carousel-panel.x-activated{z-index:2}.x-carousel-indicator{bottom:.25rem;left:50%;transform:translate(-50%);position:absolute;z-index:2;display:inline-flex}.x-carousel-indicator>li{cursor:pointer;background-color:transparent;display:inline-flex;padding:.75rem .25rem}.x-carousel-indicator>li>x-button .x-button{padding:0;width:1.875rem;height:.125rem;background-color:#1f2d3d26;transition:.3s}.x-carousel-indicator>li:hover>x-button .x-button{background-color:#1f2d3d40}.x-carousel-indicator>li.x-activated>x-button .x-button{background-color:#ffffffe6}.x-carousel-indicator-outside .x-carousel-indicator{position:static;transform:none;display:flex;align-items:center;justify-content:center}.x-carousel-indicator-outside .x-carousel-indicator>li>x-button .x-button{background-color:var(--x-text-700)}.x-carousel-indicator-outside .x-carousel-indicator>li.x-activated>x-button .x-button{background-color:#00000080}.x-carousel:hover .x-carousel-content>x-button,.x-carousel-arrow-always .x-carousel-content>x-button{opacity:1;visibility:inherit}.x-carousel:hover .x-carousel-content>x-button.arrow-left,.x-carousel-arrow-always .x-carousel-content>x-button.arrow-left{transform:translate3D(0,-50%,0)}.x-carousel:hover .x-carousel-content>x-button.arrow-right,.x-carousel-arrow-always .x-carousel-content>x-button.arrow-right{transform:translate3D(0,-50%,0)}.x-carousel-horizontal,.x-carousel-vertical{overflow:hidden}.x-carousel-vertical>.x-carousel-indicator{right:0;top:50%;left:inherit;bottom:inherit;flex-direction:column;transform:translateY(-50%)}.x-carousel-vertical>.x-carousel-indicator>li{padding:.25rem .75rem}.x-carousel-vertical>.x-carousel-indicator>li>x-button .x-button{width:.125rem;height:1rem}.x-carousel-text{position:absolute;bottom:0;z-index:10;font-size:1rem;padding:.5rem .75rem}.x-carousel-progress{position:absolute;bottom:0;z-index:11;width:100%;height:.5rem}.x-carousel-progress x-progress{position:relative;height:.5rem;display:block;top:0}.x-carousel-progress x-progress .x-progress{position:relative;top:-.5625rem}.x-carousel-progress x-progress .x-progress-rail,.x-carousel-progress x-progress .x-progress-bg{border-radius:0}.x-carousel-progress x-progress .x-progress-rail{background-color:transparent}.x-carousel-current{position:absolute;bottom:0;right:0;z-index:11;padding:.5rem .75rem;font-size:var(--x-font-size-big)}.x-carousel-active{color:var(--x-primary);font-weight:600;font-size:1.5rem}.x-carousel-count{color:var(--x-text);font-weight:600}.x-carousel-has-current .x-carousel-text{padding-right:5rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XProgressComponent, selector: "x-progress" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XCarouselPrefix}`, imports: [NgClass, XButtonComponent, XProgressComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  #carousel\r\n  class=\"x-carousel\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-carousel-arrow-always]=\"arrow() === 'always'\"\r\n  [class.x-carousel-has-current]=\"current()\"\r\n  [class.x-carousel-indicator-outside]=\"outside() || card()\"\r\n>\r\n  <div #content class=\"x-carousel-content\" [style.height]=\"height()\">\r\n    @if (arrow() !== 'never' && direction() !== 'vertical') {\r\n      <x-button class=\"arrow-left\" icon=\"fto-chevron-left\" (click)=\"action(active(), -1)\"></x-button>\r\n      <x-button class=\"arrow-right\" icon=\"fto-chevron-right\" (click)=\"action(active(), 1)\"></x-button>\r\n    }\r\n    <ng-content></ng-content>\r\n    @if (text()) {\r\n      <div class=\"x-carousel-text\">{{ text() }}</div>\r\n    }\r\n    @if (current()) {\r\n      <div class=\"x-carousel-current\">\r\n        <span class=\"x-carousel-active\">{{ page() }}</span> /\r\n        <span class=\"x-carousel-count\">{{ count() }}</span>\r\n      </div>\r\n    }\r\n    @if (progress()) {\r\n      <div class=\"x-carousel-progress\">\r\n        <x-progress [percent]=\"percent()\" [color]=\"progressColor()\" [info]=\"false\" height=\"0.325rem\"></x-progress>\r\n      </div>\r\n    }\r\n  </div>\r\n  <ul class=\"x-carousel-indicator\">\r\n    @for (panel of panels(); track $index) {\r\n      <li\r\n        [class.x-activated]=\"getActivated($index)\"\r\n        (click)=\"action($index, 0, 'click')\"\r\n        (mouseenter)=\"action($index, 0, 'hover')\"\r\n      >\r\n        <x-button type=\"text\"></x-button>\r\n      </li>\r\n    }\r\n  </ul>\r\n</div>\r\n", styles: [".x-carousel{margin:0;padding:0}.x-carousel{font-size:var(--x-font-size);box-sizing:border-box;position:relative}.x-carousel-content{position:relative;overflow:hidden}.x-carousel-content>x-button{opacity:0;visibility:hidden;top:50%;z-index:10;transform:translateY(-50%);position:absolute;transition:var(--x-animation-duration-base) ease-out}.x-carousel-content>x-button .x-button{border:none;outline:none;padding:0;margin:0;height:2.25rem;width:2.25rem;border-radius:50%;background-color:#1f2d3d26;color:var(--x-background-100);text-align:center}.x-carousel-content>x-button .x-button:hover{color:var(--x-background-100);background-color:#1f2d3d40}.x-carousel-content>x-button.arrow-left{left:1rem;transform:translate3D(-15px,-50%,0)}.x-carousel-content>x-button.arrow-right{right:1rem;transform:translate3D(15px,-50%,0)}.x-carousel-content>x-carousel-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;background-color:var(--x-background-a100);z-index:0}.x-carousel-content>x-carousel-panel.x-carousel-animating{transition:.4s ease-in-out}.x-carousel-content>x-carousel-panel.x-carousel-card{width:50%}.x-carousel-content>x-carousel-panel.x-carousel-in-stage{cursor:pointer;z-index:1}.x-carousel-content>x-carousel-panel.x-carousel-in-stage .x-carousel-mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--x-background);opacity:.24;transition:.2s}.x-carousel-content>x-carousel-panel.x-carousel-in-stage:hover .x-carousel-mask{opacity:.12}.x-carousel-content>x-carousel-panel.x-activated{z-index:2}.x-carousel-indicator{bottom:.25rem;left:50%;transform:translate(-50%);position:absolute;z-index:2;display:inline-flex}.x-carousel-indicator>li{cursor:pointer;background-color:transparent;display:inline-flex;padding:.75rem .25rem}.x-carousel-indicator>li>x-button .x-button{padding:0;width:1.875rem;height:.125rem;background-color:#1f2d3d26;transition:.3s}.x-carousel-indicator>li:hover>x-button .x-button{background-color:#1f2d3d40}.x-carousel-indicator>li.x-activated>x-button .x-button{background-color:#ffffffe6}.x-carousel-indicator-outside .x-carousel-indicator{position:static;transform:none;display:flex;align-items:center;justify-content:center}.x-carousel-indicator-outside .x-carousel-indicator>li>x-button .x-button{background-color:var(--x-text-700)}.x-carousel-indicator-outside .x-carousel-indicator>li.x-activated>x-button .x-button{background-color:#00000080}.x-carousel:hover .x-carousel-content>x-button,.x-carousel-arrow-always .x-carousel-content>x-button{opacity:1;visibility:inherit}.x-carousel:hover .x-carousel-content>x-button.arrow-left,.x-carousel-arrow-always .x-carousel-content>x-button.arrow-left{transform:translate3D(0,-50%,0)}.x-carousel:hover .x-carousel-content>x-button.arrow-right,.x-carousel-arrow-always .x-carousel-content>x-button.arrow-right{transform:translate3D(0,-50%,0)}.x-carousel-horizontal,.x-carousel-vertical{overflow:hidden}.x-carousel-vertical>.x-carousel-indicator{right:0;top:50%;left:inherit;bottom:inherit;flex-direction:column;transform:translateY(-50%)}.x-carousel-vertical>.x-carousel-indicator>li{padding:.25rem .75rem}.x-carousel-vertical>.x-carousel-indicator>li>x-button .x-button{width:.125rem;height:1rem}.x-carousel-text{position:absolute;bottom:0;z-index:10;font-size:1rem;padding:.5rem .75rem}.x-carousel-progress{position:absolute;bottom:0;z-index:11;width:100%;height:.5rem}.x-carousel-progress x-progress{position:relative;height:.5rem;display:block;top:0}.x-carousel-progress x-progress .x-progress{position:relative;top:-.5625rem}.x-carousel-progress x-progress .x-progress-rail,.x-carousel-progress x-progress .x-progress-bg{border-radius:0}.x-carousel-progress x-progress .x-progress-rail{background-color:transparent}.x-carousel-current{position:absolute;bottom:0;right:0;z-index:11;padding:.5rem .75rem;font-size:var(--x-font-size-big)}.x-carousel-active{color:var(--x-primary);font-weight:600;font-size:1.5rem}.x-carousel-count{color:var(--x-text);font-weight:600}.x-carousel-has-current .x-carousel-text{padding-right:5rem}\n"] }]
+        }], propDecorators: { carousel: [{ type: i0.ViewChild, args: ['carousel', { isSignal: true }] }], content: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] } });
+
+class XCarouselPanelComponent extends XCarouselPanelProperty {
+    constructor() {
+        super(...arguments);
+        this.index = signal(0, ...(ngDevMode ? [{ debugName: "index" }] : []));
+        this.animating = signal(false, ...(ngDevMode ? [{ debugName: "animating" }] : []));
+        this.cardScale = signal(0.83, ...(ngDevMode ? [{ debugName: "cardScale" }] : []));
+        this.scale = signal(1, ...(ngDevMode ? [{ debugName: "scale" }] : []));
+        this.translate = signal(0, ...(ngDevMode ? [{ debugName: "translate" }] : []));
+        this.translateType = signal('translateX', ...(ngDevMode ? [{ debugName: "translateType" }] : []));
+        this.inStage = signal(false, ...(ngDevMode ? [{ debugName: "inStage" }] : []));
+        this.unSubject = new Subject();
+        this.carousel = inject(XCarouselComponent, { optional: true, host: true });
+        this.activeSignal = signal(this.active(), ...(ngDevMode ? [{ debugName: "activeSignal" }] : []));
+        this.card = computed(() => this.carousel?.card() ?? false, ...(ngDevMode ? [{ debugName: "card" }] : []));
+        this.elementRef = inject(ElementRef);
+    }
+    get getCard() {
+        return !!this.carousel?.card();
+    }
+    get getActivated() {
+        return this.activeSignal();
+    }
+    get getInStage() {
+        return this.inStage();
+    }
+    get getAnimating() {
+        return this.animating();
+    }
+    get getTransform() {
+        return `${this.translateType()}(${this.translate()}px) scale(${this.scale()})`;
+    }
+    ngOnInit() {
+        if (!this.carousel)
+            return;
+        this.carousel.count.update((x) => x + 1);
+        this.carousel.start.update((x) => x + 1);
+        this.index.set(this.carousel.start());
+        this.carousel.panels.update((x) => {
+            x.push(this.elementRef);
+            return [...x];
+        });
+        this.carousel.updatePanel.pipe(takeUntil$1(this.unSubject)).subscribe(() => {
+            this.update();
+        });
+    }
+    ngOnDestroy() {
+        if (!this.carousel)
+            return;
+        this.carousel.start.update((x) => x - 1);
+        const idx = this.carousel.panels().indexOf(this.elementRef);
+        this.carousel.panels.update((x) => {
+            x.splice(idx, 1);
+            return [...x];
+        });
+    }
+    setActive() {
+        const isActive = this.carousel.active() === this.index();
+        if (this.activeSignal() !== isActive) {
+            this.activeSignal.set(isActive);
+        }
+    }
+    setStyles() {
+        const width = this.elementRef.nativeElement.offsetWidth;
+        const height = this.elementRef.nativeElement.offsetHeight;
+        let offset = this.carousel.active() - this.index();
+        let distance = width;
+        if (this.carousel.card()) {
+            if (this.carousel.direction() === 'vertical') {
+                console.warn('[x-carousel] vertical direction is not supported in card mode');
+            }
+            this.inStage.set(Math.round(Math.abs(offset)) <= 1);
+            this.translate.set(this.calcCardTranslate(this.index(), this.carousel.active()));
+            this.scale.set(offset === 0 ? 1 : this.cardScale());
+        }
+        else {
+            if (this.carousel?.direction() === 'vertical') {
+                distance = height;
+                this.translateType.set('translateY');
+            }
+            const map = {
+                '-2': -distance,
+                '-1': distance,
+                '0': 0,
+                '1': 0 - distance,
+                '2': distance
+            };
+            offset = offset < -2 ? -2 : offset > 2 ? 2 : offset;
+            this.translate.set(map[offset]);
+        }
+        this.animating.set(this.carousel.active() === this.index() ||
+            this.carousel.before() === this.index() ||
+            this.carousel.start() === Math.abs(offset) ||
+            this.carousel.card());
+    }
+    calcCardTranslate(index, activeIndex) {
+        const parentWidth = this.carousel.carousel().nativeElement.offsetWidth;
+        let offset = index - activeIndex;
+        let activeFirstOrLast = this.carousel.start() > 1 && this.carousel.start() === Math.abs(offset);
+        if (this.inStage() || activeFirstOrLast) {
+            if (activeFirstOrLast)
+                offset = offset < 0 ? 1 : -1;
+            return (parentWidth * ((2 - this.cardScale()) * offset + 1)) / 4;
+        }
+        else if (index < activeIndex) {
+            return (-(1 + this.cardScale()) * parentWidth) / 4;
+        }
+        else {
+            return ((3 + this.cardScale()) * parentWidth) / 4;
+        }
+    }
+    update() {
+        this.setActive();
+        this.setStyles();
+    }
+    panelClick() {
+        if (this.carousel?.card() && this.carousel?.active() !== this.index()) {
+            this.carousel?.autoplay() && this.carousel?.resetInterval();
+            this.carousel?.setActiveItem(this.index());
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XCarouselPanelComponent, isStandalone: true, selector: "x-carousel-panel", host: { properties: { "class.x-carousel-card": "this.getCard", "class.x-activated": "this.getActivated", "class.x-carousel-in-stage": "this.getInStage", "class.x-carousel-animating": "this.getAnimating", "style.transform": "this.getTransform" } }, usesInheritance: true, ngImport: i0, template: "<div #carouselPanel class=\"x-carousel-panel\" (click)=\"panelClick()\">\r\n  @if (card()) {\r\n    <div [hidden]=\"activeSignal()\" class=\"x-carousel-mask\"></div>\r\n  }\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-carousel-panel{margin:0;padding:0}.x-carousel-panel{box-sizing:border-box;width:100%;height:100%;display:inline-block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XCarouselPanelPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #carouselPanel class=\"x-carousel-panel\" (click)=\"panelClick()\">\r\n  @if (card()) {\r\n    <div [hidden]=\"activeSignal()\" class=\"x-carousel-mask\"></div>\r\n  }\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-carousel-panel{margin:0;padding:0}.x-carousel-panel{box-sizing:border-box;width:100%;height:100%;display:inline-block}\n"] }]
+        }], propDecorators: { getCard: [{
+                type: HostBinding,
+                args: ['class.x-carousel-card']
+            }], getActivated: [{
+                type: HostBinding,
+                args: ['class.x-activated']
+            }], getInStage: [{
+                type: HostBinding,
+                args: ['class.x-carousel-in-stage']
+            }], getAnimating: [{
+                type: HostBinding,
+                args: ['class.x-carousel-animating']
+            }], getTransform: [{
+                type: HostBinding,
+                args: ['style.transform']
+            }] } });
+
+class XCarouselModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.5", ngImport: i0, type: XCarouselModule, imports: [XCarouselComponent, XCarouselPanelComponent], exports: [XCarouselComponent, XCarouselPanelComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselModule, imports: [XCarouselComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [XCarouselComponent, XCarouselPanelComponent],
+                    exports: [XCarouselComponent, XCarouselPanelComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XCarouselComponent, XCarouselModule, XCarouselPanelComponent, XCarouselPanelPrefix, XCarouselPanelProperty, XCarouselPrefix, XCarouselProperty };
+//# sourceMappingURL=ng-nest-ui-carousel.mjs.map

package/fesm2022/ng-nest-ui-carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-carousel.mjs","sources":["../../../../lib/ng-nest/ui/carousel/carousel.property.ts","../../../../lib/ng-nest/ui/carousel/carousel.component.ts","../../../../lib/ng-nest/ui/carousel/carousel.component.html","../../../../lib/ng-nest/ui/carousel/carousel-panel.component.ts","../../../../lib/ng-nest/ui/carousel/carousel-panel.component.html","../../../../lib/ng-nest/ui/carousel/carousel.module.ts","../../../../lib/ng-nest/ui/carousel/ng-nest-ui-carousel.ts"],"sourcesContent":["import { XProperty, XPropertyFunction, XToNumber, XToCssPixelValue, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Component, input, model } from '@angular/core';\r\nimport type { XNumber, XBoolean, XShadow, XDisplayDirection, XTrigger } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Carousel\r\n * @selector x-carousel\r\n * @decorator component\r\n */\r\nexport const XCarouselPrefix = 'x-carousel';\r\nconst X_CAROUSEL_CONFIG_NAME = 'carousel';\r\n\r\n/**\r\n * Carousel Property\r\n */\r\n@Component({ selector: `${XCarouselPrefix}-property`, template: '' })\r\nexport class XCarouselProperty extends XPropertyFunction(X_CAROUSEL_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 当前激活的幻灯片索引\r\n   * @en_US Index of the currently active slide\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel [active]=\"1\" (activeChange)=\"activeChange($event)\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * <x-carousel [(active)]=\"active\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   * ```typescript\r\n   * active = signal(1)\r\n   * activeChange(active: number) {\r\n   *   console.log(active)\r\n   * }\r\n   * ```\r\n   *\r\n   */\r\n  readonly active = model<number>(0);\r\n  /**\r\n   * @zh_CN 幻灯片高度\r\n   * @en_US Slide height\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel height=\"18rem\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly height = input<string, XNumber>(this.config?.height ?? '15rem', { transform: XToCssPixelValue });\r\n  /**\r\n   * @zh_CN 切换器触发方式\r\n   * @en_US Switcher trigger method\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel trigger=\"click\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly trigger = input<XCarouselTrigger>(this.config?.trigger ?? 'hover');\r\n  /**\r\n   * @zh_CN 箭头显示隐藏方式\r\n   * @en_US Arrow shows how to hide\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel arrow=\"always\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * <x-carousel arrow=\"never\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly arrow = input<XCarouselArrow>(this.config?.arrow ?? 'hover');\r\n  /**\r\n   * @zh_CN 幻灯片轮播方向\r\n   * @en_US Slide rotation direction\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel direction=\"vertical\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly direction = input<XCarouselDirection>(this.config?.direction ?? 'horizontal');\r\n  /**\r\n   * @zh_CN 自动切换\r\n   * @en_US Automatic switching\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel autoplay=\"false\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly autoplay = input<boolean, XBoolean>(true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 自动切换时间间隔，ms\r\n   * @en_US Automatic switching time interval. ms\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel interval=\"5000\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly interval = input<number, XNumber>(3000, { transform: XToNumber });\r\n  /**\r\n   * @zh_CN 切换器是否显示在外面\r\n   * @en_US Whether the switcher is displayed outside\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel outside>\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly outside = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 是否以卡片的方式显示幻灯片\r\n   * @en_US Whether to display the slideshow as a card\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel card>\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly card = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 显示文字\r\n   * @en_US Display text\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel text=\"text info\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly text = input<string>('');\r\n  /**\r\n   * @zh_CN 显示进度条\r\n   * @en_US Show progress\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel progress>\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly progress = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 进度条颜色\r\n   * @en_US Progress color\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel progress progressColor=\"blue\">\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly progressColor = input<string>('');\r\n  /**\r\n   * @zh_CN 显示当前页面\r\n   * @en_US Show current page\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel current>\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly current = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n\r\n/**\r\n * @zh_CN 指示器切换方式\r\n * @en_US Indicator switching method\r\n */\r\nexport type XCarouselTrigger = XTrigger;\r\n\r\n/**\r\n * @zh_CN 切换箭头显示方式\r\n * @en_US Toggle arrow display\r\n */\r\nexport type XCarouselArrow = XShadow;\r\n\r\n/**\r\n * @zh_CN 走马灯展示的方向\r\n * @en_US The direction of the revolving lantern\r\n */\r\nexport type XCarouselDirection = XDisplayDirection;\r\n\r\n/**\r\n * Carousel Panel\r\n * @selector x-carousel-panel\r\n * @decorator component\r\n */\r\nexport const XCarouselPanelPrefix = 'x-carousel-panel';\r\n\r\n/**\r\n * Carousel Panel Property\r\n */\r\n@Component({ selector: `${XCarouselPanelPrefix}-property`, template: '' })\r\nexport class XCarouselPanelProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 激活当前幻灯片\r\n   * @en_US Activate the current slide\r\n   * @example\r\n   *\r\n   * ```html\r\n   * <x-carousel>\r\n   *   <x-carousel-panel>0</x-carousel-panel>\r\n   *   <x-carousel-panel active>1</x-carousel-panel>\r\n   * </x-carousel>\r\n   * ```\r\n   *\r\n   */\r\n  readonly active = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ElementRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  PLATFORM_ID,\r\n  inject,\r\n  computed,\r\n  viewChild,\r\n  signal\r\n} from '@angular/core';\r\nimport { XCarouselPrefix, XCarouselProperty } from './carousel.property';\r\nimport { XIsUndefined, XIsChange, XIsEmpty, XResize } from '@ng-nest/ui/core';\r\nimport { Subject, Subscription, interval } from 'rxjs';\r\nimport { takeUntil, debounceTime, tap } from 'rxjs/operators';\r\nimport { NgClass, isPlatformBrowser } from '@angular/common';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { XProgressComponent } from '@ng-nest/ui/progress';\r\nimport type { XResizeObserver } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XCarouselPrefix}`,\r\n  imports: [NgClass, XButtonComponent, XProgressComponent],\r\n  templateUrl: './carousel.component.html',\r\n  styleUrls: ['./carousel.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCarouselComponent extends XCarouselProperty {\r\n  carousel = viewChild.required<ElementRef<HTMLElement>>('carousel');\r\n  content = viewChild.required<ElementRef<HTMLElement>>('content');\r\n  start = signal(-1);\r\n  before = signal(-1);\r\n  timer?: Subscription;\r\n  precentTimer?: Subscription;\r\n  platformId = inject(PLATFORM_ID);\r\n  isBrowser = isPlatformBrowser(this.platformId);\r\n  percent = signal(0);\r\n  count = signal(0);\r\n  panels = signal<object[]>([]);\r\n  private unSubject = new Subject<void>();\r\n  private resizeObserver!: XResizeObserver;\r\n\r\n  classMap = computed(() => ({\r\n    [`${XCarouselPrefix}-${this.direction()}`]: !XIsEmpty(this.direction())\r\n  }));\r\n\r\n  updatePanel = new Subject<void>();\r\n\r\n  page = computed(() => this.active() + 1);\r\n\r\n  ngAfterViewInit() {\r\n    this.autoplay() && this.resetInterval();\r\n    XResize(this.content().nativeElement)\r\n      .pipe(\r\n        debounceTime(30),\r\n        tap(({ resizeObserver }) => {\r\n          this.resizeObserver = resizeObserver;\r\n          this.updatePanel.next();\r\n        }),\r\n        takeUntil(this.unSubject)\r\n      )\r\n      .subscribe();\r\n  }\r\n\r\n  ngOnChanges(simples: SimpleChanges): void {\r\n    const { active, interval } = simples;\r\n    XIsChange(interval) && this.autoplay() && this.resetInterval();\r\n    XIsChange(active) && this.setActiveItem(this.active());\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.timer?.unsubscribe();\r\n    this.precentTimer?.unsubscribe();\r\n    this.unSubject.next();\r\n    this.unSubject.complete();\r\n    this.resizeObserver?.disconnect();\r\n    this.updatePanel.complete();\r\n  }\r\n\r\n  action(index: number, increase: number, event?: string): void {\r\n    if (!XIsUndefined(event) && this.trigger() !== event) return;\r\n    this.autoplay() && this.resetInterval();\r\n    this.setActiveItem(index + increase);\r\n  }\r\n\r\n  resetInterval(): void {\r\n    if (!this.isBrowser) return;\r\n    this.timer?.unsubscribe();\r\n    if (this.progress()) {\r\n      this.precentTimer?.unsubscribe();\r\n      this.percent.set(0);\r\n      const js = this.interval() / 100;\r\n      this.precentTimer = interval(js)\r\n        .pipe(takeUntil(this.unSubject))\r\n        .subscribe(() => {\r\n          this.percent.update((x) => x + 1);\r\n        });\r\n    }\r\n    this.timer = interval(this.interval())\r\n      .pipe(takeUntil(this.unSubject))\r\n      .subscribe(() => {\r\n        this.percent.set(0);\r\n        this.setActiveItem(this.active() + 1);\r\n      });\r\n  }\r\n\r\n  setActiveItem(index: number): void {\r\n    if (this.start() === -1) return;\r\n    this.before.set(this.active());\r\n    const nextValue = index > this.start() ? 0 : index < 0 ? this.start() : index;\r\n    this.active.set(nextValue);\r\n    this.updatePanel.next();\r\n  }\r\n\r\n  getActivated(index: number) {\r\n    return this.active() === index;\r\n  }\r\n}\r\n","<div\r\n  #carousel\r\n  class=\"x-carousel\"\r\n  [ngClass]=\"classMap()\"\r\n  [class.x-carousel-arrow-always]=\"arrow() === 'always'\"\r\n  [class.x-carousel-has-current]=\"current()\"\r\n  [class.x-carousel-indicator-outside]=\"outside() || card()\"\r\n>\r\n  <div #content class=\"x-carousel-content\" [style.height]=\"height()\">\r\n    @if (arrow() !== 'never' && direction() !== 'vertical') {\r\n      <x-button class=\"arrow-left\" icon=\"fto-chevron-left\" (click)=\"action(active(), -1)\"></x-button>\r\n      <x-button class=\"arrow-right\" icon=\"fto-chevron-right\" (click)=\"action(active(), 1)\"></x-button>\r\n    }\r\n    <ng-content></ng-content>\r\n    @if (text()) {\r\n      <div class=\"x-carousel-text\">{{ text() }}</div>\r\n    }\r\n    @if (current()) {\r\n      <div class=\"x-carousel-current\">\r\n        <span class=\"x-carousel-active\">{{ page() }}</span> /\r\n        <span class=\"x-carousel-count\">{{ count() }}</span>\r\n      </div>\r\n    }\r\n    @if (progress()) {\r\n      <div class=\"x-carousel-progress\">\r\n        <x-progress [percent]=\"percent()\" [color]=\"progressColor()\" [info]=\"false\" height=\"0.325rem\"></x-progress>\r\n      </div>\r\n    }\r\n  </div>\r\n  <ul class=\"x-carousel-indicator\">\r\n    @for (panel of panels(); track $index) {\r\n      <li\r\n        [class.x-activated]=\"getActivated($index)\"\r\n        (click)=\"action($index, 0, 'click')\"\r\n        (mouseenter)=\"action($index, 0, 'hover')\"\r\n      >\r\n        <x-button type=\"text\"></x-button>\r\n      </li>\r\n    }\r\n  </ul>\r\n</div>\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ElementRef,\r\n  ChangeDetectionStrategy,\r\n  inject,\r\n  OnDestroy,\r\n  signal,\r\n  HostBinding,\r\n  computed\r\n} from '@angular/core';\r\nimport { XCarouselPanelPrefix, XCarouselPanelProperty } from './carousel.property';\r\nimport { XCarouselComponent } from './carousel.component';\r\nimport { Subject, takeUntil } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XCarouselPanelPrefix}`,\r\n  templateUrl: './carousel-panel.component.html',\r\n  styleUrls: ['./carousel-panel.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCarouselPanelComponent extends XCarouselPanelProperty implements OnInit, OnDestroy {\r\n  @HostBinding('class.x-carousel-card') get getCard() {\r\n    return !!this.carousel?.card();\r\n  }\r\n  @HostBinding('class.x-activated') get getActivated() {\r\n    return this.activeSignal();\r\n  }\r\n  @HostBinding('class.x-carousel-in-stage') get getInStage() {\r\n    return this.inStage();\r\n  }\r\n  @HostBinding('class.x-carousel-animating') get getAnimating() {\r\n    return this.animating();\r\n  }\r\n  @HostBinding('style.transform') get getTransform() {\r\n    return `${this.translateType()}(${this.translate()}px) scale(${this.scale()})`;\r\n  }\r\n  index = signal(0);\r\n  animating = signal(false);\r\n  preTranslate!: number;\r\n  cardScale = signal(0.83);\r\n  scale = signal(1);\r\n  translate = signal(0);\r\n  translateType = signal('translateX');\r\n  inStage = signal(false);\r\n  unSubject = new Subject<void>();\r\n  carousel = inject(XCarouselComponent, { optional: true, host: true });\r\n  activeSignal = signal(this.active());\r\n  card = computed(() => this.carousel?.card() ?? false);\r\n  private elementRef = inject(ElementRef);\r\n\r\n  ngOnInit() {\r\n    if (!this.carousel) return;\r\n    this.carousel.count.update((x) => x + 1);\r\n    this.carousel.start.update((x) => x + 1);\r\n    this.index.set(this.carousel.start());\r\n\r\n    this.carousel.panels.update((x) => {\r\n      x.push(this.elementRef);\r\n      return [...x];\r\n    });\r\n    this.carousel.updatePanel.pipe(takeUntil(this.unSubject)).subscribe(() => {\r\n      this.update();\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    if (!this.carousel) return;\r\n    this.carousel.start.update((x) => x - 1);\r\n    const idx = this.carousel.panels().indexOf(this.elementRef);\r\n    this.carousel.panels.update((x) => {\r\n      x.splice(idx, 1);\r\n      return [...x];\r\n    });\r\n  }\r\n\r\n  setActive() {\r\n    const isActive: boolean = this.carousel!.active() === this.index();\r\n    if (this.activeSignal() !== isActive) {\r\n      this.activeSignal.set(isActive);\r\n    }\r\n  }\r\n\r\n  setStyles() {\r\n    const width = this.elementRef.nativeElement.offsetWidth;\r\n    const height = this.elementRef.nativeElement.offsetHeight;\r\n    let offset = this.carousel!.active() - this.index();\r\n    let distance = width;\r\n    if (this.carousel!.card()) {\r\n      if (this.carousel!.direction() === 'vertical') {\r\n        console.warn('[x-carousel] vertical direction is not supported in card mode');\r\n      }\r\n      this.inStage.set(Math.round(Math.abs(offset)) <= 1);\r\n      this.translate.set(this.calcCardTranslate(this.index(), this.carousel!.active())!);\r\n      this.scale.set(offset === 0 ? 1 : this.cardScale());\r\n    } else {\r\n      if (this.carousel?.direction() === 'vertical') {\r\n        distance = height;\r\n        this.translateType.set('translateY');\r\n      }\r\n      const map: any = {\r\n        '-2': -distance,\r\n        '-1': distance,\r\n        '0': 0,\r\n        '1': 0 - distance,\r\n        '2': distance\r\n      };\r\n      offset = offset < -2 ? -2 : offset > 2 ? 2 : offset;\r\n      this.translate.set(map[offset]);\r\n    }\r\n    this.animating.set(\r\n      this.carousel!.active() === this.index() ||\r\n        this.carousel!.before() === this.index() ||\r\n        this.carousel!.start() === Math.abs(offset) ||\r\n        this.carousel!.card()\r\n    );\r\n  }\r\n\r\n  calcCardTranslate(index: number, activeIndex: number) {\r\n    const parentWidth = this.carousel!.carousel().nativeElement.offsetWidth;\r\n    let offset: number = index - activeIndex;\r\n    let activeFirstOrLast = this.carousel!.start() > 1 && this.carousel!.start() === Math.abs(offset);\r\n    if (this.inStage() || activeFirstOrLast) {\r\n      if (activeFirstOrLast) offset = offset < 0 ? 1 : -1;\r\n      return (parentWidth * ((2 - this.cardScale()) * offset + 1)) / 4;\r\n    } else if (index < activeIndex) {\r\n      return (-(1 + this.cardScale()) * parentWidth) / 4;\r\n    } else {\r\n      return ((3 + this.cardScale()) * parentWidth) / 4;\r\n    }\r\n  }\r\n\r\n  update() {\r\n    this.setActive();\r\n    this.setStyles();\r\n  }\r\n\r\n  panelClick() {\r\n    if (this.carousel?.card() && this.carousel?.active() !== this.index()) {\r\n      this.carousel?.autoplay() && this.carousel?.resetInterval();\r\n      this.carousel?.setActiveItem(this.index());\r\n    }\r\n  }\r\n}\r\n","<div #carouselPanel class=\"x-carousel-panel\" (click)=\"panelClick()\">\r\n  @if (card()) {\r\n    <div [hidden]=\"activeSignal()\" class=\"x-carousel-mask\"></div>\r\n  }\r\n  <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XCarouselComponent } from './carousel.component';\r\nimport { XCarouselPanelComponent } from './carousel-panel.component';\r\n\r\n@NgModule({\r\n  imports: [XCarouselComponent, XCarouselPanelComponent],\r\n  exports: [XCarouselComponent, XCarouselPanelComponent]\r\n})\r\nexport class XCarouselModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["takeUntil"],"mappings":"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"}