@orangelogic/design-system 2.146.0 → 2.147.0

package/library/components/video.js

@@ -1,13 +1,13 @@
 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.DVbY2O89.js";
+import { C as Cb } from "../chunks/image.DaYfKRf4.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";
 import { b as Ib } from "../chunks/browser.BHOCIF_A.js";
 import { c as Ob } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as kb } from "../chunks/i18n.DYXys45m.js";
+import { L as kb } from "../chunks/i18n.D07sG_CU.js";
 import { w as Ki } from "../chunks/watch.K-dbDP6P.js";
 import { i as Bb, x as Qc } from "../chunks/lit-element.jLBm65_O.js";
 import { n as Ri } from "../chunks/lib-cortex-element.CVMmyPMC.js";

package/library/package.json

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

package/library/packages/events/src/cx-faceted-filter-remove.d.ts

@@ -0,0 +1,9 @@
+export type CxFacetedFilterRemoveEvent = CustomEvent<{
+    /** The `key` of the removed applied-filter tag (see `AppliedFilterTag`). */
+    key: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-faceted-filter-remove': CxFacetedFilterRemoveEvent;
+    }
+}

package/library/packages/events/src/cx-table-applied-filter-remove.d.ts

@@ -0,0 +1,9 @@
+export type CxTableAppliedFilterRemoveEvent = CustomEvent<{
+    /** The `key` of the removed host-provided applied-filter tag (see `additionalAppliedFilters`). */
+    key: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-table-applied-filter-remove': CxTableAppliedFilterRemoveEvent;
+    }
+}

package/library/packages/events/src/events.d.ts

@@ -76,6 +76,7 @@ export * from './cx-expand';
 export * from './cx-export-settings';
 export * from './cx-facet-change';
 export * from './cx-faceted-filter-change';
+export * from './cx-faceted-filter-remove';
 export * from './cx-file-on-demand-load-more';
 export * from './cx-file-on-demand-pin';
 export * from './cx-file-on-demand-unpin';
@@ -194,6 +195,7 @@ export * from './cx-swatch-add';
 export * from './cx-tab-hide';
 export * from './cx-tab-show';
 export * from './cx-table-advanced-search-click';
+export * from './cx-table-applied-filter-remove';
 export * from './cx-table-column-editor-apply';
 export * from './cx-table-column-editor-cancel';
 export * from './cx-table-column-visibility-change';

package/library/packages/hybrid/table-core/src/table/styles/table-clickable-cell.styles.d.ts

