@orangelogic/design-system 2.115.0 → 2.117.0

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.115.0",
+  "version": "2.117.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/audio/audio.d.ts

@@ -1,6 +1,6 @@
 import { default as ResizableElement } from '../../../../base/src/resizable-element.ts';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
-import { CSSResultGroup } from 'lit';
+import { CSSResultGroup, PropertyValues } from 'lit';
 import { default as CxIconButton } from '../icon-button/icon-button';
 import { default as CxTypography } from '../typography/typography';
 
@@ -11,10 +11,14 @@ import { default as CxTypography } from '../typography/typography';
  * The PNG is analyzed via canvas pixel sampling and rendered as a themeable SVG. A native `<audio>`
  * element handles playback. Wave color and background are fully CSS-controllable.
  *
+ * Use `in-point` and `out-point` to restrict playback to a time window within the file. The UI
+ * always shows time relative to `in-point` (starting at 0). `cx-time-update` emits `time` relative
+ * to `in-point`.
+ *
  * @event cx-play - Emitted when playback starts.
  * @event cx-pause - Emitted when playback pauses.
- * @event {{ time: number }} cx-time-update - Emitted while the playback position changes.
- * @event cx-ended - Emitted when playback reaches the end.
+ * @event {{ time: number }} cx-time-update - Emitted while the playback position changes. `time` is relative to `in-point` (starts at 0).
+ * @event cx-ended - Emitted when playback reaches the end (or out-point when set).
  * @event cx-error - Emitted when the audio or waveform image fails to load.
  *
  * @csspart base - The main container.
@@ -48,6 +52,7 @@ export default class CxAudio extends ResizableElement {
     };
     readonly localize: LocalizeController;
     private srcLoadVersion;
+    private allWaveformPeaks;
     private extractWaveformPeaks;
     private readonly audioEl;
     /**
@@ -63,7 +68,7 @@ export default class CxAudio extends ResizableElement {
      */
     autoplay: boolean;
     /**
-     * When true, playback loops back to the beginning when it ends.
+     * When true, playback loops back to the beginning (or in-point) when it ends.
      */
     loop: boolean;
     /**
@@ -72,16 +77,29 @@ export default class CxAudio extends ResizableElement {
      * `--waves-color` and `--background-color`.
      */
     waveformSrc: string;
+    /**
+     * Playback start position in seconds. The UI time counter starts from 0 relative to this point.
+     * `cx-time-update` emits `time` relative to this value.
+     */
+    inPoint: number;
+    /**
+     * Playback stop position in seconds. 0 means play to the end of the file.
+     */
+    outPoint: number;
     /** Whether the audio is currently playing. */
     private isPlaying;
     /** Whether the audio has finished loading and is ready for playback. */
     private isLoaded;
     /** Whether an error occurred while loading the audio or waveform image. */
     private isError;
-    /** Current playback position in seconds. */
+    /** Current playback position in seconds, relative to inPoint. */
     private currentTimeSeconds;
     /** Total duration in seconds. */
     private durationSeconds;
+    /** Effective stop position in seconds (clamped outPoint or durationSeconds). */
+    private effectiveOutPoint;
+    /** Duration of the playback window from inPoint to effectiveOutPoint. */
+    private windowDuration;
     /** SVG path data extracted from the waveform PNG. */
     private waveformPath;
     /** viewBox width matching the number of samples extracted from the waveform image. */
@@ -90,11 +108,18 @@ export default class CxAudio extends ResizableElement {
     private playedFraction;
     /** Effective audio src bound to the <audio> element; set after waveform loads, cleared on cleanUp. */
     private audioSrc;
+    /** Whether autoplay is deferred until the in-point seek completes after durationchange. */
+    private pendingAutoplay;
+    private get clampedInPoint();
     runConnectedCallback(): void;
     disconnectedCallback(): void;
+    willUpdate(changedProperties: PropertyValues): void;
     handleSrcChange(): Promise<void>;
+    handleInPointChange(): void;
     protected applySrc(src: string): Promise<void>;
     updated(changedProps: Map<string, unknown>): void;
+    private recomputeWindow;
+    private recomputeWaveform;
     private cleanUp;
     private setupPngWaveform;
     private handleAudioPlay;
@@ -103,6 +128,8 @@ export default class CxAudio extends ResizableElement {
     private handleAudioDurationChange;
     private handleAudioEnded;
     private handleAudioError;
+    private handleOutPointReached;
+    private seekToInPoint;
     private handleSizeChange;
     /** Starts audio playback. */
     play(): void;

package/library/packages/atoms/src/components/table/table-data-loader.d.ts

@@ -2,6 +2,7 @@ import { ColumnDefinition, TableDataFormat } from '../../../../types/src/table';
 
 export type StreamChunkCallback = (rows: Array<Record<string, unknown>>) => Promise<void>;
 export declare function parseCsvStream(raw: string, onColumns: (columns: ColumnDefinition[]) => void, onChunk: StreamChunkCallback, chunkSize?: number): Promise<number>;
+export declare function parseXmlStream(raw: string, onColumns: (columns: ColumnDefinition[]) => void, onChunk: StreamChunkCallback, chunkSize?: number): Promise<number>;
 export declare function parseJsonStream(raw: string, onColumns: (columns: ColumnDefinition[]) => void, onChunk: StreamChunkCallback, chunkSize?: number): Promise<number>;
 export interface ParsedTableData {
     columns: ColumnDefinition[];

package/library/packages/atoms/src/components/table/table.d.ts

@@ -742,6 +742,7 @@ export default class CxTable extends CortexElement {
     private handleDropdownFilterChange;
     private streamCsvData;
     private streamJsonData;
+    private streamXmlData;
     private loadFromDataUrl;
     render(): TemplateResult;
 }

package/library/packages/hybrid/book-reader/src/react/components/Controller/PageControl.d.ts

@@ -5,8 +5,9 @@ export interface PageControlProps {
     pageNumber: number;
     showCover?: boolean;
     showEdgeButtons?: boolean;
+    showPageInput?: boolean;
     totalPages: number;
     viewMode: number;
 }
-declare const _default: import('react').MemoExoticComponent<({ onNextPage, onPageChange, onPreviousPage, pageNumber, showCover, showEdgeButtons, totalPages, viewMode, }: PageControlProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ onNextPage, onPageChange, onPreviousPage, pageNumber, showCover, showEdgeButtons, showPageInput, totalPages, viewMode, }: PageControlProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/library/packages/hybrid/book-reader/src/react/hooks/useBreakpoint.d.ts

@@ -1,6 +1,10 @@
 declare const useBreakpoint: () => {
+    isDoubleExtraLarge: boolean;
+    isDoubleExtraSmall: boolean;
+    isExtraLarge: boolean;
     isExtraSmall: boolean;
-    isMobile: boolean;
+    isLarge: boolean;
+    isMedium: boolean;
     isSmall: boolean;
 };
 export default useBreakpoint;

package/library/packages/molecules/src/asset-data-display/asset-data-display.d.ts

@@ -14,7 +14,7 @@ export default class CxAssetDataDisplay extends CortexElement {
         'cx-typography': typeof CxTypography;
     };
     private readonly hasSlotController;
-    private readonly fetchAssetController;
+    private fetchAssetController?;
     /**
      * Whether the asset data display is collapsed.
      */
@@ -31,6 +31,7 @@ export default class CxAssetDataDisplay extends CortexElement {
     fetchMode: AssetDataDisplayFetchMode;
     token: string;
     siteBuilderToken: string;
+    isSiteBuilder: boolean;
     recordId: string;
     headerSourceField: string;
     detailsSourceField: string;

package/library/packages/molecules/src/asset-picker/asset-picker.d.ts

@@ -62,6 +62,8 @@ export default class CxAssetPicker extends CortexElement {
      * stored URL that may have transformations applied.
      */
     recordId: string;
+    /** When true, uses the Site Builder search endpoint for asset fetching. */
+    isSiteBuilder: boolean;
     private previewSrc;
     /** Kept as an instance field so tests can stub this API call. */
     private apiGetAssets;

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

@@ -36,7 +36,6 @@ export { default as CxSizeInputGroup } from './size-input-group/size-input-group
 export { default as CxStatCard } from './stat-card/stat-card';
 export { default as CxStepperWizard } from './stepper-wizard/stepper-wizard';
 export { default as CxStorybook } from './storybook/storybook';
-export { default as CxTimeline } from './timeline/timeline';
 export { default as CxTypeface } from './typeface/typeface';
 export { default as CxAssetFormatPicker } from './asset-format-picker/asset-format-picker';
 export { default as CxInputDatePicker } from './input-date-picker/input-date-picker';

package/library/packages/molecules/src/page-outline/page-outline.d.ts

@@ -76,11 +76,10 @@ export default class CxPageOutline extends CortexElement {
      * If the root is missing, return 0 so the heading is treated as not nested.
      */
     private getWrapperLevel;
-    /** Extract root and set to state */
+    /** Extract root and extract headings */
     private extractRoot;
     /** Query root node */
     handleRootSelectorChange(): void;
-    handleRootChange(): void;
     /**
      * Setup the MutationObserver safely without recursion
      */

package/library/packages/organisms/src/asset-transformation-dialog/asset-transformation-dialog.d.ts

@@ -37,7 +37,7 @@ export default class CxAssetTransformationDialog extends CortexElement {
         'cx-typography': typeof CxTypography;
     };
     private readonly localize;
-    private readonly fetchAssetController;
+    private fetchAssetController?;
     private readonly hasSlotController;
     private apiGetAvailableProxies;
     /** Stores the accessible trigger element for focus return and ARIA updates. */
@@ -72,6 +72,8 @@ export default class CxAssetTransformationDialog extends CortexElement {
     noRotate: boolean;
     /** Show a Reset button inside cx-asset-link-format that clears all transformations. */
     canReset: boolean;
+    /** When true, uses the Site Builder search endpoint for asset fetching. */
+    isSiteBuilder: boolean;
     /** Asset data fetched on cx-show. */
     private asset;
     /** Available proxy formats fetched alongside the asset. */
@@ -83,8 +85,9 @@ export default class CxAssetTransformationDialog extends CortexElement {
      * For cx-button/cx-icon-button, ARIA is set on the inner <button> so screen readers
      * announce the correct role/state rather than the custom-element host. */
     private updateAccessibleTrigger;
+    runFirstUpdated(): void;
     /** Fetches the asset and its available proxies when the dialog opens.
-     * Guards on `result.id` because `fetchAssetByIDViaContentSdk` returns `{}` on network error. */
+     * Guards on `result.id` because `fetchAssetByID` returns `{}` on network error. */
     private handleDialogShow;
     private handleTriggerClick;
     private handleTriggerKeyDown;

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

@@ -80,7 +80,6 @@ export default class CxGalleryConfig extends CortexElement {
     get galleryPickerDialogTitle(): string;
     constructor();
     private apiGetTeamSpaceSpaceList;
-    private apiGetAssets;
     private apiGetPagesAndLinks;
     fetchSelectedPage(): Promise<void>;
     /**

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

@@ -23,7 +23,6 @@ export default class CxPagePicker extends CortexElement {
         'cx-typography': typeof CxTypography;
     };
     private readonly localize;
-    private apiGetAssets;
     dialog: CxDialog;
     selectEl: CxFolderSelect;
     /**

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

@@ -11,6 +11,7 @@ type Attribute = {
     'format-label'?: string;
     'format-src'?: string;
     name: CxSbAudio['name'];
+    'parent-record-id'?: string;
     'record-id'?: string;
     'resize-direction': CxSbAudio['resizeDirection'];
     src: CxSbAudio['src'];

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

@@ -17,6 +17,7 @@ export default class ConfigsController {
         'format-label'?: string;
         'format-src'?: string;
         name: import('./blocks/audio/audio').default["name"];
+        'parent-record-id'?: string;
         'record-id'?: string;
         'resize-direction': import('./blocks/audio/audio').default["resizeDirection"];
         src: import('./blocks/audio/audio').default["src"];
@@ -307,6 +308,7 @@ export default class ConfigsController {
         'format-label'?: string;
         'format-src'?: string;
         name: import('./blocks/audio/audio').default["name"];
+        'parent-record-id'?: string;
         'record-id'?: string;
         'resize-direction': import('./blocks/audio/audio').default["resizeDirection"];
         src: import('./blocks/audio/audio').default["src"];

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

@@ -128,6 +128,7 @@ export default class StyleController {
             accepts?: string[];
             multiple?: boolean;
             nameKey?: string;
+            parentAssetIdKey?: string;
             recordIdKey?: string;
             representativeKey?: string;
         };

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

@@ -1,4 +1,4 @@
-import { GetAllFormatCodesResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetFolderContentRequest, GetTransformAssetLinkResponse, SearchAssetsParams, SearchAssetsResponse } from './asset.types';
+import { GetAllFormatCodesResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, 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";
@@ -21,13 +21,16 @@ export declare const FIELD_LARGE_SIZE_PREVIEW_ID = "Document.DocumentDirectRepre
 export declare const LIBRARY_NAME = "Library";
 export declare const MESSAGE_NEW_LINE = "\n";
 export declare const ORIGINAL_VIEW_SIZE = "CoreField.OriginalPreview";
+export declare const FIELD_DOC_SUBTYPE = "Document.DocSubType";
+export declare const FIELD_IN_POINT = "Document.InPoint";
+export declare const FIELD_OUT_POINT = "Document.OutPoint";
 export declare const SEARCH_FIELDS: {
     DEFAULT_VIEW_SIZE: string;
     FIELD_TITLE_WITH_FALLBACK: string;
     ORIGINAL_VIEW_SIZE: string;
 };
 export declare function resolveAssetExtraFilters(selectedFacets?: Record<string, string[]>): Record<string, string[]>;
-export declare function apiSearchAssets({ countPerPage, fields, getPermanentAssetsPaths, pageNumber, query, securityByPassToken, siteUrl, sort, token, useSession, }: SearchAssetsParams): Promise<SearchAssetsResponse>;
+export declare function apiSearchAssets({ countPerPage, fields, getPermanentAssetsPaths, isSiteBuilder, pageNumber, query, securityByPassToken, siteUrl, sort, token, useSession, }: SearchAssetsParams): Promise<SearchAssetsResponse>;
 export declare function apiGetTransformAssetLink({ assetId, extension, format, siteUrl, token, transformations, useSession, }: {
     assetId: string;
     extension?: string;
@@ -37,10 +40,8 @@ export declare function apiGetTransformAssetLink({ assetId, extension, format, s
     transformations?: string;
     useSession?: string;
 }): Promise<GetTransformAssetLinkResponse | null>;
-export declare function apiGetAssets({ extraFields, getPermanentAssetsPaths, recordIds, securityByPassToken, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
-export declare function apiGetAssetsViaContentSdk({ extraFields, recordIds, }: GetAssetsRequest): Promise<GetAssetsResponse>;
-export declare function apiGetAssetsInFolder({ countPerPage, directParentFolderIdentifier, extraFields, getPermanentAssetsPaths, limitedDocTypes, pageNumber, parentFolderIdentifier, searchTerm, securityByPassToken, sortOrder, token, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
-export declare function apiGetAssetsInFolderViaContentSdk({ extraFields, folderId, limit, limitedDocTypes, searchTerm, seeThrough, selectedFacets, sortOrder, start, }: GetFolderContentRequest): Promise<GetAssetsInFolderResponse>;
+export declare function apiGetAssets({ extraFields, getPermanentAssetsPaths, isSiteBuilder, recordIds, securityByPassToken, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
+export declare function apiGetAssetsInFolder({ countPerPage, directParentFolderIdentifier, extraFields, getPermanentAssetsPaths, isSiteBuilder, limitedDocTypes, pageNumber, parentFolderIdentifier, searchTerm, securityByPassToken, sortOrder, token, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
 export declare function apiGetCropFocusMode({ autoCropMode, cropHeight, cropWidth, imageUrl, useSession, }: GetCropZoneSuggestionRequest): Promise<GetCropZoneSuggestionResponse | null>;
 export declare function apiGetAvailableProxies({ assetRecordId, siteUrl, token, useSession, }: {
     assetRecordId: string;

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

@@ -9,8 +9,6 @@ export declare enum TEAMSPACE_API_ENDPOINT {
     GET_USER_ROLE = "webapi/objectmanagement/teamspaces/getuserroles_41E7_v1"
 }
 export declare enum ASSET_API_ENDPOINT {
-    GET_CONTENT_V1 = "webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v1",
-    GET_CONTENT_V3 = "webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v3",
     GET_CROP_ZONE_SUGGESTION = "webapi/mediafile/assettransformation/getcropzonesuggestion_41UP_v1",
     GET_LARGEST_DOWNLOAD_LINK = "webapi/objectmanagement/share/getlargestdownloadlink_46X_v1",
     GET_TRANSFORM_ASSET_LINK = "webapi/mediafile/assettransformation/transformasset_41E6_v1",
@@ -43,7 +41,8 @@ export declare enum CMS5_API_ENDPOINT {
     GET_CAN_CREATE_BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/cancreatenewblocktemplate_41cs_v1",
     GET_PAGES_FOR_BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/getpagesforblocktemplate_41ig_v1",
     GET_PERMISSION = "webapi/cms/cms5/blocktemplate/getpermission_419r_v1",
-    LIST_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getlisttemplates_428o_v1"
+    LIST_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getlisttemplates_428o_v1",
+    SEARCH_ASSETS = "webapi/cms/cms5/search_42QJ_v1"
 }
 export declare enum PARAMETER_API_ENDPOINT {
     GET_PARAMETER_VALUES = "webapi/configuration/parameters/get_45F_v1"

package/library/packages/tools/src/fetch-asset/fetch-asset.d.ts

@@ -1,21 +1,20 @@
 import { ReactiveController, ReactiveElement } from 'lit';
 
+type FetchAssetControllerOptions = {
+    isSiteBuilder?: boolean;
+};
 export declare class FetchAssetController implements ReactiveController {
     private readonly host;
     private data;
-    private apiGetAssetsViaContentSdk;
-    private apiGetAssets;
-    constructor(host: ReactiveElement);
+    private readonly isSiteBuilder;
+    constructor(host: ReactiveElement, options?: FetchAssetControllerOptions);
     fetchAssetByID({ extraFields, recordId, securityByPassToken, token, }: {
         extraFields?: string[];
         recordId: string;
         securityByPassToken?: string;
         token?: string;
     }): Promise<Record<string, string>>;
-    fetchAssetByIDViaContentSdk({ extraFields, recordId, }: {
-        extraFields?: string[];
-        recordId: string;
-    }): Promise<Record<string, string>>;
     hostConnected?(): void;
     hostDisconnected?(): void;
 }
+export {};

package/library/packages/tools/src/fetch-image/fetch-image.d.ts

@@ -6,6 +6,7 @@ export type ExtendedGalleryItem = GalleryItem & {
     [key: string]: string | undefined;
 };
 type FetchImageControllerOptions = {
+    isSiteBuilder?: boolean;
     maxEnd?: number;
     pageSize?: number;
     securityByPassToken?: string;
@@ -22,22 +23,19 @@ export declare class FetchImageController implements ReactiveController {
     private pageSize;
     private readonly authToken;
     private securityByPassToken;
+    private readonly isSiteBuilder;
     private requestEpoch;
-    private apiGetAssets;
-    private apiGetAssetsInFolder;
-    private apiGetAssetsInFolderViaContentSdk;
     constructor(host: ReactiveElement, options?: FetchImageControllerOptions);
     get totalDataCount(): number;
     setSecurityByPassToken(token: string | undefined): void;
-    fetchImages({ end, extraFields, format, start, transformations, useContentSdk, }: {
+    fetchImages({ end, extraFields, format, start, transformations, }: {
         end: number;
         extraFields: string[];
         format?: string;
         start: number;
         transformations?: Transformation[];
-        useContentSdk?: boolean;
     }): Promise<ExtendedGalleryItem[] | undefined>;
-    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, format, minLimit, noPlaceholders, transformations, useContentSdk, }: {
+    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, format, minLimit, noPlaceholders, transformations, }: {
         activeSlide: number;
         extraFields?: string[];
         folderId: string;
@@ -46,7 +44,6 @@ export declare class FetchImageController implements ReactiveController {
         minLimit?: number;
         noPlaceholders?: boolean;
         transformations?: Transformation[];
-        useContentSdk?: boolean;
     }): Promise<ExtendedGalleryItem[]>;
     fetchImagesByIDs({ extraFields, format, recordIds, transformations, }: {
         extraFields?: string[];
@@ -54,7 +51,7 @@ export declare class FetchImageController implements ReactiveController {
         recordIds: string[];
         transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesInFolderByPage({ extraFields, folderId, forceRefetch, format, noPlaceholders, page, pageSize, transformations, useContentSdk, }: {
+    fetchImagesInFolderByPage({ extraFields, folderId, forceRefetch, format, noPlaceholders, page, pageSize, transformations, }: {
         extraFields?: string[];
         folderId: string;
         forceRefetch?: boolean;
@@ -63,9 +60,8 @@ export declare class FetchImageController implements ReactiveController {
         page: number;
         pageSize?: number;
         transformations?: Transformation[];
-        useContentSdk?: boolean;
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, format, start, transformations, useContentSdk, }: {
+    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, format, start, transformations, }: {
         chunkSize?: number;
         end?: number;
         extraFields?: string[];
@@ -74,7 +70,6 @@ export declare class FetchImageController implements ReactiveController {
         format?: string;
         start?: number;
         transformations?: Transformation[];
-        useContentSdk?: boolean;
     }): AsyncGenerator<ExtendedGalleryItem[], void, unknown>;
     hostConnected?(): void;
     hostDisconnected?(): void;

package/library/packages/types/src/asset-link-format.d.ts

@@ -22,6 +22,7 @@ export type Proxy = {
 export declare enum MediaType {
     Album = "Album",
     Audio = "Audio",
+    AudioSegment = "Audio segment",
     Image = "Image",
     Multimedia = "Multimedia",
     ProjectDocument = "ProjectDocument",

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

@@ -138,6 +138,8 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
         multiple?: boolean;
         /** The block-attribute key that stores the asset name. Defaults to 'name'. */
         nameKey?: string;
+        /** The block-attribute key that holds the parent asset ID. */
+        parentAssetIdKey?: string;
         /** The block-attribute key that stores the selected asset's record ID. Defaults to 'record-id'. */
         recordIdKey?: string;
         representativeKey?: string;
@@ -199,6 +201,8 @@ export type Asset = {
     id: string;
     identifier?: string;
     name: string;
+    /** DO_VirtualCopyOf from docInfo */
+    parentAssetID?: string;
     /** Representative (thumbnail/preview) URL fetched from the API. */
     representative?: string;
     src: string;