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

package/dist/components/drawer/text.js

@@ -0,0 +1,269 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.drawText = drawText;
+exports.font = font;
+exports.textLines = textLines;
+var _const = require("../../const.js");
+var _roundRect = require("../../core/round-rect.js");
+function parseMarkdown(text) {
+  const regex = /(\*\*|__)(.*?)\1|(\*|_)(.*?)\3|([^\*_]+)/g;
+  let result = [];
+  let match;
+  while ((match = regex.exec(text)) !== null) {
+    if (match[1]) {
+      result.push({
+        text: match[2],
+        bold: true,
+        italic: false
+      });
+    } else if (match[3]) {
+      result.push({
+        text: match[4],
+        bold: false,
+        italic: true
+      });
+    } else if (match[5]) {
+      result.push({
+        text: match[5],
+        bold: false,
+        italic: false
+      });
+    }
+  }
+  return result;
+}
+function wrapWord(context, word, width, letterSpacing = 0) {
+  if (word.text.length < 2) return word;
+  let index = 2;
+  for (; index < word.text.length; index++) {
+    const substring = word.text.substring(0, index);
+    const textWidth = context.measureText(substring).width + (index - 1) * letterSpacing;
+    if (textWidth < width) continue;
+    break;
+  }
+  return {
+    ...word,
+    text: word.text.substring(0, index - 1)
+  };
+}
+function wrapLine(context, lineParts, width, letterSpacing = 0) {
+  const lines = [];
+  let currentLine = [];
+  let currentWidth = 0;
+  lineParts.forEach(part => {
+    let partText = part.text;
+    while (partText.length > 0) {
+      const remainingWidth = width - currentWidth;
+      const partWidth = context.measureText(partText).width + (partText.length - 1) * letterSpacing;
+      if (partWidth <= remainingWidth) {
+        currentLine.push({
+          ...part,
+          text: partText
+        });
+        currentWidth += partWidth;
+        partText = '';
+      } else {
+        const wrappedPart = wrapWord(context, {
+          ...part,
+          text: partText
+        }, remainingWidth, letterSpacing);
+        currentLine.push(wrappedPart);
+        lines.push(currentLine);
+        currentLine = [];
+        currentWidth = 0;
+        partText = partText.substring(wrappedPart.text.length);
+      }
+    }
+  });
+  if (currentLine.length > 0) {
+    lines.push(currentLine);
+  }
+  return lines;
+}
+function splitTextToLines(context, text, width, wrap, supportMarkdown, letterSpacing = 0) {
+  const lines = String(text).split('\n');
+  if (wrap) {
+    return [].concat.apply([], lines.map(line => wrapLine(context, supportMarkdown ? parseMarkdown(line) : [{
+      text: line,
+      bold: false,
+      italic: false
+    }], width, letterSpacing)));
+  } else {
+    return lines.map(line => supportMarkdown ? parseMarkdown(line) : [{
+      text: line,
+      bold: false,
+      italic: false
+    }]);
+  }
+}
+function textLines(context, width, font, text, wrap, supportMarkdown, letterSpacing = 0) {
+  if (!text) return [];
+  context.save();
+  context.font = font;
+  var lines = splitTextToLines(context, text, width, !!wrap, supportMarkdown, letterSpacing);
+  context.restore();
+  return lines;
+}
+function font(style) {
+  var {
+    fontFamily = _const.DEFAULT.FONT_FAMILY,
+    bold = _const.DEFAULT.BOLD,
+    italic = _const.DEFAULT.ITALIC,
+    fontSize = _const.DEFAULT.FONT_SIZE
+  } = style;
+  var fonts = [];
+  bold && fonts.push('bold');
+  italic && fonts.push('italic');
+  fonts.push(fontSize + 'px');
+  fonts.push(fontFamily);
+  return fonts.join(' ');
+}
+function getLineWidth(context, line, baseStyle, letterSpacing = 0) {
+  return line.reduce((width, part) => {
+    context.font = getStyleFont(baseStyle, part);
+    return width + context.measureText(part.text).width + letterSpacing * (part.text.length - 1);
+  }, 0);
+}
+function getStyleFont(baseStyle, part) {
+  let boldStyle = baseStyle.bold || part.bold;
+  let italicStyle = baseStyle.italic || part.italic;
+  let fonts = [];
+  boldStyle && fonts.push('bold');
+  italicStyle && fonts.push('italic');
+  fonts.push(baseStyle.fontSize + 'px');
+  fonts.push(baseStyle.fontFamily);
+  return fonts.join(' ');
+}
+function drawText(context, bounds, lines, style) {
+  var {
+    alpha,
+    fontColor = _const.DEFAULT.FONT_COLOR,
+    textAlign = _const.DEFAULT.TEXT_ALIGN,
+    textBaseline = _const.DEFAULT.TEXT_BASELINE,
+    textBackgroundStyle,
+    fontSize,
+    lineHeight,
+    textWrap,
+    textOverflow,
+    letterSpacing = 0
+  } = style;
+  alpha = alpha !== undefined ? alpha : 1;
+  fontSize ||= _const.DEFAULT.FONT_SIZE;
+  lineHeight ||= fontSize * 1.2;
+  context.save();
+  context.beginPath();
+  var {
+    left,
+    top,
+    width,
+    height
+  } = bounds;
+  context.font = font(style);
+  if (!textWrap && textOverflow) {
+    const clippedLines = fittingText(textOverflow, context, lines, width);
+    lines = clippedLines;
+  }
+  var textsHeight = lines.length * lineHeight;
+  var baseY;
+  switch (textBaseline) {
+    case 'top':
+      baseY = top;
+      context.textBaseline = 'top';
+      break;
+    case 'bottom':
+      baseY = top + height - textsHeight + lineHeight;
+      context.textBaseline = 'bottom';
+      break;
+    case 'middle':
+    default:
+      baseY = top + height / 2 - textsHeight / 2 + lineHeight / 2;
+      context.textBaseline = 'middle';
+  }
+  context.globalAlpha *= alpha;
+  context.fillStyle = fontColor;
+  lines.forEach((line, i) => {
+    let y = baseY + i * lineHeight;
+    let lineWidth = getLineWidth(context, line, style, letterSpacing);
+    let x = left;
+    switch (textAlign) {
+      case 'left':
+        x = left;
+        break;
+      case 'right':
+        x = left + width - lineWidth;
+        break;
+      case 'center':
+        x = left + (width - lineWidth) / 2;
+        break;
+      case 'justify':
+        x = left;
+        break;
+    }
+    if (textBackgroundStyle) {
+      context.fillStyle = textBackgroundStyle;
+      (0, _roundRect.roundRect)(context, x - 4, y - fontSize / 2 - 4, lineWidth + 8, fontSize + 8, 4, true, false);
+      context.fillStyle = fontColor;
+    }
+    if (textAlign === 'justify' && i < lines.length - 1 && line.length > 1) {
+      let totalSpacing = width - lineWidth;
+      let spaceCount = line.length - 1;
+      let wordSpacing = totalSpacing / spaceCount;
+      line.forEach((part, index) => {
+        context.font = getStyleFont(style, part);
+        context.fillText(part.text, x, y);
+        x += context.measureText(part.text).width + (index < spaceCount ? wordSpacing : 0);
+      });
+    } else {
+      line.forEach(part => {
+        context.font = getStyleFont(style, part);
+        [...part.text].forEach(char => {
+          context.fillText(char, x, y);
+          x += context.measureText(char).width + letterSpacing;
+        });
+      });
+    }
+  });
+  context.restore();
+}
+function fittingText(textOverflow, context, lines, maxWidth) {
+  const ellipsis = textOverflow === 'ellipsis' ? '…' : '';
+  const ellipsisWidth = context.measureText(ellipsis).width;
+  let newLines = [];
+  let currentWidth = 0;
+  for (let line of lines) {
+    let newLine = [];
+    for (let part of line) {
+      let partWidth = context.measureText(part.text).width;
+      if (currentWidth + partWidth <= maxWidth - (textOverflow === 'ellipsis' ? ellipsisWidth : 0)) {
+        newLine.push(part);
+        currentWidth += partWidth;
+      } else {
+        let clippedPart = clipPart(context, part, maxWidth - currentWidth - (textOverflow === 'ellipsis' ? ellipsisWidth : 0), textOverflow);
+        newLine.push(clippedPart);
+        newLines.push(newLine);
+        return newLines;
+      }
+    }
+    newLines.push(newLine);
+    currentWidth = 0;
+  }
+  return newLines;
+}
+function clipPart(context, part, maxWidth, textOverflow) {
+  let clippedText = '';
+  for (let i = 0; i < part.text.length; i++) {
+    let testText = clippedText + part.text[i];
+    if (context.measureText(testText).width > maxWidth) {
+      break;
+    }
+    clippedText = testText;
+  }
+  return {
+    ...part,
+    text: clippedText + (textOverflow === 'ellipsis' ? '…' : '')
+  };
+}
+//# sourceMappingURL=text.js.map

