@idmwx/idmui-gl3 0.0.2

package/dist/mapbox/src/components/weather/windParticle.vue.d.ts

@@ -0,0 +1,68 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace factor {
+            const type: ObjectConstructor;
+        }
+        namespace viewport {
+            export { Viewport as type };
+        }
+        namespace bottom {
+            const type_1: StringConstructor;
+            export { type_1 as type };
+            const _default: string;
+            export { _default as default };
+        }
+        namespace toggleVersion {
+            const type_2: NumberConstructor;
+            export { type_2 as type };
+        }
+    }
+    function data(): {
+        program: undefined;
+        context: undefined;
+        texture: undefined;
+        rampColor: undefined;
+        aPositionBuffer: undefined;
+        webgl: WebGL;
+        etime: undefined;
+        wrapper: undefined;
+        animation: undefined;
+        particleContext: undefined;
+        particleTexture: undefined;
+        particleOptions: {
+            fadeOpacity: number;
+            speedFactor: number;
+            dropRate: number;
+            dropRateBump: number;
+            uvRange: number[];
+            sRange: number[];
+        };
+        paused: boolean;
+        initial: boolean;
+        right: number;
+    };
+    const watch: {
+        'factor.version': {
+            handler(): void;
+            deep: boolean;
+        };
+        toggleVersion: {
+            handler(): void;
+            immediate: boolean;
+        };
+    };
+    namespace methods {
+        function handleRender(): void;
+        function handleClear(): void;
+        function handleSetup(): void;
+        function handleParticleSetup(): void;
+        function handleDraw(): Promise<void>;
+        function handleResize(): void;
+        function handlePause(): void;
+        function handlePlay(): void;
+    }
+}
+import { Viewport } from '../../helper.ts';
+import { WebGL } from '../../helper.ts';

package/dist/mapbox/src/helper.d.ts

@@ -0,0 +1,161 @@
+import mapboxgl from 'mapbox-gl';
+export interface ParticleOptions {
+    fadeOpacity: number;
+    speedFactor: number;
+    dropRate: number;
+    dropRateBump: number;
+    uvRange: number[];
+    sRange: number[];
+}
+export declare class Viewport {
+    private map;
+    private mercator;
+    rampColorLayer: string;
+    rampColorSource: string;
+    particleLayer: string;
+    particleSource: string;
+    rampColorCanvas: HTMLCanvasElement;
+    particleCanvas: HTMLCanvasElement;
+    ratio: number;
+    constructor(map: mapboxgl.Map);
+    /**
+     * 转换为[-180, 180]的经度，且包含转换次数
+     * @param lng
+     * @param n
+     */
+    private convertNLng;
+    /**
+     * [4326坐标]
+     * 返回视窗边界经纬度(从西北方向逆时针返回四个角的经纬度)
+     * 依次为： NW, NE, SE, SW
+     * @param map
+     * @return [[lng, lat], [lng, lat], [lng, lat], [lng, lat]]
+     */
+    getBoundLngLat(): number[][];
+    /**
+     * [视窗像素坐标]
+     * @see https://github.com/mapbox/sphericalmercator
+     * 返回视窗边界像素
+     * 依次为: 左下角(lf = left bottom)、右上角(rt = right top)
+     * @param [lb.x, lb.y, rt.x, rt.y]
+     */
+    getBoundPixel(): any[];
+    /**
+     * [视窗边界像素宽度]
+     */
+    getBoundRange(): any[];
+    /**
+     * 获取视窗世界（多世界复本）
+     * @param pixels
+     * @param zoom
+     */
+    getWorldCopy(pixels: number[], zoom: number): number[][];
+    resize(): void;
+    toggle(visible: boolean): void;
+    toggleParticle(visible: boolean): void;
+}
+export declare class WebGL {
+    /**
+     * 创建着色器
+     * @see https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-shaders-and-glsl.html
+     * @param gl
+     * @param type [VERTEX_SHADER, FRAGMENT_SHADER]
+     * @param schema 着色器渲染代码[GLSL]
+     */
+    createShader(gl: WebGLRenderingContext, type: GLenum, schema: any): WebGLShader | null;
+    /**
+     * 创建纹理
+     * @see https://blog.csdn.net/qq_37987033/article/details/128745577
+     * @param gl
+     * @param minFilter
+     * @param magFilter
+     * @param wrapFilter
+     * @param data
+     * @param width??
+     * @param height??
+     */
+    createTexture(gl: WebGLRenderingContext, minFilter: GLint, magFilter: GLint, wrapFilter: GLint, data: Uint8Array | HTMLCanvasElement | HTMLImageElement | undefined, width?: number | undefined, height?: number | undefined): WebGLTexture | null;
+    /**
+     * 创建数据资源
+     * @param type [array, element]
+     * array: ARRAY_BUFFER
+     * element: ELEMENT_ARRAY_BUFFER
+     * @param resource 顶点数据
+     */
+    createDataBuffer(gl: WebGLRenderingContext, type: string, resource: BufferSource | undefined): WebGLBuffer | null;
+    /**
+     * 创建程序
+     * @param gl
+     * @param vertexSchema
+     * @param fragmentSchema
+     */
+    createProgram(gl: WebGLRenderingContext, vertexSchema: string, fragmentSchema: string): WebGLProgram | null;
+    /**
+     * 创建程序并提取attrib & uniform参数
+     * @param gl
+     * @param vertexSchema
+     * @param fragmentSchema
+     */
+    private createProgramWrapper;
+    /**
+     * 初始化渐变色纹理
+     * @param colors
+     */
+    setup(context: WebGLRenderingContext | null, colors: Array<[number, string]>, int8?: boolean, width?: number, height?: number): {
+        canvas: HTMLCanvasElement;
+        texture: WebGLTexture | null;
+    } | undefined;
+    setupParticle(context: WebGLRenderingContext, num?: number): {
+        resolution: number;
+        total: number;
+        texture0: WebGLTexture | null;
+        texture1: WebGLTexture | null;
+        indexBuffer: WebGLBuffer | null;
+    };
+    bind(context: WebGLRenderingContext | null, vertexSchema: string, fragmentSchema: string): {
+        program: WebGLProgram;
+        aPositionBuffer: WebGLBuffer | null;
+    } | {
+        program?: undefined;
+        aPositionBuffer?: undefined;
+    };
+    bindParticle(gl: WebGLRenderingContext, drawVert: string, drawFrag: string, quadVert: string, screenFrag: string, updateFrag: string): {
+        particle: {
+            program: WebGLProgram;
+        } | undefined;
+        screen: {
+            program: WebGLProgram;
+        } | undefined;
+        update: {
+            program: WebGLProgram;
+        } | undefined;
+        quadBuffer: WebGLBuffer | null;
+        frameBuffer: WebGLFramebuffer | null;
+    };
+    draw(viewport: Viewport, context: WebGLRenderingContext | null, program: WebGLProgram | null, texture: WebGLTexture | null, colorTexture: WebGLTexture | null, aPositionBuffer: WebGLBuffer | null, options?: ParticleOptions): void;
+    drawParticle(viewport: Viewport, gl: WebGLRenderingContext, factorTexture: WebGLTexture, wrapper: any, options: ParticleOptions): void;
+    private renderScreen;
+    private renderScreenTexture;
+    renderParticles(viewport: Viewport, gl: WebGLRenderingContext, wrapper: any, options: ParticleOptions): void;
+    updateParticles(viewport: Viewport, gl: WebGLRenderingContext, wrapper: any, options: ParticleOptions): void;
+    resize(viewport: Viewport, gl: WebGLRenderingContext): {
+        screenTexture: WebGLTexture | null;
+        backgroundTexture: WebGLTexture | null;
+    };
+    loadImg(data: any): Promise<HTMLImageElement>;
+}
+/**
+ * WebGL (GLSL)渲染语法
+ */
+export declare class WebGLSchema {
+    static vertexSchema: string;
+    static uvFragmentSchema: string;
+    static fragmentSchema: string;
+}
+export declare class ParticleSchema {
+    static vertexSchema: string;
+    static fragmentSchema: string;
+    static quadVertSchema: string;
+    static screenFragmentSchema: string;
+    static updateFragmentSchema: string;
+}

