@mgdis/mg-components 5.12.1 → 5.13.1

package/dist/types/components.d.ts

@@ -10,7 +10,7 @@ import { BadgeVariantType } from "./components/atoms/mg-badge/mg-badge.conf";
 import { ButtonType, VariantType } from "./components/atoms/mg-button/mg-button.conf";
 import { VariantStyleType, VariantType as VariantType1 } from "./components/atoms/mg-card/mg-card.conf";
 import { IconSizeType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
-import { CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
+import { CheckboxItem, CheckboxType, CheckboxValue, SectionKind } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
 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";
@@ -19,6 +19,7 @@ import { IconType, SizeType, SlotLabelType } from "./components/molecules/mg-ite
 import { Direction, ItemMoreType, MenuSizeType } from "./components/molecules/menu/mg-menu/mg-menu.conf";
 import { Status } from "./components/molecules/menu/mg-menu-item/mg-menu-item.conf";
 import { VariantType as VariantType2 } from "./components/molecules/mg-message/mg-message.conf";
+import { ExpandToggleDisplayType, TitlePositionType } from "./components/molecules/mg-panel/mg-panel.conf";
 import { Placement } from "@popperjs/core";
 import { SkipLink } from "./components/molecules/mg-skip-links/mg-skip-links.conf";
 import { SizeType as SizeType1, TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
@@ -238,7 +239,7 @@ export namespace Components {
          */
         "invalid": boolean;
         /**
-          * Input label
+          * Define input label
          */
         "label": string;
         /**
@@ -250,15 +251,15 @@ export namespace Components {
          */
         "labelOnTop": boolean;
         /**
-          * Input name If not set the value equals the identifier
+          * Define input name If not set the value equals the identifier
          */
         "name": string;
         /**
-          * Define if input is readonly
+          * Define if mg-input-checkbox is readonly
          */
         "readonly": boolean;
         /**
-          * Define if input is required
+          * Define if mg-input-checkbox is required
          */
         "required": boolean;
         /**
@@ -274,10 +275,39 @@ export namespace Components {
          */
         "valid": boolean;
         /**
-          * Component value If item.value is `null`, checkbox will be indeterminate by default Required
+          * Component value If item.value is `null`, checkbox will be indeterminate by default
          */
         "value": CheckboxValue[];
     }
+    /**
+     * Internal component use to manage sections instances
+     */
+    interface MgInputCheckboxPaginated {
+        /**
+          * Define checkboxes to paginate
+         */
+        "checkboxes": CheckboxItem[];
+        /**
+          * Define if mg-input-checkbox-list is disabled
+         */
+        "disabled": boolean;
+        /**
+          * Define component message
+         */
+        "messages": Record<string, string>;
+        /**
+          * Define mg-input-checkbox input name
+         */
+        "name": string;
+        /**
+          * Define if mg-input-checkbox-list is readonly
+         */
+        "readonly": boolean;
+        /**
+          * Define section kind
+         */
+        "sectionKind": SectionKind;
+    }
     interface MgInputDate {
         /**
           * Define if input is disabled
@@ -526,7 +556,7 @@ export namespace Components {
          */
         "invalid": boolean;
         /**
-          * Items are the possible options to select Required
+          * Items are the possible options to select
          */
         "items": string[] | RadioOption[];
         /**
@@ -982,7 +1012,7 @@ export namespace Components {
          */
         "identifier": string;
         /**
-          * Displayed modal title required
+          * Displayed modal title
          */
         "modalTitle": string;
     }
@@ -995,6 +1025,10 @@ export namespace Components {
           * Hide navigation label
          */
         "hideNavigationLabels": boolean;
+        /**
+          * Hide select input
+         */
+        "hidePageCount": boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
          */
@@ -1013,6 +1047,10 @@ export namespace Components {
           * Disable possibility to toggle expand
          */
         "expandToggleDisabled": boolean;
+        /**
+          * Define expand toggle button display
+         */
+        "expandToggleDisplay": ExpandToggleDisplayType;
         /**
           * Panel is opened
          */
@@ -1026,7 +1064,7 @@ export namespace Components {
          */
         "panelTitle": string;
         /**
-          * Panel title is editabled
+          * Define if panel title is editable
          */
         "titleEditable": boolean;
         /**
@@ -1037,6 +1075,10 @@ export namespace Components {
           * Panel title pattern error message
          */
         "titlePatternErrorMessage": string;
+        /**
+          * Define title position
+         */
+        "titlePosition": TitlePositionType;
     }
     interface MgPopover {
         /**
@@ -1080,7 +1122,7 @@ export namespace Components {
          */
         "identifier": string;
         /**
-          * Tabs items Required
+          * Tabs items
          */
         "items": string[] | TabItem[];
         /**
@@ -1145,6 +1187,10 @@ export interface MgInputCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMgInputCheckboxElement;
 }
+export interface MgInputCheckboxPaginatedCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgInputCheckboxPaginatedElement;
+}
 export interface MgInputDateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMgInputDateElement;
@@ -1276,6 +1322,15 @@ declare global {
         prototype: HTMLMgInputCheckboxElement;
         new (): HTMLMgInputCheckboxElement;
     };
+    /**
+     * Internal component use to manage sections instances
+     */
+    interface HTMLMgInputCheckboxPaginatedElement extends Components.MgInputCheckboxPaginated, HTMLStencilElement {
+    }
+    var HTMLMgInputCheckboxPaginatedElement: {
+        prototype: HTMLMgInputCheckboxPaginatedElement;
+        new (): HTMLMgInputCheckboxPaginatedElement;
+    };
     interface HTMLMgInputDateElement extends Components.MgInputDate, HTMLStencilElement {
     }
     var HTMLMgInputDateElement: {
@@ -1414,6 +1469,7 @@ declare global {
         "mg-icon": HTMLMgIconElement;
         "mg-illustrated-message": HTMLMgIllustratedMessageElement;
         "mg-input-checkbox": HTMLMgInputCheckboxElement;
+        "mg-input-checkbox-paginated": HTMLMgInputCheckboxPaginatedElement;
         "mg-input-date": HTMLMgInputDateElement;
         "mg-input-numeric": HTMLMgInputNumericElement;
         "mg-input-password": HTMLMgInputPasswordElement;
@@ -1660,7 +1716,7 @@ declare namespace LocalJSX {
          */
         "invalid"?: boolean;
         /**
-          * Input label
+          * Define input label
          */
         "label": string;
         /**
@@ -1672,7 +1728,7 @@ declare namespace LocalJSX {
          */
         "labelOnTop"?: boolean;
         /**
-          * Input name If not set the value equals the identifier
+          * Define input name If not set the value equals the identifier
          */
         "name"?: string;
         /**
@@ -1684,11 +1740,11 @@ declare namespace LocalJSX {
          */
         "onValue-change"?: (event: MgInputCheckboxCustomEvent<MgInputCheckbox['value']>) => void;
         /**
-          * Define if input is readonly
+          * Define if mg-input-checkbox is readonly
          */
         "readonly"?: boolean;
         /**
-          * Define if input is required
+          * Define if mg-input-checkbox is required
          */
         "required"?: boolean;
         /**
@@ -1704,10 +1760,43 @@ declare namespace LocalJSX {
          */
         "valid"?: boolean;
         /**
-          * Component value If item.value is `null`, checkbox will be indeterminate by default Required
+          * Component value If item.value is `null`, checkbox will be indeterminate by default
          */
         "value": CheckboxValue[];
     }
+    /**
+     * Internal component use to manage sections instances
+     */
+    interface MgInputCheckboxPaginated {
+        /**
+          * Define checkboxes to paginate
+         */
+        "checkboxes"?: CheckboxItem[];
+        /**
+          * Define if mg-input-checkbox-list is disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * Define component message
+         */
+        "messages"?: Record<string, string>;
+        /**
+          * Define mg-input-checkbox input name
+         */
+        "name"?: string;
+        /**
+          * Emit 'mass-action' event used to informe that select-all/unselect-all button listner is triggered
+         */
+        "onMass-action"?: (event: MgInputCheckboxPaginatedCustomEvent<MgInputCheckboxPaginated['sectionKind']>) => void;
+        /**
+          * Define if mg-input-checkbox-list is readonly
+         */
+        "readonly"?: boolean;
+        /**
+          * Define section kind
+         */
+        "sectionKind"?: SectionKind;
+    }
     interface MgInputDate {
         /**
           * Define if input is disabled
@@ -1964,7 +2053,7 @@ declare namespace LocalJSX {
          */
         "invalid"?: boolean;
         /**
-          * Items are the possible options to select Required
+          * Items are the possible options to select
          */
         "items": string[] | RadioOption[];
         /**
@@ -2460,7 +2549,7 @@ declare namespace LocalJSX {
          */
         "identifier"?: string;
         /**
-          * Displayed modal title required
+          * Displayed modal title
          */
         "modalTitle": string;
         /**
@@ -2481,6 +2570,10 @@ declare namespace LocalJSX {
           * Hide navigation label
          */
         "hideNavigationLabels"?: boolean;
+        /**
+          * Hide select input
+         */
+        "hidePageCount"?: boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
          */
@@ -2503,6 +2596,10 @@ declare namespace LocalJSX {
           * Disable possibility to toggle expand
          */
         "expandToggleDisabled"?: boolean;
+        /**
+          * Define expand toggle button display
+         */
+        "expandToggleDisplay"?: ExpandToggleDisplayType;
         /**
           * Panel is opened
          */
@@ -2524,7 +2621,7 @@ declare namespace LocalJSX {
          */
         "panelTitle": string;
         /**
-          * Panel title is editabled
+          * Define if panel title is editable
          */
         "titleEditable"?: boolean;
         /**
@@ -2535,6 +2632,10 @@ declare namespace LocalJSX {
           * Panel title pattern error message
          */
         "titlePatternErrorMessage"?: string;
+        /**
+          * Define title position
+         */
+        "titlePosition"?: TitlePositionType;
     }
     interface MgPopover {
         /**
@@ -2586,7 +2687,7 @@ declare namespace LocalJSX {
          */
         "identifier"?: string;
         /**
-          * Tabs items Required
+          * Tabs items
          */
         "items": string[] | TabItem[];
         /**
@@ -2650,6 +2751,7 @@ declare namespace LocalJSX {
         "mg-icon": MgIcon;
         "mg-illustrated-message": MgIllustratedMessage;
         "mg-input-checkbox": MgInputCheckbox;
+        "mg-input-checkbox-paginated": MgInputCheckboxPaginated;
         "mg-input-date": MgInputDate;
         "mg-input-numeric": MgInputNumeric;
         "mg-input-password": MgInputPassword;
@@ -2688,6 +2790,10 @@ declare module "@stencil/core" {
             "mg-icon": LocalJSX.MgIcon & JSXBase.HTMLAttributes<HTMLMgIconElement>;
             "mg-illustrated-message": LocalJSX.MgIllustratedMessage & JSXBase.HTMLAttributes<HTMLMgIllustratedMessageElement>;
             "mg-input-checkbox": LocalJSX.MgInputCheckbox & JSXBase.HTMLAttributes<HTMLMgInputCheckboxElement>;
+            /**
+             * Internal component use to manage sections instances
+             */
+            "mg-input-checkbox-paginated": LocalJSX.MgInputCheckboxPaginated & JSXBase.HTMLAttributes<HTMLMgInputCheckboxPaginatedElement>;
             "mg-input-date": LocalJSX.MgInputDate & JSXBase.HTMLAttributes<HTMLMgInputDateElement>;
             "mg-input-numeric": LocalJSX.MgInputNumeric & JSXBase.HTMLAttributes<HTMLMgInputNumericElement>;
             "mg-input-password": LocalJSX.MgInputPassword & JSXBase.HTMLAttributes<HTMLMgInputPasswordElement>;

package/dist/types/locales/index.d.ts

@@ -30,6 +30,18 @@ declare const messages: {
         results: string;
         searchResults: string;
         noResult: string;
+        sections: {
+          selected: {
+            title: string;
+            titlePlurial: string;
+            action: string;
+          };
+          notSelected: {
+            title: string;
+            titlePlurial: string;
+            action: string;
+          };
+        };
       };
     };
     form: {
@@ -104,6 +116,18 @@ declare const messages: {
         results: string;
         searchResults: string;
         noResult: string;
+        sections: {
+          selected: {
+            title: string;
+            titlePlurial: string;
+            action: string;
+          };
+          notSelected: {
+            title: string;
+            titlePlurial: string;
+            action: string;
+          };
+        };
       };
     };
     form: {

package/dist/types/stories/icon-gallery.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Template
+ * @returns HTMLElement
+ */
+declare const Template: () => HTMLElement;
+export default Template;

package/dist/types/utils/components.utils.d.ts

@@ -10,6 +10,9 @@ export declare const createID: (prefix?: string, length?: number) => string;
  * Set() are not working when imported in project
  */
 export declare class ClassList {
+  /**
+   * Available classes
+   */
   classes: string[];
   constructor(classlist?: string[]);
   /**

package/dist/types/utils/unit.test.utils.d.ts

@@ -31,6 +31,10 @@ type SetupMutationObserverMockParams = {
   takeRecords: MutationObserver['takeRecords'];
 };
 export declare const setupMutationObserverMock: ({ disconnect, observe, takeRecords }: SetupMutationObserverMockParams) => typeof MutationObserver;
+type setupResizeObserverMockParams = {
+  disconnect: ResizeObserver['disconnect'];
+  observe: ResizeObserver['observe'];
+};
 /**
  * Utility function that mocks the `ResizeObserver` API. Recommended to execute inside `beforeEach`.
  * @param resizeObserverMock - Parameter that is sent to the `Object.defineProperty`
@@ -57,10 +61,6 @@ export declare const setupMutationObserverMock: ({ disconnect, observe, takeReco
  * }]);;
  * ```
  */
-type setupResizeObserverMockParams = {
-  disconnect: ResizeObserver['disconnect'];
-  observe: ResizeObserver['observe'];
-};
 export declare const setupResizeObserverMock: ({ disconnect, observe }: setupResizeObserverMockParams) => typeof ResizeObserver;
 /**
  * Utility function that mocks the `SubmitEvent` API. Recommended to execute inside `beforeEach`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "5.12.1",
+  "version": "5.13.1",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -30,16 +30,22 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
+    "@babel/plugin-syntax-jsx": "^7.22.5",
     "@babel/plugin-transform-react-jsx": "^7.20.13",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
     "@playwright/test": "^1.34.3",
     "@pxtrn/storybook-addon-docs-stencil": "^6.4.1",
     "@stencil/sass": "^1.5.2",
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-docs": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/html": "^6.5.16",
+    "@storybook/addon-a11y": "^7.0.23",
+    "@storybook/addon-actions": "^7.0.23",
+    "@storybook/addon-essentials": "^7.0.23",
+    "@storybook/addon-links": "^7.0.23",
+    "@storybook/addon-mdx-gfm": "^7.0.23",
+    "@storybook/blocks": "^7.0.23",
+    "@storybook/html": "^7.0.23",
+    "@storybook/html-webpack5": "^7.0.23",
     "@storybook/preset-scss": "^1.0.3",
     "@types/jest": "npm:@types/jest@^26",
     "@types/jest-image-snapshot": "^4.3.2",
@@ -48,8 +54,8 @@
     "babel-plugin-jsx-pragmatic": "^1.0.2",
     "chromatic": "^6.15.0",
     "css-loader": "^5.2.7",
-    "eslint": "^8.39.0",
-    "eslint-plugin-storybook": "^0.6.11",
+    "eslint": "^8.45.0",
+    "eslint-plugin-storybook": "^0.6.12",
     "jest": "npm:jest@^26",
     "jest-cli": "npm:jest-cli@^26",
     "jest-image-snapshot": "^4.5.1",
@@ -59,20 +65,25 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.4",
     "puppeteer": "^13.7.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-textarea-autosize": "^8.5.0",
     "sass": "^1.58.0",
     "sass-loader": "^10.4.1",
+    "storybook": "^7.0.23",
     "style-loader": "^2.0.0",
     "ts-node": "^10.9.1",
     "typescript": "^4.9.5",
-    "eslint-config-stencil": "1.0.0",
-    "tsconfig": "1.0.0",
     "playwright-config": "1.0.0",
-    "@mgdis/linting-stencil": "1.0.0"
+    "@mgdis/linting-stencil": "1.1.0",
+    "eslint-config-stencil": "1.1.1",
+    "tsconfig": "1.0.0"
   },
   "license": "BSD-3-Clause",
   "scripts": {
-    "build": "stencil build --docs",
-    "start": "stencil build --dev --watch --serve",
+    "prebuild": "node ./bin/build-icons",
+    "build": "pnpm prebuild && stencil build --docs",
+    "start": "pnpm prebuild && stencil build --dev --watch --serve",
     "lint": "run-s lint:es lint:prettier",
     "lint:fix": "run-s lint:es:fix lint:prettier:fix",
     "lint:es": "eslint src/**/*.{ts,tsx}",
@@ -85,8 +96,8 @@
     "test:e2e:playwright": "pnpm --package=@pnpm/@playwright/test dlx playwright test",
     "test:watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
-    "storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
-    "storybook:build": "NODE_OPTIONS=--openssl-legacy-provider build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
     "coverage": "TZ=UTC stencil test --spec --no-build --collectCoverage --reporters=\"default\" --reporters=\"jest-junit\""
   }
 }

package/dist/mg-components/p-3bf533f7.js

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

package/dist/mg-components/p-689503fc.js

@@ -1 +0,0 @@
-const e=(e,a,t)=>new Intl.NumberFormat(a,{style:"currency",currency:t}).format(e),a=(e,a)=>new Intl.NumberFormat(a).format(e),t=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/,s=(e,a)=>"string"==typeof e&&""!==e&&t.test(e)?new Intl.DateTimeFormat(a).format(new Date(e)):"",n={en:{errors:{required:"This field is required.",date:{badInput:'The date format must be <span aria-hidden="true">mm/dd/yyyy</span><span class="sr-only">m m / d d / y y y y</span> and the date must be greater than {min}',min:"The date cannot be earlier than {min}",max:"The date cannot be later than {max}",minMax:"The date must be between {min} and {max}"},numeric:{min:"The value cannot be less than {min}",max:"The value cannot be greater than {max}",minMax:"The value must be between {min} et {max}"}},nbCharLeft:"{counter} characters left.",input:{select:{placeholder:"Select a value"},checkbox:{selectedValues:"{nb} selected values",selectedValue:"{nb} selected value",editButton:"Edit",selectButton:"Select values",showButton:"Show",label:"Enter a value",result:"result",results:"results",searchResults:"Search result(s) list.",noResult:"No result."}},form:{required:'Fields with a <strong class="is-asterisk">*</strong> are required',requiredSingle:'Field with a <strong class="is-asterisk">*</strong> is required',allRequired:"All fields are required",allRequiredSingle:"The field is required"},message:{closeButton:"Close message"},modal:{closeButton:"Close modal"},pagination:{label:"Pagination",page:"page",pages:"pages",nextPage:"Next page",previousPage:"Previous page",selectPage:"Select the page to display."},panel:{editLabel:"Edit section title."},skipLinks:{navLabel:"Quick access"},general:{confirm:"Confirm",cancel:"Cancel",close:"Close",next:"next",previous:"previous"},plusMenu:{moreLabel:"Additional menu",badgeLabel:"Include notification(s)"},actionMore:{label:"Actions"}},fr:{errors:{required:"Ce champ est obligatoire.",date:{badInput:'Le format de la date doit être du type <span aria-hidden="true">jj/mm/aaaa</span><span class="sr-only">j j / m m / a a a a</span> et la date supérieure au {min}',min:"La date ne peut pas être antérieure au {min}",max:"La date ne peut pas être postérieure au {max}",minMax:"La date doit être comprise entre le {min} et le {max}"},numeric:{min:"La valeur ne peut pas être inférieure à {min}",max:"La valeur ne peut pas être supérieure à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}},nbCharLeft:"{counter} caractères disponibles.",input:{select:{placeholder:"Sélectionnez une valeur"},checkbox:{selectedValues:"{nb} valeurs selectionnées",selectedValue:"{nb} valeur selectionnée",editButton:"Modifier",selectButton:"Sélectionner des valeurs",showButton:"Voir",label:"Saisissez une valeur",result:"resultat",results:"resultats",searchResults:"List de resultat(s) de la recherche.",noResult:"Aucun resultat."}},form:{required:'Les champs marqués d\'un <strong class="is-asterisk">*</strong> sont obligatoires',requiredSingle:'Le champ marqué d\'un <strong class="is-asterisk">*</strong> est obligatoire',allRequired:"Tous les champs sont obligatoires",allRequiredSingle:"Le champ est obligatoire"},message:{closeButton:"Fermer le message"},modal:{closeButton:"Fermer la modale"},pagination:{label:"Pagination",page:"page",pages:"pages",nextPage:"Page suivante",previousPage:"Page précédente",selectPage:"Sélectionner la page à afficher."},panel:{editLabel:"Modifier le titre de la section."},skipLinks:{navLabel:"Accès rapide"},general:{confirm:"Valider",cancel:"Annuler",close:"Fermer",next:"suivant",previous:"précédent"},plusMenu:{moreLabel:"Menu complémentaire",badgeLabel:"Notification(s) incluse(s)"},actionMore:{label:"Actions"}}},r=e=>((e,a)=>{const t=e.closest("[lang]"),s=Intl.NumberFormat.supportedLocalesOf(null==t?void 0:t.lang),n=s.length>0?s[0]:navigator.language||"en",r=n.split("-").shift();return{locale:n,messages:a[r]||a.en}})(e,n);var l;!function(e){e.VERTICAL="vertical",e.HORIZONTAL="horizontal"}(l||(l={}));const i=["regular","medium","large"];export{l as D,e as a,a as b,t as d,r as i,s as l,i as s}