@orangelogic/design-system 2.0.0-29DUO2-beta-2 → 2.0.0-29IORR-beta-1

package/library/packages/organisms/src/lightbox/lightbox.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

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

@@ -1,4 +1,4 @@
-import { GetAllFormatCodesResponse, GetAssetLinkResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetTransformAssetLinkResponse } from './asset.types';
+import { GetAllFormatCodesResponse, GetAssetLinkResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetTransformAssetLinkResponse, SearchAssetsParams, SearchAssetsResponse } from './asset.types';
 
 export declare const DEFAULT_VIEW_SIZE = "CoreField.LargeSizePreview";
 export declare const FIELD_CORTEX_PATH = "Document.CortexPath";
@@ -22,6 +22,7 @@ export declare const LIBRARY_NAME = "Library";
 export declare const MESSAGE_NEW_LINE = "\n";
 export declare const ORIGINAL_VIEW_SIZE = "CoreField.OriginalPreview";
 export declare function resolveAssetExtraFilters(selectedFacets?: Record<string, string[]>): Record<string, string[]>;
+export declare function apiSearchAssets({ fields, getPermanentAssetsPaths, limit, query, siteUrl, start, token, useSession, }: SearchAssetsParams): Promise<SearchAssetsResponse>;
 export declare function apiGetAssetLink({ extraFields, id, proxyPreference, siteUrl, token, useSession, }: {
     extraFields?: string;
     id: string;
@@ -39,7 +40,7 @@ export declare function apiGetTransformAssetLink({ assetId, extension, format, s
     transformations?: string;
     useSession?: string;
 }): Promise<GetTransformAssetLinkResponse | null>;
-export declare function apiGetAssets({ extraFields, recordIds, }: GetAssetsRequest): Promise<GetAssetsResponse>;
+export declare function apiGetAssets({ extraFields, recordIds, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
 export declare function apiGetAssetsInFolder({ extraFields, folderId, limit, limitedDocTypes, searchTerm, seeThrough, selectedFacets, sortOrder, start, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
 export declare function apiGetCropFocusMode({ autoCropMode, cropHeight, cropWidth, imageUrl, useSession, }: GetCropZoneSuggestionRequest): Promise<GetCropZoneSuggestionResponse | null>;
 export declare function apiGetAvailableProxies({ assetRecordId, siteUrl, token, useSession, }: {

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

@@ -3,6 +3,7 @@ export declare enum MediaType {
     Audio = "Audio",
     Image = "Image",
     Multimedia = "Multimedia",
+    ProjectDocument = "ProjectDocument",
     Story = "Story",
     Video = "Video",
     Widget = "Widget"
@@ -93,6 +94,7 @@ export type GetTransformAssetLinkResponse = {
 export type GetAssetsRequest = {
     extraFields?: string[];
     recordIds: string[];
+    token?: string;
 };
 export type GetAssetsResponse = {
     facets: Facet[];
@@ -161,3 +163,85 @@ export type GetAllFormatCodesRawResponse = {
 export type GetAllFormatCodesResponse = {
     formatsByDocType: FormatsByDocType;
 };
+export type SearchDateOperator = ':' | '>' | '>:' | '<' | '<:';
+export type SearchDateCriterion = {
+    operator: SearchDateOperator;
+    value: string;
+};
+export declare enum SearchOrientation {
+    Landscape = "Landscape",
+    Portrait = "Portrait",
+    Square = "Square"
+}
+export type SearchCriteria = {
+    artist?: string;
+    color?: boolean;
+    createDate?: SearchDateCriterion | [SearchDateCriterion, SearchDateCriterion];
+    custom?: Record<string, string | string[]>;
+    docSubType?: string | string[];
+    docType?: MediaType | MediaType[];
+    editDate?: SearchDateCriterion | [SearchDateCriterion, SearchDateCriterion];
+    fileExtension?: string | string[];
+    keyword?: string | string[];
+    mediaDate?: SearchDateCriterion | [SearchDateCriterion, SearchDateCriterion];
+    mediaNumber?: string;
+    nativeKeyword?: string | string[];
+    orientation?: SearchOrientation;
+    parentFolderIdentifier?: string;
+    path?: string;
+    photographer?: string;
+    purpose?: string;
+    recordId?: string | string[];
+    systemIdentifier?: string;
+    text?: string;
+    title?: string;
+};
+export type SearchQueryNode = {
+    and: SearchQueryNode[];
+} | {
+    or: SearchQueryNode[];
+} | {
+    not: SearchQueryNode;
+} | SearchCriteria;
+export type SearchAssetsParams = {
+    fields?: string[];
+    getPermanentAssetsPaths?: boolean;
+    limit?: number;
+    query: SearchQueryNode;
+    siteUrl?: string;
+    start?: number;
+    token?: string;
+    useSession?: string;
+};
+export type SearchAssetsMediaField = {
+    Height?: number;
+    URI: string;
+    Width?: number;
+};
+export type SearchAssetsItemFieldValue = string | number | boolean | SearchAssetsMediaField;
+export type SearchAssetsItem = Record<string, SearchAssetsItemFieldValue>;
+export type SearchAssetsRawResponse = {
+    APIRequestInfo?: {
+        APIVersion: string;
+        IsLoggedIn: boolean;
+        Module: string;
+        ProviderID: string;
+        ProviderVersion: string;
+        Status: string;
+        TimeoutPeriodMinutes: number;
+        UserLogin: string;
+    };
+    APIResponse: {
+        GlobalInfo: {
+            QueryDurationMilliseconds: number;
+            Sort: string;
+            TotalCount: number;
+        };
+        Items: SearchAssetsItem[];
+    };
+};
+export type SearchAssetsResponse = {
+    items: SearchAssetsItem[];
+    sort: string;
+    totalCount: number;
+};

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

@@ -0,0 +1,9 @@
+import { SearchAssetsItemFieldValue, SearchAssetsMediaField, SearchQueryNode } from './asset.types';
+
+export declare function isSearchAssetsMediaField(value: SearchAssetsItemFieldValue): value is SearchAssetsMediaField;
+export type AssetExtraFilters = {
+    FacetFilters?: Record<string, string[]>;
+    SubtypeCriteria?: string[];
+};
+export declare function resolveAssetExtraFilters(selectedFacets?: Record<string, string[]>): AssetExtraFilters;
+export declare function buildSearchQuery(node: SearchQueryNode): string;

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

@@ -28,7 +28,7 @@ export declare enum METADATA_API_ENDPOINT {
     GET_SEARCHABLE_FIELDS = "webapi/objectmanagement/metadata/fields/getallobjectfieldsforcurrentuser_4C2_v2"
 }
 export declare enum SEARCH_API_ENDPOINT {
-    SEARCH = "API/search/v3.0/search"
+    '4.0' = "API/Search/v4.0/Search"
 }
 export declare enum CHAPTER_API_ENDPOINT {
     CREATE_OR_UPDATE_CHAPTERS = "webapi/mediafile/timebasedasset/createorupdatechapters_4b0_v1",

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

@@ -4,9 +4,10 @@ export declare class FetchAssetController implements ReactiveController {
     private readonly host;
     private data;
     constructor(host: ReactiveElement);
-    fetchAssetByID({ extraFields, recordId, }: {
+    fetchAssetByID({ extraFields, recordId, token, }: {
         extraFields?: string[];
         recordId: string;
+        token?: string;
     }): Promise<Record<string, string>>;
     hostConnected?(): void;
     hostDisconnected?(): void;

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

@@ -1,3 +1,4 @@
+import { Transformation } from '../../../types/src/asset-link-format';
 import { GalleryItem } from '../../../types/src/gallery-item';
 import { ReactiveController, ReactiveElement } from 'lit';
 
@@ -15,38 +16,49 @@ export declare class FetchImageController implements ReactiveController {
     private maxEnd;
     constructor(host: ReactiveElement, options?: FetchImageControllerOptions);
     get totalDataCount(): number;
-    fetchImages({ end, extraFields, start, }: {
+    private resolveProxyUrls;
+    fetchImages({ end, extraFields, format, start, transformations, }: {
         end: number;
         extraFields: string[];
+        format?: string;
         start: number;
+        transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[] | undefined>;
-    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, minLimit, noPlaceholders, }: {
+    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, format, minLimit, noPlaceholders, transformations, }: {
         activeSlide: number;
         extraFields?: string[];
         folderId: string;
         forceRefetch?: boolean;
+        format?: string;
         minLimit?: number;
         noPlaceholders?: boolean;
+        transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesByIDs({ extraFields, recordIds, }: {
+    fetchImagesByIDs({ extraFields, format, recordIds, transformations, }: {
         extraFields?: string[];
+        format?: string;
         recordIds: string[];
+        transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesInFolderByPage({ extraFields, folderId, forceRefetch, noPlaceholders, page, pageSize, }: {
+    fetchImagesInFolderByPage({ extraFields, folderId, forceRefetch, format, noPlaceholders, page, pageSize, transformations, }: {
         extraFields?: string[];
         folderId: string;
         forceRefetch?: boolean;
+        format?: string;
         noPlaceholders?: boolean;
         page: number;
         pageSize?: number;
+        transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, start, }: {
+    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, format, start, transformations, }: {
         chunkSize?: number;
         end?: number;
         extraFields?: string[];
         folderId: string;
         forceRefetch?: boolean;
+        format?: string;
         start?: number;
+        transformations?: Transformation[];
     }): AsyncGenerator<ExtendedGalleryItem[], void, unknown>;
     hostConnected?(): void;
     hostDisconnected?(): void;

package/library/packages/types/src/asset-click-action.d.ts

@@ -2,12 +2,14 @@ export declare enum ClickAction {
     DoNothing = "do-nothing",
     DownloadAsset = "download-asset",
     ExpandAssetInFullScreen = "expand-asset-in-full-screen",
+    OpenAssetInLibrary = "open-asset-in-library",
     OpenAssetOverview = "open-asset-overview",
     OpenLink = "open-link",
     OpenPage = "open-page",
     OpenSpace = "open-space",
     ShareAsset = "share-asset",
-    ShowAssetInLibrary = "show-asset-in-library"
+    ShowAssetInLibrary = "show-asset-in-library",
+    Zoom = "zoom"
 }
 export type AssetFormat = {
     _3DFormats?: string[];

package/library/packages/types/src/bento-grid.d.ts

@@ -16,3 +16,40 @@ export declare enum FillerMode {
     Fit = "fit",
     Full = "full"
 }
+/** Pixel position of a single placed bento item (absolute coordinates). */
+export interface BentoItemPosition {
+    /** 0-based exclusive column index where the item ends (used for data-column attribute). */
+    columnEnd: number;
+    /** 0-based column index where the item starts (used for data-column attribute). */
+    columnStart: number;
+    height: number;
+    left: number;
+    /** 0-based row index where the item starts (used for maxRows filtering and data-row attribute). */
+    rowStart: number;
+    top: number;
+    width: number;
+}
+/** Parameters passed to BentoLayout.compute(). */
+export interface BentoLayoutParams {
+    columnGap: number;
+    columns: number;
+    containerWidth: number;
+    itemHeight: number;
+    /**
+     * Maximum number of rows to display. When finite, scroll height is capped at
+     * maxRows × (itemHeight + rowGap) − rowGap so hidden rows don't inflate the container.
+     */
+    maxRows?: number;
+    rowGap: number;
+    /**
+     * Total number of items including those not yet loaded.
+     * When provided and greater than items.length, the scroll height is extended
+     * to approximate the full dataset size (unloaded items assumed to be 1×1).
+     */
+    totalItems?: number;
+}
+/** Inclusive item index range returned by BentoLayout.getActiveRange(). */
+export interface BentoActiveRange {
+    first: number;
+    last: number;
+}

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

@@ -40,6 +40,14 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
      * It is called right before the record is saved.
      */
     api?: () => Promise<Option[]> | FolderSelectApi;
+    assetTransformationConfigs?: {
+        assetIdKey?: string;
+        formatKey?: string;
+        multiple?: boolean;
+        noCrop?: boolean;
+        noResize?: boolean;
+        noRotate?: boolean;
+    };
     callback?: (params: {
         extraValue?: Record<string, unknown>;
         record: T;
@@ -48,7 +56,7 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     checkedValue?: string | boolean;
     children?: PropertyConfig[];
     clearable?: boolean;
-    controlType: 'bicolor-picker' | 'border-input-group' | 'button-group' | 'checkbox' | 'checkbox-group' | 'color-swatch-picker' | 'corner-position-input-group' | 'download-format-picker' | 'file' | 'folder-picker' | 'gallery-picker' | 'group' | 'group-heading' | 'icon-picker' | 'image-picker' | 'input' | 'list-editor' | 'all-picker' | 'other-picker' | 'padding-input-group' | 'page-picker' | 'placeholder' | 'position-picker' | 'radio-card-group' | 'radio-group' | 'select' | 'shadow-input-group' | 'size-input-group' | 'switch' | 'table' | 'text' | 'video-picker';
+    controlType: 'asset-transformation' | 'bicolor-picker' | 'border-input-group' | 'button-group' | 'checkbox' | 'checkbox-group' | 'color-swatch-picker' | 'corner-position-input-group' | 'download-format-picker' | 'file' | 'folder-picker' | 'gallery-picker' | 'group' | 'group-heading' | 'icon-picker' | 'image-picker' | 'input' | 'list-editor' | 'all-picker' | 'other-picker' | 'padding-input-group' | 'page-picker' | 'placeholder' | 'position-picker' | 'radio-card-group' | 'radio-group' | 'select' | 'shadow-input-group' | 'size-input-group' | 'switch' | 'table' | 'text' | 'video-format-picker' | 'video-picker';
     cornerStyleKey?: {
         offsetX: string;
         offsetY: string;
@@ -58,12 +66,15 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     disabledTooltip?: string;
     downloadFormatPickerConfigs?: {
         assetIdsKey?: string;
+        isObjectFormat?: boolean;
+        objectIdKey?: string;
     };
     folderPickerConfigs?: {
         useFullPath: boolean;
     };
     galleryPickerConfigs?: {
         dialog: DialogType;
+        transformationRecordIdKey?: string;
     };
     groupConfigs?: {
         columnGap?: string;
@@ -128,6 +139,18 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     type: 'attribute' | 'property' | 'style' | 'decorative';
     uncheckedValue?: string | boolean;
     useSearchTerm?: boolean;
+    videoFormatPickerConfigs?: {
+        /** The block-attribute key that holds the asset ID for this video. */
+        assetIdKey?: string;
+        /** The block-attribute key that stores the selected asset version. Defaults to 'asset-version'. */
+        assetVersionKey?: string;
+        /** The block-attribute key that stores the human-readable format label. Defaults to 'format-label'. */
+        formatLabelKey?: string;
+        /** The block-attribute key that stores the resolved video source URL. Defaults to 'format-src'. */
+        formatSrcKey?: string;
+        /** The block-attribute key that stores the human-readable version label. Defaults to 'version-label'. */
+        versionLabelKey?: string;
+    };
     width?: ((record: Record<string, unknown>) => string | number) | string | number;
 };
 export declare enum Permission {
@@ -274,3 +297,6 @@ export declare enum DataSourceId {
     TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES",
     TranslatableTexts = "TRANSLATABLE_TEXTS"
 }
+export type ConfigsOptions = {
+    enableAssetFormatControls?: boolean;
+};

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

@@ -26,12 +26,6 @@ export declare enum ContentType {
     Automatic = "automatic",
     Custom = "custom"
 }
-export declare enum ClickEvent {
-    DoNothing = "do-nothing",
-    OpenAssetInLibrary = "open-asset-in-library",
-    OpenAssetOverview = "open-asset-overview",
-    Zoom = "zoom"
-}
 export type GalleryRecord = {
     id: string;
     objectFit: ObjectFit;

package/library/packages/types/src/icon-button.d.ts

@@ -0,0 +1,7 @@
+/** Sizes supported by `cx-icon-button`. */
+export declare enum IconButtonSize {
+    Large = "large",
+    Medium = "medium",
+    Small = "small",
+    XLarge = "x-large"
+}

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

@@ -0,0 +1,33 @@
+/** Placement of the built-in checked icon relative to the label. */
+export declare enum MenuItemCheckPlacement {
+    Prefix = "prefix",
+    Suffix = "suffix"
+}
+/**
+ * Interface for menu item data that can be shared between events and components
+ * This breaks the circular dependency between events and atoms packages
+ */
+export interface MenuItemData {
+    /** Whether the menu item is checked (for checkbox type) */
+    checked?: boolean;
+    /** Whether the menu item is disabled */
+    disabled?: boolean;
+    /** The download attribute for the link */
+    download?: string;
+    /** The href if the menu item is a link */
+    href?: string;
+    /** Whether the menu item is loading */
+    loading?: boolean;
+    /** Whether the menu item is readonly */
+    readonly?: boolean;
+    /** The rel attribute for the link */
+    rel?: string;
+    /** The target for the link */
+    target?: '_blank' | '_parent' | '_self' | '_top';
+    /** The text content/label of the menu item */
+    textContent?: string;
+    /** The type of menu item */
+    type?: 'normal' | 'checkbox';
+    /** The value associated with the menu item */
+    value?: string;
+}

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

@@ -0,0 +1,19 @@
+/**
+ * Lit-property type names that `cx-storybook` understands when introspecting the
+ * target component's `elementProperties`. Names match the lowercased function
+ * name of the corresponding constructor (`String`, `Number`, ...) plus a
+ * dedicated `'array'` slot for `type: Array` since `Array.name === 'Array'`.
+ */
+export declare enum StorybookPropType {
+    Array = "array",
+    Boolean = "boolean",
+    Function = "function",
+    Number = "number",
+    Object = "object",
+    String = "string"
+}
+/** Metadata `cx-storybook` builds per public reactive property of the target. */
+export interface StorybookPropConfig {
+    default: unknown;
+    type: StorybookPropType;
+}

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

@@ -516,10 +516,13 @@ export interface IComponentFunctionBinder {
 export interface IDataLoader extends ICoreFeature {
     requestOrder: number;
     loading: boolean;
+    externalLoading: boolean;
+    readonly pendingPromise: Promise<void> | null;
     load(data: any, params?: any, config?: any, replace?: any, silent?: any, columnsChanged?: any): Promise<void>;
     mapParams(params: Record<string, any>, map: Record<string, string>): Record<string, any>;
     objectInvert(obj: Record<string, string>): Record<string, string>;
     blockActiveLoad(): void;
+    setExternalLoading(value: boolean): void;
     alertLoader(): void;
     alertError(): void;
     clearAlert(): void;
@@ -894,11 +897,13 @@ export interface IModule extends ICoreFeature {
     popup(menuEl: HTMLElement, menuContainer?: any): any;
     alert(content: any, type?: string): void;
     clearAlert(): void;
+    isLoading(): boolean;
 }
 export interface ITabulatorFull extends ITabulator {
     setSheetData: (lookup: string | SpreadsheetComponent, data: unknown[][]) => void;
     setGroupBy: (groups: GroupArg) => void;
     setGroupHeader: (values: Options['groupHeader']) => void;
+    setGroupLoadMoreMeta: (meta: GroupLoadMoreMeta | undefined) => void;
     setGroupStartOpen: (values: Options['groupStartOpen']) => void;
     setGroupValues: (data: GroupValuesArg) => void;
     setPageSize: (size: number | true) => void;
@@ -953,11 +958,27 @@ export interface ISheetComponent {
     setRows(rows: number): unknown;
     setTitle(title: string): unknown;
 }
+export interface GroupLoadMorePathSegment {
+    field: string | false;
+    key: unknown;
+}
+export interface GroupLoadMoreState {
+    hasMore: boolean;
+    loading?: boolean;
+}
+export type GroupLoadMoreMeta = Record<string, GroupLoadMoreState>;
+export interface GroupLoadMoreEventPayload {
+    path: GroupLoadMorePathSegment[];
+    pathKey: string;
+    rowCount: number;
+}
 export interface IGroupComponent {
     getElement(): HTMLElement | false;
     getField(): string | false;
     getKey(): unknown;
     getParentGroup(): IGroupComponent | false;
+    getPath(): GroupLoadMorePathSegment[];
+    getPathKey(): string;
     getRows(): IRowComponent[];
     getSubGroups(): IGroupComponent[];
     getTable(): unknown;
@@ -1213,7 +1234,7 @@ export interface OptionsPagination {
      *
      *  When using the page size selector like this, if you use the setPageSize function to set the page size to a value not in the list, the list will be regenerated using the new page size as the starting valuer
      */
-    paginationSizeSelector?: true | number[] | any[];
+    pageSizeOptions?: true | number[] | any[];
     /** By default the pagination controls are added to the footer of the table. If you wish the controls to be created in another element pass a DOM node or a CSS selector for that element to the paginationElement option. */
     paginationElement?: HTMLElement | string;
     /**
@@ -1266,6 +1287,8 @@ export interface OptionsPagination {
     paginationShowLast?: boolean;
     /** Whether to show the pagination buttons. */
     showPaginationButtons?: boolean;
+    /** Whether to show an editable input for the current page in the pagination counter. */
+    showPaginationInput?: boolean;
 }
 export type GroupArg = string | string[] | ((data: any) => any) | Array<string | ((data: any) => any)>;
 export interface OptionsRowGrouping {
@@ -1304,6 +1327,8 @@ export interface OptionsRowGrouping {
     groupToggleElement?: 'arrow' | 'header' | false;
     /** show/hide column calculations when group is closed. */
     groupClosedShowCalcs?: boolean;
+    /** Load-more state keyed by serialized group path. */
+    groupLoadMoreMeta?: GroupLoadMoreMeta;
     groupUpdateOnCellEdit?: boolean;
 }
 export type FilterPredicate = (filterVal: any, rowVal: any, rowData: any, filterParams: FilterParams) => boolean;
@@ -2401,6 +2426,14 @@ export interface LabelValue {
     label: string;
     value: string | number | boolean;
 }
+export interface FallbackOption {
+    /** The sentinel value used to match against list items. The original unmatched cell value is preserved for form submission unless the user explicitly changes it. */
+    value: string | number | boolean;
+    /** Sanitized HTML string to render in the `prefix` slot of the fallback `cx-option` (e.g. `'<cx-icon name="plus"></cx-icon>'`). No prefix is shown when omitted. */
+    prefix?: string;
+    /** When true, the divider that separates the fallback option from the rest of the list is hidden. Defaults to false (divider is shown). */
+    hideDivider?: boolean;
+}
 type ListEditorItem = {
     label: string;
     value: string;
@@ -2416,6 +2449,7 @@ export interface ListEditorParams extends SharedEditorParams, SharedSelectAutoCo
     valuesURL?: string;
     valuesLookup?: ListEditorValuesLookup;
     valuesLookupField?: string;
+    fallbackOption?: FallbackOption;
     clearable?: boolean;
     getItemLabel?: (label: string, value: string, item: any, element: HTMLElement) => string;
     sort?: SortDirection;
@@ -2818,6 +2852,7 @@ export interface EventCallBackMethods {
     movableRowsElementDrop: (event: UIEvent, element: Element, row: IRowComponent) => void;
     dataGrouping: () => void;
     dataGrouped: (groups: IGroupComponent[]) => void;
+    groupLoadMore: (detail: GroupLoadMoreEventPayload) => void;
     groupVisibilityChanged: (group: IGroupComponent, visible: boolean) => void;
     localized: (locale: string, lang: any) => void;
     renderStarted: () => void;
@@ -2986,6 +3021,7 @@ export interface HeaderFilterFunc {
 }
 export type LangObject = Record<string, any>;
 export type TableSelector = string | HTMLElement | ITabulator | TableSelector[];
+export declare const DEFAULT_GROUP_INDENT = 36;
 /**
  * @typedef {Object} TrafficFormatterParams
  * @property {Record<any, string>} [colorMap] - Record mapping cell values to colors. Used when the cell value should be mapped to a specific color.

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

@@ -0,0 +1,4 @@
+/** Special value for the `rows` property that makes the textarea fill its parent container height. */
+export declare enum TextareaRows {
+    Max = "max"
+}

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

@@ -0,0 +1,11 @@
+export declare enum AssetVersion {
+    Current = "current",
+    Latest = "latest"
+}
+export interface VideoFormatValue {
+    assetVersion: AssetVersion | string;
+    format: string;
+    formatLabel?: string;
+    versionLabel?: string;
+    videoSrc: string;
+}

package/library/packages/utils/src/actions/asset-click.d.ts

@@ -1,9 +1,7 @@
-import { AssetFormat, ClickAction } from '../../../types/src/asset-click-action';
-import { ClickEvent } from '../../../types/src/gallery';
+import { AssetFormat } from '../../../types/src/asset-click-action';
 
 export declare function openAssetOverview(this: HTMLElement, id: string | null | undefined): void;
 export declare function openFolderOverview(this: HTMLElement, assetId: string | null | undefined): void;
 export declare function openLink(this: HTMLElement, url: string | null | undefined, target?: '_blank' | '_parent' | '_self' | '_top' | undefined): void;
 export declare function shareAsset(this: HTMLElement, assetId: string | null | undefined): void;
 export declare function downloadAsset(this: HTMLElement, assetIds: string[] | null | undefined, formats: AssetFormat | null | undefined): void;
-export declare function toGalleryEventClick(clickAction: ClickAction): ClickEvent | ClickAction;

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

@@ -1,5 +1,5 @@
-import { Translation as DefaultTranslation, LocalizeController as DefaultLocalizationController } from './i18n-utils';
 import { GalleryItemCardType } from '../../../types/src/gallery-item';
+import { Translation as DefaultTranslation, LocalizeController as DefaultLocalizationController } from './i18n-utils';
 
 export declare class LocalizeController extends DefaultLocalizationController<Translation> {
 }
@@ -76,6 +76,7 @@ export interface Translation extends DefaultTranslation {
     ascending: string;
     aspectRatio: string;
     asset: string;
+    assetFormat: string;
     assetInColdStorage: string;
     assetIndexSync: string;
     assetPreview: string;
@@ -206,6 +207,7 @@ export interface Translation extends DefaultTranslation {
     customStyle: string;
     customWidth: string;
     damViewNoAvailableOptionsForThisAsset: string;
+    darkImageFormat: string;
     darkModeImage: string;
     dashSpacing: string;
     dashWidth: string;
@@ -246,6 +248,7 @@ export interface Translation extends DefaultTranslation {
     downloadButton: string;
     downloadCompleted: string;
     downloadFailed: string;
+    downloadFormat: string;
     downloadLocationNoLongerExists: (location: string) => string;
     downloadManager: string;
     downloadNewVersion: string;
@@ -370,6 +373,7 @@ export interface Translation extends DefaultTranslation {
     image: string;
     imageContent: string;
     imageFormat: string;
+    imagesFormat: string;
     import: string;
     importTextFile: string;
     importTextFileDialogConfirm: string;
@@ -388,8 +392,8 @@ export interface Translation extends DefaultTranslation {
     interpretTextAs: string;
     itCanTakeAFewMinutesForThisSettingToTakeEffect: string;
     italic: string;
-    itemOfTotal: (curr: number, total: number) => string;
-    itemRangeOfTotal: (start: number, end: number, total: number) => string;
+    itemOfTotal: (curr: number | string, total: number) => string;
+    itemRangeOfTotal: (start: number | string, end: number | string, total: number) => string;
     itemsGap: string;
     jump: string;
     justify: string;
@@ -553,6 +557,7 @@ export interface Translation extends DefaultTranslation {
     qualityHelpText: string;
     quote: string;
     radixPoint: string;
+    read: string;
     readyToUse: string;
     recent: string;
     redo: string;
@@ -691,6 +696,7 @@ export interface Translation extends DefaultTranslation {
     thickness: string;
     thousandsSeparator: string;
     thumbnail: string;
+    thumbnailFormat: string;
     thumbnailHelpText: string;
     timeBased: string;
     timeFormat: string;
@@ -751,6 +757,7 @@ export interface Translation extends DefaultTranslation {
     video: string;
     videoChaptersEmptyPlaceholder: string;
     videoContent: string;
+    videoFormat: string;
     videoPlayer: string;
     view: string;
     viewAndSort: string;

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

@@ -41,5 +41,6 @@ export * from './string';
 export * from './template';
 export * from './time';
 export * from './toast';
+export * from './transformation';
 export * from './url';
 export * from './video';