@mgdis/mg-components 5.19.3 → 5.21.0

package/dist/types/components/atoms/mg-icon/mg-icon.d.ts

@@ -1,60 +1,60 @@
 import { IconVariantType, IconSizeType, IconVariantStyleType } from './mg-icon.conf';
 import { ClassList } from '../../../utils/components.utils';
 export declare class MgIcon {
-  private svg;
-  /**
-   * Icon HTML Element
-   */
-  element: HTMLMgIconElement;
-  /**
-   * Icon to display.
-   */
-  icon: string;
-  validateIcon(newValue: MgIcon['icon'], oldValue?: MgIcon['icon']): void;
-  /**
-   * Define icon size
-   */
-  size: IconSizeType;
-  validateSize(newValue: MgIcon['size'], oldValue?: MgIcon['size']): void;
-  /**
-   * Define icon variant color
-   */
-  variant: IconVariantType;
-  validateVariant(newValue: MgIcon['variant'], oldValue?: MgIcon['variant']): void;
-  /**
-   * Define icon color variant style
-   * Add a color to the icon based on variant color with given style
-   * 'full': Used to set a circular background with variant soft color and icon variant color
-   * 'background': Used to set a circular background with variant soft color
-   * 'icon': Used to set a color only to the icon
-   */
-  variantStyle: IconVariantStyleType;
-  validateVariantStyle(newValue: MgIcon['variantStyle'], oldValue?: MgIcon['variantStyle']): void;
-  /**
-   * Make the icon spin
-   */
-  spin: boolean;
-  handleSpin(newValue: MgIcon['spin']): void;
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
-  /**
-   * Method to set default varianStyle props
-   * needeed has stencil doesn't know that props is mutated when updated in prop watcher
-   */
-  private setDefaultVariantStyle;
-  /**
-   * Render icon in shadowroot
-   * @param icon - icon to render
-   */
-  private renderIcon;
-  /**
-   * Check if props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * update html when component trigger changes
-   */
-  componentWillUpdate(): void;
+    private svg;
+    /**
+     * Icon HTML Element
+     */
+    element: HTMLMgIconElement;
+    /**
+     * Icon to display.
+     */
+    icon: string;
+    validateIcon(newValue: MgIcon['icon'], oldValue?: MgIcon['icon']): void;
+    /**
+     * Define icon size
+     */
+    size: IconSizeType;
+    validateSize(newValue: MgIcon['size'], oldValue?: MgIcon['size']): void;
+    /**
+     * Define icon variant color
+     */
+    variant: IconVariantType;
+    validateVariant(newValue: MgIcon['variant'], oldValue?: MgIcon['variant']): void;
+    /**
+     * Define icon color variant style
+     * Add a color to the icon based on variant color with given style
+     * 'full': Used to set a circular background with variant soft color and icon variant color
+     * 'background': Used to set a circular background with variant soft color
+     * 'icon': Used to set a color only to the icon
+     */
+    variantStyle: IconVariantStyleType;
+    validateVariantStyle(newValue: MgIcon['variantStyle'], oldValue?: MgIcon['variantStyle']): void;
+    /**
+     * Make the icon spin
+     */
+    spin: boolean;
+    handleSpin(newValue: MgIcon['spin']): void;
+    /**
+     * Component classes
+     */
+    classCollection: ClassList;
+    /**
+     * Method to set default varianStyle props
+     * needeed has stencil doesn't know that props is mutated when updated in prop watcher
+     */
+    private setDefaultVariantStyle;
+    /**
+     * Render icon in shadowroot
+     * @param icon - icon to render
+     */
+    private renderIcon;
+    /**
+     * Check if props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * update html when component trigger changes
+     */
+    componentWillUpdate(): void;
 }

package/dist/types/components/atoms/mg-input-title/mg-input-title.d.ts

