@bpmn-io/form-js-playground 1.6.2 → 1.6.4

package/dist/form-playground.umd.js

@@ -52693,26 +52693,26 @@
     return [...new Set(variables)];
   };
 
-  /**
-   * Get the variable name at the specified index in a given path expression.
-   *
-   * @param {Object} root - The root node of the path expression tree.
-   * @param {number} index - The index of the variable name to retrieve.
-   * @returns {string|null} The variable name at the specified index or null if index is out of bounds.
+  /**
+   * Get the variable name at the specified index in a given path expression.
+   *
+   * @param {Object} root - The root node of the path expression tree.
+   * @param {number} index - The index of the variable name to retrieve.
+   * @returns {string|null} The variable name at the specified index or null if index is out of bounds.
    */
   const _getVariableNameAtPathIndex = (root, index) => {
     const nodes = _linearizePathExpression(root);
     return nodes[index].variableName || null;
   };
 
-  /**
-   * Extracts the variables which are required of the external context for a given path expression.
-   * This is done by traversing the path expression tree and keeping track of the current depth relative to the external context.
-   *
-   * @param {Object} node - The root node of the path expression tree.
-   * @param {number} initialDepth - The depth at which the root node is located in the outer context.
-   * @param {Object} specialDepthAccessors - Definitions of special keywords which represent more complex accesses of the outer context.
-   * @returns {Set} - A set containing the extracted variable names.
+  /**
+   * Extracts the variables which are required of the external context for a given path expression.
+   * This is done by traversing the path expression tree and keeping track of the current depth relative to the external context.
+   *
+   * @param {Object} node - The root node of the path expression tree.
+   * @param {number} initialDepth - The depth at which the root node is located in the outer context.
+   * @param {Object} specialDepthAccessors - Definitions of special keywords which represent more complex accesses of the outer context.
+   * @returns {Set} - A set containing the extracted variable names.
    */
   const _smartExtractVariableNames = (node, initialDepth, specialDepthAccessors) => {
     // depth info represents the previous (initialised as null) and current depth of the current accessor in the path expression
@@ -52758,11 +52758,11 @@
     return new Set(extractedVariables);
   };
 
-  /**
-   * Deconstructs a path expression tree into an array of components.
-   *
-   * @param {Object} root - The root node of the path expression tree.
-   * @returns {Array<object>} An array of components in the path expression, in the correct order.
+  /**
+   * Deconstructs a path expression tree into an array of components.
+   *
+   * @param {Object} root - The root node of the path expression tree.
+   * @returns {Array<object>} An array of components in the path expression, in the correct order.
    */
   const _linearizePathExpression = root => {
     let node = root;
@@ -52781,13 +52781,13 @@
     return parts.reverse();
   };
 
-  /**
-   * Builds a simplified feel structure tree from the given parse tree and feel string.
-   * The nodes follow this structure: `{ name: string, children: Array, variableName?: string }`
-   *
-   * @param {Object} parseTree - The parse tree generated by a parser.
-   * @param {string} feelString - The feel string used for parsing.
-   * @returns {Object} The simplified feel structure tree.
+  /**
+   * Builds a simplified feel structure tree from the given parse tree and feel string.
+   * The nodes follow this structure: `{ name: string, children: Array, variableName?: string }`
+   *
+   * @param {Object} parseTree - The parse tree generated by a parser.
+   * @param {string} feelString - The feel string used for parsing.
+   * @returns {Object} The simplified feel structure tree.
    */
   const _buildSimpleFeelStructureTree = (parseTree, feelString) => {
     const stack = [{
@@ -52813,9 +52813,9 @@
     return _extractFilterExpressions(stack[0].children[0]);
   };
 
-  /**
-   * Restructure the tree in such a way to bring filters (which create new contexts) to the root of the tree.
-   * This is done to simplify the extraction of variables and match the context hierarchy.
+  /**
+   * Restructure the tree in such a way to bring filters (which create new contexts) to the root of the tree.
+   * This is done to simplify the extraction of variables and match the context hierarchy.
    */
   const _extractFilterExpressions = tree => {
     const flattenedExpressionTree = {
@@ -52855,25 +52855,25 @@
       this._eventBus = eventBus;
     }
 
-    /**
-     * Determines if the given value is a FEEL expression.
-     *
-     * @param {any} value
-     * @returns {boolean}
-     *
+    /**
+     * Determines if the given value is a FEEL expression.
+     *
+     * @param {any} value
+     * @returns {boolean}
+     *
      */
     isExpression(value) {
       return isString$4(value) && value.startsWith('=');
     }
 
-    /**
-     * Retrieve variable names from a given FEEL expression.
-     *
-     * @param {string} expression
-     * @param {object} [options]
-     * @param {string} [options.type]
-     *
-     * @returns {string[]}
+    /**
+     * Retrieve variable names from a given FEEL expression.
+     *
+     * @param {string} expression
+     * @param {object} [options]
+     * @param {string} [options.type]
+     *
+     * @returns {string[]}
      */
     getVariableNames(expression, options = {}) {
       const {
@@ -52888,13 +52888,13 @@
       return getFlavouredFeelVariableNames(expression, type);
     }
 
-    /**
-     * Evaluate an expression.
-     *
-     * @param {string} expression
-     * @param {import('../../types').Data} [data]
-     *
-     * @returns {any}
+    /**
+     * Evaluate an expression.
+     *
+     * @param {string} expression
+     * @param {import('../../types').Data} [data]
+     *
+     * @returns {any}
      */
     evaluate(expression, data = {}) {
       if (!expression) {
@@ -52918,23 +52918,23 @@
   class FeelersTemplating {
     constructor() {}
 
-    /**
-     * Determines if the given value is a feelers template.
-     *
-     * @param {any} value
-     * @returns {boolean}
-     *
+    /**
+     * Determines if the given value is a feelers template.
+     *
+     * @param {any} value
+     * @returns {boolean}
+     *
      */
     isTemplate(value) {
       return isString$4(value) && (value.startsWith('=') || /{{.*?}}/.test(value));
     }
 
-    /**
-     * Retrieve variable names from a given feelers template.
-     *
-     * @param {string} template
-     *
-     * @returns {string[]}
+    /**
+     * Retrieve variable names from a given feelers template.
+     *
+     * @param {string} template
+     *
+     * @returns {string[]}
      */
     getVariableNames(template) {
       if (!this.isTemplate(template)) {
@@ -52960,17 +52960,17 @@
       }, []);
     }
 
-    /**
-     * Evaluate a template.
-     *
-     * @param {string} template
-     * @param {Object<string, any>} context
-     * @param {Object} options
-     * @param {boolean} [options.debug = false]
-     * @param {boolean} [options.strict = false]
-     * @param {Function} [options.buildDebugString]
-     *
-     * @returns
+    /**
+     * Evaluate a template.
+     *
+     * @param {string} template
+     * @param {Object<string, any>} context
+     * @param {Object} options
+     * @param {boolean} [options.debug = false]
+     * @param {boolean} [options.strict = false]
+     * @param {Function} [options.buildDebugString]
+     *
+     * @returns
      */
     evaluate(template, context = {}, options = {}) {
       const {
@@ -52985,22 +52985,22 @@
       });
     }
 
-    /**
-    * @typedef {Object} ExpressionWithDepth
-    * @property {number} depth - The depth of the expression in the syntax tree.
-    * @property {string} expression - The extracted expression
+    /**
+    * @typedef {Object} ExpressionWithDepth
+    * @property {number} depth - The depth of the expression in the syntax tree.
+    * @property {string} expression - The extracted expression
     */
 
-    /**
-    * Extracts all feel expressions in the template along with their depth in the syntax tree.
-    * The depth is incremented for child expressions of loops to account for context drilling.
-     * @name extractExpressionsWithDepth
-    * @param {string} template - A feelers template string.
-    * @returns {Array<ExpressionWithDepth>} An array of objects, each containing the depth and the extracted expression.
-    *
-    * @example
-    * const template = "Hello {{user}}, you have:{{#loop items}}\n- {{amount}} {{name}}{{/loop}}.";
-    * const extractedExpressions = _extractExpressionsWithDepth(template);
+    /**
+    * Extracts all feel expressions in the template along with their depth in the syntax tree.
+    * The depth is incremented for child expressions of loops to account for context drilling.
+    * @name extractExpressionsWithDepth
+    * @param {string} template - A feelers template string.
+    * @returns {Array<ExpressionWithDepth>} An array of objects, each containing the depth and the extracted expression.
+    *
+    * @example
+    * const template = "Hello {{user}}, you have:{{#loop items}}\n- {{amount}} {{name}}{{/loop}}.";
+    * const extractedExpressions = _extractExpressionsWithDepth(template);
     */
     _extractExpressionsWithDepth(template) {
       // build simplified feelers syntax tree
@@ -53105,10 +53105,10 @@
     return injector;
   }
 
-  /**
-   * @param {string?} prefix
-   *
-   * @returns Element
+  /**
+   * @param {string?} prefix
+   *
+   * @returns Element
    */
   function createFormContainer(prefix = 'fjs') {
     const container = document.createElement('div');
@@ -53235,11 +53235,11 @@
   });
   var LocalExpressionContext$1 = LocalExpressionContext;
 
-  /**
-   * @param {string} type
-   * @param {boolean} [strict]
-   *
-   * @returns {any}
+  /**
+   * @param {string} type
+   * @param {boolean} [strict]
+   *
+   * @returns {any}
    */
   function getService$2(type, strict) {}
   const FormContext = D$2({
@@ -53254,21 +53254,21 @@
     return getService(type, strict);
   }
 
-  /**
-   * @template T
-   * @param {T} data
-   * @param {(this: any, key: string, value: any) => any} [replacer]
-   * @return {T}
+  /**
+   * @template T
+   * @param {T} data
+   * @param {(this: any, key: string, value: any) => any} [replacer]
+   * @return {T}
    */
   function clone(data, replacer) {
     return JSON.parse(JSON.stringify(data, replacer));
   }
 
-  /**
-   * Transform a LocalExpressionContext object into a usable FEEL context.
-   *
-   * @param {Object} context - The LocalExpressionContext object.
-   * @returns {Object} The usable FEEL context.
+  /**
+   * Transform a LocalExpressionContext object into a usable FEEL context.
+   *
+   * @param {Object} context - The LocalExpressionContext object.
+   * @returns {Object} The usable FEEL context.
    */
 
   function buildExpressionContext(context) {
@@ -53300,12 +53300,12 @@
     return newObj;
   }
 
-  /**
-   * Evaluate if condition is met reactively based on the conditionChecker and form data.
-   *
-   * @param {string | undefined} condition
-   *
-   * @returns {boolean} true if condition is met or no condition or condition checker exists
+  /**
+   * Evaluate if condition is met reactively based on the conditionChecker and form data.
+   *
+   * @param {string | undefined} condition
+   *
+   * @returns {boolean} true if condition is met or no condition or condition checker exists
    */
   function useCondition(condition) {
     const conditionChecker = useService$2('conditionChecker', false);
@@ -53315,17 +53315,17 @@
     }, [conditionChecker, condition, expressionContextInfo]);
   }
 
-  /**
-   * Custom hook to scroll an element into view only when it is not visible within the viewport.
-   *
-   * @param {Object} targetRef - A ref pointing to the DOM element to scroll into view.
-   * @param {Array} deps - An array of dependencies that trigger the effect.
-   * @param {Array} flagRefs - An array of refs that are used as flags to control when to scroll.
-   * @param {Object} [scrollOptions={}] - Options defining the behavior of the scrolling.
-   * @param {String} [scrollOptions.align='center'] - The alignment of the element within the viewport.
-   * @param {String} [scrollOptions.behavior='auto'] - The scrolling behavior.
-   * @param {Number} [scrollOptions.offset=0] - An offset that is added to the scroll position.
-   * @param {Boolean} [scrollOptions.scrollIfVisible=false] - Whether to scroll even if the element is visible.
+  /**
+   * Custom hook to scroll an element into view only when it is not visible within the viewport.
+   *
+   * @param {Object} targetRef - A ref pointing to the DOM element to scroll into view.
+   * @param {Array} deps - An array of dependencies that trigger the effect.
+   * @param {Array} flagRefs - An array of refs that are used as flags to control when to scroll.
+   * @param {Object} [scrollOptions={}] - Options defining the behavior of the scrolling.
+   * @param {String} [scrollOptions.align='center'] - The alignment of the element within the viewport.
+   * @param {String} [scrollOptions.behavior='auto'] - The scrolling behavior.
+   * @param {Number} [scrollOptions.offset=0] - An offset that is added to the scroll position.
+   * @param {Boolean} [scrollOptions.scrollIfVisible=false] - Whether to scroll even if the element is visible.
    */
   function useScrollIntoView(targetRef, deps, scrollOptions = null, flagRefs = []) {
     y(() => {
@@ -53390,13 +53390,13 @@
     return 0;
   }
 
-  /**
-   * Evaluate a string reactively based on the expressionLanguage and form data.
-   * If the string is not an expression, it is returned as is.
-   * The function is memoized to minimize re-renders.
-   *
-   * @param {string} value - The string to evaluate.
-   * @returns {any} - Evaluated value or the original value if not an expression.
+  /**
+   * Evaluate a string reactively based on the expressionLanguage and form data.
+   * If the string is not an expression, it is returned as is.
+   * The function is memoized to minimize re-renders.
+   *
+   * @param {string} value - The string to evaluate.
+   * @returns {any} - Evaluated value or the original value if not an expression.
    */
   function useExpressionEvaluation(value) {
     const expressionLanguage = useService$2('expressionLanguage');
@@ -53409,11 +53409,11 @@
     }, [expressionLanguage, expressionContextInfo, value]);
   }
 
-  /**
-   * Returns the conditionally filtered data of a form reactively.
-   * Memoised to minimize re-renders
-   *
-   * Warning: costly operation, use with care
+  /**
+   * Returns the conditionally filtered data of a form reactively.
+   * Memoised to minimize re-renders
+   *
+   * Warning: costly operation, use with care
    */
   function useFilteredFormData() {
     const {
@@ -53445,16 +53445,16 @@
     });
   }
 
-  /**
-   * Retrieve readonly value of a form field, given it can be an
-   * expression optionally or configured globally.
-   *
-   * @typedef { import('../../types').FormProperties } FormProperties
-   *
-   * @param {any} formField
-   * @param {FormProperties} properties
-   *
-   * @returns {boolean}
+  /**
+   * Retrieve readonly value of a form field, given it can be an
+   * expression optionally or configured globally.
+   *
+   * @typedef { import('../../types').FormProperties } FormProperties
+   *
+   * @param {any} formField
+   * @param {FormProperties} properties
+   *
+   * @returns {boolean}
    */
   function useReadonly(formField, properties = {}) {
     const expressionLanguage = useService$2('expressionLanguage');
@@ -53477,12 +53477,12 @@
     return ref.current;
   }
 
-  /**
-   * A custom hook to manage state changes with deep comparison.
-   *
-   * @param {any} value - The current value to manage.
-   * @param {any} defaultValue - The initial default value for the state.
-   * @returns {any} - Returns the current state.
+  /**
+   * A custom hook to manage state changes with deep comparison.
+   *
+   * @param {any} value - The current value to manage.
+   * @param {any} defaultValue - The initial default value for the state.
+   * @returns {any} - Returns the current state.
    */
   function useDeepCompareState(value, defaultValue) {
     const [state, setState] = l$2(defaultValue);
@@ -53502,16 +53502,16 @@
     return JSON.stringify(a) === JSON.stringify(b);
   }
 
-  /**
-   * Template a string reactively based on form data. If the string is not a template, it is returned as is.
-   * Memoised to minimize re-renders
-   *
-   * @param {string} value
-   * @param {Object} options
-   * @param {boolean} [options.debug = false]
-   * @param {boolean} [options.strict = false]
-   * @param {Function} [options.buildDebugString]
-   *
+  /**
+   * Template a string reactively based on form data. If the string is not a template, it is returned as is.
+   * Memoised to minimize re-renders
+   *
+   * @param {string} value
+   * @param {Object} options
+   * @param {boolean} [options.debug = false]
+   * @param {boolean} [options.strict = false]
+   * @param {Function} [options.buildDebugString]
+   *
    */
   function useTemplateEvaluation(value, options = {}) {
     const templating = useService$2('templating');
@@ -53524,17 +53524,17 @@
     }, [templating, value, expressionContextInfo, options]);
   }
 
