@mmlogic/components 0.1.24 → 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
@@ -426,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 {
         /**
@@ -629,6 +671,10 @@ 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;
@@ -850,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[] };
@@ -1012,6 +1081,7 @@ 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;
@@ -1323,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
@@ -1484,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 {
         /**
@@ -1738,6 +1853,9 @@ declare namespace LocalJSX {
         "accept": string;
         "maxSize": number;
     }
+    interface MrdLayoutSectionAttributes {
+        "locale": string;
+    }
     interface MrdListFieldAttributes {
         "name": string;
         "label": string;
@@ -1828,6 +1946,7 @@ 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] };
@@ -1852,6 +1971,7 @@ 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>;

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

@@ -47,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`). */
@@ -146,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.24",
+  "version": "0.1.25",
   "description": "Stencil.js web component library for dynamic forms and virtual-scroll data tables",
   "license": "MIT",
   "author": "Mosterd",

package/dist/cjs/format-DExY8_nu.js

@@ -1,328 +0,0 @@
-'use strict';
-
-const translations = {
-    nl: {
-        required: 'Dit veld is verplicht',
-        select_placeholder: 'Selecteer een optie',
-        search_placeholder: 'Zoeken...',
-        upload_file: 'Bestand uploaden',
-        choose_file: 'Bestand kiezen',
-        clear: 'Wissen',
-        today: 'Vandaag',
-        invalid_email: 'Voer een geldig e-mailadres in',
-        invalid_url: 'Voer een geldige URL in',
-        invalid_number: 'Voer een geldig getal in',
-        drop_file_here: 'Sleep bestand hierheen of',
-        browse: 'bladeren',
-        file_too_large: 'Bestand is te groot',
-        search_results: 'Zoekresultaten',
-        no_results: 'Geen resultaten gevonden',
-        loading: 'Laden...',
-        submit: 'Opslaan',
-        cancel: 'Annuleren',
-        remove: 'Verwijderen',
-        add: 'Toevoegen',
-        yes: 'Ja',
-        no: 'Nee',
-        // mrd-table footer
-        table_of: 'van',
-        download: 'Downloaden',
-        // mrd-table toolbar
-        table_filter: 'Filteren',
-        table_filter_hide: 'Filter verbergen',
-        table_filter_active: 'actief',
-        table_filter_clear_all: 'Alle filters wissen',
-        table_new_record: 'Nieuw record',
-        table_export_excel: 'Exporteer naar Excel',
-        // mrd-table filter popup
-        filter_sorting: 'Sortering',
-        filter_ascending: 'Oplopend',
-        filter_descending: 'Aflopend',
-        filter_section: 'Filter',
-        filter_apply: 'Toepassen',
-        filter_clear: 'Wissen',
-        filter_contains: 'Bevat',
-        filter_starts_with: 'Begint met',
-        filter_equals: 'Gelijk aan',
-        filter_has_value: 'Heeft waarde',
-        filter_is_empty: 'Is leeg',
-        filter_is_not_empty: 'Is niet leeg',
-        filter_exact: 'Exact',
-        filter_range: 'Bereik',
-        filter_from: 'Van',
-        filter_to: 'Tot',
-        filter_all: 'Alle',
-        filter_select_all: 'Alles',
-        filter_select_none: 'Geen',
-        filter_search_value: 'Zoekwaarde...',
-        filter_no_support: 'Geen filtering beschikbaar voor dit veldtype.',
-        // mrd-table textblock
-        textblock_show_more: 'Meer tonen',
-        close: 'Sluiten',
-    },
-    en: {
-        required: 'This field is required',
-        select_placeholder: 'Select an option',
-        search_placeholder: 'Search...',
-        upload_file: 'Upload file',
-        choose_file: 'Choose file',
-        clear: 'Clear',
-        today: 'Today',
-        invalid_email: 'Please enter a valid email address',
-        invalid_url: 'Please enter a valid URL',
-        invalid_number: 'Please enter a valid number',
-        drop_file_here: 'Drop file here or',
-        browse: 'browse',
-        file_too_large: 'File is too large',
-        search_results: 'Search results',
-        no_results: 'No results found',
-        loading: 'Loading...',
-        submit: 'Save',
-        cancel: 'Cancel',
-        remove: 'Remove',
-        add: 'Add',
-        yes: 'Yes',
-        no: 'No',
-        // mrd-table footer
-        table_of: 'of',
-        download: 'Download',
-        // mrd-table toolbar
-        table_filter: 'Filter',
-        table_filter_hide: 'Hide filter',
-        table_filter_active: 'active',
-        table_filter_clear_all: 'Clear all filters',
-        table_new_record: 'New record',
-        table_export_excel: 'Export to Excel',
-        // mrd-table filter popup
-        filter_sorting: 'Sorting',
-        filter_ascending: 'Ascending',
-        filter_descending: 'Descending',
-        filter_section: 'Filter',
-        filter_apply: 'Apply',
-        filter_clear: 'Clear',
-        filter_contains: 'Contains',
-        filter_starts_with: 'Starts with',
-        filter_equals: 'Equals',
-        filter_has_value: 'Has value',
-        filter_is_empty: 'Is empty',
-        filter_is_not_empty: 'Is not empty',
-        filter_exact: 'Exact',
-        filter_range: 'Range',
-        filter_from: 'From',
-        filter_to: 'To',
-        filter_all: 'All',
-        filter_select_all: 'All',
-        filter_select_none: 'None',
-        filter_search_value: 'Search value...',
-        filter_no_support: 'Filtering is not available for this field type.',
-        // mrd-table textblock
-        textblock_show_more: 'Show more',
-        close: 'Close',
-    },
-    ar: {
-        required: 'هذا الحقل مطلوب',
-        select_placeholder: 'اختر خياراً',
-        search_placeholder: 'بحث...',
-        upload_file: 'رفع ملف',
-        choose_file: 'اختر ملفاً',
-        clear: 'مسح',
-        today: 'اليوم',
-        invalid_email: 'يرجى إدخال عنوان بريد إلكتروني صحيح',
-        invalid_url: 'يرجى إدخال رابط صحيح',
-        invalid_number: 'يرجى إدخال رقم صحيح',
-        drop_file_here: 'اسحب الملف هنا أو',
-        browse: 'تصفح',
-        file_too_large: 'الملف كبير جداً',
-        search_results: 'نتائج البحث',
-        no_results: 'لم يتم العثور على نتائج',
-        loading: 'جار التحميل...',
-        submit: 'حفظ',
-        cancel: 'إلغاء',
-        remove: 'إزالة',
-        add: 'إضافة',
-        yes: 'نعم',
-        no: 'لا',
-        // mrd-table footer
-        table_of: 'من أصل',
-        download: 'تنزيل',
-        // mrd-table toolbar
-        table_filter: 'تصفية',
-        table_filter_hide: 'إخفاء التصفية',
-        table_filter_active: 'نشط',
-        table_filter_clear_all: 'مسح جميع الفلاتر',
-        table_new_record: 'سجل جديد',
-        table_export_excel: 'تصدير إلى Excel',
-        // mrd-table filter popup
-        filter_sorting: 'الترتيب',
-        filter_ascending: 'تصاعدي',
-        filter_descending: 'تنازلي',
-        filter_section: 'تصفية',
-        filter_apply: 'تطبيق',
-        filter_clear: 'مسح',
-        filter_contains: 'يحتوي على',
-        filter_starts_with: 'يبدأ بـ',
-        filter_equals: 'يساوي',
-        filter_has_value: 'له قيمة',
-        filter_is_empty: 'فارغ',
-        filter_is_not_empty: 'ليس فارغاً',
-        filter_exact: 'دقيق',
-        filter_range: 'نطاق',
-        filter_from: 'من',
-        filter_to: 'إلى',
-        filter_all: 'الكل',
-        filter_select_all: 'الكل',
-        filter_select_none: 'لا شيء',
-        filter_search_value: 'قيمة البحث...',
-        filter_no_support: 'التصفية غير متاحة لهذا النوع من الحقول.',
-        // mrd-table textblock
-        textblock_show_more: 'عرض المزيد',
-        close: 'إغلاق',
-    },
-    fr: {
-        required: 'Ce champ est obligatoire',
-        select_placeholder: 'Sélectionner une option',
-        search_placeholder: 'Rechercher...',
-        upload_file: 'Télécharger un fichier',
-        choose_file: 'Choisir un fichier',
-        clear: 'Effacer',
-        today: "Aujourd'hui",
-        invalid_email: 'Veuillez saisir une adresse e-mail valide',
-        invalid_url: 'Veuillez saisir une URL valide',
-        invalid_number: 'Veuillez saisir un nombre valide',
-        drop_file_here: 'Déposez le fichier ici ou',
-        browse: 'parcourir',
-        file_too_large: 'Le fichier est trop volumineux',
-        search_results: 'Résultats de recherche',
-        no_results: 'Aucun résultat trouvé',
-        loading: 'Chargement...',
-        submit: 'Enregistrer',
-        cancel: 'Annuler',
-        remove: 'Supprimer',
-        add: 'Ajouter',
-        yes: 'Oui',
-        no: 'Non',
-        // mrd-table footer
-        table_of: 'sur',
-        download: 'Télécharger',
-        // mrd-table toolbar
-        table_filter: 'Filtrer',
-        table_filter_hide: 'Masquer le filtre',
-        table_filter_active: 'actif',
-        table_filter_clear_all: 'Effacer tous les filtres',
-        table_new_record: 'Nouvel enregistrement',
-        table_export_excel: 'Exporter vers Excel',
-        // mrd-table filter popup
-        filter_sorting: 'Tri',
-        filter_ascending: 'Croissant',
-        filter_descending: 'Décroissant',
-        filter_section: 'Filtre',
-        filter_apply: 'Appliquer',
-        filter_clear: 'Effacer',
-        filter_contains: 'Contient',
-        filter_starts_with: 'Commence par',
-        filter_equals: 'Égal à',
-        filter_has_value: 'A une valeur',
-        filter_is_empty: 'Est vide',
-        filter_is_not_empty: "N'est pas vide",
-        filter_exact: 'Exact',
-        filter_range: 'Plage',
-        filter_from: 'De',
-        filter_to: 'À',
-        filter_all: 'Tous',
-        filter_select_all: 'Tous',
-        filter_select_none: 'Aucun',
-        filter_search_value: 'Valeur de recherche...',
-        filter_no_support: "Le filtrage n'est pas disponible pour ce type de champ.",
-        // mrd-table textblock
-        textblock_show_more: 'Voir plus',
-        close: 'Fermer',
-    },
-};
-function t(key, locale) {
-    var _a, _b, _c;
-    const lang = locale.split('-')[0].toLowerCase();
-    const dict = (_a = translations[lang]) !== null && _a !== void 0 ? _a : translations['en'];
-    return (_c = (_b = dict[key]) !== null && _b !== void 0 ? _b : translations['en'][key]) !== null && _c !== void 0 ? _c : key;
-}
-
-function formatNumber(value, locale, options) {
-    if (value === null || value === undefined || isNaN(value))
-        return '';
-    return new Intl.NumberFormat(locale, options).format(value);
-}
-function formatCurrency(amount, currency, locale) {
-    if (amount === null || amount === undefined || isNaN(amount))
-        return '';
-    return new Intl.NumberFormat(locale, {
-        style: 'currency',
-        currency,
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2,
-    }).format(amount);
-}
-function formatPercentage(value, locale, decimalPrecision = 2) {
-    if (value === null || value === undefined || isNaN(value))
-        return '';
-    return new Intl.NumberFormat(locale, {
-        style: 'percent',
-        minimumFractionDigits: decimalPrecision,
-        maximumFractionDigits: decimalPrecision,
-    }).format(value);
-}
-function formatDate(value, locale) {
-    if (!value)
-        return '';
-    const date = typeof value === 'string' ? new Date(value) : value;
-    if (isNaN(date.getTime()))
-        return '';
-    return new Intl.DateTimeFormat(locale, { year: 'numeric', month: '2-digit', day: '2-digit' }).format(date);
-}
-function formatDateTime(value, locale) {
-    if (!value)
-        return '';
-    const date = typeof value === 'string' ? new Date(value) : value;
-    if (isNaN(date.getTime()))
-        return '';
-    return new Intl.DateTimeFormat(locale, {
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit',
-        hour: '2-digit',
-        minute: '2-digit',
-    }).format(date);
-}
-function formatTime(value, locale) {
-    if (!value)
-        return '';
-    // value is HH:MM or HH:MM:SS
-    const [hours, minutes] = value.split(':').map(Number);
-    const date = new Date();
-    date.setHours(hours, minutes, 0, 0);
-    return new Intl.DateTimeFormat(locale, { hour: '2-digit', minute: '2-digit' }).format(date);
-}
-function parseLocalizedNumber(str, locale) {
-    var _a, _b, _c, _d;
-    if (!str || !str.trim())
-        return null;
-    // Detect decimal and thousands separators from the locale
-    const parts = new Intl.NumberFormat(locale).formatToParts(1234567.89);
-    const groupSep = (_b = (_a = parts.find((p) => p.type === 'group')) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ',';
-    const decimalSep = (_d = (_c = parts.find((p) => p.type === 'decimal')) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : '.';
-    // Remove group separators, replace decimal separator with '.'
-    const normalized = str
-        .replace(new RegExp(`\\${groupSep}`, 'g'), '')
-        .replace(new RegExp(`\\${decimalSep}`), '.')
-        .replace('%', '')
-        .trim();
-    const parsed = parseFloat(normalized);
-    return isNaN(parsed) ? null : parsed;
-}
-
-exports.formatCurrency = formatCurrency;
-exports.formatDate = formatDate;
-exports.formatDateTime = formatDateTime;
-exports.formatNumber = formatNumber;
-exports.formatPercentage = formatPercentage;
-exports.formatTime = formatTime;
-exports.parseLocalizedNumber = parseLocalizedNumber;
-exports.t = t;