@orangelogic/design-system 2.155.0 → 2.157.0

package/library/components/video.js

@@ -1,7 +1,7 @@
 import { _ as kd, a as Sa, b as Be, c as Je } from "../chunks/inheritsLoose.BuSn_CvZ.js";
 import { c as ps, a as Bn } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
 import { r as Sb } from "../chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
-import { C as Cb } from "../chunks/image.DazATuAV.js";
+import { C as Cb } from "../chunks/image.BO6NWyIo.js";
 import Mb from "./resize-observer.js";
 import { r as Db, R as Pb, a as Rp, b as Lb } from "../chunks/resizable-component.styles.CAfXABBc.js";
 import { c as Rb } from "../chunks/component.styles.CRO4Odto.js";

package/library/package.json

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

package/library/packages/hybrid/table-core/src/table/table.d.ts

@@ -2,6 +2,7 @@ import { default as CxButton } from '../../../../atoms/src/components/button/but
 import { default as CxCheckbox } from '../../../../atoms/src/components/checkbox/checkbox.ts';
 import { default as CxDivider } from '../../../../atoms/src/components/divider/divider.ts';
 import { default as CxFormatNumber } from '../../../../atoms/src/components/format-number/format-number.ts';
+import { default as CxIcon } from '../../../../atoms/src/components/icon/icon.ts';
 import { default as CxIconButton } from '../../../../atoms/src/components/icon-button/icon-button.ts';
 import { default as CxSelect } from '../../../../atoms/src/components/select/select.ts';
 import { default as CxSpace } from '../../../../atoms/src/components/space/space.ts';
@@ -87,6 +88,7 @@ export default class CxTable extends CortexElement {
         'cx-divider': typeof CxDivider;
         'cx-faceted-filter': typeof CxFacetedFilter;
         'cx-format-number': typeof CxFormatNumber;
+        'cx-icon': typeof CxIcon;
         'cx-icon-button': typeof CxIconButton;
         'cx-select': typeof CxSelect;
         'cx-space': typeof CxSpace;

package/library/packages/hybrid/table-core/src/table/table.utils.d.ts

@@ -1,4 +1,4 @@
-import { ColumnDefinition } from '../../../../types/src/table';
+import { ColumnDefinition, SortDirection } from '../../../../types/src/table';
 
 export declare const movableRowDefaultRowHeader: ColumnDefinition;
 export declare const frozenRowsConverter: {
@@ -13,3 +13,4 @@ export declare const groupByConverter: {
     fromAttribute: (value: string | null) => string | any[] | null | undefined;
     toAttribute: (value: unknown) => unknown;
 };
+export declare function renderHeaderSortIcon(_column: unknown, dir: SortDirection): HTMLElement;

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

@@ -93,7 +93,18 @@ export default class CxComment extends CortexElement {
     private handleMentionUpdate;
     private handleMentionKeyDown;
     private initEditor;
+    /**
+     * First init must happen here: on Cortex ajax refresh the element renders while
+     * detached, so the editor DOM has to exist before insertion or the first paint
+     * collapses to zero height (buttons below overlap the comment box).
+     */
     runFirstUpdated(): void;
+    /**
+     * Re-init on every (re)connect: `disconnectedCallback` destroys the editor, and on
+     * Cortex ajax refresh props like `content` are applied after `runFirstUpdated`
+     * (see docs/cortex-render-order.md) — re-initializing here picks up the latest values.
+     */
+    connectedUpdatedCallback(): void;
     private handleCommentMousedown;
     handleEditableChange(): void;
     handlePlaceholderChange(): void;

package/library/packages/organisms/src/video-editor/components/video-editor-tracks/video-editor-tracks.d.ts

@@ -1,5 +1,4 @@
 import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
-import { default as CxPopup } from '../../../../../atoms/src/components/popup/popup.ts';
 import { default as CxResizeObserver } from '../../../../../atoms/src/components/resize-observer/resize-observer.ts';
 import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
 import { CanvasData, FrameCache, SubClip, Transition } from '../../../../../types/src/video-editor';
@@ -28,7 +27,6 @@ export default class CxVideoEditorTracks extends CortexElement {
     static readonly styles: CSSResultGroup;
     static readonly dependencies: {
         'cx-icon': typeof CxIcon;
-        'cx-popup': typeof CxPopup;
         'cx-resize-observer': typeof CxResizeObserver;
         'cx-video-editor-track': typeof CxVideoEditorTrack;
         'cx-video-editor-transition': typeof CxVideoEditorTransition;
@@ -44,7 +42,6 @@ export default class CxVideoEditorTracks extends CortexElement {
     videoDuration: number;
     scaleFactor: number;
     maxScaleFactor: number;
-    hideBoundary: CxPopup['hideBoundary'];
     scale: number;
     maxScaleMap: Map<string, number>;
     maxDurationMap: Map<string, number>;

package/library/packages/organisms/src/video-editor/components/video-editor-transition/video-editor-transition.d.ts

@@ -1,5 +1,4 @@
 import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
-import { default as CxPopup, VirtualElement } from '../../../../../atoms/src/components/popup/popup.ts';
 import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
 import { Transition } from '../../../../../types/src/video-editor';
 import { CSSResultGroup } from 'lit';
@@ -8,12 +7,15 @@ export default class CxVideoEditorTransition extends CortexElement {
     static readonly styles: CSSResultGroup;
     static readonly dependencies: {
         'cx-icon': typeof CxIcon;
-        'cx-popup': typeof CxPopup;
     };
-    anchor: Element | string | VirtualElement;
-    hideBoundary: Element | string | VirtualElement;
     data: Transition | null;
     selected: boolean;
+    /**
+     * When true, keeps the indicator fully inside its track instead of straddling the boundary
+     * with the previous track. Use this for the first track in the list, which has no preceding
+     * track to overlap.
+     */
+    inset: boolean;
     private handleClick;
     render(): import('lit').TemplateResult<1>;
 }

package/package.json

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