@jumoo/usync 18.2.0 → 19.0.0-beta01

package/dist/components/usync-results-view.js

@@ -52,37 +52,37 @@ let uSyncResultsView = class uSyncResultsView extends UmbElementMixin(LitElement
             const groupChanges = groups[key].filter((r) => r.change !== ChangeType.NO_CHANGE).length ?? 0;
             if (groupChanges === 0 && !this.showAll)
                 continue;
-            const groupHtml = html `<usync-result-group
-				.groupName=${key}
-				.results=${groups[key]}
-				.showAll=${this.showAll}
+            const groupHtml = html `<usync-result-group
+				.groupName=${key}
+				.results=${groups[key]}
+				.showAll=${this.showAll}
 				@show-detail=${__classPrivateFieldGet(this, _uSyncResultsView_instances, "m", _uSyncResultsView_showDetail)}></usync-result-group> `;
             groupsHtml.push(groupHtml);
         }
         return this.changeCount == 0 && !this.showAll
-            ? html `
-					${this.renderResultBar(this.results?.length || 0, this.changeCount)}
-					<div class="empty">
-						<umb-localize key="uSync_noChange"></umb-localize>
-					</div>
+            ? html `
+					${this.renderResultBar(this.results?.length || 0, this.changeCount)}
+					<div class="empty">
+						<umb-localize key="uSync_noChange"></umb-localize>
+					</div>
 				`
-            : html `<div id="result-box">
-					${this.renderResultBar(this.results?.length || 0, this.changeCount)}
-					${groupsHtml}
+            : html `<div id="result-box">
+					${this.renderResultBar(this.results?.length || 0, this.changeCount)}
+					${groupsHtml}
 				</div>`;
     }
     renderResultBar(count, changes) {
         if (this.hideResultBar)
             return nothing;
         const localKey = changes === 0 ? 'uSync_noChangeCount' : 'uSync_changeCount';
-        return html `<div class="result-header">
-			<uui-toggle
-				.label=${this.localize.termOrDefault('uSync_showAll', 'Show all items')}
-				?checked=${this.showAll}
-				@change=${__classPrivateFieldGet(this, _uSyncResultsView_instances, "m", _uSyncResultsView_toggleShowAll)}></uui-toggle>
-			<umb-localize .key=${localKey} .args=${[count, changes]}
-				>${changes}/${count} items</umb-localize
-			>
+        return html `<div class="result-header">
+			<uui-toggle
+				.label=${this.localize.termOrDefault('uSync_showAll', 'Show all items')}
+				?checked=${this.showAll}
+				@change=${__classPrivateFieldGet(this, _uSyncResultsView_instances, "m", _uSyncResultsView_toggleShowAll)}></uui-toggle>
+			<umb-localize .key=${localKey} .args=${[count, changes]}
+				>${changes}/${count} items</umb-localize
+			>
 		</div>`;
     }
 };
@@ -110,50 +110,50 @@ _uSyncResultsView_showDetail = async function _uSyncResultsView_showDetail(e) {
     if (!data)
         return;
 };
