react-bkoi-gl 1.0.7 → 2.0.0

package/dist/types/lib.d.ts

@@ -1,224 +1,40 @@
-import type { PaddingOptions, LngLat, Point, LngLatLike, PointLike, ControlPosition } from './common';
-export interface IControl<MapT extends MapInstance = MapInstance> {
-    onAdd(map: MapT): HTMLElement;
-    onRemove(map: MapT): void;
-    getDefaultPosition?: (() => string) | undefined;
-}
-type Listener = (event?: any) => any;
-export interface Evented {
-    on(type: string, listener: Listener): any;
-    off(type?: string | any, listener?: Listener): any;
-    once(type: string, listener: Listener): any;
-}
-/**
- * A user-facing type that represents the minimal intersection between Mapbox.Map and Maplibre.Map
- * User provided `mapLib.Map` is supposed to implement this interface
- * Only losely typed for compatibility
- */
-export interface MapInstance extends Evented {
-    fire(type: string, properties?: {
-        [key: string]: any;
-    }): any;
-    addControl(control: IControl<this>, position?: ControlPosition): any;
-    removeControl(control: IControl<this>): any;
-    hasControl(control: IControl<this>): boolean;
-    resize(): this;
-    queryRenderedFeatures(geometry?: any, options?: any): any[];
-    setStyle(style: any, options?: any): any;
-    isMoving(): boolean;
-    getStyle(): any;
-    isStyleLoaded(): boolean | void;
-    addSource(id: string, source: any): any;
-    removeSource(id: string): this;
-    getSource(id: string): any;
-    addLayer(layer: any, before?: string): any;
-    moveLayer(id: string, beforeId?: string): any;
-    removeLayer(id: string): any;
-    getLayer(id: string): any;
-    setFilter(layer: string, filter?: any[] | boolean | null): any;
-    setLayerZoomRange(layerId: string, minzoom: number, maxzoom: number): any;
-    setPaintProperty(layer: string, name: string, value: any): any;
-    setLayoutProperty(layer: string, name: string, value: any): any;
-    project(lnglat: any): Point;
-    unproject(point: any): LngLat;
-    queryTerrainElevation?(lngLat: any, options?: any): number | null;
-    getContainer(): HTMLElement;
-    getCanvas(): HTMLCanvasElement;
-    remove(): void;
-    triggerRepaint(): void;
-    setPadding(padding: PaddingOptions): any;
-    fitBounds(bounds: any, options?: any): any;
-    setFog?(fog: any): any;
-    setLight?(options: any, lightOptions?: any): any;
-    setTerrain?(terrain?: any): any;
-}
-export interface MarkerInstance extends Evented {
-    addTo(map: MapInstance): this;
-    remove(): this;
-    getLngLat(): LngLat;
-    setLngLat(lngLat: LngLatLike): this;
-    getElement(): HTMLElement;
-    setPopup(popup?: any): this;
-    getPopup(): any;
-    getOffset(): PointLike;
-    setOffset(offset: PointLike): this;
-    setDraggable(value: boolean): this;
-    isDraggable(): boolean;
-    getRotation(): number;
-    setRotation(rotation: number): this;
-    getRotationAlignment(): any;
-    setRotationAlignment(alignment: any): this;
-    getPitchAlignment(): any;
-    setPitchAlignment(alignment: any): this;
-}
-export interface PopupInstance extends Evented {
-    options?: any;
-    addTo(map: MapInstance): this;
-    remove(): this;
-    isOpen(): boolean;
-    getLngLat(): LngLat;
-    setLngLat(lnglat: LngLatLike): this;
-    getElement(): HTMLElement;
-    setDOMContent(htmlNode: any): this;
-    getMaxWidth(): any;
-    setMaxWidth(maxWidth: any): this;
-    addClassName(className: string): void;
-    removeClassName(className: string): void;
-    setOffset(offset?: any): this;
-}
-export interface AttributionControlInstance extends IControl {
-    _container?: HTMLElement;
-}
-export interface FullscreenControlInstance extends IControl {
-    _controlContainer?: HTMLElement;
-}
-export interface GeolocateControlInstance extends IControl, Evented {
-    _container?: HTMLElement;
-    trigger(): any;
-}
-export interface NavigationControlInstance extends IControl {
-    _container?: HTMLElement;
-}
-export interface ScaleControlInstance extends IControl {
-    _container?: HTMLElement;
-    options?: any;
-    setUnit(unit: any): void;
-}
+import type { Map, MapOptions, Marker, MarkerOptions, Popup, PopupOptions, AttributionControl, AttributionControlOptions, FullscreenControl, FullscreenControlOptions, GeolocateControl, GeolocateControlOptions, NavigationControl, NavigationControlOptions, ScaleControl, ScaleControlOptions, TerrainControl, TerrainSpecification, LogoControl, LogoControlOptions } from "maplibre-gl";
+export type { ControlPosition, IControl, Map, MapOptions, Marker, MarkerOptions, Popup, PopupOptions, AttributionControl, AttributionControlOptions, FullscreenControl, FullscreenControlOptions, GeolocateControl, GeolocateControlOptions, NavigationControl, NavigationControlOptions, ScaleControl, ScaleControlOptions, TerrainControl, LogoControl, LogoControlOptions, CustomLayerInterface, } from "maplibre-gl";
 /**
  * A user-facing type that represents the minimal intersection between Mapbox and Maplibre
  * User provided `mapLib` is supposed to implement this interface
  * Only losely typed for compatibility
  */
