@bpmn-io/form-js-playground 1.9.1 → 1.10.0

package/dist/form-playground.umd.js

@@ -1987,7 +1987,7 @@
    * rm {number} Rounding mode: 0 (down), 1 (half-up), 2 (half-even) or 3 (up).
    * [more] {boolean} Whether the result of division was truncated.
    */
-  function round$2(x, sd, rm, more) {
+  function round$1(x, sd, rm, more) {
     var xc = x.c;
     if (rm === UNDEFINED$1) rm = x.constructor.RM;
     if (rm !== 0 && rm !== 1 && rm !== 2 && rm !== 3) {
@@ -2208,7 +2208,7 @@
     }
 
     // Round?
-    if (qi > p) round$2(q, p, Big.RM, r[0] !== UNDEFINED$1);
+    if (qi > p) round$1(q, p, Big.RM, r[0] !== UNDEFINED$1);
     return q;
   };
 
@@ -2497,7 +2497,7 @@
     if (sd !== ~~sd || sd < 1 || sd > MAX_DP$1) {
       throw Error(INVALID$4 + 'precision');
     }
-    return round$2(new this.constructor(this), sd, rm);
+    return round$1(new this.constructor(this), sd, rm);
   };
 
   /*
@@ -2513,7 +2513,7 @@
     if (dp === UNDEFINED$1) dp = 0;else if (dp !== ~~dp || dp < -MAX_DP$1 || dp > MAX_DP$1) {
       throw Error(INVALID_DP$1);
     }
-    return round$2(new this.constructor(this), dp + this.e + 1, rm);
+    return round$1(new this.constructor(this), dp + this.e + 1, rm);
   };
 
   /*
@@ -2559,7 +2559,7 @@
       t = r;
       r = half.times(t.plus(x.div(t)));
     } while (t.c.slice(0, e).join('') !== r.c.slice(0, e).join(''));
-    return round$2(r, (Big.DP -= 4) + r.e + 1, Big.RM);
+    return round$1(r, (Big.DP -= 4) + r.e + 1, Big.RM);
   };
 
   /*
@@ -2642,7 +2642,7 @@
       if (dp !== ~~dp || dp < 0 || dp > MAX_DP$1) {
         throw Error(INVALID_DP$1);
       }
-      x = round$2(new x.constructor(x), ++dp, rm);
+      x = round$1(new x.constructor(x), ++dp, rm);
       for (; x.c.length < dp;) x.c.push(0);
     }
     return stringify$1(x, true, !!n);
@@ -2665,7 +2665,7 @@
       if (dp !== ~~dp || dp < 0 || dp > MAX_DP$1) {
         throw Error(INVALID_DP$1);
       }
-      x = round$2(new x.constructor(x), dp + x.e + 1, rm);
+      x = round$1(new x.constructor(x), dp + x.e + 1, rm);
 
       // x.e may have changed if the value is rounded up.
       for (dp = dp + x.e + 1; x.c.length < dp;) x.c.push(0);
@@ -2713,7 +2713,7 @@
       if (sd !== ~~sd || sd < 1 || sd > MAX_DP$1) {
         throw Error(INVALID$4 + 'precision');
       }
-      x = round$2(new Big(x), sd, rm);
+      x = round$1(new Big(x), sd, rm);
       for (; x.c.length < sd;) x.c.push(0);
     }
     return stringify$1(x, sd <= x.e || x.e <= Big.NE || x.e >= Big.PE, !!n);
@@ -28778,13 +28778,15 @@
       let {
         parser
       } = this.p;
+      let lookaheadRecord = this.reducePos < this.pos - 25 /* Lookahead.Margin */;
+      if (lookaheadRecord) this.setLookAhead(this.pos);
       let dPrec = parser.dynamicPrecedence(type);
       if (dPrec) this.score += dPrec;
       if (depth == 0) {
         this.pushState(parser.getGoto(this.state, type, true), this.reducePos);
         // Zero-depth reductions are a special case—they add stuff to
         // the stack without popping anything off.
-        if (type < parser.minRepeatTerm) this.storeNode(type, this.reducePos, this.reducePos, 4, true);
+        if (type < parser.minRepeatTerm) this.storeNode(type, this.reducePos, this.reducePos, lookaheadRecord ? 8 : 4, true);
         this.reduceContext(type, this.reducePos);
         return;
       }
