@mmlogic/components 0.3.2 → 0.3.4

package/dist/collection/components/mrd-table/mrd-table.js

@@ -21,6 +21,7 @@ export class MrdTable {
         this.debounceTimer = null;
         this.outsideClickHandler = null;
         this.keydownHandler = null;
+        this.createPickerClickHandler = null;
         // ── Props ──────────────────────────────────────────────────────────────────
         /** The VIEW or RELATED_VIEW layout item. Contains view config, dataClass, fromClass, actions etc. */
         this.item = null;
@@ -57,6 +58,8 @@ export class MrdTable {
         this.pendingFilter = null;
         /** Viewport-relative position for the filter popup. */
         this.popupPos = { top: 0, left: 0 };
+        /** Whether the create-type picker dropdown is open. */
+        this.createPickerOpen = false;
         /** Current scroll offset of the scroll container — drives pagination footer. */
         this.scrollTop = 0;
         /** Full text shown in the TEXTBLOCK expand modal (null = closed). */
@@ -193,6 +196,10 @@ export class MrdTable {
             document.removeEventListener('click', this.outsideClickHandler);
             this.outsideClickHandler = null;
         }
+        if (this.createPickerClickHandler) {
+            document.removeEventListener('click', this.createPickerClickHandler);
+            this.createPickerClickHandler = null;
+        }
         if (this.keydownHandler) {
             document.removeEventListener('keydown', this.keydownHandler);
             this.keydownHandler = null;
@@ -248,7 +255,7 @@ export class MrdTable {
         }
         return `/excel/${(_d = v.dataClass) !== null && _d !== void 0 ? _d : ''}`;
     }
-    buildActionDetail(action) {
+    buildActionDetail(action, basicType) {
         var _a, _b, _c;
         if (action === 'export') {
             return { action, path: this.buildExcelPath(), qs: this.buildQueryParams(0) };
@@ -258,7 +265,7 @@ export class MrdTable {
             const parentPath = ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === 'RELATED_VIEW'
                 ? `/${(_b = v === null || v === void 0 ? void 0 : v.fromClass) !== null && _b !== void 0 ? _b : ''}/${this.parentId}`
                 : null;
-            return { action, dataClass: (_c = v === null || v === void 0 ? void 0 : v.dataClass) !== null && _c !== void 0 ? _c : '', parentPath };
+            return Object.assign({ action, dataClass: (_c = v === null || v === void 0 ? void 0 : v.dataClass) !== null && _c !== void 0 ? _c : '', parentPath }, (basicType ? { basicType } : {}));
         }
         return { action };
     }
@@ -356,6 +363,29 @@ export class MrdTable {
             return acc;
         }, []);
     }
+    toggleCreatePicker() {
+        if (this.createPickerOpen) {
+            this.closeCreatePicker();
+        }
+        else {
+            this.createPickerOpen = true;
+            if (this.createPickerClickHandler)
+                document.removeEventListener('click', this.createPickerClickHandler);
+            this.createPickerClickHandler = (ev) => {
+                const wrap = this.el.querySelector('.mrd-table__create-picker-wrap');
+                if (wrap && !wrap.contains(ev.target))
+                    this.closeCreatePicker();
+            };
+            document.addEventListener('click', this.createPickerClickHandler);
+        }
+    }
+    closeCreatePicker() {
+        this.createPickerOpen = false;
+        if (this.createPickerClickHandler) {
+            document.removeEventListener('click', this.createPickerClickHandler);
+            this.createPickerClickHandler = null;
+        }
+    }
     colName(col) {
         var _a;
         return (_a = col.name) !== null && _a !== void 0 ? _a : '';
@@ -779,8 +809,17 @@ export class MrdTable {
                 if (!isNaN(idx) && idx !== this.activeViewIdx)
                     this.handleViewSwitch(idx);
             } }, allViews.map((v, i) => (h("option", { value: String(i), selected: i === this.activeViewIdx }, v.label)))))), hasActions && (h("div", { class: "mrd-table__toolbar-right" }, actions.map(a => {
-            var _a;
-            return (h("button", { class: `mrd-table__action mrd-table__action--${(_a = a.variant) !== null && _a !== void 0 ? _a : 'secondary'}`, disabled: a.disabled, onClick: () => this.mrdAction.emit(this.buildActionDetail(a.action)) }, a.icon
+            var _a, _b, _c;
+            const createTypes = a.action === 'create' ? (_a = this.item) === null || _a === void 0 ? void 0 : _a.createTypes : null;
+            if (createTypes === null || createTypes === void 0 ? void 0 : createTypes.length) {
+                return (h("div", { class: "mrd-table__create-picker-wrap", key: `action-${a.action}` }, h("button", { class: `mrd-table__action mrd-table__action--${(_b = a.variant) !== null && _b !== void 0 ? _b : 'secondary'}`, onClick: () => this.toggleCreatePicker() }, a.icon
+                    ? h("svg", { class: "mrd-table__action-icon", "aria-hidden": "true" }, h("use", { href: a.icon }))
+                    : a.label, h("span", { class: "mrd-table__action-tooltip" }, a.label)), this.createPickerOpen && (h("div", { class: "mrd-table__create-picker" }, createTypes.map(ct => (h("button", { key: ct.type, class: "mrd-table__create-picker-item", onClick: () => {
+                        this.mrdAction.emit(this.buildActionDetail('create', ct.type));
+                        this.closeCreatePicker();
+                    } }, ct.label)))))));
+            }
+            return (h("button", { key: `action-${a.action}`, class: `mrd-table__action mrd-table__action--${(_c = a.variant) !== null && _c !== void 0 ? _c : 'secondary'}`, disabled: a.disabled, onClick: () => this.mrdAction.emit(this.buildActionDetail(a.action)) }, a.icon
                 ? h("svg", { class: "mrd-table__action-icon", "aria-hidden": "true" }, h("use", { href: a.icon }))
                 : a.label, h("span", { class: "mrd-table__action-tooltip" }, a.label)));
         })))));
