@hatiolab/things-scene 9.0.0-beta.35 → 9.0.0-beta.36

package/dist/components/info-window.js

@@ -0,0 +1,416 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _component = _interopRequireDefault(require("./component.js"));
+var _shape = _interopRequireDefault(require("./shape.js"));
+var _rectPath = _interopRequireDefault(require("./mixins/rect-path.js"));
+var _const = require("../const.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+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;
+  border-radius: 7px;
+  height: auto;
+  font: normal 14px helvetica, arial, san serif;
+  position: absolute;
+  opacity: 0.9;
+  transform-origin: 50% 50% 0px;
+  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);
+}
+
+.flip:after {
+  content: "";
+  display: block;
+  position: absolute;
+  opacity: 0.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);
+}
+
+.flip-side-1 {
+  transform: rotateY(0deg) !important;
+}
+
+.flip-side-2 {
+  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될 수 있다.
+ */
+
+class InfoWindow extends (0, _rectPath.default)(_shape.default) {
+  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.default.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에서 발생하는 사용자 이벤트의 확산을 막는다.
+    _const.GESTURES.forEach(function (event) {
+      span.addEventListener(event, function (e) {
+        e.stopPropagation();
+      });
+    });
+    _const.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;
+  }
+}
+exports.default = InfoWindow;
+_component.default.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","names":["_component","_interopRequireDefault","require","_shape","_rectPath","_const","e","__esModule","default","NATURE","mutable","resizable","rotatable","properties","type","label","name","property","language","help","INFOWINDOW_IMAGE","buttonsTemplate","template","closable","flipable","buttons","content","concat","join","INFOWINDOW_STYLE","ARROW_LENGTH","toggleClassName","className","clazz","classList","split","idx","indexOf","splice","InfoWindow","RectPath","Shape","image","_image","Image","src","toggle","component","infoWindowId","autoClose","position","console","warn","infowindowComponent","root","findById","_findInfoWindowByComponent","hide","show","infoWindowComponent","_removeInfoWindow","frontSideTemplate","backSideTemplate","model","templates","filter","side","String","trim","map","Component","length","style","get","left","top","bounds","x","y","rootModel","transcoordC2S","transcoordS2T","span","document","createElement","styleElement","appendChild","createTextNode","div_front","id","display","innerHTML","div_back","GESTURES","forEach","event","addEventListener","stopPropagation","KEYEVENTS","targetElement","model_layer","overlay","_addInfoWindow","flipButton","querySelector","preventDefault","closeButton","infowindow_width","offsetWidth","infowindow_height","offsetHeight","full_width","window","innerWidth","documentElement","clientWidth","body","full_height","innerHeight","clientHeight","scene_bound","target","getBoundingClientRect","sides","push","point","endpoint","transcoordS2C","right","marginLeft","marginTop","bottom","dispose","infoWindows","iw","_windows","find","infoWindowElement","parentNode","removeChild","lastIndexOf","render","context","width","height","beginPath","drawImage","hasTextProperty","nature","exports","register"],"sources":["../../src/components/info-window.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component.js'\nimport Shape from './shape.js'\nimport RectPath from './mixins/rect-path.js'\n\nimport { GESTURES, KEYEVENTS } from '../const.js'\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  border-radius: 7px;\n  height: auto;\n  font: normal 14px helvetica, arial, san serif;\n  position: absolute;\n  opacity: 0.9;\n  transform-origin: 50% 50% 0px;\n  transition: all 2s;\n  min-width: 100px;\n  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}\n\n.flip:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  opacity: 0.9;\n  width: 0;\n  height: 0;\n}\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\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\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\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}\n\n.flip-side-1 {\n  transform: rotateY(0deg) !important;\n}\n\n.flip-side-2 {\n  transform: rotateY(180deg) !important;\n}\n\n.info-window-btns {\n  position: absolute;\n  top: -18px;\n  right: 5px;\n  overflow: hidden;\n}\n\n.info-window-content {\n  padding: 10px;\n  color: #efefef;\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.info-window-btns button {\n  width: 40px;\n  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\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"],"mappings":";;;;;;AAIA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAiD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AARjD;AACA;AACA;;AAQA,MAAMG,MAAM,GAAG;EACbC,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,IAAI;EACfC,SAAS,EAAE,IAAI;EACfC,UAAU,EAAE,CACV;IACEC,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,qBAAqB;IAC5BC,IAAI,EAAE,mBAAmB;IACzBC,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ;EACF,CAAC,EACD;IACEJ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,oBAAoB;IAC3BC,IAAI,EAAE,kBAAkB;IACxBC,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ;EACF,CAAC,EACD;IACEJ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ;EACF,CAAC,CACF;EACDC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,gBAAgB,GACpB,gqDAAgqD;AAElqD,SAASC,eAAeA,CAACC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,EAAE;EACrD,IAAIC,OAAO,GACTF,QAAQ,IAAIC,QAAQ,GAChB,CACE,gCAAgC,EAChCD,QAAQ,GAAG,wCAAwC,GAAG,EAAE,EACxDC,QAAQ,GAAG,0CAA0C,GAAG,EAAE,EAC1D,QAAQ,CACT,GACD,EAAE;EAER,IAAIE,OAAO,GAAG,CAAC,mCAAmC,EAAEJ,QAAQ,EAAE,QAAQ,CAAC;EAEvE,OAAOG,OAAO,CAACE,MAAM,CAACD,OAAO,CAAC,CAACE,IAAI,CAAC,EAAE,CAAC;AACzC;;AAEA;AACA,MAAMC,gBAAgB,GAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,YAAY,GAAG,EAAE;AAEvB,SAASC,eAAeA,CAACC,SAAS,EAAEC,KAAK,EAAE;EACzC,IAAIC,SAAS,GAAGF,SAAS,CAACG,KAAK,CAAC,KAAK,CAAC;EACtC,IAAIC,GAAG,GAAGF,SAAS,CAACG,OAAO,CAACJ,KAAK,CAAC;EAClC,IAAIG,GAAG,IAAI,CAAC,CAAC,EAAEF,SAAS,CAACI,MAAM,CAACF,GAAG,EAAE,CAAC,CAAC,MAClCF,SAAS,CAACI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAEL,KAAK,CAAC;EAEnC,OAAOC,SAAS,CAACN,IAAI,CAAC,GAAG,CAAC;AAC5B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEe,MAAMW,UAAU,SAAS,IAAAC,iBAAQ,EAACC,cAAK,CAAC,CAAC;EACtD,WAAWC,KAAKA,CAAA,EAAG;IACjB,IAAI,CAACH,UAAU,CAACI,MAAM,EAAE;MACtBJ,UAAU,CAACI,MAAM,GAAG,IAAIC,KAAK,CAAC,CAAC;MAC/BL,UAAU,CAACI,MAAM,CAACE,GAAG,GAAGzB,gBAAgB;IAC1C;IAEA,OAAOmB,UAAU,CAACI,MAAM;EAC1B;EAEA,OAAOG,MAAMA,CAACC,SAAS,EAAEC,YAAY,EAAEC,SAAS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","ignoreList":[]}