@mgdis/mg-components 5.19.2 → 5.20.0

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"
 }

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

@@ -1,77 +1,77 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class MgPagination {
-  /************
-   * Internal *
-   ************/
-  private messages;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgPaginationElement;
-  /**
-   * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
-   */
-  identifier: string;
-  /**
-   * Panignation label. Is a short description.
-   * Customize default value can be usefull to improve accessibility
-   */
-  label: string;
-  /**
-   * Hide navigation label
-   */
-  hideNavigationLabels: boolean;
-  /**
-   * Hide select input
-   */
-  hidePageCount: boolean;
-  /**
-   * Component total pages
-   */
-  totalPages: number;
-  validateTotalPages(newValue: number): void;
-  /**
-   * Component current page
-   */
-  currentPage: number;
-  validateCurrentPage(newValue: number): void;
-  /**
-   * Emmited event when current page change
-   */
-  currentPageChange: EventEmitter<number>;
-  /**
-   * Change current page from target
-   * @param target - target page
-   */
-  private goToPage;
-  /************
-   * Handlers *
-   ************/
-  /**
-   * select handler
-   * @param event - value change event
-   */
-  private handleSelect;
-  /**
-   * Go to 'previous/next' page button handler
-   * @param action - navigation action
-   * @param disabled - button disable state
-   */
-  private handleGoToPage;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Check if props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private messages;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgPaginationElement;
+    /**
+     * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
+     * If not set, it will be created.
+     */
+    identifier: string;
+    /**
+     * Panignation label. Is a short description.
+     * Customize default value can be usefull to improve accessibility
+     */
+    label: string;
+    /**
+     * Hide navigation label
+     */
+    hideNavigationLabels: boolean;
+    /**
+     * Hide select input
+     */
+    hidePageCount: boolean;
+    /**
+     * Component total pages
+     */
+    totalPages: number;
+    validateTotalPages(newValue: number): void;
+    /**
+     * Component current page
+     */
+    currentPage: number;
+    validateCurrentPage(newValue: number): void;
+    /**
+     * Emmited event when current page change
+     */
+    currentPageChange: EventEmitter<number>;
+    /**
+     * Change current page from target
+     * @param target - target page
+     */
+    private goToPage;
+    /************
+     * Handlers *
+     ************/
+    /**
+     * select handler
+     * @param event - value change event
+     */
+    private handleSelect;
+    /**
+     * Go to 'previous/next' page button handler
+     * @param action - navigation action
+     * @param disabled - button disable state
+     */
+    private handleGoToPage;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Check if props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }