@jumoo/usync 17.5.0 → 17.5.2-prerelease.15

package/dist/workspace/views/default/default.element.js

@@ -120,16 +120,16 @@ let uSyncDefaultViewElement = class uSyncDefaultViewElement extends UmbLitElemen
             return html `<uui-loader></uui-loader>`;
         }
         else {
-            return html `
-				<umb-body-layout>
-					${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderBackgroundBanner).call(this)}
-					${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderSyncFileInfo).call(this)} ${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderLegacyBanner).call(this)}
-					${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderSetPicker).call(this)}
-					<div class="wrapper">
-						${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderActions).call(this)} ${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderBanner).call(this)}
-						${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderProcessBox).call(this)}${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderReport).call(this)}
-					</div>
-				</umb-body-layout>
+            return html `
+				<umb-body-layout>
+					${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderBackgroundBanner).call(this)}
+					${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderSyncFileInfo).call(this)} ${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderLegacyBanner).call(this)}
+					${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderSetPicker).call(this)}
+					<div class="wrapper">
+						${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderActions).call(this)} ${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderBanner).call(this)}
+						${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderProcessBox).call(this)}${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderReport).call(this)}
+					</div>
+				</umb-body-layout>
 			`;
         }
     }
@@ -179,30 +179,30 @@ _uSyncDefaultViewElement_renderSetPicker = function _uSyncDefaultViewElement_ren
             selected: set.name === this._setName,
         };
     });
-    return html `<div class="set-picker">
-			<label for="set-select"
-				>${this.localize.termOrDefault('USyncSettings_currentHandlerSet', 'Current Set')}</label
-			>
-			<uui-select
-				id="set-select"
-				.label=${this.localize.termOrDefault('USyncSettings_currentHandlerSet', 'Current Set')}
-				.options=${options}
+    return html `<div class="set-picker">
+			<label for="set-select"
+				>${this.localize.termOrDefault('USyncSettings_currentHandlerSet', 'Current Set')}</label
+			>
+			<uui-select
+				id="set-select"
+				.label=${this.localize.termOrDefault('USyncSettings_currentHandlerSet', 'Current Set')}
+				.options=${options}
 				@change=${(e) => {
         const select = e.target;
         this._setName = select.value;
         __classPrivateFieldGet(this, _uSyncDefaultViewElement_actionContext, "f")?.getActions(this._setName);
-    }}>
-			</uui-select>
+    }}>
+			</uui-select>
 		</div> `;
 };
 _uSyncDefaultViewElement_renderLegacyBanner = function _uSyncDefaultViewElement_renderLegacyBanner() {
     return !this._legacy?.hasLegacy
         ? nothing
-        : html `
-					<div class="legacy-banner">
-						<umb-icon name="icon-alert"></umb-icon>
-						${this.localize.termOrDefault('uSync_legacyBanner', 'This site contains files from a previous version of uSync, view the details in the legacy tab.')}
-					</div>
+        : html `
+					<div class="legacy-banner">
+						<umb-icon name="icon-alert"></umb-icon>
+						${this.localize.termOrDefault('uSync_legacyBanner', 'This site contains files from a previous version of uSync, view the details in the legacy tab.')}
+					</div>
 				`;
 };
 _uSyncDefaultViewElement_renderSyncFileInfo = function _uSyncDefaultViewElement_renderSyncFileInfo() {
@@ -217,13 +217,13 @@ _uSyncDefaultViewElement_renderActions = function _uSyncDefaultViewElement_rende
     if (!this._actions || !Array.isArray(this._actions))
         return nothing;
     var actions = this._actions?.map((group) => {
-        return html `
-				<usync-action-box
-					.disabled=${this._disabled}
-					.group="${group}"
-					.state=${this._buttonState}
-					@perform-action=${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_performAction)}>
-				</usync-action-box>
+        return html `
+				<usync-action-box
+					.disabled=${this._disabled}
+					.group="${group}"
+					.state=${this._buttonState}
+					@perform-action=${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_performAction)}>
+				</usync-action-box>
 			`;
     });
     return html ` <div class="action-buttons-box">${actions}</div> `;
