@things-factory/image-uploader-ui 7.0.1-alpha.69 → 7.0.1-alpha.70

package/client/image-upload-previewer.js

@@ -1,6 +1,3 @@
-import '@material/mwc-icon'
-import '@material/mwc-icon-button'
-import { client } from '@things-factory/shell'
 import { css, html, LitElement } from 'lit'
 
 export class ImageUploadPreviewer extends LitElement {

package/client/image-uploader.js

@@ -1,5 +1,5 @@
-import '@material/mwc-icon'
-import '@material/mwc-icon-button'
+import '@material/web/icon/icon.js'
+import '@material/md-elevated-button'
 
 import { LitElement, css, html } from 'lit'
 
@@ -128,12 +128,12 @@ export class ImageUploader extends LitElement {
           ${this._files.map(
             file => html`
               <div class="upload-thumb-wrap">
-                <mwc-icon-button
-                  icon="remove_circle_outline"
+                <md-elevated-button
                   @click=${e => {
                     this._files = this._files.filter(f => f != file)
                   }}
-                ></mwc-icon-button>
+                  ><md-icon slot="icon">remove_circle_outline</md-icon></md-elevated-button
+                >
                 <img class="upload-thumb" src="${window.URL.createObjectURL(file)}" />
               </div>
             `
@@ -149,7 +149,7 @@ export class ImageUploader extends LitElement {
                 />
               `
             : html``}
-          <label for="input-file"><mwc-icon>add_photo_alternate</mwc-icon></label>
+          <label for="input-file"><md-icon>add_photo_alternate</md-icon></label>
           <input
             id="input-file"
             type="file"
@@ -162,14 +162,14 @@ export class ImageUploader extends LitElement {
           />
         </div>
       </div>
-      <mwc-icon-button
-        icon="cloud_upload"
+      <md-elevated-button
         ?disabled=${this._files.length == 0}
         @click=${e => {
           if (e.currentTarget.hasAttribute('disabled')) return
           this._onUploadButtonClick(e)
         }}
-      ></mwc-icon-button>
+        ><md-icon slot="icon">cloud_upload</md-icon></md-elevated-button
+      >
     `
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/image-uploader-ui",
-  "version": "7.0.1-alpha.69",
+  "version": "7.0.1-alpha.70",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -27,5 +27,5 @@
     "@operato/layout": "^2.0.0-alpha.0",
     "@things-factory/shell": "^7.0.1-alpha.69"
   },
-  "gitHead": "7dc123e788e8c2854fd0e4064cda018aac6fa34a"
+  "gitHead": "e0eb3093bd92d062f64a26155cecaefcc05e9244"
 }