@orangelogic/design-system 4.2.0 → 4.3.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 (238) hide show
  1. package/library/chunks/{_baseXor.DixEm6JQ.js → _baseXor.BCxbgizO.js} +2 -2
  2. package/library/chunks/{asset-link-format.CVwjA_yf.js → asset-link-format.C5Ue4EGP.js} +37 -36
  3. package/library/chunks/{button.D1YIxtv-.js → button.DbAUlIXG.js} +3 -3
  4. package/library/chunks/button.styles.D3GdfF7I.js +5 -0
  5. package/library/chunks/{color-swatch-group.BPXiMxjh.js → color-swatch-group.B10yWbVM.js} +3279 -2903
  6. package/library/chunks/color.CIHdfM_a.js +187 -0
  7. package/library/chunks/{confirm-popover.CJXyEa5A.js → confirm-popover.Cd4HM5-B.js} +4 -4
  8. package/library/chunks/content-builder.CBBdfVOl.js +55 -0
  9. package/library/chunks/{dialog.BbQ4Du0M.js → dialog.CXphbq8N.js} +2 -2
  10. package/library/chunks/{document-viewer.DtBW-p7z.js → document-viewer.B_ESlazf.js} +10 -9
  11. package/library/chunks/{dom.DL-cNKsj.js → dom.D0lSUoEI.js} +1 -1
  12. package/library/chunks/{dot-pagination.CJRAtM51.js → dot-pagination.CzT-MZmt.js} +1 -1
  13. package/library/chunks/{folder-select.BAPsI-gg.js → folder-select.BWeanVkA.js} +5 -5
  14. package/library/chunks/form-control.styles.CHC7Q08Q.js +5 -0
  15. package/library/chunks/{form.DN2v7-DH.js → form.LpappO1d.js} +1 -1
  16. package/library/chunks/{header.BioJzPlg.js → header.Dy57RuQW.js} +132 -90
  17. package/library/chunks/{i18n.rtxrs1c1.js → i18n.Q5_2aVLU.js} +93 -12
  18. package/library/chunks/{icon-button.CbUddcgI.js → icon-button.BjAbCuH8.js} +1 -1
  19. package/library/chunks/{iframe.y7iCAVZP.js → iframe.CdktjPCB.js} +1 -1
  20. package/library/chunks/{image.A2hE1WoV.js → image.CCo__54F.js} +322 -222
  21. package/library/chunks/index.DiZGZkHv.js +1126 -0
  22. package/library/chunks/{input.D1FFprPl.js → input.ftEf4GS6.js} +3 -3
  23. package/library/chunks/{markdown.Dd_GFJK8.js → markdown.RljldBNb.js} +3 -3
  24. package/library/chunks/{menu-item.CbqZ66to.js → menu-item.BNs1Ji48.js} +1 -1
  25. package/library/chunks/{option.CkhHTlpl.js → option.C8IEnv5Q.js} +1 -1
  26. package/library/chunks/{pagination.BlQRt932.js → pagination.Bke9vgl4.js} +6 -6
  27. package/library/chunks/{position-picker.DjnhxIKF.js → position-picker.qkbJlboF.js} +12 -0
  28. package/library/chunks/responsive.BmBJSzC4.js +17 -0
  29. package/library/chunks/{string.Demn8Xmk.js → string.CfI2ejyR.js} +3 -3
  30. package/library/chunks/{tab-group.CQfcMVEw.js → tab-group.DZ32f41G.js} +312 -310
  31. package/library/chunks/toast.D3AW3RWv.js +94 -0
  32. package/library/chunks/transformation.Dm-pK2ft.js +352 -0
  33. package/library/chunks/{tree.B7IKBX3n.js → tree.Umn7TAkc.js} +1 -1
  34. package/library/chunks/{types.MwUT4xFk.js → types.BW36Gr9c.js} +77051 -54471
  35. package/library/chunks/typography.BLYdTF0n.js +102 -0
  36. package/library/components/alert.js +2 -2
  37. package/library/components/asset-link-format.js +6 -6
  38. package/library/components/atoms.js +161 -159
  39. package/library/components/audio.js +3 -3
  40. package/library/components/bicolor-picker.js +2 -2
  41. package/library/components/border-input-group.js +2 -2
  42. package/library/components/box.d.ts +3 -0
  43. package/library/components/box.js +22 -0
  44. package/library/components/breadcrumb.js +1 -1
  45. package/library/components/button.js +4 -4
  46. package/library/components/card.js +7 -7
  47. package/library/components/checkbox.js +2 -2
  48. package/library/components/color-picker.js +36 -32
  49. package/library/components/color-swatch-group.js +8 -7
  50. package/library/components/color-swatch.js +246 -22
  51. package/library/components/confirm-popover.js +5 -5
  52. package/library/components/copy-button.js +2 -2
  53. package/library/components/corner-position-input-group.js +3 -3
  54. package/library/components/date-calendar.js +1 -1
  55. package/library/components/details.js +19 -19
  56. package/library/components/dialog.js +3 -3
  57. package/library/components/diff.js +1 -1
  58. package/library/components/document-viewer.js +4 -4
  59. package/library/components/dot-pagination.js +2 -2
  60. package/library/components/drawer.js +2 -2
  61. package/library/components/dropdown.js +2 -2
  62. package/library/components/dynamic-select.js +95 -92
  63. package/library/components/e-chart.js +1 -1
  64. package/library/components/element-clamp.js +2 -2
  65. package/library/components/file-on-demand.js +12 -12
  66. package/library/components/folder-select.js +5 -5
  67. package/library/components/format-bytes.js +1 -1
  68. package/library/components/format-date.js +1 -1
  69. package/library/components/format-number.js +1 -1
  70. package/library/components/format-time.js +1 -1
  71. package/library/components/header.js +6 -3
  72. package/library/components/icon-button.js +2 -2
  73. package/library/components/iframe.js +2 -2
  74. package/library/components/image-comparer.js +1 -1
  75. package/library/components/image.js +4 -3
  76. package/library/components/input-group.js +1 -1
  77. package/library/components/input.js +4 -4
  78. package/library/components/line-clamp.js +1 -1
  79. package/library/components/markdown.js +4 -4
  80. package/library/components/masonry.js +70 -56
  81. package/library/components/menu-item.js +2 -2
  82. package/library/components/menu.js +2 -2
  83. package/library/components/molecules.js +4 -4
  84. package/library/components/mutation-observer.js +25 -23
  85. package/library/components/option.js +2 -2
  86. package/library/components/organisms.js +2 -2
  87. package/library/components/padding-input-group.js +1 -1
  88. package/library/components/pagination.js +7 -7
  89. package/library/components/popup.js +1 -1
  90. package/library/components/position-picker.js +2 -2
  91. package/library/components/progress-bar.js +1 -1
  92. package/library/components/progress-ring.js +1 -1
  93. package/library/components/radio-button.js +1 -1
  94. package/library/components/radio-card.js +1 -1
  95. package/library/components/radio-group.js +2 -2
  96. package/library/components/range.js +3 -3
  97. package/library/components/rating.js +1 -1
  98. package/library/components/relative-time.js +1 -1
  99. package/library/components/select.js +5 -5
  100. package/library/components/shadow-input-group.js +1 -1
  101. package/library/components/share-option-list.js +3 -3
  102. package/library/components/sidebar.js +1 -1
  103. package/library/components/size-input-group.js +3 -3
  104. package/library/components/spinner.js +1 -1
  105. package/library/components/split-panel.js +1 -1
  106. package/library/components/switch.js +2 -2
  107. package/library/components/tab-group.js +6 -6
  108. package/library/components/tab-panel.js +1 -1
  109. package/library/components/tab.js +16 -16
  110. package/library/components/tag.js +2 -2
  111. package/library/components/textarea.js +2 -2
  112. package/library/components/timecode.js +2 -2
  113. package/library/components/tooltip.js +1 -1
  114. package/library/components/tree-item.js +2 -2
  115. package/library/components/tree.js +2 -2
  116. package/library/components/typeface.js +3 -3
  117. package/library/components/types.js +496 -487
  118. package/library/components/typography.js +3 -2
  119. package/library/components/video.js +4231 -4210
  120. package/library/css/ol-base.css +1 -0
  121. package/library/package.json +1 -1
  122. package/library/packages/atoms/src/components/box/box.d.ts +26 -0
  123. package/library/packages/atoms/src/components/box/box.styles.d.ts +7 -0
  124. package/library/packages/atoms/src/components/button/button.d.ts +4 -0
  125. package/library/packages/atoms/src/components/card/card.d.ts +1 -0
  126. package/library/packages/atoms/src/components/color-picker/color-picker.d.ts +11 -0
  127. package/library/packages/atoms/src/components/copy-button/copy-button.d.ts +1 -0
  128. package/library/packages/atoms/src/components/details/details.d.ts +6 -1
  129. package/library/packages/atoms/src/components/header/header.d.ts +38 -2
  130. package/library/packages/atoms/src/components/image/image.d.ts +14 -0
  131. package/library/packages/atoms/src/components/mutation-observer/mutation-observer.d.ts +1 -1
  132. package/library/packages/atoms/src/components/radio-card/radio-card.d.ts +1 -0
  133. package/library/packages/atoms/src/components/tab/tab.d.ts +17 -0
  134. package/library/packages/atoms/src/components/typography/typography.d.ts +31 -0
  135. package/library/packages/atoms/src/components/video/video.d.ts +18 -0
  136. package/library/packages/atoms/src/index.d.ts +1 -0
  137. package/library/packages/events/src/cx-color-swatch-picker-columns-change.d.ts +15 -0
  138. package/library/packages/events/src/events.d.ts +1 -0
  139. package/library/packages/hybrid/table-core/src/table/table.d.ts +10 -1
  140. package/library/packages/molecules/src/color-swatch/color-swatch.d.ts +35 -1
  141. package/library/packages/molecules/src/data-tab-group/data-tab-group.d.ts +30 -1
  142. package/library/packages/molecules/src/details-group/details-group.d.ts +105 -3
  143. package/library/packages/molecules/src/dynamic-select/dynamic-select.d.ts +5 -0
  144. package/library/packages/molecules/src/font-picker/font-picker.d.ts +3 -0
  145. package/library/packages/molecules/src/gallery-item/gallery-item.d.ts +10 -0
  146. package/library/packages/molecules/src/index.d.ts +0 -1
  147. package/library/packages/molecules/src/masonry/masonry.d.ts +5 -0
  148. package/library/packages/organisms/src/color-swatch-group/color-swatch-group.constants.d.ts +37 -45
  149. package/library/packages/organisms/src/color-swatch-group/color-swatch-group.d.ts +210 -10
  150. package/library/packages/organisms/src/content-builder/blocks/font-kit-advanced/font-kit-advanced.utils.d.ts +85 -0
  151. package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +22 -6
  152. package/library/packages/organisms/src/content-builder/components/block-picker/block-picker.d.ts +24 -8
  153. package/library/packages/organisms/src/content-builder/components/color-swatch-picker/color-swatch-picker.d.ts +70 -1
  154. package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts +1 -22
  155. package/library/packages/organisms/src/content-builder/components/config-manager/config-manager.d.ts +7 -0
  156. package/library/packages/organisms/src/content-builder/components/gallery-config/gallery-config.d.ts +6 -0
  157. package/library/packages/organisms/src/content-builder/components/gallery-picker/gallery-picker.d.ts +1 -0
  158. package/library/packages/organisms/src/content-builder/configs/accordion.d.ts +7 -0
  159. package/library/packages/organisms/src/content-builder/configs/audio.d.ts +1 -0
  160. package/library/packages/organisms/src/content-builder/configs/button.d.ts +2 -1
  161. package/library/packages/organisms/src/content-builder/configs/carousel.d.ts +11 -1
  162. package/library/packages/organisms/src/content-builder/configs/color-swatches.d.ts +19 -1
  163. package/library/packages/organisms/src/content-builder/configs/column-group.d.ts +11 -2
  164. package/library/packages/organisms/src/content-builder/configs/column.d.ts +13 -3
  165. package/library/packages/organisms/src/content-builder/configs/dam-view.d.ts +1 -0
  166. package/library/packages/organisms/src/content-builder/configs/divider.d.ts +1 -0
  167. package/library/packages/organisms/src/content-builder/configs/document-viewer.d.ts +1 -0
  168. package/library/packages/organisms/src/content-builder/configs/font-kit-advanced.d.ts +19 -0
  169. package/library/packages/organisms/src/content-builder/configs/font-kit.d.ts +2 -0
  170. package/library/packages/organisms/src/content-builder/configs/gallery.d.ts +15 -1
  171. package/library/packages/organisms/src/content-builder/configs/header.d.ts +2 -0
  172. package/library/packages/organisms/src/content-builder/configs/image.d.ts +2 -0
  173. package/library/packages/organisms/src/content-builder/configs/index.d.ts +1 -0
  174. package/library/packages/organisms/src/content-builder/configs/search-box.d.ts +5 -1
  175. package/library/packages/organisms/src/content-builder/configs/tab-group.d.ts +7 -4
  176. package/library/packages/organisms/src/content-builder/configs/timeline.d.ts +1 -0
  177. package/library/packages/organisms/src/content-builder/configs/video.d.ts +3 -0
  178. package/library/packages/organisms/src/content-builder/configs-controller.d.ts +155 -13
  179. package/library/packages/organisms/src/content-builder/content-builder-config.d.ts +60 -0
  180. package/library/packages/organisms/src/content-builder/content-builder-constants.d.ts +27 -0
  181. package/library/packages/organisms/src/content-builder/content-builder.d.ts +122 -2
  182. package/library/packages/organisms/src/content-builder/content-builder.sections.utils.d.ts +78 -0
  183. package/library/packages/organisms/src/content-builder/content-builder.utils.d.ts +33 -2
  184. package/library/packages/organisms/src/content-builder/plugins/font-kit-advanced.d.ts +5 -0
  185. package/library/packages/organisms/src/content-builder/plugins/gallery.d.ts +6 -0
  186. package/library/packages/organisms/src/content-builder/plugins/header.d.ts +7 -1
  187. package/library/packages/organisms/src/content-builder/plugins/index.d.ts +2 -1
  188. package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/components/rte-bubble-menu/rte-bubble-menu.d.ts +21 -1
  189. package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/extensions/index.d.ts +2 -0
  190. package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/rte-configs.d.ts +14 -0
  191. package/library/packages/organisms/src/content-builder/plugins/sections/section-fragment-component.d.ts +22 -0
  192. package/library/packages/organisms/src/content-builder/plugins/sections/section-host-mounting.d.ts +15 -0
  193. package/library/packages/organisms/src/content-builder/plugins/sections/sections-canvas-patches.d.ts +20 -0
  194. package/library/packages/organisms/src/content-builder/plugins/sections/sections-plugin.d.ts +7 -0
  195. package/library/packages/organisms/src/content-builder/plugins/toolbar.d.ts +10 -1
  196. package/library/packages/organisms/src/content-builder/plugins/utils/block-width.d.ts +20 -0
  197. package/library/packages/organisms/src/content-builder/styleController.d.ts +9 -5
  198. package/library/packages/organisms/src/content-builder-viewer/content-builder-viewer.d.ts +1 -0
  199. package/library/packages/organisms/src/form/control-renderer/control-renderer.d.ts +170 -0
  200. package/library/packages/organisms/src/form/control-renderer/control-renderer.styles.d.ts +9 -0
  201. package/library/packages/organisms/src/list-editor/list-editor.d.ts +181 -6
  202. package/library/packages/tools/src/tiptap/extensions/metafield/index.d.ts +12 -0
  203. package/library/packages/tools/src/tiptap/utils/md/schema.d.ts +1 -1
  204. package/library/packages/types/src/asset-link-format.d.ts +0 -1
  205. package/library/packages/types/src/button.d.ts +1 -1
  206. package/library/packages/types/src/color-swatch-group.d.ts +56 -0
  207. package/library/packages/types/src/color-swatch.d.ts +22 -0
  208. package/library/packages/types/src/column.d.ts +13 -0
  209. package/library/packages/types/src/content-builder.d.ts +69 -4
  210. package/library/packages/types/src/details-group.d.ts +80 -0
  211. package/library/packages/types/src/font-kit-advanced.d.ts +28 -0
  212. package/library/packages/types/src/font-kit.d.ts +19 -0
  213. package/library/packages/types/src/font-picker.d.ts +2 -0
  214. package/library/packages/types/src/gallery-item.d.ts +3 -1
  215. package/library/packages/types/src/gallery.d.ts +2 -1
  216. package/library/packages/types/src/index.d.ts +1 -0
  217. package/library/packages/types/src/masonry.d.ts +1 -0
  218. package/library/packages/types/src/position-picker.d.ts +6 -0
  219. package/library/packages/types/src/sb-button.d.ts +7 -0
  220. package/library/packages/types/src/search-box.d.ts +4 -0
  221. package/library/packages/utils/src/color/color.d.ts +27 -3
  222. package/library/packages/utils/src/custom-element/i18n.d.ts +85 -0
  223. package/library/packages/utils/src/font/font.d.ts +12 -0
  224. package/library/packages/utils/src/transformation/transformation.d.ts +11 -3
  225. package/library/react-web-component.d.ts +510 -156
  226. package/library/utils.js +415 -395
  227. package/package.json +1 -1
  228. package/library/chunks/button.styles.BWgHrfLD.js +0 -5
  229. package/library/chunks/color-swatch.DdsUysbF.js +0 -223
  230. package/library/chunks/color.LzSGBy7o.js +0 -164
  231. package/library/chunks/form-control.styles.CaGWmeAS.js +0 -5
  232. package/library/chunks/index.BO_sT6SH.js +0 -20123
  233. package/library/chunks/toast.BOkYwUIj.js +0 -109
  234. package/library/chunks/transformation.B8m0Nbao.js +0 -384
  235. package/library/chunks/typography.T72DuoCa.js +0 -52
  236. package/library/packages/molecules/src/search-box/search-box.d.ts +0 -114
  237. package/library/packages/organisms/src/content-builder/plugins/wrapper-container.d.ts +0 -15
  238. /package/library/packages/{molecules/src/search-box/search-box.styles.d.ts → organisms/src/content-builder-viewer/content-builder-viewer.styles.d.ts} +0 -0
@@ -1,12 +1,14 @@
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, CxSpace, CxOption, CxSelect, CxTab, CxTabPanel, CxTabGroup, CxVisuallyHidden, CxColorPicker, CxCopyButton, CxDateCalendar, CxDetails, CxDivider, CxDialog, CxDiff, CxDrawer, CxProgressBar, CxBookReader, CxSkeleton, CxImage, CxDocumentViewer, CxDotPagination, CxDotStatus, CxEChart, CxElementClamp, CxFormatBytes, CxFormatDate, CxFormatNumber, CxFormatTime, CxGrid, CxGridItem, CxHeader, CxHubConnection, CxIframe, CxImageComparer, CxInclude, CxInputGroup, CxMarkdown, CxMenuLabel, CxMenuSection, CxMutationObserver, CxPagination, CxProgressRing, CxQrCode, CxRadio, CxRadioButton, CxRadioCard, CxRadioGroup, CxRange, CxRating, CxRelativeTime, CxSplitPanel, CxStep, CxStepper, CxSwitch, CxTimecode, CxTreeItem, CxTree, CxVideo, CxSidebarLayout, Cx3DViewer, CxAnnotator, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFacetedFilter, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxFontPicker, CxGraphView, CxIconPicker, CxMarkdownViewer, CxMasonry, CxMentions, CxMultiSelect, CxPaddingInputGroup, CxPageOutline, CxPdfViewerToolbar, CxPositionPicker, CxPublishPage, CxSearchBox, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxTypeSubtypeSelect, CxAssetFormatPicker, CxComment, CxAnnotatorComment, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCapacityPlanner, CxCarousel, CxChatbot, CxClusterManagement, CxTable, CxColorSwatchGroup, CxCommentV1, CxFontKit, CxListEditor, CxDamCustomToolbarButtonsEditor, CxColumn, CxLightbox, CxGallery, CxColumnGroup, CxText, CxTimeline, CxSpecialCharactersDialog, CxContentBuilder, CxContentBuilderViewer, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, CxRteCodeBlockToolbar, CxRichTextCodeBlock, CxSpaceSelector, CxTemplateSwitcher, CxTextToSpeech, CxVideoChaptersManager, CxVideoEditor, CxVideoAdvanced, CxXmlEditor, 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, CxBox, CxBreadcrumbItem, CxBreadcrumb, CxButtonGroup, CxCard, CxCheckbox, CxSpace, CxOption, CxSelect, CxTab, CxTabPanel, CxTabGroup, CxVisuallyHidden, CxColorPicker, CxCopyButton, CxDateCalendar, CxDetails, CxDivider, CxDialog, CxDiff, CxDrawer, CxProgressBar, CxBookReader, CxSkeleton, CxImage, CxDocumentViewer, CxDotPagination, CxDotStatus, CxEChart, CxElementClamp, CxFormatBytes, CxFormatDate, CxFormatNumber, CxFormatTime, CxGrid, CxGridItem, CxHeader, CxHubConnection, CxIframe, CxImageComparer, CxInclude, CxInputGroup, CxMarkdown, CxMenuLabel, CxMenuSection, CxMutationObserver, CxPagination, CxProgressRing, CxQrCode, CxRadio, CxRadioButton, CxRadioCard, CxRadioGroup, CxRange, CxRating, CxRelativeTime, CxSplitPanel, CxStep, CxStepper, CxSwitch, CxTimecode, CxTreeItem, CxTree, CxVideo, CxSidebarLayout, Cx3DViewer, CxAnnotator, CxAssetDataDisplay, CxAssetPicker, CxBicolorPicker, CxBorderInputGroup, CxColorSwatch, CxConfirmPopover, CxCornerPositionInputGroup, CxCropper, CxDashboardIframe, CxDataTabGroup, CxDetailsGroup, CxDownloadFormatPicker, CxDynamicSelect, CxEstimatedReadingTime, CxFacetedFilter, CxInputDatePicker, CxFacetDatePicker, CxInputDateRangePicker, CxFacetDateRange, CxFolderSelect, CxFontPicker, CxGraphView, CxIconPicker, CxMarkdownViewer, CxMasonry, CxMentions, CxMultiSelect, CxPaddingInputGroup, CxPageOutline, CxPdfViewerToolbar, CxPositionPicker, CxPublishPage, CxShadowInputGroup, CxShareOptionList, CxSidebar, CxSizeInputGroup, CxStatCard, CxStepperWizard, CxStorybook, CxTypeface, CxTypeSubtypeSelect, CxAssetFormatPicker, CxComment, CxAnnotatorComment, CxAssetLinkFormat, CxAssetTransformationDialog, CxBentoGrid, CxCapacityPlanner, CxCarousel, CxChatbot, CxClusterManagement, CxTable, CxColorSwatchGroup, CxCommentV1, CxColumn, CxColumnGroup, CxFontKit, CxFontKitAdvanced, CxSearchBox, CxListEditor, CxDamCustomToolbarButtonsEditor, CxLightbox, CxGallery, CxText, CxTimeline, CxSpecialCharactersDialog, CxContentBuilder, CxContentBuilderViewer, CxDashboardFilter, CxDashboardTable, CxDownloader, CxFileOnDemand, CxFindAndReplace, CxRteCodeBlockToolbar, CxRichTextCodeBlock, CxSpaceSelector, CxTemplateSwitcher, CxTextToSpeech, CxVideoChaptersManager, CxVideoEditor, CxVideoAdvanced, CxXmlEditor, CxTemplateManager, CxChartPlanBuilder } from './apps/cortex/src/types';
5
5
 
