@maplat/ui 0.10.6 → 0.11.0

package/src/pointer_images.ts

@@ -0,0 +1,101 @@
+import { assets } from "@maplat/core";
+// @ts-expect-error - PNG imports handled by Vite
+import Maplat from "../assets/parts/Maplat.png";
+// @ts-expect-error - PNG imports handled by Vite
+import allright from "../assets/parts/all_right_reserved.png";
+// @ts-expect-error - PNG imports handled by Vite
+import attr from "../assets/parts/attr.png";
+// @ts-expect-error - PNG imports handled by Vite
+import basemap from "../assets/parts/basemap.png";
+// @ts-expect-error - PNG imports handled by Vite
+import border from "../assets/parts/border.png";
+// @ts-expect-error - PNG imports handled by Vite
+import cc0 from "../assets/parts/cc0.png";
+// @ts-expect-error - PNG imports handled by Vite
+import ccbnn from "../assets/parts/cc_by-nc-nd.png";
+// @ts-expect-error - PNG imports handled by Vite
+import ccbns from "../assets/parts/cc_by-nc-sa.png";
+// @ts-expect-error - PNG imports handled by Vite
+import ccbnc from "../assets/parts/cc_by-nc.png";
+// @ts-expect-error - PNG imports handled by Vite
+import ccbnd from "../assets/parts/cc_by-nd.png";
+// @ts-expect-error - PNG imports handled by Vite
+import ccbs from "../assets/parts/cc_by-sa.png";
+// @ts-expect-error - PNG imports handled by Vite
+import ccb from "../assets/parts/cc_by.png";
+// @ts-expect-error - PNG imports handled by Vite
+import compass from "../assets/parts/compass.png";
+// @ts-expect-error - PNG imports handled by Vite
+import favicon from "../assets/parts/favicon.png";
+// @ts-expect-error - PNG imports handled by Vite
+import fullscreen from "../assets/parts/fullscreen.png";
+// @ts-expect-error - PNG imports handled by Vite
+import gps from "../assets/parts/gps.png";
+// @ts-expect-error - PNG imports handled by Vite
+import help from "../assets/parts/help.png";
+// @ts-expect-error - PNG imports handled by Vite
+import hide from "../assets/parts/hide_marker.png";
+// @ts-expect-error - PNG imports handled by Vite
+import list from "../assets/parts/marker_list.png";
+// @ts-expect-error - PNG imports handled by Vite
+import home from "../assets/parts/home.png";
+// @ts-expect-error - PNG imports handled by Vite
+import loading from "../assets/parts/loading.png";
+// @ts-expect-error - PNG imports handled by Vite
+import loading_i from "../assets/parts/loading_image.png";
+// @ts-expect-error - PNG imports handled by Vite
+import minus from "../assets/parts/minus.png";
+// @ts-expect-error - PNG imports handled by Vite
+import noimg from "../assets/parts/no_image.png";
+// @ts-expect-error - PNG imports handled by Vite
+import overlay from "../assets/parts/overlay.png";
+// @ts-expect-error - PNG imports handled by Vite
+import pd from "../assets/parts/pd.png";
+// @ts-expect-error - PNG imports handled by Vite
+import plus from "../assets/parts/plus.png";
+// @ts-expect-error - PNG imports handled by Vite
+import share from "../assets/parts/share.png";
+// @ts-expect-error - PNG imports handled by Vite
+import slider from "../assets/parts/slider.png";
+
+const pointer: Record<string, string> = {
+  "Maplat.png": Maplat,
+  "all_right_reserved.png": allright,
+  "attr.png": attr,
+  "basemap.png": basemap,
+  "bluedot.png": assets.bluedot,
+  "bluedot_transparent.png": assets.bluedot_transparent,
+  "bluedot_small.png": assets.bluedot_small,
+  "border.png": border,
+  "cc0.png": cc0,
+  "cc_by-nc-nd.png": ccbnn,
+  "cc_by-nc-sa.png": ccbns,
+  "cc_by-nc.png": ccbnc,
+  "cc_by-nd.png": ccbnd,
+  "cc_by-sa.png": ccbs,
+  "cc_by.png": ccb,
+  "compass.png": compass,
+  "defaultpin.png": assets.defaultpin,
+  "defaultpin_selected.png": assets.defaultpin_selected,
+  "favicon.png": favicon,
+  "fullscreen.png": fullscreen,
+  "gps.png": gps,
+  "gsi.jpg": assets.gsi,
+  "gsi_ortho.jpg": assets.gsi_ortho,
+  "help.png": help,
+  "hide_marker.png": hide,
+  "marker_list.png": list,
+  "home.png": home,
+  "loading.png": loading,
+  "loading_image.png": loading_i,
+  "minus.png": minus,
+  "no_image.png": noimg,
+  "osm.jpg": assets.osm,
+  "overlay.png": overlay,
+  "pd.png": pd,
+  "plus.png": plus,
+  "redcircle.png": assets.redcircle,
+  "share.png": share,
+  "slider.png": slider
+};
+export default pointer;

