From 1997a1f4b7ce6b011cbfc6aa09a8110c3651a70b Mon Sep 17 00:00:00 2001 From: KheniApexa Date: Thu, 5 Dec 2019 19:17:34 +0530 Subject: [PATCH 01/18] feat: development of dw-composite-form-element --- demo/dw-composite-form-element-demo.js | 66 ++ demo/index.html | 5 +- dw-composite-form-element.js | 131 +++ package.json | 7 +- yarn.lock | 1441 +++++++++++++----------- 5 files changed, 983 insertions(+), 667 deletions(-) create mode 100644 demo/dw-composite-form-element-demo.js create mode 100644 dw-composite-form-element.js diff --git a/demo/dw-composite-form-element-demo.js b/demo/dw-composite-form-element-demo.js new file mode 100644 index 0000000..a715981 --- /dev/null +++ b/demo/dw-composite-form-element-demo.js @@ -0,0 +1,66 @@ +/** +@license +Copyright (c) 2018 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +*/ + +import { css, LitElement, html } from 'lit-element'; +import '../dw-composite-form-element'; +import '@dreamworld/dw-input'; +import { flexLayout } from '@dreamworld/flex-layout/flex-layout'; + +export class DwCompositeFormElementDemo extends LitElement { + static get styles() { + return [ + flexLayout, + css` + :host { + display: block; + } + .seprator { + margin-right: 24px; + } + dw-input { + width: 300px; + } + ` + ]; + } + + render() { + return html` + +
+ + + + + + +
+ + ` + } + + _onValueChanged(e){ + console.log(e.detail.value); + } +} + +window.customElements.define('dw-composite-form-element-demo', DwCompositeFormElementDemo); \ No newline at end of file diff --git a/demo/index.html b/demo/index.html index be86630..49230f1 100644 --- a/demo/index.html +++ b/demo/index.html @@ -15,7 +15,7 @@ dw-form and dw-form-field demo - +