@bpmn-io/form-js-playground 0.9.4 → 0.9.6

package/dist/assets/form-js-playground.css

@@ -79,9 +79,12 @@
   width: auto;
   background-color: var(--color-palette-container-background);
   border-right: solid 1px var(--color-palette-container-border);
+  overflow-y: scroll;
+  flex-shrink: 0;
 }
 
 .fjs-pgl-palette-container .fjs-palette-container {
+  height: 100%;
   border-right: none;
   width: auto;
 }
@@ -253,4 +256,4 @@
 .fjs-pgl-parent {
   width: 100%;
   height: 100%;
-}
+}

package/dist/form-playground.umd.js

@@ -2425,7 +2425,7 @@
     }, i;
   })(_$1);
 
-  var CLASS_PATTERN = /^class /;
+  const CLASS_PATTERN = /^class[ {]/;
   /**
    * @param {function} fn
    *
@@ -2443,7 +2443,7 @@
 
 
   function isArray(obj) {
-    return Object.prototype.toString.call(obj) === '[object Array]';
+    return Array.isArray(obj);
   }
   /**
    * @param {any} obj
@@ -2469,14 +2469,13 @@
    */
 
 
-  function annotate() {
-    var args = Array.prototype.slice.call(arguments);
-
+  function annotate(...args) {
     if (args.length === 1 && isArray(args[0])) {
       args = args[0];
     }
 
-    var fn = args.pop();
+    args = [...args];
+    const fn = args.pop();
     fn.$inject = args;
     return fn;
   } // Current limitations:
@@ -2493,9 +2492,9 @@
   // of a nested class, too.
 
 
-  var CONSTRUCTOR_ARGS = /constructor\s*[^(]*\(\s*([^)]*)\)/m;
-  var FN_ARGS = /^(?:async\s+)?(?:function\s*[^(]*)?(?:\(\s*([^)]*)\)|(\w+))/m;
-  var FN_ARG = /\/\*([^*]*)\*\//m;
+  const CONSTRUCTOR_ARGS = /constructor\s*[^(]*\(\s*([^)]*)\)/m;
+  const FN_ARGS = /^(?:async\s+)?(?:function\s*[^(]*)?(?:\(\s*([^)]*)\)|(\w+))/m;
+  const FN_ARG = /\/\*([^*]*)\*\//m;
   /**
    * @param {unknown} fn
    *
@@ -2504,18 +2503,18 @@
 
   function parseAnnotations(fn) {
     if (typeof fn !== 'function') {
-      throw new Error('Cannot annotate "' + fn + '". Expected a function!');
+      throw new Error(`Cannot annotate "${fn}". Expected a function!`);
     }
 
-    var match = fn.toString().match(isClass(fn) ? CONSTRUCTOR_ARGS : FN_ARGS); // may parse class without constructor
+    const match = fn.toString().match(isClass(fn) ? CONSTRUCTOR_ARGS : FN_ARGS); // may parse class without constructor
 
     if (!match) {
       return [];
     }
 
-    var args = match[1] || match[2];
-    return args && args.split(',').map(function (arg) {
-      var argMatch = arg.match(FN_ARG);
+    const args = match[1] || match[2];
+    return args && args.split(',').map(arg => {
+      const argMatch = arg.match(FN_ARG);
       return (argMatch && argMatch[1] || arg).trim();
     }) || [];
   }
@@ -2541,19 +2540,19 @@
         if (strict === false) {
           return null;
         } else {
-          throw error('No provider for "' + name + '"!');
+          throw error(`No provider for "${name}"!`);
         }
       }
     };
-    var currentlyResolving = [];
-    var providers = this._providers = Object.create(parent._providers || null);
-    var instances = this._instances = Object.create(null);
-    var self = instances.injector = this;
+    const currentlyResolving = [];
+    const providers = this._providers = Object.create(parent._providers || null);
+    const instances = this._instances = Object.create(null);
+    const self = instances.injector = this;
 
-    var error = function (msg) {
-      var stack = currentlyResolving.join(' -> ');
+    const error = function (msg) {
+      const stack = currentlyResolving.join(' -> ');
       currentlyResolving.length = 0;
-      return new Error(stack ? msg + ' (Resolving: ' + stack + ')' : msg);
+      return new Error(stack ? `${msg} (Resolving: ${stack})` : msg);
     };
     /**
      * Return a named service.
@@ -2567,8 +2566,8 @@
 
     function get(name, strict) {
       if (!providers[name] && name.indexOf('.') !== -1) {
-        var parts = name.split('.');
-        var pivot = get(parts.shift());
+        const parts = name.split('.');
+        let pivot = get(parts.shift());
 
         while (parts.length) {
           pivot = pivot[parts.shift()];
@@ -2605,12 +2604,12 @@
         if (isArray(fn)) {
           fn = annotate(fn.slice());
         } else {
-          throw new Error('Cannot invoke "' + fn + '". Expected a function!');
+          throw error(`Cannot invoke "${fn}". Expected a function!`);
         }
       }
 
-      var inject = fn.$inject || parseAnnotations(fn);
-      var dependencies = inject.map(function (dep) {
+      const inject = fn.$inject || parseAnnotations(fn);
+      const dependencies = inject.map(dep => {
         if (hasOwnProp(locals, dep)) {
           return locals[dep];
         } else {
@@ -2624,18 +2623,20 @@
     }
 
     function instantiate(Type) {
-      var def = fnDef(Type);
-      var fn = def.fn,
-          dependencies = def.dependencies; // instantiate var args constructor
+      const {
+        fn,
+        dependencies
+      } = fnDef(Type); // instantiate var args constructor
 
-      var Constructor = Function.prototype.bind.apply(fn, [null].concat(dependencies));
+      const Constructor = Function.prototype.bind.apply(fn, [null].concat(dependencies));
       return new Constructor();
     }
 
     function invoke(func, context, locals) {
-      var def = fnDef(func, locals);
-      var fn = def.fn,
-          dependencies = def.dependencies;
+      const {
+        fn,
+        dependencies
+      } = fnDef(func, locals);
       return fn.apply(context, dependencies);
     }
     /**
@@ -2646,9 +2647,7 @@
 
 
     function createPrivateInjectorFactory(childInjector) {
-      return annotate(function (key) {
-        return childInjector.get(key);
-      });
+      return annotate(key => childInjector.get(key));
     }
     /**
      * @param {ModuleDefinition[]} modules
@@ -2660,17 +2659,17 @@
 
     function createChild(modules, forceNewInstances) {
       if (forceNewInstances && forceNewInstances.length) {
-        var fromParentModule = Object.create(null);
-        var matchedScopes = Object.create(null);
-        var privateInjectorsCache = [];
-        var privateChildInjectors = [];
-        var privateChildFactories = [];
-        var provider;
-        var cacheIdx;
-        var privateChildInjector;
-        var privateChildInjectorFactory;
-
-        for (var name in providers) {
+        const fromParentModule = Object.create(null);
+        const matchedScopes = Object.create(null);
+        const privateInjectorsCache = [];
+        const privateChildInjectors = [];
+        const privateChildFactories = [];
+        let provider;
+        let cacheIdx;
+        let privateChildInjector;
+        let privateChildInjectorFactory;
+
+        for (let name in providers) {
           provider = providers[name];
 
           if (forceNewInstances.indexOf(name) !== -1) {
@@ -2696,7 +2695,7 @@
 
           if ((provider[2] === 'factory' || provider[2] === 'type') && provider[1].$scope) {
             /* jshint -W083 */
-            forceNewInstances.forEach(function (scope) {
+            forceNewInstances.forEach(scope => {
               if (provider[1].$scope.indexOf(scope) !== -1) {
                 fromParentModule[name] = [provider[2], provider[1]];
                 matchedScopes[scope] = true;
@@ -2705,7 +2704,7 @@
           }
         }
 
-        forceNewInstances.forEach(function (scope) {
+        forceNewInstances.forEach(scope => {
           if (!matchedScopes[scope]) {
             throw new Error('No provider for "' + scope + '". Cannot use provider from the parent!');
           }
@@ -2716,7 +2715,7 @@
       return new Injector(modules, self);
     }
 
-    var factoryMap = {
+    const factoryMap = {
       factory: invoke,
       type: instantiate,
       value: function (value) {
@@ -2729,9 +2728,9 @@
      */
 
     function createInitializer(moduleDefinition, injector) {
-      var initializers = moduleDefinition.__init__ || [];
+      const initializers = moduleDefinition.__init__ || [];
       return function () {
-        initializers.forEach(function (initializer) {
+        initializers.forEach(initializer => {
           // eagerly resolve component (fn or string)
           if (typeof initializer === 'string') {
             injector.get(initializer);
@@ -2747,27 +2746,27 @@
 
 
     function loadModule(moduleDefinition) {
-      var moduleExports = moduleDefinition.__exports__; // private module
+      const moduleExports = moduleDefinition.__exports__; // private module
 
       if (moduleExports) {
-        var nestedModules = moduleDefinition.__modules__;
-        var clonedModule = Object.keys(moduleDefinition).reduce(function (clonedModule, key) {
+        const nestedModules = moduleDefinition.__modules__;
+        const clonedModule = Object.keys(moduleDefinition).reduce((clonedModule, key) => {
           if (key !== '__exports__' && key !== '__modules__' && key !== '__init__' && key !== '__depends__') {
             clonedModule[key] = moduleDefinition[key];
           }
 
           return clonedModule;
         }, Object.create(null));
-        var childModules = (nestedModules || []).concat(clonedModule);
-        var privateInjector = createChild(childModules);
-        var getFromPrivateInjector = annotate(function (key) {
+        const childModules = (nestedModules || []).concat(clonedModule);
+        const privateInjector = createChild(childModules);
+        const getFromPrivateInjector = annotate(function (key) {
           return privateInjector.get(key);
         });
         moduleExports.forEach(function (key) {
           providers[key] = [getFromPrivateInjector, key, 'private', privateInjector];
         }); // ensure child injector initializes
 
-        var initializers = (moduleDefinition.__init__ || []).slice();
+        const initializers = (moduleDefinition.__init__ || []).slice();
         initializers.unshift(function () {
           privateInjector.init();
         });
@@ -2788,8 +2787,8 @@
           return;
         }
 
-        var type = moduleDefinition[key][0];
-        var value = moduleDefinition[key][1];
+        const type = moduleDefinition[key][0];
+        const value = moduleDefinition[key][1];
         providers[key] = [factoryMap[type], arrayUnwrap(type, value), type];
       });
       return createInitializer(moduleDefinition, self);
@@ -2823,17 +2822,15 @@
 
 
     function bootstrap(moduleDefinitions) {
-      var initializers = moduleDefinitions.reduce(resolveDependencies, []).map(loadModule);
-      var initialized = false;
+      const initializers = moduleDefinitions.reduce(resolveDependencies, []).map(loadModule);
+      let initialized = false;
       return function () {
         if (initialized) {
           return;
         }
 
         initialized = true;
-        initializers.forEach(function (initializer) {
-          return initializer();
-        });
+        initializers.forEach(initializer => initializer());
       };
     } // public API
 
@@ -11252,8 +11249,8 @@ meta:   meta$1,/// [Metadata](#highlight.tags.meta) that applies to the entire
    *
    * @returns {Object}
    */function updateKey(properties,oldKey,newKey){return Object.entries(properties).reduce((newProperties,entry)=>{const[key,value]=entry;return {...newProperties,[key===oldKey?newKey:key]:value};},{});}const VALUES_SOURCES={STATIC:'static',INPUT:'input'};const VALUES_SOURCE_DEFAULT=VALUES_SOURCES.STATIC;const VALUES_SOURCES_LABELS={[VALUES_SOURCES.STATIC]:'Static',[VALUES_SOURCES.INPUT]:'Input data'};const VALUES_SOURCES_PATHS={[VALUES_SOURCES.STATIC]:['values'],[VALUES_SOURCES.INPUT]:['valuesKey']};const VALUES_SOURCES_DEFAULTS={[VALUES_SOURCES.STATIC]:[],[VALUES_SOURCES.INPUT]:''};// helpers ///////////////////
-  function getValuesSource(field){for(const source of Object.values(VALUES_SOURCES)){if(get(field,VALUES_SOURCES_PATHS[source])!==undefined){return source;}}return VALUES_SOURCE_DEFAULT;}function ValuesSourceSelectEntry(props){const{editField,field,id}=props;return [{id:id+'-select',component:ValuesSourceSelect,isEdited:isEdited$4,editField,field}];}function ValuesSourceSelect(props){const{editField,field,id}=props;const getValue=getValuesSource;const setValue=value=>{let newField=field;Object.values(VALUES_SOURCES).forEach(source=>{// Clear all values source definitions and default the newly selected one
-  const newValue=value===source?VALUES_SOURCES_DEFAULTS[source]:undefined;newField=editField(field,VALUES_SOURCES_PATHS[source],newValue);});return newField;};const getValuesSourceOptions=()=>{return Object.values(VALUES_SOURCES).map(valueSource=>({label:VALUES_SOURCES_LABELS[valueSource],value:valueSource}));};return SelectEntry({label:'Type',element:field,getOptions:getValuesSourceOptions,getValue,id,setValue});}function InputKeyValuesSourceEntry(props){const{editField,field,id}=props;return [{id:id+'-key',component:InputValuesKey,label:'Input values key',description:'Define which input property to populate the values from',isEdited:isEdited$1,editField,field}];}function InputValuesKey(props){const{editField,field,id,label,description}=props;const debounce=useService('debounce');const path=VALUES_SOURCES_PATHS[VALUES_SOURCES.INPUT];const getValue=()=>get(field,path,'');const setValue=value=>editField(field,path,value||'');return TextfieldEntry({debounce,description,element:field,getValue,id,label,setValue});}function StaticValuesSourceEntry(props){const{editField,field,id:idPrefix}=props;const{values}=field;const addEntry=e=>{e.stopPropagation();const index=values.length+1;const entry={label:`Value ${index}`,value:`value${index}`};editField(field,VALUES_SOURCES_PATHS[VALUES_SOURCES.STATIC],arrayAdd(values,values.length,entry));};const removeEntry=entry=>{editField(field,VALUES_SOURCES_PATHS[VALUES_SOURCES.STATIC],without(values,entry));};const validateFactory=key=>{return value=>{if(value===key){return;}if(isUndefined(value)||!value.length){return 'Must not be empty.';}const isValueAssigned=values.find(entry=>entry.value===value);if(isValueAssigned){return 'Must be unique.';}};};const items=values.map((entry,index)=>{const id=idPrefix+'-'+index;return {id,label:entry.label,entries:ValueEntry({editField,field,idPrefix:id,index,validateFactory}),autoFocusEntry:id+'-label',remove:()=>removeEntry(entry)};});return {items,add:addEntry};}function GeneralGroup(field,editField){const entries=[...IdEntry({field,editField}),...LabelEntry({field,editField}),...DescriptionEntry({field,editField}),...KeyEntry({field,editField}),...DefaultOptionEntry({field,editField}),...ActionEntry({field,editField}),...ColumnsEntry({field,editField}),...TextEntry({field,editField}),...DisabledEntry({field,editField})];return {id:'general',label:'General',entries};}function ValidationGroup(field,editField){const{type}=field;if(!(INPUTS.includes(type)&&type!=='checkbox'&&type!=='checklist'&&type!=='taglist')){return null;}const onChange=key=>{return value=>{const validate=get(field,['validate'],{});editField(field,['validate'],set(validate,[key],value));};};const getValue=key=>{return ()=>{return get(field,['validate',key]);};};let entries=[{id:'required',component:Required,getValue,field,isEdited:isEdited$7,onChange}];if(type==='textfield'){entries.push({id:'minLength',component:MinLength,getValue,field,isEdited:isEdited$5,onChange},{id:'maxLength',component:MaxLength,getValue,field,isEdited:isEdited$5,onChange},{id:'pattern',component:Pattern,getValue,field,isEdited:isEdited$1,onChange});}if(type==='number'){entries.push({id:'min',component:Min,getValue,field,isEdited:isEdited$5,onChange},{id:'max',component:Max,getValue,field,isEdited:isEdited$5,onChange});}return {id:'validation',label:'Validation',entries};}function Required(props){const{field,getValue,id,onChange}=props;return CheckboxEntry({element:field,getValue:getValue('required'),id,label:'Required',setValue:onChange('required')});}function MinLength(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return NumberFieldEntry({debounce,element:field,getValue:getValue('minLength'),id,label:'Minimum length',min:0,setValue:onChange('minLength')});}function MaxLength(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return NumberFieldEntry({debounce,element:field,getValue:getValue('maxLength'),id,label:'Maximum length',min:0,setValue:onChange('maxLength')});}function Pattern(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return TextfieldEntry({debounce,element:field,getValue:getValue('pattern'),id,label:'Regular expression pattern',setValue:onChange('pattern')});}function Min(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return NumberFieldEntry({debounce,element:field,getValue:getValue('min'),id,label:'Minimum',min:0,setValue:onChange('min')});}function Max(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return NumberFieldEntry({debounce,element:field,getValue:getValue('max'),id,label:'Maximum',min:0,setValue:onChange('max')});}function ValuesGroups(field,editField){const{type,id:fieldId}=field;if(!VALUES_INPUTS.includes(type)){return [];}const context={editField,field};const valuesSourceId=`${fieldId}-valuesSource`;/**
+  function getValuesSource(field){for(const source of Object.values(VALUES_SOURCES)){if(get(field,VALUES_SOURCES_PATHS[source])!==undefined){return source;}}return VALUES_SOURCE_DEFAULT;}function ValuesSourceSelectEntry(props){const{editField,field,id}=props;return [{id:id+'-select',component:ValuesSourceSelect,isEdited:isEdited$4,editField,field}];}function ValuesSourceSelect(props){const{editField,field,id}=props;const getValue=getValuesSource;const setValue=value=>{let newField=field;const newProperties={};Object.values(VALUES_SOURCES).forEach(source=>{// Clear all values source definitions and default the newly selected one
+  const newValue=value===source?VALUES_SOURCES_DEFAULTS[source]:undefined;newProperties[VALUES_SOURCES_PATHS[source]]=newValue;});newField=editField(field,newProperties);return newField;};const getValuesSourceOptions=()=>{return Object.values(VALUES_SOURCES).map(valueSource=>({label:VALUES_SOURCES_LABELS[valueSource],value:valueSource}));};return SelectEntry({label:'Type',element:field,getOptions:getValuesSourceOptions,getValue,id,setValue});}function InputKeyValuesSourceEntry(props){const{editField,field,id}=props;return [{id:id+'-key',component:InputValuesKey,label:'Input values key',description:'Define which input property to populate the values from',isEdited:isEdited$1,editField,field}];}function InputValuesKey(props){const{editField,field,id,label,description}=props;const debounce=useService('debounce');const path=VALUES_SOURCES_PATHS[VALUES_SOURCES.INPUT];const getValue=()=>get(field,path,'');const setValue=value=>editField(field,path,value||'');return TextfieldEntry({debounce,description,element:field,getValue,id,label,setValue});}function StaticValuesSourceEntry(props){const{editField,field,id:idPrefix}=props;const{values}=field;const addEntry=e=>{e.stopPropagation();const index=values.length+1;const entry={label:`Value ${index}`,value:`value${index}`};editField(field,VALUES_SOURCES_PATHS[VALUES_SOURCES.STATIC],arrayAdd(values,values.length,entry));};const removeEntry=entry=>{editField(field,VALUES_SOURCES_PATHS[VALUES_SOURCES.STATIC],without(values,entry));};const validateFactory=key=>{return value=>{if(value===key){return;}if(isUndefined(value)||!value.length){return 'Must not be empty.';}const isValueAssigned=values.find(entry=>entry.value===value);if(isValueAssigned){return 'Must be unique.';}};};const items=values.map((entry,index)=>{const id=idPrefix+'-'+index;return {id,label:entry.label,entries:ValueEntry({editField,field,idPrefix:id,index,validateFactory}),autoFocusEntry:id+'-label',remove:()=>removeEntry(entry)};});return {items,add:addEntry};}function GeneralGroup(field,editField){const entries=[...IdEntry({field,editField}),...LabelEntry({field,editField}),...DescriptionEntry({field,editField}),...KeyEntry({field,editField}),...DefaultOptionEntry({field,editField}),...ActionEntry({field,editField}),...ColumnsEntry({field,editField}),...TextEntry({field,editField}),...DisabledEntry({field,editField})];return {id:'general',label:'General',entries};}function ValidationGroup(field,editField){const{type}=field;if(!(INPUTS.includes(type)&&type!=='checkbox'&&type!=='checklist'&&type!=='taglist')){return null;}const onChange=key=>{return value=>{const validate=get(field,['validate'],{});editField(field,['validate'],set(validate,[key],value));};};const getValue=key=>{return ()=>{return get(field,['validate',key]);};};let entries=[{id:'required',component:Required,getValue,field,isEdited:isEdited$7,onChange}];if(type==='textfield'){entries.push({id:'minLength',component:MinLength,getValue,field,isEdited:isEdited$5,onChange},{id:'maxLength',component:MaxLength,getValue,field,isEdited:isEdited$5,onChange},{id:'pattern',component:Pattern,getValue,field,isEdited:isEdited$1,onChange});}if(type==='number'){entries.push({id:'min',component:Min,getValue,field,isEdited:isEdited$5,onChange},{id:'max',component:Max,getValue,field,isEdited:isEdited$5,onChange});}return {id:'validation',label:'Validation',entries};}function Required(props){const{field,getValue,id,onChange}=props;return CheckboxEntry({element:field,getValue:getValue('required'),id,label:'Required',setValue:onChange('required')});}function MinLength(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return NumberFieldEntry({debounce,element:field,getValue:getValue('minLength'),id,label:'Minimum length',min:0,setValue:onChange('minLength')});}function MaxLength(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return NumberFieldEntry({debounce,element:field,getValue:getValue('maxLength'),id,label:'Maximum length',min:0,setValue:onChange('maxLength')});}function Pattern(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return TextfieldEntry({debounce,element:field,getValue:getValue('pattern'),id,label:'Regular expression pattern',setValue:onChange('pattern')});}function Min(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return NumberFieldEntry({debounce,element:field,getValue:getValue('min'),id,label:'Minimum',min:0,setValue:onChange('min')});}function Max(props){const{field,getValue,id,onChange}=props;const debounce=useService('debounce');return NumberFieldEntry({debounce,element:field,getValue:getValue('max'),id,label:'Maximum',min:0,setValue:onChange('max')});}function ValuesGroups(field,editField){const{type,id:fieldId}=field;if(!VALUES_INPUTS.includes(type)){return [];}const context={editField,field};const valuesSourceId=`${fieldId}-valuesSource`;/**
      * @type {Array<Group|ListGroup>}
      */const groups=[{id:valuesSourceId,label:'Options source',component:Group,entries:ValuesSourceSelectEntry({...context,id:valuesSourceId})}];const valuesSource=getValuesSource(field);if(valuesSource===VALUES_SOURCES.INPUT){const dynamicValuesId=`${fieldId}-dynamicValues`;groups.push({id:dynamicValuesId,label:'Dynamic options',component:Group,entries:InputKeyValuesSourceEntry({...context,id:dynamicValuesId})});}else if(valuesSource===VALUES_SOURCES.STATIC){const staticValuesId=`${fieldId}-staticValues`;groups.push({id:staticValuesId,label:'Static options',component:ListGroup,...StaticValuesSourceEntry({...context,id:staticValuesId})});}return groups;}function CustomValuesGroup(field,editField){const{properties={},type}=field;if(type==='default'){return null;}const addEntry=event=>{event.stopPropagation();const index=Object.keys(properties).length+1;const key=`key${index}`,value='value';editField(field,['properties'],{...properties,[key]:value});};const validateFactory=key=>{return value=>{if(value===key){return;}if(isUndefined(value)||!value.length){return 'Must not be empty.';}if(has(properties,value)){return 'Must be unique.';}};};const items=Object.keys(properties).map((key,index)=>{const removeEntry=event=>{event.stopPropagation();return editField(field,['properties'],removeKey(properties,key));};const id=`${field.id}-property-${index}`;return {autoFocusEntry:id+'-key',entries:CustomValueEntry({editField,field,idPrefix:id,index,validateFactory}),id,label:key||'',remove:removeEntry};});return {add:addEntry,component:ListGroup,id:'custom-values',items,label:'Custom properties',shouldSort:false};}// helpers //////////
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -44,8 +44,8 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "^0.9.4",
-    "@bpmn-io/form-js-viewer": "^0.9.4",
+    "@bpmn-io/form-js-editor": "^0.9.6",
+    "@bpmn-io/form-js-viewer": "^0.9.5",
     "@codemirror/lang-json": "^6.0.0",
     "@codemirror/state": "^6.1.1",
     "@codemirror/view": "^6.2.0",
@@ -66,5 +66,5 @@
     "rollup-plugin-css-only": "^3.1.0",
     "style-loader": "^3.3.0"
   },
-  "gitHead": "d899fc668437a0a515f68d7c3a7d0360dae69374"
+  "gitHead": "1e89b2d67898d6839ddf4312b561c1797c4d161e"
 }