@orangelogic/design-system 2.183.0 → 2.185.0

package/library/components/video.js

@@ -1,7 +1,7 @@
 import { _ as kd, a as Sa, b as Be, c as Je } from "../chunks/inheritsLoose.BuSn_CvZ.js";
 import { c as ps, a as Bn } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
 import { r as Sb } from "../chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
-import { C as Cb } from "../chunks/image.CCDdKXjt.js";
+import { C as Cb } from "../chunks/image.CTMzUqCC.js";
 import Mb from "./resize-observer.js";
 import { r as Db, R as Pb, a as Rp, b as Lb } from "../chunks/resizable-component.styles.CAfXABBc.js";
 import { c as Rb } from "../chunks/component.styles.CRO4Odto.js";

package/library/package.json

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

package/library/packages/atoms/src/components/icon/custom-icons/file_on_demand.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    svg: import('lit').TemplateResult<1>;
+};
+export default _default;

package/library/packages/atoms/src/components/menu-item/menu-item.d.ts

@@ -1,5 +1,5 @@
 import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
-import { MenuItemCheckPlacement } from '../../../../types/src/menu-item';
+import { AriaCurrentValue, MenuItemCheckPlacement } from '../../../../types/src/menu-item';
 import { CSSResultGroup, TemplateResult } from 'lit';
 import { default as CxIcon } from '../icon/icon';
 import { default as CxPopup } from '../popup/popup';
@@ -19,6 +19,7 @@ import { default as CxSpinner } from '../spinner/spinner';
  * @attr {boolean} no-uncheck - When `type` is `checkbox`, activating the item does not clear `checked` when it is already checked. Parent `cx-menu` may set `no-uncheck` to apply the same behavior to every checkbox item in that menu.
  * @attr {string} submenu-placement - The placement of the submenu relative to the menu item. When not set, uses RTL-aware positioning ('left-start' in RTL, 'right-start' in LTR).
  * @attr {'prefix' | 'suffix'} check-placement - Placement of the built-in checked icon relative to the label. Defaults to `suffix`. When set to `suffix` on an item that also has a submenu, the check icon renders after the submenu chevron.
+ * @attr {'page' | 'step' | 'location' | 'date' | 'time'} current - Marks this item as the current page/step/location/date/time within a set of related items. Reflected as `aria-current` for assistive technology.
  *
  * @csspart base - The component's base wrapper.
  * @csspart checked-icon - The checked icon, which is only visible when the menu item is checked.
