@mgdis/mg-components 5.19.3 → 5.21.0

package/dist/types/assets/icons/index.d.ts

@@ -0,0 +1,193 @@
+export declare const icons: {
+    'address-card': string;
+    'align-center': string;
+    'align-justify': string;
+    'align-left': string;
+    'align-right': string;
+    api: string;
+    archive: string;
+    'archive-outline': string;
+    'arrow-clock': string;
+    'arrow-down': string;
+    'arrow-down-a-z': string;
+    'arrow-down-right': string;
+    'arrow-left': string;
+    'arrow-right': string;
+    'arrow-rotate': string;
+    'arrow-rotate-backward': string;
+    'arrow-up': string;
+    'arrow-up-right': string;
+    'arrow-up-right-square': string;
+    'arrow-up-z-a': string;
+    'arrows-compare': string;
+    'arrows-right-down': string;
+    'arrows-right-left': string;
+    'arrows-rotate': string;
+    'arrows-rotate-backward': string;
+    ban: string;
+    bell: string;
+    'bell-outline': string;
+    book: string;
+    'book-outline': string;
+    briefcase: string;
+    'briefcase-outline': string;
+    'building-outline': string;
+    calculator: string;
+    calendar: string;
+    'calendar-euro': string;
+    'calendar-euro-outline': string;
+    'calendar-outline': string;
+    check: string;
+    'check-circle': string;
+    'check-circle-outline': string;
+    'chevron-down': string;
+    'chevron-down-circle': string;
+    'chevron-left': string;
+    'chevron-left-circle': string;
+    'chevron-right': string;
+    'chevron-right-circle': string;
+    'chevron-up': string;
+    'chevron-up-circle': string;
+    circle: string;
+    clock: string;
+    'clock-outline': string;
+    'code-square-outline': string;
+    cog: string;
+    'cog-outline': string;
+    comment: string;
+    'comment-outline': string;
+    'comment-sms': string;
+    conversation: string;
+    'conversation-outline': string;
+    copy: string;
+    'credit-card': string;
+    cross: string;
+    'cross-circle': string;
+    'cross-circle-outline': string;
+    dashboard: string;
+    'dashboard-outline': string;
+    download: string;
+    earth: string;
+    'earth-outline': string;
+    ellipsis: string;
+    'ellipsis-vertical': string;
+    euro: string;
+    'euro-circle': string;
+    'exclamation-circle': string;
+    'exclamation-circle-outline': string;
+    'exclamation-stamp': string;
+    'exclamation-triangle': string;
+    'exclamation-triangle-outline': string;
+    eye: string;
+    'eye-slash': string;
+    fax: string;
+    'fax-outline': string;
+    file: string;
+    'file-cog': string;
+    'file-download': string;
+    'file-excel': string;
+    'file-excel-outline': string;
+    'file-outline': string;
+    'file-pdf': string;
+    'file-pdf-outline': string;
+    'file-text': string;
+    'file-text-outline': string;
+    'file-upload': string;
+    'file-word': string;
+    'file-word-outline': string;
+    filter: string;
+    'floppy-disk': string;
+    folder: string;
+    'folder-check': string;
+    'folder-check-outline': string;
+    'folder-lines': string;
+    'folder-lines-outline': string;
+    'folder-link': string;
+    'folder-link-outline': string;
+    'folder-outline': string;
+    'folder-star': string;
+    folders: string;
+    'folders-outline': string;
+    gavel: string;
+    'gavel-outline': string;
+    'graduation-cap': string;
+    'hand-up': string;
+    history: string;
+    home: string;
+    'home-outline': string;
+    'info-circle': string;
+    'info-circle-outline': string;
+    'interrogation-circle': string;
+    'interrogation-circle-outline': string;
+    key: string;
+    laptop: string;
+    'life-ring': string;
+    'lines-rectangle': string;
+    link: string;
+    list: string;
+    loader: string;
+    location: string;
+    'location-outline': string;
+    lock: string;
+    'log-in': string;
+    'log-out': string;
+    'magnifying-glass': string;
+    mail: string;
+    'mail-outline': string;
+    'messages-square': string;
+    'messages-square-outline': string;
+    mobile: string;
+    'mobile-outline': string;
+    notes: string;
+    'notes-outline': string;
+    'paper-plane': string;
+    'paper-plane-slash': string;
+    paperclip: string;
+    pen: string;
+    'pen-circle': string;
+    'pen-fancy': string;
+    'pen-fancy-files-outline': string;
+    'pen-fancy-outline': string;
+    'pen-outline': string;
+    phone: string;
+    'phone-outline': string;
+    picture: string;
+    'play-circle': string;
+    plus: string;
+    'plus-circle': string;
+    'question-circle': string;
+    share: string;
+    shuffle: string;
+    sitemap: string;
+    sliders: string;
+    'sliders-outline': string;
+    squares: string;
+    star: string;
+    'star-outline': string;
+    table: string;
+    tag: string;
+    tags: string;
+    'thumb-up': string;
+    'thumb-up-outline': string;
+    thumbtack: string;
+    'thumbtack-outline': string;
+    trash: string;
+    'trash-outline': string;
+    'universal-access': string;
+    unlink: string;
+    unlock: string;
+    upload: string;
+    user: string;
+    'user-circle': string;
+    'user-group': string;
+    'user-lock': string;
+    'user-outline': string;
+    'user-pen-fancy-outline': string;
+    'user-plus': string;
+    'user-question-outline': string;
+    'user-shield-outline': string;
+    users: string;
+    'users-outline': string;
+    wallet: string;
+    'wallet-outline': string;
+};

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

