@orangelogic/design-system 4.24.0 → 4.26.0

package/library/components/video.js

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

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

@@ -78,6 +78,7 @@ export default class CxDialog extends CortexElement {
     popup: CxPopup;
     panel: HTMLElement;
     body: HTMLElement;
+    overlay: HTMLElement;
     /**
      * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
      * use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.
@@ -128,14 +129,14 @@ export default class CxDialog extends CortexElement {
      */
     strategy: 'fixed' | 'overlay';
     private osInstance;
-    overlay: HTMLElement;
     boundaryObserver: ResizeObserver | null;
+    /** Keeps an open dialog hidden until its popup has applied its first position. */
+    private positionReady;
     boundarySize: {
         height: number;
         width: number;
     };
     constructor();
-    runFirstUpdated(): void;
     connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     protected shouldUpdate(_changedProperties: PropertyValues): boolean;
@@ -152,6 +153,9 @@ export default class CxDialog extends CortexElement {
     private handleDocumentMouseDown;
     private handleDocumentKeyDown;
     private handleCloseButtonClick;
+    private handlePopupReposition;
+    private initializeOverlayScrollbar;
+    private destroyOverlayScrollbar;
     handleOpenChange(): Promise<void>;
     /** Shows the dialog. */
     show(): Promise<void>;

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

@@ -112,7 +112,6 @@ export default class CxDropdown extends CortexElement {
     private handleKeyDown;
     private handleDocumentKeyDown;
     private handleDocumentMouseDown;
-    private handleDocumentFocusIn;
     private handlePanelSelect;
     handleTriggerClick(): Promise<void>;
     handleTriggerKeyDown(event: KeyboardEvent): void;

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

@@ -23,6 +23,7 @@ export default class CxMenu extends CortexElement {
     static styles: CSSResultGroup;
     private readonly localize;
     defaultSlot: HTMLSlotElement;
+    backSlot: HTMLSlotElement | null;
     horizontal: boolean;
     /** The menu's variant */
     variant: MenuMode.Default | MenuMode.Multiple;
@@ -38,8 +39,6 @@ export default class CxMenu extends CortexElement {
     bubbleKeyDown: boolean;
     /** Override the default keydown navigation behavior of the dropdown menu. */
     ignoredKeys: string[];
-    /** @deprecated Only stops ArrowUp/ArrowDown wrapping now; Tab is no longer intercepted. */
-    disabledTabLoop: boolean;
     /** When true, checkbox items don't toggle off when already checked (same as each item's own `no-uncheck`). */
     noUncheck: boolean;
     resizeObserver: ResizeObserver | null;
@@ -57,7 +56,9 @@ export default class CxMenu extends CortexElement {
     private setRovingTabIndex;
     private isMenuSection;
     private isMenuItem;
-    /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
+    /** 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. */
     getAllItems(): CxMenuItem[];
     /** @internal Gets all slotted submenus, used for 'multiple' variant */
     getAllSubMenus(): CxMenu[];

package/library/packages/hybrid/rich-text/src/components/rich-text-toolbar/rich-text-toolbar.d.ts

@@ -279,13 +279,12 @@ export default class CxRichTextToolbar extends CortexElement {
     private getOrderedListStyleForToolbar;
     private applyBulletListStyle;
     private applyOrderedListStyle;
-    /** Selection's touched blocks as blank-line-separated runs, as `setTextSelection` spans. */
+    /** The touched blocks of each list scope as one run, as a `setTextSelection` span. */
     private collectSelectedBlockGroups;
-    /**
-     * Flattens each touched blank-line-separated section to paragraphs, then lets `applyToGroup`
-     * turn each one into its own list. Toggling off passes nothing, so off mirrors on.
-     */
+    /** Flattens each touched run to paragraphs, then lets `applyToGroup` turn it into a list. */
     private flattenSelectionGroups;
+    /** Unlists only the selected lines; lifting them splits the list around the selection. */
+    private unlistSelection;
     /**
      * Whether every touched block is already this list type — i.e. a click should remove
      * (vs. add). Block-level on purpose: Tiptap's `isActive` is range-coverage based and

package/library/packages/hybrid/rich-text/src/components/rich-text-toolbar/toolbar-list-actions.d.ts

@@ -0,0 +1,45 @@
+import { Command } from '@tiptap/core';
+import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import { EditorState, Transaction } from '@tiptap/pm/state';
+/** A block container the list toggles work inside, with the selection clipped to it. */
+export type ListScope = {
+    from: number;
+    node: ProseMirrorNode;
+    /** Position of the container's first child. */
+    start: number;
+    to: number;
+};
+export type TouchedBlock = {
+    from: number;
+    node: ProseMirrorNode;
+    to: number;
+};
+export declare function isListNode(node: ProseMirrorNode): boolean;
+/**
+ * The toggles work inside the nearest container around the selection that is not part of a list
+ * (a table cell, a blockquote, the document), with one scope per cell for a cell selection.
+ */
+export declare function listScopes(state: EditorState): ListScope[];
+/** The direct children of the scopes that the selection touches, in document order. */
+export declare function touchedBlocks(scopes: ListScope[]): TouchedBlock[];
+/**
+ * clearNodes collapses the selection to a cursor; re-select [from, to] through the mapping, with
+ * `between` since a lifted boundary can map outside any text.
+ */
+export declare function reselectMappedRange(from: number, to: number): Command;
+/**
+ * Takes the selected textblocks out of their lists. Replaces Tiptap's clearNodes, which resets
+ * their attributes (alignment, line height…), strips non-list wrappers such as a blockquote too,
+ * and walks a cached doc that goes stale once an earlier command in the chain changed an ancestor.
+ */
+export declare function clearNodesKeepingAttrs(): Command;
+/** List items holding nothing but nested lists, within `ranges`. */
+export declare function nestedOnlyItemPositions(doc: ProseMirrorNode, ranges: Array<{
+    from: number;
+    to: number;
+}>): number[];
+/**
+ * Lifting a parent item out of its list leaves its nested list in an item with no text of its own,
+ * which renders as a bare marker. Moves the nested items at `positions` up into the enclosing list.
+ */
+export declare function liftNestedOnlyItems(tr: Transaction, positions: number[]): void;

package/library/packages/hybrid/rich-text/src/rich-text.d.ts

@@ -288,6 +288,13 @@ export default class CxRichText extends CortexElement {
     private teardownEditor;
     private initializeEditor;
     private emitRichTextChange;
+    /** Hides the caret until the selection and placeholder have painted, so it does not jump. */
+    private revealCaretAfterPaint;
+    /**
+     * No blur() here: hosts save on cx-rich-text-blur. The DOM selection is collapsed by hand since
+     * it still spans the emptied <p>, which shadowRoot.getSelection() wrongly reports as collapsed.
+     */
+    private resetEmptyCaret;
     private shouldCheckForbiddenKeys;
     private getLegacyKeyCodeFromKeyboardEvent;
     private getLegacyKeyCodeFromBeforeInputEvent;

package/library/packages/molecules/src/graph-view/react/constant.d.ts

@@ -26,7 +26,9 @@ export declare const MENU_ACTION: {
     UNLINK: string;
 };
 export declare const LAYOUT_DEBOUNCE = 100;
-export declare const SUMMARY_HEIGHT = 46;
+export declare const SUMMARY_LINE_HEIGHT = 20;
+export declare const SUMMARY_GAP = 4;
+export declare const SUMMARY_VERTICAL_PADDING = 8;
 export declare const MAX_LABEL_WIDTH = 132;
 export declare const MAX_LABEL_HEIGHT = 80;
 export declare const VERTICAL_LABEL_OFFSET: number;

package/library/packages/organisms/src/content-builder/components/color-swatch-picker/color-swatch-picker.d.ts

@@ -96,6 +96,13 @@ export default class CxColorSwatchPicker extends CortexElement {
      * The hex color value.
      */
     private dialogHex;
+    /**
+     * The color picker's displayed value. This stays in the format selected by the user,
+     * while `dialogHex` remains the canonical value saved with the color swatch.
+     */
+    private dialogPickerValue;
+    /** The display format selected in the current color dialog. */
+    private dialogPickerFormat;
     /**
      * The RGB color value.
      */

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

@@ -5004,10 +5004,6 @@ interface CxMenuAttributes extends HTMLAttributes<CxMenu> {
    * Override the default keydown navigation behavior of the dropdown menu.
    */
   ignoredKeys?: string[];
-  /**
-   *
-   */
-  disabledTabLoop?: boolean;
   /**
    * When true, checkbox items in this menu do not toggle off when already activated while checked—the same behavior as setting `no-uncheck` on each checkbox item.
    */

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

@@ -884,10 +884,6 @@
           * Override the default keydown navigation behavior of the dropdown menu.
         */
         ignoredKeys?: string[];
-        /**
-          * @deprecated Only stops ArrowUp/ArrowDown wrapping now; Tab is no longer intercepted.
-        */
-        disabledTabLoop?: boolean;
         /**
           * When true, checkbox items don't toggle off when already checked (same as each item's own `no-uncheck`).
         */

package/package.json

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