npm - @orangelogic/design-system - Versions diffs - 2.118.0 → 2.119.0 - Mend

@orangelogic/design-system 2.118.0 → 2.119.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/library/react-web-component.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
  /* eslint-disable */
               import { HTMLAttributes, DetailedHTMLProps } from 'react';
-          import { CxIcon, CxSpinner, CxIconButton, CxAlert, CxAmChart, CxAnimatedImage, CxAnimation, CxPopup, CxMenuItem, CxInput, CxMenu, CxTextarea, CxDropdown, CxButton, CxTooltip, CxResizeObserver, CxLineClamp, CxTag, CxArrayLineClamp, CxTypography, CxAudio, CxAvatar, CxBadge, CxBreadcrumbItem, CxBreadcrumb, CxButtonGroup, CxCard, CxCheckbox, CxVisuallyHidden, CxColorPicker, CxCopyButton, CxDateCalendar, CxDetails, CxDivider, CxDialog, CxDrawer, CxProgressBar, CxBookReader, CxSkeleton, CxSpace, CxImage, CxDocumentViewer, CxDotPagination, CxDotStatus, CxEChart, CxElementClamp, CxFormatBytes, CxFormatDate, CxFormatNumber, CxFormatTime, CxGrid, CxGridItem, CxHeader, CxHubConnection, CxIframe, CxImageComparer, CxInclude, CxInputGroup, CxMarkdown, CxMenuLabel, CxMenuSection, CxMutationObserver, CxOption, CxSelect, CxPagination, CxProgressRing, CxQrCode, CxRadio, CxRadioButton, CxRadioCard, CxRadioGroup, CxRange, CxRating, CxRelativeTime, CxSplitPanel, CxStep, CxStepper, CxSwitch, CxTab, CxTabPanel, CxTabGroup, CxTable, CxTimecode, CxTreeItem, CxTree, CxVideo, CxSidebarLayout, Cx3DViewer, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFacetedFilter, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxGraphView, CxIconPicker, CxListEditor, CxMasonry, CxMentions, CxPaddingInputGroup, CxPageOutline, CxPositionPicker, CxSearchBox, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxAssetFormatPicker, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCarousel, CxChatbot, CxClusterManagement, CxColorSwatchGroup, CxComment, CxFontKit, CxColumn, CxLightbox, CxGallery, CxColumnGroup, CxText, CxTimeline, CxSpecialCharactersDialog, CxContentBuilder, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, CxMultiSelect, CxRteCodeBlockToolbar, CxRichTextCodeBlock, CxTemplateSwitcher, CxTextToSpeech, CxVideoChaptersManager, CxVideoEditor, CxTemplateManager, CxChartPlanBuilder } from './apps/cortex/src/types';
+          import { CxIcon, CxSpinner, CxIconButton, CxAlert, CxAmChart, CxAnimatedImage, CxAnimation, CxPopup, CxMenuItem, CxInput, CxMenu, CxTextarea, CxDropdown, CxButton, CxTooltip, CxResizeObserver, CxLineClamp, CxTag, CxArrayLineClamp, CxTypography, CxAudio, CxAvatar, CxBadge, CxBreadcrumbItem, CxBreadcrumb, CxButtonGroup, CxCard, CxCheckbox, CxVisuallyHidden, CxColorPicker, CxCopyButton, CxDateCalendar, CxDetails, CxDivider, CxDialog, CxDiff, CxDrawer, CxProgressBar, CxBookReader, CxSkeleton, CxSpace, CxImage, CxDocumentViewer, CxDotPagination, CxDotStatus, CxEChart, CxElementClamp, CxFormatBytes, CxFormatDate, CxFormatNumber, CxFormatTime, CxGrid, CxGridItem, CxHeader, CxHubConnection, CxIframe, CxImageComparer, CxInclude, CxInputGroup, CxMarkdown, CxMenuLabel, CxMenuSection, CxMutationObserver, CxOption, CxSelect, CxPagination, CxProgressRing, CxQrCode, CxRadio, CxRadioButton, CxRadioCard, CxRadioGroup, CxRange, CxRating, CxRelativeTime, CxSplitPanel, CxStep, CxStepper, CxSwitch, CxTab, CxTabPanel, CxTabGroup, CxTimecode, CxTreeItem, CxTree, CxVideo, CxTable, CxSidebarLayout, Cx3DViewer, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFacetedFilter, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxGraphView, CxIconPicker, CxListEditor, CxMasonry, CxMentions, CxPaddingInputGroup, CxPageOutline, CxPositionPicker, CxSearchBox, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxAssetFormatPicker, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCapacityPlanner, CxCarousel, CxChatbot, CxClusterManagement, CxColorSwatchGroup, CxComment, CxFontKit, CxDamCustomToolbarButtonsEditor, CxColumn, CxLightbox, CxGallery, CxColumnGroup, CxText, CxTimeline, CxSpecialCharactersDialog, CxContentBuilder, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, CxMultiSelect, CxRteCodeBlockToolbar, CxRichTextCodeBlock, CxTemplateSwitcher, CxTextToSpeech, CxVideoChaptersManager, CxVideoEditor, CxTemplateManager, CxChartPlanBuilder } from './apps/cortex/src/types';
             export type CxMarkdownRendererObject = any;
@@ -10,7 +10,7 @@
             export type CxTableHoverMenuOptions = { data: CxTableRowAction[]; options: { placement: 'left' | 'right'; style: dictionary; }; };
             export type CxTableRowAction = { icon: string; name: string; options: { buttonProps: { loading: boolean; outline: boolean; variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'custom'; }; dropdownItems: CxTableDropdownItem[]; dropdownSections: dictionary; iconStyle: dictionary; }; tooltip: string; type: 'button' | 'dropdown'; };
             export type CxTableDropdownItem = { label: string; name: string; prefixIcon: string; section: string; style: dictionary; };
-            export type CxTablePartial = { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'[] | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; } | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; textFormatParams: CxTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'[] | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; } | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; textFormatParams: CxTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: any[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; }[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; };
+            export type CxTablePartial = { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'[] | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; } | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; textFormatParams: CxTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'[] | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; } | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; textFormatParams: CxTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: any[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; }[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; };
             export type CxTableSavedSearchItem = { recordID: string; name: string; };
             export type CxTableTableDropdownFilterData = { field: string; id: string; label: string; defaultOption: string; options: CxTableTableDropdownFilterDataOption[]; };
             export type CxTableTableDropdownFilterDataOption = { filter: CxTableFilter; id: string; label: string; };
@@ -47,6 +47,7 @@
             export type CxCarouselGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; filler: boolean; header: string; id: string; isClone: boolean; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
             export type CxChatbotChatbotEvent = { event: string; excludedFromPurposes: string[]; label: string; };
             export type CxColorSwatchGroupColorSwatchData = { cmyk: string; color: string; hex: string; id: string; name: string; palette: string; pms: string; rgb: string; };
+            export type CxDamCustomToolbarButtonsEditorDamCustomToolbarButton = { accessLevel: string; action: 'create-record' | 'execute-workflow' | 'open-form' | 'open-link' | 'open-page' | 'open-space'; appearance: 'icon-and-label' | 'icon-only' | 'label-only'; formId: string; icon: string; id: string; label: string; link: string; name: string; openInNewTab: boolean; pageId: string; pageUrl: string; recordSubType: string; recordType: string; spaceId: string; tooltip: string; type: 'primary' | 'secondary'; workflowId: string; };
             export type CxGalleryGalleryRecord = { id: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; rawId: string; src: string; };
             export type CxGalleryTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
             export type CxTimelineTimelineItem = { id: string; label: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; recordId: string; thumbnail: string; };
@@ -341,7 +342,7 @@
         /**
           * The name of the built-in animation to use. For custom animations, use the `keyframes` prop.
         */
-        name?: 'easings' | 'bounce' | 'flash' | 'headShake' | 'heartBeat' | 'jello' | 'pulse' | 'rubberBand' | 'shake' | 'shakeX' | 'shakeY' | 'swing' | 'tada' | 'wobble' | 'backInDown' | 'backInLeft' | 'backInRight' | 'backInUp' | 'backOutDown' | 'backOutLeft' | 'backOutRight' | 'backOutUp' | 'bounceIn' | 'bounceInDown' | 'bounceInLeft' | 'bounceInRight' | 'bounceInUp' | 'bounceOut' | 'bounceOutDown' | 'bounceOutLeft' | 'bounceOutRight' | 'bounceOutUp' | 'fadeIn' | 'fadeInBottomLeft' | 'fadeInBottomRight' | 'fadeInDown' | 'fadeInDownBig' | 'fadeInLeft' | 'fadeInLeftBig' | 'fadeInRight' | 'fadeInRightBig' | 'fadeInTopLeft' | 'fadeInTopRight' | 'fadeInUp' | 'fadeInUpBig' | 'fadeOut' | 'fadeOutBottomLeft' | 'fadeOutBottomRight' | 'fadeOutDown' | 'fadeOutDownBig' | 'fadeOutLeft' | 'fadeOutLeftBig' | 'fadeOutRight' | 'fadeOutRightBig' | 'fadeOutTopLeft' | 'fadeOutTopRight' | 'fadeOutUp' | 'fadeOutUpBig' | 'flip' | 'flipInX' | 'flipInY' | 'flipOutX' | 'flipOutY' | 'lightSpeedInLeft' | 'lightSpeedInRight' | 'lightSpeedOutLeft' | 'lightSpeedOutRight' | 'rotateIn' | 'rotateInDownLeft' | 'rotateInDownRight' | 'rotateInUpLeft' | 'rotateInUpRight' | 'rotateOut' | 'rotateOutDownLeft' | 'rotateOutDownRight' | 'rotateOutUpLeft' | 'rotateOutUpRight' | 'slideInDown' | 'slideInLeft' | 'slideInRight' | 'slideInUp' | 'slideOutDown' | 'slideOutLeft' | 'slideOutRight' | 'slideOutUp' | 'hinge' | 'jackInTheBox' | 'rollIn' | 'rollOut' | 'zoomIn' | 'zoomInDown' | 'zoomInLeft' | 'zoomInRight' | 'zoomInUp' | 'zoomOut' | 'zoomOutDown' | 'zoomOutLeft' | 'zoomOutRight' | 'zoomOutUp' | 'none' | string;
+        name?: 'easings' | 'bounce' | 'flash' | 'headShake' | 'heartBeat' | 'jello' | 'pulse' | 'rubberBand' | 'shake' | 'shakeX' | 'shakeY' | 'swing' | 'tada' | 'wobble' | 'backInDown' | 'backInLeft' | 'backInRight' | 'backInUp' | 'backOutDown' | 'backOutLeft' | 'backOutRight' | 'backOutUp' | 'bounceIn' | 'bounceInDown' | 'bounceInLeft' | 'bounceInRight' | 'bounceInUp' | 'bounceOut' | 'bounceOutDown' | 'bounceOutLeft' | 'bounceOutRight' | 'bounceOutUp' | 'fadeIn' | 'fadeInBottomLeft' | 'fadeInBottomRight' | 'fadeInDown' | 'fadeInDownBig' | 'fadeInLeft' | 'fadeInLeftBig' | 'fadeInRight' | 'fadeInRightBig' | 'fadeInTopLeft' | 'fadeInTopRight' | 'fadeInUp' | 'fadeInUpBig' | 'fadeOut' | 'fadeOutBottomLeft' | 'fadeOutBottomRight' | 'fadeOutDown' | 'fadeOutDownBig' | 'fadeOutLeft' | 'fadeOutLeftBig' | 'fadeOutRight' | 'fadeOutRightBig' | 'fadeOutTopLeft' | 'fadeOutTopRight' | 'fadeOutUp' | 'fadeOutUpBig' | 'flip' | 'flipInX' | 'flipInY' | 'flipOutX' | 'flipOutY' | 'lightSpeedInLeft' | 'lightSpeedInRight' | 'lightSpeedOutLeft' | 'lightSpeedOutRight' | 'rotate' | 'rotateIn' | 'rotateInDownLeft' | 'rotateInDownRight' | 'rotateInUpLeft' | 'rotateInUpRight' | 'rotateOut' | 'rotateOutDownLeft' | 'rotateOutDownRight' | 'rotateOutUpLeft' | 'rotateOutUpRight' | 'slideInDown' | 'slideInLeft' | 'slideInRight' | 'slideInUp' | 'slideOutDown' | 'slideOutLeft' | 'slideOutRight' | 'slideOutUp' | 'hinge' | 'jackInTheBox' | 'rollIn' | 'rollOut' | 'zoomIn' | 'zoomInDown' | 'zoomInLeft' | 'zoomInRight' | 'zoomInUp' | 'zoomOut' | 'zoomOutDown' | 'zoomOutLeft' | 'zoomOutRight' | 'zoomOutUp' | 'none' | string;
         /**
           * Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when the animation finishes or gets canceled.
         */
@@ -739,7 +740,7 @@
         /**
           * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
         */
