@mmlogic/components 0.3.5 → 0.3.6

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

@@ -1,78 +0,0 @@
-:host {
-  display: block;
-}
-
-.mrd-longtext-field {
-  display: flex;
-  flex-direction: column;
-  gap: var(--mrd-space-1);
-  width: 100%;
-}
-
-.mrd-longtext-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-longtext-field__label--required::after {
-  content: ' *';
-  color: var(--mrd-color-danger);
-}
-
-.mrd-longtext-field__input {
-  display: block;
-  width: 100%;
-  min-height: calc(var(--mrd-input-height) * 5);
-  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;
-  resize: vertical;
-  box-sizing: border-box;
-  line-height: 1.5;
-}
-
-.mrd-longtext-field__input::placeholder {
-  color: var(--mrd-input-placeholder-color);
-}
-
-.mrd-longtext-field__input:focus {
-  border-color: var(--mrd-border-color-focus);
-  box-shadow: var(--mrd-shadow-focus);
-}
-
-.mrd-longtext-field__input--error {
-  border-color: var(--mrd-border-color-error);
-}
-
-.mrd-longtext-field__input--error:focus {
-  box-shadow: var(--mrd-shadow-focus-error);
-}
-
-.mrd-longtext-field__content {
-  font-family: var(--mrd-font-family);
-  font-size: var(--mrd-font-size-base);
-  color: var(--mrd-input-color);
-  white-space: pre-wrap;
-  word-break: break-word;
-  margin: 0;
-  padding: var(--mrd-input-padding-y) var(--mrd-input-padding-x);
-  background-color: var(--mrd-input-bg-disabled);
-  border: var(--mrd-border-width) solid var(--mrd-border-color);
-  border-radius: var(--mrd-border-radius);
-  line-height: 1.5;
-}
-
-.mrd-longtext-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-number-field/mrd-number-field.js

