aboutsummaryrefslogtreecommitdiff
path: root/src/components/counter-element.js
diff options
context:
space:
mode:
authorMichael Foiani <mfoiani2019@communiyschoolnaples.org>2018-08-04 23:14:31 -0400
committerMichael Foiani <mfoiani2019@communiyschoolnaples.org>2018-08-04 23:14:31 -0400
commit2b17d5468f8f96ad041eec6a61e77f0483e003e0 (patch)
tree44029a5c83dd231ccec9dfe84241b79de6f46e45 /src/components/counter-element.js
parent0f1eb120167c921270a5b1146ba519f477da288c (diff)
Removed some other uneccessary fles
Diffstat (limited to 'src/components/counter-element.js')
-rw-r--r--src/components/counter-element.js66
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);