@3t-transform/threeteeui 1.9.102 → 1.9.103

package/dist/esm/{tttx-textarea_localcomponent.entry.js → tttx-textarea_1_9_103.entry.js}

@@ -1,55 +1,55 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b614efb4.js';
 
-const tttxTextareaCss = ".material-symbols-rounded.sc-tttx-textarea_localcomponent{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}.sc-tttx-textarea_localcomponent-h{display:block}label.sc-tttx-textarea_localcomponent{font-weight:500;font-size:16px;line-height:18.752px;color:#212121}label.sc-tttx-textarea_localcomponent .textarea-container.sc-tttx-textarea_localcomponent{position:relative}label.sc-tttx-textarea_localcomponent .textarea-container.sc-tttx-textarea_localcomponent textarea.sc-tttx-textarea_localcomponent{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_localcomponent .textarea-container.sc-tttx-textarea_localcomponent textarea.no-label.sc-tttx-textarea_localcomponent{margin-top:0}label.sc-tttx-textarea_localcomponent .textarea-container.sc-tttx-textarea_localcomponent textarea.sc-tttx-textarea_localcomponent~.errorBubble.sc-tttx-textarea_localcomponent{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_localcomponent .textarea-container.sc-tttx-textarea_localcomponent textarea.sc-tttx-textarea_localcomponent~.errorBubble.sc-tttx-textarea_localcomponent:not(.visible){display:none}label.sc-tttx-textarea_localcomponent .textarea-container.sc-tttx-textarea_localcomponent textarea.sc-tttx-textarea_localcomponent~.errorBubble.sc-tttx-textarea_localcomponent span.sc-tttx-textarea_localcomponent{color:#dc0000;font-size:16px;margin-right:4px}label.sc-tttx-textarea_localcomponent .textarea-container.sc-tttx-textarea_localcomponent textarea.sc-tttx-textarea_localcomponent:focus{border-color:#1479c6}label.sc-tttx-textarea_localcomponent .textarea-container.sc-tttx-textarea_localcomponent textarea.sc-tttx-textarea_localcomponent:focus-visible{outline:none}label.sc-tttx-textarea_localcomponent .secondarylabel.sc-tttx-textarea_localcomponent{color:#757575;font-size:14px;line-height:16.408px;font-weight:normal;display:flex;margin-top:4px}label.sc-tttx-textarea_localcomponent .optional.sc-tttx-textarea_localcomponent{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 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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))))));
-  }
-};
+const TttxTextarea = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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))))));
+  }
+};
 TttxTextarea.style = tttxTextareaCss;
 
-export { TttxTextarea as tttx_textarea_localcomponent };
+export { TttxTextarea as tttx_textarea_1_9_103 };

package/dist/esm/{tttx-toggle_localcomponent.entry.js → tttx-toggle_1_9_103.entry.js}

@@ -2,35 +2,35 @@ import { r as registerInstance, c as createEvent, h } from './index-b614efb4.js'
 
 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 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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' })));
-  }
-};
+const TttxToggle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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' })));
+  }
+};
 TttxToggle.style = tttxToggleCss;
 
-export { TttxToggle as tttx_toggle_localcomponent };
+export { TttxToggle as tttx_toggle_1_9_103 };

package/dist/esm/{tttx-tooltip_localcomponent.entry.js → tttx-tooltip_1_9_103.entry.js}

@@ -2,92 +2,92 @@ import { r as registerInstance, h, g as getElement } from './index-b614efb4.js';
 
 const tttxTooltipCss = ":host{position:relative;display:inline-block}.tooltip-box{position:fixed;background-color:#020505;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;z-index:100000;box-shadow:0px 1px 4px 0px #0C0C0D;width:max-content;max-width:300px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.tooltip-box.no-shadow{box-shadow:none}.arrow{width:0;height:0;position:absolute;border-style:solid}.tooltip-box.top .arrow{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:#1e1e1e transparent transparent transparent}.tooltip-box.bottom .arrow{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent #1e1e1e transparent}.tooltip-box.left .arrow{right:-5px;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent #1e1e1e}.tooltip-box.right .arrow{left:-5px;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent #1e1e1e transparent transparent}";
 