package/src/{service-worker.js → service-worker/index.ts}

@@ -12,11 +12,11 @@
  */
 
 import { skipWaiting, clientsClaim } from "workbox-core";
-import { precacheAndRoute } from "workbox-precaching";
+import { precacheAndRoute, PrecacheEntry } from "workbox-precaching";
 import { registerRoute } from "workbox-routing";
 import { StaleWhileRevalidate } from "workbox-strategies";
 import { ExpirationPlugin } from "workbox-expiration";
-import "weiwudi/src/weiwudi_gw";
+import "@c4h/weiwudi/sw";
 
 skipWaiting();
 clientsClaim();
@@ -26,15 +26,14 @@ clientsClaim();
  * requests for URLs in the manifest.
  * See https://goo.gl/S9QRab
  */
-precacheAndRoute(self.__WB_MANIFEST);
-// eslint-disable-next-line no-undef
+precacheAndRoute((self as any).__WB_MANIFEST as (string | PrecacheEntry)[], {});
+
 registerRoute(
   /(?:maps\/.+\.json|pwa\/.+|pois\/.+\.json|apps\/.+\.json|tmbs\/.+\.jpg|images\/.+\.(?:png|jpg))$/,
-  // eslint-disable-next-line no-undef
+
   new StaleWhileRevalidate({
     cacheName: "resourcesCache",
     plugins: [
-      // eslint-disable-next-line no-undef
       new ExpirationPlugin({
         maxAgeSeconds: 86400,
         purgeOnQuotaError: false

package/src/swiper_augment.d.ts

@@ -0,0 +1,13 @@
+import "swiper";
+
+declare module "swiper" {
+  interface Swiper {
+    slideToMapID(mapID: string): void;
+    setSlideMapID(mapID: string): void;
+    setSlideIndex(index: number): void;
+    setSlideIndexAsSelected(index: number): void;
+    setSlideMapIDAsSelected(mapID: string): void;
+    slideToIndex(index: number): void;
+    $el: HTMLElement[];
+  }
+}

package/src/{swiper_ex.js → swiper_ex.ts}

@@ -1,42 +1,46 @@
 import Swiper from "swiper";
 
-Swiper.prototype.slideToMapID = function (mapID) {
+Swiper.prototype.slideToMapID = function (mapID: string) {
   const slide = this.$el[0].querySelector(".swiper-slide-active");
-  if (slide.getAttribute("data") == mapID) return;
+  if (slide && slide.getAttribute("data") == mapID) return;
 
   const sliders = this.$el[0].querySelectorAll(".swiper-slide");
   for (let i = 0; i < sliders.length; i++) {
     const slider = sliders[i];
     if (slider.getAttribute("data") == mapID) {
       return this.slideToLoop(
-        parseInt(slider.getAttribute("data-swiper-slide-index"))
+        parseInt(slider.getAttribute("data-swiper-slide-index") || "0")
       );
     }
   }
 };
 
-Swiper.prototype.slideToIndex = function (index) {
+Swiper.prototype.slideToIndex = function (index: number) {
   const slide = this.$el[0].querySelector(".swiper-slide-active");
-  if (parseInt(slide.getAttribute("data-swiper-slide-index")) == index) return;
+  if (
+    slide &&
+    parseInt(slide.getAttribute("data-swiper-slide-index") || "0") == index
+  )
+    return;
 
   this.slideToLoop(index);
 };
 
-Swiper.prototype.setSlideMapID = function (mapID) {
+Swiper.prototype.setSlideMapID = function (mapID: string) {
   this.slideToMapID(mapID);
   this.setSlideMapIDAsSelected(mapID);
 };
 
-Swiper.prototype.setSlideIndex = function (index) {
+Swiper.prototype.setSlideIndex = function (index: number) {
   this.slideToIndex(index);
   this.setSlideIndexAsSelected(index);
 };
 
-Swiper.prototype.setSlideIndexAsSelected = function (index) {
+Swiper.prototype.setSlideIndexAsSelected = function (index: number) {
   const sliders = this.$el[0].querySelectorAll(".swiper-slide");
   for (let i = 0; i < sliders.length; i++) {
     const slider = sliders[i];
-    if (slider.getAttribute("data-swiper-slide-index") == index) {
+    if (slider.getAttribute("data-swiper-slide-index") == index.toString()) {
       slider.classList.add("selected");
     } else {
       slider.classList.remove("selected");
@@ -44,7 +48,7 @@ Swiper.prototype.setSlideIndexAsSelected = function (index) {
   }
 };
 
-Swiper.prototype.setSlideMapIDAsSelected = function (mapID) {
+Swiper.prototype.setSlideMapIDAsSelected = function (mapID: string) {
   const sliders = this.$el[0].querySelectorAll(".swiper-slide");
   for (let i = 0; i < sliders.length; i++) {
     const slider = sliders[i];

package/src/types.d.ts

@@ -0,0 +1,31 @@
+declare module "@maplat/core/dist/*";
+declare module "@maplat/core/lib/*";
+declare module "@c4h/weiwudi";
+declare module "izitoast";
+declare module "page";
+declare module "qrcode";
+declare module "sprintf-js";
+declare module "ol/color";
+declare module "ol/color.js";
+declare module "ol/pixel";
+declare module "ol/source/Vector.js";
+declare module "ol/proj.js";
+declare module "ol/style.js";
+declare module "ol/Feature.js";
+declare module "ol/geom/Point.js";
+declare module "ol/geom/LineString.js";
+declare module "ol/geom/Circle.js";
+declare module "ol/sphere.js";
+declare module "ol/events.js";
+declare module "ol/events/Target.js";
+declare module "bootstrap.native/dist/bootstrap-native-v4";
+declare module "./pointer_images";
+declare module "./function";
+declare module "./absolute_url";
+declare module "*.svg";
+declare module "@turf/turf";
+
+interface Window {
+  __WB_MANIFEST: unknown;
+}
+declare const __WB_MANIFEST: unknown;

package/src/types.ts

@@ -0,0 +1,202 @@
+// Type definitions for Maplat UI
+
+import { Swiper as SwiperClass } from "swiper";
+import type { Control } from "ol/control";
+
+export interface MaplatAppOption {
+  appid?: string;
+  fake?: boolean;
+  pwaManifest?: boolean | string;
+  pwaWorker?: string;
+  pwaScope?: string;
+  overlay?: boolean;
+  enableHideMarker?: boolean;
+  enableMarkerList?: boolean;
+  enableBorder?: boolean;
+  enableCache?: boolean;
+  stateUrl?: boolean;
+  enableShare?: boolean;
+  enablePoiHtmlNoScroll?: boolean;
+  disableNoimage?: boolean;
+  alwaysGpsOn?: boolean;
+  mobileIF?: boolean;
+  debug?: boolean;
+  appEnvelope?: boolean;
+  mapboxToken?: string;
+  googleApiKey?: string;
+  lang?: string;
+  restore?: RestoreState;
+  restoreSession?: boolean;
+  presentationMode?: boolean;
+  northTop?: boolean;
+  mapboxgl?: unknown;
+  maplibregl?: unknown;
+  markerList?: boolean;
+  icon?: string;
+  translateUI?: boolean;
+}
+
+export interface RestoreState {
+  mapID?: string;
+  backgroundID?: string;
+  transparency?: number;
+  position?: {
+    rotation?: number;
+    zoom?: number;
+    x?: number;
+    y?: number;
+  };
+  showBorder?: boolean;
+  hideMarker?: boolean;
+  hideLayer?: string;
+  openedMarker?: string;
+}
+
+export interface MapSource {
+  mapID: string;
+  title?: string;
+  officialTitle?: string;
+  label?: string;
+  width?: number;
+  height?: number;
+  envelope?: {
+    geometry: {
+      coordinates: number[][][];
+    };
+  };
+  envelopeColor?: string;
+  envelopeAreaIndex?: number;
+  xy2SysCoord?: (xy: number[]) => Promise<number[]> | number[];
+  thumbnail?: string;
+}
+
+export type MediaObject = {
+  src: string;
+  thumbnail?: string;
+  type?: string;
+  caption?: string;
+  desc?: string; // backward compatibility for caption
+  // Viewer specific attributes
+  "fit-to-container"?: boolean;
+  "debug-mode"?: boolean;
+  "camera-position"?: string;
+  "camera-target"?: string;
+  "show-texture"?: boolean;
+  [key: string]: unknown;
+};
+
+export type MediaSetting = string | MediaObject;
+
+export interface MarkerData {
+  markerId: string;
+  lnglat?: number[];
+  title?: string;
+  icon?: string;
+  description?: string;
+  images?: string[];
+  image?: MediaSetting | MediaSetting[];
+  media?: MediaSetting | MediaSetting[];
+  address?: string;
+  desc?: string;
+  url?: string;
+  html?: string;
+  directgo?: string | { href: string; blank?: boolean };
+  namespaceID?: string;
+  name?: string;
+}
+
+export interface ClickMarkersEvent {
+  pixel: number[];
+  coord: number[];
+  list: MarkerData[];
+}
+
+export interface ContextMenuInterface {
+  clear: () => void;
+  extend: (items: unknown[]) => void;
+  on: (event: string, handler: (e: unknown) => void) => void;
+  un: (event: string, handler: (e: unknown) => void) => void;
+  Internal?: {
+    openMenu: (pixel: number[], coord: number[]) => void;
+    closeMenu: () => void;
+    opened: boolean;
+  };
+}
+
+export interface ClickMarkersEvent {
+  pixel: number[];
+  coord: number[];
+  list: MarkerData[];
+}
+
+export type EventCallback = (event: unknown) => void;
+export type SwiperInstance = SwiperClass;
+export type SliderControl = Control & {
+  get(prop: string): number;
+  set(prop: string, value: number): void;
+  element?: HTMLElement; // Changed from HTMLInputElement to HTMLElement to match common control pattern or just optional
+  setEnable(flag: boolean): void;
+};
+
+export interface RGB {
+  red: number;
+  green: number;
+  blue: number;
+}
+
+import type { MaplatUi } from "./index";
+
+export interface ControlOptions {
+  target?: HTMLElement | string;
+  render?: (event: import("ol").MapEvent) => void;
+  className?: string;
+  tipLabel?: string;
+  initialValue?: number;
+  character?: string;
+  callback?: (this: Control) => void;
+  long_callback?: (this: Control) => void;
+  cls?: string;
+  ui?: MaplatUi;
+  zoomInLabel?: string | HTMLElement;
+  zoomOutLabel?: string | HTMLElement;
+  autoHide?: boolean;
+  label?: string | HTMLElement;
+  reverse?: boolean;
+}
+
+export interface ContextMenuItem {
+  text?: string;
+  classname?: string;
+  icon?: string;
+  callback?: (
+    obj: { coordinate: number[]; data: unknown },
+    map: unknown
+  ) => void;
+  data?: unknown;
+  items?: ContextMenuItem[];
+  separator?: boolean;
+}
+
+export interface ContextMenuOptions {
+  width?: number;
+  defaultItems?: boolean;
+  items?: ContextMenuItem[];
+  eventType?: string;
+}
+
+export interface ContextMenuInternalItem {
+  id: string;
+  submenu: number;
+  separator: boolean;
+  callback?: (
+    obj: { coordinate: number[]; data: unknown },
+    map: unknown
+  ) => void;
+  data?: unknown;
+}
+
+export interface ContextMenuEvent {
+  type: string;
+  pixel?: number[];
+  coordinate?: number[];
+}