@jumoo/usync 18.2.0 → 18.3.0

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

@@ -9,66 +9,216 @@ 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 _uSyncDetailsModalElement_instances, _uSyncDetailsModalElement_onImport, _uSyncDetailsModalElement_onClose;
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _uSyncDetailsModalElement_instances, _uSyncDetailsModalElement_repository, _uSyncDetailsModalElement_previewFilter, _uSyncDetailsModalElement_previewProps, _uSyncDetailsModalElement_moveTo, _uSyncDetailsModalElement_loadPreview, _uSyncDetailsModalElement_hasPreview, _uSyncDetailsModalElement_showActions, _uSyncDetailsModalElement_onImport, _uSyncDetailsModalElement_onClose;
 import { UMB_MODAL_MANAGER_CONTEXT, UmbModalBaseElement, } from '@umbraco-cms/backoffice/modal';
 import { css, customElement, html, nothing, state, } from '@umbraco-cms/backoffice/external/lit';
-import { USYNC_IMPORT_SINGLE_MODAL, } from '@jumoo/uSync';
+import { USYNC_IMPORT_SINGLE_MODAL, uSyncActionRepository, } from '@jumoo/uSync';
+import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
 let uSyncDetailsModalElement = class uSyncDetailsModalElement extends UmbModalBaseElement {
     constructor() {
         super();
         _uSyncDetailsModalElement_instances.add(this);
+        this._tab = 'changes';
+        this._loading = false;
+        this._index = -1;
+        /** the entity types there is a 'usync-item-preview' element for */
+        this._previewTypes = new Set();
+        _uSyncDetailsModalElement_repository.set(this, new uSyncActionRepository(this));
+        // kept between renders, so the extension slot doesn't rebuild the preview each time.
+        _uSyncDetailsModalElement_previewFilter.set(this, (_manifest) => false);
+        _uSyncDetailsModalElement_previewProps.set(this, {});
+        this.observe(umbExtensionsRegistry.byType('usync-item-preview'), (manifests) => {
+            this._previewTypes = new Set(manifests.flatMap((m) => m.forEntityTypes));
+        });
         // this.consumeContext(USYNC_CORE_CONTEXT_TOKEN, (_instance) => {
         // 	if (!_instance) return;
         // 	this.#actionContext = _instance;
         // });
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this._item = this.data?.item;
+        this._index = this.data?.items?.indexOf(this.data.item) ?? -1;
+        __classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_loadPreview).call(this);
+    }
     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>
+				${this.renderHeadline()}
+				<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>
+					${this.renderTabs()}
+					${this.renderTabContent()}
+				</div>
+				${this.renderNavigation()}
+				<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>
 		`;
     }
+    renderHeadline() {
+        const item = this._item;
+        if (!item)
+            return nothing;
+        // singular names first (Content type), then the plural group
+        // names the results use (Content Types), then the raw type.
+        const itemType = this.localize.termOrDefault(`uSync_itemType${item.itemType}`, this.localize.termOrDefault(`uSync_${item.itemType}`, item.itemType));
+        return html `<div slot="header" id="headline">
+			<h3 title=${item.name}>Changes : ${item.name}</h3>
+			<span class="item-info">${itemType} · ${item.change}</span>
+		</div>`;
+    }
+    renderNavigation() {
+        const count = this.data?.items?.length ?? 0;
+        if (count < 2 || this._index < 0)
+            return nothing;
+        return html `<div slot="footer-info" id="navigation">
+			<uui-button
+				compact
+				look="secondary"
+				.label=${this.localize.term('general_previous')}
+				?disabled=${this._index === 0}
+				@click=${() => __classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_moveTo).call(this, this._index - 1)}>
+				<uui-icon name="icon-arrow-left"></uui-icon>
+			</uui-button>
+			<span>
+				${this.localize.termOrDefault('uSync_detailPosition', `${this._index + 1} of ${count}`, this.localize.number(this._index + 1), this.localize.number(count))}
+			</span>
+			<uui-button
+				compact
+				look="secondary"
+				.label=${this.localize.term('general_next')}
+				?disabled=${this._index === count - 1}
+				@click=${() => __classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_moveTo).call(this, this._index + 1)}>
+				<uui-icon name="icon-arrow-right"></uui-icon>
+			</uui-button>
+		</div>`;
+    }
+    renderTabs() {
+        if (!__classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_hasPreview).call(this))
+            return nothing;
+        return html `<uui-tab-group>
+			${this.renderTab('changes', 'uSync_changesTab', 'Changes', 'icon-eye')}
+			${this.renderTab('diff', 'uSync_diffTab', 'Diff', 'icon-code')}
+		</uui-tab-group>`;
+    }
+    renderTab(tab, key, fallback, icon) {
+        const label = this.localize.termOrDefault(key, fallback);
+        return html `<uui-tab
+			.label=${label}
+			?active=${this._tab === tab}
+			@click=${() => (this._tab = tab)}>
+			<!-- uui-tab stacks its icon slot above the label, so the icon
+			     goes in the label to keep them on one line. -->
+			<span class="tab-label"><umb-icon name=${icon}></umb-icon>${label}</span>
+		</uui-tab>`;
+    }
+    renderTabContent() {
+        // the visual changes view is the default, the raw diff is there
+        // for anything that doesn't have a preview (or if you ask for it).
+        if (this._tab === 'changes') {
+            if (this._loading)
+                return html `<uui-loader-bar></uui-loader-bar>`;
+            if (__classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_hasPreview).call(this))
+                return this.renderPreview();
+        }
+        return html `<uui-box style="--uui-box-default-padding: 0;">
+			<usync-change-view .item=${this._item}></usync-change-view>
+		</uui-box>`;
+    }
+    renderPreview() {
+        // packages can show previews for their own items by registering a
+        // 'usync-item-preview' element for the entity type their preview mapper returns.
+        return html `<umb-extension-slot
+			type="usync-item-preview"
+			single
+			.filter=${__classPrivateFieldGet(this, _uSyncDetailsModalElement_previewFilter, "f")}
+			.props=${__classPrivateFieldGet(this, _uSyncDetailsModalElement_previewProps, "f")}></umb-extension-slot>`;
+    }
     renderActions() {
-        if (!this.data?.showActions)
+        if (!__classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_showActions).call(this))
             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>`;
     }
 };
