@orangelogic/design-system 2.192.0 → 2.193.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.CiQwSDfe.js";
+import { C as Cb } from "../chunks/image.BSvc6eti.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.192.0",
+  "version": "2.193.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

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

@@ -174,6 +174,8 @@ export default class CxImage extends ResizableElement {
     };
     /** The crossorigin value for the `<img>`; `undefined` (attribute omitted) when `noCrossorigin` is set. */
     get crossorigin(): string | undefined;
+    /** Whether there is nothing to display: no source and no placeholder to stand in for one. */
+    protected get isEmpty(): boolean;
     /**
      * Whether to hold the box with a skeleton rather than the loaded image.
      *

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

@@ -176,6 +176,8 @@ export default class CxSbImage extends CxImage {
      * server-side resize would flatten to a still frame.
      */
     private assetExtension;
+    /** Width of the proxy currently displayed; caps `srcset` so it never asks to upscale. */
+    private assetProxyWidth;
     /**
      * Whether an asset fetch has reported back for the current record.
      *

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

@@ -1,4 +1,4 @@
-import { GetAllFormatCodesResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAuthorizedObjectsRequest, GetAuthorizedObjectsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetTransformAssetLinkResponse, SearchAssetsParams, SearchAssetsResponse } from './asset.types';
+import { GetAllFormatCodesResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAuthorizedObjectsRequest, GetAuthorizedObjectsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetTransformAssetLinkResponse, SearchAssetsItem, SearchAssetsParams, SearchAssetsResponse } from './asset.types';
 
 export declare const DEFAULT_VIEW_SIZE = "CoreField.LargeSizePreview";
 export declare const FIELD_CORTEX_PATH = "Document.CortexPath";
@@ -19,6 +19,8 @@ export declare const FIELD_ORIGINAL_FILE_NAME = "CoreField.OriginalFileName";
 export declare const FIELD_UPDATED_FILE_NAME = "CoreField.UpdatedFileName";
 export declare const FIELD_LARGE_SIZE_PREVIEW_ID = "Document.DocumentDirectRepresentativeRID";
 export declare const LIBRARY_NAME = "Library";
+/** Appended to a `path_*` key to carry that proxy's rendered width alongside its URI. */
+export declare const MEDIA_FIELD_WIDTH_SUFFIX = "__width";
 export declare const MESSAGE_NEW_LINE = "\n";
 export declare const ORIGINAL_VIEW_SIZE = "CoreField.OriginalPreview";
 export declare const FIELD_DOC_SUBTYPE = "Document.DocSubType";
