@inizioevoke/astro-core 1.6.5 → 2.0.0

package/src/components/ScrollContainer/archive-20260417.ts

@@ -1,150 +0,0 @@
-
-export interface IScrollContainer {
-  container: HTMLElement;
-  content: HTMLElement;
-  track: HTMLElement;
-  thumb: HTMLElement;
-  isDragging: boolean;
-  startY: number;
-  startScrollTop: number;
-}
-
-export function resize(scrollContainer: IScrollContainer, { height }: { height?: number }) {
-  if (typeof height == 'number') {
-    scrollContainer.container.style.height = `${height}px`;
-    refresh(scrollContainer);
-  }
-}
-
-export function refresh(scrollContainer?: IScrollContainer) {
-  if (scrollContainer) {
-    updateThumbSize(scrollContainer);
-  } else {
-    [...scrollContainers.values()].forEach((scrollContainer) => {
-      updateThumbSize(scrollContainer);
-    });
-  }
-}
-
-export function getScroll(scrollContainer: IScrollContainer): { left: number, top: number } {
-  return {
-    left: scrollContainer.content.scrollLeft,
-    top: scrollContainer.content.scrollTop
-  };
-}
-export function scroll(scrollContainer: IScrollContainer, { left, top, behavior = 'auto' }: { left?: number, top?: number, behavior?: 'auto' | 'instant' | 'smooth' } = {}) {
-  const current = getScroll(scrollContainer);
-  scrollContainer.content.scroll({ left: left ?? current.left, top: top ?? current.top, behavior });
-}
-
-export function getScrollContainer(selector: string | HTMLElement): IScrollContainer | undefined {
-  const key = typeof selector == 'string' ? document.querySelector<HTMLElement>(selector) : selector;
-  return key ? scrollContainers.get(key) : undefined;
-}
-
-function thumbMouseDown(scrollContainer: IScrollContainer, e: MouseEvent) {
-  scrollContainer.isDragging = true;
-  scrollContainer.startY = e.clientY;
-  scrollContainer.startScrollTop = scrollContainer.content.scrollTop;
-  scrollContainer.thumb.style.cursor = 'grabbing';
-}
-
-function updateThumbSize(scrollContainer: IScrollContainer) {
-  const { container, content, thumb, track } = scrollContainer;
-  const scrollHeight = content.scrollHeight - getPaddingY(content);
-  const containerHeight = container.clientHeight - getPaddingY(container);
-  const visibleRatio = containerHeight / scrollHeight;
-  const thumbHeight = visibleRatio * containerHeight;
-  thumb.style.height = `${thumbHeight > 20 ? thumbHeight : 20}px`;
-  track.style.display = visibleRatio < 1 ? 'block' : 'none';
-}
-
-function scrollContent(scrollContainer: IScrollContainer) {
-  const { container, content, thumb, track } = scrollContainer;
-  const scrollHeight = content.scrollHeight - getPaddingY(content);
-  const containerHeight = container.clientHeight - getPaddingY(container);
-  const scrollRatio = content.scrollTop / (scrollHeight - containerHeight);
-  const top = scrollRatio * (track.clientHeight - thumb.clientHeight);
-  thumb.style.top = `${top}px`;
-}
-
-function getPaddingY(content: HTMLElement): number {
-  const style = getComputedStyle(content);
-  return parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
-}
-
-function getScrollContainerElement(element: HTMLElement) {
-  let container = element;
-  while (container && !container.classList.contains('scroll-container')) {
-    container = container.parentElement as HTMLElement;
-  }
-  return container;
-}
-
-function createScrollContainer(container: HTMLElement): IScrollContainer {
-  return {
-    container: container,
-    content: container.querySelector('.evo-scroll-content') as HTMLElement,
-    track: container.querySelector('.evo-scroll-track') as HTMLElement,
-    thumb: container.querySelector('.evo-scroll-thumb') as HTMLElement,
-    isDragging: false,
-    startY: 0,
-    startScrollTop: 0
-  };
-}
-
-const scrollContainers = new Map<HTMLElement, IScrollContainer>();
-
-const intersectionObserver = new IntersectionObserver((entries) => {
-    entries.forEach((entry) => {
-      if (entry.isIntersecting) {
-        updateThumbSize(scrollContainers.get(entry.target as HTMLElement) as IScrollContainer);
-      }
-    });
-  },
-  { threshold: 0.1 }
-);
-
-const mutationObserver = new MutationObserver((mutations) => {
-  const containers: IScrollContainer[] = [];
-  mutations.forEach((mutation) => {
-    const sc = scrollContainers.get(getScrollContainerElement(mutation.target as HTMLElement));
-    if (sc && !containers.includes(sc)) {
-      containers.push(sc);
-    }
-  });
-  containers.forEach((container) => {
-    updateThumbSize(container);
-  });
-});
-
-document.querySelectorAll<HTMLElement>('.evo-scroll-container').forEach((container) => {
-  const scrollContainer = createScrollContainer(container);
-  scrollContainers.set(container, scrollContainer);
-  scrollContainer.thumb.addEventListener('mousedown', (e) => { thumbMouseDown(scrollContainer, e); }, { passive: true });
-  scrollContainer.content.addEventListener('scroll', (e) => { scrollContent(scrollContainer); }, { passive: true });
-  intersectionObserver.observe(container);
-  mutationObserver.observe(container, { childList: true, subtree: true });
-});
-document.addEventListener('mousemove', (e) => {
-  [...scrollContainers.values()].forEach((scrollContainer) => {
-    if (!scrollContainer.isDragging) return;
-    const { container, content, thumb } = scrollContainer;
-    const deltaY = e.clientY - scrollContainer.startY;
-    const scrollRatio =
-      (content.scrollHeight - container.clientHeight) /
-      (container.clientHeight - thumb.clientHeight);
-    scrollContainer.content.scrollTop = scrollContainer.startScrollTop + deltaY * scrollRatio;
-  });
-});
-document.addEventListener('mouseup', () => {
-  [...scrollContainers.values()].forEach((scrollContainer) => {
-    scrollContainer.isDragging = false;
-    scrollContainer.thumb.style.cursor = 'grab';
-  });
-});
-window.addEventListener('resize', () => {
-  [...scrollContainers.values()].forEach((scrollContainer) => {
-    updateThumbSize(scrollContainer);
-  });
-});

