notations 0.0.48 → 0.0.49

package/lib/esm/carnatic/NotationView.js

@@ -1,73 +1,39 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
 import * as TSU from "@panyam/tsutils";
 import { LineView } from "./LineView";
-var NotationView = (function () {
-    function NotationView(rootElement, config) {
+import { BeatView } from "./beatviews";
+export class NotationView {
+    constructor(rootElement, config) {
         this.rootElement = rootElement;
         this.config = config;
         this.lineViews = [];
-        this.beatsByLineRole = new Map();
-        this.beatLayouts = new Map();
         this.currentSVGElement = null;
         this.beatViews = new Map();
         this.loadChildViews();
     }
-    NotationView.prototype.refresh = function () {
-        this.beatViews = new Map();
-    };
-    NotationView.prototype.viewForBeat = function (beat) {
-        var curr = this.beatViews.get(beat.uuid) || null;
-        if (curr == null) {
-            var lineView = this.ensureLineView(beat.role.line);
-            curr = lineView.viewForBeat(beat);
-            this.beatViews.set(beat.uuid, curr);
-        }
-        return curr;
-    };
-    NotationView.prototype.loadChildViews = function () {
+    get beatLayout() {
+        return this._beatLayout;
+    }
+    set beatLayout(beatLayout) {
+        this._beatLayout = beatLayout;
+        beatLayout.gridLayoutGroup.getCellView = (cell) => this.viewForBeat(cell);
+    }
+    loadChildViews() {
         this.tableElement = TSU.DOM.createNode("table", {
             parent: this.rootElement,
             attrs: {
                 class: "notationsContentRootTable",
             },
         });
-    };
-    NotationView.prototype.addNewRow = function (id, prefix, withAnnotation) {
-        if (withAnnotation === void 0) { withAnnotation = true; }
-        var tr = TSU.DOM.createNode("tr", {
+    }
+    addNewRow(id, prefix, withAnnotation = true) {
+        const tr = TSU.DOM.createNode("tr", {
             parent: this.tableElement,
             attrs: {
                 class: prefix + "Row",
                 id: prefix + "Row" + id,
             },
         });
-        var td1 = null;
+        let td1 = null;
         if (withAnnotation) {
             td1 = TSU.DOM.createNode("td", {
                 parent: tr,
@@ -77,7 +43,7 @@ var NotationView = (function () {
                 },
             });
         }
-        var td2 = TSU.DOM.createNode("td", {
+        const td2 = TSU.DOM.createNode("td", {
             parent: tr,
             attrs: {
                 class: prefix + "ContentCell",
@@ -86,9 +52,9 @@ var NotationView = (function () {
             },
         });
         return [td1, td2];
-    };
-    NotationView.prototype.newLineRoot = function (parent, line) {
-        var _a = __read(this.addNewRow(line.uuid + "", "line"), 2), td1 = _a[0], td2 = _a[1];
+    }
+    newLineRoot(parent, line) {
+        const [td1, td2] = this.addNewRow(line.uuid + "", "line");
         if (line.marginText) {
             td1.innerHTML = line.marginText;
         }
@@ -99,133 +65,86 @@ var NotationView = (function () {
                 class: "lineRootSVG",
             },
         });
-    };
-    NotationView.prototype.ensureLineView = function (line) {
-        var lineView = this.getLineView(line);
+    }
+    ensureLineView(line) {
+        let lineView = this.getLineView(line);
         if (lineView == null) {
-            var layoutParams = this.notation.layoutParamsForLine(line) || null;
-            var svgElem = this.newLineRoot(this.tableElement, line);
+            const layoutParams = line.layoutParams || null;
+            const svgElem = this.newLineRoot(this.tableElement, line);
             lineView = new LineView(svgElem, line, {
                 layoutParams: layoutParams,
             });
             if (!line.isEmpty) {
                 TSU.assert(layoutParams != null, "Layout params for a non empty line *should* exist");
-                var beatLayout = this.beatLayouts.get(layoutParams.uuid);
-                lineView.beatLayout = beatLayout;
+                lineView.gridModel = this.beatLayout.getGridModelForLine(line.uuid);
             }
-            lineView.beatsByLineRole = this.beatsByLineRole.get(line.uuid);
             this.lineViews.push(lineView);
         }
         return lineView;
-    };
-    NotationView.prototype.getLineView = function (line) {
-        return this.lineViews.find(function (l) { return l.line == line; }) || null;
-    };
-    Object.defineProperty(NotationView.prototype, "currentLineView", {
-        get: function () {
-            return this.lineViews[this.lineViews.length - 1];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    NotationView.prototype.clear = function () {
+    }
+    getLineView(line) {
+        return this.lineViews.find((l) => l.line == line) || null;
+    }
+    get currentLineView() {
+        return this.lineViews[this.lineViews.length - 1];
+    }
+    clear() {
         this.lineViews = [];
-        this.beatsByLineRole = new Map();
-        this.beatLayouts = new Map();
         this.currentSVGElement = null;
         this.tableElement.innerHTML = "";
         this.beatViews = new Map();
-    };
-    NotationView.prototype.refreshLayout = function () {
-        var e_1, _a, e_2, _b, e_3, _c, e_4, _d;
-        var lines = [];
-        var lineViews = [];
-        try {
-            for (var _e = __values(this.notation.blocks), _f = _e.next(); !_f.done; _f = _e.next()) {
-                var block = _f.value;
-                if (block.type == "RawBlock") {
-                    this.renderBlock(block);
-                }
-                else {
-                    lines.push(block);
-                    var lineView = this.renderLine(block);
-                    lineViews.push(lineView);
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        try {
-            for (var _g = __values(this.beatLayouts.values()), _h = _g.next(); !_h.done; _h = _g.next()) {
-                var bl = _h.value;
-                bl.evalColumnSizes(this);
-            }
-        }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
-        try {
-            for (var _j = __values(this.beatViews.values()), _k = _j.next(); !_k.done; _k = _j.next()) {
-                var beatView = _k.value;
-                beatView.refreshLayout();
-            }
-        }
-        catch (e_3_1) { e_3 = { error: e_3_1 }; }
-        finally {
-            try {
-                if (_k && !_k.done && (_c = _j.return)) _c.call(_j);
+    }
+    refreshLayout() {
+        const lines = [];
+        const lineViews = [];
+        for (const block of this.notation.blocks) {
+            if (block.type == "RawBlock") {
+                this.renderBlock(block);
             }
-            finally { if (e_3) throw e_3.error; }
-        }
-        try {
-            for (var lineViews_1 = __values(lineViews), lineViews_1_1 = lineViews_1.next(); !lineViews_1_1.done; lineViews_1_1 = lineViews_1.next()) {
-                var lineView = lineViews_1_1.value;
-                lineView.wrapToSize();
+            else {
+                lines.push(block);
+                const lineView = this.ensureLineView(block);
+                lineViews.push(lineView);
             }
         }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
-            try {
-                if (lineViews_1_1 && !lineViews_1_1.done && (_d = lineViews_1.return)) _d.call(lineViews_1);
-            }
-            finally { if (e_4) throw e_4.error; }
+        const now = performance.now();
+        for (const lineView of lineViews) {
+            lineView.gridModel.lastUpdatedAt = now;
         }
-    };
-    NotationView.prototype.renderLine = function (line) {
-        var lineView = this.ensureLineView(line);
-        if (!line.isEmpty) {
-            lineView.beatLayout.layoutBeatsForLine(line, lineView.beatsByLineRole, this);
+        this.beatLayout.gridLayoutGroup.refreshLayout();
+        for (const lineView of lineViews) {
+            lineView.wrapToSize();
         }
-        return lineView;
-    };
-    NotationView.prototype.renderBlock = function (raw) {
-        var _a = __read(this.addNewRow(raw.uuid + "", "rawBlock", false), 2), td2 = _a[1];
+    }
+    renderBlock(raw) {
+        const [, td2] = this.addNewRow(raw.uuid + "", "rawBlock", false);
         if (raw.contentType == "metadata") {
-            var meta = this.notation.metadata.get(raw.content);
+            const meta = this.notation.metadata.get(raw.content);
             if (meta) {
                 if (meta.key.toLowerCase().indexOf(":") < 0) {
-                    var div = td2.appendChild(TSU.DOM.createNode("div"));
-                    var html = "<span class = \"".concat(meta.key.toLowerCase(), "\"><strong>").concat(meta.key, "</strong>: ").concat(meta.value, "</span>");
+                    const div = td2.appendChild(TSU.DOM.createNode("div"));
+                    const html = `<span class = "${meta.key.toLowerCase()}"><strong>${meta.key}</strong>: ${meta.value}</span>`;
                     div.innerHTML = html;
                 }
             }
         }
         else {
-            var div = td2.appendChild(TSU.DOM.createNode("div"));
+            const div = td2.appendChild(TSU.DOM.createNode("div"));
             div.innerHTML = this.markdownParser(raw.content.trim());
         }
         this.currentSVGElement = null;
-    };
-    return NotationView;
-}());
-export { NotationView };
+    }
+    viewForBeat(cell) {
+        const beat = cell.value;
+        let curr = this.beatViews.get(beat.uuid) || null;
+        if (curr == null) {
+            const line = beat.role.line;
+            const lineView = this.ensureLineView(line);
+            const lp = line.layoutParams;
+            curr = new BeatView(cell, beat, lineView.gElem, lp.cycle);
+            this.beatViews.set(beat.uuid, curr);
+        }
+        return curr;
+    }
+}
 //# sourceMappingURL=NotationView.js.map

package/lib/esm/carnatic/NotationView.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotationView.js","sourceRoot":"","sources":["../../../src/carnatic/NotationView.ts"],"names":[],"mappings":"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","sourcesContent":["import * as TSU from \"@panyam/tsutils\";\nimport { LineView } from \"./LineView\";\nimport { Notation, RawBlock } from \"../notation\";\nimport { Beat, BeatLayout, BeatView } from \"../beats\";\nimport { Line } from \"../core\";\n\nexport class NotationView {\n  headerElement: HTMLDivElement;\n  notation: Notation;\n  lineViews: LineView[] = [];\n  // Mapping from line id -> list of beats in each of its roles\n  beatsByLineRole = new Map<number, Beat[][]>();\n  beatLayouts = new Map<number, BeatLayout>();\n  currentSVGElement: SVGSVGElement | null = null;\n  tableElement: HTMLTableElement;\n  beatViews = new Map<number, BeatView>();\n  markdownParser: (contents: string) => string;\n\n  constructor(public readonly rootElement: HTMLElement, public readonly config?: any) {\n    this.loadChildViews();\n  }\n\n  refresh(): void {\n    this.beatViews = new Map<number, BeatView>();\n  }\n\n  viewForBeat(beat: Beat): BeatView {\n    let curr = this.beatViews.get(beat.uuid) || null;\n    if (curr == null) {\n      // how to get the bar and beat index for a given beat in a given row?\n      const lineView = this.ensureLineView(beat.role.line);\n      curr = lineView.viewForBeat(beat);\n      this.beatViews.set(beat.uuid, curr);\n    }\n    return curr;\n  }\n\n  loadChildViews(): void {\n    this.tableElement = TSU.DOM.createNode(\"table\", {\n      parent: this.rootElement,\n      attrs: {\n        class: \"notationsContentRootTable\",\n      },\n    }) as HTMLTableElement;\n  }\n\n  public addNewRow(id: string, prefix: string, withAnnotation = true): [HTMLElement, HTMLElement] {\n    const tr = TSU.DOM.createNode(\"tr\", {\n      parent: this.tableElement, // parent,\n      attrs: {\n        class: prefix + \"Row\",\n        id: prefix + \"Row\" + id,\n      },\n    });\n    let td1: HTMLElement | null = null;\n    if (withAnnotation) {\n      td1 = TSU.DOM.createNode(\"td\", {\n        parent: tr,\n        attrs: {\n          class: prefix + \"AnnotationCell\",\n          id: prefix + \"Annotation\" + id,\n        },\n      }) as HTMLElement;\n    }\n    const td2 = TSU.DOM.createNode(\"td\", {\n      parent: tr,\n      attrs: {\n        class: prefix + \"ContentCell\",\n        id: prefix + \"Content\" + id,\n        colspan: withAnnotation ? 1 : 2,\n      },\n    }) as HTMLElement;\n    return [td1!, td2];\n  }\n\n  public newLineRoot(parent: Element, line: Line): SVGSVGElement {\n    const [td1, td2] = this.addNewRow(line.uuid + \"\", \"line\");\n    // Hacky solution to \"line headings\"\n    if (line.marginText) {\n      td1.innerHTML = line.marginText;\n    }\n    return TSU.DOM.createSVGNode(\"svg\", {\n      parent: td2, // parent\n      attrs: {\n        style: \"margin-bottom: 10px\",\n        class: \"lineRootSVG\",\n      },\n    }) as SVGSVGElement;\n  }\n\n  ensureLineView(line: Line): LineView {\n    let lineView = this.getLineView(line);\n    if (lineView == null) {\n      const layoutParams = this.notation.layoutParamsForLine(line) || null;\n      const svgElem = this.newLineRoot(this.tableElement, line);\n      lineView = new LineView(svgElem, line, {\n        layoutParams: layoutParams,\n      } as any);\n      if (!line.isEmpty) {\n        // Probably because this is an empty line and AddAtoms was not called\n        TSU.assert(layoutParams != null, \"Layout params for a non empty line *should* exist\");\n        const beatLayout = this.beatLayouts.get(layoutParams.uuid)!;\n        lineView.beatLayout = beatLayout;\n      }\n      lineView.beatsByLineRole = this.beatsByLineRole.get(line.uuid)!;\n      this.lineViews.push(lineView);\n    }\n    return lineView;\n  }\n\n  getLineView(line: Line): TSU.Nullable<LineView> {\n    return this.lineViews.find((l) => l.line == line) || null;\n  }\n\n  get currentLineView(): LineView {\n    return this.lineViews[this.lineViews.length - 1];\n  }\n\n  clear(): void {\n    this.lineViews = [];\n    // Mapping from line id -> list of beats in each of its roles\n    this.beatsByLineRole = new Map<number, Beat[][]>();\n    this.beatLayouts = new Map<number, BeatLayout>();\n    this.currentSVGElement = null;\n    this.tableElement.innerHTML = \"\";\n    this.beatViews = new Map<number, BeatView>();\n  }\n\n  /**\n   * Layout all the blocks in the Notation along with their corresponding blocks.\n   * Key thing is here is an opportunity to perform any batch rendering as needed.\n   */\n  refreshLayout(): void {\n    const lines = [] as Line[];\n    const lineViews = [] as LineView[];\n    for (const block of this.notation.blocks) {\n      if (block.type == \"RawBlock\") {\n        // Add the markdown here\n        this.renderBlock(block as RawBlock);\n      } else {\n        lines.push(block as Line);\n        const lineView = this.renderLine(block as Line);\n        lineViews.push(lineView);\n      }\n    }\n\n    // Eval column sizes all beat layouts\n    for (const bl of this.beatLayouts.values()) {\n      bl.evalColumnSizes(this);\n    }\n\n    // now that all spacing has been calculated\n    // go through all\n    for (const beatView of this.beatViews.values()) {\n      beatView.refreshLayout();\n    }\n\n    // Set line view preferred sizes\n    for (const lineView of lineViews) {\n      lineView.wrapToSize();\n    }\n  }\n\n  renderLine(line: Line): LineView {\n    const lineView = this.ensureLineView(line);\n    // Layout the \"rows\" for this line - x has already been set by the\n    // previous column spacing step\n    if (!line.isEmpty) {\n      lineView.beatLayout.layoutBeatsForLine(line, lineView.beatsByLineRole, this);\n    }\n    return lineView;\n  }\n\n  renderBlock(raw: RawBlock): void {\n    const [, td2] = this.addNewRow(raw.uuid + \"\", \"rawBlock\", false);\n    if (raw.contentType == \"metadata\") {\n      // we have a metadata block\n      const meta = this.notation.metadata.get(raw.content);\n      if (meta) {\n        // For now ignore metadata with \":\" in the key\n        if (meta.key.toLowerCase().indexOf(\":\") < 0) {\n          const div = td2.appendChild(TSU.DOM.createNode(\"div\"));\n          const html = `<span class = \"${meta.key.toLowerCase()}\"><strong>${meta.key}</strong>: ${meta.value}</span>`;\n          div.innerHTML = html;\n        }\n      }\n    } else {\n      const div = td2.appendChild(TSU.DOM.createNode(\"div\"));\n      div.innerHTML = this.markdownParser(raw.content.trim());\n    }\n    this.currentSVGElement = null;\n  }\n}\n"]}
+{"version":3,"file":"NotationView.js","sourceRoot":"","sources":["../../../src/carnatic/NotationView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAKtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,OAAO,YAAY;IAUvB,YAA4B,WAAwB,EAAkB,MAAY;QAAtD,gBAAW,GAAX,WAAW,CAAa;QAAkB,WAAM,GAAN,MAAM,CAAM;QAPlF,cAAS,GAAe,EAAE,CAAC;QAE3B,sBAAiB,GAAyB,IAAI,CAAC;QA+J/C,cAAS,GAAG,IAAI,GAAG,EAAoB,CAAC;QAzJtC,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,IAAI,UAAU,CAAC,UAA4B;QACzC,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,UAAU,CAAC,eAAe,CAAC,WAAW,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC5E,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,EAAE;YAC9C,MAAM,EAAE,IAAI,CAAC,WAAW;YACxB,KAAK,EAAE;gBACL,KAAK,EAAE,2BAA2B;aACnC;SACF,CAAqB,CAAC;IACzB,CAAC;IAEM,SAAS,CAAC,EAAU,EAAE,MAAc,EAAE,cAAc,GAAG,IAAI;QAChE,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE;YAClC,MAAM,EAAE,IAAI,CAAC,YAAY;YACzB,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM,GAAG,KAAK;gBACrB,EAAE,EAAE,MAAM,GAAG,KAAK,GAAG,EAAE;aACxB;SACF,CAAC,CAAC;QACH,IAAI,GAAG,GAAuB,IAAI,CAAC;QACnC,IAAI,cAAc,EAAE;YAClB,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE;gBAC7B,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM,GAAG,gBAAgB;oBAChC,EAAE,EAAE,MAAM,GAAG,YAAY,GAAG,EAAE;iBAC/B;aACF,CAAgB,CAAC;SACnB;QACD,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE;YACnC,MAAM,EAAE,EAAE;YACV,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM,GAAG,aAAa;gBAC7B,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,EAAE;gBAC3B,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAChC;SACF,CAAgB,CAAC;QAClB,OAAO,CAAC,GAAI,EAAE,GAAG,CAAC,CAAC;IACrB,CAAC;IAEM,WAAW,CAAC,MAAe,EAAE,IAAU;QAC5C,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,EAAE,MAAM,CAAC,CAAC;QAE1D,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;SACjC;QACD,OAAO,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,EAAE;YAClC,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACL,KAAK,EAAE,qBAAqB;gBAC5B,KAAK,EAAE,aAAa;aACrB;SACF,CAAkB,CAAC;IACtB,CAAC;IAED,cAAc,CAAC,IAAU;QACvB,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,QAAQ,IAAI,IAAI,EAAE;YACpB,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC;YAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;YAC1D,QAAQ,GAAG,IAAI,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE;gBACrC,YAAY,EAAE,YAAY;aACpB,CAAC,CAAC;YACV,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBAEjB,GAAG,CAAC,MAAM,CAAC,YAAY,IAAI,IAAI,EAAE,mDAAmD,CAAC,CAAC;gBACtF,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,UAAW,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACtE;YACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC/B;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,WAAW,CAAC,IAAU;QACpB,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC;IAC5D,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnD,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QAEpB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,EAAE,CAAC;QACjC,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAoB,CAAC;IAC/C,CAAC;IAMD,aAAa;QACX,MAAM,KAAK,GAAG,EAAY,CAAC;QAC3B,MAAM,SAAS,GAAG,EAAgB,CAAC;QACnC,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACxC,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE;gBAE5B,IAAI,CAAC,WAAW,CAAC,KAAiB,CAAC,CAAC;aACrC;iBAAM;gBACL,KAAK,CAAC,IAAI,CAAC,KAAa,CAAC,CAAC;gBAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,KAAa,CAAC,CAAC;gBACpD,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC1B;SACF;QAED,MAAM,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAC9B,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;YAChC,QAAQ,CAAC,SAAS,CAAC,aAAa,GAAG,GAAG,CAAC;SACxC;QAED,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;QAEhD,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;YAChC,QAAQ,CAAC,UAAU,EAAE,CAAC;SACvB;IAKH,CAAC;IAED,WAAW,CAAC,GAAa;QACvB,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;QACjE,IAAI,GAAG,CAAC,WAAW,IAAI,UAAU,EAAE;YAEjC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACrD,IAAI,IAAI,EAAE;gBAER,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;oBAC3C,MAAM,GAAG,GAAG,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;oBACvD,MAAM,IAAI,GAAG,kBAAkB,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,aAAa,IAAI,CAAC,GAAG,cAAc,IAAI,CAAC,KAAK,SAAS,CAAC;oBAC5G,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC;iBACtB;aACF;SACF;aAAM;YACL,MAAM,GAAG,GAAG,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;YACvD,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;SACzD;QACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC;IAGD,WAAW,CAAC,IAAc;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;QACjD,IAAI,IAAI,IAAI,IAAI,EAAE;YAChB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YAE5B,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAC3C,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YAC7B,IAAI,GAAG,IAAI,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;YAC1D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACrC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import * as TSU from \"@panyam/tsutils\";\nimport { LineView } from \"./LineView\";\nimport { Notation, RawBlock } from \"../notation\";\nimport { GlobalBeatLayout } from \"../beats\";\nimport { GridCell } from \"../grids\";\nimport { Line } from \"../core\";\nimport { BeatView } from \"./beatviews\";\n\nexport class NotationView {\n  headerElement: HTMLDivElement;\n  notation: Notation;\n  lineViews: LineView[] = [];\n  // Mapping from line id -> list of beats in each of its roles\n  currentSVGElement: SVGSVGElement | null = null;\n  tableElement: HTMLTableElement;\n  markdownParser: (contents: string) => string;\n  _beatLayout: GlobalBeatLayout;\n\n  constructor(public readonly rootElement: HTMLElement, public readonly config?: any) {\n    this.loadChildViews();\n  }\n\n  get beatLayout(): GlobalBeatLayout {\n    return this._beatLayout;\n  }\n\n  set beatLayout(beatLayout: GlobalBeatLayout) {\n    this._beatLayout = beatLayout;\n    beatLayout.gridLayoutGroup.getCellView = (cell) => this.viewForBeat(cell);\n  }\n\n  loadChildViews(): void {\n    this.tableElement = TSU.DOM.createNode(\"table\", {\n      parent: this.rootElement,\n      attrs: {\n        class: \"notationsContentRootTable\",\n      },\n    }) as HTMLTableElement;\n  }\n\n  public addNewRow(id: string, prefix: string, withAnnotation = true): [HTMLElement, HTMLElement] {\n    const tr = TSU.DOM.createNode(\"tr\", {\n      parent: this.tableElement, // parent,\n      attrs: {\n        class: prefix + \"Row\",\n        id: prefix + \"Row\" + id,\n      },\n    });\n    let td1: HTMLElement | null = null;\n    if (withAnnotation) {\n      td1 = TSU.DOM.createNode(\"td\", {\n        parent: tr,\n        attrs: {\n          class: prefix + \"AnnotationCell\",\n          id: prefix + \"Annotation\" + id,\n        },\n      }) as HTMLElement;\n    }\n    const td2 = TSU.DOM.createNode(\"td\", {\n      parent: tr,\n      attrs: {\n        class: prefix + \"ContentCell\",\n        id: prefix + \"Content\" + id,\n        colspan: withAnnotation ? 1 : 2,\n      },\n    }) as HTMLElement;\n    return [td1!, td2];\n  }\n\n  public newLineRoot(parent: Element, line: Line): SVGSVGElement {\n    const [td1, td2] = this.addNewRow(line.uuid + \"\", \"line\");\n    // Hacky solution to \"line headings\"\n    if (line.marginText) {\n      td1.innerHTML = line.marginText;\n    }\n    return TSU.DOM.createSVGNode(\"svg\", {\n      parent: td2, // parent\n      attrs: {\n        style: \"margin-bottom: 10px\",\n        class: \"lineRootSVG\",\n      },\n    }) as SVGSVGElement;\n  }\n\n  ensureLineView(line: Line): LineView {\n    let lineView = this.getLineView(line);\n    if (lineView == null) {\n      const layoutParams = line.layoutParams || null;\n      const svgElem = this.newLineRoot(this.tableElement, line);\n      lineView = new LineView(svgElem, line, {\n        layoutParams: layoutParams,\n      } as any);\n      if (!line.isEmpty) {\n        // Probably because this is an empty line and AddAtoms was not called\n        TSU.assert(layoutParams != null, \"Layout params for a non empty line *should* exist\");\n        lineView.gridModel = this.beatLayout!.getGridModelForLine(line.uuid);\n      }\n      this.lineViews.push(lineView);\n    }\n    return lineView;\n  }\n\n  getLineView(line: Line): TSU.Nullable<LineView> {\n    return this.lineViews.find((l) => l.line == line) || null;\n  }\n\n  get currentLineView(): LineView {\n    return this.lineViews[this.lineViews.length - 1];\n  }\n\n  clear(): void {\n    this.lineViews = [];\n    // Mapping from line id -> list of beats in each of its roles\n    this.currentSVGElement = null;\n    this.tableElement.innerHTML = \"\";\n    this.beatViews = new Map<number, BeatView>();\n  }\n\n  /**\n   * Layout all the blocks in the Notation along with their corresponding blocks.\n   * Key thing is here is an opportunity to perform any batch rendering as needed.\n   */\n  refreshLayout(): void {\n    const lines = [] as Line[];\n    const lineViews = [] as LineView[];\n    for (const block of this.notation.blocks) {\n      if (block.type == \"RawBlock\") {\n        // Add the markdown here\n        this.renderBlock(block as RawBlock);\n      } else {\n        lines.push(block as Line);\n        const lineView = this.ensureLineView(block as Line);\n        lineViews.push(lineView);\n      }\n    }\n\n    const now = performance.now();\n    for (const lineView of lineViews) {\n      lineView.gridModel.lastUpdatedAt = now;\n    }\n\n    this.beatLayout.gridLayoutGroup.refreshLayout();\n\n    for (const lineView of lineViews) {\n      lineView.wrapToSize();\n    }\n\n    // now that all spacing has been calculated\n    // go through all\n    // for (const beatView of this.beatViews.values()) { beatView.refreshLayout(); }\n  }\n\n  renderBlock(raw: RawBlock): void {\n    const [, td2] = this.addNewRow(raw.uuid + \"\", \"rawBlock\", false);\n    if (raw.contentType == \"metadata\") {\n      // we have a metadata block\n      const meta = this.notation.metadata.get(raw.content);\n      if (meta) {\n        // For now ignore metadata with \":\" in the key\n        if (meta.key.toLowerCase().indexOf(\":\") < 0) {\n          const div = td2.appendChild(TSU.DOM.createNode(\"div\"));\n          const html = `<span class = \"${meta.key.toLowerCase()}\"><strong>${meta.key}</strong>: ${meta.value}</span>`;\n          div.innerHTML = html;\n        }\n      }\n    } else {\n      const div = td2.appendChild(TSU.DOM.createNode(\"div\"));\n      div.innerHTML = this.markdownParser(raw.content.trim());\n    }\n    this.currentSVGElement = null;\n  }\n\n  beatViews = new Map<number, BeatView>();\n  viewForBeat(cell: GridCell): BeatView {\n    const beat = cell.value;\n    let curr = this.beatViews.get(beat.uuid) || null;\n    if (curr == null) {\n      const line = beat.role.line;\n      // how to get the bar and beat index for a given beat in a given row?\n      const lineView = this.ensureLineView(line);\n      const lp = line.layoutParams;\n      curr = new BeatView(cell, beat, lineView.gElem, lp.cycle);\n      this.beatViews.set(beat.uuid, curr);\n    }\n    return curr;\n  }\n}\n"]}