@mgdis/mg-components 5.4.0 → 5.5.0

package/dist/components/mg-input-date.js

@@ -26,31 +26,6 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.inputValid = createEvent(this, "input-valid", 7);
     // hasDisplayedError (triggered by blur event)
     this.hasDisplayedError = false;
-    /**
-     * Input name
-     * If not set the value equals the identifier
-     */
-    this.name = this.identifier;
-    /**
-     * Define if label is visible
-     */
-    this.labelHide = false;
-    /**
-     * Define if input is required
-     */
-    this.required = false;
-    /**
-     * Define if input is readonly
-     */
-    this.readonly = false;
-    /**
-     * Define if input is disabled
-     */
-    this.disabled = false;
-    /**
-     * Component classes
-     */
-    this.classList = new ClassList(['mg-input--date']);
     /**
      * Handle input event
      */
@@ -129,6 +104,23 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         }
       }
     };
+    this.value = undefined;
+    this.identifier = undefined;
+    this.name = this.identifier;
+    this.label = undefined;
+    this.labelOnTop = undefined;
+    this.labelHide = false;
+    this.required = false;
+    this.readonly = false;
+    this.disabled = false;
+    this.tooltip = undefined;
+    this.helpText = undefined;
+    this.valid = undefined;
+    this.invalid = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.classList = new ClassList(['mg-input--date']);
+    this.errorMessage = undefined;
   }
   validateValue(newValue) {
     if (newValue !== undefined && newValue !== null && (typeof newValue !== 'string' || !dateRegExp.test(newValue))) {

package/dist/components/mg-input-numeric.js

@@ -30,53 +30,6 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.inputValid = createEvent(this, "input-valid", 7);
     // hasDisplayedError (triggered by blur event)
     this.hasDisplayedError = false;
-    /**
-     * Input name
-     * If not set the value equals the identifier
-     */
-    this.name = this.identifier;
-    /**
-     * Define if label is visible
-     */
-    this.labelHide = false;
-    /**
-     * Define if input is required
-     */
-    this.required = false;
-    /**
-     * Define if input is readonly
-     */
-    this.readonly = false;
-    /**
-     * Define if input is disabled
-     */
-    this.disabled = false;
-    /**
-     * Define numeric type
-     */
-    this.type = types[0];
-    /**
-     * Define currency
-     */
-    this.currency = 'USD';
-    /**
-     * Override integer length
-     * integer is the number before the decimal point
-     */
-    this.integerLength = 13;
-    /**
-     * Override decimal length
-     * decimal is the number after the decimal point
-     */
-    this.decimalLength = 2;
-    /**
-     * Component classes
-     */
-    this.classList = new ClassList(['mg-input--numeric']);
-    /**
-     * Define if input has focus
-     */
-    this.hasFocus = false;
     /**
      * Handle input event
      *
@@ -183,6 +136,30 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
         this.classList.add(slotAppendInput.nodeName === 'MG-BUTTON' ? 'mg-input--is-input-group-append' : 'mg-input--is-append-input-slot-content');
       }
     };
+    this.value = undefined;
+    this.identifier = undefined;
+    this.name = this.identifier;
+    this.label = undefined;
+    this.labelOnTop = undefined;
+    this.labelHide = false;
+    this.placeholder = undefined;
+    this.required = false;
+    this.readonly = false;
+    this.disabled = false;
+    this.mgWidth = undefined;
+    this.tooltip = undefined;
+    this.helpText = undefined;
+    this.type = types[0];
+    this.currency = 'USD';
+    this.max = undefined;
+    this.min = undefined;
+    this.integerLength = 13;
+    this.decimalLength = 2;
+    this.valid = undefined;
+    this.invalid = undefined;
+    this.classList = new ClassList(['mg-input--numeric']);
+    this.errorMessage = undefined;
+    this.hasFocus = false;
   }
   validateValue(newValue) {
     if (newValue !== undefined && newValue !== null) {

package/dist/components/mg-input-password.js

@@ -17,35 +17,6 @@ const MgInputPassword$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this.inputValid = createEvent(this, "input-valid", 7);
     // hasDisplayedError (triggered by blur event)
     this.hasDisplayedError = false;
-    /**
-     * Input name
-     * If not set the value equals the identifier
-     */
-    this.name = this.identifier;
-    /**
-     * Define if label is visible
-     */
-    this.labelHide = false;
-    /**
-     * Define if input is required
-     */
-    this.required = false;
-    /**
-     * Define if input is readonly
-     */
-    this.readonly = false;
-    /**
-     * Define if input is disabled
-     */
-    this.disabled = false;
-    /**
-     * Define input width
-     */
-    this.mgWidth = 'full';
-    /**
-     * Component classes
-     */
-    this.classList = new ClassList(['mg-input--password']);
     /**
      * Handle input event
      */
@@ -83,6 +54,23 @@ const MgInputPassword$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
         this.errorMessage = this.messages.errors.required;
       }
     };