6
6
 
7
7
  export type CxMarkdownRendererObject = any;
8
- export type CxDataTabGroupDetailsItem = { id: string; label: string; };
9
- export type CxDetailsGroupDetailsItem = { id: string; label: string; };
8
+ export type CxDataTabGroupDetailsItem = { --collapse-icon-width: string; --expand-icon-width: string; --header-active-background-color: string; --header-active-border: string; --header-active-color: string; --header-background-color: string; --header-border: string; --header-color: string; --header-hover-background-color: string; --header-hover-border: string; --header-hover-color: string; --hover-icon-width: string; background: string; backgroundCropFocus: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; backgroundFormat: string; backgroundManualFormat: boolean; backgroundObjectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; backgroundRecordId: string; backgroundTransformations: string; collapse-icon: CxDataTabGroupIconPickerValue; customStyle: boolean; expand-icon: CxDataTabGroupIconPickerValue; hover-icon: CxDataTabGroupIconPickerValue; id: string; label: string; };
9
+ export type CxDataTabGroupIconPickerValue = { name: string; src: string; };
10
+ export type CxDetailsGroupDetailsItem = { --collapse-icon-width: string; --expand-icon-width: string; --header-active-background-color: string; --header-active-border: string; --header-active-color: string; --header-background-color: string; --header-border: string; --header-color: string; --header-hover-background-color: string; --header-hover-border: string; --header-hover-color: string; --hover-icon-width: string; background: string; backgroundCropFocus: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; backgroundFormat: string; backgroundManualFormat: boolean; backgroundObjectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; backgroundRecordId: string; backgroundTransformations: string; collapse-icon: CxDetailsGroupIconPickerValue; customStyle: boolean; expand-icon: CxDetailsGroupIconPickerValue; hover-icon: CxDetailsGroupIconPickerValue; id: string; label: string; };
11
+ export type CxDetailsGroupIconPickerValue = { name: string; src: string; };
10
12
  export type CxFacetedFilterFacet = { facetDetails: CxFacetedFilterCheckboxFacetDetails | CxFacetedFilterDatePickerFacetDetails | CxFacetedFilterDateRangeFacetDetails; values: CxFacetedFilterFacetValue[]; };
11
13
  export type CxFacetedFilterCheckboxFacetDetails = { displayName: string; facetFieldName: string; facetIndexedFieldName: string; selection: 'multiple' | 'single'; type: 'checkbox'; };
12
14
  export type CxFacetedFilterDatePickerFacetDetails = { displayFormat: 'ddmmyyyy' | 'mmddyyyy' | 'yyyymmdd'; displayName: string; facetFieldName: string; facetIndexedFieldName: string; max: string; min: string; selection: 'multiple' | 'single'; showTime: boolean; type: 'date-picker'; };
@@ -22,24 +24,24 @@
22
24
  export type CxGraphViewNodeAction = { controlType: 'default' | 'switch'; icon: string; id: string; name: string; showDivider: boolean; style: { color: string; }; };
23
25
  export type CxGraphViewRecord = any;
24
26
  export type CxGraphViewSummary = { icon: string; texts: string[]; };
25
- export type CxMasonryMasonryItem = { alt: string; extension: string; hasError: boolean; id: string; loading: boolean; maxWidth: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; size: string; src: string; srcset: string; };
27
+ export type CxMasonryMasonryItem = { alt: string; backgroundColor: string; extension: string; hasError: boolean; id: string; loading: boolean; maxWidth: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; size: string; src: string; srcset: string; };
26
28
  export type CxMasonryMasonryItemAction = { color: string; event: string; icon: string; src: string; tooltip: string; };
27
29
  export type CxMentionsAutocompleteItem = { id: string; label: string; name: string; suffixContent: string; suffixIcon: string; suffixTooltip: string; suffixType: 'badge'; title: string; type: string; };
28
30
  export type CxMultiSelectColumnData = { dividerColor: string; id: string; items: { disabled: boolean; group: string; id: string; index: string; metadata: dictionary; text: string; tooltip: string; type: string; }[]; sort: boolean; title: string; };
29
31
  export type CxShareOptionListShareOptionListItem = { disabled: boolean; icon: string; id: string; name: string; tooltip: string; };
30
32
  export type CxStepperWizardStepData = { color: string; description: string; icon: string; iconVariant: 'outlined' | 'filled' | 'fa'; id: string; name: string; readonly: boolean; state: 'Done' | 'Active' | 'None' | 'Disabled'; };
31
- export type CxAssetLinkFormatAsset = { allowATSLink: boolean; docSubType: string; docType: 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; height: string; id: string; identifier: string; imageUrl: string; name: string; scrubUrl: string; size: string; tags: string; width: string; };
33
+ export type CxAssetLinkFormatAsset = { allowATSLink: boolean; docSubType: string; docType: 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; height: string; id: string; identifier: string; imageUrl: string; name: string; scrubUrl: string; size: string; width: string; };
32
34
  export type CxAssetLinkFormatCropMode = { auto: boolean; disabledSize: boolean; label: string; value: string; };
33
35
  export type CxAssetLinkFormatFocusMode = { auto: boolean; label: string; value: string; };
34
36
  export type CxAssetLinkFormatProxy = { cdnName: string; extension: string; formatHeight: number; formatWidth: number; height: number; id: string; permanentLink: string; proxyLabel: string; proxyName: string; width: number; };
35
37
  export type CxAssetLinkFormatTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; position: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
36
- export type CxBentoGridGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxHeight: string; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; srcset: string; url: string; };
37
- export type CxCarouselGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxHeight: string; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; srcset: string; url: string; };
38
+ export type CxBentoGridGalleryItem = { additions: string[]; alt: string; backgroundColor: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; cropFocus: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxHeight: string; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; srcset: string; url: string; };
39
+ export type CxCarouselGalleryItem = { additions: string[]; alt: string; backgroundColor: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; cropFocus: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxHeight: string; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; srcset: string; url: string; };
38
40
  export type CxChatbotChatbotEvent = { event: string; excludedFromPurposes: string[]; label: string; };
39
41
  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; };
40
42
  export type CxTableTextFormatParams = { colorMap: dictionary; color: string; };
41
43
  export type CxTableHoverMenuOptions = { data: CxTableRowAction[]; options: { placement: 'left' | 'right'; style: dictionary; }; };
42
- 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'; };
44
+ export type CxTableRowAction = { icon: string; name: string; options: { buttonProps: { loading: boolean; outline: boolean; variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'outline' | 'custom'; }; dropdownItems: CxTableDropdownItem[]; dropdownSections: dictionary; iconStyle: dictionary; }; tooltip: string; type: 'button' | 'dropdown'; };
43
45
  export type CxTableDropdownItem = { label: string; name: string; prefixIcon: string; section: string; style: dictionary; };
44
46
  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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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; mutateOnValidate: boolean; 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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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; mutateOnValidate: boolean; 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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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' | 'lookup' | 'datetime' | 'tickCross' | 'star' | 'money' | 'datetimediff' | 'traffic' | '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; };
45
47
  export type CxTableSavedSearchItem = { name: string; recordID: string; };
@@ -48,20 +50,24 @@
48
50
  export type CxTableTableDropdownFilterDataOption = { filter: CxTableFilter; id: string; label: string; };
49
51
  export type CxTableFilter = { field: string; type: 'ends' | '=' | '>=' | '>' | 'in' | 'keywords' | '<=' | '<' | 'like' | '!=' | 'regex' | 'starts'; value: any; params: { separator: string; matchAll: boolean; }; };
50
52
  export type CxTablePick = { value: any; field: string; };
51
- export type CxColorSwatchGroupColorSwatchData = { cmyk: string; color: string; hex: string; id: string; name: string; palette: string; pms: string; rgb: string; };
53
+ export type CxColorSwatchGroupColorSwatchData = { cmyk: string; color: string; hex: string; id: string; metadata: dictionary; name: string; palette: string; pms: string; rgb: string; };
54
+ export type CxColorSwatchGroupColorSwatchCustomColumn = { alignment: 'center' | 'left' | 'right'; color: string; constraints: boolean; fontFamily: string; fontSize: string; fontStyle: string; fontWeight: string; id: string; maxWidth: string; minWidth: string; name: string; widthMode: 'fill-container' | 'hug-contents'; };
55
+ export type CxColumnTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; position: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
56
+ export type CxColumnGroupTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; position: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
52
57
  export type CxDamCustomToolbarButtonsEditorDamCustomToolbarButton = { accessLevel: string; action: 'create-record' | 'execute-workflow' | 'open-form' | 'open-link' | 'open-page' | 'open-space'; appearance: 'icon-and-label' | 'icon-only' | 'label-only'; completionMessage: string; formId: string; icon: string; id: string; label: string; link: string; name: string; openInNewTab: boolean; pageId: string; pageUrl: string; recordSubType: string; recordType: string; spaceId: string; tooltip: string; type: 'primary' | 'secondary'; workflowId: string; };
