@orangelogic/design-system 2.97.0 → 2.99.0

package/library/components/video.js

@@ -1,11 +1,11 @@
 import { c as ps, a as Fn } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
 import { r as wb } from "../chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
-import { r as Sb, C as Cb, R as Mb } from "../chunks/image.Cc4V85ID.js";
+import { r as Sb, C as Cb, R as Mb } from "../chunks/image.BnB-fJ8g.js";
 import Db from "./resize-observer.js";
 import { c as Pb } from "../chunks/component.styles.CRO4Odto.js";
 import { b as Lb } from "../chunks/browser.BHOCIF_A.js";
 import { c as Rb } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as Ib } from "../chunks/i18n.BABe9hN4.js";
+import { L as Ib } from "../chunks/i18n.DK1uYlJT.js";
 import { w as gn } from "../chunks/watch.BCJD77bD.js";
 import { i as Ob, x as Zc } from "../chunks/lit-element.jLBm65_O.js";
 import { n as ki } from "../chunks/lib-cortex-element.CVMmyPMC.js";

package/library/package.json

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

package/library/packages/atoms/src/components/details/details.d.ts

@@ -18,7 +18,7 @@ import { default as CxIcon } from '../icon/icon';
  * @csspart base - The component's base wrapper.
  * @csspart header - The header that wraps both the summary and the expand/collapse icon.
  * @csspart summary - The container that wraps the summary.
- * @csspart summary-icon - The container that wraps the expand/collapse icons.
+ * @csspart summary-icon - The container that wraps the expand/collapse icons. Use `icon-start` to place this before the summary.
  * @csspart content - The details content.
  *
  * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.
@@ -46,6 +46,8 @@ export default class CxDetails extends CortexElement {
     summary: string;
     /** Disables the details so it can't be toggled. */
     disabled: boolean;
+    /** When true, the expand/collapse icon is placed before the summary text instead of after. */
+    iconStart: boolean;
     detailsObserver: MutationObserver;
     runFirstUpdated(): void;
     connectedUpdatedCallback(): void;

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

@@ -4,6 +4,7 @@ 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 CxTypography } from '../../../atoms/src/components/typography/typography.ts';
 import { default as CortexElement } from '../../../base/src/cortex-element.ts';
+import { DownloadDocType } from '../../../types/src/download-format-picker';
 import { CSSResultGroup } from 'lit';
 
 /**
@@ -42,7 +43,7 @@ export default class CxDownloadFormatPicker extends CortexElement {
     /**
      * Restricts the format picker to only show tabs for the specified doc types.
      */
-    allowDocTypes: string[];
+    prescribedDocTypes: DownloadDocType[];
     /**
      * Whether the download format picker is disabled.
      */
