@hatiolab/things-scene 9.0.0-beta.2 → 9.0.0-beta.21

package/dist/components/image-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-view.js","sourceRoot":"","sources":["../../src/components/image-view.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { error, Component, ComponentNature, Properties, RectPath, Shape } from '@hatiolab/things-scene'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'image-selector',\n      label: 'image-src',\n      name: 'src',\n      property: {\n        displayField: 'id',\n        displayFullUrl: true,\n        baseUrlAlias: '$base_url',\n        defaultStorage: 'scene-image',\n        storageFilters: {\n          type: Array,\n          value: [\n            {\n              name: 'category',\n              value: 'image'\n            }\n          ]\n        },\n        useUpload: true\n      }\n    },\n    {\n      type: 'select',\n      label: 'cross-origin',\n      name: 'crossOrigin',\n      property: {\n        options: ['', 'anonymous', 'use-credentials']\n      }\n    }\n  ],\n  'value-property': 'src',\n  help: 'scene/component/image-view'\n}\n\nconst NOIMAGE_DATA_URI =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABIBAMAAAD7Se1QAAAAIVBMVEUAAABHcEwBAQEREREBAQEEBAQGBgYLCwsDAwMDAwMICAi6HF9tAAAAC3RSTlNNAEAERiMYCS41Eac10lYAAAEgSURBVHhe7dY9asQwEAXgh7DNertNiJy48pIitY3SB7bYdk0ukL1BDDmA9gZecoH4pmFQ3MQayUMguPBrNPD4wD9TCMvJmt3M/AtYwXOlXiWgqADVCUBD46MAnGhMBaCiUQmAm8VA/Eh/eWl9Fn5WcxD+OLuRrUYJDKLluwH2InACUgkoACSdADxQc50Bytadb9RkM0CT13TcvlCT1HFg8UTHvasuUVACCa3El6u2UdD8LFTlKhUFFgA+d3dj10aABkUN72N3jAADCrJq7PIIsPidcxBoTHIIAjMFmyCwmGYIAA1P9gFgfCANAOsDSccCDW+uLDB+kLGg94OkZoAGkwsDDAe2DOg5oPxAg03rBR88OHpBz4N8UVeHFSwma74BTW6Ge4rIRa4AAAAASUVORK5CYII='\n\nexport default class ImageView extends RectPath(Shape) {\n  static NOIMAGE?: any\n\n  static get noimage() {\n    if (!ImageView.NOIMAGE) {\n      ImageView.NOIMAGE = new Image()\n      ImageView.NOIMAGE.src = NOIMAGE_DATA_URI\n    }\n\n    return ImageView.NOIMAGE\n  }\n\n  _offcanvas?: HTMLCanvasElement\n  _image?: any\n\n  dispose() {\n    super.dispose()\n    delete this._offcanvas\n    delete this._image\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height, isGray = false, alpha = 1, src } = this.state\n\n    this.prepareIf(!this._image && src)\n\n    // 박스 그리기\n    ctx.beginPath()\n    ctx.globalAlpha *= alpha\n\n    if (this._image && this._image.complete) {\n      if (isGray && this._offcanvas) {\n        ctx.drawImage(this._offcanvas, left, top, width, height)\n      } else {\n        try {\n          ctx.drawImage(this._image, left, top, width, height)\n        } catch (e) {\n          ctx.drawImage(ImageView.noimage, left, top, width, height)\n        }\n      }\n    } else {\n      !this.app.isViewMode && ctx.drawImage(ImageView.noimage, left, top, width, height)\n    }\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  get hasTextProperty() {\n    return false\n  }\n\n  ready() {\n    super.ready()\n    this.prepareIf(!this._image && this.state.src)\n  }\n\n  prepare(resolve: (ret?: any) => void, reject: (e?: any) => void) {\n    var { src, crossOrigin } = this.state\n\n    if (!src) {\n      resolve(this)\n      return\n    }\n\n    this._image = new Image()\n\n    try {\n      if (crossOrigin) {\n        this._image.crossOrigin = crossOrigin\n      }\n\n      this._image.src = this.app.url(src) || ''\n    } catch (e) {\n      reject(e)\n      return\n    }\n\n    this._image.onload = () => {\n      if (this.get('isGray')) {\n        let width = this._image.width\n        let height = this._image.height\n\n        this._offcanvas = Component.createCanvas(width, height)\n\n        let offcontext = this._offcanvas!.getContext('2d') as CanvasRenderingContext2D\n        offcontext!.drawImage(this._image, 0, 0)\n\n        let imageData = makeGrayImage(offcontext, width, height)\n        offcontext!.putImageData(imageData!, 0, 0)\n      }\n\n      resolve(this)\n    }\n\n    this._image.onerror = (e: any) => {\n      if (this._image && !this._image.currentSrc) this._image = null\n      reject(e)\n    }\n  }\n\n  get src() {\n    return this.get('src')\n  }\n\n  set src(src) {\n    this.set('src', src)\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if (after.hasOwnProperty('src') || after.hasOwnProperty('isGray')) {\n      delete this._offcanvas\n      delete this._image\n      this.prepareIf(after.src)\n    }\n  }\n\n  ondropfile(transfered: DataTransferItemList, files: FileList) {\n    for (let i = 0; i < transfered.length; i++) {\n      if (transfered[i].type.startsWith('image/')) {\n        this.src = files[i]\n        return\n      }\n    }\n  }\n}\n\nfunction makeGrayImage(ctx: CanvasRenderingContext2D, width: number, height: number) {\n  try {\n    var img = ctx.getImageData(0, 0, width, height)\n  } catch (e: any) {\n    error('Get Image Data Error: ' + e.message)\n    return null\n  }\n\n  var data = img.data\n  // Loop through data.\n  for (let i = 0; i < width * height * 4; i += 4) {\n    // First bytes are red bytes.\n    // Get red value.\n    let red = data[i]\n\n    // Second bytes are green bytes.\n    // Get green value.\n    let green = data[i + 1]\n\n    // Third bytes are blue bytes.\n    // Get blue value.\n    let blue = data[i + 2]\n\n    // Fourth bytes are alpha bytes\n    // We don't care about alpha here.\n    // Add the three values and divide by three.\n    // Make it an integer.\n    let gray = parseInt(String((red + green + blue) / 3))\n\n    // Assign average to red, green, and blue.\n    img.data[i] = gray\n    img.data[i + 1] = gray\n    img.data[i + 2] = gray\n  }\n\n  return img\n}\n\nComponent.register('image-view', ImageView)\n"]}

