@mgdis/mg-components 5.19.3 → 5.21.0

package/dist/types/components/molecules/mg-item-more/mg-item-more.d.ts

@@ -1,64 +1,70 @@
 import type { IconType, SizeType, SlotLabelType } from './mg-item-more.conf';
 export declare class MgItemMore {
-  /************
-   * Internal *
-   ************/
-  private readonly name;
-  private messages;
-  private menuItems;
-  private overflowBehavior;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgItemMoreElement;
-  /**
-   * Define icon
-   */
-  icon: IconType;
-  validateIcon(newValue: MgItemMore['icon']): void;
-  /**
-   * Define slot label element
-   */
-  slotlabel: SlotLabelType;
-  validateSlotLabel(newValue: MgItemMore['slotlabel']): void;
-  /**
-   * Define component child menu size.
-   */
-  size: SizeType;
-  validateSize(newValue: MgItemMore['size']): void;
-  /**
-   * Define component parent menu.
-   */
-  parentMenu: HTMLMgMenuElement;
-  /***********
-   * Methods *
-   ***********/
-  /**
-   * render mg-item-more overflow element
-   * @returns mg-item-more element
-   */
-  private renderMgMenuItemOverflowElement;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Disconnect overflow ResizeObserver
-   */
-  disconnectedCallback(): void;
-  /**
-   * Set variables and validate props
-   */
-  componentWillLoad(): void;
-  /**
-   * Add overflow behavior
-   */
-  componentDidLoad(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private readonly name;
+    private messages;
+    private parentMenuItems;
+    private moreElementMenuItem;
+    private overflowBehavior;
+    private canRenderMgMenuItemOverflowElement;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgItemMoreElement;
+    /**
+     * Define icon
+     */
+    icon: IconType;
+    validateIcon(newValue: MgItemMore['icon']): void;
+    /**
+     * Define slot label element
+     */
+    slotlabel: SlotLabelType;
+    validateSlotLabel(newValue: MgItemMore['slotlabel']): void;
+    /**
+     * Define component child menu size.
+     */
+    size: SizeType;
+    validateSize(newValue: MgItemMore['size']): void;
+    /**
+     * Define component parent menu.
+     */
+    parentMenu: HTMLMgMenuElement;
+    /***********
+     * Methods *
+     ***********/
+    /**
+     * render mg-item-more overflow element
+     * @returns mg-item-more element
+     */
+    private renderMgMenuItemOverflowElement;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Set variables and validate props
+     */
+    componentWillLoad(): void;
+    /**
+     * Ensure parent DOM is fully rendered with timeout method before parse elements
+     */
+    componentDidLoad(): ReturnType<typeof setTimeout>;
+    /**
+     * Set OverflowBehavior when parentMenu state is upate AND defined
+     */
+    componentDidUpdate(): void;
+    /**
+     * Disconnect overflow ResizeObserver
+     */
+    disconnectedCallback(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/molecules/mg-message/mg-message.d.ts

@@ -2,97 +2,104 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { ClassList } from '../../../utils/components.utils';
 import { VariantType } from './mg-message.conf';
 export declare class MgMessage {
-  /************
-   * Internal *
-   ************/
-  private readonly classHide;
-  private closeButtonId;
-  private storedTimer;
-  private isFocused;
-  private isHovered;
-  private messages;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgMessageElement;
-  /**
-   * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
-   */
-  identifier: string;
-  /**
-   * Add a delay to hide/close message when it passed
-   * Value is defined in seconds and must greater than 2 seconds (PDA9-314 RG-06)
-   */
-  delay: number;
-  validateDelay(newValue: MgMessage['delay']): void;
-  /**
-   * Message variant
-   */
-  variant: VariantType;
-  validateVariant(newValue: MgMessage['variant'], oldValue?: MgMessage['variant']): void;
-  /**
-   * Define if message has a cross button
-   * RG 01: https://jira.mgdis.fr/browse/PDA9-140
-   */
-  closeButton: boolean;
-  validateCloseButton(newValue: MgMessage['closeButton']): void;
-  /**
-   * Define if message is hidden
-   */
-  hide: boolean;
-  validateHide(newValue: MgMessage['hide']): void;
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
-  /**
-   * Define if component is using actions slot
-   */
-  hasActions: boolean;
-  /**
-   * Emited event when message is diplayed
-   */
-  componentShow: EventEmitter<string>;
-  /**
-   * Emited event when message is hidden
-   */
-  componentHide: EventEmitter<string>;
-  /**
-   * Set timer
-   */
-  private setTimer;
-  /**
-   * Clear timer
-   */
-  private clearTimer;
-  /**
-   * Event to add on element
-   * @param event - event
-   */
-  private timerEvents;
-  /**
-   * Handle close button
-   */
-  private handleClose;
-  /**
-   * Get icon corresponding to variant
-   * @returns icon
-   */
-  private getIcon;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Check if component props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private readonly classHide;
+    private closeButtonId;
+    private storedTimer;
+    private isFocused;
+    private isHovered;
+    private messages;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgMessageElement;
+    /**
+     * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
+     * If not set, it will be created.
+     */
+    identifier: string;
+    /**
+     * Add a delay to hide/close message when it passed
+     * Value is defined in seconds and must greater than 2 seconds (PDA9-314 RG-06)
+     */
+    delay: number;
+    validateDelay(newValue: MgMessage['delay']): void;
+    /**
+     * Message variant
+     */
+    variant: VariantType;
+    validateVariant(newValue: MgMessage['variant'], oldValue?: MgMessage['variant']): void;
+    /**
+     * Define if message has a cross button
+     * RG 01: https://jira.mgdis.fr/browse/PDA9-140
+     */
+    closeButton: boolean;
+    validateCloseButton(newValue: MgMessage['closeButton']): void;
+    /**
+     * Define if message is hidden
+     */
+    hide: boolean;
+    validateHide(newValue: MgMessage['hide']): void;
+    /**
+     * Define if aria role is unset
+     * For a11y reasons, `<mg-message />` was design for `alert` needs with attached semantic role: `status`, `alert`.
+     * By toggle this props to `true`, you can unset the role to benefit from the template without any semantic role.
+     * Be careful to set the mode according to the context needs.
+     */
+    noAriaRole: boolean;
+    /**
+     * Component classes
+     */
+    classCollection: ClassList;
+    /**
+     * Define if component is using actions slot
+     */
+    hasActions: boolean;
+    /**
+     * Emited event when message is diplayed
+     */
+    componentShow: EventEmitter<void>;
+    /**
+     * Emited event when message is hidden
+     */
+    componentHide: EventEmitter<void>;
+    /**
+     * Set timer
+     */
+    private setTimer;
+    /**
+     * Clear timer
+     */
+    private clearTimer;
+    /**
+     * Event to add on element
+     * @param event - event
+     */
+    private timerEvents;
+    /**
+     * Handle close button
+     */
+    private handleClose;
+    /**
+     * Get icon corresponding to variant
+     * @returns icon
+     */
+    private getIcon;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Check if component props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/molecules/mg-modal/mg-modal.d.ts

@@ -2,111 +2,111 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { ClassList } from '../../../utils/components.utils';
 import { DialogRoleType } from './mg-modal.conf';
 export declare class MgModal {
-  /************
-   * Internal *
-   ************/
-  private modalFocusableElements;
-  private closeButtonElement;
-  private readonly classHide;
-  private titleId;
-  private messages;
-  private bodyOverflow;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgModalElement;
-  /**
-   * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
-   */
-  identifier: string;
-  /**
-   * Modal dialog role.
-   */
-  dialogRole: DialogRoleType;
-  validateDialogRole(newValue: MgModal['dialogRole']): void;
-  /**
-   * Displayed modal title
-   */
-  modalTitle: string;
-  validateModalTitle(newValue: MgModal['modalTitle']): void;
-  /**
-   * Define if modal has a cross button
-   */
-  closeButton: boolean;
-  /**
-   * Define if modal is hidden
-   */
-  hide: boolean;
-  validateHide(newValue: MgModal['hide']): void;
-  /**
-   * Define if component is using actions slot
-   */
-  hasActions: boolean;
-  /**
-   * Define if component is using content slot
-   */
-  hasContent: boolean;
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
-  /**
-   * Emmited event when modal is diplayed
-   */
-  componentShow: EventEmitter<string>;
-  /**
-   * Emmited event when modal is hidden
-   */
-  componentHide: EventEmitter<string>;
-  /**
-   * Handle 'escape' key down
-   * @param event - keydown event
-   */
-  handleKeyDown(event: KeyboardEvent): void;
-  /**
-   * Handle last focusable element
-   * @param event - keyboard event
-   */
-  private handleLastFocusableElement;
-  /**
-   * Handle first focusable element
-   * @param event - keyboard event
-   */
-  private handleFirstFocusableElement;
-  /**
-   * Get last focusablmeElement
-   * @returns last modal focusable element
-   */
-  private getLastFocusableElement;
-  /**
-   * Method to manage focus on modal focusable elements
-   */
-  private setFocus;
-  /*************
-   * Handlers *
-   *************/
-  /**
-   * Handle close button
-   */
-  private handleClose;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Check if component props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Add observer on component to set focus when displayed
-   */
-  componentDidLoad(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private modalFocusableElements;
+    private closeButtonElement;
+    private readonly classHide;
+    private titleId;
+    private messages;
+    private bodyOverflow;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgModalElement;
+    /**
+     * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
+     * If not set, it will be created.
+     */
+    identifier: string;
+    /**
+     * Modal dialog role.
+     */
+    dialogRole: DialogRoleType;
+    validateDialogRole(newValue: MgModal['dialogRole']): void;
+    /**
+     * Displayed modal title
+     */
+    modalTitle: string;
+    validateModalTitle(newValue: MgModal['modalTitle']): void;
+    /**
+     * Define if modal has a cross button
+     */
+    closeButton: boolean;
+    /**
+     * Define if modal is hidden
+     */
+    hide: boolean;
+    validateHide(newValue: MgModal['hide']): void;
+    /**
+     * Define if component is using actions slot
+     */
+    hasActions: boolean;
+    /**
+     * Define if component is using content slot
+     */
+    hasContent: boolean;
+    /**
+     * Component classes
+     */
+    classCollection: ClassList;
+    /**
+     * Emmited event when modal is diplayed
+     */
+    componentShow: EventEmitter<void>;
+    /**
+     * Emmited event when modal is hidden
+     */
+    componentHide: EventEmitter<void>;
+    /**
+     * Handle 'escape' key down
+     * @param event - keydown event
+     */
+    handleKeyDown(event: KeyboardEvent): void;
+    /**
+     * Handle last focusable element
+     * @param event - keyboard event
+     */
+    private handleLastFocusableElement;
+    /**
+     * Handle first focusable element
+     * @param event - keyboard event
+     */
+    private handleFirstFocusableElement;
+    /**
+     * Get last focusablmeElement
+     * @returns last modal focusable element
+     */
+    private getLastFocusableElement;
+    /**
+     * Method to manage focus on modal focusable elements
+     */
+    private setFocus;
+    /*************
+     * Handlers *
+     *************/
+    /**
+     * Handle close button
+     */
+    private handleClose;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Check if component props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Add observer on component to set focus when displayed
+     */
+    componentDidLoad(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/molecules/mg-pagination/mg-pagination.conf.d.ts

@@ -1,4 +1,4 @@
 export declare enum NavigationAction {
-  NEXT = "next",
-  PREVIOUS = "previous"
+    NEXT = "next",
+    PREVIOUS = "previous"
 }