@topconsultnpm/sdkui-react 6.22.0-t1 → 6.22.0-t2

package/lib/components/viewers/TMTidViewer.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { getDTDDisplayNameInfo, IconDcmtType, IconDcmtTypeOnlyMetadata, IconLocked, IconView, isCreateCertificateEnabled, isPdfEditorEnabled, isSign4TopEnabled, LocalizeArchiveConstraints, LocalizeParametricFilterTypes, SDKUI_Localizator, TMImageLibrary } from '../../helper';
+import { getDTDDisplayNameInfo, IconDcmtType, IconDcmtTypeOnlyMetadata, IconLocked, IconView, isCreateCertificateEnabled, isPdfEditorEnabled, isSign4TopEnabled, LocalizeArchiveConstraints, isNotGrantedDTD, LocalizeParametricFilterTypes, SDKUI_Localizator, TMImageLibrary } from '../../helper';
 import { AccessLevels, AccessLevelsEx, ArchiveConstraints, DcmtTypeListCacheService, OwnershipLevels, ParametricFilterTypes, SDK_Globals, SDK_Localizator, TemplateTIDs } from '@topconsultnpm/sdk-ts';
 import TMSpinner from '../base/TMSpinner';
 import { StyledDivHorizontal, StyledTooltipContainer, StyledTooltipItem, StyledTooltipSeparatorItem } from '../base/Styled';
 import TMTooltip from '../base/TMTooltip';
 import { TMColors } from '../../utils/theme';
