@bpmn-io/form-js-playground 1.14.0 → 1.14.1-alpha.0

package/dist/form-playground.umd.js

@@ -30,7 +30,7 @@
       r,
       f = {};
     for (r in u) "key" == r ? t = u[r] : "ref" == r ? o = u[r] : f[r] = u[r];
-    if (arguments.length > 2 && (f.children = arguments.length > 3 ? n$1.call(arguments, 2) : i), "function" == typeof l && null != l.defaultProps) for (r in l.defaultProps) undefined === f[r] && (f[r] = l.defaultProps[r]);
+    if (arguments.length > 2 && (f.children = arguments.length > 3 ? n$1.call(arguments, 2) : i), "function" == typeof l && null != l.defaultProps) for (r in l.defaultProps) void 0 === f[r] && (f[r] = l.defaultProps[r]);
     return d$1(l, f, t, o, null);
   }
   function d$1(n, i, t, o, r) {
@@ -43,10 +43,10 @@
       __: null,
       __b: 0,
       __e: null,
-      __d: undefined,
+      __d: void 0,
       __c: null,
       __h: null,
-      constructor: undefined,
+      constructor: void 0,
       __v: null == r ? ++u$1 : r
     };
     return null == r && null != l$2.vnode && l$2.vnode(f), f;
