@orangelogic/design-system 2.134.0 → 2.136.0

package/library/packages/molecules/src/folder-select/folder-select.d.ts

@@ -48,14 +48,31 @@ export default class CxFolderSelect extends CortexElement {
     private handleSearchTermInputChange;
     private handleSearchTermSelectChange;
     private handleSelectClear;
+    /**
+     * cx-select's own `value` only reflects our `value` correctly the very
+     * first time it parses the initial `value` attribute. Any
+     * `handleDefaultSlotChange()` call that runs before matching tree-items
+     * exist (e.g. right after mount, before the tree has fetched/preloaded
+     * folders) makes cx-select recompute `selectedOptions` from zero matches
+     * and overwrite its own `value` to `[]` (`selectionChanged` in
+     * select.ts) — permanently losing the original folder ids, since nothing
+     * else ever pushes `value` back into cx-select afterwards. Re-derive
+     * cx-select.value from our own `value` (the real source of truth) before
+     * every `handleDefaultSlotChange()` call so that wipe never sticks.
+     */
+    private syncSelectValue;
     /**
      * cx-select's selectedOptions cache (which drives the tag UI in
      * `multiple` mode) is only recomputed during its own `selectionChanged`
      * flow — that flow doesn't run in our setup because we no-op
      * `selectSetOptionSelected` for multi-select (cx-tree owns selection).
-     * After the tree's selection change propagates through `syncBoxes` and
-     * lands on each tree-item's `.selected`, ask cx-select to re-read its
-     * options so the rendered tag list matches.
+     * Re-read options here so the rendered tag list matches, in response to
+     * either signal cx-folder-select-tree can emit:
+     * - `cx-selected-change`, bubbled from a user toggling a tree-item.
+     * - `cx-folder-select-selection-seeded`, emitted when selection is derived
+     *   from `value` during data loading/preloading — those tree-items never
+     *   emit a real `cx-selected-change` themselves (suppressed on their own
+     *   first update), so this is the only signal for that case.
      */
     private handleTreeSelectedChange;
     selectGetOptionValue(option: HTMLElement): string;

package/library/packages/molecules/src/gallery-item/gallery-item.d.ts

@@ -23,6 +23,7 @@ import { CSSResultGroup } from 'lit';
  * @cssproperty [--content-border-radius=0] - The border radius of the gallery content.
  * @cssproperty [--content-gap=var(--cx-spacing-2x-small)] - The gap of the gallery content.
  * @cssproperty [--content-padding=var(--cx-spacing-x-small)] - The padding of the gallery content.
+ * @cssproperty [--content-row-min-height=auto] - Minimum height of the content area. Set by cx-bento-grid to equalize content height across a row (clamped to the content max-height cap).
  * @cssproperty [--background-color=light-dark(var(--cx-color-neutral-0), var(--cx-color-neutral-0))] - The background color of the gallery item.
  *
  * @cssproperty [--gallery-item-box-shadow=0 4px 8px rgba(0, 0, 0, 0.075)] - The box shadow of the gallery item.
@@ -76,6 +77,10 @@ export default class CxGalleryItem extends HighlightableElement {
      * The image element.
      */
     readonly imageEl?: CxImage;
+    /**
+     * The asset-data-display element that renders item text content.
+     */
+    readonly contentEl?: CxAssetDataDisplay;
     /**
      * The source of the image.
      */

package/library/packages/molecules/src/index.d.ts

@@ -23,11 +23,11 @@ export { default as CxFolderSelect } from './folder-select/folder-select';
 export { default as CxGalleryItem } from './gallery-item/gallery-item';
 export { default as CxGraphView } from './graph-view/graph-view';
 export { default as CxIconPicker } from './icon-picker/icon-picker';
-export { default as CxListEditor } from './list-editor/list-editor';
 export { default as CxMasonry } from './masonry/masonry';
 export { default as CxMentions } from './mentions/mentions';
 export { default as CxPaddingInputGroup } from './padding-input-group/padding-input-group';
 export { default as CxPageOutline } from './page-outline/page-outline';
+export { default as CxPdfViewerToolbar } from './pdf-viewer-toolbar/pdf-viewer-toolbar';
 export { default as CxPositionPicker } from './position-picker/position-picker';
 export { default as CxSearchBox } from './search-box/search-box';
 export { default as CxShadowInputGroup } from './shadow-input-group/shadow-input-group';

package/library/packages/molecules/src/library-index.d.ts

@@ -6,7 +6,6 @@ export { default as CxCornerPositionInputGroup } from './corner-position-input-g
 export { default as CxCropper } from './cropper/cropper';
 export { default as CxDynamicSelect } from './dynamic-select/dynamic-select';
 export { default as CxFolderSelect } from './folder-select/folder-select';
-export { default as CxListEditor } from './list-editor/list-editor';
 export { default as CxMasonry } from './masonry/masonry';
 export { default as CxPaddingInputGroup } from './padding-input-group/padding-input-group';
 export { default as CxPositionPicker } from './position-picker/position-picker';

package/library/packages/molecules/src/pdf-viewer-toolbar/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CxPdfViewerAnnotationDraw } from './pdf-viewer-annotation-draw/pdf-viewer-annotation-draw';
+export { default as CxPdfViewerMoreOptions } from './pdf-viewer-more-options/pdf-viewer-more-options';
+export { default as CxPdfViewerViewOnAsset } from './pdf-viewer-view-on-asset/pdf-viewer-view-on-asset';

package/library/packages/molecules/src/pdf-viewer-toolbar/components/pdf-viewer-annotation-draw/pdf-viewer-annotation-draw.d.ts

@@ -0,0 +1,92 @@
+import { default as CxButton } from '../../../../../atoms/src/components/button/button.ts';
+import { default as CxColorPicker } from '../../../../../atoms/src/components/color-picker/color-picker.ts';
+import { default as CxDivider } from '../../../../../atoms/src/components/divider/divider.ts';
+import { default as CxDropdown } from '../../../../../atoms/src/components/dropdown/dropdown.ts';
+import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
+import { default as CxMenu } from '../../../../../atoms/src/components/menu/menu.ts';
+import { default as CxMenuItem } from '../../../../../atoms/src/components/menu-item/menu-item.ts';
+import { default as CxRange } from '../../../../../atoms/src/components/range/range.ts';
+import { default as CxSpace } from '../../../../../atoms/src/components/space/space.ts';
+import { default as CxTypography } from '../../../../../atoms/src/components/typography/typography.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { PdfViewerAnnotationMode } from '../../../../../types/src/pdf-viewer-toolbar';
+import { CSSResultGroup, TemplateResult } from 'lit';
+
+/**
+ * @summary The "Draw" control of the PDF viewer toolbar: a dropdown to pick a
+ * shape tool (Draw / Square / Circle / Arrow) and tune its parameters (color,
+ * thickness, opacity).
+ *
+ * @event cx-pdf-viewer-annotation-draw-mode-change - Emitted when a shape tool is selected.
+ * @event cx-pdf-viewer-annotation-draw-params-change - Emitted when a draw parameter changes.
+ *
+ * @cssproperty [--cx-draw-panel-min-width=240px] - Minimum width of the draw panel.
+ * @cssproperty [--cx-draw-panel-padding=5px] - Inner padding of the shape menu and params sections.
+ * @cssproperty [--cx-draw-panel-slider-width=45%] - Max width of the thickness/opacity sliders.
+ */
+export default class CxPdfViewerAnnotationDraw extends CortexElement {
+    #private;
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-button': typeof CxButton;
+        'cx-color-picker': typeof CxColorPicker;
+        'cx-divider': typeof CxDivider;
+        'cx-dropdown': typeof CxDropdown;
+        'cx-icon': typeof CxIcon;
+        'cx-menu': typeof CxMenu;
+        'cx-menu-item': typeof CxMenuItem;
+        'cx-range': typeof CxRange;
+        'cx-space': typeof CxSpace;
+        'cx-typography': typeof CxTypography;
+    };
+    private readonly localize;
+    /** The active annotation tool. Drives the highlighted trigger / checked shape. */
+    activeAnnotationMode: PdfViewerAnnotationMode;
+    /** Disables the "Draw" trigger button and prevents its panel from opening. */
+    drawButtonDisabled: boolean;
+    drawColor: string;
+    drawThickness: number;
+    drawOpacity: number;
+    private readonly dropdown?;
+    constructor();
+    /** Whether a draw shape tool (Ink/Square/Circle/Line) is currently active. */
+    private get isDrawActive();
+    /**
+     * The toolbar hosting this control, or null when used stand-alone. Used to
+     * tell a click on another toolbar tool from one on the page/canvas outside it.
+     */
+    private get toolbarHost();
+    runFirstUpdated(): void;
+    runConnectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * While drawing, a press on another toolbar control stops drawing and closes
+     * the palette. Presses inside this control or on the page/canvas are ignored.
+     */
+    private handleDocumentPointerDown;
+    handleActiveModeChange(): void;
+    /**
+     * Sync the dropdown's dismiss boundary to the active tool: widen it to the
+     * whole document while drawing so canvas clicks can't dismiss the palette;
+     * restore the default otherwise so outside clicks and Escape dismiss it.
+     */
+    private syncDismissBoundary;
+    private handleTriggerClick;
+    /**
+     * Switch back to `none`, closing the palette. `#stoppingDraw` stops the cx-hide
+     * handler from re-opening it while `none` round-trips through the parent.
+     */
+    private stopDrawing;
+    private handleDropdownHide;
+    private handleShapeSelect;
+    private handleColorChange;
+    private handleThicknessChange;
+    private handleOpacityChange;
+    private static getShapeOptions;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-pdf-viewer-annotation-draw': CxPdfViewerAnnotationDraw;
+    }
+}

