@bpmn-io/form-js-playground 1.14.0 → 1.15.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;
   }
@@ -41246,11 +41257,11 @@
           moveY = 0;
         if (y == "nearest") {
           if (rect.top < bounding.top) {
-            moveY = -(bounding.top - rect.top + yMargin);
-            if (side > 0 && rect.bottom > bounding.bottom + moveY) moveY = rect.bottom - bounding.bottom + moveY + yMargin;
+            moveY = rect.top - (bounding.top + yMargin);
+            if (side > 0 && rect.bottom > bounding.bottom + moveY) moveY = rect.bottom - bounding.bottom + yMargin;
           } else if (rect.bottom > bounding.bottom) {
             moveY = rect.bottom - bounding.bottom + yMargin;
-            if (side < 0 && rect.top - moveY < bounding.top) moveY = -(bounding.top + moveY - rect.top + yMargin);
+            if (side < 0 && rect.top - moveY < bounding.top) moveY = rect.top - (bounding.top + yMargin);
           }
         } else {
           let rectHeight = rect.bottom - rect.top,
@@ -41260,11 +41271,11 @@
         }
         if (x == "nearest") {
           if (rect.left < bounding.left) {
-            moveX = -(bounding.left - rect.left + xMargin);
-            if (side > 0 && rect.right > bounding.right + moveX) moveX = rect.right - bounding.right + moveX + xMargin;
+            moveX = rect.left - (bounding.left + xMargin);
+            if (side > 0 && rect.right > bounding.right + moveX) moveX = rect.right - bounding.right + xMargin;
           } else if (rect.right > bounding.right) {
             moveX = rect.right - bounding.right + xMargin;
-            if (side < 0 && rect.left < bounding.left + moveX) moveX = -(bounding.left + moveX - rect.left + xMargin);
+            if (side < 0 && rect.left < bounding.left + moveX) moveX = rect.left - (bounding.left + xMargin);
           }
         } else {
           let targetLeft = x == "center" ? rect.left + (rect.right - rect.left) / 2 - (bounding.right - bounding.left) / 2 : x == "start" == ltr ? rect.left - xMargin : rect.right - (bounding.right - bounding.left) + xMargin;
@@ -41297,6 +41308,12 @@
           }
         }
         if (top) break;