package/dist/components/index.d.ts

@@ -0,0 +1,32 @@
+export { default as Component } from "./component";
+export { default as ContainerAbstract } from "./container-abstract";
+export { default as Container } from "./container";
+export { default as RootContainer } from "./root-container";
+export { default as Shape } from "./shape";
+export { default as Line } from "./line";
+export { default as Ellipse } from "./ellipse";
+export { default as Rect } from "./rect";
+export { default as Polygon } from "./polygon";
+export { default as Polyline } from "./polyline";
+export { default as OrthoLine } from "./ortholine";
+export { default as Ruler } from "./ruler";
+export { default as ImageView } from "./image-view";
+export { default as GifView } from "./gif-view";
+export { default as AudioPlayer } from "./audio";
+export { default as Text } from "./text";
+export { default as Group } from "./group";
+export { default as LocalRef } from "./local-ref";
+export { default as GlobalRef } from "./global-ref";
+export { default as InfoWindow } from "./info-window";
+export { default as Popup } from "./popup";
+export { default as HTMLOverlayElement } from "./html-overlay-element";
+export { default as HTMLOverlayContainer } from "./html-overlay-container";
+export { default as Path } from "./path";
+export { default as Triangle } from "./triangle";
+export { default as Donut } from "./donut";
+export { default as Star } from "./star";
+export { default as RectPath } from "./mixins/rect-path";
+export { default as ValueHolder } from "./mixins/value-holder";
+export { default as DataSource } from "./mixins/data-source";
+export { default as MoveHandle } from "./mixins/move-handle";
+export { default as Connectable } from "./mixins/connectable";

package/dist/components/index.js

@@ -0,0 +1,39 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+export { default as Component } from './component';
+export { default as ContainerAbstract } from './container-abstract';
+export { default as Container } from './container';
+// Components
+export { default as RootContainer } from './root-container';
+export { default as Shape } from './shape';
+export { default as Line } from './line';
+export { default as Ellipse } from './ellipse';
+export { default as Rect } from './rect';
+export { default as Polygon } from './polygon';
+export { default as Polyline } from './polyline';
+export { default as OrthoLine } from './ortholine';
+export { default as Ruler } from './ruler';
+export { default as ImageView } from './image-view';
+export { default as GifView } from './gif-view';
+export { default as AudioPlayer } from './audio';
+export { default as Text } from './text';
+export { default as Group } from './group';
+export { default as LocalRef } from './local-ref';
+export { default as GlobalRef } from './global-ref';
+export { default as InfoWindow } from './info-window';
+export { default as Popup } from './popup';
+export { default as HTMLOverlayElement } from './html-overlay-element';
+export { default as HTMLOverlayContainer } from './html-overlay-container';
+// TODO 아래 컴포넌트들은 커스터마이징 컴포넌트로 분리할 것.(별도 프로젝트로.)
+export { default as Path } from './path';
+export { default as Triangle } from './triangle';
+export { default as Donut } from './donut';
+export { default as Star } from './star';
+// Mixins
+export { default as RectPath } from './mixins/rect-path';
+export { default as ValueHolder } from './mixins/value-holder';
+export { default as DataSource } from './mixins/data-source';
+export { default as MoveHandle } from './mixins/move-handle';
+export { default as Connectable } from './mixins/connectable';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAElD,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAE1E,gDAAgD;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AAExC,SAAS;AACT,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport { default as Component } from './component'\nexport { default as ContainerAbstract } from './container-abstract'\nexport { default as Container } from './container'\n\n// Components\nexport { default as RootContainer } from './root-container'\nexport { default as Shape } from './shape'\n\nexport { default as Line } from './line'\nexport { default as Ellipse } from './ellipse'\nexport { default as Rect } from './rect'\nexport { default as Polygon } from './polygon'\nexport { default as Polyline } from './polyline'\nexport { default as OrthoLine } from './ortholine'\nexport { default as Ruler } from './ruler'\nexport { default as ImageView } from './image-view'\nexport { default as GifView } from './gif-view'\nexport { default as AudioPlayer } from './audio'\nexport { default as Text } from './text'\nexport { default as Group } from './group'\n\nexport { default as LocalRef } from './local-ref'\nexport { default as GlobalRef } from './global-ref'\n\nexport { default as InfoWindow } from './info-window'\nexport { default as Popup } from './popup'\n\nexport { default as HTMLOverlayElement } from './html-overlay-element'\nexport { default as HTMLOverlayContainer } from './html-overlay-container'\n\n// TODO 아래 컴포넌트들은 커스터마이징 컴포넌트로 분리할 것.(별도 프로젝트로.)\nexport { default as Path } from './path'\nexport { default as Triangle } from './triangle'\nexport { default as Donut } from './donut'\nexport { default as Star } from './star'\n\n// Mixins\nexport { default as RectPath } from './mixins/rect-path'\nexport { default as ValueHolder } from './mixins/value-holder'\nexport { default as DataSource } from './mixins/data-source'\nexport { default as MoveHandle } from './mixins/move-handle'\nexport { default as Connectable } from './mixins/connectable'\n"]}

package/dist/components/info-window.d.ts

@@ -0,0 +1,41 @@
+declare const InfoWindow_base: {
+    new (): {
+        [x: string]: any;
+        contains(x: any, y: any): boolean;
+        path: {
+            x: any;
+            y: any;
+        }[];
+        readonly anchors: import("./anchor/anchor").Anchor[];
+    };
+    [x: string]: any;
+};
+export default class InfoWindow extends InfoWindow_base {
+    static get image(): any;
+    static toggle(component: any, infoWindowId: any, autoClose: any, position: any): void;
+    static hide(component: any, infoWindowId: any): void;
+    static show(component: any, infoWindowId: any, autoClose: any, position: any): void;
+    dispose(): void;
+    get infoWindows(): any[];
+    _windows: any[] | undefined;
+    _findInfoWindowByComponent(component: any): any;
+    _addInfoWindow(component: any, window: any, styleElement: any): void;
+    _removeInfoWindow(component: any): void;
+    render(context: any): void;
+    get hasTextProperty(): boolean;
+    get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                language: string;
+            };
+        }[];
+        help: string;
+    };
+}
+export {};

package/dist/components/info-window.js

