@orangelogic/design-system 2.48.0 → 2.49.0

package/library/components/typography.js

@@ -1,6 +1,6 @@
-import "../chunks/custom-element.fmLrnDZr.js";
-import "../chunks/component.styles.DtouHn2g.js";
-import { C as p } from "../chunks/typography.trna8y2b.js";
+import "../chunks/custom-element.vnXBMQxc.js";
+import "../chunks/component.styles.CI-v8BZa.js";
+import { C as p } from "../chunks/typography.BFpl0WMA.js";
 export {
   p as default
 };

package/library/components/video.js

@@ -1,15 +1,15 @@
 import { a as Ab, c as ps, g as kn } from "../chunks/_commonjsHelpers.ByX85dGu.js";
-import { r as Tb, C as Eb, R as wb } from "../chunks/image.qBD2O7kA.js";
+import { r as Tb, C as Eb, R as wb } from "../chunks/image.CRz6QPaa.js";
 import Sb from "./resize-observer.js";
-import { c as Cb } from "../chunks/component.styles.DtouHn2g.js";
+import { c as Cb } from "../chunks/component.styles.CI-v8BZa.js";
 import { b as Mb } from "../chunks/browser.Va59Ix3P.js";
-import { i as Db, n as ki, x as Kc, c as Pb } from "../chunks/custom-element.fmLrnDZr.js";
+import { i as Db, n as ki, x as Kc, c as Pb } from "../chunks/custom-element.vnXBMQxc.js";
 import { L as Lb } from "../chunks/i18n.CXUGdxzx.js";
 import { w as Bn } from "../chunks/watch.BCJD77bD.js";
-import { r as Fn } from "../chunks/state.Dt9F_SuS.js";
+import { r as Fn } from "../chunks/state.Cw55xXlb.js";
 import { e as ao } from "../chunks/query.BBf1UFkC.js";
 import { r as Rb } from "../chunks/query-async.CTgXGyQ5.js";
-import { e as Dp } from "../chunks/class-map.DqNfBvJI.js";
+import { e as Dp } from "../chunks/class-map.CoZTSvbM.js";
 import { n as Pp } from "../chunks/when.Dr1es41R.js";
 function Qe(e) {
   if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -49319,6 +49319,9 @@ let Pt = class extends wb {
       "container--resizing": this.resizable && this.isResizeActive
     };
   }
+  runConnectedCallback() {
+    this.hasUpdated && this.requestUpdate("src");
+  }
   disconnectedCallback() {
     super.disconnectedCallback(), this.cleanUp();
   }

package/library/components/visually-hidden.js

