@clikvn/showroom-visualizer 0.1.29-dev → 1.1.28-dev

package/dist/components/SkinLayer/PlayAll/index.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-export type PlayAllPropsType = {
-    onClickAutoPlay?: () => void;
-    loading?: boolean;
-};
-declare const PlayAll: FC<PlayAllPropsType>;
-export default PlayAll;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/SkinLayer/PlayAll/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PlayAll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAoCjC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/GalleryProduct.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface GalleryProps {
+    items: any[];
+    className?: string;
+    onClick?: (index: number, type?: string) => void;
+}
+declare const Gallery: React.FC<GalleryProps>;
+export default Gallery;
+//# sourceMappingURL=GalleryProduct.d.ts.map

package/dist/components/SkinLayer/PoiDetailSlideIn/GalleryProduct.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryProduct.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiDetailSlideIn/GalleryProduct.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,UAAU,YAAY;IACpB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqFnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/Tabs.d.ts

@@ -0,0 +1,28 @@
+export declare const TabsList: {
+    info: {
+        label: string;
+        key: string;
+        title: import("react/jsx-runtime").JSX.Element;
+    };
+    gallery: {
+        label: string;
+        key: string;
+        title: string;
+    };
+    webRotate: {
+        label: string;
+        key: string;
+        title: string;
+    };
+    ar: {
+        label: string;
+        key: string;
+        title: string;
+    };
+};
+declare const Tabs: ({ activeTab, setActiveTab, }: {
+    activeTab: string;
+    setActiveTab: (key: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/SkinLayer/PoiDetailSlideIn/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiDetailSlideIn/Tabs.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,8BAGX;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,4CA4BA,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/GalleryProduct.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface GalleryProps {
+    items: any[];
+    className?: string;
+    onClick?: (index: number, type: string) => void;
+}
+declare const Gallery: React.FC<GalleryProps>;
+export default Gallery;
+//# sourceMappingURL=GalleryProduct.d.ts.map

package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/GalleryProduct.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryProduct.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiDetailSlideIn/TabsContent/GalleryProduct.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,UAAU,YAAY;IACpB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqFnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/TabsContent.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type TabsContentProps = {
+    activeTab: string;
+    product: any;
+    galleryProduct: any;
+};
+declare const Content: FC<TabsContentProps>;
+export default Content;
+//# sourceMappingURL=TabsContent.d.ts.map

package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent/TabsContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/SkinLayer/PoiDetailSlideIn/TabsContent/TabsContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGhD,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAiDjC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type TabsContentProps = {
+    activeTab: string;
+    product: any;
+    galleryProduct: any;
+};
+declare const Content: FC<TabsContentProps>;
+export default Content;
+//# sourceMappingURL=TabsContent.d.ts.map

package/dist/components/SkinLayer/PoiDetailSlideIn/TabsContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContent.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiDetailSlideIn/TabsContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGhD,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAiDjC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/gallery.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface GalleryProps {
+    items: any[];
+    className?: string;
+    onClick?: (index: number) => void;
+}
+declare const Gallery: React.FC<GalleryProps>;
+export default Gallery;
+//# sourceMappingURL=gallery.d.ts.map

package/dist/components/SkinLayer/PoiDetailSlideIn/gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiDetailSlideIn/gallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,UAAU,YAAY;IACpB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqFnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/group-action-button.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+interface GroupActionButtonProps {
+    actions: {
+        key: string;
+        label: string;
+        icon: React.ElementType;
+        disabled?: boolean;
+    }[];
+    activeKey?: string;
+    onClick?: (key: string) => void;
+}
+declare const GroupActionButton: FC<GroupActionButtonProps>;
+export default GroupActionButton;
+//# sourceMappingURL=group-action-button.d.ts.map

package/dist/components/SkinLayer/PoiDetailSlideIn/group-action-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-action-button.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiDetailSlideIn/group-action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,UAAU,sBAAsB;IAC9B,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgDjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/header.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+interface HeaderProps {
+    onBack: () => void;
+    title: string;
+    children?: React.ReactNode;
+    displayPrice?: string;
+    salePrice?: string;
+    rating?: number;
+}
+declare const Header: FC<HeaderProps>;
+export default Header;
+//# sourceMappingURL=header.d.ts.map

package/dist/components/SkinLayer/PoiDetailSlideIn/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiDetailSlideIn/header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,UAAU,WAAW;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmD3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/SkinLayer/PoiDetailSlideIn/rating.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface RatingProps {
+    rating: number;
+}
+declare const Rating: FC<RatingProps>;
+export default Rating;
+//# sourceMappingURL=rating.d.ts.map

package/dist/components/SkinLayer/PoiDetailSlideIn/rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/PoiDetailSlideIn/rating.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,UAAU,WAAW;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAgC3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/SkinLayer/RightPanel/index.d.ts

@@ -0,0 +1,2 @@
+export default function RightPanel(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SkinLayer/RightPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SkinLayer/RightPanel/index.tsx"],"names":[],"mappings":"AA8QA,MAAM,CAAC,OAAO,UAAU,UAAU,4CAQjC"}

package/dist/constants/Visualizer/fallback-images.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Fallback images dạng base64 cho development khi CORS fail
+ */
+export declare const TRANSPARENT_PNG = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChAI9jU77yQAAAABJRU5ErkJggg==";
+export declare const PLACEHOLDER_ICON = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iNCIgZmlsbD0iIzMzMzMzMyIvPgo8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSI4IiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=";
+export declare const NAVIGATION_ARROW_PLACEHOLDER = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMjIgMTJMMTIgMjJMMTAgMjBMMTggMTJMMTAgNEwxMiAyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
+export declare const FALLBACK_IMAGES: {
+    'vtourskin.png': string;
+    'hotspot_sound_icon.png': string;
+    'tag.png': string;
+    'gallery.png': string;
+    'hotspot_video_icon.png': string;
+    'play-solid.png': string;
+    'stop-solid.png': string;
+    'bgshadow.png': string;
+    'vtourskin_hotspot.png': string;
+    'promotion_lg.png': string;
+    'caret_up_icon.png': string;
+    'navigation_north.svg': string;
+    'navigation_east.svg': string;
+    'navigation_south.svg': string;
+    'navigation_west.svg': string;
+    'audio_shake.png': string;
+    'navigation.svg': string;
+    'navigation-highlight.svg': string;
+};
+//# sourceMappingURL=fallback-images.d.ts.map

package/dist/constants/Visualizer/fallback-images.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallback-images.d.ts","sourceRoot":"","sources":["../../../src/constants/Visualizer/fallback-images.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,eAAe,2HAC8F,CAAC;AAG3H,eAAO,MAAM,gBAAgB,+SACiR,CAAC;AAG/S,eAAO,MAAM,4BAA4B,mQACyN,CAAC;AAEnQ,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC"}

package/dist/index.html

@@ -1,105 +1,74 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
+      name="viewport"
+      content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
     />
     <title>Title</title>
-</head>
-<body>
-<div class="flex h-screen w-screen">
-    <!--    <div class="h-full" style="width: 72px"></div>-->
-    <div class="h-full" style="width: /*calc(100% - 462px);*/ 100%;">
-        <div class="h-full w-full relative">
-            <showroom-visualizer></showroom-visualizer>
-        </div>
-    </div>
-    <!--    <div class="h-full" style="width: 390px"></div>-->
-</div>
-<script type="module">
-  // import ShowroomVisualizer from 'https://85f81d7dc992.ngrok-free.app/web.js';
-  import ShowroomVisualizer from 'http://localhost:3000/web.js';
-
-  ShowroomVisualizer.initVisualizer({
-    apiHost: 'https://ci-api.clik.vn/vt360',
-    webRotateApiHost: 'https://ci-api.clik.vn/cms',
-    webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
-    config: {
-      language: 'VI',
-      // tourCode: 'TOUR_FXYCEN7ZZVW6',
-
-      // startScene: 'scene_kr3rgeezzvw6',
-      // hLookAt: -254,
-      // vLookAt: 1
-      // tourCode: 'TOUR_GEVEXLWNPT74',
-      // tourCode: 'TOUR_7YUL2ALGFL94',
-      tourCode: 'TOUR_KUFGDEPDTJA4',
-      // startScene: 'SCENE_KNLRAKUHFL94',
-      // hLookAt: -54.11884505373274,
-      // vLookAt: -9.111287009391969
-
-      // tourCode: 'tour_7a6hchjljga4'.toUpperCase(),
+    <script type="module">
+      import ShowroomVisualizer from 'http://localhost:3000/web.js';
 
-      // tourCode: 'TOUR_ZJMHKMJEACAH',
-      // startScene: 'SCENE_LVN4DLUFACAH',
-      // hLookAt: -179.145,
-      // vLookAt: 11.597,
+      ShowroomVisualizer.initVisualizer({
+        apiHost: 'https://ci-api.clik.vn/vt360',
+        webRotateClientHost: 'https://ci-webrotate360-client.clik.vn',
+        config: {
+          tourCode: 'TOUR_KUFGDEPDTJA4',
+          language: 'VI',
+        },
+        listeners: {
+          onLoaded: (tool) => {
+            window.tool = tool;
+          },
+          onPinActionClicked: (key) => {
+            console.log('onPinActionClicked', key);
+          },
+          onAIProductClicked: (poi) => {
+            console.log('onPoiClicked', poi);
+          },
+        },
+        mobile: false,
+      });
+    </script>
+    <style>
+      .toggle-btn {
+        position: fixed;
+        top: 20px;
+        right: 20px;
+        z-index: 9999;
+        padding: 10px 15px;
+        background: #3585f7;
+        color: white;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
+        font-family: 'Be Vietnam Pro', sans-serif;
+        font-size: 14px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+        transition: background 0.3s ease;
+      }
+      .toggle-btn:hover {
+        background: #2574e6;
+      }
+    </style>
+  </head>
+  <body>
+    <button class="toggle-btn" onclick="toggleWidth()">Toggle Width</button>
+    <div id="container" style="width: 100vw; height: 100vh; overflow: hidden">
+      <showroom-visualizer></showroom-visualizer>
+    </div>
+    <script>
+      function toggleWidth() {
+        const container = document.getElementById('container');
+        const currentWidth = container.style.width;
 
-      // tourCode: 'tour_7yul2algfl94'.toUpperCase(),
-      // startScene: 'scene_vrz9v2uhfl94'.toUpperCase(),
-      // hLookAt: -87,
-      // vLookAt: 9,
-      // hotspot: 'item27getn2d2m94'.toUpperCase(),
-    },
-    listeners: {
-      onTourSwitchLoaded: (tool) => {
-        window.switchTour = tool.switchTour;
-      },
-      onSceneCompleted: (...args) => {
-        // console.log('onSceneCompleted', args);
-      },
-      onLoaded: tool => {
-        // console.log('TOOL_LOADED')
-        window.tool = tool;
-      },
-      onPoiClicked: (poi) => {
-        console.log('onPoiClicked', poi);
-      },
-      onPoiOut: () => {
-        // console.log('onPoiOut');
-      },
-      onPoiOver: (poi) => {
-        console.log('onPoiOver', poi);
-      },
-      onPoiInCenter: (poi) => {
-        // console.log('onPoiInCenter', poi);
-      },
-      onStartScenario: (code) => {
-        // console.log('onStartScenario', code);
-      },
-      onScenarioPaused: (code) => {
-        // console.log('onScenarioPaused', code);
-      },
-      onScenarioEnded: (code) => {
-        // console.log('onScenarioEnded', code);
-      },
-      onChanged: (args) => {
-        console.log('onChanged', args);
-      },
-      onStartLoadingTour: (code) => {
-        // console.log('onStartLoadingTour', code);
-      },
-      onFinishedLoadingTour: (code) => {
-        // console.log('onFinishedLoadingTour', code);
-      },
-      onStateChanged: (changes) => {
-        // console.log('changes', changes);
+        if (currentWidth === '80vw') {
+          container.style.width = '100vw';
+        } else {
+          container.style.width = '80vw';
+        }
       }
-    },
-    mobile: false
-  });
-</script>
-</body>
-</html>
+    </script>
+  </body>
+</html>

package/dist/utils/Visualizer/asset.utils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Get asset URL - đơn giản chỉ return URL gốc
+ * CORS sẽ được xử lý ở level component/image loading
+ */
+export declare const getAssetUrl: (originalUrl: string) => string;
+/**
+ * Load image với CORS handling
+ * Sử dụng crossOrigin = 'anonymous' để bypass CORS
+ */
+export declare const loadImageWithCORS: (url: string) => Promise<string>;
+/**
+ * Preload image để kiểm tra CORS
+ */
+export declare const preloadImage: (url: string) => Promise<boolean>;
+/**
+ * Tạo img element với CORS handling
+ */
+export declare const createImageWithCORS: (url: string) => HTMLImageElement;
+//# sourceMappingURL=asset.utils.d.ts.map

package/dist/utils/Visualizer/asset.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/Visualizer/asset.utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,aAAa,MAAM,KAAG,MAEjD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,MAAM,CAiB7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,OAAO,CAQzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,KAAG,gBAKjD,CAAC"}

package/dist/utils/Visualizer/cors-bypass.utils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * CORS bypass utilities cho development
+ */
+/**
+ * Bypass CORS bằng cách sử dụng proxy service
+ */
+export declare const bypassCORS: (originalUrl: string, proxyIndex?: number) => string;
+/**
+ * Tạo img element với CORS bypass
+ */
+export declare const createCORSImage: (url: string) => Promise<HTMLImageElement>;
+/**
+ * Set image src với CORS handling
+ */
+export declare const setImageSrcWithCORS: (imgElement: HTMLImageElement, url: string, onSuccess?: () => void, onError?: () => void) => void;
+//# sourceMappingURL=cors-bypass.utils.d.ts.map

package/dist/utils/Visualizer/cors-bypass.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cors-bypass.utils.d.ts","sourceRoot":"","sources":["../../../src/utils/Visualizer/cors-bypass.utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AASH;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,aAAa,MAAM,EAAE,mBAAc,KAAG,MAahE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,gBAAgB,CAqBrE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,YAAY,gBAAgB,EAC5B,KAAK,MAAM,EACX,YAAY,MAAM,IAAI,EACtB,UAAU,MAAM,IAAI,SAiBrB,CAAC"}

package/dist/utils/Visualizer/cors-proxy.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Simple CORS proxy solution
+ */
+/**
+ * Fetch with CORS proxy fallback
+ */
+export declare const fetchWithCORSProxy: (url: string, options?: RequestInit) => Promise<Response>;
+//# sourceMappingURL=cors-proxy.d.ts.map

package/dist/utils/Visualizer/cors-proxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cors-proxy.d.ts","sourceRoot":"","sources":["../../../src/utils/Visualizer/cors-proxy.ts"],"names":[],"mappings":"AAAA;;GAEG;AAQH;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,KAAK,MAAM,EACX,UAAS,WAAgB,KACxB,OAAO,CAAC,QAAQ,CA+ClB,CAAC"}

package/dist/utils/Visualizer/cors-test.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Test utilities để kiểm tra CORS handling
+ */
+/**
+ * Test global CORS handler
+ */
+export declare const testCORSHandler: () => void;
+/**
+ * Test với proxy trực tiếp
+ */
+export declare const testProxyDirectly: () => void;
+//# sourceMappingURL=cors-test.d.ts.map

package/dist/utils/Visualizer/cors-test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cors-test.d.ts","sourceRoot":"","sources":["../../../src/utils/Visualizer/cors-test.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH;;GAEG;AACH,eAAO,MAAM,eAAe,YAuB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,YAW7B,CAAC"}

package/dist/utils/Visualizer/global-cors-handler.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Global CORS handler cho tất cả images
+ * Đơn giản và hiệu quả
+ */
+/**
+ * Initialize global CORS handling
+ */
+export declare const initGlobalCORSHandler: () => void;
+/**
+ * Disable global CORS handling
+ */
+export declare const disableGlobalCORSHandler: () => void;
+//# sourceMappingURL=global-cors-handler.d.ts.map

package/dist/utils/Visualizer/global-cors-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-cors-handler.d.ts","sourceRoot":"","sources":["../../../src/utils/Visualizer/global-cors-handler.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH;;GAEG;AACH,eAAO,MAAM,qBAAqB,YAmUjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,YAOpC,CAAC"}

package/dist/utils/Visualizer/no-cors-fetch.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Alternative fetch methods that work with no-cors
+ */
+/**
+ * Load JSON data bằng dynamic script tag (JSONP alternative)
+ */
+export declare const loadJSONWithScript: (url: string) => Promise<any>;
+/**
+ * Load JSON bằng Image tag trick (for very small data)
+ */
+export declare const loadJSONWithImage: (url: string) => Promise<any>;
+/**
+ * Load JSON bằng iframe trick
+ */
+export declare const loadJSONWithIframe: (url: string) => Promise<any>;
+/**
+ * Fallback method - try multiple approaches
+ */
+export declare const loadJSONFallback: (url: string) => Promise<any>;
+//# sourceMappingURL=no-cors-fetch.d.ts.map

package/dist/utils/Visualizer/no-cors-fetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-cors-fetch.d.ts","sourceRoot":"","sources":["../../../src/utils/Visualizer/no-cors-fetch.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,GAAG,CA8B3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,GAAG,CAe1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,KAAG,OAAO,CAAC,GAAG,CAqC3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAU,KAAK,MAAM,KAAG,OAAO,CAAC,GAAG,CAmB/D,CAAC"}

package/dist/utils/Visualizer/simple-cors-handler.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Simple CORS handler - chỉ thay thế URLs với proxy
+ * Approach đơn giản và đáng tin cậy hơn
+ */
+/**
+ * Thay thế tất cả CDN URLs với proxy URLs
+ */
+export declare const initSimpleCORSHandler: () => void;
+//# sourceMappingURL=simple-cors-handler.d.ts.map

package/dist/utils/Visualizer/simple-cors-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-cors-handler.d.ts","sourceRoot":"","sources":["../../../src/utils/Visualizer/simple-cors-handler.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;GAEG;AACH,eAAO,MAAM,qBAAqB,YA+FjC,CAAC"}