vanilla-jui 1.7.22 → 1.7.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-jui",
-  "version": "1.7.22",
+  "version": "1.7.24",
   "private": false,
   "description": "A lightweight, reactive, and fully customizable vanilla JS UI library.",
   "keywords": [

package/src/components/swiper.ts

@@ -259,6 +259,18 @@ function cloneData(data: SwiperDataItem[] | undefined): SwiperDataItem[] {
   return Array.isArray(data) ? data.map((item) => ({ ...item })) : [];
 }
 
+function cloneRenderableContent<TContext>(
+  content: RenderableContent<TContext>
+): RenderableContent<TContext> {
+  if (typeof Node !== 'undefined' && content instanceof Node) {
+    return content.cloneNode(true);
+  }
+  if (Array.isArray(content)) {
+    return content.map((item) => cloneRenderableContent(item));
+  }
+  return content;
+}
+
 function cloneDataSource(source: SwiperDataSource): SwiperDataSource {
   return Array.isArray(source) ? cloneData(source) : source;
 }
@@ -774,7 +786,7 @@ export function createSwiper(input: SwiperProps = {}): Swiper {
     const realIndex = (): number =>
       toRealIndexFromTrackPosition(trackIndexAccessor());
     const slideContent = () => {
-      const { item } = itemAccessor();
+      const { item, clone } = itemAccessor();
       if (item.children != null) {
         const context = {
           swiper,
@@ -783,11 +795,11 @@ export function createSwiper(input: SwiperProps = {}): Swiper {
             return realIndex();
           },
         } as SwiperSlideContext;
-        return asRenderable(
+        const content =
           typeof item.children === 'function'
             ? item.children(context)
-            : item.children
-        );
+            : item.children;
+        return asRenderable(clone ? cloneRenderableContent(content) : content);
       }
       return [
         item.image

package/src/index.ts

@@ -11,6 +11,7 @@ export * from './utilities/http.ts';
 // export * from './utilities/locale.ts';
 export * from './utilities/object.ts';
 export * from './utilities/timer.ts';
+export * from './utilities/string.ts';
 export * from './utilities/types.ts';
 export * from './utilities/merge.ts';
 export * from './utilities/config.ts';

package/src/utilities/string.ts

@@ -0,0 +1,3 @@
+export function removeSpaces(value: string | null | undefined): string {
+  return value?.replace(/\s+/g, '') ?? '';
+}

package/src/utilities/validator.ts

@@ -8,6 +8,7 @@ import {
 } from '../utilities/dom.ts';
 import { createEventManager } from '../utilities/events.ts';
 import { type ConfigSchema, resolveConfig } from '../utilities/config.ts';
+import { removeSpaces } from '../utilities/string.ts';
 import { validateParam } from '../utilities/types.ts';
 
 type ValidatorElement =
@@ -181,7 +182,7 @@ function validateMinLength(
   minLength: unknown
 ): boolean {
   if (typeof minLength !== 'number') return true;
-  return element.value.length >= minLength;
+  return removeSpaces(element.value).length >= minLength;
 }
 
 function validateMaxLength(
@@ -189,12 +190,12 @@ function validateMaxLength(
   maxLength: unknown
 ): boolean {
   if (typeof maxLength !== 'number') return true;
-  return element.value.length <= maxLength;
+  return removeSpaces(element.value).length <= maxLength;
 }
 
 function validateEmail(element: ValidatorElement): boolean {
   const emailPattern = /^([\w-.]+@([\w-]+\.)+[\w-]{2,4})?$/;
-  return emailPattern.test(element.value);
+  return emailPattern.test(removeSpaces(element.value));
 }
 
 function validateEqualTo(