@shohojdhara/atomix 0.1.16 → 0.1.18

package/src/components/PhotoViewer/scripts/PhotoViewerInteractions.ts

@@ -14,7 +14,8 @@ function parseDataAttributes(element: HTMLElement): any {
 
   // Parse basic options
   if (dataset.startIndex) options.startIndex = parseInt(dataset.startIndex, 10);
-  if (dataset.enableKeyboardNavigation) options.enableKeyboardNavigation = dataset.enableKeyboardNavigation === 'true';
+  if (dataset.enableKeyboardNavigation)
+    options.enableKeyboardNavigation = dataset.enableKeyboardNavigation === 'true';
   if (dataset.enableGestures) options.enableGestures = dataset.enableGestures === 'true';
   if (dataset.enableFullscreen) options.enableFullscreen = dataset.enableFullscreen === 'true';
   if (dataset.thumbnailPosition) options.thumbnailPosition = dataset.thumbnailPosition;
@@ -33,7 +34,7 @@ function parseDataAttributes(element: HTMLElement): any {
       src: img.src,
       alt: img.alt,
       title: img.title || img.alt,
-      thumbnail: img.dataset.thumbnail
+      thumbnail: img.dataset.thumbnail,
     }));
   }
 
@@ -46,11 +47,11 @@ function parseDataAttributes(element: HTMLElement): any {
  */
 export function initFromDataAttributes(): PhotoViewer[] {
   const photoViewerInstances: PhotoViewer[] = [];
-  
+
   document.querySelectorAll('[data-photoviewer]').forEach(element => {
     // Skip if already initialized
     if (instances.has(element as HTMLElement)) return;
-    
+
     try {
       const options = parseDataAttributes(element as HTMLElement);
       const instance = new PhotoViewer(element as HTMLElement, options);
@@ -60,7 +61,7 @@ export function initFromDataAttributes(): PhotoViewer[] {
       console.error('PhotoViewer: Failed to initialize instance', error);
     }
   });
-  
+
   return photoViewerInstances;
 }
 
@@ -68,19 +69,24 @@ export function initFromDataAttributes(): PhotoViewer[] {
  * Get a PhotoViewer instance from an element
  */
 export function getInstance(element: string | HTMLElement): PhotoViewer | null {
-  const el = typeof element === 'string' ? document.querySelector(element) as HTMLElement : element;
+  const el =
+    typeof element === 'string' ? (document.querySelector(element) as HTMLElement) : element;
   if (!el) return null;
-  
+
   return instances.get(el) || null;
 }
 
 /**
  * Create a new PhotoViewer instance and store it
  */
-export function createInstance(element: string | HTMLElement, options: any = {}): PhotoViewer | null {
-  const el = typeof element === 'string' ? document.querySelector(element) as HTMLElement : element;
+export function createInstance(
+  element: string | HTMLElement,
+  options: any = {}
+): PhotoViewer | null {
+  const el =
+    typeof element === 'string' ? (document.querySelector(element) as HTMLElement) : element;
   if (!el) return null;
-  
+
   try {
     const instance = new PhotoViewer(el, options);
     instances.set(el, instance);
@@ -95,9 +101,10 @@ export function createInstance(element: string | HTMLElement, options: any = {})
  * Dispose a specific PhotoViewer instance
  */
 export function disposeInstance(element: string | HTMLElement): boolean {
-  const el = typeof element === 'string' ? document.querySelector(element) as HTMLElement : element;
+  const el =
+    typeof element === 'string' ? (document.querySelector(element) as HTMLElement) : element;
   if (!el) return false;
-  
+
   const instance = instances.get(el);
   if (instance) {
     instance.destroy();
@@ -105,7 +112,7 @@ export function disposeInstance(element: string | HTMLElement): boolean {
     document.body.classList.remove('is-open-photoviewer');
     return true;
   }
-  
+
   return false;
 }
 
@@ -127,7 +134,10 @@ export function disposeAll(): void {
  * Open a PhotoViewer with images programmatically
  * Creates a temporary container if needed
  */
-export function openPhotoViewer(images: Array<string | any>, options: any = {}): PhotoViewer | null {
+export function openPhotoViewer(
+  images: Array<string | any>,
+  options: any = {}
+): PhotoViewer | null {
   // Create a temporary container
   const container = document.createElement('div');
   container.style.position = 'fixed';
@@ -135,11 +145,11 @@ export function openPhotoViewer(images: Array<string | any>, options: any = {}):
   container.style.zIndex = '9999';
   container.style.display = 'none';
   document.body.appendChild(container);
-  
+
   try {
     const instance = new PhotoViewer(container, { ...options, images });
     instances.set(container, instance);
-    
+
     // Auto-cleanup when closed
     const originalClose = instance.close.bind(instance);
     instance.close = () => {
@@ -150,7 +160,7 @@ export function openPhotoViewer(images: Array<string | any>, options: any = {}):
         document.body.removeChild(container);
       }, 100);
     };
-    
+
     instance.open(options.startIndex || 0);
     return instance;
   } catch (error) {
@@ -165,35 +175,35 @@ export function openPhotoViewer(images: Array<string | any>, options: any = {}):
  * Automatically creates PhotoViewer instances for image galleries
  */
 export function setupGallery(
-  gallerySelector: string, 
-  imageSelector: string = 'img', 
+  gallerySelector: string,
+  imageSelector: string = 'img',
   options: any = {}
 ): PhotoViewer[] {
   const galleries = document.querySelectorAll(gallerySelector);
   const instances: PhotoViewer[] = [];
-  
+
   galleries.forEach(gallery => {
     const images = Array.from(gallery.querySelectorAll(imageSelector));
     const imageData = images.map((img: any) => ({
       src: img.src || img.dataset.src,
       alt: img.alt,
       title: img.title || img.alt,
-      thumbnail: img.dataset.thumbnail || img.src
+      thumbnail: img.dataset.thumbnail || img.src,
     }));
-    
+
     // Add click handlers to images
     images.forEach((img, index) => {
       (img as HTMLElement).style.cursor = 'pointer';
-      img.addEventListener('click', (e) => {
+      img.addEventListener('click', e => {
         e.preventDefault();
-        openPhotoViewer(imageData, { 
-          ...options, 
-          startIndex: index 
+        openPhotoViewer(imageData, {
+          ...options,
+          startIndex: index,
         });
       });
     });
   });
-  
+
   return instances;
 }
 
@@ -201,9 +211,9 @@ export function setupGallery(
  * Utility function to check if PhotoViewer is supported
  */
 export function isSupported(): boolean {
-  return typeof window !== 'undefined' && 
-         typeof document !== 'undefined' &&
-         'querySelector' in document;
+  return (
+    typeof window !== 'undefined' && typeof document !== 'undefined' && 'querySelector' in document
+  );
 }
 
 /**
@@ -226,13 +236,13 @@ export function getAllInstances(): PhotoViewer[] {
 export function updateInstance(element: string | HTMLElement, newOptions: any): boolean {
   const instance = getInstance(element);
   if (!instance) return false;
-  
+
   try {
     // Update images if provided
     if (newOptions.images) {
       instance.setImages(newOptions.images);
     }
-    
+
     // Note: Other options would need to be implemented in the main class
     // This is a basic implementation
     return true;
@@ -240,4 +250,4 @@ export function updateInstance(element: string | HTMLElement, newOptions: any):
     console.error('PhotoViewer: Failed to update instance', error);
     return false;
   }
-}
+}

package/src/components/PhotoViewer/scripts/bundle.ts

@@ -1,7 +1,7 @@
 import PhotoViewer from './index';
-import { 
-  initFromDataAttributes, 
-  getInstance, 
+import {
+  initFromDataAttributes,
+  getInstance,
   createInstance,
   disposeInstance,
   disposeAll,
@@ -9,36 +9,36 @@ import {
   setupGallery,
   isSupported,
   getAllInstances,
-  updateInstance
+  updateInstance,
 } from './PhotoViewerInteractions';
 
 if (typeof window !== 'undefined') {
   // Initialize the Atomix global object if it doesn't exist
   window.Atomix = window.Atomix || {};
-  
+
   // Add PhotoViewer to the global Atomix object with comprehensive API
   window.Atomix.PhotoViewer = {
     // Core class
     create: PhotoViewer,
-    
+
     // Initialization and lifecycle
     init: initFromDataAttributes,
     get: getInstance,
     createInstance: createInstance,
     disposeInstance: disposeInstance,
     disposeAll: disposeAll,
-    
+
     // Utility methods
     open: openPhotoViewer,
     setupGallery: setupGallery,
     isSupported: isSupported,
     getAllInstances: getAllInstances,
     updateInstance: updateInstance,
-    
+
     // Version info
-    version: '1.0.0'
+    version: '1.0.0',
   };
-  
+
   // Auto-initialize components when DOM is ready
   if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', () => {
@@ -51,7 +51,7 @@ if (typeof window !== 'undefined') {
       initFromDataAttributes();
     }
   }
-  
+
   // Handle page visibility changes to pause/resume if needed
   document.addEventListener('visibilitychange', () => {
     if (document.hidden) {
@@ -63,7 +63,7 @@ if (typeof window !== 'undefined') {
 }
 
 // Export everything for module bundling
-export { 
+export {
   PhotoViewer as default,
   initFromDataAttributes,
   getInstance,
@@ -74,8 +74,8 @@ export {
   setupGallery,
   isSupported,
   getAllInstances,
-  updateInstance
+  updateInstance,
 };
 
 // Note: Types would be exported from the main TypeScript definitions
-// PhotoViewerOptions and ImageType interfaces are defined in the main class file
+// PhotoViewerOptions and ImageType interfaces are defined in the main class file