@orangelogic/design-system 2.131.0 → 2.133.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 (138) hide show
  1. package/library/chunks/{asset.D_VITxRH.js → asset.CcxcYY9d.js} +2 -2
  2. package/library/chunks/{button.DcInI7IV.js → button.DYoFn504.js} +1 -1
  3. package/library/chunks/calendar-grid.CvdcwfTo.js +34 -0
  4. package/library/chunks/checkbox.uH0uF0OV.js +198 -0
  5. package/library/chunks/{color-swatch-group.Cy-M_lbx.js → color-swatch-group.DlTVQ3Ul.js} +3 -3
  6. package/library/chunks/{color-swatch.U-wztpLf.js → color-swatch.0zyBEfL_.js} +1 -1
  7. package/library/chunks/{confirm-popover.DfAd2F8S.js → confirm-popover.DpVYvK20.js} +3 -3
  8. package/library/chunks/{date-picker.D0SJADN6.js → date-picker.DTUICGb9.js} +2 -2
  9. package/library/chunks/date.dSYNLBVO.js +77 -0
  10. package/library/chunks/{dialog.BlKHLwFx.js → dialog.BwBD_hJi.js} +2 -2
  11. package/library/chunks/{document-viewer.Dn_vUYCW.js → document-viewer.BM716ovi.js} +6 -6
  12. package/library/chunks/{dot-pagination.CNJWQ4zf.js → dot-pagination.B70lV5Av.js} +1 -1
  13. package/library/chunks/{file-on-demand.Dr05DdkU.js → file-on-demand.D-Ectby2.js} +9 -9
  14. package/library/chunks/{folder-select.DMpO7oQF.js → folder-select.DHV6f6TA.js} +48 -48
  15. package/library/chunks/{header.WRWyUU36.js → header.BMGvKrdP.js} +1 -1
  16. package/library/chunks/{i18n.NAH4U8Lw.js → i18n.DoMIwXr2.js} +61 -45
  17. package/library/chunks/{icon-button.COTH_z-J.js → icon-button.B-Jf9W3v.js} +1 -1
  18. package/library/chunks/{iframe.DvBR4KYU.js → iframe.Cdv6esyS.js} +1 -1
  19. package/library/chunks/image.BzmclWBR.js +150 -0
  20. package/library/chunks/{image.BC_hwk-b.js → image.SLqIVjqc.js} +1 -1
  21. package/library/chunks/{input.BRgVRr2i.js → input.CQNhMu4z.js} +1 -1
  22. package/library/chunks/{list-editor.CdMU7vNF.js → list-editor.BXY4UIAI.js} +9 -9
  23. package/library/chunks/{option.BH13eKSl.js → option.SCVixE2L.js} +1 -1
  24. package/library/chunks/{pagination.tSkuYrqk.js → pagination.BFE6Nk3_.js} +5 -5
  25. package/library/chunks/{tab-group.GA4X3LL2.js → tab-group.C-p2Dljr.js} +3 -3
  26. package/library/chunks/{table.C6YsaNOh.js → table.DuP4v5FN.js} +3581 -2656
  27. package/library/chunks/{tree.CbeHY8pn.js → tree.9PK8ifJd.js} +2 -2
  28. package/library/components/alert.js +2 -2
  29. package/library/components/asset-link-format.js +8 -8
  30. package/library/components/atoms.js +22 -22
  31. package/library/components/audio.js +2 -2
  32. package/library/components/border-input-group.js +2 -2
  33. package/library/components/breadcrumb.js +1 -1
  34. package/library/components/button.js +2 -2
  35. package/library/components/checkbox.js +18 -195
  36. package/library/components/color-picker.js +3 -3
  37. package/library/components/color-swatch-group.js +4 -4
  38. package/library/components/color-swatch.js +2 -2
  39. package/library/components/confirm-popover.js +4 -4
  40. package/library/components/copy-button.js +1 -1
  41. package/library/components/corner-position-input-group.js +3 -3
  42. package/library/components/cropper.js +1 -1
  43. package/library/components/date-calendar.js +10 -9
  44. package/library/components/details.js +1 -1
  45. package/library/components/dialog.js +3 -3
  46. package/library/components/diff.js +77 -51
  47. package/library/components/document-viewer.js +3 -3
  48. package/library/components/dot-pagination.js +2 -2
  49. package/library/components/drawer.js +2 -2
  50. package/library/components/dropdown.js +2 -2
  51. package/library/components/dynamic-select.js +4 -4
  52. package/library/components/e-chart.js +1 -1
  53. package/library/components/element-clamp.js +2 -2
  54. package/library/components/file-on-demand.js +10 -10
  55. package/library/components/folder-select.js +4 -4
  56. package/library/components/format-bytes.js +1 -1
  57. package/library/components/format-date.js +38 -23
  58. package/library/components/format-number.js +1 -1
  59. package/library/components/format-time.js +1 -1
  60. package/library/components/header.js +2 -2
  61. package/library/components/icon-button.js +2 -2
  62. package/library/components/iframe.js +2 -2
  63. package/library/components/image-comparer.js +1 -1
  64. package/library/components/image.js +2 -2
  65. package/library/components/input.js +2 -2
  66. package/library/components/line-clamp.js +1 -1
  67. package/library/components/list-editor.js +7 -7
  68. package/library/components/masonry.js +2 -2
  69. package/library/components/menu-item.js +2 -2
  70. package/library/components/menu.js +1 -1
  71. package/library/components/molecules.js +4 -4
  72. package/library/components/option.js +2 -2
  73. package/library/components/organisms.js +2 -2
  74. package/library/components/padding-input-group.js +1 -1
  75. package/library/components/pagination.js +6 -6
  76. package/library/components/popup.js +1 -1
  77. package/library/components/position-picker.js +1 -1
  78. package/library/components/progress-bar.js +1 -1
  79. package/library/components/progress-ring.js +1 -1
  80. package/library/components/range.js +1 -1
  81. package/library/components/rating.js +1 -1
  82. package/library/components/relative-time.js +1 -1
  83. package/library/components/select.js +2 -2
  84. package/library/components/shadow-input-group.js +1 -1
  85. package/library/components/share-option-list.js +1 -1
  86. package/library/components/sidebar.js +1 -1
  87. package/library/components/size-input-group.js +3 -3
  88. package/library/components/spinner.js +1 -1
  89. package/library/components/split-panel.js +1 -1
  90. package/library/components/tab-group.js +4 -4
  91. package/library/components/tab.js +2 -2
  92. package/library/components/table.js +16 -16
  93. package/library/components/tag.js +2 -2
  94. package/library/components/tooltip.js +1 -1
  95. package/library/components/tree-item.js +3 -3
  96. package/library/components/tree.js +2 -2
  97. package/library/components/typeface.js +2 -2
  98. package/library/components/types.js +38201 -38461
  99. package/library/components/video.js +2 -2
  100. package/library/package.json +1 -1
  101. package/library/packages/atoms/src/components/checkbox/checkbox.d.ts +3 -0
  102. package/library/packages/atoms/src/components/diff/utils/diff-worker-client.d.ts +2 -1
  103. package/library/packages/atoms/src/components/format-date/format-date.d.ts +8 -0
  104. package/library/packages/atoms/src/components/menu-item/menu-item.d.ts +2 -0
  105. package/library/packages/atoms/src/components/table/components/table-toolbar/table-dropdown-filter.d.ts +1 -1
  106. package/library/packages/atoms/src/components/table/components/table-toolbar/table-group-by-dropdown.d.ts +44 -0
  107. package/library/packages/atoms/src/components/table/components/table-toolbar/table-saved-search-dropdown.d.ts +1 -1
  108. package/library/packages/atoms/src/components/table/components/table-toolbar/table-toolbar.d.ts +33 -1
  109. package/library/packages/atoms/src/components/table/controllers/ajax-facets/ajax-facet-data-controller.d.ts +39 -0
  110. package/library/packages/atoms/src/components/table/controllers/ajax-facets/ajax-facet-filter-controller.d.ts +27 -0
  111. package/library/packages/atoms/src/components/table/{filter-controller.d.ts → controllers/filter-controller.d.ts} +24 -3
  112. package/library/packages/atoms/src/components/table/controllers/select-all-controller.d.ts +55 -0
  113. package/library/packages/atoms/src/components/table/table.d.ts +70 -1
  114. package/library/packages/events/src/cx-table-dropdown-filter-change.d.ts +1 -1
  115. package/library/packages/events/src/cx-table-export.d.ts +1 -1
  116. package/library/packages/events/src/cx-table-group-by-change.d.ts +8 -0
  117. package/library/packages/events/src/cx-table-select-all-change.d.ts +8 -0
  118. package/library/packages/events/src/events.d.ts +2 -0
  119. package/library/packages/hybrid/table-core/src/tabulator-tables/core/TabulatorFull.d.ts +1 -1
  120. package/library/packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/avatar.d.ts +5 -0
  121. package/library/packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/date.d.ts +12 -0
  122. package/library/packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/diff.d.ts +2 -1
  123. package/library/packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters.d.ts +4 -0
  124. package/library/packages/hybrid/table-core/src/tabulator-tables/modules/GroupRows/Group.d.ts +1 -0
  125. package/library/packages/hybrid/table-core/src/tabulator-tables/modules/GroupRows/GroupRows.d.ts +7 -0
  126. package/library/packages/hybrid/table-core/src/tabulator-tables/modules/SelectRow/extensions/formatters/rowSelection.d.ts +1 -1
  127. package/library/packages/molecules/src/faceted-filter/faceted-filter.d.ts +2 -0
  128. package/library/packages/types/src/faceted-filter.d.ts +11 -0
  129. package/library/packages/types/src/format-date.d.ts +12 -0
  130. package/library/packages/types/src/table.d.ts +40 -21
  131. package/library/packages/utils/src/custom-element/i18n-utils.d.ts +7 -0
  132. package/library/packages/utils/src/custom-element/i18n.d.ts +1 -0
  133. package/library/react-web-component.d.ts +278 -246
  134. package/library/utils.js +86 -85
  135. package/package.json +1 -1
  136. package/library/assets/diff.worker-ClilI1xm.js +0 -1
  137. package/library/chunks/calendar-grid.CXYoS6VA.js +0 -108
  138. package/library/chunks/image.9qwbjGNb.js +0 -150
