@getmicdrop/svelte-components 5.20.1 → 5.20.2

package/dist/utils/portal.spec.js

@@ -1,143 +1,143 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { portal } from './portal';
-
-describe('portal', () => {
-  let node;
-  let target;
-
-  beforeEach(() => {
-    // Create mock nodes
-    node = document.createElement('div');
-    node.textContent = 'Portal Content';
-    target = document.createElement('div');
-    target.id = 'portal-target';
-    document.body.appendChild(target);
-  });
-
-  afterEach(() => {
-    // Clean up
-    if (target.parentNode) {
-      target.parentNode.removeChild(target);
-    }
-    if (node.parentNode) {
-      node.parentNode.removeChild(node);
-    }
-  });
-
-  describe('initial portal', () => {
-    it('appends node to document.body by default', () => {
-      portal(node);
-      expect(node.parentNode).toBe(document.body);
-    });
-
-    it('appends node to specified target', () => {
-      portal(node, target);
-      expect(node.parentNode).toBe(target);
-    });
-
-    it('returns an object with update and destroy methods', () => {
-      const result = portal(node);
-      expect(result).toHaveProperty('update');
-      expect(result).toHaveProperty('destroy');
-      expect(typeof result.update).toBe('function');
-      expect(typeof result.destroy).toBe('function');
-    });
-  });
-
-  describe('update method', () => {
-    it('moves node to new target', () => {
-      const newTarget = document.createElement('div');
-      document.body.appendChild(newTarget);
-
-      const { update } = portal(node, target);
-      expect(node.parentNode).toBe(target);
-
-      update(newTarget);
-      expect(node.parentNode).toBe(newTarget);
-
-      // Clean up
-      newTarget.parentNode.removeChild(newTarget);
-    });
-
-    it('moves node to document.body when new target is null', () => {
-      const { update } = portal(node, target);
-      expect(node.parentNode).toBe(target);
-
-      update(null);
-      expect(node.parentNode).toBe(document.body);
-    });
-
-    it('moves node to document.body when new target is undefined', () => {
-      const { update } = portal(node, target);
-      expect(node.parentNode).toBe(target);
-
-      update(undefined);
-      expect(node.parentNode).toBe(document.body);
-    });
-  });
-
-  describe('destroy method', () => {
-    it('removes node from parent', () => {
-      const { destroy } = portal(node, target);
-      expect(node.parentNode).toBe(target);
-
-      destroy();
-      expect(node.parentNode).toBe(null);
-    });
-
-    it('handles node already removed', () => {
-      const { destroy } = portal(node, target);
-
-      // Manually remove node first
-      target.removeChild(node);
-
-      // Should not throw
-      expect(() => destroy()).not.toThrow();
-    });
-
-    it('removes node from document.body', () => {
-      const { destroy } = portal(node);
-      expect(node.parentNode).toBe(document.body);
-
-      destroy();
-      expect(node.parentNode).toBe(null);
-    });
-  });
-
-  describe('real-world usage scenarios', () => {
-    it('can portal modal content outside stacking context', () => {
-      // Create a stacking context
-      const stackingContext = document.createElement('div');
-      stackingContext.style.position = 'relative';
-      stackingContext.style.zIndex = '1';
-      document.body.appendChild(stackingContext);
-
-      // Create modal inside stacking context
-      const modal = document.createElement('div');
-      modal.className = 'modal';
-      stackingContext.appendChild(modal);
-
-      // Portal should move it to body
-      portal(modal);
-      expect(modal.parentNode).toBe(document.body);
-
-      // Clean up
-      stackingContext.parentNode.removeChild(stackingContext);
-    });
-
-    it('works with multiple portals', () => {
-      const node1 = document.createElement('div');
-      const node2 = document.createElement('div');
-
-      portal(node1);
-      portal(node2);
-
-      expect(node1.parentNode).toBe(document.body);
-      expect(node2.parentNode).toBe(document.body);
-
-      // Clean up
-      document.body.removeChild(node1);
-      document.body.removeChild(node2);
-    });
-  });
-});
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { portal } from './portal';
+
+describe('portal', () => {
+  let node;
+  let target;
+
+  beforeEach(() => {
+    // Create mock nodes
+    node = document.createElement('div');
+    node.textContent = 'Portal Content';
+    target = document.createElement('div');
+    target.id = 'portal-target';
+    document.body.appendChild(target);
+  });
+
+  afterEach(() => {
+    // Clean up
+    if (target.parentNode) {
+      target.parentNode.removeChild(target);
+    }
+    if (node.parentNode) {
+      node.parentNode.removeChild(node);
+    }
+  });
+
+  describe('initial portal', () => {
+    it('appends node to document.body by default', () => {
+      portal(node);
+      expect(node.parentNode).toBe(document.body);
+    });
+
+    it('appends node to specified target', () => {
+      portal(node, target);
+      expect(node.parentNode).toBe(target);
+    });
+
+    it('returns an object with update and destroy methods', () => {
+      const result = portal(node);
+      expect(result).toHaveProperty('update');
+      expect(result).toHaveProperty('destroy');
+      expect(typeof result.update).toBe('function');
+      expect(typeof result.destroy).toBe('function');
+    });
+  });
+
+  describe('update method', () => {
+    it('moves node to new target', () => {
+      const newTarget = document.createElement('div');
+      document.body.appendChild(newTarget);
+
+      const { update } = portal(node, target);
+      expect(node.parentNode).toBe(target);
+
+      update(newTarget);
+      expect(node.parentNode).toBe(newTarget);
+
+      // Clean up
+      newTarget.parentNode.removeChild(newTarget);
+    });
+
+    it('moves node to document.body when new target is null', () => {
+      const { update } = portal(node, target);
+      expect(node.parentNode).toBe(target);
+
+      update(null);
+      expect(node.parentNode).toBe(document.body);
+    });
+
+    it('moves node to document.body when new target is undefined', () => {
+      const { update } = portal(node, target);
+      expect(node.parentNode).toBe(target);
+
+      update(undefined);
+      expect(node.parentNode).toBe(document.body);
+    });
+  });
+
+  describe('destroy method', () => {
+    it('removes node from parent', () => {
+      const { destroy } = portal(node, target);
+      expect(node.parentNode).toBe(target);
+
+      destroy();
+      expect(node.parentNode).toBe(null);
+    });
+
+    it('handles node already removed', () => {
+      const { destroy } = portal(node, target);
+
+      // Manually remove node first
+      target.removeChild(node);
+
+      // Should not throw
+      expect(() => destroy()).not.toThrow();
+    });
+
+    it('removes node from document.body', () => {
+      const { destroy } = portal(node);
+      expect(node.parentNode).toBe(document.body);
+
+      destroy();
+      expect(node.parentNode).toBe(null);
+    });
+  });
+
+  describe('real-world usage scenarios', () => {
+    it('can portal modal content outside stacking context', () => {
+      // Create a stacking context
+      const stackingContext = document.createElement('div');
+      stackingContext.style.position = 'relative';
+      stackingContext.style.zIndex = '1';
+      document.body.appendChild(stackingContext);
+
+      // Create modal inside stacking context
+      const modal = document.createElement('div');
+      modal.className = 'modal';
+      stackingContext.appendChild(modal);
+
+      // Portal should move it to body
+      portal(modal);
+      expect(modal.parentNode).toBe(document.body);
+
+      // Clean up
+      stackingContext.parentNode.removeChild(stackingContext);
+    });
+
+    it('works with multiple portals', () => {
+      const node1 = document.createElement('div');
+      const node2 = document.createElement('div');
+
+      portal(node1);
+      portal(node2);
+
+      expect(node1.parentNode).toBe(document.body);
+      expect(node2.parentNode).toBe(document.body);
+
+      // Clean up
+      document.body.removeChild(node1);
+      document.body.removeChild(node2);
+    });
+  });
+});

