@mmlogic/components 0.1.0

package/dist/mosterdcomponents/p-Dt-aHxkM.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{r as a,e as b,i as c,n as d,t as e,u as f,a as p}

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdBooleanField {
+    name: string;
+    label: string;
+    value: boolean;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    checked: boolean;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: boolean;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: boolean;
+    }>;
+    componentWillLoad(): void;
+    private handleChange;
+    private handleBlur;
+    render(): any;
+}

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

@@ -0,0 +1,26 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { CurrencyValue } from '../../types';
+export declare class MrdCurrencyField {
+    name: string;
+    label: string;
+    value: CurrencyValue;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    amountDisplay: string;
+    currency: string;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: CurrencyValue;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: CurrencyValue;
+    }>;
+    componentWillLoad(): void;
+    private handleAmountInput;
+    private handleAmountBlur;
+    private handleCurrencyChange;
+    render(): any;
+}

package/dist/types/components/mrd-date-field/mrd-date-field.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdDateField {
+    name: string;
+    label: string;
+    value: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    private handleChange;
+    private handleBlur;
+    render(): any;
+}

package/dist/types/components/mrd-datetime-field/mrd-datetime-field.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdDatetimeField {
+    name: string;
+    label: string;
+    value: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    private handleChange;
+    private handleBlur;
+    render(): any;
+}

package/dist/types/components/mrd-email-field/mrd-email-field.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdEmailField {
+    name: string;
+    label: string;
+    value: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    private handleInput;
+    private handleBlur;
+    render(): any;
+}

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

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ClientLayoutItem } from '../../types';
+export declare class MrdField {
+    item: ClientLayoutItem;
+    locale: string;
+    value: unknown;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: unknown;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: unknown;
+    }>;
+    mrdSearch: EventEmitter<{
+        query: string;
+        relatedClass: string;
+    }>;
+    private handleChange;
+    private handleBlur;
+    private handleSearch;
+    render(): any;
+}

package/dist/types/components/mrd-file-field/mrd-file-field.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdFileField {
+    name: string;
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    accept: string;
+    maxSize: number;
+    fileName: string;
+    isDragging: boolean;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: File | null;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: File | null;
+    }>;
+    private fileInputRef;
+    private handleFile;
+    private handleInputChange;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    private handleZoneClick;
+    private handleClear;
+    render(): any;
+}

package/dist/types/components/mrd-form/mrd-form.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ClientLayout } from '../../types';
+export declare class MrdForm {
+    layout: ClientLayout;
+    locale: string;
+    values: Record<string, unknown>;
+    formValues: Record<string, unknown>;
+    errors: Record<string, string>;
+    submitted: boolean;
+    mrdSubmit: EventEmitter<Record<string, unknown>>;
+    mrdSearch: EventEmitter<{
+        query: string;
+        relatedClass: string;
+    }>;
+    componentWillLoad(): void;
+    setFieldValue(name: string, value: unknown): Promise<void>;
+    private handleFieldChange;
+    private handleSearch;
+    private collectFields;
+    private validate;
+    private handleSubmit;
+    private renderItems;
+    render(): any;
+}

package/dist/types/components/mrd-hyperlink-field/mrd-hyperlink-field.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdHyperlinkField {
+    name: string;
+    label: string;
+    value: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    private handleInput;
+    private handleBlur;
+    render(): any;
+}

package/dist/types/components/mrd-image-field/mrd-image-field.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdImageField {
+    name: string;
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    accept: string;
+    maxSize: number;
+    previewUrl: string;
+    fileName: string;
+    isDragging: boolean;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: File | null;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: File | null;
+    }>;
+    private fileInputRef;
+    private handleFile;
+    private handleInputChange;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    private handleZoneClick;
+    private handleClear;
+    render(): any;
+}

package/dist/types/components/mrd-list-field/mrd-list-field.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ClientListValue } from '../../types';
+export declare class MrdListField {
+    name: string;
+    label: string;
+    value: string | string[];
+    required: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    locale: string;
+    listValues: ClientListValue[];
+    error: string;
+    selected: string[];
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string | string[];
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string | string[];
+    }>;
+    componentWillLoad(): void;
+    private handleSelectChange;
+    private handleBlur;
+    private toggleCheckbox;
+    private getContrastColor;
+    render(): any;
+}

package/dist/types/components/mrd-number-field/mrd-number-field.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ClientLayoutItemFieldDataType } from '../../types';
+export declare class MrdNumberField {
+    name: string;
+    label: string;
+    value: number | null;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    dataType: ClientLayoutItemFieldDataType;
+    decimalPrecision: number;
+    displayValue: string;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: number | null;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: number | null;
+    }>;
+    componentWillLoad(): void;
+    private formatForDisplay;
+    private handleInput;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}