@@ -1,29 +1,29 @@
1
1
  /* eslint-disable */
2
2
  import { HTMLAttributes, DetailedHTMLProps } from 'react';
3
3
 
4
- 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, CxAnnotator, 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, CxComment, CxAnnotatorComment, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCapacityPlanner, CxCarousel, CxChatbot, CxClusterManagement, CxColorSwatchGroup, CxCommentV1, 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';
4
+ 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, CxTree, CxTreeItem, CxFacetedFilter, CxTable, CxTimecode, CxVideo, CxSidebarLayout, Cx3DViewer, CxAnnotator, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxGraphView, CxIconPicker, CxListEditor, CxMasonry, CxMentions, CxPaddingInputGroup, CxPageOutline, CxPositionPicker, CxSearchBox, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxAssetFormatPicker, CxComment, CxAnnotatorComment, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCapacityPlanner, CxCarousel, CxChatbot, CxClusterManagement, CxColorSwatchGroup, CxCommentV1, 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';
5
5
 
6
6
 
7
7
  export type CxMarkdownRendererObject = any;
8
+ export type CxFacetedFilterFacet = { facetDetails: CxFacetedFilterCheckboxFacetDetails | CxFacetedFilterDatePickerFacetDetails | CxFacetedFilterDateRangeFacetDetails; values: CxFacetedFilterFacetValue[]; };
9
+ export type CxFacetedFilterCheckboxFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; selection: 'multiple' | 'single'; type: 'checkbox'; };
10
+ export type CxFacetedFilterDatePickerFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; max: string; min: string; selection: 'multiple' | 'single'; showTime: boolean; type: 'date-picker'; };
11
+ export type CxFacetedFilterDateRangeFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; max: string; min: string; selection: 'multiple' | 'single'; showPreset: boolean; showTime: boolean; type: 'date-range'; };
12
+ export type CxFacetedFilterFacetValue = { count: number; displayValue: string; value: string; };
13
+ export type CxFacetedFilterDateRangeValue = { fromDate: string; fromTime: string; preset: string; showTime: boolean; toDate: string; toTime: string; type: 'date-picker' | 'date-range'; };
8
14
  export type CxTableTimeFormatterParams = { color: string; fontSize: string; fontWeight: string; inputUnit: string; locale: string; placeholder: string; style: dictionary; unitsFormat: string; displayStyle: string; paramsMapField: string; paramsMap: dictionary; };
