@mgdis/mg-components 4.1.1 → 4.2.1

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

@@ -19,7 +19,6 @@ export declare class MgButton {
   validateVariant(newValue: string, oldValue?: 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/atoms/mg-input-title/mg-input-title.d.ts

@@ -3,6 +3,7 @@ export declare class MgInputTitle {
    * Label input id
    */
   identifier: string;
+  validateIdentifier(newValue: string): void;
   /**
    * If input is required an asterisk is added at the end of the label
    */

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

@@ -22,6 +22,7 @@ export declare class MgTooltip {
    * Displayed message in the tooltip
    */
   message: string;
+  validateMessage(newValue: string): void;
   /**
    * Tooltip placement
    */

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

@@ -23,7 +23,6 @@ export declare class MgInputCheckbox {
   validateValue(newValue: CheckboxValue[]): 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-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

@@ -8,6 +8,7 @@ export declare class MgModal {
   private closeButtonId;
   private titleId;
   private messages;
+  private bodyOverflow;
   /**************
    * Decorators *
    **************/
@@ -22,6 +23,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/dist/types/stencil-public-runtime.d.ts

@@ -221,7 +221,8 @@ export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +235,8 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,18 +249,22 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
@@ -272,6 +279,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +288,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**

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.1",
+  "version": "4.2.1",
   "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",
@@ -64,7 +64,7 @@
     "@typescript-eslint/parser": "^4.33.0",
     "babel-loader": "^8.2.2",
     "babel-plugin-jsx-pragmatic": "^1.0.2",
-    "chromatic": "^6.7.1",
+    "chromatic": "^6.10.1",
     "css-loader": "^5.2.7",
     "eslint": "^7.32.0",
     "eslint-plugin-jsdoc": "^38.0.6",

package/dist/mg-components/p-2a3d8f60.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,g as a}from"./p-b6df1cac.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}

package/dist/mg-components/p-b6df1cac.js

@@ -1,2 +0,0 @@
-let t,e,n,l=!1,s=!1,o=!1,r=!1,c=!1;const i="undefined"!=typeof window?window:{},f=i.document||{head:{}},a=i.HTMLElement||class{},u={t:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},h=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),$=(t,e,n)=>{n&&n.map((([n,l,s])=>{const o=m(t,n),r=p(e,s),c=y(n);u.ael(o,l,r,c),(e.o=e.o||[]).push((()=>u.rel(o,l,r,c)))}))},p=(t,e)=>n=>{try{256&t.t?t.i[e](n):(t.u=t.u||[]).push([e,n])}catch(t){ht(t)}},m=(t,e)=>8&e?i:t,y=t=>0!=(2&t),b=new WeakMap,w=t=>"sc-"+t.h,g={},v=t=>"object"==(t=typeof t)||"function"===t,j=(t,e,...n)=>{let l=null,s=null,o=!1,r=!1;const c=[],i=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof t&&!v(l))&&(l+=""),o&&r?c[c.length-1].$+=l:c.push(o?S(null,l):l),r=o)};if(i(n),e){e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,k);const f=S(t,null);return f.p=e,c.length>0&&(f.m=c),f.g=s,f},S=(t,e)=>({t:0,v:t,$:e,j:null,m:null,p:null,g:null}),O={},k={forEach:(t,e)=>t.map(M).forEach(e),map:(t,e)=>t.map(M).map(e).map(C)},M=t=>({vattrs:t.p,vchildren:t.m,vkey:t.S,vname:t.g,vtag:t.v,vtext:t.$}),C=t=>{if("function"==typeof t.vtag){const e=Object.assign({},t.vattrs);return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),j(t.vtag,e,...t.vchildren||[])}const e=S(t.vtag,t.vtext);return e.p=t.vattrs,e.m=t.vchildren,e.S=t.vkey,e.g=t.vname,e},R=(t,e,n,l,s,o)=>{if(n!==l){let r=ut(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,s=P(n),o=P(l);e.remove(...s.filter((t=>t&&!o.includes(t)))),e.add(...o.filter((t=>t&&!s.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("ref"===e)l&&l(t);else if(r||"o"!==e[0]||"n"!==e[1]){const c=v(l);if((r||c&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[e]=l;else{const s=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==s||(t[e]=s)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&o||s)&&!c&&t.setAttribute(e,l=!0===l?"":l)}else e="-"===e[2]?e.slice(3):ut(i,c)?c.slice(2):c[2]+e.slice(3),n&&u.rel(t,e,n,!1),l&&u.ael(t,e,l,!1)}},x=/\s/,P=t=>t?t.split(x):[],T=(t,e,n,l)=>{const s=11===e.j.nodeType&&e.j.host?e.j.host:e.j,o=t&&t.p||g,r=e.p||g;for(l in o)l in r||R(s,l,o[l],void 0,n,e.t);for(l in r)R(s,l,o[l],r[l],n,e.t)},E=(s,c,i,a)=>{const u=c.m[i];let h,d,$,p=0;if(l||(o=!0,"slot"===u.v&&(t&&a.classList.add(t+"-s"),u.t|=u.m?2:1)),null!==u.$)h=u.j=f.createTextNode(u.$);else if(1&u.t)h=u.j=f.createTextNode("");else{if(r||(r="svg"===u.v),h=u.j=f.createElementNS(r?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.t?"slot-fb":u.v),r&&"foreignObject"===u.v&&(r=!1),T(null,u,r),null!=t&&h["s-si"]!==t&&h.classList.add(h["s-si"]=t),u.m)for(p=0;p<u.m.length;++p)d=E(s,u,p,h),d&&h.appendChild(d);"svg"===u.v?r=!1:"foreignObject"===h.tagName&&(r=!0)}return h["s-hn"]=n,3&u.t&&(h["s-sr"]=!0,h["s-cr"]=e,h["s-sn"]=u.g||"",$=s&&s.m&&s.m[i],$&&$.v===u.v&&s.j&&L(s.j,!1)),h},L=(t,e)=>{u.t|=1;const l=t.childNodes;for(let t=l.length-1;t>=0;t--){const s=l[t];s["s-hn"]!==n&&s["s-ol"]&&(F(s).insertBefore(s,D(s)),s["s-ol"].remove(),s["s-ol"]=void 0,o=!0),e&&L(s,e)}u.t&=-2},N=(t,e,l,s,o,r)=>{let c,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);o<=r;++o)s[o]&&(c=E(null,l,o,t),c&&(s[o].j=c,i.insertBefore(c,D(e))))},W=(t,e,n,l,o)=>{for(;e<=n;++e)(l=t[e])&&(o=l.j,z(l),s=!0,o["s-ol"]?o["s-ol"].remove():L(o,!0),o.remove())},A=(t,e)=>t.v===e.v&&("slot"!==t.v||t.g===e.g),D=t=>t&&t["s-ol"]||t,F=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,U=(t,e)=>{const n=e.j=t.j,l=t.m,s=e.m,o=e.v,c=e.$;let i;null===c?(r="svg"===o||"foreignObject"!==o&&r,"slot"===o||T(t,e,r),null!==l&&null!==s?((t,e,n,l)=>{let s,o=0,r=0,c=e.length-1,i=e[0],f=e[c],a=l.length-1,u=l[0],h=l[a];for(;o<=c&&r<=a;)null==i?i=e[++o]:null==f?f=e[--c]:null==u?u=l[++r]:null==h?h=l[--a]:A(i,u)?(U(i,u),i=e[++o],u=l[++r]):A(f,h)?(U(f,h),f=e[--c],h=l[--a]):A(i,h)?("slot"!==i.v&&"slot"!==h.v||L(i.j.parentNode,!1),U(i,h),t.insertBefore(i.j,f.j.nextSibling),i=e[++o],h=l[--a]):A(f,u)?("slot"!==i.v&&"slot"!==h.v||L(f.j.parentNode,!1),U(f,u),t.insertBefore(f.j,i.j),f=e[--c],u=l[++r]):(s=E(e&&e[r],n,r,t),u=l[++r],s&&F(i.j).insertBefore(s,D(i.j)));o>c?N(t,null==l[a+1]?null:l[a+1].j,n,l,r,a):r>a&&W(e,o,c)})(n,l,e,s):null!==s?(null!==t.$&&(n.textContent=""),N(n,null,e,s,0,s.length-1)):null!==l&&W(l,0,l.length-1),r&&"svg"===o&&(r=!1)):(i=n["s-cr"])?i.parentNode.textContent=c:t.$!==c&&(n.data=c)},q=t=>{const e=t.childNodes;let n,l,s,o,r,c;for(l=0,s=e.length;l<s;l++)if(n=e[l],1===n.nodeType){if(n["s-sr"])for(r=n["s-sn"],n.hidden=!1,o=0;o<s;o++)if(c=e[o].nodeType,e[o]["s-hn"]!==n["s-hn"]||""!==r){if(1===c&&r===e[o].getAttribute("slot")){n.hidden=!0;break}}else if(1===c||3===c&&""!==e[o].textContent.trim()){n.hidden=!0;break}q(n)}},H=[],V=t=>{let e,n,l,o,r,c,i=0;const f=t.childNodes,a=f.length;for(;i<a;i++){if(e=f[i],e["s-sr"]&&(n=e["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,o=e["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||(_(n,o)?(r=H.find((t=>t.O===n)),s=!0,n["s-sn"]=n["s-sn"]||o,r?r.k=e:H.push({k:e,O:n}),n["s-sr"]&&H.map((t=>{_(t.O,n["s-sn"])&&(r=H.find((t=>t.O===n)),r&&!t.k&&(t.k=r.k))}))):H.some((t=>t.O===n))||H.push({O:n}));1===e.nodeType&&V(e)}},_=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,z=t=>{t.p&&t.p.ref&&t.p.ref(null),t.m&&t.m.map(z)},B=t=>it(t).M,G=(t,e,n)=>{const l=B(t);return{emit:t=>I(l,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},I=(t,e,n)=>{const l=u.ce(e,n);return t.dispatchEvent(l),l},J=(t,e)=>{e&&!t.C&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.C=e)))},K=(t,e)=>{if(t.t|=16,!(4&t.t))return J(t,t.R),jt((()=>Q(t,e)));t.t|=512},Q=(t,e)=>{const n=t.i;let l;return e&&(t.t|=256,t.u&&(t.u.map((([t,e])=>et(n,t,e))),t.u=null),l=et(n,"componentWillLoad")),nt(l,(()=>X(t,n,e)))},X=async(t,e,n)=>{const l=t.M,s=l["s-rc"];n&&(t=>{const e=t.P,n=t.M,l=e.t,s=((t,e)=>{let n=w(e);const l=pt.get(n);if(t=11===t.nodeType?t:f,l)if("string"==typeof l){let e,s=b.get(t=t.head||t);s||b.set(t,s=new Set),s.has(n)||(e=f.createElement("style"),e.innerHTML=l,t.insertBefore(e,t.querySelector("link")),s&&s.add(n))}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=s,n.classList.add(s+"-h"),2&l&&n.classList.add(s+"-s"))})(t);Y(t,e),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=l["s-p"],n=()=>Z(t);0===e.length?n():(Promise.all(e).then(n),t.t|=4,e.length=0)}},Y=(r,c)=>{try{c=c.render(),r.t&=-17,r.t|=2,((r,c)=>{const i=r.M,a=r.P,h=r.T||S(null,null),d=(t=>t&&t.v===O)(c)?c:j(null,null,c);if(n=i.tagName,a.L&&(d.p=d.p||{},a.L.map((([t,e])=>d.p[e]=i[t]))),d.v=null,d.t|=4,r.T=d,d.j=h.j=i.shadowRoot||i,t=i["s-sc"],e=i["s-cr"],l=0!=(1&a.t),s=!1,U(h,d),u.t|=1,o){let t,e,n,l,s,o;V(d.j);let r=0;for(;r<H.length;r++)t=H[r],e=t.O,e["s-ol"]||(n=f.createTextNode(""),n["s-nr"]=e,e.parentNode.insertBefore(e["s-ol"]=n,e));for(r=0;r<H.length;r++)if(t=H[r],e=t.O,t.k){for(l=t.k.parentNode,s=t.k.nextSibling,n=e["s-ol"];n=n.previousSibling;)if(o=n["s-nr"],o&&o["s-sn"]===e["s-sn"]&&l===o.parentNode&&(o=o.nextSibling,!o||!o["s-nr"])){s=o;break}(!s&&l!==e.parentNode||e.nextSibling!==s)&&e!==s&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),l.insertBefore(e,s))}else 1===e.nodeType&&(e.hidden=!0)}s&&q(d.j),u.t&=-2,H.length=0})(r,c)}catch(t){ht(t,r.M)}return null},Z=t=>{const e=t.M,n=t.i,l=t.R;et(n,"componentDidRender"),64&t.t||(t.t|=64,lt(e),et(n,"componentDidLoad"),t.N(e),l||tt()),t.W(e),t.C&&(t.C(),t.C=void 0),512&t.t&&vt((()=>K(t,!1))),t.t&=-517},tt=()=>{lt(f.documentElement),vt((()=>I(i,"appload",{detail:{namespace:"mg-components"}})))},et=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){ht(t)}},nt=(t,e)=>t&&t.then?t.then(e):e(),lt=t=>t.classList.add("hydrated"),st=(t,e,n)=>{if(e.A){t.watchers&&(e.D=t.watchers);const l=Object.entries(e.A),s=t.prototype;if(l.map((([t,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(s,t,{get(){return((t,e)=>it(this).F.get(e))(0,t)},set(n){((t,e,n,l)=>{const s=it(t),o=s.M,r=s.F.get(e),c=s.t,i=s.i;if(n=((t,e)=>null==t||v(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t)(n,l.A[e][0]),(!(8&c)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(s.F.set(e,n),i)){if(l.D&&128&c){const t=l.D[e];t&&t.map((t=>{try{i[t](n,r,e)}catch(t){ht(t,o)}}))}2==(18&c)&&K(s,!1)}})(this,t,n,e)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(s,t,{value(...e){const n=it(this);return n.U.then((()=>n.i[t](...e)))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(t,e,l){u.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(s.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},t.observedAttributes=l.filter((([t,e])=>15&e[0])).map((([t,l])=>{const s=l[1]||t;return n.set(s,t),512&l[0]&&e.L.push([t,s]),s}))}}return t},ot=t=>{const e=t.cloneNode;t.cloneNode=function(t){const n=this,l=n.shadowRoot&&!0,s=e.call(n,!!l&&t);if(!l&&t){let t,e,l=0;const o=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si"];for(;l<n.childNodes.length;l++)t=n.childNodes[l]["s-nr"],e=o.every((t=>!n.childNodes[l][t])),t&&s.appendChild(t.cloneNode(!0)),e&&s.appendChild(n.childNodes[l].cloneNode(!0))}return s}},rt=(t,e={})=>{const n=[],l=e.exclude||[],s=i.customElements,o=f.head,r=o.querySelector("meta[charset]"),c=f.createElement("style"),a=[];let h,p=!0;Object.assign(u,e),u.l=new URL(e.resourcesUrl||"./",f.baseURI).href,t.map((t=>{t[1].map((e=>{const o={t:e[0],h:e[1],A:e[2],q:e[3]};o.A=e[2],o.q=e[3],o.L=[],o.D={};const r=o.h,c=class extends HTMLElement{constructor(t){super(t),at(t=this,o),1&o.t&&t.attachShadow({mode:"open"})}connectedCallback(){h&&(clearTimeout(h),h=null),p?a.push(this):u.jmp((()=>(t=>{if(0==(1&u.t)){const e=it(t),n=e.P,l=()=>{};if(1&e.t)$(t,e,n.q);else{e.t|=1,12&n.t&&(t=>{const e=t["s-cr"]=f.createComment("");e["s-cn"]=!0,t.insertBefore(e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(e,e.R=n);break}}n.A&&Object.entries(n.A).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n,l,s)=>{if(0==(32&e.t)){{if(e.t|=32,(s=$t(n)).then){const t=()=>{};s=await s,t()}s.isProxied||(n.D=s.watchers,st(s,n,2),s.isProxied=!0);const t=()=>{};e.t|=8;try{new s(e)}catch(t){ht(t)}e.t&=-9,e.t|=128,t()}if(s.style){let t=s.style;const e=w(n);if(!pt.has(e)){const l=()=>{};((t,e,n)=>{let l=pt.get(t);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,pt.set(t,l)})(e,t,!!(1&n.t)),l()}}}const o=e.R,r=()=>K(e,!0);o&&o["s-rc"]?o["s-rc"].push(r):r()})(0,e,n)}l()}})(this)))}disconnectedCallback(){u.jmp((()=>(()=>{if(0==(1&u.t)){const t=it(this);t.o&&(t.o.map((t=>t())),t.o=void 0)}})()))}componentOnReady(){return it(this).H}};ot(c.prototype),o.V=t[0],l.includes(r)||s.get(r)||(n.push(r),s.define(r,st(c,o,1)))}))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),o.insertBefore(c,r?r.nextSibling:o.firstChild),p=!1,a.length?a.map((t=>t.connectedCallback())):u.jmp((()=>h=setTimeout(tt,30)))},ct=new WeakMap,it=t=>ct.get(t),ft=(t,e)=>ct.set(e.i=t,e),at=(t,e)=>{const n={t:0,M:t,P:e,F:new Map};return n.U=new Promise((t=>n.W=t)),n.H=new Promise((t=>n.N=t)),t["s-p"]=[],t["s-rc"]=[],$(t,n,e.q),ct.set(t,n)},ut=(t,e)=>e in t,ht=(t,e)=>(0,console.error)(t,e),dt=new Map,$t=t=>{const e=t.h.replace(/-/g,"_"),n=t.V,l=dt.get(n);return l?l[e]:import(`./${n}.entry.js`).then((t=>(dt.set(n,t),t[e])),ht)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},pt=new Map,mt=[],yt=[],bt=(t,e)=>n=>{t.push(n),c||(c=!0,e&&4&u.t?vt(gt):u.raf(gt))},wt=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){ht(t)}t.length=0},gt=()=>{wt(mt),wt(yt),(c=mt.length>0)&&u.raf(gt)},vt=t=>h().then(t),jt=bt(yt,!0);export{a as H,O as a,rt as b,G as c,B as g,j as h,h as p,ft as r}