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

package/dist/background/components/pending-list.element.js

@@ -30,10 +30,10 @@ let uSyncBackgroundPendingListElement = class uSyncBackgroundPendingListElement
     renderTable() {
         return !this.queue || this.queue.items.length === 0
             ? html `<div class="empty">No items in the queue</div>`
-            : html `<usync-queue-table
-					.items=${this.queue.items}
-					.tableColumns=${this._tableColumns}
-					@process-queue-item=${this._onProcessQueueItem}
+            : html `<usync-queue-table
+					.items=${this.queue.items}
+					.tableColumns=${this._tableColumns}
+					@process-queue-item=${this._onProcessQueueItem}
 					@cancel-queue-item=${this._onCancelQueueItem}></usync-queue-table>`;
     }
     async _onProcessQueueItem(e) {
@@ -52,12 +52,12 @@ _uSyncBackgroundPendingListElement_instances = new WeakSet();
 _uSyncBackgroundPendingListElement_changed = function _uSyncBackgroundPendingListElement_changed() {
     this.dispatchEvent(new CustomEvent(USYNC_BACKGROUND_CHANGED_EVENT, { bubbles: true, composed: true }));
 };
-uSyncBackgroundPendingListElement.styles = css `
-		.empty {
-			display: flex;
-			justify-content: center;
-			padding: 20px;
-		}
+uSyncBackgroundPendingListElement.styles = css `
+		.empty {
+			display: flex;
+			justify-content: center;
+			padding: 20px;
+		}
 	`;
 __decorate([
     state()

package/dist/background/components/pipelines-table.element.js

@@ -27,22 +27,22 @@ let uSyncPipelinesTableElement = class uSyncPipelinesTableElement extends JumooP
         _uSyncPipelinesTableElement_instances.add(this);
     }
     renderActions(pipeline) {
-        return html `<uui-button-group>
-			<uui-button
-				label=${this.localize.term('uSyncBackground_view')}
-				color="positive"
-				look="outline"
-				@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'view-pipeline', pipeline)}></uui-button>
-			${when(!finishedStatuses.includes(pipeline.state.status), () => html `<uui-button
-						label=${this.localize.term('uSyncBackground_cancel')}
-						color="warning"
-						look="outline"
-						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'cancel-pipeline', pipeline)}></uui-button>`)}
-			${when(!this.hideDelete, () => html `<uui-button
-						label=${this.localize.term('uSyncBackground_delete')}
-						color="danger"
-						look="outline"
-						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'delete-pipeline', pipeline)}></uui-button>`)}
+        return html `<uui-button-group>
+			<uui-button
+				label=${this.localize.term('uSyncBackground_view')}
+				color="positive"
+				look="outline"
+				@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'view-pipeline', pipeline)}></uui-button>
+			${when(!finishedStatuses.includes(pipeline.state.status), () => html `<uui-button
+						label=${this.localize.term('uSyncBackground_cancel')}
+						color="warning"
+						look="outline"
+						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'cancel-pipeline', pipeline)}></uui-button>`)}
+			${when(!this.hideDelete, () => html `<uui-button
+						label=${this.localize.term('uSyncBackground_delete')}
+						color="danger"
+						look="outline"
+						@click=${() => __classPrivateFieldGet(this, _uSyncPipelinesTableElement_instances, "m", _uSyncPipelinesTableElement_dispatch).call(this, 'delete-pipeline', pipeline)}></uui-button>`)}
 		</uui-button-group>`;
     }
 };

package/dist/background/components/process-list.element.js

@@ -49,12 +49,12 @@ let uSyncProcessListElement = class uSyncProcessListElement extends JumooProcess
     renderListPipelines() {
         return !this.pipelines || this.pipelines.length === 0
             ? html `<div class="emtpy">Nothing with status ${this.status}</div>`
-            : html `<usync-pipelines-table
-					.pipelines=${this.pipelines}
-					.hideDelete=${this.hideDelete}
-					.tableColumns=${this.tableColumns}
-					@view-pipeline=${this.onViewPipeline}
-					@cancel-pipeline=${this.onCancelPipeline}
+            : html `<usync-pipelines-table
+					.pipelines=${this.pipelines}
+					.hideDelete=${this.hideDelete}
+					.tableColumns=${this.tableColumns}
+					@view-pipeline=${this.onViewPipeline}
+					@cancel-pipeline=${this.onCancelPipeline}
 					@delete-pipeline=${this.onDeletePipeline}></usync-pipelines-table>`;
     }
 };