@@ -0,0 +1,425 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import Component from './component';
+import Shape from './shape';
+import RectPath from './mixins/rect-path';
+import { GESTURES, KEYEVENTS } from '../const';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'textarea',
+            label: 'front-side-template',
+            name: 'frontSideTemplate',
+            property: {
+                language: 'html'
+            }
+        },
+        {
+            type: 'textarea',
+            label: 'back-side-template',
+            name: 'backSideTemplate',
+            property: {
+                language: 'html'
+            }
+        },
+        {
+            type: 'textarea',
+            label: 'style',
+            name: 'style',
+            property: {
+                language: 'css'
+            }
+        }
+    ],
+    help: 'scene/component/info-window'
+};
+const INFOWINDOW_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAY1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADIAbxiAAAAIHRSTlMA+gPshCwwWFzYCeLRm7QRG6rLeDZI9JOJJDtjb1HAf1sAT80AAAQQSURBVHhe7MCBAAAAAMKw/KkzOMG2BAAAAKeu3lUohIEggO7jQi5qHqpgwML5/6+0F0y02z31FlvMMLKt86QMQ1ined2Evih1hFFjLfRWjgzDOGZ6JSiM00B9EuHALtQxJLiQBmqSBCeSUEuEGzs1BDjSaHxWOKK5Eyz/4SoMV/hp4+vtcPkdwZD/udwevNg7t1xXYRiKmkB7C+ENlPLq8fxHeX+RGjWQ1D45ldcIulBIvCvYJGBEadyTzxAcfY57NBjpLScOO/bzugcTHe7IMwiSLMcdHZhocMcMgTLjjgZM7F1bCJZ2v27ARGzYDwIk2Z+JYGJ/iiwQLMv+JAEThjkmRG64Q0Q+gIiIiIiIiIiIyFy0KRFt0bOJZAWSUigmkQaJaXhENiRnYBEpkZySRSRGcmIWEaQnYhHRSI5mESmQnIJFZIqQmGhiEYEbEnPjGlEGjYTogW/WUkOXENENSqZfEXmDiIiIiIiIiIiIiIiIiIiImq5ETIpRpBpjJCMeKy6Ri0ZS9MQjkmkkJs1YRDokp2MRyZGclkUkQnIiEQltaX3Lzb6yiGTpl2y/avqSAxGgelCOKI+Kc2isL0TUSsZ4EREREREREREREREREREREfnIQzXrNWSRTeNxnlOwIgueIr6AAyE+CpiqMEUK71IDO4E+LluEKYKnKcMUifEsTZgiJZ5lDVNkwJPcqzBFoPF/HplfxL/w6b4EPGv1h18Weya1TL8iIiIeiIiIiIiIiEjkPefxV+5YA9PPHylB+u5aqgZ39H+jKOxrqtu+pkzvr9YbzoZ6w2OFkzcrA3yE4WZlSSyFk54VoA/wR43+FaD+r9w32QdWvgvjp2ty2xq8qHPHmtyPFxfrK3hw1ejERlAlfR/Ame2OTow05d4rOLLSlHtDVhI0uRO01JeZ405op6zgNNXT+bIRfpIgn+AkU4pOxBscohojdCHu4RRzjC5EYwVHqRONDkSnEvK/CB3QSU32IRW3ZPnj9iEVoGCNTLVrh8ia1x+6wq8xvB5mz8pxu7oPwIn9lcR0AiuX1+1KX+BXqdvXzWsAC0NsGjzZsS/2Bd6yRA5RgIHkXNhSD3whASZ8rrB9mItuEAizac0fDlHxDMEwpQfD1tW4y3Hjfy5s9nOHH3uwWA+EqEJBWCjoTL/S5toBB/7hu6zer74NgqSP39zJU+qQX3ix763mHTqvIVRUVprCljlElRkEjBqNYevH8veBJ2xhiyhE8YctmhDFH7ZoQhR/2KIJUfxhiyRE8YctmhDFH7ZoQhR/2OIJUfxhC9Ppf/t1jgJACERRsHGyYRZB0Ujvf0xD8w6kP7y6RZmgf/oTFTtbbzJVxZWo2Nlqw6TVy5GowNl6ssm7v50obamfSxQAAAAAAAsKLM15fb3vpQAAAABJRU5ErkJggg==';
+function buttonsTemplate(template, closable, flipable) {
+    var buttons = closable || flipable
+        ? [
+            '<div class="info-window-btns">',
+            closable ? '<button class="closable">&#88</button>' : '',
+            flipable ? '<button class="flipable">&#8652</button>' : '',
+            '</div>'
+        ]
+        : [];
+    var content = ['<div class="info-window-content">', template, '</div>'];
+    return buttons.concat(content).join('');
+}
+// TODO 중복되기 어려운 클래스명으로 부모 클래스를 지정해준다.
+const INFOWINDOW_STYLE = `
+.flip {
+  backface-visibility:             hidden;
+      -moz-backface-visibility:    hidden;
+      -ms-backface-visibility:     hidden;
+      -o-backface-visibility:      hidden;
+      -webkit-backface-visibility: hidden;
+  border-radius: 7px;
+  height: auto;
+  font: normal 14px helvetica, arial, san serif;
+  position: absolute;
+  opacity:.9;
+  transform-origin:             50% 50% 0px;
+      -moz-transform-origin:    50% 50% 0px;
+      -ms-transform-origin:     50% 50% 0px;
+      -o-transform-origin:      50% 50% 0px;
+      -webkit-transform-origin: 50% 50% 0px;
+  transition: all 2s;
+      -moz-transition:    all 2s;
+      -ms-transition:     all 2s;
+      -o-transition:      all 2s;
+      -webkit-transition: all 2s;
+  min-width: 100px;min-height:50px;
+  background-color:#3e424e;
+  box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.15);
+}
+
+#side-1 {
+  transform:             rotateY( 0deg );
+      -moz-transform:    rotateY( 0deg );
+      -ms-transform:     rotateY( 0deg );
+      -o-transform:      rotateY( 0deg );
+      -webkit-transform: rotateY( 0deg );
+}
+.flip:after{
+   content:"";
+   display:block;
+   position: absolute;
+   opacity:.9;
+   width: 0;
+   height: 0;
+}
+.flip.arrow-top:after{
+   left:45%;
+   top:-17px;
+   border-left:10px solid transparent;
+   border-bottom:18px solid #323b44;
+   border-right:10px solid transparent;
+}
+.flip.arrow-right:after{
+   left:100%;
+   top:48%;
+   border-top:10px solid transparent;
+   border-left:18px solid #323b44;
+   border-bottom:10px solid transparent;
+}
+.flip.arrow-bottom:after{
+   left:45%;
+   top:100%;
+   border-left:10px solid transparent;
+   border-top:18px solid #323b44;
+   border-right:10px solid transparent;
+}
+.flip.arrow-left:after{
+   right:100%;
+   top:48%;
+   border-top:10px solid transparent;
+   border-right:18px solid #323b44;
+   border-bottom:10px solid transparent;
+}
+
+#side-2 {
+  transform:             rotateY( 180deg );
+      -moz-transform:    rotateY( 180deg );
+      -ms-transform:     rotateY( 180deg );
+      -o-transform:      rotateY( 180deg );
+      -webkit-transform: rotateY( 180deg );
+}
+
+.flip-side-1 {
+  transform:             rotateY( 0deg ) !important;
+      -moz-transform:    rotateY( 0deg ) !important;
+      -ms-transform:     rotateY( 0deg ) !important;
+      -o-transform:      rotateY( 0deg ) !important;
+      -webkit-transform: rotateY( 0deg ) !important;
+}
+
+.flip-side-2 {
+  transform:             rotateY( 180deg ) !important;
+      -moz-transform:    rotateY( 180deg ) !important;
+      -ms-transform:     rotateY( 180deg ) !important;
+      -o-transform:      rotateY( 180deg ) !important;
+      -webkit-transform: rotateY( 180deg ) !important;
+}
+
+.info-window-btns{
+  position:absolute;
+  top:-18px;
+  right:5px;
+  overflow:hidden;
+}
+.info-window-content{
+  padding:10px;
+  color:#efefef;
+  font-size:13px;
+  line-height:1.4;
+}
+.info-window-btns button{
+  width:40px;height:40px;
+  float:right;
+  border:0;
+  border-radius:50%;
+  background-color:#2a7da1;
+  margin-right:3px;
+  text-align:center;
+  cursor:pointer;
+  font-size:35px;
+  color:#fff;
+  line-height:0;
+}
+.info-window-btns button:hover{
+  background-color:#60bb23;
+}
+`;
+const ARROW_LENGTH = 20;
+function toggleClassName(className, clazz) {
+    var classList = className.split(/\s+/);
+    var idx = classList.indexOf(clazz);
+    if (idx != -1)
+        classList.splice(idx, 1);
+    else
+        classList.splice(-1, 0, clazz);
+    return classList.join(' ');
+}
+/*
+ * InfoWindow 선택된 컴포넌트와 관련해서 사용자 정의 정보 윈도우를 보여준다.
+ *
+ * Information Window를 통해서 보여준다.
+ *
+ * Information Window는 앞면과 뒷면의 정보를 가지고 있으며, Rotation될 수 있다.
+ */
+export default class InfoWindow extends RectPath(Shape) {
+    static get image() {
+        if (!InfoWindow._image) {
+            InfoWindow._image = new Image();
+            InfoWindow._image.src = INFOWINDOW_IMAGE;
+        }
+        return InfoWindow._image;
+    }
+    static toggle(component, infoWindowId, autoClose, position) {
+        if (!infoWindowId) {
+            console.warn('InfoWindow not defined.');
+            return;
+        }
+        var infowindowComponent = component.root.findById(infoWindowId);
+        if (!infowindowComponent) {
+            console.warn('InfoWindow Not Found.', infoWindowId);
+            return;
+        }
+        if (infowindowComponent._findInfoWindowByComponent(component)) {
+            InfoWindow.hide(component, infoWindowId);
+        }
+        else {
+            InfoWindow.show(component, infoWindowId, autoClose, position);
+        }
+    }
+    static hide(component, infoWindowId) {
+        if (!infoWindowId)
+            return;
+        var infoWindowComponent = component.root.findById(infoWindowId);
+        if (!infoWindowComponent) {
+            console.warn('InfoWindow Not Found.', infoWindowId);
+            return;
+        }
+        infoWindowComponent._removeInfoWindow(component);
+    }
+    static show(component, infoWindowId, autoClose, position) {
+        if (!infoWindowId) {
+            console.warn('InfoWindow not defined.');
+            return;
+        }
+        // 1. InfoWindow 컴포넌트의 템플릿을 가져온다.
+        var infowindowComponent = component.root.findById(infoWindowId);
+        if (!infowindowComponent) {
+            console.warn('InfoWindow Not Found.', infoWindowId);
+            return;
+        }
+        if (infowindowComponent._findInfoWindowByComponent(component))
+            return;
+        var { frontSideTemplate = '', backSideTemplate = '' } = infowindowComponent.model;
+        var templates = [frontSideTemplate, backSideTemplate].filter(side => String(side).trim());
+        templates = templates.map(template => Component.template(buttonsTemplate(template, !autoClose, templates.length == 2)));
+        if (templates.length == 0)
+            return;
+        var style = INFOWINDOW_STYLE + infowindowComponent.get('style');
+        var { left, top } = component.bounds;
+        var { x, y } = position
+            ? component.rootModel.transcoordC2S(position.x, position.y)
+            : component.transcoordS2T(left, top);
+        left = x;
+        top = y;
+        // 2. 컴포넌트의 위치와 패딩 정보를 span에 반영한다.
+        var span = document.createElement('span');
+        span.style.position = 'absolute';
+        // 3. 스타일 엘리먼트를 생성한다.
+        var styleElement = document.createElement('style');
+        styleElement.type = 'text/css';
+        styleElement.appendChild(document.createTextNode(style));
+        span.appendChild(styleElement);
+        // 4. 양면 div 엘리먼트를 생성한다.
+        // TODO 템플릿이 한면만 등록된 경우에는 플립 기능과 플립 버튼을 제거한다.
+        // TODO 앞면과 뒷면의 크기를 동일하게 유지한다.(큰면을 기준으로 맞춘다.)
+        if (templates[0]) {
+            var div_front = document.createElement('div');
+            div_front.id = 'side-1';
+            div_front.className = 'flip';
+            div_front.style.display = 'inline-block';
+            div_front.innerHTML = templates[0](component);
+        }
+        if (templates[1]) {
+            var div_back = document.createElement('div');
+            div_back.id = 'side-2';
+            div_back.className = 'flip';
+            div_back.style.display = 'inline-block';
+            div_back.innerHTML = templates[1](component);
+        }
+        // 5. InfoWindow에서 발생하는 사용자 이벤트의 확산을 막는다.
+        GESTURES.forEach(function (event) {
+            span.addEventListener(event, function (e) {
+                e.stopPropagation();
+            });
+        });
+        KEYEVENTS.forEach(function (event) {
+            span.addEventListener(event, function (e) {
+                e.stopPropagation();
+            });
+        });
+        // 6. InfoWindow를 도큐먼트에 추가한다.
+        var targetElement = component.root.model_layer.overlay;
+        if (div_front)
+            span.appendChild(div_front);
+        if (div_back)
+            span.appendChild(div_back);
+        targetElement.appendChild(span);
+        infowindowComponent._addInfoWindow(component, span, styleElement);
+        // TODO InfoWindow가 사라질때 이벤트리스너를 제거해주어야 한다.
+        if (div_front) {
+            let flipButton = div_front.querySelector('.info-window-btns > .flipable');
+            flipButton &&
+                flipButton.addEventListener('click', function (e) {
+                    e.preventDefault();
+                    div_back.className = toggleClassName(div_back.className, 'flip-side-1');
+                    div_front.className = toggleClassName(div_front.className, 'flip-side-2');
+                }, false);
+            let closeButton = div_front.querySelector('.info-window-btns > .closable');
+            closeButton &&
+                closeButton.addEventListener('click', function (e) {
+                    e.preventDefault();
+                    InfoWindow.hide(component, infoWindowId);
+                }, false);
+        }
+        if (div_back) {
+            let flipButton = div_back.querySelector('.info-window-btns > .flipable');
+            flipButton &&
+                flipButton.addEventListener('click', function (e) {
+                    e.preventDefault();
+                    div_back.className = toggleClassName(div_back.className, 'flip-side-1');
+                    div_front.className = toggleClassName(div_front.className, 'flip-side-2');
+                }, false);
+            let closeButton = div_back.querySelector('.info-window-btns > .closable');
+            closeButton &&
+                closeButton.addEventListener('click', function (e) {
+                    e.preventDefault();
+                    InfoWindow.hide(component, infoWindowId);
+                }, false);
+        }
+        // 7. 완성된 InfoWindow의 크기를 감안한 위치 조정
+        var infowindow_width = div_front.offsetWidth;
+        var infowindow_height = div_front.offsetHeight;
+        // browser의 폭과 높이.
+        var full_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+        var full_height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+        // scene의 LEFT, TOP, RIGHT, BOTTOM
+        var scene_bound = component.rootModel.target.getBoundingClientRect();
+        var sides = [];
+        div_front && sides.push(div_front);
+        div_back && sides.push(div_back);
+        // 컴포넌트의 상하좌우 순으로 여백이 있는 공간에 InfoWindow를 배치한다.
+        // TODO 왼쪽 또는 오른쪽에 표현되는 경우에는, 위아래로 플립되도록 한다.
+        var point = {
+            x: left,
+            y: top
+        };
+        var endpoint = component.transcoordS2C(point.x, point.y);
+        if (endpoint.x + infowindow_width / 2 + scene_bound.left < scene_bound.right &&
+            endpoint.x - infowindow_width / 2 > scene_bound.left) {
+            if (infowindow_height + ARROW_LENGTH < endpoint.y) {
+                // TOP
+                span.style.marginLeft = point.x - infowindow_width / 2 + 'px';
+                span.style.marginTop = point.y - infowindow_height - ARROW_LENGTH + 'px';
+                sides.forEach(side => (side.className += ' arrow-bottom'));
+                return;
+            }
+            else {
+                endpoint = component.transcoordS2C(point.x, point.y + infowindow_height + ARROW_LENGTH);
+                if (scene_bound.bottom > endpoint.y + scene_bound.top) {
+                    // BOTTOM
+                    span.style.marginLeft = point.x - infowindow_width / 2 + 'px';
+                    span.style.marginTop = point.y + ARROW_LENGTH + 'px';
+                    sides.forEach(side => (side.className += ' arrow-top'));
+                    return;
+                }
+            }
+        }
+        endpoint = component.transcoordS2C(point.x, point.y);
+        if (endpoint.x - (infowindow_width + ARROW_LENGTH) > scene_bound.left) {
+            // LEFT
+            span.style.marginLeft = point.x - infowindow_width - ARROW_LENGTH + 'px';
+            span.style.marginTop = point.y - infowindow_height / 2 + 'px';
+            sides.forEach(side => (side.className += ' arrow-right'));
+            return;
+        }
+        span.style.marginLeft = point.x + ARROW_LENGTH + 'px';
+        span.style.marginTop = point.y - infowindow_height / 2 + 'px';
+        sides.forEach(side => (side.className += ' arrow-left'));
+    }
+    /* Members */
+    dispose() {
+        this.infoWindows.map(iw => iw.component).forEach(component => this._removeInfoWindow(component));
+        super.dispose();
+    }
+    get infoWindows() {
+        if (!this._windows)
+            this._windows = [];
+        return this._windows;
+    }
+    _findInfoWindowByComponent(component) {
+        return this.infoWindows.find(iw => iw.component === component);
+    }
+    _addInfoWindow(component, window, styleElement) {
+        var iw = this._findInfoWindowByComponent(component);
+        if (iw)
+            return;
+        this._windows.push({
+            component,
+            window,
+            styleElement
+        });
+    }
+    _removeInfoWindow(component) {
+        var iw = this._findInfoWindowByComponent(component);
+        if (!iw)
+            return;
+        let infoWindowElement = iw.window;
+        infoWindowElement && infoWindowElement.parentNode.removeChild(infoWindowElement);
+        var idx = this.infoWindows.lastIndexOf(iw);
+        this.infoWindows.splice(idx, 1);
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        context.beginPath();
+        this.drawImage(context, InfoWindow.image, left, top, width, height);
+    }
+    get hasTextProperty() {
+        return false;
+    }
+    get nature() {
+        return NATURE;
+    }
+}
+Component.register('info-window', InfoWindow);
+//# sourceMappingURL=info-window.js.map