-export interface MapLib<MapT extends MapInstance> {
+export interface MapLib {
     supported?: (options: any) => boolean;
     Map: {
-        new (options: any): MapT;
+        new (options: MapOptions): Map;
     };
     Marker: {
-        new (...options: any[]): MarkerInstance;
+        new (options: MarkerOptions): Marker;
     };
     Popup: {
-        new (options: any): PopupInstance;
+        new (options: PopupOptions): Popup;
     };
     AttributionControl: {
-        new (options: any): AttributionControlInstance;
+        new (options: AttributionControlOptions): AttributionControl;
     };
     FullscreenControl: {
-        new (options: any): FullscreenControlInstance;
+        new (options: FullscreenControlOptions): FullscreenControl;
     };
     GeolocateControl: {
-        new (options: any): GeolocateControlInstance;
+        new (options: GeolocateControlOptions): GeolocateControl;
     };
     NavigationControl: {
-        new (options: any): NavigationControlInstance;
+        new (options: NavigationControlOptions): NavigationControl;
     };
     ScaleControl: {
-        new (options: any): ScaleControlInstance;
+        new (options: ScaleControlOptions): ScaleControl;
     };
-}
-/**
- * Stub for mapbox's Transform class
- * https://github.com/mapbox/mapbox-gl-js/blob/main/src/geo/transform.js
- */
-export type Transform = {
-    width: number;
-    height: number;
-    center: LngLat;
-    zoom: number;
-    bearing: number;
-    pitch: number;
-    padding: PaddingOptions;
-    elevation: any;
-    pixelsToGLUnits: [number, number];
-    cameraElevationReference: 'ground' | 'sea';
-    clone: () => Transform;
-    resize: (width: number, height: number) => void;
-    isPaddingEqual: (value: PaddingOptions) => boolean;
-    getBounds: () => any;
-    locationPoint: (lngLat: LngLat) => Point;
-    pointLocation: (p: Point) => LngLat;
-    getProjection?: () => any;
-    setProjection?: (projection: any) => void;
-};
-export type MapInstanceInternal<MapT extends MapInstance> = MapT & {
-    transform: Transform;
-    _render: Function;
-    _renderTaskQueue: {
-        run: Function;
+    TerrainControl: {
+        new (options: TerrainSpecification): TerrainControl;
+    };
+    LogoControl: {
+        new (options: LogoControlOptions): LogoControl;
     };
-};
-export interface CustomLayerInterface {
-    id: string;
-    type: 'custom';
-    renderingMode?: '2d' | '3d';
-    onRemove?(map: MapInstance, gl: WebGLRenderingContext): void;
-    onAdd?(map: MapInstance, gl: WebGLRenderingContext): void;
-    prerender?(gl: WebGLRenderingContext, matrix: number[]): void;
-    render(gl: WebGLRenderingContext, matrix: number[]): void;
-}
-export interface CustomSourceImplementation<TileDataT> {
-    id: string;
-    type: 'custom';
-    dataType: 'raster';
-    minzoom?: number;
-    maxzoom?: number;
-    scheme?: string;
-    tileSize?: number;
-    attribution?: string;
-    bounds?: [number, number, number, number];
-    hasTile?: (tileID: {
-        z: number;
-        x: number;
-        y: number;
-    }) => boolean;
-    loadTile: (tileID: {
-        z: number;
-        x: number;
-        y: number;
-    }, options: {
-        signal: AbortSignal;
-    }) => Promise<TileDataT>;
-    prepareTile?: (tileID: {
-        z: number;
-        x: number;
-        y: number;
-    }) => TileDataT | undefined;
-    unloadTile?: (tileID: {
-        z: number;
-        x: number;
-        y: number;
-    }) => void;
-    onAdd?: (map: MapInstance) => void;
-    onRemove?: (map: MapInstance) => void;
-}
-export interface CustomSource<TileDataT = unknown> {
-    id: string;
-    type: 'custom';
-    scheme: string;
-    minzoom: number;
-    maxzoom: number;
-    tileSize: number;
-    attribution: string;
-    _implementation: CustomSourceImplementation<TileDataT>;
 }
-export {};

package/dist/types/lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"lib.js","names":[],"sources":["../../src/types/lib.ts"],"sourcesContent":["import type {PaddingOptions, LngLat, Point, LngLatLike, PointLike, ControlPosition} from './common';\n\nexport interface IControl<MapT extends MapInstance = MapInstance> {\n  onAdd(map: MapT): HTMLElement;\n\n  onRemove(map: MapT): void;\n\n  getDefaultPosition?: (() => string) | undefined;\n}\n\ntype Listener = (event?: any) => any;\n\nexport interface Evented {\n  on(type: string, listener: Listener);\n\n  off(type?: string | any, listener?: Listener);\n\n  once(type: string, listener: Listener);\n}\n\n/**\n * A user-facing type that represents the minimal intersection between Mapbox.Map and Maplibre.Map\n * User provided `mapLib.Map` is supposed to implement this interface\n * Only losely typed for compatibility\n */\nexport interface MapInstance extends Evented {\n  // https://github.com/mapbox/mapbox-gl-js/issues/6522\n  fire(type: string, properties?: {[key: string]: any});\n\n  addControl(control: IControl<this>, position?: ControlPosition);\n\n  removeControl(control: IControl<this>);\n\n  hasControl(control: IControl<this>): boolean;\n\n  resize(): this;\n\n  queryRenderedFeatures(geometry?: any, options?: any): any[];\n\n  setStyle(style: any, options?: any);\n\n  isMoving(): boolean;\n\n  getStyle(): any;\n\n  isStyleLoaded(): boolean | void;\n\n  addSource(id: string, source: any);\n\n  removeSource(id: string): this;\n\n  getSource(id: string): any;\n\n  addLayer(layer: any, before?: string);\n\n  moveLayer(id: string, beforeId?: string);\n\n  removeLayer(id: string);\n\n  getLayer(id: string): any;\n\n  setFilter(layer: string, filter?: any[] | boolean | null);\n\n  setLayerZoomRange(layerId: string, minzoom: number, maxzoom: number);\n\n  setPaintProperty(layer: string, name: string, value: any);\n\n  setLayoutProperty(layer: string, name: string, value: any);\n\n  project(lnglat: any): Point;\n\n  unproject(point: any): LngLat;\n\n  queryTerrainElevation?(lngLat: any, options?: any): number | null;\n\n  getContainer(): HTMLElement;\n\n  getCanvas(): HTMLCanvasElement;\n\n  remove(): void;\n\n  triggerRepaint(): void;\n\n  setPadding(padding: PaddingOptions);\n\n  fitBounds(bounds: any, options?: any);\n\n  setFog?(fog: any);\n\n  setLight?(options: any, lightOptions?: any);\n\n  setTerrain?(terrain?: any);\n}\n\nexport interface MarkerInstance extends Evented {\n  addTo(map: MapInstance): this;\n  remove(): this;\n\n  getLngLat(): LngLat;\n  setLngLat(lngLat: LngLatLike): this;\n\n  getElement(): HTMLElement;\n\n  setPopup(popup?: any): this;\n  getPopup(): any;\n\n  getOffset(): PointLike;\n  setOffset(offset: PointLike): this;\n\n  setDraggable(value: boolean): this;\n  isDraggable(): boolean;\n\n  getRotation(): number;\n  setRotation(rotation: number): this;\n\n  getRotationAlignment(): any;\n  setRotationAlignment(alignment: any): this;\n\n  getPitchAlignment(): any;\n  setPitchAlignment(alignment: any): this;\n}\n\nexport interface PopupInstance extends Evented {\n  options?: any;\n\n  addTo(map: MapInstance): this;\n  remove(): this;\n\n  isOpen(): boolean;\n\n  getLngLat(): LngLat;\n  setLngLat(lnglat: LngLatLike): this;\n\n  getElement(): HTMLElement;\n\n  setDOMContent(htmlNode: any): this;\n\n  getMaxWidth(): any;\n  setMaxWidth(maxWidth: any): this;\n\n  addClassName(className: string): void;\n  removeClassName(className: string): void;\n\n  setOffset(offset?: any): this;\n}\n\nexport interface AttributionControlInstance extends IControl {\n  _container?: HTMLElement;\n}\n\nexport interface FullscreenControlInstance extends IControl {\n  _controlContainer?: HTMLElement;\n}\n\nexport interface GeolocateControlInstance extends IControl, Evented {\n  _container?: HTMLElement;\n  trigger();\n}\n\nexport interface NavigationControlInstance extends IControl {\n  _container?: HTMLElement;\n}\n\nexport interface ScaleControlInstance extends IControl {\n  _container?: HTMLElement;\n  options?: any;\n  setUnit(unit: any): void;\n}\n\n/**\n * A user-facing type that represents the minimal intersection between Mapbox and Maplibre\n * User provided `mapLib` is supposed to implement this interface\n * Only losely typed for compatibility\n */\nexport interface MapLib<MapT extends MapInstance> {\n  supported?: (options: any) => boolean;\n\n  Map: {new (options: any): MapT};\n\n  Marker: {new (...options: any[]): MarkerInstance};\n\n  Popup: {new (options: any): PopupInstance};\n\n  AttributionControl: {new (options: any): AttributionControlInstance};\n\n  FullscreenControl: {new (options: any): FullscreenControlInstance};\n\n  GeolocateControl: {new (options: any): GeolocateControlInstance};\n\n  NavigationControl: {new (options: any): NavigationControlInstance};\n\n  ScaleControl: {new (options: any): ScaleControlInstance};\n}\n\n/**\n * Stub for mapbox's Transform class\n * https://github.com/mapbox/mapbox-gl-js/blob/main/src/geo/transform.js\n */\nexport type Transform = {\n  width: number;\n  height: number;\n  center: LngLat;\n  zoom: number;\n  bearing: number;\n  pitch: number;\n  padding: PaddingOptions;\n  elevation: any;\n  pixelsToGLUnits: [number, number];\n  cameraElevationReference: 'ground' | 'sea';\n\n  clone: () => Transform;\n  resize: (width: number, height: number) => void;\n  isPaddingEqual: (value: PaddingOptions) => boolean;\n  getBounds: () => any;\n  locationPoint: (lngLat: LngLat) => Point;\n  pointLocation: (p: Point) => LngLat;\n\n  // Mapbox only\n  getProjection?: () => any;\n  setProjection?: (projection: any) => void;\n};\n\nexport type MapInstanceInternal<MapT extends MapInstance> = MapT & {\n  transform: Transform;\n\n  _render: Function;\n\n  _renderTaskQueue: {\n    run: Function;\n  };\n};\n\n// Custom layer\nexport interface CustomLayerInterface {\n  id: string;\n  type: 'custom';\n  renderingMode?: '2d' | '3d';\n\n  onRemove?(map: MapInstance, gl: WebGLRenderingContext): void;\n  onAdd?(map: MapInstance, gl: WebGLRenderingContext): void;\n\n  prerender?(gl: WebGLRenderingContext, matrix: number[]): void;\n  render(gl: WebGLRenderingContext, matrix: number[]): void;\n}\n\n// Custom source\n\nexport interface CustomSourceImplementation<TileDataT> {\n  id: string;\n  type: 'custom';\n  dataType: 'raster';\n  minzoom?: number;\n  maxzoom?: number;\n  scheme?: string;\n  tileSize?: number;\n  attribution?: string;\n  bounds?: [number, number, number, number];\n  hasTile?: (tileID: {z: number; x: number; y: number}) => boolean;\n  loadTile: (\n    tileID: {z: number; x: number; y: number},\n    options: {signal: AbortSignal}\n  ) => Promise<TileDataT>;\n  prepareTile?: (tileID: {z: number; x: number; y: number}) => TileDataT | undefined;\n  unloadTile?: (tileID: {z: number; x: number; y: number}) => void;\n  onAdd?: (map: MapInstance) => void;\n  onRemove?: (map: MapInstance) => void;\n}\n\nexport interface CustomSource<TileDataT = unknown> {\n  id: string;\n  type: 'custom';\n  scheme: string;\n  minzoom: number;\n  maxzoom: number;\n  tileSize: number;\n  attribution: string;\n\n  _implementation: CustomSourceImplementation<TileDataT>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"lib.js","names":[],"sources":["../../src/types/lib.ts"],"sourcesContent":["import type {\n  Map,\n  MapOptions,\n  Marker,\n  MarkerOptions,\n  Popup,\n  PopupOptions,\n  AttributionControl,\n  AttributionControlOptions,\n  FullscreenControl,\n  FullscreenControlOptions,\n  GeolocateControl,\n  GeolocateControlOptions,\n  NavigationControl,\n  NavigationControlOptions,\n  ScaleControl,\n  ScaleControlOptions,\n  TerrainControl,\n  TerrainSpecification,\n  LogoControl,\n  LogoControlOptions,\n} from \"maplibre-gl\";\n\nexport type {\n  ControlPosition,\n  IControl,\n  Map,\n  MapOptions,\n  Marker,\n  MarkerOptions,\n  Popup,\n  PopupOptions,\n  AttributionControl,\n  AttributionControlOptions,\n  FullscreenControl,\n  FullscreenControlOptions,\n  GeolocateControl,\n  GeolocateControlOptions,\n  NavigationControl,\n  NavigationControlOptions,\n  ScaleControl,\n  ScaleControlOptions,\n  TerrainControl,\n  LogoControl,\n  LogoControlOptions,\n  CustomLayerInterface,\n} from \"maplibre-gl\";\n\n/**\n * A user-facing type that represents the minimal intersection between Mapbox and Maplibre\n * User provided `mapLib` is supposed to implement this interface\n * Only losely typed for compatibility\n */\nexport interface MapLib {\n  supported?: (options: any) => boolean;\n\n  Map: { new (options: MapOptions): Map };\n\n  Marker: { new (options: MarkerOptions): Marker };\n\n  Popup: { new (options: PopupOptions): Popup };\n\n  AttributionControl: {\n    new (options: AttributionControlOptions): AttributionControl;\n  };\n\n  FullscreenControl: {\n    new (options: FullscreenControlOptions): FullscreenControl;\n  };\n\n  GeolocateControl: {\n    new (options: GeolocateControlOptions): GeolocateControl;\n  };\n\n  NavigationControl: {\n    new (options: NavigationControlOptions): NavigationControl;\n  };\n\n  ScaleControl: { new (options: ScaleControlOptions): ScaleControl };\n\n  TerrainControl: { new (options: TerrainSpecification): TerrainControl };\n\n  LogoControl: { new (options: LogoControlOptions): LogoControl };\n}\n"],"mappings":"","ignoreList":[]}

package/dist/types/style-spec.d.ts

@@ -0,0 +1 @@
+export type { LayerSpecification, FillLayerSpecification, LineLayerSpecification, SymbolLayerSpecification, CircleLayerSpecification, HeatmapLayerSpecification, FillExtrusionLayerSpecification, RasterLayerSpecification, HillshadeLayerSpecification, BackgroundLayerSpecification, SourceSpecification, VectorSourceSpecification, RasterSourceSpecification, RasterDEMSourceSpecification, GeoJSONSourceSpecification, VideoSourceSpecification, ImageSourceSpecification, CanvasSourceSpecification, StyleSpecification, SkySpecification, LightSpecification, TerrainSpecification, ProjectionSpecification, } from "maplibre-gl";

package/dist/types/style-spec.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=style-spec.js.map

package/dist/types/style-spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-spec.js","names":[],"sources":["../../src/types/style-spec.ts"],"sourcesContent":["/*\n * Maplibre Style Specification types\n * Type names are aligned with mapbox\n */\nexport type {\n  // Layers\n  LayerSpecification,\n  FillLayerSpecification,\n  LineLayerSpecification,\n  SymbolLayerSpecification,\n  CircleLayerSpecification,\n  HeatmapLayerSpecification,\n  FillExtrusionLayerSpecification,\n  RasterLayerSpecification,\n  HillshadeLayerSpecification,\n  BackgroundLayerSpecification,\n\n  // Sources\n  SourceSpecification,\n  VectorSourceSpecification,\n  RasterSourceSpecification,\n  RasterDEMSourceSpecification,\n  GeoJSONSourceSpecification,\n  VideoSourceSpecification,\n  ImageSourceSpecification,\n  CanvasSourceSpecification,\n\n  // Style\n  StyleSpecification,\n  SkySpecification,\n  LightSpecification,\n  TerrainSpecification,\n  ProjectionSpecification,\n} from \"maplibre-gl\";\n"],"mappings":"","ignoreList":[]}

package/dist/utils/apply-react-style.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import * as React from "react";
 export declare function applyReactStyle(element: HTMLElement, styles: React.CSSProperties): void;

package/dist/utils/apply-react-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"apply-react-style.js","names":["unitlessNumber","applyReactStyle","element","styles","style","key","value","Number","isFinite","test"],"sources":["../../src/utils/apply-react-style.ts"],"sourcesContent":["import * as React from 'react';\n// This is a simplified version of\n// https://github.com/facebook/react/blob/4131af3e4bf52f3a003537ec95a1655147c81270/src/renderers/dom/shared/CSSPropertyOperations.js#L62\nconst unitlessNumber = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;\n\nexport function applyReactStyle(element: HTMLElement, styles: React.CSSProperties) {\n  if (!element || !styles) {\n    return;\n  }\n  const style = element.style;\n\n  for (const key in styles) {\n    const value = styles[key];\n    if (Number.isFinite(value) && !unitlessNumber.test(key)) {\n      style[key] = `${value}px`;\n    } else {\n      style[key] = value;\n    }\n  }\n}\n"],"mappings":"AAGA,MAAMA,cAAc,GAAG,yEAAyE;AAEhG,OAAO,SAASC,eAAeA,CAACC,OAAoB,EAAEC,MAA2B,EAAE;EACjF,IAAI,CAACD,OAAO,IAAI,CAACC,MAAM,EAAE;IACvB;EACF;EACA,MAAMC,KAAK,GAAGF,OAAO,CAACE,KAAK;EAE3B,KAAK,MAAMC,GAAG,IAAIF,MAAM,EAAE;IACxB,MAAMG,KAAK,GAAGH,MAAM,CAACE,GAAG,CAAC;IACzB,IAAIE,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,IAAI,CAACN,cAAc,CAACS,IAAI,CAACJ,GAAG,CAAC,EAAE;MACvDD,KAAK,CAACC,GAAG,CAAC,GAAG,GAAGC,KAAK,IAAI;IAC3B,CAAC,MAAM;MACLF,KAAK,CAACC,GAAG,CAAC,GAAGC,KAAK;IACpB;EACF;AACF","ignoreList":[]}
+{"version":3,"file":"apply-react-style.js","names":["unitlessNumber","applyReactStyle","element","styles","style","key","value","Number","isFinite","test"],"sources":["../../src/utils/apply-react-style.ts"],"sourcesContent":["import * as React from \"react\";\n// This is a simplified version of\n// https://github.com/facebook/react/blob/4131af3e4bf52f3a003537ec95a1655147c81270/src/renderers/dom/shared/CSSPropertyOperations.js#L62\nconst unitlessNumber =\n  /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;\n\nexport function applyReactStyle(\n  element: HTMLElement,\n  styles: React.CSSProperties,\n) {\n  if (!element || !styles) {\n    return;\n  }\n  const style = element.style;\n\n  for (const key in styles) {\n    const value = styles[key];\n    if (Number.isFinite(value) && !unitlessNumber.test(key)) {\n      style[key] = `${value}px`;\n    } else {\n      style[key] = value;\n    }\n  }\n}\n"],"mappings":"AAGA,MAAMA,cAAc,GAClB,yEAAyE;AAE3E,OAAO,SAASC,eAAeA,CAC7BC,OAAoB,EACpBC,MAA2B,EAC3B;EACA,IAAI,CAACD,OAAO,IAAI,CAACC,MAAM,EAAE;IACvB;EACF;EACA,MAAMC,KAAK,GAAGF,OAAO,CAACE,KAAK;EAE3B,KAAK,MAAMC,GAAG,IAAIF,MAAM,EAAE;IACxB,MAAMG,KAAK,GAAGH,MAAM,CAACE,GAAG,CAAC;IACzB,IAAIE,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,IAAI,CAACN,cAAc,CAACS,IAAI,CAACJ,GAAG,CAAC,EAAE;MACvDD,KAAK,CAACC,GAAG,CAAC,GAAG,GAAGC,KAAK,IAAI;IAC3B,CAAC,MAAM;MACLF,KAAK,CAACC,GAAG,CAAC,GAAGC,KAAK;IACpB;EACF;AACF","ignoreList":[]}

package/dist/utils/compare-class-names.d.ts

@@ -0,0 +1,2 @@
+/** Compare two classNames string and return the difference */
+export declare function compareClassNames(prevClassName: string | undefined, nextClassName: string | undefined): string[] | null;

package/dist/utils/compare-class-names.js

@@ -0,0 +1,23 @@
+export function compareClassNames(prevClassName, nextClassName) {
+  if (prevClassName === nextClassName) {
+    return null;
+  }
+  const prevClassList = getClassList(prevClassName);
+  const nextClassList = getClassList(nextClassName);
+  const diff = [];
+  for (const c of nextClassList) {
+    if (!prevClassList.has(c)) {
+      diff.push(c);
+    }
+  }
+  for (const c of prevClassList) {
+    if (!nextClassList.has(c)) {
+      diff.push(c);
+    }
+  }
+  return diff.length === 0 ? null : diff;
+}
+function getClassList(className) {
+  return new Set(className ? className.trim().split(/\s+/) : []);
+}
+//# sourceMappingURL=compare-class-names.js.map

package/dist/utils/compare-class-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-class-names.js","names":["compareClassNames","prevClassName","nextClassName","prevClassList","getClassList","nextClassList","diff","c","has","push","length","className","Set","trim","split"],"sources":["../../src/utils/compare-class-names.ts"],"sourcesContent":["/** Compare two classNames string and return the difference */\nexport function compareClassNames(\n  prevClassName: string | undefined,\n  nextClassName: string | undefined,\n): string[] | null {\n  if (prevClassName === nextClassName) {\n    return null;\n  }\n\n  const prevClassList = getClassList(prevClassName);\n  const nextClassList = getClassList(nextClassName);\n  const diff: string[] = [];\n\n  for (const c of nextClassList) {\n    if (!prevClassList.has(c)) {\n      diff.push(c);\n    }\n  }\n  for (const c of prevClassList) {\n    if (!nextClassList.has(c)) {\n      diff.push(c);\n    }\n  }\n  return diff.length === 0 ? null : diff;\n}\n\nfunction getClassList(className: string | undefined) {\n  return new Set(className ? className.trim().split(/\\s+/) : []);\n}\n"],"mappings":"AACA,OAAO,SAASA,iBAAiBA,CAC/BC,aAAiC,EACjCC,aAAiC,EAChB;EACjB,IAAID,aAAa,KAAKC,aAAa,EAAE;IACnC,OAAO,IAAI;EACb;EAEA,MAAMC,aAAa,GAAGC,YAAY,CAACH,aAAa,CAAC;EACjD,MAAMI,aAAa,GAAGD,YAAY,CAACF,aAAa,CAAC;EACjD,MAAMI,IAAc,GAAG,EAAE;EAEzB,KAAK,MAAMC,CAAC,IAAIF,aAAa,EAAE;IAC7B,IAAI,CAACF,aAAa,CAACK,GAAG,CAACD,CAAC,CAAC,EAAE;MACzBD,IAAI,CAACG,IAAI,CAACF,CAAC,CAAC;IACd;EACF;EACA,KAAK,MAAMA,CAAC,IAAIJ,aAAa,EAAE;IAC7B,IAAI,CAACE,aAAa,CAACG,GAAG,CAACD,CAAC,CAAC,EAAE;MACzBD,IAAI,CAACG,IAAI,CAACF,CAAC,CAAC;IACd;EACF;EACA,OAAOD,IAAI,CAACI,MAAM,KAAK,CAAC,GAAG,IAAI,GAAGJ,IAAI;AACxC;AAEA,SAASF,YAAYA,CAACO,SAA6B,EAAE;EACnD,OAAO,IAAIC,GAAG,CAACD,SAAS,GAAGA,SAAS,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChE","ignoreList":[]}

package/dist/utils/deep-equal.d.ts

@@ -1,4 +1,4 @@
-import type { PointLike } from '../types';
+import type { PointLike } from "../types/common";
 /**
  * Compare two points
  * @param a

package/dist/utils/deep-equal.js

@@ -25,7 +25,7 @@ export function deepEqual(a, b) {
   } else if (Array.isArray(b)) {
     return false;
   }
-  if (typeof a === 'object' && typeof b === 'object') {
+  if (typeof a === "object" && typeof b === "object") {
     const aKeys = Object.keys(a);
     const bKeys = Object.keys(b);
     if (aKeys.length !== bKeys.length) {

package/dist/utils/deep-equal.js.map

@@ -1 +1 @@
-{"version":3,"file":"deep-equal.js","names":["arePointsEqual","a","b","ax","Array","isArray","x","ay","y","bx","by","deepEqual","length","i","aKeys","Object","keys","bKeys","key","hasOwnProperty"],"sources":["../../src/utils/deep-equal.ts"],"sourcesContent":["import type {PointLike} from '../types';\n\n/**\n * Compare two points\n * @param a\n * @param b\n * @returns true if the points are equal\n */\nexport function arePointsEqual(a?: PointLike, b?: PointLike): boolean {\n  const ax = Array.isArray(a) ? a[0] : a ? a.x : 0;\n  const ay = Array.isArray(a) ? a[1] : a ? a.y : 0;\n  const bx = Array.isArray(b) ? b[0] : b ? b.x : 0;\n  const by = Array.isArray(b) ? b[1] : b ? b.y : 0;\n  return ax === bx && ay === by;\n}\n\n/* eslint-disable complexity */\n/**\n * Compare any two objects\n * @param a\n * @param b\n * @returns true if the objects are deep equal\n */\nexport function deepEqual(a: any, b: any): boolean {\n  if (a === b) {\n    return true;\n  }\n  if (!a || !b) {\n    return false;\n  }\n  if (Array.isArray(a)) {\n    if (!Array.isArray(b) || a.length !== b.length) {\n      return false;\n    }\n    for (let i = 0; i < a.length; i++) {\n      if (!deepEqual(a[i], b[i])) {\n        return false;\n      }\n    }\n    return true;\n  } else if (Array.isArray(b)) {\n    return false;\n  }\n  if (typeof a === 'object' && typeof b === 'object') {\n    const aKeys = Object.keys(a);\n    const bKeys = Object.keys(b);\n    if (aKeys.length !== bKeys.length) {\n      return false;\n    }\n    for (const key of aKeys) {\n      if (!b.hasOwnProperty(key)) {\n        return false;\n      }\n      if (!deepEqual(a[key], b[key])) {\n        return false;\n      }\n    }\n    return true;\n  }\n  return false;\n}\n"],"mappings":"AAQA,OAAO,SAASA,cAAcA,CAACC,CAAa,EAAEC,CAAa,EAAW;EACpE,MAAMC,EAAE,GAAGC,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,GAAGA,CAAC,CAACK,CAAC,GAAG,CAAC;EAChD,MAAMC,EAAE,GAAGH,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,GAAGA,CAAC,CAACO,CAAC,GAAG,CAAC;EAChD,MAAMC,EAAE,GAAGL,KAAK,CAACC,OAAO,CAACH,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,GAAGA,CAAC,CAACI,CAAC,GAAG,CAAC;EAChD,MAAMI,EAAE,GAAGN,KAAK,CAACC,OAAO,CAACH,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,GAAGA,CAAC,CAACM,CAAC,GAAG,CAAC;EAChD,OAAOL,EAAE,KAAKM,EAAE,IAAIF,EAAE,KAAKG,EAAE;AAC/B;AASA,OAAO,SAASC,SAASA,CAACV,CAAM,EAAEC,CAAM,EAAW;EACjD,IAAID,CAAC,KAAKC,CAAC,EAAE;IACX,OAAO,IAAI;EACb;EACA,IAAI,CAACD,CAAC,IAAI,CAACC,CAAC,EAAE;IACZ,OAAO,KAAK;EACd;EACA,IAAIE,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC,EAAE;IACpB,IAAI,CAACG,KAAK,CAACC,OAAO,CAACH,CAAC,CAAC,IAAID,CAAC,CAACW,MAAM,KAAKV,CAAC,CAACU,MAAM,EAAE;MAC9C,OAAO,KAAK;IACd;IACA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,CAAC,CAACW,MAAM,EAAEC,CAAC,EAAE,EAAE;MACjC,IAAI,CAACF,SAAS,CAACV,CAAC,CAACY,CAAC,CAAC,EAAEX,CAAC,CAACW,CAAC,CAAC,CAAC,EAAE;QAC1B,OAAO,KAAK;MACd;IACF;IACA,OAAO,IAAI;EACb,CAAC,MAAM,IAAIT,KAAK,CAACC,OAAO,CAACH,CAAC,CAAC,EAAE;IAC3B,OAAO,KAAK;EACd;EACA,IAAI,OAAOD,CAAC,KAAK,QAAQ,IAAI,OAAOC,CAAC,KAAK,QAAQ,EAAE;IAClD,MAAMY,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACf,CAAC,CAAC;IAC5B,MAAMgB,KAAK,GAAGF,MAAM,CAACC,IAAI,CAACd,CAAC,CAAC;IAC5B,IAAIY,KAAK,CAACF,MAAM,KAAKK,KAAK,CAACL,MAAM,EAAE;MACjC,OAAO,KAAK;IACd;IACA,KAAK,MAAMM,GAAG,IAAIJ,KAAK,EAAE;MACvB,IAAI,CAACZ,CAAC,CAACiB,cAAc,CAACD,GAAG,CAAC,EAAE;QAC1B,OAAO,KAAK;MACd;MACA,IAAI,CAACP,SAAS,CAACV,CAAC,CAACiB,GAAG,CAAC,EAAEhB,CAAC,CAACgB,GAAG,CAAC,CAAC,EAAE;QAC9B,OAAO,KAAK;MACd;IACF;IACA,OAAO,IAAI;EACb;EACA,OAAO,KAAK;AACd","ignoreList":[]}
+{"version":3,"file":"deep-equal.js","names":["arePointsEqual","a","b","ax","Array","isArray","x","ay","y","bx","by","deepEqual","length","i","aKeys","Object","keys","bKeys","key","hasOwnProperty"],"sources":["../../src/utils/deep-equal.ts"],"sourcesContent":["import type { PointLike } from \"../types/common\";\n\n/**\n * Compare two points\n * @param a\n * @param b\n * @returns true if the points are equal\n */\nexport function arePointsEqual(a?: PointLike, b?: PointLike): boolean {\n  const ax = Array.isArray(a) ? a[0] : a ? a.x : 0;\n  const ay = Array.isArray(a) ? a[1] : a ? a.y : 0;\n  const bx = Array.isArray(b) ? b[0] : b ? b.x : 0;\n  const by = Array.isArray(b) ? b[1] : b ? b.y : 0;\n  return ax === bx && ay === by;\n}\n\n/* eslint-disable complexity */\n/**\n * Compare any two objects\n * @param a\n * @param b\n * @returns true if the objects are deep equal\n */\nexport function deepEqual(a: any, b: any): boolean {\n  if (a === b) {\n    return true;\n  }\n  if (!a || !b) {\n    return false;\n  }\n  if (Array.isArray(a)) {\n    if (!Array.isArray(b) || a.length !== b.length) {\n      return false;\n    }\n    for (let i = 0; i < a.length; i++) {\n      if (!deepEqual(a[i], b[i])) {\n        return false;\n      }\n    }\n    return true;\n  } else if (Array.isArray(b)) {\n    return false;\n  }\n  if (typeof a === \"object\" && typeof b === \"object\") {\n    const aKeys = Object.keys(a);\n    const bKeys = Object.keys(b);\n    if (aKeys.length !== bKeys.length) {\n      return false;\n    }\n    for (const key of aKeys) {\n      if (!b.hasOwnProperty(key)) {\n        return false;\n      }\n      if (!deepEqual(a[key], b[key])) {\n        return false;\n      }\n    }\n    return true;\n  }\n  return false;\n}\n"],"mappings":"AAQA,OAAO,SAASA,cAAcA,CAACC,CAAa,EAAEC,CAAa,EAAW;EACpE,MAAMC,EAAE,GAAGC,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,GAAGA,CAAC,CAACK,CAAC,GAAG,CAAC;EAChD,MAAMC,EAAE,GAAGH,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,GAAGA,CAAC,CAACO,CAAC,GAAG,CAAC;EAChD,MAAMC,EAAE,GAAGL,KAAK,CAACC,OAAO,CAACH,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,GAAGA,CAAC,CAACI,CAAC,GAAG,CAAC;EAChD,MAAMI,EAAE,GAAGN,KAAK,CAACC,OAAO,CAACH,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,GAAGA,CAAC,CAACM,CAAC,GAAG,CAAC;EAChD,OAAOL,EAAE,KAAKM,EAAE,IAAIF,EAAE,KAAKG,EAAE;AAC/B;AASA,OAAO,SAASC,SAASA,CAACV,CAAM,EAAEC,CAAM,EAAW;EACjD,IAAID,CAAC,KAAKC,CAAC,EAAE;IACX,OAAO,IAAI;EACb;EACA,IAAI,CAACD,CAAC,IAAI,CAACC,CAAC,EAAE;IACZ,OAAO,KAAK;EACd;EACA,IAAIE,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC,EAAE;IACpB,IAAI,CAACG,KAAK,CAACC,OAAO,CAACH,CAAC,CAAC,IAAID,CAAC,CAACW,MAAM,KAAKV,CAAC,CAACU,MAAM,EAAE;MAC9C,OAAO,KAAK;IACd;IACA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGZ,CAAC,CAACW,MAAM,EAAEC,CAAC,EAAE,EAAE;MACjC,IAAI,CAACF,SAAS,CAACV,CAAC,CAACY,CAAC,CAAC,EAAEX,CAAC,CAACW,CAAC,CAAC,CAAC,EAAE;QAC1B,OAAO,KAAK;MACd;IACF;IACA,OAAO,IAAI;EACb,CAAC,MAAM,IAAIT,KAAK,CAACC,OAAO,CAACH,CAAC,CAAC,EAAE;IAC3B,OAAO,KAAK;EACd;EACA,IAAI,OAAOD,CAAC,KAAK,QAAQ,IAAI,OAAOC,CAAC,KAAK,QAAQ,EAAE;IAClD,MAAMY,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACf,CAAC,CAAC;IAC5B,MAAMgB,KAAK,GAAGF,MAAM,CAACC,IAAI,CAACd,CAAC,CAAC;IAC5B,IAAIY,KAAK,CAACF,MAAM,KAAKK,KAAK,CAACL,MAAM,EAAE;MACjC,OAAO,KAAK;IACd;IACA,KAAK,MAAMM,GAAG,IAAIJ,KAAK,EAAE;MACvB,IAAI,CAACZ,CAAC,CAACiB,cAAc,CAACD,GAAG,CAAC,EAAE;QAC1B,OAAO,KAAK;MACd;MACA,IAAI,CAACP,SAAS,CAACV,CAAC,CAACiB,GAAG,CAAC,EAAEhB,CAAC,CAACgB,GAAG,CAAC,CAAC,EAAE;QAC9B,OAAO,KAAK;MACd;IACF;IACA,OAAO,IAAI;EACb;EACA,OAAO,KAAK;AACd","ignoreList":[]}

package/dist/utils/set-globals.d.ts

@@ -1,20 +1,18 @@
 export type GlobalSettings = {
-    /** The map's default API URL for requesting tiles, styles, sprites, and glyphs. */
-    baseApiUrl?: string;
     /** The maximum number of images (raster tiles, sprites, icons) to load in parallel.
      * @default 16
      */
     maxParallelImageRequests?: number;
     /** The map's RTL text plugin. Necessary for supporting the Arabic and Hebrew languages, which are written right-to-left.  */
-    RTLTextPlugin?: string | false;
-    /** Provides an interface for external module bundlers such as Webpack or Rollup to package mapbox-gl's WebWorker into a separate class and integrate it with the library.
-  Takes precedence over `workerUrl`. */
-    workerClass?: any;
-    /** The number of web workers instantiated on a page with mapbox-gl maps.
+    RTLTextPlugin?: string | {
+        pluginUrl: string;
+        lazy?: boolean;
+    };
+    /** The number of web workers instantiated on a page with maplibre-gl maps.
      * @default 2
      */
     workerCount?: number;
-    /** Provides an interface for loading mapbox-gl's WebWorker bundle from a self-hosted URL.
+    /** Provides an interface for loading maplibre-gl's WebWorker bundle from a self-hosted URL.
      * This is useful if your site needs to operate in a strict CSP (Content Security Policy) environment
      * wherein you are not allowed to load JavaScript code from a Blob URL, which is default behavior. */
     workerUrl?: string;

package/dist/utils/set-globals.js

@@ -1,19 +1,31 @@
-const globalSettings = ['baseApiUrl', 'maxParallelImageRequests', 'workerClass', 'workerCount', 'workerUrl'];
 export default function setGlobals(mapLib, props) {
-  for (const key of globalSettings) {
-    if (key in props) {
-      mapLib[key] = props[key];
-    }
-  }
   const {
-    RTLTextPlugin = 'https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.2.3/mapbox-gl-rtl-text.js'
+    RTLTextPlugin,
+    maxParallelImageRequests,
+    workerCount,
+    workerUrl
   } = props;
-  if (RTLTextPlugin && mapLib.getRTLTextPluginStatus && mapLib.getRTLTextPluginStatus() === 'unavailable') {
-    mapLib.setRTLTextPlugin(RTLTextPlugin, error => {
+  if (RTLTextPlugin && mapLib.getRTLTextPluginStatus && mapLib.getRTLTextPluginStatus() === "unavailable") {
+    const {
+      pluginUrl,
+      lazy = true
+    } = typeof RTLTextPlugin === "string" ? {
+      pluginUrl: RTLTextPlugin
+    } : RTLTextPlugin;
+    mapLib.setRTLTextPlugin(pluginUrl, error => {
       if (error) {
         console.error(error);
       }
-    }, true);
+    }, lazy);
+  }
+  if (maxParallelImageRequests !== undefined) {
+    mapLib.setMaxParallelImageRequests(maxParallelImageRequests);
+  }
+  if (workerCount !== undefined) {
+    mapLib.setWorkerCount(workerCount);
+  }
+  if (workerUrl !== undefined) {
+    mapLib.setWorkerUrl(workerUrl);
   }
 }
 //# sourceMappingURL=set-globals.js.map

package/dist/utils/set-globals.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-globals.js","names":["globalSettings","setGlobals","mapLib","props","key","RTLTextPlugin","getRTLTextPluginStatus","setRTLTextPlugin","error","console"],"sources":["../../src/utils/set-globals.ts"],"sourcesContent":["export type GlobalSettings = {\n  /** The map's default API URL for requesting tiles, styles, sprites, and glyphs. */\n  baseApiUrl?: string;\n  /** The maximum number of images (raster tiles, sprites, icons) to load in parallel.\n   * @default 16\n   */\n  maxParallelImageRequests?: number;\n  /** The map's RTL text plugin. Necessary for supporting the Arabic and Hebrew languages, which are written right-to-left.  */\n  RTLTextPlugin?: string | false;\n  /** Provides an interface for external module bundlers such as Webpack or Rollup to package mapbox-gl's WebWorker into a separate class and integrate it with the library.\nTakes precedence over `workerUrl`. */\n  workerClass?: any;\n  /** The number of web workers instantiated on a page with mapbox-gl maps.\n   * @default 2\n   */\n  workerCount?: number;\n  /** Provides an interface for loading mapbox-gl's WebWorker bundle from a self-hosted URL.\n   * This is useful if your site needs to operate in a strict CSP (Content Security Policy) environment\n   * wherein you are not allowed to load JavaScript code from a Blob URL, which is default behavior. */\n  workerUrl?: string;\n};\n\nconst globalSettings = [\n  'baseApiUrl',\n  'maxParallelImageRequests',\n  'workerClass',\n  'workerCount',\n  'workerUrl'\n] as const;\n\nexport default function setGlobals(mapLib: any, props: GlobalSettings) {\n  for (const key of globalSettings) {\n    if (key in props) {\n      mapLib[key] = props[key];\n    }\n  }\n\n  const {\n    RTLTextPlugin = 'https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.2.3/mapbox-gl-rtl-text.js'\n  } = props;\n  if (\n    RTLTextPlugin &&\n    mapLib.getRTLTextPluginStatus &&\n    mapLib.getRTLTextPluginStatus() === 'unavailable'\n  ) {\n    mapLib.setRTLTextPlugin(\n      RTLTextPlugin,\n      (error?: Error) => {\n        if (error) {\n          // eslint-disable-next-line\n          console.error(error);\n        }\n      },\n      true\n    );\n  }\n}\n"],"mappings":"AAsBA,MAAMA,cAAc,GAAG,CACrB,YAAY,EACZ,0BAA0B,EAC1B,aAAa,EACb,aAAa,EACb,WAAW,CACH;AAEV,eAAe,SAASC,UAAUA,CAACC,MAAW,EAAEC,KAAqB,EAAE;EACrE,KAAK,MAAMC,GAAG,IAAIJ,cAAc,EAAE;IAChC,IAAII,GAAG,IAAID,KAAK,EAAE;MAChBD,MAAM,CAACE,GAAG,CAAC,GAAGD,KAAK,CAACC,GAAG,CAAC;IAC1B;EACF;EAEA,MAAM;IACJC,aAAa,GAAG;EAClB,CAAC,GAAGF,KAAK;EACT,IACEE,aAAa,IACbH,MAAM,CAACI,sBAAsB,IAC7BJ,MAAM,CAACI,sBAAsB,CAAC,CAAC,KAAK,aAAa,EACjD;IACAJ,MAAM,CAACK,gBAAgB,CACrBF,aAAa,EACZG,KAAa,IAAK;MACjB,IAAIA,KAAK,EAAE;QAETC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;MACtB;IACF,CAAC,EACD,IACF,CAAC;EACH;AACF","ignoreList":[]}
+{"version":3,"file":"set-globals.js","names":["setGlobals","mapLib","props","RTLTextPlugin","maxParallelImageRequests","workerCount","workerUrl","getRTLTextPluginStatus","pluginUrl","lazy","setRTLTextPlugin","error","console","undefined","setMaxParallelImageRequests","setWorkerCount","setWorkerUrl"],"sources":["../../src/utils/set-globals.ts"],"sourcesContent":["export type GlobalSettings = {\n  /** The maximum number of images (raster tiles, sprites, icons) to load in parallel.\n   * @default 16\n   */\n  maxParallelImageRequests?: number;\n  /** The map's RTL text plugin. Necessary for supporting the Arabic and Hebrew languages, which are written right-to-left.  */\n  RTLTextPlugin?: string | { pluginUrl: string; lazy?: boolean };\n  /** The number of web workers instantiated on a page with maplibre-gl maps.\n   * @default 2\n   */\n  workerCount?: number;\n  /** Provides an interface for loading maplibre-gl's WebWorker bundle from a self-hosted URL.\n   * This is useful if your site needs to operate in a strict CSP (Content Security Policy) environment\n   * wherein you are not allowed to load JavaScript code from a Blob URL, which is default behavior. */\n  workerUrl?: string;\n};\n\nexport default function setGlobals(mapLib: any, props: GlobalSettings) {\n  const { RTLTextPlugin, maxParallelImageRequests, workerCount, workerUrl } =\n    props;\n  if (\n    RTLTextPlugin &&\n    mapLib.getRTLTextPluginStatus &&\n    mapLib.getRTLTextPluginStatus() === \"unavailable\"\n  ) {\n    const { pluginUrl, lazy = true } =\n      typeof RTLTextPlugin === \"string\"\n        ? { pluginUrl: RTLTextPlugin }\n        : RTLTextPlugin;\n\n    mapLib.setRTLTextPlugin(\n      pluginUrl,\n      (error?: Error) => {\n        if (error) {\n          // eslint-disable-next-line\n          console.error(error);\n        }\n      },\n      lazy,\n    );\n  }\n  if (maxParallelImageRequests !== undefined) {\n    mapLib.setMaxParallelImageRequests(maxParallelImageRequests);\n  }\n  if (workerCount !== undefined) {\n    mapLib.setWorkerCount(workerCount);\n  }\n  if (workerUrl !== undefined) {\n    mapLib.setWorkerUrl(workerUrl);\n  }\n}\n"],"mappings":"AAiBA,eAAe,SAASA,UAAUA,CAACC,MAAW,EAAEC,KAAqB,EAAE;EACrE,MAAM;IAAEC,aAAa;IAAEC,wBAAwB;IAAEC,WAAW;IAAEC;EAAU,CAAC,GACvEJ,KAAK;EACP,IACEC,aAAa,IACbF,MAAM,CAACM,sBAAsB,IAC7BN,MAAM,CAACM,sBAAsB,CAAC,CAAC,KAAK,aAAa,EACjD;IACA,MAAM;MAAEC,SAAS;MAAEC,IAAI,GAAG;IAAK,CAAC,GAC9B,OAAON,aAAa,KAAK,QAAQ,GAC7B;MAAEK,SAAS,EAAEL;IAAc,CAAC,GAC5BA,aAAa;IAEnBF,MAAM,CAACS,gBAAgB,CACrBF,SAAS,EACRG,KAAa,IAAK;MACjB,IAAIA,KAAK,EAAE;QAETC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;MACtB;IACF,CAAC,EACDF,IACF,CAAC;EACH;EACA,IAAIL,wBAAwB,KAAKS,SAAS,EAAE;IAC1CZ,MAAM,CAACa,2BAA2B,CAACV,wBAAwB,CAAC;EAC9D;EACA,IAAIC,WAAW,KAAKQ,SAAS,EAAE;IAC7BZ,MAAM,CAACc,cAAc,CAACV,WAAW,CAAC;EACpC;EACA,IAAIC,SAAS,KAAKO,SAAS,EAAE;IAC3BZ,MAAM,CAACe,YAAY,CAACV,SAAS,CAAC;EAChC;AACF","ignoreList":[]}

package/dist/utils/style-utils.d.ts

@@ -1,2 +1,3 @@
-import { ImmutableLike, MapStyle } from '../types';
-export declare function normalizeStyle(style: string | MapStyle | ImmutableLike<MapStyle>): string | MapStyle;
+import type { StyleSpecification } from "../types/style-spec";
+import type { ImmutableLike } from "../types/common";
+export declare function normalizeStyle(style: string | StyleSpecification | ImmutableLike<StyleSpecification>): string | StyleSpecification;

package/dist/utils/style-utils.js

@@ -1,12 +1,12 @@
-const refProps = ['type', 'source', 'source-layer', 'minzoom', 'maxzoom', 'filter', 'layout'];
+const refProps = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
 export function normalizeStyle(style) {
   if (!style) {
     return null;
   }
-  if (typeof style === 'string') {
+  if (typeof style === "string") {
     return style;
   }
-  if ('toJS' in style) {
+  if ("toJS" in style) {
     style = style.toJS();
   }
   if (!style.layers) {
@@ -18,7 +18,7 @@ export function normalizeStyle(style) {
   }
   const layers = style.layers.map(layer => {
     let normalizedLayer = null;
-    if ('interactive' in layer) {
+    if ("interactive" in layer) {
       normalizedLayer = Object.assign({}, layer);
       delete normalizedLayer.interactive;
     }

package/dist/utils/style-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-utils.js","names":["refProps","normalizeStyle","style","toJS","layers","layerIndex","layer","id","map","normalizedLayer","Object","assign","interactive","layerRef","ref","propName"],"sources":["../../src/utils/style-utils.ts"],"sourcesContent":["import {ImmutableLike, MapStyle} from '../types';\n\nconst refProps = ['type', 'source', 'source-layer', 'minzoom', 'maxzoom', 'filter', 'layout'];\n\n// Prepare a map style object for diffing\n// If immutable - convert to plain object\n// Work around some issues in older styles that would fail Mapbox's diffing\nexport function normalizeStyle(\n  style: string | MapStyle | ImmutableLike<MapStyle>\n): string | MapStyle {\n  if (!style) {\n    return null;\n  }\n  if (typeof style === 'string') {\n    return style;\n  }\n  if ('toJS' in style) {\n    style = style.toJS();\n  }\n  if (!style.layers) {\n    return style;\n  }\n  const layerIndex = {};\n\n  for (const layer of style.layers) {\n    layerIndex[layer.id] = layer;\n  }\n\n  const layers = style.layers.map(layer => {\n    let normalizedLayer: typeof layer = null;\n\n    if ('interactive' in layer) {\n      normalizedLayer = Object.assign({}, layer);\n      // Breaks style diffing :(\n      // @ts-ignore legacy field not typed\n      delete normalizedLayer.interactive;\n    }\n\n    // Style diffing doesn't work with refs so expand them out manually before diffing.\n    // @ts-ignore legacy field not typed\n    const layerRef = layerIndex[layer.ref];\n    if (layerRef) {\n      normalizedLayer = normalizedLayer || Object.assign({}, layer);\n      // @ts-ignore\n      delete normalizedLayer.ref;\n      // https://github.com/mapbox/mapbox-gl-js/blob/master/src/style-spec/deref.js\n      for (const propName of refProps) {\n        if (propName in layerRef) {\n          normalizedLayer[propName] = layerRef[propName];\n        }\n      }\n    }\n\n    return normalizedLayer || layer;\n  });\n\n  // Do not mutate the style object provided by the user\n  return {...style, layers};\n}\n"],"mappings":"AAEA,MAAMA,QAAQ,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;AAK7F,OAAO,SAASC,cAAcA,CAC5BC,KAAkD,EAC/B;EACnB,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd;EACA,IAAI,MAAM,IAAIA,KAAK,EAAE;IACnBA,KAAK,GAAGA,KAAK,CAACC,IAAI,CAAC,CAAC;EACtB;EACA,IAAI,CAACD,KAAK,CAACE,MAAM,EAAE;IACjB,OAAOF,KAAK;EACd;EACA,MAAMG,UAAU,GAAG,CAAC,CAAC;EAErB,KAAK,MAAMC,KAAK,IAAIJ,KAAK,CAACE,MAAM,EAAE;IAChCC,UAAU,CAACC,KAAK,CAACC,EAAE,CAAC,GAAGD,KAAK;EAC9B;EAEA,MAAMF,MAAM,GAAGF,KAAK,CAACE,MAAM,CAACI,GAAG,CAACF,KAAK,IAAI;IACvC,IAAIG,eAA6B,GAAG,IAAI;IAExC,IAAI,aAAa,IAAIH,KAAK,EAAE;MAC1BG,eAAe,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEL,KAAK,CAAC;MAG1C,OAAOG,eAAe,CAACG,WAAW;IACpC;IAIA,MAAMC,QAAQ,GAAGR,UAAU,CAACC,KAAK,CAACQ,GAAG,CAAC;IACtC,IAAID,QAAQ,EAAE;MACZJ,eAAe,GAAGA,eAAe,IAAIC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEL,KAAK,CAAC;MAE7D,OAAOG,eAAe,CAACK,GAAG;MAE1B,KAAK,MAAMC,QAAQ,IAAIf,QAAQ,EAAE;QAC/B,IAAIe,QAAQ,IAAIF,QAAQ,EAAE;UACxBJ,eAAe,CAACM,QAAQ,CAAC,GAAGF,QAAQ,CAACE,QAAQ,CAAC;QAChD;MACF;IACF;IAEA,OAAON,eAAe,IAAIH,KAAK;EACjC,CAAC,CAAC;EAGF,OAAO;IAAC,GAAGJ,KAAK;IAAEE;EAAM,CAAC;AAC3B","ignoreList":[]}
+{"version":3,"file":"style-utils.js","names":["refProps","normalizeStyle","style","toJS","layers","layerIndex","layer","id","map","normalizedLayer","Object","assign","interactive","layerRef","ref","propName"],"sources":["../../src/utils/style-utils.ts"],"sourcesContent":["import type { StyleSpecification } from \"../types/style-spec\";\nimport type { ImmutableLike } from \"../types/common\";\n\nconst refProps = [\n  \"type\",\n  \"source\",\n  \"source-layer\",\n  \"minzoom\",\n  \"maxzoom\",\n  \"filter\",\n  \"layout\",\n];\n\n// Prepare a map style object for diffing\n// If immutable - convert to plain object\n// Work around some issues in older styles that would fail Mapbox's diffing\nexport function normalizeStyle(\n  style: string | StyleSpecification | ImmutableLike<StyleSpecification>,\n): string | StyleSpecification {\n  if (!style) {\n    return null;\n  }\n  if (typeof style === \"string\") {\n    return style;\n  }\n  if (\"toJS\" in style) {\n    style = style.toJS();\n  }\n  if (!style.layers) {\n    return style;\n  }\n  const layerIndex = {};\n\n  for (const layer of style.layers) {\n    layerIndex[layer.id] = layer;\n  }\n\n  const layers = style.layers.map((layer) => {\n    let normalizedLayer: typeof layer = null;\n\n    if (\"interactive\" in layer) {\n      normalizedLayer = Object.assign({}, layer);\n      // Breaks style diffing :(\n      // @ts-ignore legacy field not typed\n      delete normalizedLayer.interactive;\n    }\n\n    // Style diffing doesn't work with refs so expand them out manually before diffing.\n    // @ts-ignore legacy field not typed\n    const layerRef = layerIndex[layer.ref];\n    if (layerRef) {\n      normalizedLayer = normalizedLayer || Object.assign({}, layer);\n      // @ts-ignore\n      delete normalizedLayer.ref;\n      // https://github.com/mapbox/mapbox-gl-js/blob/master/src/style-spec/deref.js\n      for (const propName of refProps) {\n        if (propName in layerRef) {\n          normalizedLayer[propName] = layerRef[propName];\n        }\n      }\n    }\n\n    return normalizedLayer || layer;\n  });\n\n  // Do not mutate the style object provided by the user\n  return { ...style, layers };\n}\n"],"mappings":"AAGA,MAAMA,QAAQ,GAAG,CACf,MAAM,EACN,QAAQ,EACR,cAAc,EACd,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAQ,CACT;AAKD,OAAO,SAASC,cAAcA,CAC5BC,KAAsE,EACzC;EAC7B,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd;EACA,IAAI,MAAM,IAAIA,KAAK,EAAE;IACnBA,KAAK,GAAGA,KAAK,CAACC,IAAI,CAAC,CAAC;EACtB;EACA,IAAI,CAACD,KAAK,CAACE,MAAM,EAAE;IACjB,OAAOF,KAAK;EACd;EACA,MAAMG,UAAU,GAAG,CAAC,CAAC;EAErB,KAAK,MAAMC,KAAK,IAAIJ,KAAK,CAACE,MAAM,EAAE;IAChCC,UAAU,CAACC,KAAK,CAACC,EAAE,CAAC,GAAGD,KAAK;EAC9B;EAEA,MAAMF,MAAM,GAAGF,KAAK,CAACE,MAAM,CAACI,GAAG,CAAEF,KAAK,IAAK;IACzC,IAAIG,eAA6B,GAAG,IAAI;IAExC,IAAI,aAAa,IAAIH,KAAK,EAAE;MAC1BG,eAAe,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEL,KAAK,CAAC;MAG1C,OAAOG,eAAe,CAACG,WAAW;IACpC;IAIA,MAAMC,QAAQ,GAAGR,UAAU,CAACC,KAAK,CAACQ,GAAG,CAAC;IACtC,IAAID,QAAQ,EAAE;MACZJ,eAAe,GAAGA,eAAe,IAAIC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEL,KAAK,CAAC;MAE7D,OAAOG,eAAe,CAACK,GAAG;MAE1B,KAAK,MAAMC,QAAQ,IAAIf,QAAQ,EAAE;QAC/B,IAAIe,QAAQ,IAAIF,QAAQ,EAAE;UACxBJ,eAAe,CAACM,QAAQ,CAAC,GAAGF,QAAQ,CAACE,QAAQ,CAAC;QAChD;MACF;IACF;IAEA,OAAON,eAAe,IAAIH,KAAK;EACjC,CAAC,CAAC;EAGF,OAAO;IAAE,GAAGJ,KAAK;IAAEE;EAAO,CAAC;AAC7B","ignoreList":[]}

package/dist/utils/transform.d.ts

@@ -1,26 +1,18 @@
-import type { MapboxProps } from '../mapbox/mapbox';
-import type { Transform, ViewState } from '../types';
-/**
- * Make a copy of a transform
- * @param tr
- */
-export declare function cloneTransform(tr: Transform): Transform;
-/**
- * Copy projection from one transform to another. This only applies to mapbox-gl transforms
- * @param src the transform to copy projection settings from
- * @param dest to transform to copy projection settings to
- */
-export declare function syncProjection(src: Transform, dest: Transform): void;
+import type { MaplibreProps } from "../maplibre/maplibre";
+import type { ViewState } from "../types/common";
+import type { TransformLike } from "../types/internal";
 /**
  * Capture a transform's current state
  * @param transform
  * @returns descriptor of the view state
  */
-export declare function transformToViewState(tr: Transform): ViewState;
+export declare function transformToViewState(tr: TransformLike): ViewState;
 /**
- * Mutate a transform to match the given view state
- * @param transform
- * @param viewState
- * @returns true if the transform has changed
+ * Applies requested view state to a transform
+ * @returns an object containing detected changes
  */
-export declare function applyViewStateToTransform(tr: Transform, props: MapboxProps): boolean;
+export declare function applyViewStateToTransform(
+/** An object that describes Maplibre's camera state */
+tr: TransformLike, 
+/** Props from Map component */
+props: MaplibreProps): Partial<TransformLike>;

package/dist/utils/transform.js

@@ -1,19 +1,4 @@
 import { deepEqual } from "./deep-equal.js";
-export function cloneTransform(tr) {
-  const newTransform = tr.clone();
-  newTransform.pixelsToGLUnits = tr.pixelsToGLUnits;
-  return newTransform;
-}
-export function syncProjection(src, dest) {
-  if (!src.getProjection) {
-    return;
-  }
-  const srcProjection = src.getProjection();
-  const destProjection = dest.getProjection();
-  if (!deepEqual(srcProjection, destProjection)) {
-    dest.setProjection(srcProjection);
-  }
-}
 export function transformToViewState(tr) {
   return {
     longitude: tr.center.lng,
@@ -26,31 +11,23 @@ export function transformToViewState(tr) {
 }
 export function applyViewStateToTransform(tr, props) {
   const v = props.viewState || props;
-  let changed = false;
-  if ('zoom' in v) {
-    const zoom = tr.zoom;
-    tr.zoom = v.zoom;
-    changed = changed || zoom !== tr.zoom;
+  const changes = {};
+  if ("longitude" in v && "latitude" in v && (v.longitude !== tr.center.lng || v.latitude !== tr.center.lat)) {
+    const LngLat = tr.center.constructor;
+    changes.center = new LngLat(v.longitude, v.latitude);
   }
-  if ('bearing' in v) {
-    const bearing = tr.bearing;
-    tr.bearing = v.bearing;
-    changed = changed || bearing !== tr.bearing;
+  if ("zoom" in v && v.zoom !== tr.zoom) {
+    changes.zoom = v.zoom;
   }
-  if ('pitch' in v) {
-    const pitch = tr.pitch;
-    tr.pitch = v.pitch;
-    changed = changed || pitch !== tr.pitch;
+  if ("bearing" in v && v.bearing !== tr.bearing) {
+    changes.bearing = v.bearing;
   }
-  if (v.padding && !tr.isPaddingEqual(v.padding)) {
-    changed = true;
-    tr.padding = v.padding;
+  if ("pitch" in v && v.pitch !== tr.pitch) {
+    changes.pitch = v.pitch;
   }
-  if ('longitude' in v && 'latitude' in v) {
-    const center = tr.center;
-    tr.center = new center.constructor(v.longitude, v.latitude);
-    changed = changed || center !== tr.center;
+  if (v.padding && tr.padding && !deepEqual(v.padding, tr.padding)) {
+    changes.padding = v.padding;
   }
-  return changed;
+  return changes;
 }
 //# sourceMappingURL=transform.js.map