package/dist/background/components/queue-table.element.js

@@ -22,17 +22,17 @@ let uSyncQueueTableElement = class uSyncQueueTableElement extends JumooQueueTabl
         _uSyncQueueTableElement_instances.add(this);
     }
     renderActions(item) {
-        return html `<uui-button-group>
-			<uui-button
-				label=${this.localize.term('uSyncBackground_process')}
-				color="positive"
-				look="outline"
-				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'process-queue-item', item)}></uui-button>
-			<uui-button
-				label=${this.localize.term('uSyncBackground_cancel')}
-				color="warning"
-				look="outline"
-				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'cancel-queue-item', item)}></uui-button>
+        return html `<uui-button-group>
+			<uui-button
+				label=${this.localize.term('uSyncBackground_process')}
+				color="positive"
+				look="outline"
+				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'process-queue-item', item)}></uui-button>
+			<uui-button
+				label=${this.localize.term('uSyncBackground_cancel')}
+				color="warning"
+				look="outline"
+				@click=${() => __classPrivateFieldGet(this, _uSyncQueueTableElement_instances, "m", _uSyncQueueTableElement_dispatch).call(this, 'cancel-queue-item', item)}></uui-button>
 		</uui-button-group>`;
     }
 };

package/dist/background/workspace/background-workspace-element.js

@@ -34,29 +34,29 @@ let uSyncBackgroundWorkspaceElement = class uSyncBackgroundWorkspaceElement exte
         });
     }
     render() {
-        return html `<umb-body-layout
-			><div class="layout">
-				<uui-box .headline=${this.localize.term('uSyncBackground_title')}>
-					${this.localize.term('uSyncBackground_intro')}
-				</uui-box>
-
-				<usync-process-list
-					.defaultStatus=${PipelineStatus.WAITING}
-					.headline=${this.localize.term('uSyncBackground_processes')}></usync-process-list>
-
-				<usync-pending-list
-					.headline=${this.localize.term('uSyncBackground_queue')}></usync-pending-list>
-			</div>
+        return html `<umb-body-layout
+			><div class="layout">
+				<uui-box .headline=${this.localize.term('uSyncBackground_title')}>
+					${this.localize.term('uSyncBackground_intro')}
+				</uui-box>
+
+				<usync-process-list
+					.defaultStatus=${PipelineStatus.WAITING}
+					.headline=${this.localize.term('uSyncBackground_processes')}></usync-process-list>
+
+				<usync-pending-list
+					.headline=${this.localize.term('uSyncBackground_queue')}></usync-pending-list>
+			</div>
 		</umb-body-layout>`;
     }
 };
 _uSyncBackgroundWorkspaceElement_pipelinesContext = new WeakMap();