package/dist/types/components/mrd-relation-field/mrd-relation-field.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ClientLayoutItemRelationDisplayType, ClientListValue, RelationSearchResult } from '../../types';
+export declare class MrdRelationField {
+    name: string;
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    relatedClass: string;
+    displayType: ClientLayoutItemRelationDisplayType;
+    multiple: boolean;
+    dropdownValues: ClientListValue[];
+    value: string | string[] | null;
+    searchQuery: string;
+    searchResults: RelationSearchResult[];
+    isLoading: boolean;
+    selectedItems: RelationSearchResult[];
+    showResults: boolean;
+    error: string;
+    highlightedIndex: number;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string | string[] | null;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string | string[] | null;
+    }>;
+    mrdSearch: EventEmitter<{
+        query: string;
+        relatedClass: string;
+    }>;
+    setSearchResults(results: RelationSearchResult[]): Promise<void>;
+    setLoading(loading: boolean): Promise<void>;
+    private searchDebounce;
+    private handleKeyDown;
+    private clearSelection;
+    private handleSearchInput;
+    private handleResultSelect;
+    private handleRemoveSelected;
+    private handleDropdownChange;
+    private handleBlur;
+    render(): any;
+}

package/dist/types/components/mrd-table/mrd-table.d.ts

@@ -0,0 +1,72 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { TableColumn } from '../../utils/cell-renderer';
+export declare class MrdTable {
+    el: HTMLElement;
+    /** Pagina's die wachten op debounce-flush. */
+    private pendingPages;
+    /** Handle van de actieve debounce-timer. */
+    private debounceTimer;
+    columns: TableColumn[];
+    /** Direct rows (non-paginated mode, used when totalElements === 0). */
+    rows: Record<string, any>[];
+    locale: string;
+    /** Total number of records across all pages. 0 = non-paginated mode. */
+    totalElements: number;
+    /** Records per page (must match the API page size). */
+    pageSize: number;
+    /** Row height in px — used for spacer and scroll-position maths. */
+    rowHeight: number;
+    /** Height of the scroll container in px. */
+    tableHeight: number;
+    /** Initial sort applied on load, e.g. "timestamp,desc" or "name".
+     *  Parsed by init() into sortField + sortDir. */
+    defaultSort: string;
+    /** Pages injected via setPage(). Always replaced by a new Map to trigger re-render. */
+    loadedPages: Map<number, Record<string, any>[]>;
+    /** Pages already requested via mrdLoadPage (to avoid duplicate events). */
+    requestedPages: Set<number>;
+    /** Absolute index of the first row currently in the render window. */
+    renderStart: number;
+    /** Absolute index of the last row currently in the render window. */
+    renderEnd: number;
+    /** Locked column widths (px) — measured after first page renders, then fixed. */
+    colWidths: number[];
+    /** Column currently used for sorting (empty = no sort). */
+    sortField: string;
+    /** Sort direction for sortField. */
+    sortDir: 'asc' | 'desc';
+    /** Fired when a page needs to be fetched. Host fetches and calls setPage().
+     *  `sort` is the raw query-param value, e.g. "name" or "name,desc". */
+    mrdLoadPage: EventEmitter<{
+        page: number;
+        sort: string;
+    }>;
+    /**
+     * Initialise (or reset) the virtual scroll.
+     * Call after setting all props and registering the mrdLoadPage listener,
+     * but before calling setPage(0, rows).
+     */
+    init(): Promise<void>;
+    /**
+     * Inject the rows for a given page (0-based).
+     * Creates a new Map reference so Stencil detects the state change.
+     */
+    setPage(pageNumber: number, rows: Record<string, any>[]): Promise<void>;
+    private visibleCount;
+    /** Returns the current sort value for use in ?sort= query params. */
+    private sortParam;
+    /** Called when a header cell is clicked. Toggles direction or sets a new column. */
+    private handleSortClick;
+    /** Emits mrdLoadPage immediately for all missing pages in [start, end]. */
+    private emitPagesForWindow;
+    private getRow;
+    private requestPagesForWindow;
+    /** Emitteert mrdLoadPage alleen voor pagina's die na de debounce-wachttijd
+     *  nog steeds binnen het huidige render-venster vallen. */
+    private flushPendingPages;
+    private handleScroll;
+    /** After the first page of data renders, lock column widths so subsequent
+     *  page loads don't cause layout shifts. */
+    componentDidRender(): void;
+    render(): any;
+}

package/dist/types/components/mrd-text-field/mrd-text-field.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdTextField {
+    name: string;
+    label: string;
+    value: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    private handleInput;
+    private handleBlur;
+    render(): any;
+}

package/dist/types/components/mrd-textarea-field/mrd-textarea-field.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter, ComponentDidLoad } from '../../stencil-public-runtime';
+export declare class MrdTextareaField implements ComponentDidLoad {
+    el: HTMLElement;
+    name: string;
+    label: string;
+    value: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    error: string;
+    editorReady: boolean;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    private editorEl;
+    componentDidLoad(): void;
+    private initQuill;
+    render(): any;
+}

package/dist/types/components/mrd-time-field/mrd-time-field.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MrdTimeField {
+    name: string;
+    label: string;
+    value: string;
+    required: boolean;
+    disabled: boolean;
+    locale: string;
+    error: string;
+    mrdChange: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    mrdBlur: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    private handleChange;
+    private handleBlur;
+    render(): any;
+}