@mgdis/mg-components 3.3.0 → 4.0.0

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

@@ -1,8 +1,16 @@
 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.

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

@@ -5,9 +5,14 @@ export declare class MgPanel {
    * Internal *
    ************/
   private editInputElement;
+  private messages;
   /**************
    * Decorators *
    **************/
+  /**
+   * Get component DOM element
+   */
+  element: HTMLMgPanelElement;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
    * If not set, it will be created.

package/dist/types/components/molecules/mg-popover/doc/mg-popover.stories.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+  component: string;
+  title: string;
+  parameters: {
+    layout: string;
+    docs: {
+      iframeHeight: number;
+    };
+  };
+  argTypes: {
+    placement: {
+      options: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: "auto";
+        };
+      };
+    };
+  };
+};
+export default _default;
+export declare const MgPopover: any;

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

@@ -0,0 +1,8 @@
+/**
+ * List of all possibles placements
+ */
+export declare const placements: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
+/**
+ * Placement type from placements
+ */
+export declare type Placement = typeof placements[number];

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

@@ -1,3 +1,4 @@
+import { Placement } from './mg-popover.conf';
 export declare class MgPopover {
   /************
    * Internal *
@@ -5,6 +6,7 @@ export declare class MgPopover {
   private popper;
   private popover;
   private closeButtonId;
+  private messages;
   /**************
    * Decorators *
    **************/
@@ -20,7 +22,7 @@ export declare class MgPopover {
   /**
    * Popover placement
    */
-  placement: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+  placement: Placement;
   /**
    * Define if popover has a cross button
    */
@@ -62,6 +64,12 @@ export declare class MgPopover {
   /*************
    * Lifecycle *
    *************/
+  /**
+   * Check if component props are well configured on init
+   *
+   * @returns {void} timeout
+   */
+  componentWillLoad(): void;
   /**
    * Check if component props are well configured on init
    *

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

@@ -1,4 +1,10 @@
 import { BadgeType } from '../../atoms/mg-badge/mg-badge.conf';
+export declare enum Status {
+  VISIBLE = "visible",
+  HIDDEN = "hidden",
+  DISABLED = "disabled",
+  ACTIVE = "active"
+}
 /**
  * type TabItem
  * use to match tabs items
@@ -7,7 +13,7 @@ export declare type TabItem = {
   label: string;
   icon?: string;
   badge?: BadgeType;
-  disabled: boolean;
+  status: Status;
 };
 /**
  * List of all possibles sizes

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

@@ -2,6 +2,12 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { ClassList } from '../../../utils/components.utils';
 import { TabItem } from './mg-tabs.conf';
 export declare class MgTabs {
+  /************
+   * Internal *
+   ************/
+  private tabPanel;
+  private startIndex;
+  private buttonTabBaseClass;
   /**************
    * Decorators *
    **************/
@@ -48,12 +54,50 @@ export declare class MgTabs {
    * Emited event when active tab change
    */
   activeTabChange: EventEmitter<number>;
+  /**
+   * Method to set active tab
+   *
+   * @param {number} tabKey item tab key to set to ACTIVE status
+   * @returns {void}
+   */
+  private setActiveTab;
+  /**
+   * 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
+   */
+  private tabHasGivenStatus;
+  /**
+   * Method to get element id from index
+   *
+   * @param {string} element to get id
+   * @param {number} index to generate id
+   * @returns {string} generated element id
+   */
+  private getElementId;
+  /**
+   * Method to get tab index
+   *
+   * @param {number} index to get
+   * @returns {number} index
+   */
+  private getTabIndex;
   /**
    * Handle click events on tabs
    *
    * @param {MouseEvent} event mouse event
    */
   private handleClick;
+  /**
+   * get navigation button class from given status
+   *
+   * @param {Status} status button tab status
+   * @param {boolean} isSelector set if we need a CSS selector with the dot '.' at the begin. default value = false.
+   * @returns {string} button class/selector variant
+   */
+  private getNavigationButtonClass;
   /**
    * Handle keyboard event on tabs
    *