From 5a466361fd9e2cfdcc1efa4f935438f49d653ad4 Mon Sep 17 00:00:00 2001
From: basilgood <elsile69@yahoo.com>
Date: Tue, 6 Aug 2024 18:29:46 +0300
Subject: [PATCH] fix: correct path to be on live or local

---
 .storybook/main.js                     | 1 +
 stories/cosmoz-image-viewer.stories.js | 9 +++------
 stories/data.js                        | 6 +++---
 stories/haunted-pan-zoom.stories.js    | 2 +-
 4 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/.storybook/main.js b/.storybook/main.js
index 487e6cd..85caa1a 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -23,6 +23,7 @@ const config = {
 
 		return config;
 	},
+	staticDirs: ['../stories/images'],
 };
 
 export default config;
diff --git a/stories/cosmoz-image-viewer.stories.js b/stories/cosmoz-image-viewer.stories.js
index 50fcd40..de5f522 100644
--- a/stories/cosmoz-image-viewer.stories.js
+++ b/stories/cosmoz-image-viewer.stories.js
@@ -36,7 +36,7 @@ export const Basic = ({
 		?loop=${loop}
 		?show-zoom=${showZoom}
 		?detached-show-zoom=${detachedShowZoom}
-		.images=${['stories/images/cosmos1.jpg', 'stories/images/cosmos2.jpg']}
+		.images=${['cosmos1.jpg', 'cosmos2.jpg']}
 	></cosmoz-image-viewer>
 `;
 
@@ -51,11 +51,8 @@ Basic.args = {
 };
 
 export const Issue21 = () => {
-	const images1 = [
-			'stories/images/stockholm.jpg',
-			'stories/images/strasbourg.jpg',
-		],
-		images2 = ['stories/images/cosmos1.jpg', 'stories/images/cosmos2.jpg'];
+	const images1 = ['stockholm.jpg', 'strasbourg.jpg'],
+		images2 = ['cosmos1.jpg', 'cosmos2.jpg'];
 	return html`
 		<cosmoz-image-viewer
 			show-detach
diff --git a/stories/data.js b/stories/data.js
index a2501a0..2294a3f 100644
--- a/stories/data.js
+++ b/stories/data.js
@@ -1,9 +1,9 @@
 export const images = [
-	'stories/images/stockholm.jpg',
+	'stockholm.jpg',
 	'this-is-a-loading-error.jpg',
-	() => 'stories/images/a_size.png',
+	() => 'a_size.png',
 	() =>
 		new Promise((resolve) =>
-			setTimeout(() => resolve('stories/images/strasbourg.jpg'), 500),
+			setTimeout(() => resolve('strasbourg.jpg'), 500),
 		),
 ];
diff --git a/stories/haunted-pan-zoom.stories.js b/stories/haunted-pan-zoom.stories.js
index a7190f9..f41e54f 100644
--- a/stories/haunted-pan-zoom.stories.js
+++ b/stories/haunted-pan-zoom.stories.js
@@ -7,7 +7,7 @@ export default {
 };
 const Template = ({ disabled, height, zoomStiffness, panStiffness }) => html`
 	<haunted-pan-zoom
-		src="stories/images/a_size.png"
+		src="a_size.png"
 		style="height: ${height}px;"
 		?disabled=${disabled}
 		.zoomStiffness=${zoomStiffness}