@mgdis/mg-components 4.1.0 → 4.2.0

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

@@ -22,7 +22,6 @@ export declare class MgInputDate {
   validateValue(newValue: string): void;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
    */
   identifier: string;
   /**
@@ -75,13 +74,12 @@ export declare class MgInputDate {
    * format: yyyy-mm-dd
    */
   min: string;
-  validateMin(newValue: string): void;
   /**
    * Define input maximum date
    * format: yyyy-mm-dd
    */
   max: string;
-  validateMax(newValue: string): void;
+  validateMinMax(newValue: string): void;
   /**
    * Component classes
    */
@@ -112,13 +110,6 @@ export declare class MgInputDate {
    * Handle blur event
    */
   private handleBlur;
-  /**
-   * Date format validation
-   *
-   * @param {string} date date to validate
-   * @returns {void}
-   */
-  private validateDateFormat;
   /**
    * Check if input is valid
    */

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

@@ -26,7 +26,6 @@ export declare class MgInputNumeric {
   validateValue(newValue: string): void;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
    */
   identifier: string;
   /**

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

@@ -22,7 +22,6 @@ export declare class MgInputPassword {
   handleValue(newValue: string): void;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
    */
   identifier: string;
   /**

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

@@ -27,7 +27,6 @@ export declare class MgInputRadio {
   validateItems(newValue: string[] | RadioOption[]): void;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
    */
   identifier: string;
   /**

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

@@ -28,7 +28,6 @@ export declare class MgInputSelect {
   validateItems(newValue: string[] | SelectOption[]): void;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
    */
   identifier: string;
   /**

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

@@ -26,7 +26,6 @@ export declare class MgInputText {
   handleValue(newValue: string): void;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
    */
   identifier: string;
   /**

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

@@ -25,7 +25,6 @@ export declare class MgInputTextarea {
   handleValue(newValue: string): void;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
    */
   identifier: string;
   /**

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

@@ -31,7 +31,6 @@ export declare class MgInputToggle {
   validateItems(newValue: string[] | ToggleValue[]): void;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-   * If not set, it will be created.
    */
   identifier: string;
   /**

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

@@ -22,6 +22,7 @@ export declare class MgModal {
    * required
    */
   modalTitle: string;
+  validateModalTitle(newValue: string): void;
   /**
    * Define if modal has a cross button
    */

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

@@ -22,7 +22,7 @@ export declare class MgPanel {
    * Panel title
    */
   panelTitle: string;
-  handelTileChange(newValue: string): void;
+  validatePanelTitle(newValue: string): void;
   /**
    * Panel title pattern
    */

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

@@ -25,6 +25,7 @@ export declare class MgTabs {
    * Required for accessibility
    */
   label: string;
+  validateLabel(newValue: string): void;
   /**
    * Define tabs size
    */

package/dist/types/components.d.ts

@@ -60,7 +60,7 @@ export namespace Components {
          */
         "haspopup": boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -178,7 +178,7 @@ export namespace Components {
          */
         "helpText": string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -241,7 +241,7 @@ export namespace Components {
          */
         "helpText": string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -316,7 +316,7 @@ export namespace Components {
          */
         "helpText": string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -399,7 +399,7 @@ export namespace Components {
          */
         "helpText": string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -466,7 +466,7 @@ export namespace Components {
          */
         "helpText": string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -533,7 +533,7 @@ export namespace Components {
          */
         "helpText": string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -620,7 +620,7 @@ export namespace Components {
          */
         "icon": string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -712,7 +712,7 @@ export namespace Components {
          */
         "helpText": string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -808,7 +808,7 @@ export namespace Components {
          */
         "helpText": string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
         /**
@@ -1310,7 +1310,7 @@ declare namespace LocalJSX {
          */
         "haspopup"?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier"?: string;
         /**
@@ -1430,9 +1430,9 @@ declare namespace LocalJSX {
          */
         "helpText"?: string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
-        "identifier"?: string;
+        "identifier": string;
         /**
           * Define if inputs are display verticaly
          */
@@ -1496,9 +1496,9 @@ declare namespace LocalJSX {
          */
         "helpText"?: string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
-        "identifier"?: string;
+        "identifier": string;
         /**
           * Define input invalid state
          */
@@ -1574,9 +1574,9 @@ declare namespace LocalJSX {
          */
         "helpText"?: string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
-        "identifier"?: string;
+        "identifier": string;
         /**
           * Override integer length integer is the number before the decimal point
          */
@@ -1660,9 +1660,9 @@ declare namespace LocalJSX {
          */
         "helpText"?: string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
-        "identifier"?: string;
+        "identifier": string;
         /**
           * Define input invalid state
          */
@@ -1730,9 +1730,9 @@ declare namespace LocalJSX {
          */
         "helpText"?: string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
-        "identifier"?: string;
+        "identifier": string;
         /**
           * Define if inputs are display verticaly
          */
@@ -1800,9 +1800,9 @@ declare namespace LocalJSX {
          */
         "helpText"?: string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
-        "identifier"?: string;
+        "identifier": string;
         /**
           * Define input invalid state
          */
@@ -1890,9 +1890,9 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
-        "identifier"?: string;
+        "identifier": string;
         /**
           * Define input invalid state
          */
@@ -1980,9 +1980,9 @@ declare namespace LocalJSX {
          */
         "helpText"?: string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
-        "identifier"?: string;
+        "identifier": string;
         /**
           * Define input invalid state
          */
@@ -2084,9 +2084,9 @@ declare namespace LocalJSX {
          */
         "helpText"?: string;
         /**
-          * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
-        "identifier"?: string;
+        "identifier": string;
         /**
           * Define if toggle display icon
          */

package/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "mg-components-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.2",
-    "@stencil/core": "^2.17.4",
+    "@stencil/core": "^2.18.0",
     "normalize.css": "^8.0.1"
   },
   "devDependencies": {
@@ -51,12 +51,12 @@
     "@pxtrn/storybook-addon-docs-stencil": "^6.4.1",
     "@stencil/eslint-plugin": "^0.4.0",
     "@stencil/sass": "^1.5.2",
-    "@storybook/addon-a11y": "^6.5.10",
-    "@storybook/addon-actions": "^6.5.10",
-    "@storybook/addon-docs": "^6.5.10",
-    "@storybook/addon-essentials": "^6.5.10",
-    "@storybook/addon-links": "^6.5.10",
-    "@storybook/html": "^6.5.10",
+    "@storybook/addon-a11y": "^6.5.12",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-docs": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/html": "^6.5.12",
     "@storybook/preset-scss": "^1.0.3",
     "@types/jest": "^26.0.24",
     "@types/jest-image-snapshot": "^4.3.1",

package/dist/mg-components/p-a2883dc7.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,g as a}from"./p-b14a3443.js";import{c as s,C as e,i as l}from"./p-5f89600c.js";const m=class{constructor(o){t(this,o),this.componentShow=i(this,"component-show",7),this.componentHide=i(this,"component-hide",7),this.classHide="mg-modal--hide",this.closeButtonId="",this.titleId="",this.identifier=s("mg-modal"),this.closeButton=!1,this.hide=!1,this.hasActions=!1,this.hasContent=!1,this.classList=new e(["mg-modal"]),this.handleClose=()=>{this.hide=!0}}validateHide(t){t?(this.componentHide.emit(),this.classList.add(this.classHide)):(this.componentShow.emit(),this.classList.delete(this.classHide))}handleKeyDown(t){this.closeButton&&"Escape"===t.key&&(this.hide=!0)}componentWillLoad(){this.messages=l(this.element).messages,this.hasActions=null!==this.element.querySelector('[slot="actions"]'),this.hasContent=null!==this.element.querySelector('[slot="content"]'),this.closeButton&&(this.closeButtonId=`${this.identifier}-close-button`),this.titleId=`${this.identifier}-title`,this.validateHide(this.hide)}render(){return o("section",{role:"dialog",id:this.identifier,class:this.classList.join(),tabindex:"-1","aria-labelledby":this.titleId,"aria-modal":"true","aria-hidden":this.hide},o("article",{class:"mg-modal__dialog"},o("header",{class:"mg-modal__header"},this.closeButton&&o("span",{class:"mg-modal__close-button"},o("mg-button",{identifier:this.closeButtonId,"is-icon":!0,variant:"flat",label:this.messages.modal.closeButton,onClick:this.handleClose},o("mg-icon",{icon:"cross"}))),o("h1",{class:"mg-modal__title",id:this.titleId},this.modalTitle)),this.hasContent&&o("article",{class:"mg-modal__content"},o("slot",{name:"content"})),this.hasActions&&o("footer",{class:"mg-modal__footer"},o("slot",{name:"actions"}))))}get element(){return a(this)}static get watchers(){return{hide:["validateHide"]}}};m.style=".mg-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:2rem 0;background-color:hsla(var(--color-light), 85%)}.mg-modal__dialog{display:flex;flex-direction:column;align-self:center;row-gap:3rem;padding:1.5rem 2.5rem;width:60rem;height:fit-content;max-width:100%;max-height:100%;box-sizing:border-box;background-color:hsl(var(--color-light));box-shadow:var(--box-shadow);border-radius:var(--mg-modal-border-radius)}.mg-modal__header{margin-bottom:0.5rem}.mg-modal__title{margin:0;font-family:var(--font-family-heading);font-size:var(--mg-modal-title-font-size);font-weight:600}.mg-modal__close-button{float:right;height:var(--mg-modal-title-font-size);margin-top:calc((var(--default-size) - var(--mg-modal-title-font-size) * var(--line-height)) / 2 * -1);margin-right:calc((var(--default-size) - var(--mg-icon-regular-size)) / 2 * -1)}.mg-modal .mg-modal__content{overflow-y:auto}.mg-modal .mg-modal__content::slotted(*){font-size:var(--mg-modal-content-font-size)}.mg-modal.mg-modal--hide{display:none}";export{m as mg_modal}