@orangelogic/design-system 2.142.0 → 2.144.0

package/library/packages/molecules/src/multi-select/components/board/board.d.ts

@@ -7,18 +7,6 @@ import { BoardItem } from '../../../../../types/src/board';
 import { default as Sortable } from 'sortablejs';
 import { default as CxBoardListItem } from '../board-list-item/board-list-item';
 
-export type CxBoardChangeEvent = CustomEvent<Record<PropertyKey, unknown>>;
-export type CxBoardSelectedChangeEvent = CustomEvent<Record<PropertyKey, unknown>>;
-export type CxBoardItemAddedEvent = CustomEvent<Record<PropertyKey, unknown>>;
-export type CxBoardItemRemovedEvent = CustomEvent<Record<PropertyKey, unknown>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'cx-board-change': CxBoardChangeEvent;
-        'cx-board-item-added': CxBoardItemAddedEvent;
-        'cx-board-item-removed': CxBoardItemRemovedEvent;
-        'cx-board-selected-change': CxBoardSelectedChangeEvent;
-    }
-}
 /**
  * @summary Board is a list of items that can be reordered by dragging and dropping them.
  *
@@ -80,12 +68,17 @@ export default class CxBoard extends CortexElement {
     get selectedCount(): number;
     get isAllSelected(): boolean;
     get isPartiallySelected(): boolean;
+    /**
+     * Rows counted toward "select all" (excludes synthetic group headers, disabled, and
+     * ignored-type items). `ignoreTypes` only gates this bulk select-all set — an ignored-type
+     * item can still be selected individually via click, keyboard, or shift-range.
+     */
+    get selectableItems(): BoardItem[];
     constructor();
     private resetSelectedItems;
     /** Handles the update of items in the board. */
     private handleUpdateEvent;
     private handleSelectedChange;
-    private handleItemConfigure;
     private handleListScroll;
     private handleSearchChange;
     private handleSearchClear;