@@ -77,6 +78,8 @@ export default class CxMenuItem extends CortexElement {
     disabled: boolean;
     /** Draws the menu item in an active - selected state. */
     active: boolean;
+    /** Reflects as the item's `aria-current` attribute. */
+    current: AriaCurrentValue | undefined;
     /** Makes the menu item readonly */
     readonly: boolean;
     /** The flip boundary for the submenu. */
@@ -107,6 +110,7 @@ export default class CxMenuItem extends CortexElement {
     private handleAnchorClick;
     handleCheckedChange(): void;
     handleDisabledChange(): void;
+    handleCurrentChange(): void;
     handleTypeChange(): void;
     /** Returns a text label based on the contents of the menu item's default slot. */
     getTextLabel(): string;

package/library/packages/hybrid/table-core/src/tabulator-tables/core/RowManager.d.ts

@@ -26,6 +26,8 @@ export default class RowManager extends CoreFeature implements IRowManager {
     heightFixer: HTMLElement;
     placeholder: HTMLElement | null;
     placeholderContents: HTMLElement | null;
+    private headerWidthObserver;
+    private headerWidthSyncFrame;
     firstRender: boolean;
     renderMode?: RenderMode;
     /**
@@ -136,6 +138,8 @@ export default class RowManager extends CoreFeature implements IRowManager {
     shouldShowPlaceholder(): boolean;
     syncColumnVisibilityState(): void;
     _showPlaceholder(): void;
+    private observeHeaderWidth;
+    private disconnectHeaderWidthObserver;
     /**
      * While the table is not yet initialized, still show placeholder element so that
      * table's height is not 0 (header-only), but hide the placeholder text

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

@@ -37,9 +37,26 @@ export default class CxAssetDataDisplay extends CortexElement {
     detailsSourceField: string;
     additionalFields: string[];
     requestedFields: string[];
-    private header;
-    private details;
-    private additionalContent;
+    /**
+     * Header text to render in the overlay. Populated automatically from
+     * `headerSourceField` when fetching, or settable directly by a consumer
+     * that fetches asset data itself (e.g. `cx-content-builder-viewer`) and
+     * sets `fetchMode="manual"`.
+     */
+    header: string;
+    /**
+     * Details text to render in the overlay. Populated automatically from
+     * `detailsSourceField` when fetching, or settable directly by a consumer
+     * that fetches asset data itself and sets `fetchMode="manual"`.
+     */
+    details: string;
+    /**
+     * Additional content lines to render in the overlay. Populated
+     * automatically from `additionalFields` when fetching, or settable
+     * directly by a consumer that fetches asset data itself and sets
+     * `fetchMode="manual"`.
+     */
+    additionalContent: string[];
     private showDefaultSlot;
     private showHeaderSlot;
     private showDetailsSlot;

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

@@ -0,0 +1,54 @@
+import { default as CxAudio } from '../../../../../atoms/src/components/audio/audio.ts';
+import { AssetVersion } from '../../../../../types/src/asset-format-picker';
+import { CSSResultGroup } from 'lit';
+
+/**
+ * @summary Content-builder subclass of cx-audio for use in the GrapeJS editor.
+ */
+export default class CxSbAudio extends CxAudio {
+    #private;
+    static readonly styles: CSSResultGroup;
+    private fetchAssetController?;
+    /**
+     * CMS5 only. Asset proxy format key (e.g. "WebHigh", "WebLow").
+     */
+    format: string;
+    /**
+     * CMS5 only. Which asset version to serve: "current" (indexed/published) or "latest" (most recent upload).
+     */
+    assetVersion: AssetVersion;
+    /**
+     * CMS5 only. Pre-resolved playback URL for the asset, stored at editor pick time.
+     * When set, takes priority over `src` for playback.
+     */
+    formatSrc: string;
+    /** CMS5 only. Asset record id used to fetch the display name. */
+    recordId: string;
+    /** CMS5 only. Security-bypass token injected by read mode for server-rendered pages. */
+    siteBuilderToken: string;
+    /**
+     * CMS5 only. Record ID of the parent asset. When set, additional metadata fields
+     * (DocSubType, InPoint, OutPoint) are fetched and stored in state.
+     */
+    parentRecordId: string;
+    /**
+     * Pre-fetched asset metadata supplied by a read-mode consumer (e.g.
+     * `cx-content-builder-viewer`) that has already batch-fetched asset data
+     * for the page. When set outside edit mode, the block stops fetching its
+     * own asset metadata and maps this data into state instead.
+     */
+    fetchedAssetData: Record<string, unknown>;
+    /**
+     * Support CMS5 edit mode for the audio.
+     */
+    get isInEditMode(): boolean;
+    handleSrcChange(): Promise<void>;
+    handleRecordIdChange(): Promise<void>;
+    handleFetchedAssetDataChange(): void;
+    private applyAssetData;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-sb-audio': CxSbAudio;
+    }
+}

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

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

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

@@ -0,0 +1,255 @@
+import { default as CxImage } from '../../../../../atoms/src/components/image/image.ts';
+import { default as CxAssetDataDisplay } from '../../../../../molecules/src/asset-data-display/asset-data-display.ts';
+import { ClickAction } from '../../../../../types/src/asset-click-action';
+import { Transformation } from '../../../../../types/src/asset-link-format';
+import { TeamSpace } from '../../../../../types/src/content-builder';
+import { ContentType } from '../../../../../types/src/gallery';
+import { HighlightableElementContentPosition } from '../../../../../types/src/highlightable-element';
+import { TemplateResult } from 'lit';
+
+/**
+ * @summary Images are wrappers for img elements with built-in lazy loading, skeleton, and fallback support.
+ * The cx-image component is a simple way to display images in your application.
+ *
+ * @csspart image - The `img` element.
+ * @csspart skeleton - The skeleton element, will be shown while the image is loading and the `skeleton` property is set.
+ * @csspart fallback - The fallback element, will be shown if the image fails to load and the `fallback` property is set.
+ * @csspart base - The component’s outer wrapper.
+ * @csspart fallback-icon - The icon rendered inside the fallback slot.
+ *
+ * @cssproperty [--padding=0] - The padding of the image.
+ * @cssproperty --padding-top - The padding-top of the image (this will override the `--padding` property).
+ * @cssproperty --padding-left - The padding-left of the image (this will override the `--padding` property).
+ * @cssproperty --padding-right - The padding-right of the image (this will override the `--padding` property).
+ * @cssproperty --padding-bottom - The padding-bottom of the image (this will override the `--padding` property).
+ * @cssproperty --border-radius - The border-radius of the image.
+ * @cssproperty --border - The border of the image.
+ *
+ * @event cx-load - Emitted when the image has loaded.
+ * @event cx-error - Emitted when the image has failed to load.
+ * @event cx-image-zoom-open - Emitted when the image zoom is opened.
+ * @event cx-image-zoom-close - Emitted when the image zoom is closed.
+ *
+ * @slot skeleton - The skeleton element, will be shown while the image is loading and the `skeleton` property is set.
+ * @slot fallback - The fallback element, will be shown if the image fails to load and the `fallback` property is set.
+ */
+export default class CxSbImage extends CxImage {
+    static readonly dependencies: {
+        'cx-asset-data-display': typeof CxAssetDataDisplay;
+        'cx-icon': typeof import('../../../../../atoms/src/index.ts').CxIcon;
+        'cx-popup': typeof import('../../../../../atoms/src/index.ts').CxPopup;
+        'cx-resize-observer': typeof import('../../../../../atoms/src/index.ts').CxResizeObserver;
+        'cx-skeleton': typeof import('../../../../../atoms/src/index.ts').CxSkeleton;
+        'cx-space': typeof import('../../../../../atoms/src/index.ts').CxSpace;
+        'cx-spinner': typeof import('../../../../../atoms/src/index.ts').CxSpinner;
+    };
+    /**
+     * Override the default behavior of retrying to load the image when it fails to load.
+     */
+    retryOnError: boolean;
+    /**
+     * The path to the image to load in dark mode.
+     */
+    srcDarkMode: string;
+    /**
+     * CMS5 Only. The asset id of the image in light mode.
+     */
+    recordId: string;
+    /**
+     * CMS5 Only. The asset id of the image in dark mode.
+     */
+    recordIdDarkMode: string;
+    /**
+     * CMS5 Only.
+     * The share source of the image's asset.
+     * Bind with record-id and record-name attribute.
+     */
+    shareSrc: string;
+    shareId: string;
+    shareName: string;
+    /**
+     * CMS5 Only.
+     * The source of download assets.
+     * Bind with download-id attribute.
+     */
+    downloadSrc: string[];
+    downloadId: string[];
+    downloadNames: string[];
+    /**
+     * Assets download format
+     */
+    downloadFormat: Record<string, string[]>;
+    /**
+     * Asset transformation proxy format key.
+     */
+    format: string;
+    /**
+     * Asset transformation proxy format key for dark mode.
+     */
+    formatDarkMode: string;
+    /**
+     * Asset transformations applied to the image.
+     */
+    transformations: Transformation[];
+    /**
+     * Asset transformations applied to the image in dark mode.
+     */
+    transformationsDarkMode: Transformation[];
+    /**
+     * A description of the image used by assistive devices in dark mode.
+     */
+    altDarkMode: string;
+    altSourceField: string;
+    /**
+     * CMS5 only. Click action for the image.
+     * Undefined for old click behavior. (different from ClickAction.DoNothing)
+     */
+    clickAction: ClickAction | undefined;
+    /**
+     * The URL to open when the click action is set to OpenLink.
+     */
+    clickLink: string;
+    /**
+     * The page URL to open when the click action is set to OpenPage.
+     */
+    clickPage: string;
+    /**
+     * The space URL to open when the click action is set to OpenSpace.
+     */
+    clickSpace: string;
+    /**
+     * The page URL to open when the click action is set to OpenPage.
+     */
+    pageUrl: string;
+    /**
+     * Whether to open the link/page/space in a new tab.
+     */
+    openInNewTab: boolean;
+    /**
+     * The position of the content compared to the image.
+     */
+    contentPosition: HighlightableElementContentPosition;
+    contentType: ContentType;
+    headerSourceField: string;
+    detailsSourceField: string;
+    /**
+     * Only for automatic layout - Defined the additional fields from fetched data.
+     */
+    additionalFields: string[];
+    siteBuilderToken: string;
+    /**
+     * Pre-fetched asset metadata supplied by a read-mode consumer (e.g.
+     * `cx-content-builder-viewer`) that has already batch-fetched asset data
+     * for the page. When set outside edit mode, the block stops its child
+     * `cx-asset-data-display` from fetching on its own and maps this data into
+     * alt text and overlay content instead.
+     */
+    fetchedAssetData: Record<string, unknown>;
+    /**
+     * Indicates whether the image is currently zoomed.
+     */
+    isZoomed: boolean;
+    imageRatio: number;
+    parsedAlt: string;
+    parsedAltDarkMode: string;
+    /** Header text forwarded to the child `cx-asset-data-display` when data was pre-fetched. */
+    private overlayHeader;
+    /** Details text forwarded to the child `cx-asset-data-display` when data was pre-fetched. */
+    private overlayDetails;
+    /** Additional content forwarded to the child `cx-asset-data-display` when data was pre-fetched. */
+    private overlayAdditionalContent;
+    /** Fresh URL re-resolved when the stored `src` has expired. */
+    private resolvedSrc;
+    /** Fresh URL re-resolved when the stored `srcDarkMode` has expired. */
+    private resolvedSrcDarkMode;
+    /**
+     * Space list supplied by `cx-content-builder-viewer`, which fetches it once per
+     * surface. The only source — this block never fetches the list itself.
+     */
+    spaces?: TeamSpace[];
+    /** Space URL re-resolved when the stored one points at a space that moved. */
+    private resolvedClickSpace;
+    /** Lazily created; recovers a fresh signed URL when a stored one expires. */
+    private fetchAssetController?;
+    /** Monotonic token to drop out-of-order expired-URL recovery responses. */
+    private srcResolveVersion;
+    /**
+     * Support CMS5 edit mode for the image.
+     */
+    get isInEditMode(): boolean;
+    get isDarkMode(): boolean;
+    noCrossorigin: boolean;
+    /**
+     * Whether the rendered asset is the dark-mode variant.
+     *
+     * True when in dark mode AND a dark variant is actually available — either via
+     * the `srcDarkMode` path or the record/format pair that produces it. All `current*`
+     * getters key off this single predicate so alt, recordId, transformations and
+     * click handlers stay aligned with whichever image is actually being displayed.
+     */
+    private get useDarkVariant();
+    get currentAltValue(): string;
+    get currentRecordId(): string;
+    get currentSrc(): string;
+    get currentTransformations(): Transformation[];
+    get highlighterTabindex(): "0" | undefined;
+    get highlighterRole(): "button" | "img";
+    get highlighterClass(): {
+        [x: string]: boolean;
+        'highlightable-item--has-action': boolean;
+        'highlightable-item': boolean;
+        'highlightable-item--effect-text-reveal': boolean;
+    };
+    get imageClass(): {
+        'image--can-zoom': boolean;
+        'image--has-action': boolean;
+        image: boolean;
+        'image--hidden': boolean;
+    };
+    /**
+     * Whether the image have zoom action.
+     */
+    protected get hasZoomAction(): boolean;
+    /**
+     * Whether the image has an click action.
+     */
+    private get hasClickAction();
+    handleClickActionChange(): Promise<void>;
+    handleClickSpaceChange(): void;
+    handleObjectFitChange(): Promise<void>;
+    handleSrcChange(): void;
+    handleFetchedAssetDataChange(): void;
+    /**
+     * Support CMS5 click action for the image.
+     */
+    protected handleClickAction(event: MouseEvent): void;
+    private handleAssetDataDisplayFetchSuccess;
+    private applyAltFromAssetData;
+    /**
+     * Maps asset data supplied by a read-mode consumer (instead of the block's
+     * own `cx-asset-data-display` fetch) into alt text and overlay content.
+     */
+    private applyFetchedAssetData;
+    /**
+     * A stored space URL breaks once the space moves domain, so the link target is
+     * re-resolved against the list the viewer supplies. Without that list the stored
+     * URL stands.
+     */
+    private resolveClickSpace;
+    /**
+     * When a stored URL has expired, re-resolve a fresh one from the block's
+     * `record-id` + `format` (light and dark variants independently). Fires on every
+     * `src` / `srcDarkMode` change and no-ops for non-expired URLs, so working paths
+     * are untouched. On failure it leaves the stored URL in place and lets the
+     * existing `@error` / fallback path handle it.
+     */
+    private recoverExpiredSources;
+    private recoverExpiredSource;
+    protected renderContent(): TemplateResult;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-sb-image': CxSbImage;
+    }
+}

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

@@ -0,0 +1,223 @@
+import { default as CxVideo } from '../../../../../atoms/src/components/video/video.ts';
+import { default as CxAssetDataDisplay } from '../../../../../molecules/src/asset-data-display/asset-data-display.ts';
+import { ClickAction } from '../../../../../types/src/asset-click-action.js';
+import { AssetVersion } from '../../../../../types/src/asset-format-picker';
+import { Transformation } from '../../../../../types/src/asset-link-format';
+import { TeamSpace } from '../../../../../types/src/content-builder';
+import { ContentType } from '../../../../../types/src/gallery.js';
+import { HighlightableElementContentPosition } from '../../../../../types/src/highlightable-element.js';
+import { TemplateResult } from 'lit';
+
+/**
+ * @summary Video are wrappers for video elements with videoJS support. This component is used to display videos in your application.
+ *
+ * @csspart video-js-container - The video-js-container element, the main container of the video.
+ * @csspart placeholder - The placeholder element.
+ *
+ * @cssproperty [--padding=0] - The padding of the image.
+ * @cssproperty --border-radius - The border-radius of the video container.
+ * @cssproperty --border - The border of the video container.
+ *
+ * @event cx-play - Emitted when playback starts.
+ * @event cx-pause - Emitted when playback pauses.
+ * @event cx-time-update - Emitted while the playback position changes.
+ * @event cx-ended - Emitted when playback reaches the end.
+ * @event cx-seeked - Emitted after a seek operation.
+ * @event cx-loaded-metadata - Emitted when metadata is loaded.
+ * @event cx-error - Emitted when the video fails to load.
+ *
+ * @slot placeholder - The placeholder element, shown while the `src` is not set.
+ */
+export default class CxSbVideo extends CxVideo {
+    #private;
+    static readonly dependencies: {
+        'cx-asset-data-display': typeof CxAssetDataDisplay;
+        'cx-image': typeof import('../../../../../atoms/src/index.ts').CxImage;
+        'cx-resize-observer': typeof import('../../../../../atoms/src/index.ts').CxResizeObserver;
+    };
+    videoJsContainer: HTMLDivElement;
+    seekbar: HTMLDivElement;
+    resizeContainer: HTMLDivElement;
+    videoJsContainerAsync: Promise<HTMLDivElement>;
+    videoElement: HTMLVideoElement;
+    progressBarContainer: HTMLDivElement;
+    videoJsContainerElement: HTMLDivElement;
+    /**
+     * The share source of the image's asset.
+     * Bind with record-id and record-name attribute.
+     */
+    shareSrc: string;
+    shareId: string;
+    shareName: string;
+    /**
+     * The source of download assets.
+     * Bind with download-id attribute.
+     */
+    downloadSrc: string[];
+    downloadId: string[];
+    downloadNames: string[];
+    /**
+     * Assets download format
+     */
+    downloadFormat: Record<string, string[]>;
+    /**
+     * CMS5 Only. The asset id of the video.
+     */
+    recordId: string;
+    /**
+     * Asset id of the thumbnail image, used to fetch a format-specific URL.
+     */
+    thumbnailRecordId: string;
+    /**
+     * Thumbnail proxy format key (e.g. "webp", "jpg").
+     */
+    thumbnailFormat: string;
+    /**
+     * Transformations applied to the thumbnail image.
+     */
+    thumbnailTransformations: Transformation[];
+    /**
+     * CMS5 Only. Asset proxy format key (e.g. "WebHigh", "WebLow").
+     */
+    format: string;
+    /**
+     * CMS5 Only. Which asset version to serve: "current" (indexed/published) or "latest" (most recent upload).
+     * "current" links are frozen at editor pick time and stored in format-src.
+     */
+    assetVersion: AssetVersion;
+    /**
+     * CMS5 Only. Pre-resolved playback URL for asset, stored at editor pick time.
+     */
+    formatSrc: string;
+    /**
+     * CMS5 Only. Click action for the video.
+     * Undefined for old click behavior. (different from ClickAction.DoNothing)
+     */
+    clickAction: ClickAction | undefined;
+    /**
+     * The URL to open when the click action is set to OpenLink.
+     */
+    clickLink: string;
+    /**
+     * The page URL to open when the click action is set to OpenPage.
+     */
+    clickPage: string;
+    /**
+     * The space URL to open when the click action is set to OpenSpace.
+     */
+    clickSpace: string;
+    /**
+     * The page URL to open when the click action is set to OpenPage.
+     */
+    pageUrl: string;
+    /**
+     * Whether to open the link/page/space in a new tab.
+     */
+    openInNewTab: boolean;
+    contentPosition: HighlightableElementContentPosition;
+    /**
+     * Specifies the content type of the video.
+     */
+    contentType: ContentType;
+    headerSourceField: string;
+    detailsSourceField: string;
+    /**
+     * Only for automatic layout - Defined the additional fields from fetched data.
+     */
+    additionalFields: string[];
+    siteBuilderToken: string;
+    /**
+     * Pre-fetched asset metadata supplied by a read-mode consumer (e.g.
+     * `cx-content-builder-viewer`) that has already batch-fetched asset data
+     * for the page. When set outside edit mode, the block stops its child
+     * `cx-asset-data-display` from fetching on its own and maps this data into
+     * the name and overlay content instead.
+     */
+    fetchedAssetData: Record<string, unknown>;
+    /** Header text forwarded to the child `cx-asset-data-display` when data was pre-fetched. */
+    private overlayHeader;
+    /** Details text forwarded to the child `cx-asset-data-display` when data was pre-fetched. */
+    private overlayDetails;
+    /** Additional content forwarded to the child `cx-asset-data-display` when data was pre-fetched. */
+    private overlayAdditionalContent;
+    /**
+     * Space list supplied by `cx-content-builder-viewer`, which fetches it once per
+     * surface. The only source — this block never fetches the list itself.
+     */
+    spaces?: TeamSpace[];
+    /** Space URL re-resolved when the stored one points at a space that moved. */
+    private resolvedClickSpace;
+    /** Lazily created; recovers a fresh signed URL when the stored one expires. */
+    private fetchAssetController?;
+    /**
+     * Support CMS5 edit mode for the video.
+     */
+    get isInEditMode(): boolean;
+    get containerClassMap(): {
+        'container--has-action': boolean;
+        container: boolean;
+        'container--empty': boolean;
+        'container--error': boolean;
+        'container--resizing': boolean;
+    };
+    constructor();
+    runConnectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Whether the video has an click action.
+     */
+    private hasClickAction;
+    protected onFullscreenChange(): void;
+    /**
+     * Since we block the event inside the videojs container here
+     * so we need to emit a click again in edit mode to perform selecting action.
+     */
+    private handleClick;
+    /**
+     * Block video clicks when there is a click action.
+     * Not using setupVideoJsPlayer to block clicks
+     * because we still need to enable all actions in fullscreen mode.
+     */
+    private blockVideoClicks;
+    handleClickActionChange(prev?: ClickAction, next?: ClickAction): void;
+    handleClickSpaceChange(): void;
+    /**
+     * A stored space URL breaks once the space moves domain, so the link target is
+     * re-resolved against the list the viewer supplies. Without that list the stored
+     * URL stands.
+     */
+    private resolveClickSpace;
+    handleThumbnailChange(): void;
+    handleFetchedAssetDataChange(): void;
+    handleSrcChange(): Promise<void>;
+    /**
+     * Returns the URL to hand to the player
+     */
+    private recoverExpiredSrc;
+    /**
+     * Re-resolves a fresh playback URL from `record-id` + `format` when the stored
+     * `format-src` has expired. Mirrors the pick-time `path_<format>.URI` resolution;
+     * on failure the caller falls back to the stored URL.
+     */
+    private resolveFreshFormatSrc;
+    applySrc(src: string): Promise<void>;
+    private requestVideoFullscreen;
+    private handleAssetDataDisplayFetchSuccess;
+    private applyNameFromAssetData;
+    /**
+     * Maps asset data supplied by a read-mode consumer (instead of the block's
+     * own `cx-asset-data-display` fetch) into name and overlay content.
+     */
+    private applyFetchedAssetData;
+    /**
+     * Support CMS5 click action for the video.
+     */
+    private handleClickAction;
+    protected renderContent(): TemplateResult;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-sb-video': CxSbVideo;
+    }
+}