@orangelogic/design-system 4.30.0 → 4.31.0

package/library/components/video.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/video.Ba5xl_3K.js";
+import { n as e, t } from "../chunks/video.dKdkgJUo.js";
 export { t as VIDEO_BACKGROUND_SIZE_BY_OBJECT_FIT, e as default };

package/library/package.json

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

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

@@ -14,6 +14,9 @@ import { default as CxTypography } from '../typography/typography';
  * always shows time relative to `in-point` (starting at 0). `cx-time-update` emits `time` relative
  * to `in-point`.
  *
+ * Use `start-time` to open the player at a position without restricting the window: playback starts
+ * there, and the listener can still seek back to `in-point`.
+ *
  * @event cx-play - Emitted when playback starts.
  * @event cx-pause - Emitted when playback pauses.
  * @event {{ time: number }} cx-time-update - Emitted while the playback position changes. `time` is relative to `in-point` (starts at 0).
@@ -88,6 +91,13 @@ export default class CxAudio extends ResizableElement {
      * Playback stop position in seconds. 0 means play to the end of the file.
      */
     outPoint: number;
+    /**
+     * Position in seconds, on the file's timeline, where playback starts each time a source loads. Ignored when it
+     * falls outside the `in-point`/`out-point` window. Changing it after the source loaded does not seek; use `seek()`.
+     */
+    startTime: number;
+    /** Whether `startTime` was applied to the current source. */
+    private isStartTimeApplied;
     /** Whether the audio is currently playing. */
     private isPlaying;
     /** Whether the audio has finished loading and is ready for playback. */
@@ -142,6 +152,11 @@ export default class CxAudio extends ResizableElement {
     play(): void;
     /** Pauses audio playback. */
     pause(): void;
+    /**
+     * Moves playback to `time` seconds on the file's timeline, clamped to the `in-point`/`out-point` window.
+     * Does nothing before the audio has loaded its duration.
+     */
+    seek(time: number): void;
     /** Toggles between play and pause. */
     togglePlay(): void;
     private formatTime;

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

@@ -168,7 +168,7 @@ export default class CxImage extends ResizableElement {
     get currentAltValue(): string;
     get currentSrc(): string;
     get highlighterTabindex(): "0" | undefined;
-    get highlighterRole(): "button" | "img";
+    get highlighterRole(): 'button' | 'img' | undefined;
     /**
      * `object-position` only shifts content already stretched to fill the `<img>` box, so
      * under `contain` (where the image shrinks to fit and never fills that box on both axes)

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

@@ -1,5 +1,6 @@
 import { default as CxImage } from '../image/image.ts';
 import { default as CxResizeObserver } from '../resize-observer/resize-observer.ts';
+import { default as CxTooltip } from '../tooltip/tooltip.ts';
 import { default as ResizableElement } from '../../../../base/src/resizable-element.ts';
 import { ObjectFit } from '../../../../types/src/index.ts';
 import { PositionPickerValue } from '../../../../types/src/position-picker';
@@ -27,6 +28,10 @@ import { VideoJsPlayer } from './videojs/index.js';
  * @event cx-error - Emitted when the video fails to load.
  *
  * @slot placeholder - The placeholder element, shown while the `src` is not set.
+ *
+ * @description Captions and subtitles are declared like on a native `<video>`: add `<track>` children with
+ * `src` (WebVTT), `kind`, `label`, `srclang` and optionally `default`. Adding, removing or editing them updates
+ * the player, and a captions menu appears in the control bar while at least one track is present.
  */
 /**
  * `background-size` only accepts `cover`/`contain` — map the crop-style
@@ -40,6 +45,7 @@ export default class CxVideo extends ResizableElement {
     static readonly dependencies: {
         'cx-image': typeof CxImage;
         'cx-resize-observer': typeof CxResizeObserver;
+        'cx-tooltip': typeof CxTooltip;
     };
     readonly localize: LocalizeController;
     accessor videoJsContainer: HTMLDivElement;
@@ -119,6 +125,11 @@ export default class CxVideo extends ResizableElement {
     protected autoPlayTimeout: number | null;
     parsedName: string;
     formattedPoster: string;
+    /** The player's copy of each `<track>` child, with the options it was created from. */
+    private playerTextTracks;
+    private readonly trackChildrenObserver;
+    /** The `<track>` children that declare the captions and subtitles. */
+    get trackElements(): HTMLTrackElement[];
     /**
      * The current time of the video.
      */
@@ -154,6 +165,18 @@ export default class CxVideo extends ResizableElement {
     protected removeVideoEventListeners(): void;
     attachSeekbar(): void;
     private applyBigPlayButtonVisibility;
+    private isTrackChildMutation;
+    /**
+     * Mirrors the `<track>` children into the player, which keeps its copies across source changes. Only the copies
+     * of added, edited or removed children change, so the caption the viewer picked stays on; an edited child's copy
+     * keeps its mode.
+     */
+    private syncTextTracks;
+    /**
+     * The captions menu is left out of the control bar until a track exists, so a stream that carries its own
+     * subtitles keeps the control bar it had.
+     */
+    private addCaptionsMenu;
     /**
      * Keeps the big play button centered in the visible video content rather than
      * the full player when object-fit leaves empty space around the video.

package/library/packages/molecules/src/multi-select/components/board-list-item/board-list-item.d.ts

@@ -31,6 +31,7 @@ export default class CxBoardListItem extends CortexElement {
     textElement: HTMLElement;
     tooltipElement: CxTooltip;
     controlElement: HTMLElement;
+    selectionHitAreaElement: HTMLElement;
     text: string;
     tooltip: string;
     readonly: boolean;

package/library/packages/organisms/src/chatbot/chatbot.d.ts

@@ -95,7 +95,7 @@ export default class CxChatbot extends CortexElement {
     }): void;
     show(): void;
     hide(): void;
-    updateTabIndex(): void;
+    updateInteractiveState(): void;
     toggleFullScreen(): void;
     pingConnection(): void;
     adjustScroll(): Promise<void>;

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

@@ -582,6 +582,13 @@ export default class CxGallery extends CortexElement {
     /** Same as the space list above: page cards carry no title or description of their own. */
     handlePagesAndLinksChange(): Promise<void>;
     handleSourceFieldsChange(): Promise<void>;
+    private refreshSourceData;
+    /**
+     * Custom content only changes the card overlay and its slots, so it must not
+     * invalidate already-resolved image URLs. Switching back to automatic content
+     * does need metadata, but a failed metadata refresh must not blank those images.
+     */
+    handleContentTypeChange(_previousContentType?: unknown, nextContentType?: unknown): Promise<void>;
     handleLoopChange(): Promise<void>;
     handleChunkChange(): Promise<void>;
     handleActiveSlideChange(): Promise<void>;

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

@@ -109,6 +109,10 @@ export default class CxSbImage extends CxImage {
      * A description of the image used by assistive devices in dark mode.
      */
     altDarkMode: string;
+    /** Whether to use authored alt text instead of asset metadata. */
+    useCustomAlt: boolean;
+    /** Whether to use authored alt text for the dark-mode image. */
+    useCustomAltDarkMode: boolean;
     altSourceField: string;
     /**
      * CMS5 only. Click action for the image.
@@ -236,6 +240,12 @@ export default class CxSbImage extends CxImage {
     get currentAltValue(): string;
     get currentRecordId(): string;
     get currentSrc(): string;
+    /**
+     * Keeps a valid serialized URL visible while edit mode refreshes it by record id.
+     * GrapesJS can recreate the element when custom content is added, so runtime-only
+     * resolved state is briefly empty even though the saved source is still usable.
+     */
+    private resolveRenderableSource;
     get currentTransformations(): Transformation[];
     /** Whether the variant being displayed had its format picked by hand. */
     get isCurrentFormatManual(): boolean;
@@ -272,7 +282,7 @@ export default class CxSbImage extends CxImage {
      */
     private get requestedAssetFields();
     get highlighterTabindex(): "0" | undefined;
-    get highlighterRole(): "button" | "img";
+    get highlighterRole(): "button" | "img" | undefined;
     get highlighterClass(): {
         [x: string]: boolean;
         'highlightable-item--has-action': boolean;
@@ -294,6 +304,12 @@ export default class CxSbImage extends CxImage {
      * Whether the image has an click action.
      */
     private get hasClickAction();
+    /** The native link replaces the wrapper's synthetic button semantics in read mode. */
+    private get hasNavigationAnchor();
+    /** Resolves the destination shared by pointer handling and the accessibility anchor. */
+    private get navigationUrl();
+    /** Names the native link from visible content before falling back to its destination. */
+    private get navigationLabel();
     /**
      * The rendered width in CSS pixels, used as the `sizes` hint so the browser can pick
      * the smallest `srcset` candidate that still covers the box.

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

@@ -33,6 +33,7 @@ export default class CxSbVideo extends CxVideo {
         'cx-asset-data-display': typeof CxAssetDataDisplay;
         'cx-image': typeof import('../../../../../atoms/src').CxImage;
         'cx-resize-observer': typeof import('../../../../../atoms/src').CxResizeObserver;
+        'cx-tooltip': typeof import('../../../../../atoms/src').CxTooltip;
     };
     /**
      * The share source of the image's asset.

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

@@ -3,6 +3,8 @@ import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 import { default as CxImage } from '../blocks/image/image';
 type Attribute = {
     'additional-fields': string;
+    alt: CxImage['alt'];
+    'alt-dark-mode': CxImage['altDarkMode'];
     'alt-source-field': CxImage['altSourceField'];
     'aspect-ratio': CxImage['aspectRatio'];
     'aspect-ratio-dark-mode': CxImage['aspectRatioDarkMode'];
@@ -51,6 +53,8 @@ type Attribute = {
     'text-reveal-style'?: CxImage['textRevealStyle'];
     transformations: string;
     'transition-type'?: string;
+    'use-custom-alt': CxImage['useCustomAlt'];
+    'use-custom-alt-dark-mode': CxImage['useCustomAltDarkMode'];
     width: CxImage['width'];
     'zoom-style'?: CxImage['zoomStyle'];
 };

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

@@ -310,6 +310,8 @@ export default class ConfigsController {
         src: string;
     }>[] | import('../../../types/src/content-builder').PropertyConfig<{
         'additional-fields': string;
+        alt: import('./blocks/image/image').default["alt"];
+        'alt-dark-mode': import('./blocks/image/image').default["altDarkMode"];
         'alt-source-field': import('./blocks/image/image').default["altSourceField"];
         'aspect-ratio': import('./blocks/image/image').default["aspectRatio"];
         'aspect-ratio-dark-mode': import('./blocks/image/image').default["aspectRatioDarkMode"];
@@ -358,15 +360,17 @@ export default class ConfigsController {
         'text-reveal-style'?: import('./blocks/image/image').default["textRevealStyle"];
         transformations: string;
         'transition-type'?: string;
+        'use-custom-alt': import('./blocks/image/image').default["useCustomAlt"];
+        'use-custom-alt-dark-mode': import('./blocks/image/image').default["useCustomAltDarkMode"];
         width: import('./blocks/image/image').default["width"];
         'zoom-style'?: import('./blocks/image/image').default["zoomStyle"];
     }>[] | import('../../../types/src/content-builder').PropertyConfig<{
-        appearance: import('./blocks').CxSearchBox["appearance"];
-        'can-search-by-icon': import('./blocks').CxSearchBox["canSearchByIcon"];
+        appearance: import('../../../../apps/cortex/src/types').CxSearchBox["appearance"];
+        'can-search-by-icon': import('../../../../apps/cortex/src/types').CxSearchBox["canSearchByIcon"];
         'data-icon-name': string;
-        label: import('./blocks').CxSearchBox["label"];
-        placeholder: import('./blocks').CxSearchBox["placeholder"];
-        size: import('./blocks').CxSearchBox["size"];
+        label: import('../../../../apps/cortex/src/types').CxSearchBox["label"];
+        placeholder: import('../../../../apps/cortex/src/types').CxSearchBox["placeholder"];
+        size: import('../../../../apps/cortex/src/types').CxSearchBox["size"];
         'width-type': import('../../../types/src/search-box').SearchBoxWidthType;
     }>[] | import('../../../types/src/content-builder').PropertyConfig<{
         data: string;
@@ -725,12 +729,12 @@ export default class ConfigsController {
         'page-id': string;
         src: string;
     } | {
-        appearance: import('./blocks').CxSearchBox["appearance"];
-        'can-search-by-icon': import('./blocks').CxSearchBox["canSearchByIcon"];
+        appearance: import('../../../../apps/cortex/src/types').CxSearchBox["appearance"];
+        'can-search-by-icon': import('../../../../apps/cortex/src/types').CxSearchBox["canSearchByIcon"];
         'data-icon-name': string;
-        label: import('./blocks').CxSearchBox["label"];
-        placeholder: import('./blocks').CxSearchBox["placeholder"];
-        size: import('./blocks').CxSearchBox["size"];
+        label: import('../../../../apps/cortex/src/types').CxSearchBox["label"];
+        placeholder: import('../../../../apps/cortex/src/types').CxSearchBox["placeholder"];
+        size: import('../../../../apps/cortex/src/types').CxSearchBox["size"];
         'width-type': import('../../../types/src/search-box').SearchBoxWidthType;
     } | {
         'data-constraints': boolean;

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

@@ -20,6 +20,7 @@ export { default as CxFileOnDemand } from './file-on-demand/file-on-demand';
 export { default as CxFindAndReplace } from './find-and-replace/find-and-replace';
 export { default as CxLightbox } from './lightbox/lightbox';
 export { default as CxListEditor } from './list-editor/list-editor';
+export { default as CxSearchBox } from './content-builder/blocks/search-box/search-box';
 export { default as CxSpaceSelector } from './space-selector/space-selector';
 export { default as CxSpecialCharactersDialog } from './special-characters-dialog/special-characters-dialog';
 export { default as CxTemplateSwitcher } from './template-switcher/template-switcher';

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

@@ -19,7 +19,7 @@ export declare const FIELD_DOC_SUBTYPE = "Document.DocSubType";
 export declare const FIELD_IN_POINT = "Document.InPoint";
 export declare const FIELD_OUT_POINT = "Document.OutPoint";
 export declare function resolveAssetExtraFilters(selectedFacets?: Record<string, string[]>): Record<string, string[]>;
-export declare function apiSearchAssets({ consistency, countPerPage, fields, getPermanentAssetsPaths, httpMethod, isSiteBuilder, pageNumber, query, securityByPassToken, siteUrl, sort, token, useSession, }: SearchAssetsParams): Promise<SearchAssetsResponse>;
+export declare function apiSearchAssets({ consistency, countPerPage, fields, getPermanentAssetsPaths, httpMethod, isSiteBuilder, pageNumber, query, securityByPassToken, siteUrl, sort, throwOnError, token, useSession, }: SearchAssetsParams): Promise<SearchAssetsResponse>;
 export declare function apiGetTransformAssetLink({ assetId, extension, format, siteUrl, token, transformations, useSession, }: {
     assetId: string;
     extension?: string;
@@ -29,8 +29,8 @@ export declare function apiGetTransformAssetLink({ assetId, extension, format, s
     transformations?: string;
     useSession?: string;
 }): Promise<GetTransformAssetLinkResponse | null>;
-export declare function apiGetAssets({ consistency, extraFields, getPermanentAssetsPaths, isSiteBuilder, recordIds, securityByPassToken, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
-export declare function apiGetAssetsInFolder({ consistency, countPerPage, directParentFolderIdentifier, extraFields, getPermanentAssetsPaths, isSiteBuilder, limitedDocTypes, pageNumber, parentFolderIdentifier, searchTerm, securityByPassToken, sortOrder, token, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
+export declare function apiGetAssets({ consistency, extraFields, getPermanentAssetsPaths, isSiteBuilder, recordIds, securityByPassToken, throwOnError, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
+export declare function apiGetAssetsInFolder({ consistency, countPerPage, directParentFolderIdentifier, extraFields, getPermanentAssetsPaths, isSiteBuilder, limitedDocTypes, pageNumber, parentFolderIdentifier, searchTerm, securityByPassToken, sortOrder, throwOnError, 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, }: {
     assetRecordId: string;

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

@@ -37,6 +37,7 @@ export type GetAssetsInFolderRequest = {
     searchTerm: string;
     securityByPassToken?: string;
     sortOrder: string;
+    throwOnError?: boolean;
     token?: string;
 };
 export type GetAssetsInFolderResponse = {
@@ -71,6 +72,7 @@ export type GetAssetsRequest = {
     isSiteBuilder?: boolean;
     recordIds: string[];
     securityByPassToken?: string;
+    throwOnError?: boolean;
     token?: string;
 };
 export type GetAssetsResponse = {
@@ -215,6 +217,8 @@ export type SearchAssetsParams = {
     securityByPassToken?: string;
     siteUrl?: string;
     sort?: string;
+    /** Re-throw transport errors when the caller must distinguish failure from no results. */
+    throwOnError?: boolean;
     token?: string;
     useSession?: string;
 };

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

@@ -101,7 +101,7 @@ export declare class FetchImageController implements ReactiveController {
      * Shrinking is ignored once pages are cached: collapsing already has what it needs.
      */
     setPageSize(pageSize: number): void;
-    fetchImages({ end, extraFields, format, manualFormat, start, transformations, }: {
+    fetchImages({ end, extraFields, format, manualFormat, start, throwOnError, transformations, }: {
         end: number;
         extraFields: string[];
         format?: string;
@@ -111,9 +111,10 @@ export declare class FetchImageController implements ReactiveController {
          */
         manualFormat?: boolean;
         start: number;
+        throwOnError?: boolean;
         transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[] | undefined>;
-    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, format, manualFormat, minLimit, noPlaceholders, transformations, }: {
+    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, format, manualFormat, minLimit, noPlaceholders, throwOnError, transformations, }: {
         activeSlide: number;
         extraFields?: string[];
         folderId: string;
@@ -122,9 +123,10 @@ export declare class FetchImageController implements ReactiveController {
         manualFormat?: boolean;
         minLimit?: number;
         noPlaceholders?: boolean;
+        throwOnError?: boolean;
         transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesByIDs({ extraFields, format, manualFormat, recordIds, transformations, }: {
+    fetchImagesByIDs({ extraFields, format, manualFormat, recordIds, throwOnError, transformations, }: {
         extraFields?: string[];
         format?: string;
         /**
@@ -133,6 +135,7 @@ export declare class FetchImageController implements ReactiveController {
          */
         manualFormat?: boolean;
         recordIds: string[];
+        throwOnError?: boolean;
         transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
     fetchImagesInFolderByPage({ extraFields, folderId, forceRefetch, format, manualFormat, noPlaceholders, page, pageSize, transformations, }: {
@@ -146,7 +149,7 @@ export declare class FetchImageController implements ReactiveController {
         pageSize?: number;
         transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, format, manualFormat, start, transformations, }: {
+    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, format, manualFormat, start, throwOnError, transformations, }: {
         chunkSize?: number;
         end?: number;
         extraFields?: string[];
@@ -155,6 +158,7 @@ export declare class FetchImageController implements ReactiveController {
         format?: string;
         manualFormat?: boolean;
         start?: number;
+        throwOnError?: boolean;
         transformations?: Transformation[];
     }): AsyncGenerator<ExtendedGalleryItem[], void, unknown>;
     hostConnected?(): void;

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

@@ -2667,12 +2667,13 @@ export interface StringValidatorParameters {
  * inclusive bounds as ISO date strings (or anything `Date.parse` understands).
  *
  * `format` additionally requires the input string to match a specific date
- * shape before it is parsed, using token placeholders: `YYYY` (4-digit year),
- * `MM` (2-digit month), `DD` (2-digit day), `HH` (2-digit hour, 24h), `mm`
- * (2-digit minute), `ss` (2-digit second). Any other character in `format`
- * (e.g. `/`, `-`, `.`, ` `) is treated as a literal separator. Example:
- * `'MM/DD/YYYY'` accepts `'02/29/2024'` but rejects `'2024-02-29'` or
- * `'13/01/2024'` (invalid month).
+ * shape before it is parsed, using .NET-style token placeholders: `yyyy`
+ * (4-digit year), `MM` (2-digit month), `dd` (2-digit day), `HH` (2-digit
+ * hour, 24h), `mm` (2-digit minute), `ss` (2-digit second), `f` / `ff` /
+ * `fff` (fractional seconds), `z` / `zz` / `zzz` (UTC offset), and `Z` (UTC).
+ * Legacy `YYYY` and `DD` tokens remain supported. Any other character is
+ * treated as a literal, allowing new arrangements of supported tokens without
+ * a component change. Example: `'MM/dd/yyyy'` accepts `'02/29/2024'`.
  */
 export interface DateValidatorParameters {
     starts?: string;

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

@@ -303,6 +303,7 @@ export interface Translation extends DefaultTranslation {
     currentValue: string;
     currentVersion: string;
     custom: string;
+    customAltText: string;
     customColumns: string;
     customExport: string;
     customFormat: string;
@@ -314,7 +315,9 @@ export interface Translation extends DefaultTranslation {
     cut: string;
     damLibrary: string;
     damViewNoAvailableOptionsForThisAsset: string;
+    darkCustomAltText: string;
     darkImageFormat: string;
+    darkModeAltText: string;
     darkModeImage: string;
     dashSpacing: string;
     dashWidth: string;

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

@@ -1512,6 +1512,10 @@
           * Playback stop position in seconds. 0 means play to the end of the file.
         */
         outPoint?: number;
+        /**
+          * Position in seconds, on the file's timeline, where playback starts each time a source loads. Ignored when it falls outside the `in-point`/`out-point` window. Changing it after the source loaded does not seek; use `seek()`.
+        */
+        startTime?: number;
         /**
           * The width of the image.
         */

package/library/utils.js

@@ -1,6 +1,6 @@
 import { a as e, i as t, n, o as r, r as i, t as a } from "./chunks/event.C11S4obG.js";
 import { t as o } from "./chunks/custom-element.BEMYNDK1.js";
-import { r as s, t as c } from "./chunks/i18n.BMXeDUpk.js";
+import { r as s, t as c } from "./chunks/i18n.D_iHIFdS.js";
 import { n as l, r as u, t as d } from "./chunks/slot.CZUlACxT.js";
 import { t as f } from "./chunks/watch.Ub5r8btz.js";
 import { C as p, S as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, i as C, l as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M, v as N, w as P, x as F, y as I } from "./chunks/string.DamEXDH2.js";
@@ -23,7 +23,7 @@ import { i as rt, n as it, r as at, t as ot } from "./chunks/scroll.CEH_a4pm.js"
 import { t as st } from "./chunks/user-agent.D2bRhUeS.js";
 import { t as ct } from "./chunks/parse.CDrJ-NY7.js";
 import { S as lt, _ as ut, b as dt, d as ft, f as pt, g as mt, h as ht, m as gt, p as _t, t as vt, u as yt, v as bt, x as xt, y as St } from "./chunks/date.BL4L64Hx.js";
-import { $ as Ct, A as wt, B as Tt, F as Et, G as Dt, H as Ot, I as kt, J as At, K as jt, L as Mt, M as Nt, N as Pt, O as Ft, P as It, Q as Lt, R as Rt, U as zt, V as Bt, W as Vt, X as Ht, Y as Ut, Z as Wt, _ as Gt, a as Kt, at as qt, b as Jt, c as Yt, ct as Xt, d as Zt, dt as Qt, et as $t, f as en, ft as tn, g as nn, h as rn, i as an, it as on, j as sn, k as cn, l as ln, lt as un, m as dn, mt as fn, n as pn, nt as mn, o as hn, ot as gn, p as _n, pt as vn, q as yn, r as bn, rt as xn, s as Sn, st as Cn, t as wn, tt as Tn, u as En, ut as Dn, v as On, y as kn, z as An } from "./chunks/src.DKYroWZc.js";
+import { $ as Ct, A as wt, B as Tt, F as Et, G as Dt, H as Ot, I as kt, J as At, K as jt, L as Mt, M as Nt, N as Pt, O as Ft, P as It, Q as Lt, R as Rt, U as zt, V as Bt, W as Vt, X as Ht, Y as Ut, Z as Wt, _ as Gt, a as Kt, at as qt, b as Jt, c as Yt, ct as Xt, d as Zt, dt as Qt, et as $t, f as en, ft as tn, g as nn, h as rn, i as an, it as on, j as sn, k as cn, l as ln, lt as un, m as dn, mt as fn, n as pn, nt as mn, o as hn, ot as gn, p as _n, pt as vn, q as yn, r as bn, rt as xn, s as Sn, st as Cn, t as wn, tt as Tn, u as En, ut as Dn, v as On, y as kn, z as An } from "./chunks/src.BVh8NgdB.js";
 import { n as jn } from "./chunks/modal.775mgCbW.js";
 import { a as Mn, c as Nn, d as Pn, f as Fn, i as In, l as Ln, m as Rn, n as zn, o as Bn, p as Vn, r as Hn, s as Un, t as Wn, u as Gn } from "./chunks/url.BCc06dE7.js";
 import { a as Kn, c as qn, d as Jn, f as Yn, h as Xn, i as Zn, l as Qn, m as $n, n as er, o as tr, p as nr, r as rr, s as ir, t as ar, u as or } from "./chunks/color.CIOzHtLK.js";

package/package.json

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

package/library/assets/validation.worker-DnJlaA8S.js

@@ -1 +0,0 @@
-(function(){function e(e){return e===``||e==null}function t(e){return Number.isFinite(Number(e))}function n(e,t){if(!t||typeof t!=`object`)return!0;let n=Number(e);return!(t.min!==void 0&&n<t.min||t.max!==void 0&&n>t.max)}function r(e){return e instanceof Date?e.getTime():typeof e==`number`?Number.isFinite(e)?e:NaN:typeof e==`string`?Date.parse(e):NaN}let i=[{groupName:`year`,token:`YYYY`},{groupName:`month`,token:`MM`},{groupName:`day`,token:`DD`},{groupName:`hour`,token:`HH`},{groupName:`minute`,token:`mm`},{groupName:`second`,token:`ss`}];function a(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function o(e){let t=``,n=0;for(;n<e.length;){let r=i.find(({token:t})=>e.startsWith(t,n));if(r){let e=r.token.length;t+=`(?<${r.groupName}>\\d{${e}})`,n+=e}else t+=a(e[n]),n+=1}return RegExp(`^${t}$`)}function s(e,t){let n=o(t).exec(e);if(!n?.groups)return NaN;let r=Number(n.groups.year??`1970`),i=Number(n.groups.month??`1`),a=Number(n.groups.day??`1`),s=Number(n.groups.hour??`0`),c=Number(n.groups.minute??`0`),l=Number(n.groups.second??`0`);if(i<1||i>12||s>23||c>59||l>59)return NaN;let u=new Date(r,i-1,a,s,c,l);return u.getFullYear()===r&&u.getMonth()===i-1&&u.getDate()===a?u.getTime():NaN}let c={alphanumeric(t){return e(t)?!0:/^[a-z0-9]+$/i.test(String(t))},boolean(t){return e(t)?!0:typeof t==`boolean`||t===`true`||t===`false`},date(t,n){if(e(t))return!0;let i=n&&typeof n==`object`?n.format:void 0,a=i===void 0?r(t):s(String(t),i);if(Number.isNaN(a))return!1;if(!n||typeof n!=`object`)return!0;if(n.starts!==void 0){let e=r(n.starts);if(Number.isNaN(e)||a<e)return!1}if(n.ends!==void 0){let e=r(n.ends);if(Number.isNaN(e)||a>e)return!1}return!0},ends(t,n){return e(t)?!0:String(t).toLowerCase().endsWith(String(n).toLowerCase())},float(r,i){if(e(r))return!0;let a=Number(r);return t(r)&&a%1!=0&&n(r,i)},in(t,n){if(e(t))return!0;let r=typeof n==`string`?n.split(`|`):n;return Array.isArray(r)&&r.includes(t)},integer(r,i){if(e(r))return!0;let a=Number(r);return t(r)&&Math.floor(a)===a&&n(r,i)},max(t,n){return e(t)?!0:Number.parseFloat(String(t))<=Number(n)},maxLength(t,n){return e(t)?!0:String(t).length<=Number(n)},min(t,n){return e(t)?!0:Number.parseFloat(String(t))>=Number(n)},minLength(t,n){return e(t)?!0:String(t).length>=Number(n)},numeric(t,r){return e(t)?!0:!Number.isNaN(Number(t))&&n(t,r)},regex(t,n){if(e(t))return!0;let r;r=n instanceof RegExp?n:n===void 0?``:String(n);try{return new RegExp(r).test(String(t))}catch{return!1}},required(t){return!e(t)},starts(t,n){return e(t)?!0:String(t).toLowerCase().startsWith(String(n).toLowerCase())},string(t,n){if(e(t))return!0;if(!Number.isNaN(Number(t)))return!1;if(!n||typeof n!=`object`)return!0;let r=String(t).length;return!(n.minLength!==void 0&&r<n.minLength||n.maxLength!==void 0&&r>n.maxLength)},unique(t,n,r){return e(t)||!r?.columnValues?!0:!r.columnValues.some(e=>e===t)}},l=1e3;function u(e){return e===``||e==null}function d(e){let t=/* @__PURE__ */ new Map;return e.forEach(e=>{u(e)||t.set(e,(t.get(e)??0)+1)}),t}function f(e,t,n){let r=[];return t.forEach(t=>{let i;if(t.type===`unique`)i=u(e)||(n.get(e)??0)<=1;else{let n=c[t.type];i=!n||n(e,t.parameters)}i||r.push({message:t.message,parameters:t.parameters,type:t.type})}),r}globalThis.addEventListener(`message`,e=>{if(e.origin!==``||e.data?.type!==`cx-validation-request`)return;let{fields:t,id:n}=e.data.payload,r=t.map(e=>e.rules.some(e=>e.type===`unique`)?d(e.values):/* @__PURE__ */ new Map),i=t.reduce((e,t)=>Math.max(e,t.values.length),0);for(let e=0;e<i||e===0;e+=l){let a=Math.min(e+l,i),o=[];for(let n=e;n<a;n++)t.forEach((e,t)=>{let i=f(e.values[n],e.rules,r[t]);i.length&&o.push({failures:i,fieldIndex:t,rowIndex:n})});let s={done:a>=i,id:n,results:o};if(globalThis.postMessage({payload:s,type:`cx-validation-response`}),a>=i)break}})})();