@@ -98,12 +91,44 @@ export default class CxBoard extends CortexElement {
     handleDefaultSelect(item: CxBoardListItem): void;
     handleShiftSelect(item: CxBoardListItem): void;
     handleSelect(evt: MouseEvent): void;
+    /**
+     * Whether a row is a real, individually-selectable item (not a synthetic group header, not
+     * disabled). Deliberately excludes the `ignoreTypes` check — an ignored type only opts an
+     * item out of the "select all" bulk set (see `selectableItems`), not out of individual
+     * click/keyboard/shift selection.
+     */
+    private isSelectableItem;
+    /**
+     * Selects only `boardItem`, deselecting all others (or deselects everything if it was already
+     * the sole selection) — the same single-item selection behavior as a plain (non-modifier,
+     * non-checkbox) click, reused by the row's `Enter`/`Space` keyboard handler.
+     */
+    private selectSingleItem;
+    private handleItemKeydown;
     handleStart(evt: Sortable.SortableEvent): void;
     handleUpdate(evt: Sortable.SortableEvent): void;
+    /**
+     * Keeps disabled (`readonly`) rows fixed relative to each other when other rows are reordered.
+     * `readonly` on `draggable` only stops a disabled row from being dragged itself — Sortable can
+     * still drop an enabled row before/between disabled rows, which would indirectly move the
+     * disabled item and break the not-movable contract (and the frozen-column prefix). Only allow a
+     * drop next to a readonly row when it lands immediately after the last readonly row in a
+     * contiguous readonly block; reject every other position touching a readonly row.
+     */
+    handleMove(evt: Sortable.MoveEvent): boolean | undefined;
     deselectAll(force?: boolean): void;
     selectAll(): void;
     handleSelectAll(): void;
-    onAllChanged(): void;
+    private handleSelectAllKeydown;
+    /** Index in `this.items` immediately after the last real (non-header) visible row. */
+    private indexAfterLastVisibleRealItem;
+    /**
+     * Maps a drop position expressed as an index into the (filtered/grouped) visible list to an
+     * insertion index within the full `this.items` array. Group headers are skipped forward to the
+     * nearest real item; a drop at or past the end resolves to immediately after the last visible
+     * real item.
+     */
+    private resolveRealInsertIndex;
     private initSortable;
     /** Initializes the sortable functionality for the list element. */
     runFirstUpdated(): void;

package/library/packages/molecules/src/multi-select/components/board-list-item/board-list-item.d.ts

@@ -5,16 +5,6 @@ import { default as CxTooltip } from '../../../../../atoms/src/components/toolti
 import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
 import { TemplateResult } from 'lit';
 
-export type CxMultiSelectConfigureEvent = CustomEvent<Record<PropertyKey, string>>;
-export type CxBoardItemLabelClickEvent = CustomEvent<Record<PropertyKey, string>>;
-export type CxBoardItemCheckboxClickEvent = CustomEvent<Record<PropertyKey, string>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'cx-board-item-checkbox-click': CxBoardItemCheckboxClickEvent;
-        'cx-board-item-label-click': CxBoardItemLabelClickEvent;
-        'cx-multi-select-configure': CxMultiSelectConfigureEvent;
-    }
-}
 export default class CxBoardListItem extends CortexElement {
     static readonly styles: import('lit').CSSResult[];
     static readonly dependencies: {
@@ -23,6 +13,7 @@ export default class CxBoardListItem extends CortexElement {
         'cx-line-clamp': typeof CxLineClamp;
         'cx-tooltip': typeof CxTooltip;
     };
+    private readonly localize;
     configButton: CxIconButton;
     textElement: HTMLElement;
     tooltipElement: CxTooltip;

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

@@ -2,20 +2,14 @@ import { default as CxIconButton } from '../../../atoms/src/components/icon-butt
 import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
 import { default as CortexElement } from '../../../base/src/cortex-element.ts';
 import { ColumnData } from '../../../types/src/multi-select';
-import { TemplateResult } from 'lit';
+import { PropertyValues, TemplateResult } from 'lit';
 import { default as CxBoard } from './components/board/board';
 
-export type CxMultiSelectChangeEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'cx-multi-select-change': CxMultiSelectChangeEvent;
-    }
-}
 /**
  * @summary Multi-select allows the user to select multiple items from a list. The items can be moved between two columns. The user can move items between the columns by dragging and dropping them.
  * @element cx-multi-select
  *
- * @event {{ items: BoardItem[], name: string }} cx-multi-select-change - Emitted when the list items change.
+ * @event {{ id: string; items: BoardItem[] }} cx-multi-select-change - Emitted when the list items change.
  *
  * @typedef BoardItem - {
  *   group: string;
@@ -51,6 +45,9 @@ export default class CxMultiSelect extends CortexElement {
     private itemMap;
     selectedItems: Record<string, string[]>;
     private initialSecondColumnItems;
+    private hasCapturedSecondColumnBaseline;
+    private board1Data;
+    private board2Data;
     get firstColumnItemIds(): string[];
     get secondColumnItemIds(): string[];
     /**
@@ -69,17 +66,12 @@ export default class CxMultiSelect extends CortexElement {
     private handleMoveItems;
     private handleMoveItemsRight;
     private handleMoveItemsLeft;
-    onDataChange(): void;
-    runFirstUpdated(): void;
-    private moveSelectedItemRight;
-    private moveSelectedItemLeft;
+    onSecondColumnDataChange(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'cx-multi-select': CxMultiSelect;
     }
-    interface GlobalEventHandlersEventMap {
-        'cx-multi-select-change': CxMultiSelectChangeEvent;
-    }
 }

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

@@ -8,6 +8,8 @@ export declare class ConfigFormController implements ReactiveController {
     private readonly localize;
     private apiSearchAssets;
     private readonly pendingGalleryPickerSaves;
+    private readonly fontFamiliesCache;
+    private readonly pendingFontFamilyFetches;
     constructor(host: ReactiveControllerHost & CxConfigForm);
     hostConnected(): void;
     /**

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

@@ -27,7 +27,7 @@ import { default as CxTooltip } from '../../../../../atoms/src/components/toolti
 import { default as CxTypography } from '../../../../../atoms/src/components/typography/typography.ts';
 import { default as CxVisuallyHidden } from '../../../../../atoms/src/components/visually-hidden/visually-hidden.ts';
 import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
-import { CxIconPicker } from '../../../../../molecules/src/index.ts';
+import { CxFontPicker, CxIconPicker } from '../../../../../molecules/src/index.ts';
 import { default as CxAssetFormatPicker } from '../../../../../molecules/src/asset-format-picker/asset-format-picker.ts';
 import { default as CxAssetPicker } from '../../../../../molecules/src/asset-picker/asset-picker.ts';
 import { default as CxBicolorPicker } from '../../../../../molecules/src/bicolor-picker/bicolor-picker.ts';
@@ -97,6 +97,7 @@ export default class CxConfigForm extends CortexElement {
         'cx-dropdown': typeof CxDropdown;
         'cx-dynamic-select': typeof CxDynamicSelect;
         'cx-folder-picker': typeof CxFolderPicker;
+        'cx-font-picker': typeof CxFontPicker;
         'cx-gallery-picker': typeof CxGalleryPicker;
         'cx-grid': typeof CxGrid;
         'cx-grid-item': typeof CxGridItem;

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

@@ -61,6 +61,11 @@ export default class CxConfigManager extends CortexElement {
      * @default false
      */
     enableAssetFormatControls: boolean;
