@mgdis/mg-components 5.9.1 → 5.10.0

package/dist/collection/components/molecules/mg-action-more/mg-action-more.js

@@ -5,7 +5,6 @@ import { Direction } from '../menu/mg-menu/mg-menu.conf';
 import { createID } from '../../../utils/components.utils';
 /**
  * MgActionMore['items'] type guard
- *
  * @param {unknown} prop commponent items prop
  * @returns {boolean} return true if type is valid
  */
@@ -15,7 +14,6 @@ const isMgActionMoreItems = (prop) => {
 };
 /**
  * MgActionMore['button'] type guard
- *
  * @param {unknown} prop commponent button prop
  * @returns {boolean} return true if type is valid
  */
@@ -25,7 +23,6 @@ const isMgActionMoreButton = (prop) => {
 };
 /**
  * MgActionMore['icon'] type guard
- *
  * @param {unknown} prop commponent icon prop
  * @returns {boolean} return true if type is valid
  */
@@ -45,7 +42,6 @@ export class MgActionMore {
      ***********/
     /**
      * Toogle expanded props
-     *
      * @returns {void}
      */
     this.toggleExpanded = () => {
@@ -53,7 +49,6 @@ export class MgActionMore {
     };
     /**
      * Button click handler
-     *
      * @returns {void}
      */
     this.handleButton = () => {
@@ -61,7 +56,6 @@ export class MgActionMore {
     };
     /**
      * Item click handler
-     *
      * @param {MouseEvent} event click event
      * @param {MgActionMoreItemType['mouseEventHandler']} customHandler item['mouseEventHandler']
      * @returns {void}
@@ -101,7 +95,6 @@ export class MgActionMore {
    *************/
   /**
    * Validate props
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -113,7 +106,6 @@ export class MgActionMore {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -3,7 +3,6 @@ export class MgDetails {
   constructor() {
     /**
      * Handle details toggle
-     *
      * @returns {void}
      */
     this.handleToggle = () => {
@@ -27,7 +26,6 @@ export class MgDetails {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -36,7 +34,6 @@ export class MgDetails {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -8,7 +8,6 @@ export class MgForm {
     /**
      * Define required message based on mg-inputs required elements
      * Also
-     *
      * @returns {void}
      */
     this.setRequiredMessage = () => {
@@ -34,7 +33,6 @@ export class MgForm {
     };
     /**
      * Check if form is valid
-     *
      * @returns {void}
      */
     this.checkValidity = () => {
@@ -47,7 +45,6 @@ export class MgForm {
     };
     /**
      * Handle Form Submit
-     *
      * @param {SubmitEvent} event submit event
      * @returns {void}
      */
@@ -57,7 +54,6 @@ export class MgForm {
     };
     /**
      * Set mgInputs
-     *
      * @returns {void}
      */
     this.setMgInputs = () => {
@@ -89,7 +85,6 @@ export class MgForm {
   }
   /**
    * Public method to display errors
-   *
    * @returns {Promise<void>}
    */
   async displayError() {
@@ -105,7 +100,6 @@ export class MgForm {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -133,7 +127,6 @@ export class MgForm {
   }
   /**
    * Add slot listeners
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -152,7 +145,6 @@ export class MgForm {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js

@@ -10,7 +10,6 @@ export class MgIllustratedMessage {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -26,7 +25,6 @@ export class MgIllustratedMessage {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -13,7 +13,6 @@ export class MgItemMore {
      ***********/
     /**
      * render mg-item-more overflow element
-     *
      * @returns {HTMLMgItemMoreElement} mg-item-more element
      */
     this.renderMgMenuItemOverflowElement = () => {
@@ -63,7 +62,6 @@ export class MgItemMore {
    *************/
   /**
    * Disconnect overflow ResizeObserver
-   *
    * @returns {void} run overflow resize obeserver disconnexion
    */
   disconnectedCallback() {
@@ -71,7 +69,6 @@ export class MgItemMore {
   }
   /**
    * Set variables and validate props
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -86,7 +83,6 @@ export class MgItemMore {
   }
   /**
    * Add overflow behavior
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -94,7 +90,6 @@ export class MgItemMore {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -18,7 +18,6 @@ export class MgMessage {
     this.isHovered = false;
     /**
      * Set timer
-     *
      * @returns {void}
      */
     this.setTimer = () => {
@@ -26,7 +25,6 @@ export class MgMessage {
     };
     /**
      * Clear timer
-     *
      * @returns {void}
      */
     this.clearTimer = () => {
@@ -34,7 +32,6 @@ export class MgMessage {
     };
     /**
      * Event to add on element
-     *
      * @param {MouseEvent | FocusEvent} event  event
      * @returns {void}
      */
@@ -59,8 +56,7 @@ export class MgMessage {
     };
     /**
      * Get icon corresponding to variant
-     *
-     * @returns {string} icon
+     * @returns {MgIcon['icon'] | undefined} icon
      */
     this.getIcon = () => {
       switch (this.variant) {
@@ -85,7 +81,7 @@ export class MgMessage {
     this.hasActions = false;
   }
   validateDelay(newValue) {
-    if (newValue && newValue < 2) {
+    if (newValue !== undefined && newValue < 2) {
       throw new Error(`<mg-message> prop "delay" must be greater than 2 seconds.`);
     }
   }
@@ -154,7 +150,6 @@ export class MgMessage {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -44,7 +44,6 @@ export class MgModal {
      *************/
     /**
      * Handle close button
-     *
      * @returns {void}
      */
     this.handleClose = () => {
@@ -77,7 +76,6 @@ export class MgModal {
   }
   /**
    * Handle 'escape' key down
-   *
    * @param {KeyboardEvent} event keydown event
    * @returns {void}
    */
@@ -92,7 +90,6 @@ export class MgModal {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -112,7 +109,6 @@ export class MgModal {
   }
   /**
    * Add observer on component to set focus when displayed
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -128,7 +124,6 @@ export class MgModal {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -185,7 +180,7 @@ export class MgModal {
       },
       "closeButton": {
         "type": "boolean",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",

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

@@ -16,7 +16,6 @@ import { initLocales } from './../../../locales';
  * range(1, 1) = [1]
  * range(1, 5) = [1, 2, 3, 4, 5]
  * range(10, 20, 2) = [10, 12, 14, 16, 18, 20]
- *
  * @param {number} start start range
  * @param {number} end start end
  * @param {number} step step size
@@ -27,7 +26,6 @@ export class MgPagination {
   constructor() {
     /**
      * Change current page from target
-     *
      * @param {number} target target page
      * @returns {void}
      */
@@ -39,7 +37,6 @@ export class MgPagination {
      ************/
     /**
      * select handler
-     *
      * @param {InputEvent} event value change event
      * @returns {void}
      */
@@ -49,7 +46,6 @@ export class MgPagination {
     };
     /**
      * Go to 'previous/next' page button handler
-     *
      * @param {string} action navigation action
      * @param {boolean} disabled button disable state
      * @returns {void}
@@ -82,7 +78,6 @@ export class MgPagination {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -98,7 +93,6 @@ export class MgPagination {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

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

@@ -8,7 +8,6 @@ export class MgPanel {
      ************/
     /**
      * Toggle is editing state
-     *
      * @returns {void}
      */
     this.toggleIsEditing = () => {
@@ -19,7 +18,6 @@ export class MgPanel {
      ************/
     /**
      * Collapse button click handler
-     *
      * @returns {void}
      */
     this.handleCollapseButton = () => {
@@ -29,7 +27,6 @@ export class MgPanel {
     };
     /**
      * Edit button click handler
-     *
      * @returns {void}
      */
     this.handleEditButton = () => {
@@ -37,7 +34,6 @@ export class MgPanel {
     };
     /**
      * Update title handler
-     *
      * @param {CustomEvent<string>} event input value change event
      * @returns {void}
      */
@@ -46,7 +42,6 @@ export class MgPanel {
     };
     /**
      * Cancel edition button handler
-     *
      * @returns {void}
      */
     this.handleCancelEditButton = () => {
@@ -55,7 +50,6 @@ export class MgPanel {
     };
     /**
      * Validate edition button handler
-     *
      * @returns {void}
      */
     this.handleValidateEditButton = () => {
@@ -67,7 +61,6 @@ export class MgPanel {
     };
     /**
      * Header left conditional render
-     *
      * @typedef {HTMLElement} HTMLMgButtonElement
      * @returns {HTMLMgButtonElement | HTMLElement | HTMLElement[]} header left element
      */
@@ -105,10 +98,10 @@ export class MgPanel {
     this.titleChange.emit(newValue);
   }
   validatetitlePattern(newValue) {
-    if (newValue && !this.titleEditable) {
+    if (newValue !== undefined && !this.titleEditable) {
       throw new Error('<mg-panel> prop "titleEditable" must be set to `true`.');
     }
-    if (newValue && (this.titlePatternErrorMessage === undefined || this.titlePatternErrorMessage.trim() === '')) {
+    if (newValue !== undefined && (this.titlePatternErrorMessage === undefined || this.titlePatternErrorMessage.trim() === '')) {
       throw new Error('<mg-panel> prop "titlePattern" must be paired with the prop "titlePatternErrorMessage".');
     }
   }
@@ -120,7 +113,6 @@ export class MgPanel {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -132,7 +124,6 @@ export class MgPanel {
   }
   /**
    * Edit DOM after render
-   *
    * @returns {void}
    */
   componentDidRender() {
@@ -143,7 +134,6 @@ export class MgPanel {
   }
   /**
    * Render component
-   *
    * @returns {HTMLElement} html element
    */
   render() {
@@ -200,7 +190,7 @@ export class MgPanel {
       },
       "titlePattern": {
         "type": "string",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -217,7 +207,7 @@ export class MgPanel {
       },
       "titlePatternErrorMessage": {
         "type": "string",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -252,7 +242,7 @@ export class MgPanel {
       },
       "expandToggleDisabled": {
         "type": "boolean",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",

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

@@ -9,7 +9,6 @@ export class MgPopover {
     this.classArrowHide = `mg-popover--arrow-hide`;
     /**
      * Check if clicked outside of component
-     *
      * @param {MouseEvent} event mouse event
      * @returns {void}
      */
@@ -23,7 +22,6 @@ export class MgPopover {
     };
     /**
      * Show popover
-     *
      * @returns {void}
      */
     this.show = () => {
@@ -43,7 +41,6 @@ export class MgPopover {
     };
     /**
      * Hide popover
-     *
      * @returns {void}
      */
     this.hide = () => {
@@ -58,7 +55,6 @@ export class MgPopover {
     };
     /**
      * Handle action for close button
-     *
      * @returns {void}
      */
     this.handleCloseButton = () => {
@@ -92,7 +88,6 @@ export class MgPopover {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void} timeout
    */
   componentWillLoad() {
@@ -104,7 +99,6 @@ export class MgPopover {
   }
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -162,7 +156,6 @@ export class MgPopover {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -279,7 +272,7 @@ export class MgPopover {
       },
       "disabled": {
         "type": "boolean",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",

package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js

@@ -8,7 +8,6 @@ export class MgSkipLinks {
      **********/
     /**
      * Handle link click and emit go-to-anchor event
-     *
      * @param {MouseEvent} event mouse event
      * @returns {void}
      */
@@ -30,7 +29,6 @@ export class MgSkipLinks {
    *************/
   /**
    * Check if props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -39,7 +37,6 @@ export class MgSkipLinks {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {
@@ -61,7 +58,7 @@ export class MgSkipLinks {
     return {
       "links": {
         "type": "unknown",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "SkipLink[]",
           "resolved": "SkipLink[]",

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

@@ -3,7 +3,6 @@ import { createID, ClassList, allItemsAreString } from '../../../utils/component
 import { sizes, Status } from './mg-tabs.conf';
 /**
  * type TabItem validation function
- *
  * @param {TabItem} tab tab item
  * @returns {boolean} tab item type is valid
  */
@@ -19,7 +18,6 @@ export class MgTabs {
     this.startIndex = 1;
     /**
      * Method to know if given tab has the given status
-     *
      * @param {TabItem} tab item tab key to set to ACTIVE status
      * @param {Status} status status to valide
      * @returns {boolean} status comparaison
@@ -27,7 +25,6 @@ export class MgTabs {
     this.tabHasStatus = (tab, status) => tab.status === status;
     /**
      * Method to get element id from index
-     *
      * @param {string} element to get id
      * @param {number} index to generate id
      * @returns {string} generated element id
@@ -35,20 +32,17 @@ export class MgTabs {
     this.getElementId = (element, index) => `${element}-${this.getTabItemIndex(index)}`;
     /**
      * Method to get tab item index
-     *
      * @param {number} index to get
      * @returns {number} index
      */
     this.getTabItemIndex = (index) => index + this.startIndex;
     /**
      * Method to get the active-tab value
-     *
      * @returns {number} of the active-tab
      */
     this.getActiveTab = () => this.activeTab || this.getTabItemIndex(this.tabs.map((tab, index) => (Object.assign(Object.assign({}, tab), { index }))).find(tab => this.tabHasStatus(tab, Status.ACTIVE)).index);
     /**
      * Handle click events on tabs
-     *
      * @param {MouseEvent} event mouse event
      */
     this.handleClick = (event) => {
@@ -64,14 +58,12 @@ export class MgTabs {
     };
     /**
      * get navigation button class from given status
-     *
      * @param {Status} status button tab status
      * @returns {string} button class/selector variant
      */
     this.getNavigationButtonClass = (status) => `${this.buttonTabBaseClass}--${status}`;
     /**
      * Handle keyboard event on tabs
-     *
      * @param {MouseEvent} event mouse event
      * @returns {void}
      */
@@ -111,7 +103,6 @@ export class MgTabs {
     };
     /**
      * Method to reset focus behavior
-     *
      * @returns {void}
      */
     this.resetFocus = () => {
@@ -191,7 +182,6 @@ export class MgTabs {
    *************/
   /**
    * Check if component props are well configured on init
-   *
    * @returns {void}
    */
   componentWillLoad() {
@@ -204,7 +194,6 @@ export class MgTabs {
   }
   /**
    * add listners
-   *
    * @returns {void}
    */
   componentDidLoad() {
@@ -215,7 +204,6 @@ export class MgTabs {
   }
   /**
    * Render
-   *
    * @returns {HTMLElement} HTML Element
    */
   render() {

package/dist/collection/locales/index.js

@@ -5,7 +5,6 @@ const defaultLocale = 'en';
 const messages = { en, fr };
 /**
  * Get Intl object
- *
  * @param {HTMLElement} element element we need to get the language
  * @returns {{ locale: string; messages: Record<string, unknown> }} messages object
  */