@@ -41,6 +43,13 @@ export declare function apiGetTransformAssetLink({ assetId, extension, format, s
     useSession?: string;
 }): Promise<GetTransformAssetLinkResponse | null>;
 export declare function apiGetAssets({ extraFields, getPermanentAssetsPaths, isSiteBuilder, recordIds, securityByPassToken, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
+/**
+ * Reads the pixel width a `path_*` proxy field actually has.
+ *
+ * Each proxy is rendered at its own size, so this is the ceiling for resizing that URL —
+ * distinct from `CoreField.MaximumWidth`, which describes the original file.
+ */
+export declare function readSearchAssetItemWidth(item: SearchAssetsItem, field: string): number | undefined;
 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, isSiteBuilder, siteUrl, token, useSession, }: {

package/library/packages/types/src/gallery-item.d.ts

@@ -30,6 +30,7 @@ export type GalleryItem = {
     header?: string;
     id: string;
     isClone?: boolean;
+    maxWidth?: string;
     name?: string;
     objectFit?: ObjectFit;
     openInNewTab?: boolean;

package/library/packages/types/src/masonry.d.ts

@@ -10,6 +10,7 @@ export type MasonryItem = {
     hasError?: boolean;
     id: string;
     loading?: boolean;
+    maxWidth?: string;
     objectFit?: ObjectFit;
     src: string;
 };

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

@@ -67,6 +67,14 @@ export declare const AUTO_ORIGINAL_FORMAT_MAX_BYTES: number;
  * reported" apart from "genuinely empty file" — the two lead to different decisions.
  */
 export declare function parseFileSizeToBytes(size: string | number | null | undefined): number | undefined;
+/**
+ * The largest width `Auto` may request for an item.
+ *
+ * Each proxy is rendered at a fixed size (a `TR1` may be 1200px where its `TRX` is 7360px),
+ * so resizing past it only asks the backend to upscale. Returns `undefined` under a manual
+ * format — the author's choice is left alone — and when the proxy reported no width.
+ */
+export declare function resolveAutoMaxWidth(manualFormat: boolean, proxyWidth: string | number | null | undefined): number | undefined;
 /**
  * Picks the proxy format an asset should be served under when the author chose `Auto`
  * instead of naming a format.
@@ -87,10 +95,11 @@ export declare function resolveAutoFormat(extension: string | null | undefined,
  * candidate per ladder entry, letting the browser fetch and decode only the pixels
  * the layout actually needs.
  *
- * Candidates wider than `maxWidth` are dropped so the backend is never asked to
- * upscale past the asset's real dimensions. When `maxWidth` falls below the whole
- * ladder, the smallest candidate is still emitted so a `srcset` is always produced
- * for an eligible URL.
+ * When `maxWidth` is known the list is bounded by the asset itself: rungs above it are
+ * dropped so the backend is never asked to upscale, rungs within
+ * `ORIGINAL_INSTEAD_OF_RESIZE_MARGIN` of it are dropped as near-duplicates, and the
+ * untransformed URL closes the list at its real width. That last candidate costs no
+ * render and is the only one that can serve the image sharp at full size.
  *
  * Returns an empty string when the URL is not an asset link, when it already carries
  * a transformation (the width was configured upstream), or when it is an animated GIF

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

@@ -22,7 +22,7 @@
             export type CxGraphViewNodeAction = { controlType: 'default' | 'switch'; icon: string; id: string; name: string; showDivider: boolean; style: { color: string; }; };
             export type CxGraphViewRecord = any;
             export type CxGraphViewSummary = { icon: string; texts: string[]; };
-            export type CxMasonryMasonryItem = { alt: string; extension: string; hasError: boolean; id: string; loading: boolean; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; src: string; };
+            export type CxMasonryMasonryItem = { alt: string; extension: string; hasError: boolean; id: string; loading: boolean; maxWidth: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; src: string; };
             export type CxMasonryMasonryItemAction = { color: string; event: string; icon: string; src: string; tooltip: string; };
             export type CxMentionsAutocompleteItem = { id: string; label: string; name: string; suffixContent: string; suffixIcon: string; suffixTooltip: string; suffixType: 'badge'; title: string; type: string; };
             export type CxMultiSelectColumnData = { id: string; items: { disabled: boolean; group: string; id: string; index: string; text: string; tooltip: string; type: string; }[]; sort: boolean; title: string; };
@@ -33,8 +33,8 @@
             export type CxAssetLinkFormatFocusMode = { auto: boolean; label: string; value: string; };
             export type CxAssetLinkFormatProxy = { cdnName: string; extension: string; formatHeight: number; formatWidth: number; height: number; id: string; permanentLink: string; proxyLabel: string; proxyName: string; width: number; };
             export type CxAssetLinkFormatTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; position: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'center-center' | 'center-left' | 'center-right' | 'top-center' | 'top-left' | 'top-right'; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
-            export type CxBentoGridGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
-            export type CxCarouselGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
+            export type CxBentoGridGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
+            export type CxCarouselGalleryItem = { additions: string[]; alt: string; cardType: 'asset' | 'folder' | 'link' | 'page' | 'space'; className: string; details: string; docType: '' | 'Album' | 'Audio' | 'Audio segment' | 'Image' | 'Multimedia' | 'ProjectDocument' | 'Story' | 'Video' | 'Widget'; extension: string; filler: boolean; header: string; id: string; isClone: boolean; maxWidth: string; name: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; openInNewTab: boolean; pageId: string; rawId: string; size: string; src: string; url: string; };
             export type CxChatbotChatbotEvent = { event: string; excludedFromPurposes: string[]; label: string; };
             export type CxTableTimeFormatterParams = { color: string; fontSize: string; fontWeight: string; inputUnit: string; locale: string; placeholder: string; style: dictionary; unitsFormat: string; displayStyle: string; paramsMapField: string; paramsMap: dictionary; };
             export type CxTableTextFormatParams = { colorMap: dictionary; color: string; };
@@ -6762,7 +6762,7 @@
         /**
           * The key to use for the id of the items in the masonry layout.
         */
-        idKey?: 'src' | 'extension' | 'loading' | 'alt' | 'hasError' | 'id' | 'objectFit';
+        idKey?: 'src' | 'extension' | 'loading' | 'maxWidth' | 'alt' | 'hasError' | 'id' | 'objectFit';
         /**
           * The proxy format the item images were resolved with. <br/> Only used to decide whether a `srcset` may be generated: an original-file format paired with an animated source must be delivered untouched.
         */

package/library/utils.js

@@ -1,9 +1,9 @@
 import { b as _ } from "./chunks/url.CGdWC06g.js";
-import { R as xt, f as At, g as Et, h as It, U as Lt, a as Ft, d as Rt, c as bt, i as Ot, r as Vt, t as vt, e as kt } from "./chunks/url.CGdWC06g.js";
+import { R as yt, f as At, g as Et, h as It, U as Lt, a as Ft, d as Rt, c as bt, i as Ot, r as Vt, t as vt, e as kt } from "./chunks/url.CGdWC06g.js";
 import { j as Ut, f as Yt, b as Nt, c as Pt, g as Wt, e as Xt, i as Ht, a as Bt, h as Gt, m as $t, d as zt, r as qt, t as Qt } from "./chunks/toast.C5Ir5yKA.js";
 import { e as jt, a as Jt, f as Kt, g as te, d as ee, b as re, c as ae, i as se, p as oe, s as ne } from "./chunks/browser.BHOCIF_A.js";
-import { d as le, C as ce, e as ue, H as me, R as fe, c as he, h as ge, f as de, g as pe, l as De, a as Te, p as we, b as Se } from "./chunks/color.LzSGBy7o.js";
-import { a as Ce, g as ye } from "./chunks/active-elements.jTVWtBDp.js";
+import { d as le, C as ce, e as ue, H as me, R as fe, c as he, h as ge, f as de, g as pe, l as De, a as Te, p as we, b as Me } from "./chunks/color.LzSGBy7o.js";
+import { a as Ce, g as xe } from "./chunks/active-elements.jTVWtBDp.js";
 import { a as Ae, p as Ee, c as Ie, b as Le, s as Fe, w as Re } from "./chunks/event.BeKOsirN.js";
 import { t as Oe } from "./chunks/converters.DkDtLstb.js";
 import { c as ve } from "./chunks/custom-element.L4WJXn1j.js";
@@ -17,9 +17,9 @@ import { L as Ze, r as je } from "./chunks/i18n.DbXTTLXx.js";
 import { c as Ke, q as tr } from "./chunks/math.DuKzLacZ.js";
 import { g as rr } from "./chunks/modal.Ct0bJBSe.js";
 import { g as sr, l as or, s as nr, u as ir } from "./chunks/scroll.xtO5yojm.js";
-import { k as y } from "./chunks/dom.gRV2cDjL.js";
-import { c as cr, d as ur, h as mr, m as fr, a as hr, g as gr, j as dr, b as pr, f as Dr, i as Tr, e as wr, l as Sr, s as Mr } from "./chunks/dom.gRV2cDjL.js";
-import { H as yr, a as xr, g as Ar } from "./chunks/slot.j5oheLJC.js";
+import { k as x } from "./chunks/dom.gRV2cDjL.js";
+import { c as cr, d as ur, h as mr, m as fr, a as hr, g as gr, j as dr, b as pr, f as Dr, i as Tr, e as wr, l as Mr, s as Sr } from "./chunks/dom.gRV2cDjL.js";
+import { H as xr, a as yr, g as Ar } from "./chunks/slot.j5oheLJC.js";
 import { a as Ir, g as Lr } from "./chunks/tabbable.BwnZBHrm.js";
 import { i as Rr } from "./chunks/user-agent.D9aPuOyL.js";
 import { w as Or } from "./chunks/watch.DJF5K-8U.js";
@@ -30,16 +30,16 @@ import { f as Qr } from "./chunks/content-builder.BX4pHujE.js";
 import { c as jr, f as Jr, e as Kr, b as ta, g as ea, d as ra, i as aa, r as sa, a as oa } from "./chunks/image.Y5c_hFx8.js";
 import { b as ia, e as la } from "./chunks/waveform.1U9U_0rd.js";
 import { c as ua, b as ma, a as fa, e as ha, d as ga, f as da, g as pa, r as Da, s as Ta } from "./chunks/number.Cx2ncfJJ.js";
-import { s as Sa } from "./chunks/parse.Cu5nBDTb.js";
-import { b as Ca, n as ya, d as xa, e as Aa, f as Ea, y as Ia, o as La, g as Fa, h as Ra, l as ba, p as Oa, z as Va, x as va, a as ka, c as _a, s as Ua, w as Ya, r as Na, t as Pa, q as Wa, v as Xa, i as Ha, m as Ba, u as Ga } from "./chunks/string.CfI2ejyR.js";
+import { s as Ma } from "./chunks/parse.Cu5nBDTb.js";
+import { b as Ca, n as xa, d as ya, e as Aa, f as Ea, y as Ia, o as La, g as Fa, h as Ra, l as ba, p as Oa, z as Va, x as va, a as ka, c as _a, s as Ua, w as Ya, r as Na, t as Pa, q as Wa, v as Xa, i as Ha, m as Ba, u as Ga } from "./chunks/string.CfI2ejyR.js";
 import { g as za, a as qa } from "./chunks/template.ClovJacp.js";
 import { c as Za, f as ja, a as Ja, g as Ka } from "./chunks/time.DYWuX2id.js";
-import { A as es, f as rs, S as as, a as ss, e as os, b as ns, d as is, c as ls, h as cs, p as us, r as ms } from "./chunks/transformation.BfIEi4p4.js";
+import { A as es, g as rs, S as as, c as ss, f as os, b as ns, e as is, d as ls, h as cs, p as us, r as ms, a as fs } from "./chunks/transformation.CkwgrwKQ.js";
 function n(t) {
   const e = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
   return `${e}-${r}-${s}`;
 }
-function x(t) {
+function y(t) {
   const e = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0"), s = String(t.getSeconds()).padStart(2, "0");
   return `${e}:${r}:${s}`;
 }
@@ -87,9 +87,9 @@ class Q {
         const a = new Date(r.getTime() - 18e5);
         return {
           fromDate: n(a),
-          fromTime: x(a),
+          fromTime: y(a),
           toDate: s,
-          toTime: x(r)
+          toTime: y(r)
         };
       }
       case c.today:
@@ -290,14 +290,14 @@ function et(t, e) {
 }
 class rt {
   constructor(e) {
-    this.currentZIndex = y(), (this.host = e).addController(this);
+    this.currentZIndex = x(), (this.host = e).addController(this);
   }
   hostConnected() {
   }
   hostDisconnected() {
   }
   async activatePopup() {
-    this.currentZIndex = y();
+    this.currentZIndex = x();
   }
 }
 class at {
@@ -528,7 +528,7 @@ function B(t, e, r) {
     }
   });
 }
-async function* St({
+async function* Mt({
   cache: t,
   canvas: e,
   duration: r,
@@ -547,11 +547,11 @@ async function* St({
         const T = g * i + d, D = T * s;
         if (D >= r)
           continue;
-        const w = d * p, S = g * l, M = H(t[a] ?? [], d, g), C = d === i - 1 && g === f - 1 || D + s >= r;
-        M ? yield { ...M, isLastFrame: C } : (await B(o, D, s), k.drawImage(
+        const w = d * p, M = g * l, S = H(t[a] ?? [], d, g), C = d === i - 1 && g === f - 1 || D + s >= r;
+        S ? yield { ...S, isLastFrame: C } : (await B(o, D, s), k.drawImage(
           o,
           w,
-          S,
+          M,
           p,
           l
         ), yield {
@@ -565,13 +565,13 @@ async function* St({
           rows: f,
           time: Number(D.toFixed(X)),
           x: w,
-          y: S
+          y: M
         }), await new Promise(requestAnimationFrame);
       }
   } catch {
   }
 }
-function Mt({
+function St({
   duration: t,
   frameWidth: e,
   playbackSpeed: r,
@@ -592,12 +592,12 @@ export {
   Be as FormControlController,
   ue as HEX_ALPHA_VALIDATION_REGEX,
   me as HEX_VALIDATION_REGEX,
-  yr as HasSlotController,
+  xr as HasSlotController,
   ft as HistoryManager,
   W as KeyboardKey,
   Ze as LocalizeController,
   X as PRECISION,
-  xt as RELATIVE_URL_REGEX,
+  yt as RELATIVE_URL_REGEX,
   fe as RGB_VALIDATION_REGEX,
   as as SRCSET_WIDTH_LADDER,
   At as URL_DOMAIN_VALIDATION_REGEX,
@@ -634,10 +634,10 @@ export {
   et as downloadAsset,
   Pe as drag,
   Ca as emptyToSpace,
-  ya as escapeXML,
+  xa as escapeXML,
   ge as extractColor,
-  xa as extractExtension,
-  St as extractFrames,
+  ya as extractExtension,
+  Mt as extractFrames,
   Aa as extractRootData,
   ha as extractValueAndUnit,
   la as extractWaveformPeaks,
@@ -668,9 +668,9 @@ export {
   de as getColorType,
   ea as getContainedImageSize,
   fr as getCortexPopupLayer,
-  y as getCurrentZIndex,
+  x as getCurrentZIndex,
   Nr as getDateMask,
-  ye as getDeepestActiveElement,
+  xe as getDeepestActiveElement,
   Pt as getDeviceType,
   Ka as getDurationPartsByUnitsFormat,
   hr as getElementFromHTMLString,
@@ -680,8 +680,8 @@ export {
   P as getFormControls,
   za as getHighlightedTitle,
   qa as getHighlightedTitleHtml,
-  xr as getInnerHTML,
-  Mt as getInterval,
+  yr as getInnerHTML,
+  St as getInterval,
   pe as getLightDarkCssString,
   ra as getNaturalWidthHeight,
   dr as getNeededPaddingForBoxShadow,
@@ -719,7 +719,7 @@ export {
   Ot as isValidUrl,
   Hr as isoToDate,
   Z as isoWeekNumber,
-  Sr as loadScript,
+  Mr as loadScript,
   or as lockBodyScrolling,
   De as luminanceTextColor,
   Bt as moveMultipleToIndex,
@@ -740,7 +740,7 @@ export {
   dt as parseJsonString,
   we as parseLightDark,
   pt as parseListString,
-  Se as parseShadow,
+  Me as parseShadow,
   gt as pick,
   oe as popoverSupported,
   Ie as prefersReducedMotion,
@@ -753,6 +753,7 @@ export {
   qt as removeMultipleAtIndex,
   sa as resizeImage,
   ms as resolveAutoFormat,
+  fs as resolveAutoMaxWidth,
   Vt as resolveSpaceUrl,
   Da as rotateBox,
   oa as rotateImage,
@@ -764,9 +765,9 @@ export {
   ut as serialize,
   tt as shareAsset,
   Le as shimKeyframesHeightAuto,
-  Mr as sortByTopPosition,
+  Sr as sortByTopPosition,
   N as sortTypefaceVariants,
-  Sa as splitBoxValues,
+  Ma as splitBoxValues,
   Ya as splitCamelCaseFormatted,
   Fe as stopAnimations,
   ne as supportHLS,

package/package.json

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

package/library/chunks/transformation.BfIEi4p4.js

@@ -1,300 +0,0 @@
-import { C as y, T as m, U as v } from "./asset-link-format.ClaYu_v8.js";
-import { P as $ } from "./position-picker.DjnhxIKF.js";
-const g = "/AssetLink/", N = {
-  [$.BottomCenter]: y.South,
-  [$.BottomLeft]: y.Southwest,
-  [$.BottomRight]: y.Southeast,
-  [$.CenterCenter]: y.Center,
-  [$.CenterLeft]: y.West,
-  [$.CenterRight]: y.East,
-  [$.TopCenter]: y.North,
-  [$.TopLeft]: y.Northwest,
-  [$.TopRight]: y.Northeast
-}, p = "/t/", S = [400, 800, 1200, 1600, 2400];
-function O({
-  asset: t,
-  baseUrl: n,
-  extension: s,
-  options: f,
-  parameters: c,
-  transformations: r,
-  useSession: a = ""
-}) {
-  if (n == null)
-    return "";
-  let o = n;
-  const h = r?.findLast(
-    (d) => d.key === m.Quality
-  );
-  if (h && (r = [
-    ...r?.filter(
-      (d) => d.key !== m.Quality
-    ) || [],
-    h
-  ]), r) {
-    const d = [];
-    for (let e = 0; e < r.length; e++) {
-      const u = r[e];
-      if (u.key === m.Rotate) {
-        let i = u.value.rotation ?? 0;
-        for (; r[e + 1]?.key === m.Rotate; )
-          e++, i += r[e].value.rotation ?? 0;
-        i !== 0 && d.push({ key: m.Rotate, value: { rotation: i } });
-      } else
-        d.push(u);
-    }
-    r = d;
-  }
-  r && r.length > 0 && (o += "/t/"), r?.forEach(({ key: d, value: e }) => {
-    if (d === m.Resize) {
-      if (e.unit === v.AspectRatio && e.ratioWidth && e.ratioHeight) {
-        o += `re_ar_${e.ratioWidth}:${e.ratioHeight}/`;
-        return;
-      }
-      const u = [
-        ...[
-          {
-            key: "re_w_",
-            value: Math.round(e.width ?? 0)
-          },
-          {
-            key: "re_h_",
-            value: Math.round(e.height ?? 0)
-          }
-        ].filter((i) => i.value !== void 0).map((i) => ({
-          key: i.key,
-          value: Math.round(Number(i.value))
-        })),
-        {
-          key: "re_rm_",
-          value: "stretch"
-        }
-      ];
-      u.forEach(({ key: i, value: _ }, T) => {
-        o += `${i}${_}${T < u.length - 1 ? "," : ""}`;
-      }), o += "/";
-    }
-    if (d === m.Crop) {
-      const u = e.unit === v.AspectRatio && !!e.ratioWidth && !!e.ratioHeight, i = !e.disabledSize && !u, _ = i && (e.x !== void 0 || e.y !== void 0), T = [
-        ...[
-          {
-            key: "c_",
-            value: e.mode
-          },
-          ...u ? [
-            {
-              key: "ar_",
-              value: `${e.ratioWidth}:${e.ratioHeight}`
-            }
-          ] : [],
-          ...i ? [
-            {
-              key: "c_w_",
-              value: Math.round(e.width ?? 0)
-            },
-            {
-              key: "c_h_",
-              value: Math.round(e.height ?? 0)
-            },
-            {
-              key: "c_x_",
-              value: Math.round(e.x ?? 0) === 0 && f?.omitZeroXY ? void 0 : Math.round(e.x ?? 0)
-            },
-            {
-              key: "c_y_",
-              value: Math.round(e.y ?? 0) === 0 && f?.omitZeroXY ? void 0 : Math.round(e.y ?? 0)
-            }
-          ] : [],
-          ...!_ && e.focusMode && e.focusMode !== "manual" ? [
-            {
-              key: e.isFocusModeAuto ? "acm_" : "c_g_",
-              value: e.focusMode
-            }
-          ] : [],
-          ...!_ && e.focusMode === "manual" && e.position ? [
-            {
-              key: "c_g_",
-              value: N[e.position]
-            }
-          ] : []
-        ].filter((k) => k.value !== void 0 && k.value !== null).map((k) => ({
-          key: k.key,
-          value: k.value
-        })),
-        ...u ? [] : [
-          {
-            key: "c_whu_",
-            value: "pixel"
-          }
-        ]
-      ];
-      T.forEach(({ key: k, value: R }, b) => {
-        const I = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(k);
-        o += `${k}${I ? Math.round(Number(R)) : R}${b < T.length - 1 ? "," : ""}`;
-      }), o += "/";
-    }
-    if (d === m.Rotate && ([
-      {
-        key: "r_a_",
-        value: e.rotation
-      }
-    ].filter((i) => i.value !== void 0).map((i) => ({
-      key: i.key,
-      value: Math.round(Number(i.value))
-    })).forEach(({ key: i, value: _ }) => {
-      o += `${i}${_}`;
-    }), o += "/"), d === m.Quality) {
-      const u = [
-        {
-          key: "q_level_",
-          value: e.quality
-        }
-      ].filter((i) => i.value !== void 0).map((i) => ({
-        key: i.key,
-        value: Math.round(Number(i.value))
-      }));
-      u.forEach(({ key: i, value: _ }, T) => {
-        o += `${i}${_}${T < u.length - 1 ? "," : ""}`;
-      }), o += "/";
-    }
-    if (d === m.Metadata) {
-      const u = [
-        {
-          key: "fl_keep_metadata",
-          value: e.keepMetadata
-        }
-      ].filter((i) => i.value !== void 0).map((i) => ({ key: i.key, value: i.value }));
-      u.forEach(({ key: i }, _) => {
-        o += `${i}${_ < u.length - 1 ? "," : ""}`;
-      }), o += "/";
-    }
-  }), s && (o += `${t?.identifier ?? crypto.randomUUID()}${s}`);
-  const l = [];
-  return c && c.length > 0 && c.forEach(({ key: d, value: e }) => {
-    l.push(
-      `${encodeURIComponent(d.trim())}=${encodeURIComponent(e.trim())}`
-    );
-  }), n && a && l.push(`UseSession=${encodeURIComponent(a)}`), l.length > 0 && (o += `?${l.join("&")}`), o.endsWith("/") && (o = o.slice(0, -1)), o;
-}
-function G(t, n) {
-  if (!t || !n?.length)
-    return t;
-  const s = O({ baseUrl: "", transformations: n }).replace(
-    /\/t\//g,
-    ""
-  );
-  if (!s)
-    return t;
-  const f = t.indexOf(g);
-  if (f < 0)
-    return `${t}/t/${s}`;
-  const c = t.slice(0, f + g.length), r = t.slice(f + g.length), a = r.indexOf("/t/");
-  if (a >= 0) {
-    const h = r.slice(0, a);
-    return `${c}${h}/t/${s}`;
-  }
-  const o = r.indexOf("/");
-  if (o >= 0) {
-    const h = r.slice(0, o), l = r.slice(o);
-    return `${c}${h}/t/${s}${l}`;
-  }
-  return `${t}/t/${s}`;
-}
-function E(t) {
-  return `re_w_${Math.round(t)}`;
-}
-function C(t, n) {
-  if (!t || !Number.isFinite(n) || n <= 0)
-    return t;
-  const s = t.indexOf(g);
-  if (s < 0)
-    return t;
-  const f = E(n), c = t.slice(0, s + g.length), r = t.slice(s + g.length), a = r.indexOf(p);
-  if (a >= 0) {
-    const h = r.slice(0, a), l = r.slice(
-      a + p.length
-    );
-    return `${c}${h}${p}${f}/${l}`;
-  }
-  const o = r.indexOf("/");
-  if (o >= 0) {
-    const h = r.slice(0, o), l = r.slice(o);
-    return `${c}${h}${p}${f}${l}`;
-  }
-  return `${c}${r}${p}${f}`;
-}
-function F(t) {
-  const n = t.indexOf(g);
-  return n < 0 ? !1 : t.slice(n + g.length).includes(p);
-}
-const x = "TRX", M = "TR1", L = /* @__PURE__ */ new Set(["gif", "png", "tif", "tiff"]);
-function A(t) {
-  if (!t)
-    return "";
-  const n = t.trim().toLowerCase();
-  return n.startsWith(".") ? n.slice(1) : n;
-}
-function W(t) {
-  return A(t) === "gif";
-}
-const U = 10 * 1024 * 1024, w = {
-  b: 1,
-  byte: 1,
-  bytes: 1,
-  gb: 1024 ** 3,
-  kb: 1024,
-  mb: 1024 ** 2,
-  tb: 1024 ** 4
-};
-function B(t) {
-  if (typeof t == "number")
-    return Number.isFinite(t) && t >= 0 ? t : void 0;
-  if (!t)
-    return;
-  const n = /^\s*([\d.,]+)\s*([a-z]*)\s*$/i.exec(t);
-  if (!n)
-    return;
-  const s = Number(n[1].replace(/,/g, ""));
-  if (!Number.isFinite(s) || s < 0)
-    return;
-  const f = n[2].toLowerCase();
-  if (!f)
-    return s;
-  const c = w[f];
-  return c === void 0 ? void 0 : s * c;
-}
-function X(t, n) {
-  if (!L.has(A(t)))
-    return M;
-  const s = B(n);
-  return s !== void 0 && s > U ? M : x;
-}
-function Y(t, n = {}) {
-  if (!t.includes(g) || F(t) || n.format === x && W(n.extension))
-    return "";
-  const { maxWidth: s, widths: f = S } = n, c = [...f].filter((a) => Number.isFinite(a) && a > 0).sort((a, o) => a - o);
-  if (c.length === 0)
-    return "";
-  let r = c;
-  if (s !== void 0 && Number.isFinite(s) && s > 0) {
-    const a = c.filter((o) => o <= s);
-    r = a.length > 0 ? a : [c[0]];
-  }
-  return r.map((a) => `${C(t, a)} ${a}w`).join(", ");
-}
-function D(t, n = 100) {
-  return !Number.isFinite(t) || t <= 0 ? "" : `${Math.ceil(t / n) * n}px`;
-}
-export {
-  M as A,
-  S,
-  G as a,
-  Y as b,
-  O as c,
-  D as d,
-  C as e,
-  U as f,
-  F as h,
-  B as p,
-  X as r
-};