@3t-transform/threeteeui 1.9.101 → 1.9.103

package/dist/components/{tttx-textarea_1_9_101.js → tttx-textarea_1_9_103.js}

@@ -1,90 +1,90 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_1_9_101{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_1_9_101-h{display:block}label.sc-tttx-textarea_1_9_101{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_9_101 .textarea-container.sc-tttx-textarea_1_9_101{position:relative}label.sc-tttx-textarea_1_9_101 .textarea-container.sc-tttx-textarea_1_9_101 textarea.sc-tttx-textarea_1_9_101{font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;padding:9px 16px;font-size:16px;line-height:18.752px;border:1px solid #d5d5d5;border-radius:4px;margin-top:8px;resize:none}label.sc-tttx-textarea_1_9_101 .textarea-container.sc-tttx-textarea_1_9_101 textarea.no-label.sc-tttx-textarea_1_9_101{margin-top:0}label.sc-tttx-textarea_1_9_101 .textarea-container.sc-tttx-textarea_1_9_101 textarea.sc-tttx-textarea_1_9_101~.errorBubble.sc-tttx-textarea_1_9_101{font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}label.sc-tttx-textarea_1_9_101 .textarea-container.sc-tttx-textarea_1_9_101 textarea.sc-tttx-textarea_1_9_101~.errorBubble.sc-tttx-textarea_1_9_101:not(.visible){display:none}label.sc-tttx-textarea_1_9_101 .textarea-container.sc-tttx-textarea_1_9_101 textarea.sc-tttx-textarea_1_9_101~.errorBubble.sc-tttx-textarea_1_9_101 span.sc-tttx-textarea_1_9_101{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_9_101 .textarea-container.sc-tttx-textarea_1_9_101 textarea.sc-tttx-textarea_1_9_101:focus{border-color:#1479c6}label.sc-tttx-textarea_1_9_101 .textarea-container.sc-tttx-textarea_1_9_101 textarea.sc-tttx-textarea_1_9_101:focus-visible{outline:none}label.sc-tttx-textarea_1_9_101 .secondarylabel.sc-tttx-textarea_1_9_101{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_9_101 .optional.sc-tttx-textarea_1_9_101{color:#757575;font-weight:normal}";
+const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_1_9_103{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_1_9_103-h{display:block}label.sc-tttx-textarea_1_9_103{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_1_9_103 .textarea-container.sc-tttx-textarea_1_9_103{position:relative}label.sc-tttx-textarea_1_9_103 .textarea-container.sc-tttx-textarea_1_9_103 textarea.sc-tttx-textarea_1_9_103{font-family:\"Roboto\", serif;box-sizing:border-box;width:100%;padding:9px 16px;font-size:16px;line-height:18.752px;border:1px solid #d5d5d5;border-radius:4px;margin-top:8px;resize:none}label.sc-tttx-textarea_1_9_103 .textarea-container.sc-tttx-textarea_1_9_103 textarea.no-label.sc-tttx-textarea_1_9_103{margin-top:0}label.sc-tttx-textarea_1_9_103 .textarea-container.sc-tttx-textarea_1_9_103 textarea.sc-tttx-textarea_1_9_103~.errorBubble.sc-tttx-textarea_1_9_103{font-size:14px;line-height:16.408px;font-weight:normal;width:100%;font-family:\"Roboto\", sans-serif;color:#dc0000;display:flex;align-content:center;align-items:center;justify-items:center;margin-top:4px}label.sc-tttx-textarea_1_9_103 .textarea-container.sc-tttx-textarea_1_9_103 textarea.sc-tttx-textarea_1_9_103~.errorBubble.sc-tttx-textarea_1_9_103:not(.visible){display:none}label.sc-tttx-textarea_1_9_103 .textarea-container.sc-tttx-textarea_1_9_103 textarea.sc-tttx-textarea_1_9_103~.errorBubble.sc-tttx-textarea_1_9_103 span.sc-tttx-textarea_1_9_103{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_1_9_103 .textarea-container.sc-tttx-textarea_1_9_103 textarea.sc-tttx-textarea_1_9_103:focus{border-color:#1479c6}label.sc-tttx-textarea_1_9_103 .textarea-container.sc-tttx-textarea_1_9_103 textarea.sc-tttx-textarea_1_9_103:focus-visible{outline:none}label.sc-tttx-textarea_1_9_103 .secondarylabel.sc-tttx-textarea_1_9_103{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_1_9_103 .optional.sc-tttx-textarea_1_9_103{color:#757575;font-weight:normal}";
 
-const TttxTextarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.valueChanged = createEvent(this, "valueChanged", 7);
-    this.focusChanged = createEvent(this, "focusChanged", 7);
-    this.blurChanged = createEvent(this, "blurChanged", 7);
-    this.invalidChanged = createEvent(this, "invalidChanged", 7);
-    this.label = undefined;
-    this.secondarylabel = undefined;
-    this.showerrormsg = undefined;
-    this.showerrorbubble = true;
-    this.errormsg = undefined;
-    this.rows = undefined;
-    this.textareaautofocus = undefined;
-    this.inputkeyhint = undefined;
-    this.inputindex = undefined;
-    this.inputtitle = undefined;
-    this.disabled = undefined;
-    this.maxlength = undefined;
-    this.name = undefined;
-    this.placeholder = undefined;
-    this.readonly = undefined;
-    this.required = undefined;
-    this.value = undefined;
-  }
-  handleChange(event) {
-    const target = event.target;
-    this.value = target.value;
-    this.valueChanged.emit(target.value);
-  }
-  handleFocus(event) {
-    const target = event.target;
-    this.focusChanged.emit(target.value);
-  }
-  handleBlur(event) {
-    const target = event.target;
-    this.blurChanged.emit(target.value);
-  }
-  handleInvalid(event) {
-    event.preventDefault();
-    const target = event.target;
-    this.invalidChanged.emit(target.value);
-  }
-  render() {
-    const classNames = [this.showerrormsg ? 'invalid' : '', !this.label && this.required ? 'no-label' : ''].join(' ');
-    return (h(Host, null, h("label", null, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: "textarea-container" }, h("textarea", { rows: this.rows, class: classNames, autofocus: this.textareaautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, disabled: this.disabled, maxlength: this.maxlength, name: this.name, placeholder: this.placeholder, readonly: this.readonly, required: this.required, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))))));
-  }
-  static get style() { return tttxTextareaCss; }
-}, [2, "tttx-textarea_1_9_101", {
-    "label": [1],
-    "secondarylabel": [1],
-    "showerrormsg": [4],
-    "showerrorbubble": [4],
-    "errormsg": [1],
-    "rows": [2],
-    "textareaautofocus": [4],
-    "inputkeyhint": [1],
-    "inputindex": [8],
-    "inputtitle": [1],
-    "disabled": [4],
-    "maxlength": [8],
-    "name": [1],
-    "placeholder": [1],
-    "readonly": [8],
-    "required": [4],
-    "value": [1032]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-textarea_1_9_101"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-textarea_1_9_101":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxTextarea);
-      }
-      break;
-  } });
+const TttxTextarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.focusChanged = createEvent(this, "focusChanged", 7);
+    this.blurChanged = createEvent(this, "blurChanged", 7);
+    this.invalidChanged = createEvent(this, "invalidChanged", 7);
+    this.label = undefined;
+    this.secondarylabel = undefined;
+    this.showerrormsg = undefined;
+    this.showerrorbubble = true;
+    this.errormsg = undefined;
+    this.rows = undefined;
+    this.textareaautofocus = undefined;
+    this.inputkeyhint = undefined;
+    this.inputindex = undefined;
+    this.inputtitle = undefined;
+    this.disabled = undefined;
+    this.maxlength = undefined;
+    this.name = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.required = undefined;
+    this.value = undefined;
+  }
+  handleChange(event) {
+    const target = event.target;
+    this.value = target.value;
+    this.valueChanged.emit(target.value);
+  }
+  handleFocus(event) {
+    const target = event.target;
+    this.focusChanged.emit(target.value);
+  }
+  handleBlur(event) {
+    const target = event.target;
+    this.blurChanged.emit(target.value);
+  }
+  handleInvalid(event) {
+    event.preventDefault();
+    const target = event.target;
+    this.invalidChanged.emit(target.value);
+  }
+  render() {
+    const classNames = [this.showerrormsg ? 'invalid' : '', !this.label && this.required ? 'no-label' : ''].join(' ');
+    return (h(Host, null, h("label", null, this.label, !this.required ? h("span", { class: "optional" }, "\u00A0(optional)") : '', h("div", { class: "textarea-container" }, h("textarea", { rows: this.rows, class: classNames, autofocus: this.textareaautofocus, enterkeyhint: this.inputkeyhint, tabindex: this.inputindex, title: this.inputtitle, disabled: this.disabled, maxlength: this.maxlength, name: this.name, placeholder: this.placeholder, readonly: this.readonly, required: this.required, value: this.value, onBlur: this.handleBlur.bind(this), onFocus: this.handleFocus.bind(this), onInput: this.handleChange.bind(this), onInvalid: this.handleInvalid.bind(this) }), this.secondarylabel && h("span", { class: "secondarylabel" }, this.secondarylabel), this.showerrorbubble && (h("span", { class: ['errorBubble', this.showerrormsg && this.errormsg ? 'visible' : ''].join(' ') }, h("span", { class: "material-symbols-rounded validationicon" }, "warning"), " ", this.errormsg))))));
+  }
+  static get style() { return tttxTextareaCss; }
+}, [2, "tttx-textarea_1_9_103", {
+    "label": [1],
+    "secondarylabel": [1],
+    "showerrormsg": [4],
+    "showerrorbubble": [4],
+    "errormsg": [1],
+    "rows": [2],
+    "textareaautofocus": [4],
+    "inputkeyhint": [1],
+    "inputindex": [8],
+    "inputtitle": [1],
+    "disabled": [4],
+    "maxlength": [8],
+    "name": [1],
+    "placeholder": [1],
+    "readonly": [8],
+    "required": [4],
+    "value": [1032]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["tttx-textarea_1_9_103"];
+  components.forEach(tagName => { switch (tagName) {
+    case "tttx-textarea_1_9_103":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TttxTextarea);
+      }
+      break;
+  } });
 }
 
