@mgdis/mg-components 6.8.0 → 6.9.0

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

@@ -24,12 +24,12 @@ export declare class MgTag {
     /**
      * Define if tag is using outline style
      */
-    outline?: boolean;
+    outline: boolean;
     validateOutline(newValue: MgTag['outline']): void;
     /**
      * Define if tag is using soft style
      */
-    soft?: boolean;
+    soft: boolean;
     validateSoft(newValue: MgTag['soft']): void;
     /**
      * Component classes

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

@@ -1,7 +1,6 @@
 import { type TooltipPlacementType } from './mg-tooltip.conf';
 /**
  * @slot - Element that will display the tooltip
- * @slot content - Tooltip content
  */
 export declare class MgTooltip {
     /************

package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts

@@ -1,9 +1,6 @@
 import { type TooltipPosition } from './mg-input.conf';
 /**
  * @slot - Input content
- * @slot label - Label content
- * @slot help-text - Help text content
- * @slot error - error content
  */
 export declare class MgInput {
     /************
@@ -38,7 +35,7 @@ export declare class MgInput {
     /**
      * Define if label is displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     watchLabelOnTop(newValue: MgInput['labelOnTop']): void;
     /**
      * Define if label is visible

package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.d.ts

@@ -16,11 +16,11 @@ export declare class MgInputCheckboxPaginated implements IMgInputCheckboxBase {
     /**
      * Define if mg-input-checkbox-list is readonly
      */
-    readonly?: boolean;
+    readonly: boolean;
     /**
      * Define if mg-input-checkbox-list is disabled
      */
-    disabled?: boolean;
+    disabled: boolean;
     /**
      * Define mg-input-checkbox input name
      */

package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts

@@ -57,7 +57,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
     /**
      * Define if label is displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     /**
      * Define if label is visible
      */
@@ -80,7 +80,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * Display selected values list in "multi" type
      * This prop is only applied with prop type "multi" or when an "unset" mode render a "multi" type.
      */
-    displaySelectedValues?: boolean;
+    displaySelectedValues: boolean;
     watchDisplaySelectedValues(newValue: MgInputCheckbox['displaySelectedValues']): void;
     /**
      * Define if input is disabled

package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts

@@ -39,7 +39,7 @@ export declare class MgInputDate {
     /**
      * Define if label is displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     /**
      * Define if label is visible
      */

package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts

@@ -46,7 +46,7 @@ export declare class MgInputNumeric {
     /**
      * Define if label is displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     /**
      * Define if label is visible
      */

package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts

@@ -37,7 +37,7 @@ export declare class MgInputPassword {
     /**
      * Define if label is displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     /**
      * Define if label is visible
      */
@@ -50,7 +50,7 @@ export declare class MgInputPassword {
     /**
      * Input max length
      */
-    maxlength: any;
+    maxlength?: number;
     /**
      * Define if input is required
      */

package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.d.ts

@@ -18,15 +18,15 @@ export declare class MgInputRichTextEditor {
      * Get component DOM element
      */
     element: HTMLMgInputRichTextEditorElement;
-    /**
-     * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-     */
-    identifier: string;
     /**
      * Define the value of the editor
      * Can be either HTML string or plain text
      */
     value: string;
+    /**
+     * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
+     */
+    identifier: string;
     /**
      * Input label
      */
@@ -34,7 +34,7 @@ export declare class MgInputRichTextEditor {
     /**
      * Define if label is displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     /**
      * Define if label is visible
      */
@@ -85,6 +85,10 @@ export declare class MgInputRichTextEditor {
      * Add a help text under the input, usually expected data format and example
      */
     helpText?: string;
+    /**
+     * Editor modules configuration
+     */
+    modules?: EditorOptionsType['modules'];
     /**
      * Define input valid state
      */
@@ -93,10 +97,6 @@ export declare class MgInputRichTextEditor {
      * Define input invalid state
      */
     invalid: boolean;
-    /**
-     * Editor modules configuration
-     */
-    modules?: EditorOptionsType['modules'];
     /**
      * Component classes
      */

package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts

@@ -43,7 +43,7 @@ export declare class MgInputSelect {
     /**
      * Define if label is displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     /**
      * Define if label is visible
      */

package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts

@@ -47,6 +47,14 @@ export declare class MgInputText {
      * Input label
      */
     label: string;
+    /**
+     * Define if label is displayed on top
+     */
+    labelOnTop: boolean;
+    /**
+     * Define if label is visible
+     */
+    labelHide: boolean;
     /**
      * Input type
      */
@@ -57,14 +65,6 @@ export declare class MgInputText {
      */
     icon?: IconType;
     validateIcon(newValue: string): void;
-    /**
-     * Define if label is displayed on top
-     */
-    labelOnTop?: boolean;
-    /**
-     * Define if label is visible
-     */
-    labelHide: boolean;
     /**
      * Input placeholder.
      * It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.

package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts

@@ -40,7 +40,7 @@ export declare class MgInputTextarea {
     /**
      * Define if label is displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     /**
      * Define if label is visible
      */
@@ -105,6 +105,10 @@ export declare class MgInputTextarea {
      * Add a help text under the input, usually expected data format and example
      */
     helpText?: string;
+    /**
+     * Define if input is resizable
+     */
+    resizable: 'none' | 'both' | 'horizontal' | 'vertical';
     /**
      * Define input valid state
      */
@@ -113,10 +117,6 @@ export declare class MgInputTextarea {
      * Define input invalid state
      */
     invalid: boolean;
-    /**
-     * Define if input is resizable
-     */
-    resizable: 'none' | 'both' | 'horizontal' | 'vertical';
     /**
      * Component classes
      */

package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts

@@ -46,7 +46,7 @@ export declare class MgInputToggle {
     /**
      * Define if label is displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     /**
      * Define if label is visible
      */

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

@@ -1,4 +1,4 @@
-import type { MgMenu } from '../../menu/mg-menu/mg-menu';
+import type { MgMenu } from '../../menus/mg-menu/mg-menu';
 import type { MgIcon } from '../../../atoms/mg-icon/mg-icon';
 /**
  * SlotLabel prop type

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

@@ -1,7 +1,7 @@
 import type { MgBadge } from '../../atoms/mg-badge/mg-badge';
 import type { MgButton } from '../../atoms/mg-button/mg-button';
 import type { MgIcon } from '../../atoms/mg-icon/mg-icon';
-import type { MgMenuItem } from '../menu/mg-menu-item/mg-menu-item';
+import type { MgMenuItem } from '../menus/mg-menu-item/mg-menu-item';
 /**
  * prop icon type
  */

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

@@ -32,7 +32,7 @@ export declare class MgActionMore {
     /**
      * Define if chevron is display
      */
-    displayChevron?: boolean;
+    displayChevron: boolean;
     validateDisplayChevron(newValue: MgActionMore['displayChevron']): void;
     /**
      * Menu expanded state

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

@@ -55,7 +55,7 @@ export declare class MgForm {
     /**
      * Define if slotted mg-component's label are displayed on top
      */
-    labelOnTop?: boolean;
+    labelOnTop: boolean;
     handlelabelOnTop(newValue: MgForm['labelOnTop']): void;
     /**
      * Define if form is disabled

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

@@ -18,7 +18,7 @@ export declare class MgLoader {
     /**
      * Hide message
      */
-    messageHide?: boolean;
+    messageHide: boolean;
     /*************
      * Lifecycle *
      *************/

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

@@ -25,11 +25,11 @@ export declare class MgPagination {
     /**
      * Hide navigation label
      */
-    hideNavigationLabels?: boolean;
+    hideNavigationLabels: boolean;
     /**
      * Hide select input
      */
-    hidePageCount?: boolean;
+    hidePageCount: boolean;
     /**
      * Component total pages
      */

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

@@ -60,7 +60,7 @@ export declare class MgPanel {
     /**
      * Disable possibility to toggle expand
      */
-    expandToggleDisabled?: boolean;
+    expandToggleDisabled: boolean;
     /**
      * Component classes
      */

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

@@ -3,6 +3,7 @@ import { type PopoverPlacementType } from './mg-popover.conf';
 /**
  * @slot - Element that will display the popover
  * @slot content - popover content
+ * @slot title - popover title
  */
 export declare class MgPopover {
     /************

package/dist/types/components.d.ts

@@ -23,8 +23,8 @@ import { IconType as IconType1 } from "./components";
 import { ToggleValue } from "./components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf";
 import { IconType as IconType2, SizeType as SizeType1, SlotLabelType } from "./components/molecules/internals/mg-item-more/mg-item-more.conf";
 import { Direction } from "./types";
-import { ItemMoreType, MenuSizeType } from "./components/molecules/menu/mg-menu/mg-menu.conf";
-import { MgMenuStatusType, TargetType } from "./components/molecules/menu/mg-menu-item/mg-menu-item.conf";
+import { ItemMoreType, MenuSizeType } from "./components/molecules/menus/mg-menu/mg-menu.conf";
+import { MgMenuStatusType, TargetType } from "./components/molecules/menus/mg-menu-item/mg-menu-item.conf";
 import { VariantStyleType as VariantStyleType1, VariantType as VariantType2 } from "./components/molecules/mg-message/mg-message.conf";
 import { DialogRoleType } from "./components/molecules/mg-modal/mg-modal.conf";
 import { ExpandToggleDisplayType, TitlePositionType } from "./components/molecules/mg-panel/mg-panel.conf";
@@ -53,8 +53,8 @@ export { IconType as IconType1 } from "./components";
 export { ToggleValue } from "./components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf";
 export { IconType as IconType2, SizeType as SizeType1, SlotLabelType } from "./components/molecules/internals/mg-item-more/mg-item-more.conf";
 export { Direction } from "./types";
-export { ItemMoreType, MenuSizeType } from "./components/molecules/menu/mg-menu/mg-menu.conf";
-export { MgMenuStatusType, TargetType } from "./components/molecules/menu/mg-menu-item/mg-menu-item.conf";
+export { ItemMoreType, MenuSizeType } from "./components/molecules/menus/mg-menu/mg-menu.conf";
+export { MgMenuStatusType, TargetType } from "./components/molecules/menus/mg-menu-item/mg-menu-item.conf";
 export { VariantStyleType as VariantStyleType1, VariantType as VariantType2 } from "./components/molecules/mg-message/mg-message.conf";
 export { DialogRoleType } from "./components/molecules/mg-modal/mg-modal.conf";
 export { ExpandToggleDisplayType, TitlePositionType } from "./components/molecules/mg-panel/mg-panel.conf";
@@ -74,7 +74,7 @@ export namespace Components {
         /**
           * Define if chevron is display
          */
-        "displayChevron"?: boolean;
+        "displayChevron": boolean;
         /**
           * Define displayed icon
          */
@@ -218,7 +218,7 @@ export namespace Components {
         /**
           * Define if slotted mg-component's label are displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -300,7 +300,7 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Define if input is required
          */
@@ -326,7 +326,7 @@ export namespace Components {
         /**
           * Display selected values list in "multi" type This prop is only applied with prop type "multi" or when an "unset" mode render a "multi" type.
          */
-        "displaySelectedValues"?: boolean;
+        "displaySelectedValues": boolean;
         /**
           * Overwrite default "edit" button message
          */
@@ -358,7 +358,7 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Define input name If not set the value equals the identifier
          */
@@ -425,7 +425,7 @@ export namespace Components {
         /**
           * Define if mg-input-checkbox-list is disabled
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
         /**
           * Define mg-input-checkbox input invalid
          */
@@ -441,7 +441,7 @@ export namespace Components {
         /**
           * Define if mg-input-checkbox-list is readonly
          */
-        "readonly"?: boolean;
+        "readonly": boolean;
     }
     interface MgInputDate {
         /**
@@ -475,7 +475,7 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Define input maximum date format: yyyy-mm-dd
          */
@@ -571,7 +571,7 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Maximum value
          */
@@ -671,11 +671,11 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Input max length
          */
-        "maxlength": any;
+        "maxlength"?: number;
         /**
           * Define input width
          */
@@ -845,7 +845,7 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Editor modules configuration
          */
@@ -937,7 +937,7 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Define input width
          */
@@ -1037,7 +1037,7 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Input max length
          */
@@ -1141,7 +1141,7 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Input max length
          */
@@ -1263,7 +1263,7 @@ export namespace Components {
         /**
           * Define if label is displayed on top
          */
-        "labelOnTop"?: boolean;
+        "labelOnTop": boolean;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -1317,7 +1317,7 @@ export namespace Components {
         /**
           * Hide message
          */
-        "messageHide"?: boolean;
+        "messageHide": boolean;
     }
     interface MgMenu {
         /**
@@ -1399,11 +1399,11 @@ export namespace Components {
         /**
           * Hide navigation label
          */
-        "hideNavigationLabels"?: boolean;
+        "hideNavigationLabels": boolean;
         /**
           * Hide select input
          */
-        "hidePageCount"?: boolean;
+        "hidePageCount": boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
          */
@@ -1421,7 +1421,7 @@ export namespace Components {
         /**
           * Disable possibility to toggle expand
          */
-        "expandToggleDisabled"?: boolean;
+        "expandToggleDisabled": boolean;
         /**
           * Define expand toggle button display
          */
@@ -1555,11 +1555,11 @@ export namespace Components {
         /**
           * Define if tag is using outline style
          */
-        "outline"?: boolean;
+        "outline": boolean;
         /**
           * Define if tag is using soft style
          */
-        "soft"?: boolean;
+        "soft": boolean;
         /**
           * Define tag variant
          */
@@ -2863,7 +2863,7 @@ declare namespace LocalJSX {
         /**
           * Input max length
          */
-        "maxlength"?: any;
+        "maxlength"?: number;
         /**
           * Define input width
          */

package/dist/types/stencil-public-runtime.d.ts

@@ -826,6 +826,7 @@ export declare namespace JSXBase {
     }
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
+        name?: string;
         onToggle?: (event: Event) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {