@mmlogic/components 0.1.0

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

@@ -0,0 +1,206 @@
+import { Host, h } from "@stencil/core";
+import { t } from "../../utils/i18n";
+import { validateRequired } from "../../utils/validation";
+export class MrdTimeField {
+    constructor() {
+        this.name = '';
+        this.label = '';
+        this.value = '';
+        this.required = false;
+        this.disabled = false;
+        this.locale = navigator.language;
+        this.error = '';
+        this.handleChange = (e) => {
+            const val = e.target.value;
+            if (this.required && !validateRequired(val)) {
+                this.error = t('required', this.locale);
+            }
+            else {
+                this.error = '';
+            }
+            this.mrdChange.emit({ name: this.name, value: val });
+        };
+        this.handleBlur = (e) => {
+            const val = e.target.value;
+            this.mrdBlur.emit({ name: this.name, value: val });
+        };
+    }
+    render() {
+        const hasError = !!this.error;
+        return (h(Host, { key: '0a6e3047eb409b50a7dfa46c724e0d9824bdbad9' }, h("div", { key: '1fdcaa9cc0e44edd514d3453df0cfb264989cbca', class: "mrd-time-field" }, this.label && (h("label", { key: 'ae53864761258ae56e29474c2da68c852fe8db57', class: `mrd-time-field__label${this.required ? ' mrd-time-field__label--required' : ''}` }, this.label)), h("input", { key: '60336f497545b61656756790cfb5ec096034ecf7', 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: 'f8409b690c67873f6e4fe10f1d404b57005f0557', class: "mrd-time-field__error" }, this.error))));
+    }
+    static get is() { return "mrd-time-field"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["mrd-time-field.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["mrd-time-field.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name",
+                "defaultValue": "''"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "''"
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "''"
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "required",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "locale",
+                "defaultValue": "navigator.language"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "error": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "mrdChange",
+                "name": "mrdChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ name: string; value: string }",
+                    "resolved": "{ name: string; value: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "mrdBlur",
+                "name": "mrdBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ name: string; value: string }",
+                    "resolved": "{ name: string; value: string; }",
+                    "references": {}
+                }
+            }];
+    }
+}

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

