@mgdis/mg-components 5.9.1 → 5.10.0

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

@@ -10,7 +10,6 @@ export class MgInputNumeric {
     this.hasDisplayedError = false;
     /**
      * Handle input event
-     *
      * @returns {void}
      */
     this.handleInput = () => {
@@ -23,7 +22,6 @@ export class MgInputNumeric {
     };
     /**
      * Handle focus event
-     *
      * @returns {void}
      */
     this.handleFocus = () => {
@@ -31,7 +29,6 @@ export class MgInputNumeric {
     };
     /**
      * Handle blur event
-     *
      * @returns {void}
      */
     this.handleBlur = () => {
@@ -41,7 +38,6 @@ export class MgInputNumeric {
     };
     /**
      * Check if input is valid
-     *
      * @returns {void}
      */
     this.checkValidity = () => {
@@ -52,7 +48,6 @@ export class MgInputNumeric {
     };
     /**
      * Set input error message
-     *
      * @returns {void}
      */
     this.setErrorMessage = () => {
@@ -70,7 +65,6 @@ export class MgInputNumeric {
     };
     /**
      * Get input error code
-     *
      * @returns {null | InputError} error code
      */
     this.getInputError = () => {
@@ -99,14 +93,12 @@ export class MgInputNumeric {
     };
     /**
      * Format value based on type
-     *
      * @param {number} value value to format
      * @returns {string} formated local value
      */
     this.formatValue = (value) => (this.type === 'currency' ? localeCurrency(value, this.locale, this.currency) : localeNumber(value, this.locale));
     /**
      * Validate append slot
-     *
      * @returns {void}
      */
     this.validateAppendSlot = () => {
@@ -195,7 +187,6 @@ export class MgInputNumeric {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -206,7 +197,6 @@ export class MgInputNumeric {
   /**
    * Displayed value in input
    * Change on focus/blur
-   *
    * @returns {MgInputNumeric['value'] | MgInputNumeric['readonlyValue']} display value
    */
   displayValue() {
@@ -217,7 +207,6 @@ export class MgInputNumeric {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -241,7 +230,6 @@ export class MgInputNumeric {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -76,7 +76,6 @@ export class MgInputPassword {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -89,7 +88,6 @@ export class MgInputPassword {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -104,7 +102,6 @@ export class MgInputPassword {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -7,7 +7,6 @@ import { ClassList, allItemsAreString } from '../../../../utils/components.utils
 import { initLocales } from '../../../../locales';
 /**
  * type Option validation function
- *
  * @param {RadioOption} option radio option
  * @returns {boolean} radio option type is valid
  */
@@ -23,7 +22,6 @@ export class MgInputRadio {
     this.hasDisplayedError = false;
     /**
      * Handle input event
-     *
      * @param {event} event input event
      * @returns {void}
      */
@@ -33,7 +31,6 @@ export class MgInputRadio {
     };
     /**
      * Handle blur event
-     *
      * @returns {void}
      */
     this.handleBlur = () => {
@@ -42,7 +39,6 @@ export class MgInputRadio {
     };
     /**
      * Check if input is valid
-     *
      * @returns {void}
      */
     this.checkValidity = () => {
@@ -53,7 +49,6 @@ export class MgInputRadio {
     };
     /**
      * Set input error message
-     *
      * @returns {void}
      */
     this.setErrorMessage = () => {
@@ -66,7 +61,6 @@ export class MgInputRadio {
     };
     /**
      * get invalid element
-     *
      * @returns {HTMLInputElement} element
      */
     this.getInvalidElement = () => this.inputs.find((input) => !input.disabled && !input.readOnly && !input.checkValidity());
@@ -121,7 +115,6 @@ export class MgInputRadio {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -134,7 +127,6 @@ export class MgInputRadio {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -151,7 +143,6 @@ export class MgInputRadio {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -6,28 +6,24 @@ import { ClassList, allItemsAreString } from '../../../../utils/components.utils
 import { initLocales } from '../../../../locales';
 /**
  * Check if item is a well configured option
- *
  * @param {unknown} option select option
  * @returns {boolean} select option type is valid
  */
 const isOption = (option) => typeof option === 'object' && typeof option.title === 'string';
 /**
  * Check if items[] is SelectOption
- *
  * @param {unknown[]} items select option
  * @returns {boolean} select option array type is valid
  */
 const allItemsAreOptions = (items) => Array.isArray(items) && items.every(item => isOption(item));
 /**
  * Check if item is a well configured optgroup
- *
  * @param {unknown} optgroup select option
  * @returns {boolean} select optgroup type is valid
  */
 const isOptGroup = (optgroup) => typeof optgroup === 'object' && typeof optgroup.group === 'string' && allItemsAreOptions(optgroup.options);
 /**
  * Group options
- *
  * @param {(SelectOption | OptGroup)[]} acc reduce accumulator
  * @param {SelectOption} item item to add
  * @param {string} item.group item group
@@ -60,7 +56,6 @@ export class MgInputSelect {
     this.hasDisplayedError = false;
     /**
      * Handle input event
-     *
      * @returns {void}
      */
     this.handleInput = () => {
@@ -70,14 +65,12 @@ export class MgInputSelect {
     };
     /**
      * Method to compare item.title with input.value
-     *
      * @param {SelectOption} item item to compare with
      * @returns {boolean} truthy if input.value is an item
      */
     this.isInputValue = (item) => { var _a; return item.title === ((_a = this.input) === null || _a === void 0 ? void 0 : _a.value); };
     /**
      * value props setter
-     *
      * @param {MgInputSelect['value']} newValue value to update with
      * @returns {void}
      */
@@ -87,7 +80,6 @@ export class MgInputSelect {
     };
     /**
      * Update value from input.value
-     *
      * @returns {void}
      */
     this.updateValue = () => {
@@ -114,7 +106,6 @@ export class MgInputSelect {
     };
     /**
      * Input value is disabled
-     *
      * @returns {boolean} truthy if input value is disabled
      */
     this.isDisabledValue = () => { var _a; return allItemsAreOptions(this.options) && ((_a = this.options.find(this.isInputValue)) === null || _a === void 0 ? void 0 : _a.disabled) === true; };
@@ -140,7 +131,6 @@ export class MgInputSelect {
     };
     /**
      * Render option
-     *
      * @param {SelectOption} option to render
      * @returns {HTMLElement} render option
      */
@@ -221,7 +211,6 @@ export class MgInputSelect {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -234,7 +223,6 @@ export class MgInputSelect {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -256,7 +244,6 @@ export class MgInputSelect {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -15,7 +15,6 @@ export class MgInputText {
     this.hasDisplayedError = false;
     /**
      * Handle input event
-     *
      * @returns {void}
      */
     this.handleInput = () => {
@@ -27,7 +26,6 @@ export class MgInputText {
     };
     /**
      * Handle focus event
-     *
      * @returns {void}
      */
     this.handleFocus = () => {
@@ -36,7 +34,6 @@ export class MgInputText {
     };
     /**
      * Handle blur event
-     *
      * @returns {void}
      */
     this.handleBlur = () => {
@@ -48,7 +45,6 @@ export class MgInputText {
     };
     /**
      * Check if input is valid
-     *
      * @returns {void}
      */
     this.checkValidity = () => {
@@ -60,7 +56,6 @@ export class MgInputText {
     };
     /**
      * Set input error message
-     *
      * @returns {void}
      */
     this.setErrorMessage = () => {
@@ -77,11 +72,10 @@ export class MgInputText {
     };
     /**
      * Validate pattern configuration
-     *
      * @returns {void}
      */
     this.validatePattern = () => {
-      if (this.pattern &&
+      if (this.pattern !== undefined &&
         typeof this.pattern === 'string' &&
         this.pattern !== '' &&
         (this.patternErrorMessage === undefined || typeof this.patternErrorMessage !== 'string' || this.patternErrorMessage === '')) {
@@ -90,7 +84,6 @@ export class MgInputText {
     };
     /**
      * Validate append slot
-     *
      * @returns {void}
      */
     this.validateAppendSlot = () => {
@@ -150,7 +143,6 @@ export class MgInputText {
   }
   /**
    * Public method to play input focus
-   *
    * @returns {Promise<void>}
    */
   async setFocus() {
@@ -158,7 +150,6 @@ export class MgInputText {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -171,7 +162,6 @@ export class MgInputText {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -191,7 +181,6 @@ export class MgInputText {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -42,7 +42,6 @@ export class MgInputTextarea {
     /**
      * Get pattern validity
      * Pattern is not defined on textarea field: https://developer.mozilla.org/fr/docs/Web/HTML/Element/Textarea
-     *
      * @returns {boolean} is pattern valid
      */
     this.getPatternValidity = () => this.pattern === undefined || new RegExp(`^${this.pattern}$`, 'u').test(this.value);
@@ -75,7 +74,7 @@ export class MgInputTextarea {
      * Validate pattern configuration
      */
     this.validatePattern = () => {
-      if (this.pattern &&
+      if (this.pattern !== undefined &&
         typeof this.pattern === 'string' &&
         this.pattern !== '' &&
         (this.patternErrorMessage === undefined || typeof this.patternErrorMessage !== 'string' || this.patternErrorMessage === '')) {
@@ -130,7 +129,6 @@ export class MgInputTextarea {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -143,7 +141,6 @@ export class MgInputTextarea {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentWillLoad() {
@@ -162,7 +159,6 @@ export class MgInputTextarea {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -5,7 +5,6 @@ import { MgInput } from '../MgInput';
 import { ClassList, allItemsAreString } from '../../../../utils/components.utils';
 /**
  * type Option validation function
- *
  * @param {ToggleValue} option radio option
  * @returns {boolean} toggle option type is valid
  */
@@ -23,7 +22,6 @@ export class MgInputToggle {
     this.classIcon = 'mg-input--toggle-icon';
     /**
      * Change checked value
-     *
      * @returns {void}
      */
     this.toggleChecked = () => {
@@ -31,7 +29,6 @@ export class MgInputToggle {
     };
     /**
      * Slots validation
-     *
      * @returns {void}
      */
     this.validateSlots = () => {
@@ -119,7 +116,6 @@ export class MgInputToggle {
   }
   /**
    * set checked state
-   *
    * @returns {void}
    */
   setChecked() {
@@ -162,7 +158,6 @@ export class MgInputToggle {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

package/dist/collection/components/molecules/menu/mg-menu/mg-menu.js

@@ -13,7 +13,6 @@ export class MgMenu {
      *************/
     /**
      * Close matching menu-item
-     *
      * @param {HTMLElement} item menu-item to close
      * @param {boolean} condition addionnal condition
      * @returns {void}
@@ -25,19 +24,16 @@ export class MgMenu {
     };
     /**
      * get mg-item-more element
-     *
      * @returns {HTMLMgItemMoreElement} mg-item-more element
      */
     this.getItemMore = () => this.element.querySelector('mg-item-more');
     /**
      * get mg-item-more >>> mg-menu-item element
-     *
      * @returns {HTMLMgMenuItemElement} mg-item-more >>> mg-menu-item element
      */
     this.getItemMoreMenuItem = () => { var _a, _b; return (_b = (_a = this.getItemMore()) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('mg-menu-item'); };
     /**
      * Set item listend
-     *
      * @param {HTMLMgMenuItemElement} item mg-menu-item element
      * @param {MgMenu['focusedMenuItem']} index number
      * @returns {void}
@@ -55,7 +51,6 @@ export class MgMenu {
     };
     /**
      * Store menu-items on component init and add listeners
-     *
      * @returns {void}
      */
     this.initMenuItemsListeners = () => {
@@ -66,7 +61,6 @@ export class MgMenu {
     };
     /**
      * Handle item-loaded event on mg-item-more element
-     *
      * @returns {void}
      */
     this.handleItemLoaded = () => {
@@ -74,7 +68,6 @@ export class MgMenu {
     };
     /**
      * render mg-item-more
-     *
      * @returns {void}
      */
     this.renderMgItemMore = () => {
@@ -117,7 +110,6 @@ export class MgMenu {
    *************/
   /**
    * Validate props
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -128,7 +120,6 @@ export class MgMenu {
   }
   /**
    * Check if component slots configuration
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentDidLoad() {
@@ -159,7 +150,6 @@ export class MgMenu {
   }
   /**
    * Add listeners to items
-   *
    * @returns {void}
    */
   componentDidRender() {
@@ -167,7 +157,6 @@ export class MgMenu {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

package/dist/collection/components/molecules/menu/mg-menu-item/mg-menu-item.js

@@ -15,7 +15,6 @@ export class MgMenuItem {
      **********/
     /**
      * Toggle expanded prop value
-     *
      * @returns {void}
      */
     this.toggleExpanded = () => {
@@ -23,7 +22,6 @@ export class MgMenuItem {
     };
     /**
      * Does an Element have given Status
-     *
      * @param {HTMLMgMenuItemElement} mgMenuItemElement to parse
      * @param {MgMenuItem['status']} status to check
      * @returns {boolean} true if element with status is found
@@ -31,7 +29,6 @@ export class MgMenuItem {
     this.hasStatus = (mgMenuItemElement, status) => mgMenuItemElement.status === status;
     /**
      * Is component contextual direction match the given direction
-     *
      * @param {MgMenuItem['direction']} direction in parent menu
      * @param {MgMenuItem['direction']} compareWith direction to compare with. Default: `this.direction`
      * @returns {boolean} true is direction match the direction propertie
@@ -40,7 +37,6 @@ export class MgMenuItem {
     /**
      * Update displayNotificationBadge
      * current component notification badge have priority over the slot badge when submenu contain badge
-     *
      * @returns {void} update displayNotificationBadge value
      */
     this.updateDisplayNotificationBadge = () => {
@@ -51,7 +47,6 @@ export class MgMenuItem {
     };
     /**
      * Method to control if one of component children have active status
-     *
      * @returns {boolean} truthy if component has active child
      */
     this.hasActiveChild = () => {
@@ -60,7 +55,6 @@ export class MgMenuItem {
     };
     /**
      * Validate slots
-     *
      * @param {boolean} guard prevent action whith guard. Default: false.
      * @returns {void}
      */
@@ -80,7 +74,6 @@ export class MgMenuItem {
     };
     /**
      * Update status
-     *
      * @param {Status[]} guard status to exclude from process in addition to [Status.HIDDEN, Status.DISABLED] . Default: [].
      * @returns {void}
      */
@@ -91,7 +84,6 @@ export class MgMenuItem {
     };
     /**
      * Init event-listeners
-     *
      * @returns {void}
      */
     this.initListeners = () => {
@@ -108,13 +100,11 @@ export class MgMenuItem {
     };
     /**
      * Get mg-popover identifier
-     *
      * @returns {MgPopover['identifier']} generated mg-popover identifier
      */
     this.getPopoverIdentifier = () => `${this.identifier}-popover`;
     /**
      * Condition to know if component should display a mg-popover
-     *
      * @returns {boolean} truthy if component display popover
      */
     this.displayPopover = () => this.isDirection(Direction.HORIZONTAL) && this.hasChildren && this.href === undefined;
@@ -123,7 +113,6 @@ export class MgMenuItem {
      ************/
     /**
      * Handle interacrtive element click
-     *
      * @param {MouseEvent} event click on element
      * @returns {void}
      */
@@ -138,7 +127,6 @@ export class MgMenuItem {
     };
     /**
      * Handle popover element display-change event
-     *
      * @param {CustomEvent} event popover display event
      * @returns {void}
      */
@@ -147,7 +135,6 @@ export class MgMenuItem {
     };
     /**
      * Render slot
-     *
      * @returns {HTMLElement} HTML Element
      */
     this.renderSlot = () => h("slot", null);
@@ -214,7 +201,6 @@ export class MgMenuItem {
   }
   /**
    * Render popover clickoutside guard for content slot
-   *
    * @returns {void}
    */
   updatePopoverGuard() {
@@ -228,7 +214,6 @@ export class MgMenuItem {
    *************/
   /**
    * Validate props
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -245,7 +230,6 @@ export class MgMenuItem {
   }
   /**
    * Check if component slots configuration
-   *
    * @returns {ReturnType<typeof setTimeout>} timeout
    */
   componentDidLoad() {
@@ -285,7 +269,6 @@ export class MgMenuItem {
   }
   /**
    * Render ineractive element
-   *
    * @returns {HTMLElement} HTML Element
    */
   renderInteractiveElement() {
@@ -298,7 +281,6 @@ export class MgMenuItem {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {