npm - @operato/scene-google-map - Versions diffs - 9.0.1 → 10.0.0-beta.1 - Mend

@operato/scene-google-map 9.0.1 → 10.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/gmap-marker.d.ts CHANGED Viewed

@@ -1,16 +1,252 @@
 import { Component, ComponentNature, InfoWindow, Properties, Shape } from '@hatiolab/things-scene';
 import GoogleMap from './google-map.js';
-declare const GMapMarker_base: typeof Shape;
+declare const GMapMarker_base: (new (...args: any[]) => {
+    contains(x: number, y: number): boolean;
+    get path(): {
+        x: any;
+        y: any;
+    }[];
+    set path(path: {
+        x: any;
+        y: any;
+    }[]): any;
+    get anchors(): {
+        name: string;
+        position: {
+            x: any;
+            y: any;
+        };
+    }[];
+    get bounds(): any;
+    set bounds(bounds: any): any;
+    render(ctx: CanvasRenderingContext2D): void;
+    _app: any;
+    _model: any;
+    _state: any;
+    _delta: any;
+    _animation: any;
+    _animate: any;
+    _parent: any;
+    _disposed: any;
+    _textHidden: any;
+    _text_substitutor: any;
+    _value_substitutor: any;
+    _mappings: any;
+    _realObject: import("@hatiolab/things-scene").IRealObject | undefined;
+    _cachedState: any;
+    updatedAt: any;
+    fontSize: any;
+    __cache__: any;
+    created(): void;
+    added(parent: any): void;
+    removed(parent: any): void;
+    ready(): Promise<void>;
+    touch(): void;
+    clearCache(...attrs: any[]): void;
+    removeSelf(completely: any): void;
+    resetAnimation(): void;
+    dispose(): void;
+    get nature(): import("@hatiolab/things-scene").ComponentNature;
+    get disposed(): boolean;
+    isLayer(): boolean;
+    isGroup(): boolean;
+    isContainer(): this is import("@hatiolab/things-scene/dist-types/types/component.js").Container;
+    isLine(): boolean;
+    isRoot(): boolean;
+    isRootModel(): boolean;
+    is3dish(): boolean;
+    get is3dMode(): boolean;
+    isIn3DSpace(): boolean;
+    isTemplate(): boolean;
+    isHTMLElement(): boolean;
+    isConnectable(): boolean;
+    isIdentifiable(): boolean;
+    isPositionable(): boolean;
+    replaceRefids(replaceMap: any): void;
+    get(property: any): any;
+    set(props: any, propval?: any): any;
+    getState(property: any): any;
+    setState(props: any, propval?: any): any;
+    get model(): any;
+    get state(): any;
+    get hierarchy(): any;
+    get volatile(): never[];
+    _applyProps(target: any, props: any, options: any): any;
+    move(offset: {
+        x: number;
+        y: number;
+    }, ...args: boolean[]): void;
+    symmetryX(x?: number): void;
+    symmetryY(y: number): void;
+    adjustResize(bounds: import("@hatiolab/things-scene").BOUNDS, origin_bounds: import("@hatiolab/things-scene").BOUNDS, diagonal: boolean): {
+        left: any;
+        top: any;
+        width: any;
+        height: any;
+    };
+    adjustRotation(rotation: number, step: boolean): number;
+    outline(progress: number): any;
+    get center(): import("@hatiolab/things-scene").POINT;
+    set center(p: import("@hatiolab/things-scene").POINT): any;
+    get location(): import("@hatiolab/things-scene").POINT;
+    set location(l: import("@hatiolab/things-scene").POINT): any;
+    get rotate(): import("@hatiolab/things-scene").POINT;
+    set rotate(r: import("@hatiolab/things-scene").POINT): any;
+    get dimension(): import("@hatiolab/things-scene").DIMENSION;
+    set dimension(d: import("@hatiolab/things-scene").DIMENSION): any;
+    get drawPath(): import("@hatiolab/things-scene").POINT[];
+    get rotatePoint(): import("@hatiolab/things-scene").POINT;
+    get mutable(): boolean;
+    get resizable(): boolean;
+    get rotatable(): boolean;
+    buildRealObject(): import("@hatiolab/things-scene").IRealObject | undefined;
+    get realObject(): import("@hatiolab/things-scene").IRealObject | undefined;
+    draw(context?: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prerender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    postrender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prepare(resolve: (component: Component) => void, reject: (reason: any) => void): void;
+    prepareIf(condition: boolean): void;
+    drawText(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    drawStroke(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
+    drawFill(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
+    get strokeStyle(): any;
+    set strokeStyle(v: any): any;
+    get fillStyle(): any;
+    set fillStyle(v: any): any;
+    get fontColor(): string;
+    set fontColor(v: string): any;
+    get rotation(): number;
+    set rotation(v: number): any;
+    get decorators(): string[];
+    get decotag(): string;
+    get hidden(): boolean;
+    set hidden(v: boolean): any;
+    get tag(): string;
+    set tag(v: string): any;
+    get appendum(): any;
+    set appendum(v: any): any;
+    defaultTextSubstitutor(): string;
+    textLines(context?: import("@hatiolab/things-scene").SceneRenderContext): any[][];
+    get font(): string;
+    get lineHeight(): number;
+    get textSubstitutor(): () => string;
+    get text(): string;
+    set text(v: string): any;
+    get textBounds(): import("@hatiolab/things-scene").BOUNDS;
+    get textRotation(): number;
+    get textHidden(): boolean;
+    set textHidden(v: boolean): any;
+    get hasTextProperty(): boolean;
+    animate(opts: import("@hatiolab/things-scene").AnimationConfig): any;
+    effect(context: import("@hatiolab/things-scene").SceneRenderContext, model: any): void;
+    serialize(...others: any[]): string;
+    trim(): void;
+    closeScene(data: any): void;
+    delta(attr?: string | object, value?: any): any;
+    invalidate(): void;
+    get value(): any;
+    set value(v: any): any;
+    get data(): any;
+    set data(v: any): any;
+    set tap(v: any): any;
+    get mappings(): any[];
+    get retention(): number;
+    get animation(): import("@hatiolab/things-scene").AnimationController | undefined;
+    get started(): boolean;
+    set started(v: boolean): any;
+    get controls(): import("@hatiolab/things-scene").Control[] | undefined;
+    findFirst(finder: string | ((c: Component) => boolean), ...others: any[]): Component | undefined;
+    findAll(s: string | ((c: Component) => boolean), ...others: any[]): any[] | undefined;
+    capture(x: number, y: number, except?: (c: Component) => boolean): any;
+    findAnchor(name: string): any;
+    isDescendible(container: Component): boolean;
+    getContext(component?: unknown): any;
+    get root(): Component;
+    get rootModel(): Component;
+    get parent(): Component;
+    set parent(v: Component): any;
+    get scalable(): boolean;
+    get stuck(): boolean;
+    get capturable(): boolean;
+    get position(): string;
+    get origin(): string;
+    get offset(): import("@hatiolab/things-scene").POINT;
+    get app(): import("@hatiolab/things-scene").ApplicationContext;
+    drawEffect(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prepareFill(resolve: Function, reject: Function): void;
+    prepareFillIf(condition: boolean): void;
+    onchangeFill(after: Record<string, any>, before: Record<string, any>): void;
+    drawImage(context: import("@hatiolab/things-scene").SceneRenderContext, image: HTMLImageElement, left: number, top: number, width: number, height: number): void;
+    mutateBounds(logic: ((bounds: import("@hatiolab/things-scene").BOUNDS) => import("@hatiolab/things-scene").BOUNDS | void) | null, context?: any): void;
+    mutatePath(beforeLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, afterLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, context?: any): void;
+    access(accessor: string): any;
+    substitute(template: string, data: any): string | undefined;
+    onchangeMappings(after: Record<string, any>, before: Record<string, any>): void;
+    onchangeData(after: Record<string, any>, before: Record<string, any>): void;
+    buildMappings(): void;
+    executeMappings(force?: boolean): void;
+    disposeMappings(): void;
+    ondropfile(transfered: FileList, files: string[]): void;
+    transcoordS2P(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    transcoordP2S(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    transcoordS2T(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2P(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2TR(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2O(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
+    transcoordC2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2C(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    fromParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    toScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    fromScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toLocal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toGlobal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toOther(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
+    on(name: string | object, callback: Function, context?: any): any;
+    off(name?: string | object, callback?: Function, context?: any): any;
+    once(name: string | object, callback: Function, context?: any): any;
+    trigger(name: string, ...args: any[]): any;
+    delegate_on(delegator: any): any;
+    delegate_off(delegator: any): any;
+    onchange(after: Record<string, any>, before: Record<string, any>): void;
+    calculateBounds?(): void;
+    oncreate_element?(element: HTMLElement): void;
+    removeComponent(component: Component, ghost?: boolean): void;
+    addComponent(component: Component, ghost?: boolean): void;
+    insertComponentAt(component: Component, index: number, ghost?: boolean): void;
+    getOverlay(component: Component): HTMLElement | undefined;
+    findById(id: string): Component | undefined;
+    findByRefid(ref: string | number): Component | undefined;
+    findAllById(id: string): Component[];
+    resize(): void;
+    fit(type?: string): void;
+    get components(): Component[] | undefined;
+    get layout(): any;
+    get auxOverlay(): HTMLElement | undefined;
+    get isReady(): boolean;
+    get unitScale(): number;
+    get selected(): Component[];
+    set selected(_v: Component[]): any;
+    get focused(): Component | null;
+    set focused(_v: Component | null): any;
+    get hasSameParentForAllSelected(): boolean;
+    set hasSameParentForAllSelected(_v: boolean): any;
+    get fitMode(): string | undefined;
+    set fitMode(_v: string | undefined): any;
+    get element(): HTMLElement | null;
+    set element(_v: HTMLElement | null): any;
+}) & typeof Shape;
 export default class GMapMarker extends GMapMarker_base {
     private _infoWindow?;
     private _marker?;
     private _map?;
     private _targetMap?;
     dispose(): void;
-    ready(): void;
+    ready(): Promise<void>;
     get map(): google.maps.Map<Element> | null | undefined;
     get infoWindow(): google.maps.InfoWindow;
-    findInfoWindow(type: string): Component | undefined;
+    findInfoWindow(type: string): InfoWindow | undefined;
     setInfoContent(sceneInfoWindow: InfoWindow): void;
     openInfoWindow(iw: InfoWindow): void;
     onmarkerclick(e: Event): void;

package/dist/gmap-marker.js CHANGED Viewed

@@ -42,14 +42,18 @@ const NATURE = {
 };
 const MARKER_PATH = 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0';
 let GMapMarker = class GMapMarker extends RectPath(Shape) {
+    _infoWindow;
+    _marker;
+    _map;
+    _targetMap;
     dispose() {
         this.marker && this.marker.setMap(null);
         this.marker = null;
         delete this._infoWindow;
         super.dispose();
     }
-    ready() {
-        super.ready();
+    async ready() {
+        await super.ready();
         if (this.isTemplate()) {
             return;
         }
@@ -69,7 +73,7 @@ let GMapMarker = class GMapMarker extends RectPath(Shape) {
         /* event spec v1.0 */ eventSetting.infoWindow ||
             /* event spec v1.1 */ (eventSetting.action == 'infoWindow' && eventSetting.target);
         if (infoWindow) {
-            return this.root.findById(infoWindow);
+            return this.root.findById?.(infoWindow);
         }
     }
     setInfoContent(sceneInfoWindow) {
@@ -159,7 +163,7 @@ let GMapMarker = class GMapMarker extends RectPath(Shape) {
         }
         var id = this.get('targetMap');
         if (id !== undefined) {
-            this._targetMap = this.root.findById(id);
+            this._targetMap = this.root.findById?.(id);
             if (this.targetMap) {
                 this._map = this.targetMap.map;
                 if (!this.map) {

package/dist/gmap-marker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gmap-marker.js","sourceRoot":"","sources":["../src/gmap-marker.ts"],"names":[],"mappings":"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","sourcesContent":["/\n Copyright © HatioLab Inc. All rights reserved.\n /\n\nimport {\n Component,\n ComponentNature,\n InfoWindow,\n Properties,\n RectPath,\n Shape,\n sceneComponent\n} from '@hatiolab/things-scene'\nimport GoogleMap from './google-map.js'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'id-input',\n label: 'target-map',\n name: 'targetMap',\n property: {\n component: 'google-map'\n }\n },\n {\n type: 'number',\n label: 'latitude',\n name: 'lat',\n property: {\n step: 0.000001,\n max: 90,\n min: -90\n }\n },\n {\n type: 'number',\n label: 'longitude',\n name: 'lng',\n property: {\n step: 0.000001,\n max: 180,\n min: -180\n }\n }\n ],\n 'value-property': 'latlng'\n // help: 'scene/component/gmap-marker'\n}\n\nconst MARKER_PATH =\n 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0'\n\n@sceneComponent('gmap-marker')\nexport default class GMapMarker extends RectPath(Shape) {\n private _infoWindow?: google.maps.InfoWindow\n private _marker?: google.maps.Marker \| null\n private _map?: google.maps.Map \| null\n private _targetMap?: GoogleMap \| null\n\n dispose() {\n this.marker && this.marker.setMap(null)\n\n this.marker = null\n delete this._infoWindow\n\n super.dispose()\n }\n\n ready() {\n super.ready()\n\n if (this.isTemplate()) {\n return\n }\n\n this.onchangeTargetMap()\n }\n\n get map() {\n return this._map\n }\n\n get infoWindow() {\n if (!this._infoWindow) this._infoWindow = new google.maps.InfoWindow()\n\n return this._infoWindow\n }\n\n findInfoWindow(type: string) {\n var eventSetting = (this.state.event && this.state.event[type]) \|\| {}\n\n var infoWindow =\n / event spec v1.0 / eventSetting.infoWindow \|\|\n / event spec v1.1 / (eventSetting.action == 'infoWindow' && eventSetting.target)\n\n if (infoWindow) {\n return this.root.findById(infoWindow)\n }\n }\n\n setInfoContent(sceneInfoWindow: InfoWindow) {\n var tpl = Component.template(sceneInfoWindow.model.frontSideTemplate)\n var content = `<style>${sceneInfoWindow.model.style}</style>` + tpl(this)\n\n this.infoWindow.setContent(content)\n }\n\n openInfoWindow(iw: InfoWindow) {\n this.setInfoContent(iw)\n\n if (!this.map) {\n return\n }\n\n this.infoWindow.open(this.map, this.marker!)\n }\n\n onmarkerclick(e: Event) {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw)\n\n this.trigger('click', e)\n }\n\n onmarkermouseover(e: Event) {\n var iw = this.findInfoWindow('hover')\n iw && this.openInfoWindow(iw)\n }\n\n onmarkermouseout(e: Event) {\n var iw = this.findInfoWindow('hover')\n iw && this.infoWindow.close()\n }\n\n set marker(marker) {\n if (this._marker) {\n this._marker.setMap(null)\n google.maps.event.clearInstanceListeners(this._marker)\n\n delete this._marker\n }\n\n if (marker) {\n marker.addListener('click', this.onmarkerclick.bind(this))\n marker.addListener('mouseover', this.onmarkermouseover.bind(this))\n marker.addListener('mouseout', this.onmarkermouseout.bind(this))\n\n this._marker = marker\n }\n }\n\n get marker() {\n if (!this._marker && this.map) {\n let {\n lat,\n lng,\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n var marker = new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map,\n icon: {\n path: MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n\n this.marker = marker\n }\n\n return this._marker\n }\n\n get hidden() {\n return super.hidden \|\| this.app.isViewMode\n }\n\n set hidden(hidden) {\n super.hidden = hidden\n }\n\n render(context: CanvasRenderingContext2D) {\n var { top, left, width, height } = this.state\n\n context.translate(left, top)\n\n // 마커 모양 그리기\n context.beginPath()\n\n context.moveTo(width / 2, height 0.9)\n context.bezierCurveTo(width / 2.3, height * 0.6, 0, height / 2, 0, height / 4)\n\n context.ellipse(width / 2, height / 4, width / 2, height / 4, 0, Math.PI * 1, Math.PI * 0)\n\n context.bezierCurveTo(width, height / 2, width / 1.7, height * 0.6, width / 2, height * 0.9)\n context.closePath()\n\n context.translate(-left, -top)\n }\n\n get controls() {\n return []\n }\n\n onchangeTargetMap() {\n if (this.targetMap) {\n this._targetMap = null\n this._map = null\n }\n\n var id = this.get('targetMap')\n if (id !== undefined) {\n this._targetMap = this.root.findById(id) as GoogleMap\n\n if (this.targetMap) {\n this._map = this.targetMap.map\n\n if (!this.map) {\n var listener = (after: any) => {\n if ('map' in after) {\n this._map = after.map\n this.marker && this.marker.setMap(this.map!)\n\n this.targetMap!.off('change', listener)\n }\n }\n this.targetMap.on('change', listener)\n } else {\n this.marker && this.marker.setMap(this.map)\n }\n }\n }\n }\n\n get targetMap() {\n return this._targetMap\n }\n\n // get click_handler() {\n // if (!this._click_handler)\n // this._click_handler = this.onmarkerclick.bind(this);\n\n // return this._click_handler;\n // }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap()\n }\n\n if ('lat' in after \|\| 'lng' in after) {\n var { lat, lng } = this.state\n this.latlng = {\n lat,\n lng\n }\n }\n\n if (('fillStyle' in after \|\| 'strokeStyle' in after \|\| 'lineWidth' in after) && this.marker) {\n let {\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n this.marker.setIcon({\n path: MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n })\n }\n\n super.onchange && super.onchange(after, before)\n }\n\n get latlng() {\n return {\n lat: this.getState('lat'),\n lng: this.getState('lng')\n }\n }\n\n set latlng(latlng) {\n var { lat, lng } = latlng\n this.marker && this.marker.setPosition(new google.maps.LatLng(lat, lng))\n\n this.setState({\n lat,\n lng\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}
1	+ {"version":3,"file":"gmap-marker.js","sourceRoot":"","sources":["../src/gmap-marker.ts"],"names":[],"mappings":"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","sourcesContent":["/\n Copyright © HatioLab Inc. All rights reserved.\n /\n\nimport {\n Component,\n ComponentNature,\n InfoWindow,\n Properties,\n RectPath,\n Shape,\n sceneComponent\n} from '@hatiolab/things-scene'\nimport GoogleMap from './google-map.js'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'id-input',\n label: 'target-map',\n name: 'targetMap',\n property: {\n component: 'google-map'\n }\n },\n {\n type: 'number',\n label: 'latitude',\n name: 'lat',\n property: {\n step: 0.000001,\n max: 90,\n min: -90\n }\n },\n {\n type: 'number',\n label: 'longitude',\n name: 'lng',\n property: {\n step: 0.000001,\n max: 180,\n min: -180\n }\n }\n ],\n 'value-property': 'latlng'\n // help: 'scene/component/gmap-marker'\n}\n\nconst MARKER_PATH =\n 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0'\n\n@sceneComponent('gmap-marker')\nexport default class GMapMarker extends RectPath(Shape) {\n private _infoWindow?: google.maps.InfoWindow\n private _marker?: google.maps.Marker \| null\n private _map?: google.maps.Map \| null\n private _targetMap?: GoogleMap \| null\n\n dispose() {\n this.marker && this.marker.setMap(null)\n\n this.marker = null\n delete this._infoWindow\n\n super.dispose()\n }\n\n async ready() {\n await super.ready()\n\n if (this.isTemplate()) {\n return\n }\n\n this.onchangeTargetMap()\n }\n\n get map() {\n return this._map\n }\n\n get infoWindow() {\n if (!this._infoWindow) this._infoWindow = new google.maps.InfoWindow()\n\n return this._infoWindow\n }\n\n findInfoWindow(type: string): InfoWindow \| undefined {\n var eventSetting = (this.state.event && this.state.event[type]) \|\| {}\n\n var infoWindow =\n / event spec v1.0 / eventSetting.infoWindow \|\|\n / event spec v1.1 / (eventSetting.action == 'infoWindow' && eventSetting.target)\n\n if (infoWindow) {\n return this.root.findById?.(infoWindow) as InfoWindow \| undefined\n }\n }\n\n setInfoContent(sceneInfoWindow: InfoWindow) {\n var tpl = Component.template(sceneInfoWindow.model.frontSideTemplate)\n var content = `<style>${sceneInfoWindow.model.style}</style>` + tpl(this)\n\n this.infoWindow.setContent(content)\n }\n\n openInfoWindow(iw: InfoWindow) {\n this.setInfoContent(iw)\n\n if (!this.map) {\n return\n }\n\n this.infoWindow.open(this.map, this.marker!)\n }\n\n onmarkerclick(e: Event) {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw)\n\n this.trigger('click', e)\n }\n\n onmarkermouseover(e: Event) {\n var iw = this.findInfoWindow('hover')\n iw && this.openInfoWindow(iw)\n }\n\n onmarkermouseout(e: Event) {\n var iw = this.findInfoWindow('hover')\n iw && this.infoWindow.close()\n }\n\n set marker(marker) {\n if (this._marker) {\n this._marker.setMap(null)\n google.maps.event.clearInstanceListeners(this._marker)\n\n delete this._marker\n }\n\n if (marker) {\n marker.addListener('click', this.onmarkerclick.bind(this))\n marker.addListener('mouseover', this.onmarkermouseover.bind(this))\n marker.addListener('mouseout', this.onmarkermouseout.bind(this))\n\n this._marker = marker\n }\n }\n\n get marker() {\n if (!this._marker && this.map) {\n let {\n lat,\n lng,\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n var marker = new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map,\n icon: {\n path: MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n\n this.marker = marker\n }\n\n return this._marker\n }\n\n get hidden() {\n return super.hidden \|\| this.app.isViewMode\n }\n\n set hidden(hidden) {\n super.hidden = hidden\n }\n\n render(context: CanvasRenderingContext2D) {\n var { top, left, width, height } = this.state\n\n context.translate(left, top)\n\n // 마커 모양 그리기\n context.beginPath()\n\n context.moveTo(width / 2, height 0.9)\n context.bezierCurveTo(width / 2.3, height * 0.6, 0, height / 2, 0, height / 4)\n\n context.ellipse(width / 2, height / 4, width / 2, height / 4, 0, Math.PI * 1, Math.PI * 0)\n\n context.bezierCurveTo(width, height / 2, width / 1.7, height * 0.6, width / 2, height * 0.9)\n context.closePath()\n\n context.translate(-left, -top)\n }\n\n get controls() {\n return []\n }\n\n onchangeTargetMap() {\n if (this.targetMap) {\n this._targetMap = null\n this._map = null\n }\n\n var id = this.get('targetMap')\n if (id !== undefined) {\n this._targetMap = this.root.findById?.(id) as GoogleMap \| undefined\n\n if (this.targetMap) {\n this._map = this.targetMap.map\n\n if (!this.map) {\n var listener = (after: any) => {\n if ('map' in after) {\n this._map = after.map\n this.marker && this.marker.setMap(this.map!)\n\n this.targetMap!.off('change', listener)\n }\n }\n this.targetMap.on('change', listener)\n } else {\n this.marker && this.marker.setMap(this.map)\n }\n }\n }\n }\n\n get targetMap() {\n return this._targetMap\n }\n\n // get click_handler() {\n // if (!this._click_handler)\n // this._click_handler = this.onmarkerclick.bind(this);\n\n // return this._click_handler;\n // }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap()\n }\n\n if ('lat' in after \|\| 'lng' in after) {\n var { lat, lng } = this.state\n this.latlng = {\n lat,\n lng\n }\n }\n\n if (('fillStyle' in after \|\| 'strokeStyle' in after \|\| 'lineWidth' in after) && this.marker) {\n let {\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n this.marker.setIcon({\n path: MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n })\n }\n\n super.onchange && super.onchange(after, before)\n }\n\n get latlng() {\n return {\n lat: this.getState('lat'),\n lng: this.getState('lng')\n }\n }\n\n set latlng(latlng) {\n var { lat, lng } = latlng\n this.marker && this.marker.setPosition(new google.maps.LatLng(lat, lng))\n\n this.setState({\n lat,\n lng\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}

package/dist/gmap-path.d.ts CHANGED Viewed

@@ -1,6 +1,242 @@
 import { Component, ComponentNature, InfoWindow, Properties, Shape } from '@hatiolab/things-scene';
 import GoogleMap from './google-map.js';
-declare const GMapPath_base: typeof Shape;
+declare const GMapPath_base: (new (...args: any[]) => {
+    contains(x: number, y: number): boolean;
+    get path(): {
+        x: any;
+        y: any;
+    }[];
+    set path(path: {
+        x: any;
+        y: any;
+    }[]): any;
+    get anchors(): {
+        name: string;
+        position: {
+            x: any;
+            y: any;
+        };
+    }[];
+    get bounds(): any;
+    set bounds(bounds: any): any;
+    render(ctx: CanvasRenderingContext2D): void;
+    _app: any;
+    _model: any;
+    _state: any;
+    _delta: any;
+    _animation: any;
+    _animate: any;
+    _parent: any;
+    _disposed: any;
+    _textHidden: any;
+    _text_substitutor: any;
+    _value_substitutor: any;
+    _mappings: any;
+    _realObject: import("@hatiolab/things-scene").IRealObject | undefined;
+    _cachedState: any;
+    updatedAt: any;
+    fontSize: any;
+    __cache__: any;
+    created(): void;
+    added(parent: any): void;
+    removed(parent: any): void;
+    ready(): Promise<void>;
+    touch(): void;
+    clearCache(...attrs: any[]): void;
+    removeSelf(completely: any): void;
+    resetAnimation(): void;
+    dispose(): void;
+    get nature(): import("@hatiolab/things-scene").ComponentNature;
+    get disposed(): boolean;
+    isLayer(): boolean;
+    isGroup(): boolean;
+    isContainer(): this is import("@hatiolab/things-scene/dist-types/types/component.js").Container;
+    isLine(): boolean;
+    isRoot(): boolean;
+    isRootModel(): boolean;
+    is3dish(): boolean;
+    get is3dMode(): boolean;
+    isIn3DSpace(): boolean;
+    isTemplate(): boolean;
+    isHTMLElement(): boolean;
+    isConnectable(): boolean;
+    isIdentifiable(): boolean;
+    isPositionable(): boolean;
+    replaceRefids(replaceMap: any): void;
+    get(property: any): any;
+    set(props: any, propval?: any): any;
+    getState(property: any): any;
+    setState(props: any, propval?: any): any;
+    get model(): any;
+    get state(): any;
+    get hierarchy(): any;
+    get volatile(): never[];
+    _applyProps(target: any, props: any, options: any): any;
+    move(offset: {
+        x: number;
+        y: number;
+    }, ...args: boolean[]): void;
+    symmetryX(x?: number): void;
+    symmetryY(y: number): void;
+    adjustResize(bounds: import("@hatiolab/things-scene").BOUNDS, origin_bounds: import("@hatiolab/things-scene").BOUNDS, diagonal: boolean): {
+        left: any;
+        top: any;
+        width: any;
+        height: any;
+    };
+    adjustRotation(rotation: number, step: boolean): number;
+    outline(progress: number): any;
+    get center(): import("@hatiolab/things-scene").POINT;
+    set center(p: import("@hatiolab/things-scene").POINT): any;
+    get location(): import("@hatiolab/things-scene").POINT;
+    set location(l: import("@hatiolab/things-scene").POINT): any;
+    get rotate(): import("@hatiolab/things-scene").POINT;
+    set rotate(r: import("@hatiolab/things-scene").POINT): any;
+    get dimension(): import("@hatiolab/things-scene").DIMENSION;
+    set dimension(d: import("@hatiolab/things-scene").DIMENSION): any;
+    get drawPath(): import("@hatiolab/things-scene").POINT[];
+    get rotatePoint(): import("@hatiolab/things-scene").POINT;
+    get mutable(): boolean;
+    get resizable(): boolean;
+    get rotatable(): boolean;
+    buildRealObject(): import("@hatiolab/things-scene").IRealObject | undefined;
+    get realObject(): import("@hatiolab/things-scene").IRealObject | undefined;
+    draw(context?: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prerender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    postrender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prepare(resolve: (component: Component) => void, reject: (reason: any) => void): void;
+    prepareIf(condition: boolean): void;
+    drawText(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    drawStroke(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
+    drawFill(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
+    get strokeStyle(): any;
+    set strokeStyle(v: any): any;
+    get fillStyle(): any;
+    set fillStyle(v: any): any;
+    get fontColor(): string;
+    set fontColor(v: string): any;
+    get rotation(): number;
+    set rotation(v: number): any;
+    get decorators(): string[];
+    get decotag(): string;
+    get hidden(): boolean;
+    set hidden(v: boolean): any;
+    get tag(): string;
+    set tag(v: string): any;
+    get appendum(): any;
+    set appendum(v: any): any;
+    defaultTextSubstitutor(): string;
+    textLines(context?: import("@hatiolab/things-scene").SceneRenderContext): any[][];
+    get font(): string;
+    get lineHeight(): number;
+    get textSubstitutor(): () => string;
+    get text(): string;
+    set text(v: string): any;
+    get textBounds(): import("@hatiolab/things-scene").BOUNDS;
+    get textRotation(): number;
+    get textHidden(): boolean;
+    set textHidden(v: boolean): any;
+    get hasTextProperty(): boolean;
+    animate(opts: import("@hatiolab/things-scene").AnimationConfig): any;
+    effect(context: import("@hatiolab/things-scene").SceneRenderContext, model: any): void;
+    serialize(...others: any[]): string;
+    trim(): void;
+    closeScene(data: any): void;
+    delta(attr?: string | object, value?: any): any;
+    invalidate(): void;
+    get value(): any;
+    set value(v: any): any;
+    get data(): any;
+    set data(v: any): any;
+    set tap(v: any): any;
+    get mappings(): any[];
+    get retention(): number;
+    get animation(): import("@hatiolab/things-scene").AnimationController | undefined;
+    get started(): boolean;
+    set started(v: boolean): any;
+    get controls(): import("@hatiolab/things-scene").Control[] | undefined;
+    findFirst(finder: string | ((c: Component) => boolean), ...others: any[]): Component | undefined;
+    findAll(s: string | ((c: Component) => boolean), ...others: any[]): any[] | undefined;
+    capture(x: number, y: number, except?: (c: Component) => boolean): any;
+    findAnchor(name: string): any;
+    isDescendible(container: Component): boolean;
+    getContext(component?: unknown): any;
+    get root(): Component;
+    get rootModel(): Component;
+    get parent(): Component;
+    set parent(v: Component): any;
+    get scalable(): boolean;
+    get stuck(): boolean;
+    get capturable(): boolean;
+    get position(): string;
+    get origin(): string;
+    get offset(): import("@hatiolab/things-scene").POINT;
+    get app(): import("@hatiolab/things-scene").ApplicationContext;
+    drawEffect(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prepareFill(resolve: Function, reject: Function): void;
+    prepareFillIf(condition: boolean): void;
+    onchangeFill(after: Record<string, any>, before: Record<string, any>): void;
+    drawImage(context: import("@hatiolab/things-scene").SceneRenderContext, image: HTMLImageElement, left: number, top: number, width: number, height: number): void;
+    mutateBounds(logic: ((bounds: import("@hatiolab/things-scene").BOUNDS) => import("@hatiolab/things-scene").BOUNDS | void) | null, context?: any): void;
+    mutatePath(beforeLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, afterLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, context?: any): void;
+    access(accessor: string): any;
+    substitute(template: string, data: any): string | undefined;
+    onchangeMappings(after: Record<string, any>, before: Record<string, any>): void;
+    onchangeData(after: Record<string, any>, before: Record<string, any>): void;
+    buildMappings(): void;
+    executeMappings(force?: boolean): void;
+    disposeMappings(): void;
+    ondropfile(transfered: FileList, files: string[]): void;
+    transcoordS2P(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    transcoordP2S(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    transcoordS2T(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2P(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2TR(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2O(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
+    transcoordC2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2C(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    fromParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    toScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    fromScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toLocal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toGlobal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toOther(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
+    on(name: string | object, callback: Function, context?: any): any;
+    off(name?: string | object, callback?: Function, context?: any): any;
+    once(name: string | object, callback: Function, context?: any): any;
+    trigger(name: string, ...args: any[]): any;
+    delegate_on(delegator: any): any;
+    delegate_off(delegator: any): any;
+    onchange(after: Record<string, any>, before: Record<string, any>): void;
+    calculateBounds?(): void;
+    oncreate_element?(element: HTMLElement): void;
+    removeComponent(component: Component, ghost?: boolean): void;
+    addComponent(component: Component, ghost?: boolean): void;
+    insertComponentAt(component: Component, index: number, ghost?: boolean): void;
+    getOverlay(component: Component): HTMLElement | undefined;
+    findById(id: string): Component | undefined;
+    findByRefid(ref: string | number): Component | undefined;
+    findAllById(id: string): Component[];
+    resize(): void;
+    fit(type?: string): void;
+    get components(): Component[] | undefined;
+    get layout(): any;
+    get auxOverlay(): HTMLElement | undefined;
+    get isReady(): boolean;
+    get unitScale(): number;
+    get selected(): Component[];
+    set selected(_v: Component[]): any;
+    get focused(): Component | null;
+    set focused(_v: Component | null): any;
+    get hasSameParentForAllSelected(): boolean;
+    set hasSameParentForAllSelected(_v: boolean): any;
+    get fitMode(): string | undefined;
+    set fitMode(_v: string | undefined): any;
+    get element(): HTMLElement | null;
+    set element(_v: HTMLElement | null): any;
+}) & typeof Shape;
 export default class GMapPath extends GMapPath_base {
     private _infoWindow?;
     private _markers;
@@ -8,9 +244,9 @@ export default class GMapPath extends GMapPath_base {
     private _targetMap?;
     private _trackPath?;
     dispose(): void;
-    ready(): void;
+    ready(): Promise<void>;
     get map(): google.maps.Map<Element> | null | undefined;
-    findInfoWindow(type: string): Component | undefined;
+    findInfoWindow(type: string): InfoWindow | undefined;
     getInfoContent(sceneInfoWindow: InfoWindow, index: number): string;
     openInfoWindow(iw: InfoWindow, index: number): google.maps.InfoWindow | undefined;
     buildMarkers(): void;

package/dist/gmap-path.js CHANGED Viewed

@@ -39,18 +39,19 @@ const EMPTY_MARKER_PATH = 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C
 const END_MARKER_PATH = 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0';
 const START_MARKER_PATH = 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z m -3,-34 l 0,8 l 8,-4 l -8,-4 z m -0,-0 l 0,8 l 8,-4 l -8,-4';
 let GMapPath = class GMapPath extends RectPath(Shape) {
-    constructor() {
-        super(...arguments);
-        this._markers = [];
-    }
+    _infoWindow;
+    _markers = [];
+    _map;
+    _targetMap;
+    _trackPath;
     dispose() {
         this.markers && this.markers.forEach(marker => marker.setMap(null));
         this.markers = [];
         delete this._infoWindow;
         super.dispose();
     }
-    ready() {
-        super.ready();
+    async ready() {
+        await super.ready();
         if (this.isTemplate()) {
             return;
         }
@@ -65,7 +66,7 @@ let GMapPath = class GMapPath extends RectPath(Shape) {
         /* event spec v1.0 */ eventSetting.infoWindow ||
             /* event spec v1.1 */ (eventSetting.action == 'infoWindow' && eventSetting.target);
         if (infoWindow) {
-            return this.root.findById(infoWindow);
+            return this.root.findById?.(infoWindow);
         }
     }
     getInfoContent(sceneInfoWindow, index) {
@@ -247,7 +248,7 @@ let GMapPath = class GMapPath extends RectPath(Shape) {
         }
         var id = this.get('targetMap');
         if (id !== undefined) {
-            this._targetMap = this.root.findById(id);
+            this._targetMap = this.root.findById?.(id);
             if (this.targetMap) {
                 this._map = this.targetMap.map;
                 if (!this.map) {

package/dist/gmap-path.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gmap-path.js","sourceRoot":"","sources":["../src/gmap-path.ts"],"names":[],"mappings":"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","sourcesContent":["/\n Copyright © HatioLab Inc. All rights reserved.\n /\n\nimport {\n Component,\n ComponentNature,\n InfoWindow,\n Properties,\n RectPath,\n Shape,\n sceneComponent\n} from '@hatiolab/things-scene'\nimport GoogleMap from './google-map.js'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'id-input',\n label: 'target-map',\n name: 'targetMap',\n property: {\n component: 'google-map'\n }\n },\n {\n type: 'checkbox',\n label: 'show-path',\n name: 'showPath'\n },\n {\n type: 'checkbox',\n label: 'show-intermediate-markers',\n name: 'showIntermediateMarkers'\n },\n {\n type: 'checkbox',\n label: 'start-end-marker-different-design',\n name: 'startEndMarkerDifferentDesign'\n }\n ],\n 'value-property': 'latlngs'\n // help: 'scene/component/gmap-path'\n}\n\nconst EMPTY_MARKER_PATH = 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z'\nconst END_MARKER_PATH =\n 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0'\nconst START_MARKER_PATH =\n 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z m -3,-34 l 0,8 l 8,-4 l -8,-4 z m -0,-0 l 0,8 l 8,-4 l -8,-4'\n\n@sceneComponent('gmap-path')\nexport default class GMapPath extends RectPath(Shape) {\n private _infoWindow?: google.maps.InfoWindow\n private _markers: google.maps.Marker[] = []\n private _map?: google.maps.Map \| null\n private _targetMap?: GoogleMap \| null\n private _trackPath?: google.maps.Polyline\n\n dispose() {\n this.markers && this.markers.forEach(marker => marker.setMap(null))\n\n this.markers = []\n delete this._infoWindow\n\n super.dispose()\n }\n\n ready() {\n super.ready()\n\n if (this.isTemplate()) {\n return\n }\n\n this.onchangeTargetMap()\n }\n\n get map() {\n return this._map\n }\n\n findInfoWindow(type: string) {\n var eventSetting = (this.state.event && this.state.event[type]) \|\| {}\n\n var infoWindow =\n / event spec v1.0 / eventSetting.infoWindow \|\|\n / event spec v1.1 / (eventSetting.action == 'infoWindow' && eventSetting.target)\n\n if (infoWindow) {\n return this.root.findById(infoWindow)\n }\n }\n\n getInfoContent(sceneInfoWindow: InfoWindow, index: number) {\n var tpl = Component.template(sceneInfoWindow.model.frontSideTemplate)\n return (\n `<style>${sceneInfoWindow.model.style}</style>` +\n tpl({\n data: this.data,\n index\n })\n )\n }\n\n openInfoWindow(iw: InfoWindow, index: number) {\n var content = this.getInfoContent(iw, index)\n\n if (!this.map) return\n\n var infoWindow = new google.maps.InfoWindow()\n infoWindow.setContent(content)\n infoWindow.open(this.map, this.markers![index])\n\n return infoWindow\n }\n\n buildMarkers() {\n if (!this.map) {\n return\n }\n\n let {\n latlngs = [],\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight,\n showIntermediateMarkers = false,\n startEndMarkerDifferentDesign = true,\n showPath = false\n } = this.state\n\n if (showIntermediateMarkers) {\n var markers: google.maps.Marker[] = latlngs.map(({ lat, lng }: { lat: number; lng: number }, index: number) => {\n if (startEndMarkerDifferentDesign) {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map!,\n icon: {\n path: index == 0 ? START_MARKER_PATH : index + 1 == latlngs.length ? END_MARKER_PATH : EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n } else {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map!,\n icon: {\n path: EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n }\n })\n } else {\n var spots =\n latlngs.length > 1 ? [latlngs[0], latlngs[latlngs.length - 1]] : latlngs.length == 1 ? [latlngs[0]] : []\n\n var markers: google.maps.Marker[] = spots.map(({ lat, lng }, index) => {\n if (startEndMarkerDifferentDesign) {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map!,\n icon: {\n path: index == 0 ? START_MARKER_PATH : END_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n } else {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map!,\n icon: {\n path: EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n }\n })\n }\n\n if (showPath) {\n this.trackPath = new google.maps.Polyline({\n path: latlngs,\n geodesic: true,\n strokeColor: '#FF0000',\n strokeOpacity: 1,\n strokeWeight: 4,\n map: this.map\n })\n }\n\n var infowindows = new Array(markers.length)\n\n markers.forEach((marker, index: number) => {\n marker.addListener('click', (e: Event) => {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw, index)\n\n this.trigger('click', e)\n })\n marker.addListener('mouseover', () => {\n var iw = this.findInfoWindow('hover')\n if (!iw) return\n infowindows[index] = this.openInfoWindow(iw, index)\n })\n marker.addListener('mouseout', () => {\n var infowindow = infowindows[index]\n infowindow && infowindow.close()\n infowindows[index] = null\n })\n })\n\n this.markers = markers\n }\n\n set markers(markers) {\n if (this._markers) {\n this._markers.forEach(marker => {\n marker.setMap(null)\n google.maps.event.clearInstanceListeners(marker)\n })\n\n this._markers = []\n }\n\n this._markers = markers\n }\n\n get markers() {\n if (!this._markers) {\n this.buildMarkers()\n }\n\n return this._markers\n }\n\n get trackPath() {\n return this._trackPath\n }\n\n set trackPath(trackPath) {\n if (this.trackPath) {\n this.trackPath.setMap(null)\n }\n\n this._trackPath = trackPath\n }\n\n get hidden() {\n return super.hidden \|\| this.app.isViewMode\n }\n\n set hidden(hidden) {\n super.hidden = hidden\n }\n\n render(context: CanvasRenderingContext2D) {\n var { top, left, width, height } = this.state\n\n context.translate(left, top)\n\n // 마커 모양 그리기\n context.beginPath()\n\n context.moveTo(width / 2, height 0.9)\n context.bezierCurveTo(width / 2.3, height * 0.6, 0, height / 2, 0, height / 4)\n\n context.ellipse(width / 2, height / 4, width / 2, height / 4, 0, Math.PI * 1, Math.PI * 0)\n\n context.bezierCurveTo(width, height / 2, width / 1.7, height * 0.6, width / 2, height * 0.9)\n context.closePath()\n\n context.translate(-left, -top)\n }\n\n get controls() {\n return []\n }\n\n onchangeTargetMap() {\n if (this.targetMap) {\n this._targetMap = null\n this._map = null\n }\n\n var id = this.get('targetMap')\n if (id !== undefined) {\n this._targetMap = this.root.findById(id) as GoogleMap\n\n if (this.targetMap) {\n this._map = this.targetMap.map\n\n if (!this.map) {\n var listener = (after: any) => {\n if ('map' in after) {\n this._map = after.map\n this.markers && this.markers.forEach(marker => marker.setMap(this.map!))\n\n this.targetMap!.off('change', listener)\n }\n }\n this.targetMap.on('change', listener)\n } else {\n this.markers && this.markers.forEach(marker => marker.setMap(this.map!))\n }\n }\n }\n }\n\n get targetMap() {\n return this._targetMap\n }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap()\n }\n\n if ('latlngs' in after) {\n this.buildMarkers()\n }\n\n if ('fillStyle' in after \|\| 'strokeStyle' in after \|\| 'lineWidth' in after) {\n this.buildMarkers()\n }\n\n super.onchange && super.onchange(after, before)\n }\n\n get latlngs() {\n return this.getState('latlngs')\n }\n\n set latlngs(latlngs) {\n this.setState({\n latlngs\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}
1	+ {"version":3,"file":"gmap-path.js","sourceRoot":"","sources":["../src/gmap-path.ts"],"names":[],"mappings":"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","sourcesContent":["/\n Copyright © HatioLab Inc. All rights reserved.\n /\n\nimport {\n Component,\n ComponentNature,\n InfoWindow,\n Properties,\n RectPath,\n Shape,\n sceneComponent\n} from '@hatiolab/things-scene'\nimport GoogleMap from './google-map.js'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'id-input',\n label: 'target-map',\n name: 'targetMap',\n property: {\n component: 'google-map'\n }\n },\n {\n type: 'checkbox',\n label: 'show-path',\n name: 'showPath'\n },\n {\n type: 'checkbox',\n label: 'show-intermediate-markers',\n name: 'showIntermediateMarkers'\n },\n {\n type: 'checkbox',\n label: 'start-end-marker-different-design',\n name: 'startEndMarkerDifferentDesign'\n }\n ],\n 'value-property': 'latlngs'\n // help: 'scene/component/gmap-path'\n}\n\nconst EMPTY_MARKER_PATH = 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z'\nconst END_MARKER_PATH =\n 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0'\nconst START_MARKER_PATH =\n 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z m -3,-34 l 0,8 l 8,-4 l -8,-4 z m -0,-0 l 0,8 l 8,-4 l -8,-4'\n\n@sceneComponent('gmap-path')\nexport default class GMapPath extends RectPath(Shape) {\n private _infoWindow?: google.maps.InfoWindow\n private _markers: google.maps.Marker[] = []\n private _map?: google.maps.Map \| null\n private _targetMap?: GoogleMap \| null\n private _trackPath?: google.maps.Polyline\n\n dispose() {\n this.markers && this.markers.forEach(marker => marker.setMap(null))\n\n this.markers = []\n delete this._infoWindow\n\n super.dispose()\n }\n\n async ready() {\n await super.ready()\n\n if (this.isTemplate()) {\n return\n }\n\n this.onchangeTargetMap()\n }\n\n get map() {\n return this._map\n }\n\n findInfoWindow(type: string): InfoWindow \| undefined {\n var eventSetting = (this.state.event && this.state.event[type]) \|\| {}\n\n var infoWindow =\n / event spec v1.0 / eventSetting.infoWindow \|\|\n / event spec v1.1 / (eventSetting.action == 'infoWindow' && eventSetting.target)\n\n if (infoWindow) {\n return this.root.findById?.(infoWindow) as InfoWindow \| undefined\n }\n }\n\n getInfoContent(sceneInfoWindow: InfoWindow, index: number) {\n var tpl = Component.template(sceneInfoWindow.model.frontSideTemplate)\n return (\n `<style>${sceneInfoWindow.model.style}</style>` +\n tpl({\n data: this.data,\n index\n })\n )\n }\n\n openInfoWindow(iw: InfoWindow, index: number) {\n var content = this.getInfoContent(iw, index)\n\n if (!this.map) return\n\n var infoWindow = new google.maps.InfoWindow()\n infoWindow.setContent(content)\n infoWindow.open(this.map, this.markers![index])\n\n return infoWindow\n }\n\n buildMarkers() {\n if (!this.map) {\n return\n }\n\n let {\n latlngs = [],\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight,\n showIntermediateMarkers = false,\n startEndMarkerDifferentDesign = true,\n showPath = false\n } = this.state\n\n if (showIntermediateMarkers) {\n var markers: google.maps.Marker[] = latlngs.map(({ lat, lng }: { lat: number; lng: number }, index: number) => {\n if (startEndMarkerDifferentDesign) {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map!,\n icon: {\n path: index == 0 ? START_MARKER_PATH : index + 1 == latlngs.length ? END_MARKER_PATH : EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n } else {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map!,\n icon: {\n path: EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n }\n })\n } else {\n var spots =\n latlngs.length > 1 ? [latlngs[0], latlngs[latlngs.length - 1]] : latlngs.length == 1 ? [latlngs[0]] : []\n\n var markers: google.maps.Marker[] = spots.map(({ lat, lng }, index) => {\n if (startEndMarkerDifferentDesign) {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map!,\n icon: {\n path: index == 0 ? START_MARKER_PATH : END_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n } else {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) \|\| 0,\n lng: Number(lng) \|\| 0\n },\n map: this.map!,\n icon: {\n path: EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n }\n })\n }\n\n if (showPath) {\n this.trackPath = new google.maps.Polyline({\n path: latlngs,\n geodesic: true,\n strokeColor: '#FF0000',\n strokeOpacity: 1,\n strokeWeight: 4,\n map: this.map\n })\n }\n\n var infowindows = new Array(markers.length)\n\n markers.forEach((marker, index: number) => {\n marker.addListener('click', (e: Event) => {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw, index)\n\n this.trigger('click', e)\n })\n marker.addListener('mouseover', () => {\n var iw = this.findInfoWindow('hover')\n if (!iw) return\n infowindows[index] = this.openInfoWindow(iw, index)\n })\n marker.addListener('mouseout', () => {\n var infowindow = infowindows[index]\n infowindow && infowindow.close()\n infowindows[index] = null\n })\n })\n\n this.markers = markers\n }\n\n set markers(markers) {\n if (this._markers) {\n this._markers.forEach(marker => {\n marker.setMap(null)\n google.maps.event.clearInstanceListeners(marker)\n })\n\n this._markers = []\n }\n\n this._markers = markers\n }\n\n get markers() {\n if (!this._markers) {\n this.buildMarkers()\n }\n\n return this._markers\n }\n\n get trackPath() {\n return this._trackPath\n }\n\n set trackPath(trackPath) {\n if (this.trackPath) {\n this.trackPath.setMap(null)\n }\n\n this._trackPath = trackPath\n }\n\n get hidden() {\n return super.hidden \|\| this.app.isViewMode\n }\n\n set hidden(hidden) {\n super.hidden = hidden\n }\n\n render(context: CanvasRenderingContext2D) {\n var { top, left, width, height } = this.state\n\n context.translate(left, top)\n\n // 마커 모양 그리기\n context.beginPath()\n\n context.moveTo(width / 2, height 0.9)\n context.bezierCurveTo(width / 2.3, height * 0.6, 0, height / 2, 0, height / 4)\n\n context.ellipse(width / 2, height / 4, width / 2, height / 4, 0, Math.PI * 1, Math.PI * 0)\n\n context.bezierCurveTo(width, height / 2, width / 1.7, height * 0.6, width / 2, height * 0.9)\n context.closePath()\n\n context.translate(-left, -top)\n }\n\n get controls() {\n return []\n }\n\n onchangeTargetMap() {\n if (this.targetMap) {\n this._targetMap = null\n this._map = null\n }\n\n var id = this.get('targetMap')\n if (id !== undefined) {\n this._targetMap = this.root.findById?.(id) as GoogleMap \| undefined\n\n if (this.targetMap) {\n this._map = this.targetMap.map\n\n if (!this.map) {\n var listener = (after: any) => {\n if ('map' in after) {\n this._map = after.map\n this.markers && this.markers.forEach(marker => marker.setMap(this.map!))\n\n this.targetMap!.off('change', listener)\n }\n }\n this.targetMap.on('change', listener)\n } else {\n this.markers && this.markers.forEach(marker => marker.setMap(this.map!))\n }\n }\n }\n }\n\n get targetMap() {\n return this._targetMap\n }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap()\n }\n\n if ('latlngs' in after) {\n this.buildMarkers()\n }\n\n if ('fillStyle' in after \|\| 'strokeStyle' in after \|\| 'lineWidth' in after) {\n this.buildMarkers()\n }\n\n super.onchange && super.onchange(after, before)\n }\n\n get latlngs() {\n return this.getState('latlngs')\n }\n\n set latlngs(latlngs) {\n this.setState({\n latlngs\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}

package/dist/google-map.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export default class GoogleMap extends HTMLOverlayContainer {
     private _listener?;
     private _anchor?;
     private _map?;
-    ready(): void;
+    ready(): Promise<void>;
     removed(): void;
     rescale(): void;
     createElement(): void;

package/dist/google-map.js CHANGED Viewed

@@ -54,19 +54,21 @@ function getGlobalScale(component) {
     }
     return scale;
 }
-let GoogleMap = GoogleMap_1 = class GoogleMap extends HTMLOverlayContainer {
-    constructor() {
-        super(...arguments);
-        this._listener = function (after) {
-            after.scale && this.rescale();
-        }.bind(this);
-    }
+let GoogleMap = class GoogleMap extends HTMLOverlayContainer {
+    static { GoogleMap_1 = this; }
     static load(component) {
         var key = component.get('apiKey');
         ScriptLoader.load('https://maps.googleapis.com/maps/api/js' + (key ? '?key=' + key : '')).then(() => component.onload(), error);
     }
-    ready() {
-        super.ready();
+    static loaded = false;
+    _listenTo;
+    _listener = function (after) {
+        after.scale && this.rescale();
+    }.bind(this);
+    _anchor;
+    _map;
+    async ready() {
+        await super.ready();
         if (this.rootModel) {
             this._listenTo = this.rootModel;
             this.rootModel.on('change', this._listener);
@@ -174,7 +176,6 @@ let GoogleMap = GoogleMap_1 = class GoogleMap extends HTMLOverlayContainer {
         return NATURE;
     }
 };
-GoogleMap.loaded = false;
 GoogleMap = GoogleMap_1 = __decorate([
     sceneComponent('google-map')
 ], GoogleMap);

package/dist/google-map.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"google-map.js","sourceRoot":"","sources":["../src/google-map.ts"],"names":[],"mappings":"AAAA;;GAEG;;;AAEH,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE;gBACR,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,CAAC,EAAE;aACT;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE;gBACR,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,CAAC,GAAG;gBACT,GAAG,EAAE,GAAG;aACT;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,MAAM;SACb;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,QAAQ;SACf;KACF;IACD,gBAAgB,EAAE,QAAQ;IAC1B,mCAAmC;CACpC,CAAA;AAED,OAAO,EAGL,oBAAoB,EAEpB,YAAY,EACZ,KAAK,EACL,cAAc,EACf,MAAM,wBAAwB,CAAA;AAE/B,SAAS,cAAc,CAAC,SAAoB;IAC1C,IAAI,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;IAC1B,IAAI,MAAM,~~GAAc~~,SAAS,CAAA;~~IAEjC~~,OAAO,MAAM,EAAE,CAAC;QACd,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;QACpD,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACjB,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEjB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;IACxB,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAGc,IAAM,SAAS,~~iBAAf~~,MAAM,SAAU,SAAQ,oBAAoB~~;IAA5C~~;;~~QAYL~~,~~cAAS,GAAI,UAA2B,KAAU;YACxD,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAA;QAC/B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IA0Id,CAAC;IAvJC,~~MAAM,CAAC,IAAI,CAAC,SAAoB;QAC9B,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QACjC,YAAY,CAAC,IAAI,CAAC,yCAAyC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAC5F,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,EACxB,KAAK,CACN,CAAA;IACH,CAAC;~~IAYD~~,KAAK;~~QACH~~,KAAK,CAAC,KAAK,EAAE,CAAA;~~QAEb~~,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;YAC/B,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAU,CAAC,CAAA;QAC9C,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAU,CAAC,CAAA;YAE7C,OAAO,IAAI,CAAC,SAAS,CAAA;YACrB,OAAO,IAAI,CAAC,SAAS,CAAA;QACvB,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,OAAO;QACL,IAAI,MAAM,GAAG,IAAI,CAAC,OAAO,CAAA;QACzB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,IAAI,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;QAEhC,IAAI,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAA;QACpB,IAAI,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAA;QAEpB,IAAI,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,CAEpC;QAAA,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACzD,MAAO,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,WAAW,CAAQ,CAAC,GAAG,SAAS,CAAA;YACxD,MAAO,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,kBAAkB,CAAQ,CAAC,GAAG,SAAS,CAAA;QACjE,CAAC,CAAC,CAAA;QAEF,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAClC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAA;QAC3C,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,CAAA;QAE7C,IAAI,WAAS,CAAC,MAAM,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;YAC7C,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;YAC7B,IAAI,CAAC,GAAG;gBACN,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;oBACjB,GAAG;oBACH,GAAG;iBACJ,CAAC,CAAA;QACN,CAAC;IACH,CAAC;IAED,aAAa;QACX,KAAK,CAAC,aAAa,EAAE,CAAA;QACrB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC5C,IAAI,CAAC,~~OAAO~~,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;~~QACtC~~,IAAI,CAAC,OAAO,EAAE,CAAA;QAEd,WAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC;IAED,MAAM;QACJ,WAAS,CAAC,MAAM,GAAG,IAAI,CAAA;QAEvB,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEnC,IAAI,CAAC;YACH,IAAI,CAAC,IAAI,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAQ,EAAE;gBAC7C,IAAI;gBACJ,MAAM,EAAE,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC;aACzC,CAAC,CAAA;QACJ,CAAC;gBAAS,CAAC;YACT;;;;eAIG;YACH,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;YAC/B,IAAI,CAAC,OAAO,EAAE,CAAA;QAChB,CAAC;IACH,CAAC;IAED,IAAI,OAAO;QACT,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,IAAI,CAAA;IAClB,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;QAEf,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,oBAAoB,CAAC,GAAmB;QACtC,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,QAAQ,CAAC,KAAiB,EAAE,MAAkB;QAC5C,IAAI,WAAS,CAAC,MAAM,EAAE,CAAC;YACrB,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;gBACf,IAAI,CAAC,GAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YAC/B,CAAC;YAED,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;gBACrC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;gBAC7B,IAAI,CAAC,GAAI,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAA;YACvD,CAAC;QACH,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAE7B,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,IAAI,MAAM;QACR,OAAO;YACL,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;SACrB,CAAA;IACH,CAAC;IAED,IAAI,MAAM,CAAC,MAAM;QACf,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAClB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;;~~AA9Ic~~,~~gBAAM,GAAY,KAAK,AAAjB,CAAiB;AATnB,~~SAAS;IAD7B,cAAc,CAAC,YAAY,CAAC;GACR,SAAS,CAwJ7B;eAxJoB,SAAS","sourcesContent":["/\n Copyright © HatioLab Inc. All rights reserved.\n /\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'number',\n label: 'latitude',\n name: 'lat',\n property: {\n step: 0.000001,\n max: 90,\n min: -90\n }\n },\n {\n type: 'number',\n label: 'longitude',\n name: 'lng',\n property: {\n step: 0.000001,\n min: -180,\n max: 180\n }\n },\n {\n type: 'number',\n label: 'zoom',\n name: 'zoom'\n },\n {\n type: 'string',\n label: 'api-key',\n name: 'apiKey'\n }\n ],\n 'value-property': 'latlng'\n // help: 'scene/component/gmap-map'\n}\n\nimport {\n Component,\n ComponentNature,\n HTMLOverlayContainer,\n Properties,\n ScriptLoader,\n error,\n sceneComponent\n} from '@hatiolab/things-scene'\n\nfunction getGlobalScale(component: GoogleMap) {\n var scale = { x: 1, y: 1 }\n var parent: ~~Component~~ = component\n\n while (parent) {\n let { x, y } = parent.get('scale') \|\| { x: 1, y: 1 }\n scale.x = x \|\| 1\n scale.y = y \|\| 1\n\n parent = parent.parent\n }\n return scale\n}\n\n@sceneComponent('google-map')\nexport default class GoogleMap extends HTMLOverlayContainer {\n static load(component: GoogleMap) {\n var key = component.get('apiKey')\n ScriptLoader.load('https://maps.googleapis.com/maps/api/js' + (key ? '?key=' + key : '')).then(\n () => component.onload(),\n error\n )\n }\n\n private static loaded: boolean = false\n\n private _listenTo?: Component\n private _listener? = function (this: GoogleMap, after: any) {\n after.scale && this.rescale()\n }.bind(this)\n\n private _anchor?: HTMLDivElement\n private _map?: google.maps.Map\n\n ready() {\n super.ready()\n\n if (this.rootModel) {\n this._listenTo = this.rootModel\n this.rootModel.on('change', this._listener!)\n }\n }\n\n removed() {\n if (this._listenTo) {\n this._listenTo.off('change', this._listener!)\n\n delete this._listenTo\n delete this._listener\n }\n }\n\n /\n * google map은 scale된 상태에서 마우스 포지션을 정확히 매핑하지 못하므로, 마커를 정상적으로 동작시키지 못한다.\n * 따라서, google map의 경우에는 부모의 스케일의 역으로 transform해서, scale을 1로 맞추어야 한다.\n /\n rescale() {\n var anchor = this._anchor\n if (!anchor) {\n return\n }\n var scale = getGlobalScale(this)\n\n var sx = 1 / scale.x\n var sy = 1 / scale.y\n\n var transform = `scale(${sx}, ${sy})`\n\n ;['-webkit-', '-moz-', '-ms-', '-o-', ''].forEach(prefix => {\n anchor!.style[(prefix + 'transform') as any] = transform\n anchor!.style[(prefix + 'transform-origin') as any] = '0px 0px'\n })\n\n var { width, height } = this.state\n anchor.style.width = width scale.x + 'px'\n anchor.style.height = height * scale.y + 'px'\n\n if (GoogleMap.loaded) {\n google.maps.event.trigger(this.map, 'resize')\n let { lat, lng } = this.state\n this.map &&\n this.map.setCenter({\n lat,\n lng\n })\n }\n }\n\n createElement() {\n super.createElement()\n this._anchor = document.createElement('div')\n this.element.appendChild(this._anchor)\n this.rescale()\n\n GoogleMap.load(this)\n }\n\n onload() {\n GoogleMap.loaded = true\n\n var { lat, lng, zoom } = this.state\n\n try {\n this._map = new google.maps.Map(this._anchor!, {\n zoom,\n center: new google.maps.LatLng(lat, lng)\n })\n } finally {\n /\n setState 로 map 객체가 생성되었음을 change 이벤트로 알려줄 수 있다\n * - set('map', this._map)으로 만들 지 않도록 주의한다.\n * - setState('map', this._map)으로해야 컴포넌트 모델에 추가되지 않는다.\n */\n this.setState('map', this._map)\n this.rescale()\n }\n }\n\n get tagName() {\n return 'div'\n }\n\n get map() {\n return this._map\n }\n\n dispose() {\n super.dispose()\n\n delete this._anchor\n }\n\n setElementProperties(div: HTMLDivElement) {\n this.rescale()\n }\n\n onchange(after: Properties, before: Properties) {\n if (GoogleMap.loaded) {\n if (after.zoom) {\n this.map!.setZoom(after.zoom)\n }\n\n if ('lat' in after \|\| 'lng' in after) {\n let { lat, lng } = this.state\n this.map!.setCenter(new google.maps.LatLng(lat, lng))\n }\n }\n\n super.onchange(after, before)\n\n this.rescale()\n }\n\n get latlng() {\n return {\n lat: this.get('lat'),\n lng: this.get('lng')\n }\n }\n\n set latlng(latlng) {\n this.set(latlng)\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}
1	+ {"version":3,"file":"google-map.js","sourceRoot":"","sources":["../src/google-map.ts"],"names":[],"mappings":"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","sourcesContent":["/\n Copyright © HatioLab Inc. All rights reserved.\n /\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'number',\n label: 'latitude',\n name: 'lat',\n property: {\n step: 0.000001,\n max: 90,\n min: -90\n }\n },\n {\n type: 'number',\n label: 'longitude',\n name: 'lng',\n property: {\n step: 0.000001,\n min: -180,\n max: 180\n }\n },\n {\n type: 'number',\n label: 'zoom',\n name: 'zoom'\n },\n {\n type: 'string',\n label: 'api-key',\n name: 'apiKey'\n }\n ],\n 'value-property': 'latlng'\n // help: 'scene/component/gmap-map'\n}\n\nimport {\n Component,\n ComponentNature,\n HTMLOverlayContainer,\n Properties,\n ScriptLoader,\n error,\n sceneComponent\n} from '@hatiolab/things-scene'\n\nfunction getGlobalScale(component: GoogleMap) {\n var scale = { x: 1, y: 1 }\n var parent: any = component\n\n while (parent) {\n let { x, y } = parent.get('scale') \|\| { x: 1, y: 1 }\n scale.x = x \|\| 1\n scale.y = y \|\| 1\n\n parent = parent.parent\n }\n return scale\n}\n\n@sceneComponent('google-map')\nexport default class GoogleMap extends HTMLOverlayContainer {\n static load(component: GoogleMap) {\n var key = component.get('apiKey')\n ScriptLoader.load('https://maps.googleapis.com/maps/api/js' + (key ? '?key=' + key : '')).then(\n () => component.onload(),\n error\n )\n }\n\n private static loaded: boolean = false\n\n private _listenTo?: Component\n private _listener? = function (this: GoogleMap, after: any) {\n after.scale && this.rescale()\n }.bind(this)\n\n private _anchor?: HTMLDivElement\n private _map?: google.maps.Map\n\n async ready() {\n await super.ready()\n\n if (this.rootModel) {\n this._listenTo = this.rootModel\n this.rootModel.on('change', this._listener!)\n }\n }\n\n removed() {\n if (this._listenTo) {\n this._listenTo.off('change', this._listener!)\n\n delete this._listenTo\n delete this._listener\n }\n }\n\n /\n * google map은 scale된 상태에서 마우스 포지션을 정확히 매핑하지 못하므로, 마커를 정상적으로 동작시키지 못한다.\n * 따라서, google map의 경우에는 부모의 스케일의 역으로 transform해서, scale을 1로 맞추어야 한다.\n /\n rescale() {\n var anchor = this._anchor\n if (!anchor) {\n return\n }\n var scale = getGlobalScale(this)\n\n var sx = 1 / scale.x\n var sy = 1 / scale.y\n\n var transform = `scale(${sx}, ${sy})`\n\n ;['-webkit-', '-moz-', '-ms-', '-o-', ''].forEach(prefix => {\n anchor!.style[(prefix + 'transform') as any] = transform\n anchor!.style[(prefix + 'transform-origin') as any] = '0px 0px'\n })\n\n var { width, height } = this.state\n anchor.style.width = width scale.x + 'px'\n anchor.style.height = height * scale.y + 'px'\n\n if (GoogleMap.loaded) {\n google.maps.event.trigger(this.map, 'resize')\n let { lat, lng } = this.state\n this.map &&\n this.map.setCenter({\n lat,\n lng\n })\n }\n }\n\n createElement() {\n super.createElement()\n this._anchor = document.createElement('div')\n this.element!.appendChild(this._anchor)\n this.rescale()\n\n GoogleMap.load(this)\n }\n\n onload() {\n GoogleMap.loaded = true\n\n var { lat, lng, zoom } = this.state\n\n try {\n this._map = new google.maps.Map(this._anchor!, {\n zoom,\n center: new google.maps.LatLng(lat, lng)\n })\n } finally {\n /\n setState 로 map 객체가 생성되었음을 change 이벤트로 알려줄 수 있다\n * - set('map', this._map)으로 만들 지 않도록 주의한다.\n * - setState('map', this._map)으로해야 컴포넌트 모델에 추가되지 않는다.\n */\n this.setState('map', this._map)\n this.rescale()\n }\n }\n\n get tagName() {\n return 'div'\n }\n\n get map() {\n return this._map\n }\n\n dispose() {\n super.dispose()\n\n delete this._anchor\n }\n\n setElementProperties(div: HTMLDivElement) {\n this.rescale()\n }\n\n onchange(after: Properties, before: Properties) {\n if (GoogleMap.loaded) {\n if (after.zoom) {\n this.map!.setZoom(after.zoom)\n }\n\n if ('lat' in after \|\| 'lng' in after) {\n let { lat, lng } = this.state\n this.map!.setCenter(new google.maps.LatLng(lat, lng))\n }\n }\n\n super.onchange(after, before)\n\n this.rescale()\n }\n\n get latlng() {\n return {\n lat: this.get('lat'),\n lng: this.get('lng')\n }\n }\n\n set latlng(latlng) {\n this.set(latlng)\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@operato/scene-google-map",
   "description": "Google map integration component for things-scene",
   "author": "heartyoh",
-  "version": "9.0.1",
+  "version": "10.0.0-beta.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -10,7 +10,7 @@
   "things-scene": true,
   "publishConfig": {
     "access": "public",
-    "@oprato:registry": "https://registry.npmjs.org"
+    "@operato:registry": "https://registry.npmjs.org"
   },
   "repository": {
     "type": "git",
@@ -22,28 +22,28 @@
     "serve:dev": "npm run serve",
     "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
     "build": "tsc",
-    "prepublish": "tsc",
-    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "prepublishOnly": "tsc",
+    "lint": "eslint src/ && prettier \"src/**/*.ts\" --check",
+    "format": "eslint src/ --fix && prettier \"src/**/*.ts\" --write",
     "migration": "things-factory-migration"
   },
   "dependencies": {
-    "@hatiolab/things-scene": "^9.0.0"
+    "@hatiolab/things-scene": "^10.0.0-beta.1"
   },
   "devDependencies": {
     "@hatiolab/prettier-config": "^1.0.0",
-    "@things-factory/builder": "^9.0.0",
-    "@things-factory/operato-board": "^9.0.0",
+    "@things-factory/builder": "^10.0.0-beta.1",
+    "@things-factory/operato-board": "^10.0.0-beta.1",
     "@types/googlemaps": "^3.43.3",
-    "@typescript-eslint/eslint-plugin": "^4.33.0",
-    "@typescript-eslint/parser": "^4.33.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
     "@web/dev-server": "^0.1.28",
     "concurrently": "^8.0.1",
     "eslint": "^9.18.0",
     "eslint-config-prettier": "^10.0.1",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.4.1",
+    "lint-staged": "^15.2.2",
+    "prettier": "^3.2.5",
     "tslib": "^2.3.1",
     "typescript": "^5.0.4"
   },
@@ -59,5 +59,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "5c1850ff48a7c9b6aa133426e817b22032326143"
+  "gitHead": "bb127dd516b9e962fb2d0a24bc2d8c5e108f06fb"
 }