-uSyncBackgroundWorkspaceElement.styles = css `
-		.layout {
-			display: flex;
-			flex-direction: column;
-			gap: var(--uui-size-space-4);
-		}
+uSyncBackgroundWorkspaceElement.styles = css `
+		.layout {
+			display: flex;
+			flex-direction: column;
+			gap: var(--uui-size-space-4);
+		}
 	`;
 __decorate([
     query('usync-process-list')

package/dist/components/report-summary-view.js

@@ -35,21 +35,21 @@ let uSyncResportSummaryView = class uSyncResportSummaryView extends UmbLitElemen
     }
     render() {
         const changes = this.countChanges();
-        return html ` ${this.renderChangeSummary(changes)}
-			<uui-box .headline=${this.headline}>
-				<div slot="header-actions">${this.renderToggle()}</div>
-				${when(this.showAll || changes > 0, () => this.renderTable())}
+        return html ` ${this.renderChangeSummary(changes)}
+			<uui-box .headline=${this.headline}>
+				<div slot="header-actions">${this.renderToggle()}</div>
+				${when(this.showAll || changes > 0, () => this.renderTable())}
 			</uui-box>`;
     }
     renderToggle() {
-        return html `
-			<uui-toggle
-				.label=${this.localize.term('uSync_showAll')}
-				labelPosition="left"
-				?checked=${this.showAll}
+        return html `
+			<uui-toggle
+				.label=${this.localize.term('uSync_showAll')}
+				labelPosition="left"
+				?checked=${this.showAll}
 				@change=${() => {
             this.showAll = !this.showAll;
-        }}></uui-toggle>
+        }}></uui-toggle>
 		`;
     }
     renderChangeSummary(changes) {
@@ -59,49 +59,49 @@ let uSyncResportSummaryView = class uSyncResportSummaryView extends UmbLitElemen
     }
     renderReportSummary(changes) {
         return changes > 0
-            ? html `<div class="change-msg">
-					<h4>
+            ? html `<div class="change-msg">
+					<h4>
 						${this.localize.term('uSyncReport_pendingChanges', [
                 changes,
                 this.results?.length ?? 0,
-            ])}
-					</h4>
+            ])}
+					</h4>
 				</div>`
-            : html `<div class="change-msg positive">
-					<h4>${this.localize.term('uSyncReport_noChanges')}</h4>
-					<p>${this.localize.term('uSyncReport_noChangesDescription')}</p>
+            : html `<div class="change-msg positive">
+					<h4>${this.localize.term('uSyncReport_noChanges')}</h4>
+					<p>${this.localize.term('uSyncReport_noChangesDescription')}</p>
 				</div>`;
     }
     renderResultSummary(changes) {
         return changes > 0
-            ? html `<div class="change-msg">
-					<h4>
+            ? html `<div class="change-msg">
+					<h4>
 						${this.localize.term('uSyncReport_resultChanges', [
                 changes,
                 this.results?.length ?? 0,
-            ])}
-					</h4>
+            ])}
+					</h4>
 				</div>`
-            : html `<div class="change-msg positive">
-					<h4>${this.localize.term('uSyncReport_noChanges')}</h4>
-					<p>${this.localize.term('uSyncReport_resultNoChange')}</p>
+            : html `<div class="change-msg positive">
+					<h4>${this.localize.term('uSyncReport_noChanges')}</h4>
+					<p>${this.localize.term('uSyncReport_resultNoChange')}</p>
 				</div>`;
     }
     renderTable() {
-        return html `
-			<uui-table> ${this.renderTableHeader()} ${this.renderRows()} </uui-table>
+        return html `
+			<uui-table> ${this.renderTableHeader()} ${this.renderRows()} </uui-table>
 		`;
     }
     renderTableHeader() {
-        return html `
-			<uui-table-head>
-				<uui-table-head-cell class="icon-cell" .noPadding=${true}>
-					<!-- <umb-icon name="icon-checkbox-dotted"></umb-icon> -->
-				</uui-table-head-cell>
-				<uui-table-head-cell style="--uui-table-cell-padding: var(--uui-size-space-2);">
-					<umb-localize key="uSync_changeName">Name</umb-localize>
-				</uui-table-head-cell>
-			</uui-table-head>
+        return html `
+			<uui-table-head>
+				<uui-table-head-cell class="icon-cell" .noPadding=${true}>
+					<!-- <umb-icon name="icon-checkbox-dotted"></umb-icon> -->
+				</uui-table-head-cell>
+				<uui-table-head-cell style="--uui-table-cell-padding: var(--uui-size-space-2);">
+					<umb-localize key="uSync_changeName">Name</umb-localize>
+				</uui-table-head-cell>
+			</uui-table-head>
 		`;
     }
     renderRows() {
@@ -113,23 +113,23 @@ let uSyncResportSummaryView = class uSyncResportSummaryView extends UmbLitElemen
                 : result.success
                     ? 'icon-check color-green'
                     : 'icon-wrong color-red';
-            return html `
-				<uui-table-row
-					class=${classMap({ changerow: result.change != ChangeType.NO_CHANGE })}>
-					<uui-table-cell class="icon-cell" .noPadding=${true}>
-						<umb-icon .name=${icon}></umb-icon>
-					</uui-table-cell>
-					<uui-table-cell
-						@click=${() => __classPrivateFieldGet(this, _uSyncResportSummaryView_instances, "m", _uSyncResportSummaryView_showDetail).call(this, result)}
-						.clipText=${true}
-						style="--uui-table-cell-padding: var(--uui-size-space-2);">
-						<div>${result.name}</div>
-						<div class="item-detail">
-							<div>${result.itemType}</div>
-							<div>${result.change}</div>
-						</div>
-					</uui-table-cell>
-				</uui-table-row>
+            return html `
+				<uui-table-row
+					class=${classMap({ changerow: result.change != ChangeType.NO_CHANGE })}>
+					<uui-table-cell class="icon-cell" .noPadding=${true}>
+						<umb-icon .name=${icon}></umb-icon>
+					</uui-table-cell>
+					<uui-table-cell
+						@click=${() => __classPrivateFieldGet(this, _uSyncResportSummaryView_instances, "m", _uSyncResportSummaryView_showDetail).call(this, result)}
+						.clipText=${true}
+						style="--uui-table-cell-padding: var(--uui-size-space-2);">
+						<div>${result.name}</div>
+						<div class="item-detail">
+							<div>${result.itemType}</div>
+							<div>${result.change}</div>
+						</div>
+					</uui-table-cell>
+				</uui-table-row>
 			`;
         });
         return html `${rowsHtml}`;
