@orangelogic/design-system 2.136.0 → 2.138.0

package/library/components/video.js

@@ -1,13 +1,13 @@
 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.KZRXIthe.js";
+import { C as Cb } from "../chunks/image.qP6cTWCN.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";
 import { b as Ib } from "../chunks/browser.BHOCIF_A.js";
 import { c as Ob } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as kb } from "../chunks/i18n.DJikbkDK.js";
+import { L as kb } from "../chunks/i18n.BlLEIqQ0.js";
 import { w as Ki } from "../chunks/watch.CThbualB.js";
 import { i as Bb, x as Qc } from "../chunks/lit-element.jLBm65_O.js";
 import { n as Ri } from "../chunks/lib-cortex-element.CVMmyPMC.js";

package/library/package.json

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

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

@@ -2,6 +2,7 @@ import { default as CxButton } from '../../../atoms/src/components/button/button
 import { default as CxIconButton } from '../../../atoms/src/components/icon-button/icon-button.ts';
 import { default as CxInput } from '../../../atoms/src/components/input/input.ts';
 import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
+import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
 import { default as CxTypography } from '../../../atoms/src/components/typography/typography.ts';
 import { default as CortexElement } from '../../../base/src/cortex-element.ts';
 import { AssetFormatValue } from '../../../types/src/asset-format-picker';
@@ -22,10 +23,12 @@ export default class CxAssetFormatPicker extends CortexElement {
         'cx-icon-button': typeof CxIconButton;
         'cx-input': typeof CxInput;
         'cx-space': typeof CxSpace;
+        'cx-tooltip': typeof CxTooltip;
         'cx-typography': typeof CxTypography;
     };
     private readonly localize;
     private apiGetAvailableProxies;
+    private apiSearchAssets;
     inputEl?: CxInput;
     /** The currently selected asset format value. */
     value: AssetFormatValue | undefined;
