@orangelogic/design-system 2.141.0 → 2.143.0

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/asset-transformation-dialog/asset-transformation-dialog.d.ts

@@ -41,6 +41,7 @@ export default class CxAssetTransformationDialog extends CortexElement {
     private readonly localize;
     private fetchAssetController?;
     private readonly hasSlotController;
+    private apiGetAuthorizedObjects;
     private apiGetAvailableProxies;
     private apiSearchAssets;
     /** Stores the accessible trigger element for focus return and ARIA updates. */
@@ -81,7 +82,7 @@ export default class CxAssetTransformationDialog extends CortexElement {
     private asset;
     /** Available proxy formats fetched alongside the asset. */
     private proxies;
-    /** Set to false once an access check confirms the asset is not reachable by the current user. */
+    /** False while the authorization check is in flight or after it confirms no access. */
     private canAccess;
     private get hasTransformations();
     handleAssetIdChange(): Promise<void>;

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/image.d.ts

@@ -37,6 +37,7 @@ type Attribute = {
     'page-url'?: CxImage['pageUrl'];
     'record-id'?: CxImage['recordId'];
     'record-id-dark-mode'?: CxImage['recordIdDarkMode'];
+    'retry-on-error'?: CxImage['retryOnError'];
     'share-id'?: CxImage['shareId'];
     'share-name'?: CxImage['shareName'];
     'share-src'?: CxImage['shareSrc'];

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;
@@ -268,6 +269,7 @@ export default class ConfigsController {
         'page-url'?: import('./blocks/image/image').default["pageUrl"];
         'record-id'?: import('./blocks/image/image').default["recordId"];
         'record-id-dark-mode'?: import('./blocks/image/image').default["recordIdDarkMode"];
+        'retry-on-error'?: import('./blocks/image/image').default["retryOnError"];
         'share-id'?: import('./blocks/image/image').default["shareId"];
         'share-name'?: import('./blocks/image/image').default["shareName"];
         'share-src'?: import('./blocks/image/image').default["shareSrc"];
@@ -425,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/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/asset/asset.d.ts

@@ -1,4 +1,4 @@
-import { GetAllFormatCodesResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetTransformAssetLinkResponse, SearchAssetsParams, SearchAssetsResponse } from './asset.types';
+import { GetAllFormatCodesResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAuthorizedObjectsRequest, GetAuthorizedObjectsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetTransformAssetLinkResponse, SearchAssetsParams, SearchAssetsResponse } from './asset.types';
 
 export declare const DEFAULT_VIEW_SIZE = "CoreField.LargeSizePreview";
 export declare const FIELD_CORTEX_PATH = "Document.CortexPath";
@@ -74,3 +74,4 @@ export declare function apiGetImagePasteFolder({ baseUri, documentRecordID, }: {
     baseUri?: string;
     documentRecordID?: string;
 }): Promise<string>;
+export declare function apiGetAuthorizedObjects({ recordIds, rightsToCheck, }: GetAuthorizedObjectsRequest): Promise<GetAuthorizedObjectsResponse>;

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",
@@ -57,6 +58,9 @@ export declare enum CMS5_API_ENDPOINT {
     LIST_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getlisttemplates_428o_v1",
     SEARCH_ASSETS = "webapi/cms/cms5/search_42QJ_v1"
 }
+export declare enum AUTHORIZATION_API_ENDPOINT {
+    GET_AUTHORIZED_OBJECTS = "webapi/objectmanagement/authorization/getauthorizedobjects_44H_v1"
+}
 export declare enum PARAMETER_API_ENDPOINT {
     GET_PARAMETER_VALUES = "webapi/configuration/parameters/get_45F_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
  */

package/library/packages/utils/src/custom-element/i18n.d.ts

@@ -122,6 +122,7 @@ export interface Translation extends DefaultTranslation {
     automaticZoom: string;
     autoplay: string;
     autoplayHelpText: string;
+    availableColumns: string;
     availablePanels: string;
     availableSortOrders: string;
     availableViews: string;
@@ -367,6 +368,8 @@ export interface Translation extends DefaultTranslation {
     editChapter: string;
     editChapters: string;
     editColor: string;
+    editColumns: string;
+    editColumnsMinVisibleNote: string;
     editControl: string;
     editCustomButton: string;
     editFolderCard: string;
@@ -456,12 +459,14 @@ export interface Translation extends DefaultTranslation {
     font: string;
     fontAwesome: string;
     fontColor: string;
+    fontFamily: string;
     fontKit: string;
     fontKitPreview: string;
     fontNthOfTotalFonts: (total: number, index: number, fontFamily: string, fontWeight: string, fontStyle: string) => string;
     fontShowcase: string;
     fontSize: string;
     fontSizes: string;
+    fontStyle: string;
     fontWeight: string;
     fonts: string;
     formToOpen: string;
@@ -497,6 +502,7 @@ export interface Translation extends DefaultTranslation {
     heightMode: string;
     help: string;
     hideCode: string;
+    hideColumn: string;
     hidePassword: string;
     highlight: string;
     highlightBackgroundDescription: string;
@@ -573,6 +579,7 @@ export interface Translation extends DefaultTranslation {
     leftAlign: string;
     leftSidePanel: string;
     letterSpacing: string;
+    level: string;
     levelOfAccess: string;
     lineAppearance: string;
     lineColor: string;
@@ -845,6 +852,7 @@ export interface Translation extends DefaultTranslation {
     second: string;
     secondary: string;
     sectionBackground: string;
+    sectionTitles: string;
     securityPoint: string;
     seeThru: string;
     selectAColor: string;
@@ -956,6 +964,7 @@ export interface Translation extends DefaultTranslation {
     textInput: string;
     textReveal: string;
     textSelectionTool: string;
+    textSize: string;
     textToSpeechRequestInProgress: string;
     textToSpeechUserGuide: string;
     textures: string;
@@ -1058,6 +1067,7 @@ export interface Translation extends DefaultTranslation {
     virtualFolder: string;
     virtualFolderHelpText: string;
     visibility: string;
+    visibleColumns: string;
     voice: string;
     voiceHelpText: (tags: string[], all?: boolean) => string;
     voiceSavedError: string;

package/library/packages/utils/src/font/font.d.ts

@@ -1,5 +1,21 @@
 import { Typeface } from '../../../types/src/font-kit';
+import { FontFamily, FontTypeface } from '../../../types/src/font-picker';
 
+/**
+ * Stable option value for a typeface. Uses the explicit `value` when provided,
+ * otherwise derives a CSS-safe slug from the typeface name.
+ */
+export declare function getTypefaceOptionValue(typeface: FontTypeface): string;
+/**
+ * Stable, unique option value for a font-family variant.
+ *
+ * `value` is the CSS font-family to apply and is only usable as the option
+ * identity when it uniquely identifies the variant. Some APIs return the same
+ * `value` for every variant of a typeface (e.g. all "Lato" variants share
+ * `value: "Lato"` and differ only by name/weight/style) — in that case the
+ * value can't be the selector identity, so fall back to a name-based slug.
+ */
+export declare function getFontFamilyOptionValue(fontFamily: FontFamily, fontFamilies: FontFamily[]): string;
 /**
  * Test if a specific font configuration is available using a test element
  */