@@ -77,7 +77,7 @@
   }
   function x() {
     var n, l, u, i, o, r, e, c;
-    for (t$2.sort(f$1); n = t$2.shift();) n.__d && (l = t$2.length, i = undefined, o = undefined, e = (r = (u = n).__v).__e, (c = u.__P) && (i = [], (o = h$1({}, r)).__v = r.__v + 1, L$2(c, r, o, u.__n, undefined !== c.ownerSVGElement, null != r.__h ? [e] : null, i, null == e ? g$2(r) : e, r.__h), M$1(i, r), r.__e != e && m$1(r)), t$2.length > l && t$2.sort(f$1));
+    for (t$2.sort(f$1); n = t$2.shift();) n.__d && (l = t$2.length, i = void 0, o = void 0, e = (r = (u = n).__v).__e, (c = u.__P) && (i = [], (o = h$1({}, r)).__v = r.__v + 1, L$2(c, r, o, u.__n, void 0 !== c.ownerSVGElement, null != r.__h ? [e] : null, i, null == e ? g$2(r) : e, r.__h), M$1(i, r), r.__e != e && m$1(r)), t$2.length > l && t$2.sort(f$1));
     x.__r = 0;
   }
   function P$3(n, l, u, i, t, o, r, f, e, a) {
@@ -93,9 +93,9 @@
     for (u.__k = [], h = 0; h < l.length; h++) if (null != (_ = u.__k[h] = null == (_ = l[h]) || "boolean" == typeof _ || "function" == typeof _ ? null : "string" == typeof _ || "number" == typeof _ || "bigint" == typeof _ ? d$1(null, _, null, null, _) : v$2(_) ? d$1(k$2, {
       children: _
     }, null, null, null) : _.__b > 0 ? d$1(_.type, _.props, _.key, _.ref ? _.ref : null, _.__v) : _)) {
-      if (_.__ = u, _.__b = u.__b + 1, null === (y = x[h]) || y && _.key == y.key && _.type === y.type) x[h] = undefined;else for (p = 0; p < P; p++) {
+      if (_.__ = u, _.__b = u.__b + 1, null === (y = x[h]) || y && _.key == y.key && _.type === y.type) x[h] = void 0;else for (p = 0; p < P; p++) {
         if ((y = x[p]) && _.key == y.key && _.type === y.type) {
-          x[p] = undefined;
+          x[p] = void 0;
           break;
         }
         y = null;
@@ -116,11 +116,11 @@
   }
   function $$1(n, l, u, i, t, o) {
     var r, f, e;
-    if (undefined !== l.__d) r = l.__d, l.__d = undefined;else if (null == u || t != o || null == t.parentNode) n: if (null == o || o.parentNode !== n) n.appendChild(t), r = null;else {
+    if (void 0 !== l.__d) r = l.__d, l.__d = void 0;else if (null == u || t != o || null == t.parentNode) n: if (null == o || o.parentNode !== n) n.appendChild(t), r = null;else {
       for (f = o, e = 0; (f = f.nextSibling) && e < i.length; e += 1) if (f == t) break n;
       n.insertBefore(t, o), r = o;
     }
-    return undefined !== r ? r : t.nextSibling;
+    return void 0 !== r ? r : t.nextSibling;
   }
   function A(n) {
     var l, u, i;
@@ -174,7 +174,7 @@
       A,
       H,
       I = u.type;
-    if (undefined !== u.constructor) return null;
+    if (void 0 !== u.constructor) return null;
     null != i.__h && (c = i.__h, e = u.__e = i.__e, u.__h = null, r = [e]), (s = l$2.__b) && s(u);
     try {
       n: if ("function" == typeof I) {
@@ -236,7 +236,7 @@
         (h || a) && (h && (a && h.__html == a.__html || h.__html === l.innerHTML) || (l.innerHTML = h && h.__html || ""));
       }
       if (H$1(l, d, y, o, e), h) u.__k = [];else if (P$3(l, v$2(k = u.props.children) ? k : [k], u, i, t, o && "foreignObject" !== _, r, f, r ? r[0] : i.__k && g$2(i, 0), e), null != r) for (k = r.length; k--;) null != r[k] && p$1(r[k]);
-      e || ("value" in d && undefined !== (k = d.value) && (k !== l.value || "progress" === _ && !k || "option" === _ && k !== y.value) && T$3(l, "value", k, y.value, false), "checked" in d && undefined !== (k = d.checked) && k !== l.checked && T$3(l, "checked", k, y.checked, false));
+      e || ("value" in d && void 0 !== (k = d.value) && (k !== l.value || "progress" === _ && !k || "option" === _ && k !== y.value) && T$3(l, "value", k, y.value, false), "checked" in d && void 0 !== (k = d.checked) && k !== l.checked && T$3(l, "checked", k, y.checked, false));
     }
     return l;
   }
@@ -255,17 +255,17 @@
       } catch (n) {
         l$2.__e(n, u);
       }
-      t.base = t.__P = null, n.__c = undefined;
+      t.base = t.__P = null, n.__c = void 0;
     }
     if (t = n.__k) for (o = 0; o < t.length; o++) t[o] && q$2(t[o], u, i || "function" != typeof n.type);
-    i || null == n.__e || p$1(n.__e), n.__ = n.__e = n.__d = undefined;
+    i || null == n.__e || p$1(n.__e), n.__ = n.__e = n.__d = void 0;
   }
   function B$2(n, l, u) {
     return this.constructor(n, u);
   }
   function D$1(u, i, t) {
     var o, r, f;
-    l$2.__ && l$2.__(u, i), r = (o = "function" == "undefined") ? null : i.__k, f = [], L$2(i, u = (i).__k = y$1(k$2, null, [u]), r || c$1, c$1, undefined !== i.ownerSVGElement, r ? null : i.firstChild ? n$1.call(i.childNodes) : null, f, r ? r.__e : i.firstChild, o), M$1(f, u);
+    l$2.__ && l$2.__(u, i), r = (o = "function" == "undefined") ? null : i.__k, f = [], L$2(i, u = (i).__k = y$1(k$2, null, [u]), r || c$1, c$1, void 0 !== i.ownerSVGElement, r ? null : i.firstChild ? n$1.call(i.childNodes) : null, f, r ? r.__e : i.firstChild, o), M$1(f, u);
   }
   function G(n, l) {
     var u = {
@@ -824,7 +824,7 @@
   }
   function s$1(n, u, i) {
     var o = d(t$1++, 2);
-    if (o.t = n, !o.__c && (o.__ = [i ? i(u) : B$1(undefined, u), function (n) {
+    if (o.t = n, !o.__c && (o.__ = [i ? i(u) : B$1(void 0, u), function (n) {
       var t = o.__N ? o.__N[0] : o.__[0],
         r = o.t(t, n);
       t !== r && (o.__N = [r, o.__[1]], o.__c.setState({}));
@@ -841,7 +841,7 @@
         return u.forEach(function (n) {
           if (n.__N) {
             var t = n.__[0];
-            n.__ = n.__N, n.__N = undefined, t !== n.__[0] && (i = true);
+            n.__ = n.__N, n.__N = void 0, t !== n.__[0] && (i = true);
           }
         }), !(!i && o.__c.props === n) && (!c || c.call(this, n, t, r));
       };
@@ -851,7 +851,7 @@
       r.componentWillUpdate = function (n, t, r) {
         if (this.__e) {
           var u = c;
-          c = undefined, f(n, t, r), c = u;
+          c = void 0, f(n, t, r), c = u;
         }
         e && e.call(this, n, t, r);
       }, r.shouldComponentUpdate = f;
@@ -900,13 +900,13 @@
     a && a(n), t$1 = 0;
     var i = (r = n.__c).__H;
     i && (u === r ? (i.__h = [], r.__h = [], i.__.forEach(function (n) {
-      n.__N && (n.__ = n.__N), n.__V = c, n.__N = n.i = undefined;
+      n.__N && (n.__ = n.__N), n.__V = c, n.__N = n.i = void 0;
     })) : (i.__h.forEach(k$1), i.__h.forEach(w$1), i.__h = [], t$1 = 0)), u = r;
   }, l$2.diffed = function (t) {
     v$1 && v$1(t);
     var o = t.__c;
     o && o.__H && (o.__H.__h.length && (1 !== f.push(o) && i$1 === l$2.requestAnimationFrame || ((i$1 = l$2.requestAnimationFrame) || j$1)(b)), o.__H.__.forEach(function (n) {
-      n.i && (n.__H = n.i), n.__V !== c && (n.__ = n.__V), n.i = undefined, n.__V = c;
+      n.i && (n.__H = n.i), n.__V !== c && (n.__ = n.__V), n.i = void 0, n.__V = c;
     })), u = r = null;
   }, l$2.__c = function (t, r) {
     r.some(function (t) {
@@ -930,7 +930,7 @@
       } catch (n) {
         r = n;
       }
-    }), u.__H = undefined, r && l$2.__e(r, u.__v));
+    }), u.__H = void 0, r && l$2.__e(r, u.__v));
   };
   var g$1 = "function" == typeof requestAnimationFrame;
   function j$1(n) {
@@ -944,7 +944,7 @@
   function k$1(n) {
     var t = r,
       u = n.__c;
-    "function" == typeof u && (n.__c = undefined, u()), r = t;
+    "function" == typeof u && (n.__c = void 0, u()), r = t;
   }
   function w$1(n) {
     var t = r;
@@ -1926,7 +1926,7 @@
     DIV_BY_ZERO$1 = NAME$1 + 'Division by zero',
     // The shared prototype object.
     P$2 = {},
-    UNDEFINED$1 = undefined,
+    UNDEFINED$1 = void 0,
     NUMERIC$1 = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
 
   /*
@@ -2800,15 +2800,15 @@
       __: null,
       __b: 0,
       __e: null,
-      __d: undefined,
+      __d: void 0,
       __c: null,
       __h: null,
-      constructor: undefined,
+      constructor: void 0,
       __v: --_,
       __source: f,
       __self: l
     };
-    if ("function" == typeof o && (s = o.defaultProps)) for (u in s) undefined === a[u] && (a[u] = s[u]);
+    if ("function" == typeof o && (s = o.defaultProps)) for (u in s) void 0 === a[u] && (a[u] = s[u]);
     return l$2.vnode && l$2.vnode(i), i;
   }
 
@@ -13516,7 +13516,7 @@
   };
 
   var pad = function (number, length) {
-    if (length === undefined) {
+    if (length === void 0) {
       length = 2;
     }
     return ("000" + number).slice(length * -1);
@@ -13760,11 +13760,11 @@
 
   var createDateFormatter = function (_a) {
     var _b = _a.config,
-      config = _b === undefined ? defaults$2 : _b,
+      config = _b === void 0 ? defaults$2 : _b,
       _c = _a.l10n,
-      l10n = _c === undefined ? english : _c,
+      l10n = _c === void 0 ? english : _c,
       _d = _a.isMobile,
-      isMobile = _d === undefined ? false : _d;
+      isMobile = _d === void 0 ? false : _d;
     return function (dateObj, frmt, overrideLocale) {
       var locale = overrideLocale || l10n;
       if (config.formatDate !== undefined && !isMobile) {
@@ -13777,9 +13777,9 @@
   };
   var createDateParser = function (_a) {
     var _b = _a.config,
-      config = _b === undefined ? defaults$2 : _b,
+      config = _b === void 0 ? defaults$2 : _b,
       _c = _a.l10n,
-      l10n = _c === undefined ? english : _c;
+      l10n = _c === void 0 ? english : _c;
     return function (date, givenFormat, timeless, customLocale) {
       if (date !== 0 && !date) return undefined;
       var locale = customLocale || l10n;
@@ -13796,7 +13796,7 @@
         } else if (/Z$/.test(datestr) || /GMT$/.test(datestr)) {
           parsedDate = new Date(date);
         } else {
-          var matched = undefined,
+          var matched = void 0,
             ops = [];
           for (var i = 0, matchIndex = 0, regexStr = ""; i < format.length; i++) {
             var token = format[i];
@@ -13831,7 +13831,7 @@
     };
   };
   function compareDates(date1, date2, timeless) {
-    if (timeless === undefined) {
+    if (timeless === void 0) {
       timeless = true;
     }
     if (timeless !== false) {
@@ -13957,10 +13957,10 @@
     function setupHelperFunctions() {
       self.utils = {
         getDaysInMonth: function (month, yr) {
-          if (month === undefined) {
+          if (month === void 0) {
             month = self.currentMonth;
           }
-          if (yr === undefined) {
+          if (yr === void 0) {
             yr = self.currentYear;
           }
           if (month === 1 && (yr % 4 === 0 && yr % 100 !== 0 || yr % 400 === 0)) return 29;
@@ -13993,7 +13993,7 @@
     }
     function getClosestActiveElement() {
       var _a;
-      return ((_a = self.calendarContainer) === null || _a === undefined ? undefined : _a.getRootNode()).activeElement || document.activeElement;
+      return ((_a = self.calendarContainer) === null || _a === void 0 ? void 0 : _a.getRootNode()).activeElement || document.activeElement;
     }
     function bindToInstance(fn) {
       return fn.bind(self);
@@ -14583,7 +14583,7 @@
       };
     }
     function changeMonth(value, isOffset) {
-      if (isOffset === undefined) {
+      if (isOffset === void 0) {
         isOffset = true;
       }
       var delta = isOffset ? value : value - self.currentMonth;
@@ -14600,10 +14600,10 @@
       updateNavigationCurrentMonth();
     }
     function clear(triggerChangeEvent, toInitial) {
-      if (triggerChangeEvent === undefined) {
+      if (triggerChangeEvent === void 0) {
         triggerChangeEvent = true;
       }
-      if (toInitial === undefined) {
+      if (toInitial === void 0) {
         toInitial = true;
       }
       self.input.value = "";
@@ -14714,7 +14714,7 @@
     }
     function isEnabled(date, timeless) {
       var _a;
-      if (timeless === undefined) {
+      if (timeless === void 0) {
         timeless = true;
       }
       var dateToCheck = self.parseDate(date, undefined, timeless);
@@ -14722,8 +14722,8 @@
       if (!self.config.enable && self.config.disable.length === 0) return true;
       if (dateToCheck === undefined) return false;
       var bool = !!self.config.enable,
-        array = (_a = self.config.enable) !== null && _a !== undefined ? _a : self.config.disable;
-      for (var i = 0, d = undefined; i < array.length; i++) {
+        array = (_a = self.config.enable) !== null && _a !== void 0 ? _a : self.config.disable;
+      for (var i = 0, d = void 0; i < array.length; i++) {
         d = array[i];
         if (typeof d === "function" && d(dateToCheck)) return bool;else if (d instanceof Date && dateToCheck !== undefined && d.getTime() === dateToCheck.getTime()) return bool;else if (typeof d === "string") {
           var parsed = self.parseDate(d, undefined, true);
@@ -14850,7 +14850,7 @@
       }
     }
     function onMouseOver(elem, cellClass) {
-      if (cellClass === undefined) {
+      if (cellClass === void 0) {
         cellClass = "flatpickr-day";
       }
       if (self.selectedDates.length !== 1 || elem && (!elem.classList.contains(cellClass) || elem.classList.contains("flatpickr-disabled"))) return;
@@ -14893,7 +14893,7 @@
       if (self.isOpen && !self.config.static && !self.config.inline) positionCalendar();
     }
     function open(e, positionElement) {
-      if (positionElement === undefined) {
+      if (positionElement === void 0) {
         positionElement = self._positionElement;
       }
       if (self.isMobile === true) {
@@ -15267,10 +15267,10 @@
       });
     }
     function setDate(date, triggerChange, format) {
-      if (triggerChange === undefined) {
+      if (triggerChange === void 0) {
         triggerChange = false;
       }
-      if (format === undefined) {
+      if (format === void 0) {
         format = self.config.dateFormat;
       }
       if (date !== 0 && !date || date instanceof Array && date.length === 0) return self.clear(triggerChange);
@@ -15420,7 +15420,7 @@
       }).join(self.config.mode !== "range" ? self.config.conjunction : self.l10n.rangeSeparator);
     }
     function updateValue(triggerChange) {
-      if (triggerChange === undefined) {
+      if (triggerChange === void 0) {
         triggerChange = true;
       }
       if (self.mobileInput !== undefined && self.mobileFormatStr) {
@@ -15755,7 +15755,7 @@
         var i = t[o];
         if (!("value" === o && "defaultValue" in t && null == i || $ && "children" === o && "noscript" === e || "class" === o || "className" === o)) {
           var l = o.toLowerCase();
-          "defaultValue" === o && "value" in t && null == t.value ? o = "value" : "download" === o && true === i ? i = "" : "ondoubleclick" === l ? o = "ondblclick" : "onchange" !== l || "input" !== e && "textarea" !== e || q(t.type) ? "onfocus" === l ? o = "onfocusin" : "onblur" === l ? o = "onfocusout" : Z.test(o) ? o = l : -1 === e.indexOf("-") && H.test(o) ? o = o.replace(Y$1, "-$&").toLowerCase() : null === i && (i = undefined) : l = o = "oninput", "oninput" === l && u[o = l] && (o = "oninputCapture"), u[o] = i;
+          "defaultValue" === o && "value" in t && null == t.value ? o = "value" : "download" === o && true === i ? i = "" : "ondoubleclick" === l ? o = "ondblclick" : "onchange" !== l || "input" !== e && "textarea" !== e || q(t.type) ? "onfocus" === l ? o = "onfocusin" : "onblur" === l ? o = "onfocusout" : Z.test(o) ? o = l : -1 === e.indexOf("-") && H.test(o) ? o = o.replace(Y$1, "-$&").toLowerCase() : null === i && (i = void 0) : l = o = "oninput", "oninput" === l && u[o = l] && (o = "oninputCapture"), u[o] = i;
         }
       }
       "select" == e && u.multiple && Array.isArray(u.value) && (u.value = S(t.children).forEach(function (n) {
@@ -15777,7 +15777,7 @@
     null != e && "textarea" === n.type && "value" in t && t.value !== e.value && (e.value = null == t.value ? "" : t.value);
   };
 
-  /*! @license DOMPurify 3.2.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.3/LICENSE */
+  /*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
 
   const {
     entries,
@@ -15816,8 +15816,10 @@
     };
   }
   const arrayForEach = unapply(Array.prototype.forEach);
+  const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
   const arrayPop = unapply(Array.prototype.pop);
   const arrayPush = unapply(Array.prototype.push);
+  const arraySplice = unapply(Array.prototype.splice);
   const stringToLowerCase = unapply(String.prototype.toLowerCase);
   const stringToString = unapply(String.prototype.toString);
   const stringMatch = unapply(String.prototype.match);
@@ -15971,7 +15973,7 @@
   // eslint-disable-next-line unicorn/better-regex
   const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
   const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
-  const TMPLIT_EXPR = seal(/\$\{[\w\W]*}/gm); // eslint-disable-line unicorn/better-regex
+  const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
   const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
   const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
   const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
@@ -15999,20 +16001,11 @@
   // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
   const NODE_TYPE = {
     element: 1,
-    attribute: 2,
     text: 3,
-    cdataSection: 4,
-    entityReference: 5,
-    // Deprecated
-    entityNode: 6,
     // Deprecated
     progressingInstruction: 7,
     comment: 8,
-    document: 9,
-    documentType: 10,
-    documentFragment: 11,
-    notation: 12 // Deprecated
-  };
+    document: 9};
   const getGlobal = function getGlobal() {
     return typeof window === 'undefined' ? null : window;
   };
@@ -16070,9 +16063,9 @@
   function createDOMPurify() {
     let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
     const DOMPurify = root => createDOMPurify(root);
-    DOMPurify.version = '3.2.3';
+    DOMPurify.version = '3.2.4';
     DOMPurify.removed = [];
-    if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document) {
+    if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
       // Not running in a browser, provide a factory function
       // so that you can pass your own Window
       DOMPurify.isSupported = false;
@@ -17091,7 +17084,11 @@
       }
       arrayPush(hooks[entryPoint], hookFunction);
     };
-    DOMPurify.removeHook = function (entryPoint) {
+    DOMPurify.removeHook = function (entryPoint, hookFunction) {
+      if (hookFunction !== undefined) {
+        const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+        return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];
+      }
       return arrayPop(hooks[entryPoint]);
     };
     DOMPurify.removeHooks = function (entryPoint) {
@@ -27707,7 +27704,7 @@
     let mode = overlays ? 0 : IterMode.IgnoreOverlays;
     // Must go up out of overlays when those do not overlap with pos
     if (overlays) for (let scan = node, parent = scan.parent; parent; scan = parent, parent = scan.parent) {
-      if (scan instanceof TreeNode && scan.index < 0 && ((_a = parent.enter(pos, side, mode)) === null || _a === undefined ? undefined : _a.from) != scan.from) node = parent;
+      if (scan instanceof TreeNode && scan.index < 0 && ((_a = parent.enter(pos, side, mode)) === null || _a === void 0 ? void 0 : _a.from) != scan.from) node = parent;
     }
     for (;;) {
       let inner = node.enter(pos, side, mode);
@@ -27733,7 +27730,7 @@
       return resolveNode(this, pos, side, true);
     }
     matchContext(context) {
-      return matchNodeContext(this, context);
+      return matchNodeContext(this.parent, context);
     }
     enterUnfinishedNodesBefore(pos) {
       let scan = this.childBefore(pos),
@@ -27869,7 +27866,7 @@
     }
   }
   function matchNodeContext(node, context, i = context.length - 1) {
-    for (let p = node.parent; i >= 0; p = p.parent) {
+    for (let p = node; i >= 0; p = p.parent) {
       if (!p) return false;
       if (!p.type.isAnonymous) {
         if (context[i] && context[i] != p.name) return false;
@@ -28239,7 +28236,7 @@
       return this.move(1, enter);
     }
     /**
-    Move to the next node in a last-to-first pre-order traveral. A
+    Move to the next node in a last-to-first pre-order traversal. A
     node is followed by its last child or, if it has none, its
     previous sibling or the previous sibling of the first parent
     node that has one.
@@ -28309,8 +28306,8 @@
         for (;;) {
           if (mustLeave && leave) leave(this);
           mustLeave = this.type.isAnonymous;
-          if (this.nextSibling()) break;
           if (!depth) return;
+          if (this.nextSibling()) break;
           this.parent();
           depth--;
           mustLeave = true;
@@ -28323,7 +28320,7 @@
     are treated as wildcards.
     */
     matchContext(context) {
-      if (!this.buffer) return matchNodeContext(this.node, context);
+      if (!this.buffer) return matchNodeContext(this.node.parent, context);
       let {
           buffer
         } = this.buffer,
@@ -28331,7 +28328,7 @@
           types
         } = buffer.set;
       for (let i = context.length - 1, d = this.stack.length - 1; i >= 0; d--) {
-        if (d < 0) return matchNodeContext(this.node, context, i);
+        if (d < 0) return matchNodeContext(this._tree, context, i);
         let type = types[buffer.buffer[this.stack[d]]];
         if (!type.isAnonymous) {
           if (context[i] && context[i] != type.name) return false;
@@ -28364,7 +28361,8 @@
         end,
         size
       } = cursor;
-      let lookAheadAtStart = lookAhead;
+      let lookAheadAtStart = lookAhead,
+        contextAtStart = contextHash;
       while (size < 0) {
         cursor.next();
         if (size == -1 /* SpecialRecord.Reuse */) {
@@ -28407,7 +28405,7 @@
         while (cursor.pos > endPos) {
           if (localInRepeat >= 0 && cursor.id == localInRepeat && cursor.size >= 0) {
             if (cursor.end <= lastEnd - maxBufferLength) {
-              makeRepeatLeaf(localChildren, localPositions, start, lastGroup, cursor.end, lastEnd, localInRepeat, lookAheadAtStart);
+              makeRepeatLeaf(localChildren, localPositions, start, lastGroup, cursor.end, lastEnd, localInRepeat, lookAheadAtStart, contextAtStart);
               lastGroup = localChildren.length;
               lastEnd = cursor.end;
             }
@@ -28418,14 +28416,14 @@
             takeNode(start, endPos, localChildren, localPositions, localInRepeat, depth + 1);
           }
         }
-        if (localInRepeat >= 0 && lastGroup > 0 && lastGroup < localChildren.length) makeRepeatLeaf(localChildren, localPositions, start, lastGroup, start, lastEnd, localInRepeat, lookAheadAtStart);
+        if (localInRepeat >= 0 && lastGroup > 0 && lastGroup < localChildren.length) makeRepeatLeaf(localChildren, localPositions, start, lastGroup, start, lastEnd, localInRepeat, lookAheadAtStart, contextAtStart);
         localChildren.reverse();
         localPositions.reverse();
         if (localInRepeat > -1 && lastGroup > 0) {
-          let make = makeBalanced(type);
+          let make = makeBalanced(type, contextAtStart);
           node = balanceRange(type, localChildren, localPositions, 0, localChildren.length, 0, end - start, make, make);
         } else {
-          node = makeTree(type, localChildren, localPositions, end - start, lookAheadAtStart - end);
+          node = makeTree(type, localChildren, localPositions, end - start, lookAheadAtStart - end, contextAtStart);
         }
       }
       children.push(node);
@@ -28467,7 +28465,7 @@
         positions.push(start - parentStart);
       }
     }
-    function makeBalanced(type) {
+    function makeBalanced(type, contextHash) {
       return (children, positions, length) => {
         let lookAhead = 0,
           lastI = children.length - 1,
@@ -28477,20 +28475,20 @@
           if (!lastI && last.type == type && last.length == length) return last;
           if (lookAheadProp = last.prop(NodeProp.lookAhead)) lookAhead = positions[lastI] + last.length + lookAheadProp;
         }
-        return makeTree(type, children, positions, length, lookAhead);
+        return makeTree(type, children, positions, length, lookAhead, contextHash);
       };
     }
-    function makeRepeatLeaf(children, positions, base, i, from, to, type, lookAhead) {
+    function makeRepeatLeaf(children, positions, base, i, from, to, type, lookAhead, contextHash) {
       let localChildren = [],
         localPositions = [];
       while (children.length > i) {
         localChildren.push(children.pop());
         localPositions.push(positions.pop() + base - from);
       }
-      children.push(makeTree(nodeSet.types[type], localChildren, localPositions, to - from, lookAhead - to));
+      children.push(makeTree(nodeSet.types[type], localChildren, localPositions, to - from, lookAhead - to, contextHash));
       positions.push(from - base);
     }
-    function makeTree(type, children, positions, length, lookAhead = 0, props) {
+    function makeTree(type, children, positions, length, lookAhead, contextHash, props) {
       if (contextHash) {
         let pair = [NodeProp.contextHash, contextHash];
         props = props ? [pair].concat(props) : [pair];
@@ -28584,7 +28582,7 @@
     let children = [],
       positions = [];
     while (cursor.pos > 0) takeNode(data.start || 0, data.bufferStart || 0, children, positions, -1, 0);
-    let length = (_a = data.length) !== null && _a !== undefined ? _a : children.length ? positions[0] + children[0].length : 0;
+    let length = (_a = data.length) !== null && _a !== void 0 ? _a : children.length ? positions[0] + children[0].length : 0;
     return new Tree(types[data.topID], children.reverse(), positions.reverse(), length);
   }
   const nodeSizeCache = new WeakMap();
@@ -28937,7 +28935,13 @@
           }
         } else if (overlay && (range = overlay.predicate(cursor))) {
           if (range === true) range = new Range$3(cursor.from, cursor.to);
-          if (range.from < range.to) overlay.ranges.push(range);
+          if (range.from < range.to) {
+            let last = overlay.ranges.length - 1;
+            if (last >= 0 && overlay.ranges[last].to == range.from) overlay.ranges[last] = {
+              from: overlay.ranges[last].from,
+              to: range.to
+            };else overlay.ranges.push(range);
+          }
         }
         if (enter && cursor.firstChild()) {
           if (overlay) overlay.depth++;
@@ -29057,7 +29061,7 @@
       this.fragI = 0;
       if (fragments.length) {
         let first = this.curFrag = fragments[0];
-        this.curTo = (_a = first.tree.prop(stoppedInner)) !== null && _a !== undefined ? _a : first.to;
+        this.curTo = (_a = first.tree.prop(stoppedInner)) !== null && _a !== void 0 ? _a : first.to;
         this.inner = new StructureCursor(first.tree, -first.offset);
       } else {
         this.curFrag = this.inner = null;
@@ -29074,7 +29078,7 @@
         this.curFrag = this.inner = null;
       } else {
         let frag = this.curFrag = this.fragments[this.fragI];
-        this.curTo = (_a = frag.tree.prop(stoppedInner)) !== null && _a !== undefined ? _a : frag.to;
+        this.curTo = (_a = frag.tree.prop(stoppedInner)) !== null && _a !== void 0 ? _a : frag.to;
         this.inner = new StructureCursor(frag.tree, -frag.offset);
       }
     }
@@ -29084,7 +29088,7 @@
       if (this.inner) {
         this.inner.cursor.moveTo(pos, 1);
         for (let pos = this.inner.cursor.node; pos; pos = pos.parent) {
-          let mount = (_a = pos.tree) === null || _a === undefined ? undefined : _a.prop(NodeProp.mounted);
+          let mount = (_a = pos.tree) === null || _a === void 0 ? void 0 : _a.prop(NodeProp.mounted);
           if (mount && mount.parser == parser) {
             for (let i = this.fragI; i < this.fragments.length; i++) {
               let frag = this.fragments[i];
@@ -29339,7 +29343,7 @@
       // This is a kludge to try and detect overly deep left-associative
       // trees, which will not increase the parse stack depth and thus
       // won't be caught by the regular stack-depth limit check.
-      if (size >= 2000 /* Recover.MinBigReduction */ && !((_a = this.p.parser.nodeSet.types[type]) === null || _a === undefined ? undefined : _a.isAnonymous)) {
+      if (size >= 2000 /* Recover.MinBigReduction */ && !((_a = this.p.parser.nodeSet.types[type]) === null || _a === void 0 ? void 0 : _a.isAnonymous)) {
         if (start == this.p.lastBigReductionStart) {
           this.p.bigReductionCount++;
           this.p.lastBigReductionSize = size;
@@ -30991,7 +30995,7 @@
     static define(nameOrParent, parent) {
       let name = typeof nameOrParent == "string" ? nameOrParent : "?";
       if (nameOrParent instanceof Tag) parent = nameOrParent;
-      if (parent === null || parent === undefined ? undefined : parent.base) throw new Error("Can not derive from a modified tag");
+      if (parent === null || parent === void 0 ? void 0 : parent.base) throw new Error("Can not derive from a modified tag");
       let tag = new Tag(name, [], null, []);
       tag.set.push(tag);
       if (parent) for (let t of parent.set) tag.set.push(t);
@@ -33886,11 +33890,11 @@
           includeOffset: false
         });
       }
-      if ((_a = obj.zone) === null || _a === undefined ? undefined : _a.zoneName) {
+      if ((_a = obj.zone) === null || _a === void 0 ? void 0 : _a.zoneName) {
         return obj.toISO({
           suppressMilliseconds: true,
           includeOffset: false
-        }) + '@' + ((_b = obj.zone) === null || _b === undefined ? undefined : _b.zoneName);
+        }) + '@' + ((_b = obj.zone) === null || _b === void 0 ? void 0 : _b.zoneName);
       }
       return obj.toISO({
         suppressMilliseconds: true
@@ -33909,11 +33913,11 @@
           includeOffset: false
         });
       }
-      if ((_c = obj.zone) === null || _c === undefined ? undefined : _c.zoneName) {
+      if ((_c = obj.zone) === null || _c === void 0 ? void 0 : _c.zoneName) {
         return obj.toISOTime({
           suppressMilliseconds: true,
           includeOffset: false
-        }) + '@' + ((_d = obj.zone) === null || _d === undefined ? undefined : _d.zoneName);
+        }) + '@' + ((_d = obj.zone) === null || _d === void 0 ? void 0 : _d.zoneName);
       }
       return obj.toISOTime({
         suppressMilliseconds: true
@@ -35969,11 +35973,11 @@
           includeOffset: false
         });
       }
-      if ((_a = obj.zone) === null || _a === undefined ? undefined : _a.zoneName) {
+      if ((_a = obj.zone) === null || _a === void 0 ? void 0 : _a.zoneName) {
         return obj.toISO({
           suppressMilliseconds: true,
           includeOffset: false
-        }) + '@' + ((_b = obj.zone) === null || _b === undefined ? undefined : _b.zoneName);
+        }) + '@' + ((_b = obj.zone) === null || _b === void 0 ? void 0 : _b.zoneName);
       }
       return obj.toISO({
         suppressMilliseconds: true
@@ -35992,11 +35996,11 @@
           includeOffset: false
         });
       }
-      if ((_c = obj.zone) === null || _c === undefined ? undefined : _c.zoneName) {
+      if ((_c = obj.zone) === null || _c === void 0 ? void 0 : _c.zoneName) {
         return obj.toISOTime({
           suppressMilliseconds: true,
           includeOffset: false
-        }) + '@' + ((_d = obj.zone) === null || _d === undefined ? undefined : _d.zoneName);
+        }) + '@' + ((_d = obj.zone) === null || _d === void 0 ? void 0 : _d.zoneName);
       }
       return obj.toISOTime({
         suppressMilliseconds: true
@@ -38526,13 +38530,13 @@
     safely ignore the optional arguments in most situations.
     */
     static cursor(pos, assoc = 0, bidiLevel, goalColumn) {
-      return SelectionRange.create(pos, pos, (assoc == 0 ? 0 : assoc < 0 ? 8 /* RangeFlag.AssocBefore */ : 16 /* RangeFlag.AssocAfter */) | (bidiLevel == null ? 7 : Math.min(6, bidiLevel)) | (goalColumn !== null && goalColumn !== undefined ? goalColumn : 16777215 /* RangeFlag.NoGoalColumn */) << 6 /* RangeFlag.GoalColumnOffset */);
+      return SelectionRange.create(pos, pos, (assoc == 0 ? 0 : assoc < 0 ? 8 /* RangeFlag.AssocBefore */ : 16 /* RangeFlag.AssocAfter */) | (bidiLevel == null ? 7 : Math.min(6, bidiLevel)) | (goalColumn !== null && goalColumn !== void 0 ? goalColumn : 16777215 /* RangeFlag.NoGoalColumn */) << 6 /* RangeFlag.GoalColumnOffset */);
     }
     /**
     Create a selection range.
     */
     static range(anchor, head, goalColumn, bidiLevel) {
-      let flags = (goalColumn !== null && goalColumn !== undefined ? goalColumn : 16777215 /* RangeFlag.NoGoalColumn */) << 6 /* RangeFlag.GoalColumnOffset */ | (bidiLevel == null ? 7 : Math.min(6, bidiLevel));
+      let flags = (goalColumn !== null && goalColumn !== void 0 ? goalColumn : 16777215 /* RangeFlag.NoGoalColumn */) << 6 /* RangeFlag.GoalColumnOffset */ | (bidiLevel == null ? 7 : Math.min(6, bidiLevel));
       return head < anchor ? SelectionRange.create(head, anchor, 32 /* RangeFlag.Inverted */ | 16 /* RangeFlag.AssocAfter */ | flags) : SelectionRange.create(anchor, head, (head > anchor ? 8 /* RangeFlag.AssocBefore */ : 0) | flags);
     }
     /**
@@ -38664,7 +38668,7 @@
         depSel = false,
         depAddrs = [];
       for (let dep of this.dependencies) {
-        if (dep == "doc") depDoc = true;else if (dep == "selection") depSel = true;else if ((((_a = addresses[dep.id]) !== null && _a !== undefined ? _a : 1) & 1) == 0) depAddrs.push(addresses[dep.id]);
+        if (dep == "doc") depDoc = true;else if (dep == "selection") depSel = true;else if ((((_a = addresses[dep.id]) !== null && _a !== void 0 ? _a : 1) & 1) == 0) depAddrs.push(addresses[dep.id]);
       }
       return {
         create(state) {
@@ -38792,7 +38796,7 @@
     }
     create(state) {
       let init = state.facet(initField).find(i => i.field == this);
-      return ((init === null || init === undefined ? undefined : init.create) || this.createF)(state);
+      return ((init === null || init === void 0 ? void 0 : init.create) || this.createF)(state);
     }
     /**
     @internal
@@ -38812,6 +38816,13 @@
           return 1 /* SlotStatus.Changed */;
         },
         reconfigure: (state, oldState) => {
+          let init = state.facet(initField),
+            oldInit = oldState.facet(initField),
+            reInit;
+          if ((reInit = init.find(i => i.field == this)) && reInit != oldInit.find(i => i.field == this)) {
+            state.values[idx] = reInit.create(state);
+            return 1 /* SlotStatus.Changed */;
+          }
           if (oldState.config.address[this.id] != null) {
             state.values[idx] = oldState.field(this);
             return 0;
@@ -38961,7 +38972,7 @@
         address[field.id] = dynamicSlots.length << 1;
         dynamicSlots.push(a => field.slot(a));
       }
-      let oldFacets = oldState === null || oldState === undefined ? undefined : oldState.config.facets;
+      let oldFacets = oldState === null || oldState === void 0 ? void 0 : oldState.config.facets;
       for (let id in facets) {
         let providers = facets[id],
           facet = providers[0].facet;
@@ -39396,7 +39407,7 @@
     }
     return {
       changes,
-      selection: b.selection ? b.selection.map(mapForB) : (_a = a.selection) === null || _a === undefined ? undefined : _a.map(mapForA),
+      selection: b.selection ? b.selection.map(mapForB) : (_a = a.selection) === null || _a === void 0 ? void 0 : _a.map(mapForA),
       effects: StateEffect.mapEffects(a.effects, mapForA).concat(StateEffect.mapEffects(b.effects, mapForB)),
       annotations: a.annotations.length ? a.annotations.concat(b.annotations) : b.annotations,
       scrollIntoView: a.scrollIntoView || b.scrollIntoView
@@ -40494,7 +40505,7 @@
     let shared = new Set();
     for (let set of b) for (let i = 0; i < set.chunk.length; i++) {
       let known = inA.get(set.chunk[i]);
-      if (known != null && (textDiff ? textDiff.mapPos(known) : known) == set.chunkPos[i] && !(textDiff === null || textDiff === undefined ? undefined : textDiff.touchesRange(known, known + set.chunk[i].length))) shared.add(set.chunk[i]);
+      if (known != null && (textDiff ? textDiff.mapPos(known) : known) == set.chunkPos[i] && !(textDiff === null || textDiff === void 0 ? void 0 : textDiff.touchesRange(known, known + set.chunk[i].length))) shared.add(set.chunk[i]);
     }
     return shared;
   }
@@ -41737,7 +41748,7 @@
     if (toI < children.length) {
       let after = children[toI];
       // Make sure the end of the child after the update is preserved in `after`
-      if (after && (toOff < after.length || after.breakAfter && (last === null || last === undefined ? undefined : last.breakAfter))) {
+      if (after && (toOff < after.length || after.breakAfter && (last === null || last === void 0 ? void 0 : last.breakAfter))) {
         // If we're splitting a child, separate part of it to avoid that
         // being mangled when updating the child before the update.
         if (fromI == toI) {
@@ -41754,7 +41765,7 @@
           if (toOff || after.children.length && !after.children[0].length) after.merge(0, toOff, null, false, 0, openEnd);
           insert.push(after);
         }
-      } else if (after === null || after === undefined ? undefined : after.breakAfter) {
+      } else if (after === null || after === void 0 ? void 0 : after.breakAfter) {
         // The element at `toI` is entirely covered by this range.
         // Preserve its line break, if any.
         if (last) last.breakAfter = 1;else breakAtStart = 1;
@@ -42470,7 +42481,7 @@
     }
     eq(other) {
       var _a, _b;
-      return this == other || other instanceof MarkDecoration && this.tagName == other.tagName && (this.class || ((_a = this.attrs) === null || _a === undefined ? undefined : _a.class)) == (other.class || ((_b = other.attrs) === null || _b === undefined ? undefined : _b.class)) && attrsEq(this.attrs, other.attrs, "class");
+      return this == other || other instanceof MarkDecoration && this.tagName == other.tagName && (this.class || ((_a = this.attrs) === null || _a === void 0 ? void 0 : _a.class)) == (other.class || ((_b = other.attrs) === null || _b === void 0 ? void 0 : _b.class)) && attrsEq(this.attrs, other.attrs, "class");
     }
     range(from, to = from) {
       if (from >= to) throw new RangeError("Mark decorations may not be empty");
@@ -42524,8 +42535,8 @@
     if (start == null) start = spec.inclusive;
     if (end == null) end = spec.inclusive;
     return {
-      start: start !== null && start !== undefined ? start : block,
-      end: end !== null && end !== undefined ? end : block
+      start: start !== null && start !== void 0 ? start : block,
+      end: end !== null && end !== void 0 ? end : block
     };
   }
   function widgetsEq(a, b) {
@@ -42631,7 +42642,7 @@
       super.sync(view, track);
       let last = this.dom.lastChild;
       while (last && ContentView.get(last) instanceof MarkView) last = last.lastChild;
-      if (!last || !this.length || last.nodeName != "BR" && ((_a = ContentView.get(last)) === null || _a === undefined ? undefined : _a.isEditable) == false && (!browser.ios || !this.children.some(ch => ch instanceof TextView))) {
+      if (!last || !this.length || last.nodeName != "BR" && ((_a = ContentView.get(last)) === null || _a === void 0 ? void 0 : _a.isEditable) == false && (!browser.ios || !this.children.some(ch => ch instanceof TextView))) {
         let hack = document.createElement("BR");
         hack.cmIgnore = true;
         this.dom.appendChild(hack);
@@ -43365,7 +43376,7 @@
   function moveVisually(line, order, dir, start, forward) {
     var _a;
     let startIndex = start.head - line.from;
-    let spanI = BidiSpan.find(order, startIndex, (_a = start.bidiLevel) !== null && _a !== undefined ? _a : -1, start.assoc);
+    let spanI = BidiSpan.find(order, startIndex, (_a = start.bidiLevel) !== null && _a !== void 0 ? _a : -1, start.assoc);
     let span = order[spanI],
       spanEnd = span.side(forward, dir);
     // End of span
@@ -43554,7 +43565,7 @@
     }
     destroy(view) {
       var _a;
-      if ((_a = this.value) === null || _a === undefined ? undefined : _a.destroy) {
+      if ((_a = this.value) === null || _a === void 0 ? void 0 : _a.destroy) {
         try {
           this.value.destroy();
         } catch (e) {
@@ -43824,7 +43835,7 @@
       this.updateEditContextFormatting(update);
       let readCompositionAt = -1;
       if (this.view.inputState.composing >= 0 && !this.view.observer.editContext) {
-        if ((_a = this.domChanged) === null || _a === undefined ? undefined : _a.newSel) readCompositionAt = this.domChanged.newSel.head;else if (!touchesComposition(update.changes, this.hasComposition) && !update.selectionSet) readCompositionAt = update.state.selection.main.head;
+        if ((_a = this.domChanged) === null || _a === void 0 ? void 0 : _a.newSel) readCompositionAt = this.domChanged.newSel.head;else if (!touchesComposition(update.changes, this.hasComposition) && !update.selectionSet) readCompositionAt = update.state.selection.main.head;
       }
       let composition = readCompositionAt > -1 ? findCompositionRange(this.view, update.changes, readCompositionAt) : null;
       this.domChanged = null;
@@ -44630,7 +44641,7 @@
     // using caret(Position|Range)FromPoint as a shortcut
     let node,
       offset = -1;
-    if (element && ((_a = view.docView.nearest(element)) === null || _a === undefined ? undefined : _a.isEditable) != false) {
+    if (element && ((_a = view.docView.nearest(element)) === null || _a === void 0 ? void 0 : _a.isEditable) != false) {
       if (doc.caretPositionFromPoint) {
         let pos = doc.caretPositionFromPoint(x, y);
         if (pos) ({
@@ -44663,7 +44674,7 @@
     }
     let nearest = view.docView.nearest(node);
     if (!nearest) return null;
-    if (nearest.isWidget && ((_b = nearest.dom) === null || _b === undefined ? undefined : _b.nodeType) == 1) {
+    if (nearest.isWidget && ((_b = nearest.dom) === null || _b === void 0 ? void 0 : _b.nodeType) == 1) {
       let rect = nearest.dom.getBoundingClientRect();
       return coords.y < rect.top || coords.y <= rect.bottom && coords.x <= (rect.left + rect.right) / 2 ? nearest.posAtStart : nearest.posAtEnd;
     } else {
@@ -44773,7 +44784,7 @@
       startY = (dir < 0 ? line.top : line.bottom) + docTop;
     }
     let resolvedGoal = rect.left + goal;
-    let dist = distance !== null && distance !== undefined ? distance : view.viewState.heightOracle.textHeight >> 1;
+    let dist = distance !== null && distance !== void 0 ? distance : view.viewState.heightOracle.textHeight >> 1;
     for (let extra = 0;; extra += 10) {
       let curY = startY + (dist + extra) * dir;
       let pos = posAtCoords(view, {
@@ -45999,7 +46010,7 @@
     // In EditContext mode, we must handle insertReplacementText events
     // directly, to make spell checking corrections work
     if (event.inputType == "insertReplacementText" && view.observer.editContext) {
-      let text = (_a = event.dataTransfer) === null || _a === undefined ? undefined : _a.getData("text/plain"),
+      let text = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData("text/plain"),
         ranges = event.getTargetRanges();
       if (text && ranges.length) {
         let r = ranges[0];
@@ -46024,13 +46035,13 @@
     if (browser.chrome && browser.android && (pending = PendingKeys.find(key => key.inputType == event.inputType))) {
       view.observer.delayAndroidKey(pending.key, pending.keyCode);
       if (pending.key == "Backspace" || pending.key == "Delete") {
-        let startViewHeight = ((_b = window.visualViewport) === null || _b === undefined ? undefined : _b.height) || 0;
+        let startViewHeight = ((_b = window.visualViewport) === null || _b === void 0 ? void 0 : _b.height) || 0;
         setTimeout(() => {
           var _a;
           // Backspacing near uneditable nodes on Chrome Android sometimes
           // closes the virtual keyboard. This tries to crudely detect
           // that and refocus to get it back.
-          if ((((_a = window.visualViewport) === null || _a === undefined ? undefined : _a.height) || 0) > startViewHeight + 10 && view.hasFocus) {
+          if ((((_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) || 0) > startViewHeight + 10 && view.hasFocus) {
             view.contentDOM.blur();
             view.focus();
           }
@@ -47814,7 +47825,7 @@
       if (typeof ResizeObserver == "function") {
         this.resizeScroll = new ResizeObserver(() => {
           var _a;
-          if (((_a = this.view.docView) === null || _a === undefined ? undefined : _a.lastUpdate) < Date.now() - 75) this.onResize();
+          if (((_a = this.view.docView) === null || _a === void 0 ? void 0 : _a.lastUpdate) < Date.now() - 75) this.onResize();
         });
         this.resizeScroll.observe(view.scrollDOM);
       }
@@ -48003,7 +48014,7 @@
         // this isn't coming right after another change, in which case
         // it is probably part of a weird chain of updates, and should
         // be ignored if it returns the DOM to its previous state.
-        force: this.lastChange < Date.now() - 50 || !!((_a = this.delayedAndroidKey) === null || _a === undefined ? undefined : _a.force)
+        force: this.lastChange < Date.now() - 50 || !!((_a = this.delayedAndroidKey) === null || _a === void 0 ? void 0 : _a.force)
       };
     }
     clearDelayedAndroidKey() {
@@ -48144,9 +48155,9 @@
     destroy() {
       var _a, _b, _c;
       this.stop();
-      (_a = this.intersection) === null || _a === undefined ? undefined : _a.disconnect();
-      (_b = this.gapIntersection) === null || _b === undefined ? undefined : _b.disconnect();
-      (_c = this.resizeScroll) === null || _c === undefined ? undefined : _c.disconnect();
+      (_a = this.intersection) === null || _a === void 0 ? void 0 : _a.disconnect();
+      (_b = this.gapIntersection) === null || _b === void 0 ? void 0 : _b.disconnect();
+      (_c = this.resizeScroll) === null || _c === void 0 ? void 0 : _c.disconnect();
       for (let dom of this.scrollTargets) dom.removeEventListener("scroll", this.onScroll);
       this.removeWindowListeners(this.win);
       clearTimeout(this.parentCheck);
@@ -48570,7 +48581,7 @@
       this.updateAttrs();
       this.updateState = 0 /* UpdateState.Idle */;
       this.requestMeasure();
-      if ((_a = document.fonts) === null || _a === undefined ? undefined : _a.ready) document.fonts.ready.then(() => this.requestMeasure());
+      if ((_a = document.fonts) === null || _a === void 0 ? void 0 : _a.ready) document.fonts.ready.then(() => this.requestMeasure());
     }
     dispatch(...input) {
       let trs = input.length == 1 && input[0] instanceof Transaction ? input : input.length == 1 && Array.isArray(input[0]) ? input[0] : [this.state.update(...input)];
@@ -49196,7 +49207,7 @@
       // or closing, which leads us to ignore selection changes from the
       // context menu because it looks like the editor isn't focused.
       // This kludges around that.
-      return (this.dom.ownerDocument.hasFocus() || browser.safari && ((_a = this.inputState) === null || _a === undefined ? undefined : _a.lastContextMenu) > Date.now() - 3e4) && this.root.activeElement == this.contentDOM;
+      return (this.dom.ownerDocument.hasFocus() || browser.safari && ((_a = this.inputState) === null || _a === void 0 ? void 0 : _a.lastContextMenu) > Date.now() - 3e4) && this.root.activeElement == this.contentDOM;
     }
     /**
     Put focus on the editor.
@@ -49349,7 +49360,7 @@
       var _a;
       let content = dom.querySelector(".cm-content");
       let cView = content && ContentView.get(content) || ContentView.get(dom);
-      return ((_a = cView === null || cView === undefined ? undefined : cView.rootView) === null || _a === undefined ? undefined : _a.view) || null;
+      return ((_a = cView === null || cView === void 0 ? void 0 : cView.rootView) === null || _a === void 0 ? void 0 : _a.view) || null;
     }
   }
   /**
@@ -49667,7 +49678,7 @@
       let binding = scopeObj[full] || (scopeObj[full] = {
         preventDefault: false,
         stopPropagation: false,
-        run: ((_b = (_a = scopeObj._any) === null || _a === undefined ? undefined : _a.run) === null || _b === undefined ? undefined : _b.slice()) || []
+        run: ((_b = (_a = scopeObj._any) === null || _a === void 0 ? void 0 : _a.run) === null || _b === void 0 ? void 0 : _b.slice()) || []
       });
       if (command) binding.run.push(command);
       if (preventDefault) binding.preventDefault = true;
@@ -49908,8 +49919,8 @@
         bottom = Math.max(fromCoords.bottom, toCoords.bottom, bottom);
         if (dir == Direction.LTR) horizontal.push(ltr && fromOpen ? leftSide : fromCoords.left, ltr && toOpen ? rightSide : toCoords.right);else horizontal.push(!ltr && toOpen ? leftSide : toCoords.left, !ltr && fromOpen ? rightSide : fromCoords.right);
       }
-      let start = from !== null && from !== undefined ? from : line.from,
-        end = to !== null && to !== undefined ? to : line.to;
+      let start = from !== null && from !== void 0 ? from : line.from,
+        end = to !== null && to !== void 0 ? to : line.to;
       // Split the range by visible range and document line
       for (let r of view.visibleRanges) if (r.to > start && r.from < end) {
         for (let pos = Math.max(r.from, start), endPos = Math.min(r.to, end);;) {
@@ -50149,7 +50160,7 @@
       let cursorPos = update.state.field(dropCursorPos);
       if (cursorPos == null) {
         if (this.cursor != null) {
-          (_a = this.cursor) === null || _a === undefined ? undefined : _a.remove();
+          (_a = this.cursor) === null || _a === void 0 ? void 0 : _a.remove();
           this.cursor = null;
         }
       } else {
@@ -50382,7 +50393,7 @@
     var _a;
     if (_supportsTabSize == null && typeof document != "undefined" && document.body) {
       let styles = document.body.style;
-      _supportsTabSize = ((_a = styles.tabSize) !== null && _a !== undefined ? _a : styles.MozTabSize) != null;
+      _supportsTabSize = ((_a = styles.tabSize) !== null && _a !== void 0 ? _a : styles.MozTabSize) != null;
     }
     return _supportsTabSize || false;
   }
@@ -50721,7 +50732,7 @@
     });
     return [plugin, EditorView.contentAttributes.of(view => {
       var _a;
-      return ((_a = view.plugin(plugin)) === null || _a === undefined ? undefined : _a.isDown) ? showCrosshair : null;
+      return ((_a = view.plugin(plugin)) === null || _a === void 0 ? void 0 : _a.isDown) ? showCrosshair : null;
     })];
   }
   const Outside = "-10000px";
@@ -50764,7 +50775,7 @@
       }
       for (let t of this.tooltipViews) if (tooltipViews.indexOf(t) < 0) {
         this.removeTooltipView(t);
-        (_a = t.destroy) === null || _a === undefined ? undefined : _a.call(t);
+        (_a = t.destroy) === null || _a === void 0 ? void 0 : _a.call(t);
       }
       if (above) {
         newAbove.forEach((val, i) => above[i] = val);
@@ -50797,9 +50808,9 @@
     combine: values => {
       var _a, _b, _c;
       return {
-        position: browser.ios ? "absolute" : ((_a = values.find(conf => conf.position)) === null || _a === undefined ? undefined : _a.position) || "fixed",
-        parent: ((_b = values.find(conf => conf.parent)) === null || _b === undefined ? undefined : _b.parent) || null,
-        tooltipSpace: ((_c = values.find(conf => conf.tooltipSpace)) === null || _c === undefined ? undefined : _c.tooltipSpace) || windowSpace
+        position: browser.ios ? "absolute" : ((_a = values.find(conf => conf.position)) === null || _a === void 0 ? void 0 : _a.position) || "fixed",
+        parent: ((_b = values.find(conf => conf.parent)) === null || _b === void 0 ? void 0 : _b.parent) || null,
+        tooltipSpace: ((_c = values.find(conf => conf.tooltipSpace)) === null || _c === void 0 ? void 0 : _c.tooltipSpace) || windowSpace
       };
     }
   });
@@ -50903,11 +50914,11 @@
       this.view.win.removeEventListener("resize", this.measureSoon);
       for (let tooltipView of this.manager.tooltipViews) {
         tooltipView.dom.remove();
-        (_a = tooltipView.destroy) === null || _a === undefined ? undefined : _a.call(tooltipView);
+        (_a = tooltipView.destroy) === null || _a === void 0 ? void 0 : _a.call(tooltipView);
       }
       if (this.parent) this.container.remove();
-      (_b = this.resizeObserver) === null || _b === undefined ? undefined : _b.disconnect();
-      (_c = this.intersectionObserver) === null || _c === undefined ? undefined : _c.disconnect();
+      (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+      (_c = this.intersectionObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
       clearTimeout(this.measureTimeout);
     }
     readMeasure() {
@@ -50997,7 +51008,7 @@
         let arrow = tooltip.arrow ? tView.dom.querySelector(".cm-tooltip-arrow") : null;
         let arrowHeight = arrow ? 7 /* Arrow.Size */ : 0;
         let width = size.right - size.left,
-          height = (_a = knownHeight.get(tView)) !== null && _a !== undefined ? _a : size.bottom - size.top;
+          height = (_a = knownHeight.get(tView)) !== null && _a !== void 0 ? _a : size.bottom - size.top;
         let offset = tView.offset || noOffset,
           ltr = this.view.textDirection == Direction.LTR;
         let left = size.width > space.right - space.left ? ltr ? space.left : space.right - size.width : ltr ? Math.max(space.left, Math.min(pos.left - (arrow ? 14 /* Arrow.Offset */ : 0) + offset.x, space.right - width)) : Math.min(Math.max(space.left, pos.left - width + (arrow ? 14 /* Arrow.Offset */ : 0) - offset.x), space.right - width);
@@ -51169,7 +51180,7 @@
     }
     destroy() {
       var _a;
-      for (let t of this.manager.tooltipViews) (_a = t.destroy) === null || _a === undefined ? undefined : _a.call(t);
+      for (let t of this.manager.tooltipViews) (_a = t.destroy) === null || _a === void 0 ? void 0 : _a.call(t);
     }
     passProp(name) {
       let value = undefined;
@@ -51201,7 +51212,7 @@
       pos: Math.min(...tooltips.map(t => t.pos)),
       end: Math.max(...tooltips.map(t => {
         var _a;
-        return (_a = t.end) !== null && _a !== undefined ? _a : t.pos;
+        return (_a = t.end) !== null && _a !== void 0 ? _a : t.pos;
       })),
       create: HoverTooltipHost.create,
       above: tooltips[0].above,
@@ -51266,7 +51277,7 @@
         side = lastMove.x < posCoords.left ? -rtl : rtl;
       }
       let open = this.source(view, pos, side);
-      if (open === null || open === undefined ? undefined : open.then) {
+      if (open === null || open === void 0 ? void 0 : open.then) {
         let pending = this.pending = {
           pos
         };
@@ -51306,7 +51317,7 @@
         let {
             pos
           } = active[0] || this.pending,
-          end = (_b = (_a = active[0]) === null || _a === undefined ? undefined : _a.end) !== null && _b !== undefined ? _b : pos;
+          end = (_b = (_a = active[0]) === null || _a === void 0 ? void 0 : _a.end) !== null && _b !== void 0 ? _b : pos;
         if (pos == end ? this.view.posAtCoords(this.lastMove) != pos : !isOverRange(this.view, pos, end, event.clientX, event.clientY)) {
           this.view.dispatch({
             effects: this.setHover.of([])
@@ -52147,7 +52158,7 @@
     */
     findRegions(state) {
       let lang = state.facet(language$1);
-      if ((lang === null || lang === undefined ? undefined : lang.data) == this.data) return [{
+      if ((lang === null || lang === void 0 ? void 0 : lang.data) == this.data) return [{
         from: 0,
         to: state.doc.length
       }];
@@ -52350,7 +52361,7 @@
     */
     work(until, upto) {
       if (upto != null && upto >= this.state.doc.length) upto = undefined;
-      if (this.tree != Tree.empty && this.isDone(upto !== null && upto !== undefined ? upto : this.state.doc.length)) {
+      if (this.tree != Tree.empty && this.isDone(upto !== null && upto !== void 0 ? upto : this.state.doc.length)) {
         this.takeTree();
         return true;
       }
@@ -52366,10 +52377,10 @@
           let done = this.parse.advance();
           if (done) {
             this.fragments = this.withoutTempSkipped(TreeFragment.addTree(done, this.fragments, this.parse.stoppedAt != null));
-            this.treeLen = (_a = this.parse.stoppedAt) !== null && _a !== undefined ? _a : this.state.doc.length;
+            this.treeLen = (_a = this.parse.stoppedAt) !== null && _a !== void 0 ? _a : this.state.doc.length;
             this.tree = done;
             this.parse = null;
-            if (this.treeLen < (upto !== null && upto !== undefined ? upto : this.state.doc.length)) this.parse = this.startParse();else return true;
+            if (this.treeLen < (upto !== null && upto !== void 0 ? upto : this.state.doc.length)) this.parse = this.startParse();else return true;
           }
           if (until()) return false;
         }
@@ -52591,7 +52602,7 @@
       }, 100 /* Work.MinPause */);
     return () => idle < 0 ? clearTimeout(timeout) : cancelIdleCallback(idle);
   };
-  const isInputPending = typeof navigator != "undefined" && ((_a = navigator.scheduling) === null || _a === undefined ? undefined : _a.isInputPending) ? () => navigator.scheduling.isInputPending() : null;
+  const isInputPending = typeof navigator != "undefined" && ((_a = navigator.scheduling) === null || _a === void 0 ? void 0 : _a.isInputPending) ? () => navigator.scheduling.isInputPending() : null;
   const parseWorker = /*@__PURE__*/ViewPlugin.fromClass(class ParseWorker {
     constructor(view) {
       this.view = view;
@@ -53312,7 +53323,7 @@
   function findFold(state, from, to) {
     var _a;
     let found = null;
-    (_a = state.field(foldState, false)) === null || _a === undefined ? undefined : _a.between(from, to, (from, to) => {
+    (_a = state.field(foldState, false)) === null || _a === void 0 ? void 0 : _a.between(from, to, (from, to) => {
       if (!found || found.from > from) found = {
         from,
         to
@@ -53546,7 +53557,7 @@
       class: "cm-foldGutter",
       markers(view) {
         var _a;
-        return ((_a = view.plugin(markers)) === null || _a === undefined ? undefined : _a.markers) || RangeSet.empty;
+        return ((_a = view.plugin(markers)) === null || _a === void 0 ? void 0 : _a.markers) || RangeSet.empty;
       },
       initialSpacer() {
         return new FoldMarker(fullConfig, false);
@@ -53663,7 +53674,7 @@
       if (highlighter.module) ext.push(EditorView.styleModule.of(highlighter.module));
       themeType = highlighter.themeType;
     }
-    if (options === null || options === undefined ? undefined : options.fallback) ext.push(fallbackHighlighter.of(highlighter));else if (themeType) ext.push(highlighterFacet.computeN([EditorView.darkTheme], state => {
+    if (options === null || options === void 0 ? void 0 : options.fallback) ext.push(fallbackHighlighter.of(highlighter));else if (themeType) ext.push(highlighterFacet.computeN([EditorView.darkTheme], state => {
       return state.facet(EditorView.darkTheme) == (themeType == "dark") ? [highlighter] : [];
     }));else ext.push(highlighterFacet.of(highlighter));
     return ext;
@@ -53882,7 +53893,7 @@
         to: handle.to
       };
     let depth = 0,
-      cursor = parent === null || parent === undefined ? undefined : parent.cursor();
+      cursor = parent === null || parent === void 0 ? void 0 : parent.cursor();
     if (cursor && (dir < 0 ? cursor.childBefore(token.from) : cursor.childAfter(token.to))) do {
       if (dir < 0 ? cursor.to <= token.from : cursor.from >= token.to) {
         if (depth == 0 && matching.indexOf(cursor.type.name) > -1 && cursor.from < cursor.to) {
@@ -54017,16 +54028,7 @@
         dir: "ltr"
       },
       bidiIsolate: Direction.LTR
-    }),
-    auto: /*@__PURE__*/Decoration.mark({
-      class: "cm-iso",
-      inclusive: true,
-      attributes: {
-        dir: "auto"
-      },
-      bidiIsolate: null
-    })
-  });
+    })});
 
   /**
   An instance of this is passed to completion source functions.
@@ -54166,19 +54168,6 @@
       } : null;
     };
   }
-  /**
-  Wrap the given completion source so that it will not fire when the
-  cursor is in a syntax node with one of the given names.
-  */
-  function ifNotIn(nodes, source) {
-    return context => {
-      for (let pos = syntaxTree(context.state).resolveInner(context.pos, -1); pos; pos = pos.parent) {
-        if (nodes.indexOf(pos.name) > -1) return null;
-        if (pos.type.isTop) break;
-      }
-      return source(context);
-    };
-  }
   class Option {
     constructor(completion, source, match, score) {
       this.completion = completion;
@@ -54200,7 +54189,7 @@
     let addStart = start && source[0] != "^",
       addEnd = source[source.length - 1] != "$";
     if (!addStart && !addEnd) return expr;
-    return new RegExp(`${addStart ? "^" : ""}(?:${source})${addEnd ? "$" : ""}`, (_a = expr.flags) !== null && _a !== undefined ? _a : expr.ignoreCase ? "i" : "");
+    return new RegExp(`${addStart ? "^" : ""}(?:${source})${addEnd ? "$" : ""}`, (_a = expr.flags) !== null && _a !== void 0 ? _a : expr.ignoreCase ? "i" : "");
   }
   /**
   This annotation is added to transactions that are produced by
@@ -54595,7 +54584,7 @@
           this.showOptions(options, cState.id);
         }
         this.updateSel();
-        if (disabled != ((_a = prevState.open) === null || _a === undefined ? undefined : _a.disabled)) this.dom.classList.toggle("cm-tooltip-autocomplete-disabled", !!disabled);
+        if (disabled != ((_a = prevState.open) === null || _a === void 0 ? void 0 : _a.disabled)) this.dom.classList.toggle("cm-tooltip-autocomplete-disabled", !!disabled);
       }
     }
     updateTooltipClass(state) {
@@ -54680,12 +54669,12 @@
       let selRect = sel.getBoundingClientRect();
       let space = this.space;
       if (!space) {
-        let win = this.dom.ownerDocument.defaultView || window;
+        let docElt = this.dom.ownerDocument.documentElement;
         space = {
           left: 0,
           top: 0,
-          right: win.innerWidth,
-          bottom: win.innerHeight
+          right: docElt.clientWidth,
+          bottom: docElt.clientHeight
         };
       }
       if (selRect.top > Math.min(space.bottom, listRect.bottom) - 10 || selRect.bottom < Math.max(space.top, listRect.top) + 10) return null;
@@ -54707,6 +54696,10 @@
       ul.setAttribute("role", "listbox");
       ul.setAttribute("aria-expanded", "true");
       ul.setAttribute("aria-label", this.view.state.phrase("Completions"));
+      ul.addEventListener("mousedown", e => {
+        // Prevent focus change when clicking the scrollbar
+        if (e.target == ul) e.preventDefault();
+      });
       let curSection = null;
       for (let i = range.from; i < range.to; i++) {
         let {
@@ -54806,7 +54799,7 @@
         pos = 0;
       let cmp = (a, b) => {
         var _a, _b;
-        return ((_a = a.rank) !== null && _a !== undefined ? _a : 1e9) - ((_b = b.rank) !== null && _b !== undefined ? _b : 1e9) || (a.name < b.name ? -1 : 1);
+        return ((_a = a.rank) !== null && _a !== void 0 ? _a : 1e9) - ((_b = b.rank) !== null && _b !== void 0 ? _b : 1e9) || (a.name < b.name ? -1 : 1);
       };
       for (let s of sections.sort(cmp)) {
         pos -= 1e5;
@@ -54991,7 +54984,7 @@
       if (pos > to || !result || type & 2 /* UpdateType.Backspacing */ && (cur(tr.startState) == this.from || pos < this.limit)) return new ActiveSource(this.source, type & 4 /* UpdateType.Activate */ ? 1 /* State.Pending */ : 0 /* State.Inactive */);
       let limit = tr.changes.mapPos(this.limit);
       if (checkValid(result.validFor, tr.state, from, to)) return new ActiveResult(this.source, this.explicit, limit, result, from, to);
-      if (result.update && (result = result.update(result, from, to, new CompletionContext(tr.state, pos, false)))) return new ActiveResult(this.source, this.explicit, limit, result, result.from, (_a = result.to) !== null && _a !== undefined ? _a : cur(tr.state));
+      if (result.update && (result = result.update(result, from, to, new CompletionContext(tr.state, pos, false)))) return new ActiveResult(this.source, this.explicit, limit, result, result.from, (_a = result.to) !== null && _a !== void 0 ? _a : cur(tr.state));
       return new ActiveSource(this.source, 1 /* State.Pending */, this.explicit);
     }
     map(mapping) {
@@ -55193,7 +55186,7 @@
         if (query.done) {
           let pos = cur(query.updates.length ? query.updates[0].startState : this.view.state);
           let limit = Math.min(pos, query.done.from + (query.active.explicit ? 0 : 1));
-          let active = new ActiveResult(query.active.source, query.active.explicit, limit, query.done, query.done.from, (_a = query.done.to) !== null && _a !== undefined ? _a : pos);
+          let active = new ActiveResult(query.active.source, query.active.explicit, limit, query.done, query.done.from, (_a = query.done.to) !== null && _a !== void 0 ? _a : pos);
           // Replay the transactions that happened since the start of
           // the request and see if that preserves the result
           for (let tr of query.updates) active = active.update(tr, conf);
@@ -55749,7 +55742,7 @@
   function closeBrackets() {
     return [inputHandler, bracketState];
   }
-  const definedClosing = "()[]{}<>";
+  const definedClosing = "()[]{}<>«»»«［］｛｝";
   function closing(ch) {
     for (let i = 0; i < definedClosing.length; i += 2) if (definedClosing.charCodeAt(i) == ch) return definedClosing.charAt(i + 1);
     return fromCodePoint(ch < 128 ? ch : ch + 1);
@@ -56411,9 +56404,9 @@
     toJSON() {
       var _a, _b, _c;
       return {
-        changes: (_a = this.changes) === null || _a === undefined ? undefined : _a.toJSON(),
-        mapped: (_b = this.mapped) === null || _b === undefined ? undefined : _b.toJSON(),
-        startSelection: (_c = this.startSelection) === null || _c === undefined ? undefined : _c.toJSON(),
+        changes: (_a = this.changes) === null || _a === void 0 ? void 0 : _a.toJSON(),
+        mapped: (_b = this.mapped) === null || _b === void 0 ? void 0 : _b.toJSON(),
+        startSelection: (_c = this.startSelection) === null || _c === void 0 ? void 0 : _c.toJSON(),
         selectionsAfter: this.selectionsAfter.map(s => s.toJSON())
       };
     }
@@ -56714,8 +56707,8 @@
     if (selfScroll) {
       for (let source of view.state.facet(EditorView.scrollMargins)) {
         let margins = source(view);
-        if (margins === null || margins === undefined ? undefined : margins.top) marginTop = Math.max(margins === null || margins === undefined ? undefined : margins.top, marginTop);
-        if (margins === null || margins === undefined ? undefined : margins.bottom) marginBottom = Math.max(margins === null || margins === undefined ? undefined : margins.bottom, marginBottom);
+        if (margins === null || margins === void 0 ? void 0 : margins.top) marginTop = Math.max(margins === null || margins === void 0 ? void 0 : margins.top, marginTop);
+        if (margins === null || margins === void 0 ? void 0 : margins.bottom) marginBottom = Math.max(margins === null || margins === void 0 ? void 0 : margins.bottom, marginBottom);
       }
       height = view.scrollDOM.clientHeight - marginTop - marginBottom;
     } else {
@@ -58233,7 +58226,7 @@
       class: "cm-diagnostic cm-diagnostic-" + diagnostic.severity
     }, crelt("span", {
       class: "cm-diagnosticText"
-    }, diagnostic.renderMessage ? diagnostic.renderMessage(view) : diagnostic.message), (_a = diagnostic.actions) === null || _a === undefined ? undefined : _a.map((action, i) => {
+    }, diagnostic.renderMessage ? diagnostic.renderMessage(view) : diagnostic.message), (_a = diagnostic.actions) === null || _a === void 0 ? void 0 : _a.map((action, i) => {
       let fired = false,
         click = e => {
           e.preventDefault();
@@ -59509,7 +59502,7 @@
     }
     /// @internal
     addNode(block, from, to) {
-      if (typeof block == "number") block = new Tree(this.parser.nodeSet.types[block], none, none, (to !== null && to !== undefined ? to : this.prevLineEnd()) - from);
+      if (typeof block == "number") block = new Tree(this.parser.nodeSet.types[block], none, none, (to !== null && to !== void 0 ? to : this.prevLineEnd()) - from);
       this.block.addChild(block, from - this.block.from);
     }
     /// Add a block element. Can be called by [block
@@ -60340,190 +60333,6 @@
   });
   /// The default CommonMark parser.
   const parser$2 = new MarkdownParser(new NodeSet(nodeTypes).extend(markdownHighlighting), Object.keys(DefaultBlockParsers).map(n => DefaultBlockParsers[n]), Object.keys(DefaultBlockParsers).map(n => DefaultLeafBlocks[n]), Object.keys(DefaultBlockParsers), DefaultEndLeaf, DefaultSkipMarkup, Object.keys(DefaultInline).map(n => DefaultInline[n]), Object.keys(DefaultInline), []);
-  const StrikethroughDelim = {
-    resolve: "Strikethrough",
-    mark: "StrikethroughMark"
-  };
-  /// An extension that implements
-  /// [GFM-style](https://github.github.com/gfm/#strikethrough-extension-)
-  /// Strikethrough syntax using `~~` delimiters.
-  ({
-    defineNodes: [{
-      name: "Strikethrough",
-      style: {
-        "Strikethrough/...": tags.strikethrough
-      }
-    }, {
-      name: "StrikethroughMark",
-      style: tags.processingInstruction
-    }],
-    parseInline: [{
-      name: "Strikethrough",
-      parse(cx, next, pos) {
-        if (next != 126 /* '~' */ || cx.char(pos + 1) != 126 || cx.char(pos + 2) == 126) return -1;
-        let before = cx.slice(pos - 1, pos),
-          after = cx.slice(pos + 2, pos + 3);
-        let sBefore = /\s|^$/.test(before),
-          sAfter = /\s|^$/.test(after);
-        let pBefore = Punctuation.test(before),
-          pAfter = Punctuation.test(after);
-        return cx.addDelimiter(StrikethroughDelim, pos, pos + 2, !sAfter && (!pAfter || sBefore || pBefore), !sBefore && (!pBefore || sAfter || pAfter));
-      },
-      after: "Emphasis"
-    }]
-  });
-  function parseRow(cx, line, startI = 0, elts, offset = 0) {
-    let count = 0,
-      first = true,
-      cellStart = -1,
-      cellEnd = -1,
-      esc = false;
-    let parseCell = () => {
-      elts.push(cx.elt("TableCell", offset + cellStart, offset + cellEnd, cx.parser.parseInline(line.slice(cellStart, cellEnd), offset + cellStart)));
-    };
-    for (let i = startI; i < line.length; i++) {
-      let next = line.charCodeAt(i);
-      if (next == 124 /* '|' */ && !esc) {
-        if (!first || cellStart > -1) count++;
-        first = false;
-        if (elts) {
-          if (cellStart > -1) parseCell();
-          elts.push(cx.elt("TableDelimiter", i + offset, i + offset + 1));
-        }
-        cellStart = cellEnd = -1;
-      } else if (esc || next != 32 && next != 9) {
-        if (cellStart < 0) cellStart = i;
-        cellEnd = i + 1;
-      }
-      esc = !esc && next == 92;
-    }
-    if (cellStart > -1) {
-      count++;
-      if (elts) parseCell();
-    }
-    return count;
-  }
-  function hasPipe(str, start) {
-    for (let i = start; i < str.length; i++) {
-      let next = str.charCodeAt(i);
-      if (next == 124 /* '|' */) return true;
-      if (next == 92 /* '\\' */) i++;
-    }
-    return false;
-  }
-  const delimiterLine = /^\|?(\s*:?-+:?\s*\|)+(\s*:?-+:?\s*)?$/;
-  class TableParser {
-    constructor() {
-      // Null means we haven't seen the second line yet, false means this
-      // isn't a table, and an array means this is a table and we've
-      // parsed the given rows so far.
-      this.rows = null;
-    }
-    nextLine(cx, line, leaf) {
-      if (this.rows == null) {
-        // Second line
-        this.rows = false;
-        let lineText;
-        if ((line.next == 45 || line.next == 58 || line.next == 124 /* '-:|' */) && delimiterLine.test(lineText = line.text.slice(line.pos))) {
-          let firstRow = [],
-            firstCount = parseRow(cx, leaf.content, 0, firstRow, leaf.start);
-          if (firstCount == parseRow(cx, lineText, line.pos)) this.rows = [cx.elt("TableHeader", leaf.start, leaf.start + leaf.content.length, firstRow), cx.elt("TableDelimiter", cx.lineStart + line.pos, cx.lineStart + line.text.length)];
-        }
-      } else if (this.rows) {
-        // Line after the second
-        let content = [];
-        parseRow(cx, line.text, line.pos, content, cx.lineStart);
-        this.rows.push(cx.elt("TableRow", cx.lineStart + line.pos, cx.lineStart + line.text.length, content));
-      }
-      return false;
-    }
-    finish(cx, leaf) {
-      if (!this.rows) return false;
-      cx.addLeafElement(leaf, cx.elt("Table", leaf.start, leaf.start + leaf.content.length, this.rows));
-      return true;
-    }
-  }
-  /// This extension provides
-  /// [GFM-style](https://github.github.com/gfm/#tables-extension-)
-  /// tables, using syntax like this:
-  ///
-  /// ```
-  /// | head 1 | head 2 |
-  /// | ---    | ---    |
-  /// | cell 1 | cell 2 |
-  /// ```
-  ({
-    defineNodes: [{
-      name: "Table",
-      block: true
-    }, {
-      name: "TableHeader",
-      style: {
-        "TableHeader/...": tags.heading
-      }
-    }, "TableRow", {
-      name: "TableCell",
-      style: tags.content
-    }, {
-      name: "TableDelimiter",
-      style: tags.processingInstruction
-    }],
-    parseBlock: [{
-      name: "Table",
-      leaf(_, leaf) {
-        return hasPipe(leaf.content, 0) ? new TableParser() : null;
-      },
-      endLeaf(cx, line, leaf) {
-        if (leaf.parsers.some(p => p instanceof TableParser) || !hasPipe(line.text, line.basePos)) return false;
-        let next = cx.scanLine(cx.absoluteLineEnd + 1).text;
-        return delimiterLine.test(next) && parseRow(cx, line.text, line.basePos) == parseRow(cx, next, line.basePos);
-      },
-      before: "SetextHeading"
-    }]
-  });
-  class TaskParser {
-    nextLine() {
-      return false;
-    }
-    finish(cx, leaf) {
-      cx.addLeafElement(leaf, cx.elt("Task", leaf.start, leaf.start + leaf.content.length, [cx.elt("TaskMarker", leaf.start, leaf.start + 3), ...cx.parser.parseInline(leaf.content.slice(3), leaf.start + 3)]));
-      return true;
-    }
-  }
-  /// Extension providing
-  /// [GFM-style](https://github.github.com/gfm/#task-list-items-extension-)
-  /// task list items, where list items can be prefixed with `[ ]` or
-  /// `[x]` to add a checkbox.
-  ({
-    defineNodes: [{
-      name: "Task",
-      block: true,
-      style: tags.list
-    }, {
-      name: "TaskMarker",
-      style: tags.atom
-    }],
-    parseBlock: [{
-      name: "TaskList",
-      leaf(cx, leaf) {
-        return /^\[[ xX]\][ \t]/.test(leaf.content) && cx.parentType().name == "ListItem" ? new TaskParser() : null;
-      },
-      after: "SetextHeading"
-    }]
-  });
-  function parseSubSuper(ch, node, mark) {
-    return (cx, next, pos) => {
-      if (next != ch || cx.char(pos + 1) == ch) return -1;
-      let elts = [cx.elt(mark, pos, pos + 1)];
-      for (let i = pos + 1; i < cx.end; i++) {
-        let next = cx.char(i);
-        if (next == ch) return cx.addElement(cx.elt(node, pos, i + 1, elts.concat(cx.elt(mark, i, i + 1))));
-        if (next == 92 /* '\\' */) elts.push(cx.elt("Escape", i, i++ + 2));
-        if (space(next)) break;
-      }
-      return -1;
-    };
-  }
   /// Extension providing
   /// [Pandoc-style](https://pandoc.org/MANUAL.html#superscripts-and-subscripts)
   /// superscript using `^` markers.
@@ -60534,12 +60343,7 @@
     }, {
       name: "SuperscriptMark",
       style: tags.processingInstruction
-    }],
-    parseInline: [{
-      name: "Superscript",
-      parse: parseSubSuper(94 /* '^' */, "Superscript", "SuperscriptMark")
-    }]
-  });
+    }]});
   /// Extension providing
   /// [Pandoc-style](https://pandoc.org/MANUAL.html#superscripts-and-subscripts)
   /// subscript using `~` markers.
@@ -60550,28 +60354,7 @@
     }, {
       name: "SubscriptMark",
       style: tags.processingInstruction
-    }],
-    parseInline: [{
-      name: "Subscript",
-      parse: parseSubSuper(126 /* '~' */, "Subscript", "SubscriptMark")
-    }]
-  });
-  /// Extension that parses two colons with only letters, underscores,
-  /// and numbers between them as `Emoji` nodes.
-  ({
-    defineNodes: [{
-      name: "Emoji",
-      style: tags.character
-    }],
-    parseInline: [{
-      name: "Emoji",
-      parse(cx, next, pos) {
-        let match;
-        if (next != 58 /* ':' */ || !(match = /^[a-zA-Z_0-9]+:/.exec(cx.slice(pos + 1, cx.end)))) return -1;
-        return cx.addElement(cx.elt("Emoji", pos, pos + 1 + match[0].length));
-      }
-    }]
-  });
+    }]});
 
   /**
    * @typedef {import('@lezer/common').Tree} Tree
@@ -60646,7 +60429,7 @@
               from,
               to,
               message: 'First item is accessed via [1]',
-              severity: 'error',
+              severity: 'warning',
               type: RULE_NAME,
               actions: [{
                 name: 'fix',
@@ -60793,7 +60576,6 @@
     darkGrey: '#2f3d58',
     grey: '#404a5c',
     midGrey: '#576071',
-    lightGrey: '#c5d1e5',
     offWhite: '#d9e0f5',
     snowWhite: '#eaf1ff',
     white: '#ffffff',
@@ -61705,7 +61487,7 @@
   };
 
   /**
-   * marked v15.0.6 - a markdown parser
+   * marked v15.0.7 - a markdown parser
    * Copyright (c) 2011-2025, Christopher Jeffrey. (MIT Licensed)
    * https://github.com/markedjs/marked
    */
@@ -61821,12 +61603,22 @@
   const hr = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/;
   const heading = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/;
   const bullet = /(?:[*+-]|\d{1,9}[.)])/;
-  const lheading = edit(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g, bullet) // lists can interrupt
+  const lheadingCore = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/;
+  const lheading = edit(lheadingCore).replace(/bull/g, bullet) // lists can interrupt
+  .replace(/blockCode/g, /(?: {4}| {0,3}\t)/) // indented code blocks can interrupt
+  .replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/) // fenced code blocks can interrupt
+  .replace(/blockquote/g, / {0,3}>/) // blockquote can interrupt
+  .replace(/heading/g, / {0,3}#{1,6}/) // ATX heading can interrupt
+  .replace(/html/g, / {0,3}<[^\n>]+>\n/) // block html can interrupt
+  .replace(/\|table/g, '') // table not in commonmark
+  .getRegex();
+  const lheadingGfm = edit(lheadingCore).replace(/bull/g, bullet) // lists can interrupt
   .replace(/blockCode/g, /(?: {4}| {0,3}\t)/) // indented code blocks can interrupt
   .replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/) // fenced code blocks can interrupt
   .replace(/blockquote/g, / {0,3}>/) // blockquote can interrupt
   .replace(/heading/g, / {0,3}#{1,6}/) // ATX heading can interrupt
   .replace(/html/g, / {0,3}<[^\n>]+>\n/) // block html can interrupt
+  .replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/) // table can interrupt
   .getRegex();
   const _paragraph = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/;
   const blockText = /^[^\n]+/;
@@ -61879,6 +61671,7 @@
   .getRegex();
   const blockGfm = {
     ...blockNormal,
+    lheading: lheadingGfm,
     table: gfmTable,
     paragraph: edit(_paragraph).replace('hr', hr).replace('heading', ' {0,3}#{1,6}(?:\\s|$)').replace('|lheading', '') // setext headings don't interrupt commonmark paragraphs
     .replace('table', gfmTable) // interrupt paragraphs with table
@@ -65051,7 +64844,6 @@
    * @enum { String }
    */
   const LOAD_STATES = {
-    LOADING: 'loading',
     LOADED: 'loaded',
     ERROR: 'error'
   };
@@ -65261,6 +65053,8 @@
     const overflowY = style.overflowY || style.overflow;
     return (overflowY === 'auto' || overflowY === 'scroll') && el.scrollHeight > el.clientHeight;
   }
+  const EMPTY_OBJECT = {};
+  const EMPTY_ARRAY$2 = [];
 
   /**
    * Custom hook to scroll an element within a scrollable container.
@@ -65275,8 +65069,8 @@
    * @param {Array} [flagRefs] - An array of refs that are used as flags to control when to scroll.
    */
   function useScrollIntoView(scrolledElementRef, deps, scrollOptions, flagRefs) {
-    const _scrollOptions = scrollOptions;
-    const _flagRefs = flagRefs;
+    const _scrollOptions = scrollOptions || EMPTY_OBJECT;
+    const _flagRefs = flagRefs || EMPTY_ARRAY$2;
     p(() => {
       // return early if flags are not raised, or component is not mounted
       if (some(_flagRefs, ref => !ref.current) || !scrolledElementRef.current) {
@@ -70371,6 +70165,59 @@
     return data.filter(isValidDocument);
   }
 
+  /**
+   * @param {Object} props
+   * @param {string} props.url
+   * @param {string} props.fileName
+   * @param {Function} props.onError
+   * @param {string} props.errorMessageId
+   * @returns {import("preact").JSX.Element}
+   */
+  function PdfRenderer(props) {
+    const {
+      url,
+      onError,
+      errorMessageId
+    } = props;
+    const [pdfObjectUrl, setPdfObjectUrl] = h(null);
+    const [hasError, setHasError] = h(false);
+    p(() => {
+      let objectUrl = null;
+      const fetchPdf = async () => {
+        try {
+          const response = await fetch(url);
+          if (!response.ok) {
+            setHasError(true);
+            onError();
+            return;
+          }
+          const blob = await response.blob();
+          objectUrl = URL.createObjectURL(blob);
+          setPdfObjectUrl(objectUrl);
+        } catch {
+          setHasError(true);
+          onError();
+        }
+      };
+      fetchPdf();
+      return () => {
+        if (objectUrl) {
+          URL.revokeObjectURL(objectUrl);
+        }
+      };
+    }, [url, onError]);
+    return o(k$2, {
+      children: [pdfObjectUrl ? o("embed", {
+        src: pdfObjectUrl,
+        type: "application/pdf",
+        class: `fjs-${type$k}-pdf-viewer`
+      }) : null, hasError ? o(Errors, {
+        id: errorMessageId,
+        errors: ['Unable to download document']
+      }) : null]
+    });
+  }
+
   /**
    *
    * @param {Object} props
@@ -70433,14 +70280,12 @@
           maxHeight
         },
         "aria-describedby": hasError ? errorMessageId : undefined,
-        children: [o("embed", {
-          src: fullUrl,
-          type: "application/pdf",
-          class: `fjs-${type$k}-pdf-viewer`
-        }), hasError ? o(Errors, {
-          id: errorMessageId,
-          errors: [errorMessage]
-        }) : null]
+        children: o(PdfRenderer, {
+          url: fullUrl,
+          fileName: metadata.fileName,
+          onError: () => setHasError(true),
+          errorMessageId: errorMessageId
+        })
       });
     }
     return o("div", {
@@ -74139,7 +73984,7 @@
     Ye = function (n, o) {
       var l = o || {},
         c = {};
-      return n === undefined && (n = {}), n.on = function (d, h) {
+      return n === void 0 && (n = {}), n.on = function (d, h) {
         return c[d] ? c[d].push(h) : c[d] = [h], n;
       }, n.once = function (d, h) {
         return h._once = true, n.on(d, h), n;
@@ -74198,11 +74043,11 @@
     ...t
   });
   function ne(t) {
-    if (t.touches !== undefined) return t.touches.length;
-    if (t.which !== undefined && t.which !== 0) return t.which;
-    if (t.buttons !== undefined) return t.buttons;
+    if (t.touches !== void 0) return t.touches.length;
+    if (t.which !== void 0 && t.which !== 0) return t.which;
+    if (t.buttons !== void 0) return t.buttons;
     const n = t.button;
-    if (n !== undefined) return n & 1 ? 1 : n & 2 ? 3 : n & 4 ? 2 : 0;
+    if (n !== void 0) return n & 1 ? 1 : n & 2 ? 3 : n & 4 ? 2 : 0;
   }
   const Ae = t => {
       const n = t.getBoundingClientRect();
@@ -74280,7 +74125,7 @@
         D({});
         return;
       }
-      if (e.clientX !== undefined && Math.abs(e.clientX - S) <= (s.slideFactorX || 0) && e.clientY !== undefined && Math.abs(e.clientY - C) <= (s.slideFactorY || 0)) return;
+      if (e.clientX !== void 0 && Math.abs(e.clientX - S) <= (s.slideFactorX || 0) && e.clientY !== void 0 && Math.abs(e.clientY - C) <= (s.slideFactorY || 0)) return;
       if (s.ignoreInputTextSelection) {
         const {
             clientX: O = 0,
@@ -74362,7 +74207,7 @@
     }
     function P(e, r) {
       let i;
-      return r !== undefined ? i = r : o ? i = E : i = T(a || c), e === l && i === X;
+      return r !== void 0 ? i = r : o ? i = E : i = T(a || c), e === l && i === X;
     }
     function J(e, r, i) {
       let u = e;
@@ -74489,6 +74334,18 @@
     label: 'context',
     detail: 'block',
     type: 'keyword'
+  }), snippetCompletion$1('null', {
+    label: 'null',
+    detail: 'literal',
+    type: 'keyword'
+  }), snippetCompletion$1('true', {
+    label: 'true',
+    detail: 'literal',
+    type: 'keyword'
+  }), snippetCompletion$1('false', {
+    label: 'false',
+    detail: 'literal',
+    type: 'keyword'
   })];
   function _extends$6() {
     _extends$6 = Object.assign ? Object.assign.bind() : function (target) {
@@ -74542,9 +74399,27 @@
     after: 'InExpressions',
     keyword: 'return'
   })];
-  const dontComplete = ['StringLiteral', 'Identifier', 'LineComment', 'BlockComment', 'PathExpression'];
+  const dontComplete = ['StringLiteral', 'Identifier', 'LineComment', 'BlockComment', 'PathExpression', 'Context', 'Key', 'ParameterName'];
+  const doComplete = ['Expr', 'ContextEntry'];
+  function ifExpression(completionSource) {
+    const allNodes = [...dontComplete, ...doComplete];
+    return context => {
+      const {
+        state,
+        pos
+      } = context;
+      const match = matchUp(syntaxTree(state).resolveInner(pos, -1), allNodes);
+      if (match) {
+        const [_, name] = match;
+        if (dontComplete.includes(name)) {
+          return null;
+        }
+      }
+      return completionSource(context);
+    };
+  }
   function snippetCompletion(snippets) {
-    return ifNotIn(dontComplete, completeFromList(snippets.map(s => _extends$6({}, s, {
+    return ifExpression(completeFromList(snippets.map(s => _extends$6({}, s, {
       type: 'text'
     }))));
   }
@@ -74574,10 +74449,12 @@
       nodeNames = [nodeNames];
     }
     for (; node; node = node.parent) {
-      if (nodeNames.includes(node.name)) {
-        return node;
+      const nodeType = node.type;
+      const matchedName = nodeNames.find(name => name && nodeType.is(name));
+      if (matchedName) {
+        return [node, matchedName];
       }
-      if (node.type.isTop) {
+      if (nodeType.isTop) {
         break;
       }
     }
@@ -74595,10 +74472,11 @@
         state,
         pos
       } = context;
-      const node = matchUp(syntaxTree(state).resolveInner(pos, -1), nodes);
-      if (!node) {
+      const match = matchUp(syntaxTree(state).resolveInner(pos, -1), nodes);
+      if (!match) {
         return null;
       }
+      const [node] = match;
       if (matchLeft(node, pos, [keyword, before])) {
         return null;
       }
@@ -75051,9 +74929,14 @@
    * @typedef { 'expression' | 'unaryTests' } Dialect
    */
 
+  /**
+   * @typedef { 'camunda' | undefined } ParserDialect
+   */
+
   /**
    * @param { {
    *   dialect?: Dialect,
+   *   parserDialect?: ParserDialect,
    *   context?: Record<string, any>,
    *   completions?: import('@codemirror/autocomplete').CompletionSource[]
    * } } options
@@ -75069,7 +74952,7 @@
    *
    * @return {Record<string, any>}
    */
-  function createContext(variables, builtins) {
+  function createContext(variables) {
     return variables.slice().reverse().reduce((context, builtin) => {
       context[builtin.name] = () => {};
       return context;
@@ -75077,7 +74960,8 @@
   }
 
   /**
-   * @typedef { 'expression' | 'unaryTests' } Dialect
+   * @typedef { import('../language').Dialect } Dialect
+   * @typedef { import('../language').ParserDialect } ParserDialect
    * @typedef { import('..').Variable } Variable
    */
 
@@ -75092,10 +74976,15 @@
   const variablesFacet$1 = Facet.define();
 
   /**
-   * @type {Facet<dialect>}
+   * @type {Facet<Dialect>}
    */
   const dialectFacet = Facet.define();
 
+  /**
+   * @type {Facet<ParserDialect>}
+   */
+  const parserDialectFacet = Facet.define();
+
   /**
    * @typedef {object} Variable
    * @property {string} name name or key of the variable
@@ -75110,6 +74999,7 @@
   /**
    * @typedef { {
    *   dialect?: import('../language').Dialect,
+   *   parserDialect?: import('../language').ParserDialect,
    *   variables?: Variable[],
    *   builtins?: Variable[]
    * } } CoreConfig
@@ -75125,6 +75015,7 @@
    */
   function configure({
     dialect = 'expression',
+    parserDialect,
     variables = [],
     builtins = [],
     completions: completions$1$1 = completions$1({
@@ -75133,8 +75024,9 @@
     })
   }) {
     const context = createContext([...variables, ...builtins]);
-    return [dialectFacet.of(dialect), builtinsFacet.of(builtins), variablesFacet$1.of(variables), language({
+    return [dialectFacet.of(dialect), builtinsFacet.of(builtins), variablesFacet$1.of(variables), parserDialectFacet.of(parserDialect), language({
       dialect,
+      parserDialect,
       context,
       completions: completions$1$1
     })];
@@ -75149,10 +75041,12 @@
     const builtins = state.facet(builtinsFacet)[0];
     const variables = state.facet(variablesFacet$1)[0];
     const dialect = state.facet(dialectFacet)[0];
+    const parserDialect = state.facet(parserDialectFacet)[0];
     return {
       builtins,
       variables,
-      dialect
+      dialect,
+      parserDialect
     };
   }
   var camundaTags = [{
@@ -75193,16 +75087,16 @@
     description: "<p>Returns the given value as a string representation.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">string(from: Any): string\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">string(1.1)\n// &quot;1.1&quot;\n\nstring(date(&quot;2012-12-25&quot;))\n// &quot;2012-12-25&quot;\n</code></pre>\n"
   }, {
     name: "number(from)",
-    description: "<p>Parses the given string to a number.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">number(from: string): number\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">number(&quot;1500.5&quot;)\n// 1500.5\n</code></pre>\n"
+    description: "<p>Parses the given string to a number.</p>\n<p>Returns <code>null</code> if the string is not a number.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">number(from: string): number\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">number(&quot;1500.5&quot;)\n// 1500.5\n</code></pre>\n"
   }, {
     name: "context(entries)",
     description: "<p>Constructs a context of the given list of key-value pairs. It is the reverse function to <a href=\"feel-built-in-functions-context.md#get-entriescontext\">get entries()</a>.</p>\n<p>Each key-value pair must be a context with two entries: <code>key</code> and <code>value</code>. The entry with name <code>key</code> must have a value of the type <code>string</code>.</p>\n<p>It might override context entries if the keys are equal. The entries are overridden in the same order as the contexts in the given list.</p>\n<p>Returns <code>null</code> if one of the entries is not a context or if a context doesn&#39;t contain the required entries.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">context(entries: list&lt;context&gt;): context\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">context([{&quot;key&quot;:&quot;a&quot;, &quot;value&quot;:1}, {&quot;key&quot;:&quot;b&quot;, &quot;value&quot;:2}])\n// {a:1, b:2}\n</code></pre>\n"
   }, {
     name: "date(from)",
-    description: "<p>Returns a date from the given value.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">date(from: string): date\n</code></pre>\n<p>Parses the given string into a date.</p>\n<pre><code class=\"language-feel\">date(from: date and time): date\n</code></pre>\n<p>Extracts the date component from the given date and time.</p>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">date(&quot;2018-04-29&quot;)\n// date(&quot;2018-04-29&quot;)\n\ndate(date and time(&quot;2012-12-25T11:00:00&quot;))\n// date(&quot;2012-12-25&quot;)\n</code></pre>\n"
+    description: "<p>Returns a date from the given value.</p>\n<p>Returns <code>null</code> if the string is not a valid calendar date. For example, <code>&quot;2024-06-31&quot;</code> is invalid because June has\nonly 30 days.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">date(from: string): date\n</code></pre>\n<p>Parses the given string into a date.</p>\n<pre><code class=\"language-feel\">date(from: date and time): date\n</code></pre>\n<p>Extracts the date component from the given date and time.</p>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">date(&quot;2018-04-29&quot;)\n// date(&quot;2018-04-29&quot;)\n\ndate(date and time(&quot;2012-12-25T11:00:00&quot;))\n// date(&quot;2012-12-25&quot;)\n</code></pre>\n"
   }, {
     name: "date(year, month, day)",
-    description: "<p>Returns a date from the given components.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">date(year: number, month: number, day: number): date\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">date(2012, 12, 25)\n// date(&quot;2012-12-25&quot;)\n</code></pre>\n"
+    description: "<p>Returns a date from the given components.</p>\n<p>Returns <code>null</code> if the components don&#39;t represent a valid calendar date. For example, <code>2024,6,31</code> is invalid because\nJune has only 30 days.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">date(year: number, month: number, day: number): date\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">date(2012, 12, 25)\n// date(&quot;2012-12-25&quot;)\n</code></pre>\n"
   }, {
     name: "time(from)",
     description: "<p>Returns a time from the given value.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">time(from: string): time\n</code></pre>\n<p>Parses the given string into a time.</p>\n<pre><code class=\"language-feel\">time(from: date and time): time\n</code></pre>\n<p>Extracts the time component from the given date and time.</p>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">time(&quot;12:00:00&quot;)\n// time(&quot;12:00:00&quot;)\n\ntime(date and time(&quot;2012-12-25T11:00:00&quot;))\n// time(&quot;11:00:00&quot;)\n</code></pre>\n"
@@ -75214,7 +75108,7 @@
     description: "<p>Returns a time from the given components, including a timezone offset.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">time(hour: number, minute: number, second: number, offset: days and time duration): time\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">time(14, 30, 0, duration(&quot;PT1H&quot;))\n// time(&quot;14:30:00+01:00&quot;)\n</code></pre>\n"
   }, {
     name: "date and time(from)",
-    description: "<p>Parses the given string into a date and time.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">date and time(from: string): date and time\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">date and time(&quot;2018-04-29T09:30:00&quot;)\n// date and time(&quot;2018-04-29T09:30:00&quot;)\n</code></pre>\n"
+    description: "<p>Parses the given string into a date and time.</p>\n<p>Returns <code>null</code> if the string is not a valid calendar date. For example, <code>&quot;2024-06-31T10:00:00&quot;</code> is invalid because\nJune has only 30 days.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">date and time(from: string): date and time\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">date and time(&quot;2018-04-29T09:30:00&quot;)\n// date and time(&quot;2018-04-29T09:30:00&quot;)\n</code></pre>\n"
   }, {
     name: "date and time(date, time)",
     description: "<p>Returns a date and time from the given components.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">date and time(date: date, time: time): date and time\n</code></pre>\n<pre><code class=\"language-feel\">date and time(date: date and time, time: time): date and time\n</code></pre>\n<p>Returns a date and time value that consists of the date component of <code>date</code> combined with <code>time</code>.</p>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">date and time(date(&quot;2012-12-24&quot;),time(&quot;T23:59:00&quot;))\n// date and time(&quot;2012-12-24T23:59:00&quot;)\n\ndate and time(date and time(&quot;2012-12-25T11:00:00&quot;),time(&quot;T23:59:00&quot;))\n// date and time(&quot;2012-12-25T23:59:00&quot;)\n</code></pre>\n"
@@ -75311,6 +75205,12 @@
   }, {
     name: "string join(list, delimiter, prefix, suffix)",
     description: "<p><em>Camunda Extension</em></p>\n<p>Joins a list of strings into a single string. This is similar to\nJava&#39;s <a href=\"https://docs.oracle.com/en/java/javase/11/docs/api/java.base/java/util/stream/Collectors.html#joining(java.lang.CharSequence,java.lang.CharSequence,java.lang.CharSequence)\">joining</a>\nfunction.</p>\n<p>If an item of the list is <code>null</code>, the item is ignored for the result string. If an item is\nneither a string nor <code>null</code>, the function returns <code>null</code> instead of a string.</p>\n<p>The resulting string starts with <code>prefix</code>, contains a <code>delimiter</code> between each element, and ends\nwith <code>suffix</code>.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">string join(list: list&lt;string&gt;, delimiter: string, prefix: string, suffix: string): string\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">string join([&quot;a&quot;,&quot;b&quot;,&quot;c&quot;], &quot;, &quot;, &quot;[&quot;, &quot;]&quot;)\n// &quot;[a, b, c]&quot;\n</code></pre>\n"
+  }, {
+    name: "is empty(list)",
+    description: "<p><em>Camunda Extension</em></p>\n<p>Returns <code>true</code> if the given list is empty. Otherwise, returns <code>false</code>.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">is empty(list: list): boolean\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">is empty([])\n// true\n\nis empty([1,2,3])\n// false\n</code></pre>\n"
+  }, {
+    name: "partition(list， size)",
+    description: "<p><em>Camunda Extension</em></p>\n<p>Returns consecutive sublists of a list, each of the same size (the final list may be smaller).</p>\n<p>If <code>size</code> is less than <code>0</code>, it returns <code>null</code>.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">partition(list: list, size: number): list\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">partition([1,2,3,4,5], 2)\n// [[1,2], [3,4], [5]]\n\npartition([], 2)\n// []\n\npartition([1,2], 0)\n// null\n</code></pre>\n"
   }, {
     name: "decimal(n, scale)",
     description: "<p>Rounds the given value at the given scale.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">decimal(n: number, scale: number): number\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">decimal(1/3, 2)\n// .33\n\ndecimal(1.5, 0)\n// 2\n</code></pre>\n"
@@ -75445,10 +75345,10 @@
     description: "<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">coincides(range1: range, range2: range): boolean\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">coincides([1..5], [1..5])\n// true\n\ncoincides((1..5], [1..5))\n// false\n\ncoincides([1..5], [2..6])\n// false\n</code></pre>\n"
   }, {
     name: "substring(string, start position)",
-    description: "<p>Returns a substring of the given value starting at <code>start position</code>.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">substring(string: string, start position: number): string\n</code></pre>\n<p>The <code>start position</code> starts at the index <code>1</code>. The last position is <code>-1</code>.</p>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">substring(&quot;foobar&quot;, 3)\n// &quot;obar&quot;\n</code></pre>\n"
+    description: "<p>Returns a substring of the given value starting at <code>start position</code>.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">substring(string: string, start position: number): string\n</code></pre>\n<p>The <code>start position</code> starts at the index <code>1</code>. The last position is <code>-1</code>.</p>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">substring(&quot;foobar&quot;, 3)\n// &quot;obar&quot;\n\nsubstring(&quot;foobar&quot;, -2)\n// &quot;ar&quot;\n</code></pre>\n"
   }, {
     name: "substring(string, start position, length)",
-    description: "<p>Returns a substring of the given value starting at <code>start position</code>.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">substring(string: string, start position: number, length: number): string\n</code></pre>\n<p>The <code>start position</code> starts at the index <code>1</code>. The last position is <code>-1</code>.</p>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">substring(&quot;foobar&quot;, 3, 3)\n// &quot;oba&quot;\n</code></pre>\n"
+    description: "<p>Returns a substring of the given value, starting at <code>start position</code> with the given <code>length</code>. If <code>length</code> is greater than\nthe remaining characters of the value, it returns all characters from <code>start position</code> until the end.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">substring(string: string, start position: number, length: number): string\n</code></pre>\n<p>The <code>start position</code> starts at the index <code>1</code>. The last position is <code>-1</code>.</p>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">substring(&quot;foobar&quot;, 3, 3)\n// &quot;oba&quot;\n\nsubstring(&quot;foobar&quot;, -3, 2)\n// &quot;ba&quot;\n\nsubstring(&quot;foobar&quot;, 3, 10)\n// &quot;obar&quot;\n</code></pre>\n"
   }, {
     name: "string length(string)",
     description: "<p>Returns the number of characters in the given value.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">string length(string: string): number\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">string length(&quot;foo&quot;)\n// 3\n</code></pre>\n"
@@ -75491,6 +75391,18 @@
   }, {
     name: "extract(string, pattern)",
     description: "<p><em>Camunda Extension</em></p>\n<p>Returns all matches of the pattern in the given string. Returns an empty list if the pattern doesn&#39;t\nmatch.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">extract(string: string, pattern: string): list&lt;string&gt;\n</code></pre>\n<p>The <code>pattern</code> is a string that contains a regular expression.</p>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">extract(&quot;references are 1234, 1256, 1378&quot;, &quot;12[0-9]*&quot;)\n// [&quot;1234&quot;,&quot;1256&quot;]\n</code></pre>\n"
+  }, {
+    name: "trim(string)",
+    description: "<p><em>Camunda Extension</em></p>\n<p>Returns the given string without leading and trailing spaces.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">trim(string: string): string\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">trim(&quot;  hello world  &quot;)\n// &quot;hello world&quot;\n\ntrim(&quot;hello   world &quot;)\n// &quot;hello   world&quot;\n</code></pre>\n"
+  }, {
+    name: "uuid()",
+    description: "<p><em>Camunda Extension</em></p>\n<p>Returns a UUID (Universally Unique Identifier) with 36 characters.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">uuid(): string\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">uuid()\n// &quot;7793aab1-d761-4d38-916b-b7270e309894&quot;\n</code></pre>\n"
+  }, {
+    name: "to base64(value)",
+    description: "<p><em>Camunda Extension</em></p>\n<p>Returns the given string encoded in Base64 format.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">to base64(value: string): string\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">to base64(&quot;FEEL&quot;)\n// &quot;RkVFTA==&quot;\n</code></pre>\n"
+  }, {
+    name: "is blank(string)",
+    description: "<p><em>Camunda Extension</em></p>\n<p>Returns <code>true</code> if the given string is blank (empty or contains only whitespaces).</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">is blank(string: string): boolean\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">is blank(&quot;&quot;)\n// true\n\nis blank(&quot; &quot;)\n// true\n\nis blank(&quot;hello world&quot;)\n// false\n</code></pre>\n"
   }, {
     name: "now()",
     description: "<p>Returns the current date and time including the timezone.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">now(): date and time\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">now()\n// date and time(&quot;2020-07-31T14:27:30@Europe/Berlin&quot;)\n</code></pre>\n"
@@ -75515,18 +75427,6 @@
   }, {
     name: "last day of month(date)",
     description: "<p><em>Camunda Extension</em></p>\n<p>Takes the month of the given date or date-time value and returns the last day of this month.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">last day of month(date: date): date\n</code></pre>\n<pre><code class=\"language-feel\">last day of month(date: date and time): date\n</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">last day of month(date(&quot;2022-10-01&quot;))\n// date(&quot;2022-10-31&quot;))\n\nlast day of month(date and time(&quot;2022-10-16T12:00:00&quot;))\n// date(&quot;2022-10-31&quot;))\n</code></pre>\n"
-  }, {
-    name: "is empty(list)",
-    description: "<p><em>Camunda Extension</em></p>\n<p>Returns true if the given list is empty. Otherwise, returns false.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">is empty(list: list): boolean</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">is empty([])\n// true\n\nis empty([1,2,3])\n// false\n</code></pre>"
-  }, {
-    name: "trim(string)",
-    description: "<p><em>Camunda Extension</em></p>\n<p>Returns the given string without leading and trailing spaces.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">trim(string: string): string</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">trim(\"  hello world  \")\n// \"hello world\"\n\ntrim(\"hello   world \")\n// \"hello   world\"\n</code></pre>"
-  }, {
-    name: "uuid()",
-    description: "<p><em>Camunda Extension</em></p>\n<p>Returns a UUID (Universally Unique Identifier) with 36 characters.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">uuid(): string</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">uuid()\n// \"7793aab1-d761-4d38-916b-b7270e309894\"\n</code></pre>"
-  }, {
-    name: "to base64(string)",
-    description: "<p><em>Camunda Extension</em></p>\n<p>Returns the given string encoded in Base64 format.</p>\n<p><strong>Function signature</strong></p>\n<pre><code class=\"language-feel\">to base64(value: string): string</code></pre>\n<p><strong>Examples</strong></p>\n<pre><code class=\"language-feel\">to base64(\"FEEL\")\n// \"RkVFTA==\"\n</code></pre>"
   }];
 
   /**
@@ -75572,6 +75472,11 @@
    * @typedef { import('./core').Variable } Variable
    */
 
+  /**
+   * @typedef { import('./language').Dialect } Dialect
+   * @typedef { import('./language').ParserDialect } ParserDialect
+   */
+
   /**
    * @typedef {object} Builtin
    * @property {string} name
@@ -75588,6 +75493,7 @@
    * @param {DOMNode} config.container
    * @param {Extension[]} [config.extensions]
    * @param {Dialect} [config.dialect='expression']
+   * @param {ParserDialect} [config.parserDialect]
    * @param {DOMNode|String} [config.tooltipContainer]
    * @param {Function} [config.onChange]
    * @param {Function} [config.onKeyDown]
@@ -75596,12 +75502,11 @@
    * @param {String} [config.value]
    * @param {Variable[]} [config.variables]
    * @param {Variable[]} [config.builtins]
-   *
-   * @returns {Object} editor
    */
   function FeelEditor({
     extensions: editorExtensions = [],
     dialect = 'expression',
+    parserDialect,
     container,
     contentAttributes = {},
     tooltipContainer,
@@ -75641,7 +75546,8 @@
     const extensions = [autocompletion(), coreConf.of(configure({
       dialect,
       builtins,
-      variables
+      variables,
+      parserDialect
     })), bracketMatching(), indentOnInput(), closeBrackets(), EditorView.contentAttributes.of(contentAttributes), changeHandler, keyHandler, keymap.of([...defaultKeymap]), linter, lintHandler, tooltipLayout, placeholderConf.of(placeholder(placeholder$1)), theme, ...editorExtensions];
     if (readOnly) {
       extensions.push(EditorView.editable.of(false));
@@ -75708,14 +75614,10 @@
    * @param {Variable[]} variables
    */
   FeelEditor.prototype.setVariables = function (variables) {
-    const {
-      dialect,
-      builtins
-    } = get(this._cmEditor.state);
+    const config = get(this._cmEditor.state);
     this._cmEditor.dispatch({
       effects: [coreConf.reconfigure(configure({
-        dialect,
-        builtins,
+        ...config,
         variables
       }))]
     });
@@ -75747,9 +75649,9 @@
   var matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
   var getRootNode = !NoElement && Element.prototype.getRootNode ? function (element) {
     var _element$getRootNode;
-    return element === null || element === undefined ? undefined : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === undefined ? undefined : _element$getRootNode.call(element);
+    return element === null || element === void 0 ? void 0 : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === void 0 ? void 0 : _element$getRootNode.call(element);
   } : function (element) {
-    return element === null || element === undefined ? undefined : element.ownerDocument;
+    return element === null || element === void 0 ? void 0 : element.ownerDocument;
   };
 
   /**
@@ -75762,13 +75664,13 @@
    */
   var isInert = function isInert(node, lookUp) {
     var _node$getAttribute;
-    if (lookUp === undefined) {
+    if (lookUp === void 0) {
       lookUp = true;
     }
     // CAREFUL: JSDom does not support inert at all, so we can't use the `HTMLElement.inert`
     //  JS API property; we have to check the attribute, which can either be empty or 'true';
     //  if it's `null` (not specified) or 'false', it's an active element
-    var inertAtt = node === null || node === undefined ? undefined : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === undefined ? undefined : _node$getAttribute.call(node, 'inert');
+    var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, 'inert');
     var inert = inertAtt === '' || inertAtt === 'true';
 
     // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`
@@ -75791,7 +75693,7 @@
     // CAREFUL: JSDom does not support the `HTMLElement.isContentEditable` API so we have
     //  to use the attribute directly to check for this, which can either be empty or 'true';
     //  if it's `null` (not specified) or 'false', it's a non-editable element
-    var attValue = node === null || node === undefined ? undefined : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === undefined ? undefined : _node$getAttribute2.call(node, 'contenteditable');
+    var attValue = node === null || node === void 0 ? void 0 : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === void 0 ? void 0 : _node$getAttribute2.call(node, 'contenteditable');
     return attValue === '' || attValue === 'true';
   };
 
@@ -76043,22 +75945,22 @@
     //  from the DOM as in https://github.com/focus-trap/focus-trap-react/issues/905), then
     //  `ownerDocument` will be `null`, hence the optional chaining on it.
     var nodeRoot = node && getRootNode(node);
-    var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === undefined ? undefined : _nodeRoot.host;
+    var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === void 0 ? void 0 : _nodeRoot.host;
 
     // in some cases, a detached node will return itself as the root instead of a document or
     //  shadow root object, in which case, we shouldn't try to look further up the host chain
     var attached = false;
     if (nodeRoot && nodeRoot !== node) {
       var _nodeRootHost, _nodeRootHost$ownerDo, _node$ownerDocument;
-      attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== undefined && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== undefined && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== undefined && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== undefined && _node$ownerDocument.contains(node));
+      attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== void 0 && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== void 0 && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== void 0 && _node$ownerDocument.contains(node));
       while (!attached && nodeRootHost) {
         var _nodeRoot2, _nodeRootHost2, _nodeRootHost2$ownerD;
         // since it's not attached and we have a root host, the node MUST be in a nested shadow DOM,
         //  which means we need to get the host's host and check if that parent host is contained
         //  in (i.e. attached to) the document
         nodeRoot = getRootNode(nodeRootHost);
-        nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === undefined ? undefined : _nodeRoot2.host;
-        attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== undefined && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== undefined && _nodeRootHost2$ownerD.contains(nodeRootHost));
+        nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === void 0 ? void 0 : _nodeRoot2.host;
+        attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== void 0 && _nodeRootHost2$ownerD.contains(nodeRootHost));
       }
     }
     return attached;
@@ -76344,7 +76246,7 @@
     if (typeof input !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
-      var res = prim.call(input, hint || "default");
+      var res = prim.call(input, hint);
       if (typeof res !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
@@ -76385,10 +76287,10 @@
     return node.tagName && node.tagName.toLowerCase() === 'input' && typeof node.select === 'function';
   };
   var isEscapeEvent = function isEscapeEvent(e) {
-    return (e === null || e === undefined ? undefined : e.key) === 'Escape' || (e === null || e === undefined ? undefined : e.key) === 'Esc' || (e === null || e === undefined ? undefined : e.keyCode) === 27;
+    return (e === null || e === void 0 ? void 0 : e.key) === 'Escape' || (e === null || e === void 0 ? void 0 : e.key) === 'Esc' || (e === null || e === void 0 ? void 0 : e.keyCode) === 27;
   };
   var isTabEvent = function isTabEvent(e) {
-    return (e === null || e === undefined ? undefined : e.key) === 'Tab' || (e === null || e === undefined ? undefined : e.keyCode) === 9;
+    return (e === null || e === void 0 ? void 0 : e.key) === 'Tab' || (e === null || e === void 0 ? void 0 : e.keyCode) === 9;
   };
 
   // checks for TAB by default
@@ -76429,7 +76331,7 @@
     for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       params[_key - 1] = arguments[_key];
     }
-    return typeof value === 'function' ? value.apply(undefined, params) : value;
+    return typeof value === 'function' ? value.apply(void 0, params) : value;
   };
   var getActualTarget = function getActualTarget(event) {
     // NOTE: If the trap is _inside_ a shadow DOM, event.target will always be the
@@ -76448,8 +76350,8 @@
   var createFocusTrap = function createFocusTrap(elements, userOptions) {
     // SSR: a live trap shouldn't be created in this type of environment so this
     //  should be safe code to execute if the `document` option isn't specified
-    var doc = (userOptions === null || userOptions === undefined ? undefined : userOptions.document) || document;
-    var trapStack = (userOptions === null || userOptions === undefined ? undefined : userOptions.trapStack) || internalTrapStack;
+    var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;
+    var trapStack = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.trapStack) || internalTrapStack;
     var config = _objectSpread2({
       returnFocusOnDeactivate: true,
       escapeDeactivates: true,
@@ -76520,7 +76422,7 @@
      *  if the element isn't found.
      */
     var findContainerIndex = function findContainerIndex(element, event) {
-      var composedPath = typeof (event === null || event === undefined ? undefined : event.composedPath) === 'function' ? event.composedPath() : undefined;
+      var composedPath = typeof (event === null || event === void 0 ? void 0 : event.composedPath) === 'function' ? event.composedPath() : undefined;
       // NOTE: search `containerGroups` because it's possible a group contains no tabbable
       //  nodes, but still contains focusable nodes (e.g. if they all have `tabindex=-1`)
       //  and we still need to find the element in there
@@ -76532,7 +76434,7 @@
         //  web components if the `tabbableOptions.getShadowRoot` option was used for
         //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
         //  look inside web components even if open)
-        composedPath === null || composedPath === undefined ? undefined : composedPath.includes(container)) || tabbableNodes.find(function (node) {
+        composedPath === null || composedPath === void 0 ? void 0 : composedPath.includes(container)) || tabbableNodes.find(function (node) {
           return node === element;
         });
       });
@@ -76557,7 +76459,7 @@
         for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
           params[_key2 - 1] = arguments[_key2];
         }
-        optionValue = optionValue.apply(undefined, params);
+        optionValue = optionValue.apply(void 0, params);
       }
       if (optionValue === true) {
         optionValue = undefined; // use default value
@@ -76738,7 +76640,7 @@
       var target = _ref2.target,
         event = _ref2.event,
         _ref2$isBackward = _ref2.isBackward,
-        isBackward = _ref2$isBackward === undefined ? false : _ref2$isBackward;
+        isBackward = _ref2$isBackward === void 0 ? false : _ref2$isBackward;
       target = target || getActualTarget(event);
       updateTabbableNodes();
       var destinationNode = null;
@@ -77115,14 +77017,14 @@
         state.active = true;
         state.paused = false;
         state.nodeFocusedBeforeActivation = doc.activeElement;
-        onActivate === null || onActivate === undefined ? undefined : onActivate();
+        onActivate === null || onActivate === void 0 ? void 0 : onActivate();
         var finishActivation = function finishActivation() {
           if (checkCanFocusTrap) {
             updateTabbableNodes();
           }
           addListeners();
           updateObservedNodes();
-          onPostActivate === null || onPostActivate === undefined ? undefined : onPostActivate();
+          onPostActivate === null || onPostActivate === void 0 ? void 0 : onPostActivate();
         };
         if (checkCanFocusTrap) {
           checkCanFocusTrap(state.containers.concat()).then(finishActivation, finishActivation);
@@ -77151,13 +77053,13 @@
         var onPostDeactivate = getOption(options, 'onPostDeactivate');
         var checkCanReturnFocus = getOption(options, 'checkCanReturnFocus');
         var returnFocus = getOption(options, 'returnFocus', 'returnFocusOnDeactivate');
-        onDeactivate === null || onDeactivate === undefined ? undefined : onDeactivate();
+        onDeactivate === null || onDeactivate === void 0 ? void 0 : onDeactivate();
         var finishDeactivation = function finishDeactivation() {
           delay(function () {
             if (returnFocus) {
               tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));
             }
-            onPostDeactivate === null || onPostDeactivate === undefined ? undefined : onPostDeactivate();
+            onPostDeactivate === null || onPostDeactivate === void 0 ? void 0 : onPostDeactivate();
           });
         };
         if (returnFocus && checkCanReturnFocus) {
@@ -77174,10 +77076,10 @@
         var onPause = getOption(pauseOptions, 'onPause');
         var onPostPause = getOption(pauseOptions, 'onPostPause');
         state.paused = true;
-        onPause === null || onPause === undefined ? undefined : onPause();
+        onPause === null || onPause === void 0 ? void 0 : onPause();
         removeListeners();
         updateObservedNodes();
-        onPostPause === null || onPostPause === undefined ? undefined : onPostPause();
+        onPostPause === null || onPostPause === void 0 ? void 0 : onPostPause();
         return this;
       },
       unpause: function unpause(unpauseOptions) {
@@ -77187,11 +77089,11 @@
         var onUnpause = getOption(unpauseOptions, 'onUnpause');
         var onPostUnpause = getOption(unpauseOptions, 'onPostUnpause');
         state.paused = false;
-        onUnpause === null || onUnpause === undefined ? undefined : onUnpause();
+        onUnpause === null || onUnpause === void 0 ? void 0 : onUnpause();
         updateTabbableNodes();
         addListeners();
         updateObservedNodes();
-        onPostUnpause === null || onPostUnpause === undefined ? undefined : onPostUnpause();
+        onPostUnpause === null || onPostUnpause === void 0 ? void 0 : onPostUnpause();
         return this;
       },
       updateContainerElements: function updateContainerElements(containerElements) {
@@ -77283,7 +77185,7 @@
     DIV_BY_ZERO = NAME + 'Division by zero',
     // The shared prototype object.
     P = {},
-    UNDEFINED = undefined,
+    UNDEFINED = void 0,
     NUMERIC = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
 
   /*
@@ -83587,19 +83489,19 @@
     errors: {}
   });
 
-  /**
-   * @typedef {Function} <propertiesPanel.showEntry> callback
-   *
-   * @example
-   *
-   * useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
-   *   // ...
-   * });
-   *
-   * @param {Object} context
-   * @param {boolean} [context.focus]
-   *
-   * @returns void
+  /**
+   * @typedef {Function} <propertiesPanel.showEntry> callback
+   *
+   * @example
+   *
+   * useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
+   *   // ...
+   * });
+   *
+   * @param {Object} context
+   * @param {boolean} [context.focus]
+   *
+   * @returns void
    */
 
   const EventContext = G({
@@ -83616,20 +83518,20 @@
     getTooltipForId: () => {}
   });
 
-  /**
-   * Accesses the global TooltipContext and returns a tooltip for a given id and element.
-   *
-   * @example
-   * ```jsx
-   * function TextField(props) {
-   *   const tooltip = useTooltipContext('input1', element);
-   * }
-   * ```
-   *
-   * @param {string} id
-   * @param {object} element
-   *
-   * @returns {string}
+  /**
+   * Accesses the global TooltipContext and returns a tooltip for a given id and element.
+   *
+   * @example
+   * ```jsx
+   * function TextField(props) {
+   *   const tooltip = useTooltipContext('input1', element);
+   * }
+   * ```
+   *
+   * @param {string} id
+   * @param {object} element
+   *
+   * @returns {string}
    */
   function useTooltipContext(id, element) {
     const {
@@ -83781,20 +83683,20 @@
     return `bio-properties-panel-${id}`;
   }
 
-  /**
-   * Accesses the global DescriptionContext and returns a description for a given id and element.
-   *
-   * @example
-   * ```jsx
-   * function TextField(props) {
-   *   const description = useDescriptionContext('input1', element);
-   * }
-   * ```
-   *
-   * @param {string} id
-   * @param {object} element
-   *
-   * @returns {string}
+  /**
+   * Accesses the global DescriptionContext and returns a description for a given id and element.
+   *
+   * @example
+   * ```jsx
+   * function TextField(props) {
+   *   const description = useDescriptionContext('input1', element);
+   * }
+   * ```
+   *
+   * @param {string} id
+   * @param {object} element
+   *
+   * @returns {string}
    */
   function useDescriptionContext(id, element) {
     const {
@@ -83815,11 +83717,11 @@
     return errors;
   }
 
-  /**
-   * Subscribe to an event immediately. Update subscription after inputs changed.
-   *
-   * @param {string} event
-   * @param {Function} callback
+  /**
+   * Subscribe to an event immediately. Update subscription after inputs changed.
+   *
+   * @param {string} event
+   * @param {Function} callback
    */
   function useEvent(event, callback, eventBus) {
     const eventContext = q$1(EventContext);
@@ -83849,20 +83751,20 @@
     }, [callback, event, eventBus]);
   }
 
-  /**
-   * Creates a state that persists in the global LayoutContext.
-   *
-   * @example
-   * ```jsx
-   * function Group(props) {
-   *   const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
-   * }
-   * ```
-   *
-   * @param {(string|number)[]} path
-   * @param {any} [defaultValue]
-   *
-   * @returns {[ any, Function ]}
+  /**
+   * Creates a state that persists in the global LayoutContext.
+   *
+   * @example
+   * ```jsx
+   * function Group(props) {
+   *   const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
+   * }
+   * ```
+   *
+   * @param {(string|number)[]} path
+   * @param {any} [defaultValue]
+   *
+   * @returns {[ any, Function ]}
    */
   function useLayoutState(path, defaultValue) {
     const {
@@ -83876,11 +83778,11 @@
     return [layoutForKey, setState];
   }
 
-  /**
-   * @pinussilvestrus: we need to introduce our own hook to persist the previous
-   * state on updates.
-   *
-   * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
+  /**
+   * @pinussilvestrus: we need to introduce our own hook to persist the previous
+   * state on updates.
+   *
+   * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
    */
 
   function usePrevious(value) {
@@ -83891,12 +83793,12 @@
     return ref.current;
   }
 
-  /**
-   * Subscribe to `propertiesPanel.showEntry`.
-   *
-   * @param {string} id
-   *
-   * @returns {import('preact').Ref}
+  /**
+   * Subscribe to `propertiesPanel.showEntry`.
+   *
+   * @param {string} id
+   *
+   * @returns {import('preact').Ref}
    */
   function useShowEntryEvent(id) {
     const {
@@ -83927,20 +83829,20 @@
     return ref;
   }
 
-  /**
-   * @callback setSticky
-   * @param {boolean} value
+  /**
+   * @callback setSticky
+   * @param {boolean} value
    */
 
-  /**
-   * Use IntersectionObserver to identify when DOM element is in sticky mode.
-   * If sticky is observered setSticky(true) will be called.
-   * If sticky mode is left, setSticky(false) will be called.
-   *
-   *
-   * @param {Object} ref
-   * @param {string} scrollContainerSelector
-   * @param {setSticky} setSticky
+  /**
+   * Use IntersectionObserver to identify when DOM element is in sticky mode.
+   * If sticky is observered setSticky(true) will be called.
+   * If sticky mode is left, setSticky(false) will be called.
+   *
+   *
+   * @param {Object} ref
+   * @param {string} scrollContainerSelector
+   * @param {setSticky} setSticky
    */
   function useStickyIntersectionObserver(ref, scrollContainerSelector, setSticky) {
     const [scrollContainer, setScrollContainer] = h(query(scrollContainerSelector));
@@ -83994,19 +83896,19 @@
     }, [ref.current, scrollContainer, setSticky]);
   }
 
-  /**
-   * Creates a static function reference with changing body.
-   * This is necessary when external libraries require a callback function
-   * that has references to state variables.
-   *
-   * Usage:
-   * const callback = useStaticCallback((val) => {val === currentState});
-   *
-   * The `callback` reference is static and can be safely used in external
-   * libraries or as a prop that does not cause rerendering of children.
-   *
-   * @param {Function} callback function with changing reference
-   * @returns {Function} static function reference
+  /**
+   * Creates a static function reference with changing body.
+   * This is necessary when external libraries require a callback function
+   * that has references to state variables.
+   *
+   * Usage:
+   * const callback = useStaticCallback((val) => {val === currentState});
+   *
+   * The `callback` reference is static and can be safely used in external
+   * libraries or as a prop that does not cause rerendering of children.
+   *
+   * @param {Function} callback function with changing reference
+   * @returns {Function} static function reference
    */
   function useStaticCallback(callback) {
     const callbackRef = _$1(callback);
@@ -84147,13 +84049,13 @@
     return null;
   }
 
-  /**
-   * @typedef { {
-   *  text: (element: object) => string,
-   *  icon?: (element: Object) => import('preact').Component
-   * } } PlaceholderDefinition
-   *
-   * @param { PlaceholderDefinition } props
+  /**
+   * @typedef { {
+   *  text: (element: object) => string,
+   *  icon?: (element: Object) => import('preact').Component
+   * } } PlaceholderDefinition
+   *
+   * @param { PlaceholderDefinition } props
    */
   function Placeholder(props) {
     const {
@@ -84190,9 +84092,9 @@
   }
   const noop$6 = () => {};
 
-  /**
-   * Buffer `.focus()` calls while the editor is not initialized.
-   * Set Focus inside when the editor is ready.
+  /**
+   * Buffer `.focus()` calls while the editor is not initialized.
+   * Set Focus inside when the editor is ready.
    */
   const useBufferedFocus$1 = function (editor, ref) {
     const [buffer, setBuffer] = h(undefined);
@@ -84292,9 +84194,9 @@
   });
   const noop$5 = () => {};
 
-  /**
-   * Buffer `.focus()` calls while the editor is not initialized.
-   * Set Focus inside when the editor is ready.
+  /**
+   * Buffer `.focus()` calls while the editor is not initialized.
+   * Set Focus inside when the editor is ready.
    */
   const useBufferedFocus = function (editor, ref) {
     const [buffer, setBuffer] = h(undefined);
@@ -84343,10 +84245,10 @@
     p(() => {
       let editor;
 
-      /* Trigger FEEL toggle when
-       *
-       * - `backspace` is pressed
-       * - AND the cursor is at the beginning of the input
+      /* Trigger FEEL toggle when
+       *
+       * - `backspace` is pressed
+       * - AND the cursor is at the beginning of the input
        */
       const onKeyDown = e => {
         if (e.key !== 'Backspace' || !editor) {
@@ -84435,10 +84337,10 @@
   }
   const noop$4 = () => {};
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.label
-   * @param {String} props.feel
+  /**
+   * @param {Object} props
+   * @param {Object} props.label
+   * @param {String} props.feel
    */
   function FeelIcon(props) {
     const {
@@ -84472,22 +84374,22 @@
     source: null
   });
 
-  /**
-   * Add a dragger that calls back the passed function with
-   * { event, delta } on drag.
-   *
-   * @example
-   *
-   * function dragMove(event, delta) {
-   *   // we are dragging (!!)
-   * }
-   *
-   * domElement.addEventListener('dragstart', dragger(dragMove));
-   *
-   * @param {Function} fn
-   * @param {Element} [dragPreview]
-   *
-   * @return {Function} drag start callback function
+  /**
+   * Add a dragger that calls back the passed function with
+   * { event, delta } on drag.
+   *
+   * @example
+   *
+   * function dragMove(event, delta) {
+   *   // we are dragging (!!)
+   * }
+   *
+   * domElement.addEventListener('dragstart', dragger(dragMove));
+   *
+   * @param {Function} fn
+   * @param {Element} [dragPreview]
+   *
+   * @return {Function} drag start callback function
    */
   function createDragger(fn, dragPreview) {
     let self;
@@ -84541,23 +84443,23 @@
   }
   const noop$3 = () => {};
 
-  /**
-   * A generic popup component.
-   *
-   * @param {Object} props
-   * @param {HTMLElement} [props.container]
-   * @param {string} [props.className]
-   * @param {boolean} [props.delayInitialFocus]
-   * @param {{x: number, y: number}} [props.position]
-   * @param {number} [props.width]
-   * @param {number} [props.height]
-   * @param {Function} props.onClose
-   * @param {Function} [props.onPostActivate]
-   * @param {Function} [props.onPostDeactivate]
-   * @param {boolean} [props.returnFocus]
-   * @param {boolean} [props.closeOnEscape]
-   * @param {string} props.title
-   * @param {Ref} [ref]
+  /**
+   * A generic popup component.
+   *
+   * @param {Object} props
+   * @param {HTMLElement} [props.container]
+   * @param {string} [props.className]
+   * @param {boolean} [props.delayInitialFocus]
+   * @param {{x: number, y: number}} [props.position]
+   * @param {number} [props.width]
+   * @param {number} [props.height]
+   * @param {Function} props.onClose
+   * @param {Function} [props.onPostActivate]
+   * @param {Function} [props.onPostDeactivate]
+   * @param {boolean} [props.returnFocus]
+   * @param {boolean} [props.closeOnEscape]
+   * @param {string} props.title
+   * @param {Ref} [ref]
    */
   function PopupComponent(props, globalRef) {
     const {
@@ -84775,12 +84677,12 @@
   const FEEL_POPUP_WIDTH = 700;
   const FEEL_POPUP_HEIGHT = 250;
 
-  /**
-   * FEEL popup component, built as a singleton. Emits lifecycle events as follows:
-   *  - `feelPopup.open` - fired before the popup is mounted
-   *  - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
-   *  - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
-   *  - `feelPopup.closed` - fired after the popup is unmounted
+  /**
+   * FEEL popup component, built as a singleton. Emits lifecycle events as follows:
+   *  - `feelPopup.open` - fired before the popup is mounted
+   *  - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
+   *  - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
+   *  - `feelPopup.closed` - fired after the popup is unmounted
    */
   function FEELPopupRoot(props) {
     const {
@@ -85007,11 +84909,11 @@
     return element.closest('.cm-editor').querySelector('.cm-tooltip-autocomplete');
   }
 
-  /**
-   * This hook behaves like useEffect, but does not trigger on the first render.
-   *
-   * @param {Function} effect
-   * @param {Array} deps
+  /**
+   * This hook behaves like useEffect, but does not trigger on the first render.
+   *
+   * @param {Function} effect
+   * @param {Array} deps
    */
   function useUpdateEffect(effect, deps) {
     const isMounted = _$1(false);
@@ -85088,19 +84990,19 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {String} props.label
-   * @param {String} props.switcherLabel
-   * @param {Boolean} props.inline
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {string|import('preact').Component} props.tooltip
+  /**
+   * @param {Object} props
+   * @param {Object} props.element
+   * @param {String} props.id
+   * @param {String} props.description
+   * @param {String} props.label
+   * @param {String} props.switcherLabel
+   * @param {Boolean} props.inline
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {string|import('preact').Component} props.tooltip
    */
   function ToggleSwitchEntry(props) {
     const {
@@ -85207,22 +85109,22 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Boolean} props.debounce
-   * @param {String} props.description
-   * @param {Boolean} props.disabled
-   * @param {Object} props.element
-   * @param {Function} props.getValue
-   * @param {String} props.id
-   * @param {String} props.label
-   * @param {String} props.max
-   * @param {String} props.min
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {String} props.step
-   * @param {Function} props.validate
+  /**
+   * @param {Object} props
+   * @param {Boolean} props.debounce
+   * @param {String} props.description
+   * @param {Boolean} props.disabled
+   * @param {Object} props.element
+   * @param {Function} props.getValue
+   * @param {String} props.id
+   * @param {String} props.label
+   * @param {String} props.max
+   * @param {String} props.min
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {String} props.step
+   * @param {Function} props.validate
    */
   function NumberFieldEntry(props) {
     const {
@@ -85707,26 +85609,26 @@
     });
   });
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {Boolean} props.debounce
-   * @param {Boolean} props.disabled
-   * @param {Boolean} props.feel
-   * @param {String} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.tooltipContainer
-   * @param {Function} props.validate
-   * @param {Function} props.show
-   * @param {Function} props.example
-   * @param {Function} props.variables
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {string} [props.placeholder]
-   * @param {string|import('preact').Component} props.tooltip
+  /**
+   * @param {Object} props
+   * @param {Object} props.element
+   * @param {String} props.id
+   * @param {String} props.description
+   * @param {Boolean} props.debounce
+   * @param {Boolean} props.disabled
+   * @param {Boolean} props.feel
+   * @param {String} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.tooltipContainer
+   * @param {Function} props.validate
+   * @param {Function} props.show
+   * @param {Function} props.example
+   * @param {Function} props.variables
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {string} [props.placeholder]
+   * @param {string|import('preact').Component} props.tooltip
    */
   function FeelEntry(props) {
     const {
@@ -85813,27 +85715,27 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {Boolean} props.debounce
-   * @param {Boolean} props.disabled
-   * @param {String} props.max
-   * @param {String} props.min
-   * @param {String} props.step
-   * @param {Boolean} props.feel
-   * @param {String} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.tooltipContainer
-   * @param {Function} props.validate
-   * @param {Function} props.show
-   * @param {Function} props.example
-   * @param {Function} props.variables
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
+  /**
+   * @param {Object} props
+   * @param {Object} props.element
+   * @param {String} props.id
+   * @param {String} props.description
+   * @param {Boolean} props.debounce
+   * @param {Boolean} props.disabled
+   * @param {String} props.max
+   * @param {String} props.min
+   * @param {String} props.step
+   * @param {Boolean} props.feel
+   * @param {String} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.tooltipContainer
+   * @param {Function} props.validate
+   * @param {Function} props.show
+   * @param {Function} props.example
+   * @param {Function} props.variables
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
    */
   function FeelNumberEntry(props) {
     return o(FeelEntry, {
@@ -85843,24 +85745,24 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {Boolean} props.debounce
-   * @param {Boolean} props.disabled
-   * @param {Boolean} props.feel
-   * @param {String} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.tooltipContainer
-   * @param {Function} props.validate
-   * @param {Function} props.show
-   * @param {Function} props.example
-   * @param {Function} props.variables
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
+  /**
+   * @param {Object} props
+   * @param {Object} props.element
+   * @param {String} props.id
+   * @param {String} props.description
+   * @param {Boolean} props.debounce
+   * @param {Boolean} props.disabled
+   * @param {Boolean} props.feel
+   * @param {String} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.tooltipContainer
+   * @param {Function} props.validate
+   * @param {Function} props.show
+   * @param {Function} props.example
+   * @param {Function} props.variables
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
    */
   function FeelToggleSwitchEntry(props) {
     return o(FeelEntry, {
@@ -85870,26 +85772,26 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {String} props.hostLanguage
-   * @param {Boolean} props.singleLine
-   * @param {Boolean} props.debounce
-   * @param {Boolean} props.disabled
-   * @param {Boolean} props.feel
-   * @param {String} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.tooltipContainer
-   * @param {Function} props.validate
-   * @param {Function} props.show
-   * @param {Function} props.example
-   * @param {Function} props.variables
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
+  /**
+   * @param {Object} props
+   * @param {Object} props.element
+   * @param {String} props.id
+   * @param {String} props.description
+   * @param {String} props.hostLanguage
+   * @param {Boolean} props.singleLine
+   * @param {Boolean} props.debounce
+   * @param {Boolean} props.disabled
+   * @param {Boolean} props.feel
+   * @param {String} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.tooltipContainer
+   * @param {Function} props.validate
+   * @param {Function} props.show
+   * @param {Function} props.example
+   * @param {Function} props.variables
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
    */
   function FeelTemplatingEntry(props) {
     return o(FeelEntry, {
@@ -85957,85 +85859,85 @@
   const DEFAULT_DESCRIPTION = {};
   const DEFAULT_TOOLTIP = {};
 
-  /**
-   * @typedef { {
-   *    component: import('preact').Component,
-   *    id: String,
-   *    isEdited?: Function
-   * } } EntryDefinition
-   *
-   * @typedef { {
-   *    autoFocusEntry: String,
-   *    autoOpen?: Boolean,
-   *    entries: Array<EntryDefinition>,
-   *    id: String,
-   *    label: String,
-   *    remove: (event: MouseEvent) => void
-   * } } ListItemDefinition
-   *
-   * @typedef { {
-   *    add: (event: MouseEvent) => void,
-   *    component: import('preact').Component,
-   *    element: Object,
-   *    id: String,
-   *    items: Array<ListItemDefinition>,
-   *    label: String,
-   *    shouldOpen?: Boolean
-   * } } ListGroupDefinition
-   *
-   * @typedef { {
-   *    component?: import('preact').Component,
-   *    entries: Array<EntryDefinition>,
-   *    id: String,
-   *    label: String,
-   *    shouldOpen?: Boolean
-   * } } GroupDefinition
-   *
-   *  @typedef { {
-   *    [id: String]: GetDescriptionFunction
-   * } } DescriptionConfig
-   *
-   *  @typedef { {
-   *    [id: String]: GetTooltipFunction
-   * } } TooltipConfig
-   *
-   * @callback { {
-   * @param {string} id
-   * @param {Object} element
-   * @returns {string}
-   * } } GetDescriptionFunction
-   *
-   * @callback { {
-   * @param {string} id
-   * @param {Object} element
-   * @returns {string}
-   * } } GetTooltipFunction
-   *
-   * @typedef { {
-   *  getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
-   *  getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
-   * } } PlaceholderProvider
-   *
+  /**
+   * @typedef { {
+   *    component: import('preact').Component,
+   *    id: String,
+   *    isEdited?: Function
+   * } } EntryDefinition
+   *
+   * @typedef { {
+   *    autoFocusEntry: String,
+   *    autoOpen?: Boolean,
+   *    entries: Array<EntryDefinition>,
+   *    id: String,
+   *    label: String,
+   *    remove: (event: MouseEvent) => void
+   * } } ListItemDefinition
+   *
+   * @typedef { {
+   *    add: (event: MouseEvent) => void,
+   *    component: import('preact').Component,
+   *    element: Object,
+   *    id: String,
+   *    items: Array<ListItemDefinition>,
+   *    label: String,
+   *    shouldOpen?: Boolean
+   * } } ListGroupDefinition
+   *
+   * @typedef { {
+   *    component?: import('preact').Component,
+   *    entries: Array<EntryDefinition>,
+   *    id: String,
+   *    label: String,
+   *    shouldOpen?: Boolean
+   * } } GroupDefinition
+   *
+   *  @typedef { {
+   *    [id: String]: GetDescriptionFunction
+   * } } DescriptionConfig
+   *
+   *  @typedef { {
+   *    [id: String]: GetTooltipFunction
+   * } } TooltipConfig
+   *
+   * @callback { {
+   * @param {string} id
+   * @param {Object} element
+   * @returns {string}
+   * } } GetDescriptionFunction
+   *
+   * @callback { {
+   * @param {string} id
+   * @param {Object} element
+   * @returns {string}
+   * } } GetTooltipFunction
+   *
+   * @typedef { {
+   *  getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
+   *  getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
+   * } } PlaceholderProvider
+   *
    */
 
-  /**
-   * A basic properties panel component. Describes *how* content will be rendered, accepts
-   * data from implementor to describe *what* will be rendered.
-   *
-   * @param {Object} props
-   * @param {Object|Array} props.element
-   * @param {import('./components/Header').HeaderProvider} props.headerProvider
-   * @param {PlaceholderProvider} [props.placeholderProvider]
-   * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
-   * @param {Object} [props.layoutConfig]
-   * @param {Function} [props.layoutChanged]
-   * @param {DescriptionConfig} [props.descriptionConfig]
-   * @param {Function} [props.descriptionLoaded]
-   * @param {TooltipConfig} [props.tooltipConfig]
-   * @param {Function} [props.tooltipLoaded]
-   * @param {HTMLElement} [props.feelPopupContainer]
-   * @param {Function} [props.getFeelPopupLinks]
-   * @param {Object} [props.eventBus]
+  /**
+   * A basic properties panel component. Describes *how* content will be rendered, accepts
+   * data from implementor to describe *what* will be rendered.
+   *
+   * @param {Object} props
+   * @param {Object|Array} props.element
+   * @param {import('./components/Header').HeaderProvider} props.headerProvider
+   * @param {PlaceholderProvider} [props.placeholderProvider]
+   * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
+   * @param {Object} [props.layoutConfig]
+   * @param {Function} [props.layoutChanged]
+   * @param {DescriptionConfig} [props.descriptionConfig]
+   * @param {Function} [props.descriptionLoaded]
+   * @param {TooltipConfig} [props.tooltipConfig]
+   * @param {Function} [props.tooltipLoaded]
+   * @param {HTMLElement} [props.feelPopupContainer]
+   * @param {Function} [props.getFeelPopupLinks]
+   * @param {Object} [props.eventBus]
    */
   function PropertiesPanel$1(props) {
     const {
@@ -86208,11 +86110,11 @@
 
   // hooks //////////////////
 
-  /**
-   * This hook behaves like useLayoutEffect, but does not trigger on the first render.
-   *
-   * @param {Function} effect
-   * @param {Array} deps
+  /**
+   * This hook behaves like useLayoutEffect, but does not trigger on the first render.
+   *
+   * @param {Function} effect
+   * @param {Array} deps
    */
   function useUpdateLayoutEffect(effect, deps) {
     const isMounted = _$1(false);
@@ -86225,20 +86127,20 @@
     }, deps);
   }
 
-  /**
-   * @typedef { {
-   *   [key: string]: string;
-   * } } TranslateReplacements
+  /**
+   * @typedef { {
+   *   [key: string]: string;
+   * } } TranslateReplacements
    */
 
-  /**
-   * A simple translation stub to be used for multi-language support.
-   * Can be easily replaced with a more sophisticated solution.
-   *
-   * @param {string} template to interpolate
-   * @param {TranslateReplacements} [replacements] a map with substitutes
-   *
-   * @return {string} the translated string
+  /**
+   * A simple translation stub to be used for multi-language support.
+   * Can be easily replaced with a more sophisticated solution.
+   *
+   * @param {string} template to interpolate
+   * @param {TranslateReplacements} [replacements] a map with substitutes
+   *
+   * @return {string} the translated string
    */
   function translateFallback(template, replacements) {
     replacements = replacements || {};
@@ -86347,8 +86249,8 @@
   }
   const noop$1 = () => {};
 
-  /**
-   * @param {import('../PropertiesPanel').ListGroupDefinition} props
+  /**
+   * @param {import('../PropertiesPanel').ListGroupDefinition} props
    */
   function ListGroup(props) {
     const {
@@ -86539,18 +86441,18 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {String} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {string|import('preact').Component} props.tooltip
-   * @param {boolean} [props.disabled]
+  /**
+   * @param {Object} props
+   * @param {Object} props.element
+   * @param {String} props.id
+   * @param {String} props.description
+   * @param {String} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {string|import('preact').Component} props.tooltip
+   * @param {boolean} [props.disabled]
    */
   function CheckboxEntry(props) {
     const {
@@ -86670,20 +86572,20 @@
     });
   }
 
-  /**
-   * @param {object} props
-   * @param {object} props.element
-   * @param {string} props.id
-   * @param {string} [props.description]
-   * @param {string} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {Function} props.getOptions
-   * @param {boolean} [props.disabled]
-   * @param {Function} [props.validate]
-   * @param {string|import('preact').Component} props.tooltip
+  /**
+   * @param {object} props
+   * @param {object} props.element
+   * @param {string} props.id
+   * @param {string} [props.description]
+   * @param {string} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {Function} props.getOptions
+   * @param {boolean} [props.disabled]
+   * @param {Function} [props.validate]
+   * @param {string|import('preact').Component} props.tooltip
    */
   function SelectEntry(props) {
     const {
@@ -86974,20 +86876,20 @@
     });
   }
 
-  /**
-   * @param {Object} props
-   * @param {Object} props.element
-   * @param {String} props.id
-   * @param {String} props.description
-   * @param {Boolean} props.debounce
-   * @param {Boolean} props.disabled
-   * @param {String} props.label
-   * @param {Function} props.getValue
-   * @param {Function} props.setValue
-   * @param {Function} props.onFocus
-   * @param {Function} props.onBlur
-   * @param {string|import('preact').Component} props.tooltip
-   * @param {Function} props.validate
+  /**
+   * @param {Object} props
+   * @param {Object} props.element
+   * @param {String} props.id
+   * @param {String} props.description
+   * @param {Boolean} props.debounce
+   * @param {Boolean} props.disabled
+   * @param {String} props.label
+   * @param {Function} props.getValue
+   * @param {Function} props.setValue
+   * @param {Function} props.onFocus
+   * @param {Function} props.onBlur
+   * @param {string|import('preact').Component} props.tooltip
+   * @param {Function} props.validate
    */
   function TextfieldEntry(props) {
     const {
@@ -87062,20 +86964,20 @@
       this._eventBus = eventBus;
     }
 
-    /**
-     * Check if the FEEL popup is open.
-     * @return {Boolean}
+    /**
+     * Check if the FEEL popup is open.
+     * @return {Boolean}
      */
     isOpen() {
       return this._eventBus.fire('feelPopup._isOpen');
     }
 
-    /**
-     * Open the FEEL popup.
-     *
-     * @param {String} entryId
-     * @param {Object} popupConfig
-     * @param {HTMLElement} sourceElement
+    /**
+     * Open the FEEL popup.
+     *
+     * @param {String} entryId
+     * @param {Object} popupConfig
+     * @param {HTMLElement} sourceElement
      */
     open(entryId, popupConfig, sourceElement) {
       return this._eventBus.fire('feelPopup._open', {
@@ -87085,8 +86987,8 @@
       });
     }
 
-    /**
-     * Close the FEEL popup.
+    /**
+     * Close the FEEL popup.
      */
     close() {
       return this._eventBus.fire('feelPopup._close');
@@ -87493,7 +87395,7 @@
       editField,
       id
     } = props;
-    const debounce = useService('debounce');
+    useService('debounce');
     const formLayoutValidator = useService('formLayoutValidator');
     const validate = T$2(value => {
       return formLayoutValidator.validateField(field, value ? parseInt(value) : null);
@@ -87519,7 +87421,6 @@
       ...asArray(16).filter(i => i >= MIN_COLUMNS).map(asOption)];
     };
     return SelectEntry({
-      debounce,
       element: field,
       id,
       label: 'Columns',
@@ -89964,7 +89865,6 @@
         path: ['nonCollapsedItems'],
         label: 'Number of non-collapsing items',
         min: 1,
-        defaultValue: 5,
         props
       });
       entries.push(nonCollapseItemsEntry);
@@ -90990,12 +90890,10 @@
       editField
     }), ...TextEntry({
       field,
-      editField,
-      getService
+      editField
     }), ...HtmlEntry({
       field,
-      editField,
-      getService
+      editField
     }), ...IFrameUrlEntry({
       field,
       editField
@@ -91315,12 +91213,11 @@
       id,
       onChange
     } = props;
-    const debounce = useService('debounce');
+    useService('debounce');
     const setValue = validationType => {
       onChange('validationType')(validationType || undefined);
     };
     return SelectEntry({
-      debounce,
       element: field,
       getValue: getValue('validationType'),
       id,
@@ -92365,8 +92262,8 @@
       */
       this.value = empty;
       if (/\\[sWDnr]|\n|\r|\[\^/.test(query)) return new MultilineRegExpCursor(text, query, options, from, to);
-      this.re = new RegExp(query, baseFlags + ((options === null || options === undefined ? undefined : options.ignoreCase) ? "i" : ""));
-      this.test = options === null || options === undefined ? undefined : options.test;
+      this.re = new RegExp(query, baseFlags + ((options === null || options === void 0 ? void 0 : options.ignoreCase) ? "i" : ""));
+      this.test = options === null || options === void 0 ? void 0 : options.test;
       this.iter = text.iter();
       let startLine = text.lineAt(from);
       this.curLineStart = startLine.from;
@@ -92456,8 +92353,8 @@
       this.done = false;
       this.value = empty;
       this.matchPos = toCharEnd(text, from);
-      this.re = new RegExp(query, baseFlags + ((options === null || options === undefined ? undefined : options.ignoreCase) ? "i" : ""));
-      this.test = options === null || options === undefined ? undefined : options.test;
+      this.re = new RegExp(query, baseFlags + ((options === null || options === void 0 ? void 0 : options.ignoreCase) ? "i" : ""));
+      this.test = options === null || options === void 0 ? void 0 : options.test;
       this.flat = FlattenedDoc.get(text, from, this.chunkEnd(from + 5000 /* Chunk.Base */));
     }
     chunkEnd(pos) {
@@ -93196,10 +93093,10 @@
     if (fallback && !selText) return fallback;
     let config = state.facet(searchConfigFacet);
     return new SearchQuery({
-      search: ((_a = fallback === null || fallback === undefined ? undefined : fallback.literal) !== null && _a !== undefined ? _a : config.literal) ? selText : selText.replace(/\n/g, "\\n"),
-      caseSensitive: (_b = fallback === null || fallback === undefined ? undefined : fallback.caseSensitive) !== null && _b !== undefined ? _b : config.caseSensitive,
-      literal: (_c = fallback === null || fallback === undefined ? undefined : fallback.literal) !== null && _c !== undefined ? _c : config.literal,
-      wholeWord: (_d = fallback === null || fallback === undefined ? undefined : fallback.wholeWord) !== null && _d !== undefined ? _d : config.wholeWord
+      search: ((_a = fallback === null || fallback === void 0 ? void 0 : fallback.literal) !== null && _a !== void 0 ? _a : config.literal) ? selText : selText.replace(/\n/g, "\\n"),
+      caseSensitive: (_b = fallback === null || fallback === void 0 ? void 0 : fallback.caseSensitive) !== null && _b !== void 0 ? _b : config.caseSensitive,
+      literal: (_c = fallback === null || fallback === void 0 ? void 0 : fallback.literal) !== null && _c !== void 0 ? _c : config.literal,
+      wholeWord: (_d = fallback === null || fallback === void 0 ? void 0 : fallback.wholeWord) !== null && _d !== void 0 ? _d : config.wholeWord
     });
   }
   /**
@@ -93599,25 +93496,130 @@
       override: [completions]
     })];
   }
+
+  /**
+   * @param {import('@codemirror/autocomplete').CompletionContext} context
+   */
   function completions(context) {
     const variables = context.state.facet(variablesFacet)[0];
-    const options = variables.map(v => ({
-      label: v,
+    /** @type {import('@codemirror/autocomplete').Completion[]} */
+    const objectOptions = variables.map(label => ({
+      displayLabel: `"${label}"`,
+      label: `"${label}": `,
+      type: 'variable',
+      apply: (view, completion, from, to) => {
+        const doc = view.state.doc;
+        const beforeChar = doc.sliceString(from - 1, from);
+        const line = doc.lineAt(from);
+        const indentation = /^\s*/.exec(line.text)[0];
+        const baseInsert = completion.label;
+        if (beforeChar === '{') {
+          const insert = `\n  ${indentation}${baseInsert},\n`;
+          view.dispatch({
+            changes: {
+              from,
+              to,
+              insert
+            },
+            selection: {
+              anchor: from + insert.length - 2
+            }
+          });
+        } else if (beforeChar === ',') {
+          const insert = `\n${indentation}${baseInsert},`;
+          view.dispatch({
+            changes: {
+              from,
+              to,
+              insert
+            },
+            selection: {
+              anchor: from + insert.length - 1
+            }
+          });
+        } else {
+          const insert = `${baseInsert},`;
+          view.dispatch({
+            changes: {
+              from,
+              to,
+              insert
+            },
+            selection: {
+              anchor: from + insert.length - 1
+            }
+          });
+        }
+      }
+    }));
+    /** @type {import('@codemirror/autocomplete').Completion[]} */
+    const propertyNameOptions = variables.map(label => ({
+      label,
       type: 'variable'
     }));
+    /** @type {import('@codemirror/autocomplete').Completion[]} */
+    const propertyValueOptions = [{
+      label: 'true',
+      type: 'constant keyword',
+      boost: 3
+    }, {
+      label: 'false',
+      type: 'constant keyword',
+      boost: 2
+    }, {
+      label: 'null',
+      type: 'constant keyword',
+      boost: 1
+    }, {
+      displayLabel: '[ .. ]',
+      label: '[  ]',
+      apply: (view, completion, from, to) => {
+        view.dispatch({
+          changes: {
+            from,
+            to,
+            insert: completion.label
+          },
+          selection: {
+            anchor: from + 2
+          }
+        });
+      }
+    }, {
+      displayLabel: '{ .. }',
+      label: '{  }',
+      apply: (view, completion, from, to) => {
+        view.dispatch({
+          changes: {
+            from,
+            to,
+            insert: completion.label
+          },
+          selection: {
+            anchor: from + 2
+          }
+        });
+      }
+    }];
+    let finalOptions = [];
     let nodeBefore = syntaxTree(context.state).resolve(context.pos, -1);
-
-    // handle inside property name as explicit call
+    let word = context.matchBefore(/\w*/);
+    if (['Object', '{'].includes(nodeBefore.type.name)) {
+      finalOptions = objectOptions;
+    }
     if (nodeBefore.type.name === 'PropertyName') {
       context.explicit = true;
+      finalOptions = propertyNameOptions;
+    }
+    if (['Property', '[', 'Array'].includes(nodeBefore.type.name)) {
+      finalOptions = propertyValueOptions;
     }
-    let word = context.matchBefore(/\w*/);
     if (word.from == word.to && !context.explicit) {
       return null;
     }
     return {
       from: word.from,
-      options
+      options: finalOptions
     };
   }