+    this.value = undefined;
+    this.identifier = undefined;
+    this.name = this.identifier;
+    this.label = undefined;
+    this.labelOnTop = undefined;
+    this.labelHide = false;
+    this.placeholder = undefined;
+    this.required = false;
+    this.readonly = false;
+    this.disabled = false;
+    this.mgWidth = 'full';
+    this.tooltip = undefined;
+    this.helpText = undefined;
+    this.valid = undefined;
+    this.invalid = undefined;
+    this.classList = new ClassList(['mg-input--password']);
+    this.errorMessage = undefined;
   }
   handleValue(newValue) {
     this.valueChange.emit(newValue);

package/dist/components/mg-input-radio.js

@@ -29,39 +29,6 @@ const MgInputRadio$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.inputs = [];
     // hasDisplayedError (triggered by blur event)
     this.hasDisplayedError = false;
-    /**
-     * Input name
-     * If not set the value equals the identifier
-     */
-    this.name = this.identifier;
-    /**
-     * Define if label is displayed on top
-     */
-    this.labelOnTop = false;
-    /**
-     * Define if label is visible
-     */
-    this.labelHide = false;
-    /**
-     * Define if inputs are display verticaly
-     */
-    this.inputVerticalList = false;
-    /**
-     * Define if input is required
-     */
-    this.required = false;
-    /**
-     * Define if input is readonly
-     */
-    this.readonly = false;
-    /**
-     * Define if input is disabled
-     */
-    this.disabled = false;
-    /**
-     * Component classes
-     */
-    this.classList = new ClassList(['mg-input--radio']);
     /**
      * Handle input event
      *
@@ -111,6 +78,24 @@ const MgInputRadio$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
      * @returns {HTMLInputElement} element
      */
     this.getInvalidElement = () => this.inputs.find((input) => !input.disabled && !input.readOnly && !input.checkValidity());
+    this.value = undefined;
+    this.items = undefined;
+    this.identifier = undefined;
+    this.name = this.identifier;
+    this.label = undefined;
+    this.labelOnTop = false;
+    this.labelHide = false;
+    this.inputVerticalList = false;
+    this.required = false;
+    this.readonly = false;
+    this.disabled = false;
+    this.tooltip = undefined;
+    this.helpText = undefined;
+    this.valid = undefined;
+    this.invalid = undefined;
+    this.classList = new ClassList(['mg-input--radio']);
+    this.errorMessage = undefined;
+    this.options = undefined;
   }
   handleValue(newValue) {
     this.valueChange.emit(newValue);

package/dist/components/mg-input-select2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { M as MgInput } from './MgInput.js';
-import { C as ClassList, a as allItemsAreString } from './components.utils.js';
+import { a as allItemsAreString, C as ClassList } from './components.utils.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$3 } from './mg-icon2.js';
 import { d as defineCustomElement$2 } from './mg-input-title2.js';
@@ -53,39 +53,6 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.inputValid = createEvent(this, "input-valid", 7);
     // hasDisplayedError (triggered by blur event)
     this.hasDisplayedError = false;
-    /**
-     * Input name
-     * If not set the value equals the identifier
-     */
-    this.name = this.identifier;
-    /**
-     * Define if label is visible
-     */
-    this.labelHide = false;
-    /**
-     * Option to remove placeholder
-     */
-    this.placeholderHide = false;
-    /**
-     * Option to disable placeholder
-     */
-    this.placeholderDisabled = false;
-    /**
-     * Define if input is required
-     */
-    this.required = false;
-    /**
-     * Define if input is readonly
-     */
-    this.readonly = false;
-    /**
-     * Define if input is disabled
-     */
-    this.disabled = false;
-    /**
-     * Component classes
-     */
-    this.classList = new ClassList(['mg-input--select']);
     /**
      * Handle input event
      */
@@ -127,6 +94,29 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         this.errorMessage = this.messages.errors.required;
       }
     };