package/library/packages/molecules/src/pdf-viewer-toolbar/components/pdf-viewer-more-options/pdf-viewer-more-options.d.ts

@@ -0,0 +1,43 @@
+import { default as CxDivider } from '../../../../../atoms/src/components/divider/divider.ts';
+import { default as CxDropdown } from '../../../../../atoms/src/components/dropdown/dropdown.ts';
+import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
+import { default as CxIconButton } from '../../../../../atoms/src/components/icon-button/icon-button.ts';
+import { default as CxMenu } from '../../../../../atoms/src/components/menu/menu.ts';
+import { default as CxMenuItem } from '../../../../../atoms/src/components/menu-item/menu-item.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { PdfViewerCursorTool, PdfViewerScrollMode, PdfViewerSpreadMode } from '../../../../../types/src/pdf-viewer-toolbar';
+import { CSSResultGroup, TemplateResult } from 'lit';
+
+/**
+ * @summary The "more options" (`»`) dropdown of the PDF viewer toolbar. Holds the
+ * secondary-toolbar actions (navigation, rotation, cursor / scroll / spread modes,
+ * document properties) as a menu.
+ *
+ * @event cx-pdf-viewer-more-options-select - Emitted when a menu item is selected. `detail.name` is the item's action.
+ */
+export default class CxPdfViewerMoreOptions extends CortexElement {
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-divider': typeof CxDivider;
+        'cx-dropdown': typeof CxDropdown;
+        'cx-icon': typeof CxIcon;
+        'cx-icon-button': typeof CxIconButton;
+        'cx-menu': typeof CxMenu;
+        'cx-menu-item': typeof CxMenuItem;
+    };
+    private readonly localize;
+    /** The active cursor tool. */
+    cursorTool: PdfViewerCursorTool;
+    /** The active scroll mode. */
+    scrollMode: PdfViewerScrollMode;
+    /** The active spread mode. */
+    spreadMode: PdfViewerSpreadMode;
+    private get groups();
+    private handleSelect;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-pdf-viewer-more-options': CxPdfViewerMoreOptions;
+    }
+}

