@3t-transform/threeteeui 0.1.36 → 0.1.41

package/dist/cjs/tttx-icon.cjs.entry.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-457ca775.js');
+const index = require('./index-76f14107.js');
 
 const tttxIconCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.material-symbols-rounded{font-family:\"Material Symbols Rounded\", sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#9e9e9e}:host{display:inline-block;cursor:default;user-select:none}.icon-size{width:24px;height:24px}.tooltip{background:#ffffff;color:#343434;font-weight:bold;padding:8px 16px;font-size:13px;border-radius:4px;box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.3);display:none}.tooltip[data-show]{display:block}.arrow,.arrow::before{position:absolute;width:8px;height:8px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:\"\";transform:rotate(45deg)}.tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}.tooltip[data-popper-placement^=left]>.arrow{right:-4px}.tooltip[data-popper-placement^=right]>.arrow{left:-4px}.red{color:#dc0000}.darkred{color:#A20000}.orange{color:#f59500}.blue{color:#1479c6}.green{color:#a2bb31}.gray{color:#757575}.black{color:#212121}.white{color:white}";
 
-const TttxIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.icon = undefined;
-    this.color = 'grey';
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("span", { class: `material-symbols-rounded ${this.color ? this.color : ''}` }, this.icon)));
-  }
-};
+const TttxIcon = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.icon = undefined;
+    this.color = 'grey';
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("span", { class: `material-symbols-rounded ${this.color ? this.color : ''}` }, this.icon)));
+  }
+};
 TttxIcon.style = tttxIconCss;
 
 exports.tttx_icon = TttxIcon;

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

@@ -2,68 +2,68 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-457ca775.js');
+const index = require('./index-76f14107.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}dt,dd{overflow-wrap:anywhere}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%;max-width:50% !important}}@media (max-width: 600px){dl.horizontal div{width:100%;max-width:100% !important}}";
 
-const TttxKeyvalueBlock = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.keyvalues = undefined;
-    this.horizontal = undefined;
-  }
-  renderSingleElements(values) {
-    const keys = Object.keys(values);
-    const elements = [];
-    const divSize = (100 / keys.length).toString() + '%';
-    for (let i = 0; i < keys.length; i++) {
-      if (this.horizontal) {
-        elements.push(index.h("div", { style: { maxWidth: divSize } }, index.h("dt", null, keys[i]), index.h("dd", null, values[keys[i]])));
-      }
-      else {
-        elements.push(index.h("dt", null, keys[i]));
-        elements.push(index.h("dd", null, values[keys[i]]));
-      }
-    }
-    return elements;
-  }
-  renderArrayElements(values) {
-    const elements = [];
-    const divSize = (100 / values.length).toString() + '%';
-    for (let i = 0; i < values.length; i++) {
-      const value = values[i];
-      if (this.horizontal) {
-        elements.push(index.h("div", { style: { maxWidth: divSize } }, 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("dd", null, value.data));
-      }
-    }
-    return elements;
-  }
-  render() {
-    if (!this.keyvalues) {
-      return;
-    }
-    let values;
-    if (typeof this.keyvalues === 'string') {
-      values = JSON.parse(this.keyvalues);
-    }
-    else {
-      values = this.keyvalues;
-    }
-    let elements;
-    if (Array.isArray(values)) {
-      elements = this.renderArrayElements(values);
-    }
-    else {
-      elements = this.renderSingleElements(values);
-    }
-    return (index.h(index.Host, null, index.h("dl", { class: this.horizontal ? 'horizontal' : null }, elements)));
-  }
-};
+const TttxKeyvalueBlock = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.keyvalues = undefined;
+    this.horizontal = undefined;
+  }
+  renderSingleElements(values) {
+    const keys = Object.keys(values);
+    const elements = [];
+    const divSize = (100 / keys.length).toString() + '%';
+    for (let i = 0; i < keys.length; i++) {
+      if (this.horizontal) {
+        elements.push(index.h("div", { style: { maxWidth: divSize } }, index.h("dt", null, keys[i]), index.h("dd", null, values[keys[i]])));
+      }
+      else {
+        elements.push(index.h("dt", null, keys[i]));
+        elements.push(index.h("dd", null, values[keys[i]]));
+      }
+    }
+    return elements;
+  }
+  renderArrayElements(values) {
+    const elements = [];
+    const divSize = (100 / values.length).toString() + '%';
+    for (let i = 0; i < values.length; i++) {
+      const value = values[i];
+      if (this.horizontal) {
+        elements.push(index.h("div", { style: { maxWidth: divSize } }, 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("dd", null, value.data));
+      }
+    }
+    return elements;
+  }
+  render() {
+    if (!this.keyvalues) {
+      return;
+    }
+    let values;
+    if (typeof this.keyvalues === 'string') {
+      values = JSON.parse(this.keyvalues);
+    }
+    else {
+      values = this.keyvalues;
+    }
+    let elements;
+    if (Array.isArray(values)) {
+      elements = this.renderArrayElements(values);
+    }
+    else {
+      elements = this.renderSingleElements(values);
+    }
+    return (index.h(index.Host, null, index.h("dl", { class: this.horizontal ? 'horizontal' : null }, elements)));
+  }
+};
 TttxKeyvalueBlock.style = tttxKeyvalueBlockCss;
 
 exports.tttx_keyvalue_block = TttxKeyvalueBlock;