+    this.value = undefined;
+    this.items = undefined;
+    this.identifier = undefined;
+    this.name = this.identifier;
+    this.label = undefined;
+    this.labelOnTop = undefined;
+    this.labelHide = false;
+    this.placeholder = undefined;
+    this.placeholderHide = false;
+    this.placeholderDisabled = false;
+    this.required = false;
+    this.readonly = false;
+    this.disabled = false;
+    this.mgWidth = undefined;
+    this.tooltip = undefined;
+    this.helpText = undefined;
+    this.valid = undefined;
+    this.invalid = undefined;
+    this.classList = new ClassList(['mg-input--select']);
+    this.errorMessage = undefined;
+    this.options = undefined;
+    this.valueExist = undefined;
+    this.readonlyValue = undefined;
   }
   handleValue(newValue) {
     if (newValue !== null) {

package/dist/components/mg-input-text2.js

@@ -25,47 +25,6 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.classHasIcon = 'mg-input--has-icon';
     // hasDisplayedError (triggered by blur event)
     this.hasDisplayedError = false;
-    /**
-     * Input name
-     * If not set the value equals the identifier
-     */
-    this.name = this.identifier;
-    /**
-     * Input type
-     */
-    this.type = 'text';
-    /**
-     * Define if label is visible
-     */
-    this.labelHide = false;
-    /**
-     * Input max length
-     */
-    this.maxlength = 400;
-    /**
-     * Define if input is required
-     */
-    this.required = false;
-    /**
-     * Define if input is readonly
-     */
-    this.readonly = false;
-    /**
-     * Define if input is disabled
-     */
-    this.disabled = false;
-    /**
-     * Define input width
-     */
-    this.mgWidth = 'full';
-    /**
-     * Define if component should display character left
-     */
-    this.displayCharacterLeft = true;
-    /**
-     * Component classes
-     */
-    this.classList = new ClassList(['mg-input--text']);
     /**
      * Handle input event
      *
@@ -156,6 +115,29 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.classList.add('mg-input--has-buttons-group-append');
       }
     };
+    this.value = undefined;
+    this.identifier = undefined;
+    this.name = this.identifier;
+    this.label = undefined;
+    this.type = 'text';
+    this.icon = undefined;
+    this.labelOnTop = undefined;
+    this.labelHide = false;
+    this.placeholder = undefined;
+    this.maxlength = 400;
+    this.required = false;
+    this.readonly = false;
+    this.disabled = false;
+    this.mgWidth = 'full';
+    this.pattern = undefined;
+    this.patternErrorMessage = undefined;
+    this.tooltip = undefined;
+    this.displayCharacterLeft = true;
+    this.helpText = undefined;
+    this.valid = undefined;
+    this.invalid = undefined;
+    this.classList = new ClassList(['mg-input--text']);
+    this.errorMessage = undefined;
   }
   handleValue(newValue) {
     this.valueChange.emit(newValue);

package/dist/components/mg-input-textarea.js

@@ -24,51 +24,6 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this.classHasDisplayCharacterLeft = 'mg-input--has-display-character-left';
     // hasDisplayedError (triggered by blur event)
     this.hasDisplayedError = false;
-    /**
-     * Input name
-     * If not set the value equals the identifier
-     */
-    this.name = this.identifier;
-    /**
-     * Define if label is visible
-     */
-    this.labelHide = false;
-    /**
-     * Input max length
-     */
-    this.maxlength = 4000;
-    /**
-     * Define if input is required
-     */
-    this.required = false;
-    /**
-     * Define if input is readonly
-     */
-    this.readonly = false;
-    /**
-     * Define if input is disabled
-     */
-    this.disabled = false;
-    /**
-     * Define input width
-     */
-    this.mgWidth = 'full';
-    /**
-     * Define the number of visible text lines for the control
-     */
-    this.rows = 3;
-    /**
-     * Define if component should display character left
-     */
-    this.displayCharacterLeft = true;
-    /**
-     * Define if input is resizable
-     */
-    this.resizable = 'none';
-    /**
-     * Component classes
-     */
-    this.classList = new ClassList(['mg-input--textarea']);
     /**
      * Handle input event
      */
@@ -139,6 +94,29 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
         throw new Error('<mg-input-textarea> prop "pattern" must be paired with the prop "patternErrorMessage"');
       }
     };