@@ -1222,6 +1261,7 @@ export class MrdTable {
             "openFilterCol": {},
             "pendingFilter": {},
             "popupPos": {},
+            "createPickerOpen": {},
             "scrollTop": {},
             "textblockModal": {},
             "jsonModal": {},
@@ -1277,8 +1317,8 @@ export class MrdTable {
                     "text": "Fired when a toolbar action button is clicked.\nFor 'export': includes `path` (relative excel path) and `qs` (current sort+filter params).\nFor 'create': includes `dataClass` (target type) and `parentPath` (e.g. /buyers/123 for RELATED_VIEW)."
                 },
                 "complexType": {
-                    "original": "{ action: string; path?: string; qs?: string; dataClass?: string; parentPath?: string | null }",
-                    "resolved": "{ action: string; path?: string | undefined; qs?: string | undefined; dataClass?: string | undefined; parentPath?: string | null | undefined; }",
+                    "original": "{ action: string; path?: string; qs?: string; dataClass?: string; parentPath?: string | null; basicType?: string }",
+                    "resolved": "{ action: string; path?: string | undefined; qs?: string | undefined; dataClass?: string | undefined; parentPath?: string | null | undefined; basicType?: string | undefined; }",
                     "references": {}
                 }
             }, {

package/dist/collection/components/mrd-table/mrd-table.scss

@@ -273,6 +273,42 @@
   display: block;
 }
 