-  /**
-   * Template a string reactively based on form data. If the string is not a template, it is returned as is.
-   * If the string contains multiple lines, only the first line is returned.
-   * Memoised to minimize re-renders
-   *
-   * @param {string} value
-   * @param {Object} [options]
-   * @param {boolean} [options.debug = false]
-   * @param {boolean} [options.strict = false]
-   * @param {Function} [options.buildDebugString]
-   *
+  /**
+   * Template a string reactively based on form data. If the string is not a template, it is returned as is.
+   * If the string contains multiple lines, only the first line is returned.
+   * Memoised to minimize re-renders
+   *
+   * @param {string} value
+   * @param {Object} [options]
+   * @param {boolean} [options.debug = false]
+   * @param {boolean} [options.strict = false]
+   * @param {Function} [options.buildDebugString]
+   *
    */
   function useSingleLineTemplateEvaluation(value, options = {}) {
     const evaluatedTemplate = useTemplateEvaluation(value, options);
@@ -53686,15 +53686,15 @@
     return optionsData.filter(_isAllowedValue).map(_normalizeOption).filter(o => !isNil$1(o));
   }
 
-  /**
-   * Converts the provided option to a normalized format.
-   * If the option is not valid, null is returned.
-   *
-   * @param {object} option
-   * @param {string} option.label
-   * @param {*} option.value
-   *
-   * @returns
+  /**
+   * Converts the provided option to a normalized format.
+   * If the option is not valid, null is returned.
+   *
+   * @param {object} option
+   * @param {string} option.label
+   * @param {*} option.value
+   *
+   * @returns
    */
   function _normalizeOption(option) {
     // (1) simple primitive case, use it as both label and value
@@ -53752,8 +53752,8 @@
     };
   }
 
-  /**
-   * @enum { String }
+  /**
+   * @enum { String }
    */
   const LOAD_STATES = {
     LOADING: 'loading',
@@ -53761,17 +53761,17 @@
     ERROR: 'error'
   };
 
-  /**
-   * @typedef {Object} OptionsGetter
-   * @property {Object[]} options - The options data
-   * @property {(LOAD_STATES)} loadState - The options data's loading state, to use for conditional rendering
+  /**
+   * @typedef {Object} OptionsGetter
+   * @property {Object[]} options - The options data
+   * @property {(LOAD_STATES)} loadState - The options data's loading state, to use for conditional rendering
    */
 
-  /**
-   * A hook to load options for single and multiselect components.
-   *
-   * @param {Object} field - The form field to handle options for
-   * @return {OptionsGetter} optionsGetter - A options getter object providing loading state and options
+  /**
+   * A hook to load options for single and multiselect components.
+   *
+   * @param {Object} field - The form field to handle options for
+   * @return {OptionsGetter} optionsGetter - A options getter object providing loading state and options
    */
   function useOptionsAsync(field) {
     const {
@@ -54411,12 +54411,12 @@
     })
   };
 
-  /**
-   * Returns date format for the provided locale.
-   * If the locale is not provided, uses the browser's locale.
-   *
-   * @param {string} [locale] - The locale to get date format for.
-   * @returns {string} The date format for the locale.
+  /**
+   * Returns date format for the provided locale.
+   * If the locale is not provided, uses the browser's locale.
+   *
+   * @param {string} [locale] - The locale to get date format for.
+   * @returns {string} The date format for the locale.
    */
   function getLocaleDateFormat(locale = 'default') {
     const parts = new Intl.DateTimeFormat(locale).formatToParts(new Date(Date.UTC(2020, 5, 5)));
@@ -54435,12 +54435,12 @@
     }).join('');
   }
 
-  /**
-   * Returns readable date format for the provided locale.
-   * If the locale is not provided, uses the browser's locale.
-   *
-   * @param {string} [locale] - The locale to get readable date format for.
-   * @returns {string} The readable date format for the locale.
+  /**
+   * Returns readable date format for the provided locale.
+   * If the locale is not provided, uses the browser's locale.
+   *
+   * @param {string} [locale] - The locale to get readable date format for.
+   * @returns {string} The readable date format for the locale.
    */
   function getLocaleReadableDateFormat(locale) {
     let format = getLocaleDateFormat(locale).toLowerCase();
@@ -54457,12 +54457,12 @@
     return format;
   }
 
-  /**
-   * Returns flatpickr config for the provided locale.
-   * If the locale is not provided, uses the browser's locale.
-   *
-   * @param {string} [locale] - The locale to get flatpickr config for.
-   * @returns {object} The flatpickr config for the locale.
+  /**
+   * Returns flatpickr config for the provided locale.
+   * If the locale is not provided, uses the browser's locale.
+   *
+   * @param {string} [locale] - The locale to get flatpickr config for.
+   * @returns {object} The flatpickr config for the locale.
    */
   function getLocaleDateFlatpickrConfig(locale) {
     return flatpickerizeDateFormat(getLocaleDateFormat(locale));
@@ -55194,10 +55194,10 @@
     }
   };
 
-  /**
-   * This file must not be changed or exchanged.
-   *
-   * @see http://bpmn.io/license for more information.
+  /**
+   * This file must not be changed or exchanged.
+   *
+   * @see http://bpmn.io/license for more information.
    */
   function Logo() {
     return e$1("svg", {
@@ -55380,11 +55380,11 @@
 
   const FORM_ELEMENT = document.createElement('form');
 
-  /**
-   * Sanitize a HTML string and return the cleaned, safe version.
-   *
-   * @param {string} html
-   * @return {string}
+  /**
+   * Sanitize a HTML string and return the cleaned, safe version.
+   *
+   * @param {string} html
+   * @return {string}
    */
 
   // see https://github.com/developit/snarkdown/issues/70
@@ -55402,41 +55402,41 @@
     }
   }
 
-  /**
-   * Sanitizes an image source to ensure we only allow for data URI and links
-   * that start with http(s).
-   *
-   * Note: Most browsers anyway do not support script execution in <img> elements.
-   *
-   * @param {string} src
-   * @returns {string}
+  /**
+   * Sanitizes an image source to ensure we only allow for data URI and links
+   * that start with http(s).
+   *
+   * Note: Most browsers anyway do not support script execution in <img> elements.
+   *
+   * @param {string} src
+   * @returns {string}
    */
   function sanitizeImageSource(src) {
     const valid = ALLOWED_IMAGE_SRC_PATTERN.test(src);
     return valid ? src : '';
   }
 
-  /**
-   * Sanitizes an iframe source to ensure we only allow for links
-   * that start with http(s).
-   *
-   * @param {string} src
-   * @returns {string}
+  /**
+   * Sanitizes an iframe source to ensure we only allow for links
+   * that start with http(s).
+   *
+   * @param {string} src
+   * @returns {string}
    */
   function sanitizeIFrameSource(src) {
     const valid = ALLOWED_IFRAME_SRC_PATTERN.test(src);
     return valid ? src : '';
   }
 
-  /**
-   * Recursively sanitize a HTML node, potentially
-   * removing it, its children or attributes.
-   *
-   * Inspired by https://github.com/developit/snarkdown/issues/70
-   * and https://github.com/cure53/DOMPurify. Simplified
-   * for our use-case.
-   *
-   * @param {Element} node
+  /**
+   * Recursively sanitize a HTML node, potentially
+   * removing it, its children or attributes.
+   *
+   * Inspired by https://github.com/developit/snarkdown/issues/70
+   * and https://github.com/cure53/DOMPurify. Simplified
+   * for our use-case.
+   *
+   * @param {Element} node
    */
   function sanitizeNode(node) {
     // allow text nodes
@@ -55480,13 +55480,13 @@
     }
   }
 