+    this.value = undefined;
+    this.identifier = undefined;
+    this.name = this.identifier;
+    this.label = undefined;
+    this.labelOnTop = undefined;
+    this.labelHide = false;
+    this.placeholder = undefined;
+    this.maxlength = 4000;
+    this.required = false;
+    this.readonly = false;
+    this.disabled = false;
+    this.mgWidth = 'full';
+    this.pattern = undefined;
+    this.patternErrorMessage = undefined;
+    this.rows = 3;
+    this.tooltip = undefined;
+    this.displayCharacterLeft = true;
+    this.helpText = undefined;
+    this.valid = undefined;
+    this.invalid = undefined;
+    this.resizable = 'none';
+    this.classList = new ClassList(['mg-input--textarea']);
+    this.errorMessage = undefined;
   }
   handleValue(newValue) {
     this.checkValidity();

package/dist/components/mg-input-title2.js

@@ -6,17 +6,13 @@ const MgInputTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   constructor() {
     super();
     this.__registerHost();
-    /**
-     * Switch from label to fieldset sementic
-     */
-    this.isLegend = false;
-    /**
-     * Component parent tagname
-     */
-    this.tagName = 'label';
     this.getTagName = () => {
       this.tagName = this.isLegend ? 'legend' : 'label';
     };
+    this.identifier = undefined;
+    this.required = undefined;
+    this.isLegend = false;
+    this.tagName = 'label';
   }
   validateIdentifier(newValue) {
     if (typeof newValue !== 'string' || newValue.trim() === '') {

package/dist/components/mg-input-toggle.js

@@ -30,39 +30,6 @@ const MgInputToggle$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.classIsActive = 'mg-input--toggle-is-active';
     this.classOnOff = 'mg-input--toggle-on-off';
     this.classIcon = 'mg-input--toggle-icon';
-    /**
-     * Input name
-     * If not set the value equals the identifier
-     */
-    this.name = this.identifier;
-    /**
-     * Define if label is visible
-     */
-    this.labelHide = false;
-    /**
-     * Define if toggle have on/off style
-     */
-    this.isOnOff = false;
-    /**
-     * Define if toggle display icon
-     */
-    this.isIcon = false;
-    /**
-     * Define if input is readonly
-     */
-    this.readonly = false;
-    /**
-     * Define if input is disabled
-     */
-    this.disabled = false;
-    /**
-     * Component classes
-     */
-    this.classList = new ClassList(['mg-input--toggle']);
-    /**
-     * Checked internal value
-     */
-    this.checked = false;
     /**
      * Change checked value
      *
@@ -87,6 +54,22 @@ const MgInputToggle$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
         slots.forEach(slot => slot.setAttribute('title', slot.textContent));
       }
     };
+    this.value = undefined;
+    this.items = undefined;
+    this.identifier = undefined;
+    this.name = this.identifier;
+    this.label = undefined;
+    this.labelOnTop = undefined;
+    this.labelHide = false;
+    this.isOnOff = false;
+    this.isIcon = false;
+    this.readonly = false;
+    this.disabled = false;
+    this.tooltip = undefined;
+    this.helpText = undefined;
+    this.classList = new ClassList(['mg-input--toggle']);
+    this.options = undefined;
+    this.checked = false;
   }
   handleValue(newValue) {
     // Swich to the right option