@@ -28829,7 +28831,7 @@
     /**
     @internal
     */
-    storeNode(term, start, end, size = 4, isReduce = false) {
+    storeNode(term, start, end, size = 4, mustSink = false) {
       if (term == 0 /* Term.Err */ && (!this.stack.length || this.stack[this.stack.length - 1] < this.buffer.length + this.bufferBase)) {
         // Try to omit/merge adjacent error nodes
         let cur = this,
@@ -28846,20 +28848,29 @@
           }
         }
       }
-      if (!isReduce || this.pos == end) {
+      if (!mustSink || this.pos == end) {
         // Simple case, just append
         this.buffer.push(term, start, end, size);
       } else {
         // There may be skipped nodes that have to be moved forward
         let index = this.buffer.length;
-        if (index > 0 && this.buffer[index - 4] != 0 /* Term.Err */) while (index > 0 && this.buffer[index - 2] > end) {
-          // Move this record forward
-          this.buffer[index] = this.buffer[index - 4];
-          this.buffer[index + 1] = this.buffer[index - 3];
-          this.buffer[index + 2] = this.buffer[index - 2];
-          this.buffer[index + 3] = this.buffer[index - 1];
-          index -= 4;
-          if (size > 4) size -= 4;
+        if (index > 0 && this.buffer[index - 4] != 0 /* Term.Err */) {
+          let mustMove = false;
+          for (let scan = index; scan > 0 && this.buffer[scan - 2] > end; scan -= 4) {
+            if (this.buffer[scan - 1] >= 0) {
+              mustMove = true;
+              break;
+            }
+          }
+          if (mustMove) while (index > 0 && this.buffer[index - 2] > end) {
+            // Move this record forward
+            this.buffer[index] = this.buffer[index - 4];
+            this.buffer[index + 1] = this.buffer[index - 3];
+            this.buffer[index + 2] = this.buffer[index - 2];
+            this.buffer[index + 3] = this.buffer[index - 1];
+            index -= 4;
+            if (size > 4) size -= 4;
+          }
         }
         this.buffer[index] = term;
         this.buffer[index + 1] = start;
@@ -29610,7 +29621,7 @@
     cursor.moveTo(pos);
     for (;;) {
       if (!(side < 0 ? cursor.childBefore(pos) : cursor.childAfter(pos))) for (;;) {
-        if ((side < 0 ? cursor.to < pos : cursor.from > pos) && !cursor.type.isError) return side < 0 ? Math.max(0, Math.min(cursor.to - 1, pos - 25 /* Safety.Margin */)) : Math.min(tree.length, Math.max(cursor.from + 1, pos + 25 /* Safety.Margin */));
+        if ((side < 0 ? cursor.to < pos : cursor.from > pos) && !cursor.type.isError) return side < 0 ? Math.max(0, Math.min(cursor.to - 1, pos - 25 /* Lookahead.Margin */)) : Math.min(tree.length, Math.max(cursor.from + 1, pos + 25 /* Lookahead.Margin */));
         if (side < 0 ? cursor.prevSibling() : cursor.nextSibling()) break;
         if (!cursor.parent()) return side < 0 ? 0 : tree.length;
       }
@@ -29726,7 +29737,7 @@
           token.mask = mask;
           token.context = context;
         }
-        if (token.lookAhead > token.end + 25 /* Safety.Margin */) lookAhead = Math.max(token.lookAhead, lookAhead);
+        if (token.lookAhead > token.end + 25 /* Lookahead.Margin */) lookAhead = Math.max(token.lookAhead, lookAhead);
         if (token.value != 0 /* Term.Err */) {
           let startIndex = actionIndex;
           if (token.extended > -1) actionIndex = this.addActions(stack, token.extended, token.end, actionIndex);
@@ -32249,6 +32260,7 @@
     },
     dynamicPrecedences: {
       "31": -1,
+      "67": 1,
       "71": -1,
       "73": -1
     },
@@ -32855,10 +32867,10 @@
     // 10.3.4.5 Numeric functions
     'decimal': fn(function (n, scale) {
       if (!scale) {
-        return round$1(n);
+        return bankersRound(n);
       }
       const offset = Math.pow(10, scale);
-      return round$1(n * offset) / offset;
+      return bankersRound(n * offset) / offset;
     }, ['number', 'number']),
     'floor': fn(function (n, scale = 0) {
       if (scale === null) {
@@ -32997,7 +33009,8 @@
     }, ['list', 'function']),
     // 10.3.4.10 Context function
     'get value': fn(function (m, key) {
-      return getFromContext(key, m) || null;
+      const value = getFromContext(key, m);
+      return value != undefined ? value : null;
     }, ['context', 'string']),
     'get entries': fn(function (m) {
       if (arguments.length !== 1) {
@@ -33274,13 +33287,13 @@
     // cf. https://mathiasbynens.be/notes/javascript-unicode
     return str.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, '_').length;
   }
-  function round$1(n) {
-    const integral = Math.trunc(n);
-    if (n - integral > .5) {
-      return integral + 1;
-    } else {
-      return integral;
+  function bankersRound(n) {
+    const floored = Math.floor(n);
+    const decimalPart = n - floored;
+    if (decimalPart === 0.5) {
+      return floored % 2 === 0 ? floored : floored + 1;
     }
+    return Math.round(n);
   }
   // adapted from https://stackoverflow.com/a/53577159
   function stddev(array) {
@@ -33463,6 +33476,12 @@
           switch (input) {
             case '+':
               return nullable((a, b) => {
+                // flip these as luxon operations with durations aren't commutative
+                if (isDuration(a) && !isDuration(b)) {
+                  const tmp = a;
+                  a = b;
+                  b = tmp;
+                }
                 if (isType(a, 'time') && isDuration(b)) {
                   return a.plus(b).set({
                     year: 1900,
@@ -58182,7 +58201,7 @@
   };
 
   /**
-   * marked v13.0.0 - a markdown parser
+   * marked v14.0.0 - a markdown parser
    * Copyright (c) 2011-2024, Christopher Jeffrey. (MIT Licensed)
    * https://github.com/markedjs/marked
    */
@@ -58241,18 +58260,6 @@
     }
     return html;
   }
-  const unescapeTest = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
-  function unescape(html) {
-    // explicitly match decimal, hex, and named HTML entities
-    return html.replace(unescapeTest, (_, n) => {
-      n = n.toLowerCase();
-      if (n === 'colon') return ':';
-      if (n.charAt(0) === '#') {
-        return n.charAt(1) === 'x' ? String.fromCharCode(parseInt(n.substring(2), 16)) : String.fromCharCode(+n.substring(1));
-      }
-      return '';
-    });
-  }
   const caret = /(^|[^\[])\^/g;
   function edit(regex, opt) {
     let source = typeof regex === 'string' ? regex : regex.source;
@@ -58273,7 +58280,7 @@
   function cleanUrl(href) {
     try {
       href = encodeURI(href).replace(/%25/g, '%');
-    } catch (e) {
+    } catch {
       return null;
     }
     return href;
@@ -58576,12 +58583,12 @@
         }
         // Get next list item
         const itemRegex = new RegExp(`^( {0,3}${bull})((?:[\t ][^\\n]*)?(?:\\n|$))`);
-        let raw = '';
-        let itemContents = '';
         let endsWithBlankLine = false;
         // Check if current bullet point can start a new List Item
         while (src) {
           let endEarly = false;
+          let raw = '';
+          let itemContents = '';
           if (!(cap = itemRegex.exec(src))) {
             break;
           }
@@ -58593,18 +58600,20 @@
           src = src.substring(raw.length);
           let line = cap[2].split('\n', 1)[0].replace(/^\t+/, t => ' '.repeat(3 * t.length));
           let nextLine = src.split('\n', 1)[0];
+          let blankLine = !line.trim();
           let indent = 0;
           if (this.options.pedantic) {
             indent = 2;
             itemContents = line.trimStart();
+          } else if (blankLine) {
+            indent = cap[1].length + 1;
           } else {
             indent = cap[2].search(/[^ ]/); // Find first non-space char
             indent = indent > 4 ? 1 : indent; // Treat indented code blocks (> 4 spaces) as having only 1 indent
             itemContents = line.slice(indent);
             indent += cap[1].length;
           }
-          let blankLine = false;
-          if (!line && /^ *$/.test(nextLine)) {
+          if (blankLine && /^ *$/.test(nextLine)) {
             // Items begin with at most one blank line
             raw += nextLine + '\n';
             src = src.substring(nextLine.length + 1);
@@ -58702,8 +58711,8 @@
           list.raw += raw;
         }
         // Do not consume newlines at end of final item. Alternatively, make itemRegex *start* with any newlines to simplify/speed up endsWithBlankLine logic
-        list.items[list.items.length - 1].raw = raw.trimEnd();
-        list.items[list.items.length - 1].text = itemContents.trimEnd();
+        list.items[list.items.length - 1].raw = list.items[list.items.length - 1].raw.trimEnd();
+        list.items[list.items.length - 1].text = list.items[list.items.length - 1].text.trimEnd();
         list.raw = list.raw.trimEnd();
         // Item child tokens handled here at end because we needed to have the final item to trim it first
         for (let i = 0; i < list.items.length; i++) {
@@ -60230,8 +60239,8 @@
   class Marked {
     defaults = _getDefaults();
     options = this.setOptions;
-    parse = this.#parseMarkdown(_Lexer.lex, _Parser.parse);
-    parseInline = this.#parseMarkdown(_Lexer.lexInline, _Parser.parseInline);
+    parse = this.parseMarkdown(_Lexer.lex, _Parser.parse);
+    parseInline = this.parseMarkdown(_Lexer.lexInline, _Parser.parseInline);
     Parser = _Parser;
     Renderer = _Renderer;
     TextRenderer = _TextRenderer;
@@ -60365,14 +60374,10 @@
               continue;
             }
             const rendererProp = prop;
-            let rendererFunc = pack.renderer[rendererProp];
+            const rendererFunc = pack.renderer[rendererProp];
             const prevRenderer = renderer[rendererProp];
             // Replace renderer with func to run extension, but fall back if false
             renderer[rendererProp] = (...args) => {
-              if (!pack.useNewRenderer) {
-                // TODO: Remove this in next major version
-                rendererFunc = this.#convertRendererFunction(rendererFunc, rendererProp, renderer);
-              }
               let ret = rendererFunc.apply(renderer, args);
               if (ret === false) {
                 ret = prevRenderer.apply(renderer, args);
@@ -60465,219 +60470,6 @@
       });
       return this;
     }
-    // TODO: Remove this in next major release
-    #convertRendererFunction(func, prop, renderer) {
-      switch (prop) {
-        case 'heading':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(renderer.parser.parseInline(token.tokens), token.depth, unescape(renderer.parser.parseInline(token.tokens, renderer.parser.textRenderer)));
-          };
-        case 'code':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text, token.lang, !!token.escaped);
-          };
-        case 'table':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            let header = '';
-            // header
-            let cell = '';
-            for (let j = 0; j < token.header.length; j++) {
-              cell += this.tablecell({
-                text: token.header[j].text,
-                tokens: token.header[j].tokens,
-                header: true,
-                align: token.align[j]
-              });
-            }
-            header += this.tablerow({
-              text: cell
-            });
-            let body = '';
-            for (let j = 0; j < token.rows.length; j++) {
-              const row = token.rows[j];
-              cell = '';
-              for (let k = 0; k < row.length; k++) {
-                cell += this.tablecell({
-                  text: row[k].text,
-                  tokens: row[k].tokens,
-                  header: false,
-                  align: token.align[k]
-                });
-              }
-              body += this.tablerow({
-                text: cell
-              });
-            }
-            return func(header, body);
-          };
-        case 'blockquote':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            const body = this.parser.parse(token.tokens);
-            return func(body);
-          };
-        case 'list':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            const ordered = token.ordered;
-            const start = token.start;
-            const loose = token.loose;
-            let body = '';
-            for (let j = 0; j < token.items.length; j++) {
-              const item = token.items[j];
-              const checked = item.checked;
-              const task = item.task;
-              let itemBody = '';
-              if (item.task) {
-                const checkbox = this.checkbox({
-                  checked: !!checked
-                });
-                if (loose) {
-                  if (item.tokens.length > 0 && item.tokens[0].type === 'paragraph') {
-                    item.tokens[0].text = checkbox + ' ' + item.tokens[0].text;
-                    if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === 'text') {
-                      item.tokens[0].tokens[0].text = checkbox + ' ' + item.tokens[0].tokens[0].text;
-                    }
-                  } else {
-                    item.tokens.unshift({
-                      type: 'text',
-                      text: checkbox + ' '
-                    });
-                  }
-                } else {
-                  itemBody += checkbox + ' ';
-                }
-              }
-              itemBody += this.parser.parse(item.tokens, loose);
-              body += this.listitem({
-                type: 'list_item',
-                raw: itemBody,
-                text: itemBody,
-                task,
-                checked: !!checked,
-                loose,
-                tokens: item.tokens
-              });
-            }
-            return func(body, ordered, start);
-          };
-        case 'html':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text, token.block);
-          };
-        case 'paragraph':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(this.parser.parseInline(token.tokens));
-          };
-        case 'escape':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text);
-          };
-        case 'link':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.href, token.title, this.parser.parseInline(token.tokens));
-          };
-        case 'image':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.href, token.title, token.text);
-          };
-        case 'strong':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(this.parser.parseInline(token.tokens));
-          };
-        case 'em':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(this.parser.parseInline(token.tokens));
-          };
-        case 'codespan':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text);
-          };
-        case 'del':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(this.parser.parseInline(token.tokens));
-          };
-        case 'text':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text);
-          };
-        // do nothing
-      }
-      return func;
-    }
     setOptions(opt) {
       this.defaults = {
         ...this.defaults,
@@ -60691,8 +60483,9 @@
     parser(tokens, options) {
       return _Parser.parse(tokens, options ?? this.defaults);
     }
-    #parseMarkdown(lexer, parser) {
-      return (src, options) => {
+    parseMarkdown(lexer, parser) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const parse = (src, options) => {
         const origOpt = {
           ...options
         };
@@ -60700,14 +60493,11 @@
           ...this.defaults,
           ...origOpt
         };
-        // Show warning if an extension set async to true but the parse was called with async: false
+        const throwError = this.onError(!!opt.silent, !!opt.async);
+        // throw error if an extension set async to true but parse was called with async: false
         if (this.defaults.async === true && origOpt.async === false) {
-          if (!opt.silent) {
-            console.warn('marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored.');
-          }
-          opt.async = true;
+          return throwError(new Error('marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise.'));
         }
-        const throwError = this.#onError(!!opt.silent, !!opt.async);
         // throw error in case of non string input
         if (typeof src === 'undefined' || src === null) {
           return throwError(new Error('marked(): input parameter is undefined or null'));
@@ -60741,8 +60531,9 @@
           return throwError(e);
         }
       };
+      return parse;
     }
-    #onError(silent, async) {
+    onError(silent, async) {
       return e => {
         e.message += '\nPlease report this to https://github.com/markedjs/marked.';
         if (silent) {
@@ -67911,6 +67702,7 @@
       const hasChildren = repeaterField.components && repeaterField.components.length > 0;
       const showRemove = repeaterField.allowAddRemove && hasChildren;
       const displayValues = isCollapsed ? values.slice(0, nonCollapsedItems) : values;
+      const hiddenValues = isCollapsed ? values.slice(nonCollapsedItems) : [];
       const onDeleteItem = index => {
         const updatedValues = values.slice();
         updatedValues.splice(index, 1);
@@ -67922,7 +67714,7 @@
       };
       const parentExpressionContextInfo = F$1(LocalExpressionContext);
       return e(d$1, {
-        children: displayValues.map((itemValue, itemIndex) => e(RepetitionScaffold, {
+        children: [displayValues.map((itemValue, itemIndex) => e(RepetitionScaffold, {
           itemIndex: itemIndex,
           itemValue: itemValue,
           parentExpressionContextInfo: parentExpressionContextInfo,
@@ -67932,7 +67724,20 @@
           onDeleteItem: onDeleteItem,
           showRemove: showRemove,
           ...restProps
-        }, itemIndex))
+        }, itemIndex)), hiddenValues.length > 0 ? e("div", {
+          className: "fjs-repeat-row-collapsed",
+          children: hiddenValues.map((itemValue, itemIndex) => e(RepetitionScaffold, {
+            itemIndex: itemIndex + nonCollapsedItems,
+            itemValue: itemValue,
+            parentExpressionContextInfo: parentExpressionContextInfo,
+            repeaterField: repeaterField,
+            RowsRenderer: RowsRenderer,
+            indexes: indexes,
+            onDeleteItem: onDeleteItem,
+            showRemove: showRemove,
+            ...restProps
+          }, itemIndex))
+        }) : null]
       });
     }
     RepeatFooter(props) {
@@ -75769,6 +75574,9 @@
       let targetParentId;
       if (formFieldNode) {
         formField = this._formFieldRegistry.get(formFieldNode.dataset.id);
+        if (!formField) {
+          return 'No associated form field in the registry';
+        }
         columns = (formField.layout || {}).columns;
 
         // (1) check for row constraints
@@ -86396,10 +86204,59 @@
       add: addEntry
     };
   }
+  function VersionTagEntry(props) {
+    const {
+      editField,
+      field
+    } = props;
+    const entries = [];
+    entries.push({
+      id: 'versionTag',
+      component: VersionTag,
+      editField: editField,
+      field: field,
+      isEdited: isEdited,
+      isDefaultVisible: field => field.type === 'default'
+    });
+    return entries;
+  }
+  function VersionTag(props) {
+    const {
+      editField,
+      field,
+      id
+    } = props;
+    const debounce = useService('debounce');
+    const path = ['versionTag'];
+    const getValue = () => {
+      return get(field, path, '');
+    };
+    const setValue = (value, error) => {
+      if (error) {
+        return;
+      }
+      return editField(field, path, value);
+    };
+    const tooltip = e("div", {
+      children: "Version tag by which this form can be referenced."
+    });
+    return TextfieldEntry({
+      debounce,
+      element: field,
+      getValue,
+      id,
+      label: 'Version tag',
+      setValue,
+      tooltip
+    });
+  }
   function GeneralGroup(field, editField, getService) {
     const entries = [...IdEntry({
       field,
       editField
+    }), ...VersionTagEntry({
+      field,
+      editField
     }), ...LabelEntry({
       field,
       editField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -45,8 +45,8 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "^1.9.1",
-    "@bpmn-io/form-js-viewer": "^1.9.1",
+    "@bpmn-io/form-js-editor": "^1.10.0",
+    "@bpmn-io/form-js-viewer": "^1.10.0",
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/commands": "^6.5.0",
     "@codemirror/lang-json": "^6.0.1",
@@ -70,5 +70,6 @@
     "min-dom": "^4.1.0",
     "rollup-plugin-css-only": "^4.5.2",
     "style-loader": "^4.0.0"
-  }
+  },
+  "gitHead": "50d5de8e46f342a99ce238231f958610ad2c6ae4"
 }