@@ -51,7 +52,7 @@ export default class CxDownloadFormatPicker extends CortexElement {
      * A callback function that is called when the user requests to select a format.
      * It should return a promise that resolves to a DownloadFormatValue object.
      */
-    onRequestDownloadFormat: ((assetIds: string[], formats?: Record<string, string[]>, allowDocTypes?: string[]) => Promise<Record<string, string[]>>) | undefined;
+    onRequestDownloadFormat: ((assetIds: string[], formats?: Record<string, string[]>, prescribedDocTypes?: DownloadDocType[]) => Promise<Record<string, string[]>>) | undefined;
     /**
      * Map of format codes to their display labels.
      * Populated by fetching available format codes from the API.

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

@@ -81,10 +81,10 @@ export default class StyleController {
         disabled?: boolean | ((record: Record<string, unknown>) => boolean);
         disabledTooltip?: string;
         downloadFormatPickerConfigs?: {
-            allowDocTypes?: string[];
             assetIdsKey?: string;
             isObjectFormat?: boolean;
             objectIdKey?: string;
+            prescribedDocTypes?: import('../../../types/src/download-format-picker').DownloadDocType[];
         };
         folderPickerConfigs?: {
             useFullPath: boolean;

package/library/packages/organisms/src/file-on-demand/file-on-demand.constants.d.ts

@@ -31,6 +31,7 @@ export declare const GET_CONTENT_FIELDS: {
     TITLE_WITH_FALLBACK: string;
 };
 export declare const CACHE_SIZE_UNIT = "GB";
+export declare const MAX_CACHE_SIZE_GB = 9000000;
 export declare const CACHE_SIZE_BASE = 1000;
 export declare const SYNC_INTERVAL = 60000;
 export declare const FOLDER_DOC_TYPES: string[];

package/library/packages/organisms/src/file-on-demand/file-on-demand.d.ts

@@ -228,6 +228,7 @@ export default class CxFileOnDemand extends CortexElement {
     renderAsset(asset: Asset, listType: (typeof ASSET_LIST_TYPES)[keyof typeof ASSET_LIST_TYPES]): TemplateResult;
     renderRecentAssets(): TemplateResult;
     renderFavoriteAssets(): TemplateResult;
+    private renderClearUploadButton;
     renderUploadingAssets(): TemplateResult;
     renderPinnedAssets(): TemplateResult;
     renderAssetsList(): TemplateResult;

package/library/packages/tools/src/tiptap/extensions/text-align/index.d.ts

@@ -1,2 +1,4 @@
+/** Meta key used to signal `ImageAlignSync` that a text-align change just happened. */
+export declare const IMAGE_ALIGN_SYNC_META = "imageAlignSync";
 declare const TextAlign: import('@tiptap/core').Extension<import('@tiptap/extension-text-align').TextAlignOptions, any>;
 export default TextAlign;

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

@@ -1,6 +1,7 @@
 import { Component, Editor as GrapesjsEditor, TraitProperties } from 'grapesjs';
 import { TemplateResult } from 'lit';
 import { StyleInfo } from 'lit/directives/style-map';
+import { DownloadDocType } from './download-format-picker';
 import { FolderSelectApi } from './folder-select';
 
 export declare enum DeviceType {
@@ -83,10 +84,10 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     disabled?: boolean | ((record: Record<string, unknown>) => boolean);
     disabledTooltip?: string;
     downloadFormatPickerConfigs?: {
-        allowDocTypes?: string[];
         assetIdsKey?: string;
         isObjectFormat?: boolean;
         objectIdKey?: string;
+        prescribedDocTypes?: DownloadDocType[];
     };
     folderPickerConfigs?: {
         useFullPath: boolean;

package/library/packages/types/src/download-format-picker.d.ts

@@ -0,0 +1,7 @@
+export declare enum DownloadDocType {
+    Audio = "Audio",
+    Graphic = "Graphic",
+    Image = "Image",
+    Multimedia = "Multimedia",
+    Video = "Video"
+}

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

@@ -125,6 +125,7 @@ export interface Translation extends DefaultTranslation {
     buttonAriaLabelHelpText: string;
     cache: string;
     cacheSizeCannotBeNegative: string;
+    cacheSizeTooLarge: (max: string) => string;
     cacheUsageWarning: string;
     cached: string;
     caching: string;

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

@@ -1902,6 +1902,10 @@
           * Disables the details so it can't be toggled.
         */
         disabled?: boolean;
+        /**
+          * When true, the expand/collapse icon is placed before the summary text instead of after.
+        */
+        iconStart?: boolean;
         /**
           * Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
         */
@@ -5841,7 +5845,7 @@
         /**
           * Restricts the format picker to only show tabs for the specified doc types.
         */
-        allowDocTypes?: string[];
+        prescribedDocTypes?: 'Audio' | 'Graphic' | 'Image' | 'Multimedia' | 'Video'[];
         /**
           * Whether the download format picker is disabled.
         */

package/library/utils.js

@@ -13,7 +13,7 @@ import { d as ue } from "./chunks/drag.DXEXVXPv.js";
 import { w as he } from "./chunks/event.mFzZi4sr.js";
 import { f as A } from "./chunks/form.Ch1cwYzO.js";
 import { F as de, c as ge, v as pe, a as we } from "./chunks/form.Ch1cwYzO.js";
-import { L as Ce, r as Ee } from "./chunks/i18n.BABe9hN4.js";
+import { L as Ce, r as Ee } from "./chunks/i18n.DK1uYlJT.js";
 import { c as Ae } from "./chunks/math.DqTA6ya4.js";
 import { g as ye, l as Se, s as Me, u as Le } from "./chunks/scroll.xtO5yojm.js";
 import { j as x } from "./chunks/dom.0RpWet6y.js";

package/package.json

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