package/src/components/v2.ts

@@ -1,3 +0,0 @@
-export { default as Modal } from './Modal/v2/Modal.astro';
-export { default as ModalOverlay } from './Modal/v2/ModalOverlay.astro';
-export { default as ModalTrigger } from './Modal/v2/ModalTrigger.astro';

package/src/lib/swipe.ts

@@ -1,109 +0,0 @@
-export type SwipeDirection = 'left' | 'right' | 'up' | 'down';
-export type SwipeThreshold = '1/4' | '1/3' | '1/2' | number;
-
-export interface OnSwipeHandlerArgs {
-  direction: SwipeDirection;
-  threshold: number;
-  distance: {
-    x: number;
-    y: number;
-  },
-  duration: number;
-}
-export type OnSwipeHandler = (args: OnSwipeHandlerArgs) => void;
-
-export interface SwipeController {
-  enable: () => void;
-  disable: () => void;
-  dispose: () => void;
-}
-
-export default function onSwipe(direction: SwipeDirection, swipeThreshold: SwipeThreshold, handler: OnSwipeHandler): SwipeController {
-  const threshold: number = typeof swipeThreshold == 'number' ? swipeThreshold : (() => {
-    const ratios: Record<string, number> = { '1/4': 0.25, '1/3': 0.333, '1/2': 0.5 };
-    switch (direction) {
-      case 'up':
-      case 'down':
-        return Math.round(screen.height * (ratios[swipeThreshold] ?? ratios['1/3']));
-      default:
-        return Math.round(screen.width * (ratios[swipeThreshold] ?? ratios['1/3']));
-    }
-  })();
-
-  let listening = false;
-  let x: number = NaN;
-  let y: number = NaN;
-  let start: number = NaN;
-
-  const handleSwipe = (deltaX: number, deltaY: number, duration: number) => {
-    let flag = false;
-    switch (direction) {
-      case 'up':
-        flag = Math.abs(deltaY) >= threshold && Math.abs(deltaX) < threshold && deltaY > 0;
-        break;
-      case 'down':
-        flag = Math.abs(deltaY) >= threshold && Math.abs(deltaX) < threshold && deltaY < 0;
-        break;
-      case 'left':
-        flag = Math.abs(deltaX) >= threshold && Math.abs(deltaY) < threshold && deltaX > 0;
-        break;
-      case 'right':
-        flag = Math.abs(deltaX) >= threshold && Math.abs(deltaY) < threshold && deltaX < 0;
-        break;
-    }
-    if (flag) {
-      try {
-        handler({ direction, threshold, distance: { x: deltaX, y: deltaY }, duration});
-      } catch (err) {
-        console.error(err);
-      }
-    }
-  }
-
-  const touchstart = (e: TouchEvent) => {
-    if (!listening) return;
-    if (e.touches.length === 1 && isNaN(x)) {
-      start = performance.now();
-      x = e.touches[0].clientX;
-      y = e.touches[0].clientY;
-    } else {
-      start = NaN;
-      x = NaN;
-      y = NaN;
-    }
-  };
-
-  const touchend = (e: TouchEvent) => {
-    if (!listening) return;
-    if (e.changedTouches.length === 1 && !isNaN(x) && !isNaN(y)) {
-      const deltaX = x - e.changedTouches[0].clientX;
-      const deltaY = y - e.changedTouches[0].clientY;
-      handleSwipe(deltaX, deltaY, performance.now() - start);
-      x = NaN;
-      y = NaN;
-      start = NaN;
-    }
-  };
-
-  const enable = () => {
-    if (!listening) {
-      listening = true;
-      window.addEventListener('touchstart', touchstart, { passive: true });
-      window.addEventListener('touchend', touchend, { passive: true });
-    }
-  };
-
-  const disable = () => {
-    listening = false;
-    window.removeEventListener('touchstart', touchstart);
-    window.removeEventListener('touchend', touchend);
-  };
-
-  enable();
-
-  return {
-    enable,
-    disable,
-    dispose: disable
-  };
-}

package/src/lib/v2.ts

@@ -1 +0,0 @@
-export * as Modal from '../components/Modal/v2/Modal';