lazer-slider 1.1.5 → 1.1.6

package/dist/index.cjs

@@ -1,427 +1,4 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  createSlider: () => createSlider,
-  easeInOutCubic: () => easeInOutCubic,
-  easeOutCubic: () => easeOutCubic,
-  easeOutExpo: () => easeOutExpo,
-  easeOutQuad: () => easeOutQuad,
-  generateBullets: () => generateBullets,
-  generateThumbs: () => generateThumbs,
-  injectStyles: () => injectStyles,
-  linear: () => linear,
-  removeStyles: () => removeStyles
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/core/easing.ts
-var easeOutExpo = (t) => t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
-var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
-var easeInOutCubic = (t) => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
-var easeOutQuad = (t) => 1 - (1 - t) * (1 - t);
-var linear = (t) => t;
-
-// src/core/accessibility.ts
-var generateSliderId = () => `slider-${Math.random().toString(36).substring(2, 9)}`;
-var initAria = (settings) => {
-  const { feed, prevSlideButton, nextSlideButton, thumbs, slides } = settings;
-  if (!feed.id) {
-    feed.id = generateSliderId();
-  }
-  feed.setAttribute("role", "region");
-  feed.setAttribute("aria-label", "Carousel");
-  feed.setAttribute("aria-roledescription", "carousel");
-  feed.removeAttribute("tabindex");
-  slides.forEach((slide, index) => {
-    slide.setAttribute("role", "group");
-    slide.setAttribute("aria-roledescription", "slide");
-    slide.setAttribute("aria-label", `Slide ${index + 1} of ${slides.length}`);
-  });
-  if (prevSlideButton) {
-    prevSlideButton.setAttribute("aria-label", "Previous slide");
-    prevSlideButton.setAttribute("aria-controls", feed.id);
-    prevSlideButton.setAttribute("tabindex", "0");
-    if (prevSlideButton.tagName !== "BUTTON") {
-      prevSlideButton.setAttribute("role", "button");
-    }
-  }
-  if (nextSlideButton) {
-    nextSlideButton.setAttribute("aria-label", "Next slide");
-    nextSlideButton.setAttribute("aria-controls", feed.id);
-    nextSlideButton.setAttribute("tabindex", "0");
-    if (nextSlideButton.tagName !== "BUTTON") {
-      nextSlideButton.setAttribute("role", "button");
-    }
-  }
-  if (thumbs?.length) {
-    thumbs.forEach((thumb, index) => {
-      if (thumb.tagName !== "BUTTON") {
-        thumb.setAttribute("role", "button");
-      }
-      thumb.setAttribute("aria-label", `Go to slide ${index + 1}`);
-      thumb.setAttribute("tabindex", "0");
-      thumb.setAttribute("aria-controls", feed.id);
-    });
-  }
-};
-var toggleControlVisibility = (button, shouldShow, feedElement) => {
-  if (!button) return;
-  if (!shouldShow && button === document.activeElement && feedElement) {
-    feedElement.focus();
-  }
-  const transition = "opacity 0.3s ease";
-  const opacity = shouldShow ? "1" : "0";
-  Object.assign(button.style, {
-    opacity,
-    transition,
-    pointerEvents: shouldShow ? "auto" : "none"
-  });
-  if (!shouldShow) {
-    button.setAttribute("aria-hidden", "true");
-    button.setAttribute("tabindex", "-1");
-  } else {
-    button.removeAttribute("aria-hidden");
-    button.setAttribute("tabindex", "0");
-  }
-  if (!shouldShow) {
-    setTimeout(() => {
-      if (button.style.opacity === "0") {
-        button.style.visibility = "hidden";
-      }
-    }, 300);
-  } else {
-    button.style.visibility = "visible";
-  }
-};
-var updateActiveThumb = (thumbs, currentIndex, activeClass = "active") => {
-  if (!thumbs?.length) return;
-  thumbs.forEach((thumb, index) => {
-    const isActive = index === currentIndex;
-    thumb.classList.toggle(activeClass, isActive);
-    thumb.setAttribute("aria-selected", isActive.toString());
-  });
-};
-var setupKeyboardNavigation = (feed, onPrev, onNext, abortSignal, direction = "horizontal") => {
-  const isVertical = direction === "vertical";
-  const prevKey = isVertical ? "ArrowUp" : "ArrowLeft";
-  const nextKey = isVertical ? "ArrowDown" : "ArrowRight";
-  feed.addEventListener(
-    "keydown",
-    (event) => {
-      switch (event.key) {
-        case prevKey:
-          event.preventDefault();
-          onPrev();
-          break;
-        case nextKey:
-          event.preventDefault();
-          onNext();
-          break;
-      }
-    },
-    { signal: abortSignal }
-  );
-  if (!feed.hasAttribute("tabindex")) {
-    feed.setAttribute("tabindex", "0");
-  }
-};
-
-// src/core/drag.ts
-var createDragState = () => ({
-  isDragging: false,
-  startX: 0,
-  startY: 0,
-  startScrollLeft: 0,
-  startScrollTop: 0,
-  velocity: 0,
-  lastX: 0,
-  lastY: 0,
-  lastTime: 0,
-  momentumId: null
-});
-var findNearestSlide = (feed, slides, direction = "horizontal") => {
-  const feedRect = feed.getBoundingClientRect();
-  const isVertical = direction === "vertical";
-  const feedCenter = isVertical ? feedRect.top + feedRect.height / 2 : feedRect.left + feedRect.width / 2;
-  let nearestSlide = null;
-  let minDistance = Infinity;
-  for (const slide of slides) {
-    if (slide.offsetParent === null) continue;
-    const slideRect = slide.getBoundingClientRect();
-    const slideCenter = isVertical ? slideRect.top + slideRect.height / 2 : slideRect.left + slideRect.width / 2;
-    const distance = Math.abs(feedCenter - slideCenter);
-    if (distance < minDistance) {
-      minDistance = distance;
-      nearestSlide = slide;
-    }
-  }
-  return nearestSlide;
-};
-var applyMomentum = (state, feed, slides, smoothScrollTo, onDragEnd, direction = "horizontal") => {
-  const friction = 0.95;
-  const minVelocity = 0.5;
-  const isVertical = direction === "vertical";
-  const animate = () => {
-    if (Math.abs(state.velocity) < minVelocity) {
-      state.momentumId = null;
-      const nearestSlide = findNearestSlide(feed, slides, direction);
-      if (nearestSlide) {
-        const targetPosition = isVertical ? nearestSlide.offsetTop : nearestSlide.offsetLeft;
-        smoothScrollTo(targetPosition, easeOutCubic);
-      }
-      onDragEnd?.();
-      return;
-    }
-    if (isVertical) {
-      feed.scrollTop += state.velocity;
-    } else {
-      feed.scrollLeft += state.velocity;
-    }
-    state.velocity *= friction;
-    state.momentumId = requestAnimationFrame(animate);
-  };
-  state.momentumId = requestAnimationFrame(animate);
-};
-var getEventX = (event) => {
-  if ("touches" in event) {
-    return event.touches[0]?.clientX ?? 0;
-  }
-  return event.clientX;
-};
-var getEventY = (event) => {
-  if ("touches" in event) {
-    return event.touches[0]?.clientY ?? 0;
-  }
-  return event.clientY;
-};
-var setupDragToScroll = (config) => {
-  const { feed, slides, abortSignal, smoothScrollTo, onDragEnd, direction = "horizontal" } = config;
-  const state = createDragState();
-  const isVertical = direction === "vertical";
-  const handleDragStart = (event) => {
-    if (state.momentumId !== null) {
-      cancelAnimationFrame(state.momentumId);
-      state.momentumId = null;
-    }
-    state.isDragging = true;
-    state.startX = getEventX(event);
-    state.startY = getEventY(event);
-    state.startScrollLeft = feed.scrollLeft;
-    state.startScrollTop = feed.scrollTop;
-    state.velocity = 0;
-    state.lastX = state.startX;
-    state.lastY = state.startY;
-    state.lastTime = performance.now();
-    feed.style.userSelect = "none";
-    feed.classList.add("is-dragging");
-    if (event.type === "mousedown") {
-      event.preventDefault();
-    }
-  };
-  const handleDragMove = (event) => {
-    if (!state.isDragging) return;
-    const currentX = getEventX(event);
-    const currentY = getEventY(event);
-    const currentTime = performance.now();
-    const deltaTime = currentTime - state.lastTime;
-    if (isVertical) {
-      const deltaY = state.startY - currentY;
-      feed.scrollTop = state.startScrollTop + deltaY;
-      if (deltaTime > 0) {
-        state.velocity = (state.lastY - currentY) / deltaTime * 16;
-      }
-      state.lastY = currentY;
-    } else {
-      const deltaX = state.startX - currentX;
-      feed.scrollLeft = state.startScrollLeft + deltaX;
-      if (deltaTime > 0) {
-        state.velocity = (state.lastX - currentX) / deltaTime * 16;
-      }
-      state.lastX = currentX;
-    }
-    state.lastTime = currentTime;
-    if (event.type === "touchmove") {
-      event.preventDefault();
-    }
-  };
-  const handleDragEnd = () => {
-    if (!state.isDragging) return;
-    state.isDragging = false;
-    feed.style.userSelect = "";
-    feed.classList.remove("is-dragging");
-    if (Math.abs(state.velocity) > 1) {
-      applyMomentum(state, feed, slides, smoothScrollTo, onDragEnd, direction);
-    } else {
-      const nearestSlide = findNearestSlide(feed, slides, direction);
-      if (nearestSlide) {
-        const targetPosition = isVertical ? nearestSlide.offsetTop : nearestSlide.offsetLeft;
-        smoothScrollTo(targetPosition, easeOutCubic);
-      }
-      onDragEnd?.();
-    }
-  };
-  feed.addEventListener("mousedown", handleDragStart, { signal: abortSignal });
-  document.addEventListener("mousemove", handleDragMove, { signal: abortSignal });
-  document.addEventListener("mouseup", handleDragEnd, { signal: abortSignal });
-  feed.addEventListener("touchstart", handleDragStart, {
-    passive: true,
-    signal: abortSignal
-  });
-  feed.addEventListener("touchmove", handleDragMove, {
-    passive: false,
-    signal: abortSignal
-  });
-  feed.addEventListener("touchend", handleDragEnd, { signal: abortSignal });
-  document.addEventListener("mouseleave", handleDragEnd, { signal: abortSignal });
-  return state;
-};
-var cleanupDrag = (state) => {
-  if (state.momentumId !== null) {
-    cancelAnimationFrame(state.momentumId);
-    state.momentumId = null;
-  }
-};
-
-// src/core/bullets.ts
-var generateBullets = ({
-  bulletsContainer,
-  slides,
-  bulletClass,
-  bulletActiveClass,
-  feedId
-}) => {
-  if (!bulletsContainer || !(bulletsContainer instanceof HTMLElement)) {
-    throw new Error("Invalid bulletsContainer: must be a valid HTMLElement");
-  }
-  if (!Array.isArray(slides) || slides.length === 0) {
-    throw new Error("Invalid slides: must be a non-empty array");
-  }
-  if (!feedId || typeof feedId !== "string") {
-    throw new Error("Invalid feedId: must be a non-empty string");
-  }
-  if (!bulletClass || typeof bulletClass !== "string") {
-    throw new Error("Invalid bulletClass: must be a non-empty string");
-  }
-  bulletsContainer.innerHTML = "";
-  bulletsContainer.setAttribute("role", "tablist");
-  bulletsContainer.setAttribute("aria-label", "Slide navigation");
-  const visibleSlides = slides.map((slide, originalIndex) => ({ slide, originalIndex })).filter(({ slide }) => slide.offsetParent !== null);
-  if (visibleSlides.length === 0) {
-    console.warn("No visible slides found");
-    return [];
-  }
-  const bullets = visibleSlides.map(({ slide, originalIndex }, visibleIndex) => {
-    const bullet = document.createElement("button");
-    bullet.type = "button";
-    bullet.classList.add(bulletClass);
-    if (visibleIndex === 0) {
-      bullet.classList.add(bulletActiveClass);
-    }
-    bullet.setAttribute("role", "tab");
-    bullet.setAttribute("aria-selected", visibleIndex === 0 ? "true" : "false");
-    bullet.setAttribute("aria-controls", feedId);
-    bullet.setAttribute("aria-label", `Go to slide ${visibleIndex + 1}`);
-    bullet.setAttribute("data-slide-index", String(visibleIndex));
-    bulletsContainer.appendChild(bullet);
-    return bullet;
-  });
-  return bullets;
-};
-
-// src/core/thumbs.ts
-var generateThumbs = ({
-  thumbsContainer,
-  slides,
-  thumbClass,
-  thumbActiveClass,
-  feedId,
-  thumbImageSelector = "img",
-  thumbSize
-}) => {
-  if (!thumbsContainer || !(thumbsContainer instanceof HTMLElement)) {
-    throw new Error("Invalid thumbsContainer: must be a valid HTMLElement");
-  }
-  if (!Array.isArray(slides) || slides.length === 0) {
-    throw new Error("Invalid slides: must be a non-empty array");
-  }
-  if (!feedId || typeof feedId !== "string") {
-    throw new Error("Invalid feedId: must be a non-empty string");
-  }
-  if (!thumbClass || typeof thumbClass !== "string") {
-    throw new Error("Invalid thumbClass: must be a non-empty string");
-  }
-  thumbsContainer.innerHTML = "";
-  thumbsContainer.setAttribute("role", "tablist");
-  thumbsContainer.setAttribute("aria-label", "Slide thumbnails");
-  const visibleSlides = slides.map((slide, originalIndex) => ({ slide, originalIndex })).filter(({ slide }) => slide.offsetParent !== null);
-  if (visibleSlides.length === 0) {
-    console.warn("No visible slides found");
-    return [];
-  }
-  const thumbs = visibleSlides.map(({ slide, originalIndex }, visibleIndex) => {
-    const thumb = document.createElement("button");
-    thumb.type = "button";
-    thumb.classList.add(thumbClass);
-    if (visibleIndex === 0) {
-      thumb.classList.add(thumbActiveClass);
-    }
-    const sourceImage = slide.querySelector(thumbImageSelector);
-    if (sourceImage?.src) {
-      const thumbImg = document.createElement("img");
-      thumbImg.src = sourceImage.src;
-      thumbImg.alt = sourceImage.alt || `Slide ${visibleIndex + 1} thumbnail`;
-      thumbImg.draggable = false;
-      if (thumbSize) {
-        thumbImg.style.width = `${thumbSize.width}px`;
-        thumbImg.style.height = `${thumbSize.height}px`;
-        thumbImg.style.objectFit = "cover";
-      }
-      thumb.appendChild(thumbImg);
-    }
-    thumb.setAttribute("role", "tab");
-    thumb.setAttribute("aria-selected", visibleIndex === 0 ? "true" : "false");
-    thumb.setAttribute("aria-controls", feedId);
-    thumb.setAttribute("aria-label", `Go to slide ${visibleIndex + 1}`);
-    thumb.setAttribute("data-slide-index", String(visibleIndex));
-    thumbsContainer.appendChild(thumb);
-    return thumb;
-  });
-  return thumbs;
-};
-
-// src/core/marquee.ts
-var createMarqueeState = () => ({
-  initialized: false,
-  clonedSlides: [],
-  styleElement: null
-});
-var injectMarqueeKeyframes = () => {
-  const existingStyle = document.getElementById("lazer-marquee-keyframes");
-  if (existingStyle) {
-    return existingStyle;
-  }
-  const style = document.createElement("style");
-  style.id = "lazer-marquee-keyframes";
-  style.textContent = `
+'use strict';var O=e=>e===1?1:1-Math.pow(2,-10*e),P=e=>1-Math.pow(1-e,3),Se=e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,be=e=>1-(1-e)*(1-e),ve=e=>e;var Te=()=>`slider-${Math.random().toString(36).substring(2,9)}`,K=e=>{let{feed:r,prevSlideButton:o,nextSlideButton:t,thumbs:u,slides:n}=e;r.id||(r.id=Te()),r.setAttribute("role","region"),r.setAttribute("aria-label","Carousel"),r.setAttribute("aria-roledescription","carousel"),r.removeAttribute("tabindex"),n.forEach((f,i)=>{f.setAttribute("role","group"),f.setAttribute("aria-roledescription","slide"),f.setAttribute("aria-label",`Slide ${i+1} of ${n.length}`);}),o&&(o.setAttribute("aria-label","Previous slide"),o.setAttribute("aria-controls",r.id),o.setAttribute("tabindex","0"),o.tagName!=="BUTTON"&&o.setAttribute("role","button")),t&&(t.setAttribute("aria-label","Next slide"),t.setAttribute("aria-controls",r.id),t.setAttribute("tabindex","0"),t.tagName!=="BUTTON"&&t.setAttribute("role","button")),u?.length&&u.forEach((f,i)=>{f.tagName!=="BUTTON"&&f.setAttribute("role","button"),f.setAttribute("aria-label",`Go to slide ${i+1}`),f.setAttribute("tabindex","0"),f.setAttribute("aria-controls",r.id);});},C=(e,r,o)=>{if(!e)return;!r&&e===document.activeElement&&o&&o.focus();let t="opacity 0.3s ease",u=r?"1":"0";Object.assign(e.style,{opacity:u,transition:t,pointerEvents:r?"auto":"none"}),r?(e.removeAttribute("aria-hidden"),e.setAttribute("tabindex","0")):(e.setAttribute("aria-hidden","true"),e.setAttribute("tabindex","-1")),r?e.style.visibility="visible":setTimeout(()=>{e.style.opacity==="0"&&(e.style.visibility="hidden");},300);},D=(e,r,o="active")=>{e?.length&&e.forEach((t,u)=>{let n=u===r;t.classList.toggle(o,n),t.setAttribute("aria-selected",n.toString());});},Q=(e,r,o,t,u="horizontal")=>{let n=u==="vertical",f=n?"ArrowUp":"ArrowLeft",i=n?"ArrowDown":"ArrowRight";e.addEventListener("keydown",S=>{switch(S.key){case f:S.preventDefault(),r();break;case i:S.preventDefault(),o();break}},{signal:t}),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0");};var ye=()=>({isDragging:false,startX:0,startY:0,startScrollLeft:0,startScrollTop:0,velocity:0,lastX:0,lastY:0,lastTime:0,momentumId:null}),ee=(e,r,o="horizontal")=>{let t=e.getBoundingClientRect(),u=o==="vertical",n=u?t.top+t.height/2:t.left+t.width/2,f=null,i=1/0;for(let S of r){if(S.offsetParent===null)continue;let h=S.getBoundingClientRect(),p=u?h.top+h.height/2:h.left+h.width/2,b=Math.abs(n-p);b<i&&(i=b,f=S);}return f},Ee=(e,r,o,t,u,n="horizontal")=>{let S=n==="vertical",h=()=>{if(Math.abs(e.velocity)<.5){e.momentumId=null;let p=ee(r,o,n);if(p){let b=S?p.offsetTop:p.offsetLeft;t(b,P);}u?.();return}S?r.scrollTop+=e.velocity:r.scrollLeft+=e.velocity,e.velocity*=.95,e.momentumId=requestAnimationFrame(h);};e.momentumId=requestAnimationFrame(h);},J=e=>"touches"in e?e.touches[0]?.clientX??0:e.clientX,Z=e=>"touches"in e?e.touches[0]?.clientY??0:e.clientY,te=e=>{let{feed:r,slides:o,abortSignal:t,smoothScrollTo:u,onDragEnd:n,direction:f="horizontal"}=e,i=ye(),S=f==="vertical",h=m=>{i.momentumId!==null&&(cancelAnimationFrame(i.momentumId),i.momentumId=null),i.isDragging=true,i.startX=J(m),i.startY=Z(m),i.startScrollLeft=r.scrollLeft,i.startScrollTop=r.scrollTop,i.velocity=0,i.lastX=i.startX,i.lastY=i.startY,i.lastTime=performance.now(),r.style.userSelect="none",r.classList.add("is-dragging"),m.type==="mousedown"&&m.preventDefault();},p=m=>{if(!i.isDragging)return;let T=J(m),v=Z(m),A=performance.now(),E=A-i.lastTime;if(S){let x=i.startY-v;r.scrollTop=i.startScrollTop+x,E>0&&(i.velocity=(i.lastY-v)/E*16),i.lastY=v;}else {let x=i.startX-T;r.scrollLeft=i.startScrollLeft+x,E>0&&(i.velocity=(i.lastX-T)/E*16),i.lastX=T;}i.lastTime=A,m.type==="touchmove"&&m.preventDefault();},b=()=>{if(i.isDragging)if(i.isDragging=false,r.style.userSelect="",r.classList.remove("is-dragging"),Math.abs(i.velocity)>1)Ee(i,r,o,u,n,f);else {let m=ee(r,o,f);if(m){let T=S?m.offsetTop:m.offsetLeft;u(T,P);}n?.();}};return r.addEventListener("mousedown",h,{signal:t}),document.addEventListener("mousemove",p,{signal:t}),document.addEventListener("mouseup",b,{signal:t}),r.addEventListener("touchstart",h,{passive:true,signal:t}),r.addEventListener("touchmove",p,{passive:false,signal:t}),r.addEventListener("touchend",b,{signal:t}),document.addEventListener("mouseleave",b,{signal:t}),i},re=e=>{e.momentumId!==null&&(cancelAnimationFrame(e.momentumId),e.momentumId=null);};var k=({bulletsContainer:e,slides:r,bulletClass:o,bulletActiveClass:t,feedId:u})=>{if(!e||!(e instanceof HTMLElement))throw new Error("Invalid bulletsContainer: must be a valid HTMLElement");if(!Array.isArray(r)||r.length===0)throw new Error("Invalid slides: must be a non-empty array");if(!u||typeof u!="string")throw new Error("Invalid feedId: must be a non-empty string");if(!o||typeof o!="string")throw new Error("Invalid bulletClass: must be a non-empty string");e.innerHTML="",e.setAttribute("role","tablist"),e.setAttribute("aria-label","Slide navigation");let n=r.map((i,S)=>({slide:i,originalIndex:S})).filter(({slide:i})=>i.offsetParent!==null);return n.length===0?(console.warn("No visible slides found"),[]):n.map(({slide:i,originalIndex:S},h)=>{let p=document.createElement("button");return p.type="button",p.classList.add(o),h===0&&p.classList.add(t),p.setAttribute("role","tab"),p.setAttribute("aria-selected",h===0?"true":"false"),p.setAttribute("aria-controls",u),p.setAttribute("aria-label",`Go to slide ${h+1}`),p.setAttribute("data-slide-index",String(h)),e.appendChild(p),p})};var $=({thumbsContainer:e,slides:r,thumbClass:o,thumbActiveClass:t,feedId:u,thumbImageSelector:n="img",thumbSize:f})=>{if(!e||!(e instanceof HTMLElement))throw new Error("Invalid thumbsContainer: must be a valid HTMLElement");if(!Array.isArray(r)||r.length===0)throw new Error("Invalid slides: must be a non-empty array");if(!u||typeof u!="string")throw new Error("Invalid feedId: must be a non-empty string");if(!o||typeof o!="string")throw new Error("Invalid thumbClass: must be a non-empty string");e.innerHTML="",e.setAttribute("role","tablist"),e.setAttribute("aria-label","Slide thumbnails");let i=r.map((h,p)=>({slide:h,originalIndex:p})).filter(({slide:h})=>h.offsetParent!==null);return i.length===0?(console.warn("No visible slides found"),[]):i.map(({slide:h,originalIndex:p},b)=>{let m=document.createElement("button");m.type="button",m.classList.add(o),b===0&&m.classList.add(t);let T=h.querySelector(n);if(T?.src){let v=document.createElement("img");v.src=T.src,v.alt=T.alt||`Slide ${b+1} thumbnail`,v.draggable=false,f&&(v.style.width=`${f.width}px`,v.style.height=`${f.height}px`,v.style.objectFit="cover"),m.appendChild(v);}return m.setAttribute("role","tab"),m.setAttribute("aria-selected",b===0?"true":"false"),m.setAttribute("aria-controls",u),m.setAttribute("aria-label",`Go to slide ${b+1}`),m.setAttribute("data-slide-index",String(b)),e.appendChild(m),m})};var le=()=>({initialized:false,clonedSlides:[],styleElement:null}),oe=()=>{let e=document.getElementById("lazer-marquee-keyframes");if(e)return e;let r=document.createElement("style");return r.id="lazer-marquee-keyframes",r.textContent=`
     @keyframes lazer-marquee-scroll {
       0% {
         transform: translateX(0);
@@ -430,774 +7,4 @@ var injectMarqueeKeyframes = () => {
         transform: translateX(-50%);
       }
     }
-  `;
-  document.head.appendChild(style);
-  return style;
-};
-var setupMarqueeClones = (settings, marqueeState) => {
-  if (marqueeState.initialized) return;
-  marqueeState.styleElement = injectMarqueeKeyframes();
-  settings.feed.style.display = "flex";
-  settings.feed.style.willChange = "transform";
-  settings.slides.forEach((slide) => {
-    const clone = slide.cloneNode(true);
-    clone.setAttribute("data-lazer-marquee-clone", "true");
-    clone.setAttribute("aria-hidden", "true");
-    settings.feed.appendChild(clone);
-    marqueeState.clonedSlides.push(clone);
-  });
-  marqueeState.initialized = true;
-};
-var cleanupMarqueeClones = (marqueeState) => {
-  if (!marqueeState.initialized) return;
-  marqueeState.clonedSlides.forEach((clone) => {
-    clone.remove();
-  });
-  marqueeState.clonedSlides = [];
-  marqueeState.initialized = false;
-};
-var setupMarqueeCss = (settings, state) => {
-  injectMarqueeKeyframes();
-  requestAnimationFrame(() => {
-    const scrollWidth = settings.feed.scrollWidth;
-    const speed = settings.marqueeSpeed ?? 50;
-    const direction = settings.marqueeDirection ?? "left";
-    const distance = scrollWidth / 2;
-    if (distance <= 0 || speed <= 0) {
-      console.warn("[lazer-slider] Invalid marquee values:", { distance, speed, scrollWidth });
-      return;
-    }
-    const duration = distance / speed;
-    const animationDirection = direction === "right" ? "reverse" : "normal";
-    const animationValue = `lazer-marquee-scroll ${duration}s linear infinite ${animationDirection}`;
-    settings.feed.style.animation = "none";
-    void settings.feed.offsetWidth;
-    settings.feed.style.animation = animationValue;
-    settings.feed.style.animationPlayState = state.marqueePaused ? "paused" : "running";
-  });
-};
-var startMarquee = (settings, state) => {
-  setupMarqueeCss(settings, state);
-};
-var stopMarquee = (state, settings) => {
-  settings.feed.style.animation = "";
-  settings.feed.style.animationPlayState = "";
-  settings.feed.style.transform = "";
-  settings.feed.style.willChange = "";
-};
-var pauseMarquee = (state, settings) => {
-  state.marqueePaused = true;
-  settings.feed.style.animationPlayState = "paused";
-};
-var resumeMarquee = (state, settings) => {
-  state.marqueePaused = false;
-  settings.feed.style.animationPlayState = "running";
-};
-var setupMarquee = (settings, state, marqueeState) => {
-  if (!settings.marquee) return;
-  setupMarqueeClones(settings, marqueeState);
-  startMarquee(settings, state);
-};
-var attachMarqueeEventListeners = (settings, state, signal) => {
-  if (!settings.marquee || settings.pauseOnHover === false) return;
-  settings.feed.addEventListener(
-    "mouseenter",
-    () => pauseMarquee(state, settings),
-    { signal }
-  );
-  settings.feed.addEventListener(
-    "mouseleave",
-    () => resumeMarquee(state, settings),
-    { signal }
-  );
-  settings.feed.addEventListener(
-    "touchstart",
-    () => pauseMarquee(state, settings),
-    { passive: true, signal }
-  );
-  settings.feed.addEventListener(
-    "touchend",
-    () => resumeMarquee(state, settings),
-    { signal }
-  );
-};
-
-// src/core/styles.ts
-var CRITICAL_STYLES = `
-/* Lazer Slider - Critical Styles (Auto-injected) */
-.lazer-feed {
-  position: relative;
-  display: flex;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: none;
-}
-
-.lazer-feed::-webkit-scrollbar {
-  display: none;
-}
-
-.lazer-feed.lazer-vertical {
-  flex-direction: column;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.lazer-slide {
-  flex-shrink: 0;
-}
-
-.lazer-feed.lazer-draggable {
-  cursor: grab;
-}
-
-.lazer-feed.lazer-draggable.is-dragging {
-  cursor: grabbing;
-  user-select: none;
-}
-`;
-var stylesInjected = false;
-var STYLE_ID = "lazer-slider-critical-styles";
-var injectStyles = () => {
-  if (stylesInjected || typeof document === "undefined") return;
-  const existingStyle = document.getElementById(STYLE_ID);
-  if (existingStyle) {
-    stylesInjected = true;
-    return;
-  }
-  const style = document.createElement("style");
-  style.id = STYLE_ID;
-  style.textContent = CRITICAL_STYLES;
-  document.head.appendChild(style);
-  stylesInjected = true;
-};
-var injectStylesOnce = () => {
-  injectStyles();
-};
-var removeStyles = () => {
-  if (typeof document === "undefined") return;
-  const style = document.getElementById(STYLE_ID);
-  if (style) {
-    style.remove();
-    stylesInjected = false;
-  }
-};
-
-// src/core/slider.ts
-var ANIMATION = {
-  MIN_DURATION: 400,
-  MAX_DURATION: 1e3,
-  SPEED_FACTOR: 1.5,
-  SCROLL_END_DELAY: 50,
-  THUMB_UPDATE_DELAY: 500
-};
-var DESKTOP_BREAKPOINT = "(min-width: 64rem)";
-var createSlider = (settings) => {
-  injectStylesOnce();
-  if (!settings.feed) {
-    throw new Error("lazer-slider: feed element is required");
-  }
-  if (!settings.slides?.length) {
-    throw new Error("lazer-slider: slides array is required and must not be empty");
-  }
-  if (!settings.feed.id) {
-    settings.feed.id = `lazer-slider-feed-${Math.random().toString(36).substr(2, 9)}`;
-  }
-  settings.feed.classList.add("lazer-feed");
-  settings.slides.forEach((slide) => {
-    slide.classList.add("lazer-slide");
-  });
-  if (settings.bulletsContainer && !settings.thumbs) {
-    const bullets = generateBullets({
-      bulletsContainer: settings.bulletsContainer,
-      slides: settings.slides,
-      bulletClass: settings.bulletsClass ?? "lazer-bullet",
-      bulletActiveClass: settings.bulletsActiveClass ?? "active",
-      feedId: settings.feed.id
-    });
-    settings.thumbs = bullets;
-  }
-  if (settings.thumbsContainer && !settings.thumbs) {
-    const thumbs = generateThumbs({
-      thumbsContainer: settings.thumbsContainer,
-      slides: settings.slides,
-      thumbClass: settings.thumbsClass ?? "lazer-thumb",
-      thumbActiveClass: settings.thumbsActiveClass ?? "active",
-      feedId: settings.feed.id,
-      thumbImageSelector: settings.thumbImageSelector ?? "img",
-      thumbSize: settings.thumbSize
-    });
-    settings.thumbs = thumbs;
-  }
-  const direction = settings.direction ?? "horizontal";
-  const isVertical = direction === "vertical";
-  if (isVertical) {
-    settings.feed.classList.add("lazer-vertical");
-  }
-  if (settings.marquee) {
-    settings.feed.classList.add("lazer-marquee");
-  }
-  const state = {
-    currentSlideIndex: 0,
-    isScrolling: false,
-    ticking: false,
-    cachedFeedRect: null,
-    lastWidth: 0,
-    updateThumbTimeout: null,
-    scrollEndTimeout: null,
-    abortController: new AbortController(),
-    autoplayIntervalId: null,
-    autoplayPaused: false,
-    marqueeAnimationId: null,
-    marqueePaused: false,
-    marqueeLastTimestamp: 0,
-    isLoopRepositioning: false
-  };
-  let dragState = null;
-  const loopState = {
-    initialized: false,
-    clonedSlides: [],
-    realSlides: [...settings.slides],
-    clonesPerSide: 0
-  };
-  const marqueeState = createMarqueeState();
-  const easing = settings.easing ?? easeOutExpo;
-  const getFeedRect = () => {
-    const currentSize = isVertical ? settings.feed.clientHeight : settings.feed.clientWidth;
-    if (!state.cachedFeedRect || state.lastWidth !== currentSize) {
-      state.cachedFeedRect = settings.feed.getBoundingClientRect();
-      state.lastWidth = currentSize;
-    }
-    return state.cachedFeedRect;
-  };
-  const getVisibleSlides = () => {
-    return settings.slides.filter((slide) => slide.offsetParent !== null);
-  };
-  const isDesktop = () => {
-    return window.matchMedia(DESKTOP_BREAKPOINT).matches;
-  };
-  const getLoopClonesCount = () => {
-    const perView = isDesktop() ? settings.desktopSlidesPerView : settings.mobileSlidesPerView;
-    if (!perView || perView === "auto") {
-      return 1;
-    }
-    return Math.ceil(perView);
-  };
-  const setupLoopClones = () => {
-    if (!settings.loop || loopState.initialized) return;
-    const realSlides = loopState.realSlides;
-    const clonesCount = getLoopClonesCount();
-    loopState.clonesPerSide = clonesCount;
-    for (let i = realSlides.length - clonesCount; i < realSlides.length; i++) {
-      const slide = realSlides[i];
-      if (!slide) continue;
-      const clone = slide.cloneNode(true);
-      clone.setAttribute("data-lazer-clone", "prepend");
-      clone.setAttribute("aria-hidden", "true");
-      settings.feed.insertBefore(clone, settings.feed.firstChild);
-      loopState.clonedSlides.push(clone);
-    }
-    for (let i = 0; i < clonesCount; i++) {
-      const slide = realSlides[i];
-      if (!slide) continue;
-      const clone = slide.cloneNode(true);
-      clone.setAttribute("data-lazer-clone", "append");
-      clone.setAttribute("aria-hidden", "true");
-      settings.feed.appendChild(clone);
-      loopState.clonedSlides.push(clone);
-    }
-    requestAnimationFrame(() => {
-      const firstRealSlide = realSlides[0];
-      if (firstRealSlide) {
-        if (isVertical) {
-          settings.feed.scrollTop = firstRealSlide.offsetTop;
-        } else {
-          settings.feed.scrollLeft = firstRealSlide.offsetLeft;
-        }
-      }
-    });
-    loopState.initialized = true;
-  };
-  const handleLoopReposition = (navDirection) => {
-    if (!settings.loop || !loopState.initialized) return;
-    state.isLoopRepositioning = true;
-    const realSlides = loopState.realSlides;
-    const totalRealSlides = realSlides.length;
-    if (navDirection === "next") {
-      const firstRealSlide = realSlides[0];
-      if (firstRealSlide) {
-        if (isVertical) {
-          settings.feed.scrollTop = firstRealSlide.offsetTop;
-        } else {
-          settings.feed.scrollLeft = firstRealSlide.offsetLeft;
-        }
-      }
-      state.currentSlideIndex = 0;
-    } else {
-      const lastRealSlide = realSlides[totalRealSlides - 1];
-      if (lastRealSlide) {
-        if (isVertical) {
-          settings.feed.scrollTop = lastRealSlide.offsetTop;
-        } else {
-          settings.feed.scrollLeft = lastRealSlide.offsetLeft;
-        }
-      }
-      state.currentSlideIndex = totalRealSlides - 1;
-    }
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        state.isLoopRepositioning = false;
-        updateControlsVisibility();
-      });
-    });
-  };
-  const cleanupLoopClones = () => {
-    if (!loopState.initialized) return;
-    loopState.clonedSlides.forEach((clone) => {
-      clone.remove();
-    });
-    loopState.clonedSlides = [];
-    loopState.initialized = false;
-    loopState.clonesPerSide = 0;
-  };
-  const applySlideWidths = () => {
-    const perView = isDesktop() ? settings.desktopSlidesPerView : settings.mobileSlidesPerView;
-    const gap = settings.slideGap ?? 0;
-    if (gap > 0) {
-      settings.feed.style.gap = `${gap}px`;
-    }
-    if (!perView || perView === "auto") {
-      settings.slides.forEach((slide) => {
-        slide.style.flex = "";
-        slide.style.minWidth = "";
-        slide.style.minHeight = "";
-      });
-      return;
-    }
-    const totalGapSize = gap * (perView - 1);
-    const slideSize = `calc((100% - ${totalGapSize}px) / ${perView})`;
-    if (isVertical) {
-      settings.slides.forEach((slide) => {
-        slide.style.flex = `0 0 ${slideSize}`;
-        slide.style.minHeight = slideSize;
-        slide.style.minWidth = "";
-      });
-    } else {
-      settings.slides.forEach((slide) => {
-        slide.style.flex = `0 0 ${slideSize}`;
-        slide.style.minWidth = slideSize;
-        slide.style.minHeight = "";
-      });
-    }
-  };
-  const updateScrollbar = () => {
-    if (!settings.scrollbarThumb) return;
-    const feedRect = getFeedRect();
-    if (isVertical) {
-      const thumbHeight = feedRect.height / settings.feed.scrollHeight * 100;
-      settings.scrollbarThumb.style.height = `${thumbHeight}%`;
-      settings.scrollbarThumb.style.width = "";
-    } else {
-      const thumbWidth = feedRect.width / settings.feed.scrollWidth * 100;
-      settings.scrollbarThumb.style.width = `${thumbWidth}%`;
-      settings.scrollbarThumb.style.height = "";
-    }
-  };
-  const updateScrollbarPosition = () => {
-    if (!settings.scrollbarThumb || !settings.scrollbarTrack) return;
-    if (isVertical) {
-      const trackHeight = settings.scrollbarTrack.getBoundingClientRect().height;
-      const thumbHeight = settings.scrollbarThumb.getBoundingClientRect().height;
-      const totalTransform = trackHeight - thumbHeight;
-      const maxScroll = settings.feed.scrollHeight - settings.feed.clientHeight;
-      const scrollProgress = maxScroll > 0 ? settings.feed.scrollTop / maxScroll : 0;
-      settings.scrollbarThumb.style.transform = `translateY(${totalTransform * scrollProgress}px)`;
-    } else {
-      const trackWidth = settings.scrollbarTrack.getBoundingClientRect().width;
-      const thumbWidth = settings.scrollbarThumb.getBoundingClientRect().width;
-      const totalTransform = trackWidth - thumbWidth;
-      const maxScroll = settings.feed.scrollWidth - settings.feed.clientWidth;
-      const scrollProgress = maxScroll > 0 ? settings.feed.scrollLeft / maxScroll : 0;
-      settings.scrollbarThumb.style.transform = `translateX(${totalTransform * scrollProgress}px)`;
-    }
-  };
-  const updateControlsVisibility = () => {
-    if (state.isLoopRepositioning) {
-      return;
-    }
-    const feedRect = getFeedRect();
-    let isAtStart;
-    let isAtEnd;
-    let shouldHideScrollbar;
-    if (isVertical) {
-      isAtStart = settings.feed.scrollTop <= 1;
-      isAtEnd = settings.feed.scrollTop + feedRect.height >= settings.feed.scrollHeight - 1;
-      shouldHideScrollbar = settings.feed.scrollHeight <= feedRect.height;
-    } else {
-      isAtStart = settings.feed.scrollLeft <= 1;
-      isAtEnd = settings.feed.scrollLeft + feedRect.width >= settings.feed.scrollWidth - 1;
-      shouldHideScrollbar = settings.feed.scrollWidth <= feedRect.width;
-    }
-    if (settings.scrollbarTrack) {
-      settings.scrollbarTrack.style.display = shouldHideScrollbar ? "none" : "block";
-    }
-    if (settings.loop) {
-      toggleControlVisibility(
-        settings.prevSlideButton,
-        !shouldHideScrollbar,
-        settings.feed
-      );
-      toggleControlVisibility(
-        settings.nextSlideButton,
-        !shouldHideScrollbar,
-        settings.feed
-      );
-      return;
-    }
-    toggleControlVisibility(
-      settings.prevSlideButton,
-      !isAtStart && !shouldHideScrollbar,
-      settings.feed
-    );
-    toggleControlVisibility(
-      settings.nextSlideButton,
-      !isAtEnd && !shouldHideScrollbar,
-      settings.feed
-    );
-  };
-  const updateCurrentSlideIndex = () => {
-    const feedRect = getFeedRect();
-    const slidesToCheck = loopState.initialized ? loopState.realSlides : getVisibleSlides();
-    const viewportVisibleSlides = slidesToCheck.filter((slide) => {
-      const slideRect = slide.getBoundingClientRect();
-      const tolerance = 20;
-      if (isVertical) {
-        return slideRect.bottom > feedRect.top + tolerance && slideRect.top < feedRect.bottom - tolerance;
-      }
-      return slideRect.right > feedRect.left + tolerance && slideRect.left < feedRect.right - tolerance;
-    });
-    if (viewportVisibleSlides.length && viewportVisibleSlides[0]) {
-      const newIndex = slidesToCheck.indexOf(viewportVisibleSlides[0]);
-      if (newIndex !== -1) {
-        state.currentSlideIndex = newIndex;
-        const currentScroll = isVertical ? settings.feed.scrollTop : settings.feed.scrollLeft;
-        settings.onScroll?.({
-          currentScroll,
-          currentSlideIndex: state.currentSlideIndex
-        });
-      }
-    }
-  };
-  const smoothScrollTo = (target, customEasing = easing, onComplete) => {
-    const start = isVertical ? settings.feed.scrollTop : settings.feed.scrollLeft;
-    const distance = Math.abs(target - start);
-    const duration = Math.min(
-      ANIMATION.MAX_DURATION,
-      Math.max(ANIMATION.MIN_DURATION, distance / ANIMATION.SPEED_FACTOR)
-    );
-    const startTime = performance.now();
-    const animateScroll = (currentTime) => {
-      const elapsed = (currentTime - startTime) / duration;
-      const progress = Math.min(elapsed, 1);
-      const ease = customEasing(progress);
-      const scrollPosition = start + (target - start) * ease;
-      if (isVertical) {
-        settings.feed.scrollTop = scrollPosition;
-      } else {
-        settings.feed.scrollLeft = scrollPosition;
-      }
-      if (progress < 1) {
-        requestAnimationFrame(animateScroll);
-      } else {
-        if (isVertical) {
-          settings.feed.scrollTop = target;
-        } else {
-          settings.feed.scrollLeft = target;
-        }
-        onComplete?.();
-      }
-    };
-    requestAnimationFrame(animateScroll);
-  };
-  const handleThumbClick = (thumb) => {
-    if (!settings.thumbs) return;
-    const index = settings.thumbs.indexOf(thumb);
-    if (index === -1 || !settings.slides[index]) return;
-    state.currentSlideIndex = index;
-    updateActiveThumb(settings.thumbs, index);
-    state.isScrolling = true;
-    if (state.updateThumbTimeout) {
-      clearTimeout(state.updateThumbTimeout);
-    }
-    state.updateThumbTimeout = setTimeout(() => {
-      state.isScrolling = false;
-    }, ANIMATION.THUMB_UPDATE_DELAY);
-    const targetPosition = isVertical ? settings.slides[index].offsetTop : settings.slides[index].offsetLeft;
-    smoothScrollTo(targetPosition);
-  };
-  const handleNavButtonClick = (navDirection) => {
-    const realSlides = loopState.initialized ? loopState.realSlides : getVisibleSlides();
-    const slidesToScroll = isDesktop() ? settings.desktopSlidesPerScroll ?? 1 : settings.mobileSlidesPerScroll ?? 1;
-    const totalRealSlides = realSlides.length;
-    updateCurrentSlideIndex();
-    let targetSlide;
-    let needsReposition = false;
-    if (navDirection === "prev") {
-      if (settings.loop && loopState.initialized && state.currentSlideIndex === 0) {
-        const prependedClones = loopState.clonedSlides.filter(
-          (clone) => clone.getAttribute("data-lazer-clone") === "prepend"
-        );
-        targetSlide = prependedClones[prependedClones.length - 1];
-        needsReposition = true;
-      } else {
-        state.currentSlideIndex = Math.max(0, state.currentSlideIndex - slidesToScroll);
-        targetSlide = realSlides[state.currentSlideIndex];
-      }
-    } else {
-      if (settings.loop && loopState.initialized && state.currentSlideIndex >= totalRealSlides - 1) {
-        const appendedClones = loopState.clonedSlides.filter(
-          (clone) => clone.getAttribute("data-lazer-clone") === "append"
-        );
-        targetSlide = appendedClones[0];
-        needsReposition = true;
-      } else {
-        state.currentSlideIndex = Math.min(
-          totalRealSlides - 1,
-          state.currentSlideIndex + slidesToScroll
-        );
-        targetSlide = realSlides[state.currentSlideIndex];
-      }
-    }
-    if (!targetSlide) return;
-    const currentScroll = isVertical ? settings.feed.scrollTop : settings.feed.scrollLeft;
-    settings.onScrollStart?.({
-      currentScroll,
-      target: targetSlide,
-      direction: navDirection
-    });
-    const targetPosition = isVertical ? targetSlide.offsetTop : targetSlide.offsetLeft;
-    if (needsReposition) {
-      smoothScrollTo(targetPosition, easing, () => {
-        handleLoopReposition(navDirection);
-      });
-    } else {
-      smoothScrollTo(targetPosition);
-    }
-  };
-  const updateScrollPosition = () => {
-    updateScrollbarPosition();
-    updateControlsVisibility();
-    updateCurrentSlideIndex();
-    if (!state.isScrolling) {
-      updateActiveThumb(settings.thumbs, state.currentSlideIndex);
-    }
-    if (state.scrollEndTimeout) {
-      clearTimeout(state.scrollEndTimeout);
-    }
-    state.scrollEndTimeout = setTimeout(() => {
-      state.isScrolling = false;
-      const currentScroll = isVertical ? settings.feed.scrollTop : settings.feed.scrollLeft;
-      settings.onScrollEnd?.({
-        currentScroll,
-        currentSlideIndex: state.currentSlideIndex
-      });
-    }, ANIMATION.SCROLL_END_DELAY);
-  };
-  const handleFeedScroll = () => {
-    if (!state.ticking) {
-      requestAnimationFrame(() => {
-        updateScrollPosition();
-        state.ticking = false;
-      });
-      state.ticking = true;
-    }
-  };
-  const handleWindowResize = () => {
-    state.cachedFeedRect = null;
-    refresh();
-  };
-  const attachEventListeners = () => {
-    const { signal } = state.abortController;
-    window.addEventListener("resize", handleWindowResize);
-    settings.feed.addEventListener("scroll", handleFeedScroll, {
-      passive: true,
-      signal
-    });
-    if (settings.prevSlideButton) {
-      settings.prevSlideButton.addEventListener(
-        "click",
-        () => handleNavButtonClick("prev"),
-        { signal }
-      );
-    }
-    if (settings.nextSlideButton) {
-      settings.nextSlideButton.addEventListener(
-        "click",
-        () => handleNavButtonClick("next"),
-        { signal }
-      );
-    }
-    if (settings.thumbs?.length) {
-      settings.thumbs[0]?.classList.add("active");
-      settings.thumbs.forEach((thumb) => {
-        thumb.addEventListener("click", () => handleThumbClick(thumb), { signal });
-      });
-    }
-    setupKeyboardNavigation(
-      settings.feed,
-      () => handleNavButtonClick("prev"),
-      () => handleNavButtonClick("next"),
-      signal,
-      direction
-    );
-    if (settings.enableDragToScroll !== false) {
-      dragState = setupDragToScroll({
-        feed: settings.feed,
-        slides: settings.slides,
-        abortSignal: signal,
-        smoothScrollTo,
-        onDragEnd: () => {
-          updateCurrentSlideIndex();
-          updateActiveThumb(settings.thumbs, state.currentSlideIndex);
-        },
-        direction
-      });
-    }
-    if (settings.autoplay && settings.pauseOnHover !== false) {
-      settings.feed.addEventListener(
-        "mouseenter",
-        pauseAutoplay,
-        { signal }
-      );
-      settings.feed.addEventListener(
-        "mouseleave",
-        resumeAutoplay,
-        { signal }
-      );
-      settings.feed.addEventListener(
-        "touchstart",
-        pauseAutoplay,
-        { passive: true, signal }
-      );
-      settings.feed.addEventListener(
-        "touchend",
-        resumeAutoplay,
-        { signal }
-      );
-    }
-    attachMarqueeEventListeners(settings, state, signal);
-  };
-  const startAutoplay = () => {
-    if (state.autoplayIntervalId) return;
-    const interval = settings.autoplayInterval ?? 3e3;
-    state.autoplayIntervalId = setInterval(() => {
-      if (!state.autoplayPaused) {
-        handleNavButtonClick("next");
-      }
-    }, interval);
-  };
-  const stopAutoplay = () => {
-    if (state.autoplayIntervalId) {
-      clearInterval(state.autoplayIntervalId);
-      state.autoplayIntervalId = null;
-    }
-  };
-  const pauseAutoplay = () => {
-    state.autoplayPaused = true;
-  };
-  const resumeAutoplay = () => {
-    state.autoplayPaused = false;
-  };
-  const goToIndex = (index) => {
-    const slides = loopState.initialized ? loopState.realSlides : getVisibleSlides();
-    const safeIndex = Math.max(0, Math.min(index, slides.length - 1));
-    const targetSlide = slides[safeIndex];
-    if (!targetSlide) return;
-    state.currentSlideIndex = safeIndex;
-    updateActiveThumb(settings.thumbs, safeIndex);
-    const targetPosition = isVertical ? targetSlide.offsetTop : targetSlide.offsetLeft;
-    smoothScrollTo(targetPosition);
-  };
-  const refresh = () => {
-    state.cachedFeedRect = null;
-    applySlideWidths();
-    updateScrollbar();
-    updateControlsVisibility();
-    if (settings.marquee && !state.marqueePaused) {
-      startMarquee(settings, state);
-    }
-  };
-  const unload = () => {
-    stopAutoplay();
-    stopMarquee(state, settings);
-    state.abortController.abort();
-    window.removeEventListener("resize", handleWindowResize);
-    if (state.updateThumbTimeout) {
-      clearTimeout(state.updateThumbTimeout);
-    }
-    if (state.scrollEndTimeout) {
-      clearTimeout(state.scrollEndTimeout);
-    }
-    if (dragState) {
-      cleanupDrag(dragState);
-    }
-    cleanupLoopClones();
-    cleanupMarqueeClones(marqueeState);
-    state.cachedFeedRect = null;
-  };
-  initAria(settings);
-  applySlideWidths();
-  if (settings.marquee) {
-    setupMarquee(settings, state, marqueeState);
-  } else {
-    setupLoopClones();
-    if (settings.autoplay) {
-      startAutoplay();
-    }
-  }
-  updateControlsVisibility();
-  attachEventListeners();
-  updateScrollbar();
-  const play = () => {
-    if (settings.marquee) {
-      if (state.marqueePaused) {
-        resumeMarquee(state, settings);
-      } else {
-        startMarquee(settings, state);
-      }
-    } else if (settings.autoplay) {
-      startAutoplay();
-    }
-  };
-  const pause = () => {
-    if (settings.marquee) {
-      pauseMarquee(state, settings);
-    } else {
-      stopAutoplay();
-    }
-  };
-  return {
-    goToIndex,
-    refresh,
-    unload,
-    play,
-    pause,
-    next: () => handleNavButtonClick("next"),
-    prev: () => handleNavButtonClick("prev")
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createSlider,
-  easeInOutCubic,
-  easeOutCubic,
-  easeOutExpo,
-  easeOutQuad,
-  generateBullets,
-  generateThumbs,
-  injectStyles,
-  linear,
-  removeStyles
-});
-//# sourceMappingURL=index.cjs.map
+  `,document.head.appendChild(r),r},Le=(e,r)=>{r.initialized||(r.styleElement=oe(),e.feed.style.display="flex",e.feed.style.willChange="transform",e.slides.forEach(o=>{let t=o.cloneNode(true);t.setAttribute("data-lazer-marquee-clone","true"),t.setAttribute("aria-hidden","true"),e.feed.appendChild(t),r.clonedSlides.push(t);}),r.initialized=true);},ie=e=>{e.initialized&&(e.clonedSlides.forEach(r=>{r.remove();}),e.clonedSlides=[],e.initialized=false);},Ae=(e,r)=>{oe(),requestAnimationFrame(()=>{let o=e.feed.scrollWidth,t=e.marqueeSpeed??50,u=e.marqueeDirection??"left",n=o/2;if(n<=0||t<=0){console.warn("[lazer-slider] Invalid marquee values:",{distance:n,speed:t,scrollWidth:o});return}let S=`lazer-marquee-scroll ${n/t}s linear infinite ${u==="right"?"reverse":"normal"}`;e.feed.style.animation="none",e.feed.offsetWidth,e.feed.style.animation=S,e.feed.style.animationPlayState=r.marqueePaused?"paused":"running";});},F=(e,r)=>{Ae(e,r);},ne=(e,r)=>{r.feed.style.animation="",r.feed.style.animationPlayState="",r.feed.style.transform="",r.feed.style.willChange="";},R=(e,r)=>{e.marqueePaused=true,r.feed.style.animationPlayState="paused";},z=(e,r)=>{e.marqueePaused=false,r.feed.style.animationPlayState="running";},ae=(e,r,o)=>{e.marquee&&(Le(e,o),F(e,r));},de=(e,r,o)=>{!e.marquee||e.pauseOnHover===false||(e.feed.addEventListener("mouseenter",()=>R(r,e),{signal:o}),e.feed.addEventListener("mouseleave",()=>z(r,e),{signal:o}),e.feed.addEventListener("touchstart",()=>R(r,e),{passive:true,signal:o}),e.feed.addEventListener("touchend",()=>z(r,e),{signal:o}));};var H={MIN_DURATION:400,MAX_DURATION:1e3,SPEED_FACTOR:1.5,SCROLL_END_DELAY:50,THUMB_UPDATE_DELAY:500},xe="(min-width: 64rem)",Me=e=>{if(!e.feed)throw new Error("lazer-slider: feed element is required");if(!e.slides?.length)throw new Error("lazer-slider: slides array is required and must not be empty");if(e.feed.id||(e.feed.id=`lazer-slider-feed-${Math.random().toString(36).substr(2,9)}`),e.bulletsContainer&&!e.thumbs){let l=k({bulletsContainer:e.bulletsContainer,slides:e.slides,bulletClass:e.bulletsClass??"slider-bullet",bulletActiveClass:e.bulletsActiveClass??"active",feedId:e.feed.id});e.thumbs=l;}if(e.thumbsContainer&&!e.thumbs){let l=$({thumbsContainer:e.thumbsContainer,slides:e.slides,thumbClass:e.thumbsClass??"slider-thumb",thumbActiveClass:e.thumbsActiveClass??"active",feedId:e.feed.id,thumbImageSelector:e.thumbImageSelector??"img",thumbSize:e.thumbSize});e.thumbs=l;}let r=e.direction??"horizontal",o=r==="vertical",t={currentSlideIndex:0,isScrolling:false,ticking:false,cachedFeedRect:null,lastWidth:0,updateThumbTimeout:null,scrollEndTimeout:null,abortController:new AbortController,autoplayIntervalId:null,autoplayPaused:false,marqueePaused:false,isLoopRepositioning:false},u=null,n={initialized:false,clonedSlides:[],realSlides:[...e.slides],clonesPerSide:0},f=le(),i=e.easing??O,S=()=>{let l=o?e.feed.clientHeight:e.feed.clientWidth;return (!t.cachedFeedRect||t.lastWidth!==l)&&(t.cachedFeedRect=e.feed.getBoundingClientRect(),t.lastWidth=l),t.cachedFeedRect},h=()=>e.slides.filter(l=>l.offsetParent!==null),p=()=>window.matchMedia(xe).matches,b=()=>{let l=p()?e.desktopSlidesPerView:e.mobileSlidesPerView;return !l||l==="auto"?1:Math.ceil(l)},m=()=>{if(!e.loop||n.initialized)return;let l=n.realSlides,d=b();n.clonesPerSide=d;for(let c=l.length-d;c<l.length;c++){let a=l[c];if(!a)continue;let s=a.cloneNode(true);s.setAttribute("data-lazer-clone","prepend"),s.setAttribute("aria-hidden","true"),e.feed.insertBefore(s,e.feed.firstChild),n.clonedSlides.push(s);}for(let c=0;c<d;c++){let a=l[c];if(!a)continue;let s=a.cloneNode(true);s.setAttribute("data-lazer-clone","append"),s.setAttribute("aria-hidden","true"),e.feed.appendChild(s),n.clonedSlides.push(s);}requestAnimationFrame(()=>{let c=l[0];c&&(o?e.feed.scrollTop=c.offsetTop:e.feed.scrollLeft=c.offsetLeft);}),n.initialized=true;},T=l=>{if(!e.loop||!n.initialized)return;t.isLoopRepositioning=true;let d=n.realSlides,c=d.length;if(l==="next"){let a=d[0];a&&(o?e.feed.scrollTop=a.offsetTop:e.feed.scrollLeft=a.offsetLeft),t.currentSlideIndex=0;}else {let a=d[c-1];a&&(o?e.feed.scrollTop=a.offsetTop:e.feed.scrollLeft=a.offsetLeft),t.currentSlideIndex=c-1;}requestAnimationFrame(()=>{requestAnimationFrame(()=>{t.isLoopRepositioning=false,q();});});},v=()=>{n.initialized&&(n.clonedSlides.forEach(l=>{l.remove();}),n.clonedSlides=[],n.initialized=false,n.clonesPerSide=0);},A=()=>{let l=p()?e.desktopSlidesPerView:e.mobileSlidesPerView,d=e.slideGap??0;if(d>0&&(e.feed.style.gap=`${d}px`),!l||l==="auto"){e.slides.forEach(s=>{s.style.flex="",s.style.minWidth="",s.style.minHeight="";});return}let a=`calc((100% - ${d*(l-1)}px) / ${l})`;o?e.slides.forEach(s=>{s.style.flex=`0 0 ${a}`,s.style.minHeight=a,s.style.minWidth="";}):e.slides.forEach(s=>{s.style.flex=`0 0 ${a}`,s.style.minWidth=a,s.style.minHeight="";});},E=()=>{if(!e.scrollbarThumb)return;let l=S();if(o){let d=l.height/e.feed.scrollHeight*100;e.scrollbarThumb.style.height=`${d}%`,e.scrollbarThumb.style.width="";}else {let d=l.width/e.feed.scrollWidth*100;e.scrollbarThumb.style.width=`${d}%`,e.scrollbarThumb.style.height="";}},x=()=>{if(!(!e.scrollbarThumb||!e.scrollbarTrack))if(o){let l=e.scrollbarTrack.getBoundingClientRect().height,d=e.scrollbarThumb.getBoundingClientRect().height,c=l-d,a=e.feed.scrollHeight-e.feed.clientHeight,s=a>0?e.feed.scrollTop/a:0;e.scrollbarThumb.style.transform=`translateY(${c*s}px)`;}else {let l=e.scrollbarTrack.getBoundingClientRect().width,d=e.scrollbarThumb.getBoundingClientRect().width,c=l-d,a=e.feed.scrollWidth-e.feed.clientWidth,s=a>0?e.feed.scrollLeft/a:0;e.scrollbarThumb.style.transform=`translateX(${c*s}px)`;}},q=()=>{if(t.isLoopRepositioning)return;let l=S(),d,c,a;if(o?(d=e.feed.scrollTop<=1,c=e.feed.scrollTop+l.height>=e.feed.scrollHeight-1,a=e.feed.scrollHeight<=l.height):(d=e.feed.scrollLeft<=1,c=e.feed.scrollLeft+l.width>=e.feed.scrollWidth-1,a=e.feed.scrollWidth<=l.width),e.scrollbarTrack&&(e.scrollbarTrack.style.display=a?"none":"block"),e.loop){C(e.prevSlideButton,!a,e.feed),C(e.nextSlideButton,!a,e.feed);return}C(e.prevSlideButton,!d&&!a,e.feed),C(e.nextSlideButton,!c&&!a,e.feed);},B=()=>{let l=S(),d=n.initialized?n.realSlides:h(),c=d.filter(a=>{let s=a.getBoundingClientRect(),y=20;return o?s.bottom>l.top+y&&s.top<l.bottom-y:s.right>l.left+y&&s.left<l.right-y});if(c.length&&c[0]){let a=d.indexOf(c[0]);if(a!==-1){t.currentSlideIndex=a;let s=o?e.feed.scrollTop:e.feed.scrollLeft;e.onScroll?.({currentScroll:s,currentSlideIndex:t.currentSlideIndex});}}},M=(l,d=i,c)=>{let a=o?e.feed.scrollTop:e.feed.scrollLeft,s=Math.abs(l-a),y=Math.min(H.MAX_DURATION,Math.max(H.MIN_DURATION,s/H.SPEED_FACTOR)),N=performance.now(),g=I=>{let w=(I-N)/y,G=Math.min(w,1),he=d(G),j=a+(l-a)*he;o?e.feed.scrollTop=j:e.feed.scrollLeft=j,G<1?requestAnimationFrame(g):(o?e.feed.scrollTop=l:e.feed.scrollLeft=l,c?.());};requestAnimationFrame(g);},se=l=>{if(!e.thumbs)return;let d=e.thumbs.indexOf(l);if(d===-1||!e.slides[d])return;t.currentSlideIndex=d,D(e.thumbs,d),t.isScrolling=true,t.updateThumbTimeout&&clearTimeout(t.updateThumbTimeout),t.updateThumbTimeout=setTimeout(()=>{t.isScrolling=false;},H.THUMB_UPDATE_DELAY);let c=o?e.slides[d].offsetTop:e.slides[d].offsetLeft;M(c);},L=l=>{let d=n.initialized?n.realSlides:h(),c=p()?e.desktopSlidesPerScroll??1:e.mobileSlidesPerScroll??1,a=d.length;B();let s,y=false;if(l==="prev")if(e.loop&&n.initialized&&t.currentSlideIndex===0){let I=n.clonedSlides.filter(w=>w.getAttribute("data-lazer-clone")==="prepend");s=I[I.length-1],y=true;}else t.currentSlideIndex=Math.max(0,t.currentSlideIndex-c),s=d[t.currentSlideIndex];else e.loop&&n.initialized&&t.currentSlideIndex>=a-1?(s=n.clonedSlides.filter(w=>w.getAttribute("data-lazer-clone")==="append")[0],y=true):(t.currentSlideIndex=Math.min(a-1,t.currentSlideIndex+c),s=d[t.currentSlideIndex]);if(!s)return;let N=o?e.feed.scrollTop:e.feed.scrollLeft;e.onScrollStart?.({currentScroll:N,target:s,direction:l});let g=o?s.offsetTop:s.offsetLeft;y?M(g,i,()=>{T(l);}):M(g);},ce=()=>{x(),q(),B(),t.isScrolling||D(e.thumbs,t.currentSlideIndex),t.scrollEndTimeout&&clearTimeout(t.scrollEndTimeout),t.scrollEndTimeout=setTimeout(()=>{t.isScrolling=false;let l=o?e.feed.scrollTop:e.feed.scrollLeft;e.onScrollEnd?.({currentScroll:l,currentSlideIndex:t.currentSlideIndex});},H.SCROLL_END_DELAY);},ue=()=>{t.ticking||(requestAnimationFrame(()=>{ce(),t.ticking=false;}),t.ticking=true);},W=()=>{t.cachedFeedRect=null,U();},fe=()=>{let{signal:l}=t.abortController;window.addEventListener("resize",W),e.feed.addEventListener("scroll",ue,{passive:true,signal:l}),e.prevSlideButton&&e.prevSlideButton.addEventListener("click",()=>L("prev"),{signal:l}),e.nextSlideButton&&e.nextSlideButton.addEventListener("click",()=>L("next"),{signal:l}),e.thumbs?.length&&(e.thumbs[0]?.classList.add("active"),e.thumbs.forEach(d=>{d.addEventListener("click",()=>se(d),{signal:l});})),Q(e.feed,()=>L("prev"),()=>L("next"),l,r),e.enableDragToScroll!==false&&(u=te({feed:e.feed,slides:e.slides,abortSignal:l,smoothScrollTo:M,onDragEnd:()=>{B(),D(e.thumbs,t.currentSlideIndex);},direction:r})),e.autoplay&&e.pauseOnHover!==false&&(e.feed.addEventListener("mouseenter",Y,{signal:l}),e.feed.addEventListener("mouseleave",_,{signal:l}),e.feed.addEventListener("touchstart",Y,{passive:true,signal:l}),e.feed.addEventListener("touchend",_,{signal:l})),de(e,t,l);},V=()=>{if(t.autoplayIntervalId)return;let l=e.autoplayInterval??3e3;t.autoplayIntervalId=setInterval(()=>{t.autoplayPaused||L("next");},l);},X=()=>{t.autoplayIntervalId&&(clearInterval(t.autoplayIntervalId),t.autoplayIntervalId=null);},Y=()=>{t.autoplayPaused=true;},_=()=>{t.autoplayPaused=false;},me=l=>{let d=n.initialized?n.realSlides:h(),c=Math.max(0,Math.min(l,d.length-1)),a=d[c];if(!a)return;t.currentSlideIndex=c,D(e.thumbs,c);let s=o?a.offsetTop:a.offsetLeft;M(s);},U=()=>{t.cachedFeedRect=null,A(),E(),q(),e.marquee&&!t.marqueePaused&&F(e,t);},pe=()=>{X(),ne(t,e),t.abortController.abort(),window.removeEventListener("resize",W),t.updateThumbTimeout&&clearTimeout(t.updateThumbTimeout),t.scrollEndTimeout&&clearTimeout(t.scrollEndTimeout),u&&re(u),v(),ie(f),t.cachedFeedRect=null;};return K(e),A(),e.marquee?ae(e,t,f):(m(),e.autoplay&&V()),q(),fe(),E(),{goToIndex:me,refresh:U,unload:pe,play:()=>{e.marquee?t.marqueePaused?z(t,e):F(e,t):e.autoplay&&V();},pause:()=>{e.marquee?R(t,e):X();},next:()=>L("next"),prev:()=>L("prev")}};exports.createSlider=Me;exports.easeInOutCubic=Se;exports.easeOutCubic=P;exports.easeOutExpo=O;exports.easeOutQuad=be;exports.generateBullets=k;exports.generateThumbs=$;exports.linear=ve;