@3t-transform/threeteeui 1.9.101 → 1.9.103

package/dist/components/{tttx-data-pattern_1_9_101.js → tttx-data-pattern_1_9_103.js}

@@ -9,87 +9,87 @@ import { d as defineCustomElement$2 } from './tttx-toolbar.js';
 
 const tttxDataPatternCss = ":host{display:block}";
 
-const TttxDataPattern = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.data = undefined;
-    this.sorterOptions = undefined;
-    this.filterOptions = undefined;
-    this.filterHeader = 'Filter';
-    this.defaultSortOption = 'Sort by';
-    this.searchplaceholder = 'Search';
-    this.addbuttonlabel = 'Add';
-    this.addbutton = false;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "container" }, h("tttx-toolbar_1_9_101", { border: true }, h("span", { slot: "before" }, this.sorterOptions &&
-      h("tttx-sorter_1_9_101", { sorterKey: "data-pattern-list", fieldOptionsData: this.sorterOptions, defaultOption: this.defaultSortOption }), this.filterOptions &&
-      h("tttx-filter_1_9_101", { "filter-options": JSON.stringify(this.filterOptions), showSelectAll: false, "show-option-icons": true, "filter-header": this.filterHeader, "filter-key": "data-pattern-list" })), h("span", { slot: "after" }, h("tttx-standalone-input_1_9_101", { class: "qualifications-filter", showerrorbubble: false, inputicon: "search", inline: true, required: true, placeholder: this.searchplaceholder, type: "text", maxlength: 30 }))), h("tttx-toolbar_1_9_101", { border: false }, h("span", { slot: "before" }, this.addbutton &&
-      h("tttx-button_1_9_101", { design: "primary", icon: "add" }, this.addbuttonlabel))), h("tttx-list_1_9_101", { data: this.data }))));
-  }
-  static get style() { return tttxDataPatternCss; }
-}, [1, "tttx-data-pattern_1_9_101", {
-    "data": [1],
-    "sorterOptions": [1, "sorter-options"],
-    "filterOptions": [1, "filter-options"],
-    "filterHeader": [1, "filter-header"],
-    "defaultSortOption": [1, "default-sort-option"],
-    "searchplaceholder": [1],
-    "addbuttonlabel": [1],
-    "addbutton": [4]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-data-pattern_1_9_101", "tttx-button_1_9_101", "tttx-filter_1_9_101", "tttx-icon_1_9_101", "tttx-list_1_9_101", "tttx-sorter_1_9_101", "tttx-standalone-input_1_9_101", "tttx-toolbar_1_9_101"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-data-pattern_1_9_101":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxDataPattern);
-      }
-      break;
-    case "tttx-button_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "tttx-filter_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "tttx-icon_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "tttx-list_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "tttx-sorter_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "tttx-standalone-input_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "tttx-toolbar_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+const TttxDataPattern = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.data = undefined;
+    this.sorterOptions = undefined;
+    this.filterOptions = undefined;
+    this.filterHeader = 'Filter';
+    this.defaultSortOption = 'Sort by';
+    this.searchplaceholder = 'Search';
+    this.addbuttonlabel = 'Add';
+    this.addbutton = false;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "container" }, h("tttx-toolbar_1_9_103", { border: true }, h("span", { slot: "before" }, this.sorterOptions &&
+      h("tttx-sorter_1_9_103", { sorterKey: "data-pattern-list", fieldOptionsData: this.sorterOptions, defaultOption: this.defaultSortOption }), this.filterOptions &&
+      h("tttx-filter_1_9_103", { "filter-options": JSON.stringify(this.filterOptions), showSelectAll: false, "show-option-icons": true, "filter-header": this.filterHeader, "filter-key": "data-pattern-list" })), h("span", { slot: "after" }, h("tttx-standalone-input_1_9_103", { class: "qualifications-filter", showerrorbubble: false, inputicon: "search", inline: true, required: true, placeholder: this.searchplaceholder, type: "text", maxlength: 30 }))), h("tttx-toolbar_1_9_103", { border: false }, h("span", { slot: "before" }, this.addbutton &&
+      h("tttx-button_1_9_103", { design: "primary", icon: "add" }, this.addbuttonlabel))), h("tttx-list_1_9_103", { data: this.data }))));
+  }
+  static get style() { return tttxDataPatternCss; }
+}, [1, "tttx-data-pattern_1_9_103", {
+    "data": [1],
+    "sorterOptions": [1, "sorter-options"],
+    "filterOptions": [1, "filter-options"],
+    "filterHeader": [1, "filter-header"],
+    "defaultSortOption": [1, "default-sort-option"],
+    "searchplaceholder": [1],
+    "addbuttonlabel": [1],
+    "addbutton": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["tttx-data-pattern_1_9_103", "tttx-button_1_9_103", "tttx-filter_1_9_103", "tttx-icon_1_9_103", "tttx-list_1_9_103", "tttx-sorter_1_9_103", "tttx-standalone-input_1_9_103", "tttx-toolbar_1_9_103"];
+  components.forEach(tagName => { switch (tagName) {
+    case "tttx-data-pattern_1_9_103":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TttxDataPattern);
+      }
+      break;
+    case "tttx-button_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "tttx-filter_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "tttx-icon_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "tttx-list_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "tttx-sorter_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "tttx-standalone-input_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "tttx-toolbar_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
 }
 
-const TttxDataPattern_1_9_101 = TttxDataPattern;
+const TttxDataPattern_1_9_103 = TttxDataPattern;
 const defineCustomElement = defineCustomElement$1;
 
-export { TttxDataPattern_1_9_101, defineCustomElement };
+export { TttxDataPattern_1_9_103, defineCustomElement };

package/dist/components/tttx-datacard_1_9_103.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TttxDatacard_1_9_103 extends Components.TttxDatacard_1_9_103, HTMLElement {}
+export const TttxDatacard_1_9_103: {
+  prototype: TttxDatacard_1_9_103;
+  new (): TttxDatacard_1_9_103;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/{tttx-datacard_1_9_101.js → tttx-datacard_1_9_103.js}

@@ -4,86 +4,86 @@ import { d as defineCustomElement$2 } from './tttx-icon.js';
 
 const tttxDatacardCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}:host{display:block;width:100%;height:100%}.datacard{font-family:\"Roboto\", Arial, Verdana, Tahoma, sans-serif;box-sizing:border-box;width:100%;height:100%;background-color:white;border-radius:4px;padding:0px 16px 16px 16px;margin-right:16px;margin-bottom:16px}.chart{width:100%;height:100%}h2{box-sizing:border-box;margin:0;padding:16px;width:100%;font-size:18px;font-weight:500;line-height:21.09px;text-align:left;height:40px}.lower{width:100%;display:flex}.right{box-sizing:border-box;flex-grow:1;border-left:1px solid #D5D5D5;padding-left:24px;font-size:24px;font-weight:500;line-height:28.13px;text-align:left}.flex{display:flex;justify-content:flex-start}.righticon{margin-top:1px;margin-right:4px;height:24px}.left{box-sizing:border-box;flex-grow:1;font-size:40px;font-weight:500;line-height:46.88px;text-align:right;margin-right:20px;padding-left:40px}.centered{box-sizing:border-box;flex-grow:1;font-size:40px;font-weight:500;line-height:46.88px;text-align:center;margin:0;padding-left:20px}.subtext{font-size:14px;font-weight:400;line-height:16.41px;text-align:left;color:#757575}";
 
-const TttxDatacard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.cardTitle = undefined;
-    this.leftData = undefined;
-    this.rightData = undefined;
-    this.rightSubtext = undefined;
-    this.iconStyle = undefined;
-    this.cardType = undefined;
-    this.chartConfig = undefined;
-    this._chartConfig = undefined;
-    this.chartRender = undefined;
-  }
-  chartConfigChanged(newValue) {
-    this._chartConfig = JSON.parse(newValue);
-    this.chartRender = true;
-  }
-  componentDidLoad() {
-    if (this.chartConfig) {
-      this._chartConfig = JSON.parse(this.chartConfig);
-      this.chartRender = true;
-    }
-  }
-  renderIcon(iconstyle) {
-    switch (iconstyle) {
-      case 'up':
-        return h("tttx-icon_1_9_101", { size: 24, icon: "arrow_circle_up", color: "green" });
-      case 'down':
-        return h("tttx-icon_1_9_101", { size: 24, icon: "arrow_circle_down", color: "darkred" });
-      default:
-        return null;
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "datacard" }, this.cardTitle && h("h2", { style: { 'position': 'relative', 'top': '0', 'left': '0', 'height': '40px' } }, this.cardTitle), this.chartRender && this.cardType === 'chart' &&
-      h("tttx-graph_1_9_101", { style: { 'position': 'relative', 'width': '100%', 'height': this.cardTitle ? 'calc(100% - 40px)' : '100%' }, class: 'chart', "chart-data": this._chartConfig.chartData, "chart-text": this._chartConfig.chartText, "chart-type": this._chartConfig.chartType }), h("div", { style: { 'position': 'relative', 'width': '100%', 'height': this.cardTitle ? 'calc(100% - 40px)' : '100%' } }, h("div", { class: "lower" }, h("div", { class: this.rightData && this.rightData !== 'undefined' ? 'left' : 'centered' }, this.leftData), this.rightData && this.rightData !== 'undefined' &&
-      h("div", { class: "right" }, h("div", { class: "flex" }, h("div", { class: "righticon" }, this.renderIcon(this.iconStyle)), h("div", { class: "rightdata" }, this.rightData)), h("div", { class: "subtext" }, this.rightSubtext)))))));
-  }
-  static get watchers() { return {
-    "chartConfig": ["chartConfigChanged"]
-  }; }
-  static get style() { return tttxDatacardCss; }
-}, [1, "tttx-datacard_1_9_101", {
-    "cardTitle": [1, "card-title"],
-    "leftData": [1, "left-data"],
-    "rightData": [1, "right-data"],
-    "rightSubtext": [1, "right-subtext"],
-    "iconStyle": [1, "icon-style"],
-    "cardType": [1, "card-type"],
-    "chartConfig": [1, "chart-config"],
-    "_chartConfig": [32],
-    "chartRender": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-datacard_1_9_101", "tttx-graph_1_9_101", "tttx-icon_1_9_101"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-datacard_1_9_101":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxDatacard);
-      }
-      break;
-    case "tttx-graph_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "tttx-icon_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+const TttxDatacard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.cardTitle = undefined;
+    this.leftData = undefined;
+    this.rightData = undefined;
+    this.rightSubtext = undefined;
+    this.iconStyle = undefined;
+    this.cardType = undefined;
+    this.chartConfig = undefined;
+    this._chartConfig = undefined;
+    this.chartRender = undefined;
+  }
+  chartConfigChanged(newValue) {
+    this._chartConfig = JSON.parse(newValue);
+    this.chartRender = true;
+  }
+  componentDidLoad() {
+    if (this.chartConfig) {
+      this._chartConfig = JSON.parse(this.chartConfig);
+      this.chartRender = true;
+    }
+  }
+  renderIcon(iconstyle) {
+    switch (iconstyle) {
+      case 'up':
+        return h("tttx-icon_1_9_103", { size: 24, icon: "arrow_circle_up", color: "green" });
+      case 'down':
+        return h("tttx-icon_1_9_103", { size: 24, icon: "arrow_circle_down", color: "darkred" });
+      default:
+        return null;
+    }
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "datacard" }, this.cardTitle && h("h2", { style: { 'position': 'relative', 'top': '0', 'left': '0', 'height': '40px' } }, this.cardTitle), this.chartRender && this.cardType === 'chart' &&
+      h("tttx-graph_1_9_103", { style: { 'position': 'relative', 'width': '100%', 'height': this.cardTitle ? 'calc(100% - 40px)' : '100%' }, class: 'chart', "chart-data": this._chartConfig.chartData, "chart-text": this._chartConfig.chartText, "chart-type": this._chartConfig.chartType }), h("div", { style: { 'position': 'relative', 'width': '100%', 'height': this.cardTitle ? 'calc(100% - 40px)' : '100%' } }, h("div", { class: "lower" }, h("div", { class: this.rightData && this.rightData !== 'undefined' ? 'left' : 'centered' }, this.leftData), this.rightData && this.rightData !== 'undefined' &&
+      h("div", { class: "right" }, h("div", { class: "flex" }, h("div", { class: "righticon" }, this.renderIcon(this.iconStyle)), h("div", { class: "rightdata" }, this.rightData)), h("div", { class: "subtext" }, this.rightSubtext)))))));
+  }
+  static get watchers() { return {
+    "chartConfig": ["chartConfigChanged"]
+  }; }
+  static get style() { return tttxDatacardCss; }
+}, [1, "tttx-datacard_1_9_103", {
+    "cardTitle": [1, "card-title"],
+    "leftData": [1, "left-data"],
+    "rightData": [1, "right-data"],
+    "rightSubtext": [1, "right-subtext"],
+    "iconStyle": [1, "icon-style"],
+    "cardType": [1, "card-type"],
+    "chartConfig": [1, "chart-config"],
+    "_chartConfig": [32],
+    "chartRender": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["tttx-datacard_1_9_103", "tttx-graph_1_9_103", "tttx-icon_1_9_103"];
+  components.forEach(tagName => { switch (tagName) {
+    case "tttx-datacard_1_9_103":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TttxDatacard);
+      }
+      break;
+    case "tttx-graph_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "tttx-icon_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
 }
 
-const TttxDatacard_1_9_101 = TttxDatacard;
+const TttxDatacard_1_9_103 = TttxDatacard;
 const defineCustomElement = defineCustomElement$1;
 
-export { TttxDatacard_1_9_101, defineCustomElement };
+export { TttxDatacard_1_9_103, defineCustomElement };