@keenthemes/ktui 1.2.1 → 1.2.2

package/dist/styles.css

@@ -3322,6 +3322,29 @@
     border-bottom-left-radius: calc(var(--radius) + 4px);
   }
 }
+@layer components {
+  [data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"])	[data-kt-carousel-viewport],	[data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"])	[data-kt-carousel-thumbnails] {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+  [data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"])	[data-kt-carousel-viewport]::-webkit-scrollbar,	[data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"])	[data-kt-carousel-thumbnails]::-webkit-scrollbar {
+    display: none;
+  }
+  [data-kt-carousel-thumbnail]:not(:disabled),	[data-kt-carousel-pagination-item]:not(:disabled),	[data-kt-carousel-prev]:not(:disabled),	[data-kt-carousel-next]:not(:disabled) {
+    cursor: pointer;
+  }
+  [data-kt-carousel-thumbnail] {
+    transition-property: border-color, background-color, color, box-shadow, opacity;
+    transition-duration: 0.2s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [data-kt-carousel-thumbnail] {
+      transition-duration: 0.01ms;
+      transition-property: none;
+    }
+  }
+}
 @layer components {
   .kt-checkbox {
     cursor: pointer;

package/lib/cjs/components/carousel/carousel.d.ts

@@ -0,0 +1,102 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+import KTComponent from '../component';
+import { KTCarouselConfigInterface, KTCarouselInterface } from './types';
+declare global {
+    interface Window {
+        KTCarousel: typeof KTCarousel;
+    }
+}
+export declare class KTCarousel extends KTComponent implements KTCarouselInterface {
+    protected _name: string;
+    protected _defaultConfig: KTCarouselConfigInterface;
+    protected _config: KTCarouselConfigInterface;
+    private _viewport;
+    private _slides;
+    private _index;
+    private _autoplayTimer;
+    private _programmaticScroll;
+    private _resizeObserver;
+    private _prefersReducedMotion;
+    private _onPrevClick;
+    private _onNextClick;
+    private _onScroll;
+    private _onScrollEnd;
+    private _onKeyDown;
+    private _onPointerDown;
+    private _onPointerMove;
+    private _onPointerUp;
+    private _paginationHandlers;
+    private _thumbHandlers;
+    private _programmaticScrollPrevIndex;
+    private _programmaticScrollTargetIndex;
+    private _programmaticScrollUserInitiated;
+    private _programmaticScrollFallbackTimer;
+    private _scrollSyncRaf;
+    private _pauseAutoplay;
+    private _resumeAutoplay;
+    private _dragStartX;
+    private _dragStartScroll;
+    private _dragging;
+    private _dragMoved;
+    private _pointerId;
+    private _prevButtons;
+    private _nextButtons;
+    private _currentLabels;
+    private _totalLabels;
+    constructor(element: HTMLElement, config?: Partial<KTCarouselConfigInterface> | null);
+    private _readPrefersReducedMotion;
+    private _syncShowScrollbarAttribute;
+    private static _resolveViewportStatic;
+    private static _collectSlidesStatic;
+    private _isRtl;
+    private _scrollBehavior;
+    private _effectiveDraggable;
+    private _bindControls;
+    private _bindIndexedClickStrips;
+    private _bindScrollSync;
+    private _bindKeyboard;
+    private _bindAutoplayHoverPause;
+    private _bindDraggable;
+    private _bindAutoHeight;
+    private _observeActiveSlideForHeight;
+    private _applyAutoHeight;
+    private _nearestIndex;
+    private _syncIndexFromScroll;
+    private _applyScrollDerivedIndexChange;
+    private _setStripItemsActiveState;
+    /**
+     * Scroll the viewport only. Avoid `Element.scrollIntoView`, which walks
+     * ancestor scroll containers and can pull the whole docs page to an embedded
+     * carousel (e.g. autoplay ticking on `/docs/carousel`).
+     */
+    private _scrollToIndex;
+    private _clearProgrammaticScrollFallbackTimer;
+    private _completeProgrammaticScroll;
+    goTo(index: number, userInitiated?: boolean): void;
+    next(userInitiated?: boolean): void;
+    prev(userInitiated?: boolean): void;
+    getIndex(): number;
+    getSlideCount(): number;
+    private _getChangeEventName;
+    private _dispatchChange;
+    private _updateInfo;
+    private _updatePaginationState;
+    private _updateThumbState;
+    /**
+     * Keep the active thumb visible inside each thumbnail strip by scrolling
+     * that container only (no `scrollIntoView`, which can scroll ancestor pages).
+     */
+    private _scrollActiveThumbnailsIntoView;
+    private _alignElementInScrollContainer;
+    private _startAutoplay;
+    private _stopAutoplay;
+    dispose(): void;
+    static getInstance(element: HTMLElement): KTCarousel | null;
+    static getOrCreateInstance(element: HTMLElement, config?: Partial<KTCarouselConfigInterface>): KTCarousel | null;
+    static createInstances(): void;
+    static init(): void;
+}
+//# sourceMappingURL=carousel.d.ts.map

package/lib/cjs/components/carousel/carousel.d.ts.map

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