package/dist/mapbox/src/index.vue.d.ts

@@ -0,0 +1,94 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    const components: undefined;
+    namespace props {
+        namespace map {
+            const type: ObjectConstructor;
+        }
+        namespace token {
+            const type_1: StringConstructor;
+            export { type_1 as type };
+        }
+        namespace ts {
+            const type_2: StringConstructor;
+            export { type_2 as type };
+        }
+        namespace beforeLayer {
+            const type_3: StringConstructor;
+            export { type_3 as type };
+            const _default: string;
+            export { _default as default };
+        }
+    }
+    function data(): {
+        weatherLayers: {};
+        activeWeatherLayers: never[];
+        weatherWeight: number;
+        otherLayers: {};
+        otherWeight: number;
+        showCoord: boolean;
+        showMeasure: boolean;
+        showPoint: boolean;
+        show3d: boolean;
+        meteo: undefined;
+        source: string;
+        gateway: string;
+        zoom: number;
+        viewport: undefined;
+        particleFactor: undefined;
+        showRampColor: boolean;
+        activeWindLayer: boolean;
+        showWindParticle: boolean;
+        showCurrentParticle: boolean;
+        toggleVersion: number;
+        enc: string;
+        defaultMeteoToken: string;
+    };
+    const watch: {
+        ts: {
+            handler(newV: any, oldV: any): void;
+            immediate: boolean;
+        };
+        map: {
+            handler(): void;
+            immediate: boolean;
+        };
+        activeWeatherLayers: {
+            handler(): false | undefined;
+            immediate: boolean;
+        };
+        'particleFactor.particle': {
+            handler(): void;
+            immediate: boolean;
+        };
+        enc: {
+            handler(newV: any, oldV: any): void;
+        };
+    };
+    namespace methods {
+        function fetchWeatherLayers(options?: {
+            tropicals: boolean;
+        }): Promise<void>;
+        function fetchOtherLayers(options?: {
+            all: boolean;
+            dayNight: boolean;
+            enc: boolean;
+        }): Promise<void>;
+        function handleRampColorState(): void;
+        function handleRampColorInitial(): void;
+        function handleDragEndWithZoom4Json(): void;
+        function handleDragEndWithZoom4Image(): void;
+        function handleBboxClip(fc: any, bounds: any): any[];
+        function handleWeatherLayerToggle(): void;
+        function handleBeforeLayerToggle(): void;
+        function handleDateChange(options?: {
+            tropicals: boolean;
+        }): void;
+        function handleWeatherLayerChange(layers: any, activeLayers: any, source: any): void;
+        function handleOtherLayerChange(layers: any): void;
+        function handlePointChange(point: any): Promise<void>;
+        function handle3dToggle(show3d: any): void;
+        function handleParticle(row: any): void;
+    }
+}

package/dist/pi.svg