@@ -1,45 +1,45 @@
 import { BadgeVariantType } from './mg-badge.conf';
 import { ClassList } from '../../../utils/components.utils';
 export declare class MgBadge {
-  /************
-   * Internal *
-   ************/
-  private readonly classOutline;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Badge value
-   */
-  value: string | number;
-  validateValue(newValue: MgBadge['value']): void;
-  /**
-   * Badge label. Include short description.
-   * Required for accessibility
-   */
-  label: string;
-  validateLabel(newValue: MgBadge['label']): void;
-  /**
-   * Define button variant
-   */
-  variant?: BadgeVariantType;
-  validateVariant(newValue: MgBadge['variant'], oldValue?: MgBadge['variant']): void;
-  /**
-   * Define if button is using outline style
-   */
-  outline: boolean;
-  validateOutline(newValue: MgBadge['outline']): void;
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
-  /**
-   * Check if props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private readonly classOutline;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Badge value
+     */
+    value: string | number;
+    validateValue(newValue: MgBadge['value']): void;
+    /**
+     * Badge label. Include short description.
+     * Required for accessibility
+     */
+    label: string;
+    validateLabel(newValue: MgBadge['label']): void;
+    /**
+     * Define button variant
+     */
+    variant?: BadgeVariantType;
+    validateVariant(newValue: MgBadge['variant'], oldValue?: MgBadge['variant']): void;
+    /**
+     * Define if button is using outline style
+     */
+    outline: boolean;
+    validateOutline(newValue: MgBadge['outline']): void;
+    /**
+     * Component classes
+     */
+    classCollection: ClassList;
+    /**
+     * Check if props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

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

@@ -2,104 +2,104 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { VariantType, ButtonType } from './mg-button.conf';
 import { ClassList } from '../../../utils/components.utils';
 export declare class MgButton {
-  /************
-   * Internal *
-   ************/
-  private onClickElementFn;
-  private readonly classDisabled;
-  private readonly classLoading;
-  private readonly classFullWidth;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgButtonElement;
-  /**
-   * Define button variant
-   */
-  variant: VariantType;
-  validateVariant(newValue: VariantType, oldValue?: VariantType): void;
-  /**
-   * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   */
-  identifier: string;
-  /**
-   * aria-label
-   * In case button text is not explicit enough
-   */
-  label: string;
-  /**
-   * Define button type
-   */
-  type: ButtonType;
-  /**
-   * Set button to full-width
-   */
-  fullWidth: boolean;
-  validateFullWidth(newValue: MgButton['fullWidth']): void;
-  /**
-   * Define form id to attach button with.
-   * If this attribute is not set, the <button> is associated with its ancestor <form> element.
-   */
-  form: string;
-  /**
-   * Disable button
-   */
-  disabled: boolean;
-  disabledHandler(isDisabled: MgButton['disabled']): void;
-  /**
-   * Define if button is round.
-   * Used for icon button.
-   */
-  isIcon: boolean;
-  /**
-   * Option to set input disable on click, in order to prevent multi-click.
-   * Parent component have to remove the attribute 'disabled' when the process ends.
-   */
-  disableOnClick: boolean;
-  /**
-   * Define if button is loading, default to false.
-   * Trigger when button is clicked or key-up ['enter', 'space], then value change to true.
-   * It's required to reset to false when action/promise in parent is done to stop the loading state
-   */
-  loading: boolean;
-  loadingHandler(newValue: MgButton['loading']): void;
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
-  /**
-   * Emmited event when disabled change
-   */
-  disabledChange: EventEmitter<MgButton['disabled']>;
-  /**
-   * Trigger actions onClick event
-   * @param event - click event
-   */
-  private handleClick;
-  /**
-   * Handle onKeydown event
-   * @param event - keyboard event
-   */
-  private handleKeydown;
-  /**
-   * Handle onKeyup event
-   * @param event - keyboard event
-   */
-  private handleKeyup;
-  /**
-   * Check if props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Add listners
-   */
-  componentDidLoad(): void;
-  /**
-   * Render component
-   * @returns html element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private onClickElementFn;
+    private readonly classDisabled;
+    private readonly classLoading;
+    private readonly classFullWidth;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgButtonElement;
+    /**
+     * Define button variant
+     */
+    variant: VariantType;
+    validateVariant(newValue: VariantType, oldValue?: VariantType): void;
+    /**
+     * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
+     */
+    identifier: string;
+    /**
+     * aria-label
+     * In case button text is not explicit enough
+     */
+    label: string;
+    /**
+     * Define button type
+     */
+    type: ButtonType;
+    /**
+     * Set button to full-width
+     */
+    fullWidth: boolean;
+    validateFullWidth(newValue: MgButton['fullWidth']): void;
+    /**
+     * Define form id to attach button with.
+     * If this attribute is not set, the <button> is associated with its ancestor <form> element.
+     */
+    form: string;
+    /**
+     * Disable button
+     */
+    disabled: boolean;
+    disabledHandler(isDisabled: MgButton['disabled']): void;
+    /**
+     * Define if button is round.
+     * Used for icon button.
+     */
+    isIcon: boolean;
+    /**
+     * Option to set input disable on click, in order to prevent multi-click.
+     * Parent component have to remove the attribute 'disabled' when the process ends.
+     */
+    disableOnClick: boolean;
+    /**
+     * Define if button is loading, default to false.
+     * Trigger when button is clicked or key-up ['enter', 'space], then value change to true.
+     * It's required to reset to false when action/promise in parent is done to stop the loading state
+     */
+    loading: boolean;
+    loadingHandler(newValue: MgButton['loading']): void;
+    /**
+     * Component classes
+     */
+    classCollection: ClassList;
+    /**
+     * Emmited event when disabled change
+     */
+    disabledChange: EventEmitter<HTMLMgButtonElement['disabled']>;
+    /**
+     * Trigger actions onClick event
+     * @param event - click event
+     */
+    private handleClick;
+    /**
+     * Handle onKeydown event
+     * @param event - keyboard event
+     */
+    private handleKeydown;
+    /**
+     * Handle onKeyup event
+     * @param event - keyboard event
+     */
+    private handleKeyup;
+    /**
+     * Check if props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Add listners
+     */
+    componentDidLoad(): void;
+    /**
+     * Render component
+     * @returns html element
+     */
+    render(): HTMLElement;
 }

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

