@mmlogic/components 0.1.23 → 0.1.25

package/dist/types/components.d.ts

@@ -5,12 +5,12 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ClientLayout, ClientLayoutItem, ClientLayoutItemFieldDataType, ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior, ClientListValue, CurrencyValue, RelationSearchResult } from "./types";
+import { ClientLayout, ClientLayoutItem, ClientLayoutItemFieldDataType, ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior, ClientListValue, CurrencyValue, RelationSearchResult as RelationSearchResult1 } from "./types";
+import { AggregationResult, ClientLayoutItem as ClientLayoutItem1, ClientLayoutItemNavigate, ClientViewMetadata, RelationSearchResult } from "./types/client-layout";
 import { AlternativeView, ColumnFilter, TableAction, TableColumn } from "./utils/cell-renderer";
-import { AggregationResult } from "./types/client-layout";
-export { ClientLayout, ClientLayoutItem, ClientLayoutItemFieldDataType, ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior, ClientListValue, CurrencyValue, RelationSearchResult } from "./types";
+export { ClientLayout, ClientLayoutItem, ClientLayoutItemFieldDataType, ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior, ClientListValue, CurrencyValue, RelationSearchResult as RelationSearchResult1 } from "./types";
+export { AggregationResult, ClientLayoutItem as ClientLayoutItem1, ClientLayoutItemNavigate, ClientViewMetadata, RelationSearchResult } from "./types/client-layout";
 export { AlternativeView, ColumnFilter, TableAction, TableColumn } from "./utils/cell-renderer";
