@orangelogic/design-system 2.149.0 → 2.151.0

package/library/components/video.js

@@ -1,14 +1,14 @@
 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.C1a_eXtI.js";
+import { C as Cb } from "../chunks/image.DYRVQgG1.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";
 import { b as Ib } from "../chunks/browser.BHOCIF_A.js";
 import { c as Ob } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as kb } from "../chunks/i18n.S781IU3H.js";
-import { w as Ki } from "../chunks/watch.K-dbDP6P.js";
+import { L as kb } from "../chunks/i18n.Bchq8v1d.js";
+import { w as Ki } from "../chunks/watch.DOt4Mabe.js";
 import { i as Bb, x as Qc } from "../chunks/lit-element.jLBm65_O.js";
 import { n as Ri } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { r as yn } from "../chunks/state.CSDxrqLd.js";

package/library/package.json

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

package/library/packages/events/src/cx-xml-editor-asset-type-change.d.ts

@@ -0,0 +1,8 @@
+export type CxXmlEditorAssetTypeChangeEvent = CustomEvent<{
+    value: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-xml-editor-asset-type-change': CxXmlEditorAssetTypeChangeEvent;
+    }
+}

package/library/packages/events/src/cx-xml-editor-change.d.ts

@@ -0,0 +1,8 @@
+export type CxXmlEditorChangeEvent = CustomEvent<{
+    value: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-xml-editor-change': CxXmlEditorChangeEvent;
+    }
+}

package/library/packages/events/src/cx-xml-editor-element-action.d.ts

@@ -0,0 +1,11 @@
+import { XmlEditorElementActionKind, XmlEditorTag } from '../../types/src/xml-editor';
+
+export type CxXmlEditorElementActionEvent = CustomEvent<{
+    action: XmlEditorElementActionKind;
+    name: XmlEditorTag;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-xml-editor-element-action': CxXmlEditorElementActionEvent;
+    }
+}

package/library/packages/events/src/cx-xml-editor-element-expand-toggle.d.ts

@@ -0,0 +1,8 @@
+export type CxXmlEditorElementExpandToggleEvent = CustomEvent<{
+    expand: boolean;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-xml-editor-element-expand-toggle': CxXmlEditorElementExpandToggleEvent;
+    }
+}

package/library/packages/events/src/cx-xml-editor-notify.d.ts

@@ -0,0 +1,11 @@
+import { XmlEditorNotifyType } from '../../types/src/xml-editor';
+
+export type CxXmlEditorNotifyEvent = CustomEvent<{
+    message: string;
+    type: XmlEditorNotifyType;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-xml-editor-notify': CxXmlEditorNotifyEvent;
+    }
+}

package/library/packages/events/src/cx-xml-editor-packet-change.d.ts

@@ -0,0 +1,11 @@
+import { XmlEditorPacketActionType, XmlEditorPacketPayload } from '../../types/src/xml-editor';
+
+export type CxXmlEditorPacketChangeEvent = CustomEvent<{
+    payload: XmlEditorPacketPayload;
+    type: XmlEditorPacketActionType;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-xml-editor-packet-change': CxXmlEditorPacketChangeEvent;
+    }
+}

package/library/packages/events/src/events.d.ts

@@ -232,3 +232,9 @@ export * from './cx-video-editor-track-click';
 export * from './cx-video-editor-transition-click';
 export * from './cx-video-thumbnail-resolved';
 export * from './cx-view-logs';
+export * from './cx-xml-editor-asset-type-change';
+export * from './cx-xml-editor-change';
+export * from './cx-xml-editor-element-action';
+export * from './cx-xml-editor-element-expand-toggle';
+export * from './cx-xml-editor-notify';
+export * from './cx-xml-editor-packet-change';

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

@@ -2,8 +2,8 @@ import { ColumnDefinition, TableDataFormat } from '../../../../types/src/table';
 
 export type StreamChunkCallback = (rows: Array<Record<string, unknown>>) => Promise<void>;
 export declare function parseCsvStream(raw: string, onColumns: (columns: ColumnDefinition[]) => void, onChunk: StreamChunkCallback, chunkSize?: number): Promise<number>;