53
- export type CxGalleryGalleryRecord = { id: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; rawId: string; src: string; };
58
+ export type CxGalleryGalleryRecord = { cropFocus: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; id: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; rawId: string; src: string; };
54
59
  export type CxGalleryTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; position: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
55
- export type CxTimelineTimelineItem = { id: string; label: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; recordId: string; thumbnail: string; };
60
+ export type CxTimelineTimelineItem = { cropFocus: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; id: string; label: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; recordId: string; srcset: string; thumbnail: string; };
56
61
  export type CxTimelineTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; position: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
57
62
  export type CxContentBuilderDevice = { canvasWidth: string; height: string; id: string; maxWidth: string; name: string; };
63
+ export type CxContentBuilderContentBuilderSection = { containerSelector: string; id: string; initialData: string; };
58
64
  export type CxDashboardFilterDashboardFilterControl = { controlId: string; controlType: string; id: string; label: string; maxOptionsVisible: number; optionColumnMapping: CxDashboardFilterPartial; options: CxDashboardFilterDashboardFilterOption[] | dictionary[]; placeholder: string; type: string; };
59
65
  export type CxDashboardFilterPartial = any;
60
66
  export type CxDashboardFilterDashboardFilterOption = { disabled: boolean; label: string; value: string; };
61
67
  export type CxDashboardTableTimeFormatterParams = { color: string; fontSize: string; fontWeight: string; inputUnit: string; locale: string; placeholder: string; style: dictionary; unitsFormat: string; displayStyle: string; paramsMapField: string; paramsMap: dictionary; };
62
68
  export type CxDashboardTableTextFormatParams = { colorMap: dictionary; color: string; };
63
69
  export type CxDashboardTableHoverMenuOptions = { data: CxDashboardTableRowAction[]; options: { placement: 'left' | 'right'; style: dictionary; }; };
64
- export type CxDashboardTableRowAction = { icon: string; name: string; options: { buttonProps: { loading: boolean; outline: boolean; variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'custom'; }; dropdownItems: CxDashboardTableDropdownItem[]; dropdownSections: dictionary; iconStyle: dictionary; }; tooltip: string; type: 'button' | 'dropdown'; };
70
+ export type CxDashboardTableRowAction = { icon: string; name: string; options: { buttonProps: { loading: boolean; outline: boolean; variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'outline' | 'custom'; }; dropdownItems: CxDashboardTableDropdownItem[]; dropdownSections: dictionary; iconStyle: dictionary; }; tooltip: string; type: 'button' | 'dropdown'; };
65
71
  export type CxDashboardTableDropdownItem = { label: string; name: string; prefixIcon: string; section: string; style: dictionary; };
66
72
  export type CxDownloaderExecutionContext = { defaultDownloadFolder: CxDownloaderRaw; downloadRequestedEvent: CxDownloaderEvent; instructionsURL: CxDownloaderRaw; isReady: CxDownloaderRaw; locationPickedEvent: CxDownloaderEvent; locationRequestedEvent: CxDownloaderEvent; openDirectoryPickerAction: CxDownloaderAction; openDownloaderEvent: CxDownloaderEvent; promptAction: CxDownloaderAction; promptRepliedEvent: CxDownloaderEvent; configurationData: CxDownloaderConfigurationData; };
67
73
  export type CxDownloaderRaw = { value: string; };
@@ -169,7 +175,7 @@
169
175
  /**
170
176
  * The variant of the button.
171
177
  */
172
- buttonVariant?: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'custom';
178
+ buttonVariant?: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'outline' | 'custom';
173
179
  /**
174
180
  * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and can result in XSS attacks.
175
181
  */
@@ -815,7 +821,7 @@
815
821
  /**
816
822
  * The variant of the "Choose File" button.
817
823
  */
818
- variant?: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'custom';
824
+ variant?: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'outline' | 'custom';
819
825
  /**
820
826
  * Label of file button
821
827
  */
@@ -1107,7 +1113,7 @@
1107
1113
  /**
1108
1114
  * make reactive to pass through The button's theme variant.
1109
1115
  */
1110
- variant?: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'custom';
1116
+ variant?: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'outline' | 'custom';
1111
1117
  /**
1112
1118
  * The button's size.
1113
1119
  */
@@ -1452,6 +1458,14 @@
1452
1458
  *
1453
1459
  */
1454
1460
  variant?: 'body1' | 'body2' | 'body3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'small';
1461
+ /**
1462
+ * Lets the reader edit the text in place. The element itself becomes a plain-text `contenteditable`, so the slotted text stays the single source of truth: Enter commits, Escape restores the text from before the edit, and focus leaving the element commits too. A commit that changed the text emits `cx-change`; an emptied text is restored instead.
1463
+ */
1464
+ editable?: boolean;
1465
+ /**
1466
+ * The current text, trimmed. Assigning replaces the slotted text, so a host can read back an inline edit or reset it. Declared on the setter so the wrapper generators see the property.
1467
+ */
1468
+ value?: string;
1455
1469
  /**
1456
1470
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
1457
1471
  */
@@ -1646,6 +1660,28 @@
1646
1660
  * The badge's size.
1647
1661
  */
1648
1662
  size?: 'small' | 'large' | 'medium' | 'x-small';
1663
+ /**
1664
+ * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
1665
+ */
1666
+ dir?: string;
1667
+ /**
1668
+ * eslint-disable-next-line lit/no-native-attributes
1669
+ */
1670
+ lang?: string;
1671
+ /**
1672
+ *
1673
+ */
1674
+ theme?: 'light' | 'dark';
1675
+ /**
1676
+ *
1677
+ */
1678
+ preRender?: boolean;
1679
+ }
1680
+ /**
1681
+ * A generic layout container. Style it with ordinary CSS (`display: grid`, `grid-template-columns`, `gap`, …) and its slotted children become the layout items.
1682
+ */
1683
+ interface CxBoxAttributes extends HTMLAttributes<CxBox> {
1684
+
1649
1685
  /**
1650
1686
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
1651
1687
  */
@@ -2898,6 +2934,10 @@
2898
2934
  * The object-fit property of the image.
2899
2935
  */
2900
2936
  objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
2937
+ /**
2938
+ * The focal point used to position the image within its container (applies whenever object-fit leaves free space to position within: cover, contain, none, scale-down).
2939
+ */
2940
+ cropFocus?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right';
2901
2941
  /**
2902
2942
  * Should the skeleton be shown when the image is loading.
2903
2943
  */
@@ -3659,9 +3699,21 @@
3659
3699
  */
3660
3700
  variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
3661
3701
  /**
3662
- * The font size of the heading. Will override the default font size by the variant if provided
3702
+ * The font size of the heading. Will override the default font size by the variant if provided. Applied on mobile, and on tablet/desktop when they have no size of their own.
3663
3703
  */
3664
3704
  fontSize?: string;
3705
+ /**
3706
+ * The font size of the heading on tablet. Falls back to the base font size when unset.
3707
+ */
3708
+ fontSizeTablet?: string;
3709
+ /**
3710
+ * The font size of the heading on desktop. Falls back to the base font size when unset.
3711
+ */
3712
+ fontSizeDesktop?: string;
3713
+ /**
3714
+ * Device type. Don't use this prop since it is controlled by the window resize event. Picks which of the three font sizes applies.
3715
+ */
3716
+ deviceType?: 'desktop' | 'mobile' | 'tablet';
3665
3717
  /**
3666
3718
  * Enables the anchor link for the header.
3667
3719
  */
@@ -5060,7 +5112,7 @@
5060
5112
  preRender?: boolean;
5061
5113
  }
5062
5114
  /**
5063
- * Video are wrappers for video elements with videoJS support. This component is used to display videos in your application.
5115
+ *
5064
5116
  */