@@ -141,44 +141,44 @@ _uSyncResportSummaryView_showDetail = async function _uSyncResportSummaryView_sh
         return;
     // TODO . Open the shared details modal
 };
-uSyncResportSummaryView.styles = css `
-		.changerow {
-			cursor: pointer;
-		}
-
-		.icon-cell {
-			width: var(--uui-size-8);
-		}
-
-		.item-detail {
-			display: flex;
-			justify-content: space-between;
-			font-size: smaller;
-			color: var(--uui-color-disabled-contrast);
-		}
-
-		.change-msg {
-			padding: var(--uui-size-3);
-			margin-bottom: var(--uui-size-3);
-		}
-
-		.change-msg.positive {
-			background-color: var(--uui-color-positive);
-			color: #fff;
-			box-shadow: var(--uui-shadow-depth-1);
-		}
-
-		.change-msg > * {
-			margin: var(--uui-size-4) 0;
-		}
-
-		uui-box {
-			margin-bottom: var(--uui-size-3);
-		}
-
-		uui-table-row:hover {
-			background-color: var(--uui-color-disabled);
-		}
+uSyncResportSummaryView.styles = css `
+		.changerow {
+			cursor: pointer;
+		}
+
+		.icon-cell {
+			width: var(--uui-size-8);
+		}
+
+		.item-detail {
+			display: flex;
+			justify-content: space-between;
+			font-size: smaller;
+			color: var(--uui-color-disabled-contrast);
+		}
+
+		.change-msg {
+			padding: var(--uui-size-3);
+			margin-bottom: var(--uui-size-3);
+		}
+
+		.change-msg.positive {
+			background-color: var(--uui-color-positive);
+			color: #fff;
+			box-shadow: var(--uui-shadow-depth-1);
+		}
+
+		.change-msg > * {
+			margin: var(--uui-size-4) 0;
+		}
+
+		uui-box {
+			margin-bottom: var(--uui-size-3);
+		}
+
+		uui-table-row:hover {
+			background-color: var(--uui-color-disabled);
+		}
 	`;
 __decorate([
     state()

package/dist/components/usync-property-layout.js

@@ -24,23 +24,23 @@ let uSyncPropertyLayout = class uSyncPropertyLayout extends UmbLitElement {
     }
     render() {
         // TODO: Only show alias on label if user has access to DocumentType within settings:
-        return html `
-			<div id="headerColumn">
-				<uui-label id="label" title=${this.alias} ?required=${this.mandatory}>
-					${this.localize.string(this.label)}
-					${when(this.invalid, () => html `<div id="invalid-badge">
-								<uui-badge color="invalid" attention>!</uui-badge>
-							</div>`)}
-				</uui-label>
-				<slot name="action-menu"></slot>
-				${__classPrivateFieldGet(this, _uSyncPropertyLayout_instances, "m", _uSyncPropertyLayout_renderDescription).call(this)}
-				<slot name="description"></slot>
-			</div>
-			<div id="editorColumn">
-				<umb-form-validation-message>
-					<slot name="editor"></slot>
-				</umb-form-validation-message>
-			</div>
+        return html `
+			<div id="headerColumn">
+				<uui-label id="label" title=${this.alias} ?required=${this.mandatory}>
+					${this.localize.string(this.label)}
+					${when(this.invalid, () => html `<div id="invalid-badge">
+								<uui-badge color="invalid" attention>!</uui-badge>
+							</div>`)}
+				</uui-label>
+				<slot name="action-menu"></slot>
+				${__classPrivateFieldGet(this, _uSyncPropertyLayout_instances, "m", _uSyncPropertyLayout_renderDescription).call(this)}
+				<slot name="description"></slot>
+			</div>
+			<div id="editorColumn">
+				<umb-form-validation-message>
+					<slot name="editor"></slot>
+				</umb-form-validation-message>
+			</div>
 		`;
     }
 };