+import styled, { keyframes } from 'styled-components';
 export var ImageIDList;
 (function (ImageIDList) {
     ImageIDList["arrow_001"] = "arrow_001";
@@ -242,7 +243,7 @@ export const TMDcmtTypeIcon = ({ dtd }) => {
     if (!dtd)
         return null;
     let icon = null;
-    if (dtd.customData2 === "NOTGRANTED")
+    if (isNotGrantedDTD(dtd))
         icon = _jsx(IconLocked, { fontSize: 16 });
     else if (dtd.imageID && dtd.imageID.length > 0)
         icon = _jsx(TMImageLibrary, { imageID: dtd.imageID });
@@ -259,33 +260,77 @@ export const TMDcmtTypeIcon = ({ dtd }) => {
     return (_jsx(TMDcmtTypeTooltip, { dtd: dtd, children: icon }));
 };
 export const TMDcmtTypeTooltip = ({ dtd, children }) => {
-    return (_jsx("div", { style: { pointerEvents: 'all' }, children: _jsx(TMTooltip, { content: renderDTDTooltipContent(dtd), children: children }) }));
+    return (_jsx("div", { style: { pointerEvents: 'all' }, children: _jsx(TMTooltip, { allowContentInteraction: true, content: renderDTDTooltipContent(dtd), children: children }) }));
 };
+/** Legge il tipo documento dalle cache dell'SDK senza passare dal mutex. Serve perché
+ *  l'espansione di una cartella nell'albero ricrea tutte le celle: senza una lettura sincrona
+ *  ogni riga tornerebbe a mostrare il testo di "nessuna selezione" fino alla fine delle
+ *  richieste (una per TID, serializzate dal mutex).
+ *  GetCache restituisce le mappe vive usate dall'SDK, quindi le invalidazioni
+ *  (RemoveAllWithMetadata, RemoveAllWithoutMetadata, logout) hanno effetto immediato. */
+const getCachedDTD = (tid, tmSession) => {
+    if (!tid || tid <= 0)
+        return undefined;
+    const accessToken = (tmSession ?? SDK_Globals.tmSession)?.SessionDescr?.accessToken;
+    if (!accessToken)
+        return undefined;
+    // La cache senza metadati è popolata dalla login: copre già i tipi documento autorizzati
+    return DcmtTypeListCacheService.GetCache(false).get(accessToken)?.find(o => o.id === tid)
+        ?? DcmtTypeListCacheService.GetCache(true).get(accessToken)?.find(o => o.id === tid);
+};
+const shimmer = keyframes `
+    0% { background-position: 200% 0; }
+    100% { background-position: -200% 0; }
+`;
+/** Segnaposto animato mostrato al posto del nome durante il caricamento.
+ *  Grigio semitrasparente: leggibile sia su sfondo chiaro che scuro. */
+const StyledTidSkeleton = styled.span `
+    display: inline-block;
+    flex: 0 0 auto;
+    width: 90px;
+    height: 0.9em;
+    border-radius: 4px;
+    background-image: linear-gradient(90deg, rgba(127, 127, 127, 0.12) 25%, rgba(127, 127, 127, 0.28) 50%, rgba(127, 127, 127, 0.12) 75%);
+    background-size: 200% 100%;
+    animation: ${shimmer} 1.4s ease-in-out infinite;
+
+    @media (prefers-reduced-motion: reduce) { animation: none; }
+`;
 const TMTidViewer = ({ tmSession, tid, did, showIcon = false, color, showId = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
-    const [dtd, setDtd] = useState();
+    const accessToken = (tmSession ?? SDK_Globals.tmSession)?.SessionDescr?.accessToken;
+    const [dtd, setDtd] = useState(() => getCachedDTD(tid, tmSession));
+    const [isLoading, setIsLoading] = useState(() => !!tid && tid > 0 && !getCachedDTD(tid, tmSession));
     const fetchData = async (tid, did) => {
         if (!tid || tid <= 0) {
             setDtd(undefined);
+            setIsLoading(false);
             return;
         }
+        const cached = getCachedDTD(tid, tmSession);
+        if (cached)
+            setDtd(cached);
+        setIsLoading(!cached);
         let count = DcmtTypeListCacheService.CacheCount(true, 'all', tmSession);
         if (count <= 0)
             TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.ListDcmtTypeOrView} ...` });
         try {
-            let resultDTD = await DcmtTypeListCacheService.GetAsync(tid);
+            let resultDTD = await DcmtTypeListCacheService.GetAsync(tid, true, tmSession);
             if (!resultDTD) {
-                resultDTD = await DcmtTypeListCacheService.GetWithNotGrantedAsync(tid, did);
+                resultDTD = await DcmtTypeListCacheService.GetWithNotGrantedAsync(tid, did, undefined, true, tmSession);
             }
             setDtd(resultDTD);
         }
         finally {
             if (count <= 0)
                 TMSpinner.hide();
+            setIsLoading(false);
         }
     };
+    // accessToken e non tmSession: la sessione è un oggetto e un'identità nuova a ogni render
+    // del chiamante rifarebbe la richiesta senza motivo
     useEffect(() => {
         fetchData(tid, did);
-    }, [tid, did]);
+    }, [tid, did, accessToken]);
     const displayName = () => {
         if (!dtd)
             return noneSelectionText;
@@ -295,31 +340,47 @@ const TMTidViewer = ({ tmSession, tid, did, showIcon = false, color, showId = fa
             whiteSpace: 'nowrap',
             overflow: 'hidden',
             textOverflow: 'ellipsis'
-        }, children: [showIcon && dtd && _jsx(TMDcmtTypeIcon, { dtd: dtd }), _jsx("p", { title: displayName(), style: {
-                    textAlign: 'left',
-                    marginLeft: showIcon ? '5px' : '',
-                    color: color ?? (dtd?.isView ? 'red' : TMColors.primary),
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    // paddingRight: '10px'
-                }, children: displayName() }), showId && _jsx("p", { style: { padding: '0px 3px' }, children: `(TID: ${tid})` })] }));
+        }, children: [showIcon && dtd && _jsx(TMDcmtTypeIcon, { dtd: dtd }), isLoading && !dtd
+                ? _jsx(StyledTidSkeleton, { title: `${SDKUI_Localizator.Loading} ...`, style: { marginLeft: showIcon ? '5px' : undefined } })
+                : _jsx("p", { title: displayName(), style: {
+                        textAlign: 'left',
+                        margin: 0,
+                        marginLeft: showIcon ? '5px' : '',
+                        color: dtd?.isView ? 'red' : (color ?? TMColors.primary),
+                        whiteSpace: 'nowrap',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        // paddingRight: '10px'
+                    }, children: displayName() }), showId && _jsx("p", { style: { padding: '0px 3px', margin: 0 }, children: `(TID: ${tid})` })] }));
 };
 export default TMTidViewer;
 export const cellRenderTID = (data, noneSelectionText) => {
     return (_jsx(TMTidViewer, { tid: data.value, noneSelectionText: noneSelectionText }));
 };
-/** Componente per mostrare il metodo di visualizzazione del nome documento (carica i metadati dalla cache se necessario) */
+/** Metodi di visualizzazione già richiesti, per non ricaricare i metadati ad ogni riapertura del tooltip */
+const displayNameMethodCache = new Map();
 const TMDisplayNameMethodItem = ({ dtd }) => {
-    const [displayNameMethod, setDisplayNameMethod] = useState('...');
-    useEffect(() => {
-        const fetchDisplayNameMethod = async () => {
+    const [displayNameMethod, setDisplayNameMethod] = useState(() => dtd.id ? displayNameMethodCache.get(dtd.id) : undefined);
+    const [isLoading, setIsLoading] = useState(false);
+    const onShowClick = async (e) => {
+        /* Un click qualsiasi chiude il tooltip: senza questo il risultato non sarebbe mai visibile */
+        e.stopPropagation();
+        if (isLoading || displayNameMethod)
+            return;
+        setIsLoading(true);
+        try {
             const method = await getDTDDisplayNameInfo(dtd);
+            if (dtd.id)
+                displayNameMethodCache.set(dtd.id, method);
             setDisplayNameMethod(method);
-        };
-        fetchDisplayNameMethod();
-    }, [dtd]);
-    return _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.DisplayNameMethod}: ${displayNameMethod}` });
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (_jsxs(StyledTooltipItem, { children: [`${SDKUI_Localizator.DisplayNameMethod}: `, displayNameMethod ?? (isLoading
+                ? `${SDKUI_Localizator.Loading} ...`
+                : _jsx("span", { style: { color: TMColors.primary, cursor: 'pointer', textDecoration: 'underline' }, onClick: onShowClick, children: SDKUI_Localizator.Details }))] }));
 };
 export const renderDTDTooltipContent = (dtd) => {
     const mapAccessLevelToLocalizedString = (level) => {
@@ -341,7 +402,7 @@ export const renderDTDTooltipContent = (dtd) => {
         }
     };
     return (!dtd ? null
-        : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${SDK_Globals.useLocalizedName ? dtd.nameLoc : dtd.name} (${dtd.isView ? 'VID' : 'TID'}: ${dtd.id}, RootTID: ${dtd.rootTID ?? 0})` }), dtd.description && _jsx(StyledTooltipItem, { children: dtd.description }), _jsx(StyledTooltipSeparatorItem, {}), dtd.customData2 === "NOTGRANTED"
+        : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${SDK_Globals.useLocalizedName ? dtd.nameLoc : dtd.name} (${dtd.isView ? 'VID' : 'TID'}: ${dtd.id}, RootTID: ${dtd.rootTID ?? 0})` }), dtd.description && _jsx(StyledTooltipItem, { children: dtd.description }), _jsx(StyledTooltipSeparatorItem, {}), isNotGrantedDTD(dtd)
                     ? _jsx(StyledTooltipItem, { style: { fontWeight: 600 }, children: 'Tipo documento NON autorizzato' })
                     :
                         _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ArchiveConstraint}: ${LocalizeArchiveConstraints(dtd.archiveConstraint)}` }), dtd.isView && dtd.parametricFilterType != ParametricFilterTypes.None && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ParametricFilter}: ${LocalizeParametricFilterTypes(dtd.parametricFilterType)}` }), dtd.isView && dtd.withCheckOption && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ViewWithCheckOption}: ${SDKUI_Localizator.Yes}` }), dtd.isLexProt && dtd.isLexProt > 0 && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes}` }), dtd.isFreeSearchable && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search_Free}: ${SDKUI_Localizator.Yes}` }), dtd.templateTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Template}: ${dtd.templateTID}` }), dtd.traceTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Tracing}: ${SDKUI_Localizator.Yes} - ${dtd.templateTID == TemplateTIDs.Trace_DcmtType ? SDKUI_Localizator.Destination : SDKUI_Localizator.Source} ${dtd.traceTID < 0 ? SDKUI_Localizator.Disabled : ''}` }), dtd.wfAppr && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.WorkflowApproval}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.BlogCase}: ${dtd.hasBlog ? SDKUI_Localizator.Yes : SDKUI_Localizator.No}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${dtd.cico ? SDKUI_Localizator.Yes : SDKUI_Localizator.No}` }), dtd.perm ?