5065
5117
  interface CxVideoAttributes extends HTMLAttributes<CxVideo> {
5066
5118
 
@@ -5084,6 +5136,14 @@
5084
5136
  * The poster image to show before the video loads.
5085
5137
  */
5086
5138
  poster?: string;
5139
+ /**
5140
+ * The object-fit style applied to both the video and its poster.
5141
+ */
5142
+ objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
5143
+ /**
5144
+ * The focal point used to position the video/poster within their container.
5145
+ */
5146
+ cropFocus?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right';
5087
5147
  /**
5088
5148
  * Determines if the video should autoplay.
5089
5149
  */
@@ -5202,6 +5262,10 @@
5202
5262
  */
5203
5263
  interface CxSidebarLayoutAttributes extends HTMLAttributes<CxSidebarLayout> {
5204
5264
 
5265
+ /**
5266
+ * Derives the layout's height from the main slot's content instead of filling its container. <br/> Absolutely positioned children are out of normal flow and never contribute height to their parent, so a layout containing them collapses. When enabled, the component measures the bottom-most edge of the main slot's children (in-flow and out-of-flow alike) and publishes it as `--content-height`, which the layout uses as its `min-height`.
5267
+ */
5268
+ autoHeight?: boolean;
5205
5269
  /**
5206
5270
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
5207
5271
  */
@@ -5540,6 +5604,22 @@
5540
5604
  * No auto convert color codes
5541
5605
  */
5542
5606
  noAutoConvert?: boolean;
5607
+ /**
5608
+ * Whether a code's label and value share a line or stack on separate lines
5609
+ */
5610
+ codeAlignment?: 'same-line' | 'separate-line';
5611
+ /**
5612
+ * Separator between the numeric parts of the RGB and CMYK codes
5613
+ */
5614
+ codeSeparator?: 'comma' | 'slash';
5615
+ /**
5616
+ * Which prefix the HEX code carries: `#`, `0x`, or none
5617
+ */
5618
+ hexFormat?: 'leading-hash' | 'leading-hex' | 'none';
5619
+ /**
5620
+ * This swatch's slice of a row-wide ramp, as `linear-gradient` stops (`"#000 0%, #888 100%"`). The group works them out — only it knows where this swatch sits. Empty leaves the flat swatch color showing.
5621
+ */
5622
+ gradientStops?: string;
5543
5623
  /**
5544
5624
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
5545
5625
  */
@@ -5770,7 +5850,7 @@
5770
5850
  preRender?: boolean;
5771
5851
  }
5772
5852
  /**
5773
- * CxDataTabGroup
5853
+ * Renders a tab group from a list of items, exposing the tabs' look as CSS custom properties.
5774
5854
  */
5775
5855
  interface CxDataTabGroupAttributes extends HTMLAttributes<CxDataTabGroup> {
5776
5856
 
@@ -5794,6 +5874,14 @@
5794
5874
  * Use max panel height.
5795
5875
  */
5796
5876
  useMaxPanelHeight?: boolean;
5877
+ /**
5878
+ * Draws the line that separates the tabs from the panel.
5879
+ */
5880
+ showBottomLine?: boolean;
5881
+ /**
5882
+ * The tab border sides to draw, as a space-separated list of `top` / `right` / `bottom` / `left` (e.g. `"top bottom"`).
5883
+ */
5884
+ tabBorderSides?: string;
5797
5885
  /**
5798
5886
  *
5799
5887
  */
@@ -5816,7 +5904,7 @@
5816
5904
  preRender?: boolean;
5817
5905
  }
5818
5906
  /**
5819
- * CxDetailsGroup
5907
+ * Renders an accordion from a list of items, exposing each section's look as CSS custom properties.
5820
5908
  */
5821
5909
  interface CxDetailsGroupAttributes extends HTMLAttributes<CxDetailsGroup> {
5822
5910
 
@@ -5832,6 +5920,22 @@
5832
5920
  *
5833
5921
  */
5834
5922
  multiLanguage?: boolean;
5923
+ /**
5924
+ * Caps the width of every section's title row, in px or %. Sets `--section-body-max-width`, so this is the attribute form of that custom property - which is what the content builder writes - and styling it directly still works.
5925
+ */
5926
+ sectionBodyMaxWidth?: string;
5927
+ /**
5928
+ * The icon shown on a closed section.
5929
+ */
5930
+ expandIcon?: CxDetailsGroupIconPickerValue;
5931
+ /**
5932
+ * The icon shown while hovering a closed section. Defaults to the closed icon.
5933
+ */
5934
+ hoverIcon?: CxDetailsGroupIconPickerValue;
5935
+ /**
5936
+ * The icon shown on an open section.
5937
+ */
5938
+ collapseIcon?: CxDetailsGroupIconPickerValue;
5835
5939
  /**
5836
5940
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
5837
5941
  */
@@ -6020,6 +6124,10 @@
6020
6124
  * The name of the icon to use for the prefix.
6021
6125
  */
6022
6126
  iconName?: string;
6127
+ /**
6128
+ * Image source for the prefix icon, for picked images rather than named icons. Takes effect through cx-icon-button's own `src`.
6129
+ */
6130
+ iconSrc?: string;
6023
6131
  /**
6024
6132
  * When set to true, the select will not show the dropdown.
6025
6133
  */
@@ -6555,11 +6663,11 @@
6555
6663
  /**
6556
6664
  * The list of available typefaces, each containing font family variants.
6557
6665
  */
6558
- fontTypefaces?: { families: { fontStyle: string; fontWeight: number; name: string; value: string; }[]; typeface: string; value: string; }[];
6666
+ fontTypefaces?: { defaultStyleLabel: string; families: { fontStyle: string; fontWeight: number; name: string; value: string; }[]; typeface: string; value: string; }[];
6559
6667
  /**
6560
6668
  * The list of typeface groups, each with a label and typefaces. Takes precedence over fontTypefaces when non-empty.
6561
6669
  */
6562
- fontTypefaceGroups?: { label: string; typefaces: { families: { fontStyle: string; fontWeight: number; name: string; value: string; }[]; typeface: string; value: string; }[]; }[];
6670
+ fontTypefaceGroups?: { label: string; typefaces: { defaultStyleLabel: string; families: { fontStyle: string; fontWeight: number; name: string; value: string; }[]; typeface: string; value: string; }[]; }[];
6563
6671
  /**
6564
6672
  * The selected typeface value.
6565
6673
  */
@@ -6807,7 +6915,7 @@
6807
6915
  /**
6808
6916
  * The key to use for the id of the items in the masonry layout.
6809
6917
  */
6810
- idKey?: 'src' | 'extension' | 'loading' | 'maxWidth' | 'size' | 'alt' | 'hasError' | 'id' | 'objectFit' | 'srcset';
6918
+ idKey?: 'src' | 'backgroundColor' | 'extension' | 'loading' | 'maxWidth' | 'size' | 'alt' | 'hasError' | 'id' | 'objectFit' | 'srcset';
6811
6919
  /**
6812
6920
  * The proxy format the item images were resolved with. <br/> Only used to decide whether a `srcset` may be generated: an original-file format paired with an animated source must be delivered untouched.
6813
6921
  */
@@ -7257,60 +7365,6 @@
7257
7365
  /**
7258
7366
  *
7259
7367
  */
7260
- preRender?: boolean;
7261
- }
7262
- /**
7263
- * A search box component that provides a user interface for entering search queries.
7264
- */
7265
- interface CxSearchBoxAttributes extends HTMLAttributes<CxSearchBox> {
7266
-
7267
- /**
7268
- * Search input's size.
7269
- */
7270
- size?: 'custom' | 'large' | 'medium' | 'small';
7271
- /**
7272
- * Placeholder for input
7273
- */
7274
- placeholder?: string;
7275
- /**
7276
- * Whether the icon can be clicked to trigger search
7277
- */
7278
- canSearchByIcon?: boolean;
7279
- /**
7280
- * Value of the search box.
7281
- */
7282
- value?: string;
7283
- /**
7284
- * Latest text the user typed mirrored to search-term and used to decide whether to render the suggestions dropdown.
7285
- */
7286
- searchTerm?: string;
7287
- /**
7288
- * The width type of the search box.
7289
- */
7290
- widthType?: 'adaptive' | 'fill' | 'fixed';
7291
- /**
7292
- * Device type Don't use this prop since it is controlled by window resize event Used for :host([width-type='adaptive'][device-type='mobile']) selector
7293
- */
7294
- deviceType?: 'desktop' | 'mobile' | 'tablet';
7295
- /**
7296
- * Label for the search box
7297
- */
7298
- label?: string;
7299
- /**
7300
- * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
7301
- */
7302
- dir?: string;
7303
- /**
7304
- * eslint-disable-next-line lit/no-native-attributes
7305
- */
7306
- lang?: string;
7307
- /**
7308
- *
7309
- */
7310
- theme?: 'light' | 'dark';
7311
- /**
7312
- *
7313
- */
7314
7368
  preRender?: boolean;
7315
7369
  }
7316
7370
  /**
@@ -8711,7 +8765,7 @@
8711
8765
  /**
8712
8766
  * If 'basic', virtual DOM is disabled.
8713
8767
  */
8714
- renderVertical?: 'virtual' | 'basic' | any;
8768
+ renderVertical?: 'basic' | 'virtual' | any;
8715
8769
  /**
8716
8770
  * When true, the whole dataset is validated against the column `validator` definitions each time data is loaded or replaced.
8717
8771
  */
@@ -9230,6 +9284,70 @@
9230
9284
  *
9231
9285
  */
9232
9286
  multiLanguage?: boolean;
9287
+ /**
9288
+ * Whether a code's label and value share a line or stack on separate lines
9289
+ */
9290
+ codeAlignment?: 'same-line' | 'separate-line';
9291
+ /**
9292
+ * Separator between the numeric parts of the RGB and CMYK codes
9293
+ */
9294
+ codeSeparator?: 'comma' | 'slash';
9295
+ /**
9296
+ * Which prefix the HEX code carries: `#`, `0x`, or none
9297
+ */
9298
+ hexFormat?: 'leading-hash' | 'leading-hex' | 'none';
9299
+ /**
9300
+ * Optional table chrome to render (palette name, column titles, separator line). Table variant only; anything omitted from the list is hidden.
9301
+ */
9302
+ showElements?: 'column-titles' | 'palette-name' | 'separator-line'[];
9303
+ /**
9304
+ * Whether the name column shares the table's free space or hugs its content
9305
+ */
9306
+ nameColumnWidthMode?: 'fill-container' | 'hug-contents';
9307
+ /**
9308
+ * Applies the name column's min/max width constraints
9309
+ */
9310
+ nameColumnConstraints?: boolean;
9311
+ /**
9312
+ * Minimum width (px) of the name column, applied while `name-column-constraints` is set
9313
+ */
9314
+ nameColumnMinWidth?: number;
9315
+ /**
9316
+ * Maximum width (px) of the name column, applied while `name-column-constraints` is set
9317
+ */
9318
+ nameColumnMaxWidth?: number;
9319
+ /**
9320
+ * Horizontal alignment of the name column. Unset keeps the built-in default.
9321
+ */
9322
+ nameColumnAlignment?: 'center' | 'left' | 'right';
9323
+ /**
9324
+ * Whether the code columns share the table's free space or hug their content
9325
+ */
9326
+ codeColumnWidthMode?: 'fill-container' | 'hug-contents';
9327
+ /**
9328
+ * Applies the code columns' min/max width constraints
9329
+ */
9330
+ codeColumnConstraints?: boolean;
9331
+ /**
9332
+ * Minimum width (px) of each code column, applied while `code-column-constraints` is set
9333
+ */
9334
+ codeColumnMinWidth?: number;
9335
+ /**
9336
+ * Maximum width (px) of each code column, applied while `code-column-constraints` is set
9337
+ */
9338
+ codeColumnMaxWidth?: number;
9339
+ /**
9340
+ * Horizontal alignment of the code columns. Unset keeps the built-in default.
9341
+ */
9342
+ codeColumnAlignment?: 'center' | 'left' | 'right';
9343
+ /**
9344
+ * Extra table columns, after the code columns. Each color holds its value in `metadata[column.id]`. Table variant only.
9345
+ */
9346
+ customColumns?: CxColorSwatchGroupColorSwatchCustomColumn[];
9347
+ /**
9348
+ * Paints the Grid variant's cards as one color ramp across the row.
9349
+ */
9350
+ gradientEffect?: boolean;
9233
9351
  /**
9234
9352
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
9235
9353
  */
@@ -9391,6 +9509,154 @@
9391
9509
  /**
9392
9510
  *
9393
9511
  */
9512
+ preRender?: boolean;
9513
+ }
9514
+ /**
9515
+ * Column is a container for content.
9516
+ */
9517
+ interface CxColumnAttributes extends HTMLAttributes<CxColumn> {
9518
+
9519
+ /**
9520
+ *
9521
+ */
9522
+ resizable?: boolean;
9523
+ /**
9524
+ *
9525
+ */
9526
+ trigger?: 'hover' | 'manual';
9527
+ /**
9528
+ *
9529
+ */
9530
+ widthType?: 'fill' | 'fit' | 'fixed' | 'page-width' | 'relative';
9531
+ /**
9532
+ * Whether the column has a width of its own, in `--custom-width`. Kept in sync with the `fixed` width mode; content saved before `width-mode` existed only carries this flag.
9533
+ */
9534
+ customWidth?: boolean;
9535
+ /**
9536
+ * Lays the column's blocks out on a content band instead of the full column width, so a percentage width resolves against the band. Set by `cx-content-builder-viewer` on its top-level columns; nested columns keep the default flex layout.
9537
+ */
9538
+ bandLayout?: boolean;
9539
+ /**
9540
+ * Column-level override of the container's width setting. `default` keeps inheriting from the column group.
9541
+ */
9542
+ widthMode?: 'adaptive' | 'default' | 'fill' | 'fit' | 'fixed' | 'page-width';
9543
+ /**
9544
+ * Device type. Don't use this prop since it is controlled by the window resize event. Used for the :host([width-mode='adaptive'][device-type='mobile']) selector. The asset id of the background image, used to resolve a proxy format.
9545
+ */
9546
+ backgroundRecordId?: string;
9547
+ /**
9548
+ * The raw (untransformed) source URL of the background image, resolved for the chosen format.
9549
+ */
9550
+ backgroundImage?: string;
9551
+ /**
9552
+ * The proxy format code used to resolve the background image's source URL.
9553
+ */
9554
+ backgroundFormat?: string;
9555
+ /**
9556
+ * Whether `backgroundFormat` was picked by hand. When false the format follows the background asset's file extension instead.
9557
+ */
9558
+ backgroundManualFormat?: boolean;
9559
+ /**
9560
+ * The asset transformations applied to the background image.
9561
+ */
9562
+ backgroundTransformations?: CxColumnTransformation[];
9563
+ /**
9564
+ * The object-fit-style crop applied to the background image.
9565
+ */
9566
+ backgroundObjectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
9567
+ /**
9568
+ * The focal point used to position the background image within the column.
9569
+ */
9570
+ backgroundCropFocus?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right';
9571
+ /**
9572
+ *
9573
+ */
9574
+ deviceType?: 'desktop' | 'mobile' | 'tablet';
9575
+ /**
9576
+ * Keeps the content band inside a column group while that group is full-bleed. Set on the cell of the hero scaffold group so its blocks line up with the page content; once the group sits on the band itself the cell falls back to the plain flex layout.
9577
+ */
9578
+ nestedBandLayout?: boolean;
9579
+ /**
9580
+ * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
9581
+ */
9582
+ dir?: string;
9583
+ /**
9584
+ * eslint-disable-next-line lit/no-native-attributes
9585
+ */
9586
+ lang?: string;
9587
+ /**
9588
+ *
9589
+ */
9590
+ theme?: 'light' | 'dark';
9591
+ /**
9592
+ *
9593
+ */
9594
+ preRender?: boolean;
9595
+ }
9596
+ /**
9597
+ *
9598
+ */
9599
+ interface CxColumnGroupAttributes extends HTMLAttributes<CxColumnGroup> {
9600
+
9601
+ /**
9602
+ *
9603
+ */
9604
+ trigger?: 'hover' | 'manual';
9605
+ /**
9606
+ *
9607
+ */
9608
+ widthType?: 'fill' | 'fit' | 'fixed' | 'page-width' | 'relative';
9609
+ /**
9610
+ *
9611
+ */
9612
+ auto?: boolean;
9613
+ /**
9614
+ * Device type. Don't use this prop since it is controlled by the window resize event. Used for the :host([width-type='fill'][device-type='mobile']) selector.
9615
+ */
9616
+ deviceType?: 'desktop' | 'mobile' | 'tablet';
9617
+ /**
9618
+ * The object-fit-style crop applied to the background image.
9619
+ */
9620
+ backgroundObjectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
9621
+ /**
9622
+ * The focal point used to position the background image within the block.
9623
+ */
9624
+ backgroundCropFocus?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right';
9625
+ /**
9626
+ * The asset id of the background image, used to resolve a proxy format.
9627
+ */
9628
+ backgroundRecordId?: string;
9629
+ /**
9630
+ * The raw (untransformed) source URL of the background image, resolved for the chosen format.
9631
+ */
9632
+ backgroundSrc?: string;
9633
+ /**
9634
+ * The proxy format code used to resolve the background image's source URL.
9635
+ */
9636
+ backgroundFormat?: string;
9637
+ /**
9638
+ * Whether `backgroundFormat` was picked by hand. When false the format follows the background asset's file extension instead.
9639
+ */
9640
+ backgroundManualFormat?: boolean;
9641
+ /**
9642
+ * The asset transformations applied to the background image.
9643
+ */
9644
+ backgroundTransformations?: CxColumnGroupTransformation[];
9645
+ /**
9646
+ * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
9647
+ */
9648
+ dir?: string;
9649
+ /**
9650
+ * eslint-disable-next-line lit/no-native-attributes
9651
+ */
9652
+ lang?: string;
9653
+ /**
9654
+ *
9655
+ */
9656
+ theme?: 'light' | 'dark';
9657
+ /**
9658
+ *
9659
+ */
9394
9660
  preRender?: boolean;
9395
9661
  }
