@mgdis/mg-components 5.10.0 → 5.11.0

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 { CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
+import { CheckboxType, CheckboxValue } 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";
@@ -26,7 +26,7 @@ import { TagVariantType } from "./components/atoms/mg-tag/mg-tag.conf";
 export namespace Components {
     interface MgActionMore {
         /**
-          * Define button properties Default: {variant: 'flat', isIcon: true}.
+          * Define button properties
          */
         "button": MgActionMoreButtonType;
         /**
@@ -34,7 +34,7 @@ export namespace Components {
          */
         "displayChevron": boolean;
         /**
-          * Define displaied icon Default: {icon: 'ellipsis'}
+          * Define displaied icon
          */
         "icon": MgActionMoreIconType;
         /**
@@ -100,11 +100,11 @@ export namespace Components {
     }
     interface MgCard {
         /**
-          * Define variant prop Default: undefined
+          * Define variant prop
          */
         "variant": undefined | VariantType1;
         /**
-          * Define variantStyle prop Default: undefined
+          * Define variantStyle prop
          */
         "variantStyle": undefined | VariantStyleType;
     }
@@ -153,7 +153,6 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Public method to display errors
-          * @returns
          */
         "displayError": () => Promise<void>;
         /**
@@ -216,7 +215,6 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Public method to display errors
-          * @returns
          */
         "displayError": () => Promise<void>;
         /**
@@ -263,6 +261,10 @@ export namespace Components {
           * Add a tooltip message next to the input
          */
         "tooltip": string;
+        /**
+          * Define checkbox type
+         */
+        "type": CheckboxType;
         /**
           * Define input valid state
          */
@@ -279,7 +281,6 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Public method to display errors
-          * @returns
          */
         "displayError": () => Promise<void>;
         /**
@@ -354,7 +355,6 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Public method to display errors
-          * @returns
          */
         "displayError": () => Promise<void>;
         /**
@@ -437,7 +437,6 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Public method to display errors
-          * @returns
          */
         "displayError": () => Promise<void>;
         /**
@@ -504,7 +503,6 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Public method to display errors
-          * @returns
          */
         "displayError": () => Promise<void>;
         /**
@@ -571,7 +569,6 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Public method to display errors
-          * @returns
          */
         "displayError": () => Promise<void>;
         /**
@@ -654,7 +651,6 @@ export namespace Components {
         "displayCharacterLeft": boolean;
         /**
           * Public method to display errors
-          * @returns
          */
         "displayError": () => Promise<void>;
         /**
@@ -719,7 +715,6 @@ export namespace Components {
         "required": boolean;
         /**
           * Public method to play input focus
-          * @returns
          */
         "setFocus": () => Promise<void>;
         /**
@@ -750,7 +745,6 @@ export namespace Components {
         "displayCharacterLeft": boolean;
         /**
           * Public method to display errors
-          * @returns
          */
         "displayError": () => Promise<void>;
         /**
@@ -867,7 +861,6 @@ export namespace Components {
         "isOnOff": boolean;
         /**
           * Items are the possible options to select
-          * @returns
          */
         "items": string[] | ToggleValue[];
         /**
@@ -901,7 +894,7 @@ export namespace Components {
     }
     interface MgItemMore {
         /**
-          * Define icon Default: {icon: 'ellipsis-vertical'}
+          * Define icon
          */
         "icon": IconType;
         /**
@@ -909,13 +902,13 @@ export namespace Components {
          */
         "size": SizeType;
         /**
-          * Define slot label element Default: {display: false}
+          * Define slot label element
          */
         "slotlabel": SlotLabelType;
     }
     interface MgMenu {
         /**
-          * Component display direction. Default: "horizontal"
+          * Component display direction.
          */
         "direction": Direction;
         /**
@@ -927,13 +920,13 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Define mg-menu size Default: 'regular'
+          * Define mg-menu size
          */
         "size": MenuSizeType;
     }
     interface MgMenuItem {
         /**
-          * Define menu-item content expanded. Default: false.
+          * Define menu-item content expanded.
          */
         "expanded": boolean;
         /**
@@ -941,11 +934,11 @@ export namespace Components {
          */
         "href": string;
         /**
-          * Identifier is used to control mg-popover Default: createID('mg-menu-item');
+          * Identifier is used to control mg-popover
          */
         "identifier": string;
         /**
-          * Define menu-item status. Default: "visible"
+          * Define menu-item status.
          */
         "status": Status;
     }
@@ -1443,7 +1436,7 @@ declare global {
 declare namespace LocalJSX {
     interface MgActionMore {
         /**
-          * Define button properties Default: {variant: 'flat', isIcon: true}.
+          * Define button properties
          */
         "button"?: MgActionMoreButtonType;
         /**
@@ -1451,7 +1444,7 @@ declare namespace LocalJSX {
          */
         "displayChevron"?: boolean;
         /**
-          * Define displaied icon Default: {icon: 'ellipsis'}
+          * Define displaied icon
          */
         "icon"?: MgActionMoreIconType;
         /**
@@ -1521,11 +1514,11 @@ declare namespace LocalJSX {
     }
     interface MgCard {
         /**
-          * Define variant prop Default: undefined
+          * Define variant prop
          */
         "variant"?: undefined | VariantType1;
         /**
-          * Define variantStyle prop Default: undefined
+          * Define variantStyle prop
          */
         "variantStyle"?: undefined | VariantStyleType;
     }
@@ -1694,6 +1687,10 @@ declare namespace LocalJSX {
           * Add a tooltip message next to the input
          */
         "tooltip"?: string;
+        /**
+          * Define checkbox type
+         */
+        "type"?: CheckboxType;
         /**
           * Define input valid state
          */
@@ -2314,7 +2311,6 @@ declare namespace LocalJSX {
         "isOnOff"?: boolean;
         /**
           * Items are the possible options to select
-          * @returns
          */
         "items": string[] | ToggleValue[];
         /**
@@ -2356,7 +2352,7 @@ declare namespace LocalJSX {
     }
     interface MgItemMore {
         /**
-          * Define icon Default: {icon: 'ellipsis-vertical'}
+          * Define icon
          */
         "icon"?: IconType;
         /**
@@ -2364,13 +2360,13 @@ declare namespace LocalJSX {
          */
         "size"?: SizeType;
         /**
-          * Define slot label element Default: {display: false}
+          * Define slot label element
          */
         "slotlabel"?: SlotLabelType;
     }
     interface MgMenu {
         /**
-          * Component display direction. Default: "horizontal"
+          * Component display direction.
          */
         "direction"?: Direction;
         /**
@@ -2382,13 +2378,13 @@ declare namespace LocalJSX {
          */
         "label": string;
         /**
-          * Define mg-menu size Default: 'regular'
+          * Define mg-menu size
          */
         "size"?: MenuSizeType;
     }
     interface MgMenuItem {
         /**
-          * Define menu-item content expanded. Default: false.
+          * Define menu-item content expanded.
          */
         "expanded"?: boolean;
         /**
@@ -2396,7 +2392,7 @@ declare namespace LocalJSX {
          */
         "href"?: string;
         /**
-          * Identifier is used to control mg-popover Default: createID('mg-menu-item');
+          * Identifier is used to control mg-popover
          */
         "identifier"?: string;
         /**
@@ -2408,7 +2404,7 @@ declare namespace LocalJSX {
          */
         "onStatus-change"?: (event: MgMenuItemCustomEvent<MgMenuItem['status']>) => void;
         /**
-          * Define menu-item status. Default: "visible"
+          * Define menu-item status.
          */
         "status"?: Status;
     }

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

@@ -19,6 +19,13 @@ declare const messages: {
       select: {
         placeholder: string;
       };
+      checkbox: {
+        selectedValues: string;
+        selectedValue: string;
+        editButton: string;
+        selectButton: string;
+        showButton: string;
+      };
     };
     form: {
       required: string;
@@ -81,6 +88,13 @@ declare const messages: {
       select: {
         placeholder: string;
       };
+      checkbox: {
+        selectedValues: string;
+        selectedValue: string;
+        editButton: string;
+        selectButton: string;
+        showButton: string;
+      };
     };
     form: {
       required: string;
@@ -126,8 +140,8 @@ declare const messages: {
 };
 /**
  * Get Intl object
- * @param {HTMLElement} element element we need to get the language
- * @returns {{ locale: string; messages: Record<string, unknown> }} messages object
+ * @param element - element we need to get the language
+ * @returns messages object
  */
 export declare const initLocales: (element: HTMLElement) => {
   locale: string;

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

@@ -15,7 +15,6 @@ export declare class OverflowBehavior {
    **********/
   /**
    * Disconnect ResizeObserver
-   * @returns {void}
    */
   disconnect: () => void;
   /************
@@ -23,53 +22,48 @@ export declare class OverflowBehavior {
    ************/
   /**
    * run overflow behavior
-   * @param {number} width width of the container. Optional.
-   * @returns {void}
+   * @param width - width of the container. Optional.
    */
   private run;
   /**
    * Get interactive children filtred by authorized nodeName ['MG-MENU-ITEM', 'MG-BUTTON']
-   * @param {Element} element element to parse
-   * @returns {Element[]} children
+   * @param element - element to parse
+   * @returns children
    */
   private getInteractiveItems;
   /**
    * Update displayed items in container from a given available space
-   * @param {number} availableWidth available width in container to display child items
-   * @returns {void}
+   * @param availableWidth - available width in container to display child items
    */
   private updateDisplayedItems;
   /**
    * Utility method to know if item overflow partialy or totaly in the container
-   * @param {number} cumulateWidth previous sibling elements cumulate width + item width
-   * @param {HTMLElement} item item HTML element
-   * @param {number} availableWidth container available width
-   * @returns {boolean} truthy if element is overflow
+   * @param cumulateWidth - previous sibling elements cumulate width + item width
+   * @param item - item HTML element
+   * @param availableWidth - container available width
+   * @returns truthy if element is overflow
    */
   private isOverflowElement;
   /**
    * Utility method to know if a given element is the 'MORE' element
-   * @param {Element} element element to match with 'MORE' element
-   * @returns {boolean} truthy if element is the 'MORE' element
+   * @param element - element to match with 'MORE' element
+   * @returns truthy if element is the 'MORE' element
    */
   private isMoreElement;
   /**
    * Toggle display item element
-   * @param {HTMLElement} item item to control
-   * @param {boolean} isHidden is item hidden
-   * @returns {void}
+   * @param item - item to control
+   * @param isHidden - is item hidden
    */
   private toggleItem;
   /**
    * Toggle element's hidde attribute
-   * @param {Element} element element to toggle
-   * @param {boolean} isHidden element is hidden
-   * @returns {void}
+   * @param element - element to toggle
+   * @param isHidden - element is hidden
    */
   private toggleElement;
   /**
    * Remove hidden attributes on all items
-   * @returns {void}
    */
   private restoreItems;
 }

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

@@ -1,8 +1,8 @@
 /**
  * Create random ID
- * @param {string} prefix  add prefix to created ID
- * @param {number} length ID length
- * @returns {string} ID
+ * @param prefix - add prefix to created ID
+ * @param length - ID length
+ * @returns ID
  */
 export declare const createID: (prefix?: string, length?: number) => string;
 /**
@@ -14,39 +14,37 @@ export declare class ClassList {
   constructor(classlist?: string[]);
   /**
    * Add class
-   * @param {string} className class name to add
-   * @returns {void}
+   * @param className - class name to add
    */
   add: (className: string) => void;
   /**
    * Delete class
-   * @param {string} className class name to delete
-   * @returns {void}
+   * @param className - class name to delete
    */
   delete: (className: string) => void;
   /**
    * Check if class exist in list
-   * @param {string} className class name to check
-   * @returns {boolean} class name is in the list
+   * @param className - class name to check
+   * @returns class name is in the list
    */
   has: (className: string) => boolean;
   /**
    * Join classes seperated by spaces
-   * @returns {string} joined values
+   * @returns joined values
    */
   join: () => string;
 }
 /**
  * Check if all items are string
- * @param {unknown} items items to check
- * @returns {boolean} all items are string
+ * @param items - items to check
+ * @returns all items are string
  */
 export declare const allItemsAreString: (items: unknown) => items is string[];
 /**
  * Check if element is a heading
- * @param {Element} element slotted element
- * @param {string[]} tagNames allowed tag names list
- * @returns {boolean} element is a heading
+ * @param element - slotted element
+ * @param tagNames - allowed tag names list
+ * @returns element is a heading
  */
 export declare const isTagName: (element: Element, tagNames: string[]) => boolean;
 /**
@@ -55,14 +53,14 @@ export declare const isTagName: (element: Element, tagNames: string[]) => boolea
 export declare const focusableElements = "a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), [identifier]";
 /**
  * Get windows
- * @param {Window} localWindow the window we are lookink for other windows
- * @returns {Window[]} The list of windows found
+ * @param localWindow - the window we are lookink for other windows
+ * @returns The list of windows found
  */
 export declare const getWindows: (localWindow: Window) => Window[];
 /**
  * Get parent windows
- * @param {Window} localWindow the window we are lookink for parents
- * @param {Window[]} windows The list of allready found windows
- * @returns {Window[]} The list of windows found
+ * @param localWindow - the window we are lookink for parents
+ * @param windows - The list of allready found windows
+ * @returns The list of windows found
  */
 export declare const getParentWindows: (localWindow: Window, windows?: Window[]) => Window[];

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

@@ -1,16 +1,16 @@
 /**
  * Format number to the locale currency
- * @param {number} number number to format
- * @param {string} locale locale to apply
- * @param {string} currency currency to apply
- * @returns {string} formatted currency
+ * @param number - number to format
+ * @param locale - locale to apply
+ * @param currency - currency to apply
+ * @returns formatted currency
  */
 export declare const localeCurrency: (number: number, locale: string, currency: string) => string;
 /**
  * Format number to locale
- * @param {number} number number to format
- * @param {string} locale locale to apply
- * @returns {string} formatted number
+ * @param number - number to format
+ * @param locale - locale to apply
+ * @returns formatted number
  */
 export declare const localeNumber: (number: number, locale: string) => string;
 /**
@@ -19,18 +19,18 @@ export declare const localeNumber: (number: number, locale: string) => string;
 export declare const dateRegExp: RegExp;
 /**
  * Locale date format
- * @param {string} date date to format
- * @param {string} locale locale to apply
- * @returns {string} formatted date
+ * @param date - date to format
+ * @param locale - locale to apply
+ * @returns formatted date
  */
 export declare const localeDate: (date: string, locale: string) => string;
 /**
  * Get locale and messages
  * We load the defined locale but for now we only support the first subtag for messages
- * @param {HTMLElement} element element we need to get the language
- * @param {unknown} messages messages to use
- * @param {string} defaultLocale default messages locale
- * @returns {{ locale: string; messages: Record<string, unknown> }} messages object
+ * @param element - element we need to get the language
+ * @param messages - messages to use
+ * @param defaultLocale - default messages locale
+ * @returns messages object
  */
 export declare const getLocaleMessages: (element: HTMLElement, messages: unknown, defaultLocale: string) => {
   locale: string;

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

@@ -1,8 +1,8 @@
 import { MockCustomEvent } from '@stencil/core/mock-doc';
 /**
  * Clone Deep function
- * @param {unknown} obj object to clone
- * @returns {unknown} cloned json
+ * @param obj - object to clone
+ * @returns cloned json
  */
 export declare const cloneDeep: (obj: unknown) => unknown;
 /**
@@ -11,10 +11,8 @@ export declare const cloneDeep: (obj: unknown) => unknown;
  * overwrite method. `jest.fn()` mock functions can be passed here if the goal is to not only
  * mock the mutation observer, but its methods.
  * You can manually fire an intersection entry:
- * @param {Function} mutationObserverMock.disconnect disconnect function
- * @param {Function} mutationObserverMock.observe observe function
- * @param {Function} mutationObserverMock.takeRecords takeRecords function
- * @returns {MutationObserver} Mocked MutationObserver
+ * @param mutationObserverMock - configuration object
+ * @returns Mocked MutationObserver
  * @example
  * ```
  * let fireMo;
@@ -39,9 +37,8 @@ export declare const setupMutationObserverMock: ({ disconnect, observe, takeReco
  * overwrite method. `jest.fn()` mock functions can be passed here if the goal is to not only
  * mock the resize observer, but its methods.
  * You can manually fire an intersection entry:
- * @param {Function} resizeObserverMock.disconnect disconnect function
- * @param {Function} resizeObserverMock.observe observe function
- * @returns {ResizeObserver} Mocked ResizeObserver
+ * @param resizeObserverMock - configuration object
+ * @returns Mocked ResizeObserver
  * @example
  * ```
  * let fireRo;
@@ -67,34 +64,31 @@ type setupResizeObserverMockParams = {
 export declare const setupResizeObserverMock: ({ disconnect, observe }: setupResizeObserverMockParams) => typeof ResizeObserver;
 /**
  * Utility function that mocks the `SubmitEvent` API. Recommended to execute inside `beforeEach`.
- * @returns {void}
  * @example
  * ```
  * setupSubmitEventMock();
  * ```
+ * @returns custom event mock
  */
 export declare const setupSubmitEventMock: () => typeof MockCustomEvent;
 /**
  * force popover id when component use randomed identifier
- * @param {Element} component element wich include mg-popover
- * @param {string} id new fixed id
- * @param {string} interactiveElement element where attribute 'aria-controls' is set
- * @returns {void}
+ * @param component - element wich include mg-popover
+ * @param id - new fixed id
+ * @param interactiveElement - element where attribute 'aria-controls' is set
  */
 export declare const forcePopoverId: (component: Element, id: string, interactiveElement?: string) => void;
 /**
  * fix popper console.error in test
- * it is generated in @popperjs/core/dist/cjs/popper.js l.1859
+ * it is generated in `@popperjs/core/dist/cjs/popper.js l.1859`
  * this is due to internal function isHTMLElement(), so we can not mock it directly.
  * this function check if test DOM element mockHTMLElement instance is 'instanceof HTMLElement'
  * so we only override the console.error side effect for this error
- * @returns {void}
  */
 export declare const mockConsoleError: () => void;
 /**
  * Add missing window.frames property to test context
  * usefull for component with iframe listeners, ex: mg-popover
- * @returns {void}
  */
 export declare const mockWindowFrames: () => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "5.10.0",
+  "version": "5.11.0",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,14 +23,14 @@
     "outputName": "junit.xml"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.6",
+    "@popperjs/core": "^2.11.7",
     "@stencil/core": "^2.22.1",
     "normalize.css": "^8.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
     "@babel/plugin-transform-react-jsx": "^7.20.13",
-    "@playwright/test": "^1.33.0",
+    "@playwright/test": "^1.34.3",
     "@pxtrn/storybook-addon-docs-stencil": "^6.4.1",
     "@stencil/sass": "^1.5.2",
     "@storybook/addon-a11y": "^6.5.16",
@@ -80,7 +80,7 @@
     "test": "TZ=UTC stencil test --spec --e2e",
     "test:unit": "TZ=UTC stencil test --spec --collectCoverage",
     "test:e2e": "stencil test --e2e",
-    "test:e2e:playwright": "pnpm dlx playwright test",
+    "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",

package/dist/mg-components/p-73156ac9.js

@@ -1 +0,0 @@
-const e=(e,a,n)=>new Intl.NumberFormat(a,{style:"currency",currency:n}).format(e),a=(e,a)=>new Intl.NumberFormat(a).format(e),n=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/,t=(e,a)=>"string"==typeof e&&""!==e&&n.test(e)?new Intl.DateTimeFormat(a).format(new Date(e)):"",r={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"}},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"}},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"}}},i=e=>((e,a)=>{const n=e.closest("[lang]"),t=Intl.NumberFormat.supportedLocalesOf(null==n?void 0:n.lang),r=t.length>0?t[0]:navigator.language||"en",i=r.split("-").shift();return{locale:r,messages:a[i]||a.en}})(e,r);var s;!function(e){e.VERTICAL="vertical",e.HORIZONTAL="horizontal"}(s||(s={}));const l=["regular","medium","large"];export{s as D,e as a,a as b,n as d,i,t as l,l as s}