-const TttxTextarea_1_9_101 = TttxTextarea;
+const TttxTextarea_1_9_103 = TttxTextarea;
 const defineCustomElement = defineCustomElement$1;
 
-export { TttxTextarea_1_9_101, defineCustomElement };
+export { TttxTextarea_1_9_103, defineCustomElement };

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

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

package/dist/components/{tttx-toggle_1_9_101.js → tttx-toggle_1_9_103.js}

@@ -2,56 +2,56 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 
 const tttxToggleCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}:host{display:inline-block}#toggle-switch{width:50px;height:30px;border-radius:30px;position:relative;box-sizing:border-box}#toggle-switch input{cursor:pointer;width:50px;height:30px;padding:0;margin:0;top:0;left:0;border:none;outline:none;opacity:0;position:absolute}#toggle-switch #toggle-body{width:50px;height:30px;border-radius:28px;position:relative;top:0;left:0;pointer-events:none;background:#9e9e9e}#toggle-switch #toggle-body::after{font-family:\"Material Symbols Rounded\", sans-serif;content:\"\\e5ca\";position:absolute;width:26px;height:26px;left:2px;top:2px;border-radius:26px;background:white;transition:all 0.1s;font-size:22px;color:#FFFFFF;justify-content:center;display:inline-flex}#toggle-switch input:checked~#toggle-body::after{color:#a2bb31;left:22px}#toggle-switch input:checked~#toggle-body{background:#a2bb31}";
 