@@ -1,36 +1,36 @@
 export declare class MgInputTitle {
-  /**
-   * Label input id
-   */
-  identifier: string;
-  validateIdentifier(newValue: MgInputTitle['identifier']): void;
-  /**
-   * If input is required an asterisk is added at the end of the label
-   */
-  required: boolean;
-  /**
-   * If input is required an asterisk is added at the end of the label
-   */
-  readonly: boolean;
-  /**
-   * Switch from label to fieldset sementic
-   */
-  isLegend: boolean;
-  validateIsLegend(newValue: MgInputTitle['isLegend']): void;
-  /**
-   * Component parent tagname
-   */
-  tagName: string;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Init tag name
-   */
-  componentWillLoad(): void;
-  /**
-   * Render
-   * @returns HTML element
-   */
-  render(): HTMLElement;
+    /**
+     * Label input id
+     */
+    identifier: string;
+    validateIdentifier(newValue: MgInputTitle['identifier']): void;
+    /**
+     * If input is required an asterisk is added at the end of the label
+     */
+    required: boolean;
+    /**
+     * If input is required an asterisk is added at the end of the label
+     */
+    readonly: boolean;
+    /**
+     * Switch from label to fieldset sementic
+     */
+    isLegend: boolean;
+    validateIsLegend(newValue: MgInputTitle['isLegend']): void;
+    /**
+     * Component parent tagname
+     */
+    tagName: string;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Init tag name
+     */
+    componentWillLoad(): void;
+    /**
+     * Render
+     * @returns HTML element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-tag/mg-tag.d.ts

@@ -1,55 +1,55 @@
 import { TagVariantType } from './mg-tag.conf';
 import { ClassList } from '../../../utils/components.utils';
 export declare class MgTag {
-  /************
-   * Internal *
-   ************/
-  private readonly classOutline;
-  private readonly classSoft;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgTagElement;
-  /**
-   * Define tag variant
-   */
-  variant: TagVariantType;
-  validateVariant(newValue: MgTag['variant'], oldValue?: MgTag['variant']): void;
-  /**
-   * Define if tag is using outline style
-   */
-  outline: boolean;
-  validateOutline(newValue: MgTag['outline']): void;
-  /**
-   * Define if tag is using soft style
-   */
-  soft: boolean;
-  validateSoft(newValue: MgTag['soft']): void;
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
-  /*************
-   * Methods *
-   *************/
-  /**
-   * Validate the given textContent
-   * @param textContent - html element textContent property
-   */
-  private validateTextContent;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Check if props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private readonly classOutline;
+    private readonly classSoft;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgTagElement;
+    /**
+     * Define tag variant
+     */
+    variant: TagVariantType;
+    validateVariant(newValue: MgTag['variant'], oldValue?: MgTag['variant']): void;
+    /**
+     * Define if tag is using outline style
+     */
+    outline: boolean;
+    validateOutline(newValue: MgTag['outline']): void;
+    /**
+     * Define if tag is using soft style
+     */
+    soft: boolean;
+    validateSoft(newValue: MgTag['soft']): void;
+    /**
+     * Component classes
+     */
+    classCollection: ClassList;
+    /*************
+     * Methods *
+     *************/
+    /**
+     * Validate the given textContent
+     * @param textContent - html element textContent property
+     */
+    private validateTextContent;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Check if props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.d.ts

@@ -1,14 +1,14 @@
 export declare class MgTooltipContent {
-  /**
-   * Displayed message in the tooltip
-   */
-  message: string;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /**
+     * Displayed message in the tooltip
+     */
+    message: string;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-tooltip/mg-tooltip.conf.d.ts

@@ -1,5 +1,5 @@
 export declare enum Guard {
-  FOCUS = "focus",
-  HOVER_TOOLTIP_ELEMENT = "hoverTooltipGuard",
-  HOVER_TOOLTIPED_ELEMENT = "hoverTooltipedGuard"
+    FOCUS = "focus",
+    HOVER_TOOLTIP_ELEMENT = "hoverTooltipGuard",
+    HOVER_TOOLTIPED_ELEMENT = "hoverTooltipedGuard"
 }

package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts

@@ -1,116 +1,116 @@
 import { Placement } from '@popperjs/core';
 export declare class MgTooltip {
-  /************
-   * Internal *
-   ************/
-  private popper;
-  private mgTooltipContent;
-  private tooltipedElement;
-  private windows;
-  private hasCustomTabIndex;
-  private guard;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgTooltipElement;
-  /**
-   * Sets an `id` attribute.
-   * Needed by the input for accessibility `aria-decribedby`.
-   */
-  identifier: string;
-  validateIdentifier(): void;
-  /**
-   * Displayed message in the tooltip
-   */
-  message: string;
-  validateMessage(newValue: MgTooltip['message']): void;
-  /**
-   * Tooltip placement
-   */
-  placement: Placement;
-  /**
-   * Display tooltip
-   */
-  display: boolean;
-  handleDisplay(newValue: MgTooltip['display']): void;
-  /**
-   * Disable tooltip
-   */
-  disabled: boolean;
-  validateDisabled(newValue: MgTooltip['disabled']): void;
-  /**
-   * Show tooltip
-   */
-  private show;
-  /**
-   * Hide tooltip
-   */
-  private hide;
-  /**
-   * Check if clicked outside of component and hidde tooltip
-   * @param event - mouse event
-   */
-  private clickOutside;
-  /**
-   * Check if 'Escape' key is pressed of component and hidde tooltip
-   * @param event - keyboard event
-   */
-  private pressEscape;
-  /**
-   * Method to set display prop
-   * @param newValue - display prop new value
-   * @param condition - additionnal condition to apply display prop newValue
-   */
-  private setDisplay;
-  /**
-   * Action for tooltip element and tooltiped element mouse listener
-   * @param elementGuard -  tooltip element guard
-   * @param isMouseenter - mouseenter validation
-   * @param conditionalGuard - guard condition
-   */
-  private tooltipMouseListenerAction;
-  /**
-   * Method to reset guard value
-   */
-  private resetGuard;
-  /**
-   * Update slot content when it is a mg-button
-   * @param mgButton - slotted mg-button
-   */
-  private setMgButtonWrapper;
-  /**
-   * Init tooltip
-   * @param slotElement - slotted element
-   * @param interactiveElement - interactive element
-   */
-  private initTooltip;
-  /**
-   * Render tooltip content element
-   */
-  private renderTooltipContent;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * set variables
-   */
-  componentWillLoad(): void;
-  /**
-   * Get slotted element
-   * Check if it already contain an interactive element, if not we need to add a tabIndex attribute
-   * We need to attach the focused element to the tooltip (aria-describedby)
-   */
-  componentDidLoad(): void;
-  /**
-   * update popper position after props change on component did update hook to benefit from render ended
-   */
-  componentDidUpdate(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private popper;
+    private mgTooltipContent;
+    private tooltipedElement;
+    private windows;
+    private hasCustomTabIndex;
+    private guard;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgTooltipElement;
+    /**
+     * Sets an `id` attribute.
+     * Needed by the input for accessibility `aria-decribedby`.
+     */
+    identifier: string;
+    validateIdentifier(): void;
+    /**
+     * Displayed message in the tooltip
+     */
+    message: string;
+    validateMessage(newValue: MgTooltip['message']): void;
+    /**
+     * Tooltip placement
+     */
+    placement: Placement;
+    /**
+     * Display tooltip
+     */
+    display: boolean;
+    handleDisplay(newValue: MgTooltip['display']): void;
+    /**
+     * Disable tooltip
+     */
+    disabled: boolean;
+    validateDisabled(newValue: MgTooltip['disabled']): void;
+    /**
+     * Show tooltip
+     */
+    private show;
+    /**
+     * Hide tooltip
+     */
+    private hide;
+    /**
+     * Check if clicked outside of component and hidde tooltip
+     * @param event - mouse event
+     */
+    private clickOutside;
+    /**
+     * Check if 'Escape' key is pressed of component and hidde tooltip
+     * @param event - keyboard event
+     */
+    private pressEscape;
+    /**
+     * Method to set display prop
+     * @param newValue - display prop new value
+     * @param condition - additionnal condition to apply display prop newValue
+     */
+    private setDisplay;
+    /**
+     * Action for tooltip element and tooltiped element mouse listener
+     * @param elementGuard -  tooltip element guard
+     * @param isMouseenter - mouseenter validation
+     * @param conditionalGuard - guard condition
+     */
+    private tooltipMouseListenerAction;
+    /**
+     * Method to reset guard value
+     */
+    private resetGuard;
+    /**
+     * Update slot content when it is a mg-button
+     * @param mgButton - slotted mg-button
+     */
+    private setMgButtonWrapper;
+    /**
+     * Init tooltip
+     * @param slotElement - slotted element
+     * @param interactiveElement - interactive element
+     */
+    private initTooltip;
+    /**
+     * Render tooltip content element
+     */
+    private renderTooltipContent;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * set variables
+     */
+    componentWillLoad(): void;
+    /**
+     * Get slotted element
+     * Check if it already contain an interactive element, if not we need to add a tabIndex attribute
+     * We need to attach the focused element to the tooltip (aria-describedby)
+     */
+    componentDidLoad(): void;
+    /**
+     * update popper position after props change on component did update hook to benefit from render ended
+     */
+    componentDidUpdate(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/molecules/inputs/MgInput.conf.d.ts

@@ -7,14 +7,14 @@ export type Width = (typeof widths)[number];
  * Possible Input types
  */
 export type HTMLMgInputsElement = HTMLMgInputCheckboxElement | HTMLMgInputDateElement | HTMLMgInputNumericElement | HTMLMgInputPasswordElement | HTMLMgInputRadioElement | HTMLMgInputSelectElement | HTMLMgInputTextElement | HTMLMgInputTextareaElement | (HTMLMgInputToggleElement & {
-  required: true;
-  invalid: false;
-  displayError: () => void;
+    required: true;
+    invalid: false;
+    displayError: () => void;
 });
 /**
  * Available handlers
  */
 export declare enum Handler {
-  BLUR = "blur",
-  FOCUS = "focus"
+    BLUR = "blur",
+    FOCUS = "focus"
 }

package/dist/types/components/molecules/inputs/MgInput.d.ts

@@ -6,22 +6,22 @@ import { MgInputTitle } from '../../atoms/mg-input-title/mg-input-title';
  * MgInput Interface
  */
 interface MgInputProps {
-  identifier: string;
-  classCollection: ClassList;
-  label: string;
-  labelOnTop: boolean;
-  labelHide: boolean;
-  isFieldset: MgInputTitle['isLegend'];
-  value: string;
-  readonlyValue: string;
-  required: boolean;
-  readonly: boolean;
-  mgWidth: Width;
-  disabled: boolean;
-  tooltip: string;
-  helpText: string;
-  errorMessage: string;
-  ariaDescribedbyIDs: string[];
+    identifier: string;
+    classCollection: ClassList;
+    label: string;
+    labelOnTop: boolean;
+    labelHide: boolean;
+    isFieldset: MgInputTitle['isLegend'];
+    value: string;
+    readonlyValue: string;
+    required: boolean;
+    readonly: boolean;
+    mgWidth: Width;
+    disabled: boolean;
+    tooltip: string;
+    helpText: string;
+    errorMessage: string;
+    ariaDescribedbyIDs: string[];
 }
 /**
  * Get input template