@orangelogic/design-system 4.26.0 → 4.28.0

package/library/package.json

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

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

@@ -111,6 +111,7 @@ export default class CxDropdown extends CortexElement {
     getMenu(): CxMenu | undefined;
     private handleKeyDown;
     private handleDocumentKeyDown;
+    private hasFocusInside;
     private handleDocumentMouseDown;
     private handlePanelSelect;
     handleTriggerClick(): Promise<void>;

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

@@ -13,7 +13,7 @@ export interface MenuSelectEventDetail {
  * Menus support keyboard interactions, including type-to-select an option.
  *
  * @slot (default) - The menu's content, including menu items, menu labels, and dividers.
- * @slot back-button - A slot for a custom back button, used in 'multiple' variant menus.
+ * @slot back-button - A custom back button for 'multiple' variant menus: a `cx-menu-item` or a control such as `cx-button`.
  *
  * @attr {boolean} no-uncheck - When true, checkbox items do not toggle off when activated while already checked; applies to all checkbox items in this menu and combines with each item's own `no-uncheck`.
  *
@@ -56,6 +56,10 @@ export default class CxMenu extends CortexElement {
     private setRovingTabIndex;
     private isMenuSection;
     private isMenuItem;
+    /** Menu items only, for tabindex: a custom back control keeps its own Tab stop (tabindex on its host is unreliable). */
+    private getMenuItems;
+    /** Whether `el` is a custom back control (e.g. `cx-button`), not a menu item. */
+    private isBackControl;
     /** Focuses a panel's tab stop, so focus doesn't stay behind in the panel that is being hidden. */
     private focusPanelTabStop;
     /** @internal Gets all menu items, back button first, ignoring dividers, headers, and other elements. */

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

@@ -99,6 +99,11 @@ export default class CxSelect extends CortexElement implements CortexFormControl
      * The original unmatched value is preserved for form submission.
      */
     fallbackOptionValue: string;
+    /**
+     * Lets an empty value select the option whose value is an empty string, such as a "None" option.
+     * Off by default because an option without a declared value also has an empty value.
+     */
+    matchEmptyValue: boolean;
     /**
      * The default value of the form control. Primarily used for resetting the form control.
      */

package/library/packages/hybrid/video-advanced/src/react/plugins/CommentLine/CommentAvatar.d.ts

@@ -3,8 +3,6 @@ interface ICommentAvatarProps {
     image?: string;
     isActive?: boolean;
     isDisabled?: boolean;
-    onClick?: () => void;
-    zIndex: number;
 }
 declare const CommentAvatar: FunctionComponent<ICommentAvatarProps>;
 export default CommentAvatar;

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

@@ -99,6 +99,9 @@ export default class CxBoard extends CortexElement {
     private end;
     private previous;
     private lastSelectedItem;
+    /** Last pointer `clientY` during a drag. */
+    private dragPointerY;
+    private dragScrollFrame;
     get selectedCount(): number;
     /**
      * Whether the tick, rather than the dash, is what the header should show.
@@ -123,6 +126,8 @@ export default class CxBoard extends CortexElement {
      */
     get selectableItems(): BoardItem[];
     constructor();
+    runConnectedCallback(): void;
+    disconnectedCallback(): void;
     private resetSelectedItems;
     /** Handles the update of items in the board. */
     private handleUpdateEvent;
@@ -154,6 +159,9 @@ export default class CxBoard extends CortexElement {
     private selectSingleItem;
     private handleItemKeydown;
     handleStart(evt: Sortable.SortableEvent): void;
+    private handleDragPointerMove;
+    /** Replaces Sortable's auto-scroll, which cannot see lists inside the shadow root. */
+    private autoScrollDraggedList;
     handleUpdate(evt: Sortable.SortableEvent): void;
     /**
      * Keeps disabled (`readonly`) rows fixed relative to each other when other rows are reordered.
@@ -184,6 +192,7 @@ export default class CxBoard extends CortexElement {
      * real item.
      */
     private resolveRealInsertIndex;
+    private resolveDropIndex;
     private initSortable;
     /** Initializes the sortable functionality for the list element. */
     runFirstUpdated(): void;

package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts

@@ -24,6 +24,8 @@ export type CxAssetLinkFormatChangeEvent = CustomEvent<string>;
  * @property {boolean} no-crop - When true, hides the crop panel.
  * @property {boolean} no-resize - When true, hides the resize panel.
  * @property {boolean} no-rotate - When true, hides the rotation panel.
+ *
+ * @slot footer - Additional content rendered in normal flow after the transformation controls.
  */
 export default class CxAssetLinkFormat extends CortexElement {
     static readonly styles: CSSResultGroup;

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

@@ -1986,6 +1986,10 @@
           * The fallback option value used when the select value does not match any explicitly declared option. The original unmatched value is preserved for form submission.
         */
         fallbackOptionValue?: string;
+        /**
+          * Lets an empty value select the option whose value is an empty string, such as a "None" option. Off by default because an option without a declared value also has an empty value.
+        */
+        matchEmptyValue?: boolean;
         /**
           * The default value of the form control. Primarily used for resetting the form control.
         */

package/library/utils.js

@@ -17,14 +17,14 @@ import { t as ft } from "./chunks/default-value.opqQgoRT.js";
 import { a as pt, c as mt, i as ht, l as gt, n as _t, o as vt, r as yt, s as bt, t as xt } from "./chunks/gradient.rrDxmV60.js";
 import { t as St } from "./chunks/drag.s0AcVpKh.js";
 import { n as Ct, t as wt } from "./chunks/math.od1DVmRk.js";
-import { t as Tt } from "./chunks/focus-when-visible.DKscgyKo.js";
-import { n as Et, t as Dt } from "./chunks/tabbable.Bflg1dha.js";
-import { n as Ot, t as kt } from "./chunks/active-elements.Tk45XSNQ.js";
+import { n as Tt, t as Et } from "./chunks/active-elements.Tk45XSNQ.js";
+import { t as Dt } from "./chunks/focus-when-visible.DKscgyKo.js";
+import { n as Ot, t as kt } from "./chunks/tabbable.Bflg1dha.js";
 import { i as At, n as jt, r as Mt, t as Nt } from "./chunks/scroll.CEH_a4pm.js";
 import { t as Pt } from "./chunks/user-agent.D2bRhUeS.js";
 import { t as Ft } from "./chunks/parse.CDrJ-NY7.js";
 import { S as It, _ as Lt, b as Rt, d as zt, f as Bt, g as Vt, h as Ht, m as Ut, p as Wt, t as Gt, u as Kt, v as qt, x as Jt, y as Yt } from "./chunks/date.BL4L64Hx.js";
-import { n as Xt } from "./chunks/modal.CrMcpGz2.js";
+import { n as Xt } from "./chunks/modal.775mgCbW.js";
 import { a as Zt, c as Qt, d as $t, f as en, i as tn, l as nn, n as rn, o as O, p as an, r as on, s as sn, t as cn, u as ln } from "./chunks/url.CZO_DV8Y.js";
 import { a as un, c as dn, d as fn, f as pn, h as mn, i as hn, l as gn, m as _n, n as vn, o as yn, p as bn, r as xn, s as Sn, t as Cn, u as wn } from "./chunks/color.CIOzHtLK.js";
 import { t as Tn } from "./chunks/converters.CFh-tT4P.js";
@@ -708,4 +708,4 @@ function Ar({ duration: e, frameWidth: t, playbackSpeed: n, scale: r }) {
 	return i > e && (i = e / 2), i;
 }
 //#endregion
-export { _r as AUTO_FALLBACK_FORMAT, q as AUTO_FORMAT_EXTENSION, br as AUTO_ORIGINAL_FORMAT_MAX_BYTES, Cn as CMYK_VALIDATION_REGEX, Kt as CalendarGrid, vn as ColorType, Un as CortexPopupController, On as DEFAULT_BREAKPOINTS, Gt as DateRangePresets, Wn as DragScroll, Ae as FormControlController, xn as HEX_ALPHA_VALIDATION_REGEX, hn as HEX_VALIDATION_REGEX, d as HasSlotController, nr as HistoryManager, rr as KeyboardKey, c as LocalizeController, xt as MIN_GRADIENT_STOPS, gr as ORIGINAL_FORMAT, Er as PRECISION, cn as RELATIVE_URL_REGEX, un as RGB_VALIDATION_REGEX, G as SRCSET_WIDTH_LADDER, rn as URL_DOMAIN_VALIDATION_REGEX, on as URL_INTRANET_DOMAIN_VALIDATION_REGEX, tn as URL_PROTOCOL_VALIDATION_REGEX, Zt as URL_VALIDATION_REGEX, kt as activeElements, zt as addMonths, Hn as adjustRelativeValues, n as animateTo, O as appendProtocol, sn as appendQueryParam, J as applyTransformationsToUrl, Y as applyWidthToAssetUrl, wr as buildAssetSrcset, Tr as buildSizesFromDisplayWidth, K as buildTransformationString, dt as buildWaveformPath, lt as calculateAspectRatioFit, wt as clamp, at as cleanImageFileName, Ge as clearZeroDurationParts, yn as convertColor, et as convertDataUnits, Xe as convertDurationToMilliseconds, Qe as convertPixelsToAspectRatio, st as convertSrcToBlob, _t as createStopId, rt as cropImage, x as cssValueToPx, o as customElement, T as customErrorValidityState, Ve as debounce, ft as defaultValue, In as downloadAsset, St as drag, pe as emptyToSpace, ce as escapeXML, Sn as extractColor, de as extractExtension, kr as extractFrames, ae as extractRootData, Je as extractValueAndUnit, ut as extractWaveformPeaks, qn as fetchCortexApi, ze as findAncestorWithBuggyStyle, Fe as findContainingBlock, Le as findCuttingAncestor, $ as findFrameByColAndRow, Ln as findIndexByProp, Tt as focusWhenVisible, E as formCollections, Ke as formatAspectRatioString, dn as formatColorCodeSeparator, Ue as formatDurationPartsManually, gn as formatHexCode, Bt as formatIsoToDisplay, Wt as formatMonthYearLabel, Ze as formatNumberWithGrouping, g as formatSecondsToTime, le as formatTimeToSeconds, We as formatWithIntlDurationFormat, $e as gcd, Ee as getActiveElement, Xt as getActiveModals, w as getAssociatedForm, y as getAttributes, fe as getAttributesString, En as getBreakpointsFromCSS, Zn as getBrowserFontVariants, wn as getColorType, tt as getContainedImageSize, Ce as getCortexPopupLayer, v as getCurrentZIndex, Ut as getDateMask, Ot as getDeepestActiveElement, Dn as getDeviceType, He as getDurationPartsByUnitsFormat, De as getElementFromHTMLString, b as getElementFromTemplate, Ht as getFirstDayOfWeek, Yn as getFontFamilyOptionValue, $n as getFontFamilyVariants, H as getFormControls, An as getHighlightedTitle, kn as getHighlightedTitleHtml, l as getInnerHTML, Ar as getInterval, fn as getLightDarkCssString, ot as getNaturalWidthHeight, ye as getNeededPaddingForBoxShadow, Ne as getNextAncestor, At as getOffset, we as getRelativeClickPercentage, ee as getRootIDString, Dt as getTabbableBoundary, Et as getTabbableElements, u as getTextContent, Vt as getTodayIsoDate, Jn as getTypefaceOptionValue, Bn as groupBy, mr as hasTransformSegment, oe as htmlToPlainText, P as insertAtIndex, Dr as insertFrameToCache, F as insertMultipleAtIndex, yt as interpolateStopColor, je as isChrome, Pt as isCortexAdobePlugin, S as isDomElement, be as isElementInHorizontalView, Qt as isExpiredAssetUrl, Ie as isFirefox, Xn as isFontFamilyAvailable, tr as isFormInteracted, me as isGalleryItemCardType, ht as isGradientString, Re as isIOS, xe as isInElement, Gn as isModKey, Me as isSafari, ct as isSaveSrcValid, nn as isValidDomainOrIntranetUrl, Lt as isValidIsoDate, ln as isValidUrl, qt as isoToDate, jn as isoWeekNumber, Oe as loadScript, Nt as lockBodyScrolling, pn as luminanceTextColor, zn as moveMultipleToIndex, Rn as moveToIndex, Vn as multiSelectTo, pt as normalizeAngle, Yt as normalizeToIsoDate, ir as omit, Mn as openAssetOverview, Nn as openFolderOverview, Pn as openLink, te as padPath, ne as parseBooleanString, bn as parseBorder, Rt as parseDisplayToIso, i as parseDuration, Q as parseFileSizeToBytes, vt as parseGradient, Jt as parseIsoDate, or as parseJsonString, _n as parseLightDark, sr as parseListString, mn as parseShadow, fr as parseTransformations, ar as pick, Pe as popoverSupported, t as prefersReducedMotion, Ct as quantizeLargestRemainder, R as quoteFontFamily, cr as readLocalStorageValue, Te as readSearchConsistency, ue as reducePathToDirectChild, s as registerTranslation, M as removeAtIndex, N as removeMultipleAtIndex, nt as resizeImage, Cr as resolveAutoFormat, Sr as resolveAutoMaxWidth, $t as resolveSpaceUrl, qe as rotateBox, it as rotateImage, se as safeExtension, ie as safeString, re as sanitizeHTML, Ye as sanitizeRotation, jt as scrollIntoView, er as serialize, bt as serializeGradient, Fn as shareAsset, e as shimKeyframesHeightAuto, Se as sortByTopPosition, mt as sortStops, V as sortTypefaceVariants, Ft as splitBoxValues, h as splitCamelCaseFormatted, gt as splitTopLevel, r as stopAnimations, Be as supportHLS, B as testFontAvailability, Tn as timecodeConverter, he as toCamelCase, It as toIsoDate, ve as toKebabCase, _ as toPascalCase, en as toRelativeUrl, _e as toTitleCase, an as toUrlPathKey, ur as toast, m as truncateTextMiddle, p as unescapeXML, Mt as unlockBodyScrolling, z as unquoteFontFamily, ge as upperFirst, C as validValidityState, ke as valueMissingValidityState, a as waitForEvent, f as watch, lr as writeLocalStorageValue };
+export { _r as AUTO_FALLBACK_FORMAT, q as AUTO_FORMAT_EXTENSION, br as AUTO_ORIGINAL_FORMAT_MAX_BYTES, Cn as CMYK_VALIDATION_REGEX, Kt as CalendarGrid, vn as ColorType, Un as CortexPopupController, On as DEFAULT_BREAKPOINTS, Gt as DateRangePresets, Wn as DragScroll, Ae as FormControlController, xn as HEX_ALPHA_VALIDATION_REGEX, hn as HEX_VALIDATION_REGEX, d as HasSlotController, nr as HistoryManager, rr as KeyboardKey, c as LocalizeController, xt as MIN_GRADIENT_STOPS, gr as ORIGINAL_FORMAT, Er as PRECISION, cn as RELATIVE_URL_REGEX, un as RGB_VALIDATION_REGEX, G as SRCSET_WIDTH_LADDER, rn as URL_DOMAIN_VALIDATION_REGEX, on as URL_INTRANET_DOMAIN_VALIDATION_REGEX, tn as URL_PROTOCOL_VALIDATION_REGEX, Zt as URL_VALIDATION_REGEX, Et as activeElements, zt as addMonths, Hn as adjustRelativeValues, n as animateTo, O as appendProtocol, sn as appendQueryParam, J as applyTransformationsToUrl, Y as applyWidthToAssetUrl, wr as buildAssetSrcset, Tr as buildSizesFromDisplayWidth, K as buildTransformationString, dt as buildWaveformPath, lt as calculateAspectRatioFit, wt as clamp, at as cleanImageFileName, Ge as clearZeroDurationParts, yn as convertColor, et as convertDataUnits, Xe as convertDurationToMilliseconds, Qe as convertPixelsToAspectRatio, st as convertSrcToBlob, _t as createStopId, rt as cropImage, x as cssValueToPx, o as customElement, T as customErrorValidityState, Ve as debounce, ft as defaultValue, In as downloadAsset, St as drag, pe as emptyToSpace, ce as escapeXML, Sn as extractColor, de as extractExtension, kr as extractFrames, ae as extractRootData, Je as extractValueAndUnit, ut as extractWaveformPeaks, qn as fetchCortexApi, ze as findAncestorWithBuggyStyle, Fe as findContainingBlock, Le as findCuttingAncestor, $ as findFrameByColAndRow, Ln as findIndexByProp, Dt as focusWhenVisible, E as formCollections, Ke as formatAspectRatioString, dn as formatColorCodeSeparator, Ue as formatDurationPartsManually, gn as formatHexCode, Bt as formatIsoToDisplay, Wt as formatMonthYearLabel, Ze as formatNumberWithGrouping, g as formatSecondsToTime, le as formatTimeToSeconds, We as formatWithIntlDurationFormat, $e as gcd, Ee as getActiveElement, Xt as getActiveModals, w as getAssociatedForm, y as getAttributes, fe as getAttributesString, En as getBreakpointsFromCSS, Zn as getBrowserFontVariants, wn as getColorType, tt as getContainedImageSize, Ce as getCortexPopupLayer, v as getCurrentZIndex, Ut as getDateMask, Tt as getDeepestActiveElement, Dn as getDeviceType, He as getDurationPartsByUnitsFormat, De as getElementFromHTMLString, b as getElementFromTemplate, Ht as getFirstDayOfWeek, Yn as getFontFamilyOptionValue, $n as getFontFamilyVariants, H as getFormControls, An as getHighlightedTitle, kn as getHighlightedTitleHtml, l as getInnerHTML, Ar as getInterval, fn as getLightDarkCssString, ot as getNaturalWidthHeight, ye as getNeededPaddingForBoxShadow, Ne as getNextAncestor, At as getOffset, we as getRelativeClickPercentage, ee as getRootIDString, kt as getTabbableBoundary, Ot as getTabbableElements, u as getTextContent, Vt as getTodayIsoDate, Jn as getTypefaceOptionValue, Bn as groupBy, mr as hasTransformSegment, oe as htmlToPlainText, P as insertAtIndex, Dr as insertFrameToCache, F as insertMultipleAtIndex, yt as interpolateStopColor, je as isChrome, Pt as isCortexAdobePlugin, S as isDomElement, be as isElementInHorizontalView, Qt as isExpiredAssetUrl, Ie as isFirefox, Xn as isFontFamilyAvailable, tr as isFormInteracted, me as isGalleryItemCardType, ht as isGradientString, Re as isIOS, xe as isInElement, Gn as isModKey, Me as isSafari, ct as isSaveSrcValid, nn as isValidDomainOrIntranetUrl, Lt as isValidIsoDate, ln as isValidUrl, qt as isoToDate, jn as isoWeekNumber, Oe as loadScript, Nt as lockBodyScrolling, pn as luminanceTextColor, zn as moveMultipleToIndex, Rn as moveToIndex, Vn as multiSelectTo, pt as normalizeAngle, Yt as normalizeToIsoDate, ir as omit, Mn as openAssetOverview, Nn as openFolderOverview, Pn as openLink, te as padPath, ne as parseBooleanString, bn as parseBorder, Rt as parseDisplayToIso, i as parseDuration, Q as parseFileSizeToBytes, vt as parseGradient, Jt as parseIsoDate, or as parseJsonString, _n as parseLightDark, sr as parseListString, mn as parseShadow, fr as parseTransformations, ar as pick, Pe as popoverSupported, t as prefersReducedMotion, Ct as quantizeLargestRemainder, R as quoteFontFamily, cr as readLocalStorageValue, Te as readSearchConsistency, ue as reducePathToDirectChild, s as registerTranslation, M as removeAtIndex, N as removeMultipleAtIndex, nt as resizeImage, Cr as resolveAutoFormat, Sr as resolveAutoMaxWidth, $t as resolveSpaceUrl, qe as rotateBox, it as rotateImage, se as safeExtension, ie as safeString, re as sanitizeHTML, Ye as sanitizeRotation, jt as scrollIntoView, er as serialize, bt as serializeGradient, Fn as shareAsset, e as shimKeyframesHeightAuto, Se as sortByTopPosition, mt as sortStops, V as sortTypefaceVariants, Ft as splitBoxValues, h as splitCamelCaseFormatted, gt as splitTopLevel, r as stopAnimations, Be as supportHLS, B as testFontAvailability, Tn as timecodeConverter, he as toCamelCase, It as toIsoDate, ve as toKebabCase, _ as toPascalCase, en as toRelativeUrl, _e as toTitleCase, an as toUrlPathKey, ur as toast, m as truncateTextMiddle, p as unescapeXML, Mt as unlockBodyScrolling, z as unquoteFontFamily, ge as upperFirst, C as validValidityState, ke as valueMissingValidityState, a as waitForEvent, f as watch, lr as writeLocalStorageValue };

package/package.json

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