package/lib/css/tm-sdkui.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-right,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-left,.tm-tooltip-container-base-top{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-right,.tm-tooltip-arrow-left,.tm-tooltip-arrow-top,.tm-tooltip-arrow-bottom{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-top,.tm-tooltip-container-base-left,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-right{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-bottom,.tm-tooltip-arrow-top,.tm-tooltip-arrow-left,.tm-tooltip-arrow-right{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}@keyframes show-error{0%{display:none;opacity:0;z-index:20000999}5%{display:block;opacity:1;z-index:20000999}95%{display:block;opacity:1;z-index:20000999}100%{opacity:0;display:none;z-index:20000999}}.tm-alert-animation-style{animation:show-error both;animation-timing-function:linear;animation-iteration-count:none;z-index:20000999}.tm-alert-container{position:absolute;width:100%;height:100%;z-index:20000999}@keyframes loading{from{width:0}to{width:100%}}.tm-alert-loading{width:100%;height:5px;position:absolute;bottom:0;left:0;animation:loading;animation-duration:5000ms}.tm-alert-icon{position:absolute;width:22px;height:22px;background-color:#fff;top:"20px";left:"20px";border-radius:50%;display:flex;align-items:center;justify-content:center}.dx-context-menu.dx-overlay-content{height:auto !important;max-height:none !important}.dx-context-menu .dx-menu-items-container{max-height:none !important}.custom-mentions-wrapper span.dx-mention span[contenteditable=false]>span:first-child{font-size:0;width:0;display:inline-block;overflow:hidden}.custom-mentions-wrapper span.dx-mention{color:#2559a5;font-weight:bold;background-color:rgba(0,0,0,0)}.dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-selected.dx-treeview-root-node.dx-treeview-node-is-leaf[aria-disabled=true]{display:none !important}
+@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-right,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-left,.tm-tooltip-container-base-top{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-right,.tm-tooltip-arrow-left,.tm-tooltip-arrow-top,.tm-tooltip-arrow-bottom{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.tm-tooltip-container-base,.tm-tooltip-container-base-top,.tm-tooltip-container-base-left,.tm-tooltip-container-base-bottom,.tm-tooltip-container-base-right{position:absolute;width:max-content;height:max-content;border-radius:5px;user-select:none;z-index:20000070}.tm-tooltip-container-base-top{top:-0.8rem;left:0;transform:translateY(-100%)}.tm-tooltip-container-base-left{left:-0.8rem;top:0;transform:translateX(-100%)}.tm-tooltip-container-base-bottom{bottom:-0.8rem;left:0;transform:translateY(100%)}.tm-tooltip-container-base-right{right:-0.8rem;top:0;transform:translateX(100%)}.tm-tooltip-arrow,.tm-tooltip-arrow-bottom,.tm-tooltip-arrow-top,.tm-tooltip-arrow-left,.tm-tooltip-arrow-right{position:absolute;width:0;height:0;z-index:50000}.tm-tooltip-arrow-bottom{top:-8px;left:8px;border-bottom:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-top{bottom:-8px;left:8px;border-top:9px solid #fff;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-left{top:8px;right:-8px;border-left:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}.tm-tooltip-arrow-right{top:8px;left:-8px;border-right:9px solid #fff;border-top:9px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0)}#user-credentials-popup .dx-accordion-item-title::before{content:none !important}@keyframes show-error{0%{display:none;opacity:0;z-index:20000999}5%{display:block;opacity:1;z-index:20000999}95%{display:block;opacity:1;z-index:20000999}100%{opacity:0;display:none;z-index:20000999}}.tm-alert-animation-style{animation:show-error both;animation-timing-function:linear;animation-iteration-count:none;z-index:20000999}.tm-alert-container{position:absolute;width:100%;height:100%;z-index:20000999}@keyframes loading{from{width:0}to{width:100%}}.tm-alert-loading{width:100%;height:5px;position:absolute;bottom:0;left:0;animation:loading;animation-duration:5000ms}.tm-alert-icon{position:absolute;width:22px;height:22px;background-color:#fff;top:"20px";left:"20px";border-radius:50%;display:flex;align-items:center;justify-content:center}.dx-context-menu.dx-overlay-content{height:auto !important;max-height:none !important}.dx-context-menu .dx-menu-items-container{max-height:none !important}.custom-mentions-wrapper span.dx-mention span[contenteditable=false]>span:first-child{font-size:0;width:0;display:inline-block;overflow:hidden}.custom-mentions-wrapper span.dx-mention{color:#2559a5;font-weight:bold;background-color:rgba(0,0,0,0)}.dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-selected.dx-treeview-root-node.dx-treeview-node-is-leaf[aria-disabled=true]{display:none !important}.dx-overlay-wrapper.dx-tooltip-wrapper{z-index:1540 !important}

package/lib/devextreme-license.d.ts

@@ -0,0 +1 @@
+export declare const licenseKey = "LCPv1(%@j2<F<eQy:2N+f,7R@!i)BcQ,N374Qe%m;9etySj@gGntp77@@:<VJ77@j!_t<%yd-Siei,7FYV%!G>7a(cj%z3Ltv!ot1SeaicLr[3o,6>H:1(e,jSQt$3bREp%tv%H+4InRJ3J88Gn+aIidEee--SQVb,yVH7QRgSpm:2be9I%,;Z+Qmk%!<9jyG6%!6pLdQ6Lt<!N-Q%iR)6%fBIR+:2<)<!Qr->%X<2p@62%!F2bR62<-$2i-)2i-FI%d@G<-@!jy$2iRQ6b-v!jyvIg!:ajzvaj@Fpg!$2b-FIp9;9K-:>Q4:G_@@9Qdv6<!F6<dFI7yFI7yFI7Ll";

package/lib/devextreme-license.js

@@ -0,0 +1,3 @@
+// Auto-generated by devextreme-license.
+// Do not commit this file to source control.
+export const licenseKey = 'LCPv1(%@j2<F<eQy:2N+f,7R@!i)BcQ,N374Qe%m;9etySj@gGntp77@@:<VJ77@j!_t<%yd-Siei,7FYV%!G>7a(cj%z3Ltv!ot1SeaicLr[3o,6>H:1(e,jSQt$3bREp%tv%H+4InRJ3J88Gn+aIidEee--SQVb,yVH7QRgSpm:2be9I%,;Z+Qmk%!<9jyG6%!6pLdQ6Lt<!N-Q%iR)6%fBIR+:2<)<!Qr->%X<2p@62%!F2bR62<-$2i-)2i-FI%d@G<-@!jy$2iRQ6b-v!jyvIg!:ajzvaj@Fpg!$2b-FIp9;9K-:>Q4:G_@@9Qdv6<!F6<dFI7yFI7yFI7Ll';

package/lib/helper/Globalization.d.ts

@@ -9,7 +9,7 @@ export declare class Globalization {
     static getDateTimeDisplayValueCompact(value: Date | string | undefined, displayType?: DateDisplayTypes, metadataFormat?: MetadataFormats): string;
     static getDateDisplayFormat(displayType?: DateDisplayTypes): string;
     static getNumberDisplayValue(value: Number, withThousandsSeparator?: boolean, numberDisplayFormat?: string): string;
-    static metadataFormatToDateDisplayFormat(format: MetadataFormats): "" | "MM/dd/yyyy" | "dd/MM/yyyy" | "EEEE dd MMMM yyyy" | "HH:mm" | "HH:mm:ss" | "MM/dd/yyyy HH:mm:ss" | "dd/MM/yyyy HH:mm:ss" | "MM/dd/yyyy HH:mm" | "dd/MM/yyyy HH:mm" | "EEEE dd MMMM yyyy HH:mm" | "EEEE dd MMMM yyyy HH:mm:ss";
+    static metadataFormatToDateDisplayFormat(format: MetadataFormats): "" | "dd/MM/yyyy" | "HH:mm" | "HH:mm:ss" | "MM/dd/yyyy" | "EEEE dd MMMM yyyy" | "MM/dd/yyyy HH:mm:ss" | "dd/MM/yyyy HH:mm:ss" | "MM/dd/yyyy HH:mm" | "dd/MM/yyyy HH:mm" | "EEEE dd MMMM yyyy HH:mm" | "EEEE dd MMMM yyyy HH:mm:ss";
     static getDecimalSeparator(): string | undefined;
     static getThousandsSeparator(): string | undefined;
 }

package/lib/helper/SDKUI_Globals.d.ts

@@ -37,6 +37,7 @@ export declare class UserSettings {
     dcmtCheckoutInfo: CheckoutInfo[];
     defaultCheckInOutFolder: string;
     documentDownloadSettings: DocumentDownloadSettings;
+    lastSeenAppVersion: string;
     constructor(skipCssUpdate?: boolean);
     /** Load settings from local storage or other sources */
     static LoadSettings(userID: number | undefined, archiveID: string | undefined): UserSettings;
@@ -67,6 +68,18 @@ export declare class ThemeSettings {
 export declare const DEFAULT_PREVIEW_THRESHOLD = 500;
 export declare const DEFAULT_PAGE_SIZE = 100;
 export declare const DEFAULT_MAX_DCMTS_TO_BE_RETURNED = 200;
+export declare const DEFAULT_QUICK_SEARCH_MAX_DCMTS = 1000;
+/** Ricerca rapida configurata come sorgente alternativa dei valori distinti di un campo */
+export declare class DistinctValuesQuickSearchSettings {
+    /** Tipo documento su cui viene eseguita la ricerca rapida */
+    tid: number | undefined;
+    /** ID della ricerca salvata (SavedQueryDescriptor) da eseguire; SYS_ALL_DCMTS_SQD_ID per la ricerca di sistema con tutti i documenti del tipo documento */
+    sqdId: number | undefined;
+    /** Metadato del risultato da cui viene prelevato il valore */
+    mid: number | undefined;
+    /** Numero massimo di documenti restituiti dalla ricerca rapida */
+    maxDcmtsToBeReturned: number;
+}
 export declare class SearchSettings {
     autoFindReferences: ObjectClasses[];
     invoiceRetrieveFormat: InvoiceRetrieveFormats;
@@ -85,7 +98,38 @@ export declare class SearchSettings {
         };
     };
     relationExpandLevel: number;
+    relationShowZeroDcmts: boolean;
+    /** Layout dei pannelli del risultato di ricerca, condiviso dai contesti che lo gestiscono */
+    resultPanelLayout: SearchResultPanelStates;
+    /** Ricerche rapide configurate per i valori distinti: una per ogni campo, con chiave "tid_mid" */
+    distinctValuesQuickSearches: {
+        [fieldKey: string]: DistinctValuesQuickSearchSettings;
+    };
 }
+/** Visibilità e dimensioni dei pannelli, per id pannello */
+export type SearchResultPanelStates = Record<string, {
+    visible: boolean;
+    width: string;
+    height: string;
+}>;
+/** Avvisa i risultati di ricerca già montati quando un altro salva il layout; ritorna la disiscrizione */
+export declare const subscribeSearchResultPanelLayout: (onLayoutChanged: () => void) => (() => void);
+/** Layout salvato; vuoto se non ne è stato salvato nessuno (anche per le impostazioni di versioni precedenti) */
+export declare const getSearchResultPanelLayout: () => SearchResultPanelStates;
+/** Il panel manager applica il layout salvato solo se esiste, altrimenti riparte dalle quote di default */
+export declare const hasSearchResultPanelLayout: () => boolean;
+/** Firma del layout salvato: un primitivo confrontabile, come richiede useSyncExternalStore */
+export declare const getSearchResultPanelLayoutSignature: () => string;
+/**
+ * @param disabledPanelIds Pannelli che il risultato chiamante non può mostrare: il loro stato resta quello
+ *                         già salvato, perché sono chiusi per via del tipo documento e non per scelta
+ *                         dell'utente. Sovrascriverlo li chiuderebbe anche dove sono attivi.
+ */
+export declare const saveSearchResultPanelLayout: (panelStates: SearchResultPanelStates, disabledPanelIds?: Array<string>) => void;
+/** Ricerca rapida configurata per il campo, se presente */
+export declare const getDistinctValuesQuickSearch: (tid: number | undefined, mid: number | undefined) => DistinctValuesQuickSearchSettings | undefined;
+export declare const saveDistinctValuesQuickSearch: (tid: number | undefined, mid: number | undefined, settings: DistinctValuesQuickSearchSettings) => void;
+export declare const removeDistinctValuesQuickSearch: (tid: number | undefined, mid: number | undefined) => void;
 export declare class FloatingMenuBarSettings {
     orientation?: 'horizontal' | 'vertical';
     itemIds?: string[];
@@ -95,10 +139,68 @@ export declare class FloatingMenuBarSettings {
     };
     positionFormat?: 'pixels' | 'percentage';
 }
+/** Sezioni del riepilogo dell'archiviazione multipla dei dettagli, aperte o collassate */
+export type MultiDetailSectionsOpen = {
+    masterInfo: boolean;
+    archivedDetails: boolean;
+    archiveList: boolean;
+};
+/** Stato persistito di un pannello del riepilogo: visibilità e dimensioni, nel formato del panel manager */
+export type MultiDetailPanelState = {
+    visible: boolean;
+    width: string;
+    height: string;
+};
+/** Stato dei pannelli del riepilogo, indicizzato per id pannello */
+export type MultiDetailPanelStates = Record<string, MultiDetailPanelState>;
+/** Passi dell'archiviazione multipla di cui si ricordano le dimensioni del modale */
+export type MultiDetailModalStep = 'selectDcmtType' | 'archiveSummary';
+/** Dimensioni salvate del modale, in formato CSS (es. '1200px') */
+export type MultiDetailModalSize = {
+    width: string;
+    height: string;
+};
+/** Dimensioni del modale indicizzate per passo */
+export type MultiDetailModalSizes = Partial<Record<MultiDetailModalStep, MultiDetailModalSize>>;
 export declare class ArchivingSettings {
     mruTIDs: number[];
     defaultTree: number;
+    /**
+     * Sezioni collassate dall'utente nel riepilogo, ripristinate alla riapertura. Assente finché
+     * l'utente non ne chiude una: le impostazioni di default non vanno scritte nel local storage
+     */
+    multiDetailSectionsOpen?: MultiDetailSectionsOpen;
+    /**
+     * Altezze dei pannelli del riepilogo, gestite dal panel manager. Non comprende il collasso delle
+     * sezioni, che è in multiDetailSectionsOpen: assente finché l'utente non sposta un separatore.
+     */
+    multiDetailPanelStates?: MultiDetailPanelStates;
+    /**
+     * Dimensioni del modale scelte dall'utente, distinte per passo (scelta del tipo e riepilogo partono
+     * da dimensioni molto diverse). Assenti finché non ridimensiona il modale in quel passo.
+     */
+    multiDetailModalSizes?: MultiDetailModalSizes;
 }
+/** Stato di apertura salvato delle sezioni: i default coprono l'impostazione mai modificata dall'utente */
+export declare const getMultiDetailSectionsOpen: () => MultiDetailSectionsOpen;
+export declare const saveMultiDetailSectionsOpen: (sectionsOpen: MultiDetailSectionsOpen) => void;
+/** Stato salvato dei pannelli: vuoto finché l'utente non ne ha ridimensionato nessuno */
+export declare const getMultiDetailPanelStates: () => MultiDetailPanelStates;
+/** Il panel manager applica lo stato salvato solo se esiste: altrimenti riparte dalle quote di default */
+export declare const hasMultiDetailPanelStates: () => boolean;
+export declare const saveMultiDetailPanelStates: (panelStates: MultiDetailPanelStates) => void;
+/** Assenti se l'utente non ha mai ridimensionato il modale in quel passo */
+export declare const getMultiDetailModalSize: (step: MultiDetailModalStep) => MultiDetailModalSize | undefined;
+export declare const hasMultiDetailModalSizes: () => boolean;
+/** Salva le dimensioni del passo indicato, lasciando invariate quelle degli altri */
+export declare const saveMultiDetailModalSize: (step: MultiDetailModalStep, size: MultiDetailModalSize) => void;
+/** C'è un layout dell'utente da cancellare: nel local storage le impostazioni ci sono solo se diverse dai default */
+export declare const hasMultiDetailLayout: () => boolean;
+/**
+ * Elimina dal local storage il layout configurato dall'utente: altezze dei pannelli, sezioni
+ * collassate e dimensioni del modale. Tutto torna ai default: modale, quote e sezioni espanse.
+ */
+export declare const clearMultiDetailLayout: () => void;
 export declare class FullTextSettings {
     mruTerms: string[];
 }
@@ -108,13 +210,21 @@ export declare class DevSettings {
 export declare class AdvancedSettings {
     private _expertMode;
     private _scannerLicense;
+    private _showDossiersV5;
     get expertMode(): number;
     set expertMode(value: number);
     get scannerLicense(): string;
     set scannerLicense(value: string);
+    /**
+     * Mostra le pratiche "V5" (i dossier) accanto al CaseFlow che le sostituisce.
+     * 0 = nascoste (default), 1 = visibili.
+     */
+    get showDossiersV5(): number;
+    set showDossiersV5(value: number);
     toJSON(): {
         expertMode: number;
         scannerLicense: string;
+        showDossiersV5: number;
     };
 }
 export declare class CtrlWfSettings {

package/lib/helper/SDKUI_Globals.js

@@ -59,6 +59,7 @@ export class UserSettings {
         this.dcmtCheckoutInfo = [];
         this.defaultCheckInOutFolder = DEFAULT_CHECK_IN_OUT_FOLDER;
         this.documentDownloadSettings = new DocumentDownloadSettings();
+        this.lastSeenAppVersion = '';
         this.themeSettings = new ThemeSettings(skipCssUpdate);
     }
     /** Load settings from local storage or other sources */
@@ -130,6 +131,20 @@ export class ThemeSettings {
 export const DEFAULT_PREVIEW_THRESHOLD = 500; // KB
 export const DEFAULT_PAGE_SIZE = 100;
 export const DEFAULT_MAX_DCMTS_TO_BE_RETURNED = 200;
+export const DEFAULT_QUICK_SEARCH_MAX_DCMTS = 1000;
+/** Ricerca rapida configurata come sorgente alternativa dei valori distinti di un campo */
+export class DistinctValuesQuickSearchSettings {
+    constructor() {
+        /** Tipo documento su cui viene eseguita la ricerca rapida */
+        this.tid = undefined;
+        /** ID della ricerca salvata (SavedQueryDescriptor) da eseguire; SYS_ALL_DCMTS_SQD_ID per la ricerca di sistema con tutti i documenti del tipo documento */
+        this.sqdId = undefined;
+        /** Metadato del risultato da cui viene prelevato il valore */
+        this.mid = undefined;
+        /** Numero massimo di documenti restituiti dalla ricerca rapida */
+        this.maxDcmtsToBeReturned = DEFAULT_QUICK_SEARCH_MAX_DCMTS;
+    }
+}
 export class SearchSettings {
     constructor() {
         this.autoFindReferences = [];
@@ -143,16 +158,135 @@ export class SearchSettings {
         this.floatingMenuBar = new FloatingMenuBarSettings();
         this.panelLayout = {};
         this.relationExpandLevel = 4; // Livello di espansione predefinito per le correlazioni
+        this.relationShowZeroDcmts = false;
+        /** Layout dei pannelli del risultato di ricerca, condiviso dai contesti che lo gestiscono */
+        this.resultPanelLayout = {};
+        /** Ricerche rapide configurate per i valori distinti: una per ogni campo, con chiave "tid_mid" */
+        this.distinctValuesQuickSearches = {};
     }
 }
+const resultPanelLayoutSubscribers = new Set();
+/** Avvisa i risultati di ricerca già montati quando un altro salva il layout; ritorna la disiscrizione */
+export const subscribeSearchResultPanelLayout = (onLayoutChanged) => {
+    resultPanelLayoutSubscribers.add(onLayoutChanged);
+    return () => { resultPanelLayoutSubscribers.delete(onLayoutChanged); };
+};
+/** Layout salvato; vuoto se non ne è stato salvato nessuno (anche per le impostazioni di versioni precedenti) */
+export const getSearchResultPanelLayout = () => SDKUI_Globals.userSettings.searchSettings?.resultPanelLayout ?? {};
+/** Il panel manager applica il layout salvato solo se esiste, altrimenti riparte dalle quote di default */
+export const hasSearchResultPanelLayout = () => Object.keys(getSearchResultPanelLayout()).length > 0;
+/** Riassume un layout in una stringa: ordinata per id, così due layout uguali danno la stessa firma */
+const searchResultPanelLayoutSignature = (panelStates) => Object.entries(panelStates)
+    .sort(([firstId], [secondId]) => firstId.localeCompare(secondId))
+    .map(([id, state]) => `${id}:${state?.visible ? 1 : 0}:${state?.width ?? ''}:${state?.height ?? ''}`)
+    .join('|');
+/** Firma del layout salvato: un primitivo confrontabile, come richiede useSyncExternalStore */
+export const getSearchResultPanelLayoutSignature = () => searchResultPanelLayoutSignature(getSearchResultPanelLayout());
+/**
+ * @param disabledPanelIds Pannelli che il risultato chiamante non può mostrare: il loro stato resta quello
+ *                         già salvato, perché sono chiusi per via del tipo documento e non per scelta
+ *                         dell'utente. Sovrascriverlo li chiuderebbe anche dove sono attivi.
+ */
+export const saveSearchResultPanelLayout = (panelStates, disabledPanelIds = []) => {
+    if (!panelStates || Object.keys(panelStates).length === 0)
+        return;
+    const savedLayout = getSearchResultPanelLayout();
+    const layout = { ...panelStates };
+    disabledPanelIds.forEach(id => { if (savedLayout[id])
+        layout[id] = { ...savedLayout[id] }; });
+    // Layout identico: senza questo controllo ogni scrittura avviserebbe a vuoto gli altri risultati aperti
+    if (searchResultPanelLayoutSignature(layout) === getSearchResultPanelLayoutSignature())
+        return;
+    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: va riassegnata l'intera mappa
+    SDKUI_Globals.userSettings.searchSettings.resultPanelLayout = layout;
+    resultPanelLayoutSubscribers.forEach(onLayoutChanged => onLayoutChanged());
+};
+/** Il campo da cui viene aperto il pannello dei valori distinti è identificato dalla coppia (tid, mid) */
+const distinctValuesFieldKey = (tid, mid) => `${tid}_${mid}`;
+/** Ricerca rapida configurata per il campo, se presente */
+export const getDistinctValuesQuickSearch = (tid, mid) => {
+    if (!tid || !mid)
+        return undefined;
+    // Le impostazioni salvate da versioni precedenti non hanno la mappa: va gestita l'assenza
+    return SDKUI_Globals.userSettings.searchSettings.distinctValuesQuickSearches?.[distinctValuesFieldKey(tid, mid)];
+};
+export const saveDistinctValuesQuickSearch = (tid, mid, settings) => {
+    if (!tid || !mid)
+        return;
+    // Il proxy delle impostazioni persiste solo intercettando l'assegnazione di una proprietà: la mappa va riassegnata per intero
+    SDKUI_Globals.userSettings.searchSettings.distinctValuesQuickSearches = {
+        ...SDKUI_Globals.userSettings.searchSettings.distinctValuesQuickSearches,
+        [distinctValuesFieldKey(tid, mid)]: settings,
+    };
+};
+export const removeDistinctValuesQuickSearch = (tid, mid) => {
+    if (!tid || !mid)
+        return;
+    const fieldKey = distinctValuesFieldKey(tid, mid);
+    const quickSearches = SDKUI_Globals.userSettings.searchSettings.distinctValuesQuickSearches;
+    if (!quickSearches?.[fieldKey])
+        return;
+    const { [fieldKey]: removedSettings, ...remainingQuickSearches } = quickSearches;
+    SDKUI_Globals.userSettings.searchSettings.distinctValuesQuickSearches = remainingQuickSearches;
+};
 export class FloatingMenuBarSettings {
 }
+/** Alla prima apertura le sezioni sono tutte espanse */
+const DEFAULT_MULTI_DETAIL_SECTIONS_OPEN = { masterInfo: true, archivedDetails: true, archiveList: true };
 export class ArchivingSettings {
     constructor() {
         this.mruTIDs = [];
         this.defaultTree = -1;
     }
 }
+/** Stato di apertura salvato delle sezioni: i default coprono l'impostazione mai modificata dall'utente */
+export const getMultiDetailSectionsOpen = () => ({
+    ...DEFAULT_MULTI_DETAIL_SECTIONS_OPEN,
+    ...SDKUI_Globals.userSettings.archivingSettings?.multiDetailSectionsOpen,
+});
+export const saveMultiDetailSectionsOpen = (sectionsOpen) => {
+    const isDefault = Object.keys(DEFAULT_MULTI_DETAIL_SECTIONS_OPEN)
+        .every(section => sectionsOpen[section] === DEFAULT_MULTI_DETAIL_SECTIONS_OPEN[section]);
+    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: la mappa va riassegnata per intero.
+    // Tornata ai default l'impostazione va rimossa, così nel local storage restano solo le modifiche dell'utente
+    SDKUI_Globals.userSettings.archivingSettings.multiDetailSectionsOpen = isDefault ? undefined : { ...sectionsOpen };
+};
+/** Stato salvato dei pannelli: vuoto finché l'utente non ne ha ridimensionato nessuno */
+export const getMultiDetailPanelStates = () => SDKUI_Globals.userSettings.archivingSettings?.multiDetailPanelStates ?? {};
+/** Il panel manager applica lo stato salvato solo se esiste: altrimenti riparte dalle quote di default */
+export const hasMultiDetailPanelStates = () => Object.keys(getMultiDetailPanelStates()).length > 0;
+export const saveMultiDetailPanelStates = (panelStates) => {
+    if (!panelStates || Object.keys(panelStates).length === 0)
+        return;
+    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: la mappa va riassegnata per intero
+    SDKUI_Globals.userSettings.archivingSettings.multiDetailPanelStates = { ...panelStates };
+};
+/** Assenti se l'utente non ha mai ridimensionato il modale in quel passo */
+export const getMultiDetailModalSize = (step) => SDKUI_Globals.userSettings.archivingSettings?.multiDetailModalSizes?.[step];
+export const hasMultiDetailModalSizes = () => Object.keys(SDKUI_Globals.userSettings.archivingSettings?.multiDetailModalSizes ?? {}).length > 0;
+/** Salva le dimensioni del passo indicato, lasciando invariate quelle degli altri */
+export const saveMultiDetailModalSize = (step, size) => {
+    if (!size?.width || !size?.height)
+        return;
+    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: la mappa va riassegnata per intero
+    SDKUI_Globals.userSettings.archivingSettings.multiDetailModalSizes = {
+        ...SDKUI_Globals.userSettings.archivingSettings?.multiDetailModalSizes,
+        [step]: { ...size },
+    };
+};
+/** C'è un layout dell'utente da cancellare: nel local storage le impostazioni ci sono solo se diverse dai default */
+export const hasMultiDetailLayout = () => hasMultiDetailPanelStates() || hasMultiDetailModalSizes() || SDKUI_Globals.userSettings.archivingSettings?.multiDetailSectionsOpen !== undefined;
+/**
+ * Elimina dal local storage il layout configurato dall'utente: altezze dei pannelli, sezioni
+ * collassate e dimensioni del modale. Tutto torna ai default: modale, quote e sezioni espanse.
+ */
+export const clearMultiDetailLayout = () => {
+    // Il proxy persiste solo intercettando l'assegnazione di una proprietà: tutti i campi vanno riassegnati.
+    // Senza valore spariscono dal local storage e alla riapertura tornano validi i default
+    SDKUI_Globals.userSettings.archivingSettings.multiDetailPanelStates = undefined;
+    SDKUI_Globals.userSettings.archivingSettings.multiDetailSectionsOpen = undefined;
+    SDKUI_Globals.userSettings.archivingSettings.multiDetailModalSizes = undefined;
+};
 export class FullTextSettings {
     constructor() {
         this.mruTerms = [];
@@ -167,6 +301,7 @@ export class AdvancedSettings {
     constructor() {
         this._expertMode = 0;
         this._scannerLicense = '';
+        this._showDossiersV5 = 0;
     }
     get expertMode() {
         return this._expertMode;
@@ -185,11 +320,27 @@ export class AdvancedSettings {
     set scannerLicense(value) {
         this._scannerLicense = value;
     }
+    /**
+     * Mostra le pratiche "V5" (i dossier) accanto al CaseFlow che le sostituisce.
+     * 0 = nascoste (default), 1 = visibili.
+     */
+    get showDossiersV5() {
+        return this._showDossiersV5;
+    }
+    set showDossiersV5(value) {
+        if (this._showDossiersV5 !== value) {
+            this._showDossiersV5 = value;
+            // Come per expertMode: chi mostra la funzione può reagire subito.
+            const event = new CustomEvent('showDossiersV5Changed', { detail: value });
+            window.dispatchEvent(event);
+        }
+    }
     // Override toJSON to control serialization (called by JSON.stringify)
     toJSON() {
         return {
             expertMode: this._expertMode,
             scannerLicense: this._scannerLicense,
+            showDossiersV5: this._showDossiersV5,
         };
     }
 }