@aithe/aithe-ui 26.2.3 → 26.3.2

package/dist/components/display/carousel.js

@@ -0,0 +1,223 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+import { t } from '../../styles/i18n';
+/**
+ * Slot-based carousel for cycling through child elements with autoplay, arrows, and indicators.
+ * 基于插槽的轮播组件，支持自动播放、箭头导航和指示器。
+ *
+ * @slot - Default slot for carousel slide content. 轮播幻灯片内容的默认插槽。
+ *
+ * @fires aithe-change - Emitted when the active slide changes with `{ current }`. 当前幻灯片切换时发出 `{ current }`。
+ *
+ * @example
+ * ```html
+ * <aithe-carousel autoplay interval="4000" arrows indicators>
+ *   <div>Slide 1</div>
+ *   <div>Slide 2</div>
+ *   <div>Slide 3</div>
+ * </aithe-carousel>
+ * ```
+ */
+let AitheCarousel = class AitheCarousel extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Whether the carousel auto-advances slides. 轮播是否自动切换幻灯片。 */
+        this.autoplay = false;
+        /** Auto-advance interval in milliseconds. 自动切换间隔（毫秒）。 */
+        this.interval = 3200;
+        /** Whether to show dot indicators. 是否显示指示器圆点。 */
+        this.indicators = true;
+        /** Whether to show prev/next arrow buttons. 是否显示前进/后退箭头按钮。 */
+        this.arrows = true;
+        this.current = 0;
+        this.timer = 0;
+        this.syncSlides = () => {
+            const slides = this.slides;
+            if (!slides.length) {
+                return;
+            }
+            this.current = Math.min(this.current, slides.length - 1);
+            for (const [index, slide] of slides.entries()) {
+                slide.style.display = index === this.current ? '' : 'none';
+                slide.style.width = '100%';
+                slide.style.height = '100%';
+            }
+        };
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        position: relative;
+        display: block;
+        overflow: hidden;
+        border-radius: var(--aithe-container-radius-xl);
+      }
+
+      .viewport {
+        position: relative;
+        min-height: 240px;
+        border-radius: inherit;
+        background: var(--aithe-color-surface-elevated);
+      }
+
+      .controls {
+        position: absolute;
+        inset: 0;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0 var(--aithe-space-4);
+        pointer-events: none;
+      }
+
+      .controls button,
+      .indicators button {
+        pointer-events: auto;
+        border: none;
+        background: rgba(11, 17, 29, 0.56);
+        color: white;
+        cursor: pointer;
+      }
+
+      .controls button {
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+      }
+
+      .indicators {
+        position: absolute;
+        left: 50%;
+        bottom: var(--aithe-space-4);
+        display: inline-flex;
+        gap: var(--aithe-space-2);
+        transform: translateX(-50%);
+      }
+
+      .indicators button {
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border-radius: 50%;
+        opacity: 0.4;
+      }
+
+      .indicators button[aria-current='true'] {
+        opacity: 1;
+      }
+    `,
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.syncSlides();
+        this.startTimer();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        globalThis.clearInterval(this.timer);
+    }
+    updated(changed) {
+        if (changed.has('autoplay') || changed.has('interval')) {
+            this.startTimer();
+        }
+        if (changed.has('current')) {
+            this.syncSlides();
+            this.emit('aithe-change', { current: this.current });
+        }
+    }
+    get slides() {
+        return Array.from(this.children).filter((item) => item instanceof HTMLElement);
+    }
+    startTimer() {
+        globalThis.clearInterval(this.timer);
+        if (!this.autoplay || this.slides.length <= 1) {
+            return;
+        }
+        this.timer = globalThis.setInterval(() => this.next(), this.interval);
+    }
+    next() {
+        const total = this.slides.length;
+        if (!total) {
+            return;
+        }
+        this.current = (this.current + 1) % total;
+    }
+    prev() {
+        const total = this.slides.length;
+        if (!total) {
+            return;
+        }
+        this.current = (this.current - 1 + total) % total;
+    }
+    render() {
+        const total = this.slides.length;
+        return html `
+      <div class="viewport">
+        <slot @slotchange=${this.syncSlides}></slot>
+        ${this.arrows && total > 1
+            ? html `
+              <div class="controls">
+                <button
+                  type="button"
+                  aria-label=${t('display.carousel.prevSlideAriaLabel')}
+                  @click=${this.prev}
+                >
+                  ‹
+                </button>
+                <button
+                  type="button"
+                  aria-label=${t('display.carousel.nextSlideAriaLabel')}
+                  @click=${this.next}
+                >
+                  ›
+                </button>
+              </div>
+            `
+            : null}
+        ${this.indicators && total > 1
+            ? html `
+              <div class="indicators">
+                ${Array.from({ length: total }, (_, index) => html `
+                    <button
+                      type="button"
+                      aria-current=${String(index === this.current)}
+                      @click=${() => {
+                this.current = index;
+            }}
+                    ></button>
+                  `)}
+              </div>
+            `
+            : null}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], AitheCarousel.prototype, "autoplay", void 0);
+__decorate([
+    property({ type: Number })
+], AitheCarousel.prototype, "interval", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheCarousel.prototype, "indicators", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheCarousel.prototype, "arrows", void 0);
+__decorate([
+    state()
+], AitheCarousel.prototype, "current", void 0);
+AitheCarousel = __decorate([
+    customElement('aithe-carousel')
+], AitheCarousel);
+export { AitheCarousel };

package/dist/components/display/code-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../src/components/display/code-editor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../src/components/display/code-editor.ts"],"names":[],"mappings":"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"}