@3t-transform/threeteeui 1.9.99 → 1.9.101

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "1.9.99",
+    "version": "1.9.101",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/cjs/tttx-data-pattern_1_9_99.cjs.entry.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c07dc57.js');
-
-const tttxDataPatternCss = ":host{display:block}";
-
-const TttxDataPattern = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    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 (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("tttx-toolbar_1_9_99", { border: true }, index.h("span", { slot: "before" }, this.sorterOptions &&
-      index.h("tttx-sorter_1_9_99", { sorterKey: "data-pattern-list", fieldOptionsData: this.sorterOptions, defaultOption: this.defaultSortOption }), this.filterOptions &&
-      index.h("tttx-filter_1_9_99", { "filter-options": JSON.stringify(this.filterOptions), showSelectAll: false, "show-option-icons": true, "filter-header": this.filterHeader, "filter-key": "data-pattern-list" })), index.h("span", { slot: "after" }, index.h("tttx-standalone-input_1_9_99", { class: "qualifications-filter", showerrorbubble: false, inputicon: "search", inline: true, required: true, placeholder: this.searchplaceholder, type: "text", maxlength: 30 }))), index.h("tttx-toolbar_1_9_99", { border: false }, index.h("span", { slot: "before" }, this.addbutton &&
-      index.h("tttx-button_1_9_99", { design: "primary", icon: "add" }, this.addbuttonlabel))), index.h("tttx-list_1_9_99", { data: this.data }))));
-  }
-};
-TttxDataPattern.style = tttxDataPatternCss;
-
-exports.tttx_data_pattern_1_9_99 = TttxDataPattern;

package/dist/cjs/tttx-tree-view_1_9_99.cjs.entry.js