+/* ── Create-type picker ──────────────────────────────────────────────────── */
+.mrd-table__create-picker-wrap {
+  position: relative;
+}
+
+.mrd-table__create-picker {
+  position: absolute;
+  right: 0;
+  top: calc(100% + 4px);
+  background: var(--mrd-color-white, #fff);
+  border: 1px solid var(--mrd-border-color);
+  border-radius: var(--mrd-border-radius);
+  box-shadow: var(--mrd-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));
+  z-index: 10;
+  min-width: 10rem;
+  padding: var(--mrd-space-1) 0;
+}
+
+.mrd-table__create-picker-item {
+  display: block;
+  width: 100%;
+  text-align: left;
+  padding: var(--mrd-space-2) var(--mrd-space-3);
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: var(--mrd-font-size-sm);
+  font-family: var(--mrd-font-family);
+  color: var(--mrd-color-neutral-800);
+}
+
+.mrd-table__create-picker-item:hover {
+  background: var(--mrd-color-neutral-50);
+  color: var(--mrd-color-neutral-900);
+}
+
 /* ── Filter toggle active state ────────────────────────────────────────── */
 .mrd-table__filter-toggle--active {
   background: var(--mrd-color-primary);

package/dist/collection/components/mrd-text-field/mrd-text-field.js

@@ -28,7 +28,7 @@ export class MrdTextField {
     }
     render() {
         const hasError = !!this.error;
-        return (h(Host, { key: 'b1ea3dce848a4ad41b60599804c69a35ccd35570' }, h("div", { key: '2e327824843fe02c5851beae96d52f9eb9ee67ce', class: "mrd-text-field" }, this.label && (h("label", { key: '99026834b30a53d7cf715c59099895211ff6ddb7', class: `mrd-text-field__label${this.required ? ' mrd-text-field__label--required' : ''}` }, this.label)), h("input", { key: '0e56c9115b2016ad3cb3ce8e734297354c70c7e2', class: `mrd-text-field__input${hasError ? ' mrd-text-field__input--error' : ''}`, type: "text", name: this.name, value: this.value, placeholder: this.placeholder, required: this.required, disabled: this.disabled, onInput: this.handleInput, onBlur: this.handleBlur }), hasError && h("span", { key: '0430c32b083484747962147e167b11ed7a1597cc', class: "mrd-text-field__error" }, this.error))));
+        return (h(Host, { key: 'fd4e1f389cb452ab80a1e1c7295d884ca935999e' }, h("div", { key: '7b7bde7a18fcd9b8d5779daab88ddabb45dd8692', class: "mrd-text-field" }, this.label && (h("label", { key: '8e2ad4053473cfad4eae4c4634b863ac5ef32fea', class: `mrd-text-field__label${this.required ? ' mrd-text-field__label--required' : ''}` }, this.label)), h("input", { key: 'd32712a6dc2aee4691bc4a580d5ca2ad81e0ff9f', class: `mrd-text-field__input${hasError ? ' mrd-text-field__input--error' : ''}`, type: "text", name: this.name, value: this.value, placeholder: this.placeholder, required: this.required, disabled: this.disabled, onInput: this.handleInput, onBlur: this.handleBlur }), hasError && h("span", { key: '31585dbf82020c81834e1eeada5cd9907a5ead56', class: "mrd-text-field__error" }, this.error))));
     }
     static get is() { return "mrd-text-field"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/mrd-textarea-field/mrd-textarea-field.js

@@ -66,7 +66,7 @@ export class MrdTextareaField {
         }
     }
     render() {
-        return (h(Host, { key: '7bc05fae8d48c43b56bde892537930552605727a' }, h("div", { key: '3416e9c5fdf6362602715de8427c5d2ccfa52925', class: "mrd-textarea-field" }, this.label && (h("label", { key: 'c6bd35076738b1a700b53092fb0754250c73e085', class: `mrd-textarea-field__label${this.required ? ' mrd-textarea-field__label--required' : ''}` }, this.label)), h("div", { key: 'ed0483a25a62399d1ac8ee14bc59e3eb44b91814', class: `mrd-textarea-field__container${this.error ? ' mrd-textarea-field__container--error' : ''}` }, h("div", { key: 'd17c6997602b81e8b7f66f1e5cfb12b4836cb892', class: "mrd-textarea-field__editor" })), this.error && h("span", { key: '30a068872e73ca78781c9a5e1fac2c9e3ce30765', class: "mrd-textarea-field__error" }, this.error))));
+        return (h(Host, { key: 'e1fd819c598f01e3986946357ec18d608f2c7adc' }, h("div", { key: '20c28e54e61429655b2d4f297bd84e183ad7e971', class: "mrd-textarea-field" }, this.label && (h("label", { key: 'fa46a20badc35c931563600f24a32e0a8c8c07ad', class: `mrd-textarea-field__label${this.required ? ' mrd-textarea-field__label--required' : ''}` }, this.label)), h("div", { key: 'ee928eca0a1b85401b346b7fae8adbe9214a7664', class: `mrd-textarea-field__container${this.error ? ' mrd-textarea-field__container--error' : ''}` }, h("div", { key: '89b00f3c526623c47f0aff7ad862f70dfdc2fe15', class: "mrd-textarea-field__editor" })), this.error && h("span", { key: '458cf8fddee36ddbc384ce4d25765e5aacd3c9d5', class: "mrd-textarea-field__error" }, this.error))));
     }
     static get is() { return "mrd-textarea-field"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/mrd-time-field/mrd-time-field.js

@@ -27,7 +27,7 @@ export class MrdTimeField {
     }
     render() {
         const hasError = !!this.error;
-        return (h(Host, { key: '6a6828d9c5224ddfcc5d17124523037512f4970c' }, h("div", { key: '468d5295170cefc93b1e2d49b7189c8366d306b7', class: "mrd-time-field" }, this.label && (h("label", { key: '52ea233ea0a7e8563145c326c4ef9d27557b6dc8', class: `mrd-time-field__label${this.required ? ' mrd-time-field__label--required' : ''}` }, this.label)), h("input", { key: 'e9f0f75517638bf4e4ead95bf69530b5c395f8bc', class: `mrd-time-field__input${hasError ? ' mrd-time-field__input--error' : ''}`, type: "time", name: this.name, value: this.value, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), hasError && h("span", { key: '4f734c3373444df4f686a7ae6bde84a2ee39d9f4', class: "mrd-time-field__error" }, this.error))));
+        return (h(Host, { key: 'c507996709437d8982f9175b286e25598997002d' }, h("div", { key: 'd5f1b7f14d26cae8298cd40491898b39044158f8', class: "mrd-time-field" }, this.label && (h("label", { key: '10976e18df09240e00b045314c4ddd3845d4bfdc', class: `mrd-time-field__label${this.required ? ' mrd-time-field__label--required' : ''}` }, this.label)), h("input", { key: 'bc557333f107a371a7005f9b56dd0395190e63d7', class: `mrd-time-field__input${hasError ? ' mrd-time-field__input--error' : ''}`, type: "time", name: this.name, value: this.value, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), hasError && h("span", { key: 'b5a09c2aa063fa9e2fc3aba411e86b57d879c408', class: "mrd-time-field__error" }, this.error))));
     }
     static get is() { return "mrd-time-field"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/dev/api.js

@@ -29,7 +29,7 @@ async function apiFetchTenants(token) {
 }
 
 async function apiFetchTypes(token, tenantCode) {
-  const { ok, status, body } = await apiRequest('GET', `/metadata/${tenantCode}/types?type=BASIC`, token);
+  const { ok, status, body } = await apiRequest('GET', `/metadata/${tenantCode}/types`, token);
   if (!ok) throw new Error(`${status}: ${typeof body === 'string' ? body : JSON.stringify(body)}`);
   return body; // array of { name, pluralName, type, ... }
 }

package/dist/collection/dev/app.js

@@ -344,7 +344,7 @@ function renderSectionTabs(layouts) {
   });
 }
 
-function renderSection(index) {
+async function renderSection(index) {
   _activeLayoutIndex = index;
   const generation = ++_sectionGeneration; // snapshot for stale-fetch detection
 
@@ -357,6 +357,11 @@ function renderSection(index) {
   const container = document.getElementById('sections-container');
   container.innerHTML = '';
 
+  if (_dashboardType === 'form') {
+    await renderForm(layout, _dashboardRecord, _dashboardRecord?._links?.self?.href ?? null, container);
+    return;
+  }
+
   const section = document.createElement('mrd-layout-section');
   section.items  = layout.items;
   section.data   = _dashboardRecord ?? { _links: _dashboardData._links ?? {} };
@@ -581,7 +586,7 @@ async function loadForm() {
  * @param record   - existing record for edit mode (null = new record)
  * @param selfHref - absolute URL for PATCH; null = POST (new record)
  */
-async function renderForm(layout, record = null, selfHref = null) {
+async function renderForm(layout, record = null, selfHref = null, containerEl = null) {
   // Build relation metadata map keyed by both relatedClass and mostSignificantClass
   // so lookups work regardless of which value arrives in events (mrdSearch uses mostSignificantClass).
   _relationMeta = {};
@@ -623,10 +628,10 @@ async function renderForm(layout, record = null, selfHref = null) {
     }
   }
 
-  const formPanel = document.getElementById('panel-form');
+  const formPanel = containerEl ?? document.getElementById('panel-form');
   formPanel.innerHTML = `<mrd-form id="live-form" locale="${escHtml(_locale)}"></mrd-form>`;
 
-  const form = document.getElementById('live-form');
+  const form = formPanel.querySelector('#live-form') ?? document.getElementById('live-form');
   // Wait for Stencil to fully initialize this specific instance before setting props.
   // componentOnReady() resolves after componentDidLoad — more reliable than customElements.whenDefined.
   if (typeof form.componentOnReady === 'function') {

package/dist/collection/dev/example-data.js

@@ -60,7 +60,8 @@ window.EXAMPLE_LAYOUT = {
       label: "Settings",
       items: [
         { type: "FIELD", name: "isPublic",   label: "Public project", dataType: "BOOLEAN", required: false },
-        { type: "FIELD", name: "isArchived", label: "Archived",       dataType: "BOOLEAN", required: false }
+        { type: "FIELD", name: "isArchived", label: "Archived",       dataType: "BOOLEAN", required: false },
+        { type: "FIELD", name: "apiToken",   label: "API Token",      dataType: "SECRET",  required: false, placeholder: "Paste token here" }
       ]
     },
     {
@@ -232,7 +233,14 @@ window.EXAMPLE_COMPANY_METADATA = {
       label: 'Share classes',
       tabPage: true,
       items: [
-        { type: 'RELATED_VIEW', label: 'Share classes', name: 'view1', relatedClass: 'shareClasses', showTitle: false },
+        {
+          type: 'RELATED_VIEW', label: 'Share classes', name: 'view1', relatedClass: 'shareClasses', showTitle: false,
+          actions: ['NEW', 'EXPORT'],
+          createTypes: [
+            { type: 'ordinaryShares', label: 'Ordinary shares' },
+            { type: 'preferenceShares', label: 'Preference shares' },
+          ],
+        },
       ],
     },
   ],
@@ -363,6 +371,7 @@ window.EXAMPLE_FIELD_TYPES_ITEMS = [
   { type: 'FIELD', label: 'Textblock', name: 'fTextblock', dataType: 'TEXTBLOCK', required: false },
   { type: 'FIELD', label: 'Longtext', name: 'fLongtext', dataType: 'LONGTEXT', required: false },
   { type: 'FIELD', label: 'JSON', name: 'fJson', dataType: 'JSON', required: false },
+  { type: 'FIELD', label: 'Secret', name: 'fSecret', dataType: 'SECRET', required: false },
 ];
 
 window.EXAMPLE_FIELD_TYPES_DATA = {
@@ -387,6 +396,7 @@ window.EXAMPLE_FIELD_TYPES_DATA = {
   fTextblock:  '<p>Dit is een <strong>opgemaakte</strong> tekst met <em>html</em>-inhoud. Geschikt voor langere beschrijvingen met opmaak.</p>',
   fLongtext:   'Dit is een langere stuk platte tekst zonder opmaak.\nHet kan meerdere regels bevatten en wordt getoond in een pre-blok zodat witruimte bewaard blijft.',
   fJson:       { id: 1, status: 'active', tags: ['alpha', 'beta'], meta: { created: '2024-01-01', valid: true } },
+  fSecret:     'sk-live-abc123xyz',
   _links: {
     fRelation: { href: '/data/demo/entities/person-1', name: 'A. Jansen' },
   },

package/dist/collection/types/client-layout.js

@@ -47,6 +47,7 @@ export var ClientLayoutItemFieldDataType;
     ClientLayoutItemFieldDataType["IMAGE"] = "IMAGE";
     ClientLayoutItemFieldDataType["LONGTEXT"] = "LONGTEXT";
     ClientLayoutItemFieldDataType["JSON"] = "JSON";
+    ClientLayoutItemFieldDataType["SECRET"] = "SECRET";
 })(ClientLayoutItemFieldDataType || (ClientLayoutItemFieldDataType = {}));
 // ─── Relation display / edit behaviour ───────────────────────────────────────
 export var ClientLayoutItemRelationDisplayType;

package/dist/collection/utils/cell-renderer.js

@@ -70,6 +70,8 @@ export class CellRenderer {
                 const str = typeof value === 'object' ? JSON.stringify(value) : String(value);
                 return str.replace(/[\r\n]+/g, ' ').trim();
             }
+            case 'SECRET':
+                return value ? '••••••••' : '';
             default:
                 return String(value);
         }

package/dist/collection/utils/i18n.js

@@ -57,6 +57,10 @@ const translations = {
         // mrd-table textblock
         textblock_show_more: 'Meer tonen',
         close: 'Sluiten',
+        // history badge
+        history_until: 'tot',
+        history_badge_tooltip: 'Vorige waarden',
+        hyperlink_name: 'Linktekst (optioneel)',
     },
     en: {
         required: 'This field is required',
@@ -116,6 +120,10 @@ const translations = {
         // mrd-table textblock
         textblock_show_more: 'Show more',
         close: 'Close',
+        // history badge
+        history_until: 'until',
+        history_badge_tooltip: 'Previous values',
+        hyperlink_name: 'Link text (optional)',
     },
     ar: {
         required: 'هذا الحقل مطلوب',
@@ -175,6 +183,10 @@ const translations = {
         // mrd-table textblock
         textblock_show_more: 'عرض المزيد',
         close: 'إغلاق',
+        // history badge
+        history_until: 'حتى',
+        history_badge_tooltip: 'القيم السابقة',
+        hyperlink_name: 'نص الرابط (اختياري)',
     },
     fr: {
         required: 'Ce champ est obligatoire',
@@ -234,11 +246,267 @@ const translations = {
         // mrd-table textblock
         textblock_show_more: 'Voir plus',
         close: 'Fermer',
+        // history badge
+        history_until: "jusqu'au",
+        history_badge_tooltip: 'Valeurs précédentes',
+        hyperlink_name: 'Texte du lien (optionnel)',
+    },
+    de: {
+        required: 'Dieses Feld ist erforderlich',
+        select_placeholder: 'Option auswählen',
+        search_placeholder: 'Suchen...',
+        upload_file: 'Datei hochladen',
+        choose_file: 'Datei auswählen',
+        clear: 'Löschen',
+        today: 'Heute',
+        invalid_email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein',
+        invalid_url: 'Bitte geben Sie eine gültige URL ein',
+        invalid_number: 'Bitte geben Sie eine gültige Zahl ein',
+        drop_file_here: 'Datei hier ablegen oder',
+        browse: 'durchsuchen',
+        file_too_large: 'Datei ist zu groß',
+        search_results: 'Suchergebnisse',
+        no_results: 'Keine Ergebnisse gefunden',
+        loading: 'Laden...',
+        submit: 'Speichern',
+        cancel: 'Abbrechen',
+        remove: 'Entfernen',
+        add: 'Hinzufügen',
+        yes: 'Ja',
+        no: 'Nein',
+        // mrd-table footer
+        table_of: 'von',
+        download: 'Herunterladen',
+        // mrd-table toolbar
+        table_filter: 'Filtern',
+        table_filter_hide: 'Filter ausblenden',
+        table_filter_active: 'aktiv',
+        table_filter_clear_all: 'Alle Filter löschen',
+        table_new_record: 'Neuer Eintrag',
+        table_export_excel: 'Als Excel exportieren',
+        // mrd-table filter popup
+        filter_sorting: 'Sortierung',
+        filter_ascending: 'Aufsteigend',
+        filter_descending: 'Absteigend',
+        filter_section: 'Filter',
+        filter_apply: 'Anwenden',
+        filter_clear: 'Löschen',
+        filter_contains: 'Enthält',
+        filter_starts_with: 'Beginnt mit',
+        filter_equals: 'Gleich',
+        filter_has_value: 'Hat Wert',
+        filter_is_empty: 'Ist leer',
+        filter_is_not_empty: 'Ist nicht leer',
+        filter_exact: 'Genau',
+        filter_range: 'Bereich',
+        filter_from: 'Von',
+        filter_to: 'Bis',
+        filter_all: 'Alle',
+        filter_select_all: 'Alle',
+        filter_select_none: 'Keine',
+        filter_search_value: 'Suchwert...',
+        filter_no_support: 'Filterung ist für diesen Feldtyp nicht verfügbar.',
+        // mrd-table textblock
+        textblock_show_more: 'Mehr anzeigen',
+        close: 'Schließen',
+        // history badge
+        history_until: 'bis',
+        history_badge_tooltip: 'Vorherige Werte',
+        hyperlink_name: 'Linktext (optional)',
+    },
+    es: {
+        required: 'Este campo es obligatorio',
+        select_placeholder: 'Seleccionar una opción',
+        search_placeholder: 'Buscar...',
+        upload_file: 'Subir archivo',
+        choose_file: 'Elegir archivo',
+        clear: 'Borrar',
+        today: 'Hoy',
+        invalid_email: 'Por favor, introduzca una dirección de correo electrónico válida',
+        invalid_url: 'Por favor, introduzca una URL válida',
+        invalid_number: 'Por favor, introduzca un número válido',
+        drop_file_here: 'Suelte el archivo aquí o',
+        browse: 'explorar',
+        file_too_large: 'El archivo es demasiado grande',
+        search_results: 'Resultados de búsqueda',
+        no_results: 'No se encontraron resultados',
+        loading: 'Cargando...',
+        submit: 'Guardar',
+        cancel: 'Cancelar',
+        remove: 'Eliminar',
+        add: 'Añadir',
+        yes: 'Sí',
+        no: 'No',
+        // mrd-table footer
+        table_of: 'de',
+        download: 'Descargar',
+        // mrd-table toolbar
+        table_filter: 'Filtrar',
+        table_filter_hide: 'Ocultar filtro',
+        table_filter_active: 'activo',
+        table_filter_clear_all: 'Borrar todos los filtros',
+        table_new_record: 'Nuevo registro',
+        table_export_excel: 'Exportar a Excel',
+        // mrd-table filter popup
+        filter_sorting: 'Ordenación',
+        filter_ascending: 'Ascendente',
+        filter_descending: 'Descendente',
+        filter_section: 'Filtro',
+        filter_apply: 'Aplicar',
+        filter_clear: 'Borrar',
+        filter_contains: 'Contiene',
+        filter_starts_with: 'Empieza por',
+        filter_equals: 'Igual a',
+        filter_has_value: 'Tiene valor',
+        filter_is_empty: 'Está vacío',
+        filter_is_not_empty: 'No está vacío',
+        filter_exact: 'Exacto',
+        filter_range: 'Rango',
+        filter_from: 'Desde',
+        filter_to: 'Hasta',
+        filter_all: 'Todos',
+        filter_select_all: 'Todos',
+        filter_select_none: 'Ninguno',
+        filter_search_value: 'Valor de búsqueda...',
+        filter_no_support: 'El filtrado no está disponible para este tipo de campo.',
+        // mrd-table textblock
+        textblock_show_more: 'Mostrar más',
+        close: 'Cerrar',
+        // history badge
+        history_until: 'hasta',
+        history_badge_tooltip: 'Valores anteriores',
+        hyperlink_name: 'Texto del enlace (opcional)',
+    },
+    it: {
+        required: 'Questo campo è obbligatorio',
+        select_placeholder: "Seleziona un'opzione",
+        search_placeholder: 'Cerca...',
+        upload_file: 'Carica file',
+        choose_file: 'Scegli file',
+        clear: 'Cancella',
+        today: 'Oggi',
+        invalid_email: 'Inserisci un indirizzo email valido',
+        invalid_url: 'Inserisci un URL valido',
+        invalid_number: 'Inserisci un numero valido',
+        drop_file_here: 'Trascina il file qui o',
+        browse: 'sfoglia',
+        file_too_large: 'Il file è troppo grande',
+        search_results: 'Risultati della ricerca',
+        no_results: 'Nessun risultato trovato',
+        loading: 'Caricamento...',
+        submit: 'Salva',
+        cancel: 'Annulla',
+        remove: 'Rimuovi',
+        add: 'Aggiungi',
+        yes: 'Sì',
+        no: 'No',
+        // mrd-table footer
+        table_of: 'di',
+        download: 'Scarica',
+        // mrd-table toolbar
+        table_filter: 'Filtra',
+        table_filter_hide: 'Nascondi filtro',
+        table_filter_active: 'attivo',
+        table_filter_clear_all: 'Cancella tutti i filtri',
+        table_new_record: 'Nuovo record',
+        table_export_excel: 'Esporta in Excel',
+        // mrd-table filter popup
+        filter_sorting: 'Ordinamento',
+        filter_ascending: 'Crescente',
+        filter_descending: 'Decrescente',
+        filter_section: 'Filtro',
+        filter_apply: 'Applica',
+        filter_clear: 'Cancella',
+        filter_contains: 'Contiene',
+        filter_starts_with: 'Inizia con',
+        filter_equals: 'Uguale a',
+        filter_has_value: 'Ha valore',
+        filter_is_empty: 'È vuoto',
+        filter_is_not_empty: 'Non è vuoto',
+        filter_exact: 'Esatto',
+        filter_range: 'Intervallo',
+        filter_from: 'Da',
+        filter_to: 'A',
+        filter_all: 'Tutti',
+        filter_select_all: 'Tutti',
+        filter_select_none: 'Nessuno',
+        filter_search_value: 'Valore di ricerca...',
+        filter_no_support: 'Il filtro non è disponibile per questo tipo di campo.',
+        // mrd-table textblock
+        textblock_show_more: 'Mostra altro',
+        close: 'Chiudi',
+        // history badge
+        history_until: 'fino a',
+        history_badge_tooltip: 'Valori precedenti',
+        hyperlink_name: 'Testo del collegamento (opzionale)',
+    },
+    uk: {
+        required: "Це поле обов'язкове",
+        select_placeholder: 'Виберіть варіант',
+        search_placeholder: 'Пошук...',
+        upload_file: 'Завантажити файл',
+        choose_file: 'Вибрати файл',
+        clear: 'Очистити',
+        today: 'Сьогодні',
+        invalid_email: 'Будь ласка, введіть дійсну адресу електронної пошти',
+        invalid_url: 'Будь ласка, введіть дійсну 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: 'Закрити',
+        // history badge
+        history_until: 'до',
+        history_badge_tooltip: 'Попередні значення',
+        hyperlink_name: "Текст посилання (необов'язково)",
     },
 };
 export function t(key, locale) {
     var _a, _b, _c;
-    const lang = locale.split('-')[0].toLowerCase();
+    const lang = (locale !== null && locale !== void 0 ? locale : 'en').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;
 }

package/dist/collection/utils/validation.js

@@ -7,6 +7,10 @@ export function validateRequired(value) {
     if (Array.isArray(value))
         return value.length > 0;
     if (typeof value === 'object') {
+        // HyperlinkValue check
+        const hv = value;
+        if ('href' in hv)
+            return typeof hv.href === 'string' && hv.href.trim().length > 0;
         // CurrencyValue check
         const cv = value;
         if ('amount' in cv)
@@ -23,8 +27,8 @@ export function validateUrl(value) {
     if (!value)
         return true;
     try {
-        new URL(value);
-        return true;
+        const url = new URL(value);
+        return url.protocol === 'http:' || url.protocol === 'https:';
     }
     catch (_a) {
         return false;

package/dist/components/client-layout.js

@@ -1 +1 @@
-var E,A,T,O,R;!function(E){E.OBJECT_FORM_DASHBOARD="OBJECT_FORM_DASHBOARD",E.CLASS_DASHBOARD="CLASS_DASHBOARD",E.GENERAL_DASHBOARD="GENERAL_DASHBOARD",E.NAVIGATION_PANE="NAVIGATION_PANE"}(E||(E={})),function(E){E.FIELD="FIELD",E.RELATION="RELATION",E.SECTION="SECTION",E.GROUP="GROUP",E.HEADER="HEADER",E.TEXT="TEXT",E.NAVIGATE="NAVIGATE",E.ACTION="ACTION",E.SEARCH="SEARCH",E.VIEW="VIEW",E.RELATED_VIEW="RELATED_VIEW",E.RELATED_OBJECT="RELATED_OBJECT"}(A||(A={})),function(E){E.TEXT="TEXT",E.TEXTBLOCK="TEXTBLOCK",E.INTEGER="INTEGER",E.DECIMAL="DECIMAL",E.PERCENTAGE="PERCENTAGE",E.CURRENCY="CURRENCY",E.BOOLEAN="BOOLEAN",E.DATE="DATE",E.DATETIME="DATETIME",E.TIME="TIME",E.EMAIL="EMAIL",E.HYPERLINK="HYPERLINK",E.LIST="LIST",E.FILE="FILE",E.IMAGE="IMAGE",E.LONGTEXT="LONGTEXT",E.JSON="JSON"}(T||(T={})),function(E){E.SEARCH="SEARCH",E.DROPDOWN="DROPDOWN",E.CHECKBOX="CHECKBOX"}(O||(O={})),function(E){E.SEARCH="SEARCH",E.DROPDOWN="DROPDOWN",E.CHECKBOX="CHECKBOX"}(R||(R={}));export{E as C,A as a,T as b,O as c,R as d}
+var E,A,T,O,R;!function(E){E.OBJECT_FORM_DASHBOARD="OBJECT_FORM_DASHBOARD",E.CLASS_DASHBOARD="CLASS_DASHBOARD",E.GENERAL_DASHBOARD="GENERAL_DASHBOARD",E.NAVIGATION_PANE="NAVIGATION_PANE"}(E||(E={})),function(E){E.FIELD="FIELD",E.RELATION="RELATION",E.SECTION="SECTION",E.GROUP="GROUP",E.HEADER="HEADER",E.TEXT="TEXT",E.NAVIGATE="NAVIGATE",E.ACTION="ACTION",E.SEARCH="SEARCH",E.VIEW="VIEW",E.RELATED_VIEW="RELATED_VIEW",E.RELATED_OBJECT="RELATED_OBJECT"}(A||(A={})),function(E){E.TEXT="TEXT",E.TEXTBLOCK="TEXTBLOCK",E.INTEGER="INTEGER",E.DECIMAL="DECIMAL",E.PERCENTAGE="PERCENTAGE",E.CURRENCY="CURRENCY",E.BOOLEAN="BOOLEAN",E.DATE="DATE",E.DATETIME="DATETIME",E.TIME="TIME",E.EMAIL="EMAIL",E.HYPERLINK="HYPERLINK",E.LIST="LIST",E.FILE="FILE",E.IMAGE="IMAGE",E.LONGTEXT="LONGTEXT",E.JSON="JSON",E.SECRET="SECRET"}(T||(T={})),function(E){E.SEARCH="SEARCH",E.DROPDOWN="DROPDOWN",E.CHECKBOX="CHECKBOX"}(O||(O={})),function(E){E.SEARCH="SEARCH",E.DROPDOWN="DROPDOWN",E.CHECKBOX="CHECKBOX"}(R||(R={}));export{E as C,A as a,T as b,O as c,R as d}

package/dist/components/format.js

@@ -1 +1 @@
-function n(n,i,t){return null==n||isNaN(n)?"":new Intl.NumberFormat(i,t).format(n)}function i(n,i,t){return null==n||isNaN(n)?"":new Intl.NumberFormat(t,{style:"currency",currency:i,minimumFractionDigits:2,maximumFractionDigits:2}).format(n)}function t(n,i,t=2){return null==n||isNaN(n)?"":new Intl.NumberFormat(i,{style:"percent",minimumFractionDigits:t,maximumFractionDigits:t}).format(n)}function e(n,i){if(!n)return"";const t="string"==typeof n?new Date(n):n;return isNaN(t.getTime())?"":new Intl.DateTimeFormat(i,{year:"numeric",month:"2-digit",day:"2-digit"}).format(t)}function r(n,i){if(!n)return"";const t="string"==typeof n?new Date(n):n;return isNaN(t.getTime())?"":new Intl.DateTimeFormat(i,{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(t)}function u(n,i){if(!n)return"";const[t,e]=n.split(":").map(Number),r=new Date;return r.setHours(t,e,0,0),new Intl.DateTimeFormat(i,{hour:"2-digit",minute:"2-digit"}).format(r)}function a(n,i){var t,e,r,u;if(!n||!n.trim())return null;const a=new Intl.NumberFormat(i).formatToParts(1234567.89),o=null!==(e=null===(t=a.find((n=>"group"===n.type)))||void 0===t?void 0:t.value)&&void 0!==e?e:",",l=null!==(u=null===(r=a.find((n=>"decimal"===n.type)))||void 0===r?void 0:r.value)&&void 0!==u?u:".",s=n.replace(new RegExp(`\\${o}`,"g"),"").replace(new RegExp(`\\${l}`),".").replace("%","").trim(),c=parseFloat(s);return isNaN(c)?null:c}export{u as a,r as b,e as c,i as d,t as e,n as f,a as p}
+function n(n,i,t){return null==n||isNaN(n)?"":new Intl.NumberFormat(i,t).format(n)}function i(n,i,t){return null==n||isNaN(n)?"":new Intl.NumberFormat(t,{style:"currency",currency:i,minimumFractionDigits:2,maximumFractionDigits:2}).format(n)}function t(n,i,t=2){return null==n||isNaN(n)?"":new Intl.NumberFormat(i,{style:"percent",minimumFractionDigits:t,maximumFractionDigits:t}).format(n)}function e(n,i){if(!n)return"";const t="string"==typeof n?new Date(n):n;return isNaN(t.getTime())?"":new Intl.DateTimeFormat(i,{year:"numeric",month:"2-digit",day:"2-digit"}).format(t)}function r(n,i){if(!n)return"";const t="string"==typeof n?new Date(n):n;return isNaN(t.getTime())?"":new Intl.DateTimeFormat(i,{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(t)}function u(n,i){if(!n)return"";const[t,e]=n.split(":").map(Number),r=new Date;return r.setHours(t,e,0,0),new Intl.DateTimeFormat(i,{hour:"2-digit",minute:"2-digit"}).format(r)}function a(n,i){var t,e,r,u;if(!n||!n.trim())return null;const a=new Intl.NumberFormat(i).formatToParts(1234567.89),o=null!==(e=null===(t=a.find((n=>"group"===n.type)))||void 0===t?void 0:t.value)&&void 0!==e?e:",",l=null!==(u=null===(r=a.find((n=>"decimal"===n.type)))||void 0===r?void 0:r.value)&&void 0!==u?u:".",s=n.replace(new RegExp(`\\${o}`,"g"),"").replace(new RegExp(`\\${l}`),".").replace("%","").trim(),c=parseFloat(s);return isNaN(c)?null:c}export{e as a,u as b,r as c,i as d,t as e,n as f,a as p}