@@ -53,86 +53,86 @@ _uSyncPropertyLayout_renderDescription = function _uSyncPropertyLayout_renderDes
         label: this.label,
         description: this.description,
     };
-    return html `<umb-ufm-render
-			id="description"
-			.markdown=${this.description}
+    return html `<umb-ufm-render
+			id="description"
+			.markdown=${this.description}
 			.value=${ufmValue}></umb-ufm-render>`;
 };
 uSyncPropertyLayout.styles = [
     UmbTextStyles,
-    css `
-			:host {
-				display: grid;
-				grid-template-columns: 100px minmax(0, 1fr);
-				column-gap: var(--uui-size-layout-2);
-				padding: var(--uui-size-4) 0;
-				container-type: inline-size;
-			}
-
-			:host(:not([alignment='left'])) {
-				grid-template-columns: 300px minmax(0, 1fr);
-			}
-
-			:host > div {
-				grid-column: span 2;
-			}
-
-			:host(:not([orientation='vertical'])) > div {
-				grid-column: span 1;
-			}
-
-			#headerColumn {
-				position: relative;
-				height: min-content;
-				top: var(--umb-property-layout-header-top);
-			}
-
-			:host(:not([orientation='vertical'])) #headerColumn {
-				position: sticky;
-				top: var(--umb-property-layout-header-top, calc(var(--uui-size-space-2) * -1));
-			}
-
-			:host {
-				/* TODO: Temp solution to not get a yellow asterisk when invalid. */
-				--umb-temp-uui-color-invalid: var(--uui-color-invalid);
-			}
-
-			#label {
-				position: relative;
-				word-break: break-word;
-				/* TODO: Temp solution to not get a yellow asterisk when invalid. */
-				--uui-color-invalid: var(--uui-color-danger);
-			}
-			#invalid-badge {
-				display: inline-block;
-				position: relative;
-				width: 18px;
-				height: 1em;
-				margin-right: 6px;
-			}
-			uui-badge {
-				//height: var(--uui-color-invalid);
-				background-color: var(--umb-temp-uui-color-invalid);
-				color: var(--uui-color-invalid-contrast);
-			}
-
-			#description {
-				color: var(--uui-color-text-alt);
-			}
-
-			#editorColumn {
-				display: flex;
-				align-items: center;
-				margin-top: var(--uui-size-space-3);
-			}
-
-			:host(:not([alignment='left'])) #editorColumn {
-				justify-content: flex-end;
-			}
-
-			:host(:not([orientation='vertical'])) #editorColumn {
-				margin-top: 0;
-			}
+    css `
+			:host {
+				display: grid;
+				grid-template-columns: 100px minmax(0, 1fr);
+				column-gap: var(--uui-size-layout-2);
+				padding: var(--uui-size-4) 0;
+				container-type: inline-size;
+			}
+
+			:host(:not([alignment='left'])) {
+				grid-template-columns: 300px minmax(0, 1fr);
+			}
+
+			:host > div {
+				grid-column: span 2;
+			}
+
+			:host(:not([orientation='vertical'])) > div {
+				grid-column: span 1;
+			}
+
+			#headerColumn {
+				position: relative;
+				height: min-content;
+				top: var(--umb-property-layout-header-top);
+			}
+
+			:host(:not([orientation='vertical'])) #headerColumn {
+				position: sticky;
+				top: var(--umb-property-layout-header-top, calc(var(--uui-size-space-2) * -1));
+			}
+
+			:host {
+				/* TODO: Temp solution to not get a yellow asterisk when invalid. */
+				--umb-temp-uui-color-invalid: var(--uui-color-invalid);
+			}
+
+			#label {
+				position: relative;
+				word-break: break-word;
+				/* TODO: Temp solution to not get a yellow asterisk when invalid. */
+				--uui-color-invalid: var(--uui-color-danger);
+			}
+			#invalid-badge {
+				display: inline-block;
+				position: relative;
+				width: 18px;
+				height: 1em;
+				margin-right: 6px;
+			}
+			uui-badge {
+				//height: var(--uui-color-invalid);
+				background-color: var(--umb-temp-uui-color-invalid);
+				color: var(--uui-color-invalid-contrast);
+			}
+
+			#description {
+				color: var(--uui-color-text-alt);
+			}
+
+			#editorColumn {
+				display: flex;
+				align-items: center;
+				margin-top: var(--uui-size-space-3);
+			}
+
+			:host(:not([alignment='left'])) #editorColumn {
+				justify-content: flex-end;
+			}
+
+			:host(:not([orientation='vertical'])) #editorColumn {
+				margin-top: 0;
+			}
 		`,
 ];
 __decorate([

package/dist/index.js

@@ -1,3 +1,5 @@
+import { UMB_AUTH_CONTEXT } from '@umbraco-cms/backoffice/auth';
+import { client } from './api/client.gen.js';
 import './restore/index.js';
 import './components/index.js';
 import { manifests as localizations } from './lang/manifest';
@@ -6,7 +8,7 @@ import { manifests as itemManifests } from './items/manifests';
 import { manifests as restoreManifests } from './restore/manifest';
 import { manifests as backgroundManifests } from './background/manifest';
 export * from './exports.js';
-export const onInit = (_host, extensionRegistry) => {
+export const onInit = async (host, extensionRegistry) => {
     extensionRegistry.registerMany([
         ...licenceManifests,
         ...itemManifests,
@@ -16,4 +18,10 @@ export const onInit = (_host, extensionRegistry) => {
     ]);
     // remove the add-ons dashboard workspace, complete is now installed.
     extensionRegistry.exclude('usync.workspace.addons');
+    const authContext = await host.getContext(UMB_AUTH_CONTEXT);
+    if (!authContext) {
+        console.warn('UMB_AUTH_CONTEXT not available — extension API client will not be authenticated');
+        return;
+    }
+    authContext.configureClient(client);
 };

package/dist/licence/components/licence-notice.js

@@ -31,18 +31,18 @@ let uSyncLicenceNoticeElement = class uSyncLicenceNoticeElement extends UmbLitEl
         const messageString = `usynccomplete_licence${status}`;
         const className = status.toLowerCase();
         const icon = status === 'Invalid' ? 'icon-wrong' : 'icon-alert';
-        return html `<div class="licence-alert ${className}">
-			<uui-icon .name=${icon}></uui-icon>
-			<umb-localize key="${messageString}"></umb-localize>
+        return html `<div class="licence-alert ${className}">
+			<uui-icon .name=${icon}></uui-icon>
+			<umb-localize key="${messageString}"></umb-localize>
 		</div>`;
     }
 };
 uSyncLicenceNoticeElement.styles = [
     JumooLicenceStyles,
-    css `
-			.licence-alert {
-				display: block;
-			}
+    css `
+			.licence-alert {
+				display: block;
+			}
 		`,
 ];
 __decorate([