From cdd79633310384f1f72b9dbbf6b62bb93f9387ee Mon Sep 17 00:00:00 2001
From: Denis Shatskiy <admin@shts.su>
Date: Thu, 10 Jul 2025 10:41:21 +0700
Subject: [PATCH] refactor: Implement dynamic import of Tabler JS in main.jsx
 to enhance module management and ensure compatibility with window object

---
 frontend/src/main.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index 4cd9d84..2482e02 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -3,11 +3,14 @@ import ReactDOM from 'react-dom/client'
 import App from './App.jsx'
 import './index.css'
 import '@tabler/core/dist/css/tabler.min.css'
-import '@tabler/core/dist/js/tabler.min.js';
-// import 'bootstrap/dist/css/bootstrap.min.css'; // Удалено, Tabler уже включает Bootstrap
+
+// Динамический импорт Tabler JS и присваивание в window
+import('@tabler/core/dist/js/tabler.min.js').then((mod) => {
+  window.Tabler = window.Tabler || window.globalThis.Tabler || mod;
+});
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
+  </React.StrictMode>
 )