package/dist/utils/transitions.js

@@ -66,10 +66,10 @@ export function bloom(_node, { duration = 200, delay = 0, origin = 'top right' }
         easing: cubicOut,
         css: (t) => {
             const scale = 0.95 + 0.05 * t;
-            return `
-        transform: scale(${scale});
-        transform-origin: ${origin};
-        opacity: ${t};
+            return `
+        transform: scale(${scale});
+        transform-origin: ${origin};
+        opacity: ${t};
       `;
         },
     };
@@ -85,9 +85,9 @@ export function fadeScale(node, { delay = 0, duration = DURATION.normal, easing
         delay,
         duration,
         easing,
-        css: t => `
-      transform: ${transform} scale(${start + (1 - start) * t});
-      opacity: ${opacity * t};
+        css: t => `
+      transform: ${transform} scale(${start + (1 - start) * t});
+      opacity: ${opacity * t};
     `,
     };
 }
@@ -102,9 +102,9 @@ export function slideUp(node, { delay = 0, duration = DURATION.normal, easing =
         delay,
         duration,
         easing,
-        css: t => `
-      transform: ${transform} translateY(${(1 - t) * distance}px);
-      opacity: ${opacity * t};
+        css: t => `
+      transform: ${transform} translateY(${(1 - t) * distance}px);
+      opacity: ${opacity * t};
     `,
     };
 }
@@ -119,9 +119,9 @@ export function slideInLeft(node, { delay = 0, duration = DURATION.normal, easin
         delay,
         duration,
         easing,
-        css: t => `
-      transform: ${transform} translateX(${(1 - t) * -distance}px);
-      opacity: ${opacity * t};
+        css: t => `
+      transform: ${transform} translateX(${(1 - t) * -distance}px);
+      opacity: ${opacity * t};
     `,
     };
 }
@@ -136,9 +136,9 @@ export function popIn(node, { delay = 0, duration = DURATION.normal, easing = EA
         delay,
         duration,
         easing,
-        css: t => `
-      transform: ${transform} scale(${t * 1});
-      opacity: ${opacity * t};
+        css: t => `
+      transform: ${transform} scale(${t * 1});
+      opacity: ${opacity * t};
     `,
     };
 }

package/dist/utils/utils/utils.d.ts

@@ -1,2 +1,2 @@
-// Re-export everything from the consolidated barrel
-export * from '../utils';
+// Re-export everything from the consolidated barrel
+export * from '../utils';

package/dist/utils/utils/utils.js

@@ -1,3 +1,3 @@
-// Re-export everything from the consolidated barrel
-// This file is kept for backward compatibility with the nested utils/utils/utils path
-export * from '../utils.js';
+// Re-export everything from the consolidated barrel
+// This file is kept for backward compatibility with the nested utils/utils/utils path
+export * from '../utils.js';