-const TttxToggle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.toggleSwitchEvent = createEvent(this, "toggleSwitchEvent", 3);
-    this.initialstate = undefined;
-    this._state = undefined;
-  }
-  componentWillLoad() {
-    if (this.initialstate === true || this.initialstate === 'true') {
-      this._state = true;
-    }
-    else {
-      this._state = false;
-    }
-  }
-  onChange(e) {
-    this.toggleSwitchEvent.emit({ checked: e.target.checked });
-  }
-  render() {
-    let checkbox;
-    if (this._state) {
-      checkbox = h("input", { type: 'checkbox', checked: true, onChange: this.onChange.bind(this) });
-    }
-    else {
-      checkbox = h("input", { type: 'checkbox', onChange: this.onChange.bind(this) });
-    }
-    return (h("div", { id: 'toggle-switch' }, checkbox, h("div", { id: 'toggle-body' })));
-  }
-  static get style() { return tttxToggleCss; }
-}, [1, "tttx-toggle_1_9_101", {
-    "initialstate": [8],
-    "_state": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-toggle_1_9_101"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-toggle_1_9_101":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxToggle);
-      }
-      break;
-  } });
+const TttxToggle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.toggleSwitchEvent = createEvent(this, "toggleSwitchEvent", 3);
+    this.initialstate = undefined;
+    this._state = undefined;
+  }
+  componentWillLoad() {
+    if (this.initialstate === true || this.initialstate === 'true') {
+      this._state = true;
+    }
+    else {
+      this._state = false;
+    }
+  }
+  onChange(e) {
+    this.toggleSwitchEvent.emit({ checked: e.target.checked });
+  }
+  render() {
+    let checkbox;
+    if (this._state) {
+      checkbox = h("input", { type: 'checkbox', checked: true, onChange: this.onChange.bind(this) });
+    }
+    else {
+      checkbox = h("input", { type: 'checkbox', onChange: this.onChange.bind(this) });
+    }
+    return (h("div", { id: 'toggle-switch' }, checkbox, h("div", { id: 'toggle-body' })));
+  }
+  static get style() { return tttxToggleCss; }
+}, [1, "tttx-toggle_1_9_103", {
+    "initialstate": [8],
+    "_state": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["tttx-toggle_1_9_103"];
+  components.forEach(tagName => { switch (tagName) {
+    case "tttx-toggle_1_9_103":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TttxToggle);
+      }
+      break;
+  } });
 }
 