+    /**
+     * Exposes the font family / style / weight pickers in the block config sidebar.
+     * @default false
+     */
+    enableFontFamilyControls: boolean;
     /**
      * Root folder ids the folder-picker controls are restricted to (forwarded to
      * cx-config-form). Sourced from the space's configured root folders.

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

@@ -1,4 +1,4 @@
-import { PropertyConfig } from '../../../../types/src/content-builder';
+import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 
 type Attributes = {
@@ -8,7 +8,7 @@ type Attributes = {
     'multi-language': boolean;
 };
 declare const _default: {
-    configs: (localize: LocalizeController) => Array<PropertyConfig<Attributes>>;
+    configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attributes>>;
     defaultValue: Attributes;
     stylable: string[];
 };

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

@@ -1,5 +1,5 @@
 import { ButtonSize, ButtonWidthType } from '../../../../types/src/button';
-import { PropertyConfig } from '../../../../types/src/content-builder';
+import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 import { default as CxSbButton } from '../blocks/button/button';
 
@@ -29,7 +29,7 @@ type Attributes = {
     'width-type': ButtonWidthType;
 };
 declare const _default: {
-    configs: (localize: LocalizeController) => Array<PropertyConfig<Attributes>>;
+    configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attributes>>;
     defaultValue: Partial<Attributes>;
     stylable: string[];
 };

package/library/packages/organisms/src/content-builder/configs/color-swatches.d.ts

@@ -1,9 +1,10 @@
 import { CxColorSwatchGroupVariant } from '../../../../types/src/color-swatch-group';
-import { PropertyConfig } from '../../../../types/src/content-builder';
+import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 
 type Attribute = {
     'can-copy': boolean;
+    'can-custom-shadow-and-border-radius': boolean;
     data: string;
     'max-col': string;
     'multi-language': boolean;
@@ -11,7 +12,7 @@ type Attribute = {
     variant: CxColorSwatchGroupVariant;
 };
 declare const _default: {
-    configs: (localize: LocalizeController) => Array<PropertyConfig<Attribute>>;
+    configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attribute>>;
     defaultValue: Attribute;
     stylable: string[];
 };

package/library/packages/organisms/src/content-builder/configs/font-kit.d.ts

@@ -1,4 +1,4 @@
-import { PropertyConfig } from '../../../../types/src/content-builder';
+import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 import { default as CxFontKit } from '../blocks/font-kit/font-kit';
 
@@ -19,7 +19,7 @@ type Attributes = {
     variant: CxFontKit['variant'];
 };
 declare const _default: {
-    configs: (localize: LocalizeController) => Array<PropertyConfig<Attributes>>;
+    configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attributes>>;
     defaultValue: Partial<Attributes>;
     stylable: string[];
 };

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

@@ -1,4 +1,4 @@
-import { PropertyConfig } from '../../../../types/src/content-builder';
+import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { Alignment, Variant } from '../../../../types/src/header';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 
@@ -7,13 +7,13 @@ type Attribute = {
     'custom-line-height': boolean;
     'data-constraints': boolean;
     'disabled-copy-button': boolean;
-    'font-size'?: string;
+    'font-size': string;
     'has-anchor-link': boolean;
-    role?: string;
+    role: string;
     variant: Variant;
 };
 declare const _default: {
-    configs: (localize: LocalizeController) => Array<PropertyConfig<Attribute>>;
+    configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attribute>>;
     defaultValue: Attribute;
     stylable: string[];
 };

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

@@ -1,11 +1,11 @@
-import { PropertyConfig } from '../../../../types/src/content-builder';
+import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 
 type Attribute = {
     'data-constraints': boolean;
 };
 declare const _default: {
-    configs: (localize: LocalizeController) => Array<PropertyConfig<Attribute>>;
+    configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attribute>>;
     defaultValue: Attribute;
     stylable: string[];
 };

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

@@ -86,6 +86,7 @@ export default class ConfigsController {
         'zoom-style': import('../../../types/src/highlightable-element').HighlightableElementZoomStyle;
     }>[] | import('../../../types/src/content-builder').PropertyConfig<{
         'can-copy': boolean;
+        'can-custom-shadow-and-border-radius': boolean;
         data: string;
         'max-col': string;
         'multi-language': boolean;
@@ -225,9 +226,9 @@ export default class ConfigsController {
         'custom-line-height': boolean;
         'data-constraints': boolean;
         'disabled-copy-button': boolean;
-        'font-size'?: string;
+        'font-size': string;
         'has-anchor-link': boolean;
-        role?: string;
+        role: string;
         variant: import('../../../types/src/header').Variant;
     }>[] | import('../../../types/src/content-builder').PropertyConfig<{
         name: string;
@@ -426,6 +427,7 @@ export default class ConfigsController {
         'zoom-style': import('../../../types/src/highlightable-element').HighlightableElementZoomStyle;
     }> | {
         'can-copy': boolean;
+        'can-custom-shadow-and-border-radius': boolean;
         data: string;
         'max-col': string;
         'multi-language': boolean;

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

@@ -105,6 +105,12 @@ export default class CxContentBuilder extends CortexElement {
      * @default false
      */
     enableAssetFormatControls: boolean;
