@orangelogic/design-system 2.77.0 → 2.78.0

package/library/package.json

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

package/library/packages/atoms/src/components/table/tabulator-tables/modules/Edit/Edit.d.ts

@@ -43,6 +43,7 @@ export default class Edit extends Module {
     clearEditor(cancel: boolean): void;
     cancelEdit(): void;
     bindEditor(cell: Cell): void;
+    addListEditorTrigger(cell: Cell): void;
     focusCellNoEvent(cell: Cell, block?: boolean): void;
     editCell(cell: ICellComponent | null, forceEdit?: boolean): void;
     focusScrollAdjust(cell: Cell): void;

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

@@ -1,4 +1,5 @@
 import { CortexFormControl, default as CortexElement } from '../../../../base/src/cortex-element.ts';
+import { TextareaRows } from '../../../../types/src/textarea';
 import { CSSResultGroup } from 'lit';
 
 /**
@@ -20,6 +21,8 @@ import { CSSResultGroup } from 'lit';
  * @csspart base - The component's base wrapper.
  * @csspart textarea - The internal `<textarea>` control.
  * @csspart character-count - The container that wraps the character count.
+ *
+ * @typedef {number | 'max'} TextareaRows - Use a number for a fixed row count. Use `'max'` to fill the parent container height (parent must have a definite height). With `'max'`, `resize="vertical"` and `resize="none"` work; `resize="auto"` does not (it is disabled).
  */
 export default class CxTextarea extends CortexElement implements CortexFormControl {
     static styles: CSSResultGroup;
@@ -27,6 +30,7 @@ export default class CxTextarea extends CortexElement implements CortexFormContr
     private readonly hasSlotController;
     private resizeObserver;
     input: HTMLTextAreaElement;
+    private formControlRoot;
     private hasFocus;
     title: string;
     /** The name of the textarea, submitted as a name/value pair with form data. */
@@ -43,9 +47,17 @@ export default class CxTextarea extends CortexElement implements CortexFormContr
     helpText: string;
     /** Placeholder text to show as a hint when the input is empty. */
     placeholder: string;
-    /** The number of rows to display by default. */
-    rows: number;
-    /** Controls how the textarea can be resized. */
+    /**
+     * The number of rows to display by default.
+     * Set to `"max"` (or `TextareaRows.Max`) to make the textarea fill its parent container height.
+     * The parent element must have a definite height (e.g. via flex, grid, or an explicit `height`) for `"max"` to take effect.
+     * With `"max"`, `resize="vertical"` (default) and `resize="none"` are supported; `resize="auto"` is not (fill height and auto-grow conflict, so auto resize is disabled).
+     */
+    rows: number | TextareaRows;
+    /**
+     * Controls how the textarea can be resized.
+     * When `rows` is `"max"`, `auto` is ignored; use `vertical` or `none`.
+     */
     resize: 'none' | 'vertical' | 'auto';
     /** Disables the textarea. */
     disabled: boolean;
@@ -87,13 +99,16 @@ export default class CxTextarea extends CortexElement implements CortexFormContr
     inputMode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     /** The default value of the form control. Primarily used for resetting the form control. */
     defaultValue: string;
+    /** Tracks the px height applied by fill-mode so we can distinguish a host resize (recalculate) from a user drag (preserve). */
+    private _fillHeightPx;
     /** Gets the validity state object */
     get validity(): ValidityState;
     /** Gets the validation message */
     get validationMessage(): string;
-    connectedCallback(): void;
+    connectedUpdatedCallback(): void;
     runFirstUpdated(): void;
     disconnectedCallback(): void;
+    private updateResizeObserver;
     private handleBlur;
     private handleChange;
     private handleFocus;

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

@@ -205,6 +205,7 @@ export default class CxCarousel extends CortexElement {
      * The timeout for the fade transition. (Only for programmatically scroll by gsap)
      */
     fadeTimeout: ReturnType<typeof setTimeout> | null;
+    private fadeTransitionToken;
     /**
      * The range of the carousel. Presenting current visible slides index range.
      */
@@ -339,6 +340,7 @@ export default class CxCarousel extends CortexElement {
      */
     goToSlide(index: number, behavior?: ScrollBehavior): void;
     private removeCloneContainer;
+    private finishFadeTransition;
     /**
      * Scrolls to the given slide, allowing an optional duration (in ms) for the scroll animation.
      * If duration is provided and behavior is 'smooth', a custom smooth scroll is performed.

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/utils/src/url/url.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Returns the relative portion of a URL when it shares the same origin as the
+ * current page (or the provided `origin`). Returns the original value unchanged
+ * when the URL is cross-origin, already relative, or falsy.
+ *
+ * @param url - The URL to normalise.
+ * @param origin - Origin to compare against (defaults to `window.location.origin`).
+ */
+export declare function toRelativeUrl(url: string | null | undefined, origin?: string): string | undefined;
 export declare const appendProtocol: (inputUrl: string, defaultProtocol?: string, ignoreRelativeUrl?: boolean) => string;
 export declare const isValidUrl: (urlString: string) => boolean;
 export declare const RELATIVE_URL_REGEX: string;

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

@@ -892,11 +892,11 @@
         */
         placeholder?: string;
         /**
-          * The number of rows to display by default.
+          * The number of rows to display by default. Set to `"max"` (or `TextareaRows.Max`) to make the textarea fill its parent container height. The parent element must have a definite height (e.g. via flex, grid, or an explicit `height`) for `"max"` to take effect. With `"max"`, `resize="vertical"` (default) and `resize="none"` are supported; `resize="auto"` is not (fill height and auto-grow conflict, so auto resize is disabled).
         */
-        rows?: number;
+        rows?: 'max' | number;
         /**
-          * Controls how the textarea can be resized.
+          * Controls how the textarea can be resized. When `rows` is `"max"`, `auto` is ignored; use `vertical` or `none`.
         */
         resize?: 'none' | 'auto' | 'vertical';
         /**

package/library/utils.js

@@ -1,7 +1,7 @@
-import { C as s, D as t, H as o, P as r, m as i, e as l, f as n, u as m, x as p, g as c, h as g, p as d, d as f, i as x, o as u, j as C, k as A, l as T, y as I, r as E, v, s as y, q as S, n as L, t as R, w as F } from "./chunks/index.VbMreXxL.js";
+import { C as t, D as s, H as o, P as r, m as i, e as l, f as n, u as m, x as p, g as c, h as g, p as d, d as f, i as x, o as u, j as C, k as A, l as T, y as I, r as E, v, s as y, q as S, n as L, t as R, w as F } from "./chunks/index.Bx0otwQo.js";
 import { l as b, f as h, g as D, j as P, i as _, e as B, k as M, m as O, h as w, r as H } from "./chunks/content-builder.B4Tqoc6M.js";
-import { e as G, a as N, f as X, g as U, d as z, b as j, c as K, i as W, p as Z, s as q } from "./chunks/browser.BHOCIF_A.js";
-import { d as J, C as Q, e as $, H as aa, R as ea, c as sa, h as ta, f as oa, g as ra, l as ia, p as la, a as na, b as ma } from "./chunks/color.vLD2sNTs.js";
+import { e as G, a as N, f as U, g as X, d as z, b as j, c as K, i as W, p as Z, s as q } from "./chunks/browser.BHOCIF_A.js";
+import { d as J, C as Q, e as $, H as aa, R as ea, c as ta, h as sa, f as oa, g as ra, l as ia, p as la, a as na, b as ma } from "./chunks/color.vLD2sNTs.js";
 import { a as ca, b as ga, g as da } from "./chunks/modal.U1QltQKe.js";
 import { a as xa, p as ua, c as Ca, b as Aa, s as Ta } from "./chunks/animate.El-MpOws.js";
 import { t as Ea } from "./chunks/converters.DkDtLstb.js";
@@ -12,11 +12,11 @@ import { d as ba } from "./chunks/drag.DXEXVXPv.js";
 import { w as Da } from "./chunks/event.mFzZi4sr.js";
 import { F as _a, c as Ba, f as Ma, v as Oa, a as wa } from "./chunks/form.DgwYWi0O.js";
 import { L as ka, r as Ga } from "./chunks/i18n.BUW7B9hr.js";
-import { c as Xa } from "./chunks/math.DqTA6ya4.js";
+import { c as Ua } from "./chunks/math.DqTA6ya4.js";
 import { g as za, l as ja, s as Ka, u as Wa } from "./chunks/scroll.xtO5yojm.js";
 import { H as qa, a as Ya, g as Ja } from "./chunks/slot.j5oheLJC.js";
 import { g as $a, a as ae } from "./chunks/tabbable.CcMz3mIL.js";
-import { i as se } from "./chunks/user-agent.D9aPuOyL.js";
+import { i as te } from "./chunks/user-agent.D9aPuOyL.js";
 import { w as oe } from "./chunks/watch.BCJD77bD.js";
 import { c as ie, d as le, k as ne, j as me, a as pe, g as ce, h as ge, b as de, f as fe, i as xe, e as ue, l as Ce, s as Ae } from "./chunks/dom.BQVKDNd8.js";
 import { f as Ie, t as Ee } from "./chunks/toast.BXNbwZV8.js";
@@ -24,15 +24,15 @@ import { c as ye, b as Se, g as Le, r as Re, a as Fe } from "./chunks/image.mbpy
 import { a as be, b as he, c as De, e as Pe, f as _e, r as Be, s as Me } from "./chunks/number.CjNxU7Xs.js";
 import { s as we } from "./chunks/parse.Cu5nBDTb.js";
 import { g as ke, a as Ge } from "./chunks/responsive.DL-wBD4P.js";
-import { a as Xe, e as Ue, f as ze, h as je, i as Ke, p as We, b as Ze, s as qe, g as Ye, l as Je, j as Qe, k as $e, m as as, t as es, u as ss } from "./chunks/string.B_rEG27K.js";
-import { g as os } from "./chunks/template.CsJd8Pb_.js";
-import { c as is, a as ls, f as ns, g as ms } from "./chunks/time.D_uFZqqe.js";
-import { R as cs, U as gs, c as ds, b as fs, a as xs, i as us } from "./chunks/url.LjsR2sB5.js";
+import { a as Ue, e as Xe, f as ze, h as je, i as Ke, p as We, b as Ze, s as qe, g as Ye, l as Je, j as Qe, k as $e, m as at, t as et, u as tt } from "./chunks/string.B_rEG27K.js";
+import { g as ot } from "./chunks/template.CsJd8Pb_.js";
+import { c as it, a as lt, f as nt, g as mt } from "./chunks/time.D_uFZqqe.js";
+import { R as ct, U as gt, c as dt, b as ft, a as xt, i as ut, t as Ct } from "./chunks/url.Cj9cIQXJ.js";
 export {
   J as CMYK_VALIDATION_REGEX,
   Q as ColorType,
-  s as CortexPopupController,
-  t as DragScroll,
+  t as CortexPopupController,
+  s as DragScroll,
   _a as FormControlController,
   $ as HEX_ALPHA_VALIDATION_REGEX,
   aa as HEX_VALIDATION_REGEX,
@@ -40,19 +40,19 @@ export {
   o as HistoryManager,
   ka as LocalizeController,
   r as PRECISION,
-  cs as RELATIVE_URL_REGEX,
+  ct as RELATIVE_URL_REGEX,
   ea as RGB_VALIDATION_REGEX,
-  gs as URL_DOMAIN_VALIDATION_REGEX,
-  ds as URL_PROTOCOL_VALIDATION_REGEX,
-  fs as URL_VALIDATION_REGEX,
+  gt as URL_DOMAIN_VALIDATION_REGEX,
+  dt as URL_PROTOCOL_VALIDATION_REGEX,
+  ft as URL_VALIDATION_REGEX,
   ca as activeElements,
   b as adjustRelativeValues,
   xa as animateTo,
-  xs as appendProtocol,
+  xt as appendProtocol,
   ye as calculateAspectRatioFit,
-  Xa as clamp,
-  is as clearZeroDurationParts,
-  sa as convertColor,
+  Ua as clamp,
+  it as clearZeroDurationParts,
+  ta as convertColor,
   be as convertDataUnits,
   he as convertDurationToMilliseconds,
   De as convertPixelsToAspectRatio,
@@ -64,23 +64,23 @@ export {
   Fa as defaultValue,
   i as downloadAsset,
   ba as drag,
-  Xe as emptyToSpace,
-  ta as extractColor,
-  Ue as extractExtension,
+  Ue as emptyToSpace,
+  sa as extractColor,
+  Xe as extractExtension,
   l as extractFrames,
   Pe as extractValueAndUnit,
   Ie as fetchCortexApi,
   G as findAncestorWithBuggyStyle,
   N as findContainingBlock,
-  X as findCuttingAncestor,
+  U as findCuttingAncestor,
   n as findFrameByColAndRow,
   h as findIndexByProp,
   Ma as formCollections,
-  ls as formatDurationPartsManually,
+  lt as formatDurationPartsManually,
   _e as formatNumberWithGrouping,
   ze as formatSecondsToTime,
   je as formatTimeToSeconds,
-  ns as formatWithIntlDurationFormat,
+  nt as formatWithIntlDurationFormat,
   le as getActiveElement,
   ga as getActiveModals,
   ke as getBreakpointsFromCSS,
@@ -91,16 +91,16 @@ export {
   me as getCurrentZIndex,
   da as getDeepestActiveElement,
   Ge as getDeviceType,
-  ms as getDurationPartsByUnitsFormat,
+  mt as getDurationPartsByUnitsFormat,
   pe as getElementFromHTMLString,
   ce as getElementFromTemplate,
   p as getFormControls,
-  os as getHighlightedTitle,
+  ot as getHighlightedTitle,
   Ya as getInnerHTML,
   c as getInterval,
   ra as getLightDarkCssString,
   ge as getNeededPaddingForBoxShadow,
-  U as getNextAncestor,
+  X as getNextAncestor,
   za as getOffset,
   de as getRelativeClickPercentage,
   $a as getTabbableBoundary,
@@ -111,7 +111,7 @@ export {
   g as insertFrameToCache,
   _ as insertMultipleAtIndex,
   z as isChrome,
-  se as isCortexAdobePlugin,
+  te as isCortexAdobePlugin,
   fe as isDomElement,
   xe as isElementInHorizontalView,
   j as isFirefox,
@@ -122,7 +122,7 @@ export {
   ue as isInElement,
   x as isModKey,
   W as isSafari,
-  us as isValidUrl,
+  ut as isValidUrl,
   Ce as loadScript,
   ja as lockBodyScrolling,
   ia as luminanceTextColor,
@@ -167,11 +167,12 @@ export {
   R as toGalleryEventClick,
   Qe as toKebabCase,
   $e as toPascalCase,
-  as as toTitleCase,
+  Ct as toRelativeUrl,
+  at as toTitleCase,
   Ee as toast,
-  es as truncateTextMiddle,
+  et as truncateTextMiddle,
   Wa as unlockBodyScrolling,
-  ss as upperFirst,
+  tt as upperFirst,
   Oa as validValidityState,
   wa as valueMissingValidityState,
   Da as waitForEvent,

package/package.json

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

package/library/chunks/url.LjsR2sB5.js

@@ -1,15 +0,0 @@
-const c = (a, t = "https://", d = !1) => d && a.match(s) || a.match(/^[a-zA-Z][a-zA-Z\d+\-.]*:\/\//) ? a : `${t}${a}`, _ = (a) => {
-  try {
-    return new URL(a), new RegExp(z, "i").test(a);
-  } catch {
-    return !1;
-  }
-}, s = "^(?![a-zA-Z][a-zA-Z\\d+\\-.]*:\\/\\/)(?!([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}($|\\/))[^\\s]+$", z = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$", e = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.){2,}[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$", r = "^(https?:\\/\\/)((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$";
-export {
-  s as R,
-  e as U,
-  c as a,
-  z as b,
-  r as c,
-  _ as i
-};