@mmlogic/components 0.3.5 → 0.3.6

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

@@ -1,206 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { t } from "../../utils/i18n";
-import { validateRequired } from "../../utils/validation";
-export class MrdDateField {
-    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: '84c777fc68a95e0b1ceb08d61e3af7afa199ce94' }, h("div", { key: '6653d94ab79c74342ce792792547018e4464a814', class: "mrd-date-field" }, this.label && (h("label", { key: '2fa7b7ec50c784f9410ca48b93d50e39dc6e0bee', class: `mrd-date-field__label${this.required ? ' mrd-date-field__label--required' : ''}` }, this.label)), h("input", { key: 'f79ebbaf0e28ad7668a5400d1df514b66457b72d', class: `mrd-date-field__input${hasError ? ' mrd-date-field__input--error' : ''}`, type: "date", name: this.name, value: this.value, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), hasError && h("span", { key: 'e52f0b720d76e8ba0586fb40395b6875860762db', class: "mrd-date-field__error" }, this.error))));
-    }
-    static get is() { return "mrd-date-field"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["mrd-date-field.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["mrd-date-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-date-field/mrd-date-field.scss

@@ -1,66 +0,0 @@
-:host {
-  display: block;
-}
-
-.mrd-date-field {
-  display: flex;
-  flex-direction: column;
-  gap: var(--mrd-space-1);
-  width: 100%;
-}
-
-.mrd-date-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-date-field__label--required::after {
-  content: ' *';
-  color: var(--mrd-color-danger);
-}
-
-.mrd-date-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-date-field__input:focus {
-  border-color: var(--mrd-border-color-focus);
-  box-shadow: var(--mrd-shadow-focus);
-}
-
-.mrd-date-field__input:disabled {
-  background-color: var(--mrd-input-bg-disabled);
-  cursor: not-allowed;
-  opacity: 0.7;
-}
-
-.mrd-date-field__input--error {
-  border-color: var(--mrd-border-color-error);
-}
-
-.mrd-date-field__input--error:focus {
-  box-shadow: var(--mrd-shadow-focus-error);
-}
-
-.mrd-date-field__error {
-  font-family: var(--mrd-font-family);
-  font-size: var(--mrd-error-font-size);
-  color: var(--mrd-error-color);
-}

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

@@ -1,240 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { t } from "../../utils/i18n";
-import { validateRequired } from "../../utils/validation";
-export class MrdDatetimeField {
-    constructor() {
-        this.name = '';
-        this.label = '';
-        this.value = '';
-        this.required = false;
-        this.disabled = false;
-        this.locale = navigator.language;
-        this.error = '';
-        this.localValue = '';
-        this.handleChange = (e) => {
-            const localVal = e.target.value;
-            this.localValue = localVal;
-            if (this.required && !validateRequired(localVal)) {
-                this.error = t('required', this.locale);
-            }
-            else {
-                this.error = '';
-            }
-            this.mrdChange.emit({ name: this.name, value: this.localToUtc(localVal) });
-        };
-        this.handleBlur = (e) => {
-            const localVal = e.target.value;
-            this.mrdBlur.emit({ name: this.name, value: this.localToUtc(localVal) });
-        };
-    }
-    componentWillLoad() {
-        this.localValue = this.utcToLocal(this.value);
-    }
-    valueChanged(newVal) {
-        this.localValue = this.utcToLocal(newVal);
-    }
-    // UTC ISO string → "YYYY-MM-DDTHH:mm" in local timezone (for datetime-local input)
-    utcToLocal(utcStr) {
-        if (!utcStr)
-            return '';
-        const d = new Date(utcStr);
-        if (isNaN(d.getTime()))
-            return '';
-        const pad = (n) => String(n).padStart(2, '0');
-        return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
-    }
-    // "YYYY-MM-DDTHH:mm" local time → UTC ISO string (for API)
-    localToUtc(localStr) {
-        if (!localStr)
-            return '';
-        const d = new Date(localStr);
-        if (isNaN(d.getTime()))
-            return '';
-        return d.toISOString().replace(/\.\d{3}Z$/, 'Z');
-    }
-    render() {
-        const hasError = !!this.error;
-        return (h(Host, { key: '6052b08238484bee345ae4bb9b3025c7f2474c35' }, h("div", { key: 'f9073be4496e35a7d40405ae4e6a27a5c1607626', class: "mrd-datetime-field" }, this.label && (h("label", { key: '5933c3b2dfcae9bfad378441210ada6b625657a2', class: `mrd-datetime-field__label${this.required ? ' mrd-datetime-field__label--required' : ''}` }, this.label)), h("input", { key: '7a947b104c38960d2326a4877e4ca52db9fd9d84', class: `mrd-datetime-field__input${hasError ? ' mrd-datetime-field__input--error' : ''}`, type: "datetime-local", name: this.name, value: this.localValue, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), hasError && h("span", { key: 'cea3dba7e14e18a3a08394ef3027b661f1808969', class: "mrd-datetime-field__error" }, this.error))));
-    }
-    static get is() { return "mrd-datetime-field"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["mrd-datetime-field.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["mrd-datetime-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": {},
-            "localValue": {}
-        };
-    }
-    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": {}
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "value",
-                "methodName": "valueChanged"
-            }];
-    }
-}

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

@@ -1,66 +0,0 @@
-:host {
-  display: block;
-}
-
-.mrd-datetime-field {
-  display: flex;
-  flex-direction: column;
-  gap: var(--mrd-space-1);
-  width: 100%;
-}
-
-.mrd-datetime-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-datetime-field__label--required::after {
-  content: ' *';
-  color: var(--mrd-color-danger);
-}
-
-.mrd-datetime-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-datetime-field__input:focus {
-  border-color: var(--mrd-border-color-focus);
-  box-shadow: var(--mrd-shadow-focus);
-}
-
-.mrd-datetime-field__input:disabled {
-  background-color: var(--mrd-input-bg-disabled);
-  cursor: not-allowed;
-  opacity: 0.7;
-}
-
-.mrd-datetime-field__input--error {
-  border-color: var(--mrd-border-color-error);
-}
-
-.mrd-datetime-field__input--error:focus {
-  box-shadow: var(--mrd-shadow-focus-error);
-}
-
-.mrd-datetime-field__error {
-  font-family: var(--mrd-font-family);
-  font-size: var(--mrd-error-font-size);
-  color: var(--mrd-error-color);
-}