@@ -0,0 +1,66 @@
+:host {
+  display: block;
+}
+
+.mrd-time-field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mrd-space-1);
+  width: 100%;
+}
+
+.mrd-time-field__label {
+  display: block;
+  font-family: var(--mrd-font-family);
+  font-size: var(--mrd-label-font-size);
+  font-weight: var(--mrd-label-font-weight);
+  color: var(--mrd-label-color);
+}
+
+.mrd-time-field__label--required::after {
+  content: ' *';
+  color: var(--mrd-color-danger);
+}
+
+.mrd-time-field__input {
+  display: block;
+  width: 100%;
+  height: var(--mrd-input-height);
+  padding: var(--mrd-input-padding-y) var(--mrd-input-padding-x);
+  font-family: var(--mrd-font-family);
+  font-size: var(--mrd-font-size-base);
+  color: var(--mrd-input-color);
+  background-color: var(--mrd-input-bg);
+  border: var(--mrd-border-width) solid var(--mrd-border-color);
+  border-radius: var(--mrd-border-radius);
+  transition: border-color var(--mrd-transition), box-shadow var(--mrd-transition);
+  outline: none;
+  appearance: none;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.mrd-time-field__input:focus {
+  border-color: var(--mrd-border-color-focus);
+  box-shadow: var(--mrd-shadow-focus);
+}
+
+.mrd-time-field__input:disabled {
+  background-color: var(--mrd-input-bg-disabled);
+  cursor: not-allowed;
+  opacity: 0.7;
+}
+
+.mrd-time-field__input--error {
+  border-color: var(--mrd-border-color-error);
+}
+
+.mrd-time-field__input--error:focus {
+  box-shadow: var(--mrd-shadow-focus-error);
+}
+
+.mrd-time-field__error {
+  font-family: var(--mrd-font-family);
+  font-size: var(--mrd-error-font-size);
+  color: var(--mrd-error-color);
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './types';

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

@@ -0,0 +1,30 @@
+export var ClientLayoutItemType;
+(function (ClientLayoutItemType) {
+    ClientLayoutItemType["FIELD"] = "FIELD";
+    ClientLayoutItemType["RELATION"] = "RELATION";
+    ClientLayoutItemType["SECTION"] = "SECTION";
+    ClientLayoutItemType["GROUP"] = "GROUP";
+})(ClientLayoutItemType || (ClientLayoutItemType = {}));
+export var ClientLayoutItemFieldDataType;
+(function (ClientLayoutItemFieldDataType) {
+    ClientLayoutItemFieldDataType["TEXT"] = "TEXT";
+    ClientLayoutItemFieldDataType["TEXTBLOCK"] = "TEXTBLOCK";
+    ClientLayoutItemFieldDataType["INTEGER"] = "INTEGER";
+    ClientLayoutItemFieldDataType["DECIMAL"] = "DECIMAL";
+    ClientLayoutItemFieldDataType["PERCENTAGE"] = "PERCENTAGE";
+    ClientLayoutItemFieldDataType["CURRENCY"] = "CURRENCY";
+    ClientLayoutItemFieldDataType["BOOLEAN"] = "BOOLEAN";
+    ClientLayoutItemFieldDataType["DATE"] = "DATE";
+    ClientLayoutItemFieldDataType["DATETIME"] = "DATETIME";
+    ClientLayoutItemFieldDataType["TIME"] = "TIME";
+    ClientLayoutItemFieldDataType["EMAIL"] = "EMAIL";
+    ClientLayoutItemFieldDataType["HYPERLINK"] = "HYPERLINK";
+    ClientLayoutItemFieldDataType["LIST"] = "LIST";
+    ClientLayoutItemFieldDataType["FILE"] = "FILE";
+    ClientLayoutItemFieldDataType["IMAGE"] = "IMAGE";
+})(ClientLayoutItemFieldDataType || (ClientLayoutItemFieldDataType = {}));
+export var ClientLayoutItemRelationDisplayType;
+(function (ClientLayoutItemRelationDisplayType) {
+    ClientLayoutItemRelationDisplayType["SEARCH"] = "SEARCH";
+    ClientLayoutItemRelationDisplayType["DROPDOWN"] = "DROPDOWN";
+})(ClientLayoutItemRelationDisplayType || (ClientLayoutItemRelationDisplayType = {}));

package/dist/collection/types/index.js

@@ -0,0 +1 @@
+export * from './client-layout';

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

@@ -0,0 +1,57 @@
+import { formatNumber, formatPercentage, formatCurrency, formatDate, formatDateTime, formatTime } from "./format";
+export class CellRenderer {
+    static render(column, row, locale) {
+        var _a, _b;
+        if (column.type === 'RELATION') {
+            const link = (_a = row === null || row === void 0 ? void 0 : row._links) === null || _a === void 0 ? void 0 : _a[column.name];
+            if (!link)
+                return '';
+            if (Array.isArray(link))
+                return link.map((l) => { var _a; return (_a = l.name) !== null && _a !== void 0 ? _a : ''; }).filter(Boolean).join(', ');
+            return (_b = link.name) !== null && _b !== void 0 ? _b : '';
+        }
+        const raw = row === null || row === void 0 ? void 0 : row[column.name];
+        if (raw == null || raw === '')
+            return '';
+        const values = Array.isArray(raw) ? raw : [raw];
+        return values
+            .map(v => { var _a; return CellRenderer.renderValue((_a = column.dataType) !== null && _a !== void 0 ? _a : 'TEXT', v, column, locale); })
+            .filter(s => s !== '')
+            .join(', ');
+    }
+    static renderValue(dataType, value, column, locale) {
+        var _a, _b;
+        switch (dataType) {
+            case 'INTEGER':
+                return formatNumber(Number(value), locale, { maximumFractionDigits: 0 });
+            case 'DECIMAL':
+                return formatNumber(Number(value), locale);
+            case 'PERCENTAGE':
+                return formatPercentage(Number(value), locale);
+            case 'CURRENCY': {
+                const { amount, currency } = typeof value === 'object' && value !== null
+                    ? value
+                    : { amount: value, currency: '' };
+                return currency
+                    ? formatCurrency(Number(amount), currency, locale)
+                    : formatNumber(Number(amount), locale);
+            }
+            case 'DATE':
+                return formatDate(value, locale);
+            case 'DATETIME':
+                return formatDateTime(value, locale);
+            case 'TIME':
+                return formatTime(value, locale);
+            case 'BOOLEAN':
+                return value ? '✓' : '';
+            case 'LIST': {
+                const item = (_a = column.listItems) === null || _a === void 0 ? void 0 : _a.find(li => li.key === String(value));
+                return (_b = item === null || item === void 0 ? void 0 : item.label) !== null && _b !== void 0 ? _b : String(value);
+            }
+            case 'TEXTBLOCK':
+                return String(value).replace(/<[^>]*>/g, '').trim();
+            default:
+                return String(value);
+        }
+    }
+}

package/dist/collection/utils/format.js

@@ -0,0 +1,72 @@
+export function formatNumber(value, locale, options) {
+    if (value === null || value === undefined || isNaN(value))
+        return '';
+    return new Intl.NumberFormat(locale, options).format(value);
+}
+export 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);
+}
+export 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 / 100);
+}
+export 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);
+}
+export 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);
+}
+export 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);
+}
+export 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;
+}

