@things-factory/api 7.0.1-alpha.64 → 7.0.1-alpha.70

package/client/components/api-navigator.js

@@ -1,3 +1,5 @@
+import '@material/web/icon/icon.js'
+
 import { LitElement, html, css } from 'lit'
 
 class ApiNavigator extends LitElement {
@@ -22,8 +24,8 @@ class ApiNavigator extends LitElement {
         .nav-bar * {
           vertical-align: middle;
         }
-        mwc-icon {
-          --mdc-icon-size: 14px;
+        md-icon {
+          --md-icon-size: 14px;
           padding-left: var(--padding-narrow);
           position: relative;
           margin-top: -2px;
@@ -47,7 +49,7 @@ class ApiNavigator extends LitElement {
             width: 25px;
           }
           label,
-          mwc-icon {
+          md-icon {
             display: none;
           }
           .nav-bar {
@@ -93,7 +95,7 @@ class ApiNavigator extends LitElement {
 
     return html`
       <div class="nav-bar" ?scrolling=${scrolling}>
-        <mwc-icon>anchor</mwc-icon> <label>Quick Find : </label>
+        <md-icon>anchor</md-icon> <label>Quick Find : </label>
         ${this.indexes.map(idx => {
           const isActiveIndex = activeIndexes.indexOf(idx) >= 0
           return html`

package/client/components/api-tester.js

@@ -1,3 +1,5 @@
+import '@material/web/icon/icon.js'
+
 import { html, css, LitElement } from 'lit'
 
 const NOAPI = {
@@ -98,10 +100,10 @@ class APITester extends LitElement {
           background-color: #f1f1f1;
           padding: var(--padding-default);
           border-left: 5px solid rgba(0, 0, 0, 0.2);
-          --mdc-icon-size: 18px;
+          --md-icon-size: 18px;
           color: var(--secondary-background-color);
         }
-        [note] mwc-icon {
+        [note] md-icon {
           margin-right: 5px;
           vertical-align: middle;
         }
@@ -170,7 +172,7 @@ class APITester extends LitElement {
                   </tr>
                 `
               )
-            : html`<div note><mwc-icon>content_paste</mwc-icon>no parameter</div>`}
+            : html`<div note><md-icon>content_paste</md-icon>no parameter</div>`}
         </table>
       </div>
 
@@ -192,25 +194,25 @@ class APITester extends LitElement {
             </p>
           `
         : api.body == 'form-data' || api.body == 'x-www-form-urlencoded'
-        ? html`
-            <label>form parameters</label>
-            <p>
-              ${api.parameters && api.parameters.length > 0
-                ? 'You should set following query parameters'
-                : 'No form parameters required'}
-            </p>
-          `
-        : api.body == 'raw'
-        ? html`
-            <label>body</label>
-            <p>You can set body in JSON format</p>
-          `
-        : api.body == 'binary'
-        ? html`
-            <label>attachment</label>
-            <p>attachment description..</p>
-          `
-        : html``}
+          ? html`
+              <label>form parameters</label>
+              <p>
+                ${api.parameters && api.parameters.length > 0
+                  ? 'You should set following query parameters'
+                  : 'No form parameters required'}
+              </p>
+            `
+          : api.body == 'raw'
+            ? html`
+                <label>body</label>
+                <p>You can set body in JSON format</p>
+              `
+            : api.body == 'binary'
+              ? html`
+                  <label>attachment</label>
+                  <p>attachment description..</p>
+                `
+              : html``}
 
       <form parameters @submit=${e => this.onSubmit(e)}>
         ${api.method == 'get' || api.body == 'form-data' || api.body == 'x-www-form-urlencoded'
@@ -225,14 +227,14 @@ class APITester extends LitElement {
                         </tr>
                       `
                     )
-                  : html`<div note><mwc-icon>content_paste</mwc-icon>no parameter</div>`}
+                  : html`<div note><md-icon>content_paste</md-icon>no parameter</div>`}
               </table>
             `
           : api.body == 'raw'
-          ? html` <textarea name="body" token rows="4"></textarea> `
-          : api.body == 'binary'
-          ? html` <input type="file" id="body" name="body" accept="*/*" /> `
-          : html``}
+            ? html` <textarea name="body" token rows="4"></textarea> `
+            : api.body == 'binary'
+              ? html` <input type="file" id="body" name="body" accept="*/*" /> `
+              : html``}
         <input type="submit" value="Submit" button-primary />
       </form>