@yarrow-uz/yarrow-map-web-sdk 1.0.40

package/dist/maps/brandBadge.d.ts

@@ -0,0 +1,23 @@
+export type BrandBadgeTheme = 'light' | 'dark';
+export type BrandBadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export declare const DEFAULT_BRAND_BADGE_POSITION: BrandBadgePosition;
+export declare const normalizeBrandBadgePosition: (position?: BrandBadgePosition) => BrandBadgePosition;
+type BrandBadgeState = {
+    theme: BrandBadgeTheme;
+    position: BrandBadgePosition;
+};
+export declare class BrandBadgeController {
+    private host?;
+    private container?;
+    private observer?;
+    private enforcerInterval?;
+    private state;
+    mount(container: HTMLElement, state: BrandBadgeState): void;
+    update(state: BrandBadgeState): void;
+    teardown(removeHost?: boolean): void;
+    private getHostInlineStyle;
+    private applyHostStyles;
+    private createHost;
+}
+export {};
+//# sourceMappingURL=brandBadge.d.ts.map

package/dist/maps/yarrow.d.ts

@@ -0,0 +1,157 @@
+import { type GeoJSONSourceSpecification, type LayerSpecification, Map as MaplibreMap, type StyleSpecification } from 'maplibre-gl';
+import { type BrandBadgePosition } from './brandBadge';
+import { type NormalizedYarrowControlsConfig, type YarrowControlsConfig, type YarrowControlsPosition } from './yarrowControls';
+type CacheConfig = {
+    enabled?: boolean;
+    lifespanDays?: number;
+};
+type YarrowMapConfigOptions = {
+    container: HTMLElement | string;
+    center: [number, number];
+    zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    theme?: 'light' | 'dark';
+    cache?: CacheConfig;
+    brandBadgePosition?: BrandBadgePosition;
+    controls?: YarrowControlsConfig;
+};
+type NormalizedCacheConfig = {
+    enabled: boolean;
+    lifespanDays: number;
+};
+type LayerDescriptor = {
+    type: string;
+    name: string;
+};
+type BoundsInput = {
+    type?: string;
+    features: Array<{
+        geometry?: {
+            type?: string;
+            coordinates?: unknown;
+        };
+    }>;
+};
+type RouteFeature = {
+    type: 'Feature';
+    geometry: {
+        type: 'LineString';
+        coordinates: [number, number][];
+    };
+    properties: {
+        duration: number;
+        distance: number;
+        [key: string]: unknown;
+    };
+};
+type RouteBuildResult = {
+    features: RouteFeature[];
+    directions: unknown[];
+};
+type MultiRouteBuildResult = {
+    features: RouteFeature[];
+    directions: unknown[][];
+};
+type SearchResult = {
+    id?: string | number;
+    latitude?: number;
+    longitude?: number;
+    icon_img?: string;
+    name?: string;
+    [key: string]: unknown;
+};
+declare class YarrowMapConfig {
+    container: HTMLElement | string;
+    center: [number, number];
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    theme: 'light' | 'dark';
+    cache: NormalizedCacheConfig;
+    brandBadgePosition: BrandBadgePosition;
+    controls: NormalizedYarrowControlsConfig;
+    constructor(config: YarrowMapConfigOptions);
+    constructor(container: HTMLElement | string, center: [number, number], zoom?: number, minZoom?: number, maxZoom?: number, theme?: 'light' | 'dark', cache?: CacheConfig, brandBadgePosition?: BrandBadgePosition, controls?: YarrowControlsConfig);
+}
+declare class YarrowMap {
+    private static isCacheProtocolRegistered;
+    config: YarrowMapConfig;
+    map?: MaplibreMap;
+    layers: LayerDescriptor[];
+    private brandBadgeController;
+    private yarrowControlsController;
+    constructor(config: YarrowMapConfig);
+    private ensureCacheProtocol;
+    private get cacheLifespanMs();
+    private isCacheEnabled;
+    private transformRequestForCache;
+    private fetchJson;
+    private loadImageFromSrc;
+    private loadIconImage;
+    private getIconsMap;
+    private addIconsToMap;
+    private patchMapRemoveForBadgeCleanup;
+    clearCache(): Promise<void>;
+    fixStyle(style: StyleSpecification | null | undefined): void;
+    init(): Promise<void>;
+    changeStyles(styleType: string | undefined): Promise<StyleSpecification>;
+    changeTheme(theme: 'light' | 'dark'): Promise<StyleSpecification>;
+    zoomTo(lat: number, lng: number, zoom: number): void;
+    fitBounds(data: BoundsInput): void;
+    getBoundingBox(data: BoundsInput): {
+        xMin: number;
+        yMin: number;
+        xMax: number;
+        yMax: number;
+    };
+    onMoveEnd(callback: (lat: number, lng: number, zoom: number) => void): void;
+    onMapClick(callback: (lat: number, lng: number) => void): void;
+    onIconClick(layerGroup: 'pois' | 'buildings', callback: (lat: number, lng: number, properties: Record<string, unknown>) => void): void;
+    onLayerClick(layerName: 'buildings' | 'pois', callback: (lat: number, lng: number, properties: Record<string, unknown>) => void): void;
+    changeBackgroundColor(color: string): void;
+    addLayer(layerName: string, layerType: LayerSpecification['type'], featureCollection: GeoJSONSourceSpecification['data'], paint?: Record<string, unknown>, layout?: Record<string, unknown>, iconSettings?: {
+        width?: number;
+        height?: number;
+    }): void;
+    addMarker(coordinates: [number, number], options?: {
+        element?: HTMLElement;
+        color?: string;
+        draggable?: boolean;
+        anchor?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+        onClick?: () => void;
+    }): maplibregl.Marker | null;
+    removeMarker(marker: maplibregl.Marker | null): void;
+    removeLayer(layerName: string): void;
+    renderRoutes(routes: RouteFeature[], baseLayerName?: string): void;
+    buildRouteWithLabels(startCoordinates: [number, number], endCoordinates: [number, number], profile: string): Promise<RouteBuildResult>;
+    buildMultiSegmentRouteWithLabels(coordinates: [number, number][], profile: string, language?: string): Promise<MultiRouteBuildResult>;
+    clearAllRoutes(): void;
+    highlightSearchResults(query: string, highlightOptions?: {
+        layerName?: string;
+        iconImage?: string;
+        highlightColor?: string;
+        pulseAnimation?: boolean;
+        zoomToResults?: boolean;
+        onIconClick?: (lat: number, lng: number, properties: Record<string, unknown>) => void;
+        onResultsUpdate?: (results: SearchResult[]) => void;
+        onLoadingStateChange?: (state: 'firstRender' | 'rerender' | false) => void;
+    }): () => void;
+    private currentBusRouteInterval?;
+    private currentBusMarkers;
+    private currentRouteLayers;
+    private readonly MAX_BUSES;
+    private svgCache;
+    private mapMoveTimeout?;
+    private busPositions;
+    private animationFrameId?;
+    private animateBusMarkers;
+    private startBusAnimation;
+    private stopBusAnimation;
+    showBusRoute(route_id?: string): Promise<() => void>;
+}
+export { YarrowMap, YarrowMapConfig };
+export type { BrandBadgePosition };
+export type { YarrowControlsConfig, YarrowControlsPosition };
+export type { YarrowMapConfigOptions };
+//# sourceMappingURL=yarrow.d.ts.map

