@3t-transform/threeteeui 1.9.101 → 1.9.103

package/dist/components/tttx-button.js

@@ -3,57 +3,57 @@ import { d as defineCustomElement$1 } from './tttx-icon.js';
 
 const tttxButtonCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}button{cursor:pointer}.button{font-family:Roboto, serif;box-sizing:border-box;height:36px;min-width:36px;padding:0;margin:0;background:transparent;color:#212121;border:1px solid #c8c8c8;border-radius:4px;text-transform:uppercase;display:flex;justify-content:left;align-items:center;font-size:14px;font-weight:500}.button-content{display:block;padding:0 16px}.icon-left,.icon-right{margin-top:4px}.iconleft{padding-left:8px}.iconleft .button-content{padding-left:4px}.iconright{padding-right:8px}.iconright .button-content{padding-right:4px}.notext{padding:0 6px}.button:active{background:rgba(17, 17, 17, 0.2);border:1px solid #d5d5d5}.blackout{background:#363636;border:1px solid #363636;color:white}.blackout:active{background:#212121;border:1px solid #212121}.primary{background:#1479c6;border:1px solid #1479c6;color:white}.primary:active{background:#1464a2;border:1px solid #1464a2}.borderless{background:transparent;border:none;color:#212121}.borderless:active{background:rgba(17, 17, 17, 0.2);border:none}.borderless-circle{background:transparent;border:none;color:#212121;border-radius:50%}.borderless-circle:active{border:none}.borderless-circle:focus{border-color:transparent}.danger{background:#dc0000;border:1px solid #dc0000;color:white}.danger:active{background:#b00000;border:1px solid #b00000}.disabled{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.disabled:active{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}@media (hover: hover){.button:hover{background:rgba(17, 17, 17, 0.1);border:1px solid #d5d5d5}.primary:hover{background:#146eb3;border:1px solid #146eb3}.borderless:hover{background:rgba(17, 17, 17, 0.1);border:none}.borderless-circle:hover{background:rgba(17, 17, 17, 0.1);border:none}.danger:hover{background:#c60000;border:1px solid #c60000}.disabled:hover{background:#aeaeae;border:none;color:#4c4c4c;cursor:not-allowed}.blackout:hover{background:#212121;border:1px solid #212121}}:host{display:inline-block}tttx-icon{cursor:inherit}.spacingleft{margin-left:8px}";
 
-const TttxButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this._iconcolor = 'black';
-    this.notext = undefined;
-    this.icon = undefined;
-    this.iconposition = 'left';
-    this.iconcolor = 'black';
-    this.design = 'default';
-  }
-  componentWillLoad() {
-    this._design = this.design;
-    const designs = ['primary', 'default', 'disabled', 'danger', 'borderless', 'borderless-circle', 'blackout'];
-    if (!designs.includes(this.design)) {
-      this._design = 'default';
-    }
-    if (this._design === 'primary' || this._design === 'danger' || this._design === 'blackout') {
-      this.iconcolor = 'white';
-    }
-  }
-  render() {
-    this._iconcolor = this.iconcolor;
-    return (h(Host, null, h("button", { class: `button ${this._design} ${this.icon ? 'withicon' : ''} ${this.icon && this.iconposition ? 'icon' + this.iconposition : ''}  ${this.notext ? 'notext' : ''}` }, this.icon && this.iconposition === 'left' && (h("div", { class: "icon-left" }, h("tttx-icon_1_9_101", { icon: this.icon, color: this._iconcolor }))), !this.notext && (h("div", { class: "button-content" }, h("slot", null))), this.icon && this.iconposition === 'right' && (h("div", { class: "icon-right" }, h("tttx-icon_1_9_101", { icon: this.icon, color: this._iconcolor }))))));
-  }
-  static get style() { return tttxButtonCss; }
-}, [1, "tttx-button_1_9_101", {
-    "notext": [4],
-    "icon": [1],
-    "iconposition": [1],
-    "iconcolor": [1025],
-    "design": [1]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-button_1_9_101", "tttx-icon_1_9_101"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-button_1_9_101":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxButton);
-      }
-      break;
-    case "tttx-icon_1_9_101":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+const TttxButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this._iconcolor = 'black';
+    this.notext = undefined;
+    this.icon = undefined;
+    this.iconposition = 'left';
+    this.iconcolor = 'black';
+    this.design = 'default';
+  }
+  componentWillLoad() {
+    this._design = this.design;
+    const designs = ['primary', 'default', 'disabled', 'danger', 'borderless', 'borderless-circle', 'blackout'];
+    if (!designs.includes(this.design)) {
+      this._design = 'default';
+    }
+    if (this._design === 'primary' || this._design === 'danger' || this._design === 'blackout') {
+      this.iconcolor = 'white';
+    }
+  }
+  render() {
+    this._iconcolor = this.iconcolor;
+    return (h(Host, null, h("button", { class: `button ${this._design} ${this.icon ? 'withicon' : ''} ${this.icon && this.iconposition ? 'icon' + this.iconposition : ''}  ${this.notext ? 'notext' : ''}` }, this.icon && this.iconposition === 'left' && (h("div", { class: "icon-left" }, h("tttx-icon_1_9_103", { icon: this.icon, color: this._iconcolor }))), !this.notext && (h("div", { class: "button-content" }, h("slot", null))), this.icon && this.iconposition === 'right' && (h("div", { class: "icon-right" }, h("tttx-icon_1_9_103", { icon: this.icon, color: this._iconcolor }))))));
+  }
+  static get style() { return tttxButtonCss; }
+}, [1, "tttx-button_1_9_103", {
+    "notext": [4],
+    "icon": [1],
+    "iconposition": [1],
+    "iconcolor": [1025],
+    "design": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["tttx-button_1_9_103", "tttx-icon_1_9_103"];
+  components.forEach(tagName => { switch (tagName) {
+    case "tttx-button_1_9_103":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TttxButton);
+      }
+      break;
+    case "tttx-icon_1_9_103":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
 }
 
 export { TttxButton as T, defineCustomElement as d };

package/dist/components/{tttx-dialog_1_9_101.d.ts → tttx-button_1_9_103.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface TttxDialog_1_9_101 extends Components.TttxDialog_1_9_101, HTMLElement {}
-export const TttxDialog_1_9_101: {
-  prototype: TttxDialog_1_9_101;
-  new (): TttxDialog_1_9_101;
+interface TttxButton_1_9_103 extends Components.TttxButton_1_9_103, HTMLElement {}
+export const TttxButton_1_9_103: {
+  prototype: TttxButton_1_9_103;
+  new (): TttxButton_1_9_103;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{tttx-button_1_9_101.js → tttx-button_1_9_103.js}

@@ -1,6 +1,6 @@
 import { T as TttxButton, d as defineCustomElement$1 } from './tttx-button.js';
 
-const TttxButton_1_9_101 = TttxButton;
+const TttxButton_1_9_103 = TttxButton;
 const defineCustomElement = defineCustomElement$1;
 
-export { TttxButton_1_9_101, defineCustomElement };
+export { TttxButton_1_9_103, defineCustomElement };

package/dist/components/{tttx-table_1_9_101.d.ts → tttx-chart_1_9_103.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface TttxTable_1_9_101 extends Components.TttxTable_1_9_101, HTMLElement {}
-export const TttxTable_1_9_101: {
-  prototype: TttxTable_1_9_101;
-  new (): TttxTable_1_9_101;
+interface TttxChart_1_9_103 extends Components.TttxChart_1_9_103, HTMLElement {}
+export const TttxChart_1_9_103: {
+  prototype: TttxChart_1_9_103;
+  new (): TttxChart_1_9_103;
 };
 /**
  * Used to define this component and all nested components recursively.