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

package/dist/components/html/reposition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reposition.js","names":["_const","require","_fill","_interopRequireDefault","_shadow","e","__esModule","default","SCALE_DEFAULT","x","y","TRANSLATE_DEFAULT","DEFAULT_STYLE","boxSizing","margin","position","outline","reposition","component","id","scale","translate","bold","italic","fontFamily","textAlign","textBaseline","textOverflow","paddingTop","paddingBottom","paddingLeft","paddingRight","fontSize","DEFAULT","FONT_SIZE","lineWidth","lineHeight","lineDash","state","className","text","strokeStyle","fillStyle","rotation","fontColor","hidden","left","top","width","height","bounds","element","Object","assign","style","border","borderColor","borderStyle","LINE_DASH","color","fontWeight","fontStyle","verticalAlign","undefined","whiteSpace","overflow","isIn3DSpace","fill","shadow","delta","sx","sy","theta","tx","ty","transform"],"sources":["../../../src/components/html/reposition.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { DEFAULT } from '../../const.js'\nimport fill from './fill.js'\nimport shadow from './shadow.js'\n\nconst SCALE_DEFAULT = { x: 1, y: 1 }\nconst TRANSLATE_DEFAULT = { x: 0, y: 0 }\nconst DEFAULT_STYLE = {\n  boxSizing: 'border-box',\n  margin: '0px',\n  position: 'absolute',\n  outline: 'none'\n}\n\nexport default function reposition(component) {\n  var {\n    id,\n    scale = SCALE_DEFAULT,\n    translate = TRANSLATE_DEFAULT,\n\n    bold,\n    italic,\n\n    fontFamily = '',\n    textAlign,\n    textBaseline,\n    textOverflow,\n\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n\n    fontSize = DEFAULT.FONT_SIZE,\n    lineWidth = 0,\n    lineHeight,\n    lineDash\n  } = component.state\n\n  paddingBottom ||= 0\n  paddingTop ||= 0\n  paddingLeft ||= 0\n  paddingRight ||= 0\n\n  var className = component.state['class']\n  var text = component.text\n\n  var { strokeStyle, fillStyle, rotation = 0, fontColor, hidden } = component\n\n  var { left, top, width, height } = component.bounds\n\n  // element의 기본 속성을 설정한다.\n  var element = component.element\n\n  element.hidden = hidden\n  if (id) element.id = id\n  if (className) element.className = className\n\n  // element의 기본 style을 설정한다.\n\n  Object.assign(\n    element.style,\n    DEFAULT_STYLE,\n    {\n      fontFamily: fontFamily,\n      fontSize: fontSize + 'px',\n      width: width + 'px',\n      height: height + 'px',\n      paddingTop: paddingTop + 'px',\n      paddingRight: paddingRight + 'px',\n      paddingBottom: paddingBottom + 'px',\n      paddingLeft: paddingLeft + 'px',\n      border: lineWidth + 'px',\n      borderColor: strokeStyle,\n      borderStyle: lineWidth > 0 ? lineDash || DEFAULT.LINE_DASH : '',\n      color: fontColor,\n      fontWeight: bold ? 'bold' : '',\n      fontStyle: italic ? 'italic' : '',\n      textAlign: textAlign == 'end' ? 'right' : textAlign == 'start' ? 'left' : textAlign,\n      verticalAlign: textBaseline,\n      lineHeight: lineHeight === undefined ? '' : lineHeight + 'px',\n\n      whiteSpace: textOverflow ? 'nowrap' : '',\n      overflow: textOverflow ? 'hidden' : '',\n      textOverflow: textOverflow || ''\n    },\n    /* 3D 공간에서는 자체적으로 위치를 조정하므로, left, top을 설정하지 않는다. */\n    !component.isIn3DSpace()\n      ? {\n          left: left + 'px',\n          top: top + 'px'\n        }\n      : {}\n  )\n\n  fill(component)\n  shadow(component)\n\n  if (component.isIn3DSpace()) {\n    /* 3D 공간에서는 자체적으로 transform을 사용하므로 종료한다. */\n    return\n  }\n\n  var delta = component.delta()\n  var sx = ((scale && scale.x) || 1) * delta.sx\n  var sy = ((scale && scale.y) || 1) * delta.sy\n  var theta = (rotation || 0) + delta.theta\n  var tx = delta.tx || 0\n  var ty = delta.ty || 0\n\n  /* CONFIRM-ME `transform: perspective(1px)` 스타일 설정은 scaling된 dom element를 좀 더 선명하게 보이도록 해준다. (Chrome 브라우저에서) */\n  element.style.transform = `rotate(${theta}rad) translate(${tx}px, ${ty}px) scale(${sx}, ${sy}) perspective(1px)`\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/html/shadow.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = shadow;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function shadow(component) {
+  if (!component.isShadowable() || !component.state.shadow) {
+    return;
+  }
+  var element = component.element;
+  var {
+    left = 0,
+    top = 0,
+    blurSize = 0,
+    color = 'transparent'
+  } = component.state.shadow;
+  element.style.boxShadow = `${left}px ${top}px ${blurSize}px ${color}`;
+}
+//# sourceMappingURL=shadow.js.map

