@jumoo/usync 17.5.0 → 17.5.2-prerelease.15

package/dist/lang/files/es-es.d.ts

@@ -24,6 +24,43 @@ declare const _default: {
         showAll: string;
         detailHeadline: string;
         detailHeader: string;
+        detailPosition: string;
+        previewTab: string;
+        changesTab: string;
+        previewCurrent: string;
+        previewIncoming: string;
+        previewNotInSite: string;
+        previewDeleted: string;
+        previewFailed: string;
+        previewEditor: string;
+        previewEditorDesc: string;
+        previewConfiguration: string;
+        previewNoConfiguration: string;
+        previewPropertyEditor: string;
+        previewPropertyEditorUi: string;
+        previewDocumentType: string;
+        previewMediaType: string;
+        previewMemberType: string;
+        previewElementType: string;
+        previewAllowedAtRoot: string;
+        previewVariesByCulture: string;
+        previewVariesBySegment: string;
+        previewCompositions: string;
+        previewGenericTab: string;
+        previewNoProperties: string;
+        previewMissingDataType: string;
+        previewNewDataType: string;
+        previewNew: string;
+        previewParent: string;
+        previewRoot: string;
+        previewSortOrder: string;
+        previewTemplate: string;
+        previewPublished: string;
+        previewNotPublished: string;
+        previewTrashed: string;
+        previewCulture: string;
+        previewOnlyChanges: string;
+        previewNoValueChanges: string;
         runningInBackground: string;
         connectionLost: string;
         importSingle: string;

package/dist/lang/files/es-es.js

@@ -24,6 +24,43 @@ export default {
         showAll: 'Mostrar todos los elementos',
         detailHeadline: 'Cambios detectados',
         detailHeader: 'Cosas que son diferentes',
+        detailPosition: '%0% de %1%',
+        previewTab: 'Visual',
+        changesTab: 'Cambios',
+        previewCurrent: 'Actual (este sitio)',
+        previewIncoming: 'Entrante (archivos de uSync)',
+        previewNotInSite: 'Este elemento aún no existe en el sitio',
+        previewDeleted: 'La importación eliminará o renombrará este elemento',
+        previewFailed: 'No se pudo crear el elemento entrante para la vista previa',
+        previewEditor: 'Vista previa del editor',
+        previewEditorDesc: 'Cómo ven este tipo de dato los editores',
+        previewConfiguration: 'Configuración',
+        previewNoConfiguration: 'Sin configuración',
+        previewPropertyEditor: 'Editor de propiedad',
+        previewPropertyEditorUi: 'UI del editor de propiedad',
+        previewDocumentType: 'Tipo de documento',
+        previewMediaType: 'Tipo de medio',
+        previewMemberType: 'Tipo de miembro',
+        previewElementType: 'Tipo de elemento',
+        previewAllowedAtRoot: 'Permitido en la raíz',
+        previewVariesByCulture: 'Varía según la cultura',
+        previewVariesBySegment: 'Varía según el segmento',
+        previewCompositions: 'Composiciones',
+        previewGenericTab: 'General',
+        previewNoProperties: 'Sin propiedades',
+        previewMissingDataType: 'el tipo de dato de esta propiedad aún no existe en el sitio',
+        previewNewDataType: 'nuevo tipo de dato',
+        previewNew: 'nuevo',
+        previewParent: 'Padre',
+        previewRoot: '(raíz)',
+        previewSortOrder: 'Orden',
+        previewTemplate: 'Plantilla',
+        previewPublished: 'Publicado',
+        previewNotPublished: 'No publicado',
+        previewTrashed: 'En la papelera',
+        previewCulture: 'Idioma',
+        previewOnlyChanges: 'Mostrar solo cambios',
+        previewNoValueChanges: 'Ningún valor cambia',
         runningInBackground: 'uSync está ejecutando este proceso en segundo plano. Si navega fuera de esta página, continuará ejecutándose.',
         connectionLost: 'Se ha perdido la conexión con el servidor. El proceso continuará ejecutándose en segundo plano, pero no verá actualizaciones aquí.',
         importSingle: 'Importar',
@@ -46,21 +83,21 @@ export default {
         changeHeading: 'Resultados',
         changeCount: '{1}/{0} cambios',
         noChangeCount: '0/{0} cambios',
-        legacyInfo: `<p>uSync ha encontrado una carpeta uSync heredada en <strong>%0%</strong>.<br />
+        legacyInfo: `<p>uSync ha encontrado una carpeta uSync heredada en <strong>%0%</strong>.<br />
 						Es probable que su contenido necesite convertirse de alguna manera</p>`,
-        legacyObsolete: `<h4>Tipos de datos obsoletos</h4>
-				<ul>%0%</ul>
-				<p>Puede convertir estos tipos de datos usando
-					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank">uSync.Migrations</a><br />
+        legacyObsolete: `<h4>Tipos de datos obsoletos</h4>
+				<ul>%0%</ul>
+				<p>Puede convertir estos tipos de datos usando
+					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank">uSync.Migrations</a><br />
 					<em>(En la versión completa de uSync, la conversión se realizará aquí.)</em></p>`,
-        legacyCopy: `<h4>Copiar a uSync/v14</h4>
-					<p>Puede copiar su carpeta %0% a la carpeta ~/uSync/v14<br />y ejecutar una importación.</p>
-					<p>Si nada necesita convertirse, todo debería importarse correctamente.</p>
+        legacyCopy: `<h4>Copiar a uSync/v14</h4>
+					<p>Puede copiar su carpeta %0% a la carpeta ~/uSync/v14<br />y ejecutar una importación.</p>
+					<p>Si nada necesita convertirse, todo debería importarse correctamente.</p>
 					<p><strong>Elimine o cambie el nombre de la carpeta %0% para evitar este popup</strong></p>`,
-        hmacMismatch: `<h4>Discrepancia HMAC <uui-icon name="alert"></uui-icon></h4>
-			<p>Parece que la configuración <code>Imaging:HMAC</code> utilizada para generar los archivos en la carpeta uSync no coincide con la configuración actual de este sitio.</p>
-			<p>Las imágenes dentro de los controles RTE tendrán el valor HMAC añadido a la URL, y sin configuración adicional, estas imágenes pueden no mostrarse correctamente.</p>
-			<ul><li>Puede activar el "mapeo HMAC" en uSync,</li>
+        hmacMismatch: `<h4>Discrepancia HMAC <uui-icon name="alert"></uui-icon></h4>
+			<p>Parece que la configuración <code>Imaging:HMAC</code> utilizada para generar los archivos en la carpeta uSync no coincide con la configuración actual de este sitio.</p>
+			<p>Las imágenes dentro de los controles RTE tendrán el valor HMAC añadido a la URL, y sin configuración adicional, estas imágenes pueden no mostrarse correctamente.</p>
+			<ul><li>Puede activar el "mapeo HMAC" en uSync,</li>
 			<li>o puede asegurarse de que el valor HMAC en la configuración <code>Imaging:HMAC</code> coincida con el valor utilizado para generar los archivos en la carpeta uSync</li></ul>`,
         formatMismatch: 'La versión del formato del archivo de sincronización no coincide con la versión esperada. Esto puede indicar un posible problema de compatibilidad.',
         legacyBanner: 'Este sitio contiene archivos de una versión anterior de uSync. Consulte los detalles en la pestaña Heredado.',

package/dist/lang/files/fr-fr.d.ts

@@ -24,6 +24,43 @@ declare const _default: {
         showAll: string;
         detailHeadline: string;
         detailHeader: string;
+        detailPosition: string;
+        previewTab: string;
+        changesTab: string;
+        previewCurrent: string;
+        previewIncoming: string;
+        previewNotInSite: string;
+        previewDeleted: string;
+        previewFailed: string;
+        previewEditor: string;
+        previewEditorDesc: string;
+        previewConfiguration: string;
+        previewNoConfiguration: string;
+        previewPropertyEditor: string;
+        previewPropertyEditorUi: string;
+        previewDocumentType: string;
+        previewMediaType: string;
+        previewMemberType: string;
+        previewElementType: string;
+        previewAllowedAtRoot: string;
+        previewVariesByCulture: string;
+        previewVariesBySegment: string;
+        previewCompositions: string;
+        previewGenericTab: string;
+        previewNoProperties: string;
+        previewMissingDataType: string;
+        previewNewDataType: string;
+        previewNew: string;
+        previewParent: string;
+        previewRoot: string;
+        previewSortOrder: string;
+        previewTemplate: string;
+        previewPublished: string;
+        previewNotPublished: string;
+        previewTrashed: string;
+        previewCulture: string;
+        previewOnlyChanges: string;
+        previewNoValueChanges: string;
         runningInBackground: string;
         connectionLost: string;
         importSingle: string;

package/dist/lang/files/fr-fr.js

@@ -24,6 +24,43 @@ export default {
         showAll: 'Afficher tous les éléments',
         detailHeadline: 'Modifications détectées',
         detailHeader: 'Ce qui est différent',
+        detailPosition: '%0% sur %1%',
+        previewTab: 'Visuel',
+        changesTab: 'Modifications',
+        previewCurrent: 'Actuel (ce site)',
+        previewIncoming: 'Entrant (fichiers uSync)',
+        previewNotInSite: "Cet élément n'existe pas encore sur le site",
+        previewDeleted: "Cet élément sera supprimé ou renommé par l'import",
+        previewFailed: "L'élément entrant n'a pas pu être construit pour l'aperçu",
+        previewEditor: "Aperçu de l'éditeur",
+        previewEditorDesc: 'Comment ce type de données apparaît aux éditeurs',
+        previewConfiguration: 'Configuration',
+        previewNoConfiguration: 'Aucune configuration',
+        previewPropertyEditor: 'Éditeur de propriété',
+        previewPropertyEditorUi: "UI de l'éditeur de propriété",
+        previewDocumentType: 'Type de document',
+        previewMediaType: 'Type de média',
+        previewMemberType: 'Type de membre',
+        previewElementType: "Type d'élément",
+        previewAllowedAtRoot: 'Autorisé à la racine',
+        previewVariesByCulture: 'Varie selon la culture',
+        previewVariesBySegment: 'Varie selon le segment',
+        previewCompositions: 'Compositions',
+        previewGenericTab: 'Général',
+        previewNoProperties: 'Aucune propriété',
+        previewMissingDataType: "le type de données de cette propriété n'existe pas encore sur le site",
+        previewNewDataType: 'nouveau type de données',
+        previewNew: 'nouveau',
+        previewParent: 'Parent',
+        previewRoot: '(racine)',
+        previewSortOrder: 'Ordre de tri',
+        previewTemplate: 'Modèle',
+        previewPublished: 'Publié',
+        previewNotPublished: 'Non publié',
+        previewTrashed: 'Dans la corbeille',
+        previewCulture: 'Langue',
+        previewOnlyChanges: 'Afficher uniquement les modifications',
+        previewNoValueChanges: 'Aucune valeur ne change',
         runningInBackground: 'uSync exécute ce processus en arrière-plan. Si vous quittez cette page, il continuera de fonctionner.',
         connectionLost: 'La connexion au serveur a été perdue. Le processus continuera de s\'exécuter en arrière-plan, mais vous ne verrez pas les mises à jour ici.',
         importSingle: 'Importer',
@@ -46,21 +83,21 @@ export default {
         changeHeading: 'Résultats',
         changeCount: '{1}/{0} modifications',
         noChangeCount: '0/{0} modifications',
-        legacyInfo: `<p>uSync a trouvé un dossier uSync hérité à <strong>%0%</strong>.<br />
+        legacyInfo: `<p>uSync a trouvé un dossier uSync hérité à <strong>%0%</strong>.<br />
 						Il est probable que son contenu devra être converti d'une façon ou d'une autre</p>`,
-        legacyObsolete: `<h4>Types de données obsolètes</h4>
-				<ul>%0%</ul>
-				<p>Vous pouvez convertir ces types de données en utilisant
-					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank">uSync.Migrations</a><br />
+        legacyObsolete: `<h4>Types de données obsolètes</h4>
+				<ul>%0%</ul>
+				<p>Vous pouvez convertir ces types de données en utilisant
+					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank">uSync.Migrations</a><br />
 					<em>(Dans la version complète d'uSync, la conversion se fera ici.)</em></p>`,
-        legacyCopy: `<h4>Copier vers uSync/v14</h4>
-					<p>Vous pouvez copier votre dossier %0% vers le dossier ~/uSync/v14<br />et exécuter une importation.</p>
-					<p>Si rien ne nécessite de conversion, tout devrait s'importer correctement.</p>
+        legacyCopy: `<h4>Copier vers uSync/v14</h4>
+					<p>Vous pouvez copier votre dossier %0% vers le dossier ~/uSync/v14<br />et exécuter une importation.</p>
+					<p>Si rien ne nécessite de conversion, tout devrait s'importer correctement.</p>
 					<p><strong>Supprimez ou renommez le dossier %0% pour éviter cette popup</strong></p>`,
-        hmacMismatch: `<h4>Incompatibilité HMAC <uui-icon name="alert"></uui-icon></h4>
-			<p>Il semble que le paramètre <code>Imaging:HMAC</code> utilisé pour générer les fichiers dans le dossier uSync ne corresponde pas au paramètre actuel de ce site.</p>
-			<p>Les images dans les contrôles RTE auront la valeur HMAC ajoutée à l'URL, et sans configuration supplémentaire, ces images pourraient ne pas s'afficher correctement.</p>
-			<ul><li>Vous pouvez activer le "mappage HMAC" dans uSync,</li>
+        hmacMismatch: `<h4>Incompatibilité HMAC <uui-icon name="alert"></uui-icon></h4>
+			<p>Il semble que le paramètre <code>Imaging:HMAC</code> utilisé pour générer les fichiers dans le dossier uSync ne corresponde pas au paramètre actuel de ce site.</p>
+			<p>Les images dans les contrôles RTE auront la valeur HMAC ajoutée à l'URL, et sans configuration supplémentaire, ces images pourraient ne pas s'afficher correctement.</p>
+			<ul><li>Vous pouvez activer le "mappage HMAC" dans uSync,</li>
 			<li>ou vous pouvez vous assurer que la valeur HMAC dans le paramètre <code>Imaging:HMAC</code> correspond à la valeur utilisée pour générer les fichiers dans le dossier uSync</li></ul>`,
         formatMismatch: 'La version du format du fichier de synchronisation ne correspond pas à la version attendue. Cela peut indiquer un problème de compatibilité potentiel.',
         legacyBanner: 'Ce site contient des fichiers d\'une version précédente d\'uSync. Consultez les détails dans l\'onglet Héritage.',

package/dist/lang/files/nl-nl.d.ts

@@ -24,6 +24,43 @@ declare const _default: {
         showAll: string;
         detailHeadline: string;
         detailHeader: string;
+        detailPosition: string;
+        previewTab: string;
+        changesTab: string;
+        previewCurrent: string;
+        previewIncoming: string;
+        previewNotInSite: string;
+        previewDeleted: string;
+        previewFailed: string;
+        previewEditor: string;
+        previewEditorDesc: string;
+        previewConfiguration: string;
+        previewNoConfiguration: string;
+        previewPropertyEditor: string;
+        previewPropertyEditorUi: string;
+        previewDocumentType: string;
+        previewMediaType: string;
+        previewMemberType: string;
+        previewElementType: string;
+        previewAllowedAtRoot: string;
+        previewVariesByCulture: string;
+        previewVariesBySegment: string;
+        previewCompositions: string;
+        previewGenericTab: string;
+        previewNoProperties: string;
+        previewMissingDataType: string;
+        previewNewDataType: string;
+        previewNew: string;
+        previewParent: string;
+        previewRoot: string;
+        previewSortOrder: string;
+        previewTemplate: string;
+        previewPublished: string;
+        previewNotPublished: string;
+        previewTrashed: string;
+        previewCulture: string;
+        previewOnlyChanges: string;
+        previewNoValueChanges: string;
         runningInBackground: string;
         connectionLost: string;
         importSingle: string;

package/dist/lang/files/nl-nl.js

@@ -24,6 +24,43 @@ export default {
         showAll: 'Alle items weergeven',
         detailHeadline: 'Gedetecteerde wijzigingen',
         detailHeader: 'Wat er anders is',
+        detailPosition: '%0% van %1%',
+        previewTab: 'Visueel',
+        changesTab: 'Wijzigingen',
+        previewCurrent: 'Huidig (deze site)',
+        previewIncoming: 'Inkomend (uSync-bestanden)',
+        previewNotInSite: 'Dit item bestaat nog niet op de site',
+        previewDeleted: 'Dit item wordt door de import verwijderd of hernoemd',
+        previewFailed: 'Het inkomende item kon niet worden opgebouwd voor het voorbeeld',
+        previewEditor: 'Editor-voorbeeld',
+        previewEditorDesc: 'Zo ziet dit datatype eruit voor redacteuren',
+        previewConfiguration: 'Configuratie',
+        previewNoConfiguration: 'Geen configuratie',
+        previewPropertyEditor: 'Property editor',
+        previewPropertyEditorUi: 'Property editor UI',
+        previewDocumentType: 'Documenttype',
+        previewMediaType: 'Mediatype',
+        previewMemberType: 'Ledentype',
+        previewElementType: 'Elementtype',
+        previewAllowedAtRoot: 'Toegestaan in de root',
+        previewVariesByCulture: 'Varieert per cultuur',
+        previewVariesBySegment: 'Varieert per segment',
+        previewCompositions: 'Composities',
+        previewGenericTab: 'Algemeen',
+        previewNoProperties: 'Geen eigenschappen',
+        previewMissingDataType: 'het datatype voor deze eigenschap bestaat nog niet op de site',
+        previewNewDataType: 'nieuw datatype',
+        previewNew: 'nieuw',
+        previewParent: 'Bovenliggend',
+        previewRoot: '(root)',
+        previewSortOrder: 'Sorteervolgorde',
+        previewTemplate: 'Sjabloon',
+        previewPublished: 'Gepubliceerd',
+        previewNotPublished: 'Niet gepubliceerd',
+        previewTrashed: 'In de prullenbak',
+        previewCulture: 'Taal',
+        previewOnlyChanges: 'Alleen wijzigingen tonen',
+        previewNoValueChanges: 'Geen waarden veranderen',
         runningInBackground: 'uSync voert dit proces op de achtergrond uit. Als u van deze pagina navigeert, blijft het doorlopen.',
         connectionLost: 'De verbinding met de server is verbroken. Het proces blijft op de achtergrond draaien, maar u ziet hier geen updates.',
         importSingle: 'Importeren',
@@ -46,21 +83,21 @@ export default {
         changeHeading: 'Resultaten',
         changeCount: '{1}/{0} wijzigingen',
         noChangeCount: '0/{0} wijzigingen',
-        legacyInfo: `<p>uSync heeft een verouderde uSync-map gevonden op <strong>%0%</strong>.<br />
+        legacyInfo: `<p>uSync heeft een verouderde uSync-map gevonden op <strong>%0%</strong>.<br />
 						Het is waarschijnlijk dat de inhoud op de een of andere manier geconverteerd moet worden</p>`,
-        legacyObsolete: `<h4>Verouderde gegevenstypen</h4>
-				<ul>%0%</ul>
-				<p>U kunt deze gegevenstypen converteren met
-					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank">uSync.Migrations</a><br />
+        legacyObsolete: `<h4>Verouderde gegevenstypen</h4>
+				<ul>%0%</ul>
+				<p>U kunt deze gegevenstypen converteren met
+					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank">uSync.Migrations</a><br />
 					<em>(In de volledige uSync-release zal de conversie hier plaatsvinden.)</em></p>`,
-        legacyCopy: `<h4>Kopiëren naar uSync/v14</h4>
-					<p>U kunt uw %0%-map kopiëren naar de ~/uSync/v14-map<br />en een import uitvoeren.</p>
-					<p>Als er niets geconverteerd hoeft te worden, zou alles correct moeten importeren.</p>
+        legacyCopy: `<h4>Kopiëren naar uSync/v14</h4>
+					<p>U kunt uw %0%-map kopiëren naar de ~/uSync/v14-map<br />en een import uitvoeren.</p>
+					<p>Als er niets geconverteerd hoeft te worden, zou alles correct moeten importeren.</p>
 					<p><strong>Verwijder of hernoem de %0%-map om deze popup te voorkomen</strong></p>`,
-        hmacMismatch: `<h4>HMAC-mismatch <uui-icon name="alert"></uui-icon></h4>
-			<p>Het lijkt erop dat de <code>Imaging:HMAC</code>-instelling die werd gebruikt om de bestanden in de uSync-map te genereren, niet overeenkomt met de huidige instelling voor deze site.</p>
-			<p>Afbeeldingen in RTE-besturingselementen hebben de HMAC-waarde toegevoegd aan de URL-waarde, en zonder aanvullende configuratie worden deze afbeeldingen mogelijk niet correct weergegeven.</p>
-			<ul><li>U kunt "HMAC-mapping" inschakelen in uSync,</li>
+        hmacMismatch: `<h4>HMAC-mismatch <uui-icon name="alert"></uui-icon></h4>
+			<p>Het lijkt erop dat de <code>Imaging:HMAC</code>-instelling die werd gebruikt om de bestanden in de uSync-map te genereren, niet overeenkomt met de huidige instelling voor deze site.</p>
+			<p>Afbeeldingen in RTE-besturingselementen hebben de HMAC-waarde toegevoegd aan de URL-waarde, en zonder aanvullende configuratie worden deze afbeeldingen mogelijk niet correct weergegeven.</p>
+			<ul><li>U kunt "HMAC-mapping" inschakelen in uSync,</li>
 			<li>of u kunt ervoor zorgen dat de HMAC-waarde in de <code>Imaging:HMAC</code>-instelling overeenkomt met de waarde die werd gebruikt om de bestanden in de uSync-map te genereren</li></ul>`,
         formatMismatch: 'De versie van het synchronisatiebestandsformaat komt niet overeen met de verwachte versie. Dit kan wijzen op een mogelijk compatibiliteitsprobleem.',
         legacyBanner: 'Deze site bevat bestanden van een eerdere versie van uSync. Bekijk de details op het tabblad Verouderd.',

package/dist/repository/SyncAction.respositoy.d.ts

@@ -98,4 +98,12 @@ export declare class uSyncActionRepository extends UmbControllerBase {
         request: Request;
         response: Response;
     }>>;
+    /**
+     * gets the current and incoming versions of an item, when its handler supports previews.
+     */
+    getPreview(handler: string, key: string): Promise<import("@umbraco-cms/backoffice/resources").UmbApiResponse<{
+        data: import("@jumoo/uSync").SyncItemPreviewResponse;
+        request: Request;
+        response: Response;
+    }>>;
 }

package/dist/repository/SyncAction.respositoy.js

@@ -121,5 +121,11 @@ export class uSyncActionRepository extends UmbControllerBase {
     async getSyncFileInfo() {
         return await __classPrivateFieldGet(this, _uSyncActionRepository_actionDataSource, "f").getSyncFileInfo();
     }
+    /**
+     * gets the current and incoming versions of an item, when its handler supports previews.
+     */
+    async getPreview(handler, key) {
+        return await __classPrivateFieldGet(this, _uSyncActionRepository_actionDataSource, "f").getPreview(handler, key);
+    }
 }
 _uSyncActionRepository_actionDataSource = new WeakMap(), _uSyncActionRepository_settingsDataSource = new WeakMap(), _uSyncActionRepository_migrartionDataSource = new WeakMap();

package/dist/repository/sources/SyncAction.source.d.ts

@@ -34,4 +34,9 @@ export declare class uSyncActionDataSource implements SyncActionDataSource {
         request: Request;
         response: Response;
     }>>;
+    getPreview(handler: string, key: string): Promise<import("@umbraco-cms/backoffice/resources").UmbApiResponse<{
+        data: import("@jumoo/uSync").SyncItemPreviewResponse;
+        request: Request;
+        response: Response;
+    }>>;
 }

package/dist/repository/sources/SyncAction.source.js

@@ -53,5 +53,10 @@ export class uSyncActionDataSource {
             body: view,
         }));
     }
+    async getPreview(handler, key) {
+        return await tryExecute(__classPrivateFieldGet(this, _uSyncActionDataSource_host, "f"), ActionsService.getPreview({
+            query: { handler, key },
+        }), { disableNotifications: true });
+    }
 }
 _uSyncActionDataSource_host = new WeakMap();

package/dist/tree/usync.menu-element.js

@@ -37,17 +37,17 @@ let uSyncMenuElement = class uSyncMenuElement extends UmbElementMixin(LitElement
         });
     }
     render() {
-        return html `<umb-menu-item-layout
-			label=${this.manifest.meta.label ?? this.manifest.name}
-			icon-name=${this.manifest.meta.icon ?? 'icon-bug'}
-			.href=${this.itemPath}
-			?has-Children=${this.hasChildren}
-			>${this.renderChildren()}
+        return html `<umb-menu-item-layout
+			label=${this.manifest.meta.label ?? this.manifest.name}
+			icon-name=${this.manifest.meta.icon ?? 'icon-bug'}
+			.href=${this.itemPath}
+			?has-Children=${this.hasChildren}
+			>${this.renderChildren()}
 		</umb-menu-item-layout>`;
     }
     renderChildren() {
-        return html `<umb-extension-slot
-			type="usync-menuItem"
+        return html `<umb-extension-slot
+			type="usync-menuItem"
 			default-element="umb-menu-item-default"></umb-extension-slot>`;
     }
 };