package/dist/components/drawer/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":["_const","require","_roundRect","parseMarkdown","text","regex","result","match","exec","push","bold","italic","wrapWord","context","word","width","letterSpacing","length","index","substring","textWidth","measureText","wrapLine","lineParts","lines","currentLine","currentWidth","forEach","part","partText","remainingWidth","partWidth","wrappedPart","splitTextToLines","wrap","supportMarkdown","String","split","concat","apply","map","line","textLines","font","save","restore","style","fontFamily","DEFAULT","FONT_FAMILY","BOLD","ITALIC","fontSize","FONT_SIZE","fonts","join","getLineWidth","baseStyle","reduce","getStyleFont","boldStyle","italicStyle","drawText","bounds","alpha","fontColor","FONT_COLOR","textAlign","TEXT_ALIGN","textBaseline","TEXT_BASELINE","textBackgroundStyle","lineHeight","textWrap","textOverflow","undefined","beginPath","left","top","height","clippedLines","fittingText","textsHeight","baseY","globalAlpha","fillStyle","i","y","lineWidth","x","roundRect","totalSpacing","spaceCount","wordSpacing","fillText","char","maxWidth","ellipsis","ellipsisWidth","newLines","newLine","clippedPart","clipPart","clippedText","testText"],"sources":["../../../src/components/drawer/text.js"],"sourcesContent":["import { DEFAULT } from '../../const.js'\nimport { roundRect } from '../../core/round-rect.js'\n\nfunction parseMarkdown(text) {\n  const regex = /(\\*\\*|__)(.*?)\\1|(\\*|_)(.*?)\\3|([^\\*_]+)/g\n  let result = []\n  let match\n  while ((match = regex.exec(text)) !== null) {\n    if (match[1]) {\n      result.push({ text: match[2], bold: true, italic: false })\n    } else if (match[3]) {\n      result.push({ text: match[4], bold: false, italic: true })\n    } else if (match[5]) {\n      result.push({ text: match[5], bold: false, italic: false })\n    }\n  }\n  return result\n}\n\nfunction wrapWord(context, word, width, letterSpacing = 0) {\n  if (word.text.length < 2) return word\n\n  let index = 2\n  for (; index < word.text.length; index++) {\n    const substring = word.text.substring(0, index)\n    const textWidth = context.measureText(substring).width + (index - 1) * letterSpacing\n    if (textWidth < width) continue\n\n    break\n  }\n\n  return { ...word, text: word.text.substring(0, index - 1) }\n}\n\nfunction wrapLine(context, lineParts, width, letterSpacing = 0) {\n  const lines = []\n  let currentLine = []\n  let currentWidth = 0\n\n  lineParts.forEach(part => {\n    let partText = part.text\n    while (partText.length > 0) {\n      const remainingWidth = width - currentWidth\n      const partWidth = context.measureText(partText).width + (partText.length - 1) * letterSpacing\n\n      if (partWidth <= remainingWidth) {\n        currentLine.push({ ...part, text: partText })\n        currentWidth += partWidth\n        partText = ''\n      } else {\n        const wrappedPart = wrapWord(context, { ...part, text: partText }, remainingWidth, letterSpacing)\n        currentLine.push(wrappedPart)\n        lines.push(currentLine)\n        currentLine = []\n        currentWidth = 0\n        partText = partText.substring(wrappedPart.text.length)\n      }\n    }\n  })\n\n  if (currentLine.length > 0) {\n    lines.push(currentLine)\n  }\n\n  return lines\n}\n\nfunction splitTextToLines(context, text, width, wrap, supportMarkdown, letterSpacing = 0) {\n  const lines = String(text).split('\\n')\n  if (wrap) {\n    return [].concat.apply(\n      [],\n      lines.map(line =>\n        wrapLine(\n          context,\n          supportMarkdown ? parseMarkdown(line) : [{ text: line, bold: false, italic: false }],\n          width,\n          letterSpacing\n        )\n      )\n    )\n  } else {\n    return lines.map(line => (supportMarkdown ? parseMarkdown(line) : [{ text: line, bold: false, italic: false }]))\n  }\n}\n\nexport function textLines(context, width, font, text, wrap, supportMarkdown, letterSpacing = 0) {\n  if (!text) return []\n\n  context.save()\n  context.font = font\n  var lines = splitTextToLines(context, text, width, !!wrap, supportMarkdown, letterSpacing)\n  context.restore()\n\n  return lines\n}\n\nexport function font(style) {\n  var {\n    fontFamily = DEFAULT.FONT_FAMILY,\n    bold = DEFAULT.BOLD,\n    italic = DEFAULT.ITALIC,\n    fontSize = DEFAULT.FONT_SIZE\n  } = style\n\n  var fonts = []\n\n  bold && fonts.push('bold')\n  italic && fonts.push('italic')\n  fonts.push(fontSize + 'px')\n  fonts.push(fontFamily)\n\n  return fonts.join(' ')\n}\n\nfunction getLineWidth(context, line, baseStyle, letterSpacing = 0) {\n  return line.reduce((width, part) => {\n    context.font = getStyleFont(baseStyle, part)\n    return width + context.measureText(part.text).width + letterSpacing * (part.text.length - 1)\n  }, 0)\n}\n\nfunction getStyleFont(baseStyle, part) {\n  let boldStyle = baseStyle.bold || part.bold\n  let italicStyle = baseStyle.italic || part.italic\n  let fonts = []\n\n  boldStyle && fonts.push('bold')\n  italicStyle && fonts.push('italic')\n  fonts.push(baseStyle.fontSize + 'px')\n  fonts.push(baseStyle.fontFamily)\n\n  return fonts.join(' ')\n}\n\nexport function drawText(context, bounds, lines, style) {\n  var {\n    alpha,\n    fontColor = DEFAULT.FONT_COLOR,\n    textAlign = DEFAULT.TEXT_ALIGN,\n    textBaseline = DEFAULT.TEXT_BASELINE,\n    textBackgroundStyle,\n    fontSize,\n    lineHeight,\n    textWrap,\n    textOverflow,\n    letterSpacing = 0\n  } = style\n\n  alpha = alpha !== undefined ? alpha : 1\n  fontSize ||= DEFAULT.FONT_SIZE\n  lineHeight ||= fontSize * 1.2\n\n  context.save()\n  context.beginPath()\n\n  var { left, top, width, height } = bounds\n  context.font = font(style)\n\n  if (!textWrap && textOverflow) {\n    const clippedLines = fittingText(textOverflow, context, lines, width)\n    lines = clippedLines\n  }\n\n  var textsHeight = lines.length * lineHeight\n  var baseY\n\n  switch (textBaseline) {\n    case 'top':\n      baseY = top\n      context.textBaseline = 'top'\n      break\n    case 'bottom':\n      baseY = top + height - textsHeight + lineHeight\n      context.textBaseline = 'bottom'\n      break\n    case 'middle':\n    default:\n      baseY = top + height / 2 - textsHeight / 2 + lineHeight / 2\n      context.textBaseline = 'middle'\n  }\n\n  context.globalAlpha *= alpha\n  context.fillStyle = fontColor\n\n  lines.forEach((line, i) => {\n    let y = baseY + i * lineHeight\n    let lineWidth = getLineWidth(context, line, style, letterSpacing)\n    let x = left\n\n    switch (textAlign) {\n      case 'left':\n        x = left\n        break\n      case 'right':\n        x = left + width - lineWidth\n        break\n      case 'center':\n        x = left + (width - lineWidth) / 2\n        break\n      case 'justify':\n        x = left\n        break\n    }\n\n    if (textBackgroundStyle) {\n      context.fillStyle = textBackgroundStyle\n      roundRect(context, x - 4, y - fontSize / 2 - 4, lineWidth + 8, fontSize + 8, 4, true, false)\n      context.fillStyle = fontColor\n    }\n\n    if (textAlign === 'justify' && i < lines.length - 1 && line.length > 1) {\n      let totalSpacing = width - lineWidth\n      let spaceCount = line.length - 1\n      let wordSpacing = totalSpacing / spaceCount\n\n      line.forEach((part, index) => {\n        context.font = getStyleFont(style, part)\n        context.fillText(part.text, x, y)\n        x += context.measureText(part.text).width + (index < spaceCount ? wordSpacing : 0)\n      })\n    } else {\n      line.forEach(part => {\n        context.font = getStyleFont(style, part)\n        ;[...part.text].forEach(char => {\n          context.fillText(char, x, y)\n          x += context.measureText(char).width + letterSpacing\n        })\n      })\n    }\n  })\n\n  context.restore()\n}\n\nfunction fittingText(textOverflow, context, lines, maxWidth) {\n  const ellipsis = textOverflow === 'ellipsis' ? '…' : ''\n  const ellipsisWidth = context.measureText(ellipsis).width\n\n  let newLines = []\n  let currentWidth = 0\n\n  for (let line of lines) {\n    let newLine = []\n    for (let part of line) {\n      let partWidth = context.measureText(part.text).width\n      if (currentWidth + partWidth <= maxWidth - (textOverflow === 'ellipsis' ? ellipsisWidth : 0)) {\n        newLine.push(part)\n        currentWidth += partWidth\n      } else {\n        let clippedPart = clipPart(\n          context,\n          part,\n          maxWidth - currentWidth - (textOverflow === 'ellipsis' ? ellipsisWidth : 0),\n          textOverflow\n        )\n        newLine.push(clippedPart)\n        newLines.push(newLine)\n        return newLines\n      }\n    }\n    newLines.push(newLine)\n    currentWidth = 0\n  }\n  return newLines\n}\n\nfunction clipPart(context, part, maxWidth, textOverflow) {\n  let clippedText = ''\n  for (let i = 0; i < part.text.length; i++) {\n    let testText = clippedText + part.text[i]\n    if (context.measureText(testText).width > maxWidth) {\n      break\n    }\n    clippedText = testText\n  }\n  return { ...part, text: clippedText + (textOverflow === 'ellipsis' ? '…' : '') }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/ellipse.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ellipseAnchors = _interopRequireDefault(require("./anchor/ellipse-anchors.js"));
+var _component = _interopRequireDefault(require("./component.js"));
+var _connectable = _interopRequireDefault(require("./mixins/connectable.js"));
+var _ellipseOutline = _interopRequireDefault(require("./outline/ellipse-outline.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: 'angle',
+    label: 'start-angle',
+    name: 'startAngle',
+    property: 'startAngle'
+  }, {
+    type: 'angle',
+    label: 'end-angle',
+    name: 'endAngle',
+    property: 'endAngle'
+  }],
+  'value-property': 'text'
+};
+class Ellipse extends (0, _connectable.default)(_shape.default) {
+  is3dish() {
+    return true;
+  }
+  render(context) {
+    var {
+      cx,
+      cy,
+      rx,
+      ry,
+      startAngle,
+      endAngle,
+      anticlockwise
+    } = this.state;
+    context.beginPath();
+    context.ellipse(cx, cy, Math.abs(rx), Math.abs(ry), 0, startAngle || 0, endAngle || 2 * Math.PI, anticlockwise);
+    if (startAngle !== undefined && endAngle !== undefined) {
+      context.lineTo(cx, cy);
+      context.closePath();
+    }
+  }
+  get path() {
+    var {
+      cx,
+      cy,
+      rx,
+      ry
+    } = this.state;
+    return [{
+      x: cx - rx,
+      y: cy - ry
+    }, {
+      x: cx + rx,
+      y: cy - ry
+    }, {
+      x: cx + rx,
+      y: cy + ry
+    }, {
+      x: cx - rx,
+      y: cy + ry
+    }];
+  }
+  set path(path) {
+    var left_top = path[0];
+    var right_bottom = path[2];
+    this.set({
+      cx: left_top.x + (right_bottom.x - left_top.x) / 2,
+      cy: left_top.y + (right_bottom.y - left_top.y) / 2,
+      rx: (right_bottom.x - left_top.x) / 2,
+      ry: (right_bottom.y - left_top.y) / 2
+    });
+  }
+  contains(x, y) {
+    var {
+      cx,
+      cy,
+      rx,
+      ry
+    } = this.state;
+    var normx = (x - cx) / (rx * 2 - 0.5);
+    var normy = (y - cy) / (ry * 2 - 0.5);
+    return normx * normx + normy * normy < 0.25;
+  }
+  outline(progress) {
+    return (0, _ellipseOutline.default)(this, progress);
+  }
+  get anchors() {
+    return (0, _ellipseAnchors.default)(this);
+  }
+  get nature() {
+    return NATURE;
+  }
+}
+exports.default = Ellipse;
+_component.default.memoize(Ellipse.prototype, 'path', false);
+_component.default.register('ellipse', Ellipse);
+//# sourceMappingURL=ellipse.js.map

