@complat/react-spectra-editor 0.10.13-alpha.5

package/dist/helpers/format.js

@@ -0,0 +1,403 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _spectraOps;
+
+var _converter = require('./converter');
+
+var _list_layout = require('../constants/list_layout');
+
+var _multiplicity_calc = require('./multiplicity_calc');
+
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var spectraDigit = function spectraDigit(layout) {
+  switch (layout) {
+    case _list_layout.LIST_LAYOUT.IR:
+    case _list_layout.LIST_LAYOUT.RAMAN:
+    case _list_layout.LIST_LAYOUT.UVVIS:
+    case _list_layout.LIST_LAYOUT.HPLC_UVVIS:
+    case _list_layout.LIST_LAYOUT.TGA:
+    case _list_layout.LIST_LAYOUT.XRD:
+    case _list_layout.LIST_LAYOUT.MS:
+      return 0;
+    case _list_layout.LIST_LAYOUT.C13:
+      return 1;
+    case _list_layout.LIST_LAYOUT.H1:
+    case _list_layout.LIST_LAYOUT.F19:
+    case _list_layout.LIST_LAYOUT.P31:
+    case _list_layout.LIST_LAYOUT.N15:
+    case _list_layout.LIST_LAYOUT.Si29:
+    case _list_layout.LIST_LAYOUT.PLAIN:
+    default:
+      return 2;
+  }
+};
+
+var fixDigit = function fixDigit(input, precision) {
+  var output = input || 0.0;
+  return output.toFixed(precision);
+};
+
+var buildData = function buildData(entity) {
+  if (!entity) return { isExist: false };
+  var sp = entity && entity.spectrum;
+  var xLabel = sp ? 'X (' + sp.xUnit + ')' : '';
+  var yLabel = sp ? 'Y (' + sp.yUnit + ')' : '';
+  return {
+    entity: entity, xLabel: xLabel, yLabel: yLabel, isExist: true
+  };
+};
+
+var toPeakStr = function toPeakStr(peaks) {
+  var arr = peaks.map(function (p) {
+    return p.x + ',' + p.y;
+  });
+  var str = arr.join('#');
+  return str;
+};
+
+var spectraOps = (_spectraOps = {}, _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.PLAIN, { head: '', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.H1, { head: '1H', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.C13, { head: '13C', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.F19, { head: '19F', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.P31, { head: '31P', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.N15, { head: '15N', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.Si29, { head: '29Si', tail: '.' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.IR, { head: 'IR', tail: ' cm-1' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.RAMAN, { head: 'RAMAN', tail: ' cm-1' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.UVVIS, { head: 'UV/VIS (transmittance)', tail: ' nm' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.TGA, { head: 'THERMOGRAVIMETRIC ANALYSIS', tail: ' SECONDS' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.MS, { head: 'MASS', tail: ' m/z' }), _defineProperty(_spectraOps, _list_layout.LIST_LAYOUT.XRD, { head: 'X-RAY DIFFRACTION', tail: '.' }), _spectraOps);
+
+var rmRef = function rmRef(peaks, shift) {
+  var refValue = shift.ref.value || shift.peak.x;
+  return peaks.map(function (p) {
+    return (0, _converter.IsSame)(p.x, refValue) ? null : p;
+  }).filter(function (r) {
+    return r != null;
+  });
+};
+
+var formatedMS = function formatedMS(peaks, maxY) {
+  var decimal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
+  var isAscend = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+
+  var ascendFunc = function ascendFunc(a, b) {
+    return parseFloat(a) - parseFloat(b);
+  };
+  var descendFunc = function descendFunc(a, b) {
+    return parseFloat(b) - parseFloat(a);
+  };
+  var sortFunc = isAscend ? ascendFunc : descendFunc;
+  var ordered = {};
+
+  peaks.forEach(function (p) {
+    var x = fixDigit(p.x, decimal);
+    var better = !ordered[x] || p.y > ordered[x];
+    if (better) {
+      ordered = Object.assign({}, ordered, _defineProperty({}, x, p.y));
+    }
+  });
+
+  ordered = Object.keys(ordered).sort(sortFunc).map(function (k) {
+    return { x: k, y: ordered[k] };
+  });
+
+  return ordered.map(function (o) {
+    return o.x + ' (' + parseInt(100 * o.y / maxY, 10) + ')';
+  }).join(', ');
+};
+
+var emLevel = function emLevel(boundary, val, lowerIsStronger) {
+  var maxY = boundary.maxY,
+      minY = boundary.minY;
+
+  var ratio = lowerIsStronger ? 100 * (val - minY) / (maxY - minY) : 100 * (maxY - val) / (maxY - minY);
+  if (ratio > 85) return 'vw';
+  if (ratio > 60) return 'w';
+  if (ratio > 45) return 'm';
+  if (ratio > 30) return 's';
+  return 'vs';
+};
+
+var formatedEm = function formatedEm(peaks, maxY) {
+  var decimal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
+  var isAscend = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  var isIntensity = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var boundary = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+  var lowerIsStronger = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+
+  var ascendFunc = function ascendFunc(a, b) {
+    return parseFloat(a) - parseFloat(b);
+  };
+  var descendFunc = function descendFunc(a, b) {
+    return parseFloat(b) - parseFloat(a);
+  };
+  var sortFunc = isAscend ? ascendFunc : descendFunc;
+  var ordered = {};
+
+  peaks.forEach(function (p) {
+    var x = fixDigit(p.x, decimal);
+    var better = !ordered[x] || p.y > ordered[x];
+    if (better) {
+      ordered = Object.assign({}, ordered, _defineProperty({}, x, p.y));
+    }
+  });
+
+  ordered = Object.keys(ordered).sort(sortFunc).map(function (k) {
+    return { x: k, y: ordered[k] };
+  });
+
+  if (isIntensity) {
+    return ordered.map(function (o) {
+      return o.x + ' (' + emLevel(boundary, o.y, lowerIsStronger) + ')';
+    }).join(', ');
+  }
+  return ordered.map(function (o) {
+    return '' + o.x;
+  }).join(', ');
+};
+
+var formatedUvVis = function formatedUvVis(peaks, maxY) {
+  var decimal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
+  var isAscend = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  var isIntensity = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var boundary = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+  var lowerIsStronger = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+
+  var ascendFunc = function ascendFunc(a, b) {
+    return parseFloat(a) - parseFloat(b);
+  };
+  var descendFunc = function descendFunc(a, b) {
+    return parseFloat(b) - parseFloat(a);
+  };
+  var sortFunc = isAscend ? ascendFunc : descendFunc;
+  var ordered = {};
+
+  peaks.forEach(function (p) {
+    var x = fixDigit(p.x, decimal);
+    var better = !ordered[x] || p.y > ordered[x];
+    if (better) {
+      ordered = Object.assign({}, ordered, _defineProperty({}, x, p.y));
+    }
+  });
+
+  ordered = Object.keys(ordered).sort(sortFunc).map(function (k) {
+    return { x: k, y: ordered[k] };
+  });
+
+  return ordered.map(function (o) {
+    return o.x + ' (' + o.y.toFixed(2) + ')';
+  }).join(', ');
+};
+
+var rmShiftFromPeaks = function rmShiftFromPeaks(peaks, shift) {
+  var peaksXY = (0, _converter.ToXY)(peaks);
+  // const digit = spectraDigit(layout);
+  var rmShiftX = shift.ref.value || shift.peak.x;
+  var result = peaksXY.map(function (p) {
+    var srcX = parseFloat(p[0]);
+    var x = (0, _converter.IsSame)(srcX, rmShiftX) ? null : srcX;
+    if (!x) return null;
+    var y = parseFloat(p[1]);
+    return { x: x, y: y };
+  }).filter(function (r) {
+    return r != null;
+  });
+  return result;
+};
+
+var peaksBody = function peaksBody(_ref) {
+  var peaks = _ref.peaks,
+      layout = _ref.layout,
+      decimal = _ref.decimal,
+      shift = _ref.shift,
+      isAscend = _ref.isAscend,
+      _ref$isIntensity = _ref.isIntensity,
+      isIntensity = _ref$isIntensity === undefined ? false : _ref$isIntensity,
+      _ref$boundary = _ref.boundary,
+      boundary = _ref$boundary === undefined ? {} : _ref$boundary;
+
+  var result = rmShiftFromPeaks(peaks, shift);
+
+  var ascendFunc = function ascendFunc(a, b) {
+    return parseFloat(a.x) - parseFloat(b.x);
+  };
+  var descendFunc = function descendFunc(a, b) {
+    return parseFloat(b.x) - parseFloat(a.x);
+  };
+  var sortFunc = isAscend ? ascendFunc : descendFunc;
+  var ordered = result.sort(sortFunc);
+  var maxY = Math.max.apply(Math, _toConsumableArray(ordered.map(function (o) {
+    return o.y;
+  })));
+
+  if (layout === _list_layout.LIST_LAYOUT.MS) {
+    return formatedMS(ordered, maxY, decimal, isAscend);
+  }
+  if (layout === _list_layout.LIST_LAYOUT.IR) {
+    return formatedEm(ordered, maxY, decimal, isAscend, isIntensity, boundary, true);
+  }
+  if (layout === _list_layout.LIST_LAYOUT.RAMAN) {
+    return formatedEm(ordered, maxY, decimal, isAscend, isIntensity, boundary, false);
+  }
+  if (layout === _list_layout.LIST_LAYOUT.UVVIS || layout === _list_layout.LIST_LAYOUT.HPLC_UVVIS) {
+    return formatedUvVis(ordered, maxY, decimal, isAscend, isIntensity, boundary, false);
+  }
+  if (layout === _list_layout.LIST_LAYOUT.TGA) {
+    return formatedEm(ordered, maxY, decimal, isAscend, isIntensity, boundary, false);
+  }
+  if (layout === _list_layout.LIST_LAYOUT.XRD) {
+    return formatedEm(ordered, maxY, decimal, isAscend, isIntensity, boundary, false);
+  }
+  return ordered.map(function (o) {
+    return fixDigit(o.x, decimal);
+  }).join(', ');
+};
+
+var peaksWrapper = function peaksWrapper(layout, shift) {
+  var solvTxt = '';
+  if (shift.ref.label) {
+    solvTxt = ' (' + shift.ref.label + ')';
+  }
+
+  if (layout === _list_layout.LIST_LAYOUT.PLAIN) {
+    return { head: '', tail: '' };
+  }
+
+  var ops = spectraOps[layout];
+  return { head: '' + ops.head + solvTxt + ' = ', tail: ops.tail };
+};
+
+var isNmrLayout = function isNmrLayout(layoutSt) {
+  return [_list_layout.LIST_LAYOUT.H1, _list_layout.LIST_LAYOUT.C13, _list_layout.LIST_LAYOUT.F19, _list_layout.LIST_LAYOUT.P31, _list_layout.LIST_LAYOUT.N15, _list_layout.LIST_LAYOUT.Si29].indexOf(layoutSt) >= 0;
+};
+var is29SiLayout = function is29SiLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.Si29 === layoutSt;
+};
+var is15NLayout = function is15NLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.N15 === layoutSt;
+};
+var is31PLayout = function is31PLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.P31 === layoutSt;
+};
+var is19FLayout = function is19FLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.F19 === layoutSt;
+};
+var is13CLayout = function is13CLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.C13 === layoutSt;
+};
+var is1HLayout = function is1HLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.H1 === layoutSt;
+};
+var isMsLayout = function isMsLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.MS === layoutSt;
+};
+var isIrLayout = function isIrLayout(layoutSt) {
+  return [_list_layout.LIST_LAYOUT.IR, 'INFRARED'].indexOf(layoutSt) >= 0;
+};
+var isRamanLayout = function isRamanLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.RAMAN === layoutSt;
+};
+var isUvVisLayout = function isUvVisLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.UVVIS === layoutSt;
+};
+var isHplcUvVisLayout = function isHplcUvVisLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.HPLC_UVVIS === layoutSt;
+};
+var isTGALayout = function isTGALayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.TGA === layoutSt;
+};
+var isXRDLayout = function isXRDLayout(layoutSt) {
+  return _list_layout.LIST_LAYOUT.XRD === layoutSt;
+};
+var isEmWaveLayout = function isEmWaveLayout(layoutSt) {
+  return [_list_layout.LIST_LAYOUT.IR, _list_layout.LIST_LAYOUT.RAMAN, _list_layout.LIST_LAYOUT.UVVIS, _list_layout.LIST_LAYOUT.HPLC_UVVIS].indexOf(layoutSt) >= 0;
+};
+
+var getNmrTyp = function getNmrTyp(layout) {
+  switch (layout) {
+    case _list_layout.LIST_LAYOUT.H1:
+      return 'H';
+    case _list_layout.LIST_LAYOUT.C13:
+      return 'C';
+    case _list_layout.LIST_LAYOUT.F19:
+      return 'F';
+    case _list_layout.LIST_LAYOUT.P31:
+      return 'P';
+    case _list_layout.LIST_LAYOUT.N15:
+      return 'N';
+    case _list_layout.LIST_LAYOUT.Si29:
+      return 'Si';
+    default:
+      return '';
+  }
+};
+
+var formatPeaksByPrediction = function formatPeaksByPrediction(peaks, layout, isAscend, decimal) {
+  var predictions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+
+  var pDict = {};
+  peaks.forEach(function (p) {
+    pDict[p.x.toFixed(decimal)] = 0;
+  });
+
+  predictions.forEach(function (p) {
+    var key = p.real.toFixed(decimal);
+    if (typeof pDict[key] === 'number') {
+      pDict[key] += 1;
+    }
+  });
+
+  var typ = getNmrTyp(layout);
+
+  var ascendFunc = function ascendFunc(a, b) {
+    return parseFloat(a.k) - parseFloat(b.k);
+  };
+  var descendFunc = function descendFunc(a, b) {
+    return parseFloat(b.k) - parseFloat(a.k);
+  };
+  var sortFunc = isAscend ? ascendFunc : descendFunc;
+  var pArr = Object.keys(pDict).map(function (k) {
+    if (pDict[k] === 1) return { k: k, v: k };
+    return { k: k, v: k + ' (' + pDict[k] + typ + ')' };
+  }).sort(sortFunc);
+
+  var body = pArr.map(function (p) {
+    return p.v;
+  }).join(', ');
+  return body;
+};
+
+var compareColors = function compareColors(idx) {
+  return ['#ABB2B9', '#EDBB99', '#ABEBC6', '#D2B4DE', '#F9E79F'][idx % 5];
+};
+
+var Format = {
+  toPeakStr: toPeakStr,
+  buildData: buildData,
+  spectraDigit: spectraDigit,
+  spectraOps: spectraOps,
+  peaksBody: peaksBody,
+  peaksWrapper: peaksWrapper,
+  rmRef: rmRef,
+  rmShiftFromPeaks: rmShiftFromPeaks,
+  isNmrLayout: isNmrLayout,
+  is13CLayout: is13CLayout,
+  is1HLayout: is1HLayout,
+  is19FLayout: is19FLayout,
+  is31PLayout: is31PLayout,
+  is15NLayout: is15NLayout,
+  is29SiLayout: is29SiLayout,
+  isMsLayout: isMsLayout,
+  isIrLayout: isIrLayout,
+  isRamanLayout: isRamanLayout,
+  isUvVisLayout: isUvVisLayout,
+  isHplcUvVisLayout: isHplcUvVisLayout,
+  isTGALayout: isTGALayout,
+  isXRDLayout: isXRDLayout,
+  isEmWaveLayout: isEmWaveLayout,
+  fixDigit: fixDigit,
+  formatPeaksByPrediction: formatPeaksByPrediction,
+  formatedMS: formatedMS,
+  formatedEm: formatedEm,
+  calcMpyCenter: _multiplicity_calc.calcMpyCenter,
+  compareColors: compareColors
+};
+
+exports.default = Format;