package/dist/utils/preview/content-type-diff.d.ts

@@ -0,0 +1,18 @@
+import { type USyncPreviewContentType } from './content-type-layout.js';
+export type USyncPreviewStatus = 'added' | 'removed' | 'changed';
+export interface USyncPreviewItemChange {
+    status: USyncPreviewStatus;
+    /** the fields that differ (for a changed item) */
+    fields: string[];
+}
+export interface USyncContentTypeDiff {
+    /** top level fields (name, icon, compositions...) that differ */
+    fields: Set<string>;
+    properties: Map<string, USyncPreviewItemChange>;
+    containers: Map<string, USyncPreviewItemChange>;
+}
+/**
+ * compare two versions of a content type by key. Items only in the current
+ * version are being removed, items only in the incoming version are being added.
+ */
+export declare function diffContentTypes(current: USyncPreviewContentType | undefined, incoming: USyncPreviewContentType | undefined): USyncContentTypeDiff;

package/dist/utils/preview/content-type-diff.js

@@ -0,0 +1,72 @@
+import { deepEqual } from '../diff/deep-equal.js';
+import { compositionIds, } from './content-type-layout.js';
+const TYPE_FIELDS = [
+    'alias',
+    'name',
+    'description',
+    'icon',
+    'allowedAsRoot',
+    'variesByCulture',
+    'variesBySegment',
+    'isElement',
+    'collection',
+];
+const PROPERTY_FIELDS = [
+    'alias',
+    'name',
+    'description',
+    'dataType',
+    'container',
+    'sortOrder',
+    'variesByCulture',
+    'variesBySegment',
+    'validation',
+    'appearance',
+];
+const CONTAINER_FIELDS = ['name', 'type', 'parent', 'sortOrder'];
+/**
+ * compare two versions of a content type by key. Items only in the current
+ * version are being removed, items only in the incoming version are being added.
+ */
+export function diffContentTypes(current, incoming) {
+    const fields = new Set();
+    if (current && incoming) {
+        for (const field of TYPE_FIELDS) {
+            if (!deepEqual(current[field], incoming[field]))
+                fields.add(field);
+        }
+        if (!deepEqual([...compositionIds(current)].sort(), [...compositionIds(incoming)].sort())) {
+            fields.add('compositions');
+        }
+    }
+    return {
+        fields,
+        properties: diffById(current?.properties, incoming?.properties, PROPERTY_FIELDS),
+        containers: diffById(current?.containers, incoming?.containers, CONTAINER_FIELDS),
+    };
+}
+function diffById(current, incoming, fields) {
+    const changes = new Map();
+    // a whole type being added or removed is shown by its headline, don't mark every item.
+    if (!current || !incoming)
+        return changes;
+    const before = new Map(current.map((item) => [item.id, item]));
+    const after = new Map(incoming.map((item) => [item.id, item]));
+    for (const [id, item] of before) {
+        const other = after.get(id);
+        if (!other) {
+            changes.set(id, { status: 'removed', fields: [] });
+            continue;
+        }
+        const changed = fields
+            .filter((field) => !deepEqual(item[field], other[field]))
+            .map(String);
+        if (changed.length > 0)
+            changes.set(id, { status: 'changed', fields: changed });
+    }
+    for (const id of after.keys()) {
+        if (!before.has(id))
+            changes.set(id, { status: 'added', fields: [] });
+    }
+    return changes;
+}

package/dist/utils/preview/content-type-layout.d.ts

@@ -0,0 +1,39 @@
+import type { DocumentTypeResponseModel, MediaTypeResponseModel, MemberTypeResponseModel } from '../../api';
+/**
+ * the shape document, media and member types share - enough to lay out
+ * the editor view and compare two versions.
+ */
+export type USyncPreviewContentType = DocumentTypeResponseModel | MediaTypeResponseModel | MemberTypeResponseModel;
+export type USyncPreviewProperty = USyncPreviewContentType['properties'][number];
+export type USyncPreviewContainer = USyncPreviewContentType['containers'][number];
+export interface USyncLayoutProperty {
+    property: USyncPreviewProperty;
+    /** name of the composition this property comes from (undefined when it's the type's own) */
+    inheritedFrom?: string;
+}
+export interface USyncLayoutGroup {
+    name: string;
+    /** ids of every container merged into this group (own + compositions) */
+    ids: string[];
+    inherited: boolean;
+    sortOrder: number;
+    properties: USyncLayoutProperty[];
+}
+export interface USyncLayoutTab {
+    name: string;
+    ids: string[];
+    inherited: boolean;
+    sortOrder: number;
+    /** properties placed directly on the tab, outside any group */
+    properties: USyncLayoutProperty[];
+    groups: USyncLayoutGroup[];
+}
+/** name used for the tab that holds groups which aren't inside a tab */
+export declare const USYNC_GENERIC_TAB = "";
+/** the ids of the types this one is composed of (or inherits from). */
+export declare function compositionIds(type: USyncPreviewContentType): string[];
+/**
+ * build the tabs and groups an editor would see, merging in the containers
+ * and properties from compositions the way the backoffice does (by name).
+ */
+export declare function buildContentTypeLayout(type: USyncPreviewContentType, compositions: Map<string, USyncPreviewContentType>): USyncLayoutTab[];