Imported maps because of complicated dynamic imports from modules

resources/css/index.css

@@ -1 +1,2 @@
 @import '../../vendor/filament/filament/resources/css/theme.css';
+@import '../../node_modules/jsvectormap/dist/jsvectormap.min.css';

resources/js/index.js

@@ -1,5 +1,6 @@
 import jsVectorMap from 'jsvectormap';
-import 'jsvectormap/dist/jsvectormap.min.css';
+import 'jsvectormap/dist/maps/world.js';
+import 'jsvectormap/dist/maps/world-merc.js';
 
 /**
  * Initializes the world map widget with the given options.
@@ -11,21 +12,19 @@ import 'jsvectormap/dist/jsvectormap.min.css';
  * @param {string} options.selector - The CSS selector for the HTML element to attach the map
  * @param {object} options.additionalOptions - Additional options to override or extend the default configuration
  */
-function initWorldMapWidget({ stats, tooltipText, map, color, selector, additionalOptions = {} }) {
+export default function initWorldMapWidget({
+    stats,
+    tooltipText,
+    map,
+    color,
+    selector,
+    additionalOptions = {}
+}) {
     return {
         stats,
 
         async init() {
             const self = this;
-
-            // Dynamically import the required map file
-            try {
-                await import(`jsvectormap/dist/maps/${map.replace('_','-')}.js`);
-            } catch (error) {
-                console.error(`Error loading map: ${map}. Map file not found.`);
-                return;
-            }
-
             const dataValues = self.stats;
             const minValue = Math.min(...Object.values(dataValues));
             const maxValue = Math.max(...Object.values(dataValues));

resources/views/widgets/world-map-widget.blade.php

@@ -1,6 +1,8 @@
 @use('Filament\Support\Facades\FilamentAsset')
 <x-filament-widgets::widget>
-    <div ax-load
+    <div
+        x-ignore
+        ax-load
         ax-load-src="{{ FilamentAsset::getAlpineComponentSrc('filament-world-map-widget', 'InfinityXTech/filament-world-map-widget') }}"
         x-data="initWorldMapWidget({
             stats: JSON.parse('{{ json_encode($this->stats()) }}'),