9
15
  export type CxTableTextFormatParams = { colorMap: dictionary; color: string; };
10
16
  export type CxTableHoverMenuOptions = { data: CxTableRowAction[]; options: { placement: 'left' | 'right'; style: dictionary; }; };
11
17
  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'; };
12
18
  export type CxTableDropdownItem = { label: string; name: string; prefixIcon: string; section: string; style: dictionary; };
13
19
  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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'[] | { type: 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'; parameters: any; message: string; } | { type: 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'; parameters: any; message: string; }[]; 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'[] | { type: 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'; parameters: any; message: string; } | { type: 'string' | 'boolean' | 'date' | 'numeric' | 'required' | 'unique' | 'integer' | 'float' | 'alphanumeric' | 'in' | 'regex'; parameters: any; message: string; }[]; 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; bottomCalc: 'max' | 'min' | 'concat' | 'sum' | 'avg' | 'unique' | 'count'; bottomCalcParams: { precision: number; }; bottomCalcFormatter: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; formatterPrint: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; accessorPrintParams: dictionary; accessorHtmlOutputParams: dictionary; formatterHtmlOutput: 'html' | 'link' | 'progress' | 'textarea' | 'time' | 'color' | 'image' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | 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' | 'switch' | '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; } | { size: 'small' | 'large' | 'medium'; onValue: string | number | any; offValue: string | number | any; } | CxTableTimeFormatterParams; };
14
- export type CxTableSavedSearchItem = { recordID: string; name: string; };
15
- export type CxTableTableDropdownFilterData = { field: string; id: string; label: string; defaultOption: string; options: CxTableTableDropdownFilterDataOption[]; };
20
+ export type CxTableSavedSearchItem = { name: string; recordID: string; };
21
+ export type CxTableTableDropdownFilterData = { defaultOption: string; field: string; id: string; label: string; options: CxTableTableDropdownFilterDataOption[]; };
16
22
  export type CxTableTableDropdownFilterDataOption = { filter: CxTableFilter; id: string; label: string; };
17
23
  export type CxTableFilter = { field: string; type: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; value: any; params: { separator: string; matchAll: boolean; }; };
18
24
  export type CxTablePick = { value: any; field: string; };
19
25
  export type CxDataTabGroupDetailsItem = { id: string; label: string; };
20
26
  export type CxDetailsGroupDetailsItem = { id: string; label: string; };
21
- export type CxFacetedFilterFacet = { facetDetails: CxFacetedFilterCheckboxFacetDetails | CxFacetedFilterDatePickerFacetDetails | CxFacetedFilterDateRangeFacetDetails; values: CxFacetedFilterFacetValue[]; };
22
- export type CxFacetedFilterCheckboxFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; selection: 'multiple' | 'single'; type: 'checkbox'; };
23
- export type CxFacetedFilterDatePickerFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; max: string; min: string; selection: 'multiple' | 'single'; showTime: boolean; type: 'date-picker'; };
24
- export type CxFacetedFilterDateRangeFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; max: string; min: string; selection: 'multiple' | 'single'; showPreset: boolean; showTime: boolean; type: 'date-range'; };
25
- export type CxFacetedFilterFacetValue = { count: number; displayValue: string; value: string; };
26
- export type CxFacetedFilterDateRangeValue = { fromDate: string; fromTime: string; preset: string; showTime: boolean; toDate: string; toTime: string; type: 'date-picker' | 'date-range'; };
27
27
  export type CxGraphViewWorkflow = { data: CxGraphViewData; description: string; id: string; links: CxGraphViewEdge[]; name: string; node_types: dictionary; nodes: CxGraphViewNode[]; type: string; };
