@cu-mkp/editioncrafter 1.0.2 → 1.0.4-beta.1

package/dist/es/src/model/folioLayout.js

@@ -1,416 +1,411 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import copyObject from '../lib/copyObject';
-var ROW_CODES = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
-var emptyMarginFrame = {
-  middle: false,
-  top: false,
+import copyObject from '../lib/copyObject'
+
+const ROW_CODES = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']
+
+const emptyMarginFrame = {
+  'middle': false,
+  'top': false,
   'left-middle': false,
   'right-middle': false,
-  bottom: false,
+  'bottom': false,
   'left-top': false,
   'right-top': false,
   'left-bottom': false,
-  'right-bottom': false
-};
-var hintCodes = ['tall', 'extra-tall', 'wide', 'full'];
+  'right-bottom': false,
+}
+
+const hintCodes = [
+  'tall',
+  'extra-tall',
+  'wide',
+  'full',
+]
+
 export function layoutMargin4(html) {
-  var emptyZoneFrame = [['.', '.', '.', '.'], ['.', '.', '.', '.'], ['.', '.', '.', '.']];
-  return layoutMargin(html, emptyZoneFrame, layoutDecoder4);
+  const emptyZoneFrame = [
+    ['.', '.', '.', '.'],
+    ['.', '.', '.', '.'],
+    ['.', '.', '.', '.'],
+  ]
+
+  return layoutMargin(html, emptyZoneFrame, layoutDecoder4)
 }
+
 export function layoutMargin3(html) {
-  var emptyZoneFrame = [['.', '.', '.'], ['.', '.', '.'], ['.', '.', '.']];
-  return layoutMargin(html, emptyZoneFrame, layoutDecoder3);
+  const emptyZoneFrame = [
+    ['.', '.', '.'],
+    ['.', '.', '.'],
+    ['.', '.', '.'],
+  ]
+
+  return layoutMargin(html, emptyZoneFrame, layoutDecoder3)
 }