@@ -1,43 +1,43 @@
 import { ClassList } from '../../../utils/components.utils';
 import { type VariantStyleType, type VariantType } from './mg-card.conf';
 export declare class MgCard {
-  /*************
-   * Private *
-   *************/
-  private readonly name;
-  private readonly classBase;
-  /*************
-   * Decorators *
-   *************/
-  /**
-   * Define variant prop
-   */
-  variant: undefined | VariantType;
-  validateVariant(newValue: MgCard['variant'], oldValue?: MgCard['variant']): void;
-  /**
-   * Define variantStyle prop
-   */
-  variantStyle: undefined | VariantStyleType;
-  validateVariantStyle(newValue: MgCard['variantStyle'], oldValue?: MgCard['variantStyle']): void;
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
-  /**
-   * Methode to set default varianStyle props
-   * needeed has stencil doesn't know that props is mutated when updated in prop watcher
-   */
-  private setDefaultVariantStyle;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Check if props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /*************
+     * Private *
+     *************/
+    private readonly name;
+    private readonly classBase;
+    /*************
+     * Decorators *
+     *************/
+    /**
+     * Define variant prop
+     */
+    variant: undefined | VariantType;
+    validateVariant(newValue: MgCard['variant'], oldValue?: MgCard['variant']): void;
+    /**
+     * Define variantStyle prop
+     */
+    variantStyle: undefined | VariantStyleType;
+    validateVariantStyle(newValue: MgCard['variantStyle'], oldValue?: MgCard['variantStyle']): void;
+    /**
+     * Component classes
+     */
+    classCollection: ClassList;
+    /**
+     * Methode to set default varianStyle props
+     * needeed has stencil doesn't know that props is mutated when updated in prop watcher
+     */
+    private setDefaultVariantStyle;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Check if props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

package/dist/types/components/atoms/mg-character-left/mg-character-left.d.ts

@@ -1,39 +1,39 @@
 export declare class MgCharacterLeft {
-  /************
-   * Internal *
-   ************/
-  private messages;
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Get component DOM element
-   */
-  element: HTMLMgCharacterLeftElement;
-  /**
-   * Sets an `id` attribute.
-   * Needed by the input for accessibility `aria-decribedby`.
-   */
-  identifier: string;
-  /**
-   * Sets the characters to count
-   */
-  characters: string;
-  /**
-   * Add maximum length
-   */
-  maxlength: number;
-  validateMaxlength(newValue: number): void;
-  /*************
-   * Lifecycle *
-   *************/
-  /**
-   * Check if props are well configured on init
-   */
-  componentWillLoad(): void;
-  /**
-   * Render component
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /************
+     * Internal *
+     ************/
+    private messages;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgCharacterLeftElement;
+    /**
+     * Sets an `id` attribute.
+     * Needed by the input for accessibility `aria-decribedby`.
+     */
+    identifier: string;
+    /**
+     * Sets the characters to count
+     */
+    characters: string;
+    /**
+     * Add maximum length
+     */
+    maxlength: number;
+    validateMaxlength(newValue: number): void;
+    /*************
+     * Lifecycle *
+     *************/
+    /**
+     * Check if props are well configured on init
+     */
+    componentWillLoad(): void;
+    /**
+     * Render component
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }

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

@@ -1,14 +1,14 @@
 export declare class MgDivider {
-  /**************
-   * Decorators *
-   **************/
-  /**
-   * Define component size
-   */
-  size: 'regular' | 'full';
-  /**
-   * Render
-   * @returns HTML Element
-   */
-  render(): HTMLElement;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Define component size
+     */
+    size: 'regular' | 'full';
+    /**
+     * Render
+     * @returns HTML Element
+     */
+    render(): HTMLElement;
 }