-export declare function parseXmlStream(raw: string, onColumns: (columns: ColumnDefinition[]) => void, onChunk: StreamChunkCallback, chunkSize?: number): Promise<number>;
-export declare function parseJsonStream(raw: string, onColumns: (columns: ColumnDefinition[]) => void, onChunk: StreamChunkCallback, chunkSize?: number): Promise<number>;
+export declare function parseXmlStream(raw: string, onColumns: (columns: ColumnDefinition[]) => void, onChunk: StreamChunkCallback, chunkSize?: number, urlPath?: string): Promise<number>;
+export declare function parseJsonStream(raw: string, onColumns: (columns: ColumnDefinition[]) => void, onChunk: StreamChunkCallback, chunkSize?: number, urlPath?: string): Promise<number>;
 export interface ParsedTableData {
     columns: ColumnDefinition[];
     data: Array<Record<string, unknown>>;

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

@@ -801,6 +801,14 @@ export default class CxTable extends CortexElement {
     dateFilterCompareFormat: DateFilterCompareFormat;
     /** Format of the data at dataUrl. Use 'auto' to detect from URL extension or Content-Type header. */
     dataFormat: TableDataFormat;
+    /**
+     * Dot- or slash-notation path (e.g. `data.items` or `result/rows/0/list`) to the row data within
+     * a `dataUrl` response, for payloads that don't already match the default shape:
+     * - `json`: not already a bare array or a `{ columns, data }` envelope.
+     * - `xml`: not already a bare element list or a `{ columns, rows }` envelope.
+     * Has no effect on `csv` data.
+     */
+    dataUrlPath: string;
     /**
      * When true, a `dataUrl` load keeps existing `columns` as-is instead of auto-populating them
      * from the loaded file's headers. Has no effect when `columns` is empty — auto-detection still

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

@@ -2,7 +2,7 @@ import { default as Filter } from '../modules/Filter/Filter';
 import { default as Page } from '../modules/Page/Page';
 import { default as SelectRow } from '../modules/SelectRow/SelectRow';
 import { default as Tabulator } from './Tabulator';
-import { GroupArg, GroupValuesArg, ITabulatorFull, Options, SheetLookup, SortDirection, Sorter, SpreadsheetComponent } from './types';
+import { GroupArg, GroupValuesArg, ICellComponent, ITabulatorFull, Options, SheetLookup, SortDirection, Sorter, SpreadsheetComponent, ValidationSummary } from './types';
 
 declare class TabulatorFull extends Tabulator implements ITabulatorFull {
     static extendModule(...args: Parameters<typeof Tabulator._extendModule>): void;
@@ -50,5 +50,10 @@ declare class TabulatorFull extends Tabulator implements ITabulatorFull {
     deselectRow: SelectRow['deselectRows'];
     toggleSelectRow: SelectRow['toggleRow'];
     setSort: (sortList: string | Sorter[], dir?: SortDirection) => void;
+    validate: () => true | ICellComponent[];
+    validateAsync: () => Promise<ValidationSummary>;
+    getValidationSummary: () => ValidationSummary;
+    getInvalidCells: () => ICellComponent[];
+    clearCellValidation: (cells?: ICellComponent | ICellComponent[]) => void;
 }
 export default TabulatorFull;

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

@@ -73,6 +73,18 @@ export default class CxAnnotator extends CortexElement {
     private handleMarkerCreate;
     private handleMarkerChange;
     private handleMarkerDelete;
+    /**
+     * Re-arms the armed drawing tool when the pointer re-enters the marker area.
+     *
+     * MarkerJS 3 requires an explicit `createMarker()` call to (re)enter drawing
+     * mode. When the pointer leaves the marker area (e.g. the user clicks the
+     * video controls to play/pause) and comes back while a tool is still armed,
+     * the previously armed "new" marker no longer reacts to the first click,
+     * forcing an extra activating click. Re-creating the marker of the current
+     * type on re-entry restores the "sticky tool" feel of the legacy MarkerJS 2
+     * UI so the next click draws immediately.
+     */
+    private handlePointerEnter;
     private handleKeydown;
     private handleToolClick;
     private handleAddArrowClick;

package/library/packages/molecules/src/dynamic-select/dynamic-select.d.ts

@@ -136,6 +136,15 @@ export default class CxDynamicSelect extends CortexElement {
      * @returns The value
      */
     getOptionValue: (option: HTMLElement) => string;
+    /**
+     * Optional override for the label shown in the closed select's display text (and used for text-based matching)
+     * when `columns` (table mode) is set. Table mode otherwise derives the label from the first rendered `<td>`;
+     * provide this to use a different column, or to combine several columns into one summary (e.g. "A -> B").
+     *
+     * @param option The option to get the label for
+     * @returns The label
+     */
+    getOptionLabel?: (option: HTMLElement) => string;
     /**
      *
      * current = whether the option is currently focused on e.g via keyboard

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

@@ -40,6 +40,7 @@ export { default as CxStatCard } from './stat-card/stat-card';
 export { default as CxStepperWizard } from './stepper-wizard/stepper-wizard';
 export { default as CxStorybook } from './storybook/storybook';
 export { default as CxTypeface } from './typeface/typeface';
+export { default as CxTypeSubtypeSelect } from './type-subtype-select/type-subtype-select';
 export { default as CxAssetFormatPicker } from './asset-format-picker/asset-format-picker';
 export { default as CxInputDatePicker } from './input-date-picker/input-date-picker';
 export { default as CxInputDateRangePicker } from './input-date-range-picker/input-date-range-picker';

package/library/packages/molecules/src/type-subtype-select/type-subtype-select.d.ts

@@ -0,0 +1,64 @@
+import { default as CxButton } from '../../../atoms/src/components/button/button.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 CxOption } from '../../../atoms/src/components/option/option.ts';
+import { default as CxSelect } from '../../../atoms/src/components/select/select.ts';
+import { default as CortexElement } from '../../../base/src/cortex-element.ts';
+import { TypeSubtypeOption, TypeSubtypeSelectRow } from '../../../types/src/type-subtype-select';
+import { CSSResultGroup } from 'lit';
+
+/**
+ * @summary Cascading type/subtype picker. Renders one or more rows of a
+ * "type" select and a dependent "subtype" select (disabled until a type is
+ * chosen). In `multiple` mode, rows can be added and removed with `+` / `-`
+ * controls. The emitted `value` is a space-separated list of one token per
+ * row, each token being `{type}.{subtype}`. In single mode, exactly one row
+ * is rendered and `value` is that row's single token.
+ *
+ * @event cx-change - Emitted whenever the selected type/subtype rows change.
+ */
+export default class CxTypeSubtypeSelect extends CortexElement {
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-button': typeof CxButton;
+        'cx-icon': typeof CxIcon;
+        'cx-icon-button': typeof CxIconButton;
+        'cx-option': typeof CxOption;
+        'cx-select': typeof CxSelect;
+    };
+    /** Encodes one row's type/subtype pair into the token format used by `value`. */
+    static encodeRowToken(row: TypeSubtypeSelectRow): string;
+    /** Decodes one `value` token back into its type/subtype pair. */
+    static decodeRowToken(token: string): TypeSubtypeSelectRow;
+    private readonly localize;
+    /** Available types, each with its own list of subtypes. */
+    options: TypeSubtypeOption[];
+    /** When true, allows multiple type/subtype rows (add with `+`, remove with `-`). */
+    multiple: boolean;
+    /**
+     * Space-separated row tokens, each `{type}.{subtype}`. In single mode,
+     * holds at most one token.
+     */
+    value: string;
+    /** When true, each row's type select participates in native form validation. */
+    required: boolean;
+    /** Editable rows, derived from `value` whenever it changes externally. */
+    private rows;
+    /** Row ids are only used for keyed rendering; they never leave the component. */
+    private rowIds;
+    syncRowsFromValue(): void;
+    private subOptionsFor;
+    private applyRows;
+    private rowIndexOf;
+    private handleTypeChange;
+    private handleSubtypeChange;
+    private handleAddRowClick;
+    private handleRemoveRowClick;
+    private renderRow;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-type-subtype-select': CxTypeSubtypeSelect;
+    }
+}

package/library/packages/molecules/src/type-subtype-select/type-subtype-select.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

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

@@ -196,6 +196,12 @@ export default class CxAssetLinkFormat extends CortexElement {
      * been applied yet.
      */
     get lastAppliedCropUnit(): Unit;
+    /**
+     * The focus mode of the last applied crop transformation, for the no-asset case only.
+     * Reflects whatever focus mode the last committed Crop transformation used, or 'manual'
+     * when nothing has been applied yet.
+     */
+    get lastAppliedCropFocusMode(): string;
     /**
      * Checks if the crop apply button should be disabled.
      * This is determined by comparing the current crop size with the last crop size.

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

@@ -41,7 +41,7 @@ export type CxAssetLinkFormatCropFocusModeChangeEvent = CustomEvent<{
  * @event `cx-asset-link-format-crop-apply` - Emitted when the crop settings are applied.
  * @event `cx-asset-link-format-crop-auto` - Emitted when the auto cropping is applied.
  *
- * @property {boolean} no-ratio-modes - When true, hides the ratio mode select (Free, Widescreen, Square, etc.).
+ * @property {boolean} no-ratio-modes - When true, hides the ratio mode select (Free, Widescreen, Square, etc.) and the unit select (Pixels / Aspect Ratio).
  */
 export default class CxAssetLinkFormatCrop extends CortexElement {
     static readonly styles: CSSResultGroup;
@@ -109,9 +109,10 @@ export default class CxAssetLinkFormatCrop extends CortexElement {
      */
     disabledApply: boolean;
     /**
-     * Whether to hide the ratio mode select (Free, Widescreen, Square, etc.).
-     * Useful when no asset is attached yet, since switching between ratios
-     * without known dimensions only produces tiny, meaningless pixel values.
+     * Whether to hide the ratio mode select (Free, Widescreen, Square, etc.) and the
+     * unit select (Pixels / Aspect Ratio). Useful when no asset is attached yet, since
+     * switching between ratios or units without known dimensions only produces tiny,
+     * meaningless pixel values.
      */
     noRatioModes: boolean;
     /**

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

@@ -27,6 +27,8 @@ export type CxAssetLinkFormatResizeApplyEvent = CustomEvent<{
  * @summary The `cx-asset-link-format-resize` component is used to define resize values for an asset link.
  *
  * @event `cx-asset-link-format-resize-change` - Emitted when the resize values are changed.
+ *
+ * @property {boolean} no-ratio-modes - When true, hides the unit select (Pixels / Aspect Ratio).
  */
 export default class CxAssetLinkFormatResize extends CortexElement {
     static readonly styles: CSSResultGroup;
@@ -104,6 +106,12 @@ export default class CxAssetLinkFormatResize extends CortexElement {
      * @default false
      */
     loading: boolean;
+    /**
+     * Whether to hide the unit select (Pixels / Aspect Ratio). Useful when no asset is
+     * attached yet, since switching between units without known dimensions only
+     * produces tiny, meaningless pixel values.
+     */
+    noRatioModes: boolean;
     /**
      * Whether to keep the aspect ratio when changing width or height.
      * This is used to automatically adjust the other dimension when one is changed.

package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts

@@ -10,6 +10,8 @@ export declare class ConfigFormController implements ReactiveController {
     private readonly pendingGalleryPickerSaves;
     private readonly fontFamiliesCache;
     private readonly pendingFontFamilyFetches;
+    private readonly typeSubtypeOptionsCache;
+    private readonly pendingTypeSubtypeOptionsFetches;
     constructor(host: ReactiveControllerHost & CxConfigForm);
     hostConnected(): void;
     /**

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

@@ -40,6 +40,7 @@ import { default as CxPaddingInputGroup } from '../../../../../molecules/src/pad
 import { default as CxPositionPicker } from '../../../../../molecules/src/position-picker/position-picker.ts';
 import { default as CxShadowInputGroup } from '../../../../../molecules/src/shadow-input-group/shadow-input-group.ts';
 import { default as CxSizeInputGroup } from '../../../../../molecules/src/size-input-group/size-input-group.ts';
+import { default as CxTypeSubtypeSelect } from '../../../../../molecules/src/type-subtype-select/type-subtype-select.ts';
 import { default as CxAssetTransformationDialog } from '../../../asset-transformation-dialog/asset-transformation-dialog.ts';
 import { AssetFormatValue } from '../../../../../types/src/asset-format-picker';
 import { Asset, AssetTypeString, EditorMode, PropertyConfig } from '../../../../../types/src/content-builder';
@@ -125,6 +126,7 @@ export default class CxConfigForm extends CortexElement {
         'cx-tab-panel': typeof CxTabPanel;
         'cx-textarea': typeof CxTextarea;
         'cx-tooltip': typeof CxTooltip;
+        'cx-type-subtype-select': typeof CxTypeSubtypeSelect;
         'cx-typography': typeof CxTypography;
         'cx-visually-hidden': typeof CxVisuallyHidden;
     };

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

@@ -74,7 +74,7 @@ export default class StyleController {
         checkedValue?: string | boolean;
         children?: PropertyConfig[];
         clearable?: boolean;
-        controlType: "asset-transformation" | "bicolor-picker" | "border-input-group" | "button-group" | "checkbox" | "checkbox-group" | "color-swatch-picker" | "corner-position-input-group" | "dam-custom-toolbar-buttons" | "download-format-picker" | "file" | "folder-picker" | "gallery-picker" | "group" | "group-heading" | "icon-picker" | "image-picker" | "info-text" | "input" | "list-editor" | "all-picker" | "other-picker" | "padding-input-group" | "page-picker" | "placeholder" | "position-picker" | "radio-card-group" | "radio-group" | "select" | "shadow-input-group" | "size-input-group" | "switch" | "table" | "text" | "audio-picker" | "asset-format-picker" | "font-picker" | "video-picker";
+        controlType: "asset-transformation" | "bicolor-picker" | "border-input-group" | "button-group" | "checkbox" | "checkbox-group" | "color-swatch-picker" | "corner-position-input-group" | "dam-custom-toolbar-buttons" | "download-format-picker" | "file" | "folder-picker" | "gallery-picker" | "group" | "group-heading" | "icon-picker" | "image-picker" | "info-text" | "input" | "list-editor" | "all-picker" | "other-picker" | "padding-input-group" | "page-picker" | "placeholder" | "position-picker" | "radio-card-group" | "radio-group" | "select" | "shadow-input-group" | "size-input-group" | "switch" | "table" | "text" | "type-subtype-select" | "audio-picker" | "asset-format-picker" | "font-picker" | "video-picker";
         cornerStyleKey?: {
             offsetX: string;
             offsetY: string;
@@ -166,6 +166,10 @@ export default class StyleController {
         translatable?: boolean;
         translateGroup?: string;
         type: "attribute" | "property" | "style" | "decorative";
+        typeSubtypeSelectConfigs?: {
+            api: () => Promise<import('../../../types/src/type-subtype-select').TypeSubtypeOption[]>;
+            multiple?: boolean;
+        };
         uncheckedValue?: string | boolean;
         useSearchTerm?: boolean;
         width?: ((record: Record<string, unknown>) => string | number) | string | number;

package/library/packages/organisms/src/dam-custom-toolbar-buttons-editor/dam-custom-toolbar-buttons-editor.d.ts

@@ -17,6 +17,7 @@ import { CxAssetRequestStatusEvent, CxChangeEvent, CxRequestCloseEvent } from '.
 import { default as CxConfirmPopover } from '../../../molecules/src/confirm-popover/confirm-popover.ts';
 import { default as CxDynamicSelect } from '../../../molecules/src/dynamic-select/dynamic-select.ts';
 import { default as CxIconPicker } from '../../../molecules/src/icon-picker/icon-picker.ts';
+import { default as CxTypeSubtypeSelect } from '../../../molecules/src/type-subtype-select/type-subtype-select.ts';
 import { Option } from '../../../types/src/content-builder';
 import { DamCustomToolbarButton } from '../../../types/src/dam-view';
 import { CSSResultGroup } from 'lit';
@@ -59,6 +60,7 @@ export default class CxDamCustomToolbarButtonsEditor extends CortexElement {
         'cx-radio-group': typeof CxRadioGroup;
         'cx-select': typeof CxSelect;
         'cx-space': typeof CxSpace;
+        'cx-type-subtype-select': typeof CxTypeSubtypeSelect;
         'cx-typography': typeof CxTypography;
     };
     private readonly localize;
@@ -120,6 +122,7 @@ export default class CxDamCustomToolbarButtonsEditor extends CortexElement {
     private availableButtonsApi;
     private get pageSelectColumns();
     private get addSelectColumns();
+    private get typeSubtypeOptions();
     handleCreateNewClick(): void;
     handleAvailableButtonSelect(event: CustomEvent<Option>): void;
     handleListEditorEdit(event: CxListEditorRowActionEvent): void;
@@ -141,17 +144,12 @@ export default class CxDamCustomToolbarButtonsEditor extends CortexElement {
     handleFormIdChange(event: CustomEvent<Option>): void;
     handlePageChange(event: CxChangeEvent): void;
     handleSpaceIdChange(event: CustomEvent<Option>): void;
-    handleRecordTypeChange(event: CxChangeEvent): void;
-    handleRecordSubTypeChange(event: CxChangeEvent): void;
+    handleRecordTypeSubtypeChange(event: CxChangeEvent): void;
     handleAccessLevelChange(event: CustomEvent<Option>): void;
     handleConfigureWorkflowClick(): Promise<void>;
     handleSaveClick(): void;
     handleDialogFormSubmit(event: SubmitEvent): void;
     private loadSubTypesIfNeeded;
-    /** Returns the `typeLabel` key (underscored) that matches a given `typeDbBOName`. */
-    private findTypeKeyByDbBOName;
-    /** Picks the wildcard subTypeValue (or first available) for a given `typeDbBOName`. */
-    private findDefaultSubTypeFor;
     private createNewButton;
     private updateEditedItem;
     /**

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

@@ -24,3 +24,4 @@ export { default as CxTemplateSwitcher } from './template-switcher/template-swit
 export { default as CxTextToSpeech } from './text-to-speech/text-to-speech';
 export { default as CxVideoChaptersManager } from './video-chapters-manager/video-chapters-manager';
 export { default as CxVideoEditor } from './video-editor/video-editor';
+export { default as CxXmlEditor } from './xml-editor/xml-editor';

package/library/packages/organisms/src/xml-editor/components/asset-type/asset-type.d.ts

@@ -0,0 +1,38 @@
+import { default as CxOption } from '../../../../../atoms/src/components/option/option.ts';
+import { default as CxSelect } from '../../../../../atoms/src/components/select/select.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { CSSResultGroup } from 'lit';
+
+/**
+ * @summary Two cascading selects (Type -> Subtype) that together produce a single fully-qualified
+ * `DO_DOCUMENTS.<typeDbBOName>.<subTypeValue>` asset-type path, used by `packet-editor`'s TypeFilters rows.
+ *
+ * @event cx-xml-editor-asset-type-change - Emitted with the fully-qualified asset-type path once both selections resolve.
+ */
+export default class CxXmlEditorAssetType extends CortexElement {
+    #private;
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-option': typeof CxOption;
+        'cx-select': typeof CxSelect;
+    };
+    private readonly localize;
+    /** The fully-qualified asset-type path currently selected (e.g. `DO_DOCUMENTS.Image_DbBO.Image_Default`). */
+    value: string;
+    /** Subtypes grouped by type label, then by subtype label, as produced by `apiGetSubTypesWithWildcard`. */
+    subTypesMap: Record<string, Record<string, {
+        subTypeValue: string;
+        typeDbBOName: string;
+    }>>;
+    /** The currently selected type label (first select's value). */
+    private typeValue;
+    /** The currently selected subtype label (second select's value). */
+    private subTypeValue;
+    handleValueChange(): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-xml-editor-asset-type': CxXmlEditorAssetType;
+    }
+}

package/library/packages/organisms/src/xml-editor/components/asset-type/asset-type.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/organisms/src/xml-editor/components/element-tag/element-tag.d.ts

@@ -0,0 +1,66 @@
+import { default as CxButton } from '../../../../../atoms/src/components/button/button.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 CxTooltip } from '../../../../../atoms/src/components/tooltip/tooltip.ts';
+import { default as CxTypography } from '../../../../../atoms/src/components/typography/typography.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { XmlEditorElement, XmlEditorTag } from '../../../../../types/src/xml-editor';
+import { CSSResultGroup } from 'lit';
+
+/**
+ * @summary One row of the Fetch Rules tree: the tag's title/order, expand/collapse control, a hover action menu
+ * (edit attributes / add / copy / paste / delete), and — for `Packet` — the slotted `packet-editor`. Children render
+ * through the default slot as nested `cx-xml-editor-element-tag` instances.
+ *
+ * @slot (default) - Nested `cx-xml-editor-element-tag` rows for this element's children.
+ * @slot packet-editor - The `cx-xml-editor-packet-editor` shown in place while a `Packet` row is expanded.
+ *
+ * @event cx-xml-editor-element-action - Emitted (not composed) when a hover-menu action is triggered.
+ * @event cx-xml-editor-element-expand-toggle - Emitted (not composed) when the expand/collapse control is toggled.
+ */
+export default class CxXmlEditorElementTag extends CortexElement {
+    #private;
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-button': typeof CxButton;
+        'cx-icon': typeof CxIcon;
+        'cx-icon-button': typeof CxIconButton;
+        'cx-tooltip': typeof CxTooltip;
+        'cx-typography': typeof CxTypography;
+    };
+    /** The direct child tag name for a given parent tag (e.g. `FetchRules` -> `Generation`). */
+    private static getDirectChildName;
+    private readonly localize;
+    /** The tree node this row renders. */
+    self: XmlEditorElement;
+    /**
+     * The parent element that owns this row. Threaded through as a plain property (rather than closed over per-row)
+     * so the host can read `event.target.self` / `.parent` from a single bound listener instead of allocating a new
+     * per-node arrow function on every render (which `lit/no-template-arrow` disallows).
+     */
+    parent?: XmlEditorElement;
+    /** The tag name for this row. */
+    name: XmlEditorTag;
+    /** Whether this row is currently expanded. */
+    expanded: boolean;
+    /** 1-based order label shown next to the tag name (e.g. `1` or `1.2`). */
+    order: string;
+    /** Whether this row is the tree's root (suppresses copy/delete/paste and draws no border). */
+    isRoot: boolean;
+    canAdd: boolean;
+    canEdit: boolean;
+    canCopy: boolean;
+    canPaste: boolean;
+    canDelete: boolean;
+    /** Hover-driven visibility of the action menu, independent of the always-visible Packet editing state. */
+    private showMenu;
+    handleNameChange(): void;
+    handleIsRootChange(): void;
+    private handleActionButtonClick;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-xml-editor-element-tag': CxXmlEditorElementTag;
+    }
+}

package/library/packages/organisms/src/xml-editor/components/element-tag/element-tag.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/organisms/src/xml-editor/components/packet-editor/packet-editor.d.ts

@@ -0,0 +1,78 @@
+import { default as CxButton } from '../../../../../atoms/src/components/button/button.ts';
+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 CxGrid } from '../../../../../atoms/src/components/grid/grid.ts';
+import { default as CxGridItem } from '../../../../../atoms/src/components/grid-item/grid-item.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 CxInput } from '../../../../../atoms/src/components/input/input.ts';
+import { default as CxTooltip } from '../../../../../atoms/src/components/tooltip/tooltip.ts';
+import { default as CxTypography } from '../../../../../atoms/src/components/typography/typography.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { default as CxDynamicSelect } from '../../../../../molecules/src/dynamic-select/dynamic-select.ts';
+import { XmlEditorElement, XmlEditorRelationData, XmlEditorSameFieldData, XmlEditorSortOrderData, XmlEditorSubTypeData } from '../../../../../types/src/xml-editor';
+import { CSSResultGroup } from 'lit';
+import { default as CxXmlEditorAssetType } from '../asset-type/asset-type';
+
+/**
+ * @summary The Packet node editor: explore rules (ancestors/descendants/self/relations/same-field/similarity),
+ * asset-type filters, additional Search API filters, and order-by/limit — the in-place expanded editor for the
+ * `Packet` tag rendered by `element-tag`.
+ *
+ * @event cx-xml-editor-packet-change - Emitted with the ported `PacketAction`/`XmlEditorPacketPayload` protocol for every mutation.
+ */
+export default class CxXmlEditorPacketEditor extends CortexElement {
+    #private;
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-button': typeof CxButton;
+        'cx-checkbox': typeof CxCheckbox;
+        'cx-divider': typeof CxDivider;
+        'cx-dynamic-select': typeof CxDynamicSelect;
+        'cx-grid': typeof CxGrid;
+        'cx-grid-item': typeof CxGridItem;
+        'cx-icon': typeof CxIcon;
+        'cx-icon-button': typeof CxIconButton;
+        'cx-input': typeof CxInput;
+        'cx-tooltip': typeof CxTooltip;
+        'cx-typography': typeof CxTypography;
+        'cx-xml-editor-asset-type': typeof CxXmlEditorAssetType;
+    };
+    /**
+     * Maps enabled relations into `cx-dynamic-select` options + table columns (replaces React `Relation.tsx`).
+     * Column headers are supplied by the caller (which owns a `LocalizeController`) rather than hardcoded here.
+     */
+    private static mapRelationsToOptions;
+    /** Maps sort orders into `cx-dynamic-select` options + table columns (replaces React `OrderBy.tsx`). */
+    private static mapSortOrdersToOptions;
+    /** Maps same-field candidates into `cx-dynamic-select` options + table columns (replaces React `SameField.tsx`). */
+    private static mapSameFieldsToOptions;
+    private readonly localize;
+    /** The `Packet` element being edited. */
+    value: XmlEditorElement;
+    enabledRelations: XmlEditorRelationData[];
+    subTypes: XmlEditorSubTypeData[];
+    subTypesMap: Record<string, Record<string, {
+        subTypeValue: string;
+        typeDbBOName: string;
+    }>>;
+    sortOrders: XmlEditorSortOrderData[];
+    sameFields: XmlEditorSameFieldData[];
+    /** Whether the "Assets that share the same value on field" row is expanded even without a stored value yet. */
+    private enabledSameField;
+    private updateExtraFiltersDebounced;
+    private updateLimitDebounced;
+    /**
+     * `cx-dynamic-select`'s `getOptionLabel` override for the Relation picker — matches the tooltip and the original
+     * React `Relation.tsx` (which set the same override directly on its `cx-select` ref): "parentRole -> childRole"
+     * read from the 3rd/4th `<td>`, per `mapRelationsToOptions`'s column order, instead of the table mode default of
+     * just the first column's text.
+     */
+    private getRelationOptionLabel;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-xml-editor-packet-editor': CxXmlEditorPacketEditor;
+    }
+}

package/library/packages/organisms/src/xml-editor/components/packet-editor/packet-editor.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;