+
 function layoutDecoder4(layoutCode, zoneFrame, hint, block) {
   switch (layoutCode) {
     case 'top':
-      zoneFrame[0][1] = block.id;
+      zoneFrame[0][1] = block.id
       if (hint === 'wide') {
-        zoneFrame[0][2] = block.id;
+        zoneFrame[0][2] = block.id
       }
       if (hint === 'full') {
-        zoneFrame[0][0] = block.id;
-        zoneFrame[0][2] = block.id;
-        zoneFrame[0][3] = block.id;
+        zoneFrame[0][0] = block.id
+        zoneFrame[0][2] = block.id
+        zoneFrame[0][3] = block.id
       }
-      break;
+      break
     case 'left-middle':
-      zoneFrame[1][0] = block.id;
-      if (hint === 'tall') zoneFrame[2][0] = block.id;else if (hint === 'wide') {
-        zoneFrame[1][1] = block.id;
-        zoneFrame[1][2] = block.id;
+      zoneFrame[1][0] = block.id
+      if (hint === 'tall') {
+        zoneFrame[2][0] = block.id
+      }
+      else if (hint === 'wide') {
+        zoneFrame[1][1] = block.id
+        zoneFrame[1][2] = block.id
       }
-      break;
+      break
     case 'right-middle':
-      zoneFrame[1][3] = block.id;
-      if (hint === 'tall') zoneFrame[2][3] = block.id;
-      break;
+      zoneFrame[1][3] = block.id
+      if (hint === 'tall')
+        zoneFrame[2][3] = block.id
+      break
     case 'bottom':
-      zoneFrame[2][1] = block.id;
-      zoneFrame[2][2] = block.id;
+      zoneFrame[2][1] = block.id
+      zoneFrame[2][2] = block.id
       if (hint === 'wide') {
-        zoneFrame[2][3] = block.id;
+        zoneFrame[2][3] = block.id
       }
       if (hint === 'full') {
-        zoneFrame[2][0] = block.id;
-        zoneFrame[2][3] = block.id;
+        zoneFrame[2][0] = block.id
+        zoneFrame[2][3] = block.id
       }
-      break;
+      break
     case 'left-top':
-      zoneFrame[0][0] = block.id;
-      if (hint === 'tall') zoneFrame[1][0] = block.id;else if (hint === 'wide') {
-        zoneFrame[0][1] = block.id;
-        zoneFrame[0][2] = block.id;
+      zoneFrame[0][0] = block.id
+      if (hint === 'tall') {
+        zoneFrame[1][0] = block.id
       }
-      break;
+      else if (hint === 'wide') {
+        zoneFrame[0][1] = block.id
+        zoneFrame[0][2] = block.id
+      }
+      break
     case 'right-top':
-      zoneFrame[0][3] = block.id;
-      if (hint === 'tall') zoneFrame[1][3] = block.id;
-      break;
+      zoneFrame[0][3] = block.id
+      if (hint === 'tall')
+        zoneFrame[1][3] = block.id
+      break
     case 'left-bottom':
-      zoneFrame[2][0] = block.id;
+      zoneFrame[2][0] = block.id
       if (hint === 'wide') {
-        zoneFrame[2][1] = block.id;
-        zoneFrame[2][2] = block.id;
+        zoneFrame[2][1] = block.id
+        zoneFrame[2][2] = block.id
       }
-      break;
+      break
     case 'right-bottom':
-      zoneFrame[2][3] = block.id;
-      break;
+      zoneFrame[2][3] = block.id
+      break
     default:
-      zoneFrame[1][1] = block.id;
-      zoneFrame[1][2] = block.id;
+      zoneFrame[1][1] = block.id
+      zoneFrame[1][2] = block.id
       if (hint === 'wide') {
-        zoneFrame[1][3] = block.id;
+        zoneFrame[1][3] = block.id
       }
       if (hint === 'full') {
-        zoneFrame[1][0] = block.id;
-        zoneFrame[1][3] = block.id;
+        zoneFrame[1][0] = block.id
+        zoneFrame[1][3] = block.id
       }
   }
 }
+
 function layoutDecoder3(layoutCode, zoneFrame, hint, block) {
   switch (layoutCode) {
     case 'top':
-      zoneFrame[0][1] = block.id;
+      zoneFrame[0][1] = block.id
       if (hint === 'wide') {
-        zoneFrame[0][2] = block.id;
+        zoneFrame[0][2] = block.id
       }
       if (hint === 'full') {
-        zoneFrame[0][0] = block.id;
-        zoneFrame[0][2] = block.id;
+        zoneFrame[0][0] = block.id
+        zoneFrame[0][2] = block.id
       }
-      break;
+      break
     case 'left-middle':
-      zoneFrame[1][0] = block.id;
-      if (hint === 'tall') zoneFrame[2][0] = block.id;else if (hint === 'wide') {
-        zoneFrame[1][1] = block.id;
-        zoneFrame[1][2] = block.id;
+      zoneFrame[1][0] = block.id
+      if (hint === 'tall') {
+        zoneFrame[2][0] = block.id
+      }
+      else if (hint === 'wide') {
+        zoneFrame[1][1] = block.id
+        zoneFrame[1][2] = block.id
       }
-      break;
+      break
     case 'right-middle':
-      zoneFrame[1][2] = block.id;
-      if (hint === 'tall') zoneFrame[2][2] = block.id;
-      break;
+      zoneFrame[1][2] = block.id
+      if (hint === 'tall')
+        zoneFrame[2][2] = block.id
+      break
     case 'bottom':
-      zoneFrame[2][1] = block.id;
+      zoneFrame[2][1] = block.id
       if (hint === 'wide') {
-        zoneFrame[2][2] = block.id;
+        zoneFrame[2][2] = block.id
       }
       if (hint === 'full') {
-        zoneFrame[2][0] = block.id;
-        zoneFrame[2][2] = block.id;
+        zoneFrame[2][0] = block.id
+        zoneFrame[2][2] = block.id
       }
-      break;
+      break
     case 'left-top':
-      zoneFrame[0][0] = block.id;
-      if (hint === 'tall') zoneFrame[1][0] = block.id;else if (hint === 'wide') {
-        zoneFrame[0][1] = block.id;
-        zoneFrame[0][2] = block.id;
+      zoneFrame[0][0] = block.id
+      if (hint === 'tall') {
+        zoneFrame[1][0] = block.id
       }
-      break;
+      else if (hint === 'wide') {
+        zoneFrame[0][1] = block.id
+        zoneFrame[0][2] = block.id
+      }
+      break
     case 'right-top':
-      zoneFrame[0][2] = block.id;
-      if (hint === 'tall') zoneFrame[1][2] = block.id;
-      break;
+      zoneFrame[0][2] = block.id
+      if (hint === 'tall')
+        zoneFrame[1][2] = block.id
+      break
     case 'left-bottom':
-      zoneFrame[2][0] = block.id;
+      zoneFrame[2][0] = block.id
       if (hint === 'wide') {
-        zoneFrame[2][1] = block.id;
-        zoneFrame[2][2] = block.id;
+        zoneFrame[2][1] = block.id
+        zoneFrame[2][2] = block.id
       }
-      break;
+      break
     case 'right-bottom':
-      zoneFrame[2][2] = block.id;
-      break;
+      zoneFrame[2][2] = block.id
+      break
     default:
-      zoneFrame[1][1] = block.id;
-      zoneFrame[1][2] = block.id;
+      zoneFrame[1][1] = block.id
+      zoneFrame[1][2] = block.id
       if (hint === 'full') {
-        zoneFrame[1][0] = block.id;
+        zoneFrame[1][0] = block.id
       }
   }
 }
+
 function layoutMargin(html, emptyZoneFrame, layoutDecoder) {
   // load the surface into a DOM element to retrieve the grid data
-  var folioDiv = document.createElement('div');
-  folioDiv.innerHTML = html;
-  var zones;
+  const folioDiv = document.createElement('div')
+  folioDiv.innerHTML = html
+
+  let zones
   if (folioDiv.getElementsByTagName('tei-surface').length > 0) {
-    zones = [folioDiv.getElementsByTagName('tei-surface')[0]];
-  } else {
-    zones = folioDiv.getElementsByTagName('tei-body')[0].children;
+    zones = [folioDiv.getElementsByTagName('tei-surface')[0]]
+  }
+  else {
+    zones = folioDiv.getElementsByTagName('tei-body')[0].children
   }
-  var validLayoutCode = function validLayoutCode(block) {
-    var layoutCode = block.getAttribute('rend');
+
+  const validLayoutCode = function validLayoutCode(block) {
+    const layoutCode = block.getAttribute('rend')
     if (Object.keys(emptyMarginFrame).includes(layoutCode)) {
-      return layoutCode;
+      return layoutCode
     }
-    return 'middle';
-  };
+    return 'middle'
+  }
+
   function validLayoutHint(block) {
-    var layoutHint = block.getAttribute('style');
+    const layoutHint = block.getAttribute('style')
     if (hintCodes.includes(layoutHint)) {
-      return layoutHint;
+      return layoutHint
     }
-    return null;
+    return null
   }
-  var zoneGrid = [];
-  var gridContent = '';
-  var zoneIndex = 0;
-  var rowIndex = 0;
+
+  const zoneGrid = []
+  let gridContent = ''
+  let zoneIndex = 0
+  let rowIndex = 0
   // for each zone, take its margin data and populate the grid
   try {
-    var _iterator = _createForOfIteratorHelper(zones),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var zone = _step.value;
-        // create a rolling frame that is ORed on to grid with each step
-        var zoneFrame = copyObject(emptyZoneFrame);
-        var marginFrame = copyObject(emptyMarginFrame);
-        var entryID = zone.id;
-        var blocks = zone.children;
-        var facs = zone.getAttribute('facs');
-        var _iterator2 = _createForOfIteratorHelper(blocks),
-          _step2;
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var block = _step2.value;
-            var layoutCode = validLayoutCode(block);
-            var hint = validLayoutHint(block);
-            block.setAttribute('data-entry-id', entryID);
-
-            // group all the blocks together that share a layout code
-            if (marginFrame[layoutCode]) {
-              block.id = marginFrame[layoutCode][0].id;
-              marginFrame[layoutCode].push(block);
-            } else {
-              zoneIndex++;
-              block.id = "z".concat(zoneIndex);
-              marginFrame[layoutCode] = [block];
-            }
-
-            // decode the layout
-            layoutDecoder(layoutCode, zoneFrame, hint, block);
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
+    for (const zone of zones) {
+      // create a rolling frame that is ORed on to grid with each step
+      const zoneFrame = copyObject(emptyZoneFrame)
+      const marginFrame = copyObject(emptyMarginFrame)
+      const entryID = zone.id
+      const blocks = zone.children
+      const facs = zone.getAttribute('facs')
+
+      for (const block of blocks) {
+        const layoutCode = validLayoutCode(block)
+        const hint = validLayoutHint(block)
+        block.setAttribute('data-entry-id', entryID)
+
+        // group all the blocks together that share a layout code
+        if (marginFrame[layoutCode]) {
+          block.id = marginFrame[layoutCode][0].id
+          marginFrame[layoutCode].push(block)
         }
-        for (var _i = 0, _Object$values = Object.values(marginFrame); _i < _Object$values.length; _i++) {
-          var blockSet = _Object$values[_i];
-          if (blockSet) {
-            gridContent = gridContent.concat(renderBlockSet(blockSet, facs));
-          }
+        else {
+          zoneIndex++
+          block.id = `z${zoneIndex}`
+          marginFrame[layoutCode] = [block]
         }
 
-        // integrate frame into grid
-        zoneGrid[rowIndex] = mergeRow(zoneFrame[0], zoneGrid[rowIndex]);
-        zoneGrid[rowIndex + 1] = mergeRow(zoneFrame[1], zoneGrid[rowIndex + 1]);
-        zoneGrid[rowIndex + 2] = mergeRow(zoneFrame[2], zoneGrid[rowIndex + 2]);
-        rowIndex += 1;
+        // decode the layout
+        layoutDecoder(layoutCode, zoneFrame, hint, block)
+      }
+
+      for (const blockSet of Object.values(marginFrame)) {
+        if (blockSet) {
+          gridContent = gridContent.concat(renderBlockSet(blockSet, facs))
+        }
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
+
+      // integrate frame into grid
+      zoneGrid[rowIndex] = mergeRow(zoneFrame[0], zoneGrid[rowIndex])
+      zoneGrid[rowIndex + 1] = mergeRow(zoneFrame[1], zoneGrid[rowIndex + 1])
+      zoneGrid[rowIndex + 2] = mergeRow(zoneFrame[2], zoneGrid[rowIndex + 2])
+      rowIndex += 1
     }
-  } catch (error) {
-    console.log(error);
   }
-  var gridLayout = zoneGridToLayout(zoneGrid);
+  catch (error) {
+    console.log(error)
+  }
+
+  const gridLayout = zoneGridToLayout(zoneGrid)
 
   // set the grid-template-areas
   return {
     html: gridContent,
-    layout: gridLayout
-  };
+    layout: gridLayout,
+  }
 }
 
 // transform zone grid into the grid layout string
 function zoneGridToLayout(zoneGrid) {
-  var zoneGridFinal = _toConsumableArray(zoneGrid);
+  const zoneGridFinal = [...zoneGrid]
 
   // ignore the first row if there are no block sets in it
   if (zoneGrid[0] && zoneGrid[0][0] === '.' && zoneGrid[0][1] === '.') {
-    zoneGridFinal.shift();
+    zoneGridFinal.shift()
   }
-  var gridLayout = '';
-  var _iterator3 = _createForOfIteratorHelper(zoneGridFinal),
-    _step3;
-  try {
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      var row = _step3.value;
-      var rowString = row.join(' ');
-      gridLayout += " '".concat(rowString, "'");
-    }
-  } catch (err) {
-    _iterator3.e(err);
-  } finally {
-    _iterator3.f();
+
+  let gridLayout = ''
+  for (const row of zoneGridFinal) {
+    const rowString = row.join(' ')
+    gridLayout += ` '${rowString}'`
   }
-  return gridLayout;
+  return gridLayout
 }
+
 function renderBlockSet(blockSet, facs) {
   // use ID and class from the first block in the set
-  var firstBlock = blockSet[0];
-  var elementID = firstBlock.id;
-  var entryID = firstBlock.attributes['data-entry-id'].value;
-  var classStr = '';
-  for (var i = 0; i < firstBlock.classList.length; i++) {
-    classStr = "".concat(classStr, " ").concat(firstBlock.classList.item(i));
+  const firstBlock = blockSet[0]
+  const elementID = firstBlock.id
+  const entryID = firstBlock.attributes['data-entry-id'].value
+  let classStr = ''
+  for (let i = 0; i < firstBlock.classList.length; i++) {
+    classStr = `${classStr} ${firstBlock.classList.item(i)}`
   }
 
   // combine the blocks in the block set. divs are all merged into a single div
   // other element types become children of the single div.
-  var el = "<div id=\"".concat(elementID, "\" className=\"").concat(classStr, "\" data-entry-id=\"").concat(entryID, "\" data-facs=\"").concat(facs || '', "\">");
-  var _iterator4 = _createForOfIteratorHelper(blockSet),
-    _step4;
-  try {
-    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-      var block = _step4.value;
-      if (block.getAttribute('facs')) {
-        block.setAttribute('data-facs', block.getAttribute('facs'));
-      }
-      block.setAttribute('className', 'block');
-      if (block.name === 'div') {
-        el = el.concat("".concat(block.innerHTML, " <br/>"));
-      } else {
-        el = el.concat("".concat(block.outerHTML));
-      }
+  let el = `<div id="${elementID}" className="${classStr}" data-entry-id="${entryID}" data-facs="${facs || ''}">`
+  for (const block of blockSet) {
+    if (block.getAttribute('facs')) {
+      block.setAttribute('data-facs', block.getAttribute('facs'))
+    }
+
+    block.setAttribute('className', 'block')
+    if (block.name === 'div') {
+      el = el.concat(`${block.innerHTML} <br/>`)
+    }
+    else {
+      el = el.concat(`${block.outerHTML}`)
     }
-  } catch (err) {
-    _iterator4.e(err);
-  } finally {
-    _iterator4.f();
   }
-  return el.concat('</div>');
+  return el.concat('</div>')
 }
+
 function mergeRow(sourceRow, targetRow) {
   if (targetRow) {
-    var result = [];
-    for (var i = 0; i < 4; i++) {
+    const result = []
+    for (let i = 0; i < 4; i++) {
       // if the source isn't blank, copy it, otherwise use existing
       if (sourceRow[i] !== '.') {
-        result[i] = sourceRow[i];
-      } else {
-        result[i] = targetRow[i];
+        result[i] = sourceRow[i]
+      }
+      else {
+        result[i] = targetRow[i]
       }
     }
-    return result;
+    return result
   }
-  return sourceRow;
+  return sourceRow
 }
 
 /// //////////
 // WARNING: This code needs to be refactored, it hasn't been used in the project since early days
 export function layoutGrid(html) {
   // load the surface into a DOM element to retrieve the grid data
-  var zoneDiv = document.createElement('div');
-  zoneDiv.innerHTML = html;
-  var zones = zoneDiv.children;
+  const zoneDiv = document.createElement('div')
+  zoneDiv.innerHTML = html
+  const zones = zoneDiv.children
 
   // move blocks into the gridContent as they are identified.
-  var gridContent = '';
-  var zoneGrid = [];
-  var index = 0;
+  const gridContent = ''
+
+  const zoneGrid = []
+  let index = 0
   // for each zone, take its grid data and populate the grid, throw an error on any dupes
   try {
-    var _iterator5 = _createForOfIteratorHelper(zones),
-      _step5;
-    try {
-      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-        var zone = _step5.value;
-        var blocks = zone.children;
-        var _iterator6 = _createForOfIteratorHelper(blocks),
-          _step6;
-        try {
-          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-            var block = _step6.value;
-            var blockID = "z".concat(index++);
-            // TODO renderBlock() definition missing, needs refactoring
-            // gridContent = gridContent.concat( renderBlock(blockID, block) );
-            var gridData = block.dataset.layout;
-            if (typeof gridData !== 'string') throw new Error("Grid data not found for zone: ".concat(block));
-            var gridDataList = gridData.split(' ');
-            var _iterator7 = _createForOfIteratorHelper(gridDataList),
-              _step7;
-            try {
-              for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-                var gridDatum = _step7.value;
-                var rowIndex = rowCodeToIndex(gridDatum[0]);
-                var columnIndex = columnCodeToIndex(gridDatum[1]);
-                if (zoneGrid[rowIndex] === undefined) zoneGrid[rowIndex] = ['.', '.', '.'];
-                if (zoneGrid[rowIndex][columnIndex] === '.') {
-                  zoneGrid[rowIndex][columnIndex] = blockID;
-                } else {
-                  throw new Error("Grid location ".concat(gridDatum, " already assigned to ").concat(zoneGrid[rowIndex][columnIndex], "."));
-                }
-              }
-            } catch (err) {
-              _iterator7.e(err);
-            } finally {
-              _iterator7.f();
-            }
+    for (const zone of zones) {
+      const blocks = zone.children
+      for (const block of blocks) {
+        const blockID = `z${index++}`
+        // TODO renderBlock() definition missing, needs refactoring
+        // gridContent = gridContent.concat( renderBlock(blockID, block) );
+        const gridData = block.dataset.layout
+        if (typeof gridData !== 'string')
+          throw new Error(`Grid data not found for zone: ${block}`)
+        const gridDataList = gridData.split(' ')
+        for (const gridDatum of gridDataList) {
+          const rowIndex = rowCodeToIndex(gridDatum[0])
+          const columnIndex = columnCodeToIndex(gridDatum[1])
+          if (zoneGrid[rowIndex] === undefined)
+            zoneGrid[rowIndex] = ['.', '.', '.']
+          if (zoneGrid[rowIndex][columnIndex] === '.') {
+            zoneGrid[rowIndex][columnIndex] = blockID
+          }
+          else {
+            throw new Error(`Grid location ${gridDatum} already assigned to ${zoneGrid[rowIndex][columnIndex]}.`)
           }
-        } catch (err) {
-          _iterator6.e(err);
-        } finally {
-          _iterator6.f();
         }
       }
-    } catch (err) {
-      _iterator5.e(err);
-    } finally {
-      _iterator5.f();
     }
-  } catch (error) {
-    console.log(error);
   }
-  var gridLayout = zoneGridToLayout(zoneGrid);
+  catch (error) {
+    console.log(error)
+  }
+
+  const gridLayout = zoneGridToLayout(zoneGrid)
 
   // set the grid-template-areas
   return {
     content: gridContent,
-    layout: gridLayout
-  };
+    layout: gridLayout,
+  }
 }
+
 function rowCodeToIndex(rowCode) {
-  if (typeof rowCode !== 'string' || rowCode.length > 1) throw new Error('Invalid row code, must be a single letter.');
-  var index = ROW_CODES.indexOf(rowCode.toLowerCase());
-  if (index === -1) throw new Error('Invalid row code must be a letter a-j.');
-  return index;
+  if (typeof rowCode !== 'string' || rowCode.length > 1)
+    throw new Error('Invalid row code, must be a single letter.')
+  const index = ROW_CODES.indexOf(rowCode.toLowerCase())
+  if (index === -1)
+    throw new Error('Invalid row code must be a letter a-j.')
+  return index
 }
+
 function columnCodeToIndex(columnCode) {
-  if (typeof columnCode !== 'string') throw new Error('Invalid column code, must be a single digit.');
-  var index = parseInt(columnCode, 10) - 1;
-  return index;
-}
+  if (typeof columnCode !== 'string')
+    throw new Error('Invalid column code, must be a single digit.')
+  const index = Number.parseInt(columnCode, 10) - 1
+  return index
+}