-        autocomplete?: '' | 'name' | 'off' | 'tel' | 'email' | 'on' | 'additional-name' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday-day' | 'bday-month' | 'bday-year' | 'cc-csc' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-family-name' | 'cc-given-name' | 'cc-name' | 'cc-number' | 'cc-type' | 'country' | 'country-name' | 'current-password' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'new-password' | 'one-time-code' | 'organization' | 'postal-code' | 'street-address' | 'transaction-amount' | 'transaction-currency' | 'username' | 'tel-area-code' | 'tel-country-code' | 'tel-extension' | 'tel-local' | 'tel-local-prefix' | 'tel-local-suffix' | 'tel-national' | 'home tel' | 'home email' | 'home tel-area-code' | 'home tel-country-code' | 'home tel-extension' | 'home tel-local' | 'home tel-local-prefix' | 'home tel-local-suffix' | 'home tel-national' | 'mobile tel' | 'mobile email' | 'mobile tel-area-code' | 'mobile tel-country-code' | 'mobile tel-extension' | 'mobile tel-local' | 'mobile tel-local-prefix' | 'mobile tel-local-suffix' | 'mobile tel-national' | 'work tel' | 'work email' | 'work tel-area-code' | 'work tel-country-code' | 'work tel-extension' | 'work tel-local' | 'work tel-local-prefix' | 'work tel-local-suffix' | 'work tel-national' | 'name webauthn' | 'additional-name webauthn' | 'address-level1 webauthn' | 'address-level2 webauthn' | 'address-level3 webauthn' | 'address-level4 webauthn' | 'address-line1 webauthn' | 'address-line2 webauthn' | 'address-line3 webauthn' | 'bday-day webauthn' | 'bday-month webauthn' | 'bday-year webauthn' | 'cc-csc webauthn' | 'cc-exp webauthn' | 'cc-exp-month webauthn' | 'cc-exp-year webauthn' | 'cc-family-name webauthn' | 'cc-given-name webauthn' | 'cc-name webauthn' | 'cc-number webauthn' | 'cc-type webauthn' | 'country webauthn' | 'country-name webauthn' | 'current-password webauthn' | 'family-name webauthn' | 'given-name webauthn' | 'honorific-prefix webauthn' | 'honorific-suffix webauthn' | 'new-password webauthn' | 'one-time-code webauthn' | 'organization webauthn' | 'postal-code webauthn' | 'street-address webauthn' | 'transaction-amount webauthn' | 'transaction-currency webauthn' | 'username webauthn' | 'tel webauthn' | 'email webauthn' | 'tel-area-code webauthn' | 'tel-country-code webauthn' | 'tel-extension webauthn' | 'tel-local webauthn' | 'tel-local-prefix webauthn' | 'tel-local-suffix webauthn' | 'tel-national webauthn' | 'home tel webauthn' | 'home email webauthn' | 'home tel-area-code webauthn' | 'home tel-country-code webauthn' | 'home tel-extension webauthn' | 'home tel-local webauthn' | 'home tel-local-prefix webauthn' | 'home tel-local-suffix webauthn' | 'home tel-national webauthn' | 'mobile tel webauthn' | 'mobile email webauthn' | 'mobile tel-area-code webauthn' | 'mobile tel-country-code webauthn' | 'mobile tel-extension webauthn' | 'mobile tel-local webauthn' | 'mobile tel-local-prefix webauthn' | 'mobile tel-local-suffix webauthn' | 'mobile tel-national webauthn' | 'work tel webauthn' | 'work email webauthn' | 'work tel-area-code webauthn' | 'work tel-country-code webauthn' | 'work tel-extension webauthn' | 'work tel-local webauthn' | 'work tel-local-prefix webauthn' | 'work tel-local-suffix webauthn' | 'work tel-national webauthn' | 'billing name' | 'billing name webauthn' | 'billing additional-name' | 'billing additional-name webauthn' | 'billing address-level1' | 'billing address-level1 webauthn' | 'billing address-level2' | 'billing address-level2 webauthn' | 'billing address-level3' | 'billing address-level3 webauthn' | 'billing address-level4' | 'billing address-level4 webauthn' | 'billing address-line1' | 'billing address-line1 webauthn' | 'billing address-line2' | 'billing address-line2 webauthn' | 'billing address-line3' | 'billing address-line3 webauthn' | 'billing bday-day' | 'billing bday-day webauthn' | 'billing bday-month' | 'billing bday-month webauthn' | 'billing bday-year' | 'billing bday-year webauthn' | 'billing cc-csc' | 'billing cc-csc webauthn' | 'billing cc-exp' | 'billing cc-exp webauthn' | 'billing cc-exp-month' | 'billing cc-exp-month webauthn' | 'billing cc-exp-year' | 'billing cc-exp-year webauthn' | 'billing cc-family-name' | 'billing cc-family-name webauthn' | 'billing cc-given-name' | 'billing cc-given-name webauthn' | 'billing cc-name' | 'billing cc-name webauthn' | 'billing cc-number' | 'billing cc-number webauthn' | 'billing cc-type' | 'billing cc-type webauthn' | 'billing country' | 'billing country webauthn' | 'billing country-name' | 'billing country-name webauthn' | 'billing current-password' | 'billing current-password webauthn' | 'billing family-name' | 'billing family-name webauthn' | 'billing given-name' | 'billing given-name webauthn' | 'billing honorific-prefix' | 'billing honorific-prefix webauthn' | 'billing honorific-suffix' | 'billing honorific-suffix webauthn' | 'billing new-password' | 'billing new-password webauthn' | 'billing one-time-code' | 'billing one-time-code webauthn' | 'billing organization' | 'billing organization webauthn' | 'billing postal-code' | 'billing postal-code webauthn' | 'billing street-address' | 'billing street-address webauthn' | 'billing transaction-amount' | 'billing transaction-amount webauthn' | 'billing transaction-currency' | 'billing transaction-currency webauthn' | 'billing username' | 'billing username webauthn' | 'billing tel' | 'billing tel webauthn' | 'billing email' | 'billing email webauthn' | 'billing tel-area-code' | 'billing tel-area-code webauthn' | 'billing tel-country-code' | 'billing tel-country-code webauthn' | 'billing tel-extension' | 'billing tel-extension webauthn' | 'billing tel-local' | 'billing tel-local webauthn' | 'billing tel-local-prefix' | 'billing tel-local-prefix webauthn' | 'billing tel-local-suffix' | 'billing tel-local-suffix webauthn' | 'billing tel-national' | 'billing tel-national webauthn' | 'billing home tel' | 'billing home tel webauthn' | 'billing home email' | 'billing home email webauthn' | 'billing home tel-area-code' | 'billing home tel-area-code webauthn' | 'billing home tel-country-code' | 'billing home tel-country-code webauthn' | 'billing home tel-extension' | 'billing home tel-extension webauthn' | 'billing home tel-local' | 'billing home tel-local webauthn' | 'billing home tel-local-prefix' | 'billing home tel-local-prefix webauthn' | 'billing home tel-local-suffix' | 'billing home tel-local-suffix webauthn' | 'billing home tel-national' | 'billing home tel-national webauthn' | 'billing mobile tel' | 'billing mobile tel webauthn' | 'billing mobile email' | 'billing mobile email webauthn' | 'billing mobile tel-area-code' | 'billing mobile tel-area-code webauthn' | 'billing mobile tel-country-code' | 'billing mobile tel-country-code webauthn' | 'billing mobile tel-extension' | 'billing mobile tel-extension webauthn' | 'billing mobile tel-local' | 'billing mobile tel-local webauthn' | 'billing mobile tel-local-prefix' | 'billing mobile tel-local-prefix webauthn' | 'billing mobile tel-local-suffix' | 'billing mobile tel-local-suffix webauthn' | 'billing mobile tel-national' | 'billing mobile tel-national webauthn' | 'billing work tel' | 'billing work tel webauthn' | 'billing work email' | 'billing work email webauthn' | 'billing work tel-area-code' | 'billing work tel-area-code webauthn' | 'billing work tel-country-code' | 'billing work tel-country-code webauthn' | 'billing work tel-extension' | 'billing work tel-extension webauthn' | 'billing work tel-local' | 'billing work tel-local webauthn' | 'billing work tel-local-prefix' | 'billing work tel-local-prefix webauthn' | 'billing work tel-local-suffix' | 'billing work tel-local-suffix webauthn' | 'billing work tel-national' | 'billing work tel-national webauthn' | 'shipping name' | 'shipping name webauthn' | 'shipping additional-name' | 'shipping additional-name webauthn' | 'shipping address-level1' | 'shipping address-level1 webauthn' | 'shipping address-level2' | 'shipping address-level2 webauthn' | 'shipping address-level3' | 'shipping address-level3 webauthn' | 'shipping address-level4' | 'shipping address-level4 webauthn' | 'shipping address-line1' | 'shipping address-line1 webauthn' | 'shipping address-line2' | 'shipping address-line2 webauthn' | 'shipping address-line3' | 'shipping address-line3 webauthn' | 'shipping bday-day' | 'shipping bday-day webauthn' | 'shipping bday-month' | 'shipping bday-month webauthn' | 'shipping bday-year' | 'shipping bday-year webauthn' | 'shipping cc-csc' | 'shipping cc-csc webauthn' | 'shipping cc-exp' | 'shipping cc-exp webauthn' | 'shipping cc-exp-month' | 'shipping cc-exp-month webauthn' | 'shipping cc-exp-year' | 'shipping cc-exp-year webauthn' | 'shipping cc-family-name' | 'shipping cc-family-name webauthn' | 'shipping cc-given-name' | 'shipping cc-given-name webauthn' | 'shipping cc-name' | 'shipping cc-name webauthn' | 'shipping cc-number' | 'shipping cc-number webauthn' | 'shipping cc-type' | 'shipping cc-type webauthn' | 'shipping country' | 'shipping country webauthn' | 'shipping country-name' | 'shipping country-name webauthn' | 'shipping current-password' | 'shipping current-password webauthn' | 'shipping family-name' | 'shipping family-name webauthn' | 'shipping given-name' | 'shipping given-name webauthn' | 'shipping honorific-prefix' | 'shipping honorific-prefix webauthn' | 'shipping honorific-suffix' | 'shipping honorific-suffix webauthn' | 'shipping new-password' | 'shipping new-password webauthn' | 'shipping one-time-code' | 'shipping one-time-code webauthn' | 'shipping organization' | 'shipping organization webauthn' | 'shipping postal-code' | 'shipping postal-code webauthn' | 'shipping street-address' | 'shipping street-address webauthn' | 'shipping transaction-amount' | 'shipping transaction-amount webauthn' | 'shipping transaction-currency' | 'shipping transaction-currency webauthn' | 'shipping username' | 'shipping username webauthn' | 'shipping tel' | 'shipping tel webauthn' | 'shipping email' | 'shipping email webauthn' | 'shipping tel-area-code' | 'shipping tel-area-code webauthn' | 'shipping tel-country-code' | 'shipping tel-country-code webauthn' | 'shipping tel-extension' | 'shipping tel-extension webauthn' | 'shipping tel-local' | 'shipping tel-local webauthn' | 'shipping tel-local-prefix' | 'shipping tel-local-prefix webauthn' | 'shipping tel-local-suffix' | 'shipping tel-local-suffix webauthn' | 'shipping tel-national' | 'shipping tel-national webauthn' | 'shipping home tel' | 'shipping home tel webauthn' | 'shipping home email' | 'shipping home email webauthn' | 'shipping home tel-area-code' | 'shipping home tel-area-code webauthn' | 'shipping home tel-country-code' | 'shipping home tel-country-code webauthn' | 'shipping home tel-extension' | 'shipping home tel-extension webauthn' | 'shipping home tel-local' | 'shipping home tel-local webauthn' | 'shipping home tel-local-prefix' | 'shipping home tel-local-prefix webauthn' | 'shipping home tel-local-suffix' | 'shipping home tel-local-suffix webauthn' | 'shipping home tel-national' | 'shipping home tel-national webauthn' | 'shipping mobile tel' | 'shipping mobile tel webauthn' | 'shipping mobile email' | 'shipping mobile email webauthn' | 'shipping mobile tel-area-code' | 'shipping mobile tel-area-code webauthn' | 'shipping mobile tel-country-code' | 'shipping mobile tel-country-code webauthn' | 'shipping mobile tel-extension' | 'shipping mobile tel-extension webauthn' | 'shipping mobile tel-local' | 'shipping mobile tel-local webauthn' | 'shipping mobile tel-local-prefix' | 'shipping mobile tel-local-prefix webauthn' | 'shipping mobile tel-local-suffix' | 'shipping mobile tel-local-suffix webauthn' | 'shipping mobile tel-national' | 'shipping mobile tel-national webauthn' | 'shipping work tel' | 'shipping work tel webauthn' | 'shipping work email' | 'shipping work email webauthn' | 'shipping work tel-area-code' | 'shipping work tel-area-code webauthn' | 'shipping work tel-country-code' | 'shipping work tel-country-code webauthn' | 'shipping work tel-extension' | 'shipping work tel-extension webauthn' | 'shipping work tel-local' | 'shipping work tel-local webauthn' | 'shipping work tel-local-prefix' | 'shipping work tel-local-prefix webauthn' | 'shipping work tel-local-suffix' | 'shipping work tel-local-suffix webauthn' | 'shipping work tel-national' | 'shipping work tel-national webauthn' | string;
+        autocomplete?: '' | 'name' | 'off' | 'tel' | 'email' | 'on' | 'additional-name' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday-day' | 'bday-month' | 'bday-year' | 'cc-csc' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-family-name' | 'cc-given-name' | 'cc-name' | 'cc-number' | 'cc-type' | 'country' | 'country-name' | 'current-password' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'new-password' | 'one-time-code' | 'organization' | 'postal-code' | 'street-address' | 'transaction-amount' | 'transaction-currency' | 'username' | 'tel-area-code' | 'tel-country-code' | 'tel-extension' | 'tel-local' | 'tel-local-prefix' | 'tel-local-suffix' | 'tel-national' | 'mobile tel' | 'mobile email' | 'mobile tel-area-code' | 'mobile tel-country-code' | 'mobile tel-extension' | 'mobile tel-local' | 'mobile tel-local-prefix' | 'mobile tel-local-suffix' | 'mobile tel-national' | 'home tel' | 'home email' | 'home tel-area-code' | 'home tel-country-code' | 'home tel-extension' | 'home tel-local' | 'home tel-local-prefix' | 'home tel-local-suffix' | 'home tel-national' | 'work tel' | 'work email' | 'work tel-area-code' | 'work tel-country-code' | 'work tel-extension' | 'work tel-local' | 'work tel-local-prefix' | 'work tel-local-suffix' | 'work tel-national' | 'name webauthn' | 'additional-name webauthn' | 'address-level1 webauthn' | 'address-level2 webauthn' | 'address-level3 webauthn' | 'address-level4 webauthn' | 'address-line1 webauthn' | 'address-line2 webauthn' | 'address-line3 webauthn' | 'bday-day webauthn' | 'bday-month webauthn' | 'bday-year webauthn' | 'cc-csc webauthn' | 'cc-exp webauthn' | 'cc-exp-month webauthn' | 'cc-exp-year webauthn' | 'cc-family-name webauthn' | 'cc-given-name webauthn' | 'cc-name webauthn' | 'cc-number webauthn' | 'cc-type webauthn' | 'country webauthn' | 'country-name webauthn' | 'current-password webauthn' | 'family-name webauthn' | 'given-name webauthn' | 'honorific-prefix webauthn' | 'honorific-suffix webauthn' | 'new-password webauthn' | 'one-time-code webauthn' | 'organization webauthn' | 'postal-code webauthn' | 'street-address webauthn' | 'transaction-amount webauthn' | 'transaction-currency webauthn' | 'username webauthn' | 'tel webauthn' | 'email webauthn' | 'tel-area-code webauthn' | 'tel-country-code webauthn' | 'tel-extension webauthn' | 'tel-local webauthn' | 'tel-local-prefix webauthn' | 'tel-local-suffix webauthn' | 'tel-national webauthn' | 'mobile tel webauthn' | 'mobile email webauthn' | 'mobile tel-area-code webauthn' | 'mobile tel-country-code webauthn' | 'mobile tel-extension webauthn' | 'mobile tel-local webauthn' | 'mobile tel-local-prefix webauthn' | 'mobile tel-local-suffix webauthn' | 'mobile tel-national webauthn' | 'home tel webauthn' | 'home email webauthn' | 'home tel-area-code webauthn' | 'home tel-country-code webauthn' | 'home tel-extension webauthn' | 'home tel-local webauthn' | 'home tel-local-prefix webauthn' | 'home tel-local-suffix webauthn' | 'home tel-national webauthn' | 'work tel webauthn' | 'work email webauthn' | 'work tel-area-code webauthn' | 'work tel-country-code webauthn' | 'work tel-extension webauthn' | 'work tel-local webauthn' | 'work tel-local-prefix webauthn' | 'work tel-local-suffix webauthn' | 'work tel-national webauthn' | 'billing name' | 'billing name webauthn' | 'billing additional-name' | 'billing additional-name webauthn' | 'billing address-level1' | 'billing address-level1 webauthn' | 'billing address-level2' | 'billing address-level2 webauthn' | 'billing address-level3' | 'billing address-level3 webauthn' | 'billing address-level4' | 'billing address-level4 webauthn' | 'billing address-line1' | 'billing address-line1 webauthn' | 'billing address-line2' | 'billing address-line2 webauthn' | 'billing address-line3' | 'billing address-line3 webauthn' | 'billing bday-day' | 'billing bday-day webauthn' | 'billing bday-month' | 'billing bday-month webauthn' | 'billing bday-year' | 'billing bday-year webauthn' | 'billing cc-csc' | 'billing cc-csc webauthn' | 'billing cc-exp' | 'billing cc-exp webauthn' | 'billing cc-exp-month' | 'billing cc-exp-month webauthn' | 'billing cc-exp-year' | 'billing cc-exp-year webauthn' | 'billing cc-family-name' | 'billing cc-family-name webauthn' | 'billing cc-given-name' | 'billing cc-given-name webauthn' | 'billing cc-name' | 'billing cc-name webauthn' | 'billing cc-number' | 'billing cc-number webauthn' | 'billing cc-type' | 'billing cc-type webauthn' | 'billing country' | 'billing country webauthn' | 'billing country-name' | 'billing country-name webauthn' | 'billing current-password' | 'billing current-password webauthn' | 'billing family-name' | 'billing family-name webauthn' | 'billing given-name' | 'billing given-name webauthn' | 'billing honorific-prefix' | 'billing honorific-prefix webauthn' | 'billing honorific-suffix' | 'billing honorific-suffix webauthn' | 'billing new-password' | 'billing new-password webauthn' | 'billing one-time-code' | 'billing one-time-code webauthn' | 'billing organization' | 'billing organization webauthn' | 'billing postal-code' | 'billing postal-code webauthn' | 'billing street-address' | 'billing street-address webauthn' | 'billing transaction-amount' | 'billing transaction-amount webauthn' | 'billing transaction-currency' | 'billing transaction-currency webauthn' | 'billing username' | 'billing username webauthn' | 'billing tel' | 'billing tel webauthn' | 'billing email' | 'billing email webauthn' | 'billing tel-area-code' | 'billing tel-area-code webauthn' | 'billing tel-country-code' | 'billing tel-country-code webauthn' | 'billing tel-extension' | 'billing tel-extension webauthn' | 'billing tel-local' | 'billing tel-local webauthn' | 'billing tel-local-prefix' | 'billing tel-local-prefix webauthn' | 'billing tel-local-suffix' | 'billing tel-local-suffix webauthn' | 'billing tel-national' | 'billing tel-national webauthn' | 'billing mobile tel' | 'billing mobile tel webauthn' | 'billing mobile email' | 'billing mobile email webauthn' | 'billing mobile tel-area-code' | 'billing mobile tel-area-code webauthn' | 'billing mobile tel-country-code' | 'billing mobile tel-country-code webauthn' | 'billing mobile tel-extension' | 'billing mobile tel-extension webauthn' | 'billing mobile tel-local' | 'billing mobile tel-local webauthn' | 'billing mobile tel-local-prefix' | 'billing mobile tel-local-prefix webauthn' | 'billing mobile tel-local-suffix' | 'billing mobile tel-local-suffix webauthn' | 'billing mobile tel-national' | 'billing mobile tel-national webauthn' | 'billing home tel' | 'billing home tel webauthn' | 'billing home email' | 'billing home email webauthn' | 'billing home tel-area-code' | 'billing home tel-area-code webauthn' | 'billing home tel-country-code' | 'billing home tel-country-code webauthn' | 'billing home tel-extension' | 'billing home tel-extension webauthn' | 'billing home tel-local' | 'billing home tel-local webauthn' | 'billing home tel-local-prefix' | 'billing home tel-local-prefix webauthn' | 'billing home tel-local-suffix' | 'billing home tel-local-suffix webauthn' | 'billing home tel-national' | 'billing home tel-national webauthn' | 'billing work tel' | 'billing work tel webauthn' | 'billing work email' | 'billing work email webauthn' | 'billing work tel-area-code' | 'billing work tel-area-code webauthn' | 'billing work tel-country-code' | 'billing work tel-country-code webauthn' | 'billing work tel-extension' | 'billing work tel-extension webauthn' | 'billing work tel-local' | 'billing work tel-local webauthn' | 'billing work tel-local-prefix' | 'billing work tel-local-prefix webauthn' | 'billing work tel-local-suffix' | 'billing work tel-local-suffix webauthn' | 'billing work tel-national' | 'billing work tel-national webauthn' | 'shipping name' | 'shipping name webauthn' | 'shipping additional-name' | 'shipping additional-name webauthn' | 'shipping address-level1' | 'shipping address-level1 webauthn' | 'shipping address-level2' | 'shipping address-level2 webauthn' | 'shipping address-level3' | 'shipping address-level3 webauthn' | 'shipping address-level4' | 'shipping address-level4 webauthn' | 'shipping address-line1' | 'shipping address-line1 webauthn' | 'shipping address-line2' | 'shipping address-line2 webauthn' | 'shipping address-line3' | 'shipping address-line3 webauthn' | 'shipping bday-day' | 'shipping bday-day webauthn' | 'shipping bday-month' | 'shipping bday-month webauthn' | 'shipping bday-year' | 'shipping bday-year webauthn' | 'shipping cc-csc' | 'shipping cc-csc webauthn' | 'shipping cc-exp' | 'shipping cc-exp webauthn' | 'shipping cc-exp-month' | 'shipping cc-exp-month webauthn' | 'shipping cc-exp-year' | 'shipping cc-exp-year webauthn' | 'shipping cc-family-name' | 'shipping cc-family-name webauthn' | 'shipping cc-given-name' | 'shipping cc-given-name webauthn' | 'shipping cc-name' | 'shipping cc-name webauthn' | 'shipping cc-number' | 'shipping cc-number webauthn' | 'shipping cc-type' | 'shipping cc-type webauthn' | 'shipping country' | 'shipping country webauthn' | 'shipping country-name' | 'shipping country-name webauthn' | 'shipping current-password' | 'shipping current-password webauthn' | 'shipping family-name' | 'shipping family-name webauthn' | 'shipping given-name' | 'shipping given-name webauthn' | 'shipping honorific-prefix' | 'shipping honorific-prefix webauthn' | 'shipping honorific-suffix' | 'shipping honorific-suffix webauthn' | 'shipping new-password' | 'shipping new-password webauthn' | 'shipping one-time-code' | 'shipping one-time-code webauthn' | 'shipping organization' | 'shipping organization webauthn' | 'shipping postal-code' | 'shipping postal-code webauthn' | 'shipping street-address' | 'shipping street-address webauthn' | 'shipping transaction-amount' | 'shipping transaction-amount webauthn' | 'shipping transaction-currency' | 'shipping transaction-currency webauthn' | 'shipping username' | 'shipping username webauthn' | 'shipping tel' | 'shipping tel webauthn' | 'shipping email' | 'shipping email webauthn' | 'shipping tel-area-code' | 'shipping tel-area-code webauthn' | 'shipping tel-country-code' | 'shipping tel-country-code webauthn' | 'shipping tel-extension' | 'shipping tel-extension webauthn' | 'shipping tel-local' | 'shipping tel-local webauthn' | 'shipping tel-local-prefix' | 'shipping tel-local-prefix webauthn' | 'shipping tel-local-suffix' | 'shipping tel-local-suffix webauthn' | 'shipping tel-national' | 'shipping tel-national webauthn' | 'shipping mobile tel' | 'shipping mobile tel webauthn' | 'shipping mobile email' | 'shipping mobile email webauthn' | 'shipping mobile tel-area-code' | 'shipping mobile tel-area-code webauthn' | 'shipping mobile tel-country-code' | 'shipping mobile tel-country-code webauthn' | 'shipping mobile tel-extension' | 'shipping mobile tel-extension webauthn' | 'shipping mobile tel-local' | 'shipping mobile tel-local webauthn' | 'shipping mobile tel-local-prefix' | 'shipping mobile tel-local-prefix webauthn' | 'shipping mobile tel-local-suffix' | 'shipping mobile tel-local-suffix webauthn' | 'shipping mobile tel-national' | 'shipping mobile tel-national webauthn' | 'shipping home tel' | 'shipping home tel webauthn' | 'shipping home email' | 'shipping home email webauthn' | 'shipping home tel-area-code' | 'shipping home tel-area-code webauthn' | 'shipping home tel-country-code' | 'shipping home tel-country-code webauthn' | 'shipping home tel-extension' | 'shipping home tel-extension webauthn' | 'shipping home tel-local' | 'shipping home tel-local webauthn' | 'shipping home tel-local-prefix' | 'shipping home tel-local-prefix webauthn' | 'shipping home tel-local-suffix' | 'shipping home tel-local-suffix webauthn' | 'shipping home tel-national' | 'shipping home tel-national webauthn' | 'shipping work tel' | 'shipping work tel webauthn' | 'shipping work email' | 'shipping work email webauthn' | 'shipping work tel-area-code' | 'shipping work tel-area-code webauthn' | 'shipping work tel-country-code' | 'shipping work tel-country-code webauthn' | 'shipping work tel-extension' | 'shipping work tel-extension webauthn' | 'shipping work tel-local' | 'shipping work tel-local webauthn' | 'shipping work tel-local-prefix' | 'shipping work tel-local-prefix webauthn' | 'shipping work tel-local-suffix' | 'shipping work tel-local-suffix webauthn' | 'shipping work tel-national' | 'shipping work tel-national webauthn' | string;
         /**
           * Indicates that the input should receive focus on page load.
         */