package/library/packages/molecules/src/pdf-viewer-toolbar/components/pdf-viewer-more-options/pdf-viewer-more-options.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/molecules/src/pdf-viewer-toolbar/components/pdf-viewer-view-on-asset/pdf-viewer-view-on-asset.d.ts

@@ -0,0 +1,42 @@
+import { default as CxDropdown } from '../../../../../atoms/src/components/dropdown/dropdown.ts';
+import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
+import { default as CxIconButton } from '../../../../../atoms/src/components/icon-button/icon-button.ts';
+import { default as CxSpace } from '../../../../../atoms/src/components/space/space.ts';
+import { default as CxSwitch } from '../../../../../atoms/src/components/switch/switch.ts';
+import { default as CxTypography } from '../../../../../atoms/src/components/typography/typography.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { CSSResultGroup, TemplateResult } from 'lit';
+
+/**
+ * @summary The "View on asset" control of the PDF viewer toolbar: a dropdown of
+ * layer-visibility toggles (Suggested edits, Anchor comments, Annotations).
+ *
+ * @event cx-pdf-viewer-view-on-asset-toggle - Emitted when a layer switch is toggled.
+ *
+ * @cssproperty [--pdf-viewer-view-on-asset-min-width=240px] - Minimum width of the dropdown panel.
+ */
+export default class CxPdfViewerViewOnAsset extends CortexElement {
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-dropdown': typeof CxDropdown;
+        'cx-icon': typeof CxIcon;
+        'cx-icon-button': typeof CxIconButton;
+        'cx-space': typeof CxSpace;
+        'cx-switch': typeof CxSwitch;
+        'cx-typography': typeof CxTypography;
+    };
+    private readonly localize;
+    /** Whether the "Suggested edits" layer is visible. */
+    showSuggestedEdits: boolean;
+    /** Whether the "Anchor comments" layer is visible. */
+    showAnchorComments: boolean;
+    /** Whether the "Annotations" layer is visible. */
+    showAnnotations: boolean;
+    private handleToggle;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-pdf-viewer-view-on-asset': CxPdfViewerViewOnAsset;
+    }
+}