package/dist/components/html/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.js","names":["shadow","component","isShadowable","state","element","left","top","blurSize","color","style","boxShadow"],"sources":["../../../src/components/html/shadow.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport default function shadow(component) {\n  if (!component.isShadowable() || !component.state.shadow) {\n    return\n  }\n\n  var element = component.element\n  var { left = 0, top = 0, blurSize = 0, color = 'transparent' } = component.state.shadow\n\n  element.style.boxShadow = `${left}px ${top}px ${blurSize}px ${color}`\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEe,SAASA,MAAMA,CAACC,SAAS,EAAE;EACxC,IAAI,CAACA,SAAS,CAACC,YAAY,CAAC,CAAC,IAAI,CAACD,SAAS,CAACE,KAAK,CAACH,MAAM,EAAE;IACxD;EACF;EAEA,IAAII,OAAO,GAAGH,SAAS,CAACG,OAAO;EAC/B,IAAI;IAAEC,IAAI,GAAG,CAAC;IAAEC,GAAG,GAAG,CAAC;IAAEC,QAAQ,GAAG,CAAC;IAAEC,KAAK,GAAG;EAAc,CAAC,GAAGP,SAAS,CAACE,KAAK,CAACH,MAAM;EAEvFI,OAAO,CAACK,KAAK,CAACC,SAAS,GAAG,GAAGL,IAAI,MAAMC,GAAG,MAAMC,QAAQ,MAAMC,KAAK,EAAE;AACvE","ignoreList":[]}

package/dist/components/html-overlay-container.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _containerAbstract = _interopRequireDefault(require("./container-abstract.js"));
+var _htmlElement = _interopRequireDefault(require("./mixins/html-element.js"));
+var _index = require("../layout/index.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+class HTMLOverlayContainer extends (0, _htmlElement.default)(_containerAbstract.default) {
+  /* render .. */
+
+  render(context) {}
+  is3dish() {
+    return true;
+  }
+  get layout() {
+    return _index.Layout.get(this.get('layout')) || _index.HTMLAbsoluteLayout;
+  }
+}
+exports.default = HTMLOverlayContainer;
+//# sourceMappingURL=html-overlay-container.js.map

package/dist/components/html-overlay-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-overlay-container.js","names":["_containerAbstract","_interopRequireDefault","require","_htmlElement","_index","e","__esModule","default","HTMLOverlayContainer","MixinHTMLElement","ContainerAbstract","render","context","is3dish","layout","Layout","get","HTMLAbsoluteLayout","exports"],"sources":["../../src/components/html-overlay-container.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport ContainerAbstract from './container-abstract.js'\nimport MixinHTMLElement from './mixins/html-element.js'\nimport { Layout, HTMLAbsoluteLayout } from '../layout/index.js'\n\nexport default class HTMLOverlayContainer extends MixinHTMLElement(ContainerAbstract) {\n  /* render .. */\n\n  render(context) {}\n\n  is3dish() {\n    return true\n  }\n\n  get layout() {\n    return Layout.get(this.get('layout')) || HTMLAbsoluteLayout\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAA+D,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAN/D;AACA;AACA;;AAMe,MAAMG,oBAAoB,SAAS,IAAAC,oBAAgB,EAACC,0BAAiB,CAAC,CAAC;EACpF;;EAEAC,MAAMA,CAACC,OAAO,EAAE,CAAC;EAEjBC,OAAOA,CAAA,EAAG;IACR,OAAO,IAAI;EACb;EAEA,IAAIC,MAAMA,CAAA,EAAG;IACX,OAAOC,aAAM,CAACC,GAAG,CAAC,IAAI,CAACA,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAIC,yBAAkB;EAC7D;AACF;AAACC,OAAA,CAAAX,OAAA,GAAAC,oBAAA","ignoreList":[]}

package/dist/components/html-overlay-element.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _component = _interopRequireDefault(require("./component.js"));
+var _rectPath = _interopRequireDefault(require("./mixins/rect-path.js"));
+var _htmlElement = _interopRequireDefault(require("./mixins/html-element.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+class HTMLOverlayElement extends (0, _htmlElement.default)((0, _rectPath.default)(_component.default)) {
+  is3dish() {
+    return true;
+  }
+  prerender() {}
+}
+exports.default = HTMLOverlayElement;
+//# sourceMappingURL=html-overlay-element.js.map

package/dist/components/html-overlay-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-overlay-element.js","names":["_component","_interopRequireDefault","require","_rectPath","_htmlElement","e","__esModule","default","HTMLOverlayElement","MixinHTMLElement","RectPath","Component","is3dish","prerender","exports"],"sources":["../../src/components/html-overlay-element.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component.js'\nimport RectPath from './mixins/rect-path.js'\nimport MixinHTMLElement from './mixins/html-element.js'\n\nexport default class HTMLOverlayElement extends MixinHTMLElement(RectPath(Component)) {\n  is3dish() {\n    return true\n  }\n\n  prerender() {}\n}\n"],"mappings":";;;;;;AAIA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAuD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AANvD;AACA;AACA;;AAMe,MAAMG,kBAAkB,SAAS,IAAAC,oBAAgB,EAAC,IAAAC,iBAAQ,EAACC,kBAAS,CAAC,CAAC,CAAC;EACpFC,OAAOA,CAAA,EAAG;IACR,OAAO,IAAI;EACb;EAEAC,SAASA,CAAA,EAAG,CAAC;AACf;AAACC,OAAA,CAAAP,OAAA,GAAAC,kBAAA","ignoreList":[]}

package/dist/components/image-view.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _logger = require("../core/logger.js");
+var _component = _interopRequireDefault(require("./component.js"));
+var _rectPath = _interopRequireDefault(require("./mixins/rect-path.js"));
+var _shape = _interopRequireDefault(require("./shape.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: 'image-selector',
+    label: 'image-src',
+    name: 'src',
+    property: {
+      displayField: 'id',
+      displayFullUrl: true,
+      baseUrlAlias: '$base_url',
+      defaultStorage: 'scene-image',
+      storageFilters: {
+        type: Array,
+        value: [{
+          name: 'category',
+          value: 'image'
+        }]
+      },
+      useUpload: true
+    }
+  }, {
+    type: 'select',
+    label: 'cross-origin',
+    name: 'crossOrigin',
+    property: {
+      options: ['', 'anonymous', 'use-credentials']
+    }
+  }],
+  'value-property': 'src',
+  help: 'scene/component/image-view'
+};
+const NOIMAGE_DATA_URI = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABIBAMAAAD7Se1QAAAAIVBMVEUAAABHcEwBAQEREREBAQEEBAQGBgYLCwsDAwMDAwMICAi6HF9tAAAAC3RSTlNNAEAERiMYCS41Eac10lYAAAEgSURBVHhe7dY9asQwEAXgh7DNertNiJy48pIitY3SB7bYdk0ukL1BDDmA9gZecoH4pmFQ3MQayUMguPBrNPD4wD9TCMvJmt3M/AtYwXOlXiWgqADVCUBD46MAnGhMBaCiUQmAm8VA/Eh/eWl9Fn5WcxD+OLuRrUYJDKLluwH2InACUgkoACSdADxQc50Bytadb9RkM0CT13TcvlCT1HFg8UTHvasuUVACCa3El6u2UdD8LFTlKhUFFgA+d3dj10aABkUN72N3jAADCrJq7PIIsPidcxBoTHIIAjMFmyCwmGYIAA1P9gFgfCANAOsDSccCDW+uLDB+kLGg94OkZoAGkwsDDAe2DOg5oPxAg03rBR88OHpBz4N8UVeHFSwma74BTW6Ge4rIRa4AAAAASUVORK5CYII=';
+class ImageView extends (0, _rectPath.default)(_shape.default) {
+  static get noimage() {
+    if (!ImageView.NOIMAGE) {
+      ImageView.NOIMAGE = new Image();
+      ImageView.NOIMAGE.src = NOIMAGE_DATA_URI;
+    }
+    return ImageView.NOIMAGE;
+  }
+  dispose() {
+    super.dispose();
+    this._offcanvas = null;
+    this._image = null;
+  }
+  render(ctx) {
+    var {
+      left,
+      top,
+      width,
+      height,
+      isGray = false,
+      alpha = 1,
+      src
+    } = this.state;
+    this.prepareIf(!this._image && src);
+
+    // 박스 그리기
+    ctx.beginPath();
+    ctx.globalAlpha *= alpha;
+    if (this._image && this._image.complete) {
+      if (isGray && this._offcanvas) ctx.drawImage(this._offcanvas, left, top, width, height);else try {
+        ctx.drawImage(this._image, left, top, width, height);
+      } catch (e) {
+        ctx.drawImage(ImageView.noimage, left, top, width, height);
+      }
+    } else {
+      !this.app.isViewMode && ctx.drawImage(ImageView.noimage, left, top, width, height);
+    }
+  }
+  get nature() {
+    return NATURE;
+  }
+  get hasTextProperty() {
+    return false;
+  }
+  ready() {
+    super.ready();
+    this.prepareIf(!this._image && this.state.src);
+  }
+  prepare(resolve, reject) {
+    var {
+      src,
+      crossOrigin
+    } = this.state;
+    if (!src) {
+      resolve(this);
+      return;
+    }
+    this._image = new Image();
+    try {
+      if (crossOrigin) {
+        this._image.crossOrigin = crossOrigin;
+      }
+      this._image.src = this.app.url(src) || '';
+    } catch (e) {
+      reject(e);
+      return;
+    }
+    this._image.onload = () => {
+      if (this.get('isGray')) {
+        let width = this._image.width;
+        let height = this._image.height;
+        this._offcanvas = _component.default.createCanvas(width, height);
+        let offcontext = this._offcanvas.getContext('2d');
+        offcontext.drawImage(this._image, 0, 0);
+        let imageData = makeGrayImage(offcontext, width, height);
+        offcontext.putImageData(imageData, 0, 0);
+      }
+      resolve(this);
+    };
+    this._image.onerror = e => {
+      if (this._image && !this._image.currentSrc) this._image = null;
+      reject(e);
+    };
+  }
+  get src() {
+    return this.get('src');
+  }
+  set src(src) {
+    this.set('src', src);
+  }
+  onchange(after, before) {
+    if (after.hasOwnProperty('src') || after.hasOwnProperty('isGray')) {
+      this._offcanvas = null;
+      this._image = null;
+      this.prepareIf(after.src);
+    }
+  }
+  ondropfile(transfered, files) {
+    for (let i = 0; i < transfered.length; i++) {
+      if (transfered[i].type.startsWith('image/')) {
+        this.src = files[i];
+        return;
+      }
+    }
+  }
+}
+exports.default = ImageView;
+function makeGrayImage(ctx, width, height) {
+  try {
+    var img = ctx.getImageData(0, 0, width, height);
+  } catch (e) {
+    (0, _logger.error)('Get Image Data Error: ' + e.message);
+    return null;
+  }
+  var data = img.data;
+  // Loop through data.
+  for (let i = 0; i < width * height * 4; i += 4) {
+    // First bytes are red bytes.
+    // Get red value.
+    let red = data[i];
+
+    // Second bytes are green bytes.
+    // Get green value.
+    let green = data[i + 1];
+
+    // Third bytes are blue bytes.
+    // Get blue value.
+    let blue = data[i + 2];
+
+    // Fourth bytes are alpha bytes
+    // We don't care about alpha here.
+    // Add the three values and divide by three.
+    // Make it an integer.
+    let gray = parseInt((red + green + blue) / 3);
+
+    // Assign average to red, green, and blue.
+    img.data[i] = gray;
+    img.data[i + 1] = gray;
+    img.data[i + 2] = gray;
+  }
+  return img;
+}
+_component.default.register('image-view', ImageView);
+//# sourceMappingURL=image-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-view.js","names":["_logger","require","_component","_interopRequireDefault","_rectPath","_shape","e","__esModule","default","NATURE","mutable","resizable","rotatable","properties","type","label","name","property","displayField","displayFullUrl","baseUrlAlias","defaultStorage","storageFilters","Array","value","useUpload","options","help","NOIMAGE_DATA_URI","ImageView","RectPath","Shape","noimage","NOIMAGE","Image","src","dispose","_offcanvas","_image","render","ctx","left","top","width","height","isGray","alpha","state","prepareIf","beginPath","globalAlpha","complete","drawImage","app","isViewMode","nature","hasTextProperty","ready","prepare","resolve","reject","crossOrigin","url","onload","get","Component","createCanvas","offcontext","getContext","imageData","makeGrayImage","putImageData","onerror","currentSrc","set","onchange","after","before","hasOwnProperty","ondropfile","transfered","files","i","length","startsWith","exports","img","getImageData","error","message","data","red","green","blue","gray","parseInt","register"],"sources":["../../src/components/image-view.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { error } from '../core/logger.js'\nimport Component from './component.js'\nimport RectPath from './mixins/rect-path.js'\nimport Shape from './shape.js'\n\nconst NATURE = {\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 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  dispose() {\n    super.dispose()\n    this._offcanvas = null\n    this._image = null\n  }\n\n  render(ctx) {\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) 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    } 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, reject) {\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')\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 => {\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, before) {\n    if (after.hasOwnProperty('src') || after.hasOwnProperty('isGray')) {\n      this._offcanvas = null\n      this._image = null\n      this.prepareIf(after.src)\n    }\n  }\n\n  ondropfile(transfered, files) {\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, width, height) {\n  try {\n    var img = ctx.getImageData(0, 0, width, height)\n  } catch (e) {\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((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"],"mappings":"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","ignoreList":[]}

package/dist/components/index.js

@@ -0,0 +1,231 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AudioPlayer", {
+  enumerable: true,
+  get: function () {
+    return _audio.default;
+  }
+});
+Object.defineProperty(exports, "Component", {
+  enumerable: true,
+  get: function () {
+    return _component.default;
+  }
+});
+Object.defineProperty(exports, "Connectable", {
+  enumerable: true,
+  get: function () {
+    return _connectable.default;
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () {
+    return _container.default;
+  }
+});
+Object.defineProperty(exports, "ContainerAbstract", {
+  enumerable: true,
+  get: function () {
+    return _containerAbstract.default;
+  }
+});
+Object.defineProperty(exports, "DataSource", {
+  enumerable: true,
+  get: function () {
+    return _dataSource.default;
+  }
+});
+Object.defineProperty(exports, "Donut", {
+  enumerable: true,
+  get: function () {
+    return _donut.default;
+  }
+});
+Object.defineProperty(exports, "Ellipse", {
+  enumerable: true,
+  get: function () {
+    return _ellipse.default;
+  }
+});
+Object.defineProperty(exports, "GifView", {
+  enumerable: true,
+  get: function () {
+    return _gifView.default;
+  }
+});
+Object.defineProperty(exports, "GlobalRef", {
+  enumerable: true,
+  get: function () {
+    return _globalRef.default;
+  }
+});
+Object.defineProperty(exports, "Group", {
+  enumerable: true,
+  get: function () {
+    return _group.default;
+  }
+});
+Object.defineProperty(exports, "HTMLOverlayContainer", {
+  enumerable: true,
+  get: function () {
+    return _htmlOverlayContainer.default;
+  }
+});
+Object.defineProperty(exports, "HTMLOverlayElement", {
+  enumerable: true,
+  get: function () {
+    return _htmlOverlayElement.default;
+  }
+});
+Object.defineProperty(exports, "ImageView", {
+  enumerable: true,
+  get: function () {
+    return _imageView.default;
+  }
+});
+Object.defineProperty(exports, "InfoWindow", {
+  enumerable: true,
+  get: function () {
+    return _infoWindow.default;
+  }
+});
+Object.defineProperty(exports, "Line", {
+  enumerable: true,
+  get: function () {
+    return _line.default;
+  }
+});
+Object.defineProperty(exports, "LocalRef", {
+  enumerable: true,
+  get: function () {
+    return _localRef.default;
+  }
+});
+Object.defineProperty(exports, "MoveHandle", {
+  enumerable: true,
+  get: function () {
+    return _moveHandle.default;
+  }
+});
+Object.defineProperty(exports, "OrthoLine", {
+  enumerable: true,
+  get: function () {
+    return _ortholine.default;
+  }
+});
+Object.defineProperty(exports, "Path", {
+  enumerable: true,
+  get: function () {
+    return _path.default;
+  }
+});
+Object.defineProperty(exports, "Polygon", {
+  enumerable: true,
+  get: function () {
+    return _polygon.default;
+  }
+});
+Object.defineProperty(exports, "Polyline", {
+  enumerable: true,
+  get: function () {
+    return _polyline.default;
+  }
+});
+Object.defineProperty(exports, "Popup", {
+  enumerable: true,
+  get: function () {
+    return _popup.default;
+  }
+});
+Object.defineProperty(exports, "Rect", {
+  enumerable: true,
+  get: function () {
+    return _rect.default;
+  }
+});
+Object.defineProperty(exports, "RectPath", {
+  enumerable: true,
+  get: function () {
+    return _rectPath.default;
+  }
+});
+Object.defineProperty(exports, "RootContainer", {
+  enumerable: true,
+  get: function () {
+    return _rootContainer.default;
+  }
+});
+Object.defineProperty(exports, "Ruler", {
+  enumerable: true,
+  get: function () {
+    return _ruler.default;
+  }
+});
+Object.defineProperty(exports, "Shape", {
+  enumerable: true,
+  get: function () {
+    return _shape.default;
+  }
+});
+Object.defineProperty(exports, "Star", {
+  enumerable: true,
+  get: function () {
+    return _star.default;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () {
+    return _text.default;
+  }
+});
+Object.defineProperty(exports, "Triangle", {
+  enumerable: true,
+  get: function () {
+    return _triangle.default;
+  }
+});
+Object.defineProperty(exports, "ValueHolder", {
+  enumerable: true,
+  get: function () {
+    return _valueHolder.default;
+  }
+});
+var _component = _interopRequireDefault(require("./component.js"));
+var _containerAbstract = _interopRequireDefault(require("./container-abstract.js"));
+var _container = _interopRequireDefault(require("./container.js"));
+var _rootContainer = _interopRequireDefault(require("./root-container.js"));
+var _shape = _interopRequireDefault(require("./shape.js"));
+var _line = _interopRequireDefault(require("./line.js"));
+var _ellipse = _interopRequireDefault(require("./ellipse.js"));
+var _rect = _interopRequireDefault(require("./rect.js"));
+var _polygon = _interopRequireDefault(require("./polygon.js"));
+var _polyline = _interopRequireDefault(require("./polyline.js"));
+var _ortholine = _interopRequireDefault(require("./ortholine.js"));
+var _ruler = _interopRequireDefault(require("./ruler.js"));
+var _imageView = _interopRequireDefault(require("./image-view.js"));
+var _gifView = _interopRequireDefault(require("./gif-view.js"));
+var _audio = _interopRequireDefault(require("./audio.js"));
+var _text = _interopRequireDefault(require("./text.js"));
+var _group = _interopRequireDefault(require("./group.js"));
+var _localRef = _interopRequireDefault(require("./local-ref.js"));
+var _globalRef = _interopRequireDefault(require("./global-ref.js"));
+var _infoWindow = _interopRequireDefault(require("./info-window.js"));
+var _popup = _interopRequireDefault(require("./popup.js"));
+var _htmlOverlayElement = _interopRequireDefault(require("./html-overlay-element.js"));
+var _htmlOverlayContainer = _interopRequireDefault(require("./html-overlay-container.js"));
+var _path = _interopRequireDefault(require("./path.js"));
+var _triangle = _interopRequireDefault(require("./triangle.js"));
+var _donut = _interopRequireDefault(require("./donut.js"));
+var _star = _interopRequireDefault(require("./star.js"));
+var _rectPath = _interopRequireDefault(require("./mixins/rect-path.js"));
+var _valueHolder = _interopRequireDefault(require("./mixins/value-holder.js"));
+var _dataSource = _interopRequireDefault(require("./mixins/data-source.js"));
+var _moveHandle = _interopRequireDefault(require("./mixins/move-handle.js"));
+var _connectable = _interopRequireDefault(require("./mixins/connectable.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_component","_interopRequireDefault","require","_containerAbstract","_container","_rootContainer","_shape","_line","_ellipse","_rect","_polygon","_polyline","_ortholine","_ruler","_imageView","_gifView","_audio","_text","_group","_localRef","_globalRef","_infoWindow","_popup","_htmlOverlayElement","_htmlOverlayContainer","_path","_triangle","_donut","_star","_rectPath","_valueHolder","_dataSource","_moveHandle","_connectable","e","__esModule","default"],"sources":["../../src/components/index.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport { default as Component } from './component.js'\nexport { default as ContainerAbstract } from './container-abstract.js'\nexport { default as Container } from './container.js'\n\n// Components\nexport { default as RootContainer } from './root-container.js'\nexport { default as Shape } from './shape.js'\n\nexport { default as Line } from './line.js'\nexport { default as Ellipse } from './ellipse.js'\nexport { default as Rect } from './rect.js'\nexport { default as Polygon } from './polygon.js'\nexport { default as Polyline } from './polyline.js'\nexport { default as OrthoLine } from './ortholine.js'\nexport { default as Ruler } from './ruler.js'\nexport { default as ImageView } from './image-view.js'\nexport { default as GifView } from './gif-view.js'\nexport { default as AudioPlayer } from './audio.js'\nexport { default as Text } from './text.js'\nexport { default as Group } from './group.js'\n\nexport { default as LocalRef } from './local-ref.js'\nexport { default as GlobalRef } from './global-ref.js'\n\nexport { default as InfoWindow } from './info-window.js'\nexport { default as Popup } from './popup.js'\n\nexport { default as HTMLOverlayElement } from './html-overlay-element.js'\nexport { default as HTMLOverlayContainer } from './html-overlay-container.js'\n\n// TODO 아래 컴포넌트들은 커스터마이징 컴포넌트로 분리할 것.(별도 프로젝트로.)\nexport { default as Path } from './path.js'\nexport { default as Triangle } from './triangle.js'\nexport { default as Donut } from './donut.js'\nexport { default as Star } from './star.js'\n\n// Mixins\nexport { default as RectPath } from './mixins/rect-path.js'\nexport { default as ValueHolder } from './mixins/value-holder.js'\nexport { default as DataSource } from './mixins/data-source.js'\nexport { default as MoveHandle } from './mixins/move-handle.js'\nexport { default as Connectable } from './mixins/connectable.js'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,KAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,QAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,SAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,UAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,MAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,UAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,QAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,MAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,KAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,MAAA,GAAAjB,sBAAA,CAAAC,OAAA;AAEA,IAAAiB,SAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,UAAA,GAAAnB,sBAAA,CAAAC,OAAA;AAEA,IAAAmB,WAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,MAAA,GAAArB,sBAAA,CAAAC,OAAA;AAEA,IAAAqB,mBAAA,GAAAtB,sBAAA,CAAAC,OAAA;AACA,IAAAsB,qBAAA,GAAAvB,sBAAA,CAAAC,OAAA;AAGA,IAAAuB,KAAA,GAAAxB,sBAAA,CAAAC,OAAA;AACA,IAAAwB,SAAA,GAAAzB,sBAAA,CAAAC,OAAA;AACA,IAAAyB,MAAA,GAAA1B,sBAAA,CAAAC,OAAA;AACA,IAAA0B,KAAA,GAAA3B,sBAAA,CAAAC,OAAA;AAGA,IAAA2B,SAAA,GAAA5B,sBAAA,CAAAC,OAAA;AACA,IAAA4B,YAAA,GAAA7B,sBAAA,CAAAC,OAAA;AACA,IAAA6B,WAAA,GAAA9B,sBAAA,CAAAC,OAAA;AACA,IAAA8B,WAAA,GAAA/B,sBAAA,CAAAC,OAAA;AACA,IAAA+B,YAAA,GAAAhC,sBAAA,CAAAC,OAAA;AAAgE,SAAAD,uBAAAiC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}