@maplat/ui 0.11.6 → 0.11.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maplat/ui",
-  "version": "0.11.6",
+  "version": "0.11.8",
   "description": "Maplat is the cool Historical Map/Illustrated Map Viewer.\nIt can transform each map coordinates with nonlinear but homeomorphic projection and makes possible that the maps can collaborate with GPS/accurate maps, without distorting original maps.",
   "type": "module",
   "main": "dist/maplat-ui.umd.js",

package/src/ui_init.ts

@@ -974,8 +974,12 @@ function initModalHandlers(ui: MaplatUi, appOption: MaplatAppOption) {
                   const fileName = (val as string)
                     .toLowerCase()
                     .replace(/ /g, "_");
+
+                  const iconUrl =
+                    pointer[`${fileName}.png`] ||
+                    `assets/parts/${fileName}.png`;
                   (contentEl as HTMLElement).innerHTML =
-                    `<img src="assets/parts/${fileName}.png" class="license" />`;
+                    `<img src="${iconUrl}" class="license" />`;
                 } else {
                   (contentEl as HTMLElement).innerHTML =
                     ui.core!.translate(val) || "";

package/src/ui_marker.ts

@@ -76,10 +76,14 @@ export function poiWebControl(
   } else {
     const slides: string[] = [];
     const mediaList = (data.media || data.image) as MediaSetting[] | undefined;
-
-    if (mediaList) {
-      const inputs = Array.isArray(mediaList) ? mediaList : [mediaList];
-
+    const inputs = mediaList
+      ? Array.isArray(mediaList)
+        ? mediaList
+        : [mediaList]
+      : [];
+    let swiperStr = "";
+
+    if (inputs.length > 0) {
       inputs.forEach((item: MediaSetting) => {
         let mediaObj: MediaObject;
         if (typeof item === "string") {
@@ -127,13 +131,15 @@ export function poiWebControl(
 
         slides.push(`<cc-swiper-slide ${slideAttrs}></cc-swiper-slide>`);
       });
+
+      swiperStr = `    <div class="col-xs-12 poi_img_swiper">
+      <cc-swiper>${slides.join("")}</cc-swiper>
+    </div>`;
     }
     // Logic for noimage skipped/simplified as requested in previous interactions
 
     const htmlDiv = createElement(`<div class="poi_data">
-    <div class="col-xs-12 poi_img_swiper">
-      <cc-swiper>${slides.join("")}</cc-swiper>
-    </div>
+      ${swiperStr}
     <p class="recipient poi_address"></p>
     <p class="recipient poi_desc"></p>
     </div>`)[0] as HTMLElement;