-const TttxTooltip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.show = () => {
-      if (this.disabled)
-        return;
-      if (this.showOnlyOnOverflow && !this.contentOverflows())
-        return;
-      this.timeoutId = setTimeout(() => {
-        const rect = this.el.getBoundingClientRect();
-        this.tooltipStyles = this.getFixedStyles(rect);
-        this.visible = true;
-      }, this.delay);
-    };
-    this.hide = () => {
-      clearTimeout(this.timeoutId);
-      this.visible = false;
-    };
-    this.toggle = () => {
-      this.visible ? this.hide() : this.show();
-    };
-    this.text = undefined;
-    this.placement = 'top';
-    this.trigger = ['hover', 'click'];
-    this.delay = 0;
-    this.disabled = false;
-    this.ariaLabel = '';
-    this.showShadow = true;
-    this.showOnlyOnOverflow = false;
-    this.visible = false;
-    this.tooltipStyles = {};
-  }
-  connectedCallback() {
-    if (this.trigger.includes('hover')) {
-      this.el.addEventListener('mouseenter', this.show);
-      this.el.addEventListener('mouseleave', this.hide);
-    }
-    if (this.trigger.includes('focus')) {
-      this.el.addEventListener('focus', this.show);
-      this.el.addEventListener('blur', this.hide);
-    }
-    if (this.trigger.includes('click')) {
-      this.el.addEventListener('click', this.toggle);
-    }
-  }
-  disconnectedCallback() {
-    this.el.removeEventListener('mouseenter', this.show);
-    this.el.removeEventListener('mouseleave', this.hide);
-    this.el.removeEventListener('focus', this.show);
-    this.el.removeEventListener('blur', this.hide);
-    this.el.removeEventListener('click', this.toggle);
-  }
-  /**
-   * Helps determine where the tooltip should sit relative to its parent element.
-   * It looks at the element's current position and size, then offsets
-   * the tooltip based on the placement (top, bottom, left, right).
-   * This makes sure the tooltip always appears in the right spot,
-   * even inside a shadow DOM.
-   */
-  getFixedStyles(rect) {
-    var _a;
-    const centerX = rect.left + rect.width / 2;
-    const centerY = rect.top + rect.height / 2;
-    const stylesMap = {
-      top: { top: `${rect.top - 8}px`, left: `${centerX}px`, transform: 'translate(-50%, -100%)' },
-      bottom: { top: `${rect.bottom + 8}px`, left: `${centerX}px`, transform: 'translateX(-50%)' },
-      left: { top: `${centerY}px`, left: `${rect.left - 8}px`, transform: 'translate(-100%, -50%)' },
-      right: { top: `${centerY}px`, left: `${rect.right + 8}px`, transform: 'translateY(-50%)' },
-    };
-    return (_a = stylesMap[this.placement]) !== null && _a !== void 0 ? _a : stylesMap.top;
-  }
-  contentOverflows() {
-    var _a;
-    const slotEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
-    if (!slotEl)
-      return false;
-    const assignedElements = slotEl.assignedElements();
-    if (!assignedElements.length)
-      return false;
-    return assignedElements.some(el => el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight);
-  }
-  render() {
-    return (h("div", { class: "tooltip-wrapper" }, h("slot", null), this.visible && (h("div", { class: `tooltip-box ${this.placement} ${!this.showShadow ? 'no-shadow' : ''}`, style: this.tooltipStyles, role: "tooltip", "aria-label": this.ariaLabel || this.text }, this.text, h("span", { class: "arrow" })))));
-  }
-  get el() { return getElement(this); }
-};
+const TttxTooltip = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.show = () => {
+      if (this.disabled)
+        return;
+      if (this.showOnlyOnOverflow && !this.contentOverflows())
+        return;
+      this.timeoutId = setTimeout(() => {
+        const rect = this.el.getBoundingClientRect();
+        this.tooltipStyles = this.getFixedStyles(rect);
+        this.visible = true;
+      }, this.delay);
+    };
+    this.hide = () => {
+      clearTimeout(this.timeoutId);
+      this.visible = false;
+    };
+    this.toggle = () => {
+      this.visible ? this.hide() : this.show();
+    };
+    this.text = undefined;
+    this.placement = 'top';
+    this.trigger = ['hover', 'click'];
+    this.delay = 0;
+    this.disabled = false;
+    this.ariaLabel = '';
+    this.showShadow = true;
+    this.showOnlyOnOverflow = false;
+    this.visible = false;
+    this.tooltipStyles = {};
+  }
+  connectedCallback() {
+    if (this.trigger.includes('hover')) {
+      this.el.addEventListener('mouseenter', this.show);
+      this.el.addEventListener('mouseleave', this.hide);
+    }
+    if (this.trigger.includes('focus')) {
+      this.el.addEventListener('focus', this.show);
+      this.el.addEventListener('blur', this.hide);
+    }
+    if (this.trigger.includes('click')) {
+      this.el.addEventListener('click', this.toggle);
+    }
+  }
+  disconnectedCallback() {
+    this.el.removeEventListener('mouseenter', this.show);
+    this.el.removeEventListener('mouseleave', this.hide);
+    this.el.removeEventListener('focus', this.show);
+    this.el.removeEventListener('blur', this.hide);
+    this.el.removeEventListener('click', this.toggle);
+  }
+  /**
+   * Helps determine where the tooltip should sit relative to its parent element.
+   * It looks at the element's current position and size, then offsets
+   * the tooltip based on the placement (top, bottom, left, right).
+   * This makes sure the tooltip always appears in the right spot,
+   * even inside a shadow DOM.
+   */
+  getFixedStyles(rect) {
+    var _a;
+    const centerX = rect.left + rect.width / 2;
+    const centerY = rect.top + rect.height / 2;
+    const stylesMap = {
+      top: { top: `${rect.top - 8}px`, left: `${centerX}px`, transform: 'translate(-50%, -100%)' },
+      bottom: { top: `${rect.bottom + 8}px`, left: `${centerX}px`, transform: 'translateX(-50%)' },
+      left: { top: `${centerY}px`, left: `${rect.left - 8}px`, transform: 'translate(-100%, -50%)' },
+      right: { top: `${centerY}px`, left: `${rect.right + 8}px`, transform: 'translateY(-50%)' },
+    };
+    return (_a = stylesMap[this.placement]) !== null && _a !== void 0 ? _a : stylesMap.top;
+  }
+  contentOverflows() {
+    var _a;
+    const slotEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+    if (!slotEl)
+      return false;
+    const assignedElements = slotEl.assignedElements();
+    if (!assignedElements.length)
+      return false;
+    return assignedElements.some(el => el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight);
+  }
+  render() {
+    return (h("div", { class: "tooltip-wrapper" }, h("slot", null), this.visible && (h("div", { class: `tooltip-box ${this.placement} ${!this.showShadow ? 'no-shadow' : ''}`, style: this.tooltipStyles, role: "tooltip", "aria-label": this.ariaLabel || this.text }, this.text, h("span", { class: "arrow" })))));
+  }
+  get el() { return getElement(this); }
+};
 TttxTooltip.style = tttxTooltipCss;
 
-export { TttxTooltip as tttx_tooltip_localcomponent };
+export { TttxTooltip as tttx_tooltip_1_9_103 };