@3t-transform/threeteeui 1.9.102 → 1.9.103

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

@@ -2,121 +2,121 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 
 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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    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 this; }
-  static get style() { return tttxTooltipCss; }
-}, [1, "tttx-tooltip_localcomponent", {
-    "text": [1],
-    "placement": [1],
-    "trigger": [16],
-    "delay": [2],
-    "disabled": [4],
-    "ariaLabel": [1, "aria-label"],
-    "showShadow": [4, "show-shadow"],
-    "showOnlyOnOverflow": [4, "show-only-on-overflow"],
-    "visible": [32],
-    "tooltipStyles": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-tooltip_localcomponent"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-tooltip_localcomponent":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxTooltip);
-      }
-      break;
-  } });
+const TttxTooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    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 this; }
+  static get style() { return tttxTooltipCss; }
+}, [1, "tttx-tooltip_1_9_103", {
+    "text": [1],
+    "placement": [1],
+    "trigger": [16],
+    "delay": [2],
+    "disabled": [4],
+    "ariaLabel": [1, "aria-label"],
+    "showShadow": [4, "show-shadow"],
+    "showOnlyOnOverflow": [4, "show-only-on-overflow"],
+    "visible": [32],
+    "tooltipStyles": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["tttx-tooltip_1_9_103"];
+  components.forEach(tagName => { switch (tagName) {
+    case "tttx-tooltip_1_9_103":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TttxTooltip);
+      }
+      break;
+  } });
 }
 
-const TttxTooltip_localcomponent = TttxTooltip;
+const TttxTooltip_1_9_103 = TttxTooltip;
 const defineCustomElement = defineCustomElement$1;
 
-export { TttxTooltip_localcomponent, defineCustomElement };
+export { TttxTooltip_1_9_103, defineCustomElement };

package/dist/components/tttx-tree-view_1_9_103.d.ts

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