@mgdis/mg-components 6.24.0 → 6.26.0

package/dist/custom-elements.json

@@ -175,14 +175,14 @@
             },
             {
               "name": "component-hide",
-              "description": "Emited event when alert is hidden",
+              "description": "Emitted event when alert is hidden",
               "type": {
                 "text": "CustomEvent<void>"
               }
             },
             {
               "name": "component-show",
-              "description": "Emited event when alert is diplayed",
+              "description": "Emitted event when alert is diplayed",
               "type": {
                 "text": "CustomEvent<void>"
               }
@@ -350,7 +350,15 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "item-click",
+              "description": "Emitted event when item link is clicked",
+              "type": {
+                "text": "CustomEvent<{ label: string; href?: string; icon?: \"filter\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"glitters\" | \"glitters-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }>"
+              }
+            }
+          ],
           "slots": [],
           "cssProperties": [],
           "cssParts": []
@@ -805,7 +813,7 @@
             },
             {
               "name": "--mg-c-card-border-radius-default",
-              "description": "Defines the default border radius property for the card. Default value: `--mg-b-size-12`."
+              "description": "Defines the default border radius property for the card. Default value: `--mg-b-size-radius-xlarge`."
             },
             {
               "name": "--mg-c-card-box-shadow",
@@ -1002,6 +1010,15 @@
           "customElement": true,
           "description": "",
           "attributes": [
+            {
+              "name": "direction",
+              "description": "Define component direction",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\""
+              },
+              "default": "'horizontal'",
+              "fieldName": "direction"
+            },
             {
               "name": "full-width",
               "description": "Define component size",
@@ -1013,6 +1030,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "direction",
+              "description": "Define component direction",
+              "type": {
+                "text": "\"horizontal\" | \"vertical\""
+              },
+              "default": "'horizontal'",
+              "attribute": "direction"
+            },
             {
               "kind": "field",
               "name": "fullWidth",
@@ -1033,7 +1060,7 @@
             },
             {
               "name": "--mg-c-divider-spacing-vertical",
-              "description": "Defines the vertical spacing of the divider. The default value is `--mg-b-size-40`."
+              "description": "Defines the spacing around the divider: vertical spacing when direction is \"horizontal\", horizontal spacing when direction is \"vertical\". The default value is `--mg-b-size-40`."
             },
             {
               "name": "--mg-c-divider-thickness",
@@ -1651,6 +1678,15 @@
           "customElement": true,
           "description": "",
           "attributes": [
+            {
+              "name": "align",
+              "description": "Define the horizontal alignment of the message inside its container.\nThe message is sized to its content, so `align` positions it in both the vertical and\nhorizontal directions. When the content is wide enough to fill the container there is\nno room left, so `align` has no visible effect.",
+              "type": {
+                "text": "\"center\" | \"left\" | \"right\""
+              },
+              "default": "'center'",
+              "fieldName": "align"
+            },
             {
               "name": "direction",
               "description": "Define component orientation",
@@ -1671,6 +1707,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "align",
+              "description": "Define the horizontal alignment of the message inside its container.\nThe message is sized to its content, so `align` positions it in both the vertical and\nhorizontal directions. When the content is wide enough to fill the container there is\nno room left, so `align` has no visible effect.",
+              "type": {
+                "text": "\"center\" | \"left\" | \"right\""
+              },
+              "default": "'center'",
+              "attribute": "align"
+            },
             {
               "kind": "field",
               "name": "direction",
@@ -1727,6 +1773,64 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/atoms/mg-illustration/mg-illustration.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "MgIllustration",
+          "tagName": "mg-illustration",
+          "customElement": true,
+          "description": "",
+          "attributes": [
+            {
+              "name": "illustration",
+              "description": "Illustration to display, by name from",
+              "type": {
+                "text": "\"aides\" | \"all-done\" | \"convention-empty\" | \"conviviale\" | \"digital-forms\" | \"digital-security\" | \"disconnected\" | \"documents\" | \"echanges\" | \"empty\" | \"missing-informations\" | \"neutral\" | \"no-data\" | \"no-result\" | \"request-sent\" | \"search-no-result\" | \"secure-data\" | \"stage\" | \"welcome\""
+              },
+              "fieldName": "illustration"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "illustration",
+              "description": "Illustration to display, by name from",
+              "type": {
+                "text": "\"aides\" | \"all-done\" | \"convention-empty\" | \"conviviale\" | \"digital-forms\" | \"digital-security\" | \"disconnected\" | \"documents\" | \"echanges\" | \"empty\" | \"missing-informations\" | \"neutral\" | \"no-data\" | \"no-result\" | \"request-sent\" | \"search-no-result\" | \"secure-data\" | \"stage\" | \"welcome\""
+              },
+              "attribute": "illustration"
+            }
+          ],
+          "events": [],
+          "slots": [],
+          "cssProperties": [
+            {
+              "name": "--mg-c-illustration-color",
+              "description": "Overrides the brand-accent colour of the illustration. Unset by default, so the illustration keeps its own brand colours (as when loaded as an `<img>`)."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "illustration",
+              "description": "The inlined illustration SVG. Recolor its brand accent through the `--mg-b-color-app` custom property."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "mg-illustration",
+          "declaration": {
+            "name": "MgIllustration",
+            "module": "src/components/atoms/mg-illustration/mg-illustration.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/molecules/inputs/mg-input/mg-input.tsx",
@@ -2417,7 +2521,7 @@
           "events": [
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
@@ -2558,6 +2662,15 @@
               },
               "fieldName": "placeholder"
             },
+            {
+              "name": "popover-placement",
+              "description": "Define the popover placement",
+              "type": {
+                "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\""
+              },
+              "default": "'bottom-start'",
+              "fieldName": "popoverPlacement"
+            },
             {
               "name": "readonly",
               "description": "Define if input is readonly",
@@ -2748,6 +2861,16 @@
               },
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "popoverPlacement",
+              "description": "Define the popover placement",
+              "type": {
+                "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\""
+              },
+              "default": "'bottom-start'",
+              "attribute": "popover-placement"
+            },
             {
               "kind": "field",
               "name": "readonly",
@@ -2829,35 +2952,35 @@
           "events": [
             {
               "name": "fetch-error",
-              "description": "Emited event when fetch API throw an error",
+              "description": "Emitted event when fetch API throw an error",
               "type": {
                 "text": "CustomEvent<Error>"
               }
             },
             {
               "name": "filter-change",
-              "description": "Emited event when filter change",
+              "description": "Emitted event when filter change",
               "type": {
                 "text": "CustomEvent<string>"
               }
             },
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
             },
             {
               "name": "load-more",
-              "description": "Emited event when `load-more` is called",
+              "description": "Emitted event when `load-more` is called",
               "type": {
                 "text": "CustomEvent<void>"
               }
             },
             {
               "name": "value-change",
-              "description": "Emited event when value change",
+              "description": "Emitted event when value change",
               "type": {
                 "text": "CustomEvent<string | { title: string; value: unknown; }>"
               }
@@ -3204,14 +3327,14 @@
           "events": [
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
             },
             {
               "name": "value-change",
-              "description": "Emited event when value change",
+              "description": "Emitted event when value change",
               "type": {
                 "text": "CustomEvent<string>"
               }
@@ -4090,14 +4213,14 @@
           "events": [
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
             },
             {
               "name": "value-change",
-              "description": "Emited event when value change",
+              "description": "Emitted event when value change",
               "type": {
                 "text": "CustomEvent<number>"
               }
@@ -4466,14 +4589,14 @@
           "events": [
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
             },
             {
               "name": "value-change",
-              "description": "Emited event when value change",
+              "description": "Emitted event when value change",
               "type": {
                 "text": "CustomEvent<string>"
               }
@@ -4811,7 +4934,7 @@
           "events": [
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
@@ -5014,6 +5137,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "customActions",
+              "description": "Inject custom action buttons in the toolbar (e.g. to insert merge fields or apply custom formatting).\nButtons are appended after the built-in `modules`.\nEach action is an object `{ name, label, icon }`:\n- `name`: unique identifier, returned in the `custom-action` event detail on click.\n- `label`: accessible label used as the button tooltip and aria-label.\n- `icon`: design system `mg-icon` name rendered inside the button, unique across actions.\nThe action behaviour is the consumer's responsibility: listen to `custom-action`,\nthen read/write the selection with `getSelectedText()` / `getSelectedHTML()` / `replaceSelection()`.",
+              "type": {
+                "text": "RichTextEditorCustomAction[]"
+              }
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -5217,6 +5348,21 @@
               "name": "getEditorText",
               "description": "Get editor content in plain text format"
             },
+            {
+              "kind": "method",
+              "name": "getSelectedHTML",
+              "description": "Get the current text selection as HTML.\nWhen a custom action is in progress, returns the selection snapshotted when the action was triggered."
+            },
+            {
+              "kind": "method",
+              "name": "getSelectedText",
+              "description": "Get the current text selection as plain text.\nWhen a custom action is in progress, returns the selection snapshotted when the action was triggered."
+            },
+            {
+              "kind": "method",
+              "name": "replaceSelection",
+              "description": "Replace the current text selection with the given content.\nWhen a custom action is in progress, the selection snapshotted when the action was triggered is\nrestored first, so the replacement targets the right range even after focus moved away (e.g. during\nan async network request). No-op when the editor is readonly or disabled."
+            },
             {
               "kind": "method",
               "name": "reset",
@@ -5234,16 +5380,30 @@
             }
           ],
           "events": [
+            {
+              "name": "custom-action",
+              "description": "Emitted event when a custom action button is clicked.\nThe detail contains the action `name`.",
+              "type": {
+                "text": "CustomEvent<string>"
+              }
+            },
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
             },
+            {
+              "name": "selection-change",
+              "description": "Emitted event when the text selection changes.\nThe detail contains the selected `text`, sanitized `html` and whether the selection `isCollapsed`.",
+              "type": {
+                "text": "CustomEvent<{ text: string; html: string; isCollapsed: boolean; }>"
+              }
+            },
             {
               "name": "value-change",
-              "description": "Emited event when value change",
+              "description": "Emitted event when value change",
               "type": {
                 "text": "CustomEvent<string>"
               }
@@ -5634,14 +5794,14 @@
           "events": [
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
             },
             {
               "name": "value-change",
-              "description": "Emited event when value change",
+              "description": "Emitted event when value change",
               "type": {
                 "text": "CustomEvent<ICheckboxValue[]>"
               }
@@ -6104,14 +6264,14 @@
           "events": [
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
             },
             {
               "name": "value-change",
-              "description": "Emited event when value change",
+              "description": "Emitted event when value change",
               "type": {
                 "text": "CustomEvent<any>"
               }
@@ -6573,14 +6733,14 @@
           "events": [
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
             },
             {
               "name": "value-change",
-              "description": "Emited event when value change",
+              "description": "Emitted event when value change",
               "type": {
                 "text": "CustomEvent<string>"
               }
@@ -6870,14 +7030,14 @@
           "events": [
             {
               "name": "input-valid",
-              "description": "Emited event when checking validity",
+              "description": "Emitted event when checking validity",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
             },
             {
               "name": "value-change",
-              "description": "Emited event when value change",
+              "description": "Emitted event when value change",
               "type": {
                 "text": "CustomEvent<unknown>"
               }
@@ -7195,14 +7355,14 @@
           "events": [
             {
               "name": "item-loaded",
-              "description": "Emited event when item is loaded",
+              "description": "Emitted event when item is loaded",
               "type": {
                 "text": "CustomEvent<void>"
               }
             },
             {
               "name": "item-updated",
-              "description": "Emited event when item is updated",
+              "description": "Emitted event when item is updated",
               "type": {
                 "text": "CustomEvent<void>"
               }
@@ -7958,15 +8118,6 @@
           "customElement": true,
           "description": "",
           "attributes": [
-            {
-              "name": "arrow-hide",
-              "description": "Hide popover arrow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "arrowHide"
-            },
             {
               "name": "close-button",
               "description": "Define if popover has a cross button",
@@ -8009,7 +8160,7 @@
               "type": {
                 "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\""
               },
-              "default": "'bottom'",
+              "default": "'bottom-start'",
               "fieldName": "placement"
             }
           ],
@@ -8019,10 +8170,8 @@
               "name": "arrowHide",
               "description": "Hide popover arrow",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "arrow-hide"
+                "text": "never"
+              }
             },
             {
               "kind": "field",
@@ -8071,7 +8220,7 @@
               "type": {
                 "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\""
               },
-              "default": "'bottom'",
+              "default": "'bottom-start'",
               "attribute": "placement"
             }
           ],
@@ -8085,7 +8234,7 @@
             },
             {
               "name": "display-change",
-              "description": "Emited event when display value change",
+              "description": "Emitted event when display value change",
               "type": {
                 "text": "CustomEvent<boolean>"
               }
@@ -8326,7 +8475,7 @@
           "events": [
             {
               "name": "go-to-anchor",
-              "description": "Emited event when link is clicked",
+              "description": "Emitted event when link is clicked",
               "type": {
                 "text": "CustomEvent<string>"
               }
@@ -8540,7 +8689,7 @@
           "events": [
             {
               "name": "active-tab-change",
-              "description": "Emited event when active tab change",
+              "description": "Emitted event when active tab change",
               "type": {
                 "text": "CustomEvent<number>"
               }

package/dist/esm/{index-C7xjtdiw.js → index-91BOpzAB.js}

@@ -77,7 +77,7 @@ const getObjectValueFromKey = (object, path, defaultValue) => {
  * @param items - items to check
  * @returns `true` if all items are strings
  */
-const allItemsAreString = (items) => Array.isArray(items) && items.every(item => typeof item === 'string');
+const allItemsAreString = (items) => Array.isArray(items) && items.every((item) => typeof item === 'string');
 /**
  * Validate string
  * @param value - value to check
@@ -140,7 +140,7 @@ const createID = (prefix = '', length = 10) => {
     const randomBytes = new Uint8Array(length);
     crypto.getRandomValues(randomBytes);
     const hexString = Array.from(randomBytes)
-        .map(byte => byte.toString(16).padStart(2, '0'))
+        .map((byte) => byte.toString(16).padStart(2, '0'))
         .join('')
         .slice(0, length);
     return prefix !== '' ? `${prefix}-${hexString}` : hexString;
@@ -241,7 +241,7 @@ class Page {
         let newIndex;
         let oldIndex = startIndex;
         if (['previous', 'next'].includes(cursor) && oldItem) {
-            const findedIndex = this.items.findIndex(item => JSON.stringify(item) === JSON.stringify(oldItem));
+            const findedIndex = this.items.findIndex((item) => JSON.stringify(item) === JSON.stringify(oldItem));
             if (findedIndex === -1)
                 return startIndex;
             oldIndex = findedIndex;
@@ -254,10 +254,16 @@ class Page {
             newIndex = lastIndex;
         }
         else if (cursor === 'previous') {
-            newIndex = JSON.stringify(this.items[oldIndex]) === JSON.stringify(this.items[startIndex]) ? lastIndex : oldIndex - this.baseIndex;
+            newIndex =
+                JSON.stringify(this.items[oldIndex]) === JSON.stringify(this.items[startIndex])
+                    ? lastIndex
+                    : oldIndex - this.baseIndex;
         }
         else if (cursor === 'next') {
-            newIndex = JSON.stringify(this.items[oldIndex]) === JSON.stringify(this.items[lastIndex]) ? startIndex : oldIndex + this.baseIndex;
+            newIndex =
+                JSON.stringify(this.items[oldIndex]) === JSON.stringify(this.items[lastIndex])
+                    ? startIndex
+                    : oldIndex + this.baseIndex;
         }
         else {
             newIndex = startIndex;
@@ -281,7 +287,9 @@ class Paginate {
     constructor(items, options) {
         if (Array.isArray(items))
             this.items = items;
-        if (options && (['string', 'function'].includes(typeof options.next) || (isObject(options.next) && URL.canParse(options.next))))
+        if (options &&
+            (['string', 'function'].includes(typeof options.next) ||
+                (isObject(options.next) && URL.canParse(options.next))))
             this.#next = options.next;
         if (typeof options?.top === 'number')
             this.#top = options.top;

package/dist/esm/{index-DSEloqPn.js → index-BfblyCaJ.js}

@@ -497,7 +497,9 @@ const localeUnit = (number, locale, unit, unitDisplay = 'short', decimalLength =
  * localeDate('2022-06-02', 'fr') // '02/06/2022'
  * ```
  */
-const localeDate = (date, locale, config) => typeof date !== 'string' || date === '' || !dateRegExp.test(date) ? '' : new Intl.DateTimeFormat(locale, config).format(new Date(date));
+const localeDate = (date, locale, config) => typeof date !== 'string' || date === '' || !dateRegExp.test(date)
+    ? ''
+    : new Intl.DateTimeFormat(locale, config).format(new Date(date));
 /**
  * Get Intl object
  * @param messages - locales to render in object format. `ex: { en: { porp: "test" }, fr: { porp: "test" }}`.