@operato/scene-google-map 9.0.0-beta.0 → 9.0.0-beta.15

package/dist/gmap-marker.d.ts

@@ -1,5 +1,5 @@
 import { Component, ComponentNature, InfoWindow, Properties, Shape } from '@hatiolab/things-scene';
-import GoogleMap from './google-map';
+import GoogleMap from './google-map.js';
 declare const GMapMarker_base: typeof Shape;
 export default class GMapMarker extends GMapMarker_base {
     private _infoWindow?;

package/dist/gmap-marker.js

@@ -1,7 +1,8 @@
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
-import { Component, RectPath, Shape } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { Component, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
 const NATURE = {
     mutable: false,
     resizable: true,
@@ -40,7 +41,7 @@ const NATURE = {
     // help: 'scene/component/gmap-marker'
 };
 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';
-export default class GMapMarker extends RectPath(Shape) {
+let GMapMarker = class GMapMarker extends RectPath(Shape) {
     dispose() {
         this.marker && this.marker.setMap(null);
         this.marker = null;
@@ -225,6 +226,9 @@ export default class GMapMarker extends RectPath(Shape) {
     get nature() {
         return NATURE;
     }
-}
-Component.register('gmap-marker', GMapMarker);
+};
+GMapMarker = __decorate([
+    sceneComponent('gmap-marker')
+], GMapMarker);
+export default GMapMarker;
 //# sourceMappingURL=gmap-marker.js.map

package/dist/gmap-marker.js.map

@@ -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 { Component, ComponentNature, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'\nimport GoogleMap from './google-map'\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\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\nComponent.register('gmap-marker', GMapMarker)\n"]}
+{"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"]}

package/dist/gmap-path.d.ts

@@ -1,5 +1,5 @@
 import { Component, ComponentNature, InfoWindow, Properties, Shape } from '@hatiolab/things-scene';
-import GoogleMap from './google-map';
+import GoogleMap from './google-map.js';
 declare const GMapPath_base: typeof Shape;
 export default class GMapPath extends GMapPath_base {
     private _infoWindow?;

package/dist/gmap-path.js

@@ -1,7 +1,8 @@
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
-import { Component, RectPath, Shape } from '@hatiolab/things-scene';
+import { __decorate } from "tslib";
+import { Component, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
 const NATURE = {
     mutable: false,
     resizable: true,
@@ -37,7 +38,7 @@ const NATURE = {
 const 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';
 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';
-export default class GMapPath extends RectPath(Shape) {
+let GMapPath = class GMapPath extends RectPath(Shape) {
     constructor() {
         super(...arguments);
         this._markers = [];
@@ -291,6 +292,9 @@ export default class GMapPath extends RectPath(Shape) {
     get nature() {
         return NATURE;
     }
-}
-Component.register('gmap-path', GMapPath);
+};
+GMapPath = __decorate([
+    sceneComponent('gmap-path')
+], GMapPath);
+export default GMapPath;
 //# sourceMappingURL=gmap-path.js.map

package/dist/gmap-path.js.map

@@ -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 { Component, ComponentNature, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'\nimport GoogleMap from './google-map'\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\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\nComponent.register('gmap-path', GMapPath)\n"]}
+{"version":3,"file":"gmap-path.js","sourceRoot":"","sources":["../src/gmap-path.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EACL,SAAS,EAIT,QAAQ,EACR,KAAK,EACL,cAAc,EACf,MAAM,wBAAwB,CAAA;AAG/B,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE;gBACR,SAAS,EAAE,YAAY;aACxB;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,UAAU;SACjB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,2BAA2B;YAClC,IAAI,EAAE,yBAAyB;SAChC;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,mCAAmC;YAC1C,IAAI,EAAE,+BAA+B;SACtC;KACF;IACD,gBAAgB,EAAE,SAAS;IAC3B,oCAAoC;CACrC,CAAA;AAED,MAAM,iBAAiB,GAAG,0EAA0E,CAAA;AACpG,MAAM,eAAe,GACnB,kHAAkH,CAAA;AACpH,MAAM,iBAAiB,GACrB,uIAAuI,CAAA;AAG1H,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,QAAQ,CAAC,KAAK,CAAC;IAAtC;;QAEL,aAAQ,GAAyB,EAAE,CAAA;IA0T7C,CAAC;IArTC,OAAO;QACL,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QAEnE,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACjB,OAAO,IAAI,CAAC,WAAW,CAAA;QAEvB,KAAK,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;YACtB,OAAM;QACR,CAAC;QAED,IAAI,CAAC,iBAAiB,EAAE,CAAA;IAC1B,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,IAAI,CAAA;IAClB,CAAC;IAED,cAAc,CAAC,IAAY;QACzB,IAAI,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;QAErE,IAAI,UAAU;QACZ,qBAAqB,CAAC,YAAY,CAAC,UAAU;YAC7C,qBAAqB,CAAC,CAAC,YAAY,CAAC,MAAM,IAAI,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAA;QAEpF,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;QACvC,CAAC;IACH,CAAC;IAED,cAAc,CAAC,eAA2B,EAAE,KAAa;QACvD,IAAI,GAAG,GAAG,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;QACrE,OAAO,CACL,UAAU,eAAe,CAAC,KAAK,CAAC,KAAK,UAAU;YAC/C,GAAG,CAAC;gBACF,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,KAAK;aACN,CAAC,CACH,CAAA;IACH,CAAC;IAED,cAAc,CAAC,EAAc,EAAE,KAAa;QAC1C,IAAI,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QAE5C,IAAI,CAAC,IAAI,CAAC,GAAG;YAAE,OAAM;QAErB,IAAI,UAAU,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAA;QAC7C,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QAC9B,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;QAE/C,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YACd,OAAM;QACR,CAAC;QAED,IAAI,EACF,OAAO,GAAG,EAAE,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,WAAW,GAAG,CAAC,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,YAAY,EACvB,uBAAuB,GAAG,KAAK,EAC/B,6BAA6B,GAAG,IAAI,EACpC,QAAQ,GAAG,KAAK,EACjB,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,IAAI,uBAAuB,EAAE,CAAC;YAC5B,IAAI,OAAO,GAAyB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAgC,EAAE,KAAa,EAAE,EAAE;gBAC5G,IAAI,6BAA6B,EAAE,CAAC;oBAClC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;wBAC5B,QAAQ,EAAE;4BACR,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;4BACrB,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;yBACtB;wBACD,GAAG,EAAE,IAAI,CAAC,GAAI;wBACd,IAAI,EAAE;4BACJ,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB;4BACxG,SAAS;4BACT,WAAW;4BACX,WAAW;4BACX,YAAY;yBACb;qBACF,CAAC,CAAA;gBACJ,CAAC;qBAAM,CAAC;oBACN,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;wBAC5B,QAAQ,EAAE;4BACR,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;4BACrB,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;yBACtB;wBACD,GAAG,EAAE,IAAI,CAAC,GAAI;wBACd,IAAI,EAAE;4BACJ,IAAI,EAAE,iBAAiB;4BACvB,SAAS;4BACT,WAAW;4BACX,WAAW;4BACX,YAAY;yBACb;qBACF,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,IAAI,KAAK,GACP,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;YAE1G,IAAI,OAAO,GAAyB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE;gBACpE,IAAI,6BAA6B,EAAE,CAAC;oBAClC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;wBAC5B,QAAQ,EAAE;4BACR,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;4BACrB,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;yBACtB;wBACD,GAAG,EAAE,IAAI,CAAC,GAAI;wBACd,IAAI,EAAE;4BACJ,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe;4BACtD,SAAS;4BACT,WAAW;4BACX,WAAW;4BACX,YAAY;yBACb;qBACF,CAAC,CAAA;gBACJ,CAAC;qBAAM,CAAC;oBACN,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;wBAC5B,QAAQ,EAAE;4BACR,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;4BACrB,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;yBACtB;wBACD,GAAG,EAAE,IAAI,CAAC,GAAI;wBACd,IAAI,EAAE;4BACJ,IAAI,EAAE,iBAAiB;4BACvB,SAAS;4BACT,WAAW;4BACX,WAAW;4BACX,YAAY;yBACb;qBACF,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,SAAS,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACxC,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,IAAI;gBACd,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,CAAC;gBAChB,YAAY,EAAE,CAAC;gBACf,GAAG,EAAE,IAAI,CAAC,GAAG;aACd,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,WAAW,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QAE3C,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAa,EAAE,EAAE;YACxC,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE;gBACvC,IAAI,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;gBACnC,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;gBAEpC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;YAC1B,CAAC,CAAC,CAAA;YACF,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,EAAE;gBACnC,IAAI,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;gBACrC,IAAI,CAAC,EAAE;oBAAE,OAAM;gBACf,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;YACrD,CAAC,CAAC,CAAA;YACF,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,GAAG,EAAE;gBAClC,IAAI,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;gBACnC,UAAU,IAAI,UAAU,CAAC,KAAK,EAAE,CAAA;gBAChC,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI,CAAA;YAC3B,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;IACxB,CAAC;IAED,IAAI,OAAO,CAAC,OAAO;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBAC7B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACnB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAA;YAClD,CAAC,CAAC,CAAA;YAEF,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAA;QACpB,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAA;IACzB,CAAC;IAED,IAAI,OAAO;QACT,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAA;IACxB,CAAC;IAED,IAAI,SAAS,CAAC,SAAS;QACrB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;IAC7B,CAAC;IAED,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAA;IAC5C,CAAC;IAED,IAAI,MAAM,CAAC,MAAM;QACf,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;IACvB,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE7C,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAE5B,YAAY;QACZ,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,CAAA;QACvC,OAAO,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAA;QAE9E,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;QAE1F,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,CAAA;QAC5F,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IAChC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,EAAE,CAAA;IACX,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;YACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAClB,CAAC;QAED,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;QAC9B,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAc,CAAA;YAErD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAA;gBAE9B,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;oBACd,IAAI,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;wBAC5B,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;4BACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,CAAA;4BACrB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAI,CAAC,CAAC,CAAA;4BAExE,IAAI,CAAC,SAAU,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;wBACzC,CAAC;oBACH,CAAC,CAAA;oBACD,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;gBACvC,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAI,CAAC,CAAC,CAAA;gBAC1E,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAA;IACxB,CAAC;IAED,QAAQ,CAAC,KAAiB,EAAE,MAAkB;QAC5C,IAAI,WAAW,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,iBAAiB,EAAE,CAAA;QAC1B,CAAC;QAED,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;QAED,IAAI,WAAW,IAAI,KAAK,IAAI,aAAa,IAAI,KAAK,IAAI,WAAW,IAAI,KAAK,EAAE,CAAC;YAC3E,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;QAED,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IACjC,CAAC;IAED,IAAI,OAAO,CAAC,OAAO;QACjB,IAAI,CAAC,QAAQ,CAAC;YACZ,OAAO;SACR,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA;AA5ToB,QAAQ;IAD5B,cAAc,CAAC,WAAW,CAAC;GACP,QAAQ,CA4T5B;eA5ToB,QAAQ","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"]}

package/dist/google-map.js

@@ -1,6 +1,8 @@
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
+var GoogleMap_1;
+import { __decorate } from "tslib";
 const NATURE = {
     mutable: false,
     resizable: true,
@@ -40,7 +42,7 @@ const NATURE = {
     'value-property': 'latlng'
     // help: 'scene/component/gmap-map'
 };
-import { Component, HTMLOverlayContainer, ScriptLoader, error } from '@hatiolab/things-scene';
+import { HTMLOverlayContainer, ScriptLoader, error, sceneComponent } from '@hatiolab/things-scene';
 function getGlobalScale(component) {
     var scale = { x: 1, y: 1 };
     var parent = component;
@@ -52,7 +54,7 @@ function getGlobalScale(component) {
     }
     return scale;
 }
-class GoogleMap extends HTMLOverlayContainer {
+let GoogleMap = GoogleMap_1 = class GoogleMap extends HTMLOverlayContainer {
     constructor() {
         super(...arguments);
         this._listener = function (after) {
@@ -97,7 +99,7 @@ class GoogleMap extends HTMLOverlayContainer {
         var { width, height } = this.state;
         anchor.style.width = width * scale.x + 'px';
         anchor.style.height = height * scale.y + 'px';
-        if (GoogleMap.loaded) {
+        if (GoogleMap_1.loaded) {
             google.maps.event.trigger(this.map, 'resize');
             let { lat, lng } = this.state;
             this.map &&
@@ -112,10 +114,10 @@ class GoogleMap extends HTMLOverlayContainer {
         this._anchor = document.createElement('div');
         this.element.appendChild(this._anchor);
         this.rescale();
-        GoogleMap.load(this);
+        GoogleMap_1.load(this);
     }
     onload() {
-        GoogleMap.loaded = true;
+        GoogleMap_1.loaded = true;
         var { lat, lng, zoom } = this.state;
         try {
             this._map = new google.maps.Map(this._anchor, {
@@ -147,7 +149,7 @@ class GoogleMap extends HTMLOverlayContainer {
         this.rescale();
     }
     onchange(after, before) {
-        if (GoogleMap.loaded) {
+        if (GoogleMap_1.loaded) {
             if (after.zoom) {
                 this.map.setZoom(after.zoom);
             }
@@ -171,8 +173,10 @@ class GoogleMap extends HTMLOverlayContainer {
     get nature() {
         return NATURE;
     }
-}
+};
 GoogleMap.loaded = false;
+GoogleMap = GoogleMap_1 = __decorate([
+    sceneComponent('google-map')
+], GoogleMap);
 export default GoogleMap;
-Component.register('google-map', GoogleMap);
 //# sourceMappingURL=google-map.js.map

package/dist/google-map.js.map

@@ -1 +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} 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\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\nComponent.register('google-map', GoogleMap)\n"]}
+{"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: 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"]}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import GmapMarker from './gmap-marker';
-import GmapPath from './gmap-path';
-import GoogleMap from './google-map';
+import GmapMarker from './gmap-marker.js';
+import GmapPath from './gmap-path.js';
+import GoogleMap from './google-map.js';
 declare const _default: (typeof GoogleMap | typeof GmapMarker | typeof GmapPath)[];
 export default _default;

package/dist/index.js

@@ -1,8 +1,8 @@
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
-import GmapMarker from './gmap-marker';
-import GmapPath from './gmap-path';
-import GoogleMap from './google-map';
+import GmapMarker from './gmap-marker.js';
+import GmapPath from './gmap-path.js';
+import GoogleMap from './google-map.js';
 export default [GmapMarker, GmapPath, GoogleMap];
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,eAAe,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport GmapMarker from './gmap-marker'\nimport GmapPath from './gmap-path'\nimport GoogleMap from './google-map'\n\nexport default [GmapMarker, GmapPath, GoogleMap]\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,SAAS,MAAM,iBAAiB,CAAA;AAEvC,eAAe,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport GmapMarker from './gmap-marker.js'\nimport GmapPath from './gmap-path.js'\nimport GoogleMap from './google-map.js'\n\nexport default [GmapMarker, GmapPath, GoogleMap]\n"]}

package/dist/templates/index.js

@@ -1,5 +1,5 @@
-import GoogleMap from './google-map';
-import GmapMarker from './gmap-marker';
-import GmapPath from './gmap-path';
+import GoogleMap from './google-map.js';
+import GmapMarker from './gmap-marker.js';
+import GmapPath from './gmap-path.js';
 export default [GoogleMap, GmapMarker, GmapPath];
 //# sourceMappingURL=index.js.map

package/dist/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAElC,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAA","sourcesContent":["import GoogleMap from './google-map'\nimport GmapMarker from './gmap-marker'\nimport GmapPath from './gmap-path'\n\nexport default [GoogleMap, GmapMarker, GmapPath]\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,eAAe,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAA","sourcesContent":["import GoogleMap from './google-map.js'\nimport GmapMarker from './gmap-marker.js'\nimport GmapPath from './gmap-path.js'\n\nexport default [GoogleMap, GmapMarker, GmapPath]\n"]}

package/package.json

@@ -2,7 +2,8 @@
   "name": "@operato/scene-google-map",
   "description": "Google map integration component for things-scene",
   "author": "heartyoh",
-  "version": "9.0.0-beta.0",
+  "version": "9.0.0-beta.15",
+  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "MIT",
@@ -31,15 +32,15 @@
   },
   "devDependencies": {
     "@hatiolab/prettier-config": "^1.0.0",
-    "@things-factory/builder": "^8.0.0-beta",
-    "@things-factory/operato-board": "^8.0.0-beta",
+    "@things-factory/builder": "^9.0.0-beta",
+    "@things-factory/operato-board": "^9.0.0-beta",
     "@types/googlemaps": "^3.43.3",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "@web/dev-server": "^0.1.28",
     "concurrently": "^8.0.1",
-    "eslint": "^8.39.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.2",
     "prettier": "^2.4.1",
@@ -58,5 +59,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "87f7a74e8b66f6cc6f19b9c75a7c9a03637ab7ac"
+  "gitHead": "3a94a8a9ee8cb8de82ad331cb08b9e48d6625d31"
 }

package/things-scene.config.js

@@ -1,4 +1,4 @@
-import templates from './dist/templates'
+import templates from './dist/templates/index.js'
 
 export default {
   templates