9396
9662
  /**
@@ -9446,6 +9712,10 @@
9446
9712
  * The image object fit to use for the preview image of the font kit.
9447
9713
  */
9448
9714
  imgObjectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
9715
+ /**
9716
+ * The image crop focus to use for the preview image of the font kit.
9717
+ */
9718
+ imgCropFocus?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right';
9449
9719
  /**
9450
9720
  * The name of the font kit. This is used to display the font kit's name in the asset picker.
9451
9721
  */
@@ -9481,6 +9751,118 @@
9481
9751
  /**
9482
9752
  *
9483
9753
  */
9754
+ preRender?: boolean;
9755
+ }
9756
+ /**
9757
+ * The cx-font-kit-advanced block displays a font kit whose rows are built from an editable template row: the slotted first row (a column group of text blocks) is cloned once per loaded font variant, with `${family}`, `${style}`, `${weight}`, `${weight_n}`, `${width}` and `${format}` tokens resolved per variant. `${width}` and `${format}` are read from the variant's font file, so they stay empty for variants resolved without one (system fonts, Google fonts).
9758
+ */
9759
+ interface CxFontKitAdvancedAttributes extends HTMLAttributes<CxFontKitAdvanced> {
9760
+
9761
+ /**
9762
+ * The font family to use for the font kit.
9763
+ */
9764
+ fontFamily?: string;
9765
+ /**
9766
+ * The name of the font kit. This is used to display the font kit's name in the asset picker.
9767
+ */
9768
+ name?: string;
9769
+ /**
9770
+ * The origin of the font kit. Default is loading the font family from the teamspace. Custom is loading the font family from the files.
9771
+ */
9772
+ origin?: 'custom' | 'default';
9773
+ /**
9774
+ * Shows the dividers between the font rows.
9775
+ */
9776
+ showDividers?: boolean;
9777
+ /**
9778
+ * Shows the download button block slotted into the `download` slot.
9779
+ */
9780
+ showDownloadButton?: boolean;
9781
+ /**
9782
+ * Shows the title image block slotted into the `image` slot.
9783
+ */
9784
+ showTitleImage?: boolean;
9785
+ /**
9786
+ * The typeface file URLs to use for the font kit.
9787
+ */
9788
+ typefaces?: string[];
9789
+ /**
9790
+ * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
9791
+ */
9792
+ dir?: string;
9793
+ /**
9794
+ * eslint-disable-next-line lit/no-native-attributes
9795
+ */
9796
+ lang?: string;
9797
+ /**
9798
+ *
9799
+ */
9800
+ theme?: 'light' | 'dark';
9801
+ /**
9802
+ *
9803
+ */
9804
+ preRender?: boolean;
9805
+ }
9806
+ /**
9807
+ * A search box component that provides a user interface for entering search queries.
9808
+ */
9809
+ interface CxSearchBoxAttributes extends HTMLAttributes<CxSearchBox> {
9810
+
9811
+ /**
9812
+ * Search input's size.
9813
+ */
9814
+ size?: 'custom' | 'large' | 'medium' | 'small';
9815
+ /**
9816
+ * Appearance preset. `Custom` is what the content builder exposes the color, icon and shadow controls behind, and it also gates them: the color, border, shadow and icon custom properties only take effect while this is `Custom`, so switching back to `Default` restores the preset look without having to clear each value.
9817
+ */
9818
+ appearance?: 'custom' | 'default';
9819
+ /**
9820
+ * Icon shown at the start of the field, as picked by `cx-icon-picker`. A named icon uses `name`, a DAM image uses `src`. Unset keeps the search magnifier.
9821
+ */
9822
+ dataIconName?: { name: string; src: string; };
9823
+ /**
9824
+ * Placeholder for input
9825
+ */
9826
+ placeholder?: string;
9827
+ /**
9828
+ * Whether the icon can be clicked to trigger search
9829
+ */
9830
+ canSearchByIcon?: boolean;
9831
+ /**
9832
+ * Value of the search box.
9833
+ */
9834
+ value?: string;
9835
+ /**
9836
+ * Latest text the user typed mirrored to search-term and used to decide whether to render the suggestions dropdown.
9837
+ */
9838
+ searchTerm?: string;
9839
+ /**
9840
+ * The width type of the search box.
9841
+ */
9842
+ widthType?: 'adaptive' | 'fill' | 'fixed';
9843
+ /**
9844
+ * Device type Don't use this prop since it is controlled by window resize event Used for :host([width-type='adaptive'][device-type='mobile']) selector
9845
+ */
9846
+ deviceType?: 'desktop' | 'mobile' | 'tablet';
9847
+ /**
9848
+ * Label for the search box
9849
+ */
9850
+ label?: string;
9851
+ /**
9852
+ * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
9853
+ */
9854
+ dir?: string;
9855
+ /**
9856
+ * eslint-disable-next-line lit/no-native-attributes
9857
+ */
9858
+ lang?: string;
9859
+ /**
9860
+ *
9861
+ */
9862
+ theme?: 'light' | 'dark';
9863
+ /**
9864
+ *
9865
+ */
9484
9866
  preRender?: boolean;
9485
9867
  }
9486
9868
  /**
@@ -9489,7 +9871,7 @@
9489
9871
  interface CxListEditorAttributes extends HTMLAttributes<CxListEditor> {
9490
9872
 
9491
9873
  /**
9492
- *
9874
+ * The rows being edited. <br/> Field values keep whatever JSON type they were authored or edited with — a `switch` column round-trips a real boolean, not the string `'true'`. The attribute form is JSON, so the type survives serializing to a block attribute and parsing back.
9493
9875
  */
9494
9876
  data?: dictionary[];
9495
9877
  /**
@@ -9520,6 +9902,10 @@
9520
9902
  *
9521
9903
  */
9522
9904
  sampleItem?: dictionary;
9905
+ /**
9906
+ * Values from the surrounding scope, keyed by column `field`, shown when an item has not overridden that field. For the content builder these are the block's own styles and attributes, so a section's controls start out showing what the block applies to it. <br/> Display only: nothing here is written into the item. The item stays unset until the user changes the control, which is what keeps it inheriting when the block value later changes.
9907
+ */
9908
+ inheritedValues?: dictionary;
9523
9909
  /**
9524
9910
  *
9525
9911
  */
@@ -9556,6 +9942,18 @@
9556
9942
  * The list of languages available in the content builder. This is the list of languages that will be used to store the translatable texts.
9557
9943
  */
9558
9944
  supportedLanguages?: string[];