package/dist/collection/utils/i18n.js

@@ -0,0 +1,80 @@
+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',
+    },
+    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',
+    },
+    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: 'لا',
+    },
+};
+export 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;
+}

package/dist/collection/utils/validation.js

@@ -0,0 +1,46 @@
+import { ClientLayoutItemFieldDataType } from "../types";
+export function validateRequired(value) {
+    if (value === null || value === undefined)
+        return false;
+    if (typeof value === 'string')
+        return value.trim().length > 0;
+    if (Array.isArray(value))
+        return value.length > 0;
+    if (typeof value === 'object') {
+        // CurrencyValue check
+        const cv = value;
+        if ('amount' in cv)
+            return cv.amount !== null && cv.amount !== undefined && cv.amount !== '';
+    }
+    return true;
+}
+export function validateEmail(value) {
+    if (!value)
+        return true;
+    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
+}
+export function validateUrl(value) {
+    if (!value)
+        return true;
+    try {
+        new URL(value);
+        return true;
+    }
+    catch (_a) {
+        return false;
+    }
+}
+export function validateNumber(value, dataType) {
+    if (value === null || value === undefined || value === '')
+        return true;
+    const num = Number(value);
+    if (isNaN(num))
+        return false;
+    if (dataType === ClientLayoutItemFieldDataType.INTEGER) {
+        return Number.isInteger(num);
+    }
+    if (dataType === ClientLayoutItemFieldDataType.PERCENTAGE) {
+        return num >= 0 && num <= 100;
+    }
+    return true;
+}

package/dist/components/client-layout.js

@@ -0,0 +1 @@
+var E,T,I;!function(E){E.FIELD="FIELD",E.RELATION="RELATION",E.SECTION="SECTION",E.GROUP="GROUP"}(E||(E={})),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"}(T||(T={})),function(E){E.SEARCH="SEARCH",E.DROPDOWN="DROPDOWN"}(I||(I={}));export{E as C,T as a,I as b}

package/dist/components/format.js

@@ -0,0 +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/100)}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}

package/dist/components/i18n.js

@@ -0,0 +1 @@
+const e={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"},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"},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:"لا"}};function l(l,a){var r,o,i;const n=a.split("-")[0].toLowerCase();return null!==(i=null!==(o=(null!==(r=e[n])&&void 0!==r?r:e.en)[l])&&void 0!==o?o:e.en[l])&&void 0!==i?i:l}export{l as t}

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{a as ClientLayoutItemFieldDataType,b as ClientLayoutItemRelationDisplayType,C as ClientLayoutItemType}from"./client-layout.js";