+_uSyncDetailsModalElement_repository = new WeakMap();
+_uSyncDetailsModalElement_previewFilter = new WeakMap();
+_uSyncDetailsModalElement_previewProps = new WeakMap();
 _uSyncDetailsModalElement_instances = new WeakSet();
+_uSyncDetailsModalElement_moveTo = function _uSyncDetailsModalElement_moveTo(index) {
+    const item = this.data?.items?.[index];
+    if (!item)
+        return;
+    this._index = index;
+    this._item = item;
+    this._preview = undefined;
+    __classPrivateFieldGet(this, _uSyncDetailsModalElement_instances, "m", _uSyncDetailsModalElement_loadPreview).call(this);
+};
+_uSyncDetailsModalElement_loadPreview = async function _uSyncDetailsModalElement_loadPreview() {
+    const item = this._item;
+    if (!item?.handler || !item.key)
+        return;
+    // only some handlers support previews, the rest return a 404
+    // and the modal shows the diff on its own. we leave _tab alone
+    // so a user who picked the diff stays on it as they move through.
+    this._loading = true;
+    const { data } = await __classPrivateFieldGet(this, _uSyncDetailsModalElement_repository, "f").getPreview(item.handler, item.key);
+    // moving through the list quickly can return previews out of order,
+    // so drop anything that isn't for the item we are now showing.
+    if (item !== this._item)
+        return;
+    this._loading = false;
+    if (data?.entityType) {
+        const entityType = data.entityType;
+        __classPrivateFieldSet(this, _uSyncDetailsModalElement_previewFilter, (manifest) => manifest.forEntityTypes.includes(entityType), "f");
+        __classPrivateFieldSet(this, _uSyncDetailsModalElement_previewProps, { preview: data }, "f");
+        this._preview = data;
+    }
+};
+_uSyncDetailsModalElement_hasPreview = function _uSyncDetailsModalElement_hasPreview() {
+    return !!this._preview && this._previewTypes.has(this._preview.entityType);
+};
+_uSyncDetailsModalElement_showActions = function _uSyncDetailsModalElement_showActions() {
+    const showActions = this.data?.showActions;
+    if (typeof showActions === 'function') {
+        return this._item ? showActions(this._item) : false;
+    }
+    return showActions ?? false;
+};
 _uSyncDetailsModalElement_onImport = async function _uSyncDetailsModalElement_onImport(e) {
     e.stopPropagation();
-    if (!this.data?.item)
+    if (!this._item)
         return;
     const modalContext = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
     if (!modalContext)
         return;
     const modal = modalContext.open(this, USYNC_IMPORT_SINGLE_MODAL, {
-        data: { action: this.data?.item },
+        data: { action: this._item },
     });
     const data = await modal?.onSubmit().catch(() => {
         return;
@@ -78,27 +228,87 @@ _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;
+		}
+
+		#headline {
+			display: flex;
+			flex-direction: column;
+			min-width: 0;
+		}
+
+		#headline h3 {
+			margin: 0;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+
+		#headline .item-info {
+			font-size: var(--uui-type-small-size);
+			color: var(--uui-color-text-alt);
+		}
+
+		uui-tab-group {
+			background-color: var(--uui-color-surface);
+			border-radius: var(--uui-border-radius);
+			box-shadow: var(--uui-shadow-depth-1);
+			padding: 0 var(--uui-size-space-2);
+		}
+
+		.tab-label {
+			display: inline-flex;
+			align-items: center;
+			gap: var(--uui-size-space-2);
+		}
+
+		.tab-label umb-icon {
+			font-size: 16px;
+		}
+
+		#navigation {
+			display: flex;
+			align-items: center;
+			gap: var(--uui-size-space-3);
+			padding-left: var(--uui-size-space-4);
+		}
 	`;
 __decorate([
     state()
 ], uSyncDetailsModalElement.prototype, "importState", void 0);
+__decorate([
+    state()
+], uSyncDetailsModalElement.prototype, "_preview", void 0);
+__decorate([
+    state()
+], uSyncDetailsModalElement.prototype, "_tab", void 0);
+__decorate([
+    state()
+], uSyncDetailsModalElement.prototype, "_loading", void 0);
+__decorate([
+    state()
+], uSyncDetailsModalElement.prototype, "_item", void 0);
+__decorate([
+    state()
+], uSyncDetailsModalElement.prototype, "_index", void 0);
+__decorate([
+    state()
+], uSyncDetailsModalElement.prototype, "_previewTypes", void 0);
 uSyncDetailsModalElement = __decorate([
     customElement('usync-details-modal')
 ], uSyncDetailsModalElement);

package/dist/dialogs/details-modal-token.d.ts

@@ -2,7 +2,16 @@ import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
 import { USyncActionView } from '@jumoo/uSync';
 export interface uSyncDetailsModalData {
     item: USyncActionView;
-    showActions?: boolean;
+    /**
+     * show the import button, either for every item or decided per item
+     * (when moving through `items` the answer can change from item to item).
+     */
+    showActions?: boolean | ((item: USyncActionView) => boolean);
+    /**
+     * the full list the item came from, when set the dialog can move
+     * to the previous / next item in the list.
+     */
+    items?: Array<USyncActionView>;
 }
 export interface uSyncDetailsModalValue {
     result: boolean;

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.js

@@ -18,18 +18,18 @@ let uSyncLegacyModalElement = class uSyncLegacyModalElement extends UmbModalBase
         _uSyncLegacyModalElement_instances.add(this);
     }
     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>
+        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>
 		`;
     }
     renderLegacyFolder(folder) {
@@ -44,8 +44,8 @@ let uSyncLegacyModalElement = class uSyncLegacyModalElement extends UmbModalBase
         const legacyTypeHtml = this.data?.legacyTypes.map((datatype) => {
             return html `<li>${datatype}</li>`;
         });
-        return html `<div>
-			${this.localize.termOrDefault('uSync.legacyObsolete', 'Obsolete DataTypes', legacyTypeHtml)}
+        return html `<div>
+			${this.localize.termOrDefault('uSync.legacyObsolete', 'Obsolete DataTypes', legacyTypeHtml)}
 		</div>`;
     }
     renderCopy() {
@@ -56,14 +56,14 @@ _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.styles = css `
+		.content {
+			margin: -10px 0;
+		}
+
+		em {
+			color: var(--uui-color-positive);
+		}
 	`;
 uSyncLegacyModalElement = __decorate([
     customElement('usync-legacy-modal')

package/dist/dialogs/single-import-modal.element.js

@@ -33,41 +33,41 @@ let SyncImportSingleModalElement = class SyncImportSingleModalElement extends Um
         });
     }
     render() {
-        return html `<umb-body-layout
-			.headline=${`Import : ${this.data?.action.name ?? ''} [${this.data?.action.itemType}]`}>
-			${this.renderResult()}
-			<div slot="actions">
-				<uui-button
-					id="cancel"
-					look="outline"
-					.label=${this.localize.term('general_close')}
-					@click="${__classPrivateFieldGet(this, _SyncImportSingleModalElement_instances, "m", _SyncImportSingleModalElement_onClose)}"></uui-button>
-				${when(!this.result, () => html ` <uui-button
-							id="import"
-							look="primary"
-							color="positive"
-							type="button"
-							.state=${this.importState}
-							.label=${this.localize.termOrDefault('uSync_importSingle', 'Import')}
-							@click="${__classPrivateFieldGet(this, _SyncImportSingleModalElement_instances, "m", _SyncImportSingleModalElement_doImport)}"></uui-button>`)}
-			</div>
+        return html `<umb-body-layout
+			.headline=${`Import : ${this.data?.action.name ?? ''} [${this.data?.action.itemType}]`}>
+			${this.renderResult()}
+			<div slot="actions">
+				<uui-button
+					id="cancel"
+					look="outline"
+					.label=${this.localize.term('general_close')}
+					@click="${__classPrivateFieldGet(this, _SyncImportSingleModalElement_instances, "m", _SyncImportSingleModalElement_onClose)}"></uui-button>
+				${when(!this.result, () => html ` <uui-button
+							id="import"
+							look="primary"
+							color="positive"
+							type="button"
+							.state=${this.importState}
+							.label=${this.localize.termOrDefault('uSync_importSingle', 'Import')}
+							@click="${__classPrivateFieldGet(this, _SyncImportSingleModalElement_instances, "m", _SyncImportSingleModalElement_doImport)}"></uui-button>`)}
+			</div>
 		</umb-body-layout>`;
     }
     renderResult() {
         if (!this.result)
-            return html ` <strong>
-				<umb-localize key="uSync_importSingleWarning"></umb-localize>
+            return html ` <strong>
+				<umb-localize key="uSync_importSingleWarning"></umb-localize>
 			</strong>`;
         if (this.result.success) {
-            return html `<div>
-				<umb-localize key="uSync_importSingleSuccess"></umb-localize>
+            return html `<div>
+				<umb-localize key="uSync_importSingleSuccess"></umb-localize>
 			</div>`;
         }
         else {
-            return html `<div>
-				<umb-localize
-					key="uSync_importSingleFailed"
-					.args=${[this.result.message]}></umb-localize>
+            return html `<div>
+				<umb-localize
+					key="uSync_importSingleFailed"
+					.args=${[this.result.message]}></umb-localize>
 			</div>`;
         }
     }
@@ -88,11 +88,11 @@ _SyncImportSingleModalElement_doImport = async function _SyncImportSingleModalEl
     else
         this.importState = 'failed';
 };
-SyncImportSingleModalElement.styles = css `
-		umb-body-layout {
-			min-width: 450px;
-			max-width: 450px;
-		}
+SyncImportSingleModalElement.styles = css `
+		umb-body-layout {
+			min-width: 450px;
+			max-width: 450px;
+		}
 	`;
 __decorate([
     state()

package/dist/exports.d.ts

@@ -8,3 +8,4 @@ export * from './constants.js';
 export * from './conditions/index.js';
 export * from './signalr/index.js';
 export * from './tree/index.js';
+export * from './preview/index.js';

package/dist/exports.js

@@ -8,3 +8,4 @@ export * from './constants.js';
 export * from './conditions/index.js';
 export * from './signalr/index.js';
 export * from './tree/index.js';
+export * from './preview/index.js';

package/dist/icons/svg/logo.js

@@ -1,21 +1,21 @@
-export default `<svg 
-fill="currentColor"
-stroke="currentColor"
-viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-<g transform="translate(108.42 -1.9279)">
-<g transform="matrix(-.16453 0 0 -.16453 -63.894 49.007)">
-<path d="m-19.355 15.107c-19.456 0-38.912 7.3909-53.695 22.174-29.566 29.566-29.566 77.823 0 107.39 29.566 29.566 77.823 29.566 107.39 0l46.211-46.211a10.584 10.584 0 0 0 0-14.967l-46.211-46.211c-14.783-14.783-34.238-22.174-53.693-22.174zm0 21.033c13.994 0 27.988 5.3688 38.727 16.107l38.727 38.729-38.727 38.727c-21.477 21.477-55.978 21.477-77.455 0s-21.477-55.978 0-77.455c10.739-10.739 24.734-16.107 38.729-16.107z"/>
-<path d="m-19.355 1.8789c-22.806 0-45.721 8.7209-63.049 26.049-34.655 34.655-34.655 91.44 0 126.1 34.655 34.655 91.44 34.655 126.1 0l46.211-46.211a13.23 13.23 0 0 0 2e-3 0c9.1864-9.1886 9.1864-24.485 0-33.674a13.23 13.23 0 0 0-2e-3 0l-46.211-46.211c-17.328-17.328-40.241-26.049-63.047-26.049zm0 47.49c10.611 0 21.139 3.9982 29.373 12.232l29.373 29.375-29.373 29.373c-16.468 16.468-42.28 16.468-58.748 0s-16.468-42.28 0-58.748c8.2336-8.2336 18.764-12.232 29.375-12.232z"/>
-<path d="m165.49 15.107c-19.456 0-38.912 7.3908-53.695 22.174l-46.211 46.211a10.584 10.584 0 0 0 0 14.967s33.45 33.45 46.211 46.211c29.566 29.566 77.823 29.566 107.39 0s29.566-77.823 0-107.39c-14.783-14.783-34.238-22.174-53.693-22.174zm0 21.033c13.994 0 27.988 5.3688 38.727 16.107 21.477 21.477 21.477 55.978 0 77.455s-55.978 21.477-77.455 0c-10.694-10.694-30.839-30.837-38.729-38.727l38.729-38.729c10.739-10.739 24.734-16.107 38.729-16.107z"/>
-<path d="m165.49 1.8789c-22.806 0-45.721 8.7209-63.049 26.049l-46.211 46.211a13.23 13.23 0 0 0-2e-3 0c-9.1864 9.1886-9.1864 24.485 0 33.674a13.23 13.23 0 0 0 2e-3 0l46.211 46.211c34.655 34.655 91.44 34.655 126.1 0 34.655-34.655 34.655-91.44 0-126.1-17.328-17.328-40.241-26.049-63.047-26.049zm0 47.49c10.611 0 21.139 3.9982 29.373 12.232 16.468 16.468 16.468 42.28 0 58.748s-42.28 16.468-58.748 0c-8.1118-8.1118-19.862-19.86-29.375-29.373l29.375-29.375c8.2336-8.2336 18.764-12.232 29.375-12.232z"/>
-</g>
-<path d="m-60.71 46.522c3.201 0 6.4021-1.216 8.8343-3.6482 4.8643-4.8643 4.8643-12.804 0-17.668-4.8643-4.8643-12.804-4.8643-17.668 0l-6.3716 6.3716c-1.298-1.298-4.6122-4.6121-6.3717-6.3716-4.8643-4.8643-12.804-4.8643-17.668 0-4.8643 4.8643-4.8643 12.804 0 17.668 2.4322 2.4322 5.633 3.6482 8.8339 3.6482 3.201 0 6.402-1.216 8.8342-3.6482 1.7595-1.7595 5.0737-5.0736 6.3717-6.3716l6.3716 6.3716c2.4322 2.4322 5.633 3.6482 8.8339 3.6482zm0-3.4604c-2.3024 0-4.6047-0.88333-6.3715-2.6501l-6.3715-6.3718 6.3715-6.3715c3.5335-3.5335 9.2097-3.5335 12.743 0 3.5335 3.5335 3.5335 9.2098 0 12.743-1.7668 1.7668-4.0694 2.6501-6.3718 2.6501zm-30.411 2e-6c-2.3024 0-4.6048-0.88333-6.3715-2.6501-3.5335-3.5335-3.5335-9.2098 0-12.743 3.5335-3.5335 9.2098-3.5335 12.743 0 1.7595 1.7595 5.0738 5.0735 6.3718 6.3715l-6.3718 6.3718c-1.7668 1.7668-4.0694 2.6501-6.3718 2.6501z"/>
-<g transform="matrix(-.16453 0 0 -.16453 -63.894 49.007)">
-<path d="m-19.355 15.107c-19.456 0-38.912 7.3909-53.695 22.174-29.566 29.566-29.566 77.823 0 107.39 29.566 29.566 77.823 29.566 107.39 0l46.211-46.211a10.584 10.584 0 0 0 0-14.967l-46.211-46.211c-14.783-14.783-34.238-22.174-53.693-22.174zm0 21.033c13.994 0 27.988 5.3688 38.727 16.107l38.727 38.729-38.727 38.727c-21.477 21.477-55.978 21.477-77.455 0s-21.477-55.978 0-77.455c10.739-10.739 24.734-16.107 38.729-16.107z"/>
-<path d="m-19.355 1.8789c-22.806 0-45.721 8.7209-63.049 26.049-34.655 34.655-34.655 91.44 0 126.1 34.655 34.655 91.44 34.655 126.1 0l46.211-46.211a13.23 13.23 0 0 0 2e-3 0c9.1864-9.1886 9.1864-24.485 0-33.674a13.23 13.23 0 0 0-2e-3 0l-46.211-46.211c-17.328-17.328-40.241-26.049-63.047-26.049zm0 47.49c10.611 0 21.139 3.9982 29.373 12.232l29.373 29.375-29.373 29.373c-16.468 16.468-42.28 16.468-58.748 0s-16.468-42.28 0-58.748c8.2336-8.2336 18.764-12.232 29.375-12.232z"/>
-<path d="m165.49 15.107c-19.456 0-38.912 7.3908-53.695 22.174l-46.211 46.211a10.584 10.584 0 0 0 0 14.967s33.45 33.45 46.211 46.211c29.566 29.566 77.823 29.566 107.39 0s29.566-77.823 0-107.39c-14.783-14.783-34.238-22.174-53.693-22.174zm0 21.033c13.994 0 27.988 5.3688 38.727 16.107 21.477 21.477 21.477 55.978 0 77.455s-55.978 21.477-77.455 0c-10.694-10.694-30.839-30.837-38.729-38.727l38.729-38.729c10.739-10.739 24.734-16.107 38.729-16.107z"/>
-<path d="m165.49 1.8789c-22.806 0-45.721 8.7209-63.049 26.049l-46.211 46.211a13.23 13.23 0 0 0-2e-3 0c-9.1864 9.1886-9.1864 24.485 0 33.674a13.23 13.23 0 0 0 2e-3 0l46.211 46.211c34.655 34.655 91.44 34.655 126.1 0 34.655-34.655 34.655-91.44 0-126.1-17.328-17.328-40.241-26.049-63.047-26.049zm0 47.49c10.611 0 21.139 3.9982 29.373 12.232 16.468 16.468 16.468 42.28 0 58.748s-42.28 16.468-58.748 0c-8.1118-8.1118-19.862-19.86-29.375-29.373l29.375-29.375c8.2336-8.2336 18.764-12.232 29.375-12.232z"/>
-</g>
-<path d="m-51.876 42.874c4.8643-4.8643 4.8644-12.804 5.9e-5 -17.668-4.8643-4.8643-12.804-4.8643-17.668 1e-6l-15.206 15.206c-1.7668 1.7668-4.0694 2.6501-6.3718 2.6501s-4.6047-0.88327-6.3715-2.65c-3.5335-3.5335-3.5335-9.2098 0-12.743 3.5335-3.5335 9.2098-3.5335 12.743 0 1.3345 1.3345 3.2676 3.2675 4.8329 4.8326l2.4623-2.4623c-1.5652-1.5652-3.4983-3.4982-4.8328-4.8327-4.8643-4.8643-12.804-4.8644-17.668-6e-5 -4.8643 4.8643-4.8643 12.804 6e-5 17.668 2.4322 2.4322 5.6329 3.6481 8.8338 3.6481 3.201-1e-6 6.402-1.216 8.8342-3.6481 1.7595-1.7595 5.0737-5.0736 6.3717-6.3716l4.77e-4 4.93e-4v-8.22e-4l2.4621-2.4621-6e-5 -6e-5 6.3715-6.3715c3.5335-3.5335 9.2097-3.5335 12.743 0 3.5335 3.5335 3.5335 9.2097 0 12.743-1.7668 1.7668-4.0694 2.6501-6.3718 2.6501s-4.6047-0.88333-6.3714-2.6501l-4.8325-4.8328-2.4625 2.4625 4.8326 4.8326c2.4322 2.4322 5.6329 3.6481 8.8338 3.6481 3.201 0 6.402-1.216 8.8342-3.6481z" fill="#fff"/>
-</g>
+export default `<svg 
+fill="currentColor"
+stroke="currentColor"
+viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+<g transform="translate(108.42 -1.9279)">
+<g transform="matrix(-.16453 0 0 -.16453 -63.894 49.007)">
+<path d="m-19.355 15.107c-19.456 0-38.912 7.3909-53.695 22.174-29.566 29.566-29.566 77.823 0 107.39 29.566 29.566 77.823 29.566 107.39 0l46.211-46.211a10.584 10.584 0 0 0 0-14.967l-46.211-46.211c-14.783-14.783-34.238-22.174-53.693-22.174zm0 21.033c13.994 0 27.988 5.3688 38.727 16.107l38.727 38.729-38.727 38.727c-21.477 21.477-55.978 21.477-77.455 0s-21.477-55.978 0-77.455c10.739-10.739 24.734-16.107 38.729-16.107z"/>
+<path d="m-19.355 1.8789c-22.806 0-45.721 8.7209-63.049 26.049-34.655 34.655-34.655 91.44 0 126.1 34.655 34.655 91.44 34.655 126.1 0l46.211-46.211a13.23 13.23 0 0 0 2e-3 0c9.1864-9.1886 9.1864-24.485 0-33.674a13.23 13.23 0 0 0-2e-3 0l-46.211-46.211c-17.328-17.328-40.241-26.049-63.047-26.049zm0 47.49c10.611 0 21.139 3.9982 29.373 12.232l29.373 29.375-29.373 29.373c-16.468 16.468-42.28 16.468-58.748 0s-16.468-42.28 0-58.748c8.2336-8.2336 18.764-12.232 29.375-12.232z"/>
+<path d="m165.49 15.107c-19.456 0-38.912 7.3908-53.695 22.174l-46.211 46.211a10.584 10.584 0 0 0 0 14.967s33.45 33.45 46.211 46.211c29.566 29.566 77.823 29.566 107.39 0s29.566-77.823 0-107.39c-14.783-14.783-34.238-22.174-53.693-22.174zm0 21.033c13.994 0 27.988 5.3688 38.727 16.107 21.477 21.477 21.477 55.978 0 77.455s-55.978 21.477-77.455 0c-10.694-10.694-30.839-30.837-38.729-38.727l38.729-38.729c10.739-10.739 24.734-16.107 38.729-16.107z"/>
+<path d="m165.49 1.8789c-22.806 0-45.721 8.7209-63.049 26.049l-46.211 46.211a13.23 13.23 0 0 0-2e-3 0c-9.1864 9.1886-9.1864 24.485 0 33.674a13.23 13.23 0 0 0 2e-3 0l46.211 46.211c34.655 34.655 91.44 34.655 126.1 0 34.655-34.655 34.655-91.44 0-126.1-17.328-17.328-40.241-26.049-63.047-26.049zm0 47.49c10.611 0 21.139 3.9982 29.373 12.232 16.468 16.468 16.468 42.28 0 58.748s-42.28 16.468-58.748 0c-8.1118-8.1118-19.862-19.86-29.375-29.373l29.375-29.375c8.2336-8.2336 18.764-12.232 29.375-12.232z"/>
+</g>
+<path d="m-60.71 46.522c3.201 0 6.4021-1.216 8.8343-3.6482 4.8643-4.8643 4.8643-12.804 0-17.668-4.8643-4.8643-12.804-4.8643-17.668 0l-6.3716 6.3716c-1.298-1.298-4.6122-4.6121-6.3717-6.3716-4.8643-4.8643-12.804-4.8643-17.668 0-4.8643 4.8643-4.8643 12.804 0 17.668 2.4322 2.4322 5.633 3.6482 8.8339 3.6482 3.201 0 6.402-1.216 8.8342-3.6482 1.7595-1.7595 5.0737-5.0736 6.3717-6.3716l6.3716 6.3716c2.4322 2.4322 5.633 3.6482 8.8339 3.6482zm0-3.4604c-2.3024 0-4.6047-0.88333-6.3715-2.6501l-6.3715-6.3718 6.3715-6.3715c3.5335-3.5335 9.2097-3.5335 12.743 0 3.5335 3.5335 3.5335 9.2098 0 12.743-1.7668 1.7668-4.0694 2.6501-6.3718 2.6501zm-30.411 2e-6c-2.3024 0-4.6048-0.88333-6.3715-2.6501-3.5335-3.5335-3.5335-9.2098 0-12.743 3.5335-3.5335 9.2098-3.5335 12.743 0 1.7595 1.7595 5.0738 5.0735 6.3718 6.3715l-6.3718 6.3718c-1.7668 1.7668-4.0694 2.6501-6.3718 2.6501z"/>
+<g transform="matrix(-.16453 0 0 -.16453 -63.894 49.007)">
+<path d="m-19.355 15.107c-19.456 0-38.912 7.3909-53.695 22.174-29.566 29.566-29.566 77.823 0 107.39 29.566 29.566 77.823 29.566 107.39 0l46.211-46.211a10.584 10.584 0 0 0 0-14.967l-46.211-46.211c-14.783-14.783-34.238-22.174-53.693-22.174zm0 21.033c13.994 0 27.988 5.3688 38.727 16.107l38.727 38.729-38.727 38.727c-21.477 21.477-55.978 21.477-77.455 0s-21.477-55.978 0-77.455c10.739-10.739 24.734-16.107 38.729-16.107z"/>
+<path d="m-19.355 1.8789c-22.806 0-45.721 8.7209-63.049 26.049-34.655 34.655-34.655 91.44 0 126.1 34.655 34.655 91.44 34.655 126.1 0l46.211-46.211a13.23 13.23 0 0 0 2e-3 0c9.1864-9.1886 9.1864-24.485 0-33.674a13.23 13.23 0 0 0-2e-3 0l-46.211-46.211c-17.328-17.328-40.241-26.049-63.047-26.049zm0 47.49c10.611 0 21.139 3.9982 29.373 12.232l29.373 29.375-29.373 29.373c-16.468 16.468-42.28 16.468-58.748 0s-16.468-42.28 0-58.748c8.2336-8.2336 18.764-12.232 29.375-12.232z"/>
+<path d="m165.49 15.107c-19.456 0-38.912 7.3908-53.695 22.174l-46.211 46.211a10.584 10.584 0 0 0 0 14.967s33.45 33.45 46.211 46.211c29.566 29.566 77.823 29.566 107.39 0s29.566-77.823 0-107.39c-14.783-14.783-34.238-22.174-53.693-22.174zm0 21.033c13.994 0 27.988 5.3688 38.727 16.107 21.477 21.477 21.477 55.978 0 77.455s-55.978 21.477-77.455 0c-10.694-10.694-30.839-30.837-38.729-38.727l38.729-38.729c10.739-10.739 24.734-16.107 38.729-16.107z"/>
+<path d="m165.49 1.8789c-22.806 0-45.721 8.7209-63.049 26.049l-46.211 46.211a13.23 13.23 0 0 0-2e-3 0c-9.1864 9.1886-9.1864 24.485 0 33.674a13.23 13.23 0 0 0 2e-3 0l46.211 46.211c34.655 34.655 91.44 34.655 126.1 0 34.655-34.655 34.655-91.44 0-126.1-17.328-17.328-40.241-26.049-63.047-26.049zm0 47.49c10.611 0 21.139 3.9982 29.373 12.232 16.468 16.468 16.468 42.28 0 58.748s-42.28 16.468-58.748 0c-8.1118-8.1118-19.862-19.86-29.375-29.373l29.375-29.375c8.2336-8.2336 18.764-12.232 29.375-12.232z"/>
+</g>
+<path d="m-51.876 42.874c4.8643-4.8643 4.8644-12.804 5.9e-5 -17.668-4.8643-4.8643-12.804-4.8643-17.668 1e-6l-15.206 15.206c-1.7668 1.7668-4.0694 2.6501-6.3718 2.6501s-4.6047-0.88327-6.3715-2.65c-3.5335-3.5335-3.5335-9.2098 0-12.743 3.5335-3.5335 9.2098-3.5335 12.743 0 1.3345 1.3345 3.2676 3.2675 4.8329 4.8326l2.4623-2.4623c-1.5652-1.5652-3.4983-3.4982-4.8328-4.8327-4.8643-4.8643-12.804-4.8644-17.668-6e-5 -4.8643 4.8643-4.8643 12.804 6e-5 17.668 2.4322 2.4322 5.6329 3.6481 8.8338 3.6481 3.201-1e-6 6.402-1.216 8.8342-3.6481 1.7595-1.7595 5.0737-5.0736 6.3717-6.3716l4.77e-4 4.93e-4v-8.22e-4l2.4621-2.4621-6e-5 -6e-5 6.3715-6.3715c3.5335-3.5335 9.2097-3.5335 12.743 0 3.5335 3.5335 3.5335 9.2097 0 12.743-1.7668 1.7668-4.0694 2.6501-6.3718 2.6501s-4.6047-0.88333-6.3714-2.6501l-4.8325-4.8328-2.4625 2.4625 4.8326 4.8326c2.4322 2.4322 5.6329 3.6481 8.8338 3.6481 3.201 0 6.402-1.216 8.8342-3.6481z" fill="#fff"/>
+</g>
 </svg>`;