9945
+ /**
9946
+ * Base URL forwarded to the dialog's `cx-asset-transformation-dialog`. Only needed when a column uses the `asset-transformation` control.
9947
+ */
9948
+ baseUrl?: string;
9949
+ /**
9950
+ * Auth token forwarded to the dialog's `cx-asset-transformation-dialog`. Only needed when a column uses the `asset-transformation` control.
9951
+ */
9952
+ token?: string;
9953
+ /**
9954
+ * Restricts the dialog's `cx-folder-picker` to these folders. Only applies when a column sets `folderPickerConfigs.useAllowedFolders`.
9955
+ */
9956
+ allowedFolders?: string[];
9559
9957
  /**
9560
9958
  * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
9561
9959
  */
@@ -9605,44 +10003,6 @@
9605
10003
  /**
9606
10004
  *
9607
10005
  */
9608
- preRender?: boolean;
9609
- }
9610
- /**
9611
- * Column is a container for content.
9612
- */
9613
- interface CxColumnAttributes extends HTMLAttributes<CxColumn> {
9614
-
9615
- /**
9616
- *
9617
- */
9618
- resizable?: boolean;
9619
- /**
9620
- *
9621
- */
9622
- trigger?: 'hover' | 'manual';
9623
- /**
9624
- *
9625
- */
9626
- widthType?: 'fill' | 'fit' | 'fixed' | 'relative';
9627
- /**
9628
- *
9629
- */
9630
- customWidth?: boolean;
9631
- /**
9632
- * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
9633
- */
9634
- dir?: string;
9635
- /**
9636
- * eslint-disable-next-line lit/no-native-attributes
9637
- */
9638
- lang?: string;
9639
- /**
9640
- *
9641
- */
9642
- theme?: 'light' | 'dark';
9643
- /**
9644
- *
9645
- */
9646
10006
  preRender?: boolean;
9647
10007
  }
9648
10008
  /**
@@ -9708,6 +10068,14 @@
9708
10068
  * Specifies the id of the source of the carousel. This is only used when the source variant is set to 'api'.
9709
10069
  */
9710
10070
  src?: string;
10071
+ /**
10072
+ * The default object-fit crop applied to images pulled from the folder (source variant 'api') that haven't been individually edited.
10073
+ */
10074
+ defaultObjectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
10075
+ /**
10076
+ * The default crop focus applied to images pulled from the folder (source variant 'api') that haven't been individually edited.
10077
+ */
10078
+ defaultCropFocus?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right';
9711
10079
  /**
9712
10080
  * Specifies the type of card to be used in the carousel.
9713
10081
  */
@@ -9748,6 +10116,18 @@
9748
10116
  * The height of the gallery item.
9749
10117
  */
9750
10118
  itemHeight?: string;
10119
+ /**
10120
+ * The width of the block. Empty means the block fills its container.
10121
+ */
10122
+ width?: string;
10123
+ /**
10124
+ * Carousel only - How the block resolves its height. `auto` gives the carousel no height of its own so it derives one from the aspect ratio of its slides; `fixed` applies {@link height} instead.
10125
+ */
10126
+ heightMode?: 'auto' | 'fixed';
10127
+ /**
10128
+ * Carousel only - The height of the block, applied when {@link heightMode} is `fixed`.
10129
+ */
10130
+ height?: string;
9751
10131
  /**
9752
10132
  * The gap between the gallery items.
9753
10133
  */
@@ -9761,9 +10141,13 @@
9761
10141
  */
9762
10142
  showContentType?: 'always' | 'on-hover';
9763
10143
  /**
9764
- * Grid only - The maximum number of rows to show.
10144
+ * Grid only - The maximum number of rows to show on desktop and tablet.
9765
10145
  */
9766
10146
  maxRows?: number;
10147
+ /**
10148
+ * Grid only - The maximum number of rows to show on mobile. <br/> `0` means unset and inherits `maxRows`, so content saved before this attribute existed keeps the mobile layout it already had.
10149
+ */
10150
+ maxRowsMobile?: number;
9767
10151
  /**
9768
10152
  * Grid only - Whether to show the "Show more" button.
9769
10153
  */
@@ -9915,40 +10299,6 @@
9915
10299
  /**
9916
10300
  *
9917
10301
  */
9918
- preRender?: boolean;
9919
- }
9920
- /**
9921
- *
9922
- */
9923
- interface CxColumnGroupAttributes extends HTMLAttributes<CxColumnGroup> {
9924
-
9925
- /**
9926
- *
9927
- */
9928
- trigger?: 'hover' | 'manual';
9929
- /**
9930
- *
9931
- */
9932
- widthType?: 'fill' | 'fit' | 'fixed' | 'relative';
9933
- /**
9934
- *
9935
- */
9936
- auto?: boolean;
9937
- /**
9938
- * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
9939
- */
9940
- dir?: string;
9941
- /**
9942
- * eslint-disable-next-line lit/no-native-attributes
9943
- */
9944
- lang?: string;
9945
- /**
9946
- *
9947
- */
9948
- theme?: 'light' | 'dark';
9949
- /**
9950
- *
9951
- */
9952
10302
  preRender?: boolean;
9953
10303
  }
9954
10304
  /**
@@ -10062,7 +10412,7 @@
10062
10412
  preRender?: boolean;
10063
10413
  }
10064
10414
  /**
10065
- * The `cx-content-builder` component is used to create and manage content blocks in a CMS.<br/> Set `enable-asset-format-controls` to expose the asset format, transformation, download-format, and asset-format-picker controls on image, video, gallery, carousel, and timeline blocks. Off by default.<br/> `default-image-format`, `default-video-poster-format`, `default-timeline-format`, `default-gallery-format` and `default-carousel-format` are retained for backward compatibility but no longer do anything: every block type now starts in `Auto` and derives its proxy from the asset's own file extension.
10415
+ * The `cx-content-builder` component is used to create and manage content blocks in a CMS.<br/> Set `enable-asset-format-controls` to expose the asset format, transformation, download-format, and asset-format-picker controls on image, video, gallery, carousel, column-group, and timeline blocks. Off by default.<br/> `default-image-format`, `default-video-poster-format`, `default-timeline-format`, `default-gallery-format` and `default-carousel-format` are retained for backward compatibility but no longer do anything: every block type now starts in `Auto` and derives its proxy from the asset's own file extension.<br/> Several regions of one canvas page can be edited at once: `container-selector` / `initial-data` describe the implicit `page-content` section and `sections` adds more (for CMS5, the `hero` masthead). Each section is mounted inside its own host container of the canvas document and read back with `getSectionContent(id)`; `html()` / `json()` keep returning the page content.
10066
10416
  */
10067
10417
  interface CxContentBuilderAttributes extends HTMLAttributes<CxContentBuilder> {
10068
10418
 
@@ -10090,6 +10440,10 @@
10090
10440
  * Selector for the container element This is the CSS selector that will be used to find the container element for the content builder. If this is set, the content builder will use the specified container instead of the default one. <br/>@default undefined
10091
10441
  */
10092
10442
  containerSelector?: string;
10443
+ /**
10444
+ * Additional editable sections rendered inside the same canvas document (L-429UPF). Each section owns a host container (`containerSelector`) in the canvas page and its own project data (`initialData`); the builder mounts a fragment node inside the host and edits that node's tree. `container-selector` / `initial-data` remain the implicit `page-content` section, so existing single-region usages are unaffected. Read a section back with `getSectionContent(id)`. <br/>@default []
10445
+ */
10446
+ sections?: CxContentBuilderContentBuilderSection[];
10093
10447
  /**
10094
10448
  * This property indicates whether the content builder should initialize automatically. <br/>@default false
10095
10449
  */
@@ -10653,7 +11007,7 @@
10653
11007
  /**
10654
11008
  *
10655
11009
  */
10656
- triggerButtonVariant?: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'custom';
11010
+ triggerButtonVariant?: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'default' | 'text' | 'tertiary' | 'outline' | 'custom';
10657
11011
  /**
10658
11012
  *
10659
11013
  */
@@ -11169,18 +11523,18 @@
11169
11523
  */
11170
11524
  preRender?: boolean;
11171
11525
  }