package/dist/components/info-window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-window.js","sourceRoot":"","sources":["../../src/components/info-window.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component'\nimport Shape from './shape'\nimport RectPath from './mixins/rect-path'\n\nimport { GESTURES, KEYEVENTS } from '../const'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'textarea',\n      label: 'front-side-template',\n      name: 'frontSideTemplate',\n      property: {\n        language: 'html'\n      }\n    },\n    {\n      type: 'textarea',\n      label: 'back-side-template',\n      name: 'backSideTemplate',\n      property: {\n        language: 'html'\n      }\n    },\n    {\n      type: 'textarea',\n      label: 'style',\n      name: 'style',\n      property: {\n        language: 'css'\n      }\n    }\n  ],\n  help: 'scene/component/info-window'\n}\n\nconst INFOWINDOW_IMAGE =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAY1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADIAbxiAAAAIHRSTlMA+gPshCwwWFzYCeLRm7QRG6rLeDZI9JOJJDtjb1HAf1sAT80AAAQQSURBVHhe7MCBAAAAAMKw/KkzOMG2BAAAAKeu3lUohIEggO7jQi5qHqpgwML5/6+0F0y02z31FlvMMLKt86QMQ1ined2Evih1hFFjLfRWjgzDOGZ6JSiM00B9EuHALtQxJLiQBmqSBCeSUEuEGzs1BDjSaHxWOKK5Eyz/4SoMV/hp4+vtcPkdwZD/udwevNg7t1xXYRiKmkB7C+ENlPLq8fxHeX+RGjWQ1D45ldcIulBIvCvYJGBEadyTzxAcfY57NBjpLScOO/bzugcTHe7IMwiSLMcdHZhocMcMgTLjjgZM7F1bCJZ2v27ARGzYDwIk2Z+JYGJ/iiwQLMv+JAEThjkmRG64Q0Q+gIiIiIiIiIiIyFy0KRFt0bOJZAWSUigmkQaJaXhENiRnYBEpkZySRSRGcmIWEaQnYhHRSI5mESmQnIJFZIqQmGhiEYEbEnPjGlEGjYTogW/WUkOXENENSqZfEXmDiIiIiIiIiIiIiIiIiIiImq5ETIpRpBpjJCMeKy6Ri0ZS9MQjkmkkJs1YRDokp2MRyZGclkUkQnIiEQltaX3Lzb6yiGTpl2y/avqSAxGgelCOKI+Kc2isL0TUSsZ4EREREREREREREREREREREfnIQzXrNWSRTeNxnlOwIgueIr6AAyE+CpiqMEUK71IDO4E+LluEKYKnKcMUifEsTZgiJZ5lDVNkwJPcqzBFoPF/HplfxL/w6b4EPGv1h18Weya1TL8iIiIeiIiIiIiIiEjkPefxV+5YA9PPHylB+u5aqgZ39H+jKOxrqtu+pkzvr9YbzoZ6w2OFkzcrA3yE4WZlSSyFk54VoA/wR43+FaD+r9w32QdWvgvjp2ty2xq8qHPHmtyPFxfrK3hw1ejERlAlfR/Ame2OTow05d4rOLLSlHtDVhI0uRO01JeZ405op6zgNNXT+bIRfpIgn+AkU4pOxBscohojdCHu4RRzjC5EYwVHqRONDkSnEvK/CB3QSU32IRW3ZPnj9iEVoGCNTLVrh8ia1x+6wq8xvB5mz8pxu7oPwIn9lcR0AiuX1+1KX+BXqdvXzWsAC0NsGjzZsS/2Bd6yRA5RgIHkXNhSD3whASZ8rrB9mItuEAizac0fDlHxDMEwpQfD1tW4y3Hjfy5s9nOHH3uwWA+EqEJBWCjoTL/S5toBB/7hu6zer74NgqSP39zJU+qQX3ix763mHTqvIVRUVprCljlElRkEjBqNYevH8veBJ2xhiyhE8YctmhDFH7ZoQhR/2KIJUfxhiyRE8YctmhDFH7ZoQhR/2OIJUfxhC9Ppf/t1jgJACERRsHGyYRZB0Ujvf0xD8w6kP7y6RZmgf/oTFTtbbzJVxZWo2Nlqw6TVy5GowNl6ssm7v50obamfSxQAAAAAAAsKLM15fb3vpQAAAABJRU5ErkJggg=='\n\nfunction buttonsTemplate(template, closable, flipable) {\n  var buttons =\n    closable || flipable\n      ? [\n          '<div class=\"info-window-btns\">',\n          closable ? '<button class=\"closable\">&#88</button>' : '',\n          flipable ? '<button class=\"flipable\">&#8652</button>' : '',\n          '</div>'\n        ]\n      : []\n\n  var content = ['<div class=\"info-window-content\">', template, '</div>']\n\n  return buttons.concat(content).join('')\n}\n\n// TODO 중복되기 어려운 클래스명으로 부모 클래스를 지정해준다.\nconst INFOWINDOW_STYLE = `\n.flip {\n  backface-visibility:             hidden;\n      -moz-backface-visibility:    hidden;\n      -ms-backface-visibility:     hidden;\n      -o-backface-visibility:      hidden;\n      -webkit-backface-visibility: hidden;\n  border-radius: 7px;\n  height: auto;\n  font: normal 14px helvetica, arial, san serif;\n  position: absolute;\n  opacity:.9;\n  transform-origin:             50% 50% 0px;\n      -moz-transform-origin:    50% 50% 0px;\n      -ms-transform-origin:     50% 50% 0px;\n      -o-transform-origin:      50% 50% 0px;\n      -webkit-transform-origin: 50% 50% 0px;\n  transition: all 2s;\n      -moz-transition:    all 2s;\n      -ms-transition:     all 2s;\n      -o-transition:      all 2s;\n      -webkit-transition: all 2s;\n  min-width: 100px;min-height:50px;\n  background-color:#3e424e;\n  box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.15);\n}\n\n#side-1 {\n  transform:             rotateY( 0deg );\n      -moz-transform:    rotateY( 0deg );\n      -ms-transform:     rotateY( 0deg );\n      -o-transform:      rotateY( 0deg );\n      -webkit-transform: rotateY( 0deg );\n}\n.flip:after{\n   content:\"\";\n   display:block;\n   position: absolute;\n   opacity:.9;\n   width: 0;\n   height: 0;\n}\n.flip.arrow-top:after{\n   left:45%;\n   top:-17px;\n   border-left:10px solid transparent;\n   border-bottom:18px solid #323b44;\n   border-right:10px solid transparent;\n}\n.flip.arrow-right:after{\n   left:100%;\n   top:48%;\n   border-top:10px solid transparent;\n   border-left:18px solid #323b44;\n   border-bottom:10px solid transparent;\n}\n.flip.arrow-bottom:after{\n   left:45%;\n   top:100%;\n   border-left:10px solid transparent;\n   border-top:18px solid #323b44;\n   border-right:10px solid transparent;\n}\n.flip.arrow-left:after{\n   right:100%;\n   top:48%;\n   border-top:10px solid transparent;\n   border-right:18px solid #323b44;\n   border-bottom:10px solid transparent;\n}\n\n#side-2 {\n  transform:             rotateY( 180deg );\n      -moz-transform:    rotateY( 180deg );\n      -ms-transform:     rotateY( 180deg );\n      -o-transform:      rotateY( 180deg );\n      -webkit-transform: rotateY( 180deg );\n}\n\n.flip-side-1 {\n  transform:             rotateY( 0deg ) !important;\n      -moz-transform:    rotateY( 0deg ) !important;\n      -ms-transform:     rotateY( 0deg ) !important;\n      -o-transform:      rotateY( 0deg ) !important;\n      -webkit-transform: rotateY( 0deg ) !important;\n}\n\n.flip-side-2 {\n  transform:             rotateY( 180deg ) !important;\n      -moz-transform:    rotateY( 180deg ) !important;\n      -ms-transform:     rotateY( 180deg ) !important;\n      -o-transform:      rotateY( 180deg ) !important;\n      -webkit-transform: rotateY( 180deg ) !important;\n}\n\n.info-window-btns{\n  position:absolute;\n  top:-18px;\n  right:5px;\n  overflow:hidden;\n}\n.info-window-content{\n  padding:10px;\n  color:#efefef;\n  font-size:13px;\n  line-height:1.4;\n}\n.info-window-btns button{\n  width:40px;height:40px;\n  float:right;\n  border:0;\n  border-radius:50%;\n  background-color:#2a7da1;\n  margin-right:3px;\n  text-align:center;\n  cursor:pointer;\n  font-size:35px;\n  color:#fff;\n  line-height:0;\n}\n.info-window-btns button:hover{\n  background-color:#60bb23;\n}\n`\n\nconst ARROW_LENGTH = 20\n\nfunction toggleClassName(className, clazz) {\n  var classList = className.split(/\\s+/)\n  var idx = classList.indexOf(clazz)\n  if (idx != -1) classList.splice(idx, 1)\n  else classList.splice(-1, 0, clazz)\n\n  return classList.join(' ')\n}\n\n/*\n * InfoWindow 선택된 컴포넌트와 관련해서 사용자 정의 정보 윈도우를 보여준다.\n *\n * Information Window를 통해서 보여준다.\n *\n * Information Window는 앞면과 뒷면의 정보를 가지고 있으며, Rotation될 수 있다.\n */\n\nexport default class InfoWindow extends RectPath(Shape) {\n  static get image() {\n    if (!InfoWindow._image) {\n      InfoWindow._image = new Image()\n      InfoWindow._image.src = INFOWINDOW_IMAGE\n    }\n\n    return InfoWindow._image\n  }\n\n  static toggle(component, infoWindowId, autoClose, position) {\n    if (!infoWindowId) {\n      console.warn('InfoWindow not defined.')\n      return\n    }\n\n    var infowindowComponent = component.root.findById(infoWindowId)\n\n    if (!infowindowComponent) {\n      console.warn('InfoWindow Not Found.', infoWindowId)\n      return\n    }\n\n    if (infowindowComponent._findInfoWindowByComponent(component)) {\n      InfoWindow.hide(component, infoWindowId)\n    } else {\n      InfoWindow.show(component, infoWindowId, autoClose, position)\n    }\n  }\n\n  static hide(component, infoWindowId) {\n    if (!infoWindowId) return\n\n    var infoWindowComponent = component.root.findById(infoWindowId)\n\n    if (!infoWindowComponent) {\n      console.warn('InfoWindow Not Found.', infoWindowId)\n      return\n    }\n\n    infoWindowComponent._removeInfoWindow(component)\n  }\n\n  static show(component, infoWindowId, autoClose, position) {\n    if (!infoWindowId) {\n      console.warn('InfoWindow not defined.')\n      return\n    }\n\n    // 1. InfoWindow 컴포넌트의 템플릿을 가져온다.\n    var infowindowComponent = component.root.findById(infoWindowId)\n\n    if (!infowindowComponent) {\n      console.warn('InfoWindow Not Found.', infoWindowId)\n      return\n    }\n\n    if (infowindowComponent._findInfoWindowByComponent(component)) return\n\n    var { frontSideTemplate = '', backSideTemplate = '' } = infowindowComponent.model\n\n    var templates = [frontSideTemplate, backSideTemplate].filter(side => String(side).trim())\n\n    templates = templates.map(template =>\n      Component.template(buttonsTemplate(template, !autoClose, templates.length == 2))\n    )\n\n    if (templates.length == 0) return\n\n    var style = INFOWINDOW_STYLE + infowindowComponent.get('style')\n\n    var { left, top } = component.bounds\n    var { x, y } = position\n      ? component.rootModel.transcoordC2S(position.x, position.y)\n      : component.transcoordS2T(left, top)\n\n    left = x\n    top = y\n\n    // 2. 컴포넌트의 위치와 패딩 정보를 span에 반영한다.\n    var span = document.createElement('span')\n\n    span.style.position = 'absolute'\n\n    // 3. 스타일 엘리먼트를 생성한다.\n    var styleElement = document.createElement('style')\n    styleElement.type = 'text/css'\n    styleElement.appendChild(document.createTextNode(style))\n\n    span.appendChild(styleElement)\n\n    // 4. 양면 div 엘리먼트를 생성한다.\n    // TODO 템플릿이 한면만 등록된 경우에는 플립 기능과 플립 버튼을 제거한다.\n    // TODO 앞면과 뒷면의 크기를 동일하게 유지한다.(큰면을 기준으로 맞춘다.)\n\n    if (templates[0]) {\n      var div_front = document.createElement('div')\n\n      div_front.id = 'side-1'\n      div_front.className = 'flip'\n      div_front.style.display = 'inline-block'\n\n      div_front.innerHTML = templates[0](component)\n    }\n\n    if (templates[1]) {\n      var div_back = document.createElement('div')\n\n      div_back.id = 'side-2'\n      div_back.className = 'flip'\n      div_back.style.display = 'inline-block'\n\n      div_back.innerHTML = templates[1](component)\n    }\n\n    // 5. InfoWindow에서 발생하는 사용자 이벤트의 확산을 막는다.\n    GESTURES.forEach(function (event) {\n      span.addEventListener(event, function (e) {\n        e.stopPropagation()\n      })\n    })\n\n    KEYEVENTS.forEach(function (event) {\n      span.addEventListener(event, function (e) {\n        e.stopPropagation()\n      })\n    })\n\n    // 6. InfoWindow를 도큐먼트에 추가한다.\n    var targetElement = component.root.model_layer.overlay\n    if (div_front) span.appendChild(div_front)\n    if (div_back) span.appendChild(div_back)\n    targetElement.appendChild(span)\n\n    infowindowComponent._addInfoWindow(component, span, styleElement)\n\n    // TODO InfoWindow가 사라질때 이벤트리스너를 제거해주어야 한다.\n    if (div_front) {\n      let flipButton = div_front.querySelector('.info-window-btns > .flipable')\n      flipButton &&\n        flipButton.addEventListener(\n          'click',\n          function (e) {\n            e.preventDefault()\n            div_back.className = toggleClassName(div_back.className, 'flip-side-1')\n            div_front.className = toggleClassName(div_front.className, 'flip-side-2')\n          },\n          false\n        )\n\n      let closeButton = div_front.querySelector('.info-window-btns > .closable')\n      closeButton &&\n        closeButton.addEventListener(\n          'click',\n          function (e) {\n            e.preventDefault()\n            InfoWindow.hide(component, infoWindowId)\n          },\n          false\n        )\n    }\n\n    if (div_back) {\n      let flipButton = div_back.querySelector('.info-window-btns > .flipable')\n      flipButton &&\n        flipButton.addEventListener(\n          'click',\n          function (e) {\n            e.preventDefault()\n            div_back.className = toggleClassName(div_back.className, 'flip-side-1')\n            div_front.className = toggleClassName(div_front.className, 'flip-side-2')\n          },\n          false\n        )\n\n      let closeButton = div_back.querySelector('.info-window-btns > .closable')\n      closeButton &&\n        closeButton.addEventListener(\n          'click',\n          function (e) {\n            e.preventDefault()\n            InfoWindow.hide(component, infoWindowId)\n          },\n          false\n        )\n    }\n\n    // 7. 완성된 InfoWindow의 크기를 감안한 위치 조정\n    var infowindow_width = div_front.offsetWidth\n    var infowindow_height = div_front.offsetHeight\n\n    // browser의 폭과 높이.\n    var full_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth\n\n    var full_height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight\n\n    // scene의 LEFT, TOP, RIGHT, BOTTOM\n    var scene_bound = component.rootModel.target.getBoundingClientRect()\n\n    var sides = []\n    div_front && sides.push(div_front)\n    div_back && sides.push(div_back)\n\n    // 컴포넌트의 상하좌우 순으로 여백이 있는 공간에 InfoWindow를 배치한다.\n    // TODO 왼쪽 또는 오른쪽에 표현되는 경우에는, 위아래로 플립되도록 한다.\n    var point = {\n      x: left,\n      y: top\n    }\n\n    var endpoint = component.transcoordS2C(point.x, point.y)\n\n    if (\n      endpoint.x + infowindow_width / 2 + scene_bound.left < scene_bound.right &&\n      endpoint.x - infowindow_width / 2 > scene_bound.left\n    ) {\n      if (infowindow_height + ARROW_LENGTH < endpoint.y) {\n        // TOP\n        span.style.marginLeft = point.x - infowindow_width / 2 + 'px'\n        span.style.marginTop = point.y - infowindow_height - ARROW_LENGTH + 'px'\n\n        sides.forEach(side => (side.className += ' arrow-bottom'))\n        return\n      } else {\n        endpoint = component.transcoordS2C(point.x, point.y + infowindow_height + ARROW_LENGTH)\n\n        if (scene_bound.bottom > endpoint.y + scene_bound.top) {\n          // BOTTOM\n          span.style.marginLeft = point.x - infowindow_width / 2 + 'px'\n          span.style.marginTop = point.y + ARROW_LENGTH + 'px'\n\n          sides.forEach(side => (side.className += ' arrow-top'))\n          return\n        }\n      }\n    }\n\n    endpoint = component.transcoordS2C(point.x, point.y)\n\n    if (endpoint.x - (infowindow_width + ARROW_LENGTH) > scene_bound.left) {\n      // LEFT\n      span.style.marginLeft = point.x - infowindow_width - ARROW_LENGTH + 'px'\n      span.style.marginTop = point.y - infowindow_height / 2 + 'px'\n\n      sides.forEach(side => (side.className += ' arrow-right'))\n      return\n    }\n\n    span.style.marginLeft = point.x + ARROW_LENGTH + 'px'\n    span.style.marginTop = point.y - infowindow_height / 2 + 'px'\n\n    sides.forEach(side => (side.className += ' arrow-left'))\n  }\n\n  /* Members */\n\n  dispose() {\n    this.infoWindows.map(iw => iw.component).forEach(component => this._removeInfoWindow(component))\n\n    super.dispose()\n  }\n\n  get infoWindows() {\n    if (!this._windows) this._windows = []\n\n    return this._windows\n  }\n\n  _findInfoWindowByComponent(component) {\n    return this.infoWindows.find(iw => iw.component === component)\n  }\n\n  _addInfoWindow(component, window, styleElement) {\n    var iw = this._findInfoWindowByComponent(component)\n    if (iw) return\n\n    this._windows.push({\n      component,\n      window,\n      styleElement\n    })\n  }\n\n  _removeInfoWindow(component) {\n    var iw = this._findInfoWindowByComponent(component)\n    if (!iw) return\n\n    let infoWindowElement = iw.window\n\n    infoWindowElement && infoWindowElement.parentNode.removeChild(infoWindowElement)\n\n    var idx = this.infoWindows.lastIndexOf(iw)\n    this.infoWindows.splice(idx, 1)\n  }\n\n  render(context) {\n    var { left, top, width, height } = this.bounds\n\n    context.beginPath()\n    this.drawImage(context, InfoWindow.image, left, top, width, height)\n  }\n\n  get hasTextProperty() {\n    return false\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n\nComponent.register('info-window', InfoWindow)\n"]}