@@ -1,316 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { t } from "../../utils/i18n";
-import { validateRequired, validateNumber } from "../../utils/validation";
-import { formatNumber, parseLocalizedNumber } from "../../utils/format";
-import { ClientLayoutItemFieldDataType } from "../../types";
-export class MrdNumberField {
-    constructor() {
-        this.name = '';
-        this.label = '';
-        this.value = null;
-        this.placeholder = '';
-        this.required = false;
-        this.disabled = false;
-        this.locale = navigator.language;
-        this.dataType = ClientLayoutItemFieldDataType.INTEGER;
-        this.decimalPrecision = 2;
-        this.displayValue = '';
-        this.error = '';
-        this.handleInput = (e) => {
-            this.displayValue = e.target.value;
-        };
-        this.handleBlur = (e) => {
-            const raw = e.target.value;
-            const parsed = parseLocalizedNumber(raw, this.locale);
-            if (this.required && (parsed === null || raw === '')) {
-                this.error = t('required', this.locale);
-            }
-            else if (raw !== '' && !validateNumber(parsed, this.dataType)) {
-                this.error = t('invalid_number', this.locale);
-            }
-            else {
-                this.error = '';
-            }
-            if (parsed !== null && validateRequired(raw)) {
-                this.displayValue = this.formatForDisplay(parsed);
-            }
-            this.mrdChange.emit({ name: this.name, value: parsed });
-            this.mrdBlur.emit({ name: this.name, value: parsed });
-        };
-        this.handleFocus = () => {
-            // Show raw number on focus
-            if (this.value !== null && this.value !== undefined) {
-                const str = String(this.value);
-                this.displayValue = str;
-            }
-        };
-    }
-    componentWillLoad() {
-        if (this.value !== null && this.value !== undefined) {
-            this.displayValue = this.formatForDisplay(this.value);
-        }
-    }
-    formatForDisplay(val) {
-        if (this.dataType === ClientLayoutItemFieldDataType.PERCENTAGE) {
-            return formatNumber(val, this.locale, {
-                minimumFractionDigits: 0,
-                maximumFractionDigits: this.decimalPrecision,
-            }) + '%';
-        }
-        if (this.dataType === ClientLayoutItemFieldDataType.DECIMAL) {
-            return formatNumber(val, this.locale, {
-                minimumFractionDigits: this.decimalPrecision,
-                maximumFractionDigits: this.decimalPrecision,
-            });
-        }
-        return formatNumber(val, this.locale, { maximumFractionDigits: 0 });
-    }
-    render() {
-        const hasError = !!this.error;
-        const suffix = this.dataType === ClientLayoutItemFieldDataType.PERCENTAGE ? '%' :
-            this.dataType === ClientLayoutItemFieldDataType.DECIMAL ? '' : '';
-        return (h(Host, { key: '195beed4d6453597320b79654feaabe8f742eff2' }, h("div", { key: 'c641d7a4d27ba28dd34acda98d38f245945d20bb', class: "mrd-number-field" }, this.label && (h("label", { key: '2a5f6eb48889a3ab0aa76d6b2ca5d59b20625bb2', class: `mrd-number-field__label${this.required ? ' mrd-number-field__label--required' : ''}` }, this.label)), h("div", { key: 'a844b89e6a278629a8aefa4ac72e5e18e5904cab', class: "mrd-number-field__input-wrapper" }, h("input", { key: '1ce9c3d67b458601a0de95b3b8478ef05df73069', class: `mrd-number-field__input${hasError ? ' mrd-number-field__input--error' : ''}`, type: "text", inputMode: "decimal", name: this.name, value: this.displayValue, placeholder: this.placeholder || (suffix ? `0${suffix}` : '0'), required: this.required, disabled: this.disabled, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus })), hasError && h("span", { key: '4226614a65a8d27543d1287e2c1f61f67c427e63', class: "mrd-number-field__error" }, this.error))));
-    }
-    static get is() { return "mrd-number-field"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["mrd-number-field.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["mrd-number-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": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number | null",
-                    "resolved": "null | number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value",
-                "defaultValue": "null"
-            },
-            "placeholder": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placeholder",
-                "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"
-            },
-            "dataType": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ClientLayoutItemFieldDataType",
-                    "resolved": "ClientLayoutItemFieldDataType.BOOLEAN | ClientLayoutItemFieldDataType.CURRENCY | ClientLayoutItemFieldDataType.DATE | ClientLayoutItemFieldDataType.DATETIME | ClientLayoutItemFieldDataType.DECIMAL | ClientLayoutItemFieldDataType.EMAIL | ClientLayoutItemFieldDataType.FILE | ClientLayoutItemFieldDataType.HYPERLINK | ClientLayoutItemFieldDataType.IMAGE | ClientLayoutItemFieldDataType.INTEGER | ClientLayoutItemFieldDataType.JSON | ClientLayoutItemFieldDataType.LIST | ClientLayoutItemFieldDataType.LONGTEXT | ClientLayoutItemFieldDataType.PERCENTAGE | ClientLayoutItemFieldDataType.SECRET | ClientLayoutItemFieldDataType.TEXT | ClientLayoutItemFieldDataType.TEXTBLOCK | ClientLayoutItemFieldDataType.TIME",
-                    "references": {
-                        "ClientLayoutItemFieldDataType": {
-                            "location": "import",
-                            "path": "../../types",
-                            "id": "src/types/index.ts::ClientLayoutItemFieldDataType",
-                            "referenceLocation": "ClientLayoutItemFieldDataType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "data-type",
-                "defaultValue": "ClientLayoutItemFieldDataType.INTEGER"
-            },
-            "decimalPrecision": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "decimal-precision",
-                "defaultValue": "2"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "displayValue": {},
-            "error": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "mrdChange",
-                "name": "mrdChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ name: string; value: number | null }",
-                    "resolved": "{ name: string; value: number | null; }",
-                    "references": {}
-                }
-            }, {
-                "method": "mrdBlur",
-                "name": "mrdBlur",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ name: string; value: number | null }",
-                    "resolved": "{ name: string; value: number | null; }",
-                    "references": {}
-                }
-            }];
-    }
-}

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

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