11172
- 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 CxSpaceProps = DetailedHTMLProps<CxSpaceAttributes, CxSpace> & {class?: string};export type CxOptionProps = DetailedHTMLProps<CxOptionAttributes, CxOption> & {class?: string};export type CxSelectProps = DetailedHTMLProps<CxSelectAttributes, CxSelect> & {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 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 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 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 CxTimecodeProps = DetailedHTMLProps<CxTimecodeAttributes, CxTimecode> & {class?: string};export type CxTreeItemProps = DetailedHTMLProps<CxTreeItemAttributes, CxTreeItem> & {class?: string};export type CxTreeProps = DetailedHTMLProps<CxTreeAttributes, CxTree> & {class?: string};export type CxVideoProps = DetailedHTMLProps<CxVideoAttributes, CxVideo> & {class?: string};export type CxSidebarLayoutProps = DetailedHTMLProps<CxSidebarLayoutAttributes, CxSidebarLayout> & {class?: string};export type Cx3DViewerProps = DetailedHTMLProps<Cx3DViewerAttributes, Cx3DViewer> & {class?: string};export type 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 CxFontPickerProps = DetailedHTMLProps<CxFontPickerAttributes, CxFontPicker> & {class?: string};export type CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxMarkdownViewerProps = DetailedHTMLProps<CxMarkdownViewerAttributes, CxMarkdownViewer> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPdfViewerToolbarProps = DetailedHTMLProps<CxPdfViewerToolbarAttributes, CxPdfViewerToolbar> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type CxPublishPageProps = DetailedHTMLProps<CxPublishPageAttributes, CxPublishPage> & {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 CxTypeSubtypeSelectProps = DetailedHTMLProps<CxTypeSubtypeSelectAttributes, CxTypeSubtypeSelect> & {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 CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {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 CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {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 CxContentBuilderViewerProps = DetailedHTMLProps<CxContentBuilderViewerAttributes, CxContentBuilderViewer> & {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 CxRteCodeBlockToolbarProps = DetailedHTMLProps<CxRteCodeBlockToolbarAttributes, CxRteCodeBlockToolbar> & {class?: string};export type CxRichTextCodeBlockProps = DetailedHTMLProps<CxRichTextCodeBlockAttributes, CxRichTextCodeBlock> & {class?: string};export type CxSpaceSelectorProps = DetailedHTMLProps<CxSpaceSelectorAttributes, CxSpaceSelector> & {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 CxVideoAdvancedProps = DetailedHTMLProps<CxVideoAdvancedAttributes, CxVideoAdvanced> & {class?: string};export type CxXmlEditorProps = DetailedHTMLProps<CxXmlEditorAttributes, CxXmlEditor> & {class?: string};export type CxTemplateManagerProps = DetailedHTMLProps<CxTemplateManagerAttributes, CxTemplateManager> & {class?: string};export type CxChartPlanBuilderProps = DetailedHTMLProps<CxChartPlanBuilderAttributes, CxChartPlanBuilder> & {class?: string};
11526
+ 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 CxBoxProps = DetailedHTMLProps<CxBoxAttributes, CxBox> & {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 CxSpaceProps = DetailedHTMLProps<CxSpaceAttributes, CxSpace> & {class?: string};export type CxOptionProps = DetailedHTMLProps<CxOptionAttributes, CxOption> & {class?: string};export type CxSelectProps = DetailedHTMLProps<CxSelectAttributes, CxSelect> & {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 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 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 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 CxTimecodeProps = DetailedHTMLProps<CxTimecodeAttributes, CxTimecode> & {class?: string};export type CxTreeItemProps = DetailedHTMLProps<CxTreeItemAttributes, CxTreeItem> & {class?: string};export type CxTreeProps = DetailedHTMLProps<CxTreeAttributes, CxTree> & {class?: string};export type CxVideoProps = DetailedHTMLProps<CxVideoAttributes, CxVideo> & {class?: string};export type CxSidebarLayoutProps = DetailedHTMLProps<CxSidebarLayoutAttributes, CxSidebarLayout> & {class?: string};export type Cx3DViewerProps = DetailedHTMLProps<Cx3DViewerAttributes, Cx3DViewer> & {class?: string};export type 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 CxFontPickerProps = DetailedHTMLProps<CxFontPickerAttributes, CxFontPicker> & {class?: string};export type CxGraphViewProps = DetailedHTMLProps<CxGraphViewAttributes, CxGraphView> & {class?: string};export type CxIconPickerProps = DetailedHTMLProps<CxIconPickerAttributes, CxIconPicker> & {class?: string};export type CxMarkdownViewerProps = DetailedHTMLProps<CxMarkdownViewerAttributes, CxMarkdownViewer> & {class?: string};export type CxMasonryProps = DetailedHTMLProps<CxMasonryAttributes, CxMasonry> & {class?: string};export type CxMentionsProps = DetailedHTMLProps<CxMentionsAttributes, CxMentions> & {class?: string};export type CxMultiSelectProps = DetailedHTMLProps<CxMultiSelectAttributes, CxMultiSelect> & {class?: string};export type CxPaddingInputGroupProps = DetailedHTMLProps<CxPaddingInputGroupAttributes, CxPaddingInputGroup> & {class?: string};export type CxPageOutlineProps = DetailedHTMLProps<CxPageOutlineAttributes, CxPageOutline> & {class?: string};export type CxPdfViewerToolbarProps = DetailedHTMLProps<CxPdfViewerToolbarAttributes, CxPdfViewerToolbar> & {class?: string};export type CxPositionPickerProps = DetailedHTMLProps<CxPositionPickerAttributes, CxPositionPicker> & {class?: string};export type CxPublishPageProps = DetailedHTMLProps<CxPublishPageAttributes, CxPublishPage> & {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 CxTypeSubtypeSelectProps = DetailedHTMLProps<CxTypeSubtypeSelectAttributes, CxTypeSubtypeSelect> & {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 CxTableProps = DetailedHTMLProps<CxTableAttributes, CxTable> & {class?: string};export type CxColorSwatchGroupProps = DetailedHTMLProps<CxColorSwatchGroupAttributes, CxColorSwatchGroup> & {class?: string};export type CxCommentV1Props = DetailedHTMLProps<CxCommentV1Attributes, CxCommentV1> & {class?: string};export type CxColumnProps = DetailedHTMLProps<CxColumnAttributes, CxColumn> & {class?: string};export type CxColumnGroupProps = DetailedHTMLProps<CxColumnGroupAttributes, CxColumnGroup> & {class?: string};export type CxFontKitProps = DetailedHTMLProps<CxFontKitAttributes, CxFontKit> & {class?: string};export type CxFontKitAdvancedProps = DetailedHTMLProps<CxFontKitAdvancedAttributes, CxFontKitAdvanced> & {class?: string};export type CxSearchBoxProps = DetailedHTMLProps<CxSearchBoxAttributes, CxSearchBox> & {class?: string};export type CxListEditorProps = DetailedHTMLProps<CxListEditorAttributes, CxListEditor> & {class?: string};export type CxDamCustomToolbarButtonsEditorProps = DetailedHTMLProps<CxDamCustomToolbarButtonsEditorAttributes, CxDamCustomToolbarButtonsEditor> & {class?: string};export type CxLightboxProps = DetailedHTMLProps<CxLightboxAttributes, CxLightbox> & {class?: string};export type CxGalleryProps = DetailedHTMLProps<CxGalleryAttributes, CxGallery> & {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 CxContentBuilderViewerProps = DetailedHTMLProps<CxContentBuilderViewerAttributes, CxContentBuilderViewer> & {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 CxRteCodeBlockToolbarProps = DetailedHTMLProps<CxRteCodeBlockToolbarAttributes, CxRteCodeBlockToolbar> & {class?: string};export type CxRichTextCodeBlockProps = DetailedHTMLProps<CxRichTextCodeBlockAttributes, CxRichTextCodeBlock> & {class?: string};export type CxSpaceSelectorProps = DetailedHTMLProps<CxSpaceSelectorAttributes, CxSpaceSelector> & {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 CxVideoAdvancedProps = DetailedHTMLProps<CxVideoAdvancedAttributes, CxVideoAdvanced> & {class?: string};export type CxXmlEditorProps = DetailedHTMLProps<CxXmlEditorAttributes, CxXmlEditor> & {class?: string};export type CxTemplateManagerProps = DetailedHTMLProps<CxTemplateManagerAttributes, CxTemplateManager> & {class?: string};export type CxChartPlanBuilderProps = DetailedHTMLProps<CxChartPlanBuilderAttributes, CxChartPlanBuilder> & {class?: string};
11173
11527
  declare global {
11174
11528
  namespace JSX {
11175
11529
  interface IntrinsicElements {
11176
- ['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-space']: CxSpaceProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['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-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-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-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['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-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-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-markdown-viewer']: CxMarkdownViewerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-publish-page']: CxPublishPageProps;['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-type-subtype-select']: CxTypeSubtypeSelectProps;['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-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-font-kit']: CxFontKitProps;['cx-list-editor']: CxListEditorProps;['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-content-builder-viewer']: CxContentBuilderViewerProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-space-selector']: CxSpaceSelectorProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-video-advanced']: CxVideoAdvancedProps;['cx-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
11530
+ ['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-box']: CxBoxProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-space']: CxSpaceProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['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-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-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-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['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-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-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-markdown-viewer']: CxMarkdownViewerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-publish-page']: CxPublishPageProps;['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-type-subtype-select']: CxTypeSubtypeSelectProps;['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-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-column']: CxColumnProps;['cx-column-group']: CxColumnGroupProps;['cx-font-kit']: CxFontKitProps;['cx-font-kit-advanced']: CxFontKitAdvancedProps;['cx-search-box']: CxSearchBoxProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-content-builder-viewer']: CxContentBuilderViewerProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-space-selector']: CxSpaceSelectorProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-video-advanced']: CxVideoAdvancedProps;['cx-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
11177
11531
  }
11178
11532
  }
11179
11533
  };
11180
11534
  declare module "react" {
11181
11535
  namespace JSX {
11182
11536
  interface IntrinsicElements {
11183
- ['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-space']: CxSpaceProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['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-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-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-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['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-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-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-markdown-viewer']: CxMarkdownViewerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-publish-page']: CxPublishPageProps;['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-type-subtype-select']: CxTypeSubtypeSelectProps;['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-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-font-kit']: CxFontKitProps;['cx-list-editor']: CxListEditorProps;['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-content-builder-viewer']: CxContentBuilderViewerProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-space-selector']: CxSpaceSelectorProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-video-advanced']: CxVideoAdvancedProps;['cx-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
11537
+ ['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-box']: CxBoxProps;['cx-breadcrumb-item']: CxBreadcrumbItemProps;['cx-breadcrumb']: CxBreadcrumbProps;['cx-button-group']: CxButtonGroupProps;['cx-card']: CxCardProps;['cx-checkbox']: CxCheckboxProps;['cx-space']: CxSpaceProps;['cx-option']: CxOptionProps;['cx-select']: CxSelectProps;['cx-tab']: CxTabProps;['cx-tab-panel']: CxTabPanelProps;['cx-tab-group']: CxTabGroupProps;['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-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-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-timecode']: CxTimecodeProps;['cx-tree-item']: CxTreeItemProps;['cx-tree']: CxTreeProps;['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-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-font-picker']: CxFontPickerProps;['cx-graph-view']: CxGraphViewProps;['cx-icon-picker']: CxIconPickerProps;['cx-markdown-viewer']: CxMarkdownViewerProps;['cx-masonry']: CxMasonryProps;['cx-mentions']: CxMentionsProps;['cx-multi-select']: CxMultiSelectProps;['cx-padding-input-group']: CxPaddingInputGroupProps;['cx-page-outline']: CxPageOutlineProps;['cx-pdf-viewer-toolbar']: CxPdfViewerToolbarProps;['cx-position-picker']: CxPositionPickerProps;['cx-publish-page']: CxPublishPageProps;['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-type-subtype-select']: CxTypeSubtypeSelectProps;['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-table']: CxTableProps;['cx-color-swatch-group']: CxColorSwatchGroupProps;['cx-comment-v1']: CxCommentV1Props;['cx-column']: CxColumnProps;['cx-column-group']: CxColumnGroupProps;['cx-font-kit']: CxFontKitProps;['cx-font-kit-advanced']: CxFontKitAdvancedProps;['cx-search-box']: CxSearchBoxProps;['cx-list-editor']: CxListEditorProps;['cx-dam-custom-toolbar-buttons-editor']: CxDamCustomToolbarButtonsEditorProps;['cx-lightbox']: CxLightboxProps;['cx-gallery']: CxGalleryProps;['cx-text']: CxTextProps;['cx-timeline']: CxTimelineProps;['cx-special-characters-dialog']: CxSpecialCharactersDialogProps;['cx-content-builder']: CxContentBuilderProps;['cx-content-builder-viewer']: CxContentBuilderViewerProps;['cx-dashboard-filter']: CxDashboardFilterProps;['cx-dashboard-table']: CxDashboardTableProps;['cx-downloader']: CxDownloaderProps;['cx-file-on-demand']: CxFileOnDemandProps;['cx-find-and-replace']: CxFindAndReplaceProps;['cx-rte-code-block-toolbar']: CxRteCodeBlockToolbarProps;['cx-rich-text-code-block']: CxRichTextCodeBlockProps;['cx-space-selector']: CxSpaceSelectorProps;['cx-template-switcher']: CxTemplateSwitcherProps;['cx-text-to-speech']: CxTextToSpeechProps;['cx-video-chapters-manager']: CxVideoChaptersManagerProps;['cx-video-editor']: CxVideoEditorProps;['cx-video-advanced']: CxVideoAdvancedProps;['cx-xml-editor']: CxXmlEditorProps;['cx-template-manager']: CxTemplateManagerProps;['cx-chart-plan-builder']: CxChartPlanBuilderProps;
11184
11538
  }
11185
11539
  }
11186
11540
  };