@orangelogic/design-system 4.28.0 → 4.30.0

package/library/chunks/{configs-controller.D3dYYbfz.js → configs-controller.8izRFSig.js}

@@ -5,18 +5,18 @@ import { a as o, c as s, i as c, l, o as u, s as d } from "./resizable-component
 import { D as f, E as p, O as m, u as h } from "./string.DamEXDH2.js";
 import { n as g } from "./position-picker.dY_vgF_H.js";
 import { a as _, n as v, o as ee, s as y } from "./src.BJhIYoMP.js";
-import { a as te, i as ne, r as re } from "./tab-group.DP9EvXFy.js";
+import { a as te, i as ne, r as re } from "./tab-group.oiueox5q.js";
 import { t as ie } from "./parse.CDrJ-NY7.js";
 import { t as ae } from "./toString.r2ImdBrm.js";
 import { t as oe } from "./capitalize.BT_EavGy.js";
-import { a as se, i as ce, n as le, r as ue } from "./document-viewer.C7WOv7ns.js";
-import { f as de, l as fe } from "./url.CZO_DV8Y.js";
+import { a as se, i as ce, n as le, r as ue } from "./document-viewer.DZp_IRF7.js";
+import { l as de, p as fe } from "./url.BCc06dE7.js";
 import { _ as pe, g as me, p as he, v as ge } from "./color.CIOzHtLK.js";
 import { g as _e, m as b, p as ve, s as x } from "./responsive.L9Csz2w2.js";
-import { n as ye, r as be } from "./header.qIpzHeNc.js";
+import { n as ye, r as be } from "./header.BaWpIXRz.js";
 import { d as xe, f as S, l as C, o as w, s as Se } from "./endpoints.jOHOmF_t.js";
 import { n as Ce } from "./folder-select.CzNXsgl_.js";
-import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.DUskDB_p.js";
+import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.BTrVIgkv.js";
 import { n as Te } from "./isEmpty.D3QQduJ5.js";
 import { a as k } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/services/src/api/dashboard/dashboard.ts
