@jumoo/usync-expansions 17.6.0 → 17.6.1-prerelease.40

package/dist/licence/components/licence-status.view.js

@@ -18,26 +18,26 @@ let uSyncLicenceStatusView = class uSyncLicenceStatusView extends UmbElementMixi
             return nothing;
         const className = this.licenceStatus?.status.toLocaleLowerCase();
         const icon = this.licenceStatus?.status === 'Valid' ? 'icon-check' : 'icon-alert';
-        return html ` <div class="licence-alert ${className}">
+        return html ` <div class="licence-alert ${className}">
 			<uui-icon .name=${icon}></uui-icon> ${this.licenceStatus?.message ??
-            'licenece is valid'}
-			${when(this.licenceStatus.link, () => html `<a
-						href="${this.licenceStatus?.link ?? '#'}"
-						target="_blank"
-						rel="noopener noreferrer"
-						>${this.licenceStatus?.linkTitle}</a
-					>`)}
+            'licenece is valid'}
+			${when(this.licenceStatus.link, () => html `<a
+						href="${this.licenceStatus?.link ?? '#'}"
+						target="_blank"
+						rel="noopener noreferrer"
+						>${this.licenceStatus?.linkTitle}</a
+					>`)}
 		</div>`;
     }
 };
 uSyncLicenceStatusView.styles = [
     UmbTextStyles,
     JumooLicenceStyles,
-    css `
-			:host {
-				display: block;
-				margin-bottom: 10px;
-			}
+    css `
+			:host {
+				display: block;
+				margin-bottom: 10px;
+			}
 		`,
 ];
 __decorate([

package/dist/licence/components/styles.js

@@ -1,41 +1,41 @@
 import { css } from '@umbraco-cms/backoffice/external/lit';
-export const JumooLicenceStyles = css `
-	.licence-alert {
-		padding: 20px;
-		border-radius: var(--uui-button-border-radius, var(--uui-border-radius, 3px));
-	}
-
-	uui-icon {
-		padding-right: 10px;
-		font-size: var(--uui-type-h4-size);
-	}
-
-	.valid {
-		background-color: var(--uui-color-positive);
-		color: var(--uui-color-positive-contrast);
-	}
-
-	.invalid,
-	.expired {
-		background-color: var(--uui-color-danger);
-		color: var(--uui-color-danger-contrast);
-	}
-
-	.trial {
-		background-color: var(--uui-color-warning);
-		color: var(--uui-color-warning-contrast);
-	}
-
-	.licence-alert a {
-		color: var(--uui-color-positive-contrast) !important;
-	}
-
-	.trial a {
-		color: var(--uui-color-warning-contrast) !important;
-	}
-
-	.invalid a,
-	.expired a {
-		color: var(--uui-color-danger-contrast) !important;
-	}
+export const JumooLicenceStyles = css `
+	.licence-alert {
+		padding: 20px;
+		border-radius: var(--uui-button-border-radius, var(--uui-border-radius, 3px));
+	}
+
+	uui-icon {
+		padding-right: 10px;
+		font-size: var(--uui-type-h4-size);
+	}
+
+	.valid {
+		background-color: var(--uui-color-positive);
+		color: var(--uui-color-positive-contrast);
+	}
+
+	.invalid,
+	.expired {
+		background-color: var(--uui-color-danger);
+		color: var(--uui-color-danger-contrast);
+	}
+
+	.trial {
+		background-color: var(--uui-color-warning);
+		color: var(--uui-color-warning-contrast);
+	}
+
+	.licence-alert a {
+		color: var(--uui-color-positive-contrast) !important;
+	}
+
+	.trial a {
+		color: var(--uui-color-warning-contrast) !important;
+	}
+
+	.invalid a,
+	.expired a {
+		color: var(--uui-color-danger-contrast) !important;
+	}
 `;

package/dist/licence/lang/en.js

@@ -9,7 +9,7 @@ export default {
         licenceAutoRenews: 'This licence will auto-renew at the end of the period.',
         licenceNotAutoRenews: 'This licence does not auto-renew, You will need to renew it manually.',
         licenceStatus: 'uSync.Complete licence status',
-        licenceSubscriptionInfo: `<p>Your subscription licence can be managed via the link sent to you when you purchased licence</p>
+        licenceSubscriptionInfo: `<p>Your subscription licence can be managed via the link sent to you when you purchased licence</p>
 			<p>For security reasons we don't show you that information in the umbraco back office but you can request that we send the details again</p>`,
         licenceClearHeading: 'Clear licence details?',
         licenceClearContent: 'Do you want to remove this current licence details? Once cleared you will need to re-enter your licence details.',

package/dist/licence/licence.element.js

@@ -53,69 +53,69 @@ let uSyncLicenceViewElement = class uSyncLicenceViewElement extends UmbElementMi
         super.connectedCallback();
     }
     render() {
-        return html `
-			<umb-body-layout>
-				<div class="layout">
-					${this.renderStatus()} ${this.renderDetails()} ${this.renderSubscription()}
-					${this.renderExpiration()}
-				</div></umb-body-layout
-			>
+        return html `
+			<umb-body-layout>
+				<div class="layout">
+					${this.renderStatus()} ${this.renderDetails()} ${this.renderSubscription()}
+					${this.renderExpiration()}
+				</div></umb-body-layout
+			>
 		`;
     }
     renderStatus() {
-        return html `
-			<usync-licence-status .licenceStatus=${this.licenceStatus}></usync-licence-status>
+        return html `
+			<usync-licence-status .licenceStatus=${this.licenceStatus}></usync-licence-status>
 		`;
     }
     renderDetails() {
         return this.licenceStatus
-            ? html `
-					<uui-box headline="uSync.Complete.Licence">
-						<div slot="header-actions">
-							<uui-button
-								type="button"
-								look="outline"
-								color="danger"
-								label="Clear"
-								@click=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_clearLicence)}></uui-button>
-						</div>
-						<div class="details">
-							<umb-property-layout
-								label="Domains"
-								alias="domains"
-								description="Domains licence applys to">
-								<div slot="editor">
-									<uui-input
-										label="domains"
-										@input=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_updateDomains)}
-										.value=${this.licence.domains}
+            ? html `
+					<uui-box headline="uSync.Complete.Licence">
+						<div slot="header-actions">
+							<uui-button
+								type="button"
+								look="outline"
+								color="danger"
+								label="Clear"
+								@click=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_clearLicence)}></uui-button>
+						</div>
+						<div class="details">
+							<umb-property-layout
+								label="Domains"
+								alias="domains"
+								description="Domains licence applys to">
+								<div slot="editor">
+									<uui-input
+										label="domains"
+										@input=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_updateDomains)}
+										.value=${this.licence.domains}
 										.readonly=${this.licenceStatus?.licenceType ===
-                'Subscription'}></uui-input>
-								</div>
-							</umb-property-layout>
-
-							<umb-property-layout
-								label="Licence Key"
-								alias="key"
-								description="Key for licence">
-								<div slot="editor">
-									<uui-input
-										label="key"
-										@input=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_updateKey)}
-										.value=${this.licence.key}></uui-input>
-								</div>
-							</umb-property-layout>
-
-							<div class="actions">
-								<uui-button
-									look="primary"
-									color="positive"
-									label="Save"
-									.state=${this.saveState}
-									@click=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_saveLicence)}></uui-button>
-							</div>
-						</div>
-					</uui-box>
+                'Subscription'}></uui-input>
+								</div>
+							</umb-property-layout>
+
+							<umb-property-layout
+								label="Licence Key"
+								alias="key"
+								description="Key for licence">
+								<div slot="editor">
+									<uui-input
+										label="key"
+										@input=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_updateKey)}
+										.value=${this.licence.key}></uui-input>
+								</div>
+							</umb-property-layout>
+
+							<div class="actions">
+								<uui-button
+									look="primary"
+									color="positive"
+									label="Save"
+									.state=${this.saveState}
+									@click=${__classPrivateFieldGet(this, _uSyncLicenceViewElement_instances, "m", _uSyncLicenceViewElement_saveLicence)}></uui-button>
+							</div>
+						</div>
+					</uui-box>
 				`
             : nothing;
     }
@@ -127,16 +127,16 @@ let uSyncLicenceViewElement = class uSyncLicenceViewElement extends UmbElementMi
         const expiresDate = new Date(this.licenceStatus.expires);
         if (expiresDate >= new Date('9999-12-30'))
             return nothing;
-        return html `<uui-box headline="uSync.Complete.Subscription">
-			<umb-localize key="usynccomplete_licenceSubscriptionInfo"></umb-localize>
-			<uui-button
-				look="secondary"
-				color="positive"
-				href="https://jumoo.co.uk/resend?sub=${this.licence.key}"
-				target="_blank"
-				rel="noopener noreferrer"
-				>Request subscription details</uui-button
-			>
+        return html `<uui-box headline="uSync.Complete.Subscription">
+			<umb-localize key="usynccomplete_licenceSubscriptionInfo"></umb-localize>
+			<uui-button
+				look="secondary"
+				color="positive"
+				href="https://jumoo.co.uk/resend?sub=${this.licence.key}"
+				target="_blank"
+				rel="noopener noreferrer"
+				>Request subscription details</uui-button
+			>
 		</uui-box>`;
     }
     renderExpiration() {
@@ -148,28 +148,28 @@ let uSyncLicenceViewElement = class uSyncLicenceViewElement extends UmbElementMi
         const today = new Date();
         const remainingDays = Math.ceil((expiresDate.getTime() - today.getTime()) / (1000 * 60 * 60 * 24));
         if (expiresDate < today) {
-            return html `<uui-box class="alert alert-danger">
-				<umb-localize key="usynccomplete_licenceExpired"></umb-localize>
+            return html `<uui-box class="alert alert-danger">
+				<umb-localize key="usynccomplete_licenceExpired"></umb-localize>
 			</uui-box>`;
         }
-        return html `<uui-box
-			class="alert ${remainingDays <= 60 && !this.licenceStatus.autoRenews ? 'alert-warning' : 'alert-default'}"
-		">
-		<div class="alert-content">
-			<div>
-			<umb-localize
-				key="usynccomplete_licenceExpires"
-				.args=${[expiresDate.toDateString()]}></umb-localize>
-			<umb-localize
-				key="usynccomplete_licenceDaysLeft"
-				.args=${[remainingDays]}></umb-localize>
-				</div>
-
-				<div>
-			${when(this.licenceStatus.autoRenews, () => html `<umb-icon name="icon-check"></umb-icon
-						><umb-localize key="usynccomplete_licenceAutoRenews"></umb-localize>`, () => html `<umb-icon name="icon-alarm-clock"></umb-icon
-						><umb-localize key="usynccomplete_licenceNotAutoRenews"></umb-localize>`)}</div>
-			</div>
+        return html `<uui-box
+			class="alert ${remainingDays <= 60 && !this.licenceStatus.autoRenews ? 'alert-warning' : 'alert-default'}"
+		">
+		<div class="alert-content">
+			<div>
+			<umb-localize
+				key="usynccomplete_licenceExpires"
+				.args=${[expiresDate.toDateString()]}></umb-localize>
+			<umb-localize
+				key="usynccomplete_licenceDaysLeft"
+				.args=${[remainingDays]}></umb-localize>
+				</div>
+
+				<div>
+			${when(this.licenceStatus.autoRenews, () => html `<umb-icon name="icon-check"></umb-icon
+						><umb-localize key="usynccomplete_licenceAutoRenews"></umb-localize>`, () => html `<umb-icon name="icon-alarm-clock"></umb-icon
+						><umb-localize key="usynccomplete_licenceNotAutoRenews"></umb-localize>`)}</div>
+			</div>
 		</uui-box>`;
     }
 };