package/dist/components/ellipse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse.js","names":["_ellipseAnchors","_interopRequireDefault","require","_component","_connectable","_ellipseOutline","_shape","e","__esModule","default","NATURE","mutable","resizable","rotatable","properties","type","label","name","property","Ellipse","Connectable","Shape","is3dish","render","context","cx","cy","rx","ry","startAngle","endAngle","anticlockwise","state","beginPath","ellipse","Math","abs","PI","undefined","lineTo","closePath","path","x","y","left_top","right_bottom","set","contains","normx","normy","outline","progress","ellipseOutline","anchors","ellipseAnchors","nature","exports","Component","memoize","prototype","register"],"sources":["../../src/components/ellipse.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport ellipseAnchors from './anchor/ellipse-anchors.js'\nimport Component from './component.js'\nimport Connectable from './mixins/connectable.js'\nimport ellipseOutline from './outline/ellipse-outline.js'\nimport Shape from './shape.js'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'angle',\n      label: 'start-angle',\n      name: 'startAngle',\n      property: 'startAngle'\n    },\n    {\n      type: 'angle',\n      label: 'end-angle',\n      name: 'endAngle',\n      property: 'endAngle'\n    }\n  ],\n  'value-property': 'text'\n}\n\nexport default class Ellipse extends Connectable(Shape) {\n  is3dish() {\n    return true\n  }\n\n  render(context) {\n    var { cx, cy, rx, ry, startAngle, endAngle, anticlockwise } = this.state\n\n    context.beginPath()\n\n    context.ellipse(cx, cy, Math.abs(rx), Math.abs(ry), 0, startAngle || 0, endAngle || 2 * Math.PI, anticlockwise)\n\n    if (startAngle !== undefined && endAngle !== undefined) {\n      context.lineTo(cx, cy)\n      context.closePath()\n    }\n  }\n\n  get path() {\n    var { cx, cy, rx, ry } = this.state\n\n    return [\n      {\n        x: cx - rx,\n        y: cy - ry\n      },\n      {\n        x: cx + rx,\n        y: cy - ry\n      },\n      {\n        x: cx + rx,\n        y: cy + ry\n      },\n      {\n        x: cx - rx,\n        y: cy + ry\n      }\n    ]\n  }\n\n  set path(path) {\n    var left_top = path[0]\n    var right_bottom = path[2]\n\n    this.set({\n      cx: left_top.x + (right_bottom.x - left_top.x) / 2,\n      cy: left_top.y + (right_bottom.y - left_top.y) / 2,\n      rx: (right_bottom.x - left_top.x) / 2,\n      ry: (right_bottom.y - left_top.y) / 2\n    })\n  }\n\n  contains(x, y) {\n    var { cx, cy, rx, ry } = this.state\n\n    var normx = (x - cx) / (rx * 2 - 0.5)\n    var normy = (y - cy) / (ry * 2 - 0.5)\n\n    return normx * normx + normy * normy < 0.25\n  }\n\n  outline(progress) {\n    return ellipseOutline(this, progress)\n  }\n\n  get anchors() {\n    return ellipseAnchors(this)\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n\nComponent.memoize(Ellipse.prototype, 'path', false)\n\nComponent.register('ellipse', Ellipse)\n"],"mappings":";;;;;;AAIA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAR9B;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,OAAO;IACbC,KAAK,EAAE,aAAa;IACpBC,IAAI,EAAE,YAAY;IAClBC,QAAQ,EAAE;EACZ,CAAC,EACD;IACEH,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,WAAW;IAClBC,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE;EACZ,CAAC,CACF;EACD,gBAAgB,EAAE;AACpB,CAAC;AAEc,MAAMC,OAAO,SAAS,IAAAC,oBAAW,EAACC,cAAK,CAAC,CAAC;EACtDC,OAAOA,CAAA,EAAG;IACR,OAAO,IAAI;EACb;EAEAC,MAAMA,CAACC,OAAO,EAAE;IACd,IAAI;MAAEC,EAAE;MAAEC,EAAE;MAAEC,EAAE;MAAEC,EAAE;MAAEC,UAAU;MAAEC,QAAQ;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACC,KAAK;IAExER,OAAO,CAACS,SAAS,CAAC,CAAC;IAEnBT,OAAO,CAACU,OAAO,CAACT,EAAE,EAAEC,EAAE,EAAES,IAAI,CAACC,GAAG,CAACT,EAAE,CAAC,EAAEQ,IAAI,CAACC,GAAG,CAACR,EAAE,CAAC,EAAE,CAAC,EAAEC,UAAU,IAAI,CAAC,EAAEC,QAAQ,IAAI,CAAC,GAAGK,IAAI,CAACE,EAAE,EAAEN,aAAa,CAAC;IAE/G,IAAIF,UAAU,KAAKS,SAAS,IAAIR,QAAQ,KAAKQ,SAAS,EAAE;MACtDd,OAAO,CAACe,MAAM,CAACd,EAAE,EAAEC,EAAE,CAAC;MACtBF,OAAO,CAACgB,SAAS,CAAC,CAAC;IACrB;EACF;EAEA,IAAIC,IAAIA,CAAA,EAAG;IACT,IAAI;MAAEhB,EAAE;MAAEC,EAAE;MAAEC,EAAE;MAAEC;IAAG,CAAC,GAAG,IAAI,CAACI,KAAK;IAEnC,OAAO,CACL;MACEU,CAAC,EAAEjB,EAAE,GAAGE,EAAE;MACVgB,CAAC,EAAEjB,EAAE,GAAGE;IACV,CAAC,EACD;MACEc,CAAC,EAAEjB,EAAE,GAAGE,EAAE;MACVgB,CAAC,EAAEjB,EAAE,GAAGE;IACV,CAAC,EACD;MACEc,CAAC,EAAEjB,EAAE,GAAGE,EAAE;MACVgB,CAAC,EAAEjB,EAAE,GAAGE;IACV,CAAC,EACD;MACEc,CAAC,EAAEjB,EAAE,GAAGE,EAAE;MACVgB,CAAC,EAAEjB,EAAE,GAAGE;IACV,CAAC,CACF;EACH;EAEA,IAAIa,IAAIA,CAACA,IAAI,EAAE;IACb,IAAIG,QAAQ,GAAGH,IAAI,CAAC,CAAC,CAAC;IACtB,IAAII,YAAY,GAAGJ,IAAI,CAAC,CAAC,CAAC;IAE1B,IAAI,CAACK,GAAG,CAAC;MACPrB,EAAE,EAAEmB,QAAQ,CAACF,CAAC,GAAG,CAACG,YAAY,CAACH,CAAC,GAAGE,QAAQ,CAACF,CAAC,IAAI,CAAC;MAClDhB,EAAE,EAAEkB,QAAQ,CAACD,CAAC,GAAG,CAACE,YAAY,CAACF,CAAC,GAAGC,QAAQ,CAACD,CAAC,IAAI,CAAC;MAClDhB,EAAE,EAAE,CAACkB,YAAY,CAACH,CAAC,GAAGE,QAAQ,CAACF,CAAC,IAAI,CAAC;MACrCd,EAAE,EAAE,CAACiB,YAAY,CAACF,CAAC,GAAGC,QAAQ,CAACD,CAAC,IAAI;IACtC,CAAC,CAAC;EACJ;EAEAI,QAAQA,CAACL,CAAC,EAAEC,CAAC,EAAE;IACb,IAAI;MAAElB,EAAE;MAAEC,EAAE;MAAEC,EAAE;MAAEC;IAAG,CAAC,GAAG,IAAI,CAACI,KAAK;IAEnC,IAAIgB,KAAK,GAAG,CAACN,CAAC,GAAGjB,EAAE,KAAKE,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;IACrC,IAAIsB,KAAK,GAAG,CAACN,CAAC,GAAGjB,EAAE,KAAKE,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;IAErC,OAAOoB,KAAK,GAAGA,KAAK,GAAGC,KAAK,GAAGA,KAAK,GAAG,IAAI;EAC7C;EAEAC,OAAOA,CAACC,QAAQ,EAAE;IAChB,OAAO,IAAAC,uBAAc,EAAC,IAAI,EAAED,QAAQ,CAAC;EACvC;EAEA,IAAIE,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAAC,uBAAc,EAAC,IAAI,CAAC;EAC7B;EAEA,IAAIC,MAAMA,CAAA,EAAG;IACX,OAAO7C,MAAM;EACf;AACF;AAAC8C,OAAA,CAAA/C,OAAA,GAAAU,OAAA;AAEDsC,kBAAS,CAACC,OAAO,CAACvC,OAAO,CAACwC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC;AAEnDF,kBAAS,CAACG,QAAQ,CAAC,SAAS,EAAEzC,OAAO,CAAC","ignoreList":[]}

package/dist/components/file/ondropfile.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ondropfile = ondropfile;
+function ondropfile(transfered, files) {
+  for (let i = 0; i < transfered.length; i++) {
+    if (transfered[i].type.startsWith('image/')) {
+      this.set('fillStyle', {
+        type: 'pattern',
+        image: files[i],
+        fitPattern: true
+      });
+      return;
+    }
+  }
+}
+//# sourceMappingURL=ondropfile.js.map

package/dist/components/file/ondropfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ondropfile.js","names":["ondropfile","transfered","files","i","length","type","startsWith","set","image","fitPattern"],"sources":["../../../src/components/file/ondropfile.js"],"sourcesContent":["export function ondropfile(transfered, files) {\n  for (let i = 0; i < transfered.length; i++) {\n    if (transfered[i].type.startsWith('image/')) {\n      this.set('fillStyle', {\n        type: 'pattern',\n        image: files[i],\n        fitPattern: true\n      })\n\n      return\n    }\n  }\n}\n"],"mappings":";;;;;;AAAO,SAASA,UAAUA,CAACC,UAAU,EAAEC,KAAK,EAAE;EAC5C,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,UAAU,CAACG,MAAM,EAAED,CAAC,EAAE,EAAE;IAC1C,IAAIF,UAAU,CAACE,CAAC,CAAC,CAACE,IAAI,CAACC,UAAU,CAAC,QAAQ,CAAC,EAAE;MAC3C,IAAI,CAACC,GAAG,CAAC,WAAW,EAAE;QACpBF,IAAI,EAAE,SAAS;QACfG,KAAK,EAAEN,KAAK,CAACC,CAAC,CAAC;QACfM,UAAU,EAAE;MACd,CAAC,CAAC;MAEF;IACF;EACF;AACF","ignoreList":[]}

package/dist/components/fit/fit.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = fit;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function _fitNone(container, model_layer, target_element) {
+  /* 설정된 단위에 맞춰서, 최초의 scene scale을 설정한다. */
+  var scale = container.unitScale;
+  model_layer.set('scale', {
+    x: scale,
+    y: scale
+  });
+  model_layer.set('translate', {
+    x: 0,
+    y: 0
+  });
+}
+function _fitBoth(container, model_layer, target_element) {
+  var {
+    width,
+    height
+  } = model_layer.model;
+  var vw = target_element.clientWidth,
+    vh = target_element.clientHeight;
+  model_layer.set('scale', {
+    x: vw / width,
+    y: vh / height
+  });
+  model_layer.set('translate', {
+    x: 0,
+    y: 0
+  });
+}
+function _fitCenter(container, model_layer, target_element) {
+  /* 설정된 단위에 맞춰서, 최초의 scene scale을 설정한다. */
+  var scale = container.unitScale;
+  var {
+    width,
+    height
+  } = model_layer.model;
+  model_layer.set('scale', {
+    x: scale,
+    y: scale
+  });
+  model_layer.set('translate', {
+    x: Math.max((target_element.clientWidth - width * scale) / 2, 0),
+    y: Math.max((target_element.clientHeight - height * scale) / 2, 0)
+  });
+}
+function _fitWidth(container, model_layer, target_element) {
+  var scale = target_element.clientWidth / model_layer.get('width');
+  model_layer.set('scale', {
+    x: scale,
+    y: scale
+  });
+  model_layer.set('translate', {
+    x: 0,
+    y: 0
+  });
+}
+function _fitHeight(container, model_layer, target_element) {
+  var scale = target_element.clientHeight / model_layer.get('height');
+  model_layer.set('scale', {
+    x: scale,
+    y: scale
+  });
+  model_layer.set('translate', {
+    x: 0,
+    y: 0
+  });
+}
+function _fitRatio(container, model_layer, target_element) {
+  var {
+    width,
+    height
+  } = model_layer.model;
+  var vw = target_element.clientWidth,
+    vh = target_element.clientHeight;
+  var scaleX = vw / width;
+  var scaleY = vh / height;
+  var scale = Math.min(scaleX, scaleY);
+  model_layer.set('scale', {
+    x: scale,
+    y: scale
+  });
+  model_layer.set('translate', {
+    x: (vw - width * scale) / 2,
+    y: (vh - height * scale) / 2
+  });
+}
+
+/**
+ * !this should be root-container
+ *
+ * @param {String} type assigns fitMode property of root container before fitting
+ */
+function fit(type) {
+  var {
+    width,
+    height,
+    fitMode
+  } = this.model_layer.model;
+  var target_element = this.target_element; // Scene을 둘러싸고 있는 DIV element
+  var model_layer = this.model_layer;
+  this.fitMode = type || this.fitMode || fitMode || 'ratio';
+  if (!width || !height || !target_element || !target_element.clientWidth || !target_element.clientHeight) {
+    return;
+  }
+  switch (this.fitMode) {
+    case 'center':
+      _fitCenter(this, model_layer, target_element);
+      break;
+    case 'both':
+      _fitBoth(this, model_layer, target_element);
+      break;
+    case 'width':
+      _fitWidth(this, model_layer, target_element);
+      break;
+    case 'height':
+      _fitHeight(this, model_layer, target_element);
+      break;
+    case 'ratio':
+      _fitRatio(this, model_layer, target_element);
+      break;
+    case 'none':
+    default:
+      _fitNone(this, model_layer, target_element);
+      break;
+  }
+  this.resize();
+}
+//# sourceMappingURL=fit.js.map

package/dist/components/fit/fit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fit.js","names":["_fitNone","container","model_layer","target_element","scale","unitScale","set","x","y","_fitBoth","width","height","model","vw","clientWidth","vh","clientHeight","_fitCenter","Math","max","_fitWidth","get","_fitHeight","_fitRatio","scaleX","scaleY","min","fit","type","fitMode","resize"],"sources":["../../../src/components/fit/fit.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nfunction _fitNone(container, model_layer, target_element) {\n  /* 설정된 단위에 맞춰서, 최초의 scene scale을 설정한다. */\n  var scale = container.unitScale\n\n  model_layer.set('scale', {\n    x: scale,\n    y: scale\n  })\n\n  model_layer.set('translate', {\n    x: 0,\n    y: 0\n  })\n}\n\nfunction _fitBoth(container, model_layer, target_element) {\n  var { width, height } = model_layer.model\n  var vw = target_element.clientWidth,\n    vh = target_element.clientHeight\n\n  model_layer.set('scale', {\n    x: vw / width,\n    y: vh / height\n  })\n\n  model_layer.set('translate', {\n    x: 0,\n    y: 0\n  })\n}\n\nfunction _fitCenter(container, model_layer, target_element) {\n  /* 설정된 단위에 맞춰서, 최초의 scene scale을 설정한다. */\n  var scale = container.unitScale\n  var { width, height } = model_layer.model\n\n  model_layer.set('scale', {\n    x: scale,\n    y: scale\n  })\n\n  model_layer.set('translate', {\n    x: Math.max((target_element.clientWidth - width * scale) / 2, 0),\n    y: Math.max((target_element.clientHeight - height * scale) / 2, 0)\n  })\n}\n\nfunction _fitWidth(container, model_layer, target_element) {\n  var scale = target_element.clientWidth / model_layer.get('width')\n\n  model_layer.set('scale', {\n    x: scale,\n    y: scale\n  })\n\n  model_layer.set('translate', {\n    x: 0,\n    y: 0\n  })\n}\n\nfunction _fitHeight(container, model_layer, target_element) {\n  var scale = target_element.clientHeight / model_layer.get('height')\n\n  model_layer.set('scale', {\n    x: scale,\n    y: scale\n  })\n\n  model_layer.set('translate', {\n    x: 0,\n    y: 0\n  })\n}\n\nfunction _fitRatio(container, model_layer, target_element) {\n  var { width, height } = model_layer.model\n  var vw = target_element.clientWidth,\n    vh = target_element.clientHeight\n\n  var scaleX = vw / width\n  var scaleY = vh / height\n  var scale = Math.min(scaleX, scaleY)\n\n  model_layer.set('scale', {\n    x: scale,\n    y: scale\n  })\n\n  model_layer.set('translate', {\n    x: (vw - width * scale) / 2,\n    y: (vh - height * scale) / 2\n  })\n}\n\n/**\n * !this should be root-container\n *\n * @param {String} type assigns fitMode property of root container before fitting\n */\nexport default function fit(type) {\n  var { width, height, fitMode } = this.model_layer.model\n\n  var target_element = this.target_element // Scene을 둘러싸고 있는 DIV element\n  var model_layer = this.model_layer\n\n  this.fitMode = type || this.fitMode || fitMode || 'ratio'\n\n  if (!width || !height || !target_element || !target_element.clientWidth || !target_element.clientHeight) {\n    return\n  }\n\n  switch (this.fitMode) {\n    case 'center':\n      _fitCenter(this, model_layer, target_element)\n      break\n    case 'both':\n      _fitBoth(this, model_layer, target_element)\n      break\n    case 'width':\n      _fitWidth(this, model_layer, target_element)\n      break\n    case 'height':\n      _fitHeight(this, model_layer, target_element)\n      break\n    case 'ratio':\n      _fitRatio(this, model_layer, target_element)\n      break\n    case 'none':\n    default:\n      _fitNone(this, model_layer, target_element)\n      break\n  }\n\n  this.resize()\n}\n"],"mappings":"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","ignoreList":[]}