@mgdis/mg-components 6.21.0 → 6.22.1

package/dist/types/components/molecules/internals/mg-item-more/mg-item-more.d.ts

@@ -1,4 +1,4 @@
-import type { IconType, SizeType, SlotLabelType } from './mg-item-more.conf';
+import type { IconType, SlotLabelType } from './mg-item-more.conf';
 /**
  * @internal
  */
@@ -27,11 +27,6 @@ export declare class MgItemMore {
      */
     slotlabel?: SlotLabelType;
     validateSlotLabel(newValue: MgItemMore['slotlabel']): void;
-    /**
-     * Define component child menu size.
-     */
-    size?: SizeType;
-    validateSize(newValue: MgItemMore['size']): void;
     /**
      * Define component parent menu.
      */

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

@@ -1,4 +1,4 @@
-import type { Size, Direction } from '../../../../types';
+import type { Direction } from '../../../../types';
 import type { MgItemMore } from '../../internals/mg-item-more/mg-item-more';
 /**
  * Menu direction values
@@ -7,12 +7,4 @@ export declare const directions: Record<string, Direction>;
 /**
  * ItemMore prop type
  */
-export type ItemMoreType = Pick<MgItemMore, 'icon' | 'slotlabel' | 'size'>;
-/**
- * List of all possibles sizes
- */
-export declare const sizes: readonly ["medium", "large", "xlarge"];
-/**
- * item Size from sizes
- */
-export type MenuSizeType = Size & (typeof sizes)[number];
+export type ItemMoreType = Pick<MgItemMore, 'icon' | 'slotlabel'>;

package/dist/types/components/molecules/menus/mg-menu/mg-menu.d.ts

@@ -1,4 +1,4 @@
-import type { MenuSizeType, ItemMoreType } from './mg-menu.conf';
+import type { ItemMoreType } from './mg-menu.conf';
 import { Direction } from '../../../../types';
 /**
  * @slot - Menu content
@@ -26,17 +26,17 @@ export declare class MgMenu {
      */
     direction: Direction;
     validateDirection(newValue: MgMenu['direction']): void;
+    /**
+     * Size of the menu items
+     * @deprecated this prop is deprecated and will be removed in future releases
+     */
+    size: never;
     /**
      * Customize "mg-item-more" element
-     * Used with direction: 'vertical' to manage overflow
+     * Used with direction: 'horizontal' to manage overflow
      */
     itemmore?: ItemMoreType;
     validateItemMore(newValue: MgMenu['itemmore']): void;
-    /**
-     * Define mg-menu size
-     */
-    size: MenuSizeType;
-    validateSize(newValue: MgMenu['size']): void;
     /**
      * Define mg-menu-item listener when they are loaded
      * @param event - mg-item-loaded "item-loaded" custom event

package/dist/types/components/molecules/menus/mg-menu-item/mg-menu-item.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ClassList } from '@mgdis/core-ui-helpers/dist/utils';
-import { type MenuSizeType } from '../mg-menu/mg-menu.conf';
 import { type MgMenuStatusType, type TargetType } from './mg-menu-item.conf';
 import { Direction } from '../../../../types';
 /**
@@ -15,7 +14,7 @@ export declare class MgMenuItem {
      * Internal *
      ************/
     private readonly name;
-    private readonly navigationButton;
+    private readonly classNavigationButton;
     private messages;
     private popoverIdentifier;
     /**************
@@ -48,6 +47,11 @@ export declare class MgMenuItem {
      */
     status?: MgMenuStatusType;
     watchStatus(newValue: MgMenuItem['status'], oldValue?: MgMenuItem['status']): void;
+    /**
+     * Define menu-item isIcon style.
+     */
+    isIcon?: boolean;
+    watchIsIcon(newValue: MgMenuItem['isIcon']): void;
     /**
      * Define menu-item content expanded.
      */
@@ -67,15 +71,10 @@ export declare class MgMenuItem {
     /**********
      * States *
      *********/
-    /**
-     * Define menu-item size.
-     */
-    size: MenuSizeType;
-    watchSize(newValue: MgMenuItem['size'], oldValue?: MgMenuItem['size']): void;
     /**
      * Component button classes
      */
-    navigationButtonClassList: ClassList;
+    classNavigationButtonClassList: ClassList;
     /**
      * Parent menu direction
      */
@@ -205,6 +204,11 @@ export declare class MgMenuItem {
      * @returns promise process wich emit the 'item-updated' event
      */
     componentShouldUpdate(): Promise<void>;
+    /**
+     * Render information slot or notification badge
+     * @returns HTML Element
+     */
+    private renderInformationSlotOrNotification;
     /**
      * Render ineractive element
      * @returns HTML Element

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

@@ -0,0 +1,18 @@
+import type { IconType } from '../../atoms/mg-icon/mg-icon.conf';
+/**
+ * Breadcrumb item type
+ */
+export type BreadcrumbItemType = {
+    /** Displayed label (link text or current page text). Always required. */
+    label: string;
+    /**
+     * Link URL. If absent or empty, the item is rendered as current page (text only, no <a>).
+     * Last item typically has no href.
+     */
+    href?: string;
+    /**
+     * Icon name (mg-icon). If present, the link displays the icon instead of the text.
+     * The label is used as accessible text (aria-label or visually hidden content).
+     */
+    icon?: IconType;
+};

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

@@ -0,0 +1,34 @@
+import { BreadcrumbItemType } from './mg-breadcrumb.conf';
+export declare class MgBreadcrumb {
+    /************
+     * Internal *
+     ************/
+    private messages;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgBreadcrumbElement;
+    /**
+     * Breadcrumb items (hierarchical order: root → current page).
+     */
+    items: BreadcrumbItemType[];
+    validateItems(newValue: MgBreadcrumb['items']): void;
+    /***********
+     * Methods *
+     **********/
+    /**
+     * Render a single breadcrumb item (link or current page)
+     * @param item - The breadcrumb item
+     * @param isLast - Whether this item is the last in the list
+     * @returns The rendered link or span element
+     */
+    private renderItem;
+    /*************
+     * Lifecycle *
+     *************/
+    componentWillLoad(): void;
+    render(): HTMLElement;
+}

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

@@ -11,6 +11,7 @@ export declare class MgTable {
     private readonly componentClass;
     private readonly componentWrapperClass;
     private readonly classFullWidth;
+    private readonly classBorderHide;
     private alignmentStylesheet;
     /**************
      * Decorators *
@@ -29,6 +30,11 @@ export declare class MgTable {
      */
     fullWidth: boolean;
     watchFullWidth(newValue: MgTable['fullWidth']): void;
+    /**
+     * Define if table has no outer border
+     */
+    borderHide: boolean;
+    watchBorderHide(newValue: MgTable['borderHide']): void;
     /**
      * Define column properties
      */

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

@@ -1,4 +1,4 @@
-import type { Size, Status as StatusType } from '../../../types';
+import type { Status as StatusType } from '../../../types';
 import type { MgBadge } from '../../atoms/mg-badge/mg-badge';
 import type { MgIcon } from '../../atoms/mg-icon/mg-icon';
 /**
@@ -17,11 +17,3 @@ export type TabItem = {
     };
     status: StatusType;
 };
-/**
- * List of all possibles sizes
- */
-export declare const sizes: readonly ["medium", "large"];
-/**
- * Variant type from variants
- */
-export type SizeType = Size & (typeof sizes)[number];

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ClassList } from '@mgdis/core-ui-helpers/dist/utils';
-import { TabItem, SizeType } from './mg-tabs.conf';
+import { TabItem } from './mg-tabs.conf';
 /**
  * @slot tab_content-n - Tab content, where `n` represents the position of the tab content. It starts at 1.
  */
@@ -32,10 +32,10 @@ export declare class MgTabs {
     label: string;
     validateLabel(newValue: MgTabs['label']): void;
     /**
-     * Define tabs size
+     * Size of the tabs items.
+     * @deprecated this prop is deprecated and will be removed in future releases. Please use CSS custom properties to set the size of tabs items.
      */
-    size: SizeType;
-    validateSize(newValue: MgTabs['size']): void;
+    size: never;
     /**
      * Tabs items
      */