@yatoday/astro-ui 0.17.16 → 0.17.18

package/components/SwiperSlider/SwiperSlider.astro

@@ -18,10 +18,6 @@ const {
     space-between="10"
     centered-slides="true"
     slides-per-view="1.2"
-    prevent-clicks="true"
-    prevent-clicks-propagation="true"
-    threshold="10"
-    touch-start-prevent-default="false"
     navigation={withNavigation
       ? JSON.stringify({
           nextEl: `#btn-next-${id}`,
@@ -96,9 +92,6 @@ const {
   swiper-slide {
     touch-action: pan-y pinch-zoom;
   }
-  swiper-slide a {
-    touch-action: pan-y pinch-zoom;
-  }
 </style>
 
 <script>

package/components/SwiperSlider/SwiperSlider.svelte

@@ -23,10 +23,6 @@
     space-between="10"
     centered-slides="true"
     slides-per-view="1.2"
-    prevent-clicks="true"
-    prevent-clicks-propagation="true"
-    threshold="10"
-    touch-start-prevent-default="false"
     navigation={withNavigation
       ? JSON.stringify({
           nextEl: `#btn-next-${id}`,

package/components/WidgetHero0/WidgetHero0.astro

@@ -30,6 +30,7 @@ const { container: containerClass = '', bg: bgClass = '' } = classes;
   <div class={cn('relative z-30', Astro.slots.has('default') && 'grid grid-cols-3 gap-6')}>
     <div class={cn(Astro.slots.has('default') && 'col-span-2')}>
       <Headline
+        position={position}
         title={title}
         subtitle={subtitle}
         tagline={tagline}

package/components/WidgetHeroSlider/WidgetHeroSlider.astro

@@ -78,10 +78,12 @@ const {
     right: var(--swiper-pagination-right, 1.5rem);
     top: var(--swiper-pagination-top, auto);
     bottom: var(--swiper-pagination-bottom, 1.5rem);
+    pointer-events: none;
   }
 
   swiper-container::part(bullet),
   swiper-container::part(bullet-active) {
+    pointer-events: auto;
     width: var(--swiper-pagination-bullet-size, 8px);
     height: var(--swiper-pagination-bullet-size, 8px);
     display: inline-block;
@@ -108,6 +110,14 @@ const {
       --swiper-pagination-right: theme(spacing.6);
     }
   }
+
+  /* Prevent iOS from triggering link clicks during horizontal swipe */
+  swiper-container {
+    touch-action: pan-y pinch-zoom;
+  }
+  swiper-slide {
+    touch-action: pan-y pinch-zoom;
+  }
 </style>
 
 <WidgetWrapper
@@ -187,7 +197,7 @@ const {
     }
 
     <!-- Loading indicator -->
-    <div class={cn('absolute top-0 left-0 w-full h-full flex items-center justify-center', `${classes?.loading}`)}>
+    <div class={cn('absolute top-0 left-0 w-full h-full flex items-center justify-center pointer-events-none', `${classes?.loading}`)}>
       <svg class="animate-spin h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
         <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
         <path

package/components/WidgetWrapper/WidgetWrapper.astro

@@ -1,5 +1,4 @@
 ---
-import { twMerge } from 'tailwind-merge';
 import type { WidgetWrapperProps as Props } from './types';
 import Background from '../Background/Background.astro';
 import {cn} from "../../utils";
@@ -9,7 +8,7 @@ const { id, isDark = false, class: className = '', containerClass = '', bg, as =
 const WrapperTag = as;
 ---
 
-<WrapperTag class={twMerge('relative', className)} {...id ? { id } : {}} {...rest}>
+<WrapperTag class={cn('relative', className, isDark ? 'dark' : '')} {...id ? { id } : {}} {...rest}>
   <!-- WrapperTag: bg -z-[1] -->
   <div class="absolute inset-0 pointer-events-none" aria-hidden="true">
     <slot name="bg">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yatoday/astro-ui",
   "type": "module",
-  "version": "0.17.16",
+  "version": "0.17.18",
   "scripts": {
     "prepare": "husky",
     "pre-commit": "lint-staged",