+        if (rect.top < bounding.top || rect.bottom > bounding.bottom || rect.left < bounding.left || rect.right > bounding.right) rect = {
+          left: Math.max(rect.left, bounding.left),
+          right: Math.min(rect.right, bounding.right),
+          top: Math.max(rect.top, bounding.top),
+          bottom: Math.min(rect.bottom, bounding.bottom)
+        };
         cur = cur.assignedSlot || cur.parentNode;
       } else if (cur.nodeType == 11) {
         // A shadow root
@@ -41737,7 +41754,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 +41771,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 +42487,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 +42541,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 +42648,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 +43382,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 +43571,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 +43841,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 +44647,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 +44680,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 +44790,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, {
@@ -45238,7 +45255,7 @@
     handleEvent(event) {
       if (!eventBelongsToEditor(this.view, event) || this.ignoreDuringComposition(event)) return;
       if (event.type == "keydown" && this.keydown(event)) return;
-      this.runHandlers(event.type, event);
+      if (this.view.updateState != 0 /* UpdateState.Idle */) Promise.resolve().then(() => this.runHandlers(event.type, event));else this.runHandlers(event.type, event);
     }
     runHandlers(type, event) {
       let handlers = this.handlers[type];
@@ -45999,7 +46016,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 +46041,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 +47831,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 +48020,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 +48161,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);
@@ -48375,8 +48392,9 @@
       return !abort;
     }
     update(update) {
-      let reverted = this.pendingContextChange;
-      if (this.composing && (this.composing.drifted || update.transactions.some(tr => !tr.isUserEvent("input.type") && tr.changes.touchesRange(this.from, this.to)))) {
+      let reverted = this.pendingContextChange,
+        startSel = update.startState.selection.main;
+      if (this.composing && (this.composing.drifted || !update.changes.touchesRange(startSel.from, startSel.to) && update.transactions.some(tr => !tr.isUserEvent("input.type") && tr.changes.touchesRange(this.from, this.to)))) {
         this.composing.drifted = true;
         this.composing.editorBase = update.changes.mapPos(this.composing.editorBase);
       } else if (!this.applyEdits(update) || !this.rangeIsValid(update.state)) {
@@ -48570,7 +48588,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 +49214,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 +49367,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 +49685,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 +49926,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 +50167,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 +50400,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 +50739,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 +50782,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);
@@ -50783,23 +50801,21 @@
     return tooltipConfig.of(config);
   }
   function windowSpace(view) {
-    let {
-      win
-    } = view;
+    let docElt = view.dom.ownerDocument.documentElement;
     return {
       top: 0,
       left: 0,
-      bottom: win.innerHeight,
-      right: win.innerWidth
+      bottom: docElt.clientHeight,
+      right: docElt.clientWidth
     };
   }
   const tooltipConfig = /*@__PURE__*/Facet.define({
     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 +50919,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 +51013,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 +51185,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 +51217,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 +51282,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 +51322,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 +52163,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 +52366,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 +52382,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 +52607,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 +53328,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 +53562,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 +53679,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 +53898,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 +54033,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 +54173,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 +54194,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 +54589,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 +54674,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 +54701,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 +54804,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 +54989,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 +55191,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 +55747,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 +56409,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 +56712,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 +58231,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 +59507,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 +60338,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 +60348,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 +60359,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 +60434,7 @@
               from,
               to,
               message: 'First item is accessed via [1]',
-              severity: 'error',
+              severity: 'warning',
               type: RULE_NAME,
               actions: [{
                 name: 'fix',
@@ -60793,7 +60581,6 @@
     darkGrey: '#2f3d58',
     grey: '#404a5c',
     midGrey: '#576071',
-    lightGrey: '#c5d1e5',
     offWhite: '#d9e0f5',
     snowWhite: '#eaf1ff',
     white: '#ffffff',
@@ -61705,7 +61492,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 +61608,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 +61676,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 +64849,6 @@
    * @enum { String }
    */
   const LOAD_STATES = {
-    LOADING: 'loading',
     LOADED: 'loaded',
     ERROR: 'error'
   };
@@ -65261,6 +65058,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 +65074,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) {
@@ -70231,10 +70030,15 @@
   };
   const type$k = 'documentPreview';
 
+  /**
+   * @typedef DocumentEndpointBuilder
+   * @property {(document: DocumentMetadata) => string} buildUrl
+   */
+
   /**
    * @typedef DocumentMetadata
    * @property {string} documentId
-   * @property {string} contentHash
+   * @property {string} endpoint
    * @property {Object} metadata
    * @property {string|undefined} [metadata.contentType]
    * @property {string} metadata.fileName
@@ -70243,7 +70047,6 @@
    * @property {string} id
    * @property {string} [title]
    * @property {string} [dataSource]
-   * @property {string} [endpointKey]
    * @property {number} [maxHeight]
    * @property {string} [label]
    *
@@ -70255,18 +70058,18 @@
    * @returns {import("preact").JSX.Element}
    */
   function DocumentPreview(props) {
+    /** @type {DocumentEndpointBuilder | null} */
+    const documentEndpointBuilder = useService$2('documentEndpointBuilder', false);
     const {
       field,
       domId
     } = props;
     const {
       dataSource,
-      endpointKey,
       maxHeight,
       label
     } = field;
     const errorMessageId = `${domId}-error-message`;
-    const endpoint = useExpressionEvaluation(endpointKey || '');
     const data = useValidDocumentData(dataSource || '');
     const evaluatedLabel = useSingleLineTemplateEvaluation(label, {
       debug: true
@@ -70279,18 +70082,19 @@
       }), o("div", {
         class: `fjs-${type$k}-document-container`,
         id: domId,
-        children: isValidDocumentEndpoint(endpoint) ? data.map((document, index) => o(DocumentRenderer, {
-          documentMetadata: document,
-          endpoint: endpoint,
-          maxHeight: maxHeight,
-          domId: `${domId}-${index}`
-        }, document.documentId)) : null
+        children: data.map((document, index) => {
+          const finalEndpoint = tryCatch(() => documentEndpointBuilder?.buildUrl(document)) ?? document.endpoint;
+          return isValidDocumentEndpoint(finalEndpoint) ? o(DocumentRenderer, {
+            documentMetadata: document,
+            endpoint: finalEndpoint,
+            maxHeight: maxHeight,
+            domId: `${domId}-${index}`
+          }, document.documentId) : null;
+        })
       }), o(Errors, {
         id: errorMessageId,
         errors: getErrors({
-          dataSource,
-          endpoint,
-          endpointKey
+          dataSource
         })
       })]
     });
@@ -70302,43 +70106,27 @@
     name: 'Document preview',
     create: (options = {}) => ({
       label: 'Document preview',
-      endpointKey: DEFAULT_ENDPOINT_KEY,
       ...options
     })
   };
 
   // helpers /////////////////////////////
 
-  const DOCUMENT_ID_PLACEHOLDER = '{documentId}';
-  const DEFAULT_ENDPOINT_KEY = '=defaultDocumentsEndpointKey';
-
   /**
    * @typedef GetErrorOptions
    * @property {string|undefined} dataSource
-   * @property {string|undefined} endpointKey
-   * @property {string|null} endpoint
    *
    * @param {GetErrorOptions} options
    * @returns {string[]}
    */
   function getErrors(options) {
     const {
-      dataSource,
-      endpointKey,
-      endpoint
+      dataSource
     } = options;
     let errors = [];
     if (!isString$3(dataSource) || dataSource.length < 1) {
       errors.push('Document reference is not defined.');
     }
-    if (!isString$3(endpointKey) || endpointKey.length < 1) {
-      errors.push('Endpoint key is not defined.');
-    }
-    if (endpointKey !== DEFAULT_ENDPOINT_KEY && !URL.canParse(endpoint)) {
-      errors.push(`If you change the endpoint key from "${DEFAULT_ENDPOINT_KEY}", the document preview won't work with Camunda Tasklist and you must provide a valid URL.`);
-    } else if (endpointKey !== DEFAULT_ENDPOINT_KEY && !isValidDocumentEndpoint(endpoint)) {
-      errors.push('Endpoint must contain "{documentId}".');
-    }
     return errors;
   }
 
@@ -70348,7 +70136,7 @@
    * @returns boolean
    */
   function isValidDocumentEndpoint(endpoint) {
-    return typeof endpoint === 'string' && URL.canParse(endpoint) && endpoint.includes(DOCUMENT_ID_PLACEHOLDER);
+    return typeof endpoint === 'string' && URL.canParse(endpoint);
   }
 
   /**
@@ -70371,6 +70159,61 @@
     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;
+    /** @type {ReturnType<typeof import("preact/hooks").useState<null | string>>} */
+    const [pdfObjectUrl, setPdfObjectUrl] = h(null);
+    const [hasError, setHasError] = h(false);
+    p(() => {
+      /** @type {null | string} */
+      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 !== null ? 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
@@ -70394,11 +70237,6 @@
     const [hasError, setHasError] = h(false);
     const ref = _$1(null);
     const isInViewport = useInViewport(ref);
-    const fullUrl = buildUrl({
-      baseUrl: endpoint,
-      documentId: documentMetadata.documentId,
-      contentHash: documentMetadata.contentHash
-    });
     const singleDocumentContainerClassName = `fjs-${type$k}-single-document-container`;
     const errorMessageId = `${domId}-error-message`;
     const errorMessage = 'Unable to download document';
@@ -70411,11 +70249,11 @@
         },
         "aria-describedby": hasError ? errorMessageId : undefined,
         children: [o("img", {
-          src: fullUrl,
+          src: endpoint,
           alt: metadata.fileName,
           class: `fjs-${type$k}-image`
         }), o(DownloadButton, {
-          endpoint: fullUrl,
+          endpoint: endpoint,
           fileName: metadata.fileName,
           onDownloadError: () => {
             setHasError(true);
@@ -70433,14 +70271,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: endpoint,
+          fileName: metadata.fileName,
+          onError: () => setHasError(true),
+          errorMessageId: errorMessageId
+        })
       });
     }
     return o("div", {
@@ -70456,7 +70292,7 @@
           errors: [errorMessage]
         }) : null]
       }), o(DownloadButton, {
-        endpoint: fullUrl,
+        endpoint: endpoint,
         fileName: metadata.fileName,
         onDownloadError: () => {
           setHasError(true);
@@ -70536,27 +70372,18 @@
   }
 
   /**
-   * This solution should be a temporary fix, we should try to remove it via: https://github.com/bpmn-io/form-js/issues/1341
-   *
-   * @param {Object} options
-   * @param {string} options.baseUrl
-   * @param {string} options.documentId
-   * @param {string} [options.contentHash]
-   *
-   * @returns {string}
+   * @template T
+   * @param {() => T} fn - Function to execute
+   * @returns {T | null}
    */
-  function buildUrl(options) {
-    const {
-      baseUrl,
-      documentId,
-      contentHash
-    } = options;
-    const finalUrl = new URL(baseUrl.replace(DOCUMENT_ID_PLACEHOLDER, documentId));
-    if (contentHash !== undefined) {
-      finalUrl.searchParams.set('contentHash', contentHash);
+  const tryCatch = fn => {
+    try {
+      return fn();
+    } catch (error) {
+      console.error(error);
+      return null;
     }
-    return decodeURI(finalUrl.toString());
-  }
+  };
 
   /**
    * This file must not be changed or exchanged.
@@ -70711,7 +70538,7 @@
       return this._formFields[type];
     }
   }
-  const EXPRESSION_PROPERTIES = ['alt', 'appearance.prefixAdorner', 'appearance.suffixAdorner', 'conditional.hide', 'description', 'label', 'source', 'readonly', 'text', 'validate.min', 'validate.max', 'validate.minLength', 'validate.maxLength', 'valuesExpression', 'url', 'dataSource', 'columnsExpression', 'expression', 'multiple', 'accept', 'endpointKey', 'title'];
+  const EXPRESSION_PROPERTIES = ['alt', 'appearance.prefixAdorner', 'appearance.suffixAdorner', 'conditional.hide', 'description', 'label', 'source', 'readonly', 'text', 'validate.min', 'validate.max', 'validate.minLength', 'validate.maxLength', 'valuesExpression', 'url', 'dataSource', 'columnsExpression', 'expression', 'multiple', 'accept', 'title'];
   const TEMPLATE_PROPERTIES = ['alt', 'appearance.prefixAdorner', 'appearance.suffixAdorner', 'description', 'label', 'source', 'text', 'content', 'url', 'title'];
 
   /**
@@ -74139,7 +73966,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 +74025,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 +74107,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 +74189,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 +74316,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 +74381,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 +74431,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 +74454,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 +74911,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 +74934,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 +74942,8 @@
   }
 
   /**
-   * @typedef { 'expression' | 'unaryTests' } Dialect
+   * @typedef { import('../language').Dialect } Dialect
+   * @typedef { import('../language').ParserDialect } ParserDialect
    * @typedef { import('..').Variable } Variable
    */
 
@@ -75092,10 +74958,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 +74981,7 @@
   /**
    * @typedef { {
    *   dialect?: import('../language').Dialect,
+   *   parserDialect?: import('../language').ParserDialect,
    *   variables?: Variable[],
    *   builtins?: Variable[]
    * } } CoreConfig
@@ -75125,6 +74997,7 @@
    */
   function configure({
     dialect = 'expression',
+    parserDialect,
     variables = [],
     builtins = [],
     completions: completions$1$1 = completions$1({
@@ -75133,8 +75006,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 +75023,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 +75069,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 +75090,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 +75187,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 +75327,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 +75373,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 +75409,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 +75454,11 @@
    * @typedef { import('./core').Variable } Variable
    */
 
+  /**
+   * @typedef { import('./language').Dialect } Dialect
+   * @typedef { import('./language').ParserDialect } ParserDialect
+   */
+
   /**
    * @typedef {object} Builtin
    * @property {string} name
@@ -75588,6 +75475,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 +75484,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 +75528,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 +75596,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 +75631,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 +75646,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 +75675,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 +75927,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 +76228,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 +76269,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 +76313,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 +76332,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 +76404,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 +76416,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 +76441,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 +76622,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 +76999,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 +77035,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 +77058,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 +77071,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 +77167,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;
 
   /*
@@ -83650,7 +83534,7 @@
     return o(Tooltip, {
       ...props,
       value: value,
-      forId: prefixId$9(forId)
+      forId: `bio-properties-panel-${forId}`
     });
   }
   function Tooltip(props) {
@@ -83661,71 +83545,52 @@
       direction = 'right',
       position
     } = props;
-    const [visible, setShow] = h(false);
-    const [focusedViaKeyboard, setFocusedViaKeyboard] = h(false);
+    const [visible, setVisible] = h(false);
+
+    // Tooltip will be shown after SHOW_DELAY ms from hovering over the source element.
+    const SHOW_DELAY = 200;
     let timeout = null;
     const wrapperRef = _$1(null);
     const tooltipRef = _$1(null);
-    const showTooltip = async event => {
-      const show = () => setShow(true);
-      if (!visible && !timeout) {
-        if (event instanceof MouseEvent) {
-          timeout = setTimeout(show, 200);
-        } else {
-          show();
-          setFocusedViaKeyboard(true);
-        }
+    const show = (_, delay) => {
+      if (visible) return;
+      if (delay) {
+        timeout = setTimeout(() => {
+          setVisible(true);
+        }, SHOW_DELAY);
+      } else {
+        setVisible(true);
       }
     };
-    const hideTooltip = () => {
-      setShow(false);
-      setFocusedViaKeyboard(false);
-    };
-    const hideTooltipViaEscape = e => {
-      e.code === 'Escape' && hideTooltip();
+    const hide = () => {
+      clearTimeout(timeout);
+      setVisible(false);
     };
-    const isTooltipHovered = ({
-      x,
-      y
+    const handleMouseLeave = ({
+      relatedTarget
     }) => {
-      const tooltip = tooltipRef.current;
-      const wrapper = wrapperRef.current;
-      return tooltip && (inBounds(x, y, wrapper.getBoundingClientRect()) || inBounds(x, y, tooltip.getBoundingClientRect()));
+      // Don't hide the tooltip when moving mouse between the wrapper and the tooltip.
+      if (relatedTarget === wrapperRef.current || relatedTarget === tooltipRef.current || relatedTarget?.parentElement === tooltipRef.current) {
+        return;
+      }
+      hide();
     };
-    p(() => {
+    const handleFocusOut = e => {
       const {
-        current
-      } = wrapperRef;
-      if (!current) {
+        target
+      } = e;
+
+      // Don't hide the tooltip if the wrapper or the tooltip itself is clicked.
+      const isHovered = target.matches(':hover') || tooltipRef.current?.matches(':hover');
+      if (target === wrapperRef.current && isHovered) {
+        e.stopPropagation();
         return;
       }
-      const hideHoveredTooltip = e => {
-        const isFocused = document.activeElement === wrapperRef.current || document.activeElement.closest('.bio-properties-panel-tooltip');
-        if (visible && !isTooltipHovered({
-          x: e.x,
-          y: e.y
-        }) && !(isFocused && focusedViaKeyboard)) {
-          hideTooltip();
-        }
-      };
-      const hideFocusedTooltip = e => {
-        const {
-          relatedTarget
-        } = e;
-        const isTooltipChild = el => !!el.closest('.bio-properties-panel-tooltip');
-        if (visible && !isHovered(wrapperRef.current) && relatedTarget && !isTooltipChild(relatedTarget)) {
-          hideTooltip();
-        }
-      };
-      document.addEventListener('wheel', hideHoveredTooltip);
-      document.addEventListener('focusout', hideFocusedTooltip);
-      document.addEventListener('mousemove', hideHoveredTooltip);
-      return () => {
-        document.removeEventListener('wheel', hideHoveredTooltip);
-        document.removeEventListener('mousemove', hideHoveredTooltip);
-        document.removeEventListener('focusout', hideFocusedTooltip);
-      };
-    }, [wrapperRef.current, visible, focusedViaKeyboard]);
+      hide();
+    };
+    const hideTooltipViaEscape = e => {
+      e.code === 'Escape' && hide();
+    };
     const renderTooltip = () => {
       return o("div", {
         class: `bio-properties-panel-tooltip ${direction}`,
@@ -83735,6 +83600,7 @@
         style: position || getTooltipPosition(wrapperRef.current),
         ref: tooltipRef,
         onClick: e => e.stopPropagation(),
+        onMouseLeave: handleMouseLeave,
         children: [o("div", {
           class: "bio-properties-panel-tooltip-content",
           children: value
@@ -83747,39 +83613,23 @@
       class: "bio-properties-panel-tooltip-wrapper",
       tabIndex: "0",
       ref: wrapperRef,
-      onMouseEnter: showTooltip,
-      onMouseLeave: () => {
-        clearTimeout(timeout);
-        timeout = null;
-      },
-      onFocus: showTooltip,
+      onMouseEnter: e => show(e, true),
+      onMouseLeave: handleMouseLeave,
+      onFocus: show,
+      onBlur: handleFocusOut,
       onKeyDown: hideTooltipViaEscape,
       children: [props.children, visible ? parent ? z$1(renderTooltip(), parent.current) : renderTooltip() : null]
     });
   }
 
   // helper
-  function inBounds(x, y, bounds) {
-    const {
-      top,
-      right,
-      bottom,
-      left
-    } = bounds;
-    return x >= left && x <= right && y >= top && y <= bottom;
-  }
+
   function getTooltipPosition(refElement) {
     const refPosition = refElement.getBoundingClientRect();
     const right = `calc(100% - ${refPosition.x}px)`;
     const top = `${refPosition.top - 10}px`;
     return `right: ${right}; top: ${top};`;
   }
-  function isHovered(element) {
-    return element.matches(':hover');
-  }
-  function prefixId$9(id) {
-    return `bio-properties-panel-${id}`;
-  }
 
   /**
    * Accesses the global DescriptionContext and returns a description for a given id and element.
@@ -85302,6 +85152,7 @@
       label,
       hostLanguage,
       onInput,
+      onBlur,
       onError,
       placeholder,
       feel,
@@ -85367,6 +85218,12 @@
         setFocus(-1);
       }
     };
+    const handleOnBlur = e => {
+      if (onBlur) {
+        onBlur(e);
+      }
+      setLocalValue(e.target.value.trim());
+    };
     const handleLint = useStaticCallback((lint = []) => {
       const syntaxError = lint.some(report => report.type === 'Syntax Error');
       if (syntaxError) {
@@ -85488,6 +85345,7 @@
           ...props,
           popupOpen: popuOpen,
           onInput: handleLocalInput,
+          onBlur: handleOnBlur,
           contentAttributes: {
             'id': prefixId$5(id),
             'aria-label': label
@@ -86786,6 +86644,12 @@
       autoResize && resizeToContents(e.target);
       setLocalValue(e.target.value);
     };
+    const handleOnBlur = e => {
+      if (onBlur) {
+        onBlur(e);
+      }
+      setLocalValue(e.target.value.trim());
+    };
     y(() => {
       autoResize && resizeToContents(ref.current);
     }, []);
@@ -86817,7 +86681,7 @@
         class: classNames('bio-properties-panel-input', monospace ? 'bio-properties-panel-input-monospace' : '', autoResize ? 'auto-resize' : ''),
         onInput: handleInput,
         onFocus: onFocus,
-        onBlur: onBlur,
+        onBlur: handleOnBlur,
         placeholder: placeholder,
         rows: rows,
         value: localValue,
@@ -86935,6 +86799,12 @@
     const handleInputCallback = F$1(() => {
       return debounce(target => onInput(target.value.length ? target.value : undefined));
     }, [onInput, debounce]);
+    const handleOnBlur = e => {
+      if (onBlur) {
+        onBlur(e);
+      }
+      setLocalValue(e.target.value.trim());
+    };
     const handleInput = e => {
       handleInputCallback(e.target);
       setLocalValue(e.target.value);
@@ -86967,7 +86837,7 @@
         class: "bio-properties-panel-input",
         onInput: handleInput,
         onFocus: onFocus,
-        onBlur: onBlur,
+        onBlur: handleOnBlur,
         placeholder: placeholder,
         value: localValue
       })]
@@ -87493,7 +87363,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 +87389,6 @@
       ...asArray(16).filter(i => i >= MIN_COLUMNS).map(asOption)];
     };
     return SelectEntry({
-      debounce,
       element: field,
       id,
       label: 'Columns',
@@ -88582,7 +88451,7 @@
       id,
       getValue,
       setValue,
-      validate: validate$a
+      validate: validate$9
     });
   }
 
@@ -88592,7 +88461,7 @@
    * @param {number|void} value
    * @returns {string|null}
    */
-  const validate$a = value => {
+  const validate$9 = value => {
     if (typeof value !== 'number') {
       return 'A number is required.';
     }
@@ -88654,7 +88523,7 @@
       setValue,
       singleLine: true,
       tooltip: getTooltip$1(),
-      validate: validate$9,
+      validate: validate$8,
       variables
     });
   }
@@ -88682,7 +88551,7 @@
    * @param {string|void} value
    * @returns {string|null}
    */
-  const validate$9 = value => {
+  const validate$8 = value => {
     if (!value || value.startsWith('=')) {
       return;
     }
@@ -88771,7 +88640,7 @@
     };
     return FeelTemplatingEntry({
       debounce,
-      description: description$4,
+      description: description$3,
       element: field,
       getValue,
       id,
@@ -88781,7 +88650,7 @@
       variables
     });
   }
-  const description$4 = o(k$2, {
+  const description$3 = o(k$2, {
     children: ["Supports markdown and templating.", ' ', o("a", {
       href: "https://docs.camunda.io/docs/components/modeler/forms/form-element-library/forms-element-library-text/",
       target: "_blank",
@@ -88823,13 +88692,13 @@
     };
     return FeelTemplatingEntry({
       debounce,
-      description: description$3,
+      description: description$2,
       element: field,
       getValue,
       id,
       label: 'Content',
       hostLanguage: 'html',
-      validate: validate$8,
+      validate: validate$7,
       setValue,
       variables
     });
@@ -88837,7 +88706,7 @@
 
   // helpers //////////
 
-  const description$3 = o(k$2, {
+  const description$2 = o(k$2, {
     children: ["Supports HTML, styling, and templating. Styles are automatically scoped to the HTML component.", ' ', o("a", {
       href: "https://docs.camunda.io/docs/components/modeler/forms/form-element-library/forms-element-library-html/",
       target: "_blank",
@@ -88850,7 +88719,7 @@
    * @param {string|void} value
    * @returns {string|null}
    */
-  const validate$8 = value => {
+  const validate$7 = value => {
     // allow empty state
     if (typeof value !== 'string' || value === '') {
       return null;
@@ -89677,7 +89546,7 @@
       id,
       label: 'Input values key',
       setValue,
-      validate: validate$7
+      validate: validate$6
     });
   }
 
@@ -89687,7 +89556,7 @@
    * @param {string|void} value
    * @returns {string|null}
    */
-  const validate$7 = value => {
+  const validate$6 = value => {
     if (typeof value !== 'string' || value.length === 0) {
       return 'Must not be empty.';
     }
@@ -89712,7 +89581,14 @@
       editField(field, OPTIONS_SOURCES_PATHS[OPTIONS_SOURCES.STATIC], arrayAdd(values, values.length, entry));
     };
     const removeEntry = entry => {
-      editField(field, OPTIONS_SOURCES_PATHS[OPTIONS_SOURCES.STATIC], without(values, entry));
+      if (field.defaultValue === entry.value) {
+        editField(field, {
+          values: without(values, entry),
+          defaultValue: undefined
+        });
+      } else {
+        editField(field, OPTIONS_SOURCES_PATHS[OPTIONS_SOURCES.STATIC], without(values, entry));
+      }
     };
     const validateFactory = (key, getValue) => {
       return value => {
@@ -89964,7 +89840,6 @@
         path: ['nonCollapsedItems'],
         label: 'Number of non-collapsing items',
         min: 1,
-        defaultValue: 5,
         props
       });
       entries.push(nonCollapseItemsEntry);
@@ -90122,7 +89997,7 @@
       setValue,
       singleLine: true,
       variables,
-      validate: validate$6
+      validate: validate$5
     });
   }
 
@@ -90132,7 +90007,7 @@
    * @param {string|void} value
    * @returns {string|null}
    */
-  const validate$6 = value => {
+  const validate$5 = value => {
     if (!isString$3(value) || value.length === 0) {
       return 'Must not be empty.';
     }
@@ -90234,7 +90109,7 @@
       id,
       getValue,
       setValue,
-      validate: validate$5
+      validate: validate$4
     });
   }
 
@@ -90244,7 +90119,7 @@
    * @param {string|void} value
    * @returns {string|null}
    */
-  const validate$5 = value => {
+  const validate$4 = value => {
     if (isNil(value)) {
       return null;
     }
@@ -90416,7 +90291,7 @@
       setValue,
       singleLine: true,
       variables,
-      validate: validate$4
+      validate: validate$3
     });
   }
 
@@ -90426,7 +90301,7 @@
    * @param {string|void} value
    * @returns {string|null}
    */
-  const validate$4 = value => {
+  const validate$3 = value => {
     if (!isString$3(value) || value.length === 0 || value === '=') {
       return 'Must not be empty.';
     }
@@ -90523,7 +90398,7 @@
       id,
       label: 'Key',
       setValue,
-      validate: validate$3
+      validate: validate$2
     });
   }
 
@@ -90533,7 +90408,7 @@
    * @param {string|void} value
    * @returns {string|null}
    */
-  function validate$3(value) {
+  function validate$2(value) {
     if (!isString$3(value) || value.length === 0) {
       return 'Must not be empty.';
     }
@@ -90668,13 +90543,13 @@
       singleLine: true,
       setValue,
       variables,
-      description: description$2
+      description: description$1
     });
   }
 
   // helpers //////////
 
-  const description$2 = o(k$2, {
+  const description$1 = o(k$2, {
     children: ["A comma-separated list of", ' ', o("a", {
       href: "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers",
       target: "_blank",
@@ -90793,84 +90668,6 @@
       setValue,
       variables,
       tooltip,
-      validate: validate$2
-    });
-  }
-
-  // helpers //////////
-
-  /**
-   * @param {string|undefined} value
-   * @returns {string|null}
-   */
-  const validate$2 = value => {
-    if (typeof value !== 'string' || value.length === 0) {
-      return 'The document data source is required.';
-    }
-  };
-  function EndpointKeyEntry(props) {
-    const {
-      editField,
-      field
-    } = props;
-    const entries = [];
-    entries.push({
-      id: 'endpointKey',
-      component: EndpointKey,
-      editField: editField,
-      field: field,
-      isEdited: isEdited$6,
-      isDefaultVisible: field => field.type === 'documentPreview'
-    });
-    return entries;
-  }
-  function EndpointKey(props) {
-    const {
-      editField,
-      field,
-      id
-    } = props;
-    const debounce = useService('debounce');
-    const variables = useVariables().map(name => ({
-      name
-    }));
-    const path = ['endpointKey'];
-    const getValue = () => {
-      return get$1(field, path, '');
-    };
-    const setValue = value => {
-      return editField(field, path, value);
-    };
-    const tooltip = o("div", {
-      children: [o("p", {
-        children: "Enter a context key that generates a string with the API endpoint to download a document."
-      }), o("p", {
-        children: ["The string must contain ", o("code", {
-          children: '{ documentId }'
-        }), ", which will be replaced with the document ID from the document\u2018s reference."]
-      }), o("p", {
-        children: "If you\u2018re using the Camunda Tasklist, this variable is automatically added to the context for you."
-      }), o("p", {
-        children: ["For more details, see the", ' ', o("a", {
-          href: "https://docs.camunda.io/docs/next/components/modeler/forms/form-element-library/forms-element-library-document-preview/",
-          rel: "noopener noreferrer",
-          target: "_blank",
-          children: "Camunda documentation"
-        })]
-      })]
-    });
-    return FeelTemplatingEntry({
-      debounce,
-      element: field,
-      getValue,
-      id,
-      label: 'Document URL',
-      feel: 'required',
-      singleLine: true,
-      setValue,
-      variables,
-      description: description$1,
-      tooltip,
       validate: validate$1
     });
   }
@@ -90883,12 +90680,9 @@
    */
   const validate$1 = value => {
     if (typeof value !== 'string' || value.length === 0) {
-      return 'The document reference is required.';
+      return 'The document data source is required.';
     }
   };
-  const description$1 = o(k$2, {
-    children: "Define an API URL for downloading a document"
-  });
   function MaxHeightEntry(props) {
     const {
       editField,
@@ -90990,12 +90784,10 @@
       editField
     }), ...TextEntry({
       field,
-      editField,
-      getService
+      editField
     }), ...HtmlEntry({
       field,
-      editField,
-      getService
+      editField
     }), ...IFrameUrlEntry({
       field,
       editField
@@ -91315,12 +91107,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,
@@ -91662,20 +91453,6 @@
 
 "Expression" defines options that are populated from a FEEL expression.
 `;
-  function DownloadSettings(field, editField) {
-    const entries = [...EndpointKeyEntry({
-      field,
-      editField
-    })];
-    if (!entries.length) {
-      return null;
-    }
-    return {
-      id: 'downloadSettings',
-      label: 'Download settings',
-      entries
-    };
-  }
   class PropertiesProvider {
     constructor(propertiesPanel, injector) {
       this._injector = injector;
@@ -91711,7 +91488,7 @@
           return groups;
         }
         const getService = (type, strict = true) => this._injector.get(type, strict);
-        groups = [...groups, GeneralGroup(field, editField, getService), DownloadSettings(field, editField), ...OptionsGroups(field, editField, getService), ...TableHeaderGroups(field, editField), SecurityAttributesGroup(field, editField), ConditionGroup(field, editField), LayoutGroup(field, editField), AppearanceGroup(field, editField), SerializationGroup(field, editField), ConstraintsGroup(field, editField), ValidationGroup(field, editField), CustomPropertiesGroup(field, editField)].filter(group => group != null);
+        groups = [...groups, GeneralGroup(field, editField, getService), ...OptionsGroups(field, editField, getService), ...TableHeaderGroups(field, editField), SecurityAttributesGroup(field, editField), ConditionGroup(field, editField), LayoutGroup(field, editField), AppearanceGroup(field, editField), SerializationGroup(field, editField), ConstraintsGroup(field, editField), ValidationGroup(field, editField), CustomPropertiesGroup(field, editField)].filter(group => group != null);
         this._filterVisibleEntries(groups, field, getService);
 
         // contract: if a group has no entries or items, it should not be displayed at all
@@ -92365,8 +92142,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 +92233,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 +92973,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 +93376,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
     };
   }