@@ -33,6 +36,11 @@ export default class CxAssetFormatPicker extends CortexElement {
     name: string;
     /** The encrypted asset ID to request formats for. */
     assetId: string;
+    /**
+     * When true, resolves format labels via the CMS5 Site Builder proxies endpoint, which is gated by
+     * the teamspace editor role and returns metadata only — avoiding the link-creation permission wall.
+     */
+    isSiteBuilder: boolean;
     /** Whether a value is required. */
     required: boolean;
     /** Disables the picker. */
@@ -45,6 +53,8 @@ export default class CxAssetFormatPicker extends CortexElement {
      * promise that resolves to an `AssetFormatValue` or null when cancelled.
      */
     onRequestAssetFormat: ((assetId: string, value?: AssetFormatValue) => Promise<AssetFormatValue | null | undefined>) | undefined;
+    /** Set to false once an access check confirms the asset is not reachable by the current user. */
+    private canAccess;
     private get hasValue();
     private get resolvedLabel();
     private get canReset();
@@ -52,6 +62,7 @@ export default class CxAssetFormatPicker extends CortexElement {
     private handleResetClick;
     handleAssetIdChange(): Promise<void>;
     handleValueChange(): Promise<void>;
+    private renderButtonContainer;
     private renderFormatDisplay;
     render(): import('lit').TemplateResult<1>;
 }

package/library/packages/molecules/src/folder-select/components/folder-select-tree/folder-select-tree.d.ts

@@ -22,6 +22,12 @@ export default class CxFolderSelectTree extends CortexElement {
     token: string;
     bearerToken: string;
     baseUrl: string;
+    /**
+     * Restricts the tree's top-level roots to these folder ids. When set, the root
+     * fetch passes them as `allowedFolders` so the browser only exposes folders
+     * under the configured space roots. Empty = browse from the global root.
+     */
+    allowedFolders: string[];
     extraFolderId: string;
     extraFolderTitle: string;
     extraFolderIcon: string;

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

@@ -28,6 +28,11 @@ export default class CxFolderSelect extends CortexElement {
     name: string;
     selectedLabel: string;
     baseUrl: string;
+    /**
+     * Restricts the browser tree's top-level roots to these folder ids
+     * (forwarded to cx-folder-select-tree). Empty = browse from the global root.
+     */
+    allowedFolders: string[];
     open: boolean;
     token: string;
     bearerToken: string;

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

@@ -5,6 +5,7 @@ import { default as CxGridItem } from '../../../atoms/src/components/grid-item/g
 import { default as CxIconButton } from '../../../atoms/src/components/icon-button/icon-button.ts';
 import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
 import { default as CxSpinner } from '../../../atoms/src/components/spinner/spinner.ts';
+import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
 import { default as CxTypography } from '../../../atoms/src/components/typography/typography.ts';
 import { default as CortexElement } from '../../../base/src/cortex-element.ts';
 import { default as CxCropper } from '../../../molecules/src/cropper/cropper.ts';
@@ -34,12 +35,14 @@ export default class CxAssetTransformationDialog extends CortexElement {
         'cx-icon-button': typeof CxIconButton;
         'cx-space': typeof CxSpace;
         'cx-spinner': typeof CxSpinner;
+        'cx-tooltip': typeof CxTooltip;
         'cx-typography': typeof CxTypography;
     };
     private readonly localize;
     private fetchAssetController?;
     private readonly hasSlotController;
     private apiGetAvailableProxies;
+    private apiSearchAssets;
     /** Stores the accessible trigger element for focus return and ARIA updates. */
     private accessibleTrigger;
     private readonly triggerSlot;
@@ -78,8 +81,11 @@ 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. */
+    private canAccess;
     private get hasTransformations();
     handleAssetIdChange(): Promise<void>;
+    handleCanAccessChange(): void;
     handleOpenChange(): void;
     /** Syncs disabled state and ARIA attributes on the slotted trigger element.
      * For cx-button/cx-icon-button, ARIA is set on the inner <button> so screen readers
@@ -100,6 +106,7 @@ export default class CxAssetTransformationDialog extends CortexElement {
     private handleSave;
     private handleCancel;
     private handleAssetLinkFormatShow;
+    private renderTriggerSlot;
     render(): import('lit').TemplateResult<1>;
 }
 declare global {

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

@@ -282,6 +282,11 @@ export default class CxConfigForm extends CortexElement {
     dialogTitle: string;
     skipShowCheck: boolean;
     enableAssetFormatControls: boolean;
+    /**
+     * Root folder ids the folder-picker controls are restricted to (forwarded to
+     * cx-folder-picker). Sourced from the space's configured root folders.
+     */
+    allowedFolders: string[];
     /**
      * Whether the user is currently editing the template settings.
      * This is used to determine if the user is editing the template name and description.

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;
+    /**
+     * Root folder ids the folder-picker controls are restricted to (forwarded to
+     * cx-config-form). Sourced from the space's configured root folders.
+     */
+    allowedFolders: string[];
     /**
      * A list of properties that are not shown in the configuration manager if mode is EditorMode.Content.
      * @default []

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

@@ -43,6 +43,12 @@ export default class CxFolderPicker extends CortexElement {
      * list of selected folder ids and `detail.representativeAssetId` from the first selected folder.
      */
     multiple: boolean;
+    /**
+     * Restricts the folder browser to these root folder ids (forwarded to
+     * cx-folder-select). Used to scope the picker to the space's configured
+     * root folders. Empty = browse from the global root.
+     */
+    allowedFolders: string[];
     /**
      * The select's required attribute.
      */

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

@@ -105,6 +105,11 @@ export default class CxContentBuilder extends CortexElement {
      * @default false
      */
     enableAssetFormatControls: boolean;
+    /**
+     * Root folder ids that the folder-picker controls in the block config are
+     * restricted to.
+     */
+    allowedFolders: string[];
     /**
      * The default language of the content builder.
      * This is the language that will be used to store the translatable texts.

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

@@ -87,6 +87,7 @@ export default class StyleController {
             prescribedDocTypes?: import('../../../types/src/download-format-picker').DownloadDocType[];
         };
         folderPickerConfigs?: {
+            useAllowedFolders?: boolean;
             useFullPath?: boolean;
             variant?: import('../../../types/src/folder-select').FolderSelectVariant;
         };

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

@@ -43,8 +43,9 @@ export declare function apiGetTransformAssetLink({ assetId, extension, format, s
 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, }: {
+export declare function apiGetAvailableProxies({ assetRecordId, isSiteBuilder, siteUrl, token, useSession, }: {
     assetRecordId: string;
+    isSiteBuilder?: boolean;
     siteUrl?: string;
     token?: string;
     useSession?: string;

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

@@ -38,6 +38,7 @@ export declare enum CHAPTER_API_ENDPOINT {
 export declare enum CMS5_API_ENDPOINT {
     BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/418g_v1",
     GET_ADHOC_PROPERTIES = "webapi/cms/cms5/blocktemplate/getadhocpropertieslist_419s_v1",
+    GET_AVAILABLE_PROXIES = "webapi/cms/cms5/availableproxies_42YX_v1",
     GET_BLOCK_TEMPLATES = "webapi/cms/cms5/blocktemplate/getblocktemplates_419y_v1",
     GET_BLOCK_TYPES = "webapi/cms/cms5/blocktemplate/getblocktypes_419z_v1",
     GET_CAN_CREATE_BLOCK_TEMPLATE = "webapi/cms/cms5/blocktemplate/cancreatenewblocktemplate_41cs_v1",

package/library/packages/tools/src/attribute-converter/string-array.d.ts

@@ -0,0 +1,5 @@
+declare const stringArrayConverter: {
+    fromAttribute: (value: string) => string[];
+    toAttribute: (value: string[]) => string;
+};
+export default stringArrayConverter;

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

@@ -93,6 +93,7 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
         prescribedDocTypes?: DownloadDocType[];
     };
     folderPickerConfigs?: {
+        useAllowedFolders?: boolean;
         useFullPath?: boolean;
         variant?: FolderSelectVariant;
     };

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

@@ -469,6 +469,7 @@ export interface Translation extends DefaultTranslation {
     formatDDMMYYYY: string;
     formats: string;
     forward: string;
+    fourPageView: string;
     freehandDrawing: string;
     fromLabel: string;
     fullscreen: string;
@@ -641,6 +642,7 @@ export interface Translation extends DefaultTranslation {
     nextOccurrence: string;
     nextPage: string;
     nextSlide: string;
+    noAccessToAsset: string;
     noCardsAddedYet: string;
     noColumnsVisible: string;
     noControls: string;
@@ -669,6 +671,7 @@ export interface Translation extends DefaultTranslation {
     ok: string;
     onHover: string;
     onThisPage: string;
+    onePageView: string;
     ongoing: string;
     oopsSomethingWentWrong: string;
     opacity: string;
@@ -997,6 +1000,7 @@ export interface Translation extends DefaultTranslation {
     trim: string;
     tuneDisabled: string;
     turnOnSeeThru: string;
+    twoPageView: string;
     txtOnly: string;
     type: string;
     typeAMessage: string;
@@ -1046,6 +1050,7 @@ export interface Translation extends DefaultTranslation {
     viewAndSortElement: string;
     viewInAR: string;
     viewLogs: string;
+    viewMode: string;
     viewOnAsset: string;
     viewOptions: string;
     viewPageDetails: string;

package/library/react-web-component.d.ts

@@ -6379,6 +6379,10 @@
           * 
         */
         baseUrl?: string;
+        /**
+          * Restricts the browser tree's top-level roots to these folder ids (forwarded to cx-folder-select-tree). Empty = browse from the global root.
+        */
+        allowedFolders?: string[];
         /**
           * 
         */
@@ -7279,6 +7283,10 @@
           * The encrypted asset ID to request formats for.
         */
         assetId?: string;
+        /**
+          * When true, resolves format labels via the CMS5 Site Builder proxies endpoint, which is gated by the teamspace editor role and returns metadata only — avoiding the link-creation permission wall.
+        */
+        isSiteBuilder?: boolean;
         /**
           * Whether a value is required.
         */
@@ -9501,6 +9509,10 @@
           * Whether to expose the asset format / transformation / download-format / asset-format-picker controls in the per-block config sidebar for image, video, gallery, carousel, and timeline blocks. <br/>@default false
         */
         enableAssetFormatControls?: boolean;
+        /**
+          * Root folder ids that the folder-picker controls in the block config are restricted to.
+        */
+        allowedFolders?: string[];
         /**
           * The default language of the content builder. This is the language that will be used to store the translatable texts.
         */

package/library/utils.js

@@ -12,7 +12,7 @@ import { d as Fe } from "./chunks/default-value.COZopaet.js";
 import { d as be } from "./chunks/drag.DXEXVXPv.js";
 import { f as O } from "./chunks/form.K1XOtu3S.js";
 import { F as ke, c as Ve, g as Oe, v as Ye, a as Ue } from "./chunks/form.K1XOtu3S.js";
-import { L as Pe, r as _e } from "./chunks/i18n.DJikbkDK.js";
+import { L as Pe, r as _e } from "./chunks/i18n.BlLEIqQ0.js";
 import { c as Xe, q as Be } from "./chunks/math.DuKzLacZ.js";
 import { g as Ge, l as $e, s as ze, u as qe } from "./chunks/scroll.xtO5yojm.js";
 import { j as x } from "./chunks/dom.acWb8KCK.js";

package/package.json

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