@mgdis/mg-components 6.13.1 → 6.15.0

package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js

@@ -362,7 +362,7 @@ export class MgInputDate {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: '9afadd8001b3db8101678116996a28c88fc047be', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: [], labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === null ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly ? (this.value && h("b", { class: "mg-c-input__readonly-value" }, localeDate(this.value, this.locale))) : (h("input", { type: "date", class: "mg-c-input__box", min: this.min, max: this.max, value: this.value, id: this.identifier, name: this.name, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
+        return (h("mg-input", { key: '71daaa8818ab7120c61a45399ae016a4621c8f50', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === null ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly ? (this.value && h("b", { class: "mg-c-input__readonly-value" }, localeDate(this.value, this.locale))) : (h("input", { type: "date", class: "mg-c-input__box", min: this.min, max: this.max, value: this.value, id: this.identifier, name: this.name, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
                 if (el !== null)
                     this.input = el;
             } }))));
@@ -383,6 +383,7 @@ export class MgInputDate {
         return {
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -397,11 +398,11 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true
             },
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -416,11 +417,11 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -435,12 +436,12 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.identifier"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -455,11 +456,11 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "labelOnTop": {
                 "type": "boolean",
+                "attribute": "label-on-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -474,12 +475,12 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-on-top",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "labelHide": {
                 "type": "boolean",
+                "attribute": "label-hide",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -494,12 +495,12 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-hide",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -514,12 +515,12 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -534,12 +535,12 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "min": {
                 "type": "string",
+                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -554,11 +555,11 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min",
                 "reflect": false
             },
             "max": {
                 "type": "string",
+                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -573,12 +574,12 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max",
                 "reflect": false,
                 "defaultValue": "'9999-12-31'"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -593,12 +594,12 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "tooltip": {
                 "type": "string",
+                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -613,11 +614,11 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip",
                 "reflect": false
             },
             "tooltipPosition": {
                 "type": "string",
+                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TooltipPosition",
@@ -638,12 +639,12 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip-position",
                 "reflect": false,
                 "defaultValue": "'input'"
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -658,11 +659,11 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "help-text",
                 "reflect": false
             },
             "valid": {
                 "type": "boolean",
+                "attribute": "valid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -677,11 +678,11 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid",
                 "reflect": false
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -696,7 +697,6 @@ export class MgInputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": false
             }
         };
@@ -875,4 +875,3 @@ export class MgInputDate {
             }];
     }
 }
-//# sourceMappingURL=mg-input-date.js.map

package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf.js

@@ -3,4 +3,3 @@
  */
 export const types = ['decimal', 'integer'];
 export const formats = ['none', 'number', 'currency', 'percent', 'unit'];
-//# sourceMappingURL=mg-input-numeric.conf.js.map

package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js

@@ -241,6 +241,11 @@ export class MgInputNumeric {
         var _a;
         // has input value is always render as string we get a stringified value or a '' for nullish value, so we test string type
         if (typeof newValue === 'string') {
+            // Check if integer value starts with '0' (leading zero)
+            if (newValue.startsWith('0') && parseInt(newValue, 10) > 0) {
+                // Remove leading zero
+                newValue = newValue.substring(1);
+            }
             // Split number and decimal
             const [integer, decimal = ''] = newValue.replace('-', '').split(/[.,]/);
             // Regex
@@ -457,7 +462,7 @@ export class MgInputNumeric {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: '4b882a2d468ea59b1ece7cb59cdb8372ce4d2299', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: [], labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly
+        return (h("mg-input", { key: 'ca551b49b1b4dc98fd4e943e51de8a32bc78882b', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly
             ? this.readonlyValue && this.renderReadonly()
             : [
                 h("input", { key: "input", type: "text", class: "mg-c-input__box mg-c-input__box--width", value: this.displayValue(), id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: "off", "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, ref: (el) => {
@@ -483,6 +488,7 @@ export class MgInputNumeric {
         return {
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -497,11 +503,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true
             },
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -516,11 +522,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -535,12 +541,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.identifier"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -555,11 +561,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "labelOnTop": {
                 "type": "boolean",
+                "attribute": "label-on-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -574,12 +580,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-on-top",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "labelHide": {
                 "type": "boolean",
+                "attribute": "label-hide",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -594,12 +600,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-hide",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -614,11 +620,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -633,12 +639,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -653,12 +659,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "max": {
                 "type": "number",
+                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -673,11 +679,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max",
                 "reflect": false
             },
             "min": {
                 "type": "number",
+                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -692,11 +698,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min",
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -711,12 +717,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "mgWidth": {
                 "type": "any",
+                "attribute": "mg-width",
                 "mutable": false,
                 "complexType": {
                     "original": "Width",
@@ -737,11 +743,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mg-width",
                 "reflect": false
             },
             "tooltip": {
                 "type": "string",
+                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -756,11 +762,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip",
                 "reflect": false
             },
             "tooltipPosition": {
                 "type": "string",
+                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TooltipPosition",
@@ -781,12 +787,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip-position",
                 "reflect": false,
                 "defaultValue": "'input'"
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -801,11 +807,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "help-text",
                 "reflect": false
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "NumericType",
@@ -826,12 +832,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'decimal'"
             },
             "format": {
                 "type": "string",
+                "attribute": "format",
                 "mutable": false,
                 "complexType": {
                     "original": "Format",
@@ -852,12 +858,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "format",
                 "reflect": false,
                 "defaultValue": "'number'"
             },
             "currency": {
                 "type": "string",
+                "attribute": "currency",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -872,12 +878,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "currency",
                 "reflect": false,
                 "defaultValue": "'EUR'"
             },
             "unit": {
                 "type": "string",
+                "attribute": "unit",
                 "mutable": false,
                 "complexType": {
                     "original": "Intl.NumberFormatOptions['unit']",
@@ -897,11 +903,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "unit",
                 "reflect": false
             },
             "unitDisplay": {
                 "type": "string",
+                "attribute": "unit-display",
                 "mutable": false,
                 "complexType": {
                     "original": "Intl.NumberFormatOptions['unitDisplay']",
@@ -921,12 +927,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "unit-display",
                 "reflect": false,
                 "defaultValue": "'short'"
             },
             "integerLength": {
                 "type": "number",
+                "attribute": "integer-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -941,12 +947,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "integer-length",
                 "reflect": false,
                 "defaultValue": "13"
             },
             "decimalLength": {
                 "type": "number",
+                "attribute": "decimal-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -961,12 +967,12 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "decimal-length",
                 "reflect": false,
                 "defaultValue": "2"
             },
             "valid": {
                 "type": "boolean",
+                "attribute": "valid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -981,11 +987,11 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid",
                 "reflect": false
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -1000,7 +1006,6 @@ export class MgInputNumeric {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": false
             }
         };
@@ -1184,4 +1189,3 @@ export class MgInputNumeric {
             }];
     }
 }
-//# sourceMappingURL=mg-input-numeric.js.map