updated lit-any/forms

package.json

@@ -10,7 +10,7 @@
   "dependencies": {
     "@lit-any/components-paper-elements": "^0.9.0",
     "@lit-any/components-vaadin": "^0.9.0",
-    "@lit-any/forms": "^0.9.4",
+    "@lit-any/forms": "^0.10",
     "@lit-any/views": "^0.9.1",
     "@polymer/paper-card": "^3.0.1",
     "@polymer/paper-input": "^3.0.1",

storybook/knobs.js

@@ -4,10 +4,14 @@ export const noSubmitButton = (boolean, v) => boolean('No submit button', typeof
 
 export const noResetButton = (boolean, v) => boolean('No reset button', typeof v === 'boolean' ? v : false)
 
+export const noClearButton = (boolean, v) => boolean('No clear button', typeof v === 'boolean' ? v : false)
+
 export const defaultValue = (object, v) => object('Value', v)
 
 export const submitButton = (text, v) => text('Submit button label', v)
 
 export const resetButton = (text, v) => text('Reset button label', v)
 
+export const clearButton = (text, v) => text('Clear button label', v)
+
 export const contract = (object, c) => object('Contract', c)

storybook/lit-form.stories.js

@@ -6,7 +6,15 @@ import {
 import '@lit-any/forms/lit-form'
 import { FieldTemplates } from '@lit-any/forms'
 import {
- defaultValue, submitButton, resetButton, contract, noSubmitButton, noResetButton, showLabels,
+    defaultValue,
+    submitButton,
+    resetButton,
+    contract,
+    noSubmitButton,
+    noResetButton,
+    showLabels,
+    noClearButton,
+    clearButton,
 } from './knobs'
 import onSubmit from './helpers/submit-handler'
 import buttonsNotes from './notes/lit-form/buttons'
@@ -76,8 +84,13 @@ storiesOf('lit-form', module)
             form = part.element
         }
 
+        const value = {
+            age: 18,
+        }
+
         button('Submit programmatically', () => form.submit())
         button('Reset programmatically', () => form.reset())
+        button('Clear programmatically', () => form.clear())
 
         return buttonsNotes(html`
 <lit-form .ref="${directive(getForm)}"
@@ -86,6 +99,9 @@ storiesOf('lit-form', module)
           .submitButtonLabel=${submitButton(text, 'Submit')}
           .noResetButton="${noResetButton(boolean)}"
           .resetButtonLabel=${resetButton(text, 'Reset')}
+          .noClarButton="${noClearButton(boolean)}"
+          .clearButtonLabel=${clearButton(text, 'Clear')}
+          .value="${value}"
           @submit="${onSubmit}"></lit-form>`)
     })