diff options
author | Michael Foiani <mfoiani2019@communiyschoolnaples.org> | 2018-08-04 23:14:31 -0400 |
---|---|---|
committer | Michael Foiani <mfoiani2019@communiyschoolnaples.org> | 2018-08-04 23:14:31 -0400 |
commit | 2b17d5468f8f96ad041eec6a61e77f0483e003e0 (patch) | |
tree | 44029a5c83dd231ccec9dfe84241b79de6f46e45 /src/components/counter-element.js | |
parent | 0f1eb120167c921270a5b1146ba519f477da288c (diff) |
Removed some other uneccessary fles
Diffstat (limited to 'src/components/counter-element.js')
-rw-r--r-- | src/components/counter-element.js | 66 |
1 files changed, 0 insertions, 66 deletions
diff --git a/src/components/counter-element.js b/src/components/counter-element.js deleted file mode 100644 index 680c077..0000000 --- a/src/components/counter-element.js +++ /dev/null @@ -1,66 +0,0 @@ -/** -@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 { LitElement, html } from '@polymer/lit-element'; - -// These are the elements needed by this element. -import { plusIcon, minusIcon } from './my-icons.js'; - -// These are the shared styles needed by this element. -import { ButtonSharedStyles } from './button-shared-styles.js'; - -// This is a reusable element. It is not connected to the store. You can -// imagine that it could just as well be a third-party element that you -// got from someone else. -class CounterElement extends LitElement { - _render(props) { - return html` - ${ButtonSharedStyles} - <style> - span { width: 20px; display: inline-block; text-align: center; font-weight: bold;} - </style> - <div> - <p> - Clicked: <span>${props.clicks}</span> times. - Value is <span>${props.value}</span>. - <button on-click="${() => this._onIncrement()}" title="Add 1">${plusIcon}</button> - <button on-click="${() => this._onDecrement()}" title="Minus 1">${minusIcon}</button> - </p> - </div> - `; - } - - static get properties() { return { - /* The total number of clicks you've done. */ - clicks: Number, - /* The current value of the counter. */ - value: Number - }}; - - constructor() { - super(); - this.clicks = 0; - this.value = 0; - } - - _onIncrement() { - this.value++; - this.clicks++; - this.dispatchEvent(new CustomEvent('counter-incremented')); - } - - _onDecrement() { - this.value--; - this.clicks++; - this.dispatchEvent(new CustomEvent('counter-decremented')); - } -} - -window.customElements.define('counter-element', CounterElement); |