@@ -2201,6 +2202,36 @@
         /**
           *
         */
+        preRender?: boolean;
+            }
+            /**
+              * Renders a visual diff between two text or HTML values.<br/> In **auto mode** (default), pass `old-value` and `new-value` as attributes/properties. The component computes a word-level diff and highlights deleted text with strikethrough and inserted text in green.<br/> In **slot mode**, provide `slot="old"` and/or `slot="new"` children to fully control the rendering of each value — useful for non-text values like tags or icons.
+            */
+            interface CxDiffAttributes extends HTMLAttributes<CxDiff> {
+        /**
+          * The old/previous value (plain text or HTML). Used in auto mode.
+        */
+        oldValue?: string;
+        /**
+          * The new/current value (plain text or HTML). Used in auto mode.
+        */
+        newValue?: string;
+        /**
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
+        */
+        dir?: string;
+        /**
+          * eslint-disable-next-line lit/no-native-attributes
+        */
+        lang?: string;
+        /**
+          *
+        */
+        theme?: 'light' | 'dark';
+        /**
+          *
+        */
         preRender?: boolean;
             }
             /**
@@ -4720,842 +4751,846 @@
         preRender?: boolean;
             }
             /**
-              * Tables are used to display data in a structured format.
+              * CxTimecode is a component that displays a timecode.
             */