package/dist/helpers/init.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InitTip = exports.InitPathCall = exports.InitAxisCall = exports.InitScale = undefined;
+
+var _d = require('d3');
+
+var d3 = _interopRequireWildcard(_d);
+
+var _d3Tip = require('d3-tip');
+
+var _d3Tip2 = _interopRequireDefault(_d3Tip);
+
+var _format = require('./format');
+
+var _format2 = _interopRequireDefault(_format);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+var InitScale = function InitScale(target) {
+  var reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+  var xRange = reverse ? [target.w, 0] : [0, target.w];
+  var x = d3.scaleLinear().range(xRange);
+  var y = d3.scaleLinear().range([target.h, 0]);
+  return { x: x, y: y };
+};
+
+var InitAxisCall = function InitAxisCall(count) {
+  var yAxisFormat = d3.format('.2n');
+  var xAxisCall = d3.axisBottom().ticks(10);
+  var yAxisCall = d3.axisLeft().ticks(count).tickFormat(yAxisFormat);
+  return { x: xAxisCall, y: yAxisCall };
+};
+
+var InitPathCall = function InitPathCall(target) {
+  var line = d3.line().x(function (d) {
+    return target.scales.x(d.x);
+  }).y(function (d) {
+    return target.scales.y(d.y);
+  });
+  return line;
+};
+
+var tpStyle = function tpStyle() {
+  var stBorder = ' border: 2px solid #aaa;';
+  var stBorderRadius = ' border-radius: 5px;';
+  var stBackground = ' background: #555;';
+  var stColor = ' color: #fff;';
+  var stPadding = ' padding: 8px;';
+  var stOpacity = ' opacity: 0.9; ';
+  var stZindex = ' z-index: 1999;';
+  var stFontFamily = ' font-family: Helvetica;';
+  var style = stBorder + stBorderRadius + stBackground + stColor + stPadding + stOpacity + stPadding + stZindex + stFontFamily;
+
+  return style;
+};
+
+var tpDiv = function tpDiv(d, digits) {
+  return '\n  <div\n    class="peak-tp"\n    style="' + tpStyle() + '"\n  >\n    <span> x: ' + _format2.default.fixDigit(d.x, digits) + '</span>\n    <br/>\n    <span> y: ' + d3.format('.2~e')(d.y) + '</span>\n  <div>\n  ';
+};
+
+var InitTip = function InitTip() {
+  d3.select('.peak-tp').remove();
+  var tip = (0, _d3Tip2.default)().attr('class', 'd3-tip').html(function (_ref) {
+    var d = _ref.d,
+        layout = _ref.layout;
+    return tpDiv(d, _format2.default.spectraDigit(layout));
+  });
+  return tip;
+};
+
+exports.InitScale = InitScale;
+exports.InitAxisCall = InitAxisCall;
+exports.InitPathCall = InitPathCall;
+exports.InitTip = InitTip;