@@ -213,45 +213,45 @@ _uSyncLicenceViewElement_clearLicence = async function _uSyncLicenceViewElement_
 };
 uSyncLicenceViewElement.styles = [
     UmbTextStyles,
-    css `
-			.layout {
-				display: flex;
-				flex-direction: column;
-				gap: var(--uui-size-space-4);
-			}
-
-			uui-input {
-				width: 100%;
-			}
-
-			.actions {
-				padding-left: calc(200px + var(--uui-size-layout-2));
-			}
-
-			.alert-content {
-				display: flex;
-				justify-content: space-between;
-			}
-
-			.alert-content > div {
-				display: flex;
-				gap: 10px;
-			}
-
-			.alert-danger {
-				background-color: var(--uui-color-danger);
-				color: var(--uui-color-danger-contrast);
-			}
-
-			.alert-default {
-				background-color: var(--uui-color-default);
-				color: var(--uui-color-default-contrast);
-			}
-
-			.alert-warning {
-				background-color: var(--uui-color-warning);
-				color: var(--uui-color-warning-contrast);
-			}
+    css `
+			.layout {
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-space-4);
+			}
+
+			uui-input {
+				width: 100%;
+			}
+
+			.actions {
+				padding-left: calc(200px + var(--uui-size-layout-2));
+			}
+
+			.alert-content {
+				display: flex;
+				justify-content: space-between;
+			}
+
+			.alert-content > div {
+				display: flex;
+				gap: 10px;
+			}
+
+			.alert-danger {
+				background-color: var(--uui-color-danger);
+				color: var(--uui-color-danger-contrast);
+			}
+
+			.alert-default {
+				background-color: var(--uui-color-default);
+				color: var(--uui-color-default-contrast);
+			}
+
+			.alert-warning {
+				background-color: var(--uui-color-warning);
+				color: var(--uui-color-warning-contrast);
+			}
 		`,
 ];
 __decorate([

package/dist/restore/components/restore-point-table.element.js

@@ -61,10 +61,10 @@ let uSyncRestorePointTableElement = class uSyncRestorePointTableElement extends
             };
         })
             .filter((item) => item !== undefined);
-        return html `<umb-table
-			.config=${this._tableConfig}
-			.columns=${this._tableColumns}
-			.items=${items}
+        return html `<umb-table
+			.config=${this._tableConfig}
+			.columns=${this._tableColumns}
+			.items=${items}
 			.filter=${this.filter}></umb-table>`;
     }
     renderStatus(restorePoint) {
@@ -80,23 +80,23 @@ let uSyncRestorePointTableElement = class uSyncRestorePointTableElement extends
     }
     renderActions(restorePoint) {
         const isComplete = restorePoint.status === RestorePointStatus.COMPLETE || restorePoint.status === undefined;
-        return html ` <uui-button
-				compact
-				label="restore"
-				color="positive"
-				look="default"
-				?disabled=${!isComplete}
-				@click=${() => __classPrivateFieldGet(this, _uSyncRestorePointTableElement_instances, "m", _uSyncRestorePointTableElement_onRestore).call(this, restorePoint)}>
-				<uui-icon name="icon-paper-plane"></uui-icon>
-			</uui-button>
-
-			<uui-button
-				compact
-				label="delete"
-				color="danger"
-				look="default"
-				@click=${() => __classPrivateFieldGet(this, _uSyncRestorePointTableElement_instances, "m", _uSyncRestorePointTableElement_onDelete).call(this, restorePoint)}>
-				<uui-icon name="icon-trash"></uui-icon>
+        return html ` <uui-button
+				compact
+				label="restore"
+				color="positive"
+				look="default"
+				?disabled=${!isComplete}
+				@click=${() => __classPrivateFieldGet(this, _uSyncRestorePointTableElement_instances, "m", _uSyncRestorePointTableElement_onRestore).call(this, restorePoint)}>
+				<uui-icon name="icon-paper-plane"></uui-icon>
+			</uui-button>
+
+			<uui-button
+				compact
+				label="delete"
+				color="danger"
+				look="default"
+				@click=${() => __classPrivateFieldGet(this, _uSyncRestorePointTableElement_instances, "m", _uSyncRestorePointTableElement_onDelete).call(this, restorePoint)}>
+				<uui-icon name="icon-trash"></uui-icon>
 			</uui-button>`;
     }
 };

package/dist/restore/lang/en.js

@@ -7,13 +7,13 @@ export default {
     },
     uSyncRestore: {
         title: 'Restore points',
-        intro: `<p>
-			Restore points can be created manually, or as part of a process such as a push or pull from
-			another site
-		</p>
-		<p>
-			By default only the last 10 restore points are kept, you can restore from any restore point, but you migth 
-			well loose your current content, setting or files as part of the process.
+        intro: `<p>
+			Restore points can be created manually, or as part of a process such as a push or pull from
+			another site
+		</p>
+		<p>
+			By default only the last 10 restore points are kept, you can restore from any restore point, but you migth 
+			well loose your current content, setting or files as part of the process.
 		</p>`,
         scan: 'Scan restore folder',
         restoreLatest: 'Restore from latest',
@@ -22,10 +22,10 @@ export default {
         createSummary: 'Your restore point has been created.',
         restorePoints: 'Restore points',
         restoreTitle: 'Restore Umbraco settings and content',
-        restoreIntro: `
-			<p>A restore can help fix problems the might be causing your site to not work show the right content</p>
-			<p>A restore will reset all the settings, content and (if included media), back to the way it was at the specified point in time.</p>
-			<p style="color: var(--uui-color-danger)">You will loose any changes that you have made this this restore point, so you should be sure you want to restore.</p>
+        restoreIntro: `
+			<p>A restore can help fix problems the might be causing your site to not work show the right content</p>
+			<p>A restore will reset all the settings, content and (if included media), back to the way it was at the specified point in time.</p>
+			<p style="color: var(--uui-color-danger)">You will loose any changes that you have made this this restore point, so you should be sure you want to restore.</p>
 			`,
         restoreCheck: 'Check restore',
         restoreInfo: 'Restore to this point?',

package/dist/restore/steps/restore-create-complete.js

@@ -14,15 +14,15 @@ let uSyncRestoreCreateCompleteElement = class uSyncRestoreCreateCompleteElement
     render() {
         const results = this.results;
         const options = this.options;
-        return html `<uui-box>
-			<p>
-				Restore point created:
-				<strong>${options.title}</strong>
-			</p>
-
-			<umb-localize key="uSyncRestore_createComplete"></umb-localize>
-
-			<p>Contains ${results.results['changes'] ?? 'unknown'} items</p>
+        return html `<uui-box>
+			<p>
+				Restore point created:
+				<strong>${options.title}</strong>
+			</p>
+
+			<umb-localize key="uSyncRestore_createComplete"></umb-localize>
+
+			<p>Contains ${results.results['changes'] ?? 'unknown'} items</p>
 		</uui-box>`;
     }
 };

