@3t-transform/threeteeui 0.0.24 → 0.0.25

package/dist/esm/tttx-keyvalue-block.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-901bfd55.js';
+import { r as registerInstance, h, H as Host } from './index-0350f122.js';
 
 const tttxKeyvalueBlockCss = ":host{display:block}dl{margin:0;padding:0;font-family:\"Roboto\", sans-serif;cursor:default}dt{font-weight:400;line-height:21px;font-size:16px}dt,dt.subTitle{color:#757575}dt.mainTitle{color:#212121}dd{margin:0;font-weight:400;font-size:16px;color:#212121;line-height:21px;margin-bottom:18px}dl.horizontal{display:flex;flex-direction:row;width:100%}dl.horizontal div{flex-grow:1}@media (max-width: 769px){dl.horizontal{flex-wrap:wrap}dl.horizontal div{width:50%}}@media (max-width: 600px){dl.horizontal div{width:100%}}";
 
@@ -27,17 +27,20 @@ const TttxKeyvalueBlock = class {
     for (let i = 0; i < values.length; i++) {
       const value = values[i];
       if (this.horizontal) {
-        elements.push(h("div", null, h("dt", { class: "mainTitle" }, value.title), h("dt", { class: "subTitle" }, value.subTitle), h("dd", null, value.data)));
+        elements.push(h("div", null, h("dt", { class: 'mainTitle' }, value.title), h("dt", { class: 'subTitle' }, value.subTitle), h("dd", null, value.data)));
       }
       else {
-        elements.push(h("dt", { class: "mainTitle" }, value.title));
-        elements.push(h("dt", { class: "subTitle" }, value.subTitle));
+        elements.push(h("dt", { class: 'mainTitle' }, value.title));
+        elements.push(h("dt", { class: 'subTitle' }, value.subTitle));
         elements.push(h("dd", null, value.data));
       }
     }
     return elements;
   }
   render() {
+    if (!this.keyvalues) {
+      return;
+    }
     let values;
     if (typeof this.keyvalues === 'string') {
       values = JSON.parse(this.keyvalues);
@@ -52,7 +55,7 @@ const TttxKeyvalueBlock = class {
     else {
       elements = this.renderSingleElements(values);
     }
-    return (h(Host, null, h("dl", { class: this.horizontal ? "horizontal" : null }, elements)));
+    return (h(Host, null, h("dl", { class: this.horizontal ? 'horizontal' : null }, elements)));
   }
 };
 TttxKeyvalueBlock.style = tttxKeyvalueBlockCss;