@grapesjs/studio-sdk-plugins 1.0.22 → 1.0.23

package/dist/dataSourceHandlebars/index.es.js

@@ -1,7 +1,7 @@
-import I from "handlebars/dist/cjs/handlebars";
-const b = "app.grapesjs.com", x = "app-stage.grapesjs.com", y = [
+import L from "handlebars/dist/cjs/handlebars";
+const C = "app.grapesjs.com", b = "app-stage.grapesjs.com", y = [
+  C,
   b,
-  x,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -10,96 +10,96 @@ const b = "app.grapesjs.com", x = "app-stage.grapesjs.com", y = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], P = "license:check:start", T = "license:check:end", k = () => typeof window < "u", L = ({ isDev: r, isStage: t }) => `${r ? "" : `https://${t ? x : b}`}/api`, w = () => {
-  const r = k() && window.location.hostname;
+], k = "license:check:start", T = "license:check:end", N = () => typeof window < "u", _ = ({ isDev: r, isStage: t }) => `${r ? "" : `https://${t ? b : C}`}/api`, w = () => {
+  const r = N() && window.location.hostname;
   return !!r && (y.includes(r) || y.some((t) => r.endsWith(t)));
 };
-async function N({
+async function H({
   path: r,
   baseApiUrl: t,
-  method: n = "GET",
-  headers: e = {},
+  method: e = "GET",
+  headers: n = {},
   params: a,
   body: s
 }) {
-  const o = `${t || L({ isDev: !1, isStage: !1 })}${r}`, h = {
-    method: n,
+  const o = `${t || _({ isDev: !1, isStage: !1 })}${r}`, c = {
+    method: e,
     headers: {
       "Content-Type": "application/json",
-      ...e
+      ...n
     }
   };
-  s && (h.body = JSON.stringify(s));
-  const l = a ? new URLSearchParams(a).toString() : "", c = l ? `?${l}` : "", u = await fetch(`${o}${c}`, h);
+  s && (c.body = JSON.stringify(s));
+  const h = a ? new URLSearchParams(a).toString() : "", l = h ? `?${h}` : "", u = await fetch(`${o}${l}`, c);
   if (!u.ok)
     throw new Error(`HTTP error! status: ${u.status}`);
   return u.json();
 }
-var p = /* @__PURE__ */ ((r) => (r.free = "free", r.startup = "startup", r.business = "business", r.enterprise = "enterprise", r))(p || {});
-const $ = {
-  [p.free]: 0,
-  [p.startup]: 10,
-  [p.business]: 20,
-  [p.enterprise]: 30
+var d = /* @__PURE__ */ ((r) => (r.free = "free", r.startup = "startup", r.business = "business", r.enterprise = "enterprise", r))(d || {});
+const P = {
+  [d.free]: 0,
+  [d.startup]: 10,
+  [d.business]: 20,
+  [d.enterprise]: 30
 };
-function H(r) {
+function M(r) {
   const t = r;
-  return t.init = (n) => (e) => r(e, n), t;
+  return t.init = (e) => (n) => r(n, e), t;
 }
-const M = (r) => /* @__PURE__ */ H(r);
-async function _({
+const O = (r) => /* @__PURE__ */ M(r);
+async function R({
   editor: r,
   plan: t,
-  pluginName: n,
-  licenseKey: e,
+  pluginName: e,
+  licenseKey: n,
   cleanup: a
 }) {
   let s = "", i = !1;
-  const o = w(), h = (c) => {
-    console.warn("Cleanup plugin:", n, "Reason:", c), a();
-  }, l = (c = {}) => {
-    var S;
-    const { error: u, sdkLicense: C } = c, m = (S = c.plan) == null ? void 0 : S.category;
-    if (!(C || c.license) || u)
-      h(u || "Invalid license");
+  const o = w(), c = (l) => {
+    console.warn("Cleanup plugin:", e, "Reason:", l), a();
+  }, h = (l = {}) => {
+    var $;
+    const { error: u, sdkLicense: E } = l, m = ($ = l.plan) == null ? void 0 : $.category;
+    if (!(E || l.license) || u)
+      c(u || "Invalid license");
     else if (m) {
-      const E = $[t], v = $[m];
-      E > v && h({ pluginRequiredPlan: t, licensePlan: m });
+      const v = P[t], I = P[m];
+      v > I && c({ pluginRequiredPlan: t, licensePlan: m });
     }
   };
-  r.on(P, (c) => {
-    s = c == null ? void 0 : c.baseApiUrl, i = !0;
-  }), r.on(T, (c) => {
-    l(c);
+  r.on(k, (l) => {
+    s = l == null ? void 0 : l.baseApiUrl, i = !0;
+  }), r.on(T, (l) => {
+    h(l);
   }), setTimeout(async () => {
     if (!i) {
       if (o) return;
-      if (e) {
-        const c = await j({ licenseKey: e, pluginName: n, baseApiUrl: s });
-        c && l(c);
+      if (n) {
+        const l = await A({ licenseKey: n, pluginName: e, baseApiUrl: s });
+        l && h(l);
       } else
-        h("The `licenseKey` option not provided");
+        c("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function j(r) {
-  const { licenseKey: t, pluginName: n, baseApiUrl: e } = r;
+async function A(r) {
+  const { licenseKey: t, pluginName: e, baseApiUrl: n } = r;
   try {
-    return (await N({
-      baseApiUrl: e,
+    return (await H({
+      baseApiUrl: n,
       path: `/sdk/${t || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: n
+        pn: e
       }
     })).result || {};
   } catch (a) {
     return console.error("Error during SDK license check:", a), !1;
   }
 }
-var d = /* @__PURE__ */ ((r) => (r.variable = "data-variable", r.condition = "data-condition", r.conditionTrue = "data-condition-true-content", r.conditionFalse = "data-condition-false-content", r.collection = "data-collection", r.collectionItem = "data-collection-item", r))(d || {});
-class B {
+var p = /* @__PURE__ */ ((r) => (r.variable = "data-variable", r.condition = "data-condition", r.conditionTrue = "data-condition-true-content", r.conditionFalse = "data-condition-false-content", r.collection = "data-collection", r.collectionItem = "data-collection-item", r))(p || {});
+class D {
   constructor(t) {
     this.strategy = t, this.requiredHelpers = /* @__PURE__ */ new Set(), this.helperLibrary = {};
   }
@@ -128,47 +128,48 @@ class B {
     this.requiredHelpers.clear();
   }
 }
-function O(r) {
-  return typeof r == "object" && r.type === d.variable;
+function j(r) {
+  return typeof r == "object" && r.type === p.variable;
 }
 function g({
   component: r,
   value: t,
-  getCustomPath: n
+  getCustomPath: e
 }) {
-  if (O(t) && !t.collectionId && n) {
-    const e = t.path ?? "", a = e.split(".");
+  if (j(t) && !t.collectionId && e) {
+    const n = t.path ?? "", a = n.split(".");
     return {
       ...t,
-      path: n({ component: r, path: e, paths: a })
+      path: e({ component: r, path: n, paths: a })
     };
   }
   return t;
 }
-const D = (r) => {
-  f(r, d.variable, {
+const V = (r) => {
+  f(r, p.variable, {
     toHTML(t) {
       var i;
-      const n = this.tagName, e = this.__attrToString(t), a = (i = this.getDataResolver) == null ? void 0 : i.call(this), s = g({
+      const e = this.tagName, n = this.__attrToString(t), a = (i = this.getDataResolver) == null ? void 0 : i.call(this), s = g({
         component: this,
         value: a,
         getCustomPath: t == null ? void 0 : t.getCustomPath
       });
-      return `<${n}${e ? ` ${e}` : ""}>${t.exporter.generateVariable(s)}</${n}>`;
+      return `<${e}${n ? ` ${n}` : ""}>${t.exporter.generateVariable(s)}</${e}>`;
     }
-  }), f(r, d.condition, {
+  }), f(r, p.condition, {
     toHTML(t) {
-      var l, c;
-      const n = t.exporter, e = t == null ? void 0 : t.getCustomPath, a = this.components(), [s, i] = (a == null ? void 0 : a.models) ?? [], o = (l = this.getDataResolver) == null ? void 0 : l.call(this), h = ((c = this.resolveCondition) == null ? void 0 : c.call(this, o == null ? void 0 : o.condition, e)) ?? {};
-      return `
-${n.generateConditionalStart(h)}
-          ${(s == null ? void 0 : s.toHTML(t)) ?? ""}
-          ${n.generateConditionElse()}
-          ${(i == null ? void 0 : i.toHTML(t)) ?? ""}
-        ${n.generateConditionalEnd()}
+      var l, u;
+      const e = t.exporter, n = t == null ? void 0 : t.getCustomPath, a = this.components(), [s, i] = (a == null ? void 0 : a.models) ?? [], o = (l = this.getDataResolver) == null ? void 0 : l.call(this), c = ((u = this.resolveCondition) == null ? void 0 : u.call(this, o == null ? void 0 : o.condition, n)) ?? {};
+      let h = "";
+      return i && (h = `
+${e.generateConditionElse()}
+  ${i.toHTML(t) ?? ""}`), `
+${e.generateConditionalStart(c)}
+  ${(s == null ? void 0 : s.toHTML(t)) ?? ""}${h}
+${e.generateConditionalEnd()}
 `;
     },
-    resolveCondition(t, n) {
+    resolveCondition(t, e) {
       var a, s;
       if (!t) return {};
       if (t.operator === "and" || t.operator === "or")
@@ -176,19 +177,19 @@ ${n.generateConditionalStart(h)}
           operator: t.operator,
           statements: ((s = (a = t.statements) == null ? void 0 : a.map) == null ? void 0 : s.call(a, (i) => {
             var o;
-            return ((o = this.resolveCondition) == null ? void 0 : o.call(this, i, n)) ?? {};
+            return ((o = this.resolveCondition) == null ? void 0 : o.call(this, i, e)) ?? {};
           })) ?? []
         };
-      const e = { component: this, getCustomPath: n };
+      const n = { component: this, getCustomPath: e };
       return {
         ...t,
-        left: g({ ...e, value: t.left }),
-        right: g({ ...e, value: t.right })
+        left: g({ ...n, value: t.left }),
+        right: g({ ...n, value: t.right })
       };
     }
-  }), f(r, d.collection, {
+  }), f(r, p.collection, {
     toHTML(t) {
-      const n = t.exporter, e = this.tagName, a = this.__attrToString(t), s = this.getDataResolver(), i = {
+      const e = t.exporter, n = this.tagName, a = this.__attrToString(t), s = this.getDataResolver(), i = {
         ...s,
         dataSource: g({
           component: this,
@@ -197,90 +198,93 @@ ${n.generateConditionalStart(h)}
         })
       }, o = this.components().at(0);
       return `
-<${e}${a ? ` ${a}` : ""}>${n.generateCollectionStart(i)}
+<${n}${a ? ` ${a}` : ""}>${e.generateCollectionStart(i)}
   ${(o == null ? void 0 : o.toHTML(t)) ?? ""}
-  ${n.generateCollectionEnd()}</${e}>
+${e.generateCollectionEnd()}</${n}>
 `;
     }
   });
-}, f = (r, t, n) => {
-  const e = r.Components.getType(t);
-  if (!e) {
+}, f = (r, t, e) => {
+  const n = r.Components.getType(t);
+  if (!n) {
     console.warn(`Component type ${t} not found`);
     return;
   }
-  const { model: a } = e;
+  const { model: a } = n;
   r.Components.addType(t, {
     model: {
-      ...n,
+      ...e,
       toHTML(s = {}) {
         var o;
         const { exporter: i } = s;
-        return i ? i.export ? i.export({ component: this }) : ((o = n.toHTML) == null ? void 0 : o.call(this, s)) ?? "" : a.prototype.toHTML.call(this, s) ?? "";
+        return i ? i.export ? i.export({ component: this }) : ((o = e.toHTML) == null ? void 0 : o.call(this, s)) ?? "" : a.prototype.toHTML.call(this, s) ?? "";
       }
     }
   });
-}, V = (r, t) => (r.config.optsHtml = {
+}, B = (r, t) => (r.config.optsHtml = {
   ...r.config.optsHtml,
-  exporter: new B(t)
-}, D(r), () => {
+  exporter: new D(t)
+}, V(r), () => {
   r.config.optsHtml.exporter = void 0;
 }), U = (r, t) => {
-  const n = (a) => {
+  const e = (a) => {
     const { input: s } = a, { contains: i } = t;
     (!i || s.includes(i)) && (a.input = t.importer.import(s));
-  }, e = r.Parser.events.htmlBefore;
-  return r.on(e, n), () => {
-    r.off(e, n);
+  }, n = r.Parser.events.htmlBefore;
+  return r.on(n, e), () => {
+    r.off(n, e);
   };
+}, x = {
+  equals: "equals",
+  isTruthy: "isTruthy",
+  isFalsy: "isFalsy",
+  isDefined: "isDefined",
+  isNull: "isNull",
+  isUndefined: "isUndefined",
+  isArray: "isArray",
+  isObject: "isObject",
+  isString: "isString",
+  isNumber: "isNumber",
+  isBoolean: "isBoolean",
+  isDefaultValue: "isDefaultValue"
+}, W = {
+  ">": "numGt",
+  "<": "numLt",
+  ">=": "numGte",
+  "<=": "numLte",
+  "=": "numEq",
+  "!=": "numNeq"
+}, q = {
+  contains: "strContains",
+  startsWith: "strStartsWith",
+  endsWith: "strEndsWith",
+  equalsIgnoreCase: "strEqualsIgnoreCase",
+  trimEquals: "strTrimEquals"
+}, G = {
+  ...x,
+  ...W,
+  ...q
 };
-class W {
-  getHelperId(t, n) {
-    return {
-      // AnyTypeOperation
-      equals: `${n === "string" ? "str" : n === "number" ? "num" : "any"}Equals`,
-      isTruthy: "isTruthy",
-      isFalsy: "isFalsy",
-      isDefined: "isDefined",
-      isNull: "isNull",
-      isUndefined: "isUndefined",
-      isArray: "isArray",
-      isObject: "isObject",
-      isString: "isString",
-      isNumber: "isNumber",
-      isBoolean: "isBoolean",
-      isDefaultValue: "isDefaultValue",
-      // NumberOperation
-      ">": "numGt",
-      "<": "numLt",
-      ">=": "numGte",
-      "<=": "numLte",
-      "=": "numEq",
-      "!=": "numNeq",
-      // StringOperation
-      contains: "strContains",
-      startsWith: "strStartsWith",
-      endsWith: "strEndsWith",
-      equalsIgnoreCase: "strEqualsIgnoreCase",
-      trimEquals: "strTrimEquals"
-    }[t] || t;
-  }
-  getFullPath({ collectionId: t, path: n }) {
-    let e = n;
-    return t && (e = [this._sanitizeVariableName(t), n].filter(Boolean).join(".")), e || "";
+class F {
+  getHelperId(t) {
+    return G[t] || t;
+  }
+  getFullPath({ collectionId: t, path: e }) {
+    let n = e;
+    return t && (n = [this._sanitizeVariableName(t), e].filter(Boolean).join(".")), n || "";
   }
   getVariableSyntax(t) {
-    const { defaultValue: n } = t, e = this.getFullPath(t);
-    return n ? `{{#if ${e}}}{{{${e}}}}{{else}}${n}{{/if}}` : `{{{${e}}}}`;
+    const { defaultValue: e } = t, n = this.getFullPath(t);
+    return e ? `{{#if ${n}}}{{{${n}}}}{{else}}${e}{{/if}}` : `{{{${n}}}}`;
   }
   getCollectionStartSyntax(t) {
-    const { collectionId: n, dataSource: e } = t, a = e == null ? void 0 : e.path;
+    const { collectionId: e, dataSource: n } = t, a = n == null ? void 0 : n.path;
     let s = "";
     if (t.startIndex !== void 0 || t.endIndex !== void 0) {
-      const l = t.startIndex ?? 0, c = t.endIndex !== void 0 ? t.endIndex : "";
-      c !== "" ? s = ` (slice ${a} ${l} ${c})` : s = ` (slice ${a} ${l})`;
+      const h = t.startIndex ?? 0, l = t.endIndex !== void 0 ? t.endIndex : "";
+      l !== "" ? s = ` (slice ${a} ${h} ${l})` : s = ` (slice ${a} ${h})`;
     }
-    const o = ` as |${this._sanitizeVariableName(n)}|`;
+    const o = ` as |${this._sanitizeVariableName(e)}|`;
     return `{{#each ${s || a}${o}}}`;
   }
   getCollectionEndSyntax() {
@@ -288,26 +292,26 @@ class W {
   }
   getConditionalStartSyntax(t) {
     if (!t) return "";
-    const n = t, e = t;
-    if (e.statements && e.logicalOperator === "and" || e.logicalOperator === "or") {
-      const { statements: a } = e, s = e.logicalOperator, i = a.map((h) => this._parseCondition(h)).join(", ");
+    const e = t, n = t;
+    if (n.statements && n.logicalOperator === "and" || n.logicalOperator === "or") {
+      const { statements: a } = n, s = n.logicalOperator, i = a.map((c) => this._parseCondition(c)).join(" ");
       return `{{#if ${a.length > 1 ? `(${s} ${i})` : i}}}`;
     } else
-      return `{{#if ${this._parseCondition(n)}}}`;
+      return `{{#if ${this._parseCondition(e)}}}`;
   }
   _parseCondition(t) {
     if (!t) return "";
-    const n = t, e = t;
-    if (e.statements && e.logicalOperator === "and" || e.logicalOperator === "or") {
-      const { statements: a } = e, s = e.logicalOperator, i = e.statements.map((o) => this._parseCondition(o)).join(" ");
+    const e = t, n = t;
+    if (n.statements && n.logicalOperator === "and" || n.logicalOperator === "or") {
+      const { statements: a } = n, s = n.logicalOperator, i = n.statements.map((o) => this._parseCondition(o)).join(" ");
       return a.length > 1 ? `(${s} ${i})` : i;
     } else {
-      const a = this.getHelperId(n.operator, this._getTypeHint(t)), s = this._parseValue(n.left), i = this._parseValue(n.right);
-      return `(${a} ${s} ${i})`;
+      const a = e.operator, s = this.getHelperId(a), i = this._parseValue(e.left), o = this._parseValue(e.right);
+      return this.getExpressionStr(s, i, o);
     }
   }
-  _getTypeHint(t) {
-    return ["contains", "startsWith", "endsWith", "equalsIgnoreCase", "trimEquals"].includes(t.operator) ? "string" : [">", "<", ">=", "<=", "=", "!="].includes(t.operator) ? "number" : "any";
+  getExpressionStr(t, e, n) {
+    return x[t] ? t === "isTruthy" ? e : t === "isFalsy" ? `!${e}` : `${t} ${e}` : `(${t} ${e} ${n})`;
   }
   _parseValue(t) {
     return typeof t == "object" ? this.getFullPath(t) : typeof t == "string" ? `'${t.replace(/'/g, "\\'")}'` : String(t);
@@ -322,24 +326,24 @@ class W {
     return "{{/if}}";
   }
 }
-class q {
+class J {
   constructor() {
     this.messages = [], this.collectionStack = [];
   }
   import(t) {
     this.messages = [], this.collectionStack = [];
-    const n = this.parse(t);
-    return this.astToGrapesJS(n);
+    const e = this.parse(t);
+    return this.astToGrapesJS(e);
   }
   parse(t) {
     try {
-      return I.parse(t);
-    } catch (n) {
-      if (n instanceof Error && n.message.includes("Parse error")) {
-        const e = n.message.match(/line (\d+)/), a = e ? parseInt(e[1]) : 0, s = n.message.match(/column (\d+)/), i = s ? parseInt(s[1]) : 0;
-        throw new Error(`Handlebars syntax error at line ${a}, column ${i}: ${n.message}`);
+      return L.parse(t);
+    } catch (e) {
+      if (e instanceof Error && e.message.includes("Parse error")) {
+        const n = e.message.match(/line (\d+)/), a = n ? parseInt(n[1]) : 0, s = e.message.match(/column (\d+)/), i = s ? parseInt(s[1]) : 0;
+        throw new Error(`Handlebars syntax error at line ${a}, column ${i}: ${e.message}`);
       }
-      throw n;
+      throw e;
     }
   }
   astToGrapesJS(t) {
@@ -365,71 +369,91 @@ class q {
     }
   }
   handleProgram(t) {
-    let n = "";
+    let e = "";
     if (t.body)
-      for (const e of t.body)
-        n += this.astToGrapesJS(e);
-    return n;
+      for (const n of t.body)
+        e += this.astToGrapesJS(n);
+    return e;
   }
   handleContentStatement(t) {
     return t.value || "";
   }
-  handleMustacheStatement(t, n = {}) {
-    const e = this.getExpressionString(t.path), a = n;
-    if (this.collectionStack.length > 0)
-      if (e.startsWith("@")) {
-        const s = e.split("/");
-        let i = 0;
-        const o = s[s.length - 1];
-        for (let l = 0; l < s.length - 1; l++)
-          s[l] === ".." && i++;
-        const h = Math.max(0, this.collectionStack.length - 1 - i);
-        if (h >= 0 && h < this.collectionStack.length) {
-          const l = this.collectionStack[h];
-          o === "index" || o === "@index" ? (a.collectionId = l, a.variableType = "currentIndex") : o === "key" || o === "@key" ? (a.collectionId = l, a.variableType = "currentKey") : o === "first" || o === "@first" ? (a.collectionId = l, a.variableType = "isFirst") : o === "last" || o === "@last" ? (a.collectionId = l, a.variableType = "isLast") : a.path = e;
-        } else
-          a.path = e;
-      } else {
-        const s = e.split("/");
-        let i = 0;
-        for (; s[0] === ".."; )
-          i++, s.shift();
-        const o = s.join("/"), h = this.collectionStack.length - 1 - i;
-        if (h >= 0 && h < this.collectionStack.length) {
-          const l = this.collectionStack[h];
-          o === "this" ? (a.collectionId = l, a.variableType = "currentItem") : (a.collectionId = l, a.variableType = "currentItem", a.path = o.startsWith("this.") ? o.split(".").slice(1).join(".") : o);
-        } else
-          a.path = `globalData.${s.join(".")}`;
-      }
-    else
-      a.path = e;
-    return `<data-variable data-gjs-data-resolver='${JSON.stringify(a)}'></data-variable>`;
+  handleMustacheStatement(t, e = {}) {
+    const n = this.getExpressionString(t.path), a = { ...e };
+    return this.collectionStack.length > 0 ? this.processPathWithCollectionContext(n, a) : a.path = n, `<data-variable data-gjs-data-resolver='${JSON.stringify(a)}'></data-variable>`;
+  }
+  processPathWithCollectionContext(t, e) {
+    t.startsWith("@") ? this.handleDirectCollectionReference(t, e) : this.handleRelativePathReference(t, e);
+  }
+  handleDirectCollectionReference(t, e) {
+    if (this.isSpecialIterationVariable(t)) {
+      this.setSpecialVariableResolver(this.collectionStack[this.collectionStack.length - 1], t, e);
+      return;
+    }
+    const [n, ...a] = t.substring(1).split("/"), s = a.join(".");
+    this.collectionStack.includes(n) ? this.setCurrentItemResolver(n, s, e) : this.handleParentReferenceFallback(t, e);
+  }
+  isSpecialIterationVariable(t) {
+    return ["index", "@index", "key", "@key"].includes(t);
+  }
+  setSpecialVariableResolver(t, e, n) {
+    n.collectionId = t;
+    const a = {
+      index: "currentIndex",
+      "@index": "currentIndex",
+      key: "currentKey",
+      "@key": "currentKey"
+    };
+    n.variableType = a[e];
+  }
+  setCurrentItemResolver(t, e, n) {
+    n.collectionId = t, n.variableType = "currentItem", e && (n.path = e);
+  }
+  handleRelativePathReference(t, e) {
+    const n = S(t), { parentLevel: a, remainingPathParts: s } = this.calculateParentLevel(n), i = s.join("."), o = this.collectionStack.length - 1 - a;
+    o >= 0 && o < this.collectionStack.length ? this.resolveRelativePath(i, o, e) : e.path = s.join(".");
+  }
+  calculateParentLevel(t) {
+    const e = this.collectionStack.findLastIndex((s) => s === t[0]);
+    if (e !== -1)
+      return { parentLevel: this.collectionStack.length - 1 - e, remainingPathParts: t.slice(1) };
+    let n = 0;
+    const a = [...t];
+    for (; a[0] === ".."; )
+      n++, a.shift();
+    return { parentLevel: n, remainingPathParts: a };
+  }
+  resolveRelativePath(t, e, n) {
+    const a = this.collectionStack[e];
+    n.collectionId = a, n.variableType = "currentItem", t !== "this" && (n.path = t.startsWith("this.") ? t.split(".").slice(1).join(".") : t);
+  }
+  handleParentReferenceFallback(t, e) {
+    const n = S(t), { parentLevel: a, remainingPathParts: s } = this.calculateParentLevel(n), i = s.join("."), o = this.collectionStack.length - 1 - a;
+    o >= 0 && o < this.collectionStack.length ? this.resolveRelativePath(i, o, e) : e.path = s.join(".");
   }
   handleBlockStatement(t) {
-    const n = t.path.original;
-    switch (n) {
+    const e = t.path.original;
+    switch (e) {
       case "if":
       case "unless":
-        return this.handleConditionalBlock(t, n);
+        return this.handleConditionalBlock(t, e);
       case "each":
         return this.handleEachBlock(t);
       default:
-        return this.addMessage("warning", `Unsupported block helper: ${n}`, t.loc), this.handleGenericBlock(t);
+        return this.addMessage("warning", `Unsupported block helper: ${e}`, t.loc), this.handleGenericBlock(t);
     }
   }
-  handleConditionalBlock(t, n) {
+  handleConditionalBlock(t, e) {
     const s = {
       logicalOperator: "and",
       statements: [
         {
           left: { type: "data-variable", path: this.getExpressionString(t.params[0]) },
-          operator: n === "unless" ? "isFalsy" : "isTruthy"
+          operator: e === "unless" ? "isFalsy" : "isTruthy"
         }
       ]
     }, i = this.handleProgram(t.program), o = t.inverse ? this.handleProgram(t.inverse) : "";
-    return t.params[0].type === "PathExpression" ? this.handleMustacheStatement(t.program.body[0], {
-      defaultValue: o
-    }) : `
+    return `
       <data-condition data-gjs-data-resolver='${JSON.stringify({ condition: s })}'>
         <data-condition-true-content>${i}</data-condition-true-content>
         <data-condition-false-content>${o}</data-condition-false-content>
@@ -437,13 +461,15 @@ class q {
     `;
   }
   handleEachBlock(t) {
-    const n = this.getExpressionString(t.params[0]), e = `collection-${Math.random().toString(36).substring(2, 10)}`;
-    this.collectionStack.push(e);
+    var s, i, o;
+    const e = this.getExpressionString(t.params[0]);
+    let n;
+    t.params.length >= 3 && t.params[1] === "as" && ((s = t.params[2]) == null ? void 0 : s.type) === "PathExpression" ? n = t.params[2].original : (o = (i = t.program) == null ? void 0 : i.blockParams) != null && o.length ? n = t.program.blockParams[0] : n = `collection-${Math.random().toString(36).substring(2, 10)}`, this.collectionStack.push(n);
     const a = this.handleProgram(t.program);
     return this.collectionStack.pop(), `
       <data-collection data-gjs-data-resolver='${JSON.stringify({
-      dataSource: { type: "data-variable", path: n },
-      collectionId: e
+      dataSource: { type: "data-variable", path: e },
+      collectionId: n
     })}'>
         <data-collection-item>${a}</data-collection-item>
       </data-collection>
@@ -453,15 +479,15 @@ class q {
     return `<!--${t.value}-->`;
   }
   handleElementNode(t) {
-    let n = "";
+    let e = "";
     if (t.attributes)
       for (const a of t.attributes)
-        a.value.type === "TextNode" ? n += ` ${a.name}="${a.value.chars}"` : (this.addMessage("warning", `Complex attribute values not fully supported: ${a.name}`, t.loc), n += ` ${a.name}="${this.getExpressionString(a.value)}"`);
-    let e = "";
+        a.value.type === "TextNode" ? e += ` ${a.name}="${a.value.chars}"` : (this.addMessage("warning", `Complex attribute values not fully supported: ${a.name}`, t.loc), e += ` ${a.name}="${this.getExpressionString(a.value)}"`);
+    let n = "";
     if (t.children)
       for (const a of t.children)
-        e += this.astToGrapesJS(a);
-    return `<${t.tag}${n}>${e}</${t.tag}>`;
+        n += this.astToGrapesJS(a);
+    return `<${t.tag}${e}>${n}</${t.tag}>`;
   }
   handleTextNode(t) {
     return t.chars || "";
@@ -470,35 +496,64 @@ class q {
     return this.addMessage("warning", `Partials are not fully supported: ${t.name.original}`, t.loc), `{{> ${t.name.original}}}`;
   }
   handleGenericBlock(t) {
-    const n = this.handleProgram(t.program);
-    return `<!-- Unsupported block: ${t.path.original} -->${n}`;
+    const e = this.handleProgram(t.program);
+    return `<!-- Unsupported block: ${t.path.original} -->${e}`;
   }
   getExpressionString(t) {
-    return t.type === "PathExpression" ? t.original : t.type === "StringLiteral" ? t.value : t.type === "NumberLiteral" ? t.value.toString() : t.type === "BooleanLiteral" ? t.value ? "true" : "false" : t.type === "SubExpression" ? this.getExpressionString(t.params[0]) : t.type === "Hash" ? `{${t.pairs.map((e) => `${e.key}=${this.getExpressionString(e.value)}`).join(", ")}}` : (this.addMessage("warning", `Complex expression type not fully supported: ${t.type}`, t.loc), "");
+    return t.type === "PathExpression" ? t.original : t.type === "StringLiteral" ? t.value : t.type === "NumberLiteral" ? t.value.toString() : t.type === "BooleanLiteral" ? t.value ? "true" : "false" : t.type === "SubExpression" ? this.getExpressionString(t.params[0]) : t.type === "Hash" ? `{${t.pairs.map((n) => `${n.key}=${this.getExpressionString(n.value)}`).join(", ")}}` : (this.addMessage("warning", `Complex expression type not fully supported: ${t.type}`, t.loc), "");
   }
-  addMessage(t, n, e) {
+  addMessage(t, e, n) {
     this.messages.push({
       type: t,
-      message: n,
-      location: e ? { line: e.start.line, column: e.start.column } : void 0
+      message: e,
+      location: n ? { line: n.start.line, column: n.start.column } : void 0
     });
   }
 }
-const A = "dataSourceHandlebars", G = p.startup, R = function(r, t = {}) {
-  const n = V(r, new W()), e = U(r, {
+const S = (r) => {
+  if (r == null || r === "")
+    return [];
+  if (r === ".")
+    return ["this"];
+  if (r === ".." || r === "../")
+    return [".."];
+  if (r.startsWith("../")) {
+    const i = r.substring(3);
+    return ["..", ...S(i)];
+  }
+  const t = [];
+  let e = 0, n = r.replace(
+    /\[(?:(['"])(.*?)\1|([^\]]*))\]/g,
+    (i, o, c, h) => {
+      const l = c !== void 0 ? c : h || "";
+      return t[e] = l, `__HANDLEBARS_PLACEHOLDER_${e++}__`;
+    }
+  );
+  n = n.replace(/\//g, ".");
+  const a = n.split("."), s = [];
+  for (const i of a) {
+    const o = /^__HANDLEBARS_PLACEHOLDER_(\d+)__$/.exec(i);
+    if (o) {
+      const c = parseInt(o[1], 10);
+      s.push(t[c]);
+    } else i !== "" && s.push(i);
+  }
+  return s;
+}, K = "dataSourceHandlebars", z = d.startup, Y = function(r, t = {}) {
+  const e = B(r, new F()), n = U(r, {
     contains: "{{",
-    importer: new q()
+    importer: new J()
   });
-  _({
+  R({
     editor: r,
     licenseKey: t.licenseKey,
-    plan: G,
-    pluginName: A,
+    plan: z,
+    pluginName: K,
     cleanup: () => {
-      n(), e();
+      e(), n();
     }
   });
-}, K = M(R);
+}, X = O(Y);
 export {
-  K as default
+  X as default
 };