@@ -1,256 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2c07dc57.js');
-const domsanitiser_options = require('./domsanitiser.options-55ce2d65.js');
-require('./_commonjsHelpers-537d719a.js');
-
-const tttxTreeViewCss = ".material-symbols-rounded{font-variation-settings:\"FILL\" 1, \"wght\" 400, \"GRAD\" 0, \"opsz\" 24}:host{--tree-accent:#1579C6;--tree-selected-bg:#E7E7E7;--indent:36px;--accent-gap:46px;--accent-width:6px;--tree-left-edge-shift:0px;--leaf-accent-offset:48px}.tree-view-element>ul{margin:0;padding:0}.tree-view-element ul{padding-left:var(--indent)}.tree-view-element ul li{list-style:none}.tree-view-element ul li.selected-group{position:relative;}.tree-view-element ul li.selected-group::before,.tree-view-element ul li.selected-group::after{display:none}.tree-view-element ul li.selected-group>li.inline-tree-item.element-row.tree-node{background-color:var(--tree-selected-bg) !important;position:relative}.tree-view-element ul li.selected-group>li.inline-tree-item.element-row.tree-node::after{content:\"\";position:absolute;top:0;bottom:0;width:var(--accent-width);left:calc(-1 * (var(--accent-gap) + var(--level, 0) * var(--indent)));background-color:var(--tree-accent);z-index:5}.tree-view-element ul li.selected-group>ul li.inline-tree-item.element-row.tree-node{background-color:#F9F9F9 !important}.tree-view-element ul li.selected-group>ul li.inline-tree-item.element-row.tree-node::after{display:none !important}.tree-view-element ul li.inline-tree-item{display:flex;align-items:center}.tree-view-element ul li.inline-tree-item .element{display:flex;width:100%;padding-left:8px;align-items:center}.tree-view-element ul li.inline-tree-item .element .padding-icon{padding:6px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover:not(.rowSelected){cursor:pointer}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover:not(.rowSelected)::before{background-color:rgba(17, 17, 17, 0.05);z-index:3}.tree-view-element ul li.inline-tree-item.element-row.rowHover:hover.rowSelected::before{background-color:rgba(17, 17, 17, 0.15);z-index:3}}.tree-view-element ul li.inline-tree-item.element-row{min-height:36px;font-family:\"Roboto\", serif;font-size:16px;padding:8px 0px;position:relative;color:#212121 !important;}.tree-view-element ul li.inline-tree-item.element-row::before{content:\"\";position:absolute;left:-50%;bottom:0;right:0;border-bottom:1px solid #d5d5d5;pointer-events:none}.tree-view-element ul li.inline-tree-item.element-row.tree-node::before{height:51px;z-index:2;background-color:#F9F9F9}.tree-view-element ul li.inline-tree-item.element-row.tree-node *{z-index:3}.tree-view-element ul li.inline-tree-item.element-row .treeNode{width:100%;font-weight:500;color:#212121}.tree-view-element ul li.inline-tree-item.element-row .treeLeaf{width:100%;font-weight:400;color:#212121 !important}.tree-view-element ul li.inline-tree-item.element-row.rowSelected{background-color:var(--tree-selected-bg) !important;}.tree-view-element ul li.inline-tree-item.element-row.rowSelected::before{background-color:var(--tree-selected-bg) !important}.tree-view-element ul li.inline-tree-item.element-row.rowSelected .treeLeaf,.tree-view-element ul li.inline-tree-item.element-row.rowSelected .treeNode{color:#212121 !important}.tree-view-element ul li.inline-tree-item.element-row.tree-node.rowSelected{position:relative}.tree-view-element ul li.inline-tree-item.element-row.tree-node.rowSelected::after{content:\"\";position:absolute;top:0;bottom:0;width:var(--accent-width);left:calc(-1 * (var(--accent-gap) + var(--level, 0) * var(--indent)));background-color:var(--tree-accent);z-index:5}.tree-view-element ul li.inline-tree-item.element-row.rowSelected:not(.tree-node){position:relative}.tree-view-element ul li.inline-tree-item.element-row.rowSelected:not(.tree-node)::after{content:\"\";position:absolute;top:0;bottom:0;width:var(--accent-width);background-color:var(--tree-accent);z-index:5}.tree-view-element ul li.inline-tree-item.element-row.rowSelected:not(.tree-node)[data-has-drag-handle=true]{--drag-handle-offset:34px}.tree-view-element ul li.inline-tree-item.element-row.rowSelected:not(.tree-node)[data-has-checkbox=true]{--checkbox-offset:36px}.tree-view-element ul li.inline-tree-item.element-row .drag-handle{margin-right:10px}.tree-view-element ul li.inline-tree-item.element-row.rowSelected .drag-handle{margin-left:10px}.tree-view-element ul li.inline-tree-item.element-row .drop-not-allowed{border-color:red;border-style:dashed;cursor:not-allowed;opacity:0.7}@media (forced-colors: active){.tree-view-element ul li.selected-group li.inline-tree-item.element-row.tree-node::after{background:CanvasText}.tree-view-element ul li.selected-group::after{background:Highlight}.tree-view-element ul li.inline-tree-item.element-row.rowSelected{background:Highlight !important}}.inline-tree-item:focus-visible{outline:2px solid var(--tree-accent);outline-offset:2px;border-radius:6px}";
-
-const TttxTreeView = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.clickEvent = index.createEvent(this, "clickEvent", 7);
-    this.expandNode = index.createEvent(this, "expandNode", 7);
-    this.checkboxChange = index.createEvent(this, "checkboxChange", 7);
-    this.moveNode = index.createEvent(this, "moveNode", 7);
-    this.dragGhost = {
-      el: null,
-    };
-    this.createGhostImage = (label) => {
-      const ghost = document.createElement('div');
-      ghost.textContent = label;
-      Object.assign(ghost.style, {
-        position: 'absolute',
-        top: '-9999px',
-        left: '-9999px',
-        padding: '6px 20px',
-        background: 'white',
-        border: '1px solid #ccc',
-        fontSize: '14px',
-        pointerEvents: 'none',
-      });
-      document.body.appendChild(ghost);
-      setTimeout(() => document.body.removeChild(ghost), 0);
-      return ghost;
-    };
-    this.handleDragStart = (event, node, index, parentId) => {
-      if (!event.dataTransfer)
-        return;
-      this.draggedNodeParentId = parentId;
-      const payload = JSON.stringify({ parentId, index, node });
-      event.dataTransfer.setData('text/plain', payload);
-      const ghostImg = this.createGhostImage(node.title);
-      this.dragGhost.el = ghostImg;
-      event.dataTransfer.setDragImage(ghostImg, 0, 0);
-    };
-    this.handleDragDrop = (event, node, targetIndex, parentId) => {
-      var _a;
-      event.preventDefault();
-      const nodeData = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData('text/plain');
-      if (!nodeData)
-        return;
-      const { parentId: sourceParentId, index: sourceParentIndex, node: sourceNode } = JSON.parse(nodeData);
-      // Prevent dropping on itself or different parents
-      if (node.id === sourceNode.id || sourceParentId !== parentId)
-        return;
-      const updatedTree = [...this.treeData];
-      // Find the parent node
-      const parent = parentId ? this.findNodeById(updatedTree, parentId) : null;
-      // If no parent (root level), work with treeData directly
-      const children = (parent === null || parent === void 0 ? void 0 : parent.child) ? [...parent.child] : [...updatedTree];
-      if (!children || children.length === 0)
-        return;
-      // Move the node
-      const [moved] = children.splice(sourceParentIndex, 1);
-      children.splice(targetIndex, 0, moved);
-      // Update the tree
-      if (parent) {
-        parent.child = children;
-      }
-      else {
-        this.treeData = children;
-      }
-      this.draggedNodeParentId = undefined;
-      if (this.dragGhost.el) {
-        this.dragGhost.el.remove();
-        this.dragGhost.el = null;
-      }
-      this.moveNode.emit(this.treeData);
-    };
-    this.handleDragOver = (event, parentId) => {
-      event.preventDefault();
-      if (!event.dataTransfer)
-        return;
-      const validDrag = this.draggedNodeParentId === parentId;
-      event.dataTransfer.dropEffect = validDrag ? 'move' : 'none';
-    };
-    this.data = undefined;
-    this.treeData = undefined;
-  }
-  componentWillRender() {
-    if (!this.data)
-      return;
-    this.treeData = typeof this.data === 'string' ? JSON.parse(this.data) : this.data;
-    if (!this.dragIcon) {
-      this.dragIcon = index.getAssetPath('assets/img/drag-icon.svg');
-    }
-  }
-  onClickHandler(event, node) {
-    event.stopPropagation();
-    // Handle selection: if node is already selected, deselect it; otherwise select it and deselect all others
-    if (node.selectable) {
-      if (node.selected) {
-        // Toggle off: deselect this node
-        node.selected = false;
-      }
-      else {
-        // Toggle on: deselect all others and select this one
-        this.handleNodeSelection(node);
-        // node.selected is already set to true in handleNodeSelection
-      }
-      this.treeData = [...this.treeData];
-    }
-    this.clickEvent.emit(node);
-  }
-  toggleNode(node, event) {
-    event.stopPropagation();
-    node.isOpen = !node.isOpen;
-    this.treeData = [...this.treeData];
-    this.expandNode.emit({ node: node, treeViewData: this.treeData });
-  }
-  handleCheckboxChange(node, event) {
-    event.stopPropagation();
-    node.checked = !node.checked;
-    this.updateChildrenCheckStatus(node);
-    this.updateParentCheckStatus();
-    this.treeData = [...this.treeData];
-    this.checkboxChange.emit(this.treeData);
-  }
-  updateChildrenCheckStatus(node) {
-    if (node.child) {
-      node.child.forEach(childNode => {
-        if (childNode.hasCheckbox && childNode.checked !== undefined) {
-          // don't set checked on a child that doesn't have a checkbox
-          // makes it impossible to unselect a parent as child can never be unchecked in frontend
-          childNode.checked = node.checked;
-        }
-        this.updateChildrenCheckStatus(childNode);
-      });
-    }
-  }
-  /**
-   * Update the checkbox status of parent nodes when children have been updated.
-   * Called recursively to traverse the tree for parents.
-   * First call with no params to automatically start at the top of the tree.
-   *
-   * Any children checked -> parent is checked.
-   *
-   * All children unchecked -> parent is unchecked.
-   */
-  updateParentCheckStatus(parent = undefined, children = undefined) {
-    if (parent === undefined) {
-      this.treeData.forEach(node => this.updateParentCheckStatus(node, node.child));
-      return;
-    }
-    let childrenCheckedStatuses = [];
-    // set status relative to children if we have some
-    if (children && children.length > 0) {
-      childrenCheckedStatuses = children.map(node => this.updateParentCheckStatus(node, node.child)).flat(1);
-      // parent checked if any children are checked
-      if (childrenCheckedStatuses.some(checked => checked)) {
-        parent.checked = true;
-      }
-      // parent unchecked if all children are unchecked
-      if (childrenCheckedStatuses.every(checked => !checked)) {
-        parent.checked = false;
-      }
-    }
-    // return the gathered checked statuses so nodes above can make check choices
-    return [...childrenCheckedStatuses, parent.checked];
-  }
-  treeConfigs(node) {
-    let checkboxIcon, checkboxColor;
-    if (node.checked) {
-      checkboxIcon = 'check_box';
-      checkboxColor = 'blue';
-    }
-    else {
-      checkboxIcon = 'check_box_outline_blank';
-      checkboxColor = 'grey';
-    }
-    const rowHoverActive = node.hasHover ? 'rowHover' : '';
-    const expanderIcon = node.isOpen ? 'arrow_drop_down' : 'arrow_right';
-    const selectedActive = node.selectable && node.selected ? 'rowSelected' : '';
-    return { checkboxColor, checkboxIcon, rowHoverActive, expanderIcon, selectedActive };
-  }
-  findNodeById(nodes, id) {
-    for (const node of nodes) {
-      if (node.id === id)
-        return node;
-      if (node.child) {
-        const found = this.findNodeById(node.child, id);
-        if (found)
-          return found;
-      }
-    }
-    return undefined;
-  }
-  deselectAllNodes(nodes) {
-    for (const node of nodes) {
-      if (node.selectable) {
-        node.selected = false;
-      }
-      if (node.child) {
-        this.deselectAllNodes(node.child);
-      }
-    }
-  }
-  handleNodeSelection(node) {
-    // Deselect all nodes first
-    this.deselectAllNodes(this.treeData);
-    // Select only the clicked node if it's selectable
-    if (node.selectable) {
-      node.selected = true;
-    }
-    // Update the tree to trigger re-render
-    this.treeData = [...this.treeData];
-  }
-  renderNode(node, index$1, parentId = undefined, level = 0 // <-- depth
-  ) {
-    var _a, _b;
-    const options = this.treeConfigs(node);
-    if (node.child) {
-      // group node
-      const isSelectedGroup = !!node.selected;
-      return (index.h("li", { class: `${isSelectedGroup ? 'selected-group' : ''}`, style: { '--level': String(level) } }, index.h("li", Object.assign({ "data-id": node.id, draggable: (_a = node.draggable) !== null && _a !== void 0 ? _a : false }, (node.draggable ? { onDragOver: event => this.handleDragOver(event, parentId) } : {}), (node.draggable ? { onDrop: event => this.handleDragDrop(event, node, index$1, parentId) } : {}), { class: `inline-tree-item element-row tree-node ${options.rowHoverActive} ${options.selectedActive}`, onClick: event => {
-          if (node.hasHover) {
-            this.onClickHandler(event, node);
-          }
-        } }), index.h("tttx-button_1_9_99", { class: "toggleNode", design: "borderless-circle", notext: true, icon: options.expanderIcon, color: "black", onClick: event => this.toggleNode(node, event) }), this.htmlcode('treeNode', node, options.checkboxIcon, options.checkboxColor, index$1, parentId)), node.isOpen ? (index.h("ul", null, node.child.map((childNode, childIndex) => {
-        // next level = level + 1
-        return this.renderNode(childNode, childIndex, node.id, level + 1);
-      }))) : null));
-    }
-    // leaf (activity)
-    return (index.h("li", Object.assign({ "data-id": node.id, draggable: (_b = node.draggable) !== null && _b !== void 0 ? _b : false }, (node.draggable ? { onDragOver: event => this.handleDragOver(event, parentId) } : {}), (node.draggable ? { onDrop: event => this.handleDragDrop(event, node, index$1, parentId) } : {}), { class: `inline-tree-item element-row ${options.rowHoverActive} ${options.selectedActive}`, style: { '--level': String(level) }, onClick: event => {
-        if (node.hasHover) {
-          this.onClickHandler(event, node);
-        }
-      } }), this.htmlcode('treeLeaf', node, options.checkboxIcon, options.checkboxColor, index$1, parentId)));
-  }
-  htmlcode(type, node, check_box, check_boxColor, index$1, parentId = undefined) {
-    const htmlcode = (index.h("div", { class: "inline-tree-item element" }, node.draggable && (index.h("img", { src: this.dragIcon, alt: "drag", class: "drag-handle", draggable: true, onDragStart: event => this.handleDragStart(event, node, index$1, parentId) })), node.hasCheckbox && (index.h("tttx-button_1_9_99", { design: "borderless-circle", notext: true, icon: check_box, iconcolor: check_boxColor, class: "padding-icon checkbox", onClick: event => this.handleCheckboxChange(node, event) })), !node.html && node.hasIcon && (index.h("tttx-icon_1_9_99", { icon: node.icon, color: node.iconColor, class: "padding-icon" })), !node.html && index.h("div", { class: type }, node.title), node.html && index.h("div", { class: type, innerHTML: domsanitiser_options.purify.sanitize(node.html, domsanitiser_options.domSanitiserOptions) })));
-    return htmlcode;
-  }
-  render() {
-    if (!this.data)
-      return;
-    return (index.h("div", { class: "tree-view-element" }, index.h("ul", null, this.treeData.map((node, index) => this.renderNode(node, index)))));
-  }
-  get el() { return index.getElement(this); }
-};
-TttxTreeView.style = tttxTreeViewCss;
-
-exports.tttx_tree_view_1_9_99 = TttxTreeView;

package/dist/components/tttx-action-dropdown_1_9_99.d.ts

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

package/dist/components/tttx-checkbox-group-caption_1_9_99.d.ts

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

package/dist/components/tttx-checkbox-group-heading_1_9_99.d.ts

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

package/dist/components/tttx-checkbox-group_1_9_99.d.ts

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

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

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

package/dist/components/tttx-data-pattern_1_9_99.d.ts

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

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

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

package/dist/components/tttx-dialog-box_1_9_99.d.ts

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

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

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

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

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

package/dist/components/tttx-keyvalue-block_1_9_99.d.ts

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

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

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

package/dist/components/tttx-loading-spinner_1_9_99.d.ts

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

package/dist/components/tttx-multiselect-box_1_9_99.d.ts

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

package/dist/components/tttx-percentage-bar_1_9_99.d.ts

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

package/dist/components/tttx-range-slider_1_9_99.d.ts

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

package/dist/components/tttx-select-box_1_9_99.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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