@jumoo/usync 17.5.0 → 17.5.1

package/dist/lang/files/en-us.js

@@ -77,21 +77,21 @@ export default {
         changeHeading: 'Results',
         changeCount: '{1}/{0} changes',
         noChangeCount: '0/{0} changes',
-        legacyInfo: `<p>uSync has found a legacy uSync folder at <strong>%0%</strong>.<br />
+        legacyInfo: `<p>uSync has found a legacy uSync folder at <strong>%0%</strong>.<br />
 						Its likely that the content in it will need coverting in someway</p>`,
-        legacyObsolete: `<h4>Obsolete DataTypes</h4>
-				<ul>%0%</ul>
-				<p>You can convert these DataTypes using
-					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank">uSync.Migrations</a><br />
+        legacyObsolete: `<h4>Obsolete DataTypes</h4>
+				<ul>%0%</ul>
+				<p>You can convert these DataTypes using
+					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank">uSync.Migrations</a><br />
 					<em>(In the full uSync release conversion will happen here.)</em></p>`,
-        legacyCopy: `<h4>Copy to uSync/v14</h4>
-					<p>You can copy your %0% folder to the ~/uSync/v14 folder<br />and run an import.</p>
-					<p>If nothing needs converting, then everything should import.</p>
+        legacyCopy: `<h4>Copy to uSync/v14</h4>
+					<p>You can copy your %0% folder to the ~/uSync/v14 folder<br />and run an import.</p>
+					<p>If nothing needs converting, then everything should import.</p>
 					<p><strong>Remove or rename the %0% folder to prevent this	popup</strong></p>`,
-        hmacMismatch: `<h4>HMAC Mismatch <uui-icon name="alert"></uui-icon></h4>
-			<p>It looks like the <code>Imaging:HMAC</code> setting used to generate the files in the uSync folder does not match the current setting for this site.</p>
-			<p>Images inside RTE controls will have the HMAC Value appended to the URL value, and without any additional configuration, these images may not render correctly.</p>
-			<ul><li>You can turn on "HMAC mapping" in uSync,</li>
+        hmacMismatch: `<h4>HMAC Mismatch <uui-icon name="alert"></uui-icon></h4>
+			<p>It looks like the <code>Imaging:HMAC</code> setting used to generate the files in the uSync folder does not match the current setting for this site.</p>
+			<p>Images inside RTE controls will have the HMAC Value appended to the URL value, and without any additional configuration, these images may not render correctly.</p>
+			<ul><li>You can turn on "HMAC mapping" in uSync,</li>
 			<li>or you can ensure the HMAC value in the <code>Imaging:HMAC</code> setting matches the value used to generate the files in the uSync folder</li></ul>`,
         formatMismatch: 'The sync file format version does not match the expected version. This may indicate a potential compatibility issue.',
         legacyBanner: 'This site contains files from a previous version of uSync, view the details in the legacy tab.',

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

@@ -46,21 +46,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.js

@@ -46,21 +46,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.js

@@ -46,21 +46,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/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/workspace/components/usync-action-button.js

@@ -21,55 +21,55 @@ let SyncActionButtonElement = class SyncActionButtonElement extends UmbLitElemen
         this._popoverOpen = false;
     }
     render() {
-        return html `
-			<uui-button-group>
-				<uui-button
-					class="action-button"
-					.disabled=${this.disabled}
-					label=${this.localize.termOrDefault(`uSync_${this.button?.label}`, this.button?.label ?? '')}
-					color=${this.button?.color}
-					look=${this.button?.look}
-					state=${ifDefined(this.state)}
-					@click=${() => __classPrivateFieldGet(this, _SyncActionButtonElement_instances, "m", _SyncActionButtonElement_onClick).call(this, this.button)}></uui-button>
-
-				${this.renderDropdown(this.button)}
-			</uui-button-group>
+        return html `
+			<uui-button-group>
+				<uui-button
+					class="action-button"
+					.disabled=${this.disabled}
+					label=${this.localize.termOrDefault(`uSync_${this.button?.label}`, this.button?.label ?? '')}
+					color=${this.button?.color}
+					look=${this.button?.look}
+					state=${ifDefined(this.state)}
+					@click=${() => __classPrivateFieldGet(this, _SyncActionButtonElement_instances, "m", _SyncActionButtonElement_onClick).call(this, this.button)}></uui-button>
+
+				${this.renderDropdown(this.button)}
+			</uui-button-group>
 		`;
     }
     renderDropdown(parent) {
         if (!this.button?.children)
             return nothing;
         const buttons = this.button?.children.map((item) => {
-            return html ` <uui-menu-item
-				.disabled=${this.disabled}
-				.label=${this.localize.termOrDefault(`uSync_${item.label}`, item.label)}
+            return html ` <uui-menu-item
+				.disabled=${this.disabled}
+				.label=${this.localize.termOrDefault(`uSync_${item.label}`, item.label)}
 				@click-label=${() => __classPrivateFieldGet(this, _SyncActionButtonElement_instances, "m", _SyncActionButtonElement_onClick).call(this, item)}></uui-menu-item>`;
         });
         if (buttons.length == 0)
             return nothing;
         const popoverId = `popover_${parent?.key}`;