-uSyncResultsView.styles = css `
-		:host {
-			display: block;
-			margin: var(--uui-size-space-4) 0;
-			display: flex;
-			flex-direction: column;
-			gap: var(--uui-size-space-4);
-		}
-
-		#result-box {
-			display: flex;
-			flex-direction: column;
-			gap: var(--uui-size-space-4);
-		}
-
-		uui-table {
-			position: relative;
-			z-index: 100;
-		}
-
-		.result-header {
-			display: flex;
-			justify-content: space-between;
-			padding: var(--uui-size-space-4);
-			border: 1px solid var(--uui-color-border);
-			border-radius: var(--uui-border-radius);
-			padding: var(--uui-size-space-4);
-		}
-
-		.result-header h3 {
-			margin: 0;
-			padding: 0;
-		}
-
-		.empty {
-			padding: var(--uui-size-20);
-			font-size: var(--uui-type-h5-size);
-			text-align: center;
-			font-weight: 900;
-		}
-
-		.error {
-			background-color: #fce4ec;
-		}
+uSyncResultsView.styles = css `
+		:host {
+			display: block;
+			margin: var(--uui-size-space-4) 0;
+			display: flex;
+			flex-direction: column;
+			gap: var(--uui-size-space-4);
+		}
+
+		#result-box {
+			display: flex;
+			flex-direction: column;
+			gap: var(--uui-size-space-4);
+		}
+
+		uui-table {
+			position: relative;
+			z-index: 100;
+		}
+
+		.result-header {
+			display: flex;
+			justify-content: space-between;
+			padding: var(--uui-size-space-4);
+			border: 1px solid var(--uui-color-border);
+			border-radius: var(--uui-border-radius);
+			padding: var(--uui-size-space-4);
+		}
+
+		.result-header h3 {
+			margin: 0;
+			padding: 0;
+		}
+
+		.empty {
+			padding: var(--uui-size-20);
+			font-size: var(--uui-type-h5-size);
+			text-align: center;
+			font-weight: 900;
+		}
+
+		.error {
+			background-color: #fce4ec;
+		}
 	`;
 __decorate([
     property({ type: Array })

package/dist/components/usync-sync-file-info-view.js

@@ -30,8 +30,8 @@ _uSyncSyncFileInfoView_renderHmacMismatch = function _uSyncSyncFileInfoView_rend
         return nothing;
     if (this._syncFileInfo.hmacMatch)
         return nothing;
-    return html `<div class="banner">
-			<umb-localize key="uSync_hmacMismatch"></umb-localize>
+    return html `<div class="banner">
+			<umb-localize key="uSync_hmacMismatch"></umb-localize>
 		</div>`;
 };
 _uSyncSyncFileInfoView_renderFormatMismatch = function _uSyncSyncFileInfoView_renderFormatMismatch() {
@@ -39,17 +39,17 @@ _uSyncSyncFileInfoView_renderFormatMismatch = function _uSyncSyncFileInfoView_re
         return nothing;
     if (this._syncFileInfo.isCurrent)
         return nothing;
-    return html `<div class="banner">
-			<umb-localize key="uSync_formatMismatch"></umb-localize>
+    return html `<div class="banner">
+			<umb-localize key="uSync_formatMismatch"></umb-localize>
 		</div>`;
 };
 uSyncSyncFileInfoView.styles = [
-    css `
-			.banner {
-				padding: var(--uui-size-space-2) var(--uui-size-space-4);
-				margin: 0 0 var(--uui-size-space-4);
-				background-color: var(--uui-color-surface);
-			}
+    css `
+			.banner {
+				padding: var(--uui-size-space-2) var(--uui-size-space-4);
+				margin: 0 0 var(--uui-size-space-4);
+				background-color: var(--uui-color-surface);
+			}
 		`,
 ];
 __decorate([

package/dist/conditions/new-section.condition.js

@@ -9,10 +9,11 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _SyncNewSectionCondition_instances, _SyncNewSectionCondition_currentSection, _SyncNewSectionCondition_allSections, _SyncNewSectionCondition_checkPermission;
+var _SyncNewSectionCondition_instances, _SyncNewSectionCondition_currentSection, _SyncNewSectionCondition_allSections, _SyncNewSectionCondition_userSections, _SyncNewSectionCondition_checkPermission;
 import { UmbExtensionsManifestInitializer, } from '@umbraco-cms/backoffice/extension-api';
 import { UmbConditionBase, umbExtensionsRegistry, } from '@umbraco-cms/backoffice/extension-registry';
 import { UMB_SECTION_CONTEXT } from '@umbraco-cms/backoffice/section';
+import { UMB_CURRENT_USER_CONTEXT } from '@umbraco-cms/backoffice/current-user';
 import { USYNC_SECTION_ALIAS } from '../tree/constants';
 export class SyncNewSectionCondition extends UmbConditionBase {
     constructor(host, args) {
@@ -20,10 +21,19 @@ export class SyncNewSectionCondition extends UmbConditionBase {
         _SyncNewSectionCondition_instances.add(this);
         _SyncNewSectionCondition_currentSection.set(this, void 0);
         _SyncNewSectionCondition_allSections.set(this, void 0);
+        _SyncNewSectionCondition_userSections.set(this, void 0);
         new UmbExtensionsManifestInitializer(this, umbExtensionsRegistry, 'section', () => true, async (sections) => {
             __classPrivateFieldSet(this, _SyncNewSectionCondition_allSections, sections.map((section) => section.alias), "f");
             this.permitted = __classPrivateFieldGet(this, _SyncNewSectionCondition_instances, "m", _SyncNewSectionCondition_checkPermission).call(this);
         }, 'uSyncAllSectionsManifestFilter');
+        this.consumeContext(UMB_CURRENT_USER_CONTEXT, (_context) => {
+            if (!_context)
+                return;
+            this.observe(_context.allowedSections, (_sections) => {
+                __classPrivateFieldSet(this, _SyncNewSectionCondition_userSections, _sections, "f");
+                this.permitted = __classPrivateFieldGet(this, _SyncNewSectionCondition_instances, "m", _SyncNewSectionCondition_checkPermission).call(this);
+            });
+        });
         this.consumeContext(UMB_SECTION_CONTEXT, (_context) => {
             if (!_context)
                 return;
@@ -34,7 +44,7 @@ export class SyncNewSectionCondition extends UmbConditionBase {
         });
     }
 }
-_SyncNewSectionCondition_currentSection = new WeakMap(), _SyncNewSectionCondition_allSections = new WeakMap(), _SyncNewSectionCondition_instances = new WeakSet(), _SyncNewSectionCondition_checkPermission = function _SyncNewSectionCondition_checkPermission() {
+_SyncNewSectionCondition_currentSection = new WeakMap(), _SyncNewSectionCondition_allSections = new WeakMap(), _SyncNewSectionCondition_userSections = new WeakMap(), _SyncNewSectionCondition_instances = new WeakSet(), _SyncNewSectionCondition_checkPermission = function _SyncNewSectionCondition_checkPermission() {
     if (!__classPrivateFieldGet(this, _SyncNewSectionCondition_currentSection, "f"))
         return false;
     if (!__classPrivateFieldGet(this, _SyncNewSectionCondition_allSections, "f"))
@@ -44,5 +54,9 @@ _SyncNewSectionCondition_currentSection = new WeakMap(), _SyncNewSectionConditio
         return true;
     if (__classPrivateFieldGet(this, _SyncNewSectionCondition_currentSection, "f") === USYNC_SECTION_ALIAS)
         return true;
+    // the section exists, but this user hasn't been given it, so keep
+    // showing uSync in settings (the api allows settings or usync access).
+    if (__classPrivateFieldGet(this, _SyncNewSectionCondition_userSections, "f") && !__classPrivateFieldGet(this, _SyncNewSectionCondition_userSections, "f").includes(USYNC_SECTION_ALIAS))
+        return true;
     return false;
 };

package/dist/constants.js

@@ -4,7 +4,7 @@ const _constants = {
     icon: 'icon-infinity',
     menuName: 'Syncronisation',
     menuAlias: 'usync.menu',
-    version: '17.x',
+    version: '18.x',
     conditions: {
         legacy: 'usync.legacy.condition',
     },

package/dist/dialogs/details-modal-element.js

@@ -23,39 +23,39 @@ let uSyncDetailsModalElement = class uSyncDetailsModalElement extends UmbModalBa
         // });
     }
     render() {
-        return html `
-			<umb-body-layout headline="Changes : ${this.data?.item.name ?? ''}">
-				<div class="layout">
-					<uui-box style="--uui-box-default-padding: 0;">
-						<div class="headline">
-							<div>
-								<h3><umb-localize key="uSync_detailHeadline"></umb-localize></h3>
-								<umb-localize key="uSync_detailHeader"></umb-localize>
-							</div>
-							<div>${this.renderActions()}</div>
-						</div>
-					</uui-box>
-					<usync-change-view .item=${this.data?.item}></usync-change-view>
-				</div>
-				<div slot="actions">
-					<uui-button
-						id="cancel"
-						.label=${this.localize.term('general_close')}
-						look="outline"
-						@click="${__classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_onClose)}"></uui-button>
-				</div>
-			</umb-body-layout>
+        return html `
+			<umb-body-layout headline="Changes : ${this.data?.item.name ?? ''}">
+				<div class="layout">
+					<uui-box style="--uui-box-default-padding: 0;">
+						<div class="headline">
+							<div>
+								<h3><umb-localize key="uSync_detailHeadline"></umb-localize></h3>
+								<umb-localize key="uSync_detailHeader"></umb-localize>
+							</div>
+							<div>${this.renderActions()}</div>
+						</div>
+					</uui-box>
+					<usync-change-view .item=${this.data?.item}></usync-change-view>
+				</div>
+				<div slot="actions">
+					<uui-button
+						id="cancel"
+						.label=${this.localize.term('general_close')}
+						look="outline"
+						@click="${__classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_onClose)}"></uui-button>
+				</div>
+			</umb-body-layout>
 		`;
     }
     renderActions() {
         if (!this.data?.showActions)
             return nothing;
-        return html ` <uui-button
-			id="import"
-			type="button"
-			look="outline"
-			.state=${this.importState}
-			.label=${this.localize.termOrDefault('uSync_importSingle', 'Import')}
+        return html ` <uui-button
+			id="import"
+			type="button"
+			look="outline"
+			.state=${this.importState}
+			.label=${this.localize.termOrDefault('uSync_importSingle', 'Import')}
 			@click="${__classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_onImport)}"></uui-button>`;
     }
 };
@@ -78,23 +78,23 @@ _uSyncDetailsModalElement_onImport = async function _uSyncDetailsModalElement_on
 _uSyncDetailsModalElement_onClose = function _uSyncDetailsModalElement_onClose() {
     this.modalContext?.reject();
 };
-uSyncDetailsModalElement.styles = css `
-		.layout {
-			display: flex;
-			flex-direction: column;
-			gap: var(--uui-size-space-4);
-		}
-
-		.headline {
-			display: flex;
-			justify-content: space-between;
-			padding: var(--uui-size-space-4);
-			align-items: center;
-		}
-
-		.headline h3 {
-			margin: 0;
-		}
+uSyncDetailsModalElement.styles = css `
+		.layout {
+			display: flex;
+			flex-direction: column;
+			gap: var(--uui-size-space-4);
+		}
+
+		.headline {
+			display: flex;
+			justify-content: space-between;
+			padding: var(--uui-size-space-4);
+			align-items: center;
+		}
+
+		.headline h3 {
+			margin: 0;
+		}
 	`;
 __decorate([
     state()

package/dist/dialogs/error-modal-element.js

@@ -19,18 +19,18 @@ let uSyncErrorModalElement = class uSyncErrorModalElement extends UmbModalBaseEl
     }
     render() {
         const headline = `Error: ${this.data?.action.name ?? ''} [${this.data?.action.itemType}]`;
-        return html `<umb-body-layout .headline=${headline}>
-			<strong>
-				<umb-localize key="uSync_errorHeader"></umb-localize>
-			</strong>
-			<div class="error">${this.data?.action.message}</div>
-			<div slot="actions">
-				<uui-button
-					id="cancel"
-					look="outline"
-					.label=${this.localize.term('general_close')}
-					@click="${__classPrivateFieldGet(this, _uSyncErrorModalElement_instances, "m", _uSyncErrorModalElement_onClose)}"></uui-button>
-			</div>
+        return html `<umb-body-layout .headline=${headline}>
+			<strong>
+				<umb-localize key="uSync_errorHeader"></umb-localize>
+			</strong>
+			<div class="error">${this.data?.action.message}</div>
+			<div slot="actions">
+				<uui-button
+					id="cancel"
+					look="outline"
+					.label=${this.localize.term('general_close')}
+					@click="${__classPrivateFieldGet(this, _uSyncErrorModalElement_instances, "m", _uSyncErrorModalElement_onClose)}"></uui-button>
+			</div>
 		</umb-body-layout>`;
     }
 };
@@ -38,16 +38,16 @@ _uSyncErrorModalElement_instances = new WeakSet();
 _uSyncErrorModalElement_onClose = function _uSyncErrorModalElement_onClose() {
     this.modalContext?.reject();
 };
-uSyncErrorModalElement.styles = css `
-		umb-body-layout {
-			max-width: 450px;
-		}
-
-		.error {
-			padding: 10px;
-			font-family: monospace;
-			color: red;
-		}
+uSyncErrorModalElement.styles = css `
+		umb-body-layout {
+			max-width: 450px;
+		}
+
+		.error {
+			padding: 10px;
+			font-family: monospace;
+			color: red;
+		}
 	`;
 uSyncErrorModalElement = __decorate([
     customElement('usync-error-modal')

package/dist/dialogs/legacy-modal-element.d.ts

@@ -1,13 +1,19 @@
 import { nothing } from '@umbraco-cms/backoffice/external/lit';
 import { UmbModalBaseElement, UmbModalToken } from '@umbraco-cms/backoffice/modal';
 import { SyncLegacyCheckResponse } from '@jumoo/uSync';
-export declare class uSyncLegacyModalElement extends UmbModalBaseElement<SyncLegacyCheckResponse, string> {
+export interface uSyncLegacyModalValue {
+    /** ids of the migrations to run as the legacy folder is copied. */
+    migrations: Array<string>;
+}
+/**
+ * confirms copying the legacy folder, and lets the user choose which migrations to run on the files.
+ */
+export declare class uSyncLegacyModalElement extends UmbModalBaseElement<SyncLegacyCheckResponse, uSyncLegacyModalValue> {
     #private;
+    _skipped: Set<string>;
     render(): import("lit-html").TemplateResult<1>;
-    renderLegacyFolder(folder: string | null | undefined): typeof nothing | import("lit-html").TemplateResult<1>;
-    renderLegacyTypes(legacyTypes: Array<string> | undefined): typeof nothing | import("lit-html").TemplateResult<1>;
-    renderCopy(): import("lit-html").TemplateResult<1>;
+    renderMigrations(migrations: SyncLegacyCheckResponse['migrations']): typeof nothing | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;
 }
 export default uSyncLegacyModalElement;
-export declare const USYNC_LEGACY_MODAL: UmbModalToken<SyncLegacyCheckResponse, string>;
+export declare const USYNC_LEGACY_MODAL: UmbModalToken<SyncLegacyCheckResponse, uSyncLegacyModalValue>;

package/dist/dialogs/legacy-modal-element.js

@@ -9,62 +9,114 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _uSyncLegacyModalElement_instances, _uSyncLegacyModalElement_onClose;
-import { css, customElement, html, nothing } from '@umbraco-cms/backoffice/external/lit';
+var _uSyncLegacyModalElement_instances, _uSyncLegacyModalElement_onClose, _uSyncLegacyModalElement_onCopy, _uSyncLegacyModalElement_onToggleMigration;
+import { css, customElement, html, nothing, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbModalBaseElement, UmbModalToken } from '@umbraco-cms/backoffice/modal';
+/**
+ * confirms copying the legacy folder, and lets the user choose which migrations to run on the files.
+ */
 let uSyncLegacyModalElement = class uSyncLegacyModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
         _uSyncLegacyModalElement_instances.add(this);
+        // migrations are all on until the user turns one off.
+        this._skipped = new Set();
     }
     render() {
-        return html `
-			<umb-body-layout headline="Legacy uSync folder detected">
-				<div class="content">
-					${this.renderLegacyFolder(this.data?.legacyFolder)}
-					${this.renderLegacyTypes(this.data?.legacyTypes)} ${this.renderCopy()}
-				</div>
-				<div slot="actions">
-					<uui-button id="cancel" label="close" @click=${__classPrivateFieldGet(this, _uSyncLegacyModalElement_instances, "m", _uSyncLegacyModalElement_onClose)}>
-						${this.localize.term('general_close')}
-					</uui-button>
-				</div>
-			</umb-body-layout>
+        const version = this.data?.latestVersion;
+        const migrations = this.data?.migrations ?? [];
+        return html `
+			<umb-body-layout
+				.headline=${this.localize.termOrDefault('uSync_legacyCopyTitle', 'Overwrite files', version)}>
+				<div class="content">
+					<p>
+						${this.localize.termOrDefault('uSync_legacyCopyContent', 'Are you sure you want to overwrite the contents of the folder with the legacy uSync folder files?', this.data?.latestFolder)}
+					</p>
+					${this.renderMigrations(migrations)}
+				</div>
+				<div slot="actions">
+					<uui-button
+						id="cancel"
+						label="cancel"
+						@click=${__classPrivateFieldGet(this, _uSyncLegacyModalElement_instances, "m", _uSyncLegacyModalElement_onClose)}>${this.localize.term('general_cancel')}</uui-button>
+					<uui-button id="copy" label="copy" look="primary" color="danger" @click=${__classPrivateFieldGet(this, _uSyncLegacyModalElement_instances, "m", _uSyncLegacyModalElement_onCopy)}
+						>${migrations.length > 0 && migrations.some((m) => !this._skipped.has(m.id))
+            ? 'Migrate and copy'
+            : 'Copy'}</uui-button
+					>
+				</div>
+			</umb-body-layout>
 		`;
     }
-    renderLegacyFolder(folder) {
-        return folder === undefined || folder === null
-            ? nothing
-            : html `${this.localize.termOrDefault('uSync.legacyInfo', 'uSync has found a legacy uSync folder', folder)}`;
-    }
-    renderLegacyTypes(legacyTypes) {
-        if (legacyTypes == undefined || legacyTypes.length == 0) {
+    renderMigrations(migrations) {
+        if (migrations.length == 0) {
             return nothing;
         }
-        const legacyTypeHtml = this.data?.legacyTypes.map((datatype) => {
-            return html `<li>${datatype}</li>`;
-        });
-        return html `<div>
-			${this.localize.termOrDefault('uSync.legacyObsolete', 'Obsolete DataTypes', legacyTypeHtml)}
-		</div>`;
-    }
-    renderCopy() {
-        return html `${this.localize.termOrDefault('uSync.legacyCopy', 'Copy to uSync folder', this.data?.legacyFolder ?? 'uSync/v15')} `;
+        return html `
+			<uui-box headline="Migrations">
+				<p>
+					These changes can be made to the files as they are copied, so the import that
+					follows uses the current editors.
+				</p>
+				${migrations.map((migration) => html `
+						<div class="migration">
+							<uui-checkbox
+								label=${migration.name}
+								?checked=${!this._skipped.has(migration.id)}
+								@change=${(e) => __classPrivateFieldGet(this, _uSyncLegacyModalElement_instances, "m", _uSyncLegacyModalElement_onToggleMigration).call(this, migration.id, e.target.checked)}
+								>${migration.name} (${migration.count})</uui-checkbox
+							>
+							<div class="migration-description">${migration.description}</div>
+							${migration.notice
+            ? html `<div class="migration-notice">${migration.notice}</div>`
+            : nothing}
+						</div>
+					`)}
+			</uui-box>
+		`;
     }
 };
 _uSyncLegacyModalElement_instances = new WeakSet();
 _uSyncLegacyModalElement_onClose = function _uSyncLegacyModalElement_onClose() {
     this.modalContext?.reject();
 };
-uSyncLegacyModalElement.styles = css `
-		.content {
-			margin: -10px 0;
-		}
-
-		em {
-			color: var(--uui-color-positive);
-		}
+_uSyncLegacyModalElement_onCopy = function _uSyncLegacyModalElement_onCopy() {
+    const migrations = (this.data?.migrations ?? [])
+        .map((migration) => migration.id)
+        .filter((id) => !this._skipped.has(id));
+    this.modalContext?.setValue({ migrations });
+    this.modalContext?.submit();
+};
+_uSyncLegacyModalElement_onToggleMigration = function _uSyncLegacyModalElement_onToggleMigration(id, checked) {
+    const skipped = new Set(this._skipped);
+    if (checked)
+        skipped.delete(id);
+    else
+        skipped.add(id);
+    this._skipped = skipped;
+};
+uSyncLegacyModalElement.styles = css `
+		.content {
+			max-width: 520px;
+		}
+
+		.migration {
+			margin-bottom: var(--uui-size-space-3);
+		}
+
+		.migration-description,
+		.migration-notice {
+			margin-left: var(--uui-size-space-6);
+		}
+
+		.migration-notice {
+			color: var(--uui-color-text-alt);
+			font-size: var(--uui-type-small-size);
+		}
 	`;
+__decorate([
+    state()
+], uSyncLegacyModalElement.prototype, "_skipped", void 0);
 uSyncLegacyModalElement = __decorate([
     customElement('usync-legacy-modal')
 ], uSyncLegacyModalElement);