@pb33f/cowboy-components 0.0.11 → 0.0.12

package/dist/components/kv-view/kv-view.css.js

@@ -70,12 +70,19 @@ export default css `
         white-space: pre-wrap;
         max-width: 760px;
         overflow-x: auto;
+        margin-top: 0;
+        margin-bottom: 0;
     }
 
     pre > code {
         word-wrap: break-word;
         white-space: pre-wrap;
     }
+    
+    .no-box {
+        border: none;
+        background: none;
+    }
 
 
 `;

package/dist/components/kv-view/kv-view.js

@@ -24,7 +24,6 @@ let KVViewComponent = class KVViewComponent extends LitElement {
         this._data = new Map();
         this.keyLabel = 'Key';
         this.valueLabel = 'Value';
-        // tslint:disable
     }
     set data(value) {
         if (value && value.size > 0) {
@@ -41,9 +40,7 @@ let KVViewComponent = class KVViewComponent extends LitElement {
                             <tr>
                                 <td><code>${i[0]}</code></td>
                                 <td>
-                                    <pre style=""><code
-                                            style="white-space: pre-wrap;  word-wrap: break-word;">${unsafeHTML(Prism.highlight(JSON.stringify(i[1], null, 2), Prism.languages['json'], 'json'))}</pre>
-                                    </code>
+                                    <pre style=""><code class="no-box" style="white-space: pre-wrap;  word-wrap: break-word;">${unsafeHTML(Prism.highlight(JSON.stringify(i[1], null, 2), Prism.languages['json'], 'json'))}</pre></code>
                                 </td>
                             </tr>`;
                 }
@@ -86,7 +83,7 @@ let KVViewComponent = class KVViewComponent extends LitElement {
         return html `${output}`;
     }
 };
-KVViewComponent.styles = [prismCss, sharedCss, syntaxCss, kvViewComponentCss];
+KVViewComponent.styles = [sharedCss, syntaxCss, prismCss, kvViewComponentCss];
 __decorate([
     property()
 ], KVViewComponent.prototype, "keyLabel", void 0);

package/dist/cowboy-components.umd.cjs

@@ -239,12 +239,19 @@
         white-space: pre-wrap;
         max-width: 760px;
         overflow-x: auto;
+        margin-top: 0;
+        margin-bottom: 0;
     }
 
     pre > code {
         word-wrap: break-word;
         white-space: pre-wrap;
     }
+    
+    .no-box {
+        border: none;
+        background: none;
+    }
 
 
 `;Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json;/**
@@ -619,9 +626,7 @@
                             <tr>
                                 <td><code>${o[0]}</code></td>
                                 <td>
-                                    <pre style=""><code
-                                            style="white-space: pre-wrap;  word-wrap: break-word;">${Z(y.highlight(JSON.stringify(o[1],null,2),y.languages.json,"json"))}</pre>
-                                    </code>
+                                    <pre style=""><code class="no-box" style="white-space: pre-wrap;  word-wrap: break-word;">${Z(y.highlight(JSON.stringify(o[1],null,2),y.languages.json,"json"))}</pre></code>
                                 </td>
                             </tr>`:c.html`
                         <tr>
@@ -649,7 +654,7 @@
                     </tbody>
                 </table>
             </div>
-        `,n=((s=this._data)==null?void 0:s.size)>0?r:e;return c.html`${n}`}};I.styles=[Wt,J,Gt,Ot],de([h.property()],I.prototype,"keyLabel",2),de([h.property()],I.prototype,"valueLabel",2),de([h.state()],I.prototype,"_data",2),I=de([h.customElement("pb33f-kv-view")],I);const Xt=c.css`
+        `,n=((s=this._data)==null?void 0:s.size)>0?r:e;return c.html`${n}`}};I.styles=[J,Gt,Wt,Ot],de([h.property()],I.prototype,"keyLabel",2),de([h.property()],I.prototype,"valueLabel",2),de([h.state()],I.prototype,"_data",2),I=de([h.customElement("pb33f-kv-view")],I);const Xt=c.css`
     .prop-type-table > table > thead > tr > th {
         font-family: var(--font-stack-bold), sans-serif;
         background-color: var(--table-header-background-solid);

package/package.json

@@ -3,7 +3,7 @@
   "description": "Princess Beef Heavy Industries Cowboy Components",
   "private": false,
   "license": "BUSL-1.1",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "type": "module",
   "main": "./dist/cowboy-components.umd.cjs",
   "module": "./dist/cowboy-components.js",