@orangelogic/design-system 2.159.0 → 2.161.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.BO6NWyIo.js";
+import { C as Cb } from "../chunks/image.5mhGPvMN.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.159.0",
+  "version": "2.161.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

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

@@ -40,7 +40,11 @@ export default class CxAnnotator extends CortexElement {
     markerArea: MarkerArea | null;
     color: string;
     lineWeight: number;
-    /** Internal cache of the latest annotation state, kept in sync with the marker area. */
+    /**
+     * Last known good annotation state. Synced from the marker area only when
+     * its state has non-zero dimensions, so hidden (0×0) captures never
+     * replace a valid recovery source.
+     */
     private annotationStateValue;
     private resizeObserver;
     get currentMarker(): import('@markerjs/markerjs3').MarkerBase | undefined;
@@ -58,6 +62,15 @@ export default class CxAnnotator extends CortexElement {
     private destroyMarkerArea;
     private initMarkerArea;
     private restoreAnnotationState;
+    /**
+     * Builds the state to pass to markerjs3's restoreState. A state that
+     * carries markers keeps its own width/height (the canvas size the markers
+     * were drawn at) so markerjs3 rescales them to the current target size;
+     * overriding those dimensions here would skip that scaling and render the
+     * markers at their original pixel coordinates on a different-sized canvas.
+     * Empty or dimensionless states adopt the target size instead.
+     */
+    private toRestorableState;
     private handleAreaStateChange;
     private handleMarkerAreaShow;
     /**

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

@@ -66,6 +66,31 @@ 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/content-builder-constants.d.ts

@@ -32,3 +32,4 @@ export declare const BLOCK_CAROUSEL_LIMITED_BLOCKS: BlockType[];
 export declare const NEWLY_ADDED_COMPONENT_DELAY = 500;
 export declare const OPEN_ON_NEWLY_ADDED_COMPONENT: Set<BlockType>;
 export declare const MULTI_LANGUAGE_BLOCKS: Set<BlockType>;
+export declare const DEFAULT_IMAGE_FORMAT = "TR1";

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

@@ -18,6 +18,12 @@ 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.
+ *
  * @event cx-change - Emitted when the content builder changes.
  */
 export default class CxContentBuilder extends CortexElement {
@@ -105,6 +111,41 @@ export default class CxContentBuilder extends CortexElement {
      * @default false
      */
     enableAssetFormatControls: 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'
+     */
+    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'
+     */
+    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'
+     */
+    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'
+     */
+    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'
+     */
+    defaultTimelineFormat: string;
     /**
      * Set `enable-font-family-controls` to expose the font family / style / weight
      * pickers (and their font-size controls) in the block config sidebar.

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

@@ -4,6 +4,11 @@ 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/organisms/src/content-builder/styleController.d.ts

@@ -139,6 +139,7 @@ export default class StyleController {
         multiple?: boolean;
         pickerConfigs?: {
             accepts?: string[];
+            defaultFormat?: string;
             multiple?: boolean;
             nameKey?: string;
             parentAssetIdKey?: string;

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

@@ -157,6 +157,8 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     options?: Option[];
     pickerConfigs?: {
         accepts?: string[];
+        /** The format code used to resolve a preview src immediately after picking an image (before the user configures a format). */
+        defaultFormat?: string;
         multiple?: boolean;
         /** The block-attribute key that stores the asset name. Defaults to 'name'. */
         nameKey?: string;
@@ -355,6 +357,11 @@ 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/url/url.d.ts

@@ -22,4 +22,11 @@ export declare function isValidUrl(urlString: string): boolean;
 export declare const RELATIVE_URL_REGEX: string;
 export declare const URL_VALIDATION_REGEX: string;
 export declare const URL_DOMAIN_VALIDATION_REGEX: string;
+export declare const URL_INTRANET_DOMAIN_VALIDATION_REGEX: string;
+/**
+ * Validates a URL against the public-domain pattern first, falling back to the
+ * 1-dot intranet hostname pattern so internal links without a public TLD
+ * (e.g. https://echonet.bnooaribas/fr) are also accepted.
+ */
+export declare function isValidDomainOrIntranetUrl(urlString: string): boolean;
 export declare const URL_PROTOCOL_VALIDATION_REGEX: string;

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

@@ -9647,7 +9647,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.
+              * 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.
             */
             interface CxContentBuilderAttributes extends HTMLAttributes<CxContentBuilder> {
               
@@ -9687,6 +9687,26 @@
           * 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;
+        /**
+          * 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'
+        */
+        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'
+        */
+        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'
+        */
+        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'
+        */
+        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'
+        */
+        defaultTimelineFormat?: string;
         /**
           * Set `enable-font-family-controls` to expose the font family / style / weight pickers (and their font-size controls) in the block config sidebar. <br/>@default false
         */