+    /**
+     * Set `enable-font-family-controls` to expose the font family / style / weight
+     * pickers (and their font-size controls) in the block config sidebar.
+     * @default false
+     */
+    enableFontFamilyControls: boolean;
     /**
      * Root folder ids that the folder-picker controls in the block config are
      * restricted to.

package/library/packages/organisms/src/content-builder/content-builder.utils.d.ts

@@ -1,5 +1,31 @@
 import { BlockType, PropertyConfig } from '../../../types/src/content-builder';
+import { FontTypeface } from '../../../types/src/font-picker';
 
+export type FontPickerKeys = {
+    familyKey: string;
+    styleKey: string;
+    weightKey?: string;
+};
+type FontPickerStoredValues = {
+    family: string;
+    style: string;
+    weight: string;
+};
 export declare function getTemplateClass(templateId: string): string;
 export declare function getContentConfigs(traits: PropertyConfig[], adHocProperties: string[]): string[];
 export declare function getLimitedBlocks(blockType: BlockType): BlockType[];
+export declare function getFontPickerControlValues({ blockAttributes, keys, typefaces, }: {
+    blockAttributes: Record<string, unknown>;
+    keys: FontPickerKeys;
+    typefaces: FontTypeface[];
+}): {
+    familyValue: string;
+    styleValue: string;
+};
+export declare function getFontPickerAttributeValues({ clearDefaultFamily, familyValue, styleValue, typefaces, }: {
+    clearDefaultFamily?: boolean;
+    familyValue: string;
+    styleValue: string;
+    typefaces: FontTypeface[];
+}): FontPickerStoredValues;
+export {};

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/components/rte-bubble-menu/rte-bubble-menu.d.ts

@@ -161,7 +161,7 @@ export default class CxRTEBubbleMenu extends CortexElement {
         depth: number;
         node: import('prosemirror-model').Node;
     } | null | undefined;
-    renderIconButton(icon: string, label?: string, onClick?: () => void, isActive?: () => boolean | undefined, isDisabled?: () => boolean | undefined, useIconScr?: boolean): TemplateResult<1>;
+    renderIconButton(icon: string, label?: string, onClick?: () => void, isActive?: () => boolean | undefined, isDisabled?: () => boolean | undefined, useIconScr?: boolean, buttonClass?: string): TemplateResult<1>;
     renderDropdown(value: string, tooltip: string, options: string[] | Array<{
         label: string;
         renderer?: TemplateResult;

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/constant.d.ts

@@ -36,8 +36,8 @@ export declare const TABLE_BUBBLE_STRUCTURE_ICONS: {
     readonly addColumnBefore: "add_column_left";
     readonly addRowAfter: "add_row_below";
     readonly addRowBefore: "add_row_above";
-    readonly deleteColumn: "vertical_split";
-    readonly deleteRow: "horizontal_split";
+    readonly deleteColumn: "variable_remove";
+    readonly deleteRow: "variable_remove";
     readonly deleteTable: "grid_off";
     readonly tableProperties: "border_all";
 };

package/library/packages/organisms/src/content-builder/styleController.d.ts

@@ -1,3 +1,5 @@
+import { PropertyConfig } from '../../../types/src/content-builder';
+import { FontTypeface } from '../../../types/src/font-picker';
 import { LocalizeController } from '../../../utils/src/custom-element/i18n';
 import { STYLE_CONTROL } from './content-builder-constants';
 
@@ -70,9 +72,9 @@ export default class StyleController {
             value: unknown;
         }) => Record<string, any>) | undefined;
         checkedValue?: string | boolean;
-        children?: import('../../../types/src/content-builder').PropertyConfig[];
+        children?: PropertyConfig[];
         clearable?: boolean;
-        controlType: "asset-transformation" | "bicolor-picker" | "border-input-group" | "button-group" | "checkbox" | "checkbox-group" | "color-swatch-picker" | "corner-position-input-group" | "dam-custom-toolbar-buttons" | "download-format-picker" | "file" | "folder-picker" | "gallery-picker" | "group" | "group-heading" | "icon-picker" | "image-picker" | "info-text" | "input" | "list-editor" | "all-picker" | "other-picker" | "padding-input-group" | "page-picker" | "placeholder" | "position-picker" | "radio-card-group" | "radio-group" | "select" | "shadow-input-group" | "size-input-group" | "switch" | "table" | "text" | "audio-picker" | "asset-format-picker" | "video-picker";
+        controlType: "asset-transformation" | "bicolor-picker" | "border-input-group" | "button-group" | "checkbox" | "checkbox-group" | "color-swatch-picker" | "corner-position-input-group" | "dam-custom-toolbar-buttons" | "download-format-picker" | "file" | "folder-picker" | "gallery-picker" | "group" | "group-heading" | "icon-picker" | "image-picker" | "info-text" | "input" | "list-editor" | "all-picker" | "other-picker" | "padding-input-group" | "page-picker" | "placeholder" | "position-picker" | "radio-card-group" | "radio-group" | "select" | "shadow-input-group" | "size-input-group" | "switch" | "table" | "text" | "audio-picker" | "asset-format-picker" | "font-picker" | "video-picker";
         cornerStyleKey?: {
             offsetX: string;
             offsetY: string;
@@ -91,6 +93,12 @@ export default class StyleController {
             useFullPath?: boolean;
             variant?: import('../../../types/src/folder-select').FolderSelectVariant;
         };
+        fontPickerConfigs?: {
+            api: () => Promise<FontTypeface[]>;
+            familyKey: string;
+            styleKey: string;
+            weightKey?: string;
+        };
         galleryPickerConfigs?: {
             dialog: import('../../../types/src/content-builder').DialogType;
             formatKey?: string;
@@ -159,4 +167,15 @@ export default class StyleController {
         useSearchTerm?: boolean;
         width?: ((record: Record<string, unknown>) => string | number) | string | number;
     };
+    /**
+     * Builds the controls for a font picker.
+     */
+    getFontPickerControls<T = Record<string, any>>({ api, familyKey, styleKey, type, weightKey, ...control }: Omit<Partial<PropertyConfig<T>>, 'api' | 'controlType' | 'fontPickerConfigs'> & {
+        api: () => Promise<FontTypeface[]>;
+        familyKey: string;
+        id: string;
+        name: string;
+        styleKey: string;
+        weightKey?: string;
+    }): Array<PropertyConfig<T>>;
 }

