@mgdis/mg-components 3.2.0 → 4.0.1

package/dist/types/components.d.ts

@@ -11,7 +11,9 @@ import { Width } from "./components/molecules/inputs/MgInput.conf";
 import { RadioOption } from "./components/molecules/inputs/mg-input-radio/mg-input-radio.conf";
 import { SelectOption } from "./components/molecules/inputs/mg-input-select/mg-input-select.conf";
 import { ToggleValue } from "./components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf";
+import { Placement } from "./components/molecules/mg-popover/mg-popover.conf";
 import { TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
+import { Placement as Placement1 } from "./components/atoms/mg-tooltip/mg-tooltip.conf";
 export namespace Components {
     interface MgBadge {
         /**
@@ -82,10 +84,6 @@ export namespace Components {
           * Add maximum length
          */
         "maxlength": number;
-        /**
-          * Template to display remaining characters. Must have {counter} inside
-         */
-        "template": string;
     }
     interface MgForm {
         /**
@@ -267,6 +265,10 @@ export namespace Components {
         "value": string;
     }
     interface MgInputNumeric {
+        /**
+          * Define currency
+         */
+        "currency": string;
         /**
           * Override decimal length decimal is the number after the decimal point
          */
@@ -312,6 +314,10 @@ export namespace Components {
           * Maximum value
          */
         "max": number;
+        /**
+          * Define input width
+         */
+        "mgWidth": Width;
         /**
           * Minimum value
          */
@@ -348,10 +354,6 @@ export namespace Components {
           * Component value
          */
         "value": string;
-        /**
-          * Define input width
-         */
-        "width": Width;
     }
     interface MgInputPassword {
         /**
@@ -387,6 +389,10 @@ export namespace Components {
           * Define if label is displayed on top
          */
         "labelOnTop": boolean;
+        /**
+          * Define input width
+         */
+        "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -415,10 +421,6 @@ export namespace Components {
           * Component value
          */
         "value": string;
-        /**
-          * Define input width
-         */
-        "width": Width;
     }
     interface MgInputRadio {
         /**
@@ -525,6 +527,10 @@ export namespace Components {
           * Define if label is displayed on top
          */
         "labelOnTop": boolean;
+        /**
+          * Define input width
+         */
+        "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -561,16 +567,8 @@ export namespace Components {
           * Component value
          */
         "value": any;
-        /**
-          * Define input width
-         */
-        "width": Width;
     }
     interface MgInputText {
-        /**
-          * Template to use for characters left sentence
-         */
-        "characterLeftTemplate": string;
         /**
           * Define if input is disabled
          */
@@ -616,6 +614,10 @@ export namespace Components {
           * Input max length
          */
         "maxlength": number;
+        /**
+          * Define input width
+         */
+        "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -661,16 +663,8 @@ export namespace Components {
           * Component value
          */
         "value": string;
-        /**
-          * Define input width
-         */
-        "width": Width;
     }
     interface MgInputTextarea {
-        /**
-          * Template to use for characters left sentence
-         */
-        "characterLeftTemplate": string;
         /**
           * Define if input is disabled
          */
@@ -712,6 +706,10 @@ export namespace Components {
           * Input max length
          */
         "maxlength": number;
+        /**
+          * Define input width
+         */
+        "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -737,7 +735,11 @@ export namespace Components {
          */
         "required": boolean;
         /**
-          * Define input pattern error message
+          * Define if input is resizable
+         */
+        "resizable": 'none' | 'both' | 'horizontal' | 'vertical';
+        /**
+          * Define the number of visible text lines for the control
          */
         "rows": number;
         /**
@@ -752,10 +754,6 @@ export namespace Components {
           * Component value
          */
         "value": string;
-        /**
-          * Define input width
-         */
-        "width": Width;
     }
     interface MgInputTitle {
         /**
@@ -885,6 +883,10 @@ export namespace Components {
         "totalPages": number;
     }
     interface MgPanel {
+        /**
+          * Disable possibility to toggle expand
+         */
+        "expandToggleDisabled": boolean;
         /**
           * Panel is opened
          */
@@ -901,6 +903,14 @@ export namespace Components {
           * Panel title is editabled
          */
         "titleEditable": boolean;
+        /**
+          * Panel title pattern
+         */
+        "titlePattern": string;
+        /**
+          * Panel title pattern error message
+         */
+        "titlePatternErrorMessage": string;
     }
     interface MgPopover {
         /**
@@ -922,21 +932,7 @@ export namespace Components {
         /**
           * 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;
     }
     interface MgTabs {
         /**
@@ -990,23 +986,69 @@ export namespace Components {
         /**
           * Tooltip 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": Placement1;
     }
 }
+export interface MgFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgFormElement;
+}
+export interface MgInputCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputCheckboxElement;
+}
+export interface MgInputDateCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputDateElement;
+}
+export interface MgInputNumericCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputNumericElement;
+}
+export interface MgInputPasswordCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputPasswordElement;
+}
+export interface MgInputRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputRadioElement;
+}
+export interface MgInputSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputSelectElement;
+}
+export interface MgInputTextCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputTextElement;
+}
+export interface MgInputTextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputTextareaElement;
+}
+export interface MgInputToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputToggleElement;
+}
+export interface MgMessageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgMessageElement;
+}
+export interface MgModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgModalElement;
+}
+export interface MgPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgPaginationElement;
+}
+export interface MgPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgPanelElement;
+}
+export interface MgTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgTabsElement;
+}
 declare global {
     interface HTMLMgBadgeElement extends Components.MgBadge, HTMLStencilElement {
     }
@@ -1242,10 +1284,6 @@ declare namespace LocalJSX {
           * Add maximum length
          */
         "maxlength": number;
-        /**
-          * Template to display remaining characters. Must have {counter} inside
-         */
-        "template"?: string;
     }
     interface MgForm {
         /**
@@ -1267,7 +1305,7 @@ declare namespace LocalJSX {
         /**
           * Emitted event on form validity check Tells if form is valid or not
          */
-        "onForm-valid"?: (event: CustomEvent<boolean>) => void;
+        "onForm-valid"?: (event: MgFormCustomEvent<boolean>) => void;
         /**
           * Define if form is readonly
          */
@@ -1335,11 +1373,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when checking validity
          */
-        "onInput-valid"?: (event: CustomEvent<boolean>) => void;
+        "onInput-valid"?: (event: MgInputCheckboxCustomEvent<boolean>) => void;
         /**
           * Emitted event when value change
          */
-        "onValue-change"?: (event: CustomEvent<CheckboxValue[]>) => void;
+        "onValue-change"?: (event: MgInputCheckboxCustomEvent<CheckboxValue[]>) => void;
         /**
           * Define if input is readonly
          */
@@ -1405,11 +1443,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when checking validity
          */
-        "onInput-valid"?: (event: CustomEvent<boolean>) => void;
+        "onInput-valid"?: (event: MgInputDateCustomEvent<boolean>) => void;
         /**
           * Emited event when value change
          */
-        "onValue-change"?: (event: CustomEvent<string>) => void;
+        "onValue-change"?: (event: MgInputDateCustomEvent<string>) => void;
         /**
           * Define if input is readonly
          */
@@ -1432,6 +1470,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface MgInputNumeric {
+        /**
+          * Define currency
+         */
+        "currency"?: string;
         /**
           * Override decimal length decimal is the number after the decimal point
          */
@@ -1472,6 +1514,10 @@ declare namespace LocalJSX {
           * Maximum value
          */
         "max"?: number;
+        /**
+          * Define input width
+         */
+        "mgWidth"?: Width;
         /**
           * Minimum value
          */
@@ -1483,11 +1529,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when checking validity
          */
-        "onInput-valid"?: (event: CustomEvent<boolean>) => void;
+        "onInput-valid"?: (event: MgInputNumericCustomEvent<boolean>) => void;
         /**
           * Emited event when value change
          */
-        "onValue-change"?: (event: CustomEvent<number>) => void;
+        "onValue-change"?: (event: MgInputNumericCustomEvent<number>) => void;
         /**
           * 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.
          */
@@ -1516,10 +1562,6 @@ declare namespace LocalJSX {
           * Component value
          */
         "value"?: string;
-        /**
-          * Define input width
-         */
-        "width"?: Width;
     }
     interface MgInputPassword {
         /**
@@ -1550,6 +1592,10 @@ declare namespace LocalJSX {
           * Define if label is displayed on top
          */
         "labelOnTop"?: boolean;
+        /**
+          * Define input width
+         */
+        "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -1557,11 +1603,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when checking validity
          */
-        "onInput-valid"?: (event: CustomEvent<boolean>) => void;
+        "onInput-valid"?: (event: MgInputPasswordCustomEvent<boolean>) => void;
         /**
           * Emited event when value change
          */
-        "onValue-change"?: (event: CustomEvent<string>) => void;
+        "onValue-change"?: (event: MgInputPasswordCustomEvent<string>) => void;
         /**
           * 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.
          */
@@ -1586,10 +1632,6 @@ declare namespace LocalJSX {
           * Component value
          */
         "value"?: string;
-        /**
-          * Define input width
-         */
-        "width"?: Width;
     }
     interface MgInputRadio {
         /**
@@ -1635,11 +1677,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when checking validity
          */
-        "onInput-valid"?: (event: CustomEvent<boolean>) => void;
+        "onInput-valid"?: (event: MgInputRadioCustomEvent<boolean>) => void;
         /**
           * Emitted event when value change
          */
-        "onValue-change"?: (event: CustomEvent<any>) => void;
+        "onValue-change"?: (event: MgInputRadioCustomEvent<any>) => void;
         /**
           * Define if input is readonly
          */
@@ -1694,6 +1736,10 @@ declare namespace LocalJSX {
           * Define if label is displayed on top
          */
         "labelOnTop"?: boolean;
+        /**
+          * Define input width
+         */
+        "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -1701,11 +1747,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when checking validity
          */
-        "onInput-valid"?: (event: CustomEvent<boolean>) => void;
+        "onInput-valid"?: (event: MgInputSelectCustomEvent<boolean>) => void;
         /**
           * Emited event when value change
          */
-        "onValue-change"?: (event: CustomEvent<any>) => void;
+        "onValue-change"?: (event: MgInputSelectCustomEvent<any>) => void;
         /**
           * 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.
          */
@@ -1738,16 +1784,8 @@ declare namespace LocalJSX {
           * Component value
          */
         "value"?: any;
-        /**
-          * Define input width
-         */
-        "width"?: Width;
     }
     interface MgInputText {
-        /**
-          * Template to use for characters left sentence
-         */
-        "characterLeftTemplate"?: string;
         /**
           * Define if input is disabled
          */
@@ -1788,6 +1826,10 @@ declare namespace LocalJSX {
           * Input max length
          */
         "maxlength"?: number;
+        /**
+          * Define input width
+         */
+        "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -1795,11 +1837,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when checking validity
          */
-        "onInput-valid"?: (event: CustomEvent<boolean>) => void;
+        "onInput-valid"?: (event: MgInputTextCustomEvent<boolean>) => void;
         /**
           * Emited event when value change
          */
-        "onValue-change"?: (event: CustomEvent<string>) => void;
+        "onValue-change"?: (event: MgInputTextCustomEvent<string>) => void;
         /**
           * Define input pattern to validate
          */
@@ -1836,16 +1878,8 @@ declare namespace LocalJSX {
           * Component value
          */
         "value"?: string;
-        /**
-          * Define input width
-         */
-        "width"?: Width;
     }
     interface MgInputTextarea {
-        /**
-          * Template to use for characters left sentence
-         */
-        "characterLeftTemplate"?: string;
         /**
           * Define if input is disabled
          */
@@ -1882,6 +1916,10 @@ declare namespace LocalJSX {
           * Input max length
          */
         "maxlength"?: number;
+        /**
+          * Define input width
+         */
+        "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
          */
@@ -1889,11 +1927,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when checking validity
          */
-        "onInput-valid"?: (event: CustomEvent<boolean>) => void;
+        "onInput-valid"?: (event: MgInputTextareaCustomEvent<boolean>) => void;
         /**
           * Emited event when value change
          */
-        "onValue-change"?: (event: CustomEvent<string>) => void;
+        "onValue-change"?: (event: MgInputTextareaCustomEvent<string>) => void;
         /**
           * Define input pattern to validate
          */
@@ -1915,7 +1953,11 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Define input pattern error message
+          * Define if input is resizable
+         */
+        "resizable"?: 'none' | 'both' | 'horizontal' | 'vertical';
+        /**
+          * Define the number of visible text lines for the control
          */
         "rows"?: number;
         /**
@@ -1930,10 +1972,6 @@ declare namespace LocalJSX {
           * Component value
          */
         "value"?: string;
-        /**
-          * Define input width
-         */
-        "width"?: Width;
     }
     interface MgInputTitle {
         /**
@@ -1994,11 +2032,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when checking validity
          */
-        "onInput-valid"?: (event: CustomEvent<boolean>) => void;
+        "onInput-valid"?: (event: MgInputToggleCustomEvent<boolean>) => void;
         /**
           * Emited event when value change
          */
-        "onValue-change"?: (event: CustomEvent<any>) => void;
+        "onValue-change"?: (event: MgInputToggleCustomEvent<any>) => void;
         /**
           * Define if input is readonly
          */
@@ -2032,11 +2070,11 @@ declare namespace LocalJSX {
         /**
           * Emited event when message is hidden
          */
-        "onComponent-hide"?: (event: CustomEvent<string>) => void;
+        "onComponent-hide"?: (event: MgMessageCustomEvent<string>) => void;
         /**
           * Emited event when message is diplayed
          */
-        "onComponent-show"?: (event: CustomEvent<string>) => void;
+        "onComponent-show"?: (event: MgMessageCustomEvent<string>) => void;
         /**
           * Message variant
          */
@@ -2062,11 +2100,11 @@ declare namespace LocalJSX {
         /**
           * Emmited event when modal is hidden
          */
-        "onComponent-hide"?: (event: CustomEvent<string>) => void;
+        "onComponent-hide"?: (event: MgModalCustomEvent<string>) => void;
         /**
           * Emmited event when modal is diplayed
          */
-        "onComponent-show"?: (event: CustomEvent<string>) => void;
+        "onComponent-show"?: (event: MgModalCustomEvent<string>) => void;
     }
     interface MgPagination {
         /**
@@ -2084,13 +2122,17 @@ declare namespace LocalJSX {
         /**
           * Emmited event when current page change
          */
-        "onCurrent-page-change"?: (event: CustomEvent<number>) => void;
+        "onCurrent-page-change"?: (event: MgPaginationCustomEvent<number>) => void;
         /**
           * Component total pages
          */
         "totalPages"?: number;
     }
     interface MgPanel {
+        /**
+          * Disable possibility to toggle expand
+         */
+        "expandToggleDisabled"?: boolean;
         /**
           * Panel is opened
          */
@@ -2099,10 +2141,14 @@ declare namespace LocalJSX {
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
          */
         "identifier"?: string;
+        /**
+          * Emmited event when expanded change
+         */
+        "onExpanded-change"?: (event: MgPanelCustomEvent<boolean>) => void;
         /**
           * Emmited event when title change
          */
-        "onTitle-change"?: (event: CustomEvent<string>) => void;
+        "onTitle-change"?: (event: MgPanelCustomEvent<string>) => void;
         /**
           * Panel title
          */
@@ -2111,6 +2157,14 @@ declare namespace LocalJSX {
           * Panel title is editabled
          */
         "titleEditable"?: boolean;
+        /**
+          * Panel title pattern
+         */
+        "titlePattern"?: string;
+        /**
+          * Panel title pattern error message
+         */
+        "titlePatternErrorMessage"?: string;
     }
     interface MgPopover {
         /**
@@ -2132,21 +2186,7 @@ declare namespace LocalJSX {
         /**
           * 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;
     }
     interface MgTabs {
         /**
@@ -2165,6 +2205,10 @@ declare namespace LocalJSX {
           * Tabs label. Include short tabs description. Required for accessibility
          */
         "label": string;
+        /**
+          * Emited event when active tab change
+         */
+        "onActive-tab-change"?: (event: MgTabsCustomEvent<number>) => void;
         /**
           * Define tabs size
          */
@@ -2200,21 +2244,7 @@ declare namespace LocalJSX {
         /**
           * Tooltip 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"?: Placement1;
     }
     interface IntrinsicElements {
         "mg-badge": MgBadge;