@hortonstudio/main 1.9.9 → 1.9.11

package/{utils/slider/slider.js → autoInit/accessibility/functions/pagination/pagination.js}

@@ -1,215 +1,256 @@
-// Infinite carousel slider
-const initInfiniteCarousel = (cleanup) => {
-  const wrapper = document.querySelector('[data-hs-slider="wrapper"]');
-  const nextBtn = document.querySelector('[data-hs-slider="next"]');
-  const prevBtn = document.querySelector('[data-hs-slider="previous"]');
-
-  if (!wrapper || !nextBtn || !prevBtn) return;
-  const slides = wrapper.children;
-  if (!slides?.length) return;
-
-  const state = { currentIndex: 1, totalSlides: slides.length, isAnimating: false };
-  
-  wrapper.appendChild(slides[0].cloneNode(true));
-  wrapper.insertBefore(slides[slides.length - 1].cloneNode(true), slides[0]);
-  
-  gsap.set(wrapper, { xPercent: -100 });
+/**
+ * Pagination System
+ *
+ * Handles paginated lists with controls, counters, and dot navigation.
+ * Supports infinite looping, responsive layouts, and accessibility.
+ */
 
-  const navigate = (direction) => {
-    if (state.isAnimating) return;
-    state.isAnimating = true;
-    state.currentIndex += direction;
-    
-    const isLoop = (direction > 0 && state.currentIndex > state.totalSlides) || 
-                   (direction < 0 && state.currentIndex < 1);
-    
-    gsap.to(wrapper, {
-      xPercent: -state.currentIndex * 100,
-      duration: 0.5,
-      ease: "power2.inOut",
-      onComplete: () => {
-        if (isLoop) {
-          state.currentIndex = direction > 0 ? 1 : state.totalSlides;
-          gsap.set(wrapper, { xPercent: -state.currentIndex * 100 });
+export function init() {
+  const cleanup = {
+    observers: [],
+    handlers: []
+  };
+
+  // Initialize all pagination containers
+  try {
+    document.querySelectorAll('[data-hs-pagination="wrapper"]')
+      .forEach(container => {
+        try {
+          const instance = initPaginationInstance(container, cleanup);
+          if (!instance) {
+            console.warn('[hs-pagination] Failed to initialize container', container);
+          }
+        } catch (error) {
+          console.error('[hs-pagination] Error initializing container:', error, container);
         }
-        state.isAnimating = false;
+      });
+  } catch (error) {
+    console.error('[hs-pagination] Critical error during initialization:', error);
+  }
+
+  return {
+    result: "pagination initialized",
+    destroy: () => {
+      try {
+        // Disconnect all observers
+        cleanup.observers.forEach(obs => {
+          try {
+            obs.disconnect();
+          } catch (error) {
+            console.error('[hs-pagination] Error disconnecting observer:', error);
+          }
+        });
+        cleanup.observers.length = 0;
+
+        // Remove all event listeners
+        cleanup.handlers.forEach(({ element, event, handler }) => {
+          try {
+            element.removeEventListener(event, handler);
+          } catch (error) {
+            console.error('[hs-pagination] Error removing event listener:', error);
+          }
+        });
+        cleanup.handlers.length = 0;
+      } catch (error) {
+        console.error('[hs-pagination] Critical error during cleanup:', error);
       }
-    });
+    }
   };
+}
 
-  const nextHandler = () => navigate(1);
-  const prevHandler = () => navigate(-1);
-
-  nextBtn.addEventListener('click', nextHandler);
-  prevBtn.addEventListener('click', prevHandler);
+function initPaginationInstance(container, cleanup) {
+  const list = container.querySelector('[data-hs-pagination="list"]');
+  if (!list) {
+    console.warn('[hs-pagination] Missing required element: data-hs-pagination="list"');
+    return null;
+  }
 
-  cleanup.handlers.push(
-    { element: nextBtn, event: 'click', handler: nextHandler },
-    { element: prevBtn, event: 'click', handler: prevHandler }
-  );
-};
-
-// Infinite pagination slider
-const initInfinitePagination = (cleanup) => {
-  document.querySelectorAll('[data-hs-slider="pagination"]')
-    .forEach(container => {
-      const list = container.querySelector('[data-hs-slider="pagination-list"]');
-      if (list) initPaginationInstance(list, container, cleanup);
-    });
-};
+  const wrapper = list.parentElement;
+  if (!wrapper) return null;
 
-const initPaginationInstance = (originalList, container, cleanup) => {
-  const wrapper = originalList.parentElement;
-  if (!wrapper || !container) return;
-  
   const elements = {
-    nextBtn: container.querySelector('[data-hs-slider="pagination-next"]'),
-    prevBtn: container.querySelector('[data-hs-slider="pagination-previous"]'),
-    counter: container.querySelector('[data-hs-slider="pagination-counter"]'),
-    controls: container.querySelector('[data-hs-slider="pagination-controls"]'),
-    dotsWrap: container.querySelector('[data-hs-slider="dots-wrap"]')
+    controls: container.querySelector('[data-hs-pagination="controls"]'),
+    counter: container.querySelector('[data-hs-pagination="counter"]'),
+    dotsWrap: container.querySelector('[data-hs-pagination="dots"]')
   };
-  
-  if (!elements.nextBtn || !elements.prevBtn) return;
-  
+
+  // Early exit for infinite mode - no controls means no pagination
+  if (!elements.controls) {
+    return { initialized: false };
+  }
+
+  // Find next/previous buttons using data-site-clickable pattern
+  const nextClickable = container.querySelector('[data-hs-pagination="next"]');
+  const prevClickable = container.querySelector('[data-hs-pagination="previous"]');
+  const nextBtn = nextClickable?.children[0];
+  const prevBtn = prevClickable?.children[0];
+
+  if (!nextBtn || !prevBtn) {
+    console.warn('[hs-pagination] Missing required navigation buttons');
+    return null;
+  }
+
+  elements.nextBtn = nextBtn;
+  elements.prevBtn = prevBtn;
+
+  // Add ARIA attributes to buttons
   elements.nextBtn.setAttribute('aria-label', 'Go to next page');
   elements.prevBtn.setAttribute('aria-label', 'Go to previous page');
   if (elements.counter) {
     elements.counter.setAttribute('aria-live', 'polite');
     elements.counter.setAttribute('aria-label', 'Current page');
   }
-  
-  const config = elements.controls?.getAttribute('data-hs-config') || '';
-  
-  const configOptions = config.split(', ').map(opt => opt.trim());
-  const isInfiniteMode = configOptions.includes('infinite');
-  
-  const desktopItems = !isInfiniteMode ? (parseInt(config.match(/show-(\d+)(?!-mobile)/)?.[1]) || 6) : 0;
-  const mobileItems = !isInfiniteMode ? (parseInt(config.match(/show-(\d+)-mobile/)?.[1]) || desktopItems) : 0;
-  
-  
-  // Early exit for infinite mode - disable pagination completely
-  if (isInfiniteMode) {
-    if (elements.controls) {
-      elements.controls.style.display = 'none';
-      elements.controls.setAttribute('aria-hidden', 'true');
-    }
-    if (elements.dotsWrap) {
-      elements.dotsWrap.style.display = 'none';
-      elements.dotsWrap.setAttribute('aria-hidden', 'true');
-    }
-    return;
-  }
+
+  // Parse configuration from new attributes
+  const desktopItems = parseInt(elements.controls?.getAttribute('data-hs-pagination-show')) || 6;
+  const mobileItems = parseInt(elements.controls?.getAttribute('data-hs-pagination-show-mobile')) || desktopItems;
 
   const isMobileLayout = () => {
-    const breakpoint = getComputedStyle(originalList).getPropertyValue('--data-hs-break').trim().replace(/"/g, '');
+    const breakpoint = getComputedStyle(list).getPropertyValue('--data-hs-break').trim().replace(/"/g, '');
     return breakpoint === 'mobile';
   };
-  const allItems = Array.from(originalList.children);
+
+  const allItems = Array.from(list.children);
   const totalItems = allItems.length;
-  if (!totalItems) return;
-  
-  const state = { totalPages: 1, currentIndex: 1, currentPage: 1, isAnimating: false, itemsPerPage: desktopItems };
+  if (!totalItems) return null;
+
+  const state = {
+    totalPages: 1,
+    currentIndex: 1,
+    currentPage: 1,
+    isAnimating: false,
+    itemsPerPage: desktopItems,
+    dotTemplates: { active: null, inactive: null }
+  };
   let wrapperChildren = [];
-  let dotTemplates = { active: null, inactive: null };
 
-  const initializeDots = () => {
-    if (!elements.dotsWrap) {
-      return;
+  // Create live region for announcements
+  const liveRegion = document.createElement('div');
+  liveRegion.className = 'sr-only';
+  liveRegion.setAttribute('aria-live', 'assertive');
+  liveRegion.setAttribute('aria-atomic', 'true');
+  liveRegion.style.cssText = 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;';
+  container.appendChild(liveRegion);
+
+  const updateCounter = () => {
+    if (elements.counter) {
+      elements.counter.textContent = `${state.currentPage} / ${state.totalPages}`;
+    }
+  };
+
+  const announcePageChange = () => {
+    liveRegion.textContent = `Page ${state.currentPage} of ${state.totalPages}`;
+    setTimeout(() => liveRegion.textContent = '', 1000);
+  };
+
+  const manageFocus = () => {
+    wrapperChildren.forEach((page, index) => {
+      page[index === state.currentIndex ? 'removeAttribute' : 'setAttribute']('inert', '');
+    });
+  };
+
+  const updateHeight = () => {
+    const targetPage = wrapperChildren[state.currentIndex];
+    if (targetPage && targetPage.offsetHeight !== undefined) {
+      wrapper.style.height = targetPage.offsetHeight + 'px';
     }
+  };
+
+  const initializeDots = () => {
+    if (!elements.dotsWrap) return;
 
-    // Find template dots
+    // Find existing dots as templates
     const existingDots = Array.from(elements.dotsWrap.children);
+    if (!existingDots.length) return;
 
     // Identify active and inactive templates
-    existingDots.forEach((dot) => {
-      if (dot.classList.contains('is-active')) {
-        dotTemplates.active = dot.cloneNode(true);
-      } else {
-        dotTemplates.inactive = dot.cloneNode(true);
-      }
-    });
+    const activeDot = existingDots.find(dot => dot.classList.contains('is-active'));
+    const inactiveDot = existingDots.find(dot => !dot.classList.contains('is-active'));
+
+    // Store templates (use same template for both if only one exists)
+    state.dotTemplates.active = activeDot ? activeDot.cloneNode(true) : existingDots[0].cloneNode(true);
+    state.dotTemplates.inactive = inactiveDot ? inactiveDot.cloneNode(true) : existingDots[0].cloneNode(true);
 
     // Clear existing dots
     elements.dotsWrap.innerHTML = '';
 
-    // Handle single page or no pages case
-    if (state.totalPages <= 1) {
-      elements.dotsWrap.style.display = 'none';
-      elements.dotsWrap.setAttribute('aria-hidden', 'true');
-      return;
-    }
-
-    // Show dots container
-    elements.dotsWrap.style.display = '';
-    elements.dotsWrap.removeAttribute('aria-hidden');
+    // Add pagination accessibility attributes
+    elements.dotsWrap.setAttribute('role', 'group');
+    elements.dotsWrap.setAttribute('aria-label', 'Page navigation');
 
     // Create dots for each page
     for (let i = 1; i <= state.totalPages; i++) {
-      const template = i === 1 ? dotTemplates.active : dotTemplates.inactive;
-      if (template) {
-        const dot = template.cloneNode(true);
-        dot.setAttribute('data-page', i);
-        dot.setAttribute('aria-label', `Go to page ${i}`);
-        dot.style.cursor = 'pointer';
-
-        // Add click handler for dot navigation
-        const dotClickHandler = (e) => {
-          e.preventDefault();
-          const targetPage = parseInt(dot.getAttribute('data-page'));
-          navigateToPage(targetPage);
-        };
-        dot.addEventListener('click', dotClickHandler);
-        cleanup.handlers.push({ element: dot, event: 'click', handler: dotClickHandler });
-
-        // Add keyboard support
-        dot.setAttribute('tabindex', '0');
-        dot.setAttribute('role', 'button');
-        const dotKeydownHandler = (e) => {
-          if (e.key === 'Enter' || e.key === ' ') {
-            e.preventDefault();
-            const targetPage = parseInt(dot.getAttribute('data-page'));
-            navigateToPage(targetPage);
-          }
-        };
-        dot.addEventListener('keydown', dotKeydownHandler);
-        cleanup.handlers.push({ element: dot, event: 'keydown', handler: dotKeydownHandler });
+      const dot = (i === 1 ? state.dotTemplates.active : state.dotTemplates.inactive).cloneNode(true);
 
-        elements.dotsWrap.appendChild(dot);
+      // Add accessibility attributes
+      dot.setAttribute('role', 'button');
+      dot.setAttribute('tabindex', '0');
+      dot.setAttribute('aria-label', `Go to page ${i}`);
+      dot.setAttribute('aria-current', i === 1 ? 'page' : 'false');
+      dot.setAttribute('data-page', i);
+
+      // Set initial active state
+      if (i === 1) {
+        dot.classList.add('is-active');
+      } else {
+        dot.classList.remove('is-active');
       }
+
+      // Click handler
+      const clickHandler = () => navigateToPage(i);
+      dot.addEventListener('click', clickHandler);
+      cleanup.handlers.push({ element: dot, event: 'click', handler: clickHandler });
+
+      // Keyboard handler
+      const keyHandler = (e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          navigateToPage(i);
+        }
+      };
+      dot.addEventListener('keydown', keyHandler);
+      cleanup.handlers.push({ element: dot, event: 'keydown', handler: keyHandler });
+
+      elements.dotsWrap.appendChild(dot);
     }
   };
 
   const updateActiveDot = () => {
-    if (!elements.dotsWrap || state.totalPages <= 1) return;
+    if (!elements.dotsWrap) return;
 
     const dots = Array.from(elements.dotsWrap.children);
-
     dots.forEach((dot, index) => {
-      const pageNumber = index + 1;
-      const isActive = pageNumber === state.currentPage;
-      
-      if (isActive) {
+      const dotPage = index + 1;
+      if (dotPage === state.currentPage) {
         dot.classList.add('is-active');
         dot.setAttribute('aria-current', 'page');
       } else {
         dot.classList.remove('is-active');
-        dot.removeAttribute('aria-current');
+        dot.setAttribute('aria-current', 'false');
       }
     });
   };
-  
+
   const initializePagination = (forceItemsPerPage = null) => {
     const currentIsMobile = isMobileLayout();
     state.itemsPerPage = forceItemsPerPage || (currentIsMobile ? mobileItems : desktopItems);
     state.totalPages = Math.ceil(totalItems / state.itemsPerPage);
-    
+
+    // Remove old dot event handlers to prevent memory leaks
+    if (elements.dotsWrap) {
+      cleanup.handlers = cleanup.handlers.filter(({ element }) => {
+        return !elements.dotsWrap.contains(element);
+      });
+    }
+
+    // Clean up previous page lists
     Array.from(wrapper.children).forEach(child => {
-      if (child !== originalList) wrapper.removeChild(child);
+      if (child !== list) wrapper.removeChild(child);
     });
-    originalList.innerHTML = '';
-    allItems.forEach(item => originalList.appendChild(item));
-    
+    list.innerHTML = '';
+    allItems.forEach(item => list.appendChild(item));
+
+    // Single page case
     if (state.totalPages <= 1) {
       if (elements.controls) {
         if (elements.controls.contains(document.activeElement)) document.activeElement.blur();
@@ -221,11 +262,12 @@ const initPaginationInstance = (originalList, container, cleanup) => {
         elements.dotsWrap.setAttribute('aria-hidden', 'true');
       }
       Object.assign(state, { totalPages: 1, currentIndex: 1, currentPage: 1, isAnimating: false });
-      wrapper.style.cssText = `transform: translateX(0%); height: ${originalList.offsetHeight}px;`;
-      wrapperChildren = [originalList];
+      wrapper.style.cssText = `transform: translateX(0%); height: ${list.offsetHeight}px;`;
+      wrapperChildren = [list];
       return 1;
     }
-    
+
+    // Show controls and dots
     if (elements.controls) {
       elements.controls.style.display = '';
       elements.controls.removeAttribute('aria-hidden');
@@ -234,57 +276,42 @@ const initPaginationInstance = (originalList, container, cleanup) => {
       elements.dotsWrap.style.display = '';
       elements.dotsWrap.removeAttribute('aria-hidden');
     }
-    
+
+    // Create page lists
     const pageLists = Array.from({ length: state.totalPages }, (_, page) => {
-      const pageList = originalList.cloneNode(false);
+      const pageList = list.cloneNode(false);
       const startIndex = page * state.itemsPerPage;
       const endIndex = Math.min(startIndex + state.itemsPerPage, totalItems);
       allItems.slice(startIndex, endIndex).forEach(item => pageList.appendChild(item.cloneNode(true)));
       return pageList;
     });
-    
-    wrapper.insertBefore(pageLists[pageLists.length - 1].cloneNode(true), originalList);
+
+    // Insert cloned pages for infinite loop
+    wrapper.insertBefore(pageLists[pageLists.length - 1].cloneNode(true), list);
     pageLists.slice(1).forEach(page => wrapper.appendChild(page));
     wrapper.appendChild(pageLists[0].cloneNode(true));
-    
-    originalList.innerHTML = '';
-    Array.from(pageLists[0].children).forEach(item => originalList.appendChild(item));
-    
+
+    // Populate original list with first page
+    list.innerHTML = '';
+    Array.from(pageLists[0].children).forEach(item => list.appendChild(item));
+
     Object.assign(state, { currentIndex: 1, currentPage: 1, isAnimating: false });
     wrapperChildren = Array.from(wrapper.children);
     wrapper.style.transform = 'translateX(-100%)';
-    
+
     updateCounter();
     updateHeight();
     manageFocus();
     initializeDots();
     return state.totalPages;
   };
-  const liveRegion = document.createElement('div');
-  liveRegion.className = 'sr-only';
-  liveRegion.setAttribute('aria-live', 'assertive');
-  liveRegion.setAttribute('aria-atomic', 'true');
-  liveRegion.style.cssText = 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;';
-  container.appendChild(liveRegion);
-  
-  const updateCounter = () => elements.counter && (elements.counter.textContent = `${state.currentPage} / ${state.totalPages}`);
-  
-  const announcePageChange = () => {
-    liveRegion.textContent = `Page ${state.currentPage} of ${state.totalPages}`;
-    setTimeout(() => liveRegion.textContent = '', 1000);
-  };
-  
-  const manageFocus = () => wrapperChildren.forEach((page, index) => {
-    page[index === state.currentIndex ? 'removeAttribute' : 'setAttribute']('inert', '');
-  });
-  
-  const updateHeight = () => {
-    const targetPage = wrapperChildren[state.currentIndex];
-    if (targetPage) wrapper.style.height = targetPage.offsetHeight + 'px';
-  };
+
   let currentLayoutIsMobile = isMobileLayout();
-  
+
   const checkLayoutChange = () => {
+    // Prevent resize during animation
+    if (state.isAnimating) return;
+
     const newIsMobile = isMobileLayout();
     if (newIsMobile !== currentLayoutIsMobile) {
       currentLayoutIsMobile = newIsMobile;
@@ -293,25 +320,25 @@ const initPaginationInstance = (originalList, container, cleanup) => {
       updateHeight();
     }
   };
-  
+
   const resizeObserver = new ResizeObserver(checkLayoutChange);
   resizeObserver.observe(wrapper);
   cleanup.observers.push(resizeObserver);
+
   initializePagination();
-  
+
   const navigateToPage = (targetPage) => {
     if (state.isAnimating || state.totalPages <= 1 || targetPage === state.currentPage) return;
     state.isAnimating = true;
-    
-    // For multi-page jumps, we still use the same transition but update the index directly
+
     state.currentIndex = targetPage;
     state.currentPage = targetPage;
-    
+
     updateCounter();
     announcePageChange();
     updateHeight();
     updateActiveDot();
-    
+
     if (isMobileLayout() && elements.controls) {
       setTimeout(() => {
         const controlsBottom = elements.controls.getBoundingClientRect().bottom + window.pageYOffset;
@@ -320,14 +347,17 @@ const initPaginationInstance = (originalList, container, cleanup) => {
         window.scrollTo({ top: targetScrollPosition, behavior: 'smooth' });
       }, 50);
     }
-    
+
     wrapper.style.transition = 'transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)';
     wrapper.style.transform = `translateX(${-state.currentIndex * 100}%)`;
-    
+
+    let transitionTimeout = null;
+
     const handleTransitionEnd = () => {
+      clearTimeout(transitionTimeout);
       wrapper.removeEventListener('transitionend', handleTransitionEnd);
       wrapper.style.transition = '';
-      
+
       updateCounter();
       announcePageChange();
       updateHeight();
@@ -335,7 +365,10 @@ const initPaginationInstance = (originalList, container, cleanup) => {
       updateActiveDot();
       state.isAnimating = false;
     };
-    
+
+    // Safety timeout in case transitionend never fires
+    transitionTimeout = setTimeout(handleTransitionEnd, 1000);
+
     wrapper.addEventListener('transitionend', handleTransitionEnd);
   };
 
@@ -343,15 +376,15 @@ const initPaginationInstance = (originalList, container, cleanup) => {
     if (state.isAnimating || state.totalPages <= 1) return;
     state.isAnimating = true;
     state.currentIndex += direction;
-    
-    state.currentPage = state.currentIndex > state.totalPages ? 1 : 
-                      state.currentIndex < 1 ? state.totalPages : state.currentIndex;
-    
+
+    state.currentPage = state.currentIndex > state.totalPages ? 1 :
+                       state.currentIndex < 1 ? state.totalPages : state.currentIndex;
+
     updateCounter();
     announcePageChange();
     updateHeight();
     updateActiveDot();
-    
+
     if (isMobileLayout() && elements.controls) {
       setTimeout(() => {
         const controlsBottom = elements.controls.getBoundingClientRect().bottom + window.pageYOffset;
@@ -360,14 +393,17 @@ const initPaginationInstance = (originalList, container, cleanup) => {
         window.scrollTo({ top: targetScrollPosition, behavior: 'smooth' });
       }, 50);
     }
-    
+
     wrapper.style.transition = 'transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)';
     wrapper.style.transform = `translateX(${-state.currentIndex * 100}%)`;
-    
+
+    let transitionTimeout = null;
+
     const handleTransitionEnd = () => {
+      clearTimeout(transitionTimeout);
       wrapper.removeEventListener('transitionend', handleTransitionEnd);
       wrapper.style.transition = '';
-      
+
       if (state.currentIndex > state.totalPages) {
         state.currentIndex = 1;
         state.currentPage = 1;
@@ -377,7 +413,7 @@ const initPaginationInstance = (originalList, container, cleanup) => {
         state.currentPage = state.totalPages;
         wrapper.style.transform = `translateX(${-state.totalPages * 100}%)`;
       }
-      
+
       updateCounter();
       announcePageChange();
       updateHeight();
@@ -385,9 +421,13 @@ const initPaginationInstance = (originalList, container, cleanup) => {
       updateActiveDot();
       state.isAnimating = false;
     };
-    
+
+    // Safety timeout in case transitionend never fires
+    transitionTimeout = setTimeout(handleTransitionEnd, 1000);
+
     wrapper.addEventListener('transitionend', handleTransitionEnd);
   };
+
   const nextHandler = () => navigate(1);
   const prevHandler = () => navigate(-1);
 
@@ -398,31 +438,8 @@ const initPaginationInstance = (originalList, container, cleanup) => {
     { element: elements.nextBtn, event: 'click', handler: nextHandler },
     { element: elements.prevBtn, event: 'click', handler: prevHandler }
   );
-};
-
-export const init = () => {
-  const cleanup = {
-    observers: [],
-    handlers: []
-  };
-
-  initInfiniteCarousel(cleanup);
-  initInfinitePagination(cleanup);
 
-  return {
-    result: "slider initialized",
-    destroy: () => {
-      // Disconnect all observers
-      cleanup.observers.forEach(obs => obs.disconnect());
-      cleanup.observers.length = 0;
-
-      // Remove all event listeners
-      cleanup.handlers.forEach(({ element, event, handler }) => {
-        element.removeEventListener(event, handler);
-      });
-      cleanup.handlers.length = 0;
-    }
-  };
-};
+  return { initialized: true };
+}
 
-export const version = "1.0.0";
+export const version = "1.0.0";