@lls/vivi 24.1.7-e05728e4 → 24.1.7-ed075ae9

package/lib/index.js

@@ -306,7 +306,7 @@ var init_src_components_core_DocumentToolbar = __esm({
   "tmp_esbuild/_src_components_core_DocumentToolbar.module.css"() {
     "use strict";
     init_SiZlRV2YWb1jY5gExVMrYPMZB79ONPQM_B3jhc8NVMM();
-    src_components_core_DocumentToolbar_default = { "toggleMenuButton": "vv-JySIna-toggleMenuButton", "parentToolbar": "vv-JySIna-parentToolbar", "toolbar": "vv-JySIna-toolbar" };
+    src_components_core_DocumentToolbar_default = { "toolbar": "vv-JySIna-toolbar", "toggleMenuButton": "vv-JySIna-toggleMenuButton", "parentToolbar": "vv-JySIna-parentToolbar" };
   }
 });
 
@@ -320,7 +320,7 @@ var init_DocumentToolbar = __esm({
 
 // src/components/core/DocumentToolbar.tsx
 import { useCallback, useState } from "react";
-import { Button, Tooltip, Z_DOCUMENT_TOOLBAR } from "@lls/lls-kit";
+import { Button, Tooltip } from "@lls/lls-kit";
 import { cx } from "@lls/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ToolbarButton, EditToolbarDepth0, EditToolbarDepth1, EditToolbar, ToggleToolbar, Toolbar;
@@ -332,12 +332,12 @@ var init_DocumentToolbar2 = __esm({
     init_template();
     init_DocumentToolbar();
     ToolbarButton = ({ onClick, disabled, disabledTitle, title, icon = "heart" }) => /* @__PURE__ */ jsx(Tooltip, { title: disabled && disabledTitle ? disabledTitle : title, children: /* @__PURE__ */ jsx(Button, { disabled, onClick, theme: "gray", icon }) });
-    EditToolbarDepth0 = ({ openEditor, openMetadataEditor }) => /* @__PURE__ */ jsxs("div", { className: cx(src_components_core_DocumentToolbar_default.parentToolbar, src_components_core_DocumentToolbar_default.toolbar), style: { "--v-z-document-toolbar": Z_DOCUMENT_TOOLBAR }, children: [
+    EditToolbarDepth0 = ({ openEditor, openMetadataEditor }) => /* @__PURE__ */ jsxs("div", { className: cx(src_components_core_DocumentToolbar_default.parentToolbar, src_components_core_DocumentToolbar_default.toolbar), children: [
       /* @__PURE__ */ jsx(ToolbarButton, { title: "Editer", onClick: (e) => openEditor("root", e) }),
       /* @__PURE__ */ jsx(ToolbarButton, { title: "Metadata", onClick: (e) => openMetadataEditor("root", e) })
     ] });
     EditToolbarDepth1 = ({ path, openEditor, openMetadataEditor, deleteCard, deleteRightResponses, docJson }) => {
-      return /* @__PURE__ */ jsxs("div", { className: src_components_core_DocumentToolbar_default.toolbar, style: { "--v-z-document-toolbar": Z_DOCUMENT_TOOLBAR }, children: [
+      return /* @__PURE__ */ jsxs("div", { className: src_components_core_DocumentToolbar_default.toolbar, children: [
         /* @__PURE__ */ jsx(ToolbarButton, { title: "Editer", onClick: (e) => openEditor(docJson?.uuid, e) }),
         /* @__PURE__ */ jsx(ToolbarButton, { title: "Metadata", onClick: (e) => openMetadataEditor(docJson?.uuid, e) }),
         /* @__PURE__ */ jsx(ToolbarButton, { title: "Supprimer", onClick: () => deleteCard(path) }),
@@ -545,7 +545,7 @@ var init_src_components_primarygrid_EditGrid = __esm({
   "tmp_esbuild/_src_components_primarygrid_EditGrid.module.css"() {
     "use strict";
     init_vFzhiihuB7Z8HMP8oT_qcw0NyCnSgKQtL5TqEfjnBaQ();
-    src_components_primarygrid_EditGrid_default = { "col": "vv-WWJSSq-col", "zonePicture": "vv-WWJSSq-zonePicture", "interface": "vv-WWJSSq-interface", "zone": "vv-WWJSSq-zone", "editGrid": "vv-WWJSSq-editGrid", "layout": "vv-WWJSSq-layout", "addZone": "vv-WWJSSq-addZone", "row": "vv-WWJSSq-row", "interfaceHeader": "vv-WWJSSq-interfaceHeader" };
+    src_components_primarygrid_EditGrid_default = { "interface": "vv-WWJSSq-interface", "zonePicture": "vv-WWJSSq-zonePicture", "layout": "vv-WWJSSq-layout", "editGrid": "vv-WWJSSq-editGrid", "addZone": "vv-WWJSSq-addZone", "interfaceHeader": "vv-WWJSSq-interfaceHeader", "row": "vv-WWJSSq-row", "col": "vv-WWJSSq-col", "zone": "vv-WWJSSq-zone" };
   }
 });
 
@@ -734,7 +734,7 @@ var init_src_components_primarygrid_ZonesMaker = __esm({
   "tmp_esbuild/_src_components_primarygrid_ZonesMaker.module.css"() {
     "use strict";
     init_imZi27_UCk5xmhRkGJbtYm5sGwf0_1B99_Xe1fxg();
-    src_components_primarygrid_ZonesMaker_default = { "handle": "vv-WzhmXa-handle", "zoneMaker": "vv-WzhmXa-zoneMaker", "pictureZone": "vv-WzhmXa-pictureZone" };
+    src_components_primarygrid_ZonesMaker_default = { "zoneMaker": "vv-WzhmXa-zoneMaker", "pictureZone": "vv-WzhmXa-pictureZone", "handle": "vv-WzhmXa-handle" };
   }
 });
 
@@ -839,7 +839,8 @@ var init_ZonesMaker2 = __esm({
                     "--v-zonemaker-handle-left": `${handle.left}%`,
                     "--v-zonemaker-handle-top": `${handle.top}%`
                   },
-                  onMouseDown: (e) => onStartResizing(e, zone, handle.id)
+                  onMouseDown: (e) => onStartResizing(e, zone, handle.id),
+                  onTouchStart: (e) => onStartResizing(e, zone, handle.id)
                 },
                 handle.id
               ))
@@ -987,7 +988,7 @@ var init_src_components_primarygrid_ViewGrid = __esm({
   "tmp_esbuild/_src_components_primarygrid_ViewGrid.module.css"() {
     "use strict";
     init_INxu5dk73JTxjtEzrQ83WOJDTfp5b5jZD8ZfkbKQHIA();
-    src_components_primarygrid_ViewGrid_default = { "illu": "vv-TauroG-illu", "pictureZone": "vv-TauroG-pictureZone", "viewGrid": "vv-TauroG-viewGrid" };
+    src_components_primarygrid_ViewGrid_default = { "viewGrid": "vv-TauroG-viewGrid", "content": "vv-TauroG-content", "pictureZone": "vv-TauroG-pictureZone" };
   }
 });
 
@@ -999,8 +1000,63 @@ var init_ViewGrid = __esm({
   }
 });
 
+// css-modules:css-modules://TRUO9IsCZ8ngJD4Cc_eYHei0BzqoyjltRGbkROcYloU.css
+var init_TRUO9IsCZ8ngJD4Cc_eYHei0BzqoyjltRGbkROcYloU = __esm({
+  "css-modules:css-modules://TRUO9IsCZ8ngJD4Cc_eYHei0BzqoyjltRGbkROcYloU.css"() {
+  }
+});
+
+// tmp_esbuild/_src_components_primarygrid_FullscreenDocument.module.css
+var src_components_primarygrid_FullscreenDocument_default;
+var init_src_components_primarygrid_FullscreenDocument = __esm({
+  "tmp_esbuild/_src_components_primarygrid_FullscreenDocument.module.css"() {
+    "use strict";
+    init_TRUO9IsCZ8ngJD4Cc_eYHei0BzqoyjltRGbkROcYloU();
+    src_components_primarygrid_FullscreenDocument_default = { "document": "vv-zPhWHa-document", "zonePicture": "vv-zPhWHa-zonePicture" };
+  }
+});
+
+// src/components/primarygrid/FullscreenDocument.module.css
+var init_FullscreenDocument = __esm({
+  "src/components/primarygrid/FullscreenDocument.module.css"() {
+    "use strict";
+    init_src_components_primarygrid_FullscreenDocument();
+  }
+});
+
+// src/components/primarygrid/FullscreenDocument.tsx
+import React2 from "react";
+import _10 from "lodash/fp.js";
+import { Portal } from "@lls/lls-kit";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var FullscreenDoc, FullscreenDocument_default;
+var init_FullscreenDocument2 = __esm({
+  "src/components/primarygrid/FullscreenDocument.tsx"() {
+    "use strict";
+    init_FullscreenDocument();
+    init_grid();
+    FullscreenDoc = ({ doc, pictureUrl, children }) => {
+      const childsByUUid = _10.keyBy("props.docJson.uuid", React2.Children.toArray(children));
+      const fullscreenChild = childsByUUid[doc.id];
+      return /* @__PURE__ */ jsx5(Portal, { children: /* @__PURE__ */ jsx5("div", { className: src_components_primarygrid_FullscreenDocument_default.document, style: { "--v-grid-picture-aspect-ratio": ILLUSTRATION_ASPECT_RATIO }, children: /* @__PURE__ */ jsx5("div", { className: src_components_primarygrid_FullscreenDocument_default.zonePicture, children: /* @__PURE__ */ jsx5(
+        "div",
+        {
+          style: {
+            "--v-grid-zone-picture-url": `url('${pictureUrl}')`,
+            "--v-grid-zone-picture-ratio": doc.w / doc.h * ILLUSTRATION_ASPECT_RATIO,
+            "--v-grid-zone-picture-size": `${1e4 / doc.w}%`,
+            "--v-grid-zone-picture-left": `${-doc.x}%`,
+            "--v-grid-zone-picture-top": `${-doc.y}%`
+          }
+        }
+      ) }) }) });
+    };
+    FullscreenDocument_default = FullscreenDoc;
+  }
+});
+
 // src/components/primarygrid/ViewGrid.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var ViewGrid, ViewGrid_default;
 var init_ViewGrid2 = __esm({
   "src/components/primarygrid/ViewGrid.tsx"() {
@@ -1009,16 +1065,26 @@ var init_ViewGrid2 = __esm({
     init_store();
     init_url();
     init_ViewGrid();
+    init_FullscreenDocument2();
     ViewGrid = ({ children, picture }) => {
-      const { layouts } = useReadMdRendererProps(["layouts"]);
+      const {
+        layouts,
+        fullscreenDocUuid,
+        areZonesVisible = false,
+        setFullscreenDocUuid
+      } = useReadMdRendererProps(["layouts", "fullscreenDocUuid", "areZonesVisible", "setFullscreenDocUuid"]);
+      const fullscreenDoc = layouts?.primary?.find((doc) => doc.id === fullscreenDocUuid);
+      const pictureUrl = asLlsWebp(picture ?? "");
       return /* @__PURE__ */ jsxs5("div", { className: src_components_primarygrid_ViewGrid_default.viewGrid, style: { "--v-grid-picture-aspect-ratio": ILLUSTRATION_ASPECT_RATIO }, children: [
-        /* @__PURE__ */ jsxs5("div", { className: src_components_primarygrid_ViewGrid_default.illu, children: [
-          /* @__PURE__ */ jsx5("img", { alt: "illustration", src: asLlsWebp(picture ?? "") }),
+        /* @__PURE__ */ jsxs5("div", { className: src_components_primarygrid_ViewGrid_default.content, children: [
+          /* @__PURE__ */ jsx6("img", { alt: "illustration", src: pictureUrl }),
           layouts?.primary?.map((layoutItem, index) => {
-            return /* @__PURE__ */ jsx5(
+            return /* @__PURE__ */ jsx6(
               "div",
               {
                 className: src_components_primarygrid_ViewGrid_default.pictureZone,
+                "data-visible": +areZonesVisible,
+                onClick: () => setFullscreenDocUuid(layoutItem.id),
                 style: {
                   "--v-picturezone-x": `${layoutItem.x}%`,
                   "--v-picturezone-y": `${layoutItem.y}%`,
@@ -1031,7 +1097,7 @@ var init_ViewGrid2 = __esm({
             );
           })
         ] }),
-        /* @__PURE__ */ jsx5("div", { className: src_components_primarygrid_ViewGrid_default.docs, children: /* @__PURE__ */ jsx5("b", { children }) })
+        fullscreenDoc && /* @__PURE__ */ jsx6(FullscreenDocument_default, { doc: fullscreenDoc, pictureUrl, children })
       ] });
     };
     ViewGrid_default = ViewGrid;
@@ -1039,7 +1105,7 @@ var init_ViewGrid2 = __esm({
 });
 
 // src/components/primarygrid/Grid.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var PrimaryGrid, Grid_default;
 var init_Grid = __esm({
   "src/components/primarygrid/Grid.tsx"() {
@@ -1050,7 +1116,7 @@ var init_Grid = __esm({
     init_ViewGrid2();
     PrimaryGrid = (props) => {
       const { mode } = useReadMdRendererProps(["mode"]);
-      return isEditMode(mode) ? /* @__PURE__ */ jsx6(EditGrid_default, { ...props }) : /* @__PURE__ */ jsx6(ViewGrid_default, { ...props });
+      return isEditMode(mode) ? /* @__PURE__ */ jsx7(EditGrid_default, { ...props }) : /* @__PURE__ */ jsx7(ViewGrid_default, { ...props });
     };
     Grid_default = PrimaryGrid;
   }
@@ -1081,11 +1147,11 @@ var init_DocumentHtml = __esm({
 });
 
 // src/components/core/DocumentHtml.tsx
-import React2, { memo, useRef as useRef2 } from "react";
+import React3, { memo, useRef as useRef2 } from "react";
 import HtmlToReact from "html-to-react";
-import _10 from "lodash/fp.js";
+import _11 from "lodash/fp.js";
 import { cx as cx2 } from "@lls/utils";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var htmlToReactParser, processNodeDefinitions, MemoToolbar, DocumentHtml, getProcessingInstructions, MdRenderer, DocumentHtml_default;
 var init_DocumentHtml2 = __esm({
   "src/components/core/DocumentHtml.tsx"() {
@@ -1102,14 +1168,14 @@ var init_DocumentHtml2 = __esm({
     htmlToReactParser = new HtmlToReact.Parser({
       recognizeSelfClosing: true
     });
-    processNodeDefinitions = new HtmlToReact.ProcessNodeDefinitions(React2);
+    processNodeDefinitions = new HtmlToReact.ProcessNodeDefinitions(React3);
     MemoToolbar = memo(({ toolbarProps: props, docJson }) => {
-      const compactMode = _10.get("compactMode", props);
-      const openEditor = _10.get("openEditor", props);
-      const openMetadataEditor = _10.get("openMetadataEditor", props);
-      const deleteCard = _10.get("deleteCard", props);
-      const deleteRightResponses = _10.get("deleteRightResponses", props);
-      return /* @__PURE__ */ jsx7(
+      const compactMode = _11.get("compactMode", props);
+      const openEditor = _11.get("openEditor", props);
+      const openMetadataEditor = _11.get("openMetadataEditor", props);
+      const deleteCard = _11.get("deleteCard", props);
+      const deleteRightResponses = _11.get("deleteRightResponses", props);
+      return /* @__PURE__ */ jsx8(
         Toolbar,
         {
           compactMode,
@@ -1133,25 +1199,25 @@ var init_DocumentHtml2 = __esm({
           "data-isprint": +isPrint(),
           className: cx2(DOCUMENT_CLASSNAME, src_components_core_DocumentHtml_default.document),
           children: [
-            /* @__PURE__ */ jsx7(MemoToolbar, { toolbarProps: props, docJson }),
-            /* @__PURE__ */ jsx7(ErrorBoundary_default, { docJson, mode, children: /* @__PURE__ */ jsx7(MdRenderer, { mdRendererProps, docJson, toolbarProps: props, docChildren }) })
+            /* @__PURE__ */ jsx8(MemoToolbar, { toolbarProps: props, docJson }),
+            /* @__PURE__ */ jsx8(ErrorBoundary_default, { docJson, mode, children: /* @__PURE__ */ jsx8(MdRenderer, { mdRendererProps, docJson, toolbarProps: props, docChildren }) })
           ]
         }
       );
     };
     getProcessingInstructions = ({ docChildren }) => {
       const tag = (nodeName, handler) => ({
-        shouldProcessNode: _10.matchesProperty("name", nodeName),
+        shouldProcessNode: _11.matchesProperty("name", nodeName),
         processNode: handler
       });
-      const _shortTag = (name, Component, props = {}, mapAttributes = _10.identity) => {
-        return tag(name, (node, children, key) => /* @__PURE__ */ jsx7(Component, { ...mapAttributes(node.attribs), children, ...props }, key));
+      const _shortTag = (name, Component, props = {}, mapAttributes = _11.identity) => {
+        return tag(name, (node, children, key) => /* @__PURE__ */ jsx8(Component, { ...mapAttributes(node.attribs), children, ...props }, key));
       };
       return [
-        tag("primarygrid", (node) => /* @__PURE__ */ jsx7(Grid_default, { ...node.attribs, children: docChildren }, "grid")),
+        tag("primarygrid", (node) => /* @__PURE__ */ jsx8(Grid_default, { ...node.attribs, children: docChildren }, "grid")),
         {
           shouldProcessNode: (node) => {
-            if (node.type === "text" && _10.trim(node.data) === "") {
+            if (node.type === "text" && _11.trim(node.data) === "") {
               return true;
             }
           },
@@ -1169,7 +1235,7 @@ var init_DocumentHtml2 = __esm({
         ...mdRendererProps,
         ...documentProps
       });
-      const contentMd = _10.flow(_10.get("docJson.contentMd"), _10.partial(escapeTagContent, ["code"]), removeTrailingNewLines)(props);
+      const contentMd = _11.flow(_11.get("docJson.contentMd"), _11.partial(escapeTagContent, ["code"]), removeTrailingNewLines)(props);
       const reactElement = htmlToReactParser.parseWithInstructions(contentMd, isValidNode, instructions) || null;
       return reactElement;
     }, areDocumentHtmlPropsEqual);
@@ -1189,7 +1255,7 @@ var init_src_components_core_Document = __esm({
   "tmp_esbuild/_src_components_core_Document.module.css"() {
     "use strict";
     init_kTdLFWdq92OvhQjGBgoqbpa_uWI0Nagw0W33VXQfA9A();
-    src_components_core_Document_default = { "rootDocument": "vv--ZTaFW-rootDocument", "divSearch": "vv--ZTaFW-divSearch" };
+    src_components_core_Document_default = { "divSearch": "vv--ZTaFW-divSearch", "rootDocument": "vv--ZTaFW-rootDocument" };
   }
 });
 
@@ -1202,9 +1268,9 @@ var init_Document = __esm({
 });
 
 // src/components/core/Document.tsx
-import _11 from "lodash/fp.js";
-import React3 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import _12 from "lodash/fp.js";
+import React4 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var Document, RootDocument, Document_default;
 var init_Document2 = __esm({
   "src/components/core/Document.tsx"() {
@@ -1212,19 +1278,19 @@ var init_Document2 = __esm({
     init_DocumentHtml2();
     init_Document();
     Document = ({ docJson, toolbarProps = {}, mdRendererProps }) => {
-      return /* @__PURE__ */ jsx8(DocumentHtml_default, { toolbarProps, mdRendererProps, docJson });
+      return /* @__PURE__ */ jsx9(DocumentHtml_default, { toolbarProps, mdRendererProps, docJson });
     };
     Document.displayName = "Document";
-    RootDocument = React3.forwardRef(({ docJson = {}, toolbarProps, mdRendererProps }, ref) => {
-      const children = _11.getOr([], "children", docJson);
-      return /* @__PURE__ */ jsx8("div", { className: src_components_core_Document_default.rootDocument, ref, children: /* @__PURE__ */ jsx8(
+    RootDocument = React4.forwardRef(({ docJson = {}, toolbarProps, mdRendererProps }, ref) => {
+      const children = _12.getOr([], "children", docJson);
+      return /* @__PURE__ */ jsx9("div", { className: src_components_core_Document_default.rootDocument, ref, children: /* @__PURE__ */ jsx9(
         DocumentHtml_default,
         {
           toolbarProps,
           mdRendererProps,
           docJson,
-          children: _11.map((child) => {
-            return /* @__PURE__ */ jsx8(
+          children: _12.map((child) => {
+            return /* @__PURE__ */ jsx9(
               Document,
               {
                 toolbarProps,
@@ -1288,11 +1354,11 @@ var init_ViewerMd = __esm({
 });
 
 // src/components/core/viewer/ViewerMd.tsx
-import React4, { useRef as useRef3, useCallback as useCallback3, useMemo } from "react";
+import React5, { useRef as useRef3, useCallback as useCallback3, useMemo } from "react";
 import { styleThemeProps } from "@lls/lls-kit";
-import _12 from "lodash/fp.js";
+import _13 from "lodash/fp.js";
 import { cx as cx3 } from "@lls/utils";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var getMdRendererProps, ViewerMd, ViewerMd_default;
 var init_ViewerMd2 = __esm({
   "src/components/core/viewer/ViewerMd.tsx"() {
@@ -1304,29 +1370,32 @@ var init_ViewerMd2 = __esm({
     init_Codemirror();
     init_constants();
     init_ViewerMd();
-    getMdRendererProps = _12.pick(["isOffline", "isTouchable", "wasSsrRendered", "picture"]);
-    ViewerMd = React4.forwardRef(
+    getMdRendererProps = _13.pick(["isOffline", "isTouchable", "wasSsrRendered", "areZonesVisible"]);
+    ViewerMd = React5.forwardRef(
       ({
         template = {},
-        addPicture = _12.noop,
-        addDocument = _12.noop,
-        updateLayouts = _12.noop,
-        deleteDocument = _12.noop,
-        onChange = _12.noop,
+        addPicture = _13.noop,
+        addDocument = _13.noop,
+        updateLayouts = _13.noop,
+        deleteDocument = _13.noop,
+        onChange = _13.noop,
         sizeIndex = 2,
         fontFamily = "LatoWeb",
         mode = "view",
         isDysMode = false,
+        fullscreenDocUuid = void 0,
+        setFullscreenDocUuid = _13.noop,
         ...props
       }, ref) => {
-        const pageId = _12.get("id", template);
-        const onChangeCallbackRef = useRef3(_12.noop);
+        const pageId = _13.get("id", template);
+        const onChangeCallbackRef = useRef3(_13.noop);
         const innerViewerRef = useRef3(null);
-        const hashMdRendererProps = _12.flow(
+        const hashMdRendererProps = _13.flow(
           getMdRendererProps,
-          _12.assign({
+          _13.assign({
             mode,
-            pageId
+            pageId,
+            fullscreenDocUuid
           }),
           JSON.stringify
         )(props);
@@ -1336,21 +1405,21 @@ var init_ViewerMd2 = __esm({
         const { deleteRightResponses, openEditor, openMetadataEditor } = props;
         const isPrint2 = isPrint();
         const mdRendererProps = useMemo(() => {
-          return _12.flow(
+          return _13.flow(
             JSON.parse,
-            _12.assign({
+            _13.assign({
               // there should only be FUNCTIONS here
               addPicture,
               addDocument,
               updateLayouts,
-              deleteDocument
+              deleteDocument,
+              setFullscreenDocUuid
             })
           )(hashMdRendererProps);
-        }, [hashMdRendererProps, addPicture, addDocument, updateLayouts, deleteDocument]);
+        }, [hashMdRendererProps, addPicture, addDocument, updateLayouts, deleteDocument, setFullscreenDocUuid]);
         const onDocChange = useCallback3((doc) => {
           onChangeCallbackRef.current(doc);
         }, []);
-        _12.replace;
         useWriteStore({
           mdRendererProps: {
             ...mdRendererProps,
@@ -1370,7 +1439,7 @@ var init_ViewerMd2 = __esm({
             openMetadataEditor
           };
         }, [deleteDocument, deleteRightResponses, openEditor, openMetadataEditor]);
-        return /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsx10(
           "div",
           {
             style: {
@@ -1380,7 +1449,7 @@ var init_ViewerMd2 = __esm({
             "data-isprint": +isPrint2,
             className: cx3(VIVI_CLASSNAME, src_components_core_viewer_ViewerMd_default.viewer),
             ref,
-            children: /* @__PURE__ */ jsx9("div", { className: src_components_core_viewer_ViewerMd_default.viewerInner, ref: innerViewerRef, "data-mode": mode, children: /* @__PURE__ */ jsx9(Document_default, { mdRendererProps, toolbarProps, docJson: template }) })
+            children: /* @__PURE__ */ jsx10("div", { className: src_components_core_viewer_ViewerMd_default.viewerInner, ref: innerViewerRef, "data-mode": mode, children: /* @__PURE__ */ jsx10(Document_default, { mdRendererProps, toolbarProps, docJson: template }) })
           }
         );
       }
@@ -1390,15 +1459,15 @@ var init_ViewerMd2 = __esm({
 });
 
 // src/components/core/editor/EditViewerMd.tsx
-import React5, { useCallback as useCallback4 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import React6, { useCallback as useCallback4 } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var EditViewerMd, EditViewerMd_default;
 var init_EditViewerMd = __esm({
   "src/components/core/editor/EditViewerMd.tsx"() {
     "use strict";
     init_ViewerMd2();
     init_template();
-    EditViewerMd = React5.forwardRef(({ template, onChange, ...props }, ref) => {
+    EditViewerMd = React6.forwardRef(({ template, onChange, ...props }, ref) => {
       const addDocument = useCallback4(
         (docInfos) => {
           onChange((template2) => addDocumentToTemplate(template2, docInfos));
@@ -1422,7 +1491,7 @@ var init_EditViewerMd = __esm({
       const addPicture = (picture) => {
         onChange((prev) => ({ ...prev, contentMd: `<primarygrid picture="${picture}" />` }));
       };
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx11(
         ViewerMd_default,
         {
           template,
@@ -1467,8 +1536,8 @@ var init_useDragAndResize = __esm({
 
 // ../viewer/src/hooks/useDragAndResize.tsx
 import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
-import _13 from "lodash/fp.js";
-import { Fragment, jsx as jsx11 } from "react/jsx-runtime";
+import _14 from "lodash/fp.js";
+import { Fragment, jsx as jsx12 } from "react/jsx-runtime";
 var resizeHandlersProps, useDragAndResize, useDragAndResize_default;
 var init_useDragAndResize2 = __esm({
   "../viewer/src/hooks/useDragAndResize.tsx"() {
@@ -1596,17 +1665,17 @@ var init_useDragAndResize2 = __esm({
         shouldMoveX: false,
         shouldMoveY: false
       });
-      const positionX = _13.getOr(0, "x", defaultPositions);
-      const bodyWidth = _13.getOr(0, "body.offsetWidth", document);
+      const positionX = _14.getOr(0, "x", defaultPositions);
+      const bodyWidth = _14.getOr(0, "body.offsetWidth", document);
       const x = positionX + defaultWidth > bodyWidth ? positionX - defaultWidth : positionX;
       const [translateData, setTranslateData] = useState4({
         isActive: false,
         x,
-        y: _13.getOr(0, "y", defaultPositions)
+        y: _14.getOr(0, "y", defaultPositions)
       });
       useEffect4(() => {
         if (translateData.isActive) {
-          const onMouseUp = () => setTranslateData(_13.set("isActive", false));
+          const onMouseUp = () => setTranslateData(_14.set("isActive", false));
           const onMouseMove = (e) => setTranslateData(({ x: x2, y, ...translateData2 }) => ({
             ...translateData2,
             x: x2 + e.movementX,
@@ -1631,7 +1700,7 @@ var init_useDragAndResize2 = __esm({
           }
           const { shouldSizeX, shouldSizeY, shouldMoveX, shouldMoveY } = resizingData;
           const onMouseUp = () => {
-            setResizingData(_13.set("isActive", false));
+            setResizingData(_14.set("isActive", false));
           };
           const getNewSizeValue = ({
             shouldMove,
@@ -1685,9 +1754,9 @@ var init_useDragAndResize2 = __esm({
           };
         }
       }, [size, resizingData, onResize]);
-      const launchTranslate = () => setTranslateData(_13.set("isActive", true));
-      const handlersElement = canResize ? /* @__PURE__ */ jsx11("div", { children: resizeHandlersProps.map((handle, key) => {
-        return /* @__PURE__ */ jsx11(
+      const launchTranslate = () => setTranslateData(_14.set("isActive", true));
+      const handlersElement = canResize ? /* @__PURE__ */ jsx12("div", { children: resizeHandlersProps.map((handle, key) => {
+        return /* @__PURE__ */ jsx12(
           "div",
           {
             className: home_ec2_user_actions_runner_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize_default.handle,
@@ -1698,15 +1767,15 @@ var init_useDragAndResize2 = __esm({
               "--v-left": handle.left,
               "--v-cursor": handle.cursor
             },
-            ..._13.omit("resizingProps", handle),
+            ..._14.omit("resizingProps", handle),
             onMouseDown: () => setResizingData({
               isActive: true,
-              ..._13.get("resizingProps", handle)
+              ..._14.get("resizingProps", handle)
             })
           },
           key
         );
-      }) }) : /* @__PURE__ */ jsx11(Fragment, {});
+      }) }) : /* @__PURE__ */ jsx12(Fragment, {});
       const isActive = translateData.isActive || resizingData.isActive;
       useEffect4(() => {
         if (!rndRef.current)
@@ -1789,9 +1858,9 @@ var CodemirrorEditor_browser_exports = {};
 __export(CodemirrorEditor_browser_exports, {
   default: () => CodemirrorEditor_browser_default
 });
-import _14 from "lodash/fp.js";
+import _15 from "lodash/fp.js";
 import { useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var TAGS, completeAfter, completeIfAfterLt, completeIfInTag, xmlValidator, CodemirrorEditor, CodemirrorEditor_browser_default;
 var init_CodemirrorEditor_browser2 = __esm({
   "src/components/lazy/CodemirrorEditor.browser.tsx"() {
@@ -1847,11 +1916,11 @@ var init_CodemirrorEditor_browser2 = __esm({
     };
     CodemirrorEditor = ({
       readOnly,
-      onChange = _14.noop,
+      onChange = _15.noop,
       keyMap,
-      componentDidMount = _14.noop,
+      componentDidMount = _15.noop,
       value = "",
-      onError = _14.noop
+      onError = _15.noop
     }) => {
       const textarea = useRef5(null);
       const [editor, setEditor] = useState6(null);
@@ -1897,22 +1966,22 @@ var init_CodemirrorEditor_browser2 = __esm({
           editor.off("change", localChange);
         };
       }, [editor, onChange]);
-      return /* @__PURE__ */ jsx12("div", { className: src_components_lazy_CodemirrorEditor_browser_default.codemirrorWrapper, children: /* @__PURE__ */ jsx12("textarea", { ref: textarea, value, onChange: _14.noop }) });
+      return /* @__PURE__ */ jsx13("div", { className: src_components_lazy_CodemirrorEditor_browser_default.codemirrorWrapper, children: /* @__PURE__ */ jsx13("textarea", { ref: textarea, value, onChange: _15.noop }) });
     };
     CodemirrorEditor_browser_default = CodemirrorEditor;
   }
 });
 
 // src/components/core/editor/CodemirrorEditor.tsx
-import React6, { Suspense } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import React7, { Suspense } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var LazyEditor, CodemirrorEditor2, CodemirrorEditor_default;
 var init_CodemirrorEditor = __esm({
   "src/components/core/editor/CodemirrorEditor.tsx"() {
     "use strict";
     init_useClientMounted();
     init_lazy();
-    LazyEditor = React6.lazy(
+    LazyEditor = React7.lazy(
       () => (
         // @ts-ignore TODO fallback is causing type issue
         typeof window === "undefined" ? { default: null } : Promise.resolve().then(() => (init_CodemirrorEditor_browser2(), CodemirrorEditor_browser_exports)).then(lazyInterop)
@@ -1920,7 +1989,7 @@ var init_CodemirrorEditor = __esm({
     );
     CodemirrorEditor2 = (props) => {
       const clientMounted = useClientMounted_default();
-      return clientMounted ? /* @__PURE__ */ jsx13(Suspense, { children: /* @__PURE__ */ jsx13(LazyEditor, { ...props }) }) : /* @__PURE__ */ jsx13("div", {});
+      return clientMounted ? /* @__PURE__ */ jsx14(Suspense, { children: /* @__PURE__ */ jsx14(LazyEditor, { ...props }) }) : /* @__PURE__ */ jsx14("div", {});
     };
     CodemirrorEditor_default = CodemirrorEditor2;
   }
@@ -1951,14 +2020,14 @@ var init_EditorHeaderModal = __esm({
 });
 
 // src/components/core/editor/EditorHeaderModal.tsx
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var EditorHeaderModal, EditorHeaderModal_default;
 var init_EditorHeaderModal2 = __esm({
   "src/components/core/editor/EditorHeaderModal.tsx"() {
     "use strict";
     init_EditorHeaderModal();
     EditorHeaderModal = ({ onClick }) => /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "div",
         {
           className: src_components_core_editor_EditorHeaderModal_default.header,
@@ -1977,7 +2046,7 @@ var init_EditorHeaderModal2 = __esm({
           children: "Principale"
         }
       ),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "div",
         {
           className: src_components_core_editor_EditorHeaderModal_default.header,
@@ -2013,7 +2082,7 @@ var init_EditorHeaderModal2 = __esm({
           ]
         }
       ),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "div",
         {
           className: src_components_core_editor_EditorHeaderModal_default.header,
@@ -2029,7 +2098,7 @@ var init_EditorHeaderModal2 = __esm({
           children: "Compl\xE9mentaire 2"
         }
       ),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "div",
         {
           className: src_components_core_editor_EditorHeaderModal_default.header,
@@ -2075,7 +2144,7 @@ var init_EditorListModal = __esm({
 });
 
 // src/components/core/editor/EditorListModal.tsx
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var generateList, EditorListModal, EditorListModal_default;
 var init_EditorListModal2 = __esm({
   "src/components/core/editor/EditorListModal.tsx"() {
@@ -2089,9 +2158,9 @@ var init_EditorListModal2 = __esm({
 </ul>
 `;
     EditorListModal = ({ onClick }) => /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx15("ul", { className: src_components_core_editor_EditorListModal_default.ul, onClick: () => onClick(() => generateList("disc")), children: /* @__PURE__ */ jsx15("li", {}) }),
-      /* @__PURE__ */ jsx15("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "circle", onClick: () => onClick(() => generateList("circle")), children: /* @__PURE__ */ jsx15("li", {}) }),
-      /* @__PURE__ */ jsx15("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "square", onClick: () => onClick(() => generateList("square")), children: /* @__PURE__ */ jsx15("li", {}) })
+      /* @__PURE__ */ jsx16("ul", { className: src_components_core_editor_EditorListModal_default.ul, onClick: () => onClick(() => generateList("disc")), children: /* @__PURE__ */ jsx16("li", {}) }),
+      /* @__PURE__ */ jsx16("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "circle", onClick: () => onClick(() => generateList("circle")), children: /* @__PURE__ */ jsx16("li", {}) }),
+      /* @__PURE__ */ jsx16("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "square", onClick: () => onClick(() => generateList("square")), children: /* @__PURE__ */ jsx16("li", {}) })
     ] });
     EditorListModal_default = EditorListModal;
   }
@@ -2122,17 +2191,17 @@ var init_EditorMathsModal = __esm({
 });
 
 // src/components/core/editor/EditorMathsModal.tsx
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var EditorMathsModal, EditorMathsModal_default;
 var init_EditorMathsModal2 = __esm({
   "src/components/core/editor/EditorMathsModal.tsx"() {
     "use strict";
     init_EditorMathsModal();
     EditorMathsModal = ({ onClick }) => /* @__PURE__ */ jsxs9("div", { children: [
-      /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<math>${selectedText}</math>`), children: "KaTeX" }),
-      /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `\\text{${selectedText}}`), children: "\\text {...}" }),
-      /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<python inline="true">${selectedText}</python>`), children: "python" }),
-      /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<geogebra>${selectedText}</geogebra>`), children: "geogebra" })
+      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<math>${selectedText}</math>`), children: "KaTeX" }),
+      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `\\text{${selectedText}}`), children: "\\text {...}" }),
+      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<python inline="true">${selectedText}</python>`), children: "python" }),
+      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<geogebra>${selectedText}</geogebra>`), children: "geogebra" })
     ] });
     EditorMathsModal_default = EditorMathsModal;
   }
@@ -2163,7 +2232,7 @@ var init_EditorOrderedListModal = __esm({
 });
 
 // src/components/core/editor/EditorOrderedListModal.tsx
-import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var generateList2, EditorOrderedListModal, EditorOrderedListModal_default;
 var init_EditorOrderedListModal2 = __esm({
   "src/components/core/editor/EditorOrderedListModal.tsx"() {
@@ -2178,29 +2247,29 @@ var init_EditorOrderedListModal2 = __esm({
 `;
     EditorOrderedListModal = ({ onClick }) => /* @__PURE__ */ jsxs10("div", { children: [
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "1", onClick: () => onClick(() => generateList2("1")), children: [
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {})
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {})
       ] }),
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "a", onClick: () => onClick(() => generateList2("a")), children: [
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {})
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {})
       ] }),
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "A", onClick: () => onClick(() => generateList2("A")), children: [
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {})
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {})
       ] }),
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "i", onClick: () => onClick(() => generateList2("i")), children: [
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {})
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {})
       ] }),
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "I", onClick: () => onClick(() => generateList2("I")), children: [
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {}),
-        /* @__PURE__ */ jsx17("li", {})
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {}),
+        /* @__PURE__ */ jsx18("li", {})
       ] })
     ] });
     EditorOrderedListModal_default = EditorOrderedListModal;
@@ -2232,19 +2301,19 @@ var init_EditorQuestionModal = __esm({
 });
 
 // src/components/core/editor/EditorQuestionModal.tsx
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 var EditorQuestionModal, EditorQuestionModal_default;
 var init_EditorQuestionModal2 = __esm({
   "src/components/core/editor/EditorQuestionModal.tsx"() {
     "use strict";
     init_EditorQuestionModal();
     EditorQuestionModal = ({ onClick }) => /* @__PURE__ */ jsxs11("div", { children: [
-      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => `<qtarea id="" width="90%" />`), children: "Question textarea" }),
-      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qt id="">${selectedText}</qt>`), children: "Question ouverte" }),
-      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qs id="">${selectedText}</qs>`), children: 'Question "select"' }),
-      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => '<qc id="" />'), children: "Question checkbox" }),
-      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => '<qr id="" value="" />'), children: "Question radio" }),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => `<qtarea id="" width="90%" />`), children: "Question textarea" }),
+      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qt id="">${selectedText}</qt>`), children: "Question ouverte" }),
+      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qs id="">${selectedText}</qs>`), children: 'Question "select"' }),
+      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => '<qc id="" />'), children: "Question checkbox" }),
+      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => '<qr id="" value="" />'), children: "Question radio" }),
+      /* @__PURE__ */ jsx19(
         "div",
         {
           className: src_components_core_editor_EditorQuestionModal_default.question,
@@ -2265,8 +2334,8 @@ var init_EditorQuestionModal2 = __esm({
           children: "Question DnD"
         }
       ),
-      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qmath id="">${selectedText}</qmath>`), children: "Question maths" }),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qmath id="">${selectedText}</qmath>`), children: "Question maths" }),
+      /* @__PURE__ */ jsx19(
         "div",
         {
           className: src_components_core_editor_EditorQuestionModal_default.question,
@@ -2279,7 +2348,7 @@ var init_EditorQuestionModal2 = __esm({
           children: "Question maths select"
         }
       ),
-      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => `<qdraw2 id=""/>`), children: "Question draw" })
+      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => `<qdraw2 id=""/>`), children: "Question draw" })
     ] });
     EditorQuestionModal_default = EditorQuestionModal;
   }
@@ -2310,37 +2379,37 @@ var init_EditorStampModal = __esm({
 });
 
 // src/components/core/editor/EditorStampModal.tsx
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 var EditorStampModal, EditorStampModal_default;
 var init_EditorStampModal2 = __esm({
   "src/components/core/editor/EditorStampModal.tsx"() {
     "use strict";
     init_EditorStampModal();
     EditorStampModal = ({ onClick }) => /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick((selectedText) => `<stamp theme="" size="">${selectedText}</stamp>`), children: "Stamp classique" }),
-      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick(() => `<stamp theme="" icon="" size=""/>`), children: "Stamp avec icon" })
+      /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick((selectedText) => `<stamp theme="" size="">${selectedText}</stamp>`), children: "Stamp classique" }),
+      /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick(() => `<stamp theme="" icon="" size=""/>`), children: "Stamp avec icon" })
     ] });
     EditorStampModal_default = EditorStampModal;
   }
 });
 
 // src/utils/table.ts
-import _15 from "lodash/fp.js";
+import _16 from "lodash/fp.js";
 var generateTable;
 var init_table = __esm({
   "src/utils/table.ts"() {
     "use strict";
     generateTable = ({ column, line }) => {
-      const headLine = _15.times(_15.constant("<th></th>"), column);
-      const bodyLine = _15.times(_15.constant("<td></td>"), column);
+      const headLine = _16.times(_16.constant("<th></th>"), column);
+      const bodyLine = _16.times(_16.constant("<td></td>"), column);
       const head = `<thead>
 		<tr>
-			${_15.join("\n			", headLine)}
+			${_16.join("\n			", headLine)}
 		</tr>
 	</thead>`;
       const body = `<tbody>
-		${_15.times(_15.constant(`<tr>
-			${_15.join("\n			", bodyLine)}
+		${_16.times(_16.constant(`<tr>
+			${_16.join("\n			", bodyLine)}
 		</tr>`), line - 1).join("\n		")}
 	</tbody>`;
       return `<table>
@@ -2364,7 +2433,7 @@ var init_src_components_core_editor_EditorTableModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorTableModal.module.css"() {
     "use strict";
     init_l9ewCrSeYzAUJUd9PfLHkZujTTXaJQ_auwa6d_qDY3s();
-    src_components_core_editor_EditorTableModal_default = { "line": "vv-VbIHYG-line", "cell": "vv-VbIHYG-cell", "grid": "vv-VbIHYG-grid", "header": "vv-VbIHYG-header" };
+    src_components_core_editor_EditorTableModal_default = { "grid": "vv-VbIHYG-grid", "cell": "vv-VbIHYG-cell", "header": "vv-VbIHYG-header", "line": "vv-VbIHYG-line" };
   }
 });
 
@@ -2378,8 +2447,8 @@ var init_EditorTableModal = __esm({
 
 // src/components/core/editor/EditorTableModal.tsx
 import { useCallback as useCallback5, useState as useState7 } from "react";
-import _16 from "lodash/fp.js";
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import _17 from "lodash/fp.js";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 var LINE_COUNT, COLUMN_COUNT, CELL_WIDTH, CELL_HEIGHT, CELL_MARGIN, LINE_WIDTH, Cell, EditorTableModal, EditorTableModal_default;
 var init_EditorTableModal2 = __esm({
   "src/components/core/editor/EditorTableModal.tsx"() {
@@ -2399,7 +2468,7 @@ var init_EditorTableModal2 = __esm({
       const onClickCallback = useCallback5(() => {
         onClick({ column, line });
       }, [column, line, onClick]);
-      return /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsx21(
         "div",
         {
           className: src_components_core_editor_EditorTableModal_default.cell,
@@ -2421,17 +2490,17 @@ var init_EditorTableModal2 = __esm({
         },
         [onClick]
       );
-      const selectedLine = _16.getOr(0, "line", selected);
-      const selectedColumn = _16.getOr(0, "column", selected);
+      const selectedLine = _17.getOr(0, "line", selected);
+      const selectedColumn = _17.getOr(0, "column", selected);
       return /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_EditorTableModal_default.header, children: `${selectedLine} x ${selectedColumn}` }),
-        /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_EditorTableModal_default.grid, style: { "--v-line-width": `${LINE_WIDTH}px` }, children: _16.flow(
-          _16.range(1),
-          _16.map((line) => /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_EditorTableModal_default.line, style: { "--v-cell-margin": `${CELL_MARGIN}px` }, children: _16.flow(
-            _16.range(1),
-            _16.map((column) => {
+        /* @__PURE__ */ jsx21("div", { className: src_components_core_editor_EditorTableModal_default.header, children: `${selectedLine} x ${selectedColumn}` }),
+        /* @__PURE__ */ jsx21("div", { className: src_components_core_editor_EditorTableModal_default.grid, style: { "--v-line-width": `${LINE_WIDTH}px` }, children: _17.flow(
+          _17.range(1),
+          _17.map((line) => /* @__PURE__ */ jsx21("div", { className: src_components_core_editor_EditorTableModal_default.line, style: { "--v-cell-margin": `${CELL_MARGIN}px` }, children: _17.flow(
+            _17.range(1),
+            _17.map((column) => {
               const isselected = line <= selectedLine && column <= selectedColumn;
-              return /* @__PURE__ */ jsx20(Cell, { isSelected: isselected, onMouseEnter, onClick: createTable, column, line }, column);
+              return /* @__PURE__ */ jsx21(Cell, { isSelected: isselected, onMouseEnter, onClick: createTable, column, line }, column);
             })
           )(COLUMN_COUNT) }, line))
         )(LINE_COUNT) })
@@ -2453,7 +2522,7 @@ var init_src_components_core_editor_EditorTitleModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorTitleModal.module.css"() {
     "use strict";
     init_V9YMxBzxg_bf_yrJnoKZc7V_grOZr8Z66I81mib_oQ4();
-    src_components_core_editor_EditorTitleModal_default = { "body3": "vv-_Pgo7W-body3", "title": "vv-_Pgo7W-title", "h2": "vv-_Pgo7W-h2", "h4": "vv-_Pgo7W-h4", "body1": "vv-_Pgo7W-body1", "body2": "vv-_Pgo7W-body2", "h1": "vv-_Pgo7W-h1", "h3": "vv-_Pgo7W-h3" };
+    src_components_core_editor_EditorTitleModal_default = { "h3": "vv-_Pgo7W-h3", "title": "vv-_Pgo7W-title", "h1": "vv-_Pgo7W-h1", "h2": "vv-_Pgo7W-h2", "body2": "vv-_Pgo7W-body2", "h4": "vv-_Pgo7W-h4", "body3": "vv-_Pgo7W-body3", "body1": "vv-_Pgo7W-body1" };
   }
 });
 
@@ -2467,20 +2536,20 @@ var init_EditorTitleModal = __esm({
 
 // src/components/core/editor/EditorTitleModal.tsx
 import { cx as cx4 } from "@lls/utils";
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 var EditorTitlesModal, EditorTitleModal_default;
 var init_EditorTitleModal2 = __esm({
   "src/components/core/editor/EditorTitleModal.tsx"() {
     "use strict";
     init_EditorTitleModal();
     EditorTitlesModal = ({ onClick }) => /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h1, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h1>${selectedText}</h1>`), children: "h1" }),
-      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h2, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h2>${selectedText}</h2>`), children: "h2" }),
-      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h3, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h3>${selectedText}</h3>`), children: "h3" }),
-      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h4, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h4>${selectedText}</h4>`), children: "h4" }),
-      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body1, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body1>${selectedText}</body1>`), children: "body1" }),
-      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body2, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body2>${selectedText}</body2>`), children: "body2" }),
-      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body3, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body3>${selectedText}</body3>`), children: "body3" })
+      /* @__PURE__ */ jsx22("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h1, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h1>${selectedText}</h1>`), children: "h1" }),
+      /* @__PURE__ */ jsx22("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h2, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h2>${selectedText}</h2>`), children: "h2" }),
+      /* @__PURE__ */ jsx22("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h3, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h3>${selectedText}</h3>`), children: "h3" }),
+      /* @__PURE__ */ jsx22("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h4, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h4>${selectedText}</h4>`), children: "h4" }),
+      /* @__PURE__ */ jsx22("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body1, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body1>${selectedText}</body1>`), children: "body1" }),
+      /* @__PURE__ */ jsx22("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body2, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body2>${selectedText}</body2>`), children: "body2" }),
+      /* @__PURE__ */ jsx22("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body3, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body3>${selectedText}</body3>`), children: "body3" })
     ] });
     EditorTitleModal_default = EditorTitlesModal;
   }
@@ -2514,7 +2583,7 @@ var init_EditorToolbar = __esm({
 import { forwardRef, useCallback as useCallback6, useState as useState8 } from "react";
 import xmlFormat from "xml-formatter";
 import { Button as Button3, ButtonsList, Tooltip as Tooltip2 } from "@lls/lls-kit";
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 import { createElement } from "react";
 var EDITOR_BUTTONS, Dropdown, EditorToolbar, EditorToolbar_default;
 var init_EditorToolbar2 = __esm({
@@ -2719,17 +2788,17 @@ ${selectedText}
       const listItems = [
         {
           type: "component",
-          content: /* @__PURE__ */ jsx22(Overlay, { onClick: onClickOverlay })
+          content: /* @__PURE__ */ jsx23(Overlay, { onClick: onClickOverlay })
         }
       ];
       return /* @__PURE__ */ jsxs15("span", { className: src_components_core_editor_EditorToolbar_default.span, onClick: toggleVisible, children: [
-        /* @__PURE__ */ jsx22(Tooltip2, { content: title, children: /* @__PURE__ */ jsx22(Button3, { theme: "gray", icon, children: " " }) }),
-        visible && /* @__PURE__ */ jsx22(ButtonsList, { listItems, className: src_components_core_editor_EditorToolbar_default.absoluteMenuButton, zIndex: 1, withMask: false })
+        /* @__PURE__ */ jsx23(Tooltip2, { content: title, children: /* @__PURE__ */ jsx23(Button3, { theme: "gray", icon, children: " " }) }),
+        visible && /* @__PURE__ */ jsx23(ButtonsList, { listItems, className: src_components_core_editor_EditorToolbar_default.absoluteMenuButton, zIndex: 1, withMask: false })
       ] });
     };
-    EditorToolbar = forwardRef(({ replace }, menuRef) => /* @__PURE__ */ jsx22("div", { className: src_components_core_editor_EditorToolbar_default.editorToolbar, ref: menuRef, children: EDITOR_BUTTONS.map((button, i) => {
+    EditorToolbar = forwardRef(({ replace }, menuRef) => /* @__PURE__ */ jsx23("div", { className: src_components_core_editor_EditorToolbar_default.editorToolbar, ref: menuRef, children: EDITOR_BUTTONS.map((button, i) => {
       const { icon, action, title, dropdown } = button;
-      return dropdown ? /* @__PURE__ */ createElement(Dropdown, { ...button, action: (callback) => replace(callback), key: i }) : /* @__PURE__ */ jsx22(Tooltip2, { content: title, children: /* @__PURE__ */ jsx22(Button3, { theme: "gray", onClick: () => replace(action, title), icon, children: " " }, i) });
+      return dropdown ? /* @__PURE__ */ createElement(Dropdown, { ...button, action: (callback) => replace(callback), key: i }) : /* @__PURE__ */ jsx23(Tooltip2, { content: title, children: /* @__PURE__ */ jsx23(Button3, { theme: "gray", onClick: () => replace(action, title), icon, children: " " }, i) });
     }) }));
     EditorToolbar.displayName = "EditorToolbar";
     EditorToolbar_default = EditorToolbar;
@@ -2748,7 +2817,7 @@ var init_src_components_core_editor_Editor = __esm({
   "tmp_esbuild/_src_components_core_editor_Editor.module.css"() {
     "use strict";
     init_NNguA_8WOGh41wmBCm8AF1DJWa35r2rfRhLOxgn68();
-    src_components_core_editor_Editor_default = { "wrapper": "vv-cGAezq-wrapper", "errorBanner": "vv-cGAezq-errorBanner", "rnd": "vv-cGAezq-rnd", "header": "vv-cGAezq-header" };
+    src_components_core_editor_Editor_default = { "rnd": "vv-cGAezq-rnd", "errorBanner": "vv-cGAezq-errorBanner", "header": "vv-cGAezq-header", "wrapper": "vv-cGAezq-wrapper" };
   }
 });
 
@@ -2762,9 +2831,9 @@ var init_Editor = __esm({
 
 // src/components/core/editor/Editor.tsx
 import { useCallback as useCallback7, useMemo as useMemo2, useRef as useRef6 } from "react";
-import _17 from "lodash/fp.js";
+import _18 from "lodash/fp.js";
 import { Button as Button4 } from "@lls/lls-kit";
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 var DEFAULT_WIDTH, DEFAULT_HEIGHT, Editor, Editor_default;
 var init_Editor2 = __esm({
   "src/components/core/editor/Editor.tsx"() {
@@ -2794,7 +2863,7 @@ var init_Editor2 = __esm({
         editor.current.focus();
       }, []);
       const onChange = useMemo2(() => {
-        return _17.debounce(500, (contentMd) => onDocChange(_17.set("contentMd", contentMd, doc)));
+        return _18.debounce(500, (contentMd) => onDocChange(_18.set("contentMd", contentMd, doc)));
       }, [doc, onDocChange]);
       const keyMap = useMemo2(() => {
         return {
@@ -2813,10 +2882,10 @@ var init_Editor2 = __esm({
         }
       });
       return /* @__PURE__ */ jsxs16("div", { className: src_components_core_editor_Editor_default.rnd, ref: rndRef, children: [
-        /* @__PURE__ */ jsx23("div", { className: src_components_core_editor_Editor_default.header, onMouseDown: launchTranslate, children: /* @__PURE__ */ jsx23(Button4, { onClick: onClose, theme: "gray", children: "cancel" }) }),
-        /* @__PURE__ */ jsx23(EditorToolbar_default, { replace }),
-        /* @__PURE__ */ jsx23("div", { className: src_components_core_editor_Editor_default.wrapper, children: /* @__PURE__ */ jsx23(CodemirrorEditor_default, { componentDidMount: setEditor, value: _17.get("contentMd", doc), onChange, keyMap, onError }) }),
-        error && /* @__PURE__ */ jsx23("div", { className: src_components_core_editor_Editor_default.errorBanner, children: error }),
+        /* @__PURE__ */ jsx24("div", { className: src_components_core_editor_Editor_default.header, onMouseDown: launchTranslate, children: /* @__PURE__ */ jsx24(Button4, { onClick: onClose, theme: "gray", children: "cancel" }) }),
+        /* @__PURE__ */ jsx24(EditorToolbar_default, { replace }),
+        /* @__PURE__ */ jsx24("div", { className: src_components_core_editor_Editor_default.wrapper, children: /* @__PURE__ */ jsx24(CodemirrorEditor_default, { componentDidMount: setEditor, value: _18.get("contentMd", doc), onChange, keyMap, onError }) }),
+        error && /* @__PURE__ */ jsx24("div", { className: src_components_core_editor_Editor_default.errorBanner, children: error }),
         handlersElement
       ] });
     };
@@ -2825,12 +2894,12 @@ var init_Editor2 = __esm({
 });
 
 // src/components/core/editor/EditorSsr.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var EditorSsr, EditorSsr_default;
 var init_EditorSsr = __esm({
   "src/components/core/editor/EditorSsr.tsx"() {
     "use strict";
-    EditorSsr = () => /* @__PURE__ */ jsx24("div", {});
+    EditorSsr = () => /* @__PURE__ */ jsx25("div", {});
     EditorSsr_default = EditorSsr;
   }
 });
@@ -2861,8 +2930,8 @@ var init_useDragAndResize3 = __esm({
 
 // src/hooks/useDragAndResize.tsx
 import { useEffect as useEffect7, useRef as useRef7, useState as useState9 } from "react";
-import _18 from "lodash/fp.js";
-import { Fragment as Fragment2, jsx as jsx25 } from "react/jsx-runtime";
+import _19 from "lodash/fp.js";
+import { Fragment as Fragment2, jsx as jsx26 } from "react/jsx-runtime";
 var resizeHandlersProps2, useDragAndResize2, useDragAndResize_default2;
 var init_useDragAndResize4 = __esm({
   "src/hooks/useDragAndResize.tsx"() {
@@ -2990,17 +3059,17 @@ var init_useDragAndResize4 = __esm({
         shouldMoveX: false,
         shouldMoveY: false
       });
-      const positionX = _18.getOr(0, "x", defaultPositions);
-      const bodyWidth = _18.getOr(0, "body.offsetWidth", document);
+      const positionX = _19.getOr(0, "x", defaultPositions);
+      const bodyWidth = _19.getOr(0, "body.offsetWidth", document);
       const x = positionX + defaultWidth > bodyWidth ? positionX - defaultWidth : positionX;
       const [translateData, setTranslateData] = useState9({
         isActive: false,
         x,
-        y: _18.getOr(0, "y", defaultPositions)
+        y: _19.getOr(0, "y", defaultPositions)
       });
       useEffect7(() => {
         if (translateData.isActive) {
-          const onMouseUp = () => setTranslateData(_18.set("isActive", false));
+          const onMouseUp = () => setTranslateData(_19.set("isActive", false));
           const onMouseMove = (e) => setTranslateData(({ x: x2, y, ...translateData2 }) => ({
             ...translateData2,
             x: x2 + e.movementX,
@@ -3025,7 +3094,7 @@ var init_useDragAndResize4 = __esm({
           }
           const { shouldSizeX, shouldSizeY, shouldMoveX, shouldMoveY } = resizingData;
           const onMouseUp = () => {
-            setResizingData(_18.set("isActive", false));
+            setResizingData(_19.set("isActive", false));
           };
           const getNewSizeValue = ({
             shouldMove,
@@ -3079,9 +3148,9 @@ var init_useDragAndResize4 = __esm({
           };
         }
       }, [size, resizingData, onResize]);
-      const launchTranslate = () => setTranslateData(_18.set("isActive", true));
-      const handlersElement = canResize ? /* @__PURE__ */ jsx25("div", { children: resizeHandlersProps2.map((handle, key) => {
-        return /* @__PURE__ */ jsx25(
+      const launchTranslate = () => setTranslateData(_19.set("isActive", true));
+      const handlersElement = canResize ? /* @__PURE__ */ jsx26("div", { children: resizeHandlersProps2.map((handle, key) => {
+        return /* @__PURE__ */ jsx26(
           "div",
           {
             className: src_hooks_useDragAndResize_default.handle,
@@ -3092,15 +3161,15 @@ var init_useDragAndResize4 = __esm({
               "--v-left": handle.left,
               "--v-cursor": handle.cursor
             },
-            ..._18.omit("resizingProps", handle),
+            ..._19.omit("resizingProps", handle),
             onMouseDown: () => setResizingData({
               isActive: true,
-              ..._18.get("resizingProps", handle)
+              ..._19.get("resizingProps", handle)
             })
           },
           key
         );
-      }) }) : /* @__PURE__ */ jsx25(Fragment2, {});
+      }) }) : /* @__PURE__ */ jsx26(Fragment2, {});
       const isActive = translateData.isActive || resizingData.isActive;
       useEffect7(() => {
         if (!rndRef.current)
@@ -3135,7 +3204,7 @@ var init_src_components_core_editor_MetadataEditor = __esm({
   "tmp_esbuild/_src_components_core_editor_MetadataEditor.module.css"() {
     "use strict";
     init_Zb1cEYNT4eNwW8io0xWL7zXkOH8P26_7eImYlmla2wA();
-    src_components_core_editor_MetadataEditor_default = { "field": "vv-ftXTRa-field", "select": "vv-ftXTRa-select", "rnd": "vv-ftXTRa-rnd", "body": "vv-ftXTRa-body", "uuid": "vv-ftXTRa-uuid", "header": "vv-ftXTRa-header", "fieldWrapper": "vv-ftXTRa-fieldWrapper" };
+    src_components_core_editor_MetadataEditor_default = { "uuid": "vv-ftXTRa-uuid", "body": "vv-ftXTRa-body", "fieldWrapper": "vv-ftXTRa-fieldWrapper", "field": "vv-ftXTRa-field", "header": "vv-ftXTRa-header", "select": "vv-ftXTRa-select", "rnd": "vv-ftXTRa-rnd" };
   }
 });
 
@@ -3148,10 +3217,10 @@ var init_MetadataEditor = __esm({
 });
 
 // src/components/core/editor/MetadataEditor.tsx
-import _19 from "lodash/fp.js";
+import _20 from "lodash/fp.js";
 import { Button as Button5 } from "@lls/lls-kit";
 import Select from "react-select";
-import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var MetadataEditor, MetadataEditor_default;
 var init_MetadataEditor2 = __esm({
   "src/components/core/editor/MetadataEditor.tsx"() {
@@ -3159,27 +3228,27 @@ var init_MetadataEditor2 = __esm({
     init_useDragAndResize4();
     init_MetadataEditor();
     MetadataEditor = ({ doc, onDocChange, onClose, positions, notions }) => {
-      const metadata = _19.get("metadata", doc);
-      const setValue = (subName, e) => onDocChange(_19.set(["metadata", subName], _19.get("target.value", e), doc));
-      const setMultipleValue = (subName, values) => onDocChange(_19.set(["metadata", subName], _19.map("value", values), doc));
+      const metadata = _20.get("metadata", doc);
+      const setValue = (subName, e) => onDocChange(_20.set(["metadata", subName], _20.get("target.value", e), doc));
+      const setMultipleValue = (subName, values) => onDocChange(_20.set(["metadata", subName], _20.map("value", values), doc));
       const { handlersElement, launchTranslate, rndRef } = useDragAndResize_default2({
         defaultPositions: positions
       });
       return /* @__PURE__ */ jsxs17("div", { className: src_components_core_editor_MetadataEditor_default.rnd, ref: rndRef, children: [
-        /* @__PURE__ */ jsx26("div", { className: src_components_core_editor_MetadataEditor_default.header, onMouseDown: launchTranslate, children: /* @__PURE__ */ jsx26(Button5, { onClick: onClose, theme: "gray", children: "cancel" }) }),
+        /* @__PURE__ */ jsx27("div", { className: src_components_core_editor_MetadataEditor_default.header, onMouseDown: launchTranslate, children: /* @__PURE__ */ jsx27(Button5, { onClick: onClose, theme: "gray", children: "cancel" }) }),
         /* @__PURE__ */ jsxs17("div", { className: src_components_core_editor_MetadataEditor_default.body, children: [
           /* @__PURE__ */ jsxs17("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Uuid:",
             " ",
-            /* @__PURE__ */ jsx26("span", { className: src_components_core_editor_MetadataEditor_default.uuid, style: { "--data-font": "monospace" }, children: doc.uuid })
+            /* @__PURE__ */ jsx27("span", { className: src_components_core_editor_MetadataEditor_default.uuid, style: { "--data-font": "monospace" }, children: doc.uuid })
           ] }),
           /* @__PURE__ */ jsxs17("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Title",
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "input",
               {
                 className: src_components_core_editor_MetadataEditor_default.field,
-                value: _19.getOr("", "title", metadata),
+                value: _20.getOr("", "title", metadata),
                 onChange: (e) => setValue("title", e),
                 onBlur: (e) => setValue("title", e)
               }
@@ -3187,11 +3256,11 @@ var init_MetadataEditor2 = __esm({
           ] }),
           /* @__PURE__ */ jsxs17("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Description",
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "input",
               {
                 className: src_components_core_editor_MetadataEditor_default.field,
-                value: _19.getOr("", "description", metadata),
+                value: _20.getOr("", "description", metadata),
                 onChange: (e) => setValue("description", e),
                 onBlur: (e) => setValue("description", e)
               }
@@ -3199,11 +3268,11 @@ var init_MetadataEditor2 = __esm({
           ] }),
           /* @__PURE__ */ jsxs17("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Image",
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "input",
               {
                 className: src_components_core_editor_MetadataEditor_default.field,
-                value: _19.getOr("", "image", metadata),
+                value: _20.getOr("", "image", metadata),
                 onChange: (e) => setValue("image", e),
                 onBlur: (e) => setValue("image", e)
               }
@@ -3211,27 +3280,27 @@ var init_MetadataEditor2 = __esm({
           ] }),
           /* @__PURE__ */ jsxs17("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Keywords",
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "input",
               {
                 className: src_components_core_editor_MetadataEditor_default.field,
-                value: _19.getOr("", "keywords", metadata),
+                value: _20.getOr("", "keywords", metadata),
                 onChange: (e) => setValue("keywords", e),
                 onBlur: (e) => setValue("keywords", e)
               }
             )
           ] }),
-          !_19.isEmpty(notions) && /* @__PURE__ */ jsxs17("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
+          !_20.isEmpty(notions) && /* @__PURE__ */ jsxs17("div", { className: src_components_core_editor_MetadataEditor_default.fieldWrapper, children: [
             "Notion",
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               Select,
               {
                 className: src_components_core_editor_MetadataEditor_default.select,
-                value: _19.flow(
-                  _19.get("notions"),
-                  _19.map((notion) => ({ label: notion, value: notion }))
+                value: _20.flow(
+                  _20.get("notions"),
+                  _20.map((notion) => ({ label: notion, value: notion }))
                 )(metadata),
-                options: _19.map((notion) => ({ label: notion, value: notion }), notions),
+                options: _20.map((notion) => ({ label: notion, value: notion }), notions),
                 isMulti: true,
                 onChange: (values) => setMultipleValue("notions", values)
               }
@@ -3246,7 +3315,7 @@ var init_MetadataEditor2 = __esm({
 });
 
 // src/hooks/useEditor.tsx
-import _20 from "lodash/fp.js";
+import _21 from "lodash/fp.js";
 import { useCallback as useCallback8, useEffect as useEffect8, useState as useState10 } from "react";
 var EDITOR_MARGIN, useEditor, useEditor_default;
 var init_useEditor = __esm({
@@ -3259,7 +3328,7 @@ var init_useEditor = __esm({
       const [path, setPath] = useState10(void 0);
       const [positions, setPositions] = useState10({ x: 0, y: 0 });
       useEffect8(() => {
-        _20.noop(id);
+        _21.noop(id);
         setPath(void 0);
       }, [id]);
       const open = useCallback8((editPath, e) => {
@@ -3321,7 +3390,7 @@ var init_src_components_lazy_index_editor = __esm({
   "tmp_esbuild/_src_components_lazy_index.editor.module.css"() {
     "use strict";
     init_N7qE5xz_356BL8FwluXb9SO0Q6g8pmP18e18R9y8bEU();
-    src_components_lazy_index_editor_default = { "submit": "vv-RUXZgW-submit", "pageContainer": "vv-RUXZgW-pageContainer", "screen": "vv-RUXZgW-screen", "alert": "vv-RUXZgW-alert", "alertOpenedAnimation": "vv-RUXZgW-alertOpenedAnimation", "exitButton": "vv-RUXZgW-exitButton", "stickyBar": "vv-RUXZgW-stickyBar", "button": "vv-RUXZgW-button" };
+    src_components_lazy_index_editor_default = { "submit": "vv-RUXZgW-submit", "exitButton": "vv-RUXZgW-exitButton", "alertOpenedAnimation": "vv-RUXZgW-alertOpenedAnimation", "pageContainer": "vv-RUXZgW-pageContainer", "alert": "vv-RUXZgW-alert", "screen": "vv-RUXZgW-screen", "button": "vv-RUXZgW-button", "stickyBar": "vv-RUXZgW-stickyBar" };
   }
 });
 
@@ -3338,11 +3407,11 @@ var index_editor_exports = {};
 __export(index_editor_exports, {
   default: () => index_editor_default
 });
-import React7, { useCallback as useCallback9, useEffect as useEffect9, useState as useState11 } from "react";
-import _21 from "lodash/fp.js";
+import React8, { useCallback as useCallback9, useEffect as useEffect9, useState as useState11 } from "react";
+import _22 from "lodash/fp.js";
 import { Button as Button6, RadioButton, Snackbar } from "@lls/lls-kit";
 import { copyToClipboard } from "@lls/utils";
-import { Fragment as Fragment3, jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 var Editor2, CompactModeButton, CopyButton, EditorStickyBar, EditorNext, index_editor_default;
 var init_index_editor2 = __esm({
   "src/components/lazy/index.editor.tsx"() {
@@ -3365,9 +3434,9 @@ var init_index_editor2 = __esm({
       const onClick = useCallback9(() => {
         setIsCompactMode(!isCompactMode);
       }, [setIsCompactMode, isCompactMode]);
-      return /* @__PURE__ */ jsx27(Button6, { theme, accent: "alt", "data-isactive": +isCompactMode, onClick, children: "cm" });
+      return /* @__PURE__ */ jsx28(Button6, { theme, accent: "alt", "data-isactive": +isCompactMode, onClick, children: "cm" });
     };
-    CopyButton = ({ template, theme, setCopied = _21.noop }) => {
+    CopyButton = ({ template, theme, setCopied = _22.noop }) => {
       const onClick = useCallback9(() => {
         copyToClipboard(JSON.stringify(template, null, 2));
         setCopied(true);
@@ -3375,19 +3444,19 @@ var init_index_editor2 = __esm({
           setCopied(false);
         }, 3500);
       }, [template, setCopied]);
-      return /* @__PURE__ */ jsx27(Button6, { className: src_components_lazy_index_editor_default.button, theme, accent: "alt", type: "button", onClick, children: "Copier le JSON" });
+      return /* @__PURE__ */ jsx28(Button6, { className: src_components_lazy_index_editor_default.button, theme, accent: "alt", type: "button", onClick, children: "Copier le JSON" });
     };
     EditorStickyBar = ({ mode, setMode, handleSubmit, template, isCompactMode, setIsCompactMode, setCopied }) => {
       const stickyBarTheme = IS_PROD ? "premium" : "primary";
       return /* @__PURE__ */ jsxs18("div", { className: src_components_lazy_index_editor_default.stickyBar, children: [
-        /* @__PURE__ */ jsx27(RadioButton, { isChecked: mode === "edit", onChange: setMode, label: "Edit", name: "Mode", value: "edit" }),
-        /* @__PURE__ */ jsx27(RadioButton, { isChecked: mode === "view", onChange: setMode, label: "View", name: "Mode", value: "view" }),
-        /* @__PURE__ */ jsx27(Button6, { theme: stickyBarTheme, onClick: handleSubmit, children: "Submit" }),
-        /* @__PURE__ */ jsx27(CompactModeButton, { theme: stickyBarTheme, isCompactMode, setIsCompactMode }),
-        /* @__PURE__ */ jsx27(CopyButton, { theme: stickyBarTheme, template, setCopied })
+        /* @__PURE__ */ jsx28(RadioButton, { isChecked: mode === "edit", onChange: setMode, label: "Edit", name: "Mode", value: "edit" }),
+        /* @__PURE__ */ jsx28(RadioButton, { isChecked: mode === "view", onChange: setMode, label: "View", name: "Mode", value: "view" }),
+        /* @__PURE__ */ jsx28(Button6, { theme: stickyBarTheme, onClick: handleSubmit, children: "Submit" }),
+        /* @__PURE__ */ jsx28(CompactModeButton, { theme: stickyBarTheme, isCompactMode, setIsCompactMode }),
+        /* @__PURE__ */ jsx28(CopyButton, { theme: stickyBarTheme, template, setCopied })
       ] });
     };
-    EditorNext = React7.forwardRef(({ template, onChange = _21.noop, onSubmit = _21.noop, notions, ...props }, ref) => {
+    EditorNext = React8.forwardRef(({ template, onChange = _22.noop, onSubmit = _22.noop, notions, ...props }, ref) => {
       const [isCompactMode, setIsCompactMode] = useState11(false);
       const [mode, setMode] = useState11("edit");
       const [copied, setCopied] = useState11(false);
@@ -3395,7 +3464,7 @@ var init_index_editor2 = __esm({
       const editEditor = useEditor_default({ id });
       const metadataEditor = useEditor_default({ id });
       const [docLintErrors, setDocLintErrors] = useState11({});
-      const firstFoundErrorUuid = _21.findKey.convert({ cap: false })(Boolean, docLintErrors);
+      const firstFoundErrorUuid = _22.findKey.convert({ cap: false })(Boolean, docLintErrors);
       const [showWarningSnackbar, setShowWarningSnackbar] = useState11(false);
       useEffect9(() => {
         if (showWarningSnackbar) {
@@ -3407,11 +3476,11 @@ var init_index_editor2 = __esm({
       }, [showWarningSnackbar]);
       useEffect9(() => {
         setDocLintErrors(
-          _21.flow(
-            _21.get("children"),
+          _22.flow(
+            _22.get("children"),
             (children) => [...children, { uuid: "root", contentMd: template?.contentMd }],
-            _21.map((child) => [child.uuid, parseErrorsInContentMd(child.contentMd)]),
-            _21.fromPairs
+            _22.map((child) => [child.uuid, parseErrorsInContentMd(child.contentMd)]),
+            _22.fromPairs
           )(template)
         );
       }, [template]);
@@ -3434,7 +3503,7 @@ ${JSON.stringify(
           return;
         }
         const invalidIdCard = getMissingId(template);
-        if (!_21.isEmpty(invalidIdCard)) {
+        if (!_22.isEmpty(invalidIdCard)) {
           alert(
             `L'une des cartes du template n'a pas un id valide. Par mesure de securit\xE9 la sauvegarde \xE0 \xE9t\xE9 bloqu\xE9e. 
 
@@ -3451,7 +3520,7 @@ ${JSON.stringify(
       }, [mode, template, onSubmit]);
       const onKeyDown = useCallback9(
         (e) => {
-          const sKey = _21.flow(_21.invoke("key.toLowerCase"), _21.isEqual("s"))(e);
+          const sKey = _22.flow(_22.invoke("key.toLowerCase"), _22.isEqual("s"))(e);
           if (sKey && isMetaControlKeyPressed(e)) {
             e.preventDefault();
             return handleSubmit();
@@ -3467,7 +3536,7 @@ ${JSON.stringify(
       }, [onKeyDown]);
       const onError = useCallback9(
         (error) => {
-          setDocLintErrors(_21.set(editEditor.path, error));
+          setDocLintErrors(_22.set(editEditor.path, error));
         },
         [editEditor.path]
       );
@@ -3479,13 +3548,13 @@ ${JSON.stringify(
       };
       const onDocChange = useCallback9(
         (doc) => {
-          const uuid = _21.get("uuid", doc);
+          const uuid = _22.get("uuid", doc);
           if (!uuid) {
             onChange(doc);
           } else {
             onChange(({ children, ...template2 } = {}) => ({
               ...template2,
-              children: React7.Children.map(children, (child) => typeof child === "object" && child !== null && _21.matches({ uuid }, child) ? doc : child)
+              children: React8.Children.map(children, (child) => typeof child === "object" && child !== null && _22.matches({ uuid }, child) ? doc : child)
             }));
           }
         },
@@ -3502,10 +3571,10 @@ ${JSON.stringify(
         setCopied
       };
       return /* @__PURE__ */ jsxs18(Fragment3, { children: [
-        /* @__PURE__ */ jsx27(EditorStickyBar, { ...toolbarProps }),
-        /* @__PURE__ */ jsx27("div", { className: src_components_lazy_index_editor_default.pageContainer, children: /* @__PURE__ */ jsxs18("div", { className: src_components_lazy_index_editor_default.screen, children: [
-          copied && /* @__PURE__ */ jsx27("div", { className: src_components_lazy_index_editor_default.alert, children: "JSON copi\xE9 dans le presse-papier" }),
-          isEditMode(mode) ? /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(EditorStickyBar, { ...toolbarProps }),
+        /* @__PURE__ */ jsx28("div", { className: src_components_lazy_index_editor_default.pageContainer, children: /* @__PURE__ */ jsxs18("div", { className: src_components_lazy_index_editor_default.screen, children: [
+          copied && /* @__PURE__ */ jsx28("div", { className: src_components_lazy_index_editor_default.alert, children: "JSON copi\xE9 dans le presse-papier" }),
+          isEditMode(mode) ? /* @__PURE__ */ jsx28(
             EditViewerMd_default,
             {
               ...props,
@@ -3517,8 +3586,8 @@ ${JSON.stringify(
               compactMode: isCompactMode,
               template
             }
-          ) : /* @__PURE__ */ jsx27(ViewerMd_default, { ...props, ref, mode, template, onChange }),
-          metadataEditor.path && /* @__PURE__ */ jsx27(
+          ) : /* @__PURE__ */ jsx28(ViewerMd_default, { ...props, ref, mode, template, onChange }),
+          metadataEditor.path && /* @__PURE__ */ jsx28(
             MetadataEditor_default,
             {
               doc: getDocumentByUuid(metadataEditor.path, template),
@@ -3529,7 +3598,7 @@ ${JSON.stringify(
             },
             `metadata_${metadataEditor.path}`
           ),
-          editEditor.path && /* @__PURE__ */ jsx27(
+          editEditor.path && /* @__PURE__ */ jsx28(
             Editor2,
             {
               error: docLintErrors[editEditor.path],
@@ -3542,7 +3611,7 @@ ${JSON.stringify(
             `edit_${editEditor.path}`
           )
         ] }) }),
-        showWarningSnackbar && !!firstFoundErrorUuid && /* @__PURE__ */ jsx27(
+        showWarningSnackbar && !!firstFoundErrorUuid && /* @__PURE__ */ jsx28(
           Snackbar,
           {
             open: true,
@@ -3563,19 +3632,19 @@ ${JSON.stringify(
 });
 
 // src/index.editor.tsx
-import React8, { Suspense as Suspense2 } from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var LazyEditor2 = React8.lazy(() => Promise.resolve().then(() => (init_index_editor2(), index_editor_exports)));
+import React9, { Suspense as Suspense2 } from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var LazyEditor2 = React9.lazy(() => Promise.resolve().then(() => (init_index_editor2(), index_editor_exports)));
 var ViewerEditor = (props) => {
-  return /* @__PURE__ */ jsx28(Suspense2, { children: /* @__PURE__ */ jsx28(LazyEditor2, { ...props }) });
+  return /* @__PURE__ */ jsx29(Suspense2, { children: /* @__PURE__ */ jsx29(LazyEditor2, { ...props }) });
 };
 var index_editor_default2 = ViewerEditor;
 
 // src/index.viewer.tsx
 init_ViewerMd2();
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var Viewer = (props) => {
-  return /* @__PURE__ */ jsx29(ViewerMd_default, { ...props });
+  return /* @__PURE__ */ jsx30(ViewerMd_default, { ...props });
 };
 var index_viewer_default = Viewer;
 export {