@@ -231,23 +231,23 @@ _uSyncDefaultViewElement_renderActions = function _uSyncDefaultViewElement_rende
 _uSyncDefaultViewElement_renderBanner = function _uSyncDefaultViewElement_renderBanner() {
     if (this._showProgress === true || this._completed === true)
         return nothing;
-    return html `
-			<umb-empty-state>
-				<h2>
-					<uui-icon name="usync-logo"></uui-icon>
-					<umb-localize key="uSync_banner"></umb-localize>
-				</h2>
-			</umb-empty-state>
+    return html `
+			<umb-empty-state>
+				<h2>
+					<uui-icon name="usync-logo"></uui-icon>
+					<umb-localize key="uSync_banner"></umb-localize>
+				</h2>
+			</umb-empty-state>
 		`;
 };
 _uSyncDefaultViewElement_renderProcessBox = function _uSyncDefaultViewElement_renderProcessBox() {
     if (this._showProgress == false && this._completed == false)
         return nothing;
-    return html `
-			<usync-progress-box
-				.title=${this._group?.groupName ?? 'doh!'}
-				.actions=${this._workingActions}
-				.complete=${this._completed}></usync-progress-box>
+    return html `
+			<usync-progress-box
+				.title=${this._group?.groupName ?? 'doh!'}
+				.actions=${this._workingActions}
+				.complete=${this._completed}></usync-progress-box>
 		`;
 };
 _uSyncDefaultViewElement_renderReport = function _uSyncDefaultViewElement_renderReport() {
@@ -259,156 +259,156 @@ _uSyncDefaultViewElement_renderBackgroundBanner = function _uSyncDefaultViewElem
     if (!this._inBackground || !this._working)
         return nothing;
     if (!this._connected) {
-        return html ` <uui-box class="banner warning">
-				<div class="banner-row">
-					<uui-icon name="icon-alert"></uui-icon>
-					<div class="banner-text">
-						${this.localize.termOrDefault('uSync_runningInBackground', 'uSync is running this process in background, if you navigate away from this page it will continue to run.')}
-						<br />
-						${this.localize.termOrDefault('uSync_connectionLost', 'the connection to the server has been lost, the process will continue to run in the background but you will not see updates here.')}
-					</div>
-					${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderDismissBackgroundRun).call(this)}
-				</div>
+        return html ` <uui-box class="banner warning">
+				<div class="banner-row">
+					<uui-icon name="icon-alert"></uui-icon>
+					<div class="banner-text">
+						${this.localize.termOrDefault('uSync_runningInBackground', 'uSync is running this process in background, if you navigate away from this page it will continue to run.')}
+						<br />
+						${this.localize.termOrDefault('uSync_connectionLost', 'the connection to the server has been lost, the process will continue to run in the background but you will not see updates here.')}
+					</div>
+					${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderDismissBackgroundRun).call(this)}
+				</div>
 			</uui-box>`;
     }
-    return html `<uui-box class="banner info">
-			<div class="banner-row">
-				<uui-icon name="icon-info"></uui-icon>
-				<div class="banner-text">
-					${this.localize.termOrDefault('uSync_runningInBackground', 'uSync is running this process in background, if you navigate away from this page it will continue to run.')}
-				</div>
-				${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderDismissBackgroundRun).call(this)}
-			</div>
+    return html `<uui-box class="banner info">
+			<div class="banner-row">
+				<uui-icon name="icon-info"></uui-icon>
+				<div class="banner-text">
+					${this.localize.termOrDefault('uSync_runningInBackground', 'uSync is running this process in background, if you navigate away from this page it will continue to run.')}
+				</div>
+				${__classPrivateFieldGet(this, _uSyncDefaultViewElement_instances, "m", _uSyncDefaultViewElement_renderDismissBackgroundRun).call(this)}
+			</div>
 		</uui-box>`;
 };
 _uSyncDefaultViewElement_renderDismissBackgroundRun = function _uSyncDefaultViewElement_renderDismissBackgroundRun() {
-    return html `
-			<uui-button
-				class="dismiss"
-				look="secondary"
-				compact
-				label=${this.localize.termOrDefault('uSync_dismissBackgroundRun', 'Not actually running? Reset this view')}
-				@click=${() => __classPrivateFieldGet(this, _uSyncDefaultViewElement_actionContext, "f")?.dismissBackgroundRun()}>
-				<uui-icon name="icon-remove"></uui-icon>
-			</uui-button>
+    return html `
+			<uui-button
+				class="dismiss"
+				look="secondary"
+				compact
+				label=${this.localize.termOrDefault('uSync_dismissBackgroundRun', 'Not actually running? Reset this view')}
+				@click=${() => __classPrivateFieldGet(this, _uSyncDefaultViewElement_actionContext, "f")?.dismissBackgroundRun()}>
+				<uui-icon name="icon-remove"></uui-icon>
+			</uui-button>
 		`;
 };
 uSyncDefaultViewElement.styles = [
-    css `
-			:host {
-				display: block;
-				// margin-top: calc(var(--uui-size-space-4) * -1);
-			}
-
-			.wrapper {
-				display: flex;
-				flex-direction: column;
-				gap: var(--uui-size-space-4);
-			}
-
-			.legacy-banner {
-				display: flex;
-				gap: var(--uui-size-space-2);
-				padding: var(--uui-size-space-4);
-				margin: var(--uui-size-space-4) 0;
-				background-color: var(--uui-color-warning);
-				color: var(--uui-color-warning-contrast);
-			}
-
-			.results-box {
-				position: relative;
-				display: block;
-				z-index: 1;
-			}
-
-			.action-buttons-box {
-				display: grid;
-				grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
-				position: relative;
-				gap: var(--uui-size-space-5);
-				flex-wrap: wrap;
-				align-content: stretch;
-				z-index: 1;
-			}
-
-			umb-empty-state {
-				position: absolute;
-				top: 50%;
-				transform: translateY(-50%);
-				left: 0;
-				right: 0;
-				margin: 0 auto;
-				text-align: center;
-				color: var(--uui-color-border);
-				z-index: 0;
-			}
-
-			umb-empty-state h2 {
-				font-size: var(--uui-type-h2-size);
-			}
-
-			umb-empty-state uui-icon {
-				position: relative;
-				top: var(--uui-size-2);
-			}
-
-			.set-picker {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: flex-end;
-				gap: var(--uui-size-space-2);
-				margin-bottom: var(--uui-size-space-4);
-				border: 1px solid var(--uui-color-border);
-				padding: var(--uui-size-space-4);
-			}
-
-			.set-picker label {
-				font-weight: 700;
-			}
-
-			.set-picker label::after {
-				content: ':';
-			}
-
-			.info {
-				background-color: var(--uui-color-positive);
-				color: var(--uui-color-positive-contrast);
-			}
-
-			.banner-row {
-				display: flex;
-				align-items: flex-start;
-				gap: var(--uui-size-space-3);
-			}
-
-			.banner-text {
-				flex: 1 1 auto;
-			}
-
-			.banner-row uui-button.dismiss {
-				flex: 0 0 auto;
-				margin: calc(var(--uui-size-space-2) * -1) calc(var(--uui-size-space-2) * -1) 0 0;
-				/* blend into the alert - same colour as its background/text, so it
-				   doesn't draw attention unless someone's actually looking for it */
-				color: inherit;
-				--uui-button-background-color: transparent;
-				--uui-button-background-color-hover: rgb(0 0 0 / 8%);
-				--uui-button-contrast: currentColor;
-				--uui-button-contrast-hover: currentColor;
-				--uui-button-border-color: transparent;
-				--uui-button-border-color-hover: transparent;
-			}
-
-			.banner {
-				display: block;
-				margin-bottom: var(--uui-size-space-4);
-			}
-
-			.warning {
-				background-color: var(--uui-color-warning);
-				color: var(--uui-color-warning-contrast);
-			}
+    css `
+			:host {
+				display: block;
+				// margin-top: calc(var(--uui-size-space-4) * -1);
+			}
+
+			.wrapper {
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-space-4);
+			}
+
+			.legacy-banner {
+				display: flex;
+				gap: var(--uui-size-space-2);
+				padding: var(--uui-size-space-4);
+				margin: var(--uui-size-space-4) 0;
+				background-color: var(--uui-color-warning);
+				color: var(--uui-color-warning-contrast);
+			}
+
+			.results-box {
+				position: relative;
+				display: block;
+				z-index: 1;
+			}
+
+			.action-buttons-box {
+				display: grid;
+				grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
+				position: relative;
+				gap: var(--uui-size-space-5);
+				flex-wrap: wrap;
+				align-content: stretch;
+				z-index: 1;
+			}
+
+			umb-empty-state {
+				position: absolute;
+				top: 50%;
+				transform: translateY(-50%);
+				left: 0;
+				right: 0;
+				margin: 0 auto;
+				text-align: center;
+				color: var(--uui-color-border);
+				z-index: 0;
+			}
+
+			umb-empty-state h2 {
+				font-size: var(--uui-type-h2-size);
+			}
+
+			umb-empty-state uui-icon {
+				position: relative;
+				top: var(--uui-size-2);
+			}
+
+			.set-picker {
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				justify-content: flex-end;
+				gap: var(--uui-size-space-2);
+				margin-bottom: var(--uui-size-space-4);
+				border: 1px solid var(--uui-color-border);
+				padding: var(--uui-size-space-4);
+			}
+
+			.set-picker label {
+				font-weight: 700;
+			}
+
+			.set-picker label::after {
+				content: ':';
+			}
+
+			.info {
+				background-color: var(--uui-color-positive);
+				color: var(--uui-color-positive-contrast);
+			}
+
+			.banner-row {
+				display: flex;
+				align-items: flex-start;
+				gap: var(--uui-size-space-3);
+			}
+
+			.banner-text {
+				flex: 1 1 auto;
+			}
+
+			.banner-row uui-button.dismiss {
+				flex: 0 0 auto;
+				margin: calc(var(--uui-size-space-2) * -1) calc(var(--uui-size-space-2) * -1) 0 0;
+				/* blend into the alert - same colour as its background/text, so it
+				   doesn't draw attention unless someone's actually looking for it */
+				color: inherit;
+				--uui-button-background-color: transparent;
+				--uui-button-background-color-hover: rgb(0 0 0 / 8%);
+				--uui-button-contrast: currentColor;
+				--uui-button-contrast-hover: currentColor;
+				--uui-button-border-color: transparent;
+				--uui-button-border-color-hover: transparent;
+			}
+
+			.banner {
+				display: block;
+				margin-bottom: var(--uui-size-space-4);
+			}
+
+			.warning {
+				background-color: var(--uui-color-warning);
+				color: var(--uui-color-warning-contrast);
+			}
 		`,
 ];
 __decorate([

package/dist/workspace/views/legacy/legacy.element.js

@@ -35,18 +35,18 @@ let SyncLegacyFilesElement = class SyncLegacyFilesElement extends UmbLitElement
         });
     }
     render() {
-        return html `<umb-body-layout>
-			${this.renderLegacyNote()} ${this.renderActions()}
+        return html `<umb-body-layout>
+			${this.renderLegacyNote()} ${this.renderActions()}
 		</umb-body-layout>`;
     }
     renderLegacyNote() {
-        return html ` <uui-box headline="Legacy uSync files detected">
-			<p>
-				uSync has found an old uSync folder at
-				<strong>${this._legacy?.legacyFolder ?? ''}</strong>. It is likely that the
-				content will need converting in some way.
-			</p>
-			${this.renderLegacyTypes(this._legacy?.legacyTypes)}
+        return html ` <uui-box headline="Legacy uSync files detected">
+			<p>
+				uSync has found an old uSync folder at
+				<strong>${this._legacy?.legacyFolder ?? ''}</strong>. It is likely that the
+				content will need converting in some way.
+			</p>
+			${this.renderLegacyTypes(this._legacy?.legacyTypes)}
 		</uui-box>`;
     }
     renderLegacyTypes(legacyTypes) {
@@ -56,57 +56,57 @@ let SyncLegacyFilesElement = class SyncLegacyFilesElement extends UmbLitElement
         const legacyTypeHtml = legacyTypes.map((datatype) => {
             return html `<li>${datatype}</li>`;
         });
-        return html `
-			<div>
-				<h3>Obsolete DataTypes</h3>
-				<p>
-					The following DataTypes - found in the legacy folder - are no longer supported
-					in Umbraco 14+ and will need to be converted.
-				</p>
-				<ul>
-					${legacyTypeHtml}
-				</ul>
-				<p>
-					You can convert these DataTypes using
-					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank"
-						>uSync.Migrations</a
-					><br />
-				</p>
-			</div>
+        return html `
+			<div>
+				<h3>Obsolete DataTypes</h3>
+				<p>
+					The following DataTypes - found in the legacy folder - are no longer supported
+					in Umbraco 14+ and will need to be converted.
+				</p>
+				<ul>
+					${legacyTypeHtml}
+				</ul>
+				<p>
+					You can convert these DataTypes using
+					<a href="https://github.com/Jumoo/uSyncMigrations" target="_blank"
+						>uSync.Migrations</a
+					><br />
+				</p>
+			</div>
 		`;
     }
     renderActions() {
-        return html `
-			<div class="legacy-actions">
-				<uui-box>
-					<div class="actions">
-						<uui-button
-							label="copy"
-							color="positive"
-							look="primary"
-							@click=${__classPrivateFieldGet(this, _SyncLegacyFilesElement_instances, "m", _SyncLegacyFilesElement_onCopy)}
-							>Overwrite v${this._legacy?.latestVersion} folder</uui-button
-						>
-						<p>
-							Copy the contents of the legacy folder to the new
-							${this._legacy?.latestFolder} folder
-						</p>
-					</div>
-				</uui-box>
-
-				<uui-box>
-					<div class="actions">
-						<uui-button
-							label="ignore"
-							color="warning"
-							look="primary"
-							@click=${__classPrivateFieldGet(this, _SyncLegacyFilesElement_instances, "m", _SyncLegacyFilesElement_onIgnore)}
-							>Ignore legacy folder</uui-button
-						>
-						<p>Ignore the legacy folder and continue</p>
-					</div>
-				</uui-box>
-			</div>
+        return html `
+			<div class="legacy-actions">
+				<uui-box>
+					<div class="actions">
+						<uui-button
+							label="copy"
+							color="positive"
+							look="primary"
+							@click=${__classPrivateFieldGet(this, _SyncLegacyFilesElement_instances, "m", _SyncLegacyFilesElement_onCopy)}
+							>Overwrite v${this._legacy?.latestVersion} folder</uui-button
+						>
+						<p>
+							Copy the contents of the legacy folder to the new
+							${this._legacy?.latestFolder} folder
+						</p>
+					</div>
+				</uui-box>
+
+				<uui-box>
+					<div class="actions">
+						<uui-button
+							label="ignore"
+							color="warning"
+							look="primary"
+							@click=${__classPrivateFieldGet(this, _SyncLegacyFilesElement_instances, "m", _SyncLegacyFilesElement_onIgnore)}
+							>Ignore legacy folder</uui-button
+						>
+						<p>Ignore the legacy folder and continue</p>
+					</div>
+				</uui-box>
+			</div>
 		`;
     }
 };
@@ -152,30 +152,30 @@ _SyncLegacyFilesElement_onIgnore = async function _SyncLegacyFilesElement_onIgno
         console.log('ignore cancelled by user');
     });
 };
-SyncLegacyFilesElement.styles = css `
-		uui-box {
-			margin-bottom: var(--uui-size-3);
-		}
-
-		.legacy-actions {
-			display: flex;
-			gap: var(--uui-size-space-4);
-			justify-content: space-between;
-		}
-
-		.legacy-actions uui-box {
-			flex-basis: 50%;
-		}
-
-		.legacy-actions .actions {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-		}
-
-		uui-button {
-			font-size: var(--uui-type-h5-size);
-		}
+SyncLegacyFilesElement.styles = css `
+		uui-box {
+			margin-bottom: var(--uui-size-3);
+		}
+
+		.legacy-actions {
+			display: flex;
+			gap: var(--uui-size-space-4);
+			justify-content: space-between;
+		}
+
+		.legacy-actions uui-box {
+			flex-basis: 50%;
+		}
+
+		.legacy-actions .actions {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+		}
+
+		uui-button {
+			font-size: var(--uui-type-h5-size);
+		}
 	`;
 __decorate([
     state()