@orangelogic/design-system 2.140.0 → 2.142.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.u2nQNoZ8.js";
+import { C as Cb } from "../chunks/image.B3vsXGrN.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.140.0",
+  "version": "2.142.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/color-picker/color-picker.d.ts

@@ -67,6 +67,7 @@ import { default as CxVisuallyHidden } from '../visually-hidden/visually-hidden'
  * @cssproperty --control-caret-color - The color of button variant's control's caret.
  */
 export default class CxColorPicker extends CortexElement implements CortexFormControl {
+    #private;
     static readonly styles: CSSResultGroup;
     static readonly dependencies: {
         'cx-button': typeof CxButton;

package/library/packages/atoms/src/components/line-clamp/line-clamp.d.ts

@@ -33,6 +33,11 @@ export default class CxLineClamp extends CortexElement {
      * The tooltip to show. When this prop is set, the component will always show a tooltip.
      */
     tooltip: string;
+    /**
+     * Consumer-provided tooltip text, shown only when the content is clamped. Overrides the
+     * auto-derived (scraped) text; leave empty ('') to fall back to it.
+     */
+    clampedTooltip: string;
     disabledTooltip: boolean;
     disabledHoverBridge: boolean;
     /** The flip boundary for the tooltip. */
@@ -81,6 +86,7 @@ export default class CxLineClamp extends CortexElement {
     isTextClamped(element: Element): boolean;
     handleResize(): void;
     toggleShowingMore(): void;
+    private get resolvedTooltipContent();
     render(): TemplateResult<1>;
 }
 declare global {

package/library/packages/events/src/cx-annotator-tool-change.d.ts

@@ -0,0 +1,11 @@
+import { AnnotatorTool } from '../../types/src/annotator';
+
+export type CxAnnotatorToolChangeEvent = CustomEvent<{
+    active: boolean;
+    tool: AnnotatorTool;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-annotator-tool-change': CxAnnotatorToolChangeEvent;
+    }
+}

package/library/packages/events/src/events.d.ts

@@ -10,6 +10,7 @@ export * from './cx-after-collapse';
 export * from './cx-after-expand';
 export * from './cx-after-hide';
 export * from './cx-after-show';
+export * from './cx-annotator-tool-change';
 export * from './cx-asset-data-display-slot-change';
 export * from './cx-asset-format-picker-select';
 export * from './cx-asset-picker-delete';

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

@@ -18,6 +18,7 @@ export declare const IMAGES_LOAD_OFFSET = 15;
 export declare const MAX_STORED_PAGES = 10;
 export declare const MAX_CANVAS_SCALE = 2;
 export declare const MIN_CANVAS_SCALE = 1;
+export declare const MAX_CANVAS_PIXELS: number;
 export declare const SPECIAL_SCALE_OPTION: {
     ACTUAL_SIZE: string;
     PAGE_FIT: string;
@@ -28,6 +29,7 @@ export declare const CORTEX_VIEW_MODE_MAP: {
 };
 export declare const DEBOUNCE_TIME = 300;
 export declare const THROTTLE_TIME = 700;
+export declare const SCALE_RENDER_DEBOUNCE_TIME = 250;
 export declare const SCALE_OPTIONS: {
     label: string;
     value: number;

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

@@ -113,7 +113,7 @@ export type TextItem = {
     width: number;
 };
 export type PageView = {
-    imageData?: ImageData | null;
+    bitmap?: ImageBitmap | null;
     isRendering?: boolean;
     loading: boolean;
     page: PDFPageProxy | null;
@@ -131,7 +131,7 @@ export type BookContext = {
         [key: number]: PageView;
     };
     requestPDFPageProxy: (pageNumbers: number[]) => void;
-    requestRenderPDFPage: (pageNumber: number) => Promise<null | ImageData | undefined>;
+    requestRenderPDFPage: (pageNumber: number) => Promise<null | ImageBitmap | undefined>;
 } | null;
 export declare enum BookReaderMode {
     IMAGE = "Image",

package/library/packages/hybrid/table-core/src/table/components/table-toolbar/table-toolbar.d.ts

@@ -25,14 +25,12 @@ import { default as CxTableSavedSearchDropdown } from './table-saved-search-drop
  * @slot label - Optional label content that replaces the label property fallback.
  * @slot pagination - Optional pagination content displayed opposite the label.
  * @slot add-action - Replaces the default add button. When empty the default add button (controlled by `can-add`) is rendered unchanged.
- * @slot dialog-dynamic-filter - Filter UI shown beside the toolbar actions and hidden while rows are selected. `cx-table` renders a `cx-faceted-filter` here when facets are available.
+ * @slot dialog-dynamic-filter - Filter UI shown beside the toolbar actions and hidden while rows are selected. `cx-table` renders a `cx-faceted-filter` here when facets are available. Set `has-dynamic-filter` when slotting content here directly, so the actions row is rendered to receive it.
  *
  * @event {{ value: string }} cx-search - Emitted when the search value is submitted or cleared.
  * @event cx-table-advanced-search-click - Emitted when the advanced search action is clicked.
  * @event cx-add - Emitted when the add action is clicked.
  * @event {{ type: 'csv' | 'xml' | 'custom' | 'report' }} cx-table-export - Emitted when an export action is selected.
- *
- * @cssproperty [--header-pagination-min-height=var(--cx-input-height-medium)] - Reserved height for the label/pagination row when pagination is enabled.
  */
 export default class CxTableToolbar extends CortexElement {
     static readonly styles: CSSResultGroup;
@@ -155,6 +153,18 @@ export default class CxTableToolbar extends CortexElement {
      * height when pagination moves between `top-*`/`bottom-*` placements.
      */
     pagination: boolean;
+    /**
+     * When true, an empty header row collapses instead of reserving space.
+     * Ignored while the header has a label or a top-placed paginator — real
+     * content always keeps the row visible.
+     */
+    noHeaderRowReserve: boolean;
+    /**
+     * Set by cx-table when a dynamic (faceted) filter is slotted into
+     * `dialog-dynamic-filter`. A reactive property (not slot detection) so the
+     * actions row reliably renders when facets load asynchronously.
+     */
+    hasDynamicFilter: boolean;
     private renderSelectAll;
     private handleSearchSubmit;
     private handleAdvancedSearchClick;
@@ -171,7 +181,16 @@ export default class CxTableToolbar extends CortexElement {
     private renderGroupByDropdown;
     private renderExportDropdown;
     private renderDropdownFilters;
-    private renderPagination;
+    private renderHeaderRow;
+    /**
+     * Whether the actions row has anything to show. When false the row is not
+     * rendered, so its inter-row gap does not add empty space below the header
+     * (e.g. a pagination-only table). Driven entirely by reactive properties.
+     */
+    private get hasHeaderActions();
+    /** True when either the default add button or a custom `add-action` slot should render. */
+    get hasAddAction(): boolean;
+    private renderHeaderActions;
     render(): import('lit').TemplateResult<1>;
 }
 declare global {

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

@@ -63,7 +63,6 @@ import { CxTableFooter, CxTableRowActions, CxTableToolbar } from './components';
  * @cssproperty [--table-active-cell-border-color=var(--cx-color-neutral-200)] - The border color of the active/hover range overlay cell outline.
  * @cssproperty [--table-selected-cell-border-width=1px] - The border width of the active selected cell.
  * @cssproperty [--table-selected-cell-border-style=solid] - The border style of the active selected cell.
- * @cssproperty [--header-pagination-min-height=var(--cx-input-height-medium)] - Reserved height for the toolbar's label/pagination row (`cx-table-toolbar`) when `pagination` is enabled, regardless of `pagination-placement`. Set to `0` to remove the reservation.
  * @slot add-action - Passed through to `cx-table-toolbar`'s `add-action` slot. Replaces the default add button when provided; when empty the toolbar's default add button (controlled by `can-add`) is rendered unchanged.
  *
  * @event {{ args: any[] }} cx-table.[event_name] - Emitted when the event with such name is emitted on the table.
@@ -678,6 +677,14 @@ export default class CxTable extends CortexElement {
      * Where to place the pagination control relative to the table.
      */
     paginationPlacement: PaginationPlacement;
+    /**
+     * When true, the toolbar does not reserve an empty header row. A label or a
+     * top-placed paginator still shows (content always wins) — this only removes
+     * the reserved blank space, letting the table sit flush. Useful when the host
+     * renders its own header/label outside the table (e.g. a bottom-paginated
+     * table).
+     */
+    noHeaderRowReserve: boolean;
     /**
      * The hover menu options.
      */
@@ -795,6 +802,13 @@ export default class CxTable extends CortexElement {
     get searchValue(): string;
     get isBottomPlacement(): boolean;
     get showPaginationFooter(): boolean;
+    /**
+     * Whether pagination alone should render the toolbar. A top-placed paginator
+     * sits in the toolbar header row, and by default the empty header row is
+     * reserved. A bottom paginator lives in the footer, so once that reserve is
+     * opted out via `no-header-row-reserve` there is no reason to render it.
+     */
+    private get paginationNeedsToolbar();
     /** True when either the default add button or a custom `add-action` slot should render. */
     get hasAddAction(): boolean;
     get showTableToolbar(): string | boolean;
@@ -883,6 +897,8 @@ export default class CxTable extends CortexElement {
     private streamXmlData;
     private loadFromDataUrl;
     private handleTabulatorAjaxResponse;
+    private renderToolbar;
+    private renderPaginationFooter;
     render(): TemplateResult;
 }
 declare global {

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

@@ -8,6 +8,8 @@ import { default as CxAnnotatorLineWeight } from './components/annotator-line-we
 
 /**
  * @summary CxAnnotator - A component that allows users to annotate a specific element.
+ *
+ * @event {{ active: boolean; tool: AnnotatorTool }} cx-annotator-tool-change - Fired when a drawing tool is selected (`active: true`) or the active tool icon is clicked again to return to select mode (`active: false`). `tool` is the `AnnotatorTool` value (`arrow-marker`, `line-marker`, `rectangle-marker`, `freehand-marker`).
  */
 export default class CxAnnotator extends CortexElement {
     static readonly styles: CSSResultGroup;

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

@@ -27,6 +27,7 @@ export default class CxAssetFormatPicker extends CortexElement {
         'cx-typography': typeof CxTypography;
     };
     private readonly localize;
+    private apiGetAuthorizedObjects;
     private apiGetAvailableProxies;
     private apiSearchAssets;
     inputEl?: CxInput;

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

@@ -25,6 +25,7 @@ export { default as CxGraphView } from './graph-view/graph-view';
 export { default as CxIconPicker } from './icon-picker/icon-picker';
 export { default as CxMasonry } from './masonry/masonry';
 export { default as CxMentions } from './mentions/mentions';
+export { default as CxMultiSelect } from './multi-select/multi-select';
 export { default as CxPaddingInputGroup } from './padding-input-group/padding-input-group';
 export { default as CxPageOutline } from './page-outline/page-outline';
 export { default as CxPdfViewerToolbar } from './pdf-viewer-toolbar/pdf-viewer-toolbar';

package/library/packages/organisms/src/annotator-comment/annotator-comment.d.ts

@@ -12,6 +12,8 @@ declare global {
 }
 /**
  * @summary CxAnnotatorComment - An extension of the CxComment component that allows users to annotate a specific element.
+ *
+ * @event {{ active: boolean; tool: AnnotatorTool }} cx-annotator-tool-change - Emitted via the inner `cx-annotator` when a drawing tool is selected (`active: true`) or the active tool icon is clicked again to return to select mode (`active: false`). `tool` is the `AnnotatorTool` value (`arrow-marker`, `line-marker`, `rectangle-marker`, `freehand-marker`). Bubbles and composed.
  */
 export default class CxAnnotatorComment extends CxComment {
     static readonly styles: import('lit').CSSResult[];

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

@@ -268,6 +268,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"];

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

@@ -19,7 +19,6 @@ export { default as CxFileOnDemand } from './file-on-demand/file-on-demand';
 export { default as CxFindAndReplace } from './find-and-replace/find-and-replace';
 export { default as CxLightbox } from './lightbox/lightbox';
 export { default as CxListEditor } from './list-editor/list-editor';
-export { default as CxMultiSelect } from './multi-select/multi-select';
 export { default as CxSpecialCharactersDialog } from './special-characters-dialog/special-characters-dialog';
 export { default as CxTemplateSwitcher } from './template-switcher/template-switcher';
 export { default as CxTextToSpeech } from './text-to-speech/text-to-speech';

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

@@ -57,6 +57,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/utils/src/string/string.d.ts

@@ -148,6 +148,7 @@ export declare function reducePathToDirectChild(full: string, base: string): str
 export declare function formatTimeToSeconds(timeString: string, options?: TimeFormatOptions): number;
 export declare function extractExtension(filename: string): string | null;
 export declare function sanitizeHTML(html: string): string;
+export declare function htmlToPlainText(html: string): string;
 export declare function safeString(value: any): string;
 export declare function emptyToSpace(value: any): string;
 export declare function isGalleryItemCardType(value: unknown): value is GalleryItemCardType;