1.0.21

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-catalog",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-catalog",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

ts_web/elements/dees-icon.ts

@@ -0,0 +1,55 @@
+import { LitElement, html, property, customElement } from 'lit-element';
+
+import * as domtools from '@designestate/dees-domtools';
+
+@customElement('dees-icon')
+export class DeesIcon extends LitElement {
+  public static demo = () => html`<dees-icon iconName="visibility"></dees-icon>`;
+
+  @property()
+  public iconName: string;
+
+  constructor() {
+    super();
+    domtools.elementBasic.setup();
+  }
+
+  public render() {
+    return html`
+      ${domtools.elementBasic.styles}
+      <style>
+        :host {
+          display: block;
+          line-height: inherit;
+          font-size: inherit;
+        }
+        .material-icons {
+          font-family: 'Material Icons';
+          font-weight: normal;
+          font-style: normal;
+          line-height: inherit;
+          font-size: inherit;
+          display: inline-block;
+          line-height: inherit;
+          text-transform: none;
+          letter-spacing: normal;
+          word-wrap: normal;
+          white-space: nowrap;
+          direction: ltr;
+
+          /* Support for all WebKit browsers. */
+          -webkit-font-smoothing: antialiased;
+          /* Support for Safari and Chrome. */
+          text-rendering: optimizeLegibility;
+
+          /* Support for Firefox. */
+          -moz-osx-font-smoothing: grayscale;
+
+          /* Support for IE. */
+          font-feature-settings: 'liga';
+        }
+      </style>
+      <i class="material-icons">${this.iconName}</i>
+    `;
+  }
+}

ts_web/elements/index.ts

@@ -1,6 +1,7 @@
 export * from './dees-button';
 export * from './dees-form';
 export * from './dees-form-submit';
+export * from './dees-icon';
 export * from './dees-input-checkbox';
 export * from './dees-input-dropdown';
 export * from './dees-input-quantityselector';