@mgdis/mg-components 3.2.0 → 4.0.1

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.stories.d.ts → doc/mg-tabs.stories.d.ts}

@@ -9,6 +9,11 @@ declare const _default: {
       };
     };
   };
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
 };
 export default _default;
 export declare const MgTabs: any;

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

@@ -1,6 +1,13 @@
+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 *
    **************/
@@ -43,12 +50,54 @@ export declare class MgTabs {
    * Component classes
    */
   classList: ClassList;
+  /**
+   * 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
    *