@3t-transform/threeteeui 1.9.62 → 1.9.63

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ActionDropdownChangeEvent, ActionDropdownData } from "./components/molecules/tttx-action-dropdown/interfaces";
+import { ChartData, ChartOptions } from "chart.js";
 import { Comment } from "./components/molecules/tttx-comments/tttx-comments";
 import { DialogItems } from "./components/molecules/tttx-dialog-box/interfaces";
 import { FilterChangeEvent, FilterSettings } from "./components/molecules/tttx-filter/tttx-filter";
@@ -21,34 +22,44 @@ import { TableHeader } from "./components/molecules/tttx-table/tttx-table.types"
 import { Tab } from "./components/molecules/tttx-tabs/interfaces";
 import { ExpandNodeEvent, TreeViewItem } from "./components/molecules/tttx-tree-view/helper/helper";
 export namespace Components {
-    interface TttxActionDropdown_1_9_62 {
+    interface TttxActionDropdown_1_9_63 {
         "actionKey": string;
         "defaultOption": string;
         "fieldOptionsData": string | ActionDropdownData;
         "icon": string;
         "isIconVisible": boolean;
     }
-    interface TttxButton_1_9_62 {
+    interface TttxButton_1_9_63 {
         "design": string;
         "icon": string;
         "iconcolor": string;
         "iconposition": 'left' | 'right';
         "notext": boolean;
     }
-    interface TttxCheckboxGroupCaption_1_9_62 {
+    interface TttxChart_1_9_63 {
+        "chartData": ChartData;
+        "chartOptions"?: ChartOptions;
+        "chartType": 'line' | 'doughnut' | 'semi-gauge';
+        "error"?: boolean;
+        "fallbackText"?: string;
+        "height": string;
+        "loading"?: boolean;
+        "width": string;
     }
-    interface TttxCheckboxGroupHeading_1_9_62 {
+    interface TttxCheckboxGroupCaption_1_9_63 {
     }
-    interface TttxCheckboxGroup_1_9_62 {
+    interface TttxCheckboxGroupHeading_1_9_63 {
     }
-    interface TttxCheckbox_1_9_62 {
+    interface TttxCheckboxGroup_1_9_63 {
+    }
+    interface TttxCheckbox_1_9_63 {
         "checkboxId": string;
         "checked": boolean;
         "indeterminate": boolean;
         "inline": boolean;
         "label": string;
     }
-    interface TttxComments_1_9_62 {
+    interface TttxComments_1_9_63 {
         "addDummyComment": (text: string, createdByFullName?: string) => Promise<void>;
         "allowEditing": boolean;
         "comments": string | Comment[];
@@ -61,7 +72,7 @@ export namespace Components {
         "saveButtonText": string;
         "value": string;
     }
-    interface TttxDataPattern_1_9_62 {
+    interface TttxDataPattern_1_9_63 {
         "addbutton": boolean;
         "addbuttonlabel": string;
         "data": string;
@@ -71,7 +82,7 @@ export namespace Components {
         "searchplaceholder": string;
         "sorterOptions": string;
     }
-    interface TttxDatacard_1_9_62 {
+    interface TttxDatacard_1_9_63 {
         "cardTitle": string;
         "cardType": string;
         "chartConfig": string;
@@ -84,13 +95,13 @@ export namespace Components {
         "initialValue"?: { start: string; end: string };
         "placeholderText": string;
     }
-    interface TttxDialogBox_1_9_62 {
+    interface TttxDialogBox_1_9_63 {
         "allowOverflow": boolean;
         "data": string | DialogItems;
         "open": boolean;
         "size": 'regular' | 'mobile' | 'large' | 'small';
     }
-    interface TttxDialog_1_9_62 {
+    interface TttxDialog_1_9_63 {
         "allowOverflow": boolean;
         "closeEnabled": boolean;
         "header": string;
@@ -98,13 +109,13 @@ export namespace Components {
         "size": 'regular' | 'mobile' | 'large' | 'small';
         "type": 'info' | 'success' | 'warning' | 'critical' | undefined;
     }
-    interface TttxExpander_1_9_62 {
+    interface TttxExpander_1_9_63 {
         "lefticon"?: string;
         "lefticoncolor"?: string;
         "name": string;
         "open": boolean;
     }
-    interface TttxFilter_1_9_62 {
+    interface TttxFilter_1_9_63 {
         "defaultFilterOptions": string[] | string;
         "filterButtonStyle": 'list filter' | 'list icon' | 'table icon';
         "filterHeader": string;
@@ -115,7 +126,7 @@ export namespace Components {
         "showSearchField": boolean;
         "showSelectAll": boolean;
     }
-    interface TttxForm_1_9_62 {
+    interface TttxForm_1_9_63 {
         /**
           * Clear the validation message on a given form field
           * @param fieldName The form field name to clear the validation of
@@ -162,33 +173,33 @@ export namespace Components {
         "showLoadingSpinner": (fieldname: string, value: boolean) => Promise<void>;
         "submit": () => Promise<void>;
     }
-    interface TttxGraph_1_9_62 {
+    interface TttxGraph_1_9_63 {
         "chartData": string;
         "chartText": string;
         "chartType": string;
     }
-    interface TttxIcon_1_9_62 {
+    interface TttxIcon_1_9_63 {
         "color": string;
         "icon": string;
         "size": number;
     }
-    interface TttxKeyvalueBlock_1_9_62 {
+    interface TttxKeyvalueBlock_1_9_63 {
         "horizontal": boolean;
         "keyvalues": KeyBlockValues | KeyBlockValues[] | string;
         "spacedout": boolean;
     }
-    interface TttxList_1_9_62 {
+    interface TttxList_1_9_63 {
         "data": string | ListItem[];
         "name": string;
     }
-    interface TttxLoadingSpinner_1_9_62 {
+    interface TttxLoadingSpinner_1_9_63 {
         "color": string;
         "customMessageSchema"?: { threshold: number; message: string }[];
         "loadingMessage": boolean;
         "message"?: string;
         "size": 'small' | 'large';
     }
-    interface TttxMultiselectBox_1_9_62 {
+    interface TttxMultiselectBox_1_9_63 {
         "htmlVisibleValue": boolean;
         "inline": boolean;
         "isLoading": boolean;
@@ -202,18 +213,18 @@ export namespace Components {
         "stopLocalSearch": boolean;
         "visibleValue": string;
     }
-    interface TttxPercentageBar_1_9_62 {
+    interface TttxPercentageBar_1_9_63 {
         "color"?: string;
         "labelid"?: string;
         "min": string;
         "percentage": string | number;
         "thresholds"?: string | Threshold[];
     }
-    interface TttxQrcode_1_9_62 {
+    interface TttxQrcode_1_9_63 {
         "link": string;
         "size": number;
     }
-    interface TttxSelectBox_1_9_62 {
+    interface TttxSelectBox_1_9_63 {
         "clearable": boolean;
         "errorMsg": string;
         "inline": boolean;
@@ -233,7 +244,7 @@ export namespace Components {
         "useExternalFiltering": boolean;
         "useExternalPaginatedFiltering": boolean;
     }
-    interface TttxSkeleton_loader_1_9_62 {
+    interface TttxSkeleton_loader_1_9_63 {
         "animation": 'pulse' | 'wave' | 'none';
         "borderRadius": string;
         "color": string;
@@ -245,13 +256,13 @@ export namespace Components {
         "variant": 'text' | 'circle' | 'rect';
         "width": string;
     }
-    interface TttxSorter_1_9_62 {
+    interface TttxSorter_1_9_63 {
         "defaultOption": string;
         "defaultSortDirection": 'ascending' | 'descending';
         "fieldOptionsData": string | SorterData;
         "sorterKey": string;
     }
-    interface TttxStandaloneInput_1_9_62 {
+    interface TttxStandaloneInput_1_9_63 {
         "autocomplete": 'off' | 'on';
         "checked": boolean;
         "disabled": boolean;
@@ -267,8 +278,8 @@ export namespace Components {
         "inputiconcolor": string;
         /**
           * tabindex - Allows the HTML elements to be focusable
-          * @example <caption>In HTML (like `index.html`)</caption> <tttx-standalone-input_1_9_62 input-index="1" />
-          * @example <caption>In TSX files</caption> <tttx-standalone-input_1_9_62 inputindex={1} />
+          * @example <caption>In HTML (like `index.html`)</caption> <tttx-standalone-input_1_9_63 input-index="1" />
+          * @example <caption>In TSX files</caption> <tttx-standalone-input_1_9_63 inputindex={1} />
          */
         "inputindex": string | number;
         /**
@@ -296,7 +307,7 @@ export namespace Components {
         "type": string;
         "value": string | number;
     }
-    interface TttxTable_1_9_62 {
+    interface TttxTable_1_9_63 {
         "data": any;
         "draggableHeaders": boolean;
         "headers": TableHeader[];
@@ -304,13 +315,13 @@ export namespace Components {
         "selectable": boolean;
         "selected": number;
     }
-    interface TttxTabs_1_9_62 {
+    interface TttxTabs_1_9_63 {
         "navigation": boolean;
         "tabs": string | Tab[];
         "tabsName": string;
         "wide": boolean;
     }
-    interface TttxTag_1_9_62 {
+    interface TttxTag_1_9_63 {
         "color": string;
         "hasIcon": boolean;
         "icon": string;
@@ -319,13 +330,13 @@ export namespace Components {
         "text": string;
         "textColor": string;
     }
-    interface TttxTextarea_1_9_62 {
+    interface TttxTextarea_1_9_63 {
         "disabled": boolean;
         "errormsg": string;
         /**
           * tabindex - Allows the HTML elements to be focusable
-          * @example <caption>In HTML (like `index.html`)</caption> <tttx-textarea_1_9_62 input-index="1" />
-          * @example <caption>In TSX files</caption> <tttx-textarea_1_9_62 inputindex={1} />
+          * @example <caption>In HTML (like `index.html`)</caption> <tttx-textarea_1_9_63 input-index="1" />
+          * @example <caption>In TSX files</caption> <tttx-textarea_1_9_63 inputindex={1} />
          */
         "inputindex": string | number;
         /**
@@ -349,146 +360,156 @@ export namespace Components {
         "textareaautofocus": boolean;
         "value": string | number;
     }
-    interface TttxToggle_1_9_62 {
+    interface TttxToggle_1_9_63 {
         "initialstate": boolean | string;
     }
-    interface TttxToolbar_1_9_62 {
+    interface TttxToolbar_1_9_63 {
         "border": boolean;
     }
-    interface TttxTreeView_1_9_62 {
+    interface TttxTreeView_1_9_63 {
         "data": TreeViewItem[];
     }
 }
-export interface TttxActionDropdown_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxActionDropdown_1_9_63CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTttxActionDropdown_1_9_63Element;
+}
+export interface TttxChart_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxActionDropdown_1_9_62Element;
+    target: HTMLTttxChart_1_9_63Element;
 }
-export interface TttxCheckbox_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxCheckbox_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxCheckbox_1_9_62Element;
+    target: HTMLTttxCheckbox_1_9_63Element;
 }
-export interface TttxComments_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxComments_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxComments_1_9_62Element;
+    target: HTMLTttxComments_1_9_63Element;
 }
 export interface TttxDateRangePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxDateRangePickerElement;
 }
-export interface TttxDialogBox_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxDialogBox_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxDialogBox_1_9_62Element;
+    target: HTMLTttxDialogBox_1_9_63Element;
 }
-export interface TttxDialog_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxDialog_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxDialog_1_9_62Element;
+    target: HTMLTttxDialog_1_9_63Element;
 }
-export interface TttxExpander_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxExpander_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxExpander_1_9_62Element;
+    target: HTMLTttxExpander_1_9_63Element;
 }
-export interface TttxFilter_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxFilter_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxFilter_1_9_62Element;
+    target: HTMLTttxFilter_1_9_63Element;
 }
-export interface TttxForm_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxForm_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxForm_1_9_62Element;
+    target: HTMLTttxForm_1_9_63Element;
 }
-export interface TttxList_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxList_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxList_1_9_62Element;
+    target: HTMLTttxList_1_9_63Element;
 }
-export interface TttxMultiselectBox_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxMultiselectBox_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxMultiselectBox_1_9_62Element;
+    target: HTMLTttxMultiselectBox_1_9_63Element;
 }
-export interface TttxSelectBox_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxSelectBox_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxSelectBox_1_9_62Element;
+    target: HTMLTttxSelectBox_1_9_63Element;
 }
-export interface TttxSorter_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxSorter_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxSorter_1_9_62Element;
+    target: HTMLTttxSorter_1_9_63Element;
 }
-export interface TttxStandaloneInput_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxStandaloneInput_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxStandaloneInput_1_9_62Element;
+    target: HTMLTttxStandaloneInput_1_9_63Element;
 }
-export interface TttxTable_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxTable_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxTable_1_9_62Element;
+    target: HTMLTttxTable_1_9_63Element;
 }
-export interface TttxTabs_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxTabs_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxTabs_1_9_62Element;
+    target: HTMLTttxTabs_1_9_63Element;
 }
-export interface TttxTextarea_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxTextarea_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxTextarea_1_9_62Element;
+    target: HTMLTttxTextarea_1_9_63Element;
 }
-export interface TttxToggle_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxToggle_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxToggle_1_9_62Element;
+    target: HTMLTttxToggle_1_9_63Element;
 }
-export interface TttxTreeView_1_9_62CustomEvent<T> extends CustomEvent<T> {
+export interface TttxTreeView_1_9_63CustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLTttxTreeView_1_9_62Element;
+    target: HTMLTttxTreeView_1_9_63Element;
 }
 declare global {
-    interface HTMLTttxActionDropdown_1_9_62Element extends Components.TttxActionDropdown_1_9_62, HTMLStencilElement {
+    interface HTMLTttxActionDropdown_1_9_63Element extends Components.TttxActionDropdown_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxActionDropdown_1_9_62Element: {
-        prototype: HTMLTttxActionDropdown_1_9_62Element;
-        new (): HTMLTttxActionDropdown_1_9_62Element;
+    var HTMLTttxActionDropdown_1_9_63Element: {
+        prototype: HTMLTttxActionDropdown_1_9_63Element;
+        new (): HTMLTttxActionDropdown_1_9_63Element;
     };
-    interface HTMLTttxButton_1_9_62Element extends Components.TttxButton_1_9_62, HTMLStencilElement {
+    interface HTMLTttxButton_1_9_63Element extends Components.TttxButton_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxButton_1_9_62Element: {
-        prototype: HTMLTttxButton_1_9_62Element;
-        new (): HTMLTttxButton_1_9_62Element;
+    var HTMLTttxButton_1_9_63Element: {
+        prototype: HTMLTttxButton_1_9_63Element;
+        new (): HTMLTttxButton_1_9_63Element;
     };
-    interface HTMLTttxCheckboxGroupCaption_1_9_62Element extends Components.TttxCheckboxGroupCaption_1_9_62, HTMLStencilElement {
+    interface HTMLTttxChart_1_9_63Element extends Components.TttxChart_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxCheckboxGroupCaption_1_9_62Element: {
-        prototype: HTMLTttxCheckboxGroupCaption_1_9_62Element;
-        new (): HTMLTttxCheckboxGroupCaption_1_9_62Element;
+    var HTMLTttxChart_1_9_63Element: {
+        prototype: HTMLTttxChart_1_9_63Element;
+        new (): HTMLTttxChart_1_9_63Element;
     };
-    interface HTMLTttxCheckboxGroupHeading_1_9_62Element extends Components.TttxCheckboxGroupHeading_1_9_62, HTMLStencilElement {
+    interface HTMLTttxCheckboxGroupCaption_1_9_63Element extends Components.TttxCheckboxGroupCaption_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxCheckboxGroupHeading_1_9_62Element: {
-        prototype: HTMLTttxCheckboxGroupHeading_1_9_62Element;
-        new (): HTMLTttxCheckboxGroupHeading_1_9_62Element;
+    var HTMLTttxCheckboxGroupCaption_1_9_63Element: {
+        prototype: HTMLTttxCheckboxGroupCaption_1_9_63Element;
+        new (): HTMLTttxCheckboxGroupCaption_1_9_63Element;
     };
-    interface HTMLTttxCheckboxGroup_1_9_62Element extends Components.TttxCheckboxGroup_1_9_62, HTMLStencilElement {
+    interface HTMLTttxCheckboxGroupHeading_1_9_63Element extends Components.TttxCheckboxGroupHeading_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxCheckboxGroup_1_9_62Element: {
-        prototype: HTMLTttxCheckboxGroup_1_9_62Element;
-        new (): HTMLTttxCheckboxGroup_1_9_62Element;
+    var HTMLTttxCheckboxGroupHeading_1_9_63Element: {
+        prototype: HTMLTttxCheckboxGroupHeading_1_9_63Element;
+        new (): HTMLTttxCheckboxGroupHeading_1_9_63Element;
     };
-    interface HTMLTttxCheckbox_1_9_62Element extends Components.TttxCheckbox_1_9_62, HTMLStencilElement {
+    interface HTMLTttxCheckboxGroup_1_9_63Element extends Components.TttxCheckboxGroup_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxCheckbox_1_9_62Element: {
-        prototype: HTMLTttxCheckbox_1_9_62Element;
-        new (): HTMLTttxCheckbox_1_9_62Element;
+    var HTMLTttxCheckboxGroup_1_9_63Element: {
+        prototype: HTMLTttxCheckboxGroup_1_9_63Element;
+        new (): HTMLTttxCheckboxGroup_1_9_63Element;
     };
-    interface HTMLTttxComments_1_9_62Element extends Components.TttxComments_1_9_62, HTMLStencilElement {
+    interface HTMLTttxCheckbox_1_9_63Element extends Components.TttxCheckbox_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxComments_1_9_62Element: {
-        prototype: HTMLTttxComments_1_9_62Element;
-        new (): HTMLTttxComments_1_9_62Element;
+    var HTMLTttxCheckbox_1_9_63Element: {
+        prototype: HTMLTttxCheckbox_1_9_63Element;
+        new (): HTMLTttxCheckbox_1_9_63Element;
     };
-    interface HTMLTttxDataPattern_1_9_62Element extends Components.TttxDataPattern_1_9_62, HTMLStencilElement {
+    interface HTMLTttxComments_1_9_63Element extends Components.TttxComments_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxDataPattern_1_9_62Element: {
-        prototype: HTMLTttxDataPattern_1_9_62Element;
-        new (): HTMLTttxDataPattern_1_9_62Element;
+    var HTMLTttxComments_1_9_63Element: {
+        prototype: HTMLTttxComments_1_9_63Element;
+        new (): HTMLTttxComments_1_9_63Element;
     };
-    interface HTMLTttxDatacard_1_9_62Element extends Components.TttxDatacard_1_9_62, HTMLStencilElement {
+    interface HTMLTttxDataPattern_1_9_63Element extends Components.TttxDataPattern_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxDatacard_1_9_62Element: {
-        prototype: HTMLTttxDatacard_1_9_62Element;
-        new (): HTMLTttxDatacard_1_9_62Element;
+    var HTMLTttxDataPattern_1_9_63Element: {
+        prototype: HTMLTttxDataPattern_1_9_63Element;
+        new (): HTMLTttxDataPattern_1_9_63Element;
+    };
+    interface HTMLTttxDatacard_1_9_63Element extends Components.TttxDatacard_1_9_63, HTMLStencilElement {
+    }
+    var HTMLTttxDatacard_1_9_63Element: {
+        prototype: HTMLTttxDatacard_1_9_63Element;
+        new (): HTMLTttxDatacard_1_9_63Element;
     };
     interface HTMLTttxDateRangePickerElement extends Components.TttxDateRangePicker, HTMLStencilElement {
     }
@@ -496,237 +517,249 @@ declare global {
         prototype: HTMLTttxDateRangePickerElement;
         new (): HTMLTttxDateRangePickerElement;
     };
-    interface HTMLTttxDialogBox_1_9_62Element extends Components.TttxDialogBox_1_9_62, HTMLStencilElement {
+    interface HTMLTttxDialogBox_1_9_63Element extends Components.TttxDialogBox_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxDialogBox_1_9_62Element: {
-        prototype: HTMLTttxDialogBox_1_9_62Element;
-        new (): HTMLTttxDialogBox_1_9_62Element;
+    var HTMLTttxDialogBox_1_9_63Element: {
+        prototype: HTMLTttxDialogBox_1_9_63Element;
+        new (): HTMLTttxDialogBox_1_9_63Element;
     };
-    interface HTMLTttxDialog_1_9_62Element extends Components.TttxDialog_1_9_62, HTMLStencilElement {
+    interface HTMLTttxDialog_1_9_63Element extends Components.TttxDialog_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxDialog_1_9_62Element: {
-        prototype: HTMLTttxDialog_1_9_62Element;
-        new (): HTMLTttxDialog_1_9_62Element;
+    var HTMLTttxDialog_1_9_63Element: {
+        prototype: HTMLTttxDialog_1_9_63Element;
+        new (): HTMLTttxDialog_1_9_63Element;
     };
-    interface HTMLTttxExpander_1_9_62Element extends Components.TttxExpander_1_9_62, HTMLStencilElement {
+    interface HTMLTttxExpander_1_9_63Element extends Components.TttxExpander_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxExpander_1_9_62Element: {
-        prototype: HTMLTttxExpander_1_9_62Element;
-        new (): HTMLTttxExpander_1_9_62Element;
+    var HTMLTttxExpander_1_9_63Element: {
+        prototype: HTMLTttxExpander_1_9_63Element;
+        new (): HTMLTttxExpander_1_9_63Element;
     };
-    interface HTMLTttxFilter_1_9_62Element extends Components.TttxFilter_1_9_62, HTMLStencilElement {
+    interface HTMLTttxFilter_1_9_63Element extends Components.TttxFilter_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxFilter_1_9_62Element: {
-        prototype: HTMLTttxFilter_1_9_62Element;
-        new (): HTMLTttxFilter_1_9_62Element;
+    var HTMLTttxFilter_1_9_63Element: {
+        prototype: HTMLTttxFilter_1_9_63Element;
+        new (): HTMLTttxFilter_1_9_63Element;
     };
-    interface HTMLTttxForm_1_9_62Element extends Components.TttxForm_1_9_62, HTMLStencilElement {
+    interface HTMLTttxForm_1_9_63Element extends Components.TttxForm_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxForm_1_9_62Element: {
-        prototype: HTMLTttxForm_1_9_62Element;
-        new (): HTMLTttxForm_1_9_62Element;
+    var HTMLTttxForm_1_9_63Element: {
+        prototype: HTMLTttxForm_1_9_63Element;
+        new (): HTMLTttxForm_1_9_63Element;
     };
-    interface HTMLTttxGraph_1_9_62Element extends Components.TttxGraph_1_9_62, HTMLStencilElement {
+    interface HTMLTttxGraph_1_9_63Element extends Components.TttxGraph_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxGraph_1_9_62Element: {
-        prototype: HTMLTttxGraph_1_9_62Element;
-        new (): HTMLTttxGraph_1_9_62Element;
+    var HTMLTttxGraph_1_9_63Element: {
+        prototype: HTMLTttxGraph_1_9_63Element;
+        new (): HTMLTttxGraph_1_9_63Element;
     };
-    interface HTMLTttxIcon_1_9_62Element extends Components.TttxIcon_1_9_62, HTMLStencilElement {
+    interface HTMLTttxIcon_1_9_63Element extends Components.TttxIcon_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxIcon_1_9_62Element: {
-        prototype: HTMLTttxIcon_1_9_62Element;
-        new (): HTMLTttxIcon_1_9_62Element;
+    var HTMLTttxIcon_1_9_63Element: {
+        prototype: HTMLTttxIcon_1_9_63Element;
+        new (): HTMLTttxIcon_1_9_63Element;
     };
-    interface HTMLTttxKeyvalueBlock_1_9_62Element extends Components.TttxKeyvalueBlock_1_9_62, HTMLStencilElement {
+    interface HTMLTttxKeyvalueBlock_1_9_63Element extends Components.TttxKeyvalueBlock_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxKeyvalueBlock_1_9_62Element: {
-        prototype: HTMLTttxKeyvalueBlock_1_9_62Element;
-        new (): HTMLTttxKeyvalueBlock_1_9_62Element;
+    var HTMLTttxKeyvalueBlock_1_9_63Element: {
+        prototype: HTMLTttxKeyvalueBlock_1_9_63Element;
+        new (): HTMLTttxKeyvalueBlock_1_9_63Element;
     };
-    interface HTMLTttxList_1_9_62Element extends Components.TttxList_1_9_62, HTMLStencilElement {
+    interface HTMLTttxList_1_9_63Element extends Components.TttxList_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxList_1_9_62Element: {
-        prototype: HTMLTttxList_1_9_62Element;
-        new (): HTMLTttxList_1_9_62Element;
+    var HTMLTttxList_1_9_63Element: {
+        prototype: HTMLTttxList_1_9_63Element;
+        new (): HTMLTttxList_1_9_63Element;
     };
-    interface HTMLTttxLoadingSpinner_1_9_62Element extends Components.TttxLoadingSpinner_1_9_62, HTMLStencilElement {
+    interface HTMLTttxLoadingSpinner_1_9_63Element extends Components.TttxLoadingSpinner_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxLoadingSpinner_1_9_62Element: {
-        prototype: HTMLTttxLoadingSpinner_1_9_62Element;
-        new (): HTMLTttxLoadingSpinner_1_9_62Element;
+    var HTMLTttxLoadingSpinner_1_9_63Element: {
+        prototype: HTMLTttxLoadingSpinner_1_9_63Element;
+        new (): HTMLTttxLoadingSpinner_1_9_63Element;
     };
-    interface HTMLTttxMultiselectBox_1_9_62Element extends Components.TttxMultiselectBox_1_9_62, HTMLStencilElement {
+    interface HTMLTttxMultiselectBox_1_9_63Element extends Components.TttxMultiselectBox_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxMultiselectBox_1_9_62Element: {
-        prototype: HTMLTttxMultiselectBox_1_9_62Element;
-        new (): HTMLTttxMultiselectBox_1_9_62Element;
+    var HTMLTttxMultiselectBox_1_9_63Element: {
+        prototype: HTMLTttxMultiselectBox_1_9_63Element;
+        new (): HTMLTttxMultiselectBox_1_9_63Element;
     };
-    interface HTMLTttxPercentageBar_1_9_62Element extends Components.TttxPercentageBar_1_9_62, HTMLStencilElement {
+    interface HTMLTttxPercentageBar_1_9_63Element extends Components.TttxPercentageBar_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxPercentageBar_1_9_62Element: {
-        prototype: HTMLTttxPercentageBar_1_9_62Element;
-        new (): HTMLTttxPercentageBar_1_9_62Element;
+    var HTMLTttxPercentageBar_1_9_63Element: {
+        prototype: HTMLTttxPercentageBar_1_9_63Element;
+        new (): HTMLTttxPercentageBar_1_9_63Element;
     };
-    interface HTMLTttxQrcode_1_9_62Element extends Components.TttxQrcode_1_9_62, HTMLStencilElement {
+    interface HTMLTttxQrcode_1_9_63Element extends Components.TttxQrcode_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxQrcode_1_9_62Element: {
-        prototype: HTMLTttxQrcode_1_9_62Element;
-        new (): HTMLTttxQrcode_1_9_62Element;
+    var HTMLTttxQrcode_1_9_63Element: {
+        prototype: HTMLTttxQrcode_1_9_63Element;
+        new (): HTMLTttxQrcode_1_9_63Element;
     };
-    interface HTMLTttxSelectBox_1_9_62Element extends Components.TttxSelectBox_1_9_62, HTMLStencilElement {
+    interface HTMLTttxSelectBox_1_9_63Element extends Components.TttxSelectBox_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxSelectBox_1_9_62Element: {
-        prototype: HTMLTttxSelectBox_1_9_62Element;
-        new (): HTMLTttxSelectBox_1_9_62Element;
+    var HTMLTttxSelectBox_1_9_63Element: {
+        prototype: HTMLTttxSelectBox_1_9_63Element;
+        new (): HTMLTttxSelectBox_1_9_63Element;
     };
-    interface HTMLTttxSkeleton_loader_1_9_62Element extends Components.TttxSkeleton_loader_1_9_62, HTMLStencilElement {
+    interface HTMLTttxSkeleton_loader_1_9_63Element extends Components.TttxSkeleton_loader_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxSkeleton_loader_1_9_62Element: {
-        prototype: HTMLTttxSkeleton_loader_1_9_62Element;
-        new (): HTMLTttxSkeleton_loader_1_9_62Element;
+    var HTMLTttxSkeleton_loader_1_9_63Element: {
+        prototype: HTMLTttxSkeleton_loader_1_9_63Element;
+        new (): HTMLTttxSkeleton_loader_1_9_63Element;
     };
-    interface HTMLTttxSorter_1_9_62Element extends Components.TttxSorter_1_9_62, HTMLStencilElement {
+    interface HTMLTttxSorter_1_9_63Element extends Components.TttxSorter_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxSorter_1_9_62Element: {
-        prototype: HTMLTttxSorter_1_9_62Element;
-        new (): HTMLTttxSorter_1_9_62Element;
+    var HTMLTttxSorter_1_9_63Element: {
+        prototype: HTMLTttxSorter_1_9_63Element;
+        new (): HTMLTttxSorter_1_9_63Element;
     };
-    interface HTMLTttxStandaloneInput_1_9_62Element extends Components.TttxStandaloneInput_1_9_62, HTMLStencilElement {
+    interface HTMLTttxStandaloneInput_1_9_63Element extends Components.TttxStandaloneInput_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxStandaloneInput_1_9_62Element: {
-        prototype: HTMLTttxStandaloneInput_1_9_62Element;
-        new (): HTMLTttxStandaloneInput_1_9_62Element;
+    var HTMLTttxStandaloneInput_1_9_63Element: {
+        prototype: HTMLTttxStandaloneInput_1_9_63Element;
+        new (): HTMLTttxStandaloneInput_1_9_63Element;
     };
-    interface HTMLTttxTable_1_9_62Element extends Components.TttxTable_1_9_62, HTMLStencilElement {
+    interface HTMLTttxTable_1_9_63Element extends Components.TttxTable_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxTable_1_9_62Element: {
-        prototype: HTMLTttxTable_1_9_62Element;
-        new (): HTMLTttxTable_1_9_62Element;
+    var HTMLTttxTable_1_9_63Element: {
+        prototype: HTMLTttxTable_1_9_63Element;
+        new (): HTMLTttxTable_1_9_63Element;
     };
-    interface HTMLTttxTabs_1_9_62Element extends Components.TttxTabs_1_9_62, HTMLStencilElement {
+    interface HTMLTttxTabs_1_9_63Element extends Components.TttxTabs_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxTabs_1_9_62Element: {
-        prototype: HTMLTttxTabs_1_9_62Element;
-        new (): HTMLTttxTabs_1_9_62Element;
+    var HTMLTttxTabs_1_9_63Element: {
+        prototype: HTMLTttxTabs_1_9_63Element;
+        new (): HTMLTttxTabs_1_9_63Element;
     };
-    interface HTMLTttxTag_1_9_62Element extends Components.TttxTag_1_9_62, HTMLStencilElement {
+    interface HTMLTttxTag_1_9_63Element extends Components.TttxTag_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxTag_1_9_62Element: {
-        prototype: HTMLTttxTag_1_9_62Element;
-        new (): HTMLTttxTag_1_9_62Element;
+    var HTMLTttxTag_1_9_63Element: {
+        prototype: HTMLTttxTag_1_9_63Element;
+        new (): HTMLTttxTag_1_9_63Element;
     };
-    interface HTMLTttxTextarea_1_9_62Element extends Components.TttxTextarea_1_9_62, HTMLStencilElement {
+    interface HTMLTttxTextarea_1_9_63Element extends Components.TttxTextarea_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxTextarea_1_9_62Element: {
-        prototype: HTMLTttxTextarea_1_9_62Element;
-        new (): HTMLTttxTextarea_1_9_62Element;
+    var HTMLTttxTextarea_1_9_63Element: {
+        prototype: HTMLTttxTextarea_1_9_63Element;
+        new (): HTMLTttxTextarea_1_9_63Element;
     };
-    interface HTMLTttxToggle_1_9_62Element extends Components.TttxToggle_1_9_62, HTMLStencilElement {
+    interface HTMLTttxToggle_1_9_63Element extends Components.TttxToggle_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxToggle_1_9_62Element: {
-        prototype: HTMLTttxToggle_1_9_62Element;
-        new (): HTMLTttxToggle_1_9_62Element;
+    var HTMLTttxToggle_1_9_63Element: {
+        prototype: HTMLTttxToggle_1_9_63Element;
+        new (): HTMLTttxToggle_1_9_63Element;
     };
-    interface HTMLTttxToolbar_1_9_62Element extends Components.TttxToolbar_1_9_62, HTMLStencilElement {
+    interface HTMLTttxToolbar_1_9_63Element extends Components.TttxToolbar_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxToolbar_1_9_62Element: {
-        prototype: HTMLTttxToolbar_1_9_62Element;
-        new (): HTMLTttxToolbar_1_9_62Element;
+    var HTMLTttxToolbar_1_9_63Element: {
+        prototype: HTMLTttxToolbar_1_9_63Element;
+        new (): HTMLTttxToolbar_1_9_63Element;
     };
-    interface HTMLTttxTreeView_1_9_62Element extends Components.TttxTreeView_1_9_62, HTMLStencilElement {
+    interface HTMLTttxTreeView_1_9_63Element extends Components.TttxTreeView_1_9_63, HTMLStencilElement {
     }
-    var HTMLTttxTreeView_1_9_62Element: {
-        prototype: HTMLTttxTreeView_1_9_62Element;
-        new (): HTMLTttxTreeView_1_9_62Element;
+    var HTMLTttxTreeView_1_9_63Element: {
+        prototype: HTMLTttxTreeView_1_9_63Element;
+        new (): HTMLTttxTreeView_1_9_63Element;
     };
     interface HTMLElementTagNameMap {
-        "tttx-action-dropdown_1_9_62": HTMLTttxActionDropdown_1_9_62Element;
-        "tttx-button_1_9_62": HTMLTttxButton_1_9_62Element;
-        "tttx-checkbox-group-caption_1_9_62": HTMLTttxCheckboxGroupCaption_1_9_62Element;
-        "tttx-checkbox-group-heading_1_9_62": HTMLTttxCheckboxGroupHeading_1_9_62Element;
-        "tttx-checkbox-group_1_9_62": HTMLTttxCheckboxGroup_1_9_62Element;
-        "tttx-checkbox_1_9_62": HTMLTttxCheckbox_1_9_62Element;
-        "tttx-comments_1_9_62": HTMLTttxComments_1_9_62Element;
-        "tttx-data-pattern_1_9_62": HTMLTttxDataPattern_1_9_62Element;
-        "tttx-datacard_1_9_62": HTMLTttxDatacard_1_9_62Element;
+        "tttx-action-dropdown_1_9_63": HTMLTttxActionDropdown_1_9_63Element;
+        "tttx-button_1_9_63": HTMLTttxButton_1_9_63Element;
+        "tttx-chart_1_9_63": HTMLTttxChart_1_9_63Element;
+        "tttx-checkbox-group-caption_1_9_63": HTMLTttxCheckboxGroupCaption_1_9_63Element;
+        "tttx-checkbox-group-heading_1_9_63": HTMLTttxCheckboxGroupHeading_1_9_63Element;
+        "tttx-checkbox-group_1_9_63": HTMLTttxCheckboxGroup_1_9_63Element;
+        "tttx-checkbox_1_9_63": HTMLTttxCheckbox_1_9_63Element;
+        "tttx-comments_1_9_63": HTMLTttxComments_1_9_63Element;
+        "tttx-data-pattern_1_9_63": HTMLTttxDataPattern_1_9_63Element;
+        "tttx-datacard_1_9_63": HTMLTttxDatacard_1_9_63Element;
         "tttx-date-range-picker": HTMLTttxDateRangePickerElement;
-        "tttx-dialog-box_1_9_62": HTMLTttxDialogBox_1_9_62Element;
-        "tttx-dialog_1_9_62": HTMLTttxDialog_1_9_62Element;
-        "tttx-expander_1_9_62": HTMLTttxExpander_1_9_62Element;
-        "tttx-filter_1_9_62": HTMLTttxFilter_1_9_62Element;
-        "tttx-form_1_9_62": HTMLTttxForm_1_9_62Element;
-        "tttx-graph_1_9_62": HTMLTttxGraph_1_9_62Element;
-        "tttx-icon_1_9_62": HTMLTttxIcon_1_9_62Element;
-        "tttx-keyvalue-block_1_9_62": HTMLTttxKeyvalueBlock_1_9_62Element;
-        "tttx-list_1_9_62": HTMLTttxList_1_9_62Element;
-        "tttx-loading-spinner_1_9_62": HTMLTttxLoadingSpinner_1_9_62Element;
-        "tttx-multiselect-box_1_9_62": HTMLTttxMultiselectBox_1_9_62Element;
-        "tttx-percentage-bar_1_9_62": HTMLTttxPercentageBar_1_9_62Element;
-        "tttx-qrcode_1_9_62": HTMLTttxQrcode_1_9_62Element;
-        "tttx-select-box_1_9_62": HTMLTttxSelectBox_1_9_62Element;
-        "tttx-skeleton_loader_1_9_62": HTMLTttxSkeleton_loader_1_9_62Element;
-        "tttx-sorter_1_9_62": HTMLTttxSorter_1_9_62Element;
-        "tttx-standalone-input_1_9_62": HTMLTttxStandaloneInput_1_9_62Element;
-        "tttx-table_1_9_62": HTMLTttxTable_1_9_62Element;
-        "tttx-tabs_1_9_62": HTMLTttxTabs_1_9_62Element;
-        "tttx-tag_1_9_62": HTMLTttxTag_1_9_62Element;
-        "tttx-textarea_1_9_62": HTMLTttxTextarea_1_9_62Element;
-        "tttx-toggle_1_9_62": HTMLTttxToggle_1_9_62Element;
-        "tttx-toolbar_1_9_62": HTMLTttxToolbar_1_9_62Element;
-        "tttx-tree-view_1_9_62": HTMLTttxTreeView_1_9_62Element;
+        "tttx-dialog-box_1_9_63": HTMLTttxDialogBox_1_9_63Element;
+        "tttx-dialog_1_9_63": HTMLTttxDialog_1_9_63Element;
+        "tttx-expander_1_9_63": HTMLTttxExpander_1_9_63Element;
+        "tttx-filter_1_9_63": HTMLTttxFilter_1_9_63Element;
+        "tttx-form_1_9_63": HTMLTttxForm_1_9_63Element;
+        "tttx-graph_1_9_63": HTMLTttxGraph_1_9_63Element;
+        "tttx-icon_1_9_63": HTMLTttxIcon_1_9_63Element;
+        "tttx-keyvalue-block_1_9_63": HTMLTttxKeyvalueBlock_1_9_63Element;
+        "tttx-list_1_9_63": HTMLTttxList_1_9_63Element;
+        "tttx-loading-spinner_1_9_63": HTMLTttxLoadingSpinner_1_9_63Element;
+        "tttx-multiselect-box_1_9_63": HTMLTttxMultiselectBox_1_9_63Element;
+        "tttx-percentage-bar_1_9_63": HTMLTttxPercentageBar_1_9_63Element;
+        "tttx-qrcode_1_9_63": HTMLTttxQrcode_1_9_63Element;
+        "tttx-select-box_1_9_63": HTMLTttxSelectBox_1_9_63Element;
+        "tttx-skeleton_loader_1_9_63": HTMLTttxSkeleton_loader_1_9_63Element;
+        "tttx-sorter_1_9_63": HTMLTttxSorter_1_9_63Element;
+        "tttx-standalone-input_1_9_63": HTMLTttxStandaloneInput_1_9_63Element;
+        "tttx-table_1_9_63": HTMLTttxTable_1_9_63Element;
+        "tttx-tabs_1_9_63": HTMLTttxTabs_1_9_63Element;
+        "tttx-tag_1_9_63": HTMLTttxTag_1_9_63Element;
+        "tttx-textarea_1_9_63": HTMLTttxTextarea_1_9_63Element;
+        "tttx-toggle_1_9_63": HTMLTttxToggle_1_9_63Element;
+        "tttx-toolbar_1_9_63": HTMLTttxToolbar_1_9_63Element;
+        "tttx-tree-view_1_9_63": HTMLTttxTreeView_1_9_63Element;
     }
 }
 declare namespace LocalJSX {
-    interface TttxActionDropdown_1_9_62 {
+    interface TttxActionDropdown_1_9_63 {
         "actionKey"?: string;
         "defaultOption"?: string;
         "fieldOptionsData"?: string | ActionDropdownData;
         "icon"?: string;
         "isIconVisible"?: boolean;
-        "onActionDropdownChangeEvent"?: (event: TttxActionDropdown_1_9_62CustomEvent<ActionDropdownChangeEvent>) => void;
-        "onToggleActionDropdown"?: (event: TttxActionDropdown_1_9_62CustomEvent<boolean>) => void;
+        "onActionDropdownChangeEvent"?: (event: TttxActionDropdown_1_9_63CustomEvent<ActionDropdownChangeEvent>) => void;
+        "onToggleActionDropdown"?: (event: TttxActionDropdown_1_9_63CustomEvent<boolean>) => void;
     }
-    interface TttxButton_1_9_62 {
+    interface TttxButton_1_9_63 {
         "design"?: string;
         "icon"?: string;
         "iconcolor"?: string;
         "iconposition"?: 'left' | 'right';
         "notext"?: boolean;
     }
-    interface TttxCheckboxGroupCaption_1_9_62 {
+    interface TttxChart_1_9_63 {
+        "chartData"?: ChartData;
+        "chartOptions"?: ChartOptions;
+        "chartType"?: 'line' | 'doughnut' | 'semi-gauge';
+        "error"?: boolean;
+        "fallbackText"?: string;
+        "height"?: string;
+        "loading"?: boolean;
+        "onExportCSV"?: (event: TttxChart_1_9_63CustomEvent<{ name: string }>) => void;
+        "width"?: string;
+    }
+    interface TttxCheckboxGroupCaption_1_9_63 {
     }
-    interface TttxCheckboxGroupHeading_1_9_62 {
+    interface TttxCheckboxGroupHeading_1_9_63 {
     }
-    interface TttxCheckboxGroup_1_9_62 {
+    interface TttxCheckboxGroup_1_9_63 {
     }
-    interface TttxCheckbox_1_9_62 {
+    interface TttxCheckbox_1_9_63 {
         "checkboxId"?: string;
         "checked"?: boolean;
         "indeterminate"?: boolean;
         "inline"?: boolean;
         "label"?: string;
-        "onCheckboxChangeEvent"?: (event: TttxCheckbox_1_9_62CustomEvent<{indeterminate: boolean, checked: boolean}>) => void;
+        "onCheckboxChangeEvent"?: (event: TttxCheckbox_1_9_63CustomEvent<{indeterminate: boolean, checked: boolean}>) => void;
     }
-    interface TttxComments_1_9_62 {
+    interface TttxComments_1_9_63 {
         "allowEditing"?: boolean;
         "comments"?: string | Comment[];
         "currentuser"?: string;
         "disableFile"?: boolean;
         "inputBoxHeight"?: number;
         "messageLimit"?: number;
-        "onCommentAdded"?: (event: TttxComments_1_9_62CustomEvent<Comment>) => void;
-        "onCommentEdited"?: (event: TttxComments_1_9_62CustomEvent<Comment>) => void;
-        "onCommentFocusOut"?: (event: TttxComments_1_9_62CustomEvent<string>) => void;
-        "onRequestCommentRemoval"?: (event: TttxComments_1_9_62CustomEvent<Comment>) => void;
-        "onRequestFileDownload"?: (event: TttxComments_1_9_62CustomEvent<string>) => void;
-        "onRequestFileUpload"?: (event: TttxComments_1_9_62CustomEvent<void>) => void;
+        "onCommentAdded"?: (event: TttxComments_1_9_63CustomEvent<Comment>) => void;
+        "onCommentEdited"?: (event: TttxComments_1_9_63CustomEvent<Comment>) => void;
+        "onCommentFocusOut"?: (event: TttxComments_1_9_63CustomEvent<string>) => void;
+        "onRequestCommentRemoval"?: (event: TttxComments_1_9_63CustomEvent<Comment>) => void;
+        "onRequestFileDownload"?: (event: TttxComments_1_9_63CustomEvent<string>) => void;
+        "onRequestFileUpload"?: (event: TttxComments_1_9_63CustomEvent<void>) => void;
         "placeholder"?: string;
         "readonly"?: boolean;
         "saveButtonText"?: string;
         "value"?: string;
     }
-    interface TttxDataPattern_1_9_62 {
+    interface TttxDataPattern_1_9_63 {
         "addbutton"?: boolean;
         "addbuttonlabel"?: string;
         "data"?: string;
@@ -736,7 +769,7 @@ declare namespace LocalJSX {
         "searchplaceholder"?: string;
         "sorterOptions"?: string;
     }
-    interface TttxDatacard_1_9_62 {
+    interface TttxDatacard_1_9_63 {
         "cardTitle"?: string;
         "cardType"?: string;
         "chartConfig"?: string;
@@ -750,90 +783,90 @@ declare namespace LocalJSX {
         "onDateRangeChanged"?: (event: TttxDateRangePickerCustomEvent<{ name: string; value: { start: string; end: string } }>) => void;
         "placeholderText"?: string;
     }
-    interface TttxDialogBox_1_9_62 {
+    interface TttxDialogBox_1_9_63 {
         "allowOverflow"?: boolean;
         "data"?: string | DialogItems;
-        "onButtonClick"?: (event: TttxDialogBox_1_9_62CustomEvent<any>) => void;
-        "onCloseButtonClick"?: (event: TttxDialogBox_1_9_62CustomEvent<any>) => void;
-        "onCloseSelectBoxOnScroll"?: (event: TttxDialogBox_1_9_62CustomEvent<any>) => void;
+        "onButtonClick"?: (event: TttxDialogBox_1_9_63CustomEvent<any>) => void;
+        "onCloseButtonClick"?: (event: TttxDialogBox_1_9_63CustomEvent<any>) => void;
+        "onCloseSelectBoxOnScroll"?: (event: TttxDialogBox_1_9_63CustomEvent<any>) => void;
         "open"?: boolean;
         "size"?: 'regular' | 'mobile' | 'large' | 'small';
     }
-    interface TttxDialog_1_9_62 {
+    interface TttxDialog_1_9_63 {
         "allowOverflow"?: boolean;
         "closeEnabled"?: boolean;
         "header"?: string;
-        "onCloseButtonClick"?: (event: TttxDialog_1_9_62CustomEvent<any>) => void;
+        "onCloseButtonClick"?: (event: TttxDialog_1_9_63CustomEvent<any>) => void;
         "open"?: boolean;
         "size"?: 'regular' | 'mobile' | 'large' | 'small';
         "type"?: 'info' | 'success' | 'warning' | 'critical' | undefined;
     }
-    interface TttxExpander_1_9_62 {
+    interface TttxExpander_1_9_63 {
         "lefticon"?: string;
         "lefticoncolor"?: string;
         "name"?: string;
-        "onToggleExpander"?: (event: TttxExpander_1_9_62CustomEvent<{ open: boolean; name: string }>) => void;
+        "onToggleExpander"?: (event: TttxExpander_1_9_63CustomEvent<{ open: boolean; name: string }>) => void;
         "open"?: boolean;
     }
-    interface TttxFilter_1_9_62 {
+    interface TttxFilter_1_9_63 {
         "defaultFilterOptions"?: string[] | string;
         "filterButtonStyle"?: 'list filter' | 'list icon' | 'table icon';
         "filterHeader"?: string;
         "filterKey"?: string;
         "filterOptions"?: string | FilterSettings[];
-        "onFilterChangeEvent"?: (event: TttxFilter_1_9_62CustomEvent<FilterChangeEvent>) => void;
-        "onToggleFilter"?: (event: TttxFilter_1_9_62CustomEvent<boolean>) => void;
+        "onFilterChangeEvent"?: (event: TttxFilter_1_9_63CustomEvent<FilterChangeEvent>) => void;
+        "onToggleFilter"?: (event: TttxFilter_1_9_63CustomEvent<boolean>) => void;
         "popoverWidth"?: string;
         "showOptionIcons"?: boolean;
         "showSearchField"?: boolean;
         "showSelectAll"?: boolean;
     }
-    interface TttxForm_1_9_62 {
+    interface TttxForm_1_9_63 {
         "data"?: any;
         "formschema"?: Record<string, any> | string;
-        "onDataChanged"?: (event: TttxForm_1_9_62CustomEvent<{ name: string; value: string }>) => void;
-        "onDataSubmitted"?: (event: TttxForm_1_9_62CustomEvent<FormData>) => void;
-        "onSearchTermChanged"?: (event: TttxForm_1_9_62CustomEvent<{ name: string; value: string, type: string }>) => void;
-        "onSelectToggleOpen"?: (event: TttxForm_1_9_62CustomEvent<{ name: string; value: string, type: string }>) => void;
+        "onDataChanged"?: (event: TttxForm_1_9_63CustomEvent<{ name: string; value: string }>) => void;
+        "onDataSubmitted"?: (event: TttxForm_1_9_63CustomEvent<FormData>) => void;
+        "onSearchTermChanged"?: (event: TttxForm_1_9_63CustomEvent<{ name: string; value: string, type: string }>) => void;
+        "onSelectToggleOpen"?: (event: TttxForm_1_9_63CustomEvent<{ name: string; value: string, type: string }>) => void;
     }
-    interface TttxGraph_1_9_62 {
+    interface TttxGraph_1_9_63 {
         "chartData"?: string;
         "chartText"?: string;
         "chartType"?: string;
     }
-    interface TttxIcon_1_9_62 {
+    interface TttxIcon_1_9_63 {
         "color"?: string;
         "icon"?: string;
         "size"?: number;
     }
-    interface TttxKeyvalueBlock_1_9_62 {
+    interface TttxKeyvalueBlock_1_9_63 {
         "horizontal"?: boolean;
         "keyvalues"?: KeyBlockValues | KeyBlockValues[] | string;
         "spacedout"?: boolean;
     }
-    interface TttxList_1_9_62 {
+    interface TttxList_1_9_63 {
         "data"?: string | ListItem[];
         "name"?: string;
-        "onListRowCheckboxClick"?: (event: TttxList_1_9_62CustomEvent<{ key: string; name: string; data: unknown }>) => void;
-        "onListRowClick"?: (event: TttxList_1_9_62CustomEvent<{ key: string; name: string; data: unknown }>) => void;
+        "onListRowCheckboxClick"?: (event: TttxList_1_9_63CustomEvent<{ key: string; name: string; data: unknown }>) => void;
+        "onListRowClick"?: (event: TttxList_1_9_63CustomEvent<{ key: string; name: string; data: unknown }>) => void;
     }
-    interface TttxLoadingSpinner_1_9_62 {
+    interface TttxLoadingSpinner_1_9_63 {
         "color"?: string;
         "customMessageSchema"?: { threshold: number; message: string }[];
         "loadingMessage"?: boolean;
         "message"?: string;
         "size"?: 'small' | 'large';
     }
-    interface TttxMultiselectBox_1_9_62 {
+    interface TttxMultiselectBox_1_9_63 {
         "htmlVisibleValue"?: boolean;
         "inline"?: boolean;
         "isLoading"?: boolean;
         "label"?: string;
         "nonPriorityLabel"?: string;
-        "onChangesApplied"?: (event: TttxMultiselectBox_1_9_62CustomEvent<SelectItem[]>) => void;
-        "onSearchDataChanged"?: (event: TttxMultiselectBox_1_9_62CustomEvent<{ searchTerm: string; }>) => void;
-        "onSelectItemEvent"?: (event: TttxMultiselectBox_1_9_62CustomEvent<SelectItem>) => void;
-        "onToggleOpen"?: (event: TttxMultiselectBox_1_9_62CustomEvent<boolean>) => void;
+        "onChangesApplied"?: (event: TttxMultiselectBox_1_9_63CustomEvent<SelectItem[]>) => void;
+        "onSearchDataChanged"?: (event: TttxMultiselectBox_1_9_63CustomEvent<{ searchTerm: string; }>) => void;
+        "onSelectItemEvent"?: (event: TttxMultiselectBox_1_9_63CustomEvent<SelectItem>) => void;
+        "onToggleOpen"?: (event: TttxMultiselectBox_1_9_63CustomEvent<boolean>) => void;
         "optionsData"?: string | SelectItem[];
         "placeholder"?: string;
         "priorityLabel"?: string;
@@ -842,18 +875,18 @@ declare namespace LocalJSX {
         "stopLocalSearch"?: boolean;
         "visibleValue"?: string;
     }
-    interface TttxPercentageBar_1_9_62 {
+    interface TttxPercentageBar_1_9_63 {
         "color"?: string;
         "labelid"?: string;
         "min"?: string;
         "percentage"?: string | number;
         "thresholds"?: string | Threshold[];
     }
-    interface TttxQrcode_1_9_62 {
+    interface TttxQrcode_1_9_63 {
         "link"?: string;
         "size"?: number;
     }
-    interface TttxSelectBox_1_9_62 {
+    interface TttxSelectBox_1_9_63 {
         "clearable"?: boolean;
         "errorMsg"?: string;
         "inline"?: boolean;
@@ -861,10 +894,10 @@ declare namespace LocalJSX {
         "isLoading"?: boolean;
         "label"?: string;
         "nonPriorityLabel"?: string;
-        "onMultiselectSearchUpdated"?: (event: TttxSelectBox_1_9_62CustomEvent<string>) => void;
-        "onSelectEndReached"?: (event: TttxSelectBox_1_9_62CustomEvent<string>) => void;
-        "onSelectItemEvent"?: (event: TttxSelectBox_1_9_62CustomEvent<SelectItem1>) => void;
-        "onToggleOpen"?: (event: TttxSelectBox_1_9_62CustomEvent<boolean>) => void;
+        "onMultiselectSearchUpdated"?: (event: TttxSelectBox_1_9_63CustomEvent<string>) => void;
+        "onSelectEndReached"?: (event: TttxSelectBox_1_9_63CustomEvent<string>) => void;
+        "onSelectItemEvent"?: (event: TttxSelectBox_1_9_63CustomEvent<SelectItem1>) => void;
+        "onToggleOpen"?: (event: TttxSelectBox_1_9_63CustomEvent<boolean>) => void;
         "optionsData"?: string | SelectItem1[];
         "placeholder"?: string;
         "priorityLabel"?: string;
@@ -876,7 +909,7 @@ declare namespace LocalJSX {
         "useExternalFiltering"?: boolean;
         "useExternalPaginatedFiltering"?: boolean;
     }
-    interface TttxSkeleton_loader_1_9_62 {
+    interface TttxSkeleton_loader_1_9_63 {
         "animation"?: 'pulse' | 'wave' | 'none';
         "borderRadius"?: string;
         "color"?: string;
@@ -888,15 +921,15 @@ declare namespace LocalJSX {
         "variant"?: 'text' | 'circle' | 'rect';
         "width"?: string;
     }
-    interface TttxSorter_1_9_62 {
+    interface TttxSorter_1_9_63 {
         "defaultOption"?: string;
         "defaultSortDirection"?: 'ascending' | 'descending';
         "fieldOptionsData"?: string | SorterData;
-        "onSorterChangeEvent"?: (event: TttxSorter_1_9_62CustomEvent<SorterChangeEvent>) => void;
-        "onToggleSorter"?: (event: TttxSorter_1_9_62CustomEvent<boolean>) => void;
+        "onSorterChangeEvent"?: (event: TttxSorter_1_9_63CustomEvent<SorterChangeEvent>) => void;
+        "onToggleSorter"?: (event: TttxSorter_1_9_63CustomEvent<boolean>) => void;
         "sorterKey"?: string;
     }
-    interface TttxStandaloneInput_1_9_62 {
+    interface TttxStandaloneInput_1_9_63 {
         "autocomplete"?: 'off' | 'on';
         "checked"?: boolean;
         "disabled"?: boolean;
@@ -912,8 +945,8 @@ declare namespace LocalJSX {
         "inputiconcolor"?: string;
         /**
           * tabindex - Allows the HTML elements to be focusable
-          * @example <caption>In HTML (like `index.html`)</caption> <tttx-standalone-input_1_9_62 input-index="1" />
-          * @example <caption>In TSX files</caption> <tttx-standalone-input_1_9_62 inputindex={1} />
+          * @example <caption>In HTML (like `index.html`)</caption> <tttx-standalone-input_1_9_63 input-index="1" />
+          * @example <caption>In TSX files</caption> <tttx-standalone-input_1_9_63 inputindex={1} />
          */
         "inputindex"?: string | number;
         /**
@@ -927,13 +960,13 @@ declare namespace LocalJSX {
         "min"?: MinMaxDates | number;
         "minlength"?: string | number;
         "name"?: string;
-        "onBlurChanged"?: (event: TttxStandaloneInput_1_9_62CustomEvent<string>) => void;
-        "onFocusChanged"?: (event: TttxStandaloneInput_1_9_62CustomEvent<string>) => void;
-        "onInputIconClick"?: (event: TttxStandaloneInput_1_9_62CustomEvent<void>) => void;
-        "onInvalidChanged"?: (event: TttxStandaloneInput_1_9_62CustomEvent<string>) => void;
-        "onLeftIconClick"?: (event: TttxStandaloneInput_1_9_62CustomEvent<void>) => void;
-        "onRightIconClick"?: (event: TttxStandaloneInput_1_9_62CustomEvent<void>) => void;
-        "onValueChanged"?: (event: TttxStandaloneInput_1_9_62CustomEvent<string>) => void;
+        "onBlurChanged"?: (event: TttxStandaloneInput_1_9_63CustomEvent<string>) => void;
+        "onFocusChanged"?: (event: TttxStandaloneInput_1_9_63CustomEvent<string>) => void;
+        "onInputIconClick"?: (event: TttxStandaloneInput_1_9_63CustomEvent<void>) => void;
+        "onInvalidChanged"?: (event: TttxStandaloneInput_1_9_63CustomEvent<string>) => void;
+        "onLeftIconClick"?: (event: TttxStandaloneInput_1_9_63CustomEvent<void>) => void;
+        "onRightIconClick"?: (event: TttxStandaloneInput_1_9_63CustomEvent<void>) => void;
+        "onValueChanged"?: (event: TttxStandaloneInput_1_9_63CustomEvent<string>) => void;
         "pattern"?: string;
         "placeholder"?: string;
         "readonly"?: string | boolean;
@@ -948,27 +981,27 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string | number;
     }
-    interface TttxTable_1_9_62 {
+    interface TttxTable_1_9_63 {
         "data"?: any;
         "draggableHeaders"?: boolean;
         "headers"?: TableHeader[];
         "loading"?: boolean;
-        "onHeaderClicked"?: (event: TttxTable_1_9_62CustomEvent<any>) => void;
-        "onHeaderOrderChanged"?: (event: TttxTable_1_9_62CustomEvent<string[]>) => void;
-        "onRowClicked"?: (event: TttxTable_1_9_62CustomEvent<any>) => void;
+        "onHeaderClicked"?: (event: TttxTable_1_9_63CustomEvent<any>) => void;
+        "onHeaderOrderChanged"?: (event: TttxTable_1_9_63CustomEvent<string[]>) => void;
+        "onRowClicked"?: (event: TttxTable_1_9_63CustomEvent<any>) => void;
         "selectable"?: boolean;
         "selected"?: number;
     }
-    interface TttxTabs_1_9_62 {
+    interface TttxTabs_1_9_63 {
         "navigation"?: boolean;
-        "onLeftNavigation"?: (event: TttxTabs_1_9_62CustomEvent<any>) => void;
-        "onRightNavigation"?: (event: TttxTabs_1_9_62CustomEvent<any>) => void;
-        "onTabClick"?: (event: TttxTabs_1_9_62CustomEvent<{ tabId: string }>) => void;
+        "onLeftNavigation"?: (event: TttxTabs_1_9_63CustomEvent<any>) => void;
+        "onRightNavigation"?: (event: TttxTabs_1_9_63CustomEvent<any>) => void;
+        "onTabClick"?: (event: TttxTabs_1_9_63CustomEvent<{ tabId: string }>) => void;
         "tabs"?: string | Tab[];
         "tabsName"?: string;
         "wide"?: boolean;
     }
-    interface TttxTag_1_9_62 {
+    interface TttxTag_1_9_63 {
         "color"?: string;
         "hasIcon"?: boolean;
         "icon"?: string;
@@ -977,13 +1010,13 @@ declare namespace LocalJSX {
         "text"?: string;
         "textColor"?: string;
     }
-    interface TttxTextarea_1_9_62 {
+    interface TttxTextarea_1_9_63 {
         "disabled"?: boolean;
         "errormsg"?: string;
         /**
           * tabindex - Allows the HTML elements to be focusable
-          * @example <caption>In HTML (like `index.html`)</caption> <tttx-textarea_1_9_62 input-index="1" />
-          * @example <caption>In TSX files</caption> <tttx-textarea_1_9_62 inputindex={1} />
+          * @example <caption>In HTML (like `index.html`)</caption> <tttx-textarea_1_9_63 input-index="1" />
+          * @example <caption>In TSX files</caption> <tttx-textarea_1_9_63 inputindex={1} />
          */
         "inputindex"?: string | number;
         /**
@@ -994,10 +1027,10 @@ declare namespace LocalJSX {
         "label"?: string;
         "maxlength"?: string | number;
         "name"?: string;
-        "onBlurChanged"?: (event: TttxTextarea_1_9_62CustomEvent<string>) => void;
-        "onFocusChanged"?: (event: TttxTextarea_1_9_62CustomEvent<string>) => void;
-        "onInvalidChanged"?: (event: TttxTextarea_1_9_62CustomEvent<string>) => void;
-        "onValueChanged"?: (event: TttxTextarea_1_9_62CustomEvent<string>) => void;
+        "onBlurChanged"?: (event: TttxTextarea_1_9_63CustomEvent<string>) => void;
+        "onFocusChanged"?: (event: TttxTextarea_1_9_63CustomEvent<string>) => void;
+        "onInvalidChanged"?: (event: TttxTextarea_1_9_63CustomEvent<string>) => void;
+        "onValueChanged"?: (event: TttxTextarea_1_9_63CustomEvent<string>) => void;
         "placeholder"?: string;
         "readonly"?: string | boolean;
         "required"?: boolean;
@@ -1011,95 +1044,97 @@ declare namespace LocalJSX {
         "textareaautofocus"?: boolean;
         "value"?: string | number;
     }
-    interface TttxToggle_1_9_62 {
+    interface TttxToggle_1_9_63 {
         "initialstate"?: boolean | string;
-        "onToggleSwitchEvent"?: (event: TttxToggle_1_9_62CustomEvent<{checked: boolean}>) => void;
+        "onToggleSwitchEvent"?: (event: TttxToggle_1_9_63CustomEvent<{checked: boolean}>) => void;
     }
-    interface TttxToolbar_1_9_62 {
+    interface TttxToolbar_1_9_63 {
         "border"?: boolean;
     }
-    interface TttxTreeView_1_9_62 {
+    interface TttxTreeView_1_9_63 {
         "data"?: TreeViewItem[];
-        "onCheckboxChange"?: (event: TttxTreeView_1_9_62CustomEvent<TreeViewItem[]>) => void;
-        "onClickEvent"?: (event: TttxTreeView_1_9_62CustomEvent<TreeViewItem>) => void;
-        "onExpandNode"?: (event: TttxTreeView_1_9_62CustomEvent<ExpandNodeEvent>) => void;
-        "onMoveNode"?: (event: TttxTreeView_1_9_62CustomEvent<TreeViewItem[]>) => void;
+        "onCheckboxChange"?: (event: TttxTreeView_1_9_63CustomEvent<TreeViewItem[]>) => void;
+        "onClickEvent"?: (event: TttxTreeView_1_9_63CustomEvent<TreeViewItem>) => void;
+        "onExpandNode"?: (event: TttxTreeView_1_9_63CustomEvent<ExpandNodeEvent>) => void;
+        "onMoveNode"?: (event: TttxTreeView_1_9_63CustomEvent<TreeViewItem[]>) => void;
     }
     interface IntrinsicElements {
-        "tttx-action-dropdown_1_9_62": TttxActionDropdown_1_9_62;
-        "tttx-button_1_9_62": TttxButton_1_9_62;
-        "tttx-checkbox-group-caption_1_9_62": TttxCheckboxGroupCaption_1_9_62;
-        "tttx-checkbox-group-heading_1_9_62": TttxCheckboxGroupHeading_1_9_62;
-        "tttx-checkbox-group_1_9_62": TttxCheckboxGroup_1_9_62;
-        "tttx-checkbox_1_9_62": TttxCheckbox_1_9_62;
-        "tttx-comments_1_9_62": TttxComments_1_9_62;
-        "tttx-data-pattern_1_9_62": TttxDataPattern_1_9_62;
-        "tttx-datacard_1_9_62": TttxDatacard_1_9_62;
+        "tttx-action-dropdown_1_9_63": TttxActionDropdown_1_9_63;
+        "tttx-button_1_9_63": TttxButton_1_9_63;
+        "tttx-chart_1_9_63": TttxChart_1_9_63;
+        "tttx-checkbox-group-caption_1_9_63": TttxCheckboxGroupCaption_1_9_63;
+        "tttx-checkbox-group-heading_1_9_63": TttxCheckboxGroupHeading_1_9_63;
+        "tttx-checkbox-group_1_9_63": TttxCheckboxGroup_1_9_63;
+        "tttx-checkbox_1_9_63": TttxCheckbox_1_9_63;
+        "tttx-comments_1_9_63": TttxComments_1_9_63;
+        "tttx-data-pattern_1_9_63": TttxDataPattern_1_9_63;
+        "tttx-datacard_1_9_63": TttxDatacard_1_9_63;
         "tttx-date-range-picker": TttxDateRangePicker;
-        "tttx-dialog-box_1_9_62": TttxDialogBox_1_9_62;
-        "tttx-dialog_1_9_62": TttxDialog_1_9_62;
-        "tttx-expander_1_9_62": TttxExpander_1_9_62;
-        "tttx-filter_1_9_62": TttxFilter_1_9_62;
-        "tttx-form_1_9_62": TttxForm_1_9_62;
-        "tttx-graph_1_9_62": TttxGraph_1_9_62;
-        "tttx-icon_1_9_62": TttxIcon_1_9_62;
-        "tttx-keyvalue-block_1_9_62": TttxKeyvalueBlock_1_9_62;
-        "tttx-list_1_9_62": TttxList_1_9_62;
-        "tttx-loading-spinner_1_9_62": TttxLoadingSpinner_1_9_62;
-        "tttx-multiselect-box_1_9_62": TttxMultiselectBox_1_9_62;
-        "tttx-percentage-bar_1_9_62": TttxPercentageBar_1_9_62;
-        "tttx-qrcode_1_9_62": TttxQrcode_1_9_62;
-        "tttx-select-box_1_9_62": TttxSelectBox_1_9_62;
-        "tttx-skeleton_loader_1_9_62": TttxSkeleton_loader_1_9_62;
-        "tttx-sorter_1_9_62": TttxSorter_1_9_62;
-        "tttx-standalone-input_1_9_62": TttxStandaloneInput_1_9_62;
-        "tttx-table_1_9_62": TttxTable_1_9_62;
-        "tttx-tabs_1_9_62": TttxTabs_1_9_62;
-        "tttx-tag_1_9_62": TttxTag_1_9_62;
-        "tttx-textarea_1_9_62": TttxTextarea_1_9_62;
-        "tttx-toggle_1_9_62": TttxToggle_1_9_62;
-        "tttx-toolbar_1_9_62": TttxToolbar_1_9_62;
-        "tttx-tree-view_1_9_62": TttxTreeView_1_9_62;
+        "tttx-dialog-box_1_9_63": TttxDialogBox_1_9_63;
+        "tttx-dialog_1_9_63": TttxDialog_1_9_63;
+        "tttx-expander_1_9_63": TttxExpander_1_9_63;
+        "tttx-filter_1_9_63": TttxFilter_1_9_63;
+        "tttx-form_1_9_63": TttxForm_1_9_63;
+        "tttx-graph_1_9_63": TttxGraph_1_9_63;
+        "tttx-icon_1_9_63": TttxIcon_1_9_63;
+        "tttx-keyvalue-block_1_9_63": TttxKeyvalueBlock_1_9_63;
+        "tttx-list_1_9_63": TttxList_1_9_63;
+        "tttx-loading-spinner_1_9_63": TttxLoadingSpinner_1_9_63;
+        "tttx-multiselect-box_1_9_63": TttxMultiselectBox_1_9_63;
+        "tttx-percentage-bar_1_9_63": TttxPercentageBar_1_9_63;
+        "tttx-qrcode_1_9_63": TttxQrcode_1_9_63;
+        "tttx-select-box_1_9_63": TttxSelectBox_1_9_63;
+        "tttx-skeleton_loader_1_9_63": TttxSkeleton_loader_1_9_63;
+        "tttx-sorter_1_9_63": TttxSorter_1_9_63;
+        "tttx-standalone-input_1_9_63": TttxStandaloneInput_1_9_63;
+        "tttx-table_1_9_63": TttxTable_1_9_63;
+        "tttx-tabs_1_9_63": TttxTabs_1_9_63;
+        "tttx-tag_1_9_63": TttxTag_1_9_63;
+        "tttx-textarea_1_9_63": TttxTextarea_1_9_63;
+        "tttx-toggle_1_9_63": TttxToggle_1_9_63;
+        "tttx-toolbar_1_9_63": TttxToolbar_1_9_63;
+        "tttx-tree-view_1_9_63": TttxTreeView_1_9_63;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "tttx-action-dropdown_1_9_62": LocalJSX.TttxActionDropdown_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxActionDropdown_1_9_62Element>;
-            "tttx-button_1_9_62": LocalJSX.TttxButton_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxButton_1_9_62Element>;
-            "tttx-checkbox-group-caption_1_9_62": LocalJSX.TttxCheckboxGroupCaption_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxCheckboxGroupCaption_1_9_62Element>;
-            "tttx-checkbox-group-heading_1_9_62": LocalJSX.TttxCheckboxGroupHeading_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxCheckboxGroupHeading_1_9_62Element>;
-            "tttx-checkbox-group_1_9_62": LocalJSX.TttxCheckboxGroup_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxCheckboxGroup_1_9_62Element>;
-            "tttx-checkbox_1_9_62": LocalJSX.TttxCheckbox_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxCheckbox_1_9_62Element>;
-            "tttx-comments_1_9_62": LocalJSX.TttxComments_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxComments_1_9_62Element>;
-            "tttx-data-pattern_1_9_62": LocalJSX.TttxDataPattern_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxDataPattern_1_9_62Element>;
-            "tttx-datacard_1_9_62": LocalJSX.TttxDatacard_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxDatacard_1_9_62Element>;
+            "tttx-action-dropdown_1_9_63": LocalJSX.TttxActionDropdown_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxActionDropdown_1_9_63Element>;
+            "tttx-button_1_9_63": LocalJSX.TttxButton_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxButton_1_9_63Element>;
+            "tttx-chart_1_9_63": LocalJSX.TttxChart_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxChart_1_9_63Element>;
+            "tttx-checkbox-group-caption_1_9_63": LocalJSX.TttxCheckboxGroupCaption_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxCheckboxGroupCaption_1_9_63Element>;
+            "tttx-checkbox-group-heading_1_9_63": LocalJSX.TttxCheckboxGroupHeading_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxCheckboxGroupHeading_1_9_63Element>;
+            "tttx-checkbox-group_1_9_63": LocalJSX.TttxCheckboxGroup_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxCheckboxGroup_1_9_63Element>;
+            "tttx-checkbox_1_9_63": LocalJSX.TttxCheckbox_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxCheckbox_1_9_63Element>;
+            "tttx-comments_1_9_63": LocalJSX.TttxComments_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxComments_1_9_63Element>;
+            "tttx-data-pattern_1_9_63": LocalJSX.TttxDataPattern_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxDataPattern_1_9_63Element>;
+            "tttx-datacard_1_9_63": LocalJSX.TttxDatacard_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxDatacard_1_9_63Element>;
             "tttx-date-range-picker": LocalJSX.TttxDateRangePicker & JSXBase.HTMLAttributes<HTMLTttxDateRangePickerElement>;
-            "tttx-dialog-box_1_9_62": LocalJSX.TttxDialogBox_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxDialogBox_1_9_62Element>;
-            "tttx-dialog_1_9_62": LocalJSX.TttxDialog_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxDialog_1_9_62Element>;
-            "tttx-expander_1_9_62": LocalJSX.TttxExpander_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxExpander_1_9_62Element>;
-            "tttx-filter_1_9_62": LocalJSX.TttxFilter_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxFilter_1_9_62Element>;
-            "tttx-form_1_9_62": LocalJSX.TttxForm_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxForm_1_9_62Element>;
-            "tttx-graph_1_9_62": LocalJSX.TttxGraph_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxGraph_1_9_62Element>;
-            "tttx-icon_1_9_62": LocalJSX.TttxIcon_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxIcon_1_9_62Element>;
-            "tttx-keyvalue-block_1_9_62": LocalJSX.TttxKeyvalueBlock_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxKeyvalueBlock_1_9_62Element>;
-            "tttx-list_1_9_62": LocalJSX.TttxList_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxList_1_9_62Element>;
-            "tttx-loading-spinner_1_9_62": LocalJSX.TttxLoadingSpinner_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxLoadingSpinner_1_9_62Element>;
-            "tttx-multiselect-box_1_9_62": LocalJSX.TttxMultiselectBox_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxMultiselectBox_1_9_62Element>;
-            "tttx-percentage-bar_1_9_62": LocalJSX.TttxPercentageBar_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxPercentageBar_1_9_62Element>;
-            "tttx-qrcode_1_9_62": LocalJSX.TttxQrcode_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxQrcode_1_9_62Element>;
-            "tttx-select-box_1_9_62": LocalJSX.TttxSelectBox_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxSelectBox_1_9_62Element>;
-            "tttx-skeleton_loader_1_9_62": LocalJSX.TttxSkeleton_loader_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxSkeleton_loader_1_9_62Element>;
-            "tttx-sorter_1_9_62": LocalJSX.TttxSorter_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxSorter_1_9_62Element>;
-            "tttx-standalone-input_1_9_62": LocalJSX.TttxStandaloneInput_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxStandaloneInput_1_9_62Element>;
-            "tttx-table_1_9_62": LocalJSX.TttxTable_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxTable_1_9_62Element>;
-            "tttx-tabs_1_9_62": LocalJSX.TttxTabs_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxTabs_1_9_62Element>;
-            "tttx-tag_1_9_62": LocalJSX.TttxTag_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxTag_1_9_62Element>;
-            "tttx-textarea_1_9_62": LocalJSX.TttxTextarea_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxTextarea_1_9_62Element>;
-            "tttx-toggle_1_9_62": LocalJSX.TttxToggle_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxToggle_1_9_62Element>;
-            "tttx-toolbar_1_9_62": LocalJSX.TttxToolbar_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxToolbar_1_9_62Element>;
-            "tttx-tree-view_1_9_62": LocalJSX.TttxTreeView_1_9_62 & JSXBase.HTMLAttributes<HTMLTttxTreeView_1_9_62Element>;
+            "tttx-dialog-box_1_9_63": LocalJSX.TttxDialogBox_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxDialogBox_1_9_63Element>;
+            "tttx-dialog_1_9_63": LocalJSX.TttxDialog_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxDialog_1_9_63Element>;
+            "tttx-expander_1_9_63": LocalJSX.TttxExpander_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxExpander_1_9_63Element>;
+            "tttx-filter_1_9_63": LocalJSX.TttxFilter_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxFilter_1_9_63Element>;
+            "tttx-form_1_9_63": LocalJSX.TttxForm_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxForm_1_9_63Element>;
+            "tttx-graph_1_9_63": LocalJSX.TttxGraph_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxGraph_1_9_63Element>;
+            "tttx-icon_1_9_63": LocalJSX.TttxIcon_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxIcon_1_9_63Element>;
+            "tttx-keyvalue-block_1_9_63": LocalJSX.TttxKeyvalueBlock_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxKeyvalueBlock_1_9_63Element>;
+            "tttx-list_1_9_63": LocalJSX.TttxList_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxList_1_9_63Element>;
+            "tttx-loading-spinner_1_9_63": LocalJSX.TttxLoadingSpinner_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxLoadingSpinner_1_9_63Element>;
+            "tttx-multiselect-box_1_9_63": LocalJSX.TttxMultiselectBox_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxMultiselectBox_1_9_63Element>;
+            "tttx-percentage-bar_1_9_63": LocalJSX.TttxPercentageBar_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxPercentageBar_1_9_63Element>;
+            "tttx-qrcode_1_9_63": LocalJSX.TttxQrcode_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxQrcode_1_9_63Element>;
+            "tttx-select-box_1_9_63": LocalJSX.TttxSelectBox_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxSelectBox_1_9_63Element>;
+            "tttx-skeleton_loader_1_9_63": LocalJSX.TttxSkeleton_loader_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxSkeleton_loader_1_9_63Element>;
+            "tttx-sorter_1_9_63": LocalJSX.TttxSorter_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxSorter_1_9_63Element>;
+            "tttx-standalone-input_1_9_63": LocalJSX.TttxStandaloneInput_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxStandaloneInput_1_9_63Element>;
+            "tttx-table_1_9_63": LocalJSX.TttxTable_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxTable_1_9_63Element>;
+            "tttx-tabs_1_9_63": LocalJSX.TttxTabs_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxTabs_1_9_63Element>;
+            "tttx-tag_1_9_63": LocalJSX.TttxTag_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxTag_1_9_63Element>;
+            "tttx-textarea_1_9_63": LocalJSX.TttxTextarea_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxTextarea_1_9_63Element>;
+            "tttx-toggle_1_9_63": LocalJSX.TttxToggle_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxToggle_1_9_63Element>;
+            "tttx-toolbar_1_9_63": LocalJSX.TttxToolbar_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxToolbar_1_9_63Element>;
+            "tttx-tree-view_1_9_63": LocalJSX.TttxTreeView_1_9_63 & JSXBase.HTMLAttributes<HTMLTttxTreeView_1_9_63Element>;
         }
     }
 }