@@ -1,7 +1,9 @@
 /**
  * Styles for cells in columns with `clickable: true`. Renders text with a
  * link-like appearance (primary color, underline on hover) without using a
- * real anchor element. Consumers can override the text color via the
+ * real anchor element. The affordance is text-only: icons in the same cell
+ * keep the table's default color and are not tinted by the link style.
+ * Consumers can override the text color via the
  * `--clickable-cell-color` CSS custom property. For more involved styling
  * (font, padding, background) configure the column directly via `cssClass`,
  * `textFormatParams`, or a custom `formatter`.

package/library/packages/hybrid/table-core/src/table/table.d.ts

@@ -9,6 +9,7 @@ import { default as CxSpinner } from '../../../../atoms/src/components/spinner/s
 import { default as CxTooltip } from '../../../../atoms/src/components/tooltip/tooltip.ts';
 import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
 import { default as CxFacetedFilter } from '../../../../molecules/src/faceted-filter/faceted-filter.ts';
+import { AppliedFilterTag } from '../../../../types/src/faceted-filter';
 import { PaginationCounter } from '../../../../types/src/pagination';
 import { DateFilterCompareFormat, HoverMenuOptions, HttpMethod, PaginationPlacement, TableClipboardAction, ColumnDefinition, Options, OptionsColumns, OptionsSpreadsheet, SheetDefinition, TableDataFormat } from '../../../../types/src/table';
 import { SavedSearchItem, TableDropdownFilterData, TableGroupByOption } from '../../../../types/src/table-toolbar';
@@ -73,6 +74,7 @@ import { CxTableColumnEditor, CxTableFooter, CxTableHeaderMenu, CxTableRowAction
  * @event {{ invalidCellCount: number, invalidCells: ICellComponent[] }} cx-table-validation-change - Emitted when the set of cells failing column `validator` rules changes (edit, load validation, or programmatic validate).
  * @event {{ field: string, visible: boolean }} cx-table-column-visibility-change - Emitted after a column's visibility changes via the header right-click "Hide column" action.
  * @event {{ field: string }} cx-table-edit-columns - Emitted when "Edit columns" is chosen from the header right-click menu. Extension point for a future manage-columns panel; no built-in panel is shown.
+ * @event {{ key: string }} cx-table-applied-filter-remove - Emitted when a host-provided chip from `additionalAppliedFilters` is removed (individually or via "Clear") in the faceted-filter panel. Carries the removed chip's `key`; the host owns the underlying filter and updates `additionalAppliedFilters` in response.
  */
 export default class CxTable extends CortexElement {
     #private;
@@ -331,6 +333,15 @@ export default class CxTable extends CortexElement {
      * Example: `"country:checkbox-multiple,createdAt|Create Date:datePicker-showTime,updatedAt|Updated At:dateRangePicker-showTime-showPreset"`
      */
     facetConfig: string | undefined;
+    /**
+     * Extra host-provided chips shown in the faceted-filter "Applied filters" panel,
+     * in addition to the ones the table manages itself (e.g. the search term). Push any
+     * number of `{ key, label }` entries; each renders as a removable tag. When one is
+     * removed (or "Clear" is clicked) the table emits `cx-table-applied-filter-remove`
+     * with its `key` — the host owns the underlying filter state and updates this list
+     * in response. Keys must be unique and must not clash with the reserved `search-keyword` key.
+     */
+    additionalAppliedFilters: AppliedFilterTag[];
     /**
      * Lookup list to link fields expected by the server to their function
      * ```typescript
@@ -823,6 +834,7 @@ export default class CxTable extends CortexElement {
     private columnEditorEntries;
     get initialized(): boolean | undefined;
     get searchValue(): string;
+    private get appliedFilterTags();
     get isBottomPlacement(): boolean;
     get showPaginationFooter(): boolean;
     /**
@@ -914,6 +926,7 @@ export default class CxTable extends CortexElement {
     isLoading(): boolean;
     search(searchText: string): void;
     private handleSearch;
+    private handleAppliedFilterRemove;
     handleSearchFieldsChange(): void;
     handleSearchMatchAnyKeywordChange(): void;
     handleDropdownFiltersPropChange(): void;

package/library/packages/molecules/src/faceted-filter/faceted-filter.d.ts

@@ -9,7 +9,7 @@ import { default as CxSpinner } from '../../../atoms/src/components/spinner/spin
 import { default as CxTag } from '../../../atoms/src/components/tag/tag.ts';
 import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
 import { default as CortexElement } from '../../../base/src/cortex-element.ts';
-import { Facet, FacetDetails, FacetSelectionMode, SelectedDateRanges, SelectedFacets } from '../../../types/src/faceted-filter';
+import { AppliedFilterTag, Facet, FacetDetails, FacetSelectionMode, SelectedDateRanges, SelectedFacets } from '../../../types/src/faceted-filter';
 import { CSSResultGroup } from 'lit';
 
 /**
@@ -18,6 +18,9 @@ import { CSSResultGroup } from 'lit';
  *
  * @event {{ selection: SelectedFacets }} cx-faceted-filter-change - Fired whenever
  * the user changes a selection, removes a tag, or clears all filters.
+ * @event {{ key: string }} cx-faceted-filter-remove - Fired when a host-provided
+ * applied-filter tag (see the `externalFilters` property) is removed, either individually
+ * or via "Clear". Carries the removed tag's `key`.
  *
  * @cssproperty [--panel-max-height=600px] - The maximum height of the dropdown panel and its content.
  */
@@ -49,6 +52,13 @@ export default class CxFacetedFilter extends CortexElement {
     selection: FacetSelectionMode;
     /** Whether the current selection is being applied by the consumer. */
     loading: boolean;
+    /**
+     * Removable chips supplied from OUTSIDE the component, shown in the applied-filters
+     * panel alongside the component's own facet/date selections (e.g. the table's
+     * free-text search term). Removing one — or clicking "Clear" — emits
+     * `cx-faceted-filter-remove` with its `key`; the owner updates this list in response.
+     */
+    externalFilters: AppliedFilterTag[];
     /** Total count of selected filter values that have a matching display name. */
     private appliedFiltersCount;
     /** Internal selection state maintained by the component. */
@@ -61,6 +71,7 @@ export default class CxFacetedFilter extends CortexElement {
     handleSelectedFacetsChange(): void;
     handleSelectedDateRangesChange(): void;
     handleInternalSelectionChange(): void;
+    handleExternalFiltersChange(): void;
     private updateAppliedFiltersCount;
     private getFacetSelectionMode;
     private buildRenderContext;
@@ -73,6 +84,7 @@ export default class CxFacetedFilter extends CortexElement {
     private getDateFacetLabel;
     private formatDateRangeDisplay;
     private renderDateTags;
+    private renderExternalFilterTags;
     private renderSelectionCheckboxTags;
     private renderFooter;
     render(): import('lit').TemplateResult<1>;

package/library/packages/molecules/src/search-box/search-box.d.ts

@@ -17,6 +17,12 @@ import { CSSResultGroup } from 'lit';
       var(--cx-color-neutral-1000),
       var(--cx-color-neutral-0)
     )] - pair of colors for light and dark theme
+ * @cssproperty [--search-box-custom-height=32px] - Input height when size is 'custom'.
+ * @cssproperty [--search-box-custom-padding=4px 8px 4px 8px] - Input padding when size is 'custom'.
+ * @cssproperty [--search-box-custom-font-size=var(--cx-font-size-medium)] - Input font size when size is 'custom'.
+ * @cssproperty [--search-box-custom-font-family] - Input font family when size is 'custom'.
+ * @cssproperty [--search-box-custom-font-style] - Input font style when size is 'custom'.
+ * @cssproperty [--search-box-custom-font-weight] - Input font weight when size is 'custom'.
  *
  * @event cx-input - Emitted when the control receives input.
  * @event cx-change - Emitted when an alteration to the control's value is committed by the user.
@@ -25,7 +31,7 @@ import { CSSResultGroup } from 'lit';
  * @csspart input - The input field for entering search queries.
  * @csspart icon - The icon displayed in the search box, typically a magnifying glass.
  *
- * @typedef SearchBoxSize - 'large' | 'medium' | 'small'
+ * @typedef SearchBoxSize - 'custom' | 'large' | 'medium' | 'small'
  */
 export default class CxSearchBox extends CortexElement {
     static readonly styles: CSSResultGroup;

package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts

@@ -190,6 +190,12 @@ export default class CxAssetLinkFormat extends CortexElement {
     private get hasUnfrozenTransformations();
     private apiGetTransformAssetLink;
     private apiGetCropFocusMode;
+    /**
+     * The unit of the last applied crop transformation, for the no-asset case only. Reflects
+     * whatever unit the last committed Crop transformation used, or Pixel when nothing has
+     * been applied yet.
+     */
+    get lastAppliedCropUnit(): Unit;
     /**
      * Checks if the crop apply button should be disabled.
      * This is determined by comparing the current crop size with the last crop size.
@@ -221,6 +227,12 @@ export default class CxAssetLinkFormat extends CortexElement {
             x: number;
             y: number;
         };
+        /**
+         * The last applied crop has no pixel size (only a ratio was ever committed, since
+         * there is no asset). Fall back to 1x1 (matching the width/height input mask's
+         * `min: 1`) instead of 0x0, so switching the unit selector back to Pixel and
+         * clicking Apply immediately still commits a meaningful crop instead of a no-op.
+         */
         px: {
             height: number;
             percentageHeight: number;

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

@@ -1,5 +1,5 @@
 import { default as CxSearchBox } from '../../../../molecules/src/search-box/search-box.ts';
-import { PropertyConfig } from '../../../../types/src/content-builder';
+import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { SearchBoxWidthType } from '../../../../types/src/search-box';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 
@@ -10,7 +10,7 @@ type Attribute = {
     'width-type': SearchBoxWidthType;
 };
 declare const _default: {
-    configs: (localize: LocalizeController) => Array<PropertyConfig<Attribute>>;
+    configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attribute>>;
     defaultValue: Attribute;
     stylable: string[];
 };

package/library/packages/types/src/asset-link-format.d.ts

@@ -64,6 +64,8 @@ export type Transformation = {
         keepMetadata?: boolean;
         mode?: string;
         quality?: number;
+        ratioHeight?: number;
+        ratioWidth?: number;
         rotation?: number;
         unit?: Unit;
         width?: number;

package/library/packages/types/src/faceted-filter.d.ts

@@ -90,6 +90,10 @@ export type FacetRenderContext = {
     /** Selected checkbox values for this facet (`internalSelection[field]`). */
     selectionValues: string[];
 };
+export type AppliedFilterTag = {
+    key: string;
+    label: string;
+};
 /** The author-facing control token used in `cx-table`'s `facet-config` attribute. */
 export declare enum FacetConfigTableType {
     Checkbox = "checkbox",

package/library/packages/types/src/search-box.d.ts

@@ -1,4 +1,5 @@
 export declare enum SearchBoxSize {
+    Custom = "custom",
     Large = "large",
     Medium = "medium",
     Small = "small"

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

@@ -14,6 +14,9 @@ export type DropdownItem = {
     section?: string;
     style?: Record<string, string>;
 };
+export declare enum AppliedFilterKey {
+    Search = "search-keyword"
+}
 export declare enum PaginationPlacement {
     BottomCenter = "bottom-center",
     BottomEnd = "bottom-end",

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

@@ -852,6 +852,7 @@ export interface Translation extends DefaultTranslation {
     searchFolders: string;
     searchOptions: string;
     searchPlaceholder: string;
+    searchTerm: string;
     searching: string;
     second: string;
     secondary: string;

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

@@ -32,7 +32,7 @@
             export type CxAssetLinkFormatCropMode = { auto: boolean; disabledSize: boolean; label: string; value: string; };
             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; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
+            export type CxAssetLinkFormatTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; 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'; 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'; 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 CxChatbotChatbotEvent = { event: string; excludedFromPurposes: string[]; label: string; };
@@ -50,9 +50,9 @@
             export type CxColorSwatchGroupColorSwatchData = { cmyk: string; color: string; hex: string; id: string; name: string; palette: string; pms: string; rgb: string; };
             export type CxDamCustomToolbarButtonsEditorDamCustomToolbarButton = { accessLevel: string; action: 'create-record' | 'execute-workflow' | 'open-form' | 'open-link' | 'open-page' | 'open-space'; appearance: 'icon-and-label' | 'icon-only' | 'label-only'; completionMessage: string; formId: string; icon: string; id: string; label: string; link: string; name: string; openInNewTab: boolean; pageId: string; pageUrl: string; recordSubType: string; recordType: string; spaceId: string; tooltip: string; type: 'primary' | 'secondary'; workflowId: string; };
             export type CxGalleryGalleryRecord = { id: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; rawId: string; src: string; };
-            export type CxGalleryTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
+            export type CxGalleryTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
             export type CxTimelineTimelineItem = { id: string; label: string; objectFit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'; recordId: string; thumbnail: string; };
-            export type CxTimelineTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
+            export type CxTimelineTransformation = { key: 'Crop' | 'Metadata' | 'Proxy' | 'Quality' | 'Resize' | 'Rotate'; value: { disabledSize: boolean; focusMode: string; height: number; isFocusModeAuto: boolean; keepMetadata: boolean; mode: string; quality: number; ratioHeight: number; ratioWidth: number; rotation: number; unit: '%' | 'px'; width: number; x: number; y: number; }; };
             export type CxContentBuilderDevice = { canvasWidth: string; height: string; id: string; maxWidth: string; name: string; };
             export type CxDashboardFilterDashboardFilterControl = { controlId: string; controlType: string; id: string; label: string; maxOptionsVisible: number; optionColumnMapping: CxDashboardFilterPartial; options: CxDashboardFilterDashboardFilterOption[] | dictionary[]; placeholder: string; type: string; };
             export type CxDashboardFilterPartial = any;
@@ -6968,7 +6968,7 @@
         /**
           * Search input's size.
         */
-        size?: 'large' | 'medium' | 'small';
+        size?: 'custom' | 'large' | 'medium' | 'small';
         /**
           * Placeholder for input
         */

package/library/utils.js

@@ -13,7 +13,7 @@ import { d as Fe } from "./chunks/drag.DXEXVXPv.js";
 import { f as Oe } from "./chunks/focus-when-visible.jWSw9ks0.js";
 import { f as O } from "./chunks/form.BSqXLytJ.js";
 import { F as Ne, c as Ue, g as Pe, v as _e, a as He } from "./chunks/form.BSqXLytJ.js";
-import { L as We, r as Be } from "./chunks/i18n.DYXys45m.js";
+import { L as We, r as Be } from "./chunks/i18n.D07sG_CU.js";
 import { c as Ge, q as ze } from "./chunks/math.DuKzLacZ.js";
 import { g as Qe, l as Ze, s as je, u as Je } from "./chunks/scroll.xtO5yojm.js";
 import { j as y } from "./chunks/dom.CU_mBy9D.js";
@@ -33,7 +33,7 @@ import { s as ca } from "./chunks/parse.Cu5nBDTb.js";
 import { b as ma, d as fa, e as ha, f as ga, m as da, g as pa, h as Da, l as Ta, p as wa, w as Ca, v as xa, a as Ma, c as ya, s as Sa, r as Ea, o as Aa, t as Ia, n as La, q as va, i as ba, u as Ra } from "./chunks/string.BmBJ_BLT.js";
 import { g as Fa, a as ka } from "./chunks/template.ClovJacp.js";
 import { c as Ya, f as Na, a as Ua, g as Pa } from "./chunks/time.DWfbnPnM.js";
-import { b as Ha } from "./chunks/transformation.c-RS37zA.js";
+import { b as Ha } from "./chunks/transformation.DGzjBg6V.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}`;

package/package.json

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

package/library/chunks/transformation.c-RS37zA.js

@@ -1,151 +0,0 @@
-import { T as r } from "./asset-link-format.QzzboHHE.js";
-function m({
-  asset: k,
-  baseUrl: h,
-  extension: y,
-  options: f,
-  parameters: c,
-  transformations: l,
-  useSession: _ = ""
-}) {
-  if (h == null)
-    return "";
-  let a = h;
-  const v = l?.findLast(
-    (i) => i.key === r.Quality
-  );
-  if (v && (l = [
-    ...l?.filter(
-      (i) => i.key !== r.Quality
-    ) || [],
-    v
-  ]), l) {
-    const i = [];
-    for (let o = 0; o < l.length; o++) {
-      const t = l[o];
-      if (t.key === r.Rotate) {
-        let e = t.value.rotation ?? 0;
-        for (; l[o + 1]?.key === r.Rotate; )
-          o++, e += l[o].value.rotation ?? 0;
-        e !== 0 && i.push({ key: r.Rotate, value: { rotation: e } });
-      } else
-        i.push(t);
-    }
-    l = i;
-  }
-  l && l.length > 0 && (a += "/t/"), l?.forEach(({ key: i, value: o }) => {
-    if (i === r.Resize) {
-      const t = [
-        ...[
-          {
-            key: "re_w_",
-            value: Math.round(o.width ?? 0)
-          },
-          {
-            key: "re_h_",
-            value: Math.round(o.height ?? 0)
-          }
-        ].filter((e) => e.value !== void 0).map((e) => ({
-          key: e.key,
-          value: Math.round(Number(e.value))
-        })),
-        {
-          key: "re_rm_",
-          value: "stretch"
-        }
-      ];
-      t.forEach(({ key: e, value: u }, n) => {
-        a += `${e}${u}${n < t.length - 1 ? "," : ""}`;
-      }), a += "/";
-    }
-    if (i === r.Crop) {
-      const t = [
-        ...[
-          {
-            key: "c_",
-            value: o.mode
-          },
-          ...o.disabledSize ? [] : [
-            {
-              key: "c_w_",
-              value: Math.round(o.width ?? 0)
-            },
-            {
-              key: "c_h_",
-              value: Math.round(o.height ?? 0)
-            },
-            {
-              key: "c_x_",
-              value: Math.round(o.x ?? 0) === 0 && f?.omitZeroXY ? void 0 : Math.round(o.x ?? 0)
-            },
-            {
-              key: "c_y_",
-              value: Math.round(o.y ?? 0) === 0 && f?.omitZeroXY ? void 0 : Math.round(o.y ?? 0)
-            }
-          ],
-          ...o.focusMode && o.focusMode !== "manual" ? [
-            {
-              key: o.isFocusModeAuto ? "acm_" : "c_g_",
-              value: o.focusMode
-            }
-          ] : []
-        ].filter((e) => e.value !== void 0 && e.value !== null).map((e) => ({
-          key: e.key,
-          value: e.value
-        })),
-        {
-          key: "c_whu_",
-          value: "pixel"
-        }
-      ];
-      t.forEach(({ key: e, value: u }, n) => {
-        const s = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(e);
-        a += `${e}${s ? Math.round(Number(u)) : u}${n < t.length - 1 ? "," : ""}`;
-      }), a += "/";
-    }
-    if (i === r.Rotate && ([
-      {
-        key: "r_a_",
-        value: o.rotation
-      }
-    ].filter((e) => e.value !== void 0).map((e) => ({
-      key: e.key,
-      value: Math.round(Number(e.value))
-    })).forEach(({ key: e, value: u }) => {
-      a += `${e}${u}`;
-    }), a += "/"), i === r.Quality) {
-      const t = [
-        {
-          key: "q_level_",
-          value: o.quality
-        }
-      ].filter((e) => e.value !== void 0).map((e) => ({
-        key: e.key,
-        value: Math.round(Number(e.value))
-      }));
-      t.forEach(({ key: e, value: u }, n) => {
-        a += `${e}${u}${n < t.length - 1 ? "," : ""}`;
-      }), a += "/";
-    }
-    if (i === r.Metadata) {
-      const t = [
-        {
-          key: "fl_keep_metadata",
-          value: o.keepMetadata
-        }
-      ].filter((e) => e.value !== void 0).map((e) => ({ key: e.key, value: e.value }));
-      t.forEach(({ key: e }, u) => {
-        a += `${e}${u < t.length - 1 ? "," : ""}`;
-      }), a += "/";
-    }
-  }), y && (a += `${k?.identifier ?? crypto.randomUUID()}${y}`);
-  const d = [];
-  return c && c.length > 0 && c.forEach(({ key: i, value: o }) => {
-    d.push(
-      `${encodeURIComponent(i.trim())}=${encodeURIComponent(o.trim())}`
-    );
-  }), h && _ && d.push(`UseSession=${encodeURIComponent(_)}`), d.length > 0 && (a += `?${d.join("&")}`), a.endsWith("/") && (a = a.slice(0, -1)), a;
-}
-export {
-  m as b
-};