-  /**
-   * Validates attributes for validity.
-   *
-   * @param {string} lcTag
-   * @param {string} lcName
-   * @param {string} value
-   * @return {boolean}
+  /**
+   * Validates attributes for validity.
+   *
+   * @param {string} lcTag
+   * @param {string} lcName
+   * @param {string} value
+   * @return {boolean}
    */
   function isValidAttribute(lcTag, lcName, value) {
     // disallow most attributes based on whitelist
@@ -55675,39 +55675,6 @@
       ...options
     })
   };
-  function useFlushDebounce(func, additionalDeps = []) {
-    const timeoutRef = s$1(null);
-    const lastArgsRef = s$1(null);
-    const config = useService$2('config', false);
-    const debounce = config && config.debounce;
-    const shouldDebounce = debounce !== false && debounce !== 0;
-    const delay = typeof debounce === 'number' ? debounce : 300;
-    const debounceFunc = A$1((...args) => {
-      if (!shouldDebounce) {
-        func(...args);
-        return;
-      }
-      lastArgsRef.current = args;
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-      timeoutRef.current = setTimeout(() => {
-        func(...lastArgsRef.current);
-        lastArgsRef.current = null;
-      }, delay);
-    }, [func, delay, shouldDebounce, ...additionalDeps]);
-    const flushFunc = A$1(() => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-        if (lastArgsRef.current !== null) {
-          func(...lastArgsRef.current);
-          lastArgsRef.current = null;
-        }
-        timeoutRef.current = null;
-      }
-    }, [func, ...additionalDeps]);
-    return [debounceFunc, flushFunc];
-  }
   function TemplatedInputAdorner(props) {
     const {
       pre,
@@ -55820,7 +55787,8 @@
       onFocus,
       field,
       value,
-      readonly
+      readonly,
+      onChange
     } = props;
     const {
       description,
@@ -55840,16 +55808,6 @@
     } = validate;
     const inputRef = s$1();
     const [stringValueCache, setStringValueCache] = l$2('');
-    const [onChangeDebounced, flushOnChange] = useFlushDebounce(params => {
-      props.onChange(params);
-    }, [props.onChange]);
-    const onInputBlur = () => {
-      flushOnChange && flushOnChange();
-      onBlur && onBlur();
-    };
-    const onInputFocus = () => {
-      onFocus && onFocus();
-    };
 
     // checks whether the value currently in the form data is practically different from the one in the input field cache
     // this allows us to guarantee the field always displays valid form data, but without auto-simplifying values like 1.000 to 1
@@ -55873,7 +55831,7 @@
     const setValue = A$1(stringValue => {
       if (isNullEquivalentValue(stringValue)) {
         setStringValueCache('');
-        onChangeDebounced({
+        onChange({
           field,
           value: null
         });
@@ -55888,18 +55846,18 @@
       }
       if (isNaN(Number(stringValue))) {
         setStringValueCache('NaN');
-        onChangeDebounced({
+        onChange({
           field,
           value: 'NaN'
         });
         return;
       }
       setStringValueCache(stringValue);
-      onChangeDebounced({
+      onChange({
         field,
         value: serializeToString ? stringValue : Number(stringValue)
       });
-    }, [field, onChangeDebounced, serializeToString]);
+    }, [field, onChange, serializeToString]);
     const increment = () => {
       if (readonly) {
         return;
@@ -55983,8 +55941,8 @@
             id: domId,
             onKeyDown: onKeyDown,
             onKeyPress: onKeyPress,
-            onBlur: onInputBlur,
-            onFocus: onInputFocus
+            onBlur: onBlur,
+            onFocus: onFocus
 
             // @ts-ignore
             ,
@@ -56173,9 +56131,9 @@
     create: createEmptyOptions
   };
 
-  /**
-   * This hook allows us to retrieve the label from a value in linear time by caching it in a map
-   * @param {Array} options
+  /**
+   * This hook allows us to retrieve the label from a value in linear time by caching it in a map
+   * @param {Array} options
    */
   function useGetLabelCorrelation(options) {
     // This allows us to retrieve the label from a value in linear time
@@ -56995,6 +56953,39 @@
       children: children
     });
   }
+  function useFlushDebounce(func, additionalDeps = []) {
+    const timeoutRef = s$1(null);
+    const lastArgsRef = s$1(null);
+    const config = useService$2('config', false);
+    const debounce = config && config.debounce;
+    const shouldDebounce = debounce !== false && debounce !== 0;
+    const delay = typeof debounce === 'number' ? debounce : 300;
+    const debounceFunc = A$1((...args) => {
+      if (!shouldDebounce) {
+        func(...args);
+        return;
+      }
+      lastArgsRef.current = args;
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        func(...lastArgsRef.current);
+        lastArgsRef.current = null;
+      }, delay);
+    }, [func, delay, shouldDebounce, ...additionalDeps]);
+    const flushFunc = A$1(() => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        if (lastArgsRef.current !== null) {
+          func(...lastArgsRef.current);
+          lastArgsRef.current = null;
+        }
+        timeoutRef.current = null;
+      }
+    }, [func, ...additionalDeps]);
+    return [debounceFunc, flushFunc];
+  }
   const type$2 = 'textfield';
   function Textfield$1(props) {
     const {
@@ -57301,28 +57292,28 @@
   var CaretRightIcon = SvgCaretRight;
   const type = 'table';
 
-  /**
-   * @typedef {('asc'|'desc')} Direction
-   *
-   * @typedef Sorting
-   * @property {string} key
-   * @property {Direction} direction
-   *
-   * @typedef Column
-   * @property {string} label
-   * @property {string} key
-   *
-   * @typedef Props
-   * @property {Object} field
-   * @property {string} field.id
-   * @property {Array<Column>} [field.columns]
-   * @property {string} [field.columnsExpression]
-   * @property {string} [field.label]
-   * @property {number} [field.rowCount]
-   * @property {string} [field.dataSource]
-   *
-   * @param {Props} props
-   * @returns {import("preact").JSX.Element}
+  /**
+   * @typedef {('asc'|'desc')} Direction
+   *
+   * @typedef Sorting
+   * @property {string} key
+   * @property {Direction} direction
+   *
+   * @typedef Column
+   * @property {string} label
+   * @property {string} key
+   *
+   * @typedef Props
+   * @property {Object} field
+   * @property {string} field.id
+   * @property {Array<Column>} [field.columns]
+   * @property {string} [field.columnsExpression]
+   * @property {string} [field.label]
+   * @property {number} [field.rowCount]
+   * @property {string} [field.dataSource]
+   *
+   * @param {Props} props
+   * @returns {import("preact").JSX.Element}
    */
   function Table(props) {
     const {
@@ -57532,10 +57523,10 @@
 
   // helpers /////////////////////////////
 
-  /**
-   * @param {string|void} columnsExpression
-   * @param {Column[]} fallbackColumns
-   * @returns {Column[]}
+  /**
+   * @param {string|void} columnsExpression
+   * @param {Column[]} fallbackColumns
+   * @returns {Column[]}
    */
   function useEvaluatedColumns(columnsExpression, fallbackColumns) {
     /** @type {Column[]|null} */
@@ -57543,18 +57534,18 @@
     return Array.isArray(evaluation) && evaluation.every(isColumn) ? evaluation : fallbackColumns;
   }
 
-  /**
-   * @param {any} column
-   * @returns {column is Column}
+  /**
+   * @param {any} column
+   * @returns {column is Column}
    */
   function isColumn(column) {
     return isObject$4(column) && isString$4(column['label']) && isString$4(column['key']);
   }
 
-  /**
-   * @param {Array} array
-   * @param {number} size
-   * @returns {Array}
+  /**
+   * @param {Array} array
+   * @param {number} size
+   * @returns {Array}
    */
   function chunk(array, size) {
     return array.reduce((chunks, item, index) => {
@@ -57567,11 +57558,11 @@
     }, []);
   }
 
-  /**
-   * @param {unknown[]} array
-   * @param {string} key
-   * @param {Direction} direction
-   * @returns {unknown[]}
+  /**
+   * @param {unknown[]} array
+   * @param {string} key
+   * @param {Direction} direction
+   * @returns {unknown[]}
    */
   function sortByColumn(array, key, direction) {
     return [...array].sort((a, b) => {
@@ -57585,10 +57576,10 @@
     });
   }
 
-  /**
-   * @param {null|Sorting} sortBy
-   * @param {string} key
-   * @param {string} label
+  /**
+   * @param {null|Sorting} sortBy
+   * @param {string} key
+   * @param {string} label
    */
   function getHeaderAriaLabel(sortBy, key, label) {
     if (sortBy === null || sortBy.key !== key) {
@@ -58187,37 +58178,37 @@
   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'];
   const TEMPLATE_PROPERTIES = ['alt', 'appearance.prefixAdorner', 'appearance.suffixAdorner', 'description', 'label', 'source', 'text', 'url'];
 
-  /**
-   * @typedef { import('../types').Schema } Schema
+  /**
+   * @typedef { import('../types').Schema } Schema
    */
 
-  /**
-   * Parse the schema for variables a form might make use of.
-   *
-   * @example
-   *
-   * // retrieve variables from schema
-   * const variables = getSchemaVariables(schema);
-   *
-   * @example
-   *
-   * // retrieve input variables from schema
-   * const inputVariables = getSchemaVariables(schema, { outputs: false });
-   *
-   * @example
-   *
-   * // retrieve output variables from schema
-   * const outputVariables = getSchemaVariables(schema, { inputs: false });
-   *
-   * @param {Schema} schema
-   * @param {object} [options]
-   * @param {any} [options.expressionLanguage]
-   * @param {any} [options.templating]
-   * @param {any} [options.formFields]
-   * @param {boolean} [options.inputs=true]
-   * @param {boolean} [options.outputs=true]
-   *
-   * @return {string[]}
+  /**
+   * Parse the schema for variables a form might make use of.
+   *
+   * @example
+   *
+   * // retrieve variables from schema
+   * const variables = getSchemaVariables(schema);
+   *
+   * @example
+   *
+   * // retrieve input variables from schema
+   * const inputVariables = getSchemaVariables(schema, { outputs: false });
+   *
+   * @example
+   *
+   * // retrieve output variables from schema
+   * const outputVariables = getSchemaVariables(schema, { inputs: false });
+   *
+   * @param {Schema} schema
+   * @param {object} [options]
+   * @param {any} [options.expressionLanguage]
+   * @param {any} [options.templating]
+   * @param {any} [options.formFields]
+   * @param {boolean} [options.inputs=true]
+   * @param {boolean} [options.outputs=true]
+   *
+   * @return {string[]}
    */
   function getSchemaVariables(schema, options = {}) {
     const {
@@ -58293,13 +58284,13 @@
     return Array.from(new Set(variables));
   }
 
-  /**
-   * Get the ancestry list of a form field.
-   *
-   * @param {string} formFieldId
-   * @param {import('../core/FormFieldRegistry').default} formFieldRegistry
-   *
-   * @return {Array<string>} ancestry list
+  /**
+   * Get the ancestry list of a form field.
+   *
+   * @param {string} formFieldId
+   * @param {import('../core/FormFieldRegistry').default} formFieldRegistry
+   *
+   * @return {Array<string>} ancestry list
    */
   const getAncestryList = (formFieldId, formFieldRegistry) => {
     const ids = [];
@@ -58311,9 +58302,9 @@
     return ids;
   };
 
-  /**
-   * @typedef {object} Condition
-   * @property {string} [hide]
+  /**
+   * @typedef {object} Condition
+   * @property {string} [hide]
    */
 
   class ConditionChecker {
@@ -58323,14 +58314,14 @@
       this._eventBus = eventBus;
     }
 
-    /**
-     * For given data, remove properties based on condition.
-     *
-     * @param {Object<string, any>} data
-     * @param {Object<string, any>} contextData
-     * @param {Object} [options]
-     * @param {Function} [options.getFilterPath]
-     * @param {boolean} [options.leafNodeDeletionOnly]
+    /**
+     * For given data, remove properties based on condition.
+     *
+     * @param {Object<string, any>} data
+     * @param {Object<string, any>} contextData
+     * @param {Object} [options]
+     * @param {Function} [options.getFilterPath]
+     * @param {boolean} [options.leafNodeDeletionOnly]
      */
     applyConditions(data, contextData = {}, options = {}) {
       const workingData = clone(data);
@@ -58424,13 +58415,13 @@
       return workingData;
     }
 
-    /**
-     * Check if given condition is met. Returns null for invalid/missing conditions.
-     *
-     * @param {string} condition
-     * @param {import('../../types').Data} [data]
-     *
-     * @returns {boolean|null}
+    /**
+     * Check if given condition is met. Returns null for invalid/missing conditions.
+     *
+     * @param {string} condition
+     * @param {import('../../types').Data} [data]
+     *
+     * @returns {boolean|null}
      */
     check(condition, data = {}) {
       if (!condition) {
@@ -58451,12 +58442,12 @@
       }
     }
 
-    /**
-     * Check if hide condition is met.
-     *
-     * @param {Condition} condition
-     * @param {Object<string, any>} data
-     * @returns {boolean}
+    /**
+     * Check if hide condition is met.
+     *
+     * @param {Condition} condition
+     * @param {Object<string, any>} data
+     * @returns {boolean}
      */
     _checkHideCondition(condition, data) {
       if (!condition.hide) {
@@ -58497,12 +58488,12 @@
       this._converter = new showdown.Converter();
     }
 
-    /**
-     * Render markdown to HTML.
-     *
-     * @param {string} markdown - The markdown to render
-     *
-     * @returns {string} HTML
+    /**
+     * Render markdown to HTML.
+     *
+     * @param {string} markdown - The markdown to render
+     *
+     * @returns {string} HTML
      */
     render(markdown) {
       return this._converter.makeHtml(markdown);
@@ -59167,11 +59158,11 @@
       this.RepeatFooter = this.RepeatFooter.bind(this);
     }
 
-    /**
-     * Checks whether a field is currently repeating its children.
-     *
-     * @param {string} id - The id of the field to check
-     * @returns {boolean} - True if repeatable, false otherwise
+    /**
+     * Checks whether a field is currently repeating its children.
+     *
+     * @param {string} id - The id of the field to check
+     * @returns {boolean} - True if repeatable, false otherwise
      */
     isFieldRepeating(id) {
       if (!id) {
@@ -59928,8 +59919,8 @@
 
   // helpers //////////
 
-  /**
-   * Helper function to evaluate optional FEEL validation values.
+  /**
+   * Helper function to evaluate optional FEEL validation values.
    */
   function evaluateFEELValues(validate, expressionLanguage, conditionChecker, form) {
     const evaluatedValidate = {
@@ -59962,12 +59953,12 @@
     return evaluatedValidate;
   }
   class Importer {
-    /**
-     * @constructor
-     * @param { import('./FormFieldRegistry').default } formFieldRegistry
-     * @param { import('./PathRegistry').default } pathRegistry
-     * @param { import('./FieldFactory').default } fieldFactory
-     * @param { import('./FormLayouter').default } formLayouter
+    /**
+     * @constructor
+     * @param { import('./FormFieldRegistry').default } formFieldRegistry
+     * @param { import('./PathRegistry').default } pathRegistry
+     * @param { import('./FieldFactory').default } fieldFactory
+     * @param { import('./FormLayouter').default } formLayouter
      */
     constructor(formFieldRegistry, pathRegistry, fieldFactory, formLayouter) {
       this._formFieldRegistry = formFieldRegistry;
@@ -59976,21 +59967,21 @@
       this._formLayouter = formLayouter;
     }
 
-    /**
-     * Import schema creating rows, fields, attaching additional
-     * information to each field and adding fields to the
-     * field registry.
-     *
-     * Additional information attached:
-     *
-     *   * `id` (unless present)
-     *   * `_parent`
-     *   * `_path`
-     *
-     * @param {any} schema
-     *
-     * @typedef {{ warnings: Error[], schema: any }} ImportResult
-     * @returns {ImportResult}
+    /**
+     * Import schema creating rows, fields, attaching additional
+     * information to each field and adding fields to the
+     * field registry.
+     *
+     * Additional information attached:
+     *
+     *   * `id` (unless present)
+     *   * `_parent`
+     *   * `_path`
+     *
+     * @param {any} schema
+     *
+     * @typedef {{ warnings: Error[], schema: any }} ImportResult
+     * @returns {ImportResult}
      */
     importSchema(schema) {
       // TODO: Add warnings
@@ -60015,12 +60006,12 @@
       this._pathRegistry.clear();
     }
 
-    /**
-     * @param {{[x: string]: any}} fieldAttrs
-     * @param {String} [parentId]
-     * @param {number} [index]
-     *
-     * @return {any} field
+    /**
+     * @param {{[x: string]: any}} fieldAttrs
+     * @param {String} [parentId]
+     * @param {number} [index]
+     *
+     * @return {any} field
      */
     importFormField(fieldAttrs, parentId, index) {
       const {
@@ -60045,11 +60036,11 @@
       return field;
     }
 
-    /**
-     * @param {Array<any>} components
-     * @param {string} parentId
-     *
-     * @return {Array<any>} imported components
+    /**
+     * @param {Array<any>} components
+     * @param {string} parentId
+     *
+     * @return {Array<any>} imported components
      */
     importFormFields(components, parentId) {
       return components.map((component, index) => {
@@ -60059,11 +60050,11 @@
   }
   Importer.$inject = ['formFieldRegistry', 'pathRegistry', 'fieldFactory', 'formLayouter'];
   class FieldFactory {
-    /**
-     * @constructor
-     *
-     * @param  formFieldRegistry
-     * @param  formFields
+    /**
+     * @constructor
+     *
+     * @param  formFieldRegistry
+     * @param  formFields
      */
     constructor(formFieldRegistry, pathRegistry, formFields) {
       this._formFieldRegistry = formFieldRegistry;
@@ -60173,36 +60164,36 @@
   }
   FieldFactory.$inject = ['formFieldRegistry', 'pathRegistry', 'formFields'];
 
-  /**
-   * The PathRegistry class manages a hierarchical structure of paths associated with form fields.
-   * It enables claiming, unclaiming, and validating paths within this structure.
-   *
-   * Example Tree Structure:
-   *
-   *   [
-   *     {
-   *       segment: 'root',
-   *       claimCount: 1,
-   *       children: [
-   *         {
-   *           segment: 'child1',
-   *           claimCount: 2,
-   *           children: null  // A leaf node (closed path)
-   *         },
-   *         {
-   *           segment: 'child2',
-   *           claimCount: 1,
-   *           children: [
-   *             {
-   *               segment: 'subChild1',
-   *               claimCount: 1,
-   *               children: []  // An open node (open path)
-   *             }
-   *           ]
-   *         }
-   *       ]
-   *     }
-   *   ]
+  /**
+   * The PathRegistry class manages a hierarchical structure of paths associated with form fields.
+   * It enables claiming, unclaiming, and validating paths within this structure.
+   *
+   * Example Tree Structure:
+   *
+   *   [
+   *     {
+   *       segment: 'root',
+   *       claimCount: 1,
+   *       children: [
+   *         {
+   *           segment: 'child1',
+   *           claimCount: 2,
+   *           children: null  // A leaf node (closed path)
+   *         },
+   *         {
+   *           segment: 'child2',
+   *           claimCount: 1,
+   *           children: [
+   *             {
+   *               segment: 'subChild1',
+   *               claimCount: 1,
+   *               children: []  // An open node (open path)
+   *             }
+   *           ]
+   *         }
+   *       ]
+   *     }
+   *   ]
    */
   class PathRegistry {
     constructor(formFieldRegistry, formFields, injector) {
@@ -60318,16 +60309,16 @@
       }
     }
 
-    /**
-     * Applies a function (fn) recursively on a given field and its children.
-     *
-     * - `field`: Starting field object.
-     * - `fn`: Function to apply.
-     * - `context`: Optional object for passing data between calls.
-     *
-     * Stops early if `fn` returns `false`. Useful for traversing the form field tree.
-     *
-     * @returns {boolean} Success status based on function execution.
+    /**
+     * Applies a function (fn) recursively on a given field and its children.
+     *
+     * - `field`: Starting field object.
+     * - `fn`: Function to apply.
+     * - `context`: Optional object for passing data between calls.
+     *
+     * Stops early if `fn` returns `false`. Useful for traversing the form field tree.
+     *
+     * @returns {boolean} Success status based on function execution.
      */
     executeRecursivelyOnFields(field, fn, context = {}) {
       let result = true;
@@ -60368,16 +60359,16 @@
       return result;
     }
 
-    /**
-     * Generates an array representing the binding path to an underlying data object for a form field.
-     *
-     * @param {Object} field - The field object with properties: `key`, `path`, `id`, and optionally `_parent`.
-     * @param {Object} [options={}] - Configuration options.
-     * @param {Object} [options.replacements={}] - A map of field IDs to alternative path arrays.
-     * @param {Object} [options.indexes=null] - A map of parent IDs to the index of the field within said parent, leave null to get an unindexed path.
-     * @param {Object} [options.cutoffNode] - The ID of the parent field at which to stop generating the path.
-     *
-     * @returns {(Array<string>|undefined)} An array of strings representing the binding path, or undefined if not determinable.
+    /**
+     * Generates an array representing the binding path to an underlying data object for a form field.
+     *
+     * @param {Object} field - The field object with properties: `key`, `path`, `id`, and optionally `_parent`.
+     * @param {Object} [options={}] - Configuration options.
+     * @param {Object} [options.replacements={}] - A map of field IDs to alternative path arrays.
+     * @param {Object} [options.indexes=null] - A map of parent IDs to the index of the field within said parent, leave null to get an unindexed path.
+     * @param {Object} [options.cutoffNode] - The ID of the parent field at which to stop generating the path.
+     *
+     * @returns {(Array<string>|undefined)} An array of strings representing the binding path, or undefined if not determinable.
      */
     getValuePath(field, options = {}) {
       const {
@@ -60438,23 +60429,23 @@
   };
   PathRegistry.$inject = ['formFieldRegistry', 'formFields', 'injector'];
 
-  /**
-   * @typedef { { id: String, components: Array<String> } } FormRow
-   * @typedef { { formFieldId: String, rows: Array<FormRow> } } FormRows
+  /**
+   * @typedef { { id: String, components: Array<String> } } FormRow
+   * @typedef { { formFieldId: String, rows: Array<FormRow> } } FormRows
    */
 
-  /**
-   * Maintains the Form layout in a given structure, for example
-   *
-   *  [
-   *    {
-   *      formFieldId: 'FormField_1',
-   *      rows: [
-   *        { id: 'Row_1', components: [ 'Text_1', 'Textdield_1', ... ]  }
-   *      ]
-   *    }
-   *  ]
-   *
+  /**
+   * Maintains the Form layout in a given structure, for example
+   *
+   *  [
+   *    {
+   *      formFieldId: 'FormField_1',
+   *      rows: [
+   *        { id: 'Row_1', components: [ 'Text_1', 'Textdield_1', ... ]  }
+   *      ]
+   *    }
+   *  ]
+   *
    */
   class FormLayouter {
     constructor(eventBus) {
@@ -60464,8 +60455,8 @@
       this._eventBus = eventBus;
     }
 
-    /**
-     * @param {FormRow} row
+    /**
+     * @param {FormRow} row
      */
     addRow(formFieldId, row) {
       let rowsPerComponent = this._rows.find(r => r.formFieldId === formFieldId);
@@ -60479,18 +60470,18 @@
       rowsPerComponent.rows.push(row);
     }
 
-    /**
-     * @param {String} id
-     * @returns {FormRow}
+    /**
+     * @param {String} id
+     * @returns {FormRow}
      */
     getRow(id) {
       const rows = allRows(this._rows);
       return rows.find(r => r.id === id);
     }
 
-    /**
-     * @param {any} formField
-     * @returns {FormRow}
+    /**
+     * @param {any} formField
+     * @returns {FormRow}
      */
     getRowForField(formField) {
       return allRows(this._rows).find(r => {
@@ -60501,9 +60492,9 @@
       });
     }
 
-    /**
-     * @param {String} formFieldId
-     * @returns { Array<FormRow> }
+    /**
+     * @param {String} formFieldId
+     * @returns { Array<FormRow> }
      */
     getRows(formFieldId) {
       const rowsForField = this._rows.find(r => formFieldId === r.formFieldId);
@@ -60513,15 +60504,15 @@
       return rowsForField.rows;
     }
 
-    /**
-     * @returns {string}
+    /**
+     * @returns {string}
      */
     nextRowId() {
       return this._ids.nextPrefixed('Row_');
     }
 
-    /**
-     * @param {any} formField
+    /**
+     * @param {any} formField
      */
     calculateLayout(formField) {
       const {
@@ -60575,9 +60566,9 @@
     });
   }
 
-  /**
-   * @param {Array<FormRows>} formRows
-   * @returns {Array<FormRow>}
+  /**
+   * @param {Array<FormRows>} formRows
+   * @returns {Array<FormRow>}
    */
   function allRows(formRows) {
     return flatten$3(formRows.map(c => c.rows));
@@ -60698,55 +60689,55 @@
     validator: ['type', Validator]
   };
 
-  /**
-   * @typedef { import('./types').Injector } Injector
-   * @typedef { import('./types').Data } Data
-   * @typedef { import('./types').Errors } Errors
-   * @typedef { import('./types').Schema } Schema
-   * @typedef { import('./types').FormProperties } FormProperties
-   * @typedef { import('./types').FormProperty } FormProperty
-   * @typedef { import('./types').FormEvent } FormEvent
-   * @typedef { import('./types').FormOptions } FormOptions
-   *
-   * @typedef { {
-   *   data: Data,
-   *   initialData: Data,
-   *   errors: Errors,
-   *   properties: FormProperties,
-   *   schema: Schema
-   * } } State
-   *
-   * @typedef { (type:FormEvent, priority:number, handler:Function) => void } OnEventWithPriority
-   * @typedef { (type:FormEvent, handler:Function) => void } OnEventWithOutPriority
-   * @typedef { OnEventWithPriority & OnEventWithOutPriority } OnEventType
+  /**
+   * @typedef { import('./types').Injector } Injector
+   * @typedef { import('./types').Data } Data
+   * @typedef { import('./types').Errors } Errors
+   * @typedef { import('./types').Schema } Schema
+   * @typedef { import('./types').FormProperties } FormProperties
+   * @typedef { import('./types').FormProperty } FormProperty
+   * @typedef { import('./types').FormEvent } FormEvent
+   * @typedef { import('./types').FormOptions } FormOptions
+   *
+   * @typedef { {
+   *   data: Data,
+   *   initialData: Data,
+   *   errors: Errors,
+   *   properties: FormProperties,
+   *   schema: Schema
+   * } } State
+   *
+   * @typedef { (type:FormEvent, priority:number, handler:Function) => void } OnEventWithPriority
+   * @typedef { (type:FormEvent, handler:Function) => void } OnEventWithOutPriority
+   * @typedef { OnEventWithPriority & OnEventWithOutPriority } OnEventType
    */
 
   const ids$1 = new Ids([32, 36, 1]);
 
-  /**
-   * The form.
+  /**
+   * The form.
    */
   class Form {
-    /**
-     * @constructor
-     * @param {FormOptions} options
+    /**
+     * @constructor
+     * @param {FormOptions} options
      */
     constructor(options = {}) {
-      /**
-       * @public
-       * @type {OnEventType}
+      /**
+       * @public
+       * @type {OnEventType}
        */
       this.on = this._onEvent;
 
-      /**
-       * @public
-       * @type {String}
+      /**
+       * @public
+       * @type {String}
        */
       this._id = ids$1.next();
 
-      /**
-       * @private
-       * @type {Element}
+      /**
+       * @private
+       * @type {Element}
        */
       this._container = createFormContainer();
       const {
@@ -60755,9 +60746,9 @@
         properties = {}
       } = options;
 
-      /**
-       * @private
-       * @type {State}
+      /**
+       * @private
+       * @type {State}
        */
       this._state = {
         initialData: null,
@@ -60781,9 +60772,9 @@
       this._emit('form.clear');
     }
 
-    /**
-     * Destroy the form, removing it from DOM,
-     * if attached.
+    /**
+     * Destroy the form, removing it from DOM,
+     * if attached.
      */
     destroy() {
       // destroy form services
@@ -60794,13 +60785,13 @@
       this._detach(false);
     }
 
-    /**
-     * Open a form schema with the given initial data.
-     *
-     * @param {Schema} schema
-     * @param {Data} [data]
-     *
-     * @return Promise<{ warnings: Array<any> }>
+    /**
+     * Open a form schema with the given initial data.
+     *
+     * @param {Schema} schema
+     * @param {Data} [data]
+     *
+     * @return Promise<{ warnings: Array<any> }>
      */
     importSchema(schema, data = {}) {
       return new Promise((resolve, reject) => {
@@ -60833,10 +60824,10 @@
       });
     }
 
-    /**
-     * Submit the form, triggering all field validations.
-     *
-     * @returns { { data: Data, errors: Errors } }
+    /**
+     * Submit the form, triggering all field validations.
+     *
+     * @returns { { data: Data, errors: Errors } }
      */
     submit() {
       const {
@@ -60862,8 +60853,8 @@
       });
     }
 
-    /**
-     * @returns {Errors}
+    /**
+     * @returns {Errors}
      */
     validate() {
       const formFields = this.get('formFields'),
@@ -60935,8 +60926,8 @@
       return filteredErrors;
     }
 
-    /**
-     * @param {Element|string} parentNode
+    /**
+     * @param {Element|string} parentNode
      */
     attachTo(parentNode) {
       if (!parentNode) {
@@ -60954,10 +60945,10 @@
       this._detach();
     }
 
-    /**
-     * @private
-     *
-     * @param {boolean} [emit]
+    /**
+     * @private
+     *
+     * @param {boolean} [emit]
      */
     _detach(emit = true) {
       const container = this._container,
@@ -60971,9 +60962,9 @@
       parentNode.removeChild(container);
     }
 
-    /**
-     * @param {FormProperty} property
-     * @param {any} value
+    /**
+     * @param {FormProperty} property
+     * @param {any} value
      */
     setProperty(property, value) {
       const properties = set$3(this._getState().properties, [property], value);
@@ -60982,21 +60973,21 @@
       });
     }
 
-    /**
-     * @param {FormEvent} type
-     * @param {Function} handler
+    /**
+     * @param {FormEvent} type
+     * @param {Function} handler
      */
     off(type, handler) {
       this.get('eventBus').off(type, handler);
     }
 
-    /**
-     * @private
-     *
-     * @param {FormOptions} options
-     * @param {Element} container
-     *
-     * @returns {Injector}
+    /**
+     * @private
+     *
+     * @param {FormOptions} options
+     * @param {Element} container
+     *
+     * @returns {Injector}
      */
     _createInjector(options, container) {
       const {
@@ -61017,17 +61008,17 @@
       }, core$1, ...modules, ...additionalModules]);
     }
 
-    /**
-     * @private
+    /**
+     * @private
      */
     _emit(type, data) {
       this.get('eventBus').fire(type, data);
     }
 
-    /**
-     * @internal
-     *
-     * @param { { add?: boolean, field: any, indexes: object, remove?: number, value?: any } } update
+    /**
+     * @internal
+     *
+     * @param { { add?: boolean, field: any, indexes: object, remove?: number, value?: any } } update
      */
     _update(update) {
       const {
@@ -61053,15 +61044,15 @@
       });
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _getState() {
       return this._state;
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _setState(state) {
       this._state = {
@@ -61071,22 +61062,22 @@
       this._emit('changed', this._getState());
     }
 
-    /**
-    * @internal
+    /**
+    * @internal
     */
     _getModules() {
       return [ExpressionLanguageModule$1, MarkdownModule, ViewerCommandsModule, RepeatRenderModule];
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _onEvent(type, priority, handler) {
       this.get('eventBus').on(type, priority, handler);
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _getSubmitData() {
       const formFieldRegistry = this.get('formFieldRegistry');
@@ -61143,16 +61134,16 @@
       return this._applyConditions(workingSubmitData, formData);
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _applyConditions(toFilter, data, options = {}) {
       const conditionChecker = this.get('conditionChecker');
       return conditionChecker.applyConditions(toFilter, data, options);
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _getInitializedFieldData(data, options = {}) {
       const formFieldRegistry = this.get('formFieldRegistry');
@@ -66288,10 +66279,10 @@
     return fn.apply(null, args);
   }
 
-  /**
-   * A factory to create a configurable debouncer.
-   *
-   * @param {number|boolean} [config=true]
+  /**
+   * A factory to create a configurable debouncer.
+   *
+   * @param {number|boolean} [config=true]
    */
   function DebounceFactory(config = true) {
     const timeout = typeof config === 'number' ? config : config ? 300 : 0;
@@ -66303,11 +66294,11 @@
   }
   DebounceFactory.$inject = ['config.debounce'];
   class FormFieldRegistry extends FormFieldRegistry$1 {
-    /**
-     * Updates a form fields id.
-     *
-     * @param {Object} formField
-     * @param {string} newId
+    /**
+     * Updates a form fields id.
+     *
+     * @param {Object} formField
+     * @param {string} newId
      */
     updateId(formField, newId) {
       this._validateId(newId);
@@ -66328,13 +66319,13 @@
       }
     }
 
-    /**
-     * Validate the suitability of the given id and signals a problem
-     * with an exception.
-     *
-     * @param {string} id
-     *
-     * @throws {Error} if id is empty or already assigned
+    /**
+     * Validate the suitability of the given id and signals a problem
+     * with an exception.
+     *
+     * @param {string} id
+     *
+     * @throws {Error} if id is empty or already assigned
      */
     _validateId(id) {
       if (!id) {
@@ -66350,11 +66341,11 @@
   const MIN_COLUMNS = 2;
   const MAX_FIELDS_PER_ROW = 4;
   class FormLayoutValidator {
-    /**
-     * @constructor
-     *
-     * @param { import('./FormLayouter').default } formLayouter
-     * @param { import('./FormFieldRegistry').default } formFieldRegistry
+    /**
+     * @constructor
+     *
+     * @param { import('./FormLayouter').default } formLayouter
+     * @param { import('./FormFieldRegistry').default } formFieldRegistry
      */
     constructor(formLayouter, formFieldRegistry) {
       this._formLayouter = formLayouter;
@@ -66424,21 +66415,21 @@
     });
   }
 
-  /**
-   * Add a dragger that calls back the passed function with
-   * { event, delta } on drag.
-   *
-   * @example
-   *
-   * function dragMove(event, delta) {
-   *   // we are dragging (!!)
-   * }
-   *
-   * domElement.addEventListener('dragstart', dragger(dragMove));
-   *
-   * @param {Function} fn
-   *
-   * @return {Function} drag start callback function
+  /**
+   * Add a dragger that calls back the passed function with
+   * { event, delta } on drag.
+   *
+   * @example
+   *
+   * function dragMove(event, delta) {
+   *   // we are dragging (!!)
+   * }
+   *
+   * domElement.addEventListener('dragstart', dragger(dragMove));
+   *
+   * @param {Function} fn
+   *
+   * @return {Function} drag start callback function
    */
   function createDragger$1(fn) {
     let self;
@@ -66479,12 +66470,12 @@
     return onDragStart;
   }
 
-  /**
-   * Throttle function call according UI update cycle.
-   *
-   * @param  {Function} fn
-   *
-   * @return {Function} throttled fn
+  /**
+   * Throttle function call according UI update cycle.
+   *
+   * @param  {Function} fn
+   *
+   * @return {Function} throttled fn
    */
   function throttle(fn) {
     let active = false;
@@ -66538,11 +66529,11 @@
   });
   var DragAndDropContext$1 = DragAndDropContext;
 
-  /**
-   * @param {string} type
-   * @param {boolean} [strict]
-   *
-   * @returns {any}
+  /**
+   * @param {string} type
+   * @param {boolean} [strict]
+   *
+   * @returns {any}
    */
   function getService$1(type, strict) {}
   const FormEditorContext = D$2({
@@ -67006,23 +66997,23 @@
     return fillsAndSeparators;
   };
 
-  /**
-   * Creates a Fragment for a fill.
-   *
-   * @param {Object} fill Fill to be rendered
-   * @returns {Object} Preact Fragment containing fill's children
+  /**
+   * Creates a Fragment for a fill.
+   *
+   * @param {Object} fill Fill to be rendered
+   * @returns {Object} Preact Fragment containing fill's children
    */
   const FillFragment = fill => e$1(d$1, {
     children: fill.children
   }, fill.id);
 
-  /**
-   * Creates an array of fills, with separators inserted between groups.
-   *
-   * @param {Array} groups Groups of fills
-   * @param {Function} fillRenderer Function to create a fill
-   * @param {Function} separatorRenderer Function to create a separator
-   * @returns {Array} Array of fills and separators
+  /**
+   * Creates an array of fills, with separators inserted between groups.
+   *
+   * @param {Array} groups Groups of fills
+   * @param {Function} fillRenderer Function to create a fill
+   * @param {Function} separatorRenderer Function to create a separator
+   * @returns {Array} Array of fills and separators
    */
   const buildFills = (groups, fillRenderer, separatorRenderer) => {
     const result = [];
@@ -67040,8 +67031,8 @@
     return result;
   };
 
-  /**
-   * Groups fills by group name property.
+  /**
+   * Groups fills by group name property.
    */
   const _groupByGroupName = fills => {
     const groups = [];
@@ -67061,8 +67052,8 @@
     return Object.keys(groupsById).sort().map(id => groupsById[id]);
   };
 
-  /**
-   * Compares fills by priority.
+  /**
+   * Compares fills by priority.
    */
   const _comparePriority = (a, b) => {
     return (b.priority || 0) - (a.priority || 0);
@@ -67277,11 +67268,11 @@
     return groups.filter(g => g.entries.length);
   }
 
-  /**
-   * Returns a list of palette entries.
-   *
-   * @param {FormFields} formFields
-   * @returns {Array<PaletteEntry>}
+  /**
+   * Returns a list of palette entries.
+   *
+   * @param {FormFields} formFields
+   * @returns {Array<PaletteEntry>}
    */
   function collectPaletteEntries(formFields) {
     return Object.entries(formFields._formFields).map(([type, formField]) => {
@@ -67300,12 +67291,12 @@
     }) => type !== 'default');
   }
 
-  /**
-   * There are various options to specify an icon for a palette entry.
-   *
-   * a) via `iconUrl` property in a form field config
-   * b) via `icon` property in a form field config
-   * c) via statically defined iconsByType (fallback)
+  /**
+   * There are various options to specify an icon for a palette entry.
+   *
+   * a) via `iconUrl` property in a form field config
+   * b) via `icon` property in a form field config
+   * c) via statically defined iconsByType (fallback)
    */
   function getPaletteIcon(entry) {
     const {
@@ -67369,20 +67360,20 @@
   const DRAG_NO_MOVE_CLS = 'fjs-no-move';
   const ERROR_DROP_CLS = 'fjs-error-drop';
 
-  /**
-   * @typedef { { id: String, components: Array<any> } } FormRow
+  /**
+   * @typedef { { id: String, components: Array<any> } } FormRow
    */
 
   class Dragging {
-    /**
-     * @constructor
-     *
-     * @param { import('../../core/FormFieldRegistry').default } formFieldRegistry
-     * @param { import('../../core/FormLayouter').default } formLayouter
-     * @param { import('../../core/FormLayoutValidator').default } formLayoutValidator
-     * @param { import('../../core/EventBus').default } eventBus
-     * @param { import('../modeling/Modeling').default } modeling
-     * @param { import('@bpmn-io/form-js-viewer').PathRegistry } pathRegistry
+    /**
+     * @constructor
+     *
+     * @param { import('../../core/FormFieldRegistry').default } formFieldRegistry
+     * @param { import('../../core/FormLayouter').default } formLayouter
+     * @param { import('../../core/FormLayoutValidator').default } formLayoutValidator
+     * @param { import('../../core/EventBus').default } eventBus
+     * @param { import('../modeling/Modeling').default } modeling
+     * @param { import('@bpmn-io/form-js-viewer').PathRegistry } pathRegistry
      */
     constructor(formFieldRegistry, formLayouter, formLayoutValidator, eventBus, modeling, pathRegistry) {
       this._formFieldRegistry = formFieldRegistry;
@@ -67393,13 +67384,13 @@
       this._pathRegistry = pathRegistry;
     }
 
-    /**
-     * Calculates position in form schema given the dropped place.
-     *
-     * @param { FormRow } targetRow
-     * @param { any } targetFormField
-     * @param { HTMLElement } sibling
-     * @returns { number }
+    /**
+     * Calculates position in form schema given the dropped place.
+     *
+     * @param { FormRow } targetRow
+     * @param { any } targetFormField
+     * @param { HTMLElement } sibling
+     * @returns { number }
      */
     getTargetIndex(targetRow, targetFormField, sibling) {
       /** @type HTMLElement */
@@ -67545,8 +67536,8 @@
       }
     }
 
-    /**
-     * @param { { container: Array<string>, direction: string, mirrorContainer: string } } options
+    /**
+     * @param { { container: Array<string>, direction: string, mirrorContainer: string } } options
      */
     createDragulaInstance(options) {
       const {
@@ -67982,7 +67973,7 @@
       return null;
     }
     return e$1("div", {
-      style: "width: fit-content;\r padding: 2px 6px;\r height: 16px;\r background: var(--color-blue-205-100-95);\r display: flex;\r justify-content: center;\r align-items: center;\r position: absolute;\r bottom: -2px;\r z-index: 2;\r font-size: 10px;\r right: 3px;",
+      style: "width: fit-content; padding: 2px 6px; height: 16px; background: var(--color-blue-205-100-95); display: flex; justify-content: center; align-items: center; position: absolute; bottom: -2px; z-index: 2; font-size: 10px; right: 3px;",
       class: "fjs-debug-columns",
       children: (field.layout || {}).columns || 'auto'
     });
@@ -69097,10 +69088,10 @@
     return formField;
   }
   class AddFormFieldHandler {
-    /**
-     * @constructor
-     * @param { import('../../../FormEditor').default } formEditor
-     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
+    /**
+     * @constructor
+     * @param { import('../../../FormEditor').default } formEditor
+     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
      */
     constructor(formEditor, formFieldRegistry) {
       this._formEditor = formEditor;
@@ -69160,10 +69151,10 @@
   }
   AddFormFieldHandler.$inject = ['formEditor', 'formFieldRegistry'];
   class EditFormFieldHandler {
-    /**
-     * @constructor
-     * @param { import('../../../FormEditor').default } formEditor
-     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
+    /**
+     * @constructor
+     * @param { import('../../../FormEditor').default } formEditor
+     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
      */
     constructor(formEditor, formFieldRegistry) {
       this._formEditor = formEditor;
@@ -69225,12 +69216,12 @@
   }
   EditFormFieldHandler.$inject = ['formEditor', 'formFieldRegistry'];
   class MoveFormFieldHandler {
-    /**
-     * @constructor
-     * @param { import('../../../FormEditor').default } formEditor
-     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
-     * @param { import('@bpmn-io/form-js-viewer').PathRegistry } pathRegistry
-     * @param { import('@bpmn-io/form-js-viewer').FormLayouter } formLayouter
+    /**
+     * @constructor
+     * @param { import('../../../FormEditor').default } formEditor
+     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
+     * @param { import('@bpmn-io/form-js-viewer').PathRegistry } pathRegistry
+     * @param { import('@bpmn-io/form-js-viewer').FormLayouter } formLayouter
      */
     constructor(formEditor, formFieldRegistry, pathRegistry, formLayouter) {
       this._formEditor = formEditor;
@@ -69340,10 +69331,10 @@
   }
   MoveFormFieldHandler.$inject = ['formEditor', 'formFieldRegistry', 'pathRegistry', 'formLayouter'];
   class RemoveFormFieldHandler {
-    /**
-     * @constructor
-     * @param { import('../../../FormEditor').default } formEditor
-     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
+    /**
+     * @constructor
+     * @param { import('../../../FormEditor').default } formEditor
+     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
      */
     constructor(formEditor, formFieldRegistry) {
       this._formEditor = formEditor;
@@ -69402,9 +69393,9 @@
   }
   RemoveFormFieldHandler.$inject = ['formEditor', 'formFieldRegistry'];
   class UpdateIdClaimHandler {
-    /**
-     * @constructor
-     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
+    /**
+     * @constructor
+     * @param { import('../../../core/FormFieldRegistry').default } formFieldRegistry
      */
     constructor(formFieldRegistry) {
       this._formFieldRegistry = formFieldRegistry;
@@ -69436,9 +69427,9 @@
   }
   UpdateIdClaimHandler.$inject = ['formFieldRegistry'];
   class UpdateKeyClaimHandler {
-    /**
-     * @constructor
-     * @param { import('@bpmn-io/form-js-viewer').PathRegistry } pathRegistry
+    /**
+     * @constructor
+     * @param { import('@bpmn-io/form-js-viewer').PathRegistry } pathRegistry
      */
     constructor(pathRegistry) {
       this._pathRegistry = pathRegistry;
@@ -69485,9 +69476,9 @@
   }
   UpdateKeyClaimHandler.$inject = ['pathRegistry'];
   class UpdatePathClaimHandler {
-    /**
-     * @constructor
-     * @param { import('@bpmn-io/form-js-viewer').PathRegistry } pathRegistry
+    /**
+     * @constructor
+     * @param { import('@bpmn-io/form-js-viewer').PathRegistry } pathRegistry
      */
     constructor(pathRegistry) {
       this._pathRegistry = pathRegistry;
@@ -70068,8 +70059,8 @@
     constructor(eventBus) {
       super(eventBus);
 
-      /**
-       * Remove custom validation if <validationType> is about to be added.
+      /**
+       * Remove custom validation if <validationType> is about to be added.
        */
       this.preExecute('formField.edit', function (context) {
         const {
@@ -70095,11 +70086,11 @@
     constructor(eventBus) {
       super(eventBus);
 
-      /**
-       * Cleanup properties on changing the values source.
-       *
-       * 1) Remove other sources, e.g. set `values` => remove `valuesKey` and `valuesExpression`
-       * 2) Remove default values for all other values sources
+      /**
+       * Cleanup properties on changing the values source.
+       *
+       * 1) Remove other sources, e.g. set `values` => remove `valuesKey` and `valuesExpression`
+       * 2) Remove default values for all other values sources
        */
       this.preExecute('formField.edit', function (context) {
         const {
@@ -70752,22 +70743,22 @@
     selectionBehavior: ['type', SelectionBehavior]
   };
 
-  /**
-   * Base class for sectionable UI modules.
-   *
-   * @property {EventBus} _eventBus - EventBus instance used for event handling.
-   * @property {string} managerType - Type of the render manager. Used to form event names.
-   *
-   * @class SectionModuleBase
+  /**
+   * Base class for sectionable UI modules.
+   *
+   * @property {EventBus} _eventBus - EventBus instance used for event handling.
+   * @property {string} managerType - Type of the render manager. Used to form event names.
+   *
+   * @class SectionModuleBase
    */
   class SectionModuleBase {
-    /**
-     * Create a SectionModuleBase instance.
-     *
-     * @param {any} eventBus - The EventBus instance used for event handling.
-     * @param {string} sectionKey - The type of render manager. Used to form event names.
-     *
-     * @constructor
+    /**
+     * Create a SectionModuleBase instance.
+     *
+     * @param {any} eventBus - The EventBus instance used for event handling.
+     * @param {string} sectionKey - The type of render manager. Used to form event names.
+     *
+     * @constructor
      */
     constructor(eventBus, sectionKey) {
       this._eventBus = eventBus;
@@ -70780,10 +70771,10 @@
       });
     }
 
-    /**
-     * Attach the managed section to a parent node.
-     *
-     * @param {HTMLElement} container - The parent node to attach to.
+    /**
+     * Attach the managed section to a parent node.
+     *
+     * @param {HTMLElement} container - The parent node to attach to.
      */
     attachTo(container) {
       this._onceSectionRendered(() => this._eventBus.fire(`${this._sectionKey}.attach`, {
@@ -70791,22 +70782,22 @@
       }));
     }
 
-    /**
-     * Detach the managed section from its parent node.
+    /**
+     * Detach the managed section from its parent node.
      */
     detach() {
       this._onceSectionRendered(() => this._eventBus.fire(`${this._sectionKey}.detach`));
     }
 
-    /**
-     * Reset the managed section to its initial state.
+    /**
+     * Reset the managed section to its initial state.
      */
     reset() {
       this._onceSectionRendered(() => this._eventBus.fire(`${this._sectionKey}.reset`));
     }
 
-    /**
-     * Circumvents timing issues.
+    /**
+     * Circumvents timing issues.
      */
     _onceSectionRendered(callback) {
       if (this.isSectionRendered) {
@@ -74481,11 +74472,11 @@
     feelPopup: ['type', FeelPopupModule]
   };
 
-  /**
-   * @param {string} type
-   * @param {boolean} [strict]
-   *
-   * @returns {any}
+  /**
+   * @param {string} type
+   * @param {boolean} [strict]
+   *
+   * @returns {any}
    */
   function getService(type, strict) {}
   const PropertiesPanelContext = D$2({
@@ -74518,8 +74509,8 @@
     return null;
   }
 
-  /**
-    * @param {string} path
+  /**
+    * @param {string} path
     */
   function isValidDotPath(path) {
     return /^\w+(\.\w+)*$/.test(path);
@@ -74545,8 +74536,8 @@
     return propertiesPanelEntries.some(id => id === 'values');
   }
 
-  /**
-    * @param {string} path
+  /**
+    * @param {string} path
     */
   function hasIntegerPathSegment(path) {
     return path.split('.').some(segment => /^\d+$/.test(segment));
@@ -74558,10 +74549,10 @@
     return getService(type, strict);
   }
 
-  /**
-   * Retrieve list of variables from the form schema.
-   *
-   * @returns { string[] } list of variables used in form schema
+  /**
+   * Retrieve list of variables from the form schema.
+   *
+   * @returns { string[] } list of variables used in form schema
    */
   function useVariables() {
     const form = useService('formEditor');
@@ -74626,8 +74617,8 @@
     }
   };
 
-  /**
-   * Provide placeholders for empty and multiple state.
+  /**
+   * Provide placeholders for empty and multiple state.
    */
   const PropertiesPanelPlaceholderProvider = {
     getEmpty: () => {
@@ -74671,9 +74662,9 @@
       });
     }, [eventBus, formEditor, selectionModule]);
     h$1(() => {
-      /**
-       * TODO(pinussilvestrus): update with actual updated element,
-       * once we have a proper updater/change support
+      /**
+       * TODO(pinussilvestrus): update with actual updated element,
+       * once we have a proper updater/change support
        */
       eventBus.on('changed', refresh);
       eventBus.on('import.done', refresh);
@@ -74724,17 +74715,17 @@
   }
   const DEFAULT_PRIORITY = 1000;
 
-  /**
-   * @typedef { { parent: Element } } PropertiesPanelConfig
-   * @typedef { import('../../core/EventBus').default } EventBus
-   * @typedef { import('../../types').Injector } Injector
-   * @typedef { { getGroups: ({ formField, editFormField }) => ({ groups}) => Array } } PropertiesProvider
+  /**
+   * @typedef { { parent: Element } } PropertiesPanelConfig
+   * @typedef { import('../../core/EventBus').default } EventBus
+   * @typedef { import('../../types').Injector } Injector
+   * @typedef { { getGroups: ({ formField, editFormField }) => ({ groups}) => Array } } PropertiesProvider
    */
 
-  /**
-   * @param {PropertiesPanelConfig} propertiesPanelConfig
-   * @param {Injector} injector
-   * @param {EventBus} eventBus
+  /**
+   * @param {PropertiesPanelConfig} propertiesPanelConfig
+   * @param {Injector} injector
+   * @param {EventBus} eventBus
    */
   class PropertiesPanelRenderer {
     constructor(propertiesPanelConfig, injector, eventBus) {
@@ -74752,10 +74743,10 @@
       });
     }
 
-    /**
-     * Attach the properties panel to a parent node.
-     *
-     * @param {HTMLElement} container
+    /**
+     * Attach the properties panel to a parent node.
+     *
+     * @param {HTMLElement} container
      */
     attachTo(container) {
       if (!container) {
@@ -74775,8 +74766,8 @@
       this._eventBus.fire('propertiesPanel.attach');
     }
 
-    /**
-     * Detach the properties panel from its parent node.
+    /**
+     * Detach the properties panel from its parent node.
      */
     detach() {
       const parentNode = this._container.parentNode;
@@ -74800,11 +74791,11 @@
       }
     }
 
-    /**
-     * Register a new properties provider to the properties panel.
-     *
-     * @param {PropertiesProvider} provider
-     * @param {Number} [priority]
+    /**
+     * Register a new properties provider to the properties panel.
+     *
+     * @param {PropertiesProvider} provider
+     * @param {Number} [priority]
      */
     registerProvider(provider, priority) {
       if (!priority) {
@@ -75870,9 +75861,9 @@
 
   // helpers //////////
 
-  /**
-   * @param {string} type
-   * @returns {string}
+  /**
+   * @param {string} type
+   * @returns {string}
    */
   function getLabelText(type) {
     switch (type) {
@@ -76673,14 +76664,14 @@
 
   // helpers //////////
 
-  /**
-   * Returns copy of object with updated value.
-   *
-   * @param {Object} properties
-   * @param {string} key
-   * @param {string} value
-   *
-   * @returns {Object}
+  /**
+   * Returns copy of object with updated value.
+   *
+   * @param {Object} properties
+   * @param {string} key
+   * @param {string} value
+   *
+   * @returns {Object}
    */
   function updateValue(properties, key, value) {
     return {
@@ -76689,14 +76680,14 @@
     };
   }
 
-  /**
-   * Returns copy of object with updated key.
-   *
-   * @param {Object} properties
-   * @param {string} oldKey
-   * @param {string} newKey
-   *
-   * @returns {Object}
+  /**
+   * Returns copy of object with updated key.
+   *
+   * @param {Object} properties
+   * @param {string} oldKey
+   * @param {string} newKey
+   *
+   * @returns {Object}
    */
   function updateKey(properties, oldKey, newKey) {
     return Object.entries(properties).reduce((newProperties, entry) => {
@@ -77253,9 +77244,9 @@
       editField(field, path, value);
     };
 
-    /**
-     * @param {string|void} value
-     * @returns {string|null}
+    /**
+     * @param {string|void} value
+     * @returns {string|null}
      */
     const validate = value => {
       if (!isString(value) || value.length === 0) {
@@ -77315,8 +77306,8 @@
       return isNumber(get(field, path));
     };
 
-    /**
-      * @param {boolean} value
+    /**
+      * @param {boolean} value
       */
     const setValue = value => {
       value ? editField(field, path, defaultRowCount) : editField(field, path, undefined);
@@ -77356,10 +77347,10 @@
     const debounce = useService('debounce');
     const getValue = () => get(field, path$2);
 
-    /**
-     * @param {number|void} value
-     * @param {string|null} error
-     * @returns {void}
+    /**
+     * @param {number|void} value
+     * @param {string|null} error
+     * @returns {void}
      */
     const setValue = (value, error) => {
       if (error) {
@@ -77368,9 +77359,9 @@
       editField(field, path$2, value);
     };
 
-    /**
-     * @param {string|void} value
-     * @returns {string|null}
+    /**
+     * @param {string|void} value
+     * @returns {string|null}
      */
     const validate = value => {
       if (isNil(value)) {
@@ -77431,8 +77422,8 @@
       id
     } = props;
 
-    /**
-     * @returns {string|void}
+    /**
+     * @returns {string|void}
      */
     const getValue = () => {
       const columns = get(field, COLUMNS_PATH);
@@ -77445,8 +77436,8 @@
       }
     };
 
-    /**
-     * @param {string|void} value
+    /**
+     * @param {string|void} value
      */
     const setValue = value => {
       switch (value) {
@@ -77523,10 +77514,10 @@
       return get(field, PATH);
     };
 
-    /**
-      * @param {string|void} value
-      * @param {string|void} error
-      * @returns {void}
+    /**
+      * @param {string|void} value
+      * @param {string|void} error
+      * @returns {void}
       */
     const setValue = (value, error) => {
       if (error) {
@@ -77535,9 +77526,9 @@
       editField(field, PATH, value);
     };
 
-    /**
-     * @param {string|void} value
-     * @returns {string|null}
+    /**
+     * @param {string|void} value
+     * @returns {string|null}
      */
     const validate = value => {
       if (!isString(value) || value.length === 0 || value === '=') {
@@ -77607,10 +77598,10 @@
     } = props;
     const debounce = useService('debounce');
 
-    /**
-      * @param {string|void} value
-      * @param {string|void} error
-      * @returns {void}
+    /**
+      * @param {string|void} value
+      * @param {string|void} error
+      * @returns {void}
       */
     const setValue = (value, error) => {
       if (error) {
@@ -77640,10 +77631,10 @@
     } = props;
     const debounce = useService('debounce');
 
-    /**
-      * @param {string|void} value
-      * @param {string|void} error
-      * @returns {void}
+    /**
+      * @param {string|void} value
+      * @param {string|void} error
+      * @returns {void}
       */
     const setValue = (value, error) => {
       if (error) {
@@ -77668,9 +77659,9 @@
 
   // helpers //////////////////////
 
-  /**
-    * @param {string|void} value
-    * @returns {string|null}
+  /**
+    * @param {string|void} value
+    * @returns {string|null}
     */
   function validate(value) {
     if (!isString(value) || value.length === 0) {
@@ -78092,8 +78083,8 @@
     };
     const id = 'valuesSource';
 
-    /**
-     * @type {Array<Group|ListGroup>}
+    /**
+     * @type {Array<Group|ListGroup>}
      */
     const groups = [{
       id,
@@ -78213,13 +78204,13 @@
 
   // helpers //////////
 
-  /**
-   * Returns copy of object without key.
-   *
-   * @param {Object} properties
-   * @param {string} oldKey
-   *
-   * @returns {Object}
+  /**
+   * Returns copy of object without key.
+   *
+   * @param {Object} properties
+   * @param {string} oldKey
+   *
+   * @returns {Object}
    */
   function removeKey(properties, oldKey) {
     return Object.entries(properties).reduce((newProperties, entry) => {
@@ -78300,8 +78291,8 @@
     }
     const areStaticColumnsEnabled = isArray(get(field, ['columns']));
 
-    /**
-      * @type {Array<Group>}
+    /**
+      * @type {Array<Group>}
       */
     const groups = [{
       id: `${fieldId}-columnsSource`,
@@ -78391,10 +78382,10 @@
     propertiesProvider: ['type', PropertiesProvider]
   };
 
-  /**
-   * Manages the rendering of visual plugins.
-   * @constructor
-   * @param {Object} eventBus - Event bus for the application.
+  /**
+   * Manages the rendering of visual plugins.
+   * @constructor
+   * @param {Object} eventBus - Event bus for the application.
    */
   class RenderInjector extends SectionModuleBase {
     constructor(eventBus) {
@@ -78403,10 +78394,10 @@
       this.registeredRenderers = [];
     }
 
-    /**
-     * Inject a new renderer into the injector.
-     * @param {string} identifier - Identifier for the renderer.
-     * @param {Function} Renderer - The renderer function.
+    /**
+     * Inject a new renderer into the injector.
+     * @param {string} identifier - Identifier for the renderer.
+     * @param {Function} Renderer - The renderer function.
      */
     attachRenderer(identifier, Renderer) {
       this.registeredRenderers = [...this.registeredRenderers, {
@@ -78415,17 +78406,17 @@
       }];
     }
 
-    /**
-     * Detach a renderer from the by key injector.
-     * @param {string} identifier - Identifier for the renderer.
+    /**
+     * Detach a renderer from the by key injector.
+     * @param {string} identifier - Identifier for the renderer.
      */
     detachRenderer(identifier) {
       this.registeredRenderers = this.registeredRenderers.filter(r => r.identifier !== identifier);
     }
 
-    /**
-     * Returns the registered renderers.
-     * @returns {Array} Array of registered renderers.
+    /**
+     * Returns the registered renderers.
+     * @returns {Array} Array of registered renderers.
      */
     fetchRenderers() {
       return this.registeredRenderers;
@@ -78470,11 +78461,11 @@
       this.RepeatFooter = this.RepeatFooter.bind(this);
     }
 
-    /**
-     * Checks whether a field should be repeatable.
-     *
-     * @param {string} id - The id of the field to check
-     * @returns {boolean} - True if repeatable, false otherwise
+    /**
+     * Checks whether a field should be repeatable.
+     *
+     * @param {string} id - The id of the field to check
+     * @returns {boolean} - True if repeatable, false otherwise
      */
     isFieldRepeating(id) {
       if (!id) {
@@ -78517,48 +78508,48 @@
   };
   const ids = new Ids([32, 36, 1]);
 
-  /**
-   * @typedef { import('./types').Injector } Injector
-   * @typedef { import('./types').Module } Module
-   * @typedef { import('./types').Schema } Schema
-   *
-   * @typedef { import('./types').FormEditorOptions } FormEditorOptions
-   * @typedef { import('./types').FormEditorProperties } FormEditorProperties
-   *
-   * @typedef { {
-   *   properties: FormEditorProperties,
-   *   schema: Schema
-   * } } State
-   *
-   * @typedef { (type:string, priority:number, handler:Function) => void } OnEventWithPriority
-   * @typedef { (type:string, handler:Function) => void } OnEventWithOutPriority
-   * @typedef { OnEventWithPriority & OnEventWithOutPriority } OnEventType
+  /**
+   * @typedef { import('./types').Injector } Injector
+   * @typedef { import('./types').Module } Module
+   * @typedef { import('./types').Schema } Schema
+   *
+   * @typedef { import('./types').FormEditorOptions } FormEditorOptions
+   * @typedef { import('./types').FormEditorProperties } FormEditorProperties
+   *
+   * @typedef { {
+   *   properties: FormEditorProperties,
+   *   schema: Schema
+   * } } State
+   *
+   * @typedef { (type:string, priority:number, handler:Function) => void } OnEventWithPriority
+   * @typedef { (type:string, handler:Function) => void } OnEventWithOutPriority
+   * @typedef { OnEventWithPriority & OnEventWithOutPriority } OnEventType
    */
 
-  /**
-   * The form editor.
+  /**
+   * The form editor.
    */
   class FormEditor {
-    /**
-     * @constructor
-     * @param {FormEditorOptions} options
+    /**
+     * @constructor
+     * @param {FormEditorOptions} options
      */
     constructor(options = {}) {
-      /**
-       * @public
-       * @type {OnEventType}
+      /**
+       * @public
+       * @type {OnEventType}
        */
       this.on = this._onEvent;
 
-      /**
-       * @public
-       * @type {String}
+      /**
+       * @public
+       * @type {String}
        */
       this._id = ids.next();
 
-      /**
-       * @private
-       * @type {Element}
+      /**
+       * @private
+       * @type {Element}
        */
       this._container = createFormContainer();
       this._container.setAttribute('input-handle-modified-keys', 'z,y');
@@ -78569,15 +78560,15 @@
         properties = {}
       } = options;
 
-      /**
-       * @private
-       * @type {any}
+      /**
+       * @private
+       * @type {any}
        */
       this.exporter = exporter;
 
-      /**
-       * @private
-       * @type {State}
+      /**
+       * @private
+       * @type {State}
        */
       this._state = {
         properties,
@@ -78606,10 +78597,10 @@
       this._detach(false);
     }
 
-    /**
-     * @param {Schema} schema
-     *
-     * @return {Promise<{ warnings: Array<any> }>}
+    /**
+     * @param {Schema} schema
+     *
+     * @return {Promise<{ warnings: Array<any> }>}
      */
     importSchema(schema) {
       return new Promise((resolve, reject) => {
@@ -78638,15 +78629,15 @@
       });
     }
 
-    /**
-     * @returns {Schema}
+    /**
+     * @returns {Schema}
      */
     saveSchema() {
       return this.getSchema();
     }
 
-    /**
-     * @returns {Schema}
+    /**
+     * @returns {Schema}
      */
     getSchema() {
       const {
@@ -78655,8 +78646,8 @@
       return exportSchema(schema, this.exporter, schemaVersion);
     }
 
-    /**
-     * @param {Element|string} parentNode
+    /**
+     * @param {Element|string} parentNode
      */
     attachTo(parentNode) {
       if (!parentNode) {
@@ -78674,10 +78665,10 @@
       this._detach();
     }
 
-    /**
-     * @internal
-     *
-     * @param {boolean} [emit]
+    /**
+     * @internal
+     *
+     * @param {boolean} [emit]
      */
     _detach(emit = true) {
       const container = this._container,
@@ -78691,9 +78682,9 @@
       parentNode.removeChild(container);
     }
 
-    /**
-     * @param {any} property
-     * @param {any} value
+    /**
+     * @param {any} property
+     * @param {any} value
      */
     setProperty(property, value) {
       const properties = set$2(this._getState().properties, [property], value);
@@ -78702,21 +78693,21 @@
       });
     }
 
-    /**
-     * @param {string} type
-     * @param {Function} handler
+    /**
+     * @param {string} type
+     * @param {Function} handler
      */
     off(type, handler) {
       this.get('eventBus').off(type, handler);
     }
 
-    /**
-     * @internal
-     *
-     * @param {FormEditorOptions} options
-     * @param {Element} container
-     *
-     * @returns {Injector}
+    /**
+     * @internal
+     *
+     * @param {FormEditorOptions} options
+     * @param {Element} container
+     *
+     * @returns {Injector}
      */
     _createInjector(options, container) {
       const {
@@ -78739,22 +78730,22 @@
       }, core, ...modules, ...additionalModules]);
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _emit(type, data) {
       this.get('eventBus').fire(type, data);
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _getState() {
       return this._state;
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _setState(state) {
       this._state = {
@@ -78764,15 +78755,15 @@
       this._emit('changed', this._getState());
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _getModules() {
       return [ModelingModule, EditorActionsModule, DraggingModule, KeyboardModule, SelectionModule, PaletteModule, ExpressionLanguageModule, MarkdownModule, PropertiesPanelModule, RenderInjectionModule, RepeatRenderManagerModule];
     }
 
-    /**
-     * @internal
+    /**
+     * @internal
      */
     _onEvent(type, priority, handler) {
       this.get('eventBus').on(type, priority, handler);
@@ -80275,8 +80266,8 @@
     return new LanguageSupport(jsonLanguage);
   }
 
-  /**
-   * @type {Facet<import('..').Variables>} Variables
+  /**
+   * @type {Facet<import('..').Variables>} Variables
    */
   const variablesFacet = Facet.define();
 
@@ -80453,11 +80444,11 @@
 
   const NO_LINT_CLS = 'fjs-no-json-lint';
 
-  /**
-   * @param {object} options
-   * @param {boolean} [options.readonly]
-   * @param {object} [options.contentAttributes]
-   * @param {string | HTMLElement} [options.placeholder]
+  /**
+   * @param {object} options
+   * @param {boolean} [options.readonly]
+   * @param {object} [options.contentAttributes]
+   * @param {string | HTMLElement} [options.placeholder]
    */
   function JSONEditor(options = {}) {
     const {
@@ -80470,8 +80461,8 @@
     let tabSize = new Compartment().of(EditorState.tabSize.of(2));
     let container = null;
 
-    /**
-     * @typedef {Array<string>} Variables
+    /**
+     * @typedef {Array<string>} Variables
      */
 
     const autocompletionConf = new Compartment();
@@ -80522,8 +80513,8 @@
       return view.state.doc.toString();
     };
 
-    /**
-     * @param {Variables} variables
+    /**
+     * @param {Variables} variables
      */
     this.setVariables = function (variables) {
       view.setVariables(variables);