-export { AggregationResult } from "./types/client-layout";
 export namespace Components {
     interface MrdBooleanField {
         /**
@@ -279,6 +279,48 @@ export namespace Components {
          */
         "value": unknown;
     }
+    interface MrdLayoutSection {
+        /**
+          * Record data object; keys are field names, _links holds relation and related-view links.
+          * @default {}
+         */
+        "data": Record<string, unknown>;
+        /**
+          * Items from one layout entry in ClientDashboardMetadata.layouts[].
+          * @default []
+         */
+        "items": ClientLayoutItem1[];
+        /**
+          * Top-level _links from ClientDashboardMetadata; used to resolve hrefs for VIEW items.
+          * @default {}
+         */
+        "links": Record<string, { href: string }>;
+        /**
+          * @default navigator.language
+         */
+        "locale": string;
+        /**
+          * Open the lightbox directly with a URL (e.g. after mrdDownload on a FILE field).
+         */
+        "openImagePreview": (url: string) => Promise<void>;
+        /**
+          * Provide a resolved URL for an IMAGE field. Shows as thumbnail; clicking opens the lightbox.
+         */
+        "setImagePreview": (fieldName: string, url: string) => Promise<void>;
+        /**
+          * Inject search results. Pass dataClass to target a specific SEARCH item; omit when there is only one.
+         */
+        "setSearchResults": (results: RelationSearchResult[], dataClass?: string) => Promise<void>;
+        /**
+          * Inject data into an embedded mrd-table for a RELATED_VIEW or VIEW item. Pass totalElements on page 0 to initialise the table; omit on subsequent pages. Pass pageLinks (_links from the page response) on page 0 to enable action hrefs in mrdViewAction.
+         */
+        "setViewPage": (name: string, page: number, rows: any[], totalElements?: number, pageLinks?: Record<string, { href: string; }>) => Promise<void>;
+        /**
+          * View metadata map (ClientDashboardMetadata.views) for RELATED_VIEW and VIEW items.
+          * @default {}
+         */
+        "views": Record<string, ClientViewMetadata>;
+    }
     interface MrdListField {
         /**
           * @default false
@@ -314,6 +356,36 @@ export namespace Components {
          */
         "value": string | string[];
     }
+    interface MrdLongtextField {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default navigator.language
+         */
+        "locale": string;
+        /**
+          * @default ''
+         */
+        "name": string;
+        /**
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * @default false
+         */
+        "required": boolean;
+        /**
+          * @default ''
+         */
+        "value": string;
+    }
     interface MrdNumberField {
         /**
           * @default ClientLayoutItemFieldDataType.INTEGER
@@ -396,14 +468,14 @@ export namespace Components {
           * @default false
          */
         "required": boolean;
-        "setAllRecords": (records: RelationSearchResult[]) => Promise<void>;
+        "setAllRecords": (records: RelationSearchResult1[]) => Promise<void>;
         "setLoading": (loading: boolean) => Promise<void>;
-        "setSearchResults": (results: RelationSearchResult[]) => Promise<void>;
+        "setSearchResults": (results: RelationSearchResult1[]) => Promise<void>;
         /**
           * Plain href string/array for normal use; pass { id, label } objects to pre-fill a loaded record.
           * @default null
          */
-        "value": string | string[] | RelationSearchResult | RelationSearchResult[] | null;
+        "value": string | string[] | RelationSearchResult1 | RelationSearchResult1[] | null;
     }
     interface MrdTable {
         /**
@@ -599,10 +671,18 @@ export interface MrdImageFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMrdImageFieldElement;
 }
+export interface MrdLayoutSectionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMrdLayoutSectionElement;
+}
 export interface MrdListFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMrdListFieldElement;
 }
+export interface MrdLongtextFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMrdLongtextFieldElement;
+}
 export interface MrdNumberFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMrdNumberFieldElement;
@@ -816,6 +896,29 @@ declare global {
         prototype: HTMLMrdImageFieldElement;
         new (): HTMLMrdImageFieldElement;
     };
+    interface HTMLMrdLayoutSectionElementEventMap {
+        "mrdNavigate": { href?: string; label: string; navigate?: ClientLayoutItemNavigate };
+        "mrdSearch": { query: string; dataClass: string };
+        "mrdDownload": { href: string; fileName: string };
+        "mrdLoadView": { name: string; href?: string; viewConfig: ClientViewMetadata };
+        "mrdLoadViewPage": { name: string; page: number; sort: string };
+        "mrdLoadImage": { fieldName: string; href: string };
+        "mrdViewAction": { name: string; action: string; href?: string };
+    }
+    interface HTMLMrdLayoutSectionElement extends Components.MrdLayoutSection, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLMrdLayoutSectionElementEventMap>(type: K, listener: (this: HTMLMrdLayoutSectionElement, ev: MrdLayoutSectionCustomEvent<HTMLMrdLayoutSectionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLMrdLayoutSectionElementEventMap>(type: K, listener: (this: HTMLMrdLayoutSectionElement, ev: MrdLayoutSectionCustomEvent<HTMLMrdLayoutSectionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLMrdLayoutSectionElement: {
+        prototype: HTMLMrdLayoutSectionElement;
+        new (): HTMLMrdLayoutSectionElement;
+    };
     interface HTMLMrdListFieldElementEventMap {
         "mrdChange": { name: string; value: string | string[] };
         "mrdBlur": { name: string; value: string | string[] };
@@ -834,6 +937,24 @@ declare global {
         prototype: HTMLMrdListFieldElement;
         new (): HTMLMrdListFieldElement;
     };
+    interface HTMLMrdLongtextFieldElementEventMap {
+        "mrdChange": { name: string; value: string };
+        "mrdBlur": { name: string; value: string };
+    }
+    interface HTMLMrdLongtextFieldElement extends Components.MrdLongtextField, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLMrdLongtextFieldElementEventMap>(type: K, listener: (this: HTMLMrdLongtextFieldElement, ev: MrdLongtextFieldCustomEvent<HTMLMrdLongtextFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLMrdLongtextFieldElementEventMap>(type: K, listener: (this: HTMLMrdLongtextFieldElement, ev: MrdLongtextFieldCustomEvent<HTMLMrdLongtextFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLMrdLongtextFieldElement: {
+        prototype: HTMLMrdLongtextFieldElement;
+        new (): HTMLMrdLongtextFieldElement;
+    };
     interface HTMLMrdNumberFieldElementEventMap {
         "mrdChange": { name: string; value: number | null };
         "mrdBlur": { name: string; value: number | null };
@@ -960,7 +1081,9 @@ declare global {
         "mrd-form": HTMLMrdFormElement;
         "mrd-hyperlink-field": HTMLMrdHyperlinkFieldElement;
         "mrd-image-field": HTMLMrdImageFieldElement;
+        "mrd-layout-section": HTMLMrdLayoutSectionElement;
         "mrd-list-field": HTMLMrdListFieldElement;
+        "mrd-longtext-field": HTMLMrdLongtextFieldElement;
         "mrd-number-field": HTMLMrdNumberFieldElement;
         "mrd-relation-field": HTMLMrdRelationFieldElement;
         "mrd-table": HTMLMrdTableElement;
@@ -1270,6 +1393,51 @@ declare namespace LocalJSX {
          */
         "value"?: unknown;
     }
+    interface MrdLayoutSection {
+        /**
+          * Record data object; keys are field names, _links holds relation and related-view links.
+          * @default {}
+         */
+        "data"?: Record<string, unknown>;
+        /**
+          * Items from one layout entry in ClientDashboardMetadata.layouts[].
+          * @default []
+         */
+        "items"?: ClientLayoutItem1[];
+        /**
+          * Top-level _links from ClientDashboardMetadata; used to resolve hrefs for VIEW items.
+          * @default {}
+         */
+        "links"?: Record<string, { href: string }>;
+        /**
+          * @default navigator.language
+         */
+        "locale"?: string;
+        "onMrdDownload"?: (event: MrdLayoutSectionCustomEvent<{ href: string; fileName: string }>) => void;
+        /**
+          * Fired once on load for each IMAGE field that has an href; host resolves the URL and calls setImagePreview().
+         */
+        "onMrdLoadImage"?: (event: MrdLayoutSectionCustomEvent<{ fieldName: string; href: string }>) => void;
+        /**
+          * Fired once on load for each RELATED_VIEW and VIEW item; host fetches page 0 and calls setViewPage().
+         */
+        "onMrdLoadView"?: (event: MrdLayoutSectionCustomEvent<{ name: string; href?: string; viewConfig: ClientViewMetadata }>) => void;
+        /**
+          * Re-emitted from an embedded mrd-table's mrdLoadPage; host fetches the next page and calls setViewPage().
+         */
+        "onMrdLoadViewPage"?: (event: MrdLayoutSectionCustomEvent<{ name: string; page: number; sort: string }>) => void;
+        "onMrdNavigate"?: (event: MrdLayoutSectionCustomEvent<{ href?: string; label: string; navigate?: ClientLayoutItemNavigate }>) => void;
+        "onMrdSearch"?: (event: MrdLayoutSectionCustomEvent<{ query: string; dataClass: string }>) => void;
+        /**
+          * Re-emitted from an embedded mrd-table's mrdAction; includes the view name and resolved href.
+         */
+        "onMrdViewAction"?: (event: MrdLayoutSectionCustomEvent<{ name: string; action: string; href?: string }>) => void;
+        /**
+          * View metadata map (ClientDashboardMetadata.views) for RELATED_VIEW and VIEW items.
+          * @default {}
+         */
+        "views"?: Record<string, ClientViewMetadata>;
+    }
     interface MrdListField {
         /**
           * @default false
@@ -1307,6 +1475,38 @@ declare namespace LocalJSX {
          */
         "value"?: string | string[];
     }
+    interface MrdLongtextField {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default navigator.language
+         */
+        "locale"?: string;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        "onMrdBlur"?: (event: MrdLongtextFieldCustomEvent<{ name: string; value: string }>) => void;
+        "onMrdChange"?: (event: MrdLongtextFieldCustomEvent<{ name: string; value: string }>) => void;
+        /**
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * @default ''
+         */
+        "value"?: string;
+    }
     interface MrdNumberField {
         /**
           * @default ClientLayoutItemFieldDataType.INTEGER
@@ -1399,7 +1599,7 @@ declare namespace LocalJSX {
           * Plain href string/array for normal use; pass { id, label } objects to pre-fill a loaded record.
           * @default null
          */
-        "value"?: string | string[] | RelationSearchResult | RelationSearchResult[] | null;
+        "value"?: string | string[] | RelationSearchResult1 | RelationSearchResult1[] | null;
     }
     interface MrdTable {
         /**
@@ -1653,6 +1853,9 @@ declare namespace LocalJSX {
         "accept": string;
         "maxSize": number;
     }
+    interface MrdLayoutSectionAttributes {
+        "locale": string;
+    }
     interface MrdListFieldAttributes {
         "name": string;
         "label": string;
@@ -1662,6 +1865,15 @@ declare namespace LocalJSX {
         "multiple": boolean;
         "locale": string;
     }
+    interface MrdLongtextFieldAttributes {
+        "name": string;
+        "label": string;
+        "value": string;
+        "placeholder": string;
+        "required": boolean;
+        "disabled": boolean;
+        "locale": string;
+    }
     interface MrdNumberFieldAttributes {
         "name": string;
         "label": string;
@@ -1734,7 +1946,9 @@ declare namespace LocalJSX {
         "mrd-form": Omit<MrdForm, keyof MrdFormAttributes> & { [K in keyof MrdForm & keyof MrdFormAttributes]?: MrdForm[K] } & { [K in keyof MrdForm & keyof MrdFormAttributes as `attr:${K}`]?: MrdFormAttributes[K] } & { [K in keyof MrdForm & keyof MrdFormAttributes as `prop:${K}`]?: MrdForm[K] };
         "mrd-hyperlink-field": Omit<MrdHyperlinkField, keyof MrdHyperlinkFieldAttributes> & { [K in keyof MrdHyperlinkField & keyof MrdHyperlinkFieldAttributes]?: MrdHyperlinkField[K] } & { [K in keyof MrdHyperlinkField & keyof MrdHyperlinkFieldAttributes as `attr:${K}`]?: MrdHyperlinkFieldAttributes[K] } & { [K in keyof MrdHyperlinkField & keyof MrdHyperlinkFieldAttributes as `prop:${K}`]?: MrdHyperlinkField[K] };
         "mrd-image-field": Omit<MrdImageField, keyof MrdImageFieldAttributes> & { [K in keyof MrdImageField & keyof MrdImageFieldAttributes]?: MrdImageField[K] } & { [K in keyof MrdImageField & keyof MrdImageFieldAttributes as `attr:${K}`]?: MrdImageFieldAttributes[K] } & { [K in keyof MrdImageField & keyof MrdImageFieldAttributes as `prop:${K}`]?: MrdImageField[K] };
+        "mrd-layout-section": Omit<MrdLayoutSection, keyof MrdLayoutSectionAttributes> & { [K in keyof MrdLayoutSection & keyof MrdLayoutSectionAttributes]?: MrdLayoutSection[K] } & { [K in keyof MrdLayoutSection & keyof MrdLayoutSectionAttributes as `attr:${K}`]?: MrdLayoutSectionAttributes[K] } & { [K in keyof MrdLayoutSection & keyof MrdLayoutSectionAttributes as `prop:${K}`]?: MrdLayoutSection[K] };
         "mrd-list-field": Omit<MrdListField, keyof MrdListFieldAttributes> & { [K in keyof MrdListField & keyof MrdListFieldAttributes]?: MrdListField[K] } & { [K in keyof MrdListField & keyof MrdListFieldAttributes as `attr:${K}`]?: MrdListFieldAttributes[K] } & { [K in keyof MrdListField & keyof MrdListFieldAttributes as `prop:${K}`]?: MrdListField[K] };
+        "mrd-longtext-field": Omit<MrdLongtextField, keyof MrdLongtextFieldAttributes> & { [K in keyof MrdLongtextField & keyof MrdLongtextFieldAttributes]?: MrdLongtextField[K] } & { [K in keyof MrdLongtextField & keyof MrdLongtextFieldAttributes as `attr:${K}`]?: MrdLongtextFieldAttributes[K] } & { [K in keyof MrdLongtextField & keyof MrdLongtextFieldAttributes as `prop:${K}`]?: MrdLongtextField[K] };
         "mrd-number-field": Omit<MrdNumberField, keyof MrdNumberFieldAttributes> & { [K in keyof MrdNumberField & keyof MrdNumberFieldAttributes]?: MrdNumberField[K] } & { [K in keyof MrdNumberField & keyof MrdNumberFieldAttributes as `attr:${K}`]?: MrdNumberFieldAttributes[K] } & { [K in keyof MrdNumberField & keyof MrdNumberFieldAttributes as `prop:${K}`]?: MrdNumberField[K] };
         "mrd-relation-field": Omit<MrdRelationField, keyof MrdRelationFieldAttributes> & { [K in keyof MrdRelationField & keyof MrdRelationFieldAttributes]?: MrdRelationField[K] } & { [K in keyof MrdRelationField & keyof MrdRelationFieldAttributes as `attr:${K}`]?: MrdRelationFieldAttributes[K] } & { [K in keyof MrdRelationField & keyof MrdRelationFieldAttributes as `prop:${K}`]?: MrdRelationField[K] };
         "mrd-table": Omit<MrdTable, keyof MrdTableAttributes> & { [K in keyof MrdTable & keyof MrdTableAttributes]?: MrdTable[K] } & { [K in keyof MrdTable & keyof MrdTableAttributes as `attr:${K}`]?: MrdTableAttributes[K] } & { [K in keyof MrdTable & keyof MrdTableAttributes as `prop:${K}`]?: MrdTable[K] };
@@ -1757,7 +1971,9 @@ declare module "@stencil/core" {
             "mrd-form": LocalJSX.IntrinsicElements["mrd-form"] & JSXBase.HTMLAttributes<HTMLMrdFormElement>;
             "mrd-hyperlink-field": LocalJSX.IntrinsicElements["mrd-hyperlink-field"] & JSXBase.HTMLAttributes<HTMLMrdHyperlinkFieldElement>;
             "mrd-image-field": LocalJSX.IntrinsicElements["mrd-image-field"] & JSXBase.HTMLAttributes<HTMLMrdImageFieldElement>;
+            "mrd-layout-section": LocalJSX.IntrinsicElements["mrd-layout-section"] & JSXBase.HTMLAttributes<HTMLMrdLayoutSectionElement>;
             "mrd-list-field": LocalJSX.IntrinsicElements["mrd-list-field"] & JSXBase.HTMLAttributes<HTMLMrdListFieldElement>;
+            "mrd-longtext-field": LocalJSX.IntrinsicElements["mrd-longtext-field"] & JSXBase.HTMLAttributes<HTMLMrdLongtextFieldElement>;
             "mrd-number-field": LocalJSX.IntrinsicElements["mrd-number-field"] & JSXBase.HTMLAttributes<HTMLMrdNumberFieldElement>;
             "mrd-relation-field": LocalJSX.IntrinsicElements["mrd-relation-field"] & JSXBase.HTMLAttributes<HTMLMrdRelationFieldElement>;
             "mrd-table": LocalJSX.IntrinsicElements["mrd-table"] & JSXBase.HTMLAttributes<HTMLMrdTableElement>;

package/dist/types/types/client-layout.d.ts

@@ -33,7 +33,9 @@ export declare enum ClientLayoutItemFieldDataType {
     HYPERLINK = "HYPERLINK",
     LIST = "LIST",
     FILE = "FILE",
-    IMAGE = "IMAGE"
+    IMAGE = "IMAGE",
+    LONGTEXT = "LONGTEXT",
+    JSON = "JSON"
 }
 export declare enum ClientLayoutItemRelationDisplayType {
     SEARCH = "SEARCH",
@@ -45,6 +47,17 @@ export declare enum ClientLayoutItemRelationEditBehavior {
     DROPDOWN = "DROPDOWN",
     CHECKBOX = "CHECKBOX"
 }
+/** A single sub-link within a multi-value relation link. */
+export interface DataObjectSubLink {
+    href: string;
+    name: string;
+}
+/** Link object as returned by the API on a data object's `_links` map. */
+export interface DataObjectLink {
+    href: string;
+    name?: string;
+    values?: DataObjectSubLink[];
+}
 /** A selectable list item as returned by the API. */
 export interface ClientListValue {
     /** Raw key stored in the database (API uses `key`, older code used `value`). */
@@ -144,6 +157,14 @@ export interface ClientLayoutItem {
     relatedObject?: ClientLayoutItemRelatedObject;
     search?: ClientLayoutItemSearch;
     name?: string;
+    showTitle?: boolean;
+    alternativeViews?: Array<{
+        name: string;
+        label?: string;
+        class?: string;
+    }>;
+    /** Toolbar buttons for embedded views. null/omitted = ["NEW","EXPORT"]; [] = none. */
+    actions?: string[] | null;
 }
 export interface ClientLayout {
     type?: ClientLayoutType;

package/dist/types/utils/cell-renderer.d.ts

@@ -39,5 +39,13 @@ export interface ColumnFilter {
 }
 export declare class CellRenderer {
     static render(column: TableColumn, row: Record<string, any>, locale: string): string;
-    private static renderValue;
+    static renderValue(dataType: string, value: any, listItems: Array<{
+        key: string;
+        label: string;
+    }>, locale: string): string;
+    /**
+     * Returns syntax-highlighted JSON as an HTML string with inline styles.
+     * compact=true → single line (no indentation); compact=false → pretty-printed.
+     */
+    static formatJson(value: any, compact?: boolean): string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmlogic/components",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "Stencil.js web component library for dynamic forms and virtual-scroll data tables",
   "license": "MIT",
   "author": "Mosterd",