package/library/packages/molecules/src/pdf-viewer-toolbar/components/pdf-viewer-view-on-asset/pdf-viewer-view-on-asset.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/molecules/src/pdf-viewer-toolbar/pdf-viewer-toolbar.d.ts

@@ -0,0 +1,101 @@
+import { default as CxDivider } from '../../../atoms/src/components/divider/divider.ts';
+import { default as CxIconButton } from '../../../atoms/src/components/icon-button/icon-button.ts';
+import { default as CxInput } from '../../../atoms/src/components/input/input.ts';
+import { default as CxOption } from '../../../atoms/src/components/option/option.ts';
+import { default as CxResizeObserver } from '../../../atoms/src/components/resize-observer/resize-observer.ts';
+import { default as CxSelect } from '../../../atoms/src/components/select/select.ts';
+import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
+import { default as CxTypography } from '../../../atoms/src/components/typography/typography.ts';
+import { default as CortexElement } from '../../../base/src/cortex-element.ts';
+import { PdfViewerAnnotationMode, PdfViewerCursorTool, PdfViewerScaleValue, PdfViewerScrollMode, PdfViewerSpreadMode } from '../../../types/src/pdf-viewer-toolbar';
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { default as CxPdfViewerAnnotationDraw } from './components/pdf-viewer-annotation-draw/pdf-viewer-annotation-draw';
+import { default as CxPdfViewerMoreOptions } from './components/pdf-viewer-more-options/pdf-viewer-more-options';
+import { default as CxPdfViewerViewOnAsset } from './components/pdf-viewer-view-on-asset/pdf-viewer-view-on-asset';
+
+/**
+ * @summary The PDF viewer toolbar. Composes the toolbar controls (left / middle /
+ * right sections) using design-system components and emits events under one public
+ * namespace so the PDF viewer only listens on this single element.
+ *
+ * @event cx-pdf-viewer-toolbar-click - A plain button (or a more-options item) was activated. `detail.name` is the control.
+ * @event cx-pdf-viewer-toolbar-page-change - The page-number input changed. `detail.value` is the new page.
+ * @event cx-pdf-viewer-toolbar-scale-change - The zoom select changed. `detail.value` is the scale.
+ * @event cx-pdf-viewer-toolbar-annotation-mode-change - An annotation tool was toggled. `detail.mode` is the target mode.
+ * @event cx-pdf-viewer-toolbar-annotation-params-change - A draw parameter changed. `detail.param` / `detail.value`.
+ * @event cx-pdf-viewer-toolbar-view-toggle - A "View on asset" layer switch was toggled.
+ *
+ * @cssproperty [--pdf-viewer-toolbar-page-input-width=55px] - Width of the page-number input.
+ * @cssproperty [--pdf-viewer-toolbar-scale-dropdown-width=20ch] - Width of the zoom/scale select.
+ * @cssproperty [--pdf-viewer-toolbar-divider-height=30px] - Height of the vertical dividers.
+ */
+export default class CxPdfViewerToolbar extends CortexElement {
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-divider': typeof CxDivider;
+        'cx-icon-button': typeof CxIconButton;
+        'cx-input': typeof CxInput;
+        'cx-option': typeof CxOption;
+        'cx-pdf-viewer-annotation-draw': typeof CxPdfViewerAnnotationDraw;
+        'cx-pdf-viewer-more-options': typeof CxPdfViewerMoreOptions;
+        'cx-pdf-viewer-view-on-asset': typeof CxPdfViewerViewOnAsset;
+        'cx-resize-observer': typeof CxResizeObserver;
+        'cx-select': typeof CxSelect;
+        'cx-space': typeof CxSpace;
+        'cx-typography': typeof CxTypography;
+    };
+    private readonly localize;
+    private hiddenTools;
+    currentPage: number;
+    totalPages: number;
+    prevDisabled: boolean;
+    nextDisabled: boolean;
+    scaleValue: PdfViewerScaleValue;
+    zoomInDisabled: boolean;
+    zoomOutDisabled: boolean;
+    activeAnnotationMode: PdfViewerAnnotationMode;
+    suggestedEditButtonDisabled: boolean;
+    anchorCommentButtonDisabled: boolean;
+    drawButtonDisabled: boolean;
+    drawColor: string;
+    drawThickness: number;
+    drawOpacity: number;
+    showSuggestedEdits: boolean;
+    showAnchorComments: boolean;
+    showAnnotations: boolean;
+    cursorTool: PdfViewerCursorTool;
+    scrollMode: PdfViewerScrollMode;
+    spreadMode: PdfViewerSpreadMode;
+    readingModeButtonDisabled: boolean;
+    presentationModeButtonDisabled: boolean;
+    loading: boolean;
+    enablePrint: boolean;
+    enableDownload: boolean;
+    enableAnnotation: boolean;
+    enableBookmark: boolean;
+    enablePresentationMode: boolean;
+    enableOpenFile: boolean;
+    handleEnabledControlsChange(): Promise<void>;
+    private handleResize;
+    private updateHiddenTools;
+    private getHiddenToolGroups;
+    private handleButtonClick;
+    private handlePageChange;
+    private handleScaleChange;
+    private handleAnnotationToolClick;
+    private dispatchAnnotationMode;
+    private handleDrawModeChange;
+    private handleDrawParamsChange;
+    private handleViewOnAssetToggle;
+    private handleMoreOptionsSelect;
+    private renderLeft;
+    private static getScaleOptions;
+    private renderMiddle;
+    private renderRight;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-pdf-viewer-toolbar': CxPdfViewerToolbar;
+    }
+}

