@orangelogic/design-system 2.113.0 → 2.115.0

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

@@ -9,6 +9,8 @@ export declare enum TEAMSPACE_API_ENDPOINT {
     GET_USER_ROLE = "webapi/objectmanagement/teamspaces/getuserroles_41E7_v1"
 }
 export declare enum ASSET_API_ENDPOINT {
+    GET_CONTENT_V1 = "webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v1",
+    GET_CONTENT_V3 = "webapi/extensibility/integrations/contentBrowserSDK/getcontent_4bw_v3",
     GET_CROP_ZONE_SUGGESTION = "webapi/mediafile/assettransformation/getcropzonesuggestion_41UP_v1",
     GET_LARGEST_DOWNLOAD_LINK = "webapi/objectmanagement/share/getlargestdownloadlink_46X_v1",
     GET_TRANSFORM_ASSET_LINK = "webapi/mediafile/assettransformation/transformasset_41E6_v1",

package/library/packages/tools/src/fetch-asset/fetch-asset.d.ts

@@ -3,6 +3,8 @@ import { ReactiveController, ReactiveElement } from 'lit';
 export declare class FetchAssetController implements ReactiveController {
     private readonly host;
     private data;
+    private apiGetAssetsViaContentSdk;
+    private apiGetAssets;
     constructor(host: ReactiveElement);
     fetchAssetByID({ extraFields, recordId, securityByPassToken, token, }: {
         extraFields?: string[];
@@ -10,6 +12,10 @@ export declare class FetchAssetController implements ReactiveController {
         securityByPassToken?: string;
         token?: string;
     }): Promise<Record<string, string>>;
+    fetchAssetByIDViaContentSdk({ extraFields, recordId, }: {
+        extraFields?: string[];
+        recordId: string;
+    }): Promise<Record<string, string>>;
     hostConnected?(): void;
     hostDisconnected?(): void;
 }

package/library/packages/tools/src/fetch-image/fetch-image.d.ts

@@ -23,17 +23,21 @@ export declare class FetchImageController implements ReactiveController {
     private readonly authToken;
     private securityByPassToken;
     private requestEpoch;
+    private apiGetAssets;
+    private apiGetAssetsInFolder;
+    private apiGetAssetsInFolderViaContentSdk;
     constructor(host: ReactiveElement, options?: FetchImageControllerOptions);
     get totalDataCount(): number;
     setSecurityByPassToken(token: string | undefined): void;
-    fetchImages({ end, extraFields, format, start, transformations, }: {
+    fetchImages({ end, extraFields, format, start, transformations, useContentSdk, }: {
         end: number;
         extraFields: string[];
         format?: string;
         start: number;
         transformations?: Transformation[];
+        useContentSdk?: boolean;
     }): Promise<ExtendedGalleryItem[] | undefined>;
-    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, format, minLimit, noPlaceholders, transformations, }: {
+    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, format, minLimit, noPlaceholders, transformations, useContentSdk, }: {
         activeSlide: number;
         extraFields?: string[];
         folderId: string;
@@ -42,6 +46,7 @@ export declare class FetchImageController implements ReactiveController {
         minLimit?: number;
         noPlaceholders?: boolean;
         transformations?: Transformation[];
+        useContentSdk?: boolean;
     }): Promise<ExtendedGalleryItem[]>;
     fetchImagesByIDs({ extraFields, format, recordIds, transformations, }: {
         extraFields?: string[];
@@ -49,7 +54,7 @@ export declare class FetchImageController implements ReactiveController {
         recordIds: string[];
         transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesInFolderByPage({ extraFields, folderId, forceRefetch, format, noPlaceholders, page, pageSize, transformations, }: {
+    fetchImagesInFolderByPage({ extraFields, folderId, forceRefetch, format, noPlaceholders, page, pageSize, transformations, useContentSdk, }: {
         extraFields?: string[];
         folderId: string;
         forceRefetch?: boolean;
@@ -58,8 +63,9 @@ export declare class FetchImageController implements ReactiveController {
         page: number;
         pageSize?: number;
         transformations?: Transformation[];
+        useContentSdk?: boolean;
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, format, start, transformations, }: {
+    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, format, start, transformations, useContentSdk, }: {
         chunkSize?: number;
         end?: number;
         extraFields?: string[];
@@ -68,6 +74,7 @@ export declare class FetchImageController implements ReactiveController {
         format?: string;
         start?: number;
         transformations?: Transformation[];
+        useContentSdk?: boolean;
     }): AsyncGenerator<ExtendedGalleryItem[], void, unknown>;
     hostConnected?(): void;
     hostDisconnected?(): void;

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

@@ -2,13 +2,54 @@ export declare enum FacetSelectionMode {
     Multiple = "multiple",
     Single = "single"
 }
-export type FacetDetails = {
+/** The kind of control a facet renders. Drives the adapter chosen by `cx-faceted-filter`. */
+export declare enum FacetType {
+    /** Multi/single-select tree of values with counts (default). */
+    Checkbox = "checkbox",
+    /** A single date picker — emits an `=` filter on the chosen day. */
+    DatePicker = "date-picker",
+    /** A from/to date range — emits `>=` / `<=` filters once both ends are set. */
+    DateRange = "date-range"
+}
+/** Checkbox (tree) facet — `type` defaults to `checkbox` when omitted. */
+export type CheckboxFacetDetails = {
     displayName: string;
     facetFieldName: string;
     facetIndexedFieldName?: string;
-    /** Controls whether the facet allows single or multi-select. Defaults to single. */
     selection?: FacetSelectionMode;
+    type?: FacetType.Checkbox;
 };
+/** Single date-picker facet. */
+export type DatePickerFacetDetails = {
+    displayName: string;
+    facetFieldName: string;
+    facetIndexedFieldName?: string;
+    /** Maximum selectable date in `YYYY-MM-DD`. */
+    max?: string;
+    /** Minimum selectable date in `YYYY-MM-DD`. */
+    min?: string;
+    selection?: FacetSelectionMode;
+    /** Show the hour/minute/second selects. */
+    showTime?: boolean;
+    type: FacetType.DatePicker;
+};
+/** From/to date-range facet. */
+export type DateRangeFacetDetails = {
+    displayName: string;
+    facetFieldName: string;
+    facetIndexedFieldName?: string;
+    /** Maximum selectable date in `YYYY-MM-DD`. */
+    max?: string;
+    /** Minimum selectable date in `YYYY-MM-DD`. */
+    min?: string;
+    selection?: FacetSelectionMode;
+    /** Show the preset selector (Today, Last 7 days, …). */
+    showPreset?: boolean;
+    /** Show the hour/minute/second selects. */
+    showTime?: boolean;
+    type: FacetType.DateRange;
+};
+export type FacetDetails = CheckboxFacetDetails | DatePickerFacetDetails | DateRangeFacetDetails;
 export type FacetValue = {
     count: number;
     displayValue: string;
@@ -21,3 +62,31 @@ export type Facet = {
 };
 /** Selected filter values keyed by facetFieldName. e.g. `{ status: ['active'], category: ['image>>png'] }` */
 export type SelectedFacets = Record<string, string[]>;
+/**
+ * A committed date selection for a single date facet. Shared by both date types:
+ * - `DatePicker` sets `fromDate` only (`toDate` stays empty) and maps to an `=` filter.
+ * - `DateRange` sets both `fromDate` and `toDate` and maps to `>=` / `<=` filters.
+ *
+ * Dates are ISO `YYYY-MM-DD`; times are 24-hour `HH:mm:ss`. When `showTime` is true the
+ * consumer combines date + time into an ISO datetime (`YYYY-MM-DDTHH:mm:ss`).
+ */
+export type DateRangeValue = {
+    fromDate: string;
+    fromTime: string;
+    /** Selected preset key for date-range facets when a preset was used. */
+    preset?: string;
+    showTime: boolean;
+    toDate: string;
+    toTime: string;
+    type: FacetType.DatePicker | FacetType.DateRange;
+};
+/** Committed date selections keyed by facetFieldName. e.g. `{ createdDate: { type: 'date-picker', fromDate: '2026-06-24', … } }` */
+export type SelectedDateRanges = Record<string, DateRangeValue>;
+export type FacetRenderContext = {
+    /** Committed date selection for this facet (`internalDateRanges[field]`). */
+    dateRange: DateRangeValue | undefined;
+    /** Fallback selection mode when the facet does not define its own. */
+    defaultSelection: FacetSelectionMode;
+    /** Selected checkbox values for this facet (`internalSelection[field]`). */
+    selectionValues: string[];
+};

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

@@ -130,6 +130,7 @@ export interface Translation extends DefaultTranslation {
     buttonAriaLabelHelpText: string;
     cache: string;
     cacheSizeCannotBeNegative: string;
+    cacheSizeDescription: string;
     cacheUsageWarning: string;
     cached: string;
     caching: string;
@@ -800,7 +801,7 @@ export interface Translation extends DefaultTranslation {
     suggestDeletion: string;
     superscript: string;
     syncCanceled: string;
-    syncFailedCacheFull: string;
+    syncFailed: string;
     syncing: string;
     tabBackground: string;
     table: string;
@@ -885,6 +886,7 @@ export interface Translation extends DefaultTranslation {
     urlValidationMessage: string;
     useKeyboardArrowsToNavigateThroughTheCarousel: string;
     useKeyboardArrowsToNavigateThroughTheGallery: string;
+    used: string;
     userAvatar: string;
     userGuide: string;
     value: string;

package/library/packages/utils/src/image/index.d.ts

@@ -1 +1,2 @@
 export * from './image';
+export * from './waveform';

package/library/packages/utils/src/image/waveform.d.ts

@@ -0,0 +1,29 @@
+export interface WaveformExtractionOptions {
+    /** Target number of sample columns. Defaults to the image's natural pixel width for maximum detail. */
+    sampleCount?: number;
+    /** Luminance threshold 0–1 for non-white detection. Default: 0.92. */
+    threshold?: number;
+}
+export interface WaveformData {
+    height: number;
+    /** Normalized 0–1 amplitudes, length === sampleCount. */
+    peaks: number[];
+    width: number;
+}
+/**
+ * Loads an image from `url`, draws it onto an offscreen canvas, and samples
+ * `sampleCount` columns to extract the visible waveform amplitude.
+ * When `sampleCount` is omitted the image's natural pixel width is used, giving
+ * one sample per source column for maximum fidelity.
+ *
+ * Returns `null` on any error (network, CORS, canvas SecurityError, etc.).
+ */
+export declare function extractWaveformPeaks(url: string, options?: WaveformExtractionOptions): Promise<WaveformData | null>;
+/**
+ * Builds a filled, vertically mirrored SVG path string representing a waveform.
+ * Each sample is rendered as a flat-topped bar (step-function) so the output
+ * matches server-rendered bar-style waveform images without diagonal interpolation.
+ *
+ * Returns an empty string when `peaks` is empty.
+ */
+export declare function buildWaveformPath(peaks: number[], viewBoxWidth: number, viewBoxHeight: number): string;