-const TttxToggle_1_9_101 = TttxToggle;
+const TttxToggle_1_9_103 = TttxToggle;
 const defineCustomElement = defineCustomElement$1;
 
-export { TttxToggle_1_9_101, defineCustomElement };
+export { TttxToggle_1_9_103, defineCustomElement };

package/dist/components/tttx-toolbar.js

@@ -2,48 +2,48 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 
 const tttxToolbarCss = ".container{display:flex;align-items:flex-end;row-gap:8px;padding:8px 0;flex-wrap:wrap}.container.bordered{border-bottom:1px solid #d5d5d5}.desktop ::slotted([slot=before]){flex:1 1 0px}.desktop ::slotted([slot=center]){flex:0 1 fit-content}.desktop ::slotted([slot=after]){flex:1 1 0px}::slotted([slot=before]){display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=center]){display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:8px}::slotted([slot=after]){display:flex;justify-content:end;align-items:flex-end;flex-wrap:wrap;gap:8px}";
 
-const TttxToolbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.border = true;
-    this.viewSize = undefined;
-  }
-  handleResize() {
-    this.setViewSize();
-  }
-  async componentWillLoad() {
-    this.setViewSize();
-  }
-  setViewSize() {
-    if (window.innerWidth < 698) {
-      this.viewSize = 'mobile';
-    }
-    else {
-      this.viewSize = 'desktop';
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { class: `container ${this.border ? 'bordered' : ''} ${this.viewSize}` }, h("slot", { name: 'before' }), h("slot", { name: 'center' }), h("slot", { name: 'after' }))));
-  }
-  static get style() { return tttxToolbarCss; }
-}, [1, "tttx-toolbar_1_9_101", {
-    "border": [4],
-    "viewSize": [32]
-  }, [[9, "resize", "handleResize"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-toolbar_1_9_101"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-toolbar_1_9_101":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxToolbar);
-      }
-      break;
-  } });
+const TttxToolbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.border = true;
+    this.viewSize = undefined;
+  }
+  handleResize() {
+    this.setViewSize();
+  }
+  async componentWillLoad() {
+    this.setViewSize();
+  }
+  setViewSize() {
+    if (window.innerWidth < 698) {
+      this.viewSize = 'mobile';
+    }
+    else {
+      this.viewSize = 'desktop';
+    }
+  }
+  render() {
+    return (h(Host, null, h("div", { class: `container ${this.border ? 'bordered' : ''} ${this.viewSize}` }, h("slot", { name: 'before' }), h("slot", { name: 'center' }), h("slot", { name: 'after' }))));
+  }
+  static get style() { return tttxToolbarCss; }
+}, [1, "tttx-toolbar_1_9_103", {
+    "border": [4],
+    "viewSize": [32]
+  }, [[9, "resize", "handleResize"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["tttx-toolbar_1_9_103"];
+  components.forEach(tagName => { switch (tagName) {
+    case "tttx-toolbar_1_9_103":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TttxToolbar);
+      }
+      break;
+  } });
 }
 
 export { TttxToolbar as T, defineCustomElement as d };

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

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

package/dist/components/{tttx-toolbar_1_9_101.js → tttx-toolbar_1_9_103.js}

@@ -1,6 +1,6 @@
 import { T as TttxToolbar, d as defineCustomElement$1 } from './tttx-toolbar.js';
 
-const TttxToolbar_1_9_101 = TttxToolbar;
+const TttxToolbar_1_9_103 = TttxToolbar;
 const defineCustomElement = defineCustomElement$1;
 
-export { TttxToolbar_1_9_101, defineCustomElement };
+export { TttxToolbar_1_9_103, defineCustomElement };

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

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