@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="300" height="300" viewBox="0 0 1280.000000 1280.000000"
+ preserveAspectRatio="xMidYMid meet">
+<g transform="translate(0.000000,1280.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4225 11533 c-100 -6 -311 -23 -335 -27 -14 -3 -59 -10 -100 -16
+-408 -60 -813 -229 -1110 -465 -98 -77 -307 -287 -393 -395 -37 -47 -74 -93
+-82 -102 -7 -9 -22 -29 -32 -45 -9 -15 -20 -30 -23 -33 -16 -13 -139 -202
+-225 -345 -94 -157 -256 -467 -330 -635 -21 -47 -48 -108 -60 -136 -71 -158
+-234 -584 -250 -654 -2 -8 -8 -37 -14 -63 -27 -117 -16 -290 23 -366 40 -76
+162 -100 372 -73 118 16 204 44 274 92 61 41 136 119 179 185 14 22 28 42 31
+45 3 3 19 25 35 50 17 25 34 50 38 55 4 6 34 46 65 90 101 143 233 300 336
+398 289 278 518 397 871 452 58 10 122 14 328 25 184 10 214 9 256 -5 106 -35
+121 -98 96 -410 -3 -38 -7 -104 -10 -145 -17 -256 -42 -587 -50 -670 -20 -206
+-26 -262 -39 -400 -19 -190 -34 -332 -41 -385 -3 -22 -10 -76 -15 -120 -6 -44
+-17 -132 -25 -195 -8 -63 -19 -142 -24 -175 -5 -33 -14 -94 -20 -135 -15 -102
+-38 -247 -57 -355 -9 -49 -18 -101 -20 -115 -5 -26 -42 -220 -50 -255 -8 -40
+-24 -120 -28 -140 -24 -118 -69 -303 -131 -535 -146 -551 -395 -1063 -780
+-1610 -25 -36 -53 -76 -63 -90 -9 -14 -19 -27 -22 -30 -17 -17 -182 -264 -250
+-375 -152 -247 -219 -413 -276 -680 -27 -127 -26 -365 2 -505 64 -314 256
+-557 538 -685 244 -110 548 -108 857 5 74 26 235 110 272 140 152 125 200 168
+241 219 27 33 52 61 55 61 4 0 15 13 24 30 10 16 23 35 30 42 7 7 26 33 43 58
+184 265 381 726 493 1154 89 340 192 880 255 1346 70 507 116 894 162 1355 2
+28 6 66 9 85 5 43 11 101 30 310 8 91 17 188 20 215 5 52 21 236 30 340 3 33
+10 112 15 175 9 106 63 792 75 955 3 39 7 99 10 135 7 94 14 192 20 295 3 50
+8 119 10 155 3 36 10 135 15 220 37 580 40 602 75 657 9 14 38 35 63 46 47 22
+49 22 963 25 862 2 919 2 965 -15 33 -13 56 -30 72 -53 23 -33 24 -41 18 -140
+-3 -58 -8 -121 -11 -140 -2 -19 -9 -82 -15 -140 -5 -58 -14 -150 -20 -205 -24
+-227 -44 -430 -55 -550 -3 -27 -7 -72 -10 -100 -14 -139 -14 -137 -45 -465
+-30 -318 -48 -523 -55 -615 -2 -33 -7 -85 -10 -115 -2 -30 -7 -86 -10 -125 -3
+-38 -7 -92 -10 -120 -3 -27 -7 -84 -10 -125 -20 -286 -26 -373 -35 -512 -5
+-86 -11 -190 -14 -230 -3 -40 -8 -127 -11 -193 -3 -66 -10 -219 -16 -340 -20
+-390 6 -1130 52 -1530 6 -49 12 -107 15 -127 2 -21 9 -68 15 -105 6 -38 12
+-79 14 -93 3 -31 32 -192 44 -245 111 -505 245 -828 465 -1115 27 -36 56 -72
+65 -81 9 -8 32 -34 51 -58 61 -75 230 -220 345 -297 333 -222 693 -309 1115
+-270 217 21 480 98 697 206 120 59 284 160 348 212 229 190 372 331 457 451
+12 18 30 41 40 51 10 11 18 23 18 27 0 4 6 14 13 21 62 66 217 356 300 563
+157 394 304 1011 333 1401 20 271 -119 446 -361 453 -165 5 -295 -61 -373
+-191 -17 -30 -52 -107 -77 -171 -109 -290 -191 -439 -303 -553 -85 -88 -95
+-96 -167 -140 -229 -138 -516 -160 -774 -57 -70 28 -167 83 -216 123 -47 39
+-148 142 -175 178 -14 18 -33 43 -43 54 -33 40 -126 243 -156 343 -59 191 -96
+423 -109 670 -18 350 -2 1241 33 1805 15 249 36 562 40 615 3 33 7 85 10 115
+39 461 86 924 130 1275 71 571 75 585 180 632 37 17 101 18 915 23 771 4 883
+7 940 22 36 9 107 24 158 33 52 9 118 27 148 40 101 45 175 134 211 254 14 49
+17 128 20 596 3 360 1 568 -7 625 -20 157 -96 273 -216 330 -132 64 90 60
+-3744 58 -1917 -1 -3507 -3 -3535 -5z"/>
+</g>
+</svg>