28
28
  export type CxGraphViewData = { fromTransition: string; name: string; source: string; transitions: CxGraphViewTransition[]; };
29
29
  export type CxGraphViewTransition = { description: string; hideEdgeActions: boolean; icon: string; icon_rotation: number; id: string; name: string; required: boolean; type: string; };
@@ -3015,6 +3015,10 @@
3015
3015
  * The format for displaying the hour.
3016
3016
  */
3017
3017
  hourFormat?: 'auto' | '12' | '24';
3018
+ /**
3019
+ * When true, removes the locale separator (e.g. " at " in en-US) that appears between date and time parts.
3020
+ */
3021
+ noDatetimeSeparator?: boolean;
3018
3022
  /**
3019
3023
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
3020
3024
  */
@@ -4755,30 +4759,58 @@
4755
4759
  preRender?: boolean;
4756
4760
  }
4757
4761
  /**
4758
- * CxTimecode is a component that displays a timecode.
4762
+ * 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.
4759
4763
  */
4760
- interface CxTimecodeAttributes extends HTMLAttributes<CxTimecode> {
4764
+ interface CxTreeAttributes extends HTMLAttributes<CxTree> {
4761
4765
 
4762
4766
  /**
4763
- * The time values for the time based feature.
4767
+ * Whether to allow the tree to be sorted by dragging and dropping items.
4764
4768
  */
4765
- time?: number[];
4769
+ sortable?: boolean;
4766
4770
  /**
4767
- * The timecode mode for the time based feature.
4771
+ * Defines the group name for this tree, allowing multiple trees to be sortable together.
4768
4772
  */
4769
- timecodeMode?: 'Frames' | 'SMPTE' | 'Standard';
4773
+ sortableGroup?: string;
4770
4774
  /**
4771
- * The frame rate for the time based feature.
4775
+ * Whether to disable the sortable group feature, allowing items to be sorted only within the tree.
4772
4776
  */
4773
- frameRate?: number;
4777
+ disabledSortableGroup?: boolean;
4774
4778
  /**
4775
- * When true, applies the preview background and padding styles.
4779
+ * 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.
4776
4780
  */
4777
- isPreview?: boolean;
4781
+ selection?: 'single' | 'multiple' | 'leaf';
4778
4782
  /**
4779
- * The typography variant for the timecode.
4783
+ * Whether to automatically expand after loading finishes.
4780
4784
  */
4781
- typographyVariant?: 'body1' | 'body2' | 'body3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'small';
4785
+ disabledAutoExpand?: boolean;
4786
+ /**
4787
+ * Whether to automatically expand to the selected items.
4788
+ */
4789
+ autoExpandToSelected?: boolean;
4790
+ /**
4791
+ * Expand button placement
4792
+ */
4793
+ expandButtonPlacement?: 'none' | 'start' | 'end';
4794
+ /**
4795
+ * Whether to not forward the expand button placement to the children.
4796
+ */
4797
+ noForwardExpandButtonPlacement?: boolean;
4798
+ /**
4799
+ * 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.
4800
+ */
4801
+ forceOnChange?: boolean;
4802
+ /**
4803
+ * 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.
4804
+ */
4805
+ labelSelectSingle?: boolean;
4806
+ /**
4807
+ * Whether to disable dragging an item inside another item for this tree.
4808
+ */
4809
+ noDragInside?: boolean;
4810
+ /**
4811
+ * 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.
4812
+ */
4813
+ focusable?: boolean;
4782
4814
  /**
4783
4815
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
4784
4816
  */
@@ -4907,196 +4939,34 @@
4907
4939
  preRender?: boolean;
4908
4940
  }
4909
4941
  /**
4910
- * 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.
4911
- */
4912
- interface CxTreeAttributes extends HTMLAttributes<CxTree> {
4913
-
4914
- /**
4915
- * Whether to allow the tree to be sorted by dragging and dropping items.
4916
- */
4917
- sortable?: boolean;
4918
- /**
4919
- * Defines the group name for this tree, allowing multiple trees to be sortable together.
4920
- */
4921
- sortableGroup?: string;
4922
- /**
4923
- * Whether to disable the sortable group feature, allowing items to be sorted only within the tree.
4924
- */
4925
- disabledSortableGroup?: boolean;
4926
- /**
4927
- * 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.
4928
- */
4929
- selection?: 'single' | 'multiple' | 'leaf';
4930
- /**
4931
- * Whether to automatically expand after loading finishes.
4932
- */
4933
- disabledAutoExpand?: boolean;
4934
- /**
4935
- * Whether to automatically expand to the selected items.
4936
- */
4937
- autoExpandToSelected?: boolean;
4938
- /**
4939
- * Expand button placement
4940
- */
4941
- expandButtonPlacement?: 'none' | 'start' | 'end';
4942
- /**
4943
- * Whether to not forward the expand button placement to the children.
4944
- */
4945
- noForwardExpandButtonPlacement?: boolean;
4946
- /**
4947
- * 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.
4948
- */
4949
- forceOnChange?: boolean;
4950
- /**
4951
- * 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.
4952
- */
4953
- labelSelectSingle?: boolean;
4954
- /**
4955
- * Whether to disable dragging an item inside another item for this tree.
4956
- */
4957
- noDragInside?: boolean;
4958
- /**
4959
- * 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.
4960
- */
4961
- focusable?: boolean;
4962
- /**
4963
- * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
4964
- */
4965
- dir?: string;
4966
- /**
4967
- * eslint-disable-next-line lit/no-native-attributes
4968
- */
4969
- lang?: string;
4970
- /**
4971
- *
4972
- */
4973
- theme?: 'light' | 'dark';
4974
- /**
4975
- *
4976
- */
4977
- preRender?: boolean;
4978
- }
4979
- /**
4980
- * Video are wrappers for video elements with videoJS support. This component is used to display videos in your application.
4942
+ * Filter icon button that opens a dropdown panel with collapsible facet groups. Applied filters are shown as removable tags with a "Clear" action.
4981
4943
  */
4982
- interface CxVideoAttributes extends HTMLAttributes<CxVideo> {
4944
+ interface CxFacetedFilterAttributes extends HTMLAttributes<CxFacetedFilter> {
4983
4945
 
4984
4946
  /**
4985
- * The path to the video to load.
4986
- */
4987
- src?: string;
4988
- /**
4989
- * The name of the video.
4990
- */
4991
- name?: string;
4992
- /**
4993
- * The source field for the name of the video.
4994
- */
4995
- nameSourceField?: string;
4996
- /**
4997
- * The mime type of the video.
4998
- */
4999
- type?: string;
5000
- /**
5001
- * The poster image to show before the video loads.
5002
- */
5003
- poster?: string;
5004
- /**
5005
- * Determines if the video should autoplay.
5006
- */
5007
- autoplay?: boolean;
5008
- /**
5009
- * Determines if the video should loop.
5010
- */
5011
- loop?: boolean;
5012
- /**
5013
- * Determines if the video should be muted.
5014
- */
5015
- muted?: boolean;
5016
- /**
5017
- * Determines if the controls should be shown.
5018
- */
5019
- showControls?: boolean;
5020
- /**
5021
- * Determines if picture-in-picture should be disabled.
5022
- */
5023
- disablePictureInPicture?: boolean;
5024
- /**
5025
- * Determines if remote playback should be disabled.
5026
- */
5027
- disableRemotePlayback?: boolean;
5028
- /**
5029
- * Determines if the volume panel should be disabled.
5030
- */
5031
- disableVolumePanel?: boolean;
5032
- /**
5033
- * Determines if the big play button overlay should be hidden.
5034
- */
5035
- hideBigPlayButton?: boolean;
5036
- /**
5037
- * The width of the image.
5038
- */
5039
- width?: string;
5040
- /**
5041
- * The height of the image.
5042
- */
5043
- height?: string;
5044
- /**
5045
- * Make the image resizable
5046
- */
5047
- resizable?: boolean;
5048
- /**
5049
- * The height mode of the image.
5050
- */
5051
- heightMode?: 'auto' | 'fixed';
5052
- /**
5053
- * Restricts resizing to a single axis. Use {@link ResizeDirection}.
5054
- */
5055
- resizeDirection?: 'both' | 'horizontal' | 'vertical';
5056
- /**
5057
- * Whether the image should be resized without a limit
5058
- */
5059
- noLimit?: boolean;
5060
- /**
5061
- * Whether the gallery item has an event (excluding zoom).
5062
- */
5063
- hasEvent?: boolean;
5064
- /**
5065
- * Specifies the easing function to use when highlighting the element.
5066
- */
5067
- easing?: 'cubic' | 'expo' | 'linear' | 'quad-in' | 'quad-in-out' | 'quad-out';
5068
- /**
5069
- * Whether the gallery item highlights its border on hover.
5070
- */
5071
- highlightBorder?: boolean;
5072
- /**
5073
- * Whether the gallery item highlights its color overlay on hover.
5074
- */
5075
- highlightColorOverlay?: boolean;
5076
- /**
5077
- * Whether the gallery item highlights its drop shadow on hover.
4947
+ * Active facets with their metadata and available option values.
5078
4948
  */
5079
- highlightDropShadow?: boolean;
4949
+ facets?: CxFacetedFilterFacet[];
5080
4950
  /**
5081
- * Whether the gallery item highlights its background on hover.
4951
+ * Ordered list of facets to display. Controls which facets render and in what order.
5082
4952
  */
5083
- highlightBackground?: boolean;
4953
+ availableFacets?: CxFacetedFilterCheckboxFacetDetails | CxFacetedFilterDatePickerFacetDetails | CxFacetedFilterDateRangeFacetDetails[];
5084
4954
  /**
5085
- * Whether the gallery item highlights its opacity on hover.
4955
+ * Currently selected filter values. See `SelectedFacets` type. Can be set to reset selection.
5086
4956
  */
5087
- highlightOpacity?: boolean;
4957
+ selectedFacets?: dictionary;
5088
4958
  /**
5089
- * The effect of the gallery item.
4959
+ * Currently selected date facet values (date-picker + date-range). Can be set to reset selection.
5090
4960
  */
5091
- effect?: 'jump' | 'none' | 'text-reveal' | 'zoom';
4961
+ selectedDateRanges?: dictionary;
5092
4962
  /**
5093
- * The style of the text reveal effect.
4963
+ * Default selection mode for all facets. Per-facet selection in FacetDetails takes precedence.
5094
4964
  */
5095
- textRevealStyle?: 'fade' | 'slide';
4965
+ selection?: 'multiple' | 'single';
5096
4966
  /**
5097
- * The style of the zoom effect.
4967
+ * Whether the current selection is being applied by the consumer.
5098
4968
  */
5099
- zoomStyle?: 'pop-out' | 'within-borders';
4969
+ loading?: boolean;
5100
4970
  /**
5101
4971
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
5102
4972
  */
@@ -5227,6 +5097,10 @@
5227
5097
  * Whether to display a export XML button
5228
5098
  */
5229
5099
  canExportXml?: boolean;
5100
+ /**
5101
+ * Whether to display a export PDF button
5102
+ */
5103
+ canExportPdf?: boolean;
5230
5104
  /**
5231
5105
  * Whether to display a export custom button
5232
5106
  */
@@ -5263,10 +5137,18 @@
5263
5137
  * The URL to load the data from.
5264
5138
  */
5265
5139
  ajaxUrl?: string;
5140
+ /**
5141
+ * HTTP method for the remote ajax data request. When `POST`, parameters (page/size/sort/search/filters) are sent in the JSON request body instead of the URL query string. Defaults to `GET`.
5142
+ */
5143
+ ajaxMethod?: 'GET' | 'POST';
5266
5144
  /**
5267
5145
  * Parameters to be passed to remote Ajax data loading request.
5268
5146
  */
5269
5147
  ajaxParams?: dictionary;
5148
+ /**
5149
+ * Schema string for AJAX facets when using `ajax-url`. Format: `"FieldName|Display Name:type-option1-option2,FieldName:type-option"` (comma-separated tokens). - `FieldName` — key returned in `response.facets` (required). - `Display Name` — human-readable UI label, separated from the field name by `|` (optional; defaults to `FieldName`). - `type` — `checkbox`, `datePicker`, or `dateRangePicker`. - options — `single` / `multiple` (required for `checkbox`), `showTime` (date types), `showPreset` (`dateRangePicker` only). Checkbox facets are inferred automatically from the AJAX response when omitted; configure them only to set selection mode. Checkbox config does not create config-only facets. Example: `"country:checkbox-multiple,createdAt|Create Date:datePicker-showTime,updatedAt|Updated At:dateRangePicker-showTime-showPreset"`
5150
+ */
5151
+ facetConfig?: string;
5270
5152
  /**
5271
5153
  * Lookup list to link fields expected by the server to their function ```typescript default: { "page": "page", "size": "size", "sorters": "sorters", "filters": "filters", } ```
5272
5154
  */
@@ -5315,6 +5197,10 @@
5315
5197
  * Whether to display the item count in the group header.
5316
5198
  */
5317
5199
  groupHeaderCount?: boolean;
5200
+ /**
5201
+ * When true, the default group header reuses the grouped column's formatter (e.g. composite avatar + name) instead of rendering plain text. Defaults to false to preserve existing group-header behavior. Ignored when a custom `group-header` function is supplied.
5202
+ */
5203
+ groupHeaderUseFormatter?: boolean;
5318
5204
  /**
5319
5205
  * The amount of pixels to indent group rows per level
5320
5206
  */
@@ -5599,10 +5485,22 @@
5599
5485
  * 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.
5600
5486
  */
5601
5487
  loading?: boolean;
5488
+ /**
5489
+ * Enables the select-all checkbox in the toolbar.
5490
+ */
5491
+ canSelectAll?: boolean;
5492
+ /**
5493
+ * The field used as the unique row identifier for cross-page selection tracking when `can-select-all` is active with remote pagination. <br/> Defaults to `'id'`. Set this to match your data's actual unique key (e.g. `'recordID'`) — otherwise deselected/selected IDs will not be tracked correctly across pages.
5494
+ */
5495
+ rowIdField?: string;
5602
5496
  /**
5603
5497
  * URL to fetch tabular data from. When set, the table fetches, parses, and populates columns and data.
5604
5498
  */
5605
5499
  dataUrl?: string;
5500
+ /**
5501
+ *
5502
+ */
5503
+ dateFilterCompareFormat?: 'iso-date' | 'iso-datetime' | 'timestamp';
5606
5504
  /**
5607
5505
  * Format of the data at dataUrl. Use 'auto' to detect from URL extension or Content-Type header.
5608
5506
  */
@@ -5622,6 +5520,186 @@
5622
5520
  /**
5623
5521
  *
5624
5522
  */
5523
+ preRender?: boolean;
5524
+ }
5525
+ /**
5526
+ * CxTimecode is a component that displays a timecode.
5527
+ */
5528
+ interface CxTimecodeAttributes extends HTMLAttributes<CxTimecode> {
5529
+
5530
+ /**
5531
+ * The time values for the time based feature.
5532
+ */
5533
+ time?: number[];
5534
+ /**
5535
+ * The timecode mode for the time based feature.
5536
+ */
5537
+ timecodeMode?: 'Frames' | 'SMPTE' | 'Standard';
5538
+ /**
5539
+ * The frame rate for the time based feature.
5540
+ */
5541
+ frameRate?: number;
5542
+ /**
5543
+ * When true, applies the preview background and padding styles.
5544
+ */
5545
+ isPreview?: boolean;
5546
+ /**
5547
+ * The typography variant for the timecode.
5548
+ */
5549
+ typographyVariant?: 'body1' | 'body2' | 'body3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'small';
5550
+ /**
5551
+ * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
5552
+ */
5553
+ dir?: string;
5554
+ /**
5555
+ * eslint-disable-next-line lit/no-native-attributes
5556
+ */
5557
+ lang?: string;
5558
+ /**
5559
+ *
5560
+ */
5561
+ theme?: 'light' | 'dark';
5562
+ /**
5563
+ *
5564
+ */
5565
+ preRender?: boolean;
5566
+ }
5567
+ /**
5568
+ * Video are wrappers for video elements with videoJS support. This component is used to display videos in your application.
5569
+ */
5570
+ interface CxVideoAttributes extends HTMLAttributes<CxVideo> {
5571
+
5572
+ /**
5573
+ * The path to the video to load.
5574
+ */
5575
+ src?: string;
5576
+ /**
5577
+ * The name of the video.
5578
+ */
5579
+ name?: string;
5580
+ /**
5581
+ * The source field for the name of the video.
5582
+ */
5583
+ nameSourceField?: string;
5584
+ /**
5585
+ * The mime type of the video.
5586
+ */
5587
+ type?: string;
5588
+ /**
5589
+ * The poster image to show before the video loads.
5590
+ */
5591
+ poster?: string;
5592
+ /**
5593
+ * Determines if the video should autoplay.
5594
+ */
5595
+ autoplay?: boolean;
5596
+ /**
5597
+ * Determines if the video should loop.
5598
+ */
5599
+ loop?: boolean;
5600
+ /**
5601
+ * Determines if the video should be muted.
5602
+ */
5603
+ muted?: boolean;
5604
+ /**
5605
+ * Determines if the controls should be shown.
5606
+ */
5607
+ showControls?: boolean;
5608
+ /**
5609
+ * Determines if picture-in-picture should be disabled.
5610
+ */
5611
+ disablePictureInPicture?: boolean;
5612
+ /**
5613
+ * Determines if remote playback should be disabled.
5614
+ */
5615
+ disableRemotePlayback?: boolean;
5616
+ /**
5617
+ * Determines if the volume panel should be disabled.
5618
+ */
5619
+ disableVolumePanel?: boolean;
5620
+ /**
5621
+ * Determines if the big play button overlay should be hidden.
5622
+ */
5623
+ hideBigPlayButton?: boolean;
5624
+ /**
5625
+ * The width of the image.
5626
+ */
5627
+ width?: string;
5628
+ /**
5629
+ * The height of the image.
5630
+ */
5631
+ height?: string;
5632
+ /**
5633
+ * Make the image resizable
5634
+ */
5635
+ resizable?: boolean;
5636
+ /**
5637
+ * The height mode of the image.
5638
+ */
5639
+ heightMode?: 'auto' | 'fixed';
5640
+ /**
5641
+ * Restricts resizing to a single axis. Use {@link ResizeDirection}.
5642
+ */
5643
+ resizeDirection?: 'both' | 'horizontal' | 'vertical';
5644
+ /**
5645
+ * Whether the image should be resized without a limit
5646
+ */
5647
+ noLimit?: boolean;
5648
+ /**
5649
+ * Whether the gallery item has an event (excluding zoom).
5650
+ */
5651
+ hasEvent?: boolean;
5652
+ /**
5653
+ * Specifies the easing function to use when highlighting the element.
5654
+ */
5655
+ easing?: 'cubic' | 'expo' | 'linear' | 'quad-in' | 'quad-in-out' | 'quad-out';
5656
+ /**
5657
+ * Whether the gallery item highlights its border on hover.
5658
+ */
5659
+ highlightBorder?: boolean;
5660
+ /**
5661
+ * Whether the gallery item highlights its color overlay on hover.
5662
+ */
5663
+ highlightColorOverlay?: boolean;
5664
+ /**
5665
+ * Whether the gallery item highlights its drop shadow on hover.
5666
+ */
5667
+ highlightDropShadow?: boolean;
5668
+ /**
5669
+ * Whether the gallery item highlights its background on hover.
5670
+ */
5671
+ highlightBackground?: boolean;
5672
+ /**
5673
+ * Whether the gallery item highlights its opacity on hover.
5674
+ */
5675
+ highlightOpacity?: boolean;
5676
+ /**
5677
+ * The effect of the gallery item.
5678
+ */
5679
+ effect?: 'jump' | 'none' | 'text-reveal' | 'zoom';
5680
+ /**
5681
+ * The style of the text reveal effect.
5682
+ */
5683
+ textRevealStyle?: 'fade' | 'slide';
5684
+ /**
5685
+ * The style of the zoom effect.
5686
+ */
5687
+ zoomStyle?: 'pop-out' | 'within-borders';
5688
+ /**
5689
+ * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
5690
+ */
5691
+ dir?: string;
5692
+ /**
5693
+ * eslint-disable-next-line lit/no-native-attributes
5694
+ */
5695
+ lang?: string;
5696
+ /**
5697
+ *
5698
+ */
5699
+ theme?: 'light' | 'dark';
5700
+ /**
5701
+ *
5702
+ */
5625
5703
  preRender?: boolean;
5626
5704
  }
5627
5705
  /**
@@ -6496,52 +6574,6 @@
6496
6574
  /**
6497
6575
  *
6498
6576
  */
6499
- preRender?: boolean;
6500
- }
6501
- /**
6502
- * Filter icon button that opens a dropdown panel with collapsible facet groups. Applied filters are shown as removable tags with a "Clear" action.
6503
- */
6504
- interface CxFacetedFilterAttributes extends HTMLAttributes<CxFacetedFilter> {
6505
-
6506
- /**
6507
- * Active facets with their metadata and available option values.
6508
- */
6509
- facets?: CxFacetedFilterFacet[];
6510
- /**
6511
- * Ordered list of facets to display. Controls which facets render and in what order.
6512
- */
6513
- availableFacets?: CxFacetedFilterCheckboxFacetDetails | CxFacetedFilterDatePickerFacetDetails | CxFacetedFilterDateRangeFacetDetails[];
6514
- /**
6515
- * Currently selected filter values. See `SelectedFacets` type. Can be set to reset selection.
6516
- */
6517
- selectedFacets?: dictionary;
6518
- /**
6519
- * Currently selected date facet values (date-picker + date-range). Can be set to reset selection.
6520
- */
6521
- selectedDateRanges?: dictionary;
6522
- /**
6523
- * Default selection mode for all facets. Per-facet selection in FacetDetails takes precedence.
6524
- */
6525
- selection?: 'multiple' | 'single';
6526
- /**
6527
- * Whether the current selection is being applied by the consumer.
6528
- */
6529
- loading?: boolean;
6530
- /**
6531
- * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
6532
- */
6533
- dir?: string;
6534
- /**
6535
- * eslint-disable-next-line lit/no-native-attributes
6536
- */
6537
- lang?: string;
6538
- /**
6539
- *
6540
- */
6541
- theme?: 'light' | 'dark';
6542
- /**
6543
- *
6544
- */
6545
6577
  preRender?: boolean;
6546
6578
  }
6547
6579
  /**
@@ -10020,18 +10052,18 @@
10020
10052
  */
10021
10053
  preRender?: boolean;
10022
10054
  }