package/dist/restore/steps/restore-create-element.js

@@ -29,37 +29,37 @@ let uSyncRestoreCreateElement = class uSyncRestoreCreateElement extends ProcessS
         });
     }
     render() {
-        return html `
-			<umb-localize key="uSyncRestore_createIntro"></umb-localize>
-
-			${this.renderName()}
+        return html `
+			<umb-localize key="uSyncRestore_createIntro"></umb-localize>
+
+			${this.renderName()}
 		`;
     }
     renderName() {
         const options = this.options;
-        return html `<umb-property-layout
-				label="Name"
-				description="Give your restore point a name"
-				orientation="vertical">
-				<div slot="editor">
-					<uui-input
-						type="text"
-						label="Name"
-						.value=${options.title}
-						@change=${__classPrivateFieldGet(this, _uSyncRestoreCreateElement_instances, "m", _uSyncRestoreCreateElement_onNameChange)}></uui-input>
-				</div>
-			</umb-property-layout>
-
-			<usync-property-layout
-				label="Include Media"
-				description="Include media files in the restore point">
-				<div slot="editor">
-					<uui-checkbox
-						label="Include Media"
-						.checked=${options.includeMedia}
-						@change=${__classPrivateFieldGet(this, _uSyncRestoreCreateElement_instances, "m", _uSyncRestoreCreateElement_onIncludeMedia)}>
-					</uui-checkbox>
-				</div>
+        return html `<umb-property-layout
+				label="Name"
+				description="Give your restore point a name"
+				orientation="vertical">
+				<div slot="editor">
+					<uui-input
+						type="text"
+						label="Name"
+						.value=${options.title}
+						@change=${__classPrivateFieldGet(this, _uSyncRestoreCreateElement_instances, "m", _uSyncRestoreCreateElement_onNameChange)}></uui-input>
+				</div>
+			</umb-property-layout>
+
+			<usync-property-layout
+				label="Include Media"
+				description="Include media files in the restore point">
+				<div slot="editor">
+					<uui-checkbox
+						label="Include Media"
+						.checked=${options.includeMedia}
+						@change=${__classPrivateFieldGet(this, _uSyncRestoreCreateElement_instances, "m", _uSyncRestoreCreateElement_onIncludeMedia)}>
+					</uui-checkbox>
+				</div>
 			</usync-property-layout>`;
     }
 };
@@ -85,10 +85,10 @@ _uSyncRestoreCreateElement_onIncludeMedia = function _uSyncRestoreCreateElement_
         includeMedia: element.checked,
     });
 };
-uSyncRestoreCreateElement.styles = css `
-		uui-input {
-			width: 100%;
-		}
+uSyncRestoreCreateElement.styles = css `
+		uui-input {
+			width: 100%;
+		}
 	`;
 uSyncRestoreCreateElement = __decorate([
     customElement(uSyncRestore.steps.restoreCreateStep)