package/dist/components/mrd-boolean-field.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MrdBooleanField extends Components.MrdBooleanField, HTMLElement {}
+export const MrdBooleanField: {
+    prototype: MrdBooleanField;
+    new (): MrdBooleanField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/mrd-boolean-field.js

@@ -0,0 +1 @@
+import{M as o,d as r}from"./mrd-boolean-field2.js";const s=o,a=r;export{s as MrdBooleanField,a as defineCustomElement}

package/dist/components/mrd-boolean-field2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as o,createEvent as l,h as d,Host as a,transformTag as r}from"@stencil/core/internal/client";const i=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.mrdChange=l(this,"mrdChange",7),this.mrdBlur=l(this,"mrdBlur",7),this.name="",this.label="",this.value=!1,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.checked=!1,this.handleChange=e=>{this.checked=e.target.checked,this.mrdChange.emit({name:this.name,value:this.checked})},this.handleBlur=()=>{this.mrdBlur.emit({name:this.name,value:this.checked})}}componentWillLoad(){this.checked=!!this.value}render(){return d(a,{key:"aed1d936d686870114a12aad9fc4cccb76ecd31e"},d("div",{key:"5cc8aaa0f12d4195d02fce8a810d7d993e2e8c99",class:"mrd-boolean-field"},d("label",{key:"41c3b3e0f01778fc2654ba86e3fe4e5a07c8537a",class:"mrd-boolean-field__toggle-label"},d("input",{key:"c261e6903e050d2f3d8df8abb90c74d99ed20161",class:"mrd-boolean-field__checkbox",type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,onBlur:this.handleBlur}),d("span",{key:"079ee220fe692536af15a7fb4286626102ae940e",class:"mrd-boolean-field__toggle","aria-hidden":"true"}),this.label&&d("span",{key:"1f4f52a41f0bd6ba4c61cf9d4db74ab2f1aa8877",class:"mrd-boolean-field__text"+(this.required?" mrd-boolean-field__text--required":"")},this.label))))}static get style(){return".sc-mrd-boolean-field-h{display:block}.mrd-boolean-field.sc-mrd-boolean-field{display:flex;align-items:center;width:100%}.mrd-boolean-field__toggle-label.sc-mrd-boolean-field{display:flex;align-items:center;gap:var(--mrd-space-3);cursor:pointer;user-select:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field{background-color:var(--mrd-color-primary)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{transform:translateX(20px)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:focus+.mrd-boolean-field__toggle.sc-mrd-boolean-field{box-shadow:var(--mrd-shadow-focus)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:disabled+.mrd-boolean-field__toggle.sc-mrd-boolean-field{opacity:0.5;cursor:not-allowed}.mrd-boolean-field__toggle.sc-mrd-boolean-field{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius-full);transition:background-color var(--mrd-transition);flex-shrink:0}.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--mrd-color-white);border-radius:50%;transition:transform var(--mrd-transition);box-shadow:var(--mrd-shadow-sm)}.mrd-boolean-field__text.sc-mrd-boolean-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-boolean-field__text--required.sc-mrd-boolean-field::after{content:' *';color:var(--mrd-color-danger)}"}},[2,"mrd-boolean-field",{name:[1],label:[1],value:[4],required:[4],disabled:[4],locale:[1],checked:[32]}]);function t(){"undefined"!=typeof customElements&&["mrd-boolean-field"].forEach((e=>{"mrd-boolean-field"===e&&(customElements.get(r(e))||customElements.define(r(e),i))}))}export{i as M,t as d}

package/dist/components/mrd-currency-field.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MrdCurrencyField extends Components.MrdCurrencyField, HTMLElement {}
+export const MrdCurrencyField: {
+    prototype: MrdCurrencyField;
+    new (): MrdCurrencyField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/mrd-currency-field.js

@@ -0,0 +1 @@
+import{M as r,d as o}from"./mrd-currency-field2.js";const s=r,c=o;export{s as MrdCurrencyField,c as defineCustomElement}