package/dist/helpers/integration.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var getArea = function getArea(xL, xU, data) {
+  var iL = data.length - 1,
+      iU = 0;
+
+
+  for (var i = 0; i < data.length; i += 1) {
+    var pt = data[i];
+    if (xL <= pt.x && pt.x <= xU) {
+      if (iL > i) {
+        iL = i;
+      }
+      if (i > iU) {
+        iU = i;
+      }
+    }
+  }
+  return Math.abs(data[iU].k - data[iL].k);
+};
+
+var calcArea = function calcArea(d, refArea, refFactor) {
+  return (d.area * refFactor / refArea).toFixed(2);
+};
+
+exports.getArea = getArea;
+exports.calcArea = calcArea; // eslint-disable-line

package/dist/helpers/mount.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MountBars = exports.MountMainFrame = exports.MountClip = exports.MountMarker = exports.MountAxisLabelY = exports.MountAxisLabelX = exports.MountComparePath = exports.MountAxis = exports.MountGrid = exports.MountThresLine = exports.MountPath = exports.MountRef = exports.MountTags = undefined;
+
+var _compass = require('./compass');
+
+var MountTags = function MountTags(target) {
+  var igbPath = target.root.append('g').attr('class', 'igbPath-clip').attr('clip-path', 'url(#clip)');
+  var igcPath = target.root.append('g').attr('class', 'igcPath-clip').attr('clip-path', 'url(#clip)');
+  var igtPath = target.root.append('g').attr('class', 'igtPath-clip').attr('clip-path', 'url(#clip)');
+  var pPath = target.root.append('g').attr('class', 'pPath-clip').attr('clip-path', 'url(#clip)');
+  var bpPath = target.root.append('g').attr('class', 'bpPath-clip').attr('clip-path', 'url(#clip)');
+  var bpTxt = target.root.append('g').attr('class', 'bpTxt-clip').attr('clip-path', 'url(#clip)');
+  var mpybPath = target.root.append('g').attr('class', 'mpybPath-clip').attr('clip-path', 'url(#clip)');
+  var mpyt1Path = target.root.append('g').attr('class', 'mpyt1Path-clip').attr('clip-path', 'url(#clip)');
+  var mpyt2Path = target.root.append('g').attr('class', 'mpyt2Path-clip').attr('clip-path', 'url(#clip)');
+  var mpypPath = target.root.append('g').attr('class', 'mpypPath-clip').attr('clip-path', 'url(#clip)');
+  return {
+    pPath: pPath, bpPath: bpPath, bpTxt: bpTxt, igbPath: igbPath, igcPath: igcPath, igtPath: igtPath, mpybPath: mpybPath, mpyt1Path: mpyt1Path, mpyt2Path: mpyt2Path, mpypPath: mpypPath
+  };
+};
+
+var MountBars = function MountBars(target) {
+  var bars = target.root.append('g').attr('class', 'bars-clip').attr('clip-path', 'url(#clip)');
+  return bars;
+};
+
+var MountRef = function MountRef(target) {
+  var ref = target.root.append('g').attr('class', 'ref-clip').attr('clip-path', 'url(#ref-clip)');
+  return ref;
+};
+
+var MountPath = function MountPath(target, color) {
+  var path = target.root.append('g').attr('class', 'line-clip').attr('clip-path', 'url(#clip)').append('path').attr('class', 'line').style('fill', 'none').style('stroke', color).style('stroke-width', 1).on('click', function () {
+    return (0, _compass.ClickCompass)(target);
+  });
+  return path;
+};
+
+var MountComparePath = function MountComparePath(target, color, id) {
+  var path = target.root.append('g').attr('class', 'line-clip-compare').attr('id', id).attr('clip-path', 'url(#clip)').append('path').attr('class', 'line').style('fill', 'none').style('stroke', color).style('stroke-width', 1).style('stroke-dasharray', '30, 3').on('click', function () {
+    return (0, _compass.ClickCompass)(target);
+  });
+  return path;
+};
+
+var MountThresLine = function MountThresLine(target, color) {
+  var thresLineUp = target.root.append('g').attr('class', 'line-clip').attr('clip-path', 'url(#clip)').append('path').attr('class', 'thresholdUp').style('stroke-dasharray', '3, 3').style('fill', 'none').style('stroke', color).style('stroke-width', 1);
+  var thresLineDw = target.root.append('g').attr('class', 'line-clip').attr('clip-path', 'url(#clip)').append('path').attr('class', 'thresholdDw').style('stroke-dasharray', '3, 3').style('fill', 'none').style('stroke', color).style('stroke-width', 1);
+  return [thresLineUp, thresLineDw];
+};
+
+var MountGrid = function MountGrid(target) {
+  var gridTrans = 'translate(0, ' + target.h + ')';
+  var xGrid = target.root.append('g').attr('class', 'x-grid').attr('transform', gridTrans);
+  var yGrid = target.root.append('g').attr('class', 'y-grid');
+  return { x: xGrid, y: yGrid };
+};
+
+var MountAxis = function MountAxis(target) {
+  var xAxisTrans = 'translate(0, ' + target.h + ')';
+  var xAxis = target.root.append('g').attr('class', 'x-axis').attr('transform', xAxisTrans);
+  var yAxis = target.root.append('g').attr('class', 'y-axis');
+  return { x: xAxis, y: yAxis };
+};
+
+var MountAxisLabelX = function MountAxisLabelX(target) {
+  var xTrans = 'translate(' + target.w / 2 + ', ' + (target.h + 30) + ')';
+  target.root.append('text').attr('text-anchor', 'middle').attr('transform', xTrans).attr('class', 'xLabel').attr('font-family', 'Helvetica').style('font-size', '12px');
+};
+
+var MountAxisLabelY = function MountAxisLabelY(target) {
+  var yR = 'rotate(-90)';
+  var yTrans = 'translate(' + (16 - target.margin.l) + ', ' + target.h / 2 + ') ' + yR;
+  target.root.append('text').attr('text-anchor', 'middle').attr('transform', yTrans).attr('class', 'yLabel').attr('font-family', 'Helvetica').style('font-size', '12px');
+};
+
+var MountMarker = function MountMarker(target, color) {
+  var tTrans = 'translate(' + (target.w - 80) + ', -10)';
+  var lTrans = 'translate(' + (target.w - 200) + ', -18)';
+  target.root.append('text').attr('text-anchor', 'middle').attr('transform', tTrans).attr('class', 'mark-text').attr('font-family', 'Helvetica');
+
+  target.root.append('rect').attr('transform', lTrans).attr('width', 30).attr('height', 5).attr('class', 'mark-line').style('fill', color);
+};
+
+var MountClip = function MountClip(target) {
+  target.svg.append('defs').append('clipPath').attr('id', 'clip').append('rect').attr('width', target.w).attr('height', target.h).attr('x', 0).attr('y', 0);
+};
+
+var MountMainFrame = function MountMainFrame(target, name) {
+  var transFrame = 'translate(' + target.margin.l + ', ' + target.margin.t + ')';
+  var clsName = name + '-main';
+
+  target.svg.append('g').attr('class', clsName).attr('transform', transFrame);
+};
+
+exports.MountTags = MountTags;
+exports.MountRef = MountRef;
+exports.MountPath = MountPath;
+exports.MountThresLine = MountThresLine;
+exports.MountGrid = MountGrid;
+exports.MountAxis = MountAxis;
+exports.MountComparePath = MountComparePath;
+exports.MountAxisLabelX = MountAxisLabelX;
+exports.MountAxisLabelY = MountAxisLabelY;
+exports.MountMarker = MountMarker;
+exports.MountClip = MountClip;
+exports.MountMainFrame = MountMainFrame;
+exports.MountBars = MountBars;