package/library/packages/services/src/api/endpoints.d.ts

@@ -3,6 +3,7 @@ export declare const AVAILABLE_PROXIES_API_ENDPOINT = "webapi/extensibility/inte
 export declare const ALL_FORMAT_CODES_API_ENDPOINT = "webapi/extensibility/integrations/gab/assetbrowser/getallformatcodes_428H";
 export declare const IMAGE_PASTE_FOLDER_API_ENDPOINT = "webapi/objectmanagement/singleobjecttools/profile/getimagepastefolder_42JL";
 export declare enum TEAMSPACE_API_ENDPOINT {
+    GET_FONT_FAMILIES = "webapi/objectmanagement/teamspaces/getfontfamilies_42L7_v1",
     GET_PAGES_AND_LINKS = "webapi/objectmanagement/teamspaces/pagesandlinks_412Y_v1",
     GET_SPACE_FONT_FAMILY = "webapi/objectmanagement/teamspaces/getspacefonts_41I6_v1",
     GET_SPACE_LIST = "webapi/objectmanagement/teamspaces/getteamspaces_41I3_v1",

package/library/packages/services/src/api/teamspace/teamspace.d.ts

@@ -1,8 +1,10 @@
 import { TeamSpace, TeamSpaceFontFamily } from '../../../../types/src/content-builder';
+import { FontTypeface } from '../../../../types/src/font-picker';
 import { GetPagesAndLinksResponse, GetUserRoleResponse } from './teamspace.types';
 
 export declare function apiGetTeamSpaceRoles(): Promise<GetUserRoleResponse>;
 export declare function apiGetTeamSpaceFontFamily(): Promise<TeamSpaceFontFamily | undefined>;
+export declare function apiGetFontFamilies(): Promise<FontTypeface[]>;
 export declare function apiGetTeamSpaceSpaceList({ searchTerm, }: {
     searchTerm?: string;
 }): Promise<TeamSpace[]>;

package/library/packages/types/src/content-builder.d.ts

@@ -3,8 +3,10 @@ import { TemplateResult } from 'lit';
 import { StyleInfo } from 'lit/directives/style-map';
 import { DownloadDocType } from './download-format-picker';
 import { FolderSelectApi, FolderSelectVariant } from './folder-select';
+import { FontTypeface } from './font-picker';
 import { TableSelectColumn } from './table-select';
 
+export declare const SPACE_DEFAULT_FONT_FAMILY = "space-default";
 export declare enum DeviceType {
     Desktop = "desktop",
     Mobile = "mobile",
@@ -78,7 +80,7 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     checkedValue?: string | boolean;
     children?: PropertyConfig[];
     clearable?: boolean;
-    controlType: 'asset-transformation' | 'bicolor-picker' | 'border-input-group' | 'button-group' | 'checkbox' | 'checkbox-group' | 'color-swatch-picker' | 'corner-position-input-group' | 'dam-custom-toolbar-buttons' | 'download-format-picker' | 'file' | 'folder-picker' | 'gallery-picker' | 'group' | 'group-heading' | 'icon-picker' | 'image-picker' | 'info-text' | 'input' | 'list-editor' | 'all-picker' | 'other-picker' | 'padding-input-group' | 'page-picker' | 'placeholder' | 'position-picker' | 'radio-card-group' | 'radio-group' | 'select' | 'shadow-input-group' | 'size-input-group' | 'switch' | 'table' | 'text' | 'audio-picker' | 'asset-format-picker' | 'video-picker';
+    controlType: 'asset-transformation' | 'bicolor-picker' | 'border-input-group' | 'button-group' | 'checkbox' | 'checkbox-group' | 'color-swatch-picker' | 'corner-position-input-group' | 'dam-custom-toolbar-buttons' | 'download-format-picker' | 'file' | 'folder-picker' | 'gallery-picker' | 'group' | 'group-heading' | 'icon-picker' | 'image-picker' | 'info-text' | 'input' | 'list-editor' | 'all-picker' | 'other-picker' | 'padding-input-group' | 'page-picker' | 'placeholder' | 'position-picker' | 'radio-card-group' | 'radio-group' | 'select' | 'shadow-input-group' | 'size-input-group' | 'switch' | 'table' | 'text' | 'audio-picker' | 'asset-format-picker' | 'font-picker' | 'video-picker';
     cornerStyleKey?: {
         offsetX: string;
         offsetY: string;
@@ -97,6 +99,16 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
         useFullPath?: boolean;
         variant?: FolderSelectVariant;
     };
+    fontPickerConfigs?: {
+        /** Callback to fetch the available font families. */
+        api: () => Promise<FontTypeface[]>;
+        /** Block-attribute key that stores the selected font family value. */
+        familyKey: string;
+        /** Block-attribute key that stores the selected font style value. */
+        styleKey: string;
+        /** Block-attribute key that stores the selected font weight value. */
+        weightKey?: string;
+    };
     galleryPickerConfigs?: {
         dialog: DialogType;
         /** The block-attribute key for the format used to resolve records' src URLs after picking. */
@@ -333,4 +345,5 @@ export declare enum DataSourceId {
 }
 export type ConfigsOptions = {
     enableAssetFormatControls?: boolean;
+    enableFontFamilyControls?: boolean;
 };

package/library/packages/types/src/font-picker.d.ts

@@ -0,0 +1,21 @@
+export declare enum FontPickerLayout {
+    Labeled = "labeled",
+    Stacked = "stacked"
+}
+export interface FontFamily {
+    fontStyle?: string;
+    fontWeight?: number;
+    name: string;
+    /** CSS font-family value applied when this family is selected. Derived from name if omitted. */
+    value?: string;
+}
+export interface FontTypeface {
+    families: FontFamily[];
+    typeface: string;
+    /** CSS-safe identifier with no spaces. Derived from typeface if omitted. */
+    value?: string;
+}
+export interface FontTypefaceGroup {
+    label: string;
+    typefaces: FontTypeface[];
+}

package/library/packages/types/src/table-column-editor.d.ts

@@ -0,0 +1,12 @@
+/** One column presented in the "Edit columns" bulk editor, in current render order. */
+export interface TableColumnEditorEntry {
+    field: string;
+    frozen: boolean;
+    title: string;
+    visible: boolean;
+}
+/** Board identifiers used by the two-list column editor's cx-multi-select. */
+export declare enum TableColumnEditorBoardId {
+    Available = "available",
+    Visible = "visible"
+}

package/library/packages/types/src/table.d.ts

@@ -50,6 +50,11 @@ export declare enum TableDataFormat {
     Json = "json",
     Xml = "xml"
 }
+/** Actions offered by the column-header right-click context menu. */
+export declare enum TableHeaderMenuAction {
+    EditColumns = "edit-columns",
+    HideColumn = "hide-column"
+}
 /**
  * Tabulator Interface
  */
@@ -2656,10 +2661,19 @@ export interface StringValidatorParameters {
 /**
  * Range constraints accepted by the `date` validator. `starts` / `ends` are
  * inclusive bounds as ISO date strings (or anything `Date.parse` understands).
+ *
+ * `format` additionally requires the input string to match a specific date
+ * shape before it is parsed, using token placeholders: `YYYY` (4-digit year),
+ * `MM` (2-digit month), `DD` (2-digit day), `HH` (2-digit hour, 24h), `mm`
+ * (2-digit minute), `ss` (2-digit second). Any other character in `format`
+ * (e.g. `/`, `-`, `.`, ` `) is treated as a literal separator. Example:
+ * `'MM/DD/YYYY'` accepts `'02/29/2024'` but rejects `'2024-02-29'` or
+ * `'13/01/2024'` (invalid month).
  */
 export interface DateValidatorParameters {
     starts?: string;
     ends?: string;
+    format?: string;
 }
 export interface Validator {
     type: StandardValidatorType | ((cell: ICellComponent, value: any, parameters?: any) => boolean);