package/dist/maps/yarrowControls.d.ts

@@ -0,0 +1,44 @@
+import type { Map as MaplibreMap } from 'maplibre-gl';
+export type YarrowControlsPosition = 'left' | 'right';
+export type YarrowControlsConfig = {
+    enabled?: boolean;
+    position?: YarrowControlsPosition;
+    zoom?: boolean;
+    compass?: boolean;
+};
+export type NormalizedYarrowControlsConfig = {
+    enabled: boolean;
+    position: YarrowControlsPosition;
+    zoom: boolean;
+    compass: boolean;
+};
+export declare const DEFAULT_YARROW_CONTROLS_CONFIG: NormalizedYarrowControlsConfig;
+export declare const normalizeYarrowControlsConfig: (controls?: YarrowControlsConfig) => NormalizedYarrowControlsConfig;
+type YarrowControlsState = {
+    theme: 'light' | 'dark';
+    controls: NormalizedYarrowControlsConfig;
+};
+export declare class YarrowControlsController {
+    private map?;
+    private host?;
+    private container?;
+    private zoomInButton?;
+    private zoomOutButton?;
+    private compassButton?;
+    private compassNeedle?;
+    private onRotate?;
+    private onZoomInClick?;
+    private onZoomOutClick?;
+    private onCompassClick?;
+    private state;
+    mount(map: MaplibreMap, state: YarrowControlsState): void;
+    update(state: YarrowControlsState): void;
+    teardown(removeHost?: boolean): void;
+    private createDom;
+    private applyHostPosition;
+    private renderVisibleButtons;
+    private attachMapListeners;
+    private updateCompassNeedle;
+}
+export {};
+//# sourceMappingURL=yarrowControls.d.ts.map