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

package/dist/components/drawer/format.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = format;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+/*
+ * Source Code from https://github.com/Mottie/javascript-number-formatter
+ * 소스코드 출처 : https://github.com/Mottie/javascript-number-formatter
+ */
+
+function format(mask, value) {
+  if (!mask || isNaN(+value)) {
+    return value; // return as it is.
+  }
+  var isNegative,
+    result,
+    decimal,
+    group,
+    posLeadZero,
+    posTrailZero,
+    posSeparator,
+    part,
+    szSep,
+    integer,
+    // find prefix/suffix
+    len = mask.length,
+    start = mask.search(/[0-9\-\+#]/),
+    prefix = start > 0 ? mask.substring(0, start) : '',
+    // reverse string: not an ideal method if there are surrogate pairs
+    str = mask.split('').reverse().join(''),
+    end = str.search(/[0-9\-\+#]/),
+    offset = len - end,
+    substr = mask.substring(offset, offset + 1),
+    indx = offset + (substr === '.' || substr === ',' ? 1 : 0),
+    suffix = end > 0 ? mask.substring(indx, len) : '';
+
+  // mask with prefix & suffix removed
+  mask = mask.substring(start, indx);
+
+  // convert any string to number according to formation sign.
+  value = mask.charAt(0) === '-' ? -value : +value;
+  isNegative = value < 0 ? value = -value : 0; // process only abs(), and turn on flag.
+
+  // search for separator for grp & decimal, anything not digit, not +/- sign, not #.
+  result = mask.match(/[^\d\-\+#]/g);
+  decimal = '.'; // ( result && result[ result.length - 1 ] ) || '.'; // ','는 소수점이 되지 않게 함
+  group = result && result[1] && result[0] || ','; // treat the left most symbol as group separator
+
+  // split the decimal for the format string if any.
+  mask = mask.split(decimal);
+  // Fix the decimal first, toFixed will auto fill trailing zero.
+  value = value.toFixed(mask[1] && mask[1].length);
+  value = +value + ''; // convert number to string to trim off *all* trailing decimal zero(es)
+
+  // fill back any trailing zero according to format
+  posTrailZero = mask[1] && mask[1].lastIndexOf('0'); // look for last zero in format
+  part = value.split('.');
+  // integer will get !part[1]
+  if (!part[1] || part[1] && part[1].length <= posTrailZero) {
+    value = (+value).toFixed(posTrailZero + 1);
+  }
+  szSep = mask[0].split(group); // look for separator
+  mask[0] = szSep.join(''); // join back without separator for counting the pos of any leading 0.
+
+  posLeadZero = mask[0] && mask[0].indexOf('0');
+  if (posLeadZero > -1) {
+    while (part[0].length < mask[0].length - posLeadZero) {
+      part[0] = '0' + part[0];
+    }
+  } else if (+part[0] === 0) {
+    part[0] = '';
+  }
+  value = value.split('.');
+  value[0] = part[0];
+
+  // process the first group separator from decimal (.) only, the rest ignore.
+  // get the length of the last slice of split result.
+  posSeparator = szSep[1] && szSep[szSep.length - 1].length;
+  if (posSeparator) {
+    integer = value[0];
+    str = '';
+    offset = integer.length % posSeparator;
+    len = integer.length;
+    for (indx = 0; indx < len; indx++) {
+      str += integer.charAt(indx); // ie6 only support charAt for sz.
+      // -posSeparator so that won't trail separator on full length
+      /*jshint -W018 */
+      if (!((indx - offset + 1) % posSeparator) && indx < len - posSeparator) {
+        str += group;
+      }
+    }
+    value[0] = str;
+  }
+  value[1] = mask[1] && value[1] ? decimal + value[1] : '';
+
+  // remove negative sign if result is zero
+  result = value.join('');
+  if (result === '0' || result === '') {
+    // remove negative sign if result is zero
+    isNegative = false;
+  }
+
+  // 앞에 +가 붙는다면 양수일 경우에도 +를 표기해줌
+  var fixedPlusSign;
+  if (mask[0].substring(0, 1) == '+') fixedPlusSign = isNegative ? '-' : '+';else fixedPlusSign = isNegative ? '-' : '';
+
+  // put back any negation, combine integer and fraction, and add back prefix & suffix
+  return prefix + (fixedPlusSign + result) + suffix;
+}
+//# sourceMappingURL=format.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":["format","mask","value","isNaN","isNegative","result","decimal","group","posLeadZero","posTrailZero","posSeparator","part","szSep","integer","len","length","start","search","prefix","substring","str","split","reverse","join","end","offset","substr","indx","suffix","charAt","match","toFixed","lastIndexOf","indexOf","fixedPlusSign"],"sources":["../../../src/components/drawer/format.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/*\n * Source Code from https://github.com/Mottie/javascript-number-formatter\n * 소스코드 출처 : https://github.com/Mottie/javascript-number-formatter\n */\n\nexport default function format(mask, value) {\n  if (!mask || isNaN(+value)) {\n    return value // return as it is.\n  }\n\n  var isNegative,\n    result,\n    decimal,\n    group,\n    posLeadZero,\n    posTrailZero,\n    posSeparator,\n    part,\n    szSep,\n    integer,\n    // find prefix/suffix\n    len = mask.length,\n    start = mask.search(/[0-9\\-\\+#]/),\n    prefix = start > 0 ? mask.substring(0, start) : '',\n    // reverse string: not an ideal method if there are surrogate pairs\n    str = mask\n      .split('')\n      .reverse()\n      .join(''),\n    end = str.search(/[0-9\\-\\+#]/),\n    offset = len - end,\n    substr = mask.substring(offset, offset + 1),\n    indx = offset + (substr === '.' || substr === ',' ? 1 : 0),\n    suffix = end > 0 ? mask.substring(indx, len) : ''\n\n  // mask with prefix & suffix removed\n  mask = mask.substring(start, indx)\n\n  // convert any string to number according to formation sign.\n  value = mask.charAt(0) === '-' ? -value : +value\n  isNegative = value < 0 ? (value = -value) : 0 // process only abs(), and turn on flag.\n\n  // search for separator for grp & decimal, anything not digit, not +/- sign, not #.\n  result = mask.match(/[^\\d\\-\\+#]/g)\n  decimal = '.' // ( result && result[ result.length - 1 ] ) || '.'; // ','는 소수점이 되지 않게 함\n  group = (result && result[1] && result[0]) || ',' // treat the left most symbol as group separator\n\n  // split the decimal for the format string if any.\n  mask = mask.split(decimal)\n  // Fix the decimal first, toFixed will auto fill trailing zero.\n  value = value.toFixed(mask[1] && mask[1].length)\n  value = +value + '' // convert number to string to trim off *all* trailing decimal zero(es)\n\n  // fill back any trailing zero according to format\n  posTrailZero = mask[1] && mask[1].lastIndexOf('0') // look for last zero in format\n  part = value.split('.')\n  // integer will get !part[1]\n  if (!part[1] || (part[1] && part[1].length <= posTrailZero)) {\n    value = (+value).toFixed(posTrailZero + 1)\n  }\n  szSep = mask[0].split(group) // look for separator\n  mask[0] = szSep.join('') // join back without separator for counting the pos of any leading 0.\n\n  posLeadZero = mask[0] && mask[0].indexOf('0')\n  if (posLeadZero > -1) {\n    while (part[0].length < mask[0].length - posLeadZero) {\n      part[0] = '0' + part[0]\n    }\n  } else if (+part[0] === 0) {\n    part[0] = ''\n  }\n\n  value = value.split('.')\n  value[0] = part[0]\n\n  // process the first group separator from decimal (.) only, the rest ignore.\n  // get the length of the last slice of split result.\n  posSeparator = szSep[1] && szSep[szSep.length - 1].length\n  if (posSeparator) {\n    integer = value[0]\n    str = ''\n    offset = integer.length % posSeparator\n    len = integer.length\n    for (indx = 0; indx < len; indx++) {\n      str += integer.charAt(indx) // ie6 only support charAt for sz.\n      // -posSeparator so that won't trail separator on full length\n      /*jshint -W018 */\n      if (!((indx - offset + 1) % posSeparator) && indx < len - posSeparator) {\n        str += group\n      }\n    }\n    value[0] = str\n  }\n  value[1] = mask[1] && value[1] ? decimal + value[1] : ''\n\n  // remove negative sign if result is zero\n  result = value.join('')\n  if (result === '0' || result === '') {\n    // remove negative sign if result is zero\n    isNegative = false\n  }\n\n  // 앞에 +가 붙는다면 양수일 경우에도 +를 표기해줌\n  var fixedPlusSign\n\n  if (mask[0].substring(0, 1) == '+') fixedPlusSign = isNegative ? '-' : '+'\n  else fixedPlusSign = isNegative ? '-' : ''\n\n  // put back any negation, combine integer and fraction, and add back prefix & suffix\n  return prefix + (fixedPlusSign + result) + suffix\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/drawer/line.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.containedInPath = containedInPath;
+exports.drawEndTips = drawEndTips;
+exports.getTipNeckPos = getTipNeckPos;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+const EPSILON = 5;
+const WING_FACTOR = Math.sqrt(3);
+const LINEWIDTH = 2;
+function containedInLine(x, y, p1, p2, lineWidth) {
+  var epsilon = EPSILON + lineWidth;
+  var x1 = p1.x,
+    y1 = p1.y,
+    x2 = p2.x,
+    y2 = p2.y;
+  if (Math.abs(x1 - x2) > epsilon && Math.abs(y1 - y2) > epsilon) {
+    var m = (y2 - y1) / (x2 - x1);
+    var b = y1 - m * x1;
+    if (Math.abs(y - (m * x + b)) > epsilon) return false;
+  }
+  var minx, maxx, miny, maxy;
+  if (x1 > x2) {
+    maxx = x1;
+    minx = x2;
+  } else {
+    maxx = x2;
+    minx = x1;
+  }
+  if (y1 > y2) {
+    maxy = y1;
+    miny = y2;
+  } else {
+    maxy = y2;
+    miny = y1;
+  }
+  if (maxx + EPSILON < x) return false;
+  if (minx - EPSILON > x) return false;
+  if (maxy + EPSILON < y) return false;
+  if (miny - EPSILON > y) return false;
+  return true;
+}
+function containedInPath(x, y, path, lineWidth = 2) {
+  for (let idx = 0; idx < path.length - 1; idx++) {
+    if (containedInLine(x, y, path[idx], path[idx + 1], lineWidth)) return true;
+  }
+  return false;
+}
+function getTipNeckPos(tipType, lineWidth, p1, p2) {
+  if (tipType.slice(-5) != 'arrow') return p1;
+  var {
+    x,
+    y
+  } = p1;
+  var theta = Math.atan2(p2.y - p1.y, p2.x - p1.x);
+  var diff = lineWidth * 1.5;
+  return {
+    x: p1.x + Math.cos(theta) * diff,
+    y: p1.y + Math.sin(theta) * diff
+  };
+}
+function drawEndTips(ctx, path, style) {
+  var {
+    lineWidth = LINEWIDTH,
+    strokeStyle = '#000000',
+    lineCap = false,
+    alpha = 1,
+    begin = 'none',
+    end = 'none',
+    beginSize = 'size5',
+    endSize = 'size5'
+  } = style;
+
+  // 양 끝 라인 그리기.
+  if (begin != 'none' || end != 'none') {
+    lineWidth = Number(lineWidth) || LINEWIDTH;
+    ctx.lineCap = lineCap;
+    ctx.lineWidth = lineWidth;
+    ctx.strokeStyle = strokeStyle;
+    ctx.fillStyle = strokeStyle;
+    ctx.globalAlpha *= alpha;
+
+    // 선 그리기.
+    if (begin != 'none') drawTip(ctx, path[0], path[1], lineWidth, begin, tipSize(beginSize, lineWidth));
+    if (end != 'none') {
+      let length = path.length;
+      drawTip(ctx, path[length - 1], path[length - 2], lineWidth, end, tipSize(endSize, lineWidth));
+    }
+  }
+}
+function drawTip(ctx, p1, p2, lineWidth, type, size) {
+  var {
+    x,
+    y
+  } = p1;
+  var theta = Math.atan2(p2.y - y, p2.x - x);
+  ctx.beginPath();
+  ctx.translate(x, y);
+  ctx.rotate(theta);
+  switch (type) {
+    case 'oval':
+      ctx.ellipse(0, 0, size.X, size.Y, 0, 0, 2 * Math.PI);
+      ctx.fill();
+      // ctx.scale(1, 1 / arc_scale_y)
+      break;
+    case 'diamond':
+      ctx.moveTo(-size.X, 0);
+      ctx.lineTo(0, -size.Y);
+      ctx.lineTo(size.X, 0);
+      ctx.lineTo(0, size.Y);
+      ctx.fill();
+      break;
+    case 'arrow':
+      ctx.moveTo(0, 0);
+      ctx.lineTo(WING_FACTOR * size.X, -size.Y);
+      ctx.lineTo(WING_FACTOR * size.X, size.Y);
+      ctx.fill();
+      break;
+    case 'sharp-arrow':
+      ctx.moveTo(0, 0);
+      ctx.lineTo(WING_FACTOR * size.X, -size.Y);
+      ctx.lineTo(-size.X / 1.5 + WING_FACTOR * size.X, 0);
+      ctx.lineTo(WING_FACTOR * size.X, size.Y);
+      ctx.fill();
+      break;
+    case 'open-arrow':
+      ctx.moveTo(WING_FACTOR * size.X + lineWidth, -size.Y);
+      ctx.lineTo(lineWidth, 0);
+      ctx.lineTo(WING_FACTOR * size.X + lineWidth, size.Y);
+      ctx.stroke();
+      break;
+    default:
+      break;
+  }
+  ctx.rotate(-theta);
+  ctx.translate(-x, -y);
+  ctx.closePath();
+}
+function tipSize(size, lineWidth) {
+  let length = {};
+  lineWidth = lineWidth * 1.2;
+  switch (size) {
+    case 'size1':
+      length.X = lineWidth;
+      length.Y = lineWidth;
+      break;
+    case 'size2':
+      length.X = lineWidth * 1.5;
+      length.Y = lineWidth;
+      break;
+    case 'size3':
+      length.X = lineWidth * 2;
+      length.Y = lineWidth;
+      break;
+    case 'size4':
+      length.X = lineWidth;
+      length.Y = lineWidth * 1.5;
+      break;
+    case 'size5':
+      length.X = lineWidth * 1.5;
+      length.Y = lineWidth * 1.5;
+      break;
+    case 'size6':
+      length.X = lineWidth * 2;
+      length.Y = lineWidth * 1.5;
+      break;
+    case 'size7':
+      length.X = lineWidth;
+      length.Y = lineWidth * 2;
+      break;
+    case 'size8':
+      length.X = lineWidth * 1.5;
+      length.Y = lineWidth * 2;
+      break;
+    case 'size9':
+      length.X = lineWidth * 2;
+      length.Y = lineWidth * 2;
+      break;
+    default:
+      length.X = lineWidth * 1.5;
+      length.Y = lineWidth * 1.5;
+      break;
+  }
+  return length;
+}
+//# sourceMappingURL=line.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","names":["EPSILON","WING_FACTOR","Math","sqrt","LINEWIDTH","containedInLine","x","y","p1","p2","lineWidth","epsilon","x1","y1","x2","y2","abs","m","b","minx","maxx","miny","maxy","containedInPath","path","idx","length","getTipNeckPos","tipType","slice","theta","atan2","diff","cos","sin","drawEndTips","ctx","style","strokeStyle","lineCap","alpha","begin","end","beginSize","endSize","Number","fillStyle","globalAlpha","drawTip","tipSize","type","size","beginPath","translate","rotate","ellipse","X","Y","PI","fill","moveTo","lineTo","stroke","closePath"],"sources":["../../../src/components/drawer/line.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nconst EPSILON = 5\nconst WING_FACTOR = Math.sqrt(3)\nconst LINEWIDTH = 2\n\nfunction containedInLine(x, y, p1, p2, lineWidth) {\n  var epsilon = EPSILON + lineWidth\n  var x1 = p1.x,\n    y1 = p1.y,\n    x2 = p2.x,\n    y2 = p2.y\n\n  if (Math.abs(x1 - x2) > epsilon && Math.abs(y1 - y2) > epsilon) {\n    var m = (y2 - y1) / (x2 - x1)\n    var b = y1 - m * x1\n\n    if (Math.abs(y - (m * x + b)) > epsilon) return false\n  }\n\n  var minx, maxx, miny, maxy\n\n  if (x1 > x2) {\n    maxx = x1\n    minx = x2\n  } else {\n    maxx = x2\n    minx = x1\n  }\n\n  if (y1 > y2) {\n    maxy = y1\n    miny = y2\n  } else {\n    maxy = y2\n    miny = y1\n  }\n\n  if (maxx + EPSILON < x) return false\n  if (minx - EPSILON > x) return false\n\n  if (maxy + EPSILON < y) return false\n  if (miny - EPSILON > y) return false\n\n  return true\n}\n\nexport function containedInPath(x, y, path, lineWidth = 2) {\n  for (let idx = 0; idx < path.length - 1; idx++) {\n    if (containedInLine(x, y, path[idx], path[idx + 1], lineWidth)) return true\n  }\n\n  return false\n}\n\nexport function getTipNeckPos(tipType, lineWidth, p1, p2) {\n  if (tipType.slice(-5) != 'arrow') return p1\n\n  var { x, y } = p1\n  var theta = Math.atan2(p2.y - p1.y, p2.x - p1.x)\n  var diff = lineWidth * 1.5\n\n  return {\n    x: p1.x + Math.cos(theta) * diff,\n    y: p1.y + Math.sin(theta) * diff\n  }\n}\n\nexport function drawEndTips(ctx, path, style) {\n  var {\n    lineWidth = LINEWIDTH,\n    strokeStyle = '#000000',\n    lineCap = false,\n    alpha = 1,\n    begin = 'none',\n    end = 'none',\n    beginSize = 'size5',\n    endSize = 'size5'\n  } = style\n\n  // 양 끝 라인 그리기.\n  if (begin != 'none' || end != 'none') {\n    lineWidth = Number(lineWidth) || LINEWIDTH\n\n    ctx.lineCap = lineCap\n    ctx.lineWidth = lineWidth\n    ctx.strokeStyle = strokeStyle\n    ctx.fillStyle = strokeStyle\n    ctx.globalAlpha *= alpha\n\n    // 선 그리기.\n    if (begin != 'none') drawTip(ctx, path[0], path[1], lineWidth, begin, tipSize(beginSize, lineWidth))\n    if (end != 'none') {\n      let length = path.length\n      drawTip(ctx, path[length - 1], path[length - 2], lineWidth, end, tipSize(endSize, lineWidth))\n    }\n  }\n}\n\nfunction drawTip(ctx, p1, p2, lineWidth, type, size) {\n  var { x, y } = p1\n  var theta = Math.atan2(p2.y - y, p2.x - x)\n\n  ctx.beginPath()\n\n  ctx.translate(x, y)\n  ctx.rotate(theta)\n\n  switch (type) {\n    case 'oval':\n      ctx.ellipse(0, 0, size.X, size.Y, 0, 0, 2 * Math.PI)\n      ctx.fill()\n      // ctx.scale(1, 1 / arc_scale_y)\n      break\n    case 'diamond':\n      ctx.moveTo(-size.X, 0)\n      ctx.lineTo(0, -size.Y)\n      ctx.lineTo(size.X, 0)\n      ctx.lineTo(0, size.Y)\n      ctx.fill()\n      break\n    case 'arrow':\n      ctx.moveTo(0, 0)\n      ctx.lineTo(WING_FACTOR * size.X, -size.Y)\n      ctx.lineTo(WING_FACTOR * size.X, size.Y)\n      ctx.fill()\n      break\n    case 'sharp-arrow':\n      ctx.moveTo(0, 0)\n      ctx.lineTo(WING_FACTOR * size.X, -size.Y)\n      ctx.lineTo(-size.X / 1.5 + WING_FACTOR * size.X, 0)\n      ctx.lineTo(WING_FACTOR * size.X, size.Y)\n      ctx.fill()\n      break\n    case 'open-arrow':\n      ctx.moveTo(WING_FACTOR * size.X + lineWidth, -size.Y)\n      ctx.lineTo(lineWidth, 0)\n      ctx.lineTo(WING_FACTOR * size.X + lineWidth, size.Y)\n      ctx.stroke()\n      break\n    default:\n      break\n  }\n\n  ctx.rotate(-theta)\n  ctx.translate(-x, -y)\n\n  ctx.closePath()\n}\n\nfunction tipSize(size, lineWidth) {\n  let length = {}\n  lineWidth = lineWidth * 1.2\n\n  switch (size) {\n    case 'size1':\n      length.X = lineWidth\n      length.Y = lineWidth\n      break\n    case 'size2':\n      length.X = lineWidth * 1.5\n      length.Y = lineWidth\n      break\n    case 'size3':\n      length.X = lineWidth * 2\n      length.Y = lineWidth\n      break\n    case 'size4':\n      length.X = lineWidth\n      length.Y = lineWidth * 1.5\n      break\n    case 'size5':\n      length.X = lineWidth * 1.5\n      length.Y = lineWidth * 1.5\n      break\n    case 'size6':\n      length.X = lineWidth * 2\n      length.Y = lineWidth * 1.5\n      break\n    case 'size7':\n      length.X = lineWidth\n      length.Y = lineWidth * 2\n      break\n    case 'size8':\n      length.X = lineWidth * 1.5\n      length.Y = lineWidth * 2\n      break\n    case 'size9':\n      length.X = lineWidth * 2\n      length.Y = lineWidth * 2\n      break\n    default:\n      length.X = lineWidth * 1.5\n      length.Y = lineWidth * 1.5\n      break\n  }\n  return length\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/drawer/stroke.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = stroke;
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+
+function stroke(context, style, hostComponent) {
+  var {
+    strokeStyle,
+    lineDash,
+    lineWidth,
+    lineCap,
+    lineJoin,
+    alpha
+  } = style;
+  // var strokeStyle = hostComponent.strokeStyle;
+
+  if (!strokeStyle || lineWidth == 0)
+    // 라인색이나 굵기가 없을시 무조건 그리지 않음
+    return;
+  if (lineCap) context.lineCap = lineCap;
+  if (lineDash) {
+    var isRound = lineCap == 'round';
+    switch (lineDash) {
+      case 'solid':
+        lineDash = [0, 0];
+        break;
+      case 'round-dot':
+        if (isRound) lineDash = [0, lineWidth * 2];else lineDash = [lineWidth, lineWidth];
+        break;
+      case 'square-dot':
+        if (isRound) lineDash = [lineWidth, lineWidth * 2];else lineDash = [lineWidth * 2, lineWidth];
+        break;
+      case 'dash':
+        if (isRound) lineDash = [lineWidth * 3, lineWidth * 2.5];else lineDash = [lineWidth * 4, lineWidth * 1.5];
+        break;
+      case 'dash-dot':
+        if (isRound) lineDash = [lineWidth * 3, lineWidth * 3, 0, lineWidth * 3];else lineDash = [lineWidth * 4, lineWidth * 2, lineWidth, lineWidth * 2];
+        break;
+      case 'long-dash':
+        if (isRound) lineDash = [lineWidth * 5, lineWidth * 4];else lineDash = [lineWidth * 6, lineWidth * 3];
+        break;
+      case 'long-dash-dot':
+        if (isRound) lineDash = [lineWidth * 5, lineWidth * 3, 0, lineWidth * 3];else lineDash = [lineWidth * 6, lineWidth * 2, lineWidth, lineWidth * 2];
+        break;
+      case 'long-dash-dot-dot':
+        if (isRound) lineDash = [lineWidth * 5, lineWidth * 2, 0, lineWidth * 2, 0, lineWidth * 2];else lineDash = [lineWidth * 6, lineWidth, lineWidth, lineWidth, lineWidth, lineWidth];
+        break;
+    }
+    context.setLineDash(lineDash);
+  }
+  context.globalAlpha *= alpha;
+  context.strokeStyle = strokeStyle;
+  context.lineWidth = lineWidth;
+  context.lineJoin = lineJoin;
+  context.stroke();
+}
+//# sourceMappingURL=stroke.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stroke.js","names":["stroke","context","style","hostComponent","strokeStyle","lineDash","lineWidth","lineCap","lineJoin","alpha","isRound","setLineDash","globalAlpha"],"sources":["../../../src/components/drawer/stroke.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport default function stroke(context, style, hostComponent) {\n  var { strokeStyle, lineDash, lineWidth, lineCap, lineJoin, alpha } = style\n  // var strokeStyle = hostComponent.strokeStyle;\n\n  if (!strokeStyle || lineWidth == 0)\n    // 라인색이나 굵기가 없을시 무조건 그리지 않음\n    return\n\n  if (lineCap) context.lineCap = lineCap\n\n  if (lineDash) {\n    var isRound = lineCap == 'round'\n\n    switch (lineDash) {\n      case 'solid':\n        lineDash = [0, 0]\n        break\n      case 'round-dot':\n        if (isRound) lineDash = [0, lineWidth * 2]\n        else lineDash = [lineWidth, lineWidth]\n        break\n      case 'square-dot':\n        if (isRound) lineDash = [lineWidth, lineWidth * 2]\n        else lineDash = [lineWidth * 2, lineWidth]\n        break\n      case 'dash':\n        if (isRound) lineDash = [lineWidth * 3, lineWidth * 2.5]\n        else lineDash = [lineWidth * 4, lineWidth * 1.5]\n        break\n      case 'dash-dot':\n        if (isRound) lineDash = [lineWidth * 3, lineWidth * 3, 0, lineWidth * 3]\n        else lineDash = [lineWidth * 4, lineWidth * 2, lineWidth, lineWidth * 2]\n        break\n      case 'long-dash':\n        if (isRound) lineDash = [lineWidth * 5, lineWidth * 4]\n        else lineDash = [lineWidth * 6, lineWidth * 3]\n        break\n      case 'long-dash-dot':\n        if (isRound) lineDash = [lineWidth * 5, lineWidth * 3, 0, lineWidth * 3]\n        else lineDash = [lineWidth * 6, lineWidth * 2, lineWidth, lineWidth * 2]\n        break\n      case 'long-dash-dot-dot':\n        if (isRound) lineDash = [lineWidth * 5, lineWidth * 2, 0, lineWidth * 2, 0, lineWidth * 2]\n        else lineDash = [lineWidth * 6, lineWidth, lineWidth, lineWidth, lineWidth, lineWidth]\n        break\n    }\n    context.setLineDash(lineDash)\n  }\n\n  context.globalAlpha *= alpha\n  context.strokeStyle = strokeStyle\n  context.lineWidth = lineWidth\n  context.lineJoin = lineJoin\n\n  context.stroke()\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEe,SAASA,MAAMA,CAACC,OAAO,EAAEC,KAAK,EAAEC,aAAa,EAAE;EAC5D,IAAI;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGP,KAAK;EAC1E;;EAEA,IAAI,CAACE,WAAW,IAAIE,SAAS,IAAI,CAAC;IAChC;IACA;EAEF,IAAIC,OAAO,EAAEN,OAAO,CAACM,OAAO,GAAGA,OAAO;EAEtC,IAAIF,QAAQ,EAAE;IACZ,IAAIK,OAAO,GAAGH,OAAO,IAAI,OAAO;IAEhC,QAAQF,QAAQ;MACd,KAAK,OAAO;QACVA,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;QACjB;MACF,KAAK,WAAW;QACd,IAAIK,OAAO,EAAEL,QAAQ,GAAG,CAAC,CAAC,EAAEC,SAAS,GAAG,CAAC,CAAC,MACrCD,QAAQ,GAAG,CAACC,SAAS,EAAEA,SAAS,CAAC;QACtC;MACF,KAAK,YAAY;QACf,IAAII,OAAO,EAAEL,QAAQ,GAAG,CAACC,SAAS,EAAEA,SAAS,GAAG,CAAC,CAAC,MAC7CD,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,CAAC;QAC1C;MACF,KAAK,MAAM;QACT,IAAII,OAAO,EAAEL,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAG,GAAG,CAAC,MACnDD,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAG,GAAG,CAAC;QAChD;MACF,KAAK,UAAU;QACb,IAAII,OAAO,EAAEL,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAG,CAAC,EAAE,CAAC,EAAEA,SAAS,GAAG,CAAC,CAAC,MACnED,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAG,CAAC,EAAEA,SAAS,EAAEA,SAAS,GAAG,CAAC,CAAC;QACxE;MACF,KAAK,WAAW;QACd,IAAII,OAAO,EAAEL,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAG,CAAC,CAAC,MACjDD,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAG,CAAC,CAAC;QAC9C;MACF,KAAK,eAAe;QAClB,IAAII,OAAO,EAAEL,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAG,CAAC,EAAE,CAAC,EAAEA,SAAS,GAAG,CAAC,CAAC,MACnED,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAG,CAAC,EAAEA,SAAS,EAAEA,SAAS,GAAG,CAAC,CAAC;QACxE;MACF,KAAK,mBAAmB;QACtB,IAAII,OAAO,EAAEL,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAG,CAAC,EAAE,CAAC,EAAEA,SAAS,GAAG,CAAC,EAAE,CAAC,EAAEA,SAAS,GAAG,CAAC,CAAC,MACrFD,QAAQ,GAAG,CAACC,SAAS,GAAG,CAAC,EAAEA,SAAS,EAAEA,SAAS,EAAEA,SAAS,EAAEA,SAAS,EAAEA,SAAS,CAAC;QACtF;IACJ;IACAL,OAAO,CAACU,WAAW,CAACN,QAAQ,CAAC;EAC/B;EAEAJ,OAAO,CAACW,WAAW,IAAIH,KAAK;EAC5BR,OAAO,CAACG,WAAW,GAAGA,WAAW;EACjCH,OAAO,CAACK,SAAS,GAAGA,SAAS;EAC7BL,OAAO,CAACO,QAAQ,GAAGA,QAAQ;EAE3BP,OAAO,CAACD,MAAM,CAAC,CAAC;AAClB","ignoreList":[]}

package/dist/components/drawer/text-wrapper.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = splitTextToLines;
+function wrapWord(context, word, width, letterSpacing = 0) {
+  if (word.length < 2) return word;
+  let index = 2;
+  for (; index < word.length; index++) {
+    const substring = word.substring(0, index);
+    const textWidth = context.measureText(substring).width + (substring.length - 1) * letterSpacing;
+    if (textWidth < width) continue;
+    break;
+  }
+  return word.substring(0, index - 1);
+}
+function wrapLine(context, line, width, letterSpacing = 0) {
+  const words = line.split(' '); // 공백으로 단어를 분리함.
+  const lines = [];
+  let begin, end;
+  let slice = [];
+  for (begin = 0, end = 1; end <= words.length; end++) {
+    slice = words.slice(begin, end); // 단어를 하나씩 추가하면서 계산을 시작함.
+
+    const sliceWidth = context.measureText(slice.join(' ')).width + (slice.join('').length - 1) * letterSpacing;
+    if (sliceWidth > width) {
+      if (end - begin == 1) {
+        const line = wrapWord(context, slice[0], width, letterSpacing);
+        lines.push([line]);
+        words.splice(begin, 1, line, slice[0].substring(line.length));
+      } else {
+        while (words[end - 1] == '') end++;
+        lines.push(words.slice(begin, --end));
+      }
+      begin = end;
+    }
+  }
+  if (end - begin > 1) lines.push(slice);
+  if (lines.length == 0) lines.push(['']);
+  return lines;
+}
+function splitTextToLines(context, text, width, wrap, letterSpacing = 0) {
+  const lines = String(text).split('\n');
+  if (wrap) {
+    return [].concat.apply([], lines.map(line => wrapLine(context, line, width, letterSpacing)));
+  } else {
+    return lines.map(line => line.split(' '));
+  }
+}
+//# sourceMappingURL=text-wrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-wrapper.js","names":["wrapWord","context","word","width","letterSpacing","length","index","substring","textWidth","measureText","wrapLine","line","words","split","lines","begin","end","slice","sliceWidth","join","push","splice","splitTextToLines","text","wrap","String","concat","apply","map"],"sources":["../../../src/components/drawer/text-wrapper.js"],"sourcesContent":["function wrapWord(context, word, width, letterSpacing = 0) {\n  if (word.length < 2) return word\n\n  let index = 2\n  for (; index < word.length; index++) {\n    const substring = word.substring(0, index)\n    const textWidth = context.measureText(substring).width + (substring.length - 1) * letterSpacing\n    if (textWidth < width) continue\n\n    break\n  }\n\n  return word.substring(0, index - 1)\n}\n\nfunction wrapLine(context, line, width, letterSpacing = 0) {\n  const words = line.split(' ') // 공백으로 단어를 분리함.\n  const lines = []\n  let begin, end\n  let slice = []\n\n  for (begin = 0, end = 1; end <= words.length; end++) {\n    slice = words.slice(begin, end) // 단어를 하나씩 추가하면서 계산을 시작함.\n\n    const sliceWidth = context.measureText(slice.join(' ')).width + (slice.join('').length - 1) * letterSpacing\n    if (sliceWidth > width) {\n      if (end - begin == 1) {\n        const line = wrapWord(context, slice[0], width, letterSpacing)\n        lines.push([line])\n        words.splice(begin, 1, line, slice[0].substring(line.length))\n      } else {\n        while (words[end - 1] == '') end++\n        lines.push(words.slice(begin, --end))\n      }\n      begin = end\n    }\n  }\n\n  if (end - begin > 1) lines.push(slice)\n  if (lines.length == 0) lines.push([''])\n\n  return lines\n}\n\nexport default function splitTextToLines(context, text, width, wrap, letterSpacing = 0) {\n  const lines = String(text).split('\\n')\n  if (wrap) {\n    return [].concat.apply(\n      [],\n      lines.map(line => wrapLine(context, line, width, letterSpacing))\n    )\n  } else {\n    return lines.map(line => line.split(' '))\n  }\n}\n"],"mappings":"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","ignoreList":[]}