@orangelogic/design-system 2.196.0 → 2.198.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.BSvc6eti.js";
+import { C as Cb } from "../chunks/image.ZANuNTs8.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.196.0",
+  "version": "2.198.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

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

@@ -48,6 +48,8 @@ export default class CxSbImage extends CxImage {
     retryOnError: boolean;
     /** Content-builder images keep their measured box visible while the asset loads. */
     skeleton: boolean;
+    /** Content-builder blocks hold the box without an animated sheen. */
+    protected placeholderSkeletonEffect: "none";
     /**
      * The path to the image to load in dark mode.
      */

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

@@ -193,6 +193,7 @@ export default class CxSbVideo extends CxVideo {
      */
     private resolveClickSpace;
     handleThumbnailChange(): void;
+    handlePosterChange(): Promise<void>;
     handleFetchedAssetDataChange(): void;
     handleSrcChange(): Promise<void>;
     /**

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

@@ -66,31 +66,6 @@ export default class CxConfigManager extends CortexElement {
      * @default false
      */
     enableFontFamilyControls: boolean;
-    /**
-     * Default asset format applied to image blocks.
-     * @default 'TRX'
-     */
-    defaultImageFormat: string;
-    /**
-     * Default asset format applied to video poster (thumbnail) blocks.
-     * @default 'TRX'
-     */
-    defaultVideoPosterFormat: string;
-    /**
-     * Default asset format applied to gallery blocks.
-     * @default 'TRX'
-     */
-    defaultGalleryFormat: string;
-    /**
-     * Default asset format applied to carousel blocks.
-     * @default 'TRX'
-     */
-    defaultCarouselFormat: string;
-    /**
-     * Default asset format applied to timeline blocks.
-     * @default 'TRX'
-     */
-    defaultTimelineFormat: string;
     /**
      * 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/components/gallery-picker/gallery-picker.d.ts

@@ -93,6 +93,14 @@ export default class CxGalleryPicker extends CortexElement implements CortexForm
     private readonly maxColumns;
     private readonly rowHeight;
     private readonly spacing;
+    /**
+     * Proxy the picker's thumbnails are always served from.
+     *
+     * The picker shows the author which asset they are choosing, in a fixed-size grid, so it
+     * pins one small proxy instead of following the block's configured format — the format
+     * the block will render at says nothing about what this preview needs.
+     */
+    private static readonly THUMBNAIL_FORMAT;
     private autofetchController;
     /** Gets the validity state object */
     get validity(): {

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

@@ -18,11 +18,10 @@ import { CxRTEBubbleMenu, CxRTETableGenerator } from './plugins';
  * download-format, and asset-format-picker controls on image, video, gallery,
  * carousel, and timeline blocks. Off by default.
  *
- * `default-image-format`, `default-video-poster-format`,
- * `default-gallery-format`, `default-carousel-format`, and
- * `default-timeline-format` set the initial format for their respective block
- * type. All apply regardless of `enable-asset-format-controls`, and act as the
- * fallback when a block has not had its format explicitly configured.
+ * `default-image-format`, `default-video-poster-format`, `default-timeline-format`,
+ * `default-gallery-format` and `default-carousel-format` are retained for backward
+ * compatibility but no longer do anything: every block type now starts in `Auto` and
+ * derives its proxy from the asset's own file extension.
  *
  * @event cx-change - Emitted when the content builder changes.
  */
@@ -121,38 +120,53 @@ export default class CxContentBuilder extends CortexElement {
      */
     enableMetrics: boolean;
     /**
-     * Default asset format applied to image blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how image blocks resolve.
+     *
+     * Image blocks always start in `Auto` now: no format is stored on creation or on pick, so
+     * each one derives its proxy from the asset's own file extension. Setting this attribute
+     * is accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Image format is resolved from the asset; this value is ignored.
      */
     defaultImageFormat: string;
     /**
-     * Default asset format applied to video poster (thumbnail) blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how video posters resolve.
+     *
+     * A video poster always starts in `Auto` now: no thumbnail format is stored on creation
+     * or on pick, so the proxy is derived from the picked asset. Setting this attribute is
+     * accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Poster format is resolved from the asset; this value is ignored.
      */
     defaultVideoPosterFormat: string;
     /**
-     * Default asset format applied to gallery blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how galleries resolve.
+     *
+     * A gallery always starts in `Auto` now: no format is stored on creation, and switching
+     * source resets back to `Auto`, so each item derives its proxy from its own file
+     * extension. Setting this attribute is accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Format is resolved per item from the asset; this value is ignored.
      */
     defaultGalleryFormat: string;
     /**
-     * Default asset format applied to carousel blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how carousels resolve.
+     *
+     * A carousel always starts in `Auto` now: no format is stored on creation, and switching
+     * source resets back to `Auto`, so each item derives its proxy from its own file
+     * extension. Setting this attribute is accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Format is resolved per item from the asset; this value is ignored.
      */
     defaultCarouselFormat: string;
     /**
-     * Default asset format applied to timeline blocks.
-     * Used as the initial format when a block is added, whether or not
-     * `enable-asset-format-controls` is on.
-     * @default 'TR1'
+     * Retained for backward compatibility; it no longer changes how timelines resolve.
+     *
+     * Timeline thumbnails always start in `Auto` now: no format is stored on creation, so
+     * each item derives its proxy from its own file extension. Setting this attribute is
+     * accepted and reflected, but nothing reads it.
+     *
+     * @deprecated Timeline format is resolved per item from the asset; this value is ignored.
      */
     defaultTimelineFormat: string;
     /**

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

@@ -4,11 +4,6 @@ import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 import { Component, ComponentDefinition, ComponentView, ComponentViewDefinition, Editor } from 'grapesjs';
 
 export type EditorPluginOptions = {
-    defaultCarouselFormat?: string;
-    defaultGalleryFormat?: string;
-    defaultImageFormat?: string;
-    defaultTimelineFormat?: string;
-    defaultVideoPosterFormat?: string;
     enableAssetFormatControls?: boolean;
     localize: LocalizeController;
     multiLanguage?: boolean;

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

@@ -14,6 +14,14 @@ type FetchImageControllerOptions = {
      * asset exactly as stored (an editor preview, say) never picks this up by accident.
      */
     autoFormat?: boolean;
+    /**
+     * Whether items carry a `srcset` resize ladder.
+     *
+     * Defaults to `false`. A fixed-size surface (an editor preview, a thumbnail strip) renders
+     * one known size, so a ladder there only adds `/t/re_w_*` renditions the layout can never
+     * use. Opt in from a surface whose images are actually laid out responsively.
+     */
+    buildSrcset?: boolean;
     isSiteBuilder?: boolean;
     maxEnd?: number;
     pageSize?: number;
@@ -34,6 +42,8 @@ export declare class FetchImageController implements ReactiveController {
     private readonly isSiteBuilder;
     /** Whether delivery URLs carry the `.auto` marker. See `FetchImageControllerOptions`. */
     private readonly autoFormat;
+    /** Whether items carry a `srcset` ladder. See `FetchImageControllerOptions`. */
+    private readonly buildSrcset;
     private requestEpoch;
     constructor(host: ReactiveElement, options?: FetchImageControllerOptions);
     get totalDataCount(): number;

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

@@ -372,11 +372,6 @@ export declare enum DataSourceId {
     TranslatableTexts = "TRANSLATABLE_TEXTS"
 }
 export type ConfigsOptions = {
-    defaultCarouselFormat?: string;
-    defaultGalleryFormat?: string;
-    defaultImageFormat?: string;
-    defaultTimelineFormat?: string;
-    defaultVideoPosterFormat?: string;
     enableAssetFormatControls?: boolean;
     enableFontFamilyControls?: boolean;
 };

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

@@ -18,6 +18,11 @@ export declare function buildTransformationString({ asset, baseUrl, extension, o
     transformations?: Transformation[];
     useSession?: string;
 }): string;
+/**
+ * Extension marker that asks the backend to serve whichever rendition suits the asset,
+ * rather than the exact file the delivery URL names.
+ */
+export declare const AUTO_FORMAT_EXTENSION = ".auto";
 /**
  * Applies transformations to a (possibly finished) asset URL and returns the display URL.
  *
@@ -25,7 +30,11 @@ export declare function buildTransformationString({ asset, baseUrl, extension, o
  * URLs the transform is anchored right after the access key (before any prettyName/ext tail)
  * and merged into an existing `/t/`. Other URLs keep the plain append behavior.
  */
-export declare function applyTransformationsToUrl(url: string, transformations: Transformation[]): string;
+export declare function applyTransformationsToUrl(url: string, transformations: Transformation[], options?: {
+    autoFormat?: boolean;
+    extension?: string | null;
+    format?: string;
+}): string;
 /**
  * Inserts a width-only resize into an asset-link URL, preserving any transformations
  * already present.
@@ -97,34 +106,6 @@ export declare function resolveAutoMaxWidth(manualFormat: boolean, proxyWidth: s
  * silently downgrades an image away from its original.
  */
 export declare function resolveAutoFormat(extension: string | null | undefined, size?: string | number | null): string;
-/**
- * Extension marker that asks the backend to serve whichever rendition suits the asset,
- * rather than the exact file the delivery URL names.
- */
-export declare const AUTO_FORMAT_EXTENSION = ".auto";
-/**
- * Appends the `.auto` marker to an asset-link URL, letting the backend pick a rendition
- * suited to the source instead of returning the file exactly as named.
- *
- * The existing extension is kept (`photo.jpg` becomes `photo.jpg.auto`): the URL names a
- * real proxy file, and rewriting that name is the backend's business, not ours. Only the
- * final path segment is touched, so the access key and any `/t/` transform segment are
- * preserved and a configured crop or resize still applies.
- *
- * An animated GIF served as the original file is left alone: whatever rendition the
- * backend picked instead would be a still frame, so the marker would cost the animation.
- * A GIF under any other format is already a rendered still, so it has nothing left to
- * lose and takes the marker like anything else — the same distinction `buildAssetSrcset`
- * draws before it resizes.
- *
- * Returns the URL unchanged when it is not an asset link (arbitrary external sources are
- * never rewritten), when there is no final segment to append to, or when the marker is
- * already present, so the call is safe to repeat.
- */
-export declare function applyAutoFormatToAssetUrl(url: string, options?: {
-    extension?: string | null;
-    format?: string;
-}): string;
 /**
  * Builds a `srcset` value for an asset-link URL by emitting one width-only resize
  * candidate per ladder entry, letting the browser fetch and decode only the pixels

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

@@ -9819,7 +9819,7 @@
         preRender?: boolean;
             } 
             /**
-              * The `cx-content-builder` component is used to create and manage content blocks in a CMS.<br/> Set `enable-asset-format-controls` to expose the asset format, transformation, download-format, and asset-format-picker controls on image, video, gallery, carousel, and timeline blocks. Off by default.<br/> `default-image-format`, `default-video-poster-format`, `default-gallery-format`, `default-carousel-format`, and `default-timeline-format` set the initial format for their respective block type. All apply regardless of `enable-asset-format-controls`, and act as the fallback when a block has not had its format explicitly configured.
+              * The `cx-content-builder` component is used to create and manage content blocks in a CMS.<br/> Set `enable-asset-format-controls` to expose the asset format, transformation, download-format, and asset-format-picker controls on image, video, gallery, carousel, and timeline blocks. Off by default.<br/> `default-image-format`, `default-video-poster-format`, `default-timeline-format`, `default-gallery-format` and `default-carousel-format` are retained for backward compatibility but no longer do anything: every block type now starts in `Auto` and derives its proxy from the asset's own file extension.
             */
             interface CxContentBuilderAttributes extends HTMLAttributes<CxContentBuilder> {
               
@@ -9864,23 +9864,23 @@
         */
         enableMetrics?: boolean;
         /**
-          * Default asset format applied to image blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how image blocks resolve. <br/> Image blocks always start in `Auto` now: no format is stored on creation or on pick, so each one derives its proxy from the asset's own file extension. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Image format is resolved from the asset; this value is ignored.
         */
         defaultImageFormat?: string;
         /**
-          * Default asset format applied to video poster (thumbnail) blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how video posters resolve. <br/> A video poster always starts in `Auto` now: no thumbnail format is stored on creation or on pick, so the proxy is derived from the picked asset. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Poster format is resolved from the asset; this value is ignored.
         */
         defaultVideoPosterFormat?: string;
         /**
-          * Default asset format applied to gallery blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how galleries resolve. <br/> A gallery always starts in `Auto` now: no format is stored on creation, and switching source resets back to `Auto`, so each item derives its proxy from its own file extension. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Format is resolved per item from the asset; this value is ignored.
         */
         defaultGalleryFormat?: string;
         /**
-          * Default asset format applied to carousel blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how carousels resolve. <br/> A carousel always starts in `Auto` now: no format is stored on creation, and switching source resets back to `Auto`, so each item derives its proxy from its own file extension. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Format is resolved per item from the asset; this value is ignored.
         */
         defaultCarouselFormat?: string;
         /**
-          * Default asset format applied to timeline blocks. Used as the initial format when a block is added, whether or not `enable-asset-format-controls` is on. <br/>@default 'TR1'
+          * Retained for backward compatibility; it no longer changes how timelines resolve. <br/> Timeline thumbnails always start in `Auto` now: no format is stored on creation, so each item derives its proxy from its own file extension. Setting this attribute is accepted and reflected, but nothing reads it. <br/> <br/>@deprecated Timeline format is resolved per item from the asset; this value is ignored.
         */
         defaultTimelineFormat?: string;
         /**