@@ -1,5 +1,5 @@
-import { i as p, C as l, x as m, c } from "../chunks/custom-element.fmLrnDZr.js";
-import { c as d } from "../chunks/component.styles.DtouHn2g.js";
+import { i as p, C as l, x as m, c } from "../chunks/custom-element.vnXBMQxc.js";
+import { c as d } from "../chunks/component.styles.CI-v8BZa.js";
 const h = p`
   :host(:not(:focus-within)) {
     position: absolute !important;

package/library/package.json

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

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

@@ -120,11 +120,15 @@ export default class CxButton extends CortexElement implements CortexFormControl
      * Mapped button label.
      */
     mappedLabel: string;
+    private styleObserver;
+    private parentDropdownObserver;
     /** Gets the validity state object */
     get validity(): ValidityState;
     /** Gets the validation message */
     get validationMessage(): string;
     runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
+    disconnectedCallback(): void;
     syncStyles(): void;
     private handleBlur;
     private handleFocus;

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

@@ -48,6 +48,7 @@ export default class CxDetails extends CortexElement {
     disabled: boolean;
     detailsObserver: MutationObserver;
     runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     private handleSummaryClick;
     private handleSummaryKeyDown;

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

@@ -127,6 +127,7 @@ export default class CxDialog extends CortexElement {
     };
     constructor();
     runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     protected shouldUpdate(_changedProperties: PropertyValues): boolean;
     updatePopupAnchor(): Promise<void>;

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

@@ -98,7 +98,7 @@ export default class CxDrawer extends CortexElement {
      */
     variant: DrawerVariant;
     noCloseButton: boolean;
-    runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     private requestClose;
     private addOpenListeners;

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

@@ -91,8 +91,7 @@ export default class CxDropdown extends CortexElement {
     /** The amount of padding, in pixels, to exceed before the flip behavior will occur. */
     flipPadding: number;
     constructor();
-    connectedCallback(): void;
-    runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     focusOnTrigger(): void;
     getMenu(): CxMenu | undefined;

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

@@ -51,7 +51,7 @@ export default class CxHeader extends CortexElement {
     scrollToAnchor: () => void;
     constructor();
     runFirstUpdated(): void;
-    connectedCallback(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     /**
      * Scroll to anchor after CMS5 page is ready

package/library/packages/atoms/src/components/icon-button/icon-button.d.ts

@@ -82,7 +82,9 @@ export default class CxIconButton extends CortexElement {
      * Draws a circular icon button.
      */
     circle: boolean;
-    runFirstUpdated(): void;
+    private styleObserver?;
+    connectedUpdatedCallback(): void;
+    disconnectedCallback(): void;
     syncStyles(): void;
     private handleBlur;
     private handleFocus;

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

@@ -127,6 +127,7 @@ export default class CxImage extends ResizableElement {
      */
     protected get hasZoomAction(): boolean;
     runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     /**
      * Handle mouse enter event.

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

@@ -197,7 +197,7 @@ export default class CxInput extends CortexElement implements CortexFormControl
     /** Gets the validation message */
     get validationMessage(): string;
     constructor();
-    connectedCallback(): void;
+    runConnectedCallback(): void;
     runFirstUpdated(): void;
     disconnectedCallback(): void;
     initMaskInstance(): Promise<void>;

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

@@ -82,7 +82,7 @@ export default class CxMenuItem extends CortexElement {
     private readonly hasSlotController;
     private readonly submenuController;
     constructor();
-    runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     private handleDocumentWheel;
     private handleDefaultSlotChange;

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

@@ -166,7 +166,7 @@ export default class CxPopup extends CortexElement {
     autoWidthFactor: number;
     private get isSizeMiddleWareUsed();
     disconnectedCallback(): void;
-    protected runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     updated(changedProps: Map<string, unknown>): Promise<void>;
     private handleAnchorChange;
     private start;

package/library/packages/atoms/src/components/split-panel/split-panel.d.ts

@@ -57,6 +57,7 @@ export default class CxSplitPanel extends CortexElement {
     /** How close the divider must be to a snap point until snapping occurs. */
     snapThreshold: number;
     runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     private detectSize;
     private percentageToPixels;

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

@@ -86,6 +86,7 @@ export default class CxTooltip extends CortexElement {
     /** The shift boundary for the popup. */
     shiftBoundary: Element | Element[];
     constructor();
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     runFirstUpdated(): void;
     private handleBlur;

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

@@ -92,7 +92,7 @@ export default class CxTree extends CortexElement {
     private readonly localize;
     private sortableInstance;
     constructor();
-    runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     /**
      * Generates a clone of the expand icon element to use for each tree item

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

@@ -115,6 +115,7 @@ export default class CxVideo extends ResizableElement {
         'container--resizing': boolean;
     };
     constructor();
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     private onPause;
     private onPlay;

package/library/packages/base/src/cortex-element.d.ts

@@ -28,6 +28,8 @@ export default class CortexElement extends LitElement {
     constructor();
     protected firstUpdated(_changedProperties: PropertyValues): void;
     protected runFirstUpdated(_changedProperties: PropertyValues): void;
+    protected connectedUpdatedCallback(): void;
+    protected runConnectedCallback(): void;
     adoptedCallback(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/library/packages/molecules/src/3d-viewer/3d-viewer.d.ts

@@ -94,16 +94,12 @@ export default class Cx3dViewer extends CortexElement {
     private inspectorLoading;
     private blobUrl;
     constructor();
+    connectedUpdatedCallback(): void;
     /**
      * Lit lifecycle: Called when element is removed from DOM.
      * Ensures proper cleanup of Babylon.js resources.
      */
     disconnectedCallback(): void;
-    /**
-     * Lit lifecycle: Called after first render.
-     * Initializes the Babylon.js engine and sets up event listeners.
-     */
-    runFirstUpdated(): void;
     loadBabylon(): Promise<any>;
     loadInspector(): Promise<void>;
     /**

package/library/packages/molecules/src/3d-viewer/components/3d-viewer-config/3d-viewer-config.d.ts

@@ -57,7 +57,7 @@ export default class Cx3dViewerConfig extends CortexElement {
     private inspectButtonInteracted;
     private attributeObserver;
     private inspectorRequested;
-    runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     private syncInspectorButtonState;
     private handleMenuItemSelect;

package/library/packages/molecules/src/masonry/masonry.d.ts

@@ -74,7 +74,7 @@ export default class CxMasonry extends CortexElement {
     private destroySortable;
     private initSortable;
     handleSortableChange(): void;
-    protected runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     handleItemClick(event: MouseEvent, item: MasonryItem): void;
     handleSortableUpdate(event: Sortable.SortableEvent): void;

package/library/packages/molecules/src/page-outline/page-outline.d.ts

@@ -63,7 +63,7 @@ export default class CxPageOutline extends CortexElement {
     private rootObserver;
     private intersectionObserver?;
     constructor();
-    connectedCallback(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     /** Get the owner window */
     private get ownerWindow();

package/library/packages/molecules/src/search-box/search-box.d.ts

@@ -81,6 +81,7 @@ export default class CxSearchBox extends CortexElement {
     breakpoints: [number, number, number];
     constructor();
     runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     /**
      * Emit cx-search with current input value

package/library/packages/molecules/src/share-option-list/share-option-list.d.ts

@@ -56,9 +56,9 @@ export default class CxShareOptionList extends CortexElement {
     private pendingSlideChange;
     private slideObserver;
     private slidesCache;
-    connectedCallback(): void;
+    runConnectedCallback(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
-    runFirstUpdated(): void;
     protected willUpdate(changedProperties: PropertyValueMap<CxShareOptionList> | Map<PropertyKey, unknown>): void;
     calculateSlidesPerPage(): Promise<void>;
     private getPageCount;

package/library/packages/molecules/src/view-and-sort/view-and-sort.d.ts

@@ -44,7 +44,7 @@ export default class CxViewAndSort extends CortexElement {
     triggerButtonVariant: ButtonVariant;
     triggerButtonSize: ButtonSize;
     constructor();
-    runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     handleSelectChanged(event: CxSelectEvent<CxMenuItem>): void;
     debouncedHandleSelectChanged: (...args: any[]) => void;

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

@@ -232,6 +232,7 @@ export default class CxAssetLinkFormat extends CortexElement {
      */
     get transformationString(): string;
     constructor();
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     updated(changedProperties: PropertyValues): void;
     getCropSize(): {

package/library/packages/organisms/src/bento-grid/bento-grid.d.ts

@@ -175,7 +175,7 @@ export default class CxBentoGrid extends CortexElement {
     get canDeleteBentoGridItem(): boolean;
     get easeCSSVariable(): string;
     constructor();
-    runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     private showTooltip;
     private hideTooltip;

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

@@ -255,8 +255,9 @@ export default class CxCarousel extends CortexElement {
     get canMoveCarouselItem(): boolean;
     get canDeleteCarouselItem(): boolean;
     constructor();
+    connectedUpdatedCallback(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
-    runFirstUpdated(): void;
     protected willUpdate(changedProperties: PropertyValueMap<CxCarousel> | Map<PropertyKey, unknown>): void;
     get isFadeTransition(): boolean;
     get isSlideTransition(): boolean;

package/library/packages/organisms/src/cluster-management/cluster-management.d.ts

@@ -83,6 +83,7 @@ export default class CxClusterManagement extends CortexElement {
     /** If true, the component is in readonly mode. No changes can be made to the service counts. */
     readonly: boolean;
     runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     refreshStatus(): Promise<void>;
     private setStateForService;

package/library/packages/organisms/src/color-swatch-group/color-swatch-group.d.ts

@@ -79,6 +79,7 @@ export default class CxColorSwatchGroup extends CortexElement {
     isContainerFocused: boolean;
     constructor();
     runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     private handleWindowResize;
     /**

package/library/packages/organisms/src/comment/components/comment-menu/comment-menu.d.ts

@@ -71,7 +71,7 @@ export default class CxCommentMenu extends CortexElement {
     private handleAttachmentClick;
     private handleLinkPopupCancel;
     handleEditorChange(): void;
-    connectedCallback(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     render(): import('lit').TemplateResult<1> | typeof nothing;
 }

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

@@ -84,7 +84,6 @@ export default class CxGalleryPicker extends CortexElement implements CortexForm
     private readonly rowHeight;
     private readonly spacing;
     private autofetchController;
-    connectedCallback(): void;
     /** Gets the validity state object */
     get validity(): {
         badInput: boolean;
@@ -123,7 +122,7 @@ export default class CxGalleryPicker extends CortexElement implements CortexForm
     private handleDeleteItem;
     private handleSave;
     private handleReorder;
-    runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     private initializeOverlayScrollbar;
     private destroyOverlayScrollbar;

package/library/packages/organisms/src/content-builder/content-builder.d.ts

@@ -226,7 +226,7 @@ export default class CxContentBuilder extends CortexElement {
     private handleAddBlockClick;
     initBuilder(): Promise<void>;
     constructor();
-    runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     handleBuilderPropsChange(): void;
     onRequestAsset(type: AssetTypeString): Promise<Asset>;

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/components/rte-bubble-menu/rte-bubble-menu.d.ts

@@ -147,6 +147,7 @@ export default class CxRTEBubbleMenu extends CortexElement {
     private previousTiptapEditor;
     get imageSelected(): boolean;
     constructor();
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     onFontSizeChange(value: string | string[]): void;
     onBlockFormatChange(value: string | string[]): void;

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/components/rte-image-viewer/rte-image-viewer.d.ts

@@ -41,6 +41,7 @@ export declare class CxRTEImageViewer extends CortexElement {
     localSize: ImageSize;
     get tiptapEditor(): TiptapEditor | null;
     set tiptapEditor(tiptapEditor: TiptapEditor | null);
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     private addTiptapEditorEvents;
     private removeTiptapEditorEvents;

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

@@ -36,6 +36,7 @@ export default class CxVideoEditorTimeline extends CortexElement {
     private lastScrollLeft;
     constructor();
     runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     private updateTime;
     updateMarks(): void;

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

@@ -42,7 +42,7 @@ export default class CxVideoEditorTrack extends CortexElement {
     get width(): number;
     get isError(): boolean;
     get items(): FrameItem[];
-    runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     private initVideo;
     private getGenerator;

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

@@ -58,7 +58,7 @@ export default class CxVideoEditorTracks extends CortexElement {
     canvasSrcCache: Record<string, string>;
     canvasDataCache: Record<string, CanvasData>;
     constructor();
-    runFirstUpdated(): void;
+    connectedUpdatedCallback(): void;
     disconnectedCallback(): void;
     private initSortable;
     private initCanvas;

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

@@ -77,7 +77,7 @@ export default class CxVideoEditor extends CortexElement {
     get videoDuration(): number;
     get disabledControls(): Partial<Record<VideoEditorToolbarActions, boolean>>;
     constructor();
-    runFirstUpdated(): void;
+    runConnectedCallback(): void;
     disconnectedCallback(): void;
     private handleKeyDown;
     private handleDelete;

package/package.json

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