-        return html `
-			<uui-button
-				.disabled=${this.disabled}
-				popovertarget=${popoverId}
-				.label=${this.button.label}
-				color=${parent?.color}
-				look=${parent?.look}
-				compact>
-				<uui-symbol-expand
-					class="expand-symbol"
-					.open=${this._popoverOpen}></uui-symbol-expand>
-			</uui-button>
-
-			<uui-popover-container
-				id=${popoverId}
-				margin="6"
-				placement="bottom-end"
-				@toggle=${__classPrivateFieldGet(this, _SyncActionButtonElement_instances, "m", _SyncActionButtonElement_onPopoverToggle)}>
-				<umb-popover-layout>
-					<uui-scroll-container> ${buttons} </uui-scroll-container>
-				</umb-popover-layout>
-			</uui-popover-container>
+        return html `
+			<uui-button
+				.disabled=${this.disabled}
+				popovertarget=${popoverId}
+				.label=${this.button.label}
+				color=${parent?.color}
+				look=${parent?.look}
+				compact>
+				<uui-symbol-expand
+					class="expand-symbol"
+					.open=${this._popoverOpen}></uui-symbol-expand>
+			</uui-button>
+
+			<uui-popover-container
+				id=${popoverId}
+				margin="6"
+				placement="bottom-end"
+				@toggle=${__classPrivateFieldGet(this, _SyncActionButtonElement_instances, "m", _SyncActionButtonElement_onPopoverToggle)}>
+				<umb-popover-layout>
+					<uui-scroll-container> ${buttons} </uui-scroll-container>
+				</umb-popover-layout>
+			</uui-popover-container>
 		`;
     }
 };
@@ -82,18 +82,18 @@ _SyncActionButtonElement_onClick = function _SyncActionButtonElement_onClick(ite
 _SyncActionButtonElement_onPopoverToggle = function _SyncActionButtonElement_onPopoverToggle(e) {
     this._popoverOpen = e.newState === 'open';
 };
-SyncActionButtonElement.styles = css `
-		.action-button {
-			min-width: 110px;
-		}
-
-		.expand-symbol {
-			transform: rotate(90deg);
-		}
-
-		.expand-symbol[open] {
-			transform: rotate(180deg);
-		}
+SyncActionButtonElement.styles = css `
+		.action-button {
+			min-width: 110px;
+		}
+
+		.expand-symbol {
+			transform: rotate(90deg);
+		}
+
+		.expand-symbol[open] {
+			transform: rotate(180deg);
+		}
 	`;
 __decorate([
     property({ type: Object })

package/dist/workspace/components/usync-file-picker.element.js

@@ -38,53 +38,53 @@ let uSyncFilePicker = class uSyncFilePicker extends UmbLitElement {
         this.dispatchEvent(new uSyncFilePickerChangeEvent(this._file));
     }
     render() {
-        return html `<input
-				@click=${(e) => e.stopPropagation()}
-				type="file"
-				id="file"
-				this.accept=${this.accept}
-				@change=${this._onFilePickerChange} />
+        return html `<input
+				@click=${(e) => e.stopPropagation()}
+				type="file"
+				id="file"
+				this.accept=${this.accept}
+				@change=${this._onFilePickerChange} />
 			${this._renderFile()} ${this._renderButton()}`;
     }
     _renderFile() {
         if (!this._file)
             return nothing;
-        return html ` <div class="file">
-			<div>${this._file.name}</div>
-			<uui-button
-				@click="${() => this._removeFile()}"
-				compact
-				color="danger"
-				label="Remove">
-				<umb-icon name="icon-trash"></umb-icon>
-			</uui-button>
+        return html ` <div class="file">
+			<div>${this._file.name}</div>
+			<uui-button
+				@click="${() => this._removeFile()}"
+				compact
+				color="danger"
+				label="Remove">
+				<umb-icon name="icon-trash"></umb-icon>
+			</uui-button>
 		</div>`;
     }
     _renderButton() {
         return this._file
             ? nothing
-            : html ` <uui-button
-					id="add-button"
-					look="placeholder"
-					label=${this.label}
+            : html ` <uui-button
+					id="add-button"
+					look="placeholder"
+					label=${this.label}
 					@click="${this._onUpload}"></uui-button>`;
     }
 };
 uSyncFilePicker.styles = [
-    css `
-			.file {
-				display: flex;
-				align-items: center;
-				gap: var(--uui-size-space-2);
-			}
-
-			#file {
-				display: none;
-			}
-
-			#add-button {
-				width: 100%;
-			}
+    css `
+			.file {
+				display: flex;
+				align-items: center;
+				gap: var(--uui-size-space-2);
+			}
+
+			#file {
+				display: none;
+			}
+
+			#add-button {
+				width: 100%;
+			}
 		`,
 ];
 __decorate([

package/dist/workspace/components/usync-file-upload.element.js

@@ -46,22 +46,22 @@ let uSyncFileUploadElement = class uSyncFileUploadElement extends UmbLitElement
         return html ` ${this.renderFile()} ${this.renderUploadButton()} `;
     }
     renderFile() {
-        return html `
-			<div class="upload-box">
-				<usync-upload-file-picker
-					label="Select uSync Zip file"
-					@change=${__classPrivateFieldGet(this, _uSyncFileUploadElement_instances, "m", _uSyncFileUploadElement_onFileChange)}></usync-upload-file-picker>
-			</div>
+        return html `
+			<div class="upload-box">
+				<usync-upload-file-picker
+					label="Select uSync Zip file"
+					@change=${__classPrivateFieldGet(this, _uSyncFileUploadElement_instances, "m", _uSyncFileUploadElement_onFileChange)}></usync-upload-file-picker>
+			</div>
 		`;
     }
     renderUploadButton() {
         if (!this.selected)
             return nothing;
-        return html `<uui-button
-			type="button"
-			look="primary"
-			@click="${__classPrivateFieldGet(this, _uSyncFileUploadElement_instances, "m", _uSyncFileUploadElement_onUpload)}"
-			label="Upload"
+        return html `<uui-button
+			type="button"
+			look="primary"
+			@click="${__classPrivateFieldGet(this, _uSyncFileUploadElement_instances, "m", _uSyncFileUploadElement_onUpload)}"
+			label="Upload"
 			.state=${this.buttonState}></uui-button>`;
     }
 };