package/dist/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--idm-white: rgba(255, 255, 255, 1);--idm-white-9: rgba(255, 255, 255, .9);--idm-white-8: rgba(255, 255, 255, .8);--idm-white-7: rgba(255, 255, 255, .7);--idm-white-6: rgba(255, 255, 255, .6);--idm-white-5: rgba(255, 255, 255, .5);--idm-white-4: rgba(255, 255, 255, .4);--idm-white-3: rgba(255, 255, 255, .3);--idm-white-2: rgba(255, 255, 255, .2);--idm-white-1: rgba(255, 255, 255, .1);--idm-black: rgba(0, 0, 0, 1);--idm-black-9: rgba(0, 0, 0, .9);--idm-black-8: rgba(0, 0, 0, .8);--idm-black-7: rgba(0, 0, 0, .7);--idm-black-6: rgba(0, 0, 0, .6);--idm-black-5: rgba(0, 0, 0, .5);--idm-black-4: rgba(0, 0, 0, .4);--idm-black-3: rgba(0, 0, 0, .3);--idm-black-2: rgba(0, 0, 0, .2);--idm-black-1: rgba(0, 0, 0, .1);--idm-gray-light: rgba(239, 239, 239, 1);--idm-primary-color: rgba(42, 87, 183, 1);--idm-primary-color-light: #6c8ad9;--idm-primary-color-light2: #a7c4ff;--idm-primary-color-dark: #053a7e;--idm-primary-color-dark2: #002e6b;--idm-primary-color-9: rgba(42, 87, 183, .9);--idm-primary-color-8: rgba(42, 87, 183, .8);--idm-primary-color-7: rgba(42, 87, 183, .7);--idm-primary-color-6: rgba(42, 87, 183, .6);--idm-primary-color-5: rgba(42, 87, 183, .5);--idm-primary-color-4: rgba(42, 87, 183, .4);--idm-primary-color-3: rgba(42, 87, 183, .3);--idm-primary-color-2: rgba(42, 87, 183, .2);--idm-primary-color-1: rgba(42, 87, 183, .1);--idm-success-color: #0ddd9f;--idm-success-color-light: #92f7d9;--idm-success-color-dark: #06a074;--idm-success-color-dark2: #06694c;--idm-warning-color: #ff9500;--idm-warning-color-light: #ffcc00;--idm-warning-color-dark: #c77402;--idm-danger-color: #f44336;--idm-danger-color-light: #fb796e;--idm-danger-color-dark: #ad251b;--idm-info-color: #6e6e6e;--idm-info-color-light: #969696;--idm-info-color-light2: #c0c0c0;--idm-info-color-light3: #e2e2e2;--idm-info-color-dark: #494949;--idm-dangerous: #f44336;--idm-severe: #ff9500;--idm-heavy: #ffff00;--idm-vessel-cargo-color: lightgreen;--idm-vessel-tanker-color: red;--idm-vessel-passenger-color: blue;--idm-vessel-other-color: lightgrey;--idm-perf-cii-a: var(--idm-success-color);--idm-perf-cii-b: var(--idm-success-color-light);--idm-perf-cii-c: var(--idm-warning-color);--idm-perf-cii-d: var(--idm-danger-color-light);--idm-perf-cii-e: var(--idm-danger-color);--idm-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);--idm-dashed-border: 1px dashed var(--idm-white-5);--idm-solid-border: 1px solid var(--idm-white-4);--idm-background-color: var(--idm-primary-color-9);--idm-background-color-dark: var(--idm-primary-color-dark);--idm-background-color-light: var(--idm-primary-color-light);--idm-background-color-light2: #f3f5f8;--idm-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--idm-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--idm-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--idm-background-linear-gradient-top: linear-gradient(to top, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--idm-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--idm-background-linear-gradient-right: linear-gradient(to right, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--idm-background-linear-gradient-left: linear-gradient(to left, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--idm-blink-animation: blink .8s ease-out infinite alternate}:root[colorTheme=black]{--idm-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 80%, rgb(0, 0, 0, .8) 100%);--idm-background-linear-gradient-top: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--idm-background-linear-gradient-bottom: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--idm-background-linear-gradient-right: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--idm-background-linear-gradient-left: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .7) 70%, rgb(0, 0, 0, .7) 100%);--idm-active-background-light: linear-gradient(130deg, rgba(117, 117, 117, .93) 30%, rgba(200, 200, 200, .93) 100%);--idm-active-text-shadow-light: 0 0 7px rgb(253, 253, 253), 0 0 21px rgb(226, 226, 226), 0 0 30px rgba(185, 185, 185, .4), 0 0 12px rgba(67, 67, 67, .6), 0 0 22px rgba(27, 27, 27, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--idm-primary-color: rgba(0, 0, 0, .7);--idm-primary-color-light: #757575;--idm-primary-color-light2: #a5a5a5;--idm-primary-color-dark: rgba(0, 0, 0, .8);--idm-primary-color-dark2: rgba(0, 0, 0, 1);--idm-primary-color-9: rgba(0, 0, 0, .9);--idm-primary-color-7: rgba(0, 0, 0, .7);--idm-primary-color-5: rgba(0, 0, 0, .5);--idm-primary-color-3: rgba(0, 0, 0, .3);--idm-primary-color-1: rgba(0, 0, 0, .1)}:root[colorTheme=blue]{--idm-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(41, 32, 165) 0%, rgba(44, 93, 184) 80%, rgba(32, 90, 165) 100%);--idm-background-linear-gradient-top: linear-gradient(to top, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--idm-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--idm-background-linear-gradient-right: linear-gradient(to right, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--idm-background-linear-gradient-left: linear-gradient(to left, rgba(19, 23, 152, .85) 0%, rgba(44, 93, 184, .85) 80%, rgba(64, 110, 196, .85) 100%);--idm-active-background-light: linear-gradient(130deg, rgba(142, 163, 255, .93) 20%, rgb(90 67 193 / 93%) 100%);--idm-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--idm-primary-color: rgba(42, 87, 183, 1);--idm-primary-color-light: #6c8ad9;--idm-primary-color-light2: #a7c4ff;--idm-primary-color-dark: #053a7e;--idm-primary-color-dark2: #002e6b;--idm-primary-color-9: rgba(42, 87, 183, .9);--idm-primary-color-8: rgba(42, 87, 183, .8);--idm-primary-color-7: rgba(42, 87, 183, .7);--idm-primary-color-6: rgba(42, 87, 183, .6);--idm-primary-color-5: rgba(42, 87, 183, .5);--idm-primary-color-4: rgba(42, 87, 183, .4);--idm-primary-color-3: rgba(42, 87, 183, .3);--idm-primary-color-2: rgba(42, 87, 183, .2);--idm-primary-color-1: rgba(42, 87, 183, .1)}:root[colorTheme=dark-blue]{--idm-background-opaque-linear-gradient-top: linear-gradient(to top, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--idm-background-linear-gradient-top: linear-gradient(to top, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--idm-background-linear-gradient-bottom: linear-gradient(to bottom, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--idm-background-linear-gradient-right: linear-gradient(to right, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--idm-background-linear-gradient-left: linear-gradient(to left, rgba(16, 22, 79, .85) 0%, rgba(15, 41, 89, .85) 80%, rgba(19, 47, 108, .85) 100%);--idm-active-background-light: linear-gradient(130deg, rgba(104, 104, 226, .93) 20%, rgba(22, 49, 182, .93) 100%);--idm-active-text-shadow-light: 0 0 7px rgb(194, 255, 247), 0 0 21px rgb(194, 255, 247), 0 0 30px rgba(182, 211, 207, .4), 0 0 12px rgba(15, 115, 223, .6), 0 0 22px rgba(15, 115, 223, .8), 0 0 38px rgba(15, 115, 223, .9), 0 0 60px rgba(15, 115, 223, 1);--idm-primary-color: rgba(42, 87, 183, 1);--idm-primary-color-light: #6266e0;--idm-primary-color-light2: #89b0ff;--idm-primary-color-dark: #00224e;--idm-primary-color-dark2: #021a39;--idm-primary-color-9: rgba(19, 47, 108, .9);--idm-primary-color-7: rgba(19, 47, 108, .7);--idm-primary-color-5: rgba(19, 47, 108, .5);--idm-primary-color-3: rgba(19, 47, 108, .3);--idm-primary-color-1: rgba(19, 47, 108, .1)}@font-face{font-family:iconfont;src:url(https://iconfont.idmwx.com/iconfont.woff2) format("woff2"),url(https://iconfont.idmwx.com/iconfont.woff) format("woff"),url(https://iconfont.idmwx.com/iconfont.ttf) format("truetype"),url(https://iconfont.idmwx.com/iconfont.svg?#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-center{display:flex;align-items:center;justify-content:center}.flex-space{display:flex;align-items:center;justify-content:space-between}.flex-around{display:flex;align-items:center;justify-content:space-around}.flex-evenly{display:flex;align-items:center;justify-content:space-evenly}.flex{flex:1}.dropdown{position:relative;display:inline-block!important}.dropdown .dropdown-content{display:none;position:absolute;z-index:1}.dropdown:hover .dropdown-content{display:block}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--idm-black-5);z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column}.loading i{font-size:30px;color:var(--idm-white);margin-bottom:16px;animation:rotate 2s linear infinite}.loading div{color:var(--idm-white);font-size:16px}@keyframes blink{0%{box-shadow:0 0 20px var(--idm-warning-color-dark) inset}to{box-shadow:0 0 20px var(--idm-success-color) inset}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.idm-gl-layer .fade-enter-active[data-v-66a5718f],.idm-gl-layer .fade-leave-active[data-v-66a5718f]{transition:opacity .4s}.idm-gl-layer .fade-enter[data-v-66a5718f],.idm-gl-layer .fade-leave-to[data-v-66a5718f]{opacity:0}.idm-gl-layer .menu-bar-box[data-v-66a5718f]{position:absolute;overflow-y:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;transition:all .4s ease-in-out;z-index:2}.idm-gl-layer .menu-bar-box .bar-item[data-v-66a5718f]{position:relative;margin-bottom:15px;border-radius:5px;background:var(--idm-white);cursor:pointer;box-shadow:0 2px 12px #0003}.idm-gl-layer .menu-bar-box .bar-item .menu-icon[data-v-66a5718f]{padding:8px;display:flex}.idm-gl-layer .menu-bar-box .bar-item .menu-icon[data-v-66a5718f]:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.idm-gl-layer .menu-bar-box .bar-item .menu-icon[data-v-66a5718f]:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.idm-gl-layer .menu-bar-box .bar-item .menu-icon span[data-v-66a5718f]{font-size:20px;font-weight:600;color:var(--idm-black-8)}.idm-gl-layer .menu-bar-box .bar-item .menu-icon.active[data-v-66a5718f]{background:var(--idm-primary-color)}.idm-gl-layer .menu-bar-box .bar-item .menu-icon.active span[data-v-66a5718f]{color:var(--idm-white)}.idm-gl-layer .layer[data-v-66a5718f]{cursor:pointer;display:inline-flex;align-items:center;padding:5px 0}.idm-gl-layer .layer.disabled[data-v-66a5718f]{cursor:not-allowed}.idm-gl-layer .layer.disabled span[data-v-66a5718f]{color:var(--idm-black-6)}.idm-gl-layer .layer.active .checkbox[data-v-66a5718f]{border:var(--idm-primary-color);background:var(--idm-primary-color)}.idm-gl-layer .layer.active .checkbox[data-v-66a5718f]:after{content:"✔";color:var(--idm-white);font-size:12px;display:flex;align-items:center;justify-content:center}.idm-gl-layer .layer.active span[data-v-66a5718f]{color:var(--idm-primary-color)}.idm-gl-layer .layer .checkbox[data-v-66a5718f]{width:16px;height:16px;margin-right:4px;border:1px solid var(--idm-black-8)}.idm-gl-layer .layer span[data-v-66a5718f]{color:var(--idm-black-8);font-size:14px;width:max-content}.idm-gl-layer .other-bars[data-v-66a5718f]{position:absolute;top:36px;border-radius:5px;background:var(--idm-background-linear-gradient-top);box-shadow:0 2px 12px #0003}.idm-gl-layer .active-layers[data-v-66a5718f]{position:absolute;max-width:250px;min-width:200px;display:flex;flex-wrap:wrap;align-items:center;background:var(--idm-white);border-radius:5px;box-shadow:0 2px 12px #0003;transition:all .4s ease-in-out}.idm-gl-layer .active-layers .layer[data-v-66a5718f]{width:auto;padding:5px}.idm-gl-layer .available-layers[data-v-66a5718f]{position:absolute;height:calc(100vh - 120px);box-sizing:border-box;transition:all .4s ease-in-out}.idm-gl-layer .available-layers .side-bar[data-v-66a5718f]{margin-right:10px;box-sizing:border-box}.idm-gl-layer .available-layers .side-bar i[data-v-66a5718f]{padding:15px 1px;background:var(--idm-white-7);border-radius:5px;cursor:pointer;font-size:18px;font-weight:600;color:var(--idm-black)}.idm-gl-layer .available-layers .list-box[data-v-66a5718f]{height:inherit;width:200px;padding:10px 0;overflow-y:auto;color:var(--idm-black-8);background:var(--idm-white);display:flex;flex-direction:column;box-shadow:0 2px 12px #0003;z-index:1}.idm-gl-layer .available-layers .list-box .layers-title[data-v-66a5718f]{font-size:16px;font-weight:600;padding:0 10px 10px;color:var(--idm-black-8);border-bottom:var(--idm-dashed-border)}.idm-gl-layer .available-layers .list-box .layers-body[data-v-66a5718f]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding:0 10px;font-size:14px}.idm-gl-layer .available-layers .list-box .layers-body .layer[data-v-66a5718f]{width:140px}.idm-gl-layer .available-layers .list-box .model-box[data-v-66a5718f]{display:flex;align-items:center;justify-content:flex-start;margin:10px 0;cursor:pointer}.idm-gl-layer .available-layers .list-box .model-box span[data-v-66a5718f]{padding:3px 10px;border:1px solid #cecece}.idm-gl-layer .available-layers .list-box .model-box span.active[data-v-66a5718f]{color:var(--idm-white);border:1px solid var(--idm-primary-color);background:var(--idm-primary-color)}.idm-gl-layer .available-layers .list-box .model-box span[data-v-66a5718f]:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.idm-gl-layer .available-layers .list-box .model-box span[data-v-66a5718f]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:none}.tool-bars[data-v-59d56055]{transition:all .4s ease-in-out}.tool-bars i[data-v-59d56055]{cursor:pointer;font-size:30px;color:var(--idm-white-8);text-shadow:var(--idm-text-shadow)}.tool-bars i.active[data-v-59d56055]{color:var(--idm-white)}.tool-bars span[data-v-59d56055]{cursor:pointer;font-size:12px;color:var(--idm-black-8);margin-left:4px;background:var(--idm-white-8);padding:2px 4px;border-radius:5px;box-shadow:0 2px 12px #0003}.tool-bars span.active[data-v-59d56055]{color:var(--idm-white);background:var(--idm-primary-color)}.legend-bars[data-v-b7e5940e]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(98,113,184),rgb(98,113,184),rgb(98,113,184),rgb(98,113,184),rgb(61,110,163),rgb(74,148,170),rgb(74,146,148),rgb(77,142,124),rgb(76,164,76),rgb(103,164,54),rgb(162,135,64),rgb(162,109,92),rgb(141,63,92),rgb(151,75,145),rgb(95,100,160),rgb(91,136,161),rgb(91,136,161));padding:2px 0;border-radius:10px;box-shadow:var(--idm-gl-box-shadow)}.legend-bars span[data-v-b7e5940e]{font-size:12px;text-align:center;color:var(--idm-white-8);width:32px}.tool-bars[data-v-ce5e09b8]{transition:all .4s ease-in-out}.tool-bars i[data-v-ce5e09b8]{cursor:pointer;font-size:30px;color:var(--idm-white-8);text-shadow:var(--idm-text-shadow)}.tool-bars i.active[data-v-ce5e09b8]{color:var(--idm-white)}.tool-bars span[data-v-ce5e09b8]{cursor:pointer;font-size:12px;color:var(--idm-black-8);margin-left:4px;background:var(--idm-white-8);padding:2px 4px;border-radius:5px;box-shadow:0 2px 12px #0003}.tool-bars span.active[data-v-ce5e09b8]{color:var(--idm-white);background:var(--idm-primary-color)}.legend-bars[data-v-911e159b]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(84,170,230),rgb(84,170,230),rgb(84,170,230),rgb(84,170,230),rgb(64,127,115),rgb(58,164,58),rgb(191,182,67),rgb(197,154,68),rgb(160,70,94),rgb(138,84,166),rgb(82,113,165),rgb(84,142,152),rgb(150,181,184),rgb(195,194,194),rgb(195,194,194));padding:2px 0;border-radius:10px;box-shadow:var(--idm-gl-box-shadow)}.legend-bars span[data-v-911e159b]{font-size:12px;text-align:center;color:var(--idm-white);width:36px}.active-tropical[data-v-dfdfd5f2]{bottom:unset;background:var(--idm-white-9);padding:10px;border-radius:5px;z-index:5}.active-tropical .header-box[data-v-dfdfd5f2]{min-width:360px;margin-bottom:10px;box-sizing:border-box;color:var(--idm-black-8)}.active-tropical .header-box .close-btn[data-v-dfdfd5f2]{position:relative;height:0px;text-align:right;font-size:22px;color:var(--idm-primary-color)}.active-tropical .header-box .main[data-v-dfdfd5f2]{font-size:16px}.active-tropical .header-box .sub[data-v-dfdfd5f2]{margin:3px 0;font-size:12px;color:var(--idm-info-color)}.active-tropical .main-box[data-v-dfdfd5f2]{min-width:360px;color:var(--idm-black-8);overflow-y:auto;box-sizing:border-box;font-size:12px;z-index:4}.active-tropical .main-box .content[data-v-dfdfd5f2]{padding:5px 0;border-radius:5px;background:var(--idm-gray-light)}.active-tropical .main-box .row[data-v-dfdfd5f2]{width:100%;padding:4px 10px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.active-tropical .main-box .row .col[data-v-dfdfd5f2]{display:flex;align-items:center;justify-content:space-between}.active-tropical .main-box .row .col label[data-v-dfdfd5f2]{width:82px;margin-right:4px;color:var(--idm-info-color)}.active-tropical .main-box .row .col.col-24[data-v-dfdfd5f2]{width:100%}.active-tropical .main-box .row .col.col-left[data-v-dfdfd5f2]{width:55%}.active-tropical .main-box .row .col.col-right[data-v-dfdfd5f2]{width:40%}.forecast-models[data-v-dfdfd5f2]{display:flex;justify-content:flex-end;flex:1;margin-left:5px;flex-wrap:wrap}.forecast-models .model[data-v-dfdfd5f2]{font-size:12px;padding:0 6px 4px;display:flex;border:1px solid var(--idm-primary-color)}.forecast-models .model span[data-v-dfdfd5f2]{border-bottom:2px dashed var(--idm-white)}.forecast-models .model span.cma[data-v-dfdfd5f2]{border-color:#e2ea03cc}.forecast-models .model span.jma[data-v-dfdfd5f2]{border-color:#01d2b7cc}.forecast-models .model span.ecmwf[data-v-dfdfd5f2]{border-color:#f582f2cc}.forecast-models .model span.ukm[data-v-dfdfd5f2]{border-color:#4783f5cc}.forecast-models .model span.noaa-at[data-v-dfdfd5f2],.forecast-models .model span.noaa-ep[data-v-dfdfd5f2]{border-color:#9758fbcc}.forecast-models .model.active[data-v-dfdfd5f2]{border:1px solid var(--idm-primary-color);background-color:var(--idm-primary-color);color:var(--idm-white)}.forecast-models .model[data-v-dfdfd5f2]:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.forecast-models .model.center-child[data-v-dfdfd5f2]{border-left:1px solid var(--idm-primary-color);border-right:1px solid var(--idm-primary-color)}.forecast-models .model[data-v-dfdfd5f2]:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.legend[data-v-dfdfd5f2]{display:flex;align-items:center;color:var(--idm-info-color)}.legend .icon[data-v-dfdfd5f2]{height:14px;width:14px;border-radius:50%;border:3px solid #fff;margin-right:3px}.legend .icon.td[data-v-dfdfd5f2]{background-color:var(--idm-tropicals-td)}.legend .icon.ts[data-v-dfdfd5f2]{background-color:var(--idm-tropicals-ts)}.legend .icon.sts[data-v-dfdfd5f2]{background-color:var(--idm-tropicals-sts)}.legend .icon.ty[data-v-dfdfd5f2]{background-color:var(--idm-tropicals-ty)}.legend .icon.sty[data-v-dfdfd5f2]{background-color:var(--idm-tropicals-sty)}.legend .icon.supper-ty[data-v-dfdfd5f2]{background-color:var(--idm-tropicals-super-ty)}.legend .icon.r7[data-v-dfdfd5f2]{border:1.5px solid var(--idm-tropicals-r7)}.legend .icon.r10[data-v-dfdfd5f2]{border:1.5px solid var(--idm-tropicals-r10)}.legend .icon.history[data-v-dfdfd5f2]{border:none;border-radius:0;height:4px;background:var(--idm-black-5)}.legend .button[data-v-dfdfd5f2]{cursor:pointer;padding:0 4px;border-radius:4px;border:1px solid var(--idm-primary-color);color:var(--idm-primary-color)}.more[data-v-dfdfd5f2]{display:flex;align-items:center;justify-content:flex-end;color:var(--idm-primary-color);font-weight:700;margin-top:5px}.legend-bars[data-v-42b977ed]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgba(59,126,162,0),rgb(172,210,255),rgb(172,210,255),rgb(3,248,103),rgb(14,201,3),rgb(190,226,2),rgb(248,1,1),rgb(197,5,58),rgb(197,5,58));padding:2px 0;border-radius:10px;box-shadow:var(--idm-gl-box-shadow)}.legend-bars span[data-v-42b977ed]{font-size:12px;text-align:center;color:var(--idm-white);width:35px}.legend-bars[data-v-2a5fbadd]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(189,50,160),rgb(189,50,160),rgb(189,50,160),rgb(189,50,160),rgb(208,56,56),rgb(208,56,56),rgb(190,226,2),rgb(190,226,2),rgb(4,210,64),rgb(4,210,64),rgb(172,210,255),rgb(172,210,255));padding:2px 0;border-radius:10px;box-shadow:var(--idm-gl-box-shadow)}.legend-bars span[data-v-2a5fbadd]{font-size:12px;text-align:center;color:var(--idm-white);width:40px}.legend-bars[data-v-5b28deaf]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(95,143,197),rgb(95,143,197),rgb(95,143,197),rgb(95,143,197),rgb(80,140,62),rgb(121,146,28),rgb(171,161,14),rgb(223,177,6),rgb(243,150,6),rgb(236,95,21),rgb(190,65,18),rgb(138,43,10),rgb(138,43,10));padding:2px 0;border-radius:10px;box-shadow:var(--idm-gl-box-shadow)}.legend-bars span[data-v-5b28deaf]{font-size:12px;text-align:center;color:var(--idm-white);width:32px}.legend-bars[data-v-72cd9cf1]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(149,137,211),rgb(149,137,211),rgb(149,137,211),rgb(149,137,211),rgb(150,209,216),rgb(129,204,197),rgb(103,180,186),rgb(95,143,197),rgb(80,140,62),rgb(121,146,28),rgb(171,161,14),rgb(223,177,6),rgb(243,150,6),rgb(236,95,21),rgb(190,65,18),rgb(138,43,10),rgb(138,43,10));padding:2px 0;border-radius:10px;box-shadow:var(--idm-gl-box-shadow)}.legend-bars span[data-v-72cd9cf1]{font-size:12px;text-align:center;color:var(--idm-white);width:32px}.legend-bars[data-v-2092df03]{transition:all .4s ease-in-out;background:linear-gradient(to right,rgb(76,165,228),rgb(76,165,228),rgb(76,165,228),rgb(76,165,228),rgb(103,180,186),rgb(129,204,197),rgb(150,209,216),rgb(180,209,216));padding:2px 0;border-radius:10px;box-shadow:var(--idm-gl-box-shadow)}.legend-bars span[data-v-2092df03]{font-size:12px;text-align:center;color:var(--idm-white);width:40px}.point-meteo[data-v-8b51d938]{bottom:unset}.point-meteo .meteo-box[data-v-8b51d938]{position:absolute;color:var(--idm-black-8);top:0;left:5px;padding:10px;background-color:var(--idm-white-9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:260px;border-top-right-radius:5px;border-bottom-right-radius:5px}.point-meteo .meteo-box .header-box[data-v-8b51d938]{margin-bottom:10px;box-sizing:border-box;color:var(--idm-black-8)}.point-meteo .meteo-box .header-box .close[data-v-8b51d938]{position:relative;height:0px;text-align:right;font-size:22px;color:var(--idm-primary-color)}.point-meteo .meteo-box .header-box .main[data-v-8b51d938]{font-size:16px}.point-meteo .meteo-box .header-box .sub[data-v-8b51d938]{margin:3px 0;font-size:12px;color:var(--idm-info-color)}.point-meteo .meteo-box .main-box[data-v-8b51d938]{padding:0 5px;border-radius:5px;background:var(--idm-gray-light)}.point-meteo .meteo-box .main-box .flex-space[data-v-8b51d938]{padding:3px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--idm-white);box-sizing:border-box}.point-meteo .meteo-box .main-box .flex-space label[data-v-8b51d938]{color:var(--idm-black-8)}.point-meteo .meteo-box .main-box .flex-space label[data-v-8b51d938]:after{content:":"}.point-meteo .meteo-box .main-box .flex-space[data-v-8b51d938]:last-child{border-bottom:none}.point-meteo .meteo-box .more[data-v-8b51d938]{margin-top:5px;color:var(--idm-primary-color);font-weight:700;cursor:pointer}.point-meteo[data-v-8b51d938]:after{display:block;width:8px;height:8px;border-radius:50%;content:"";background-color:var(--idm-black-3);margin-bottom:360px}.point-meteo[data-v-8b51d938]:before{display:block;content:"";width:2px;height:360px;margin-left:3px;border-left:2px solid var(--idm-black-2)}#zone-info[data-v-d1cb4e6e]{position:absolute;background:var(--idm-white);color:var(--idm-black-8);z-index:10}#zone-info .rich-context[data-v-d1cb4e6e]{width:100vw;height:100vh;padding:10px;font-size:14px;font-weight:400;color:var(--idm-black-8)!important;overflow-y:auto}#zone-info .close[data-v-d1cb4e6e]{position:relative;color:var(--idm-info-color-light2);font-size:24px;height:0;text-align:right;margin:5px 5px 0 0}#port-info[data-v-6fdfee96]{position:absolute;background:var(--idm-white);color:var(--idm-black-8);padding:10px;border-radius:6px;cursor:default;z-index:1000;height:fit-content}#port-info .port-box[data-v-6fdfee96]{margin-top:10px;max-width:240px}#port-info .port-box .flex-start[data-v-6fdfee96]{line-height:2}#port-info .port-box .flex-start label[data-v-6fdfee96]{color:var(--idm-info-color);margin-right:10px;width:50px}#port-info .port-box .flex-start span[data-v-6fdfee96]{flex:1;flex-wrap:wrap;text-align:justify-all;color:var(--idm-black-8)}#port-info .port-box .flex-start span.link[data-v-6fdfee96]{cursor:pointer;text-decoration:underline}#port-info .port-box .flex-start span.link[data-v-6fdfee96]:hover{font-weight:600}#port-info .close[data-v-6fdfee96]{position:relative;text-align:right;height:0px;color:var(--idm-info-color-light2);font-size:24px}.lat-lng-tip[data-v-9f51b3f9]{position:absolute;padding:2px 10px;border-radius:5px;color:var(--idm-primary-color);font-size:12px;top:unset;background:var(--idm-white);box-shadow:0 2px 12px #0003;transition:all .4s ease-in-out}.menu-bar-box[data-v-2d85e33b]{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;transition:all .4s ease-in-out}.menu-bar-box .bar-item[data-v-2d85e33b]{position:relative;margin-bottom:15px;border-radius:5px;background:var(--idm-white);cursor:pointer;box-shadow:0 2px 12px #0003}.menu-bar-box .bar-item .menu-icon[data-v-2d85e33b]{padding:8px;display:flex}.menu-bar-box .bar-item .menu-icon[data-v-2d85e33b]:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.menu-bar-box .bar-item .menu-icon[data-v-2d85e33b]:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.menu-bar-box .bar-item .menu-icon span[data-v-2d85e33b]{font-size:18px;font-weight:500;color:var(--idm-black-8)}.menu-bar-box .bar-item .menu-icon.active[data-v-2d85e33b]{background:var(--idm-primary-color)}.menu-bar-box .bar-item .menu-icon.active span[data-v-2d85e33b]{color:var(--idm-white)}:root{--idm-tropicals-td: #03f869;--idm-tropicals-ts: #f2f202;--idm-tropicals-sts: #ff9100;--idm-tropicals-ty: #f44336;--idm-tropicals-sty: #c604a4;--idm-tropicals-super-ty: #6b05bb;--idm-tropicals-r7: #ff9100;--idm-tropicals-r10: #f44336;--idm-gl-box-shadow-color: rgba(0, 0, 0, .5);--idm-gl-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);--idm-gl-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);--idm-gl-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);--idm-gl-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16)}.point-marker{pointer-events:none!important}.point-marker .marker-circle{pointer-events:inherit;width:12px;height:12px;border-radius:50%;border:2px solid var(--idm-white);background:var(--idm-danger-color)}.point-marker .marker-circle:hover{cursor:pointer}.point-marker.closed{pointer-events:auto!important}.point-summary-marker,.point-contextmenu-marker{color:var(--idm-white);font-size:12px;background:var(--idm-danger-color);border:1px solid var(--idm-white);padding:2px 5px;border-radius:5px;cursor:pointer}.point-summary-marker .marker-close,.point-contextmenu-marker .marker-close{pointer-events:auto;position:absolute;background:var(--idm-danger-color);border:1px dashed var(--idm-white);display:flex;align-items:center;justify-content:center;width:20px;height:20px;right:-17px;top:-17px;cursor:pointer;font-size:20px}.tip-marker{color:var(--idm-white);font-size:12px;text-shadow:var(--idm-text-shadow);background-color:var(--idm-black-6);padding:2px 5px;border-radius:5px;cursor:pointer}.tip-marker .marker-label{border-bottom:var(--idm-dashed-border)}.tip-marker .marker-label:last-child{border-bottom:none}.tip-marker .marker-label b{font-weight:600;color:var(--idm-danger-color)}.hurricane-hourly-marker .iconfont{font-size:34px!important;color:var(--idm-danger-color)}.hurricane-hourly-marker svg{height:34px;width:34px}.hurricane-hourly-marker .center{box-sizing:border-box;display:flex;align-items:center;justify-content:center}.hurricane-hourly-marker .center.north{animation:anticlockwise 2s linear infinite}.hurricane-hourly-marker .center.south{animation:clockwise 2s linear infinite}@keyframes clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes anticlockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@idmwx/idmui-gl3",
+  "private": false,
+  "version": "0.0.2",
+  "description": "idm webgl3",
+  "type": "module",
+  "keywords": [
+    "idm",
+    "idmwx",
+    "webgl3"
+  ],
+  "author": "idm",
+  "contributors": [
+    "ChenHeng"
+  ],
+  "license": "GPL",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "index.d.ts",
+  "scripts": {
+    "dev": "vite --host 0.0.0.0 --config ./build/base.config.ts",
+    "build": "vue-tsc --noEmit && vite build --config ./build/lib.config.ts",
+    "lint:fix": "eslint --fix --ext .js,.ts,.vue .",
+    "prettier": "yarn lint:fix && prettier --write '**/*.{js,ts,vue}'",
+    "release": "yarn build && yarn publish --access public"
+  },
+  "dependencies": {
+    "@idm-plugin/geo": "^1.0.4",
+    "@idmwx/idmwx-base": "^2.8.7",
+    "@mapbox/sphericalmercator": "^1.2.0",
+    "@turf/turf": "^6.5.0",
+    "axios": "^1.3.5",
+    "element-plus": "^2.3.5",
+    "js-md5": "^0.7.3",
+    "mapbox-gl": "3.0.0",
+    "moment": "^2.29.4",
+    "vue": "^3.2.36"
+  },
+  "devDependencies": {
+    "@types/mapbox-gl": "^3.1.0",
+    "@types/node": "^18.14.2",
+    "@typescript-eslint/eslint-plugin": "^5.53.0",
+    "@typescript-eslint/parser": "^5.53.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "eslint": "^8.35.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-define-config": "^1.15.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.9.0",
+    "lint-staged": "^13.1.2",
+    "prettier": "^2.8.4",
+    "sass": "^1.58.3",
+    "simple-git-hooks": "^2.8.1",
+    "stylelint": "^15.2.0",
+    "typescript": "^4.9.3",
+    "vite": "^4.1.0",
+    "vite-plugin-dts": "^2.0.2",
+    "vue-tsc": "^1.0.24"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,vue}": "eslint --fix",
+    "*.{ts,tsx,js,vue,scss}": "prettier --write"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "npx lint-staged"
+  }
+}