@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.
- package/library/chunks/{_baseXor.DixEm6JQ.js → _baseXor.BCxbgizO.js} +2 -2
- package/library/chunks/{asset-link-format.CVwjA_yf.js → asset-link-format.C5Ue4EGP.js} +37 -36
- package/library/chunks/{button.D1YIxtv-.js → button.DbAUlIXG.js} +3 -3
- package/library/chunks/button.styles.D3GdfF7I.js +5 -0
- package/library/chunks/{color-swatch-group.BPXiMxjh.js → color-swatch-group.B10yWbVM.js} +3279 -2903
- package/library/chunks/color.CIHdfM_a.js +187 -0
- package/library/chunks/{confirm-popover.CJXyEa5A.js → confirm-popover.Cd4HM5-B.js} +4 -4
- package/library/chunks/content-builder.CBBdfVOl.js +55 -0
- package/library/chunks/{dialog.BbQ4Du0M.js → dialog.CXphbq8N.js} +2 -2
- package/library/chunks/{document-viewer.DtBW-p7z.js → document-viewer.B_ESlazf.js} +10 -9
- package/library/chunks/{dom.DL-cNKsj.js → dom.D0lSUoEI.js} +1 -1
- package/library/chunks/{dot-pagination.CJRAtM51.js → dot-pagination.CzT-MZmt.js} +1 -1
- package/library/chunks/{folder-select.BAPsI-gg.js → folder-select.BWeanVkA.js} +5 -5
- package/library/chunks/form-control.styles.CHC7Q08Q.js +5 -0
- package/library/chunks/{form.DN2v7-DH.js → form.LpappO1d.js} +1 -1
- package/library/chunks/{header.BioJzPlg.js → header.Dy57RuQW.js} +132 -90
- package/library/chunks/{i18n.rtxrs1c1.js → i18n.Q5_2aVLU.js} +93 -12
- package/library/chunks/{icon-button.CbUddcgI.js → icon-button.BjAbCuH8.js} +1 -1
- package/library/chunks/{iframe.y7iCAVZP.js → iframe.CdktjPCB.js} +1 -1
- package/library/chunks/{image.A2hE1WoV.js → image.CCo__54F.js} +322 -222
- package/library/chunks/index.DiZGZkHv.js +1126 -0
- package/library/chunks/{input.D1FFprPl.js → input.ftEf4GS6.js} +3 -3
- package/library/chunks/{markdown.Dd_GFJK8.js → markdown.RljldBNb.js} +3 -3
- package/library/chunks/{menu-item.CbqZ66to.js → menu-item.BNs1Ji48.js} +1 -1
- package/library/chunks/{option.CkhHTlpl.js → option.C8IEnv5Q.js} +1 -1
- package/library/chunks/{pagination.BlQRt932.js → pagination.Bke9vgl4.js} +6 -6
- package/library/chunks/{position-picker.DjnhxIKF.js → position-picker.qkbJlboF.js} +12 -0
- package/library/chunks/responsive.BmBJSzC4.js +17 -0
- package/library/chunks/{string.Demn8Xmk.js → string.CfI2ejyR.js} +3 -3
- package/library/chunks/{tab-group.CQfcMVEw.js → tab-group.DZ32f41G.js} +312 -310
- package/library/chunks/toast.D3AW3RWv.js +94 -0
- package/library/chunks/transformation.Dm-pK2ft.js +352 -0
- package/library/chunks/{tree.B7IKBX3n.js → tree.Umn7TAkc.js} +1 -1
- package/library/chunks/{types.MwUT4xFk.js → types.BW36Gr9c.js} +77051 -54471
- package/library/chunks/typography.BLYdTF0n.js +102 -0
- package/library/components/alert.js +2 -2
- package/library/components/asset-link-format.js +6 -6
- package/library/components/atoms.js +161 -159
- package/library/components/audio.js +3 -3
- package/library/components/bicolor-picker.js +2 -2
- package/library/components/border-input-group.js +2 -2
- package/library/components/box.d.ts +3 -0
- package/library/components/box.js +22 -0
- package/library/components/breadcrumb.js +1 -1
- package/library/components/button.js +4 -4
- package/library/components/card.js +7 -7
- package/library/components/checkbox.js +2 -2
- package/library/components/color-picker.js +36 -32
- package/library/components/color-swatch-group.js +8 -7
- package/library/components/color-swatch.js +246 -22
- package/library/components/confirm-popover.js +5 -5
- package/library/components/copy-button.js +2 -2
- package/library/components/corner-position-input-group.js +3 -3
- package/library/components/date-calendar.js +1 -1
- package/library/components/details.js +19 -19
- package/library/components/dialog.js +3 -3
- package/library/components/diff.js +1 -1
- package/library/components/document-viewer.js +4 -4
- package/library/components/dot-pagination.js +2 -2
- package/library/components/drawer.js +2 -2
- package/library/components/dropdown.js +2 -2
- package/library/components/dynamic-select.js +95 -92
- package/library/components/e-chart.js +1 -1
- package/library/components/element-clamp.js +2 -2
- package/library/components/file-on-demand.js +12 -12
- package/library/components/folder-select.js +5 -5
- package/library/components/format-bytes.js +1 -1
- package/library/components/format-date.js +1 -1
- package/library/components/format-number.js +1 -1
- package/library/components/format-time.js +1 -1
- package/library/components/header.js +6 -3
- package/library/components/icon-button.js +2 -2
- package/library/components/iframe.js +2 -2
- package/library/components/image-comparer.js +1 -1
- package/library/components/image.js +4 -3
- package/library/components/input-group.js +1 -1
- package/library/components/input.js +4 -4
- package/library/components/line-clamp.js +1 -1
- package/library/components/markdown.js +4 -4
- package/library/components/masonry.js +70 -56
- package/library/components/menu-item.js +2 -2
- package/library/components/menu.js +2 -2
- package/library/components/molecules.js +4 -4
- package/library/components/mutation-observer.js +25 -23
- package/library/components/option.js +2 -2
- package/library/components/organisms.js +2 -2
- package/library/components/padding-input-group.js +1 -1
- package/library/components/pagination.js +7 -7
- package/library/components/popup.js +1 -1
- package/library/components/position-picker.js +2 -2
- package/library/components/progress-bar.js +1 -1
- package/library/components/progress-ring.js +1 -1
- package/library/components/radio-button.js +1 -1
- package/library/components/radio-card.js +1 -1
- package/library/components/radio-group.js +2 -2
- package/library/components/range.js +3 -3
- package/library/components/rating.js +1 -1
- package/library/components/relative-time.js +1 -1
- package/library/components/select.js +5 -5
- package/library/components/shadow-input-group.js +1 -1
- package/library/components/share-option-list.js +3 -3
- package/library/components/sidebar.js +1 -1
- package/library/components/size-input-group.js +3 -3
- package/library/components/spinner.js +1 -1
- package/library/components/split-panel.js +1 -1
- package/library/components/switch.js +2 -2
- package/library/components/tab-group.js +6 -6
- package/library/components/tab-panel.js +1 -1
- package/library/components/tab.js +16 -16
- package/library/components/tag.js +2 -2
- package/library/components/textarea.js +2 -2
- package/library/components/timecode.js +2 -2
- package/library/components/tooltip.js +1 -1
- package/library/components/tree-item.js +2 -2
- package/library/components/tree.js +2 -2
- package/library/components/typeface.js +3 -3
- package/library/components/types.js +496 -487
- package/library/components/typography.js +3 -2
- package/library/components/video.js +4231 -4210
- package/library/css/ol-base.css +1 -0
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/box/box.d.ts +26 -0
- package/library/packages/atoms/src/components/box/box.styles.d.ts +7 -0
- package/library/packages/atoms/src/components/button/button.d.ts +4 -0
- package/library/packages/atoms/src/components/card/card.d.ts +1 -0
- package/library/packages/atoms/src/components/color-picker/color-picker.d.ts +11 -0
- package/library/packages/atoms/src/components/copy-button/copy-button.d.ts +1 -0
- package/library/packages/atoms/src/components/details/details.d.ts +6 -1
- package/library/packages/atoms/src/components/header/header.d.ts +38 -2
- package/library/packages/atoms/src/components/image/image.d.ts +14 -0
- package/library/packages/atoms/src/components/mutation-observer/mutation-observer.d.ts +1 -1
- package/library/packages/atoms/src/components/radio-card/radio-card.d.ts +1 -0
- package/library/packages/atoms/src/components/tab/tab.d.ts +17 -0
- package/library/packages/atoms/src/components/typography/typography.d.ts +31 -0
- package/library/packages/atoms/src/components/video/video.d.ts +18 -0
- package/library/packages/atoms/src/index.d.ts +1 -0
- package/library/packages/events/src/cx-color-swatch-picker-columns-change.d.ts +15 -0
- package/library/packages/events/src/events.d.ts +1 -0
- package/library/packages/hybrid/table-core/src/table/table.d.ts +10 -1
- package/library/packages/molecules/src/color-swatch/color-swatch.d.ts +35 -1
- package/library/packages/molecules/src/data-tab-group/data-tab-group.d.ts +30 -1
- package/library/packages/molecules/src/details-group/details-group.d.ts +105 -3
- package/library/packages/molecules/src/dynamic-select/dynamic-select.d.ts +5 -0
- package/library/packages/molecules/src/font-picker/font-picker.d.ts +3 -0
- package/library/packages/molecules/src/gallery-item/gallery-item.d.ts +10 -0
- package/library/packages/molecules/src/index.d.ts +0 -1
- package/library/packages/molecules/src/masonry/masonry.d.ts +5 -0
- package/library/packages/organisms/src/color-swatch-group/color-swatch-group.constants.d.ts +37 -45
- package/library/packages/organisms/src/color-swatch-group/color-swatch-group.d.ts +210 -10
- package/library/packages/organisms/src/content-builder/blocks/font-kit-advanced/font-kit-advanced.utils.d.ts +85 -0
- package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +22 -6
- package/library/packages/organisms/src/content-builder/components/block-picker/block-picker.d.ts +24 -8
- package/library/packages/organisms/src/content-builder/components/color-swatch-picker/color-swatch-picker.d.ts +70 -1
- package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts +1 -22
- package/library/packages/organisms/src/content-builder/components/config-manager/config-manager.d.ts +7 -0
- package/library/packages/organisms/src/content-builder/components/gallery-config/gallery-config.d.ts +6 -0
- package/library/packages/organisms/src/content-builder/components/gallery-picker/gallery-picker.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/accordion.d.ts +7 -0
- package/library/packages/organisms/src/content-builder/configs/audio.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/button.d.ts +2 -1
- package/library/packages/organisms/src/content-builder/configs/carousel.d.ts +11 -1
- package/library/packages/organisms/src/content-builder/configs/color-swatches.d.ts +19 -1
- package/library/packages/organisms/src/content-builder/configs/column-group.d.ts +11 -2
- package/library/packages/organisms/src/content-builder/configs/column.d.ts +13 -3
- package/library/packages/organisms/src/content-builder/configs/dam-view.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/divider.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/document-viewer.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/font-kit-advanced.d.ts +19 -0
- package/library/packages/organisms/src/content-builder/configs/font-kit.d.ts +2 -0
- package/library/packages/organisms/src/content-builder/configs/gallery.d.ts +15 -1
- package/library/packages/organisms/src/content-builder/configs/header.d.ts +2 -0
- package/library/packages/organisms/src/content-builder/configs/image.d.ts +2 -0
- package/library/packages/organisms/src/content-builder/configs/index.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/search-box.d.ts +5 -1
- package/library/packages/organisms/src/content-builder/configs/tab-group.d.ts +7 -4
- package/library/packages/organisms/src/content-builder/configs/timeline.d.ts +1 -0
- package/library/packages/organisms/src/content-builder/configs/video.d.ts +3 -0
- package/library/packages/organisms/src/content-builder/configs-controller.d.ts +155 -13
- package/library/packages/organisms/src/content-builder/content-builder-config.d.ts +60 -0
- package/library/packages/organisms/src/content-builder/content-builder-constants.d.ts +27 -0
- package/library/packages/organisms/src/content-builder/content-builder.d.ts +122 -2
- package/library/packages/organisms/src/content-builder/content-builder.sections.utils.d.ts +78 -0
- package/library/packages/organisms/src/content-builder/content-builder.utils.d.ts +33 -2
- package/library/packages/organisms/src/content-builder/plugins/font-kit-advanced.d.ts +5 -0
- package/library/packages/organisms/src/content-builder/plugins/gallery.d.ts +6 -0
- package/library/packages/organisms/src/content-builder/plugins/header.d.ts +7 -1
- package/library/packages/organisms/src/content-builder/plugins/index.d.ts +2 -1
- package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/components/rte-bubble-menu/rte-bubble-menu.d.ts +21 -1
- package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/extensions/index.d.ts +2 -0
- package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/rte-configs.d.ts +14 -0
- package/library/packages/organisms/src/content-builder/plugins/sections/section-fragment-component.d.ts +22 -0
- package/library/packages/organisms/src/content-builder/plugins/sections/section-host-mounting.d.ts +15 -0
- package/library/packages/organisms/src/content-builder/plugins/sections/sections-canvas-patches.d.ts +20 -0
- package/library/packages/organisms/src/content-builder/plugins/sections/sections-plugin.d.ts +7 -0
- package/library/packages/organisms/src/content-builder/plugins/toolbar.d.ts +10 -1
- package/library/packages/organisms/src/content-builder/plugins/utils/block-width.d.ts +20 -0
- package/library/packages/organisms/src/content-builder/styleController.d.ts +9 -5
- package/library/packages/organisms/src/content-builder-viewer/content-builder-viewer.d.ts +1 -0
- package/library/packages/organisms/src/form/control-renderer/control-renderer.d.ts +170 -0
- package/library/packages/organisms/src/form/control-renderer/control-renderer.styles.d.ts +9 -0
- package/library/packages/organisms/src/list-editor/list-editor.d.ts +181 -6
- package/library/packages/tools/src/tiptap/extensions/metafield/index.d.ts +12 -0
- package/library/packages/tools/src/tiptap/utils/md/schema.d.ts +1 -1
- package/library/packages/types/src/asset-link-format.d.ts +0 -1
- package/library/packages/types/src/button.d.ts +1 -1
- package/library/packages/types/src/color-swatch-group.d.ts +56 -0
- package/library/packages/types/src/color-swatch.d.ts +22 -0
- package/library/packages/types/src/column.d.ts +13 -0
- package/library/packages/types/src/content-builder.d.ts +69 -4
- package/library/packages/types/src/details-group.d.ts +80 -0
- package/library/packages/types/src/font-kit-advanced.d.ts +28 -0
- package/library/packages/types/src/font-kit.d.ts +19 -0
- package/library/packages/types/src/font-picker.d.ts +2 -0
- package/library/packages/types/src/gallery-item.d.ts +3 -1
- package/library/packages/types/src/gallery.d.ts +2 -1
- package/library/packages/types/src/index.d.ts +1 -0
- package/library/packages/types/src/masonry.d.ts +1 -0
- package/library/packages/types/src/position-picker.d.ts +6 -0
- package/library/packages/types/src/sb-button.d.ts +7 -0
- package/library/packages/types/src/search-box.d.ts +4 -0
- package/library/packages/utils/src/color/color.d.ts +27 -3
- package/library/packages/utils/src/custom-element/i18n.d.ts +85 -0
- package/library/packages/utils/src/font/font.d.ts +12 -0
- package/library/packages/utils/src/transformation/transformation.d.ts +11 -3
- package/library/react-web-component.d.ts +510 -156
- package/library/utils.js +415 -395
- package/package.json +1 -1
- package/library/chunks/button.styles.BWgHrfLD.js +0 -5
- package/library/chunks/color-swatch.DdsUysbF.js +0 -223
- package/library/chunks/color.LzSGBy7o.js +0 -164
- package/library/chunks/form-control.styles.CaGWmeAS.js +0 -5
- package/library/chunks/index.BO_sT6SH.js +0 -20123
- package/library/chunks/toast.BOkYwUIj.js +0 -109
- package/library/chunks/transformation.B8m0Nbao.js +0 -384
- package/library/chunks/typography.T72DuoCa.js +0 -52
- package/library/packages/molecules/src/search-box/search-box.d.ts +0 -114
- package/library/packages/organisms/src/content-builder/plugins/wrapper-container.d.ts +0 -15
- /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,
|
|
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
|
|
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;
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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?: '
|
|
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-
|
|
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-
|
|
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
|
};
|