-            interface CxTableAttributes extends HTMLAttributes<CxTable> {
+            interface CxTimecodeAttributes extends HTMLAttributes<CxTimecode> {
         /**
-          *
+          * The time values for the time based feature.
         */
-        movableRows?: boolean;
+        time?: number[];
         /**
-          *
+          * The timecode mode for the time based feature.
         */
-        movableColumns?: boolean;
+        timecodeMode?: 'Frames' | 'SMPTE' | 'Standard';
         /**
-          *
+          * The frame rate for the time based feature.
         */
-        data?: dictionary[];
+        frameRate?: number;
         /**
-          * The height of each table row. If undefined, the row height will be automatically calculated based on the content.
+          * When true, applies the preview background and padding styles.
         */
-        rowHeight?: number;
+        isPreview?: boolean;
         /**
-          * The layout of the table. Options include: - `fitData`: Resizes the tables columns to fit the data held in each column, unless you specify a width or minWidth in the column constructor. If the width of all columns exceeds the width of the containing element, a scroll bar will appear. - `fitColumns`: Resizes columns so they fit perfectly in the available table width. - `fitDataFill`: Functions in the same way as the fitData mode, but ensures that rows are always at least the full width of the table. - `fitDataStretch`: Functions in the same way as the fitDataFill mode, but instead of stretching the empty row to fill the table it stretches the last visible column. - `fitDataTable`: Sets the column widths in the same way as the fitData mode, but it will also then resize the width of the table to match the total width of the columns
+          * The typography variant for the timecode.
         */
-        layout?: 'fitData' | 'fitColumns' | 'fitDataFill' | 'fitDataStretch' | 'fitDataTable';
+        typographyVariant?: 'body1' | 'body2' | 'body3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'small';
         /**
-          * The configuration for the columns in the table.
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
-        columns?: { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'[] | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; } | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; textFormatParams: CxTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: any[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; }[];
+        dir?: string;
         /**
-          * Footer element to display for the table.
+          * eslint-disable-next-line lit/no-native-attributes
         */
-        footerElement?: string;
+        lang?: string;
         /**
-          * Responsive layout will automatically hide/show columns to fit the width of the Tabulator element. This allows for clean rendering of tables on smaller mobile devices, showing important data while avoiding horizontal scroll bars. You can enable responsive layouts using the responsiveLayout option. <br/> There are two responsive layout modes available: <br/> hide - hide columns that no longer fit in the table collapse - collapse columns that no longer fit on the table into a list under the row <br/> Hide Extra Columns By default, columns will be hidden from right to left as the width of the table decreases. You can choose exactly how columns are hidden using the responsive property in the column definition object. <br/> When responsive layout is enabled, all columns are given a default responsive value of 1. The higher you set this value the sooner that column will be hidden as the table width decreases. If two columns have the same responsive value then they are hidden from right to left (as defined in the column definition array, ignoring user moving of the columns). If you set the value to 0 then the column will never be hidden regardless of how narrow the table gets.
+          *
         */
-        responsiveLayout?: 'hide' | 'collapse' | any;
+        theme?: 'light' | 'dark';
         /**
-          * By default any formatter set on the column is applied to the value that will appear in the list. while this works for most formatters it can cause issues with the progress formatter which relies on being inside a cell. <br/> If you would like to disable column formatting in the collapsed list, you can use the responsiveLayoutCollapseUseFormatters option:
+          *
         */
-        responsiveLayoutCollapseUseFormatters?: boolean;
+        preRender?: boolean;
+            }
+            /**
+              * The cx-tree-item component is used to serve as a hierarchical node that lives inside a [tree](?s=atoms&id=/tree).
+            */
+            interface CxTreeItemAttributes extends HTMLAttributes<CxTreeItem> {
         /**
-          * Sometimes it can be useful to add a visual header to the start of a row. The `rowHeader` option allows you to define a column definition for a stylized header column at the start of the row. <br/> This can be great for adding row number, movable row handles or row selections, and keeps the controls visually separated from the table data.
+          * Expands the tree item.
         */
-        rowHeader?: any | { formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; field: string; headerSort: boolean; hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; resizable: 'header' | 'cell' | any; frozen: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; minWidth: number; width: string | number; rowHandle: boolean; };
+        expanded?: boolean;
         /**
-          * Whether to hide the row header
+          * Draws the tree item in a selected state.
         */
-        noHeader?: boolean;
+        selected?: boolean;
         /**
-          * Text direction of the table.
+          * Disables the tree item.
         */
-        textDirection?: 'rtl' | 'ltr' | 'auto';
+        disabled?: boolean;
         /**
-          * Collapsed lists are displayed to the user by default, if you would prefer they start closed so the user can open them you can use the responsiveLayoutCollapseStartOpen option.
+          * Makes the tree item readonly.
         */
-        responsiveLayoutCollapseStartOpen?: boolean;
+        readonly?: boolean;
         /**
-          * The number of pixels rendered above and below the visible rows to ensure a smooth scrolling experience.
+          * Enables lazy loading behavior.
         */
-        renderVerticalBuffer?: number | any;
+        lazy?: boolean;
         /**
-          * If 'basic', virtual DOM is disabled.
+          * When set, the underlying menu item will be rendered as an `a` with this `href`.
         */
-        renderVertical?: 'virtual' | 'basic' | any;
+        href?: string;
         /**
-          * The columnDefaults option allows you to set default configs for all columns in the table.
+          * Tells the browser where to open the link. Only used when `href` is set.
         */
-        columnDefaults?: CxTablePartial;
+        target?: '_blank' | '_parent' | '_self' | '_top';
         /**
-          * Whether to display a search box
+          * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a specific tab/window, this will prevent that from working correctly. You can remove or change the default value by setting the attribute to an empty string or a value of your choice, respectively.
         */
-        canSearch?: boolean;
+        rel?: string;
         /**
-          * Whether to hide the advanced search button
+          * Tells the browser to download the linked file as this filename. Only used when `href` is set.
         */
-        noAdvancedSearch?: boolean;
+        download?: string;
         /**
-          * Whether to display the saved search dropdown
+          * Handled by Cortex: Tree item's ID.
         */
-        showSavedSearch?: boolean;
+        itemId?: string;
         /**
-          * Fields to search in the table.
+          * Whether to allow the tree to be sorted by dragging and dropping items.
         */
-        searchFields?: string[];
+        sortable?: boolean;
         /**
-          * Search keyword match mode. When `true`, any single keyword (split by space) matching is enough to include a row. When `false` (default), all keywords must match within a single field.
+          * Whether to disable the drag and drop functionality.
         */
-        searchMatchAnyKeyword?: boolean;
+        noDrag?: boolean;
         /**
-          * Whether to display a create new button
+          * Whether to disable the selection functionality.
         */
-        canAdd?: boolean;
+        noSelect?: boolean;
         /**
-          * The label of the create new button
+          * Whether to disable dragging an item inside this tree item.
         */
-        addLabel?: string;
+        noDragInside?: boolean;
         /**
-          * Whether to display a export CSV button
+          * The group name for the sortable items. This allows multiple sortable lists to be grouped together, so items can be dragged between them.
         */
-        canExportCsv?: boolean;
+        sortableGroup?: string;
         /**
-          * Whether to display a export XML button
+          * Expand button placement
         */
-        canExportXml?: boolean;
+        expandButtonPlacement?: 'none' | 'start' | 'end';
         /**
-          * Whether to display a export custom button
+          * Whether to not forward the expand button placement to the children.
         */
-        canExportCustom?: boolean;
+        noForwardExpandButtonPlacement?: boolean;
         /**
-          *
+          * Indicates whether the tree checkboxes should be synced with the selected state of the tree items. For example, when select all children, the parent checkbox will be checked. When parent checkbox is checked, all children will be checked. If set to `true`, the children and parent checked state will be independent of each other. This is only applicable when `selection` is set to `multiple`.
         */
-        canSaveReport?: boolean;
+        disabledSyncCheckboxes?: boolean;
         /**
-          * Endpoint URL for the saved search dropdown when `show-saved-search` is enabled. When set (non-empty), it takes precedence over `savedSearchItems` and the dropdown loads paged data via `fetch`.
+          * Indicates whether the tree checkboxes should show always indeterminate state when any of the children are checked. If set to 'true', the parent checkbox will be indeterminate when some or all of its children are checked. This is only applicable when the selection is set to 'multiple'. This is used to mimic the behavior of a partial selection in Orange Logic platform.
         */
-        savedSearchUrl?: string;
+        partialSyncCheckboxes?: boolean;
         /**
-          * Static saved searches for the toolbar dropdown when `show-saved-search` is enabled and `savedSearchURL` is empty. Each item uses `{ recordID, name }` (see `SavedSearchItem`).
+          * Indicates whether the tree item was previously selected. Use only when the selection is set to 'multiple' and the partialSyncCheckboxes is set to 'true'. This is used to determine whether the tree item should still be indeterminate when all children are unchecked.
         */
-        savedSearchItems?: CxTableSavedSearchItem[];
+        previouslySelected?: boolean;
         /**
-          * The parameter name for the page size for the saved search dropdown
+          * Indicates whether the tree item is focusable. If set to 'false', the tree item will not be focusable and will not receive focus when the user clicks on it.
         */
-        savedSearchPageSizeParam?: string;
+        focusable?: boolean;
         /**
-          * The page size for the saved search dropdown
+          * The maximum number of lines to display in the label before clamping with an ellipsis. Set to -1 (the default) to show all lines without clamping.
         */
-        savedSearchPageSize?: number;
+        maxLines?: number;
         /**
-          * The parameter name for the page number for the saved search dropdown
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
-        savedSearchPageNumberParam?: string;
+        dir?: string;
         /**
-          * The dropdown filters to display in the toolbar.
+          * eslint-disable-next-line lit/no-native-attributes
         */
-        dropdownFilters?: CxTableTableDropdownFilterData[];
+        lang?: string;
         /**
-          * The URL to load the data from.
+          *
         */
-        ajaxUrl?: string;
+        theme?: 'light' | 'dark';
         /**
-          * Parameters to be passed to remote Ajax data loading request.
+          *
         */
-        ajaxParams?: dictionary;
+        preRender?: boolean;
+            }
+            /**
+              * The cx-tree component is used to display a hierarchical list of selectable [tree items](?s=atoms&id=/tree-item). Items with children can be expanded and collapsed as desired by the user.
+            */
+            interface CxTreeAttributes extends HTMLAttributes<CxTree> {
         /**
-          * Lookup list to link fields expected by the server to their function ```typescript default: { "page": "page", "size": "size", "sorters": "sorters", "filters": "filters", } ```
+          * Whether to allow the tree to be sorted by dragging and dropping items.
         */
-        dataSendParams?: dictionary;
+        sortable?: boolean;
         /**
-          * Lookup list to link expected data fields from the server to their function ```typescript default: { "current_page": "current_page", "last_page": "last_page", "data": "data", } ```
+          * Defines the group name for this tree, allowing multiple trees to be sortable together.
         */
-        dataReceiveParams?: dictionary;
+        sortableGroup?: string;
         /**
-          * Tabulator will automatically attempt to redraw the data contained in the table if the containing element for the table is resized. To disable this functionality, use no-auto-resize.
+          * Whether to disable the sortable group feature, allowing items to be sorted only within the tree.
         */
-        noAutoResize?: boolean;
+        disabledSortableGroup?: boolean;
         /**
-          * You can allow the user to manually resize rows by dragging the top or bottom border of a row. To enable this functionality, set the resizableRows property to true.
+          * The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple displays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.
         */
-        resizableRows?: boolean;
+        selection?: 'single' | 'multiple' | 'leaf';
         /**
-          * When the resizableColumnFit table definition option is set to true, when you resize a column, its adjacent column is resized in the opposite direction to keep the total width of the columns the same.
+          * Whether to automatically expand after loading finishes.
         */
-        resizableColumnFit?: boolean;
+        disabledAutoExpand?: boolean;
         /**
-          * Allows the user to control the height of columns in the table by dragging the border of the column. These guides will only appear if the `resizableRows` option is enabled.
+          * Whether to automatically expand to the selected items.
         */
-        resizableColumnGuide?: boolean;
+        autoExpandToSelected?: boolean;
         /**
-          * Allows the user to control the height of rows in the table by dragging the bottom border of the row. These guides will only appear on columns with the `resizable` option enabled in their column definition.
+          * Expand button placement
         */
-        resizableRowGuide?: boolean;
+        expandButtonPlacement?: 'none' | 'start' | 'end';
         /**
-          * Number of frozen rows at the top of the table, or An array of value that will freeze a row if frozenRowsField matches the value inside, or A function that returns a boolean value to determine if a row should be frozen.
+          * Whether to not forward the expand button placement to the children.
         */
-        frozenRows?: number | string[];
+        noForwardExpandButtonPlacement?: boolean;
         /**
-          * The field to use for matching frozenRows values.
+          * When set to true, the `cx-selection-change` event will be emitted on every change of the value, even if the value is not changed.
         */
-        frozenRowsField?: string;
+        forceOnChange?: boolean;
         /**
-          * The placeholder text to display when the table is empty.
+          * When set to true, clicking the label of a tree item will deselect all other items and select the clicked item. This is useful when the selection mode is set to 'multiple' and you want to allow the user to select a single item by clicking its label, without having to use the checkbox. This is the behavior of the filter in DAM view.
         */
-        placeholder?: string;
+        labelSelectSingle?: boolean;
         /**
-          * String/function to select field to group rows by.
+          * Whether to disable dragging an item inside another item for this tree.
         */
-        groupBy?: string | string[] | string[];
+        noDragInside?: boolean;
         /**
-          * Whether to display the item count in the group header.
+          * Indicates whether the tree items are focusable. If set to 'false', the tree items will not be focusable and will not receive focus when the user clicks on it.
         */
-        groupHeaderCount?: boolean;
+        focusable?: boolean;
         /**
-          * The amount of pixels to indent group rows per level
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
-        groupIndent?: number;
+        dir?: string;
         /**
-          * Whether the group should start open or closed.
+          * eslint-disable-next-line lit/no-native-attributes
         */
-        groupStartOpen?: any | boolean[] | any[];
+        lang?: string;
         /**
-          * When rows are grouped by field, group with values in this array will start open.
+          *
         */
-        groupStartOpenValues?: string[];
+        theme?: 'light' | 'dark';
         /**
-          * The element to use for the group toggle. If false, prevent clicking anywhere in the group toggling the group.
+          *
         */
-        groupToggleElement?: 'header' | 'arrow' | any;
+        preRender?: boolean;
+            }
+            /**
+              * Video are wrappers for video elements with videoJS support. This component is used to display videos in your application.
+            */
+            interface CxVideoAttributes extends HTMLAttributes<CxVideo> {
         /**
-          * By default Tabulator will create groups for rows based on the values contained in the row data. if you want to explicitly define which field values groups should be created for at each level, you can use the groupValues option. <br/> This option takes an array of value arrays, each item in the first array should be a list of acceptable field values for groups at that level
+          * The path to the video to load.
         */
-        groupValues?: any[][];
+        src?: string;
         /**
-          * Enabling the groupUpdateOnCellEdit option will cause a row to be regrouped when the cell it is grouped by is edited.
+          * The name of the video.
         */
-        groupUpdateOnCellEdit?: boolean;
+        name?: string;
         /**
-          * Load-more state keyed by the serialized group path returned by `group.getPathKey()`.
+          * The source field for the name of the video.
         */
-        groupLoadMoreMeta?: dictionary;
+        nameSourceField?: string;
         /**
-          * If true, the table will be rendered as a tree.
+          * The mime type of the video.
         */
-        dataTree?: boolean;
+        type?: string;
         /**
-          * If dataTree is true, this will be the field that contains the child data.
+          * The poster image to show before the video loads.
         */
-        dataTreeChildField?: string;
+        poster?: string;
         /**
-          * If dataTree is true, this will be the field that contains the loading state.
+          * Determines if the video should autoplay.
         */
-        dataTreeLoadingField?: string;
+        autoplay?: boolean;
         /**
-          * If dataTree is true, this will be the field that contains the has more state.
+          * Determines if the video should loop.
         */
-        dataTreeHasMoreField?: string;
+        loop?: boolean;
         /**
-          * If false, only the top level rows are filtered and the child rows left unfiltered.
+          * Determines if the video should be muted.
         */
-        dataTreeFilter?: boolean;
+        muted?: boolean;
         /**
-          * If false, only the top level rows are sorted and the child rows left unsorted.
+          * Determines if the controls should be shown.
         */
-        dataTreeSort?: boolean;
+        showControls?: boolean;
         /**
-          * By default the toggle element will be inserted into the first column on the table. If you want the toggle element to be inserted in a different column you can pass the field name of the column to the dataTreeElementColumn setup option
+          * Determines if picture-in-picture should be disabled.
         */
-        dataTreeElementColumn?: string | any;
+        disablePictureInPicture?: boolean;
         /**
-          * The amount of pixels to indent the child rows.
+          * Determines if remote playback should be disabled.
         */
-        dataTreeChildIndent?: number;
+        disableRemotePlayback?: boolean;
         /**
-          * If true, the tree will start expanded. Either: - A boolean to indicate whether all nodes should start expanded or collapsed; - An array of booleans to indicate how each level of the tree should be expanded; - A function that will be passed in a row component and the level of that row in the table (starting at 0), and return a boolean value to indicate the rows expansion state.
+          * Determines if the volume panel should be disabled.
         */
-        dataTreeStartExpanded?: any | boolean[];
+        disableVolumePanel?: boolean;
         /**
-          * If true, the tree will propagate the selection state to the child rows.
+          * The width of the image.
         */
-        dataTreeSelectPropagate?: boolean;
+        width?: string;
         /**
-          * Footer element to display for the table.
+          * The height of the image.
         */
-        dataTreeExpandElement?: string;
+        height?: string;
         /**
-          *
+          * Make the image resizable
         */
-        dataTreeCollapseElement?: string;
+        resizable?: boolean;
         /**
-          * If true, the table will be rendered as a spreadsheet.
+          * The height mode of the image.
         */
-        spreadsheet?: boolean;
+        heightMode?: 'auto' | 'fixed';
         /**
-          * The number of columns to display in the spreadsheet.
+          * Restricts resizing to a single axis. Use {@link ResizeDirection}.
         */
-        spreadsheetColumns?: number;
+        resizeDirection?: 'both' | 'horizontal' | 'vertical';
         /**
-          * The number of rows to display in the spreadsheet.
+          * Whether the image should be resized without a limit
         */
-        spreadsheetRows?: number;
+        noLimit?: boolean;
         /**
-          * The column definition for the spreadsheet.
+          * Whether the gallery item has an event (excluding zoom).
         */
-        spreadsheetColumnDefinition?: CxTablePartial;
+        hasEvent?: boolean;
         /**
-          * If true, export the entirety of a dataset including empty columns and rows.
+          * Specifies the easing function to use when highlighting the element.
         */
-        spreadsheetOutputFull?: boolean;
+        easing?: 'cubic' | 'expo' | 'linear' | 'quad-in' | 'quad-in-out' | 'quad-out';
         /**
-          * The value to set in the cell after the user has finished editing the cell and left it blank.
+          * Whether the gallery item highlights its border on hover.
         */
-        editorEmptyValue?: any;
+        highlightBorder?: boolean;
         /**
-          * The definition of the sheets to display in the spreadsheet.
+          * Whether the gallery item highlights its color overlay on hover.
         */
-        spreadsheetSheets?: { title: string; key: string; rows: number; columns: number; data: any[][]; dummy: number[][]; }[];
+        highlightColorOverlay?: boolean;
         /**
-          * By default Tabulator will load in multiple sheets and show the contents of the first sheet, you can then programmatically choose when to show other sheets to the user. turn this on to show tabs in the footer to allow user to navigate between sheets.
+          * Whether the gallery item highlights its drop shadow on hover.
         */
-        spreadsheetSheetTabs?: boolean;
+        highlightDropShadow?: boolean;
         /**
-          * The data to display in the spreadsheet.
+          * Whether the gallery item highlights its background on hover.
         */
-        spreadsheetData?: any[][];
+        highlightBackground?: boolean;
         /**
-          * The number of ranges that can be selected. If this number is > 1, when user selects a range, the first range will be deselected to allow the next range to be selected.
+          * Whether the gallery item highlights its opacity on hover.
         */
-        selectableRange?: number;
+        highlightOpacity?: boolean;
         /**
-          *
+          * The effect of the gallery item.
         */
-        noSelectable?: boolean;
+        effect?: 'jump' | 'none' | 'text-reveal' | 'zoom';
         /**
-          * By default you can only select ranges by selecting cells on the table. If you would like to allow the user to select all cells in a column by clicking on the column header, then you can set the selectableRangeColumns option to true
+          * The style of the text reveal effect.
         */
-        selectableRangeColumns?: boolean;
+        textRevealStyle?: 'fade' | 'slide';
         /**
-          *
+          * The style of the zoom effect.
         */
-        selectableRangeRows?: boolean;
+        zoomStyle?: 'pop-out' | 'within-borders';
         /**
-          *
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
-        selectableRangeClearCells?: boolean;
+        dir?: string;
         /**
-          * The editTriggerEvent option lets you choose which type of interaction event will trigger an edit on a cell. <br/> <br/>@example var table = new Tabulator("#example-table", { editTriggerEvent:"dblclick", // trigger edit on double click }); <br/> This option can take one of three values: <br/> - focus - trigger edit when the cell has focus (default) - click - trigger edit on single click on cell - dblclick - trigger edit on double click on cell <br/> This option does not affect navigation behavior, cells edits will still be triggered when they are navigated to through arrow keys or tabs.
+          * eslint-disable-next-line lit/no-native-attributes
         */
-        editTriggerEvent?: 'click' | 'dblclick' | 'focus';
+        lang?: string;
         /**
-          * Auto focus on a cell if the range selection is only one cell
+          *
         */
-        selectableRangeAutoFocus?: boolean;
+        theme?: 'light' | 'dark';
         /**
-          * When true, disables all clipboard integration (maps Tabulator `clipboard` to false).
+          *
         */
-        noClipboard?: boolean;
+        preRender?: boolean;
+            }
+            /**
+              * Tables are used to display data in a structured format.
+            */
+            interface CxTableAttributes extends HTMLAttributes<CxTable> {
         /**
-          * When `noClipboard` is false, selects copy/paste or both (maps to Tabulator `clipboard`: true, "copy", or "paste").
+          *
         */
-        clipboardAction?: 'both' | 'copy' | 'paste';
+        movableRows?: boolean;
         /**
-          * The clipboardCopyRowRange option takes a Row Range Lookup value and allows you to choose which rows are included in the clipboard output.
+          *
         */
-        clipboardCopyRowRange?: 'all' | 'selected' | 'visible' | 'range' | 'active';
+        movableColumns?: boolean;
         /**
-          * Tabulator has one built in paste parser, that is designed to take a table formatted text string from the clipboard and turn it into row data. it breaks the data into rows on a newline character \n and breaks the rows down to columns on a tab character \t. It will then attempt to work out which columns in the data correspond to columns in the table. It tries three different ways to achieve this. First it checks the values of all columns in the first row of data to see if they match the titles of columns in the table. If any of the columns don't match it then tries the same approach but with the column fields. If either of those options match, Tabulator will map those columns to the incoming data and import it into rows. If there is no match then Tabulator will assume the columns in the data are in the same order as the visible columns in the table and import them that way. <br/> The inbuilt parser will reject any clipboard data that does not contain at least one row and two columns, in that case the clipboardPasteError will be triggered. <br/> If you extend the clipboard module to add your own parser, you can set it to be used as default with the clipboardPasteParser property. Built-in parsers are "table" and "range".
+          *
         */
-        clipboardPasteParser?: string;
+        data?: dictionary[];
         /**
-          * Once the data has been parsed into row data, it will be passed to a paste action to be added to the table. There are three inbuilt paste actions: <br/> insert - Inserts data into the table using the addRows function (default) update - Updates data in the table using the updateOrAddData function replace - replaces all data in the table using the setData function
+          * The height of each table row. If undefined, the row height will be automatically calculated based on the content.
         */
-        clipboardPasteAction?: 'replace' | 'insert' | 'update' | 'range';
+        rowHeight?: number;
         /**
-          * Controls which structural rows (headers, groups, calcs) appear in clipboard output. <br/> By default (`{ columnHeaders: false }`) only cell values are copied—no column title row. Set `columnHeaders: true` to include header titles, or use `columnGroups`, `rowGroups`, `columnCalcs`, `dataTree`, `rowHeaders`, and `formatCells` per `AdditionalExportOptions`.
+          * The layout of the table. Options include: - `fitData`: Resizes the tables columns to fit the data held in each column, unless you specify a width or minWidth in the column constructor. If the width of all columns exceeds the width of the containing element, a scroll bar will appear. - `fitColumns`: Resizes columns so they fit perfectly in the available table width. - `fitDataFill`: Functions in the same way as the fitData mode, but ensures that rows are always at least the full width of the table. - `fitDataStretch`: Functions in the same way as the fitDataFill mode, but instead of stretching the empty row to fill the table it stretches the last visible column. - `fitDataTable`: Sets the column widths in the same way as the fitData mode, but it will also then resize the width of the table to match the total width of the columns
         */
-        clipboardCopyConfig?: { columnHeaders: boolean; columnGroups: boolean; rowGroups: boolean; columnCalcs: boolean; dataTree: boolean; rowHeaders: boolean; formatCells: boolean; };
+        layout?: 'fitData' | 'fitColumns' | 'fitDataFill' | 'fitDataStretch' | 'fitDataTable';
         /**
-          * By default Tabulator will copy some of the tables styling along with the data to give a better visual appearance when pasted into other documents. <br/> If you want to only copy the un-styled data then you should set the clipboardCopyStyled option to false in the table options object:
+          * The configuration for the columns in the table.
         */
-        clipboardNoCopyStyled?: boolean;
+        columns?: { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'[] | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; } | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; textFormatParams: CxTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: any[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxTableTimeFormatterParams; }[];
         /**
-          * If true, the table will be paginated.
+          * Footer element to display for the table.
         */
-        pagination?: boolean;
+        footerElement?: string;
         /**
-          * The mode of the pagination.
+          * Responsive layout will automatically hide/show columns to fit the width of the Tabulator element. This allows for clean rendering of tables on smaller mobile devices, showing important data while avoiding horizontal scroll bars. You can enable responsive layouts using the responsiveLayout option. <br/> There are two responsive layout modes available: <br/> hide - hide columns that no longer fit in the table collapse - collapse columns that no longer fit on the table into a list under the row <br/> Hide Extra Columns By default, columns will be hidden from right to left as the width of the table decreases. You can choose exactly how columns are hidden using the responsive property in the column definition object. <br/> When responsive layout is enabled, all columns are given a default responsive value of 1. The higher you set this value the sooner that column will be hidden as the table width decreases. If two columns have the same responsive value then they are hidden from right to left (as defined in the column definition array, ignoring user moving of the columns). If you set the value to 0 then the column will never be hidden regardless of how narrow the table gets.
         */
-        paginationMode?: 'local' | 'remote';
+        responsiveLayout?: 'hide' | 'collapse' | any;
         /**
-          * The number of rows in each page.
+          * By default any formatter set on the column is applied to the value that will appear in the list. while this works for most formatters it can cause issues with the progress formatter which relies on being inside a cell. <br/> If you would like to disable column formatting in the collapsed list, you can use the responsiveLayoutCollapseUseFormatters option:
         */
-        paginationSize?: number;
+        responsiveLayoutCollapseUseFormatters?: boolean;
         /**
-          * Specify that a specific page should be loaded when the table first load.
+          * Sometimes it can be useful to add a visual header to the start of a row. The `rowHeader` option allows you to define a column definition for a stylized header column at the start of the row. <br/> This can be great for adding row number, movable row handles or row selections, and keeps the controls visually separated from the table data.
         */
-        paginationInitialPage?: number;
+        rowHeader?: any | { formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; field: string; headerSort: boolean; hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; resizable: 'header' | 'cell' | any; frozen: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; minWidth: number; width: string | number; rowHandle: boolean; };
         /**
-          * The number of pagination page buttons shown in the footer.
+          * Whether to hide the row header
         */
-        paginationButtonCount?: number;
+        noHeader?: boolean;
         /**
-          * Whether to show the pagination buttons. <br/> Whether to show the pagination buttons.
+          * Text direction of the table.
         */
-        showPaginationButtons?: boolean;
+        textDirection?: 'rtl' | 'ltr' | 'auto';
         /**
-          * Whether to hide an editable input for the current page in the pagination counter.
+          * Collapsed lists are displayed to the user by default, if you would prefer they start closed so the user can open them you can use the responsiveLayoutCollapseStartOpen option.
         */
-        hidePaginationInput?: boolean;
+        responsiveLayoutCollapseStartOpen?: boolean;
         /**
-          * Controls page size options. Either: - true: Page size options will be multiples of the current page size. - array: Page size options will be the numbers in the array. If 'true' is in the array, 'All' will be added to the list of options.
+          * The number of pixels rendered above and below the visible rows to ensure a smooth scrolling experience.
         */
-        pageSizeOptions?: any | number | any[];
+        renderVerticalBuffer?: number | any;
         /**
-          * When using the addRow function on a paginated table, rows will be added relative to the current page (ie to the top or bottom of the current page), with overflowing rows being shifted onto the next page. <br/> If you would prefer rows to be added relative to the table (firs/last page) then you can use the paginationAddRow option. it can take one of two values: <br/> page - add rows relative to current page (default) table - add rows relative to the table
+          * If 'basic', virtual DOM is disabled.
         */
-        paginationAddRow?: 'table' | 'page';
+        renderVertical?: 'virtual' | 'basic' | any;
         /**
-          * The paginationCounter property of the cx-pagination component.
+          * The columnDefaults option allows you to set default configs for all columns in the table.
         */
-        paginationCounter?: 'both' | 'pages' | 'rows';
+        columnDefaults?: CxTablePartial;
         /**
-          * Whether to show the button to go the first page.
+          * Whether to display a search box
         */
-        paginationShowFirst?: boolean;
+        canSearch?: boolean;
         /**
-          * Whether to show the button to go the last page.
+          * Whether to hide the advanced search button
         */
-        paginationShowLast?: boolean;
+        noAdvancedSearch?: boolean;
         /**
-          * The hover menu options.
+          * Whether to display the saved search dropdown
         */
-        hoverMenu?: CxTableHoverMenuOptions;
+        showSavedSearch?: boolean;
         /**
-          * The label of the table.
+          * Fields to search in the table.
         */
-        label?: string;
+        searchFields?: string[];
         /**
-          * The role attribute of the table element.
+          * Search keyword match mode. When `true`, any single keyword (split by space) matching is enough to include a row. When `false` (default), all keywords must match within a single field.
         */
-        tabulatorRole?: string;
+        searchMatchAnyKeyword?: boolean;
         /**
-          * The role attribute of column group elements.
+          * Whether to display a create new button
         */
-        columnGroupRole?: string;
+        canAdd?: boolean;
         /**
-          * The role attribute of column header elements.
+          * The label of the create new button
         */
-        columnHeaderRole?: string;
+        addLabel?: string;
         /**
-          * The role attribute of row elements.
+          * Whether to display a export CSV button
         */
-        rowRole?: string;
+        canExportCsv?: boolean;
         /**
-          * The role attribute of row group elements.
+          * Whether to display a export XML button
         */
-        rowGroupRole?: string;
+        canExportXml?: boolean;
         /**
-          * The role attribute of cell elements.
+          * Whether to display a export custom button
         */
-        cellRole?: string;
+        canExportCustom?: boolean;
         /**
-          * The mode of the filter.
+          *
         */
-        filterMode?: 'local' | 'remote';
+        canSaveReport?: boolean;
         /**
-          * The initial values for filters.
+          * Endpoint URL for the saved search dropdown when `show-saved-search` is enabled. When set (non-empty), it takes precedence over `savedSearchItems` and the dropdown loads paged data via `fetch`.
         */
-        initialFilter?: CxTableFilter[];
+        savedSearchUrl?: string;
         /**
-          * The initial values for header filters.
+          * Static saved searches for the toolbar dropdown when `show-saved-search` is enabled and `savedSearchURL` is empty. Each item uses `{ recordID, name }` (see `SavedSearchItem`).
         */
-        initialHeaderFilter?: CxTablePick[];
+        savedSearchItems?: CxTableSavedSearchItem[];
         /**
-          * The delay before updating the column after user types in header filter.
+          * The parameter name for the page size for the saved search dropdown
         */
-        headerFilterLiveFilterDelay?: number;
+        savedSearchPageSizeParam?: string;
         /**
-          * The placeholder text to display when table is empty due to active filters.
+          * The page size for the saved search dropdown
         */
-        placeholderHeaderFilter?: string;
+        savedSearchPageSize?: number;
         /**
-          * The placeholder text to display when all columns are hidden.
+          * The parameter name for the page number for the saved search dropdown
         */
-        noColumnPlaceholderText?: string;
+        savedSearchPageNumberParam?: string;
         /**
-          * Enables the overlay scrollbar plugin, which provides a custom scrollbar that does not take up any content space.
+          * The dropdown filters to display in the toolbar.
         */
-        useOverlayScrollbar?: boolean;
+        dropdownFilters?: CxTableTableDropdownFilterData[];
         /**
-          * Controls the external loading state. <br/> When `true`, the loading spinner is shown regardless of whether the table's internal data load is in progress. The spinner only hides when both this property and the internal data load are `false`. <br/> Use this to manually show a loading indicator when fetching data outside the table (e.g. a parent component is preparing data before passing it in). <br/> To set loading imperatively, prefer `setLoading(value)` instead of assigning this property directly — both are equivalent but `setLoading()` makes intent clearer. <br/> To read whether the table is effectively loading (external or internal), use `isLoading()` instead of reading this property directly — `loading` only reflects the externally set state, not the internal data fetch.
+          * The URL to load the data from.
         */
-        loading?: boolean;
+        ajaxUrl?: string;
         /**
-          * URL to fetch tabular data from. When set, the table fetches, parses, and populates columns and data.
+          * Parameters to be passed to remote Ajax data loading request.
         */
-        dataUrl?: string;
+        ajaxParams?: dictionary;
         /**
-          * Format of the data at dataUrl. Use 'auto' to detect from URL extension or Content-Type header.
+          * Lookup list to link fields expected by the server to their function ```typescript default: { "page": "page", "size": "size", "sorters": "sorters", "filters": "filters", } ```
         */
-        dataFormat?: 'auto' | 'csv' | 'json' | 'xml';
+        dataSendParams?: dictionary;
         /**
-          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
+          * Lookup list to link expected data fields from the server to their function ```typescript default: { "current_page": "current_page", "last_page": "last_page", "data": "data", } ```
         */
-        dir?: string;
+        dataReceiveParams?: dictionary;
         /**
-          * eslint-disable-next-line lit/no-native-attributes
+          * Tabulator will automatically attempt to redraw the data contained in the table if the containing element for the table is resized. To disable this functionality, use no-auto-resize.
         */
-        lang?: string;
+        noAutoResize?: boolean;
         /**
-          *
+          * You can allow the user to manually resize rows by dragging the top or bottom border of a row. To enable this functionality, set the resizableRows property to true.
         */
-        theme?: 'light' | 'dark';
+        resizableRows?: boolean;
         /**
-          *
+          * When the resizableColumnFit table definition option is set to true, when you resize a column, its adjacent column is resized in the opposite direction to keep the total width of the columns the same.
         */
-        preRender?: boolean;
-            }
-            /**
-              * CxTimecode is a component that displays a timecode.
-            */
-            interface CxTimecodeAttributes extends HTMLAttributes<CxTimecode> {
+        resizableColumnFit?: boolean;
         /**
-          * The time values for the time based feature.
+          * Allows the user to control the height of columns in the table by dragging the border of the column. These guides will only appear if the `resizableRows` option is enabled.
         */
-        time?: number[];
+        resizableColumnGuide?: boolean;
         /**
-          * The timecode mode for the time based feature.
+          * Allows the user to control the height of rows in the table by dragging the bottom border of the row. These guides will only appear on columns with the `resizable` option enabled in their column definition.
         */
-        timecodeMode?: 'Frames' | 'SMPTE' | 'Standard';
+        resizableRowGuide?: boolean;
         /**
-          * The frame rate for the time based feature.
+          * Number of frozen rows at the top of the table, or An array of value that will freeze a row if frozenRowsField matches the value inside, or A function that returns a boolean value to determine if a row should be frozen.
         */
-        frameRate?: number;
+        frozenRows?: number | string[];
         /**
-          * When true, applies the preview background and padding styles.
+          * The field to use for matching frozenRows values.
         */
-        isPreview?: boolean;
+        frozenRowsField?: string;
         /**
-          * The typography variant for the timecode.
+          * The placeholder text to display when the table is empty.
         */
-        typographyVariant?: 'body1' | 'body2' | 'body3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'small';
+        placeholder?: string;
         /**
-          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
+          * String/function to select field to group rows by.
         */
-        dir?: string;
+        groupBy?: string | string[] | string[];
         /**
-          * eslint-disable-next-line lit/no-native-attributes
+          * Whether to display the item count in the group header.
         */
-        lang?: string;
+        groupHeaderCount?: boolean;
         /**
-          *
+          * The amount of pixels to indent group rows per level
         */
-        theme?: 'light' | 'dark';
+        groupIndent?: number;
         /**
-          *
+          * Whether the group should start open or closed.
         */
-        preRender?: boolean;
-            }
-            /**
-              * The cx-tree-item component is used to serve as a hierarchical node that lives inside a [tree](?s=atoms&id=/tree).
-            */
-            interface CxTreeItemAttributes extends HTMLAttributes<CxTreeItem> {
+        groupStartOpen?: any | boolean[] | any[];
         /**
-          * Expands the tree item.
+          * When rows are grouped by field, group with values in this array will start open.
         */
-        expanded?: boolean;
+        groupStartOpenValues?: string[];
         /**
-          * Draws the tree item in a selected state.
+          * The element to use for the group toggle. If false, prevent clicking anywhere in the group toggling the group.
         */
-        selected?: boolean;
+        groupToggleElement?: 'header' | 'arrow' | any;
         /**
-          * Disables the tree item.
+          * By default Tabulator will create groups for rows based on the values contained in the row data. if you want to explicitly define which field values groups should be created for at each level, you can use the groupValues option. <br/> This option takes an array of value arrays, each item in the first array should be a list of acceptable field values for groups at that level
         */
-        disabled?: boolean;
+        groupValues?: any[][];
         /**
-          * Makes the tree item readonly.
+          * Enabling the groupUpdateOnCellEdit option will cause a row to be regrouped when the cell it is grouped by is edited.
         */
-        readonly?: boolean;
+        groupUpdateOnCellEdit?: boolean;
         /**
-          * Enables lazy loading behavior.
+          * Load-more state keyed by the serialized group path returned by `group.getPathKey()`.
         */
-        lazy?: boolean;
+        groupLoadMoreMeta?: dictionary;
         /**
-          * When set, the underlying menu item will be rendered as an `a` with this `href`.
+          * If true, the table will be rendered as a tree.
         */
-        href?: string;
+        dataTree?: boolean;
         /**
-          * Tells the browser where to open the link. Only used when `href` is set.
+          * If dataTree is true, this will be the field that contains the child data.
         */
-        target?: '_blank' | '_parent' | '_self' | '_top';
+        dataTreeChildField?: string;
         /**
-          * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a specific tab/window, this will prevent that from working correctly. You can remove or change the default value by setting the attribute to an empty string or a value of your choice, respectively.
+          * If dataTree is true, this will be the field that contains the loading state.
         */
-        rel?: string;
+        dataTreeLoadingField?: string;
         /**
-          * Tells the browser to download the linked file as this filename. Only used when `href` is set.
+          * If dataTree is true, this will be the field that contains the has more state.
         */
-        download?: string;
+        dataTreeHasMoreField?: string;
         /**
-          * Handled by Cortex: Tree item's ID.
+          * If false, only the top level rows are filtered and the child rows left unfiltered.
         */
-        itemId?: string;
+        dataTreeFilter?: boolean;
         /**
-          * Whether to allow the tree to be sorted by dragging and dropping items.
+          * If false, only the top level rows are sorted and the child rows left unsorted.
         */
-        sortable?: boolean;
+        dataTreeSort?: boolean;
         /**
-          * Whether to disable the drag and drop functionality.
+          * By default the toggle element will be inserted into the first column on the table. If you want the toggle element to be inserted in a different column you can pass the field name of the column to the dataTreeElementColumn setup option
         */
-        noDrag?: boolean;
+        dataTreeElementColumn?: string | any;
         /**
-          * Whether to disable the selection functionality.
+          * The amount of pixels to indent the child rows.
         */
-        noSelect?: boolean;
+        dataTreeChildIndent?: number;
         /**
-          * Whether to disable dragging an item inside this tree item.
+          * If true, the tree will start expanded. Either: - A boolean to indicate whether all nodes should start expanded or collapsed; - An array of booleans to indicate how each level of the tree should be expanded; - A function that will be passed in a row component and the level of that row in the table (starting at 0), and return a boolean value to indicate the rows expansion state.
         */
-        noDragInside?: boolean;
+        dataTreeStartExpanded?: any | boolean[];
         /**
-          * The group name for the sortable items. This allows multiple sortable lists to be grouped together, so items can be dragged between them.
+          * If true, the tree will propagate the selection state to the child rows.
         */
-        sortableGroup?: string;
+        dataTreeSelectPropagate?: boolean;
         /**
-          * Expand button placement
+          * Footer element to display for the table.
         */
-        expandButtonPlacement?: 'none' | 'start' | 'end';
+        dataTreeExpandElement?: string;
         /**
-          * Whether to not forward the expand button placement to the children.
+          *
         */
-        noForwardExpandButtonPlacement?: boolean;
+        dataTreeCollapseElement?: string;
         /**
-          * Indicates whether the tree checkboxes should be synced with the selected state of the tree items. For example, when select all children, the parent checkbox will be checked. When parent checkbox is checked, all children will be checked. If set to `true`, the children and parent checked state will be independent of each other. This is only applicable when `selection` is set to `multiple`.
+          * If true, the table will be rendered as a spreadsheet.
         */
-        disabledSyncCheckboxes?: boolean;
+        spreadsheet?: boolean;
         /**
-          * Indicates whether the tree checkboxes should show always indeterminate state when any of the children are checked. If set to 'true', the parent checkbox will be indeterminate when some or all of its children are checked. This is only applicable when the selection is set to 'multiple'. This is used to mimic the behavior of a partial selection in Orange Logic platform.
+          * The number of columns to display in the spreadsheet.
         */
-        partialSyncCheckboxes?: boolean;
+        spreadsheetColumns?: number;
         /**
-          * Indicates whether the tree item was previously selected. Use only when the selection is set to 'multiple' and the partialSyncCheckboxes is set to 'true'. This is used to determine whether the tree item should still be indeterminate when all children are unchecked.
+          * The number of rows to display in the spreadsheet.
         */
-        previouslySelected?: boolean;
+        spreadsheetRows?: number;
         /**
-          * Indicates whether the tree item is focusable. If set to 'false', the tree item will not be focusable and will not receive focus when the user clicks on it.
+          * The column definition for the spreadsheet.
         */
-        focusable?: boolean;
+        spreadsheetColumnDefinition?: CxTablePartial;
         /**
-          * The maximum number of lines to display in the label before clamping with an ellipsis. Set to -1 (the default) to show all lines without clamping.
+          * If true, export the entirety of a dataset including empty columns and rows.
         */
-        maxLines?: number;
+        spreadsheetOutputFull?: boolean;
         /**
-          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
+          * The value to set in the cell after the user has finished editing the cell and left it blank.
+        */
+        editorEmptyValue?: any;
+        /**
+          * The definition of the sheets to display in the spreadsheet.
         */
-        dir?: string;
+        spreadsheetSheets?: { title: string; key: string; rows: number; columns: number; data: any[][]; dummy: number[][]; }[];
         /**
-          * eslint-disable-next-line lit/no-native-attributes
+          * By default Tabulator will load in multiple sheets and show the contents of the first sheet, you can then programmatically choose when to show other sheets to the user. turn this on to show tabs in the footer to allow user to navigate between sheets.
         */
-        lang?: string;
+        spreadsheetSheetTabs?: boolean;
         /**
-          *
+          * The data to display in the spreadsheet.
         */
-        theme?: 'light' | 'dark';
+        spreadsheetData?: any[][];
         /**
-          *
+          * The number of ranges that can be selected. If this number is > 1, when user selects a range, the first range will be deselected to allow the next range to be selected.
         */
-        preRender?: boolean;
-            }
-            /**
-              * The cx-tree component is used to display a hierarchical list of selectable [tree items](?s=atoms&id=/tree-item). Items with children can be expanded and collapsed as desired by the user.
-            */
-            interface CxTreeAttributes extends HTMLAttributes<CxTree> {
+        selectableRange?: number;
         /**
-          * Whether to allow the tree to be sorted by dragging and dropping items.
+          *
         */
-        sortable?: boolean;
+        noSelectable?: boolean;
         /**
-          * Defines the group name for this tree, allowing multiple trees to be sortable together.
+          * By default you can only select ranges by selecting cells on the table. If you would like to allow the user to select all cells in a column by clicking on the column header, then you can set the selectableRangeColumns option to true
         */
-        sortableGroup?: string;
+        selectableRangeColumns?: boolean;
         /**
-          * Whether to disable the sortable group feature, allowing items to be sorted only within the tree.
+          *
         */
-        disabledSortableGroup?: boolean;
+        selectableRangeRows?: boolean;
         /**
-          * The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple displays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.
+          *
         */
-        selection?: 'single' | 'multiple' | 'leaf';
+        selectableRangeClearCells?: boolean;
         /**
-          * Whether to automatically expand after loading finishes.
+          * The editTriggerEvent option lets you choose which type of interaction event will trigger an edit on a cell. <br/> <br/>@example var table = new Tabulator("#example-table", { editTriggerEvent:"dblclick", // trigger edit on double click }); <br/> This option can take one of three values: <br/> - focus - trigger edit when the cell has focus (default) - click - trigger edit on single click on cell - dblclick - trigger edit on double click on cell <br/> This option does not affect navigation behavior, cells edits will still be triggered when they are navigated to through arrow keys or tabs.
         */
-        disabledAutoExpand?: boolean;
+        editTriggerEvent?: 'click' | 'dblclick' | 'focus';
         /**
-          * Whether to automatically expand to the selected items.
+          * Auto focus on a cell if the range selection is only one cell
         */
-        autoExpandToSelected?: boolean;
+        selectableRangeAutoFocus?: boolean;
         /**
-          * Expand button placement
+          * When true, disables all clipboard integration (maps Tabulator `clipboard` to false).
         */
-        expandButtonPlacement?: 'none' | 'start' | 'end';
+        noClipboard?: boolean;
         /**
-          * Whether to not forward the expand button placement to the children.
+          * When `noClipboard` is false, selects copy/paste or both (maps to Tabulator `clipboard`: true, "copy", or "paste").
         */
-        noForwardExpandButtonPlacement?: boolean;
+        clipboardAction?: 'both' | 'copy' | 'paste';
         /**
-          * When set to true, the `cx-selection-change` event will be emitted on every change of the value, even if the value is not changed.
+          * The clipboardCopyRowRange option takes a Row Range Lookup value and allows you to choose which rows are included in the clipboard output.
         */
-        forceOnChange?: boolean;
+        clipboardCopyRowRange?: 'all' | 'selected' | 'visible' | 'range' | 'active';
         /**
-          * When set to true, clicking the label of a tree item will deselect all other items and select the clicked item. This is useful when the selection mode is set to 'multiple' and you want to allow the user to select a single item by clicking its label, without having to use the checkbox. This is the behavior of the filter in DAM view.
+          * Tabulator has one built in paste parser, that is designed to take a table formatted text string from the clipboard and turn it into row data. it breaks the data into rows on a newline character \n and breaks the rows down to columns on a tab character \t. It will then attempt to work out which columns in the data correspond to columns in the table. It tries three different ways to achieve this. First it checks the values of all columns in the first row of data to see if they match the titles of columns in the table. If any of the columns don't match it then tries the same approach but with the column fields. If either of those options match, Tabulator will map those columns to the incoming data and import it into rows. If there is no match then Tabulator will assume the columns in the data are in the same order as the visible columns in the table and import them that way. <br/> The inbuilt parser will reject any clipboard data that does not contain at least one row and two columns, in that case the clipboardPasteError will be triggered. <br/> If you extend the clipboard module to add your own parser, you can set it to be used as default with the clipboardPasteParser property. Built-in parsers are "table" and "range".
         */
-        labelSelectSingle?: boolean;
+        clipboardPasteParser?: string;
         /**
-          * Whether to disable dragging an item inside another item for this tree.
+          * Once the data has been parsed into row data, it will be passed to a paste action to be added to the table. There are three inbuilt paste actions: <br/> insert - Inserts data into the table using the addRows function (default) update - Updates data in the table using the updateOrAddData function replace - replaces all data in the table using the setData function
         */
-        noDragInside?: boolean;
+        clipboardPasteAction?: 'replace' | 'insert' | 'update' | 'range';
         /**
-          * Indicates whether the tree items are focusable. If set to 'false', the tree items will not be focusable and will not receive focus when the user clicks on it.
+          * Controls which structural rows (headers, groups, calcs) appear in clipboard output. <br/> By default (`{ columnHeaders: false }`) only cell values are copied—no column title row. Set `columnHeaders: true` to include header titles, or use `columnGroups`, `rowGroups`, `columnCalcs`, `dataTree`, `rowHeaders`, and `formatCells` per `AdditionalExportOptions`.
         */
-        focusable?: boolean;
+        clipboardCopyConfig?: { columnHeaders: boolean; columnGroups: boolean; rowGroups: boolean; columnCalcs: boolean; dataTree: boolean; rowHeaders: boolean; formatCells: boolean; };
         /**
-          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
+          * By default Tabulator will copy some of the tables styling along with the data to give a better visual appearance when pasted into other documents. <br/> If you want to only copy the un-styled data then you should set the clipboardCopyStyled option to false in the table options object:
         */
-        dir?: string;
+        clipboardNoCopyStyled?: boolean;
         /**
-          * eslint-disable-next-line lit/no-native-attributes
+          * If true, the table will be paginated.
         */
-        lang?: string;
+        pagination?: boolean;
         /**
-          *
+          * The mode of the pagination.
         */
-        theme?: 'light' | 'dark';
+        paginationMode?: 'local' | 'remote';
         /**
-          *
+          * The number of rows in each page.
         */
-        preRender?: boolean;
-            }
-            /**
-              * Video are wrappers for video elements with videoJS support. This component is used to display videos in your application.
-            */
-            interface CxVideoAttributes extends HTMLAttributes<CxVideo> {
+        paginationSize?: number;
         /**
-          * The path to the video to load.
+          * Specify that a specific page should be loaded when the table first load.
         */
-        src?: string;
+        paginationInitialPage?: number;
         /**
-          * The name of the video.
+          * The number of pagination page buttons shown in the footer.
         */
-        name?: string;
+        paginationButtonCount?: number;
         /**
-          * The source field for the name of the video.
+          * Whether to show the pagination buttons. <br/> Whether to show the pagination buttons.
         */
-        nameSourceField?: string;
+        showPaginationButtons?: boolean;
         /**
-          * The mime type of the video.
+          * Whether to hide an editable input for the current page in the pagination counter.
         */
-        type?: string;
+        hidePaginationInput?: boolean;
         /**
-          * The poster image to show before the video loads.
+          * Controls page size options. Either: - true: Page size options will be multiples of the current page size. - array: Page size options will be the numbers in the array. If 'true' is in the array, 'All' will be added to the list of options.
         */
-        poster?: string;
+        pageSizeOptions?: any | number | any[];
         /**
-          * Determines if the video should autoplay.
+          * When using the addRow function on a paginated table, rows will be added relative to the current page (ie to the top or bottom of the current page), with overflowing rows being shifted onto the next page. <br/> If you would prefer rows to be added relative to the table (firs/last page) then you can use the paginationAddRow option. it can take one of two values: <br/> page - add rows relative to current page (default) table - add rows relative to the table
         */
-        autoplay?: boolean;
+        paginationAddRow?: 'table' | 'page';
         /**
-          * Determines if the video should loop.
+          * The paginationCounter property of the cx-pagination component.
         */
-        loop?: boolean;
+        paginationCounter?: 'both' | 'pages' | 'rows';
         /**
-          * Determines if the video should be muted.
+          * Whether to show the button to go the first page.
         */
-        muted?: boolean;
+        paginationShowFirst?: boolean;
         /**
-          * Determines if the controls should be shown.
+          * Whether to show the button to go the last page.
         */
-        showControls?: boolean;
+        paginationShowLast?: boolean;
         /**
-          * Determines if picture-in-picture should be disabled.
+          * Where to place the pagination control relative to the table.
         */
-        disablePictureInPicture?: boolean;
+        paginationPlacement?: 'bottom-center' | 'bottom-end' | 'bottom-start' | 'top-center' | 'top-end' | 'top-start';
         /**
-          * Determines if remote playback should be disabled.
+          * The hover menu options.
         */
-        disableRemotePlayback?: boolean;
+        hoverMenu?: CxTableHoverMenuOptions;
         /**
-          * Determines if the volume panel should be disabled.
+          * The label of the table.
         */
-        disableVolumePanel?: boolean;
+        label?: string;
         /**
-          * The width of the image.
+          * The role attribute of the table element.
         */
-        width?: string;
+        tabulatorRole?: string;
         /**
-          * The height of the image.
+          * The role attribute of column group elements.
         */
-        height?: string;
+        columnGroupRole?: string;
         /**
-          * Make the image resizable
+          * The role attribute of column header elements.
         */
-        resizable?: boolean;
+        columnHeaderRole?: string;
         /**
-          * The height mode of the image.
+          * The role attribute of row elements.
         */
-        heightMode?: 'auto' | 'fixed';
+        rowRole?: string;
         /**
-          * Restricts resizing to a single axis. Use {@link ResizeDirection}.
+          * The role attribute of row group elements.
         */
-        resizeDirection?: 'both' | 'horizontal' | 'vertical';
+        rowGroupRole?: string;
         /**
-          * Whether the image should be resized without a limit
+          * The role attribute of cell elements.
         */
-        noLimit?: boolean;
+        cellRole?: string;
         /**
-          * Whether the gallery item has an event (excluding zoom).
+          * The mode of the filter.
         */
-        hasEvent?: boolean;
+        filterMode?: 'local' | 'remote';
         /**
-          * Specifies the easing function to use when highlighting the element.
+          * The initial values for filters.
         */
-        easing?: 'cubic' | 'expo' | 'linear' | 'quad-in' | 'quad-in-out' | 'quad-out';
+        initialFilter?: CxTableFilter[];
         /**
-          * Whether the gallery item highlights its border on hover.
+          * The initial values for header filters.
         */
-        highlightBorder?: boolean;
+        initialHeaderFilter?: CxTablePick[];
         /**
-          * Whether the gallery item highlights its color overlay on hover.
+          * The delay before updating the column after user types in header filter.
         */
-        highlightColorOverlay?: boolean;
+        headerFilterLiveFilterDelay?: number;
         /**
-          * Whether the gallery item highlights its drop shadow on hover.
+          * The placeholder text to display when table is empty due to active filters.
         */
-        highlightDropShadow?: boolean;
+        placeholderHeaderFilter?: string;
         /**
-          * Whether the gallery item highlights its background on hover.
+          * The placeholder text to display when all columns are hidden.
         */
-        highlightBackground?: boolean;
+        noColumnPlaceholderText?: string;
         /**
-          * Whether the gallery item highlights its opacity on hover.
+          * Enables the overlay scrollbar plugin, which provides a custom scrollbar that does not take up any content space.
         */
-        highlightOpacity?: boolean;
+        useOverlayScrollbar?: boolean;
         /**
-          * The effect of the gallery item.
+          * Controls the external loading state. <br/> When `true`, the loading spinner is shown regardless of whether the table's internal data load is in progress. The spinner only hides when both this property and the internal data load are `false`. <br/> Use this to manually show a loading indicator when fetching data outside the table (e.g. a parent component is preparing data before passing it in). <br/> To set loading imperatively, prefer `setLoading(value)` instead of assigning this property directly — both are equivalent but `setLoading()` makes intent clearer. <br/> To read whether the table is effectively loading (external or internal), use `isLoading()` instead of reading this property directly — `loading` only reflects the externally set state, not the internal data fetch.
         */
-        effect?: 'jump' | 'none' | 'text-reveal' | 'zoom';
+        loading?: boolean;
         /**
-          * The style of the text reveal effect.
+          * URL to fetch tabular data from. When set, the table fetches, parses, and populates columns and data.
         */
-        textRevealStyle?: 'fade' | 'slide';
+        dataUrl?: string;
         /**
-          * The style of the zoom effect.
+          * Format of the data at dataUrl. Use 'auto' to detect from URL extension or Content-Type header.
         */
-        zoomStyle?: 'pop-out' | 'within-borders';
+        dataFormat?: 'auto' | 'csv' | 'json' | 'xml';
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -7969,6 +8004,52 @@
         /**
           *
         */
+        preRender?: boolean;
+            }
+            /**
+              * Individual weekly capacity planner. Each week distributes a fixed weekly capacity across work categories as a horizontal bar of colored bands. Users either drag a band to rebalance the split or copy whole weeks across a range. A reserved, component-synthesized "Unavailable" (grey) band fills each week up to the weekly capacity, so the UI total is ALWAYS exactly the capacity while the REAL categories may sum to LESS. Dragging any band (including Unavailable) rebalances proportionally against the others; an empty week renders as 100% Unavailable with the real bands at 0 shown as grabbable FLOOR-width slivers. Hours are floats internally and rounded only for display/save. The Unavailable band is NEVER saved: edits emit a debounced `cx-capacity-change` carrying ONLY the real categories for each edited week, with integer hours (largest-remainder) that sum to round(capacity) − round(unavailable) and match the visible labels.
+            */
+            interface CxCapacityPlannerAttributes extends HTMLAttributes<CxCapacityPlanner> {
+        /**
+          * Total hours available per week (C). Defaults to 40.
+        */
+        weeklyCapacity?: number;
+        /**
+          * Optional per-category clamp (max hours a single category may hold).
+        */
+        maxHourPerCell?: number;
+        /**
+          * When false, the planner is fully read-only (no drag, copy, or seeding).
+        */
+        editable?: boolean;
+        /**
+          * ISO date; weeks starting before this are read-only (e.g. the past).
+        */
+        firstEditableWeek?: string;
+        /**
+          * Intl date-format locale used for week-start labels.
+        */
+        dateFormat?: string;
+        /**
+          * First day of the week for display alignment (Monday by default).
+        */
+        weekStartsOn?: string;
+        /**
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
+        */
+        dir?: string;
+        /**
+          * eslint-disable-next-line lit/no-native-attributes
+        */
+        lang?: string;
+        /**
+          *
+        */
+        theme?: 'light' | 'dark';
+        /**
+          *
+        */
         preRender?: boolean;
             }
             /**
@@ -8441,6 +8522,32 @@
         /**
           *
         */
+        preRender?: boolean;
+            }
+            /**
+              * Dedicated editor for DAM view "Custom toolbar buttons" trait. Renders a compact list view (via `cx-list-editor` in event-driven mode) and owns its own Add/Edit dialog with the full button schema (Type, Label, Tooltip, Appearance, Icon, Action on click, target, and Level of access). The built-in `cx-list-editor` dialog is intentionally bypassed because the form needs section headings and conditional fields.
+            */
+            interface CxDamCustomToolbarButtonsEditorAttributes extends HTMLAttributes<CxDamCustomToolbarButtonsEditor> {
+        /**
+          * Custom toolbar buttons collection (controlled). Accepts either an array (property binding) or a JSON string (attribute binding — used by `config-form-controller` after `handleConfigChange` stringifies attribute values).
+        */
+        data?: CxDamCustomToolbarButtonsEditorDamCustomToolbarButton[];
+        /**
+          * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
+        */
+        dir?: string;
+        /**
+          * eslint-disable-next-line lit/no-native-attributes
+        */
+        lang?: string;
+        /**
+          *
+        */
+        theme?: 'light' | 'dark';
+        /**
+          *
+        */
         preRender?: boolean;
             }
             /**
@@ -9013,7 +9120,7 @@
         /**
           *
         */
-        columns?: { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'[] | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; } | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; textFormatParams: CxDashboardTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: any[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxDashboardTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; }[];
+        columns?: { hozAlign: 'right' | 'left' | 'center'; headerHozAlign: 'right' | 'left' | 'center'; vertAlign: 'top' | 'bottom' | 'middle'; minWidth: number; widthGrow: number; widthShrink: number; resizable: 'header' | 'cell' | any; frozen: boolean; responsive: number; tooltip: string | any; cssClass: string; rowHandle: boolean; hideInHtml: boolean; sorter: 'string' | 'number' | 'boolean' | 'time' | 'date' | 'alphanum' | 'exists' | 'datetime' | 'array'; sorterParams: { format: string; locale: string | any; alignEmptyValues: 'top' | 'bottom'; type: 'max' | 'min' | 'length' | 'sum' | 'avg'; }; variableHeight: boolean; editable: any; editor: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; editorParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; validator: string | 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'[] | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; } | { type: 'string' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric'; parameters: any; }[]; mutatorParams: dictionary; mutatorDataParams: dictionary; mutatorEditParams: dictionary; mutatorClipboardParams: dictionary; accessor: 'rownum'; accessorParams: dictionary; accessorDownloadParams: dictionary; accessorClipboardParams: dictionary; download: any; titleDownload: string; topCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; topCalcParams: { precision: number; }; topCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; topCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; bottomCalcFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; headerSort: boolean; headerSortStartingDir: 'asc' | 'desc' | 'none'; headerSortTristate: boolean; headerTooltip: string | any; headerVertical: 'flip' | any; editableTitle: boolean; titleFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; titleFormatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; textFormatParams: CxDashboardTableTextFormatParams; cellClass: string; cellStyle: dictionary; headerFilter: 'number' | 'input' | 'textarea' | 'time' | 'date' | 'list' | 'range' | 'datetime' | 'tickCross' | 'star' | any; headerFilterParams: { min: number; max: number; step: number; verticalNavigation: 'table' | 'editor'; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { tristate: boolean; indeterminateValue: string; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { values: string | any | any[] | string[] | dictionary | { label: string; value: string | number | any; }[]; valuesURL: string; valuesLookup: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display' | any; valuesLookupField: string; fallbackOption: { value: string | number | any; prefix: string; hideDivider: boolean; }; clearable: boolean; sort: 'asc' | 'desc' | 'none'; emptyValue: any; maxWidth: boolean; placeholderLoading: string; placeholderEmpty: string; autocomplete: boolean; filterRemote: boolean; filterDelay: number; allowEmpty: boolean; listOnEmpty: boolean; freetext: boolean; showListOnEmpty: boolean; verticalNavigation: 'table' | 'editor' | 'hybrid'; closedByDefault: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; defaultValue: string; sortValuesList: 'desc' | 'asc'; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; } | { search: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { verticalNavigation: 'table' | 'editor' | 'hybrid'; shiftEnterSubmit: boolean; selectContents: boolean; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { min: string; max: string; format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; } | { format: string; verticalNavigation: 'table' | 'editor'; elementAttributes: dictionary; mask: string; maskAutoFill: boolean; maskLetterChar: string; maskNumberChar: string; maskWildcardChar: string; }; headerFilterPlaceholder: string; headerFilterFunc: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; headerFilterFuncParams: any; headerFilterLiveFilter: boolean; htmlOutput: any; clipboard: any; print: any; columns: any[]; headerMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerMenuIcon: string; headerContextMenu: { label: string; disabled: any; menu: any[]; } | { separator: boolean; }[]; headerDblClickPopup: string; dblClickPopup: string; contextMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; clickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; headerDblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; dblClickMenu: { separator: boolean; } | { label: string; disabled: any; menu: any[]; }[]; cellPopup: string; formatterClipboard: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterClipboardParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterPrintParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff' | any; formatterHtmlOutputParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; titleClipboard: string; titleHtmlOutput: string; titlePrint: string; maxWidth: number | any; headerWordWrap: boolean; editorEmptyValue: any; hoverMenu: CxDashboardTableHoverMenuOptions; clickable: boolean; clickableActionName: string; clickableEventName: string; title: string; field: string; hidden: boolean; width: string | number; formatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'plaintext' | 'toggle' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | 'lookup' | 'buttonTick' | 'buttonCross' | 'rownum' | 'handle' | 'rowSelection' | 'responsiveCollapse' | 'diff'; formatterParams: dictionary | { decimal: string; thousand: string; symbol: string; symbolAfter: boolean; precision: number | any; negativeSign: string | any; } | { height: string; width: string; urlPrefix: string; urlSuffix: string; } | { labelField: string; label: string; urlPrefix: string; urlField: string; url: string; target: string; download: boolean; } | { inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { date: any; humanize: boolean; unit: 'years' | 'months' | 'weeks' | 'days' | 'hours' | 'minutes' | 'seconds'; suffix: boolean; inputFormat: string; outputFormat: string; invalidPlaceholder: string | number | any; timezone: string; } | { allowEmpty: boolean; allowTruthy: boolean; tickElement: string | any; crossElement: string | any; } | { min: number; max: number; color: string | any[]; } | { legend: string | any; legendColor: string | any[]; legendAlign: 'right' | 'left' | 'center' | 'justify'; min: number; max: number; color: string | any[]; } | { stars: number; } | { rowRange: 'all' | 'selected' | 'visible' | 'range' | 'active' | 'display'; } | { size: number; max: number; onValue: string | number; offValue: string | number; onTruthy: boolean; onColor: string; offColor: string; clickable: boolean; } | CxDashboardTableTimeFormatterParams; }[];
         /**
           *
         */
@@ -9631,18 +9738,18 @@
         */
         preRender?: boolean;
             }
-              export type CxIconProps = DetailedHTMLProps<CxIconAttributes, CxIcon> & {class?: string};export type CxSpinnerProps = DetailedHTMLProps<CxSpinnerAttributes, CxSpinner> & {class?: string};export type CxIconButtonProps = DetailedHTMLProps<CxIconButtonAttributes, CxIconButton> & {class?: string};export type CxAlertProps = DetailedHTMLProps<CxAlertAttributes, CxAlert> & {class?: string};export type CxAmChartProps = DetailedHTMLProps<CxAmChartAttributes, CxAmChart> & {class?: string};export type CxAnimatedImageProps = DetailedHTMLProps<CxAnimatedImageAttributes, CxAnimatedImage> & {class?: string};export type CxAnimationProps = DetailedHTMLProps<CxAnimationAttributes, CxAnimation> & {class?: string};export type CxPopupProps = DetailedHTMLProps<CxPopupAttributes, CxPopup> & {class?: string};export type CxMenuItemProps = DetailedHTMLProps<CxMenuItemAttributes, CxMenuItem> & {class?: string};export type CxInputProps = DetailedHTMLProps<CxInputAttributes, CxInput> & {class?: string};export type CxMenuProps = DetailedHTMLProps<CxMenuAttributes, CxMenu> & {class?: string};export type CxTextareaProps = DetailedHTMLProps<CxTextareaAttributes, CxTextarea> & {class?: string};export type CxDropdownProps = DetailedHTMLProps<CxDropdownAttributes, CxDropdown> & {class?: string};export type CxButtonProps = DetailedHTMLProps<CxButtonAttributes, CxButton> & {class?: string};export type CxTooltipProps = DetailedHTMLProps<CxTooltipAttributes, CxTooltip> & {class?: string};export type CxResizeObserverProps = DetailedHTMLProps<CxResizeObserverAttributes, CxResizeObserver> & {class?: string};export type CxLineClampProps = DetailedHTMLProps<CxLineClampAttributes, CxLineClamp> & {class?: string};export type CxTagProps = DetailedHTMLProps<CxTagAttributes, CxTag> & {class?: string};export type CxArrayLineClampProps = DetailedHTMLProps<CxArrayLineClampAttributes, CxArrayLineClamp> & {class?: string};export type CxTypographyProps = DetailedHTMLProps<CxTypographyAttributes, CxTypography> & {class?: string};export type CxAudioProps = DetailedHTMLProps<CxAudioAttributes, CxAudio> & {class?: string};export type CxAvatarProps = DetailedHTMLProps<CxAvatarAttributes, CxAvatar> & {class?: string};export type CxBadgeProps = DetailedHTMLProps<CxBadgeAttributes, CxBadge> & {class?: string};export type CxBreadcrumbItemProps = DetailedHTMLProps<CxBreadcrumbItemAttributes, CxBreadcrumbItem> & {class?: string};export type CxBreadcrumbProps = DetailedHTMLProps<CxBreadcrumbAttributes, CxBreadcrumb> & {class?: string};export type CxButtonGroupProps = DetailedHTMLProps<CxButtonGroupAttributes, CxButtonGroup> & {class?: string};export type CxCardProps = DetailedHTMLProps<CxCardAttributes, CxCard> & {class?: string};export type CxCheckboxProps = DetailedHTMLProps<CxCheckboxAttributes, CxCheckbox> & {class?: string};export type CxVisuallyHiddenProps = DetailedHTMLProps<CxVisuallyHiddenAttributes, CxVisuallyHidden> & {class?: string};export type CxColorPickerProps = DetailedHTMLProps<CxColorPickerAttributes, CxColorPicker> & {class?: string};export type CxCopyButtonProps = DetailedHTMLProps<CxCopyButtonAttributes, CxCopyButton> & {class?: string};export type CxDateCalendarProps = DetailedHTMLProps<CxDateCalendarAttributes, CxDateCalendar> & {class?: string};export type CxDetailsProps = DetailedHTMLProps<CxDetailsAttributes, CxDetails> & {class?: string};export type CxDividerProps = DetailedHTMLProps<CxDividerAttributes, CxDivider> & {class?: string};export type CxDialogProps = DetailedHTMLProps<CxDialogAttributes, CxDialog> & {class?: string};export type CxDrawerProps = DetailedHTMLProps<CxDrawerAttributes, CxDrawer> & {class?: string};export type CxProgressBarProps = DetailedHTMLProps<CxProgressBarAttributes, CxProgressBar> & {class?: string};export type CxBookReaderProps = DetailedHTMLProps<CxBookReaderAttributes, CxBookReader> & {class?: string};export type CxSkeletonProps = DetailedHTMLProps<CxSkeletonAttributes, CxSkeleton> & {class?: string};export type CxSpaceProps = DetailedHTMLProps<CxSpaceAttributes, CxSpace> & {class?: string};export type CxImageProps = DetailedHTMLProps<CxImageAttributes, CxImage> & {class?: string};export type CxDocumentViewerProps = DetailedHTMLProps<CxDocumentViewerAttributes, CxDocumentViewer> & {class?: string};export type CxDotPaginationProps = DetailedHTMLProps<CxDotPaginationAttributes, CxDotPagination> & {class?: string};export type CxDotStatusProps = DetailedHTMLProps<CxDotStatusAttributes, CxDotStatus> & {class?: string};export type CxEChartProps = DetailedHTMLProps<CxEChartAttributes, CxEChart> & {class?: string};export type CxElementClampProps = DetailedHTMLProps<CxElementClampAttributes, CxElementClamp> & {class?: string};export type CxFormatBytesProps = DetailedHTMLProps<CxFormatBytesAttributes, CxFormatBytes> & {class?: string};export type CxFormatDateProps = DetailedHTMLProps<CxFormatDateAttributes, CxFormatDate> & {class?: string};export type CxFormatNumberProps = DetailedHTMLProps<CxFormatNumberAttributes, CxFormatNumber> & {class?: string};export type CxFormatTimeProps = DetailedHTMLProps<CxFormatTimeAttributes, CxFormatTime> & {class?: string};export type CxGridProps = DetailedHTMLProps<CxGridAttributes, CxGrid> & {class?: string};export type CxGridItemProps = DetailedHTMLProps<CxGridItemAttributes, CxGridItem> & {class?: string};export type CxHeaderProps = DetailedHTMLProps<CxHeaderAttributes, CxHeader> & {class?: string};export type CxHubConnectionProps = DetailedHTMLProps<CxHubConnectionAttributes, CxHubConnection> & {class?: string};export type CxIframeProps = DetailedHTMLProps<CxIframeAttributes, CxIframe> & {class?: string};export type CxImageComparerProps = DetailedHTMLProps<CxImageComparerAttributes, CxImageComparer> & {class?: string};export type CxIncludeProps = DetailedHTMLProps<CxIncludeAttributes, CxInclude> & {class?: string};export type CxInputGroupProps = DetailedHTMLProps<CxInputGroupAttributes, CxInputGroup> & {class?: string};export type CxMarkdownProps = DetailedHTMLProps<CxMarkdownAttributes, CxMarkdown> & {class?: string};export type CxMenuLabelProps = DetailedHTMLProps<CxMenuLabelAttributes, CxMenuLabel> & {class?: string};export type CxMenuSectionProps = DetailedHTMLProps<CxMenuSectionAttributes, CxMenuSection> & {class?: string};export type CxMutationObserverProps = DetailedHTMLProps<CxMutationObserverAttributes, CxMutationObserver> & {class?: string};export type CxOptionProps = DetailedHTMLProps<CxOptionAttributes, CxOption> & {class?: string};export type CxSelectProps = DetailedHTMLProps<CxSelectAttributes, CxSelect> & {class?: string};export type CxPaginationProps = DetailedHTMLProps<CxPaginationAttributes, CxPagination> & {class?: string};export type CxProgressRingProps = DetailedHTMLProps<CxProgressRingAttributes, CxProgressRing> & {class?: string};export type CxQrCodeProps = DetailedHTMLProps<CxQrCodeAttributes, CxQrCode> & {class?: string};export type CxRadioProps = DetailedHTMLProps<CxRadioAttributes, CxRadio> & {class?: string};export type CxRadioButtonProps = DetailedHTMLProps<CxRadioButtonAttributes, CxRadioButton> & {class?: string};export type CxRadioCardProps = DetailedHTMLProps<CxRadioCardAttributes, CxRadioCard> & {class?: string};export type CxRadioGroupProps = DetailedHTMLProps<CxRadioGroupAttributes, CxRadioGroup> & {class?: string};export type CxRangeProps = DetailedHTMLProps<CxRangeAttributes, CxRange> & {class?: string};export type CxRatingProps = DetailedHTMLProps<CxRatingAttributes, CxRating> & {class?: string};export type CxRelativeTimeProps = DetailedHTMLProps<CxRelativeTimeAttributes, CxRelativeTime> & {class?: string};export type CxSplitPanelProps = DetailedHTMLProps<CxSplitPanelAttributes, CxSplitPanel> & {class?: string};export type CxStepProps = DetailedHTMLProps<CxStepAttributes, CxStep> & {class?: string};export type CxStepperProps = DetailedHTMLProps<CxStepperAttributes, CxStepper> & {class?: string};export type CxSwitchProps = DetailedHTMLProps<CxSwitchAttributes, CxSwitch> & {class?: string};export type CxTabProps = DetailedHTMLProps<CxTabAttributes, CxTab> & {class?: string};export type CxTabPanelProps = DetailedHTMLProps<CxTabPanelAttributes, CxTabPanel> & {class?: string};export type CxTabGroupProps = DetailedHTMLProps<CxTabGroupAttributes, CxTabGroup> & {class?: string};export type CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {class?: string};export type CxTimecodeProps = DetailedHTMLProps<CxTimecodeAttributes, CxTimecode> & {class?: string};export type CxTreeItemProps = DetailedHTMLProps<CxTreeItemAttributes, CxTreeItem> & {class?: string};export type CxTreeProps = DetailedHTMLProps<CxTreeAttributes, CxTree> & {class?: string};export type CxVideoProps = DetailedHTMLProps<CxVideoAttributes, CxVideo> & {class?: string};export type CxSidebarLayoutProps = DetailedHTMLProps<CxSidebarLayoutAttributes, CxSidebarLayout> & {class?: string};export type Cx3DViewerProps = DetailedHTMLProps<Cx3DViewerAttributes, Cx3DViewer> & {class?: string};export type CxAssetDataDisplayProps = DetailedHTMLProps<CxAssetDataDisplayAttributes, CxAssetDataDisplay> & {class?: string};export type CxAssetPickerProps = DetailedHTMLProps<CxAssetPickerAttributes, CxAssetPicker> & {class?: string};export type CxBicolorPickerProps = DetailedHTMLProps<CxBicolorPickerAttributes, CxBicolorPicker> & {class?: string};export type CxBorderInputGroupProps = DetailedHTMLProps<CxBorderInputGroupAttributes, CxBorderInputGroup> & {class?: string};export type CxColorSwatchProps = DetailedHTMLProps<CxColorSwatchAttributes, CxColorSwatch> & {class?: string};export type CxConfirmPopoverProps = DetailedHTMLProps<CxConfirmPopoverAttributes, CxConfirmPopover> & {class?: string};export type CxCornerPositionInputGroupProps = DetailedHTMLProps<CxCornerPositionInputGroupAttributes, CxCornerPositionInputGroup> & {class?: string};export type CxCropperProps = DetailedHTMLProps<CxCropperAttributes, CxCropper> & {class?: string};export type CxDashboardIframeProps = DetailedHTMLProps<CxDashboardIframeAttributes, CxDashboardIframe> & {class?: string};export type CxDataTabGroupProps = DetailedHTMLProps<CxDataTabGroupAttributes, CxDataTabGroup> & {class?: string};export type CxDetailsGroupProps = DetailedHTMLProps<CxDetailsGroupAttributes, CxDetailsGroup> & {class?: string};export type CxDownloadFormatPickerProps = DetailedHTMLProps<CxDownloadFormatPickerAttributes, CxDownloadFormatPicker> & {class?: string};export type CxDynamicSelectProps = DetailedHTMLProps<CxDynamicSelectAttributes, CxDynamicSelect> & {class?: string};export type CxEstimatedReadingTimeProps = DetailedHTMLProps<CxEstimatedReadingTimeAttributes, CxEstimatedReadingTime> & {class?: string};export type CxFacetedFilterProps = DetailedHTMLProps<CxFacetedFilterAttributes, CxFacetedFilter> & {class?: string};export type CxInputDatePickerProps = DetailedHTMLProps<CxInputDatePickerAttributes, CxInputDatePicker> & {class?: string};export type CxFacetDatePickerProps = DetailedHTMLProps<CxFacetDatePickerAttributes, CxFacetDatePicker> & {class?: string};export type CxInputDateRangePickerProps = DetailedHTMLProps<CxInputDateRangePickerAttributes, CxInputDateRangePicker> & {class?: string};export type CxFacetDateRangeProps = DetailedHTMLProps<CxFacetDateRangeAttributes, CxFacetDateRange> & {class?: string};export type CxFolderSelectProps = DetailedHTMLProps<CxFolderSelectAttributes, CxFolderSelect> & {class?: string};export type CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type CxSearchBoxProps = DetailedHTMLProps<CxSearchBoxAttributes, CxSearchBox> & {class?: string};export type CxShadowInputGroupProps = DetailedHTMLProps<CxShadowInputGroupAttributes, CxShadowInputGroup> & {class?: string};export type CxShareOptionListProps = DetailedHTMLProps<CxShareOptionListAttributes, CxShareOptionList> & {class?: string};export type CxSidebarProps = DetailedHTMLProps<CxSidebarAttributes, CxSidebar> & {class?: string};export type CxSizeInputGroupProps = DetailedHTMLProps<CxSizeInputGroupAttributes, CxSizeInputGroup> & {class?: string};export type CxStatCardProps = DetailedHTMLProps<CxStatCardAttributes, CxStatCard> & {class?: string};export type CxStepperWizardProps = DetailedHTMLProps<CxStepperWizardAttributes, CxStepperWizard> & {class?: string};export type CxStorybookProps = DetailedHTMLProps<CxStorybookAttributes, CxStorybook> & {class?: string};export type CxTypefaceProps = DetailedHTMLProps<CxTypefaceAttributes, CxTypeface> & {class?: string};export type CxAssetFormatPickerProps = DetailedHTMLProps<CxAssetFormatPickerAttributes, CxAssetFormatPicker> & {class?: string};export type CxAssetLinkFormatProps = DetailedHTMLProps<CxAssetLinkFormatAttributes, CxAssetLinkFormat> & {class?: string};export type CxAssetTransformationDialogProps = DetailedHTMLProps<CxAssetTransformationDialogAttributes, CxAssetTransformationDialog> & {class?: string};export type CxBentoGridProps = DetailedHTMLProps<CxBentoGridAttributes, CxBentoGrid> & {class?: string};export type CxCarouselProps = DetailedHTMLProps<CxCarouselAttributes, CxCarousel> & {class?: string};export type CxChatbotProps = DetailedHTMLProps<CxChatbotAttributes, CxChatbot> & {class?: string};export type CxClusterManagementProps = DetailedHTMLProps<CxClusterManagementAttributes, CxClusterManagement> & {class?: string};export type CxColorSwatchGroupProps = DetailedHTMLProps<CxColorSwatchGroupAttributes, CxColorSwatchGroup> & {class?: string};export type CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxFontKitProps = DetailedHTMLProps<CxFontKitAttributes, CxFontKit> & {class?: string};export type CxColumnProps = DetailedHTMLProps<CxColumnAttributes, CxColumn> & {class?: string};export type CxLightboxProps = DetailedHTMLProps<CxLightboxAttributes, CxLightbox> & {class?: string};export type CxGalleryProps = DetailedHTMLProps<CxGalleryAttributes, CxGallery> & {class?: string};export type CxColumnGroupProps = DetailedHTMLProps<CxColumnGroupAttributes, CxColumnGroup> & {class?: string};export type CxTextProps = DetailedHTMLProps<CxTextAttributes, CxText> & {class?: string};export type CxTimelineProps = DetailedHTMLProps<CxTimelineAttributes, CxTimeline> & {class?: string};export type CxSpecialCharactersDialogProps = DetailedHTMLProps<CxSpecialCharactersDialogAttributes, CxSpecialCharactersDialog> & {class?: string};export type CxContentBuilderProps = DetailedHTMLProps<CxContentBuilderAttributes, CxContentBuilder> & {class?: string};export type CxDashboardFilterProps = DetailedHTMLProps<CxDashboardFilterAttributes, CxDashboardFilter> & {class?: string};export type CxDashboardTableProps = DetailedHTMLProps<CxDashboardTableAttributes, CxDashboardTable> & {class?: string};export type CxDownloaderProps = DetailedHTMLProps<CxDownloaderAttributes, CxDownloader> & {class?: string};export type CxFileOnDemandProps = DetailedHTMLProps<CxFileOnDemandAttributes, CxFileOnDemand> & {class?: string};export type CxFindAndReplaceProps = DetailedHTMLProps<CxFindAndReplaceAttributes, CxFindAndReplace> & {class?: string};export type CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxRteCodeBlockToolbarProps = DetailedHTMLProps<CxRteCodeBlockToolbarAttributes, CxRteCodeBlockToolbar> & {class?: string};export type CxRichTextCodeBlockProps = DetailedHTMLProps<CxRichTextCodeBlockAttributes, CxRichTextCodeBlock> & {class?: string};export type CxTemplateSwitcherProps = DetailedHTMLProps<CxTemplateSwitcherAttributes, CxTemplateSwitcher> & {class?: string};export type CxTextToSpeechProps = DetailedHTMLProps<CxTextToSpeechAttributes, CxTextToSpeech> & {class?: string};export type CxVideoChaptersManagerProps = DetailedHTMLProps<CxVideoChaptersManagerAttributes, CxVideoChaptersManager> & {class?: string};export type CxVideoEditorProps = DetailedHTMLProps<CxVideoEditorAttributes, CxVideoEditor> & {class?: string};export type CxTemplateManagerProps = DetailedHTMLProps<CxTemplateManagerAttributes, CxTemplateManager> & {class?: string};export type CxChartPlanBuilderProps = DetailedHTMLProps<CxChartPlanBuilderAttributes, CxChartPlanBuilder> & {class?: string};
+              export type CxIconProps = DetailedHTMLProps<CxIconAttributes, CxIcon> & {class?: string};export type CxSpinnerProps = DetailedHTMLProps<CxSpinnerAttributes, CxSpinner> & {class?: string};export type CxIconButtonProps = DetailedHTMLProps<CxIconButtonAttributes, CxIconButton> & {class?: string};export type CxAlertProps = DetailedHTMLProps<CxAlertAttributes, CxAlert> & {class?: string};export type CxAmChartProps = DetailedHTMLProps<CxAmChartAttributes, CxAmChart> & {class?: string};export type CxAnimatedImageProps = DetailedHTMLProps<CxAnimatedImageAttributes, CxAnimatedImage> & {class?: string};export type CxAnimationProps = DetailedHTMLProps<CxAnimationAttributes, CxAnimation> & {class?: string};export type CxPopupProps = DetailedHTMLProps<CxPopupAttributes, CxPopup> & {class?: string};export type CxMenuItemProps = DetailedHTMLProps<CxMenuItemAttributes, CxMenuItem> & {class?: string};export type CxInputProps = DetailedHTMLProps<CxInputAttributes, CxInput> & {class?: string};export type CxMenuProps = DetailedHTMLProps<CxMenuAttributes, CxMenu> & {class?: string};export type CxTextareaProps = DetailedHTMLProps<CxTextareaAttributes, CxTextarea> & {class?: string};export type CxDropdownProps = DetailedHTMLProps<CxDropdownAttributes, CxDropdown> & {class?: string};export type CxButtonProps = DetailedHTMLProps<CxButtonAttributes, CxButton> & {class?: string};export type CxTooltipProps = DetailedHTMLProps<CxTooltipAttributes, CxTooltip> & {class?: string};export type CxResizeObserverProps = DetailedHTMLProps<CxResizeObserverAttributes, CxResizeObserver> & {class?: string};export type CxLineClampProps = DetailedHTMLProps<CxLineClampAttributes, CxLineClamp> & {class?: string};export type CxTagProps = DetailedHTMLProps<CxTagAttributes, CxTag> & {class?: string};export type CxArrayLineClampProps = DetailedHTMLProps<CxArrayLineClampAttributes, CxArrayLineClamp> & {class?: string};export type CxTypographyProps = DetailedHTMLProps<CxTypographyAttributes, CxTypography> & {class?: string};export type CxAudioProps = DetailedHTMLProps<CxAudioAttributes, CxAudio> & {class?: string};export type CxAvatarProps = DetailedHTMLProps<CxAvatarAttributes, CxAvatar> & {class?: string};export type CxBadgeProps = DetailedHTMLProps<CxBadgeAttributes, CxBadge> & {class?: string};export type CxBreadcrumbItemProps = DetailedHTMLProps<CxBreadcrumbItemAttributes, CxBreadcrumbItem> & {class?: string};export type CxBreadcrumbProps = DetailedHTMLProps<CxBreadcrumbAttributes, CxBreadcrumb> & {class?: string};export type CxButtonGroupProps = DetailedHTMLProps<CxButtonGroupAttributes, CxButtonGroup> & {class?: string};export type CxCardProps = DetailedHTMLProps<CxCardAttributes, CxCard> & {class?: string};export type CxCheckboxProps = DetailedHTMLProps<CxCheckboxAttributes, CxCheckbox> & {class?: string};export type CxVisuallyHiddenProps = DetailedHTMLProps<CxVisuallyHiddenAttributes, CxVisuallyHidden> & {class?: string};export type CxColorPickerProps = DetailedHTMLProps<CxColorPickerAttributes, CxColorPicker> & {class?: string};export type CxCopyButtonProps = DetailedHTMLProps<CxCopyButtonAttributes, CxCopyButton> & {class?: string};export type CxDateCalendarProps = DetailedHTMLProps<CxDateCalendarAttributes, CxDateCalendar> & {class?: string};export type CxDetailsProps = DetailedHTMLProps<CxDetailsAttributes, CxDetails> & {class?: string};export type CxDividerProps = DetailedHTMLProps<CxDividerAttributes, CxDivider> & {class?: string};export type CxDialogProps = DetailedHTMLProps<CxDialogAttributes, CxDialog> & {class?: string};export type CxDiffProps = DetailedHTMLProps<CxDiffAttributes, CxDiff> & {class?: string};export type CxDrawerProps = DetailedHTMLProps<CxDrawerAttributes, CxDrawer> & {class?: string};export type CxProgressBarProps = DetailedHTMLProps<CxProgressBarAttributes, CxProgressBar> & {class?: string};export type CxBookReaderProps = DetailedHTMLProps<CxBookReaderAttributes, CxBookReader> & {class?: string};export type CxSkeletonProps = DetailedHTMLProps<CxSkeletonAttributes, CxSkeleton> & {class?: string};export type CxSpaceProps = DetailedHTMLProps<CxSpaceAttributes, CxSpace> & {class?: string};export type CxImageProps = DetailedHTMLProps<CxImageAttributes, CxImage> & {class?: string};export type CxDocumentViewerProps = DetailedHTMLProps<CxDocumentViewerAttributes, CxDocumentViewer> & {class?: string};export type CxDotPaginationProps = DetailedHTMLProps<CxDotPaginationAttributes, CxDotPagination> & {class?: string};export type CxDotStatusProps = DetailedHTMLProps<CxDotStatusAttributes, CxDotStatus> & {class?: string};export type CxEChartProps = DetailedHTMLProps<CxEChartAttributes, CxEChart> & {class?: string};export type CxElementClampProps = DetailedHTMLProps<CxElementClampAttributes, CxElementClamp> & {class?: string};export type CxFormatBytesProps = DetailedHTMLProps<CxFormatBytesAttributes, CxFormatBytes> & {class?: string};export type CxFormatDateProps = DetailedHTMLProps<CxFormatDateAttributes, CxFormatDate> & {class?: string};export type CxFormatNumberProps = DetailedHTMLProps<CxFormatNumberAttributes, CxFormatNumber> & {class?: string};export type CxFormatTimeProps = DetailedHTMLProps<CxFormatTimeAttributes, CxFormatTime> & {class?: string};export type CxGridProps = DetailedHTMLProps<CxGridAttributes, CxGrid> & {class?: string};export type CxGridItemProps = DetailedHTMLProps<CxGridItemAttributes, CxGridItem> & {class?: string};export type CxHeaderProps = DetailedHTMLProps<CxHeaderAttributes, CxHeader> & {class?: string};export type CxHubConnectionProps = DetailedHTMLProps<CxHubConnectionAttributes, CxHubConnection> & {class?: string};export type CxIframeProps = DetailedHTMLProps<CxIframeAttributes, CxIframe> & {class?: string};export type CxImageComparerProps = DetailedHTMLProps<CxImageComparerAttributes, CxImageComparer> & {class?: string};export type CxIncludeProps = DetailedHTMLProps<CxIncludeAttributes, CxInclude> & {class?: string};export type CxInputGroupProps = DetailedHTMLProps<CxInputGroupAttributes, CxInputGroup> & {class?: string};export type CxMarkdownProps = DetailedHTMLProps<CxMarkdownAttributes, CxMarkdown> & {class?: string};export type CxMenuLabelProps = DetailedHTMLProps<CxMenuLabelAttributes, CxMenuLabel> & {class?: string};export type CxMenuSectionProps = DetailedHTMLProps<CxMenuSectionAttributes, CxMenuSection> & {class?: string};export type CxMutationObserverProps = DetailedHTMLProps<CxMutationObserverAttributes, CxMutationObserver> & {class?: string};export type CxOptionProps = DetailedHTMLProps<CxOptionAttributes, CxOption> & {class?: string};export type CxSelectProps = DetailedHTMLProps<CxSelectAttributes, CxSelect> & {class?: string};export type CxPaginationProps = DetailedHTMLProps<CxPaginationAttributes, CxPagination> & {class?: string};export type CxProgressRingProps = DetailedHTMLProps<CxProgressRingAttributes, CxProgressRing> & {class?: string};export type CxQrCodeProps = DetailedHTMLProps<CxQrCodeAttributes, CxQrCode> & {class?: string};export type CxRadioProps = DetailedHTMLProps<CxRadioAttributes, CxRadio> & {class?: string};export type CxRadioButtonProps = DetailedHTMLProps<CxRadioButtonAttributes, CxRadioButton> & {class?: string};export type CxRadioCardProps = DetailedHTMLProps<CxRadioCardAttributes, CxRadioCard> & {class?: string};export type CxRadioGroupProps = DetailedHTMLProps<CxRadioGroupAttributes, CxRadioGroup> & {class?: string};export type CxRangeProps = DetailedHTMLProps<CxRangeAttributes, CxRange> & {class?: string};export type CxRatingProps = DetailedHTMLProps<CxRatingAttributes, CxRating> & {class?: string};export type CxRelativeTimeProps = DetailedHTMLProps<CxRelativeTimeAttributes, CxRelativeTime> & {class?: string};export type CxSplitPanelProps = DetailedHTMLProps<CxSplitPanelAttributes, CxSplitPanel> & {class?: string};export type CxStepProps = DetailedHTMLProps<CxStepAttributes, CxStep> & {class?: string};export type CxStepperProps = DetailedHTMLProps<CxStepperAttributes, CxStepper> & {class?: string};export type CxSwitchProps = DetailedHTMLProps<CxSwitchAttributes, CxSwitch> & {class?: string};export type CxTabProps = DetailedHTMLProps<CxTabAttributes, CxTab> & {class?: string};export type CxTabPanelProps = DetailedHTMLProps<CxTabPanelAttributes, CxTabPanel> & {class?: string};export type CxTabGroupProps = DetailedHTMLProps<CxTabGroupAttributes, CxTabGroup> & {class?: string};export type CxTimecodeProps = DetailedHTMLProps<CxTimecodeAttributes, CxTimecode> & {class?: string};export type CxTreeItemProps = DetailedHTMLProps<CxTreeItemAttributes, CxTreeItem> & {class?: string};export type CxTreeProps = DetailedHTMLProps<CxTreeAttributes, CxTree> & {class?: string};export type CxVideoProps = DetailedHTMLProps<CxVideoAttributes, CxVideo> & {class?: string};export type CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {class?: string};export type CxSidebarLayoutProps = DetailedHTMLProps<CxSidebarLayoutAttributes, CxSidebarLayout> & {class?: string};export type Cx3DViewerProps = DetailedHTMLProps<Cx3DViewerAttributes, Cx3DViewer> & {class?: string};export type CxAssetDataDisplayProps = DetailedHTMLProps<CxAssetDataDisplayAttributes, CxAssetDataDisplay> & {class?: string};export type CxAssetPickerProps = DetailedHTMLProps<CxAssetPickerAttributes, CxAssetPicker> & {class?: string};export type CxBicolorPickerProps = DetailedHTMLProps<CxBicolorPickerAttributes, CxBicolorPicker> & {class?: string};export type CxBorderInputGroupProps = DetailedHTMLProps<CxBorderInputGroupAttributes, CxBorderInputGroup> & {class?: string};export type CxColorSwatchProps = DetailedHTMLProps<CxColorSwatchAttributes, CxColorSwatch> & {class?: string};export type CxConfirmPopoverProps = DetailedHTMLProps<CxConfirmPopoverAttributes, CxConfirmPopover> & {class?: string};export type CxCornerPositionInputGroupProps = DetailedHTMLProps<CxCornerPositionInputGroupAttributes, CxCornerPositionInputGroup> & {class?: string};export type CxCropperProps = DetailedHTMLProps<CxCropperAttributes, CxCropper> & {class?: string};export type CxDashboardIframeProps = DetailedHTMLProps<CxDashboardIframeAttributes, CxDashboardIframe> & {class?: string};export type CxDataTabGroupProps = DetailedHTMLProps<CxDataTabGroupAttributes, CxDataTabGroup> & {class?: string};export type CxDetailsGroupProps = DetailedHTMLProps<CxDetailsGroupAttributes, CxDetailsGroup> & {class?: string};export type CxDownloadFormatPickerProps = DetailedHTMLProps<CxDownloadFormatPickerAttributes, CxDownloadFormatPicker> & {class?: string};export type CxDynamicSelectProps = DetailedHTMLProps<CxDynamicSelectAttributes, CxDynamicSelect> & {class?: string};export type CxEstimatedReadingTimeProps = DetailedHTMLProps<CxEstimatedReadingTimeAttributes, CxEstimatedReadingTime> & {class?: string};export type CxFacetedFilterProps = DetailedHTMLProps<CxFacetedFilterAttributes, CxFacetedFilter> & {class?: string};export type CxInputDatePickerProps = DetailedHTMLProps<CxInputDatePickerAttributes, CxInputDatePicker> & {class?: string};export type CxFacetDatePickerProps = DetailedHTMLProps<CxFacetDatePickerAttributes, CxFacetDatePicker> & {class?: string};export type CxInputDateRangePickerProps = DetailedHTMLProps<CxInputDateRangePickerAttributes, CxInputDateRangePicker> & {class?: string};export type CxFacetDateRangeProps = DetailedHTMLProps<CxFacetDateRangeAttributes, CxFacetDateRange> & {class?: string};export type CxFolderSelectProps = DetailedHTMLProps<CxFolderSelectAttributes, CxFolderSelect> & {class?: string};export type CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type CxSearchBoxProps = DetailedHTMLProps<CxSearchBoxAttributes, CxSearchBox> & {class?: string};export type CxShadowInputGroupProps = DetailedHTMLProps<CxShadowInputGroupAttributes, CxShadowInputGroup> & {class?: string};export type CxShareOptionListProps = DetailedHTMLProps<CxShareOptionListAttributes, CxShareOptionList> & {class?: string};export type CxSidebarProps = DetailedHTMLProps<CxSidebarAttributes, CxSidebar> & {class?: string};export type CxSizeInputGroupProps = DetailedHTMLProps<CxSizeInputGroupAttributes, CxSizeInputGroup> & {class?: string};export type CxStatCardProps = DetailedHTMLProps<CxStatCardAttributes, CxStatCard> & {class?: string};export type CxStepperWizardProps = DetailedHTMLProps<CxStepperWizardAttributes, CxStepperWizard> & {class?: string};export type CxStorybookProps = DetailedHTMLProps<CxStorybookAttributes, CxStorybook> & {class?: string};export type CxTypefaceProps = DetailedHTMLProps<CxTypefaceAttributes, CxTypeface> & {class?: string};export type CxAssetFormatPickerProps = DetailedHTMLProps<CxAssetFormatPickerAttributes, CxAssetFormatPicker> & {class?: string};export type CxAssetLinkFormatProps = DetailedHTMLProps<CxAssetLinkFormatAttributes, CxAssetLinkFormat> & {class?: string};export type CxAssetTransformationDialogProps = DetailedHTMLProps<CxAssetTransformationDialogAttributes, CxAssetTransformationDialog> & {class?: string};export type CxBentoGridProps = DetailedHTMLProps<CxBentoGridAttributes, CxBentoGrid> & {class?: string};export type CxCapacityPlannerProps = DetailedHTMLProps<CxCapacityPlannerAttributes, CxCapacityPlanner> & {class?: string};export type CxCarouselProps = DetailedHTMLProps<CxCarouselAttributes, CxCarousel> & {class?: string};export type CxChatbotProps = DetailedHTMLProps<CxChatbotAttributes, CxChatbot> & {class?: string};export type CxClusterManagementProps = DetailedHTMLProps<CxClusterManagementAttributes, CxClusterManagement> & {class?: string};export type CxColorSwatchGroupProps = DetailedHTMLProps<CxColorSwatchGroupAttributes, CxColorSwatchGroup> & {class?: string};export type CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxFontKitProps = DetailedHTMLProps<CxFontKitAttributes, CxFontKit> & {class?: string};export type CxDamCustomToolbarButtonsEditorProps = DetailedHTMLProps<CxDamCustomToolbarButtonsEditorAttributes, CxDamCustomToolbarButtonsEditor> & {class?: string};export type CxColumnProps = DetailedHTMLProps<CxColumnAttributes, CxColumn> & {class?: string};export type CxLightboxProps = DetailedHTMLProps<CxLightboxAttributes, CxLightbox> & {class?: string};export type CxGalleryProps = DetailedHTMLProps<CxGalleryAttributes, CxGallery> & {class?: string};export type CxColumnGroupProps = DetailedHTMLProps<CxColumnGroupAttributes, CxColumnGroup> & {class?: string};export type CxTextProps = DetailedHTMLProps<CxTextAttributes, CxText> & {class?: string};export type CxTimelineProps = DetailedHTMLProps<CxTimelineAttributes, CxTimeline> & {class?: string};export type CxSpecialCharactersDialogProps = DetailedHTMLProps<CxSpecialCharactersDialogAttributes, CxSpecialCharactersDialog> & {class?: string};export type CxContentBuilderProps = DetailedHTMLProps<CxContentBuilderAttributes, CxContentBuilder> & {class?: string};export type CxDashboardFilterProps = DetailedHTMLProps<CxDashboardFilterAttributes, CxDashboardFilter> & {class?: string};export type CxDashboardTableProps = DetailedHTMLProps<CxDashboardTableAttributes, CxDashboardTable> & {class?: string};export type CxDownloaderProps = DetailedHTMLProps<CxDownloaderAttributes, CxDownloader> & {class?: string};export type CxFileOnDemandProps = DetailedHTMLProps<CxFileOnDemandAttributes, CxFileOnDemand> & {class?: string};export type CxFindAndReplaceProps = DetailedHTMLProps<CxFindAndReplaceAttributes, CxFindAndReplace> & {class?: string};export type CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxRteCodeBlockToolbarProps = DetailedHTMLProps<CxRteCodeBlockToolbarAttributes, CxRteCodeBlockToolbar> & {class?: string};export type CxRichTextCodeBlockProps = DetailedHTMLProps<CxRichTextCodeBlockAttributes, CxRichTextCodeBlock> & {class?: string};export type CxTemplateSwitcherProps = DetailedHTMLProps<CxTemplateSwitcherAttributes, CxTemplateSwitcher> & {class?: string};export type CxTextToSpeechProps = DetailedHTMLProps<CxTextToSpeechAttributes, CxTextToSpeech> & {class?: string};export type CxVideoChaptersManagerProps = DetailedHTMLProps<CxVideoChaptersManagerAttributes, CxVideoChaptersManager> & {class?: string};export type CxVideoEditorProps = DetailedHTMLProps<CxVideoEditorAttributes, CxVideoEditor> & {class?: string};export type CxTemplateManagerProps = DetailedHTMLProps<CxTemplateManagerAttributes, CxTemplateManager> & {class?: string};export type CxChartPlanBuilderProps = DetailedHTMLProps<CxChartPlanBuilderAttributes, CxChartPlanBuilder> & {class?: string};
               declare global {
                 namespace JSX {
                   interface IntrinsicElements {
-                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-tooltip']: CxTooltipProps;['cx-resize-observer']: CxResizeObserverProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-visually-hidden']: CxVisuallyHiddenProps;['cx-color-picker']: CxColorPickerProps;['cx-copy-button']: CxCopyButtonProps;['cx-date-calendar']: CxDateCalendarProps;['cx-details']: CxDetailsProps;['cx-divider']: CxDividerProps;['cx-dialog']: CxDialogProps;['cx-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-table']: CxTableProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-list-editor']: CxListEditorProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-position-picker']: CxPositionPickerProps;['cx-search-box']: CxSearchBoxProps;['cx-shadow-input-group']: CxShadowInputGroupProps;['cx-share-option-list']: CxShareOptionListProps;['cx-sidebar']: CxSidebarProps;['cx-size-input-group']: CxSizeInputGroupProps;['cx-stat-card']: CxStatCardProps;['cx-stepper-wizard']: CxStepperWizardProps;['cx-storybook']: CxStorybookProps;['cx-typeface']: CxTypefaceProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment']: CxCommentProps;['cx-font-kit']: CxFontKitProps;['cx-column']: CxColumnProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-column-group']: CxColumnGroupProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-multi-select']: CxMultiSelectProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
+                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-tooltip']: CxTooltipProps;['cx-resize-observer']: CxResizeObserverProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-visually-hidden']: CxVisuallyHiddenProps;['cx-color-picker']: CxColorPickerProps;['cx-copy-button']: CxCopyButtonProps;['cx-date-calendar']: CxDateCalendarProps;['cx-details']: CxDetailsProps;['cx-divider']: CxDividerProps;['cx-dialog']: CxDialogProps;['cx-diff']: CxDiffProps;['cx-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-table']: CxTableProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-list-editor']: CxListEditorProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-position-picker']: CxPositionPickerProps;['cx-search-box']: CxSearchBoxProps;['cx-shadow-input-group']: CxShadowInputGroupProps;['cx-share-option-list']: CxShareOptionListProps;['cx-sidebar']: CxSidebarProps;['cx-size-input-group']: CxSizeInputGroupProps;['cx-stat-card']: CxStatCardProps;['cx-stepper-wizard']: CxStepperWizardProps;['cx-storybook']: CxStorybookProps;['cx-typeface']: CxTypefaceProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment']: CxCommentProps;['cx-font-kit']: CxFontKitProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['cx-column']: CxColumnProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-column-group']: CxColumnGroupProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-multi-select']: CxMultiSelectProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
                   }
                 }
               };
               declare module "react" {
                 namespace JSX {
                   interface IntrinsicElements {
-                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-tooltip']: CxTooltipProps;['cx-resize-observer']: CxResizeObserverProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-visually-hidden']: CxVisuallyHiddenProps;['cx-color-picker']: CxColorPickerProps;['cx-copy-button']: CxCopyButtonProps;['cx-date-calendar']: CxDateCalendarProps;['cx-details']: CxDetailsProps;['cx-divider']: CxDividerProps;['cx-dialog']: CxDialogProps;['cx-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-table']: CxTableProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-list-editor']: CxListEditorProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-position-picker']: CxPositionPickerProps;['cx-search-box']: CxSearchBoxProps;['cx-shadow-input-group']: CxShadowInputGroupProps;['cx-share-option-list']: CxShareOptionListProps;['cx-sidebar']: CxSidebarProps;['cx-size-input-group']: CxSizeInputGroupProps;['cx-stat-card']: CxStatCardProps;['cx-stepper-wizard']: CxStepperWizardProps;['cx-storybook']: CxStorybookProps;['cx-typeface']: CxTypefaceProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment']: CxCommentProps;['cx-font-kit']: CxFontKitProps;['cx-column']: CxColumnProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-column-group']: CxColumnGroupProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-multi-select']: CxMultiSelectProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
+                    ['cx-icon']: CxIconProps;['cx-spinner']: CxSpinnerProps;['cx-icon-button']: CxIconButtonProps;['cx-alert']: CxAlertProps;['cx-am-chart']: CxAmChartProps;['cx-animated-image']: CxAnimatedImageProps;['cx-animation']: CxAnimationProps;['cx-popup']: CxPopupProps;['cx-menu-item']: CxMenuItemProps;['cx-input']: CxInputProps;['cx-menu']: CxMenuProps;['cx-textarea']: CxTextareaProps;['cx-dropdown']: CxDropdownProps;['cx-button']: CxButtonProps;['cx-tooltip']: CxTooltipProps;['cx-resize-observer']: CxResizeObserverProps;['cx-line-clamp']: CxLineClampProps;['cx-tag']: CxTagProps;['cx-array-line-clamp']: CxArrayLineClampProps;['cx-typography']: CxTypographyProps;['cx-audio']: CxAudioProps;['cx-avatar']: CxAvatarProps;['cx-badge']: CxBadgeProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-visually-hidden']: CxVisuallyHiddenProps;['cx-color-picker']: CxColorPickerProps;['cx-copy-button']: CxCopyButtonProps;['cx-date-calendar']: CxDateCalendarProps;['cx-details']: CxDetailsProps;['cx-divider']: CxDividerProps;['cx-dialog']: CxDialogProps;['cx-diff']: CxDiffProps;['cx-drawer']: CxDrawerProps;['cx-progress-bar']: CxProgressBarProps;['cx-book-reader']: CxBookReaderProps;['cx-skeleton']: CxSkeletonProps;['cx-space']: CxSpaceProps;['cx-image']: CxImageProps;['cx-document-viewer']: CxDocumentViewerProps;['cx-dot-pagination']: CxDotPaginationProps;['cx-dot-status']: CxDotStatusProps;['cx-e-chart']: CxEChartProps;['cx-element-clamp']: CxElementClampProps;['cx-format-bytes']: CxFormatBytesProps;['cx-format-date']: CxFormatDateProps;['cx-format-number']: CxFormatNumberProps;['cx-format-time']: CxFormatTimeProps;['cx-grid']: CxGridProps;['cx-grid-item']: CxGridItemProps;['cx-header']: CxHeaderProps;['cx-hub-connection']: CxHubConnectionProps;['cx-iframe']: CxIframeProps;['cx-image-comparer']: CxImageComparerProps;['cx-include']: CxIncludeProps;['cx-input-group']: CxInputGroupProps;['cx-markdown']: CxMarkdownProps;['cx-menu-label']: CxMenuLabelProps;['cx-menu-section']: CxMenuSectionProps;['cx-mutation-observer']: CxMutationObserverProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-pagination']: CxPaginationProps;['cx-progress-ring']: CxProgressRingProps;['cx-qr-code']: CxQrCodeProps;['cx-radio']: CxRadioProps;['cx-radio-button']: CxRadioButtonProps;['cx-radio-card']: CxRadioCardProps;['cx-radio-group']: CxRadioGroupProps;['cx-range']: CxRangeProps;['cx-rating']: CxRatingProps;['cx-relative-time']: CxRelativeTimeProps;['cx-split-panel']: CxSplitPanelProps;['cx-step']: CxStepProps;['cx-stepper']: CxStepperProps;['cx-switch']: CxSwitchProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['cx-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['cx-video']: CxVideoProps;['cx-table']: CxTableProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-asset-data-display']: CxAssetDataDisplayProps;['cx-asset-picker']: CxAssetPickerProps;['cx-bicolor-picker']: CxBicolorPickerProps;['cx-border-input-group']: CxBorderInputGroupProps;['cx-color-swatch']: CxColorSwatchProps;['cx-confirm-popover']: CxConfirmPopoverProps;['cx-corner-position-input-group']: CxCornerPositionInputGroupProps;['cx-cropper']: CxCropperProps;['cx-dashboard-iframe']: CxDashboardIframeProps;['cx-data-tab-group']: CxDataTabGroupProps;['cx-details-group']: CxDetailsGroupProps;['cx-download-format-picker']: CxDownloadFormatPickerProps;['cx-dynamic-select']: CxDynamicSelectProps;['cx-estimated-reading-time']: CxEstimatedReadingTimeProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-input-date-picker']: CxInputDatePickerProps;['cx-facet-date-picker']: CxFacetDatePickerProps;['cx-input-date-range-picker']: CxInputDateRangePickerProps;['cx-facet-date-range']: CxFacetDateRangeProps;['cx-folder-select']: CxFolderSelectProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-list-editor']: CxListEditorProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-position-picker']: CxPositionPickerProps;['cx-search-box']: CxSearchBoxProps;['cx-shadow-input-group']: CxShadowInputGroupProps;['cx-share-option-list']: CxShareOptionListProps;['cx-sidebar']: CxSidebarProps;['cx-size-input-group']: CxSizeInputGroupProps;['cx-stat-card']: CxStatCardProps;['cx-stepper-wizard']: CxStepperWizardProps;['cx-storybook']: CxStorybookProps;['cx-typeface']: CxTypefaceProps;['cx-asset-format-picker']: CxAssetFormatPickerProps;['cx-asset-link-format']: CxAssetLinkFormatProps;['cx-asset-transformation-dialog']: CxAssetTransformationDialogProps;['cx-bento-grid']: CxBentoGridProps;['cx-capacity-planner']: CxCapacityPlannerProps;['cx-carousel']: CxCarouselProps;['cx-chatbot']: CxChatbotProps;['cx-cluster-management']: CxClusterManagementProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment']: CxCommentProps;['cx-font-kit']: CxFontKitProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['cx-column']: CxColumnProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-column-group']: CxColumnGroupProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-multi-select']: CxMultiSelectProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
                   }
                 }
               };