10023
- 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 CxAnnotatorProps = DetailedHTMLProps<CxAnnotatorAttributes, CxAnnotator> & {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 CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxAnnotatorCommentProps = DetailedHTMLProps<CxAnnotatorCommentAttributes, CxAnnotatorComment> & {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 CxCommentV1Props = DetailedHTMLProps<CxCommentV1Attributes, CxCommentV1> & {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};
10055
+ 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 CxTreeProps = DetailedHTMLProps<CxTreeAttributes, CxTree> & {class?: string};export type CxTreeItemProps = DetailedHTMLProps<CxTreeItemAttributes, CxTreeItem> & {class?: string};export type CxFacetedFilterProps = DetailedHTMLProps<CxFacetedFilterAttributes, CxFacetedFilter> & {class?: string};export type CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {class?: string};export type CxTimecodeProps = DetailedHTMLProps<CxTimecodeAttributes, CxTimecode> & {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 CxAnnotatorProps = DetailedHTMLProps<CxAnnotatorAttributes, CxAnnotator> & {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 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 CxCommentProps = DetailedHTMLProps<CxCommentAttributes, CxComment> & {class?: string};export type CxAnnotatorCommentProps = DetailedHTMLProps<CxAnnotatorCommentAttributes, CxAnnotatorComment> & {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 CxCommentV1Props = DetailedHTMLProps<CxCommentV1Attributes, CxCommentV1> & {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};
10024
10056
  declare global {
10025
10057
  namespace JSX {
10026
10058
  interface IntrinsicElements {
10027
- ['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-annotator']: CxAnnotatorProps;['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-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['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-v1']: CxCommentV1Props;['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;
10059
+ ['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-tree']: CxTreeProps;['cx-tree-item']: CxTreeItemProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-table']: CxTableProps;['cx-timecode']: CxTimecodeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['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-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-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['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-v1']: CxCommentV1Props;['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;
10028
10060
  }
10029
10061
  }
10030
10062
  };
10031
10063
  declare module "react" {
10032
10064
  namespace JSX {
10033
10065
  interface IntrinsicElements {
10034
- ['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-annotator']: CxAnnotatorProps;['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-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['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-v1']: CxCommentV1Props;['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;
10066
+ ['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-tree']: CxTreeProps;['cx-tree-item']: CxTreeItemProps;['cx-faceted-filter']: CxFacetedFilterProps;['cx-table']: CxTableProps;['cx-timecode']: CxTimecodeProps;['cx-video']: CxVideoProps;['cx-sidebar-layout']: CxSidebarLayoutProps;['cx-3d-viewer']: Cx3DViewerProps;['cx-annotator']: CxAnnotatorProps;['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-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-comment']: CxCommentProps;['cx-annotator-comment']: CxAnnotatorCommentProps;['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-v1']: CxCommentV1Props;['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;
10035
10067
  }
10036
10068
  }
10037
10069
  };