@3t-transform/threeteeui 0.0.24 → 0.1.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bc080fb4.js');
+const index = require('./index-451f61dd.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%}}";
 
@@ -31,17 +31,20 @@ const TttxKeyvalueBlock = class {
     for (let i = 0; i < values.length; i++) {
       const value = values[i];
       if (this.horizontal) {
-        elements.push(index.h("div", null, index.h("dt", { class: "mainTitle" }, value.title), index.h("dt", { class: "subTitle" }, value.subTitle), index.h("dd", null, value.data)));
+        elements.push(index.h("div", null, index.h("dt", { class: 'mainTitle' }, value.title), index.h("dt", { class: 'subTitle' }, value.subTitle), index.h("dd", null, value.data)));
       }
       else {
-        elements.push(index.h("dt", { class: "mainTitle" }, value.title));
-        elements.push(index.h("dt", { class: "subTitle" }, value.subTitle));
+        elements.push(index.h("dt", { class: 'mainTitle' }, value.title));
+        elements.push(index.h("dt", { class: 'subTitle' }, value.subTitle));
         elements.push(index.h("dd", null, value.data));
       }
     }
     return elements;
   }
   render() {
+    if (!this.keyvalues) {
+      return;
+    }
     let values;
     if (typeof this.keyvalues === 'string') {
       values = JSON.parse(this.keyvalues);
@@ -56,7 +59,7 @@ const TttxKeyvalueBlock = class {
     else {
       elements = this.renderSingleElements(values);
     }
-    return (index.h(index.Host, null, index.h("dl", { class: this.horizontal ? "horizontal" : null }, elements)));
+    return (index.h(index.Host, null, index.h("dl", { class: this.horizontal ? 'horizontal' : null }, elements)));
   }
 };
 TttxKeyvalueBlock.style = tttxKeyvalueBlockCss;