package/library/packages/molecules/src/pdf-viewer-toolbar/pdf-viewer-toolbar.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/organisms/src/bento-grid/bento-grid.d.ts

@@ -39,6 +39,17 @@ export default class CxBentoGrid extends CortexElement {
     /** Tracks the last emitted range to avoid firing cx-bento-range-change when the range hasn't changed. */
     private _lastEmittedFirst;
     private _lastEmittedLast;
+    /**
+     * Watches this component's own light DOM (where slot="slot-<id>" content —
+     * the real title/details nodes forwarded into each item — physically lives)
+     * for edits. A ResizeObserver alone can't detect content *shrinking*: once a
+     * row is stretched, --content-row-min-height keeps every member's rendered
+     * box at the row's max, so a member whose content later gets smaller never
+     * actually resizes and never notifies. Watching the edit itself (grow or
+     * shrink) at the source sidesteps that blind spot. Ties observe()/disconnect()
+     * to this host's connect/disconnect lifecycle automatically.
+     */
+    private readonly contentMutationController;
     /**
      * References the main container element of the bento grid.
      * This element is used to calculate the grid width and apply
@@ -162,6 +173,11 @@ export default class CxBentoGrid extends CortexElement {
      * Specifies the easing function to use when changing slides.
      */
     easing: Easing;
+    /**
+     * When true, equalizes each item's content height to the tallest content
+     * in the same visual row (clamped to the content max-height cap).
+     */
+    syncRowContentHeight: boolean;
     /** CSS styles applied to the grid container element. */
     private containerStyles;
     /**
@@ -243,7 +259,39 @@ export default class CxBentoGrid extends CortexElement {
     private handleResize;
     /** RAF-gated scroll handler — updates scroll offset and rerenders visible range. */
     private handleScroll;
+    /**
+     * Fires on any edit to an item's content — catches content growing or
+     * shrinking alike, since it reacts to the edit itself rather than to a
+     * resulting box-size change (a member held at a row's stretched height by
+     * --content-row-min-height never resizes when its own content shrinks).
+     */
+    private handleContentMutation;
+    /**
+     * Fires when a content slot's assigned nodes change (a block added, removed,
+     * or reordered inside an item). Starts observing whatever is newly assigned
+     * so future in-place edits to it are caught too, and re-syncs immediately
+     * since the assignment change itself likely already changed content height.
+     */
+    private handleContentSlotChange;
+    /**
+     * Extends contentMutationController's observation to each item's *real*
+     * content node, not just this host's own light DOM. A consumer like
+     * cx-gallery assigns content on itself and re-projects it into this
+     * component through a `<slot>` it renders inside its own shadow DOM — so
+     * the actual node with the title/details text is a light-DOM child of that
+     * outer consumer, not of this component, and observing only `this` never
+     * sees edits to it. assignedElements({flatten: true}) resolves through any
+     * number of such slot-forwarding hops to the real node. observe() is
+     * idempotent — safe to call again on already-observed elements.
+     */
+    private observeItemContentSlots;
     willUpdate(changed: PropertyValues): void;
+    /**
+     * Re-syncs row content heights whenever the layout recomputes (containerStyles
+     * changes on every computeLayout() call, including resize-driven reflows) or
+     * the sync-row-content-height flag itself is toggled.
+     */
+    handleRowContentHeightSync(): Promise<void>;
     /**
      * Get content position based on the size of the item.
      */
@@ -258,6 +306,24 @@ export default class CxBentoGrid extends CortexElement {
     private handleFocus;
     private handleBlur;
     private computeBentoItemEffectStyles;
+    /**
+     * Resolves an element's max-height to an absolute pixel value.
+     * getComputedStyle() can return the literal computed value (e.g. "50%")
+     * instead of the used pixel value when the percentage's containing block
+     * isn't reported as definite — which happens for this nested flex/shadow-DOM
+     * structure — so a percentage is re-resolved against the wrapper's own
+     * (definite, explicitly-set) pixel height instead of trusting the string as px.
+     */
+    private resolveContentMaxHeight;
+    /**
+     * Equalizes the content block height of every gallery item in the same
+     * visual row to that row's tallest content, clamped to each item's
+     * max-height cap. Grouped by data-row and wrapper height (so multi-row-span
+     * cards never inflate a single-row card past its own cap). Runs only when
+     * syncRowContentHeight is on.
+     */
+    private syncRowContentHeights;
+    private clearContentRowMinHeights;
     renderGalleryItem(galleryItem: {
         actualIndex: number;
         index: number;

package/library/packages/organisms/src/color-swatch-group/color-swatch-group.constants.d.ts

@@ -1,4 +1,4 @@
-import { CellComponent } from '../../../atoms/src/components/table/table.ts';
+import { CellComponent } from '../../../hybrid/table-core/src/index.ts';
 import { LocalizeController } from '../../../utils/src/custom-element/i18n';
 
 export declare const MIN_WIDTH_GRID_ITEM = 165;

package/library/packages/organisms/src/color-swatch-group/color-swatch-group.d.ts

@@ -1,8 +1,8 @@
 import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
-import { default as CxTable } from '../../../atoms/src/components/table/table.ts';
 import { default as CxTypography } from '../../../atoms/src/components/typography/typography.ts';
 import { default as CortexElement } from '../../../base/src/cortex-element.ts';
 import { default as CxColorSwatch } from '../../../molecules/src/color-swatch/color-swatch.ts';
+import { default as CxTable } from '../../../hybrid/table-core/src/index.ts';
 import { ColorSwatchData } from '../../../types/src/color-swatch';
 import { CxColorSwatchGroupVariant } from '../../../types/src/color-swatch-group';
 import { CSSResultGroup } from 'lit';

package/library/packages/organisms/src/content-builder/components/color-swatch-picker/color-swatch-picker.constants.d.ts

@@ -1,4 +1,4 @@
-import { CellComponent } from '../../../../../atoms/src/components/table/table.ts';
+import { CellComponent } from '../../../../../hybrid/table-core/src/index.ts';
 import { LocalizeController } from '../../../../../utils/src/custom-element/i18n';
 
 export type PantoneColorData = {

package/library/packages/organisms/src/content-builder/components/color-swatch-picker/color-swatch-picker.d.ts

@@ -9,9 +9,9 @@ import { default as CxOption } from '../../../../../atoms/src/components/option/
 import { default as CxSelect } from '../../../../../atoms/src/components/select/select.ts';
 import { default as CxSpace } from '../../../../../atoms/src/components/space/space.ts';
 import { default as CxSpinner } from '../../../../../atoms/src/components/spinner/spinner.ts';
-import { default as CxTable } from '../../../../../atoms/src/components/table/table.ts';
 import { default as CxTypography } from '../../../../../atoms/src/components/typography/typography.ts';
 import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { default as CxTable } from '../../../../../hybrid/table-core/src/index.ts';
 import { ColorSwatchData } from '../../../../../types/src/color-swatch';
 
 export type CxContentBuilderColorSwatchSelectEvent = CustomEvent<ColorSwatchData | ColorSwatchData[]>;

package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts

@@ -21,6 +21,7 @@ export declare class ConfigFormController implements ReactiveController {
     private handleAttributeChange;
     private handlePropertyChange;
     private handleConfigChange;
+    private renderInfoText;
     private renderControl;
     private renderBasicControl;
     renderBasicControls(configs: PropertyConfig[], parent?: PropertyConfig, tab?: TabType): TemplateResult<1>;

package/library/packages/organisms/src/content-builder/components/config-form/config-form.d.ts

@@ -36,7 +36,6 @@ import { default as CxConfirmPopover } from '../../../../../molecules/src/confir
 import { default as CxCornerPositionInputGroup } from '../../../../../molecules/src/corner-position-input-group/corner-position-input-group.ts';
 import { default as CxDownloadFormatPicker } from '../../../../../molecules/src/download-format-picker/download-format-picker.ts';
 import { default as CxDynamicSelect } from '../../../../../molecules/src/dynamic-select/dynamic-select.ts';
-import { default as CxListEditor } from '../../../../../molecules/src/list-editor/list-editor.ts';
 import { default as CxPaddingInputGroup } from '../../../../../molecules/src/padding-input-group/padding-input-group.ts';
 import { default as CxPositionPicker } from '../../../../../molecules/src/position-picker/position-picker.ts';
 import { default as CxShadowInputGroup } from '../../../../../molecules/src/shadow-input-group/shadow-input-group.ts';
@@ -46,6 +45,7 @@ import { AssetFormatValue } from '../../../../../types/src/asset-format-picker';
 import { Asset, AssetTypeString, EditorMode, PropertyConfig } from '../../../../../types/src/content-builder';
 import { StyleProps } from 'grapesjs';
 import { default as CxDamCustomToolbarButtonsEditor } from '../../../dam-custom-toolbar-buttons-editor/dam-custom-toolbar-buttons-editor';
+import { default as CxListEditor } from '../../../list-editor/list-editor';
 import { CxColorSwatchPicker } from '../color-swatch-picker';
 import { CxFolderPicker } from '../folder-picker';
 import { default as CxGalleryPicker } from '../gallery-picker/gallery-picker';
@@ -282,12 +282,6 @@ export default class CxConfigForm extends CortexElement {
     dialogTitle: string;
     skipShowCheck: boolean;
     enableAssetFormatControls: boolean;
-    /**
-     * The currently selected tab in the configuration manager.
-     * This is used to switch between different tabs in the configuration manager.
-     * @default ''
-     */
-    tab: string;
     /**
      * Whether the user is currently editing the template settings.
      * This is used to determine if the user is editing the template name and description.
@@ -329,7 +323,6 @@ export default class CxConfigForm extends CortexElement {
      * @return {Record<string, string>} A record mapping trait IDs to tab names.
      */
     get tabMap(): Record<string, TabType>;
-    handleTabMapChange(): Promise<void>;
     handleSupportedLanguagesChange(): Promise<void>;
     private handleClose;
     private handleAfterShow;
@@ -343,7 +336,7 @@ export default class CxConfigForm extends CortexElement {
     private handleAssetRequestStatus;
     private handleFormSubmit;
     show(): void;
-    hide(): void;
+    hide(): Promise<void>;
     private renderTemplateForm;
     render(): import('lit').TemplateResult<1>;
 }

package/library/packages/organisms/src/content-builder/configs/dam-view.d.ts

@@ -4,8 +4,6 @@ import { default as CxSbDamView } from '../blocks/dam-view/dam-view';
 
 type Attribute = {
     'allow-asset-selection': CxSbDamView['allowAssetSelection'];
-    'always-show-favorite-folder': CxSbDamView['alwaysShowFavoriteFolder'];
-    'always-show-personal-folder': CxSbDamView['alwaysShowPersonalFolder'];
     'apply-border-radius-to-panels': CxSbDamView['applyBorderRadiusToPanels'];
     'asset-statuses': CxSbDamView['assetStatuses'];
     'asset-types': CxSbDamView['assetTypes'];
@@ -19,7 +17,6 @@ type Attribute = {
     'default-view': CxSbDamView['defaultView'];
     'deploy-stacks': CxSbDamView['deployStacks'];
     'enable-asset-actions': CxSbDamView['enableAssetActions'];
-    'enable-right-click-menu': CxSbDamView['enableRightClickMenu'];
     'expanded-folders': CxSbDamView['expandedFolders'];
     'filter-button-action': CxSbDamView['filterButtonAction'];
     'folder-hierarchy': CxSbDamView['folderHierarchy'];
@@ -49,14 +46,11 @@ type Attribute = {
     'show-all-assets': CxSbDamView['showAllAssets'];
     'show-bottom-pagination': CxSbDamView['showBottomPagination'];
     'show-breadcrumbs': CxSbDamView['showBreadcrumbs'];
-    'show-group-by': CxSbDamView['showGroupBy'];
     'show-left-panel': CxSbDamView['showLeftPanel'];
-    'show-page-title': CxSbDamView['showPageTitle'];
     'show-right-panel': CxSbDamView['showRightPanel'];
     'show-search-box': CxSbDamView['showSearchBox'];
-    'show-sort-dropdown': CxSbDamView['showSortDropdown'];
     'show-top-pagination': CxSbDamView['showTopPagination'];
-    'show-view-switcher': CxSbDamView['showViewSwitcher'];
+    'show-view-and-sort': CxSbDamView['showViewAndSort'];
 };
 declare const _default: {
     configs: (localize: LocalizeController) => Array<PropertyConfig<Attribute>>;