@@ -1354,7 +1354,7 @@ async function jn({ searchTerm: e = "" }) {
 		return {
 			data: (await An({ searchTerm: e })).map((e) => ({
 				label: e.name,
-				value: de(e.absoluteURL) ?? ""
+				value: fe(e.absoluteURL) ?? ""
 			})),
 			hasMore: !1
 		};
@@ -1507,8 +1507,8 @@ var V = class {
 		iconField: "collapse-icon",
 		iconWidthField: "--collapse-icon-width"
 	}
-], H = (e) => !!e.customStyle, Ln = (e) => {
-	let t = [
+], H = (e) => !!e.customStyle, Ln = (e, t) => {
+	let n = [
 		{
 			configOrder: 1,
 			field: "label",
@@ -1535,7 +1535,7 @@ var V = class {
 			show: H,
 			title: e.term("background")
 		},
-		{
+		...t ? [{
 			assetTransformationConfigs: {
 				assetIdKey: "backgroundRecordId",
 				formatKey: "backgroundFormat",
@@ -1548,7 +1548,7 @@ var V = class {
 			hidden: !0,
 			show: (e) => H(e) && !!e.backgroundRecordId,
 			title: e.term("backgroundFormat")
-		},
+		}] : [],
 		{
 			configOrder: 5,
 			controlType: "radio-group",
@@ -1574,21 +1574,21 @@ var V = class {
 			show: H,
 			title: e.term("cropFocus")
 		}
-	], n = In.flatMap((n, r) => {
-		let i = t.length + 1 + r * 6;
+	], r = In.flatMap((t, r) => {
+		let i = n.length + 1 + r * 6;
 		return [
 			{
 				configOrder: i,
 				controlType: "group-heading",
-				field: n.headingField,
+				field: t.headingField,
 				hidden: !0,
 				show: H,
-				title: e.term(n.headingTerm)
+				title: e.term(t.headingTerm)
 			},
 			{
 				configOrder: i + 1,
 				controlType: "bicolor-picker",
-				field: n.backgroundColorField,
+				field: t.backgroundColorField,
 				hidden: !0,
 				show: H,
 				title: e.term("backgroundColor")
@@ -1596,7 +1596,7 @@ var V = class {
 			{
 				configOrder: i + 2,
 				controlType: "bicolor-picker",
-				field: n.colorField,
+				field: t.colorField,
 				hidden: !0,
 				show: H,
 				title: e.term("textAndIconsColor")
@@ -1604,7 +1604,7 @@ var V = class {
 			{
 				configOrder: i + 3,
 				controlType: "border-input-group",
-				field: n.borderField,
+				field: t.borderField,
 				hidden: !0,
 				show: H,
 				title: e.term("border")
@@ -1612,7 +1612,7 @@ var V = class {
 			{
 				configOrder: i + 4,
 				controlType: "icon-picker",
-				field: n.iconField,
+				field: t.iconField,
 				hidden: !0,
 				show: H,
 				title: e.term("icon")
@@ -1620,7 +1620,7 @@ var V = class {
 			{
 				configOrder: i + 5,
 				controlType: "input",
-				field: n.iconWidthField,
+				field: t.iconWidthField,
 				hidden: !0,
 				...z,
 				show: H,
@@ -1628,10 +1628,10 @@ var V = class {
 			}
 		];
 	});
-	return [...t, ...n];
+	return [...n, ...r];
 }, Rn = {
 	configs: (e, t = {}) => {
-		let n = new V(e), { enableFontFamilyControls: r = !1 } = t;
+		let n = new V(e), { enableAssetFormatControls: r = !1, enableFontFamilyControls: i = !1 } = t;
 		return [
 			...[
 				"data-content-width-percent",
@@ -1658,7 +1658,7 @@ var V = class {
 				listEditorConfigs: {
 					addDialogLabel: e.term("addSection"),
 					addItemText: e.term("addSection"),
-					columns: Ln(e),
+					columns: Ln(e, r),
 					displayField: "label",
 					editDialogLabel: e.term("editSection"),
 					noHeader: !0,
@@ -1780,7 +1780,7 @@ var V = class {
 				id: "--header-border-radius",
 				name: "header-border-radius"
 			},
-			...r ? [{
+			...i ? [{
 				...n.getStyleControl("--font-size"),
 				id: "--header-font-size",
 				label: e.term("fontSize"),
@@ -2162,7 +2162,7 @@ var V = class {
 				id: "click-link",
 				inputConfigs: { validation: (t) => {
 					let n = t["click-link"];
-					return fe(n) ? "" : e.term("urlValidationMessage");
+					return de(n) ? "" : e.term("urlValidationMessage");
 				} },
 				label: e.term("link"),
 				name: "click-link",
@@ -8546,7 +8546,7 @@ var Mr = {
 				id: "click-link",
 				inputConfigs: { validation: (t) => {
 					let n = t["click-link"];
-					return fe(n) ? "" : e.term("urlValidationMessage");
+					return de(n) ? "" : e.term("urlValidationMessage");
 				} },
 				label: e.term("link"),
 				name: "click-link",
@@ -10468,7 +10468,7 @@ var qr = {
 				id: "click-link",
 				inputConfigs: { validation: (t) => {
 					let n = t["click-link"];
-					return fe(n) ? "" : e.term("urlValidationMessage");
+					return de(n) ? "" : e.term("urlValidationMessage");
 				} },
 				label: e.term("link"),
 				name: "click-link",

package/library/chunks/{document-viewer.C7WOv7ns.js → document-viewer.DZp_IRF7.js}

@@ -22,13 +22,13 @@ import { t as focusWhenVisible } from "./focus-when-visible.DKscgyKo.js";
 import { t as input_default } from "./input.B3HfssSr.js";
 import { t as menu_default } from "./menu.BRFXqBpq.js";
 import { t as menu_item_default } from "./menu-item.DS4-vQe3.js";
+import { Y as fetchCortexApi } from "./src.DKYroWZc.js";
 import { t as drawer_default } from "./drawer.BO3puoiw.js";
 import { t as progress_bar_default } from "./progress-bar.Cp8jz3Cn.js";
-import { fetchCortexApi } from "../utils.js";
 import { a as require_react, n as w, r as require_client, t as require_jsx_runtime } from "./jsx-runtime.BqxT1jD6.js";
 import { t as require___vite_browser_external } from "./__vite-browser-external.CMLby1wp.js";
 import { i as _extends, r as _assertThisInitialized, t as _inheritsLoose } from "./inheritsLoose.CmL1ZoPA.js";
-import { t as image_default } from "./image.DzFSYcXq.js";
+import { t as image_default } from "./image.BD0t8XU4.js";
 //#region ../../packages/types/src/book-reader.ts
 var BookReaderMode$1 = /* @__PURE__ */ function(t) {
 	return t.Image = "Image", t.Pdf = "Pdf", t;
@@ -22319,17 +22319,23 @@ var book_reader_default = CxBookReader, document_viewer_styles_default = i`:host
 		document_viewer_styles_default
 	];
 	static #r = this.SUPPORTED_EXTENSIONS = [".pdf", ".pptx"];
+	get documentSource() {
+		return this.src;
+	}
+	get representativeSource() {
+		return this.representative;
+	}
 	get isPptx() {
 		return this.extension.toLowerCase() === ".pptx";
 	}
 	get isPdf() {
-		return this.isExtensionSupported && (this.isPptx ? !!this.identifier : !!this.src);
+		return this.isExtensionSupported && (this.isPptx ? !!this.identifier : !!this.documentSource);
 	}
 	get isExtensionSupported() {
 		return _CxDocumentViewer.SUPPORTED_EXTENSIONS.includes(this.extension.toLowerCase());
 	}
 	get showExtensionFallback() {
-		return !this.isPdf && !this.representative && !this.isExtensionSupported && !!this.extension;
+		return !this.isPdf && !this.representativeSource && !this.isExtensionSupported && !!this.extension;
 	}
 	willUpdate(t) {
 		super.willUpdate(t), (t.has("src") || t.has("representative") || t.has("identifier")) && (this.hasImageError = !1);
@@ -22344,8 +22350,11 @@ var book_reader_default = CxBookReader, document_viewer_styles_default = i`:host
 	handleImageError() {
 		this.hasImageError = !0;
 	}
+	resetImageError() {
+		this.hasImageError = !1;
+	}
 	renderPdfViewer() {
-		let t = this.isPptx ? `/API/Download/v1_0/GetOriginalLimited?Identifier=${this.identifier}&SourceAction=API_VIEW_DETAILS_TRX&UsePreviewPdf=True` : this.src;
+		let t = this.isPptx ? `/API/Download/v1_0/GetOriginalLimited?Identifier=${this.identifier}&SourceAction=API_VIEW_DETAILS_TRX&UsePreviewPdf=True` : this.documentSource;
 		return x`<cx-book-reader part="book-reader" class="document-viewer__book-reader" source-url=${t} book-name=${this.name} book-reader-mode=${BookReaderMode$1.Pdf} role="group" aria-label=${this.name}></cx-book-reader>`;
 	}
 	renderExtensionFallback() {
@@ -22353,11 +22362,11 @@ var book_reader_default = CxBookReader, document_viewer_styles_default = i`:host
 		return x`<div class="document-viewer__extension-fallback"><div class="document-viewer__file-icon"><cx-typography class="document-viewer__extension-label">${t}</cx-typography></div></div>`;
 	}
 	renderRepresentativeImage() {
-		let t = this.isPdf, a = t ? "" : this.representative;
+		let t = this.isPdf, a = t ? "" : this.representativeSource;
 		return !t && !a ? this.showExtensionFallback ? this.renderExtensionFallback() : E : this.hasImageError ? x`<div class="document-viewer__broken"><cx-icon name="hide_image"></cx-icon></div>` : x`<cx-image part="image" class="document-viewer__image" src=${a} alt=${this.name} block object-fit=${ObjectFit.Cover} no-crossorigin @cx-error=${this.handleImageError}></cx-image>`;
 	}
 	render() {
-		let t = this.isPdf, a = t ? "" : this.representative, o = this.showExtensionFallback;
+		let t = this.isPdf, a = t ? "" : this.representativeSource, o = this.showExtensionFallback;
 		return x`<div part="base" class=${e({
 			"document-viewer": !0,
 			"document-viewer--empty": !t && !a && !o,

package/library/chunks/{file-on-demand.DUWFRJnE.js → file-on-demand.C_2vBGS3.js}

@@ -24,13 +24,13 @@ import { t as ae } from "./input.B3HfssSr.js";
 import { t as oe } from "./option.wsYX6Pp-.js";
 import { t as se } from "./space.Dd8jezXK.js";
 import { t as ce } from "./select.v6t2pNH4.js";
-import { t as le } from "./tab.C2OFvGGj.js";
-import { t as T } from "./tab-group.DP9EvXFy.js";
+import { t as le } from "./tab.Dd0cNxxc.js";
+import { t as T } from "./tab-group.oiueox5q.js";
 import { t as ue } from "./tab-panel.BxeoKuSv.js";
 import { t as E } from "./dialog.BuirdRW8.js";
 import { t as de } from "./divider.CqSNZCU8.js";
 import { t as fe } from "./progress-bar.Cp8jz3Cn.js";
-import { o as D, u as O } from "./url.CZO_DV8Y.js";
+import { o as D, u as O } from "./url.BCc06dE7.js";
 import k from "../components/format-bytes.js";
 import { t as pe } from "./relative-time.5fu63h4C.js";
 import { a as A, i as me, n as he, t as j } from "./tree.BZvt8Ol0.js";

package/library/chunks/{header.qIpzHeNc.js → header.BaWpIXRz.js}

@@ -13,7 +13,7 @@ import { t as g } from "./debounce.Ci-xdsHE.js";
 import { t as _ } from "./copy-button.BLHge7EN.js";
 import { f as v, n as y, r as b, t as x } from "./responsive.L9Csz2w2.js";
 //#region ../../packages/styles/src/prosemirror.styles.ts
-var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, #fff 10px, #fff 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, C = e`
+var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, C = e`
   .column-resize-handle {
     background-color: var(--editor-table-resize-handle-color);
     bottom: -2px;
@@ -57,7 +57,7 @@ var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delet
   }
 
   .ProseMirror {
-    --editor-table-resize-handle-color: #adf;
+    --editor-table-resize-handle-color: var(--rich-text-table-resize-handle-color, var(--cx-color-primary-200));
     outline: none;
     white-space: pre-wrap;
     line-height: normal;
@@ -95,7 +95,7 @@ var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delet
   }
 
   .ProseMirror code .inline-boundary {
-    background-color: #b4d7ff;
+    background-color: var(--cx-color-primary-200);
   }
 
   .ProseMirror .code-block-wrapper {
@@ -334,8 +334,8 @@ var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delet
   :not(pre) > code[class*='language-'] {
     padding: 0.1em 0.3em;
     border-radius: 0.3em;
-    color: #db4c69;
-    background: #f9f2f4;
+    color: var(--rich-text-inline-code-color, var(--cx-color-danger));
+    background: var(--rich-text-inline-code-background-color, var(--cx-color-neutral-100));
   }
 
   /*********************************************************

package/library/chunks/{image.DzFSYcXq.js → image.BD0t8XU4.js}

@@ -17,7 +17,7 @@ import { t as w } from "./resize-observer.D9EHlnZI.js";
 import { n as T } from "./position-picker.dY_vgF_H.js";
 import { a as E } from "./src.BJhIYoMP.js";
 import { t as D } from "./space.Dd8jezXK.js";
-import { s as O } from "./url.CZO_DV8Y.js";
+import { s as O } from "./url.BCc06dE7.js";
 import { t as k } from "./keyed.zYwdaCfO.js";
 import { t as A } from "./skeleton.BtwugOTG.js";
 //#region ../../packages/types/src/image.ts

package/library/chunks/{masonry.D7YK0FcU.js → masonry.B3G5f-eL.js}

@@ -13,7 +13,7 @@ import { t as g } from "./tooltip.CGCOh4cQ.js";
 import { a as _ } from "./src.BJhIYoMP.js";
 import { t as v } from "./repeat.CKv9FPlC.js";
 import { t as y } from "./space.Dd8jezXK.js";
-import { t as b } from "./image.DzFSYcXq.js";
+import { t as b } from "./image.BD0t8XU4.js";
 import { t as x } from "./grid.CK4PRwur.js";
 import { t as S } from "./grid-item.CSieaU5T.js";
 import { t as C } from "./sortable.esm.W3y3EWKS.js";

package/library/chunks/{shadow-input-group.C9DU0Ehy.js → shadow-input-group.CFb61kzG.js}

@@ -6,7 +6,7 @@ import { t as c } from "./repeat.CKv9FPlC.js";
 import { t as l } from "./input.B3HfssSr.js";
 import { t as u } from "./space.Dd8jezXK.js";
 import { t as d } from "./input-group.Dmd8XcxL.js";
-import { t as f } from "./bicolor-picker.C0PxxFzf.js";
+import { t as f } from "./bicolor-picker.C9XSuhnX.js";
 //#region ../../packages/molecules/src/shadow-input-group/shadow-input-group.styles.ts
 var p = t``, m = class extends a {
 	constructor(...e) {