@jumoo/usync 18.2.0 → 18.3.0

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

@@ -9,106 +9,106 @@ import { LitElement, css, customElement, html, } from '@umbraco-cms/backoffice/e
 const logo = '/App_Plugins/uSync/img/usync-complete.png';
 let uSyncAddOnsElement = class uSyncAddOnsElement extends UmbElementMixin(LitElement) {
     render() {
-        return html `
-			<umb-body-layout>
-				<div class="addon-view">
-					<div>
-						<div class="header">
-							<img src=${logo} />
-							<h1>uSync Complete</h1>
-							<p>
-								uSync Complete gives you total control over your Umbraco settings and
-								content.
-							</p>
-						</div>
-
-						<div class="logos">
-							<div class="logo">
-								<uui-icon name="icon-shift"></uui-icon>
-								<h4>publish</h4>
-							</div>
-							<div class="logo">
-								<uui-icon name="icon-compress"></uui-icon>
-								<h4>export</h4>
-							</div>
-							<div class="logo">
-								<uui-icon name="icon-connection"></uui-icon>
-								<h4>snapshot</h4>
-							</div>
-							<div class="logo">
-								<uui-icon name="icon-undo"></uui-icon>
-								<h4>restore</h4>
-							</div>
-							<div class="logo">
-								<uui-icon name="icon-operator"></uui-icon>
-								<h4>people</h4>
-							</div>
-						</div>
-
-						<div class="cta">
-							<uui-button
-								href="https://jumoo.co.uk/uSync/complete/"
-								target="_blank"
-								color="positive"
-								look="primary"
-								label="Find out more"></uui-button>
-						</div>
-					</div>
-				</div>
-			</umb-body-layout>
+        return html `
+			<umb-body-layout>
+				<div class="addon-view">
+					<div>
+						<div class="header">
+							<img src=${logo} />
+							<h1>uSync Complete</h1>
+							<p>
+								uSync Complete gives you total control over your Umbraco settings and
+								content.
+							</p>
+						</div>
+
+						<div class="logos">
+							<div class="logo">
+								<uui-icon name="icon-shift"></uui-icon>
+								<h4>publish</h4>
+							</div>
+							<div class="logo">
+								<uui-icon name="icon-compress"></uui-icon>
+								<h4>export</h4>
+							</div>
+							<div class="logo">
+								<uui-icon name="icon-connection"></uui-icon>
+								<h4>snapshot</h4>
+							</div>
+							<div class="logo">
+								<uui-icon name="icon-undo"></uui-icon>
+								<h4>restore</h4>
+							</div>
+							<div class="logo">
+								<uui-icon name="icon-operator"></uui-icon>
+								<h4>people</h4>
+							</div>
+						</div>
+
+						<div class="cta">
+							<uui-button
+								href="https://jumoo.co.uk/uSync/complete/"
+								target="_blank"
+								color="positive"
+								look="primary"
+								label="Find out more"></uui-button>
+						</div>
+					</div>
+				</div>
+			</umb-body-layout>
 		`;
     }
 };
-uSyncAddOnsElement.styles = css `
-		umb-body-layout {
-			// background: linear-gradient(#e3e3f1,#f6f4f4);
-			background: linear-gradient(var(--uui-color-background), var(--uui-color-border));
-		}
-
-		.addon-view {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: 100%;
-		}
-
-		.addon-view > div {
-			margin-top: -15vh;
-		}
-
-		.header,
-		.cta {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-		}
-
-		.header {
-			font-size: larger;
-			margin-bottom: var(--uui-size-space-6);
-		}
-
-		.logos {
-			display: flex;
-			justify-content: space-between;
-			font-size: var(--uui-type-h3-size);
-		}
-
-		.logo {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			margin: var(--uui-size-space-2) var(--uui-size-space-6);
-			color: var(--uui-color-text-alt);
-		}
-
-		.cta {
-			margin: var(--uui-size-space-6) 0;
-		}
-
-		uui-button {
-			font-size: var(--uui-type-h4-size);
-		}
+uSyncAddOnsElement.styles = css `
+		umb-body-layout {
+			// background: linear-gradient(#e3e3f1,#f6f4f4);
+			background: linear-gradient(var(--uui-color-background), var(--uui-color-border));
+		}
+
+		.addon-view {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			height: 100%;
+		}
+
+		.addon-view > div {
+			margin-top: -15vh;
+		}
+
+		.header,
+		.cta {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+		}
+
+		.header {
+			font-size: larger;
+			margin-bottom: var(--uui-size-space-6);
+		}
+
+		.logos {
+			display: flex;
+			justify-content: space-between;
+			font-size: var(--uui-type-h3-size);
+		}
+
+		.logo {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			margin: var(--uui-size-space-2) var(--uui-size-space-6);
+			color: var(--uui-color-text-alt);
+		}
+
+		.cta {
+			margin: var(--uui-size-space-6) 0;
+		}
+
+		uui-button {
+			font-size: var(--uui-type-h4-size);
+		}
 	`;
 uSyncAddOnsElement = __decorate([
     customElement('usync-addons-view')

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(370px, 1fr));
-				position: relative;
-				gap: var(--uui-size-space-4);
-				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(370px, 1fr));
+				position: relative;
+				gap: var(--uui-size-space-4);
+				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([