@orangelogic/design-system 3.52.0 → 3.53.0

package/library/components/video.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/video.Be2Oh_tS.js";
+import { n as e, t } from "../chunks/video.d4acczzs.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": "3.52.0",
+  "version": "3.53.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

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/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/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.
@@ -260,7 +264,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;
@@ -282,6 +286,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/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/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/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 ee, d as te, f as ne, g as re, h as ie, i as ae, l as oe, m as se, n as ce, o as le, p as ue, r as de, s as fe, t as pe, u as me, v as he, w as ge, x as _e, y as ve } from "./chunks/string.DamEXDH2.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.52.0",
+  "version": "3.53.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}})})();