package/dist/helpers/multiplicity.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
+var mpyBasicPatterns = ['s', 'd', 't', 'q', 'quint', 'h', 'sept', 'o', 'n'];
+
+var getInterval = function getInterval(peaks) {
+  var itvs = [];
+  for (var idx = 0; idx < peaks.length - 1; idx += 1) {
+    var itv = Math.abs(peaks[idx + 1].x - peaks[idx].x);
+    itvs = [].concat(_toConsumableArray(itvs), [itv]);
+  }
+  return itvs;
+};
+
+var groupInterval = function groupInterval(itvs) {
+  var gitvs = [];
+  itvs.forEach(function (vv) {
+    var applied = false;
+    gitvs.forEach(function (gv, idx) {
+      if (applied) return;
+      if (Math.abs((gv.c - vv) / gv.c) <= 0.03) {
+        var c = (gv.c * gv.es.length + vv) / (gv.es.length + 1);
+        var es = [].concat(_toConsumableArray(gv.es), [vv]);
+        gitvs = [].concat(_toConsumableArray(gitvs.filter(function (v, i) {
+          return i !== idx;
+        })), [{ c: c, es: es }]);
+        applied = true;
+      }
+    });
+    if (!applied) {
+      gitvs = [].concat(_toConsumableArray(gitvs), [{ c: vv, es: [vv] }]);
+    }
+  });
+  return gitvs;
+};
+
+exports.mpyBasicPatterns = mpyBasicPatterns;
+exports.getInterval = getInterval;
+exports.groupInterval = groupInterval;