@@ -90,20 +90,20 @@ _uSyncFileUploadElement_uploadComplete = async function _uSyncFileUploadElement_
 _uSyncFileUploadElement_onFileChange = function _uSyncFileUploadElement_onFileChange(e) {
     this.selected = e.file;
 };
-uSyncFileUploadElement.styles = css `
-		:host {
-			display: flex;
-			justify-content: space-between;
-		}
-
-		.upload-box {
-			flex-grow: 2;
-		}
-
-		usync-upload-file-picker {
-			width: 100%;
-			flex-grow: 2;
-		}
+uSyncFileUploadElement.styles = css `
+		:host {
+			display: flex;
+			justify-content: space-between;
+		}
+
+		.upload-box {
+			flex-grow: 2;
+		}
+
+		usync-upload-file-picker {
+			width: 100%;
+			flex-grow: 2;
+		}
 	`;
 __decorate([
     state()

package/dist/workspace/dialogs/import-modal.element.js

@@ -18,30 +18,30 @@ let uSyncImportModalDialog = class uSyncImportModalDialog extends UmbModalBaseEl
         _uSyncImportModalDialog_instances.add(this);
     }
     render() {
-        return html `
-			<umb-body-layout .headline=${this.localize.termOrDefault('uSync_importHeader', 'Import from file')}>
-				${this.renderForm()} ${this.renderResult()}
-			</umb-body-layout>
+        return html `
+			<umb-body-layout .headline=${this.localize.termOrDefault('uSync_importHeader', 'Import from file')}>
+				${this.renderForm()} ${this.renderResult()}
+			</umb-body-layout>
 		`;
     }
     renderForm() {
         if (this.result !== undefined)
             return;
-        return html ` ${this.localize.termOrDefault('uSync_uploadIntro', 'Select a zip file containing uSync files that you want to upload')}
-			<usync-file-upload @uploaded=${__classPrivateFieldGet(this, _uSyncImportModalDialog_instances, "m", _uSyncImportModalDialog_onUploaded)}></usync-file-upload>
-			<div slot="actions">
-				<uui-button
-					id="cancel"
-					.label=${this.localize.term('general_close')}
-					@click="${__classPrivateFieldGet(this, _uSyncImportModalDialog_instances, "m", _uSyncImportModalDialog_onClose)}"></uui-button>
+        return html ` ${this.localize.termOrDefault('uSync_uploadIntro', 'Select a zip file containing uSync files that you want to upload')}
+			<usync-file-upload @uploaded=${__classPrivateFieldGet(this, _uSyncImportModalDialog_instances, "m", _uSyncImportModalDialog_onUploaded)}></usync-file-upload>
+			<div slot="actions">
+				<uui-button
+					id="cancel"
+					.label=${this.localize.term('general_close')}
+					@click="${__classPrivateFieldGet(this, _uSyncImportModalDialog_instances, "m", _uSyncImportModalDialog_onClose)}"></uui-button>
 			</div>`;
     }
     renderResult() {
         if (this.result == undefined)
             return;
-        return html `${when(this.result.success, () => html `${this.localize.termOrDefault('uSync_uploadSuccess', 'The files have been uploaded and extracted to the uSync folder')}`, () => html `${this.localize.termOrDefault('uSync_uploadError', 'There was an error uploading the files')} ${this.result?.errors}`)}
-			<div slot="actions">
-				<uui-button id="continue" label="Import" @click="${__classPrivateFieldGet(this, _uSyncImportModalDialog_instances, "m", _uSyncImportModalDialog_onImport)}"></uui-button>
+        return html `${when(this.result.success, () => html `${this.localize.termOrDefault('uSync_uploadSuccess', 'The files have been uploaded and extracted to the uSync folder')}`, () => html `${this.localize.termOrDefault('uSync_uploadError', 'There was an error uploading the files')} ${this.result?.errors}`)}
+			<div slot="actions">
+				<uui-button id="continue" label="Import" @click="${__classPrivateFieldGet(this, _uSyncImportModalDialog_instances, "m", _uSyncImportModalDialog_onImport)}"></uui-button>
 			</div>`;
     }
 };
@@ -56,14 +56,14 @@ _uSyncImportModalDialog_onImport = function _uSyncImportModalDialog_onImport() {
 _uSyncImportModalDialog_onUploaded = function _uSyncImportModalDialog_onUploaded(e) {
     this.result = e.result;
 };
-uSyncImportModalDialog.styles = css `
-		umb-body-layout {
-			max-width: 450px;
-		}
-
-		usync-file-upload {
-			padding: 10px 0;
-		}
+uSyncImportModalDialog.styles = css `
+		umb-body-layout {
+			max-width: 450px;
+		}
+
+		usync-file-upload {
+			padding: 10px 0;
+		}
 	`;
 __decorate([
     state()