@umbraco-cms/backoffice 17.0.2 → 17.1.0-rc

package/dist-cms/packages/multi-url-picker/link-picker-modal/link-picker-modal.element.d.ts

@@ -4,7 +4,7 @@ export declare class UmbLinkPickerModalElement extends UmbModalBaseElement<UmbLi
     #private;
     private _allowedMediaTypeUniques?;
     private _config;
-    private _missingLinkUrl;
+    private _missingType;
     private _documentPickerElement?;
     private _mediaPickerElement?;
     constructor();

package/dist-cms/packages/multi-url-picker/link-picker-modal/link-picker-modal.element.js

@@ -6,52 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css, customElement, html, nothing, query, state, when } from '../../../external/lit/index.js';
 import { isUmbracoFolder, UmbMediaTypeStructureRepository } from '../../media/media-types/index.js';
-import { UMB_VALIDATION_CONTEXT, umbBindToValidation, UmbObserveValidationStateController, UmbValidationContext, } from '../../core/validation/index.js';
+import { umbBindToValidation, UmbObserveValidationStateController, UmbValidationContext, } from '../../core/validation/index.js';
 import { umbConfirmModal, UmbModalBaseElement } from '../../core/modal/index.js';
 import { UmbDocumentItemDataResolver, UmbDocumentItemRepository, UmbDocumentUrlRepository, UmbDocumentUrlsDataResolver, } from '../../documents/documents/index.js';
 import { UmbMediaItemRepository, UmbMediaUrlRepository } from '../../media/media/index.js';
-import { UmbControllerBase } from '../../../libs/class-api/index.js';
 import { umbFocus } from '../../core/lit-element/index.js';
-class UmbLinkPickerValueValidator extends UmbControllerBase {
-    #context;
-    #isValid = true;
-    get isValid() {
-        return this.#isValid;
-    }
-    #value;
-    #unique = 'UmbLinkPickerValueValidator';
-    setValue(value) {
-        this.#value = value;
-        this.validate();
-    }
-    getValue() {
-        return this.#value;
-    }
-    // The path to the data that this validator is validating.
-    #dataPath;
-    constructor(host, dataPath) {
-        super(host);
-        this.#dataPath = dataPath;
-        this.consumeContext(UMB_VALIDATION_CONTEXT, (context) => {
-            if (this.#context) {
-                this.#context.removeValidator(this);
-            }
-            this.#context = context;
-            context?.addValidator(this);
-        });
-    }
-    async validate() {
-        this.#isValid = !!this.getValue();
-        if (this.#isValid) {
-            this.#context?.messages.removeMessageByKey(this.#unique);
-        }
-        else {
-            this.#context?.messages.addMessage('client', this.#dataPath, '#linkPicker_modalAnchorValidationMessage', this.#unique);
-        }
-    }
-    reset() { }
-    focusFirstInvalidElement() { }
-}
 let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModalBaseElement {
     #propertyLayoutOrientation;
     #validationContext;
@@ -63,9 +22,9 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
             hideAnchor: false,
             hideTarget: false,
         };
-        this._missingLinkUrl = false;
+        this._missingType = false;
         new UmbObserveValidationStateController(this, '$.type', (invalid) => {
-            this._missingLinkUrl = invalid;
+            this._missingType = invalid;
         });
     }
     connectedCallback() {
@@ -82,10 +41,6 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
         }
         this.#getMediaTypes();
         this.populateLinkUrl();
-        const validator = new UmbLinkPickerValueValidator(this, '$.type');
-        this.observe(this.modalContext?.value, (value) => {
-            validator.setValue(value?.link.type);
-        });
     }
     async #getMediaTypes() {
         // Get all the media types, excluding the folders, so that files are selectable media items.
@@ -206,7 +161,6 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
             url: url ?? this.value.link.url,
         };
         this.#partialUpdateLink(link);
-        await this.#validationContext.validate();
     }
     async #getUrlForDocument(unique) {
         const documentUrlRepository = new UmbDocumentUrlRepository(this);
@@ -237,8 +191,13 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
         this.#partialUpdateLink({ type: null, url: null });
     }
     async #onSubmit() {
-        await this.#validationContext.validate();
-        this.modalContext?.submit();
+        try {
+            await this.#validationContext.validate();
+            this.modalContext?.submit();
+        }
+        catch {
+            console.log('Validation failed');
+        }
     }
     #triggerDocumentPicker() {
         this._documentPickerElement?.shadowRoot?.querySelector('#btn-add')?.dispatchEvent(new Event('click'));
@@ -249,6 +208,13 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
     #triggerExternalUrl() {
         this.#partialUpdateLink({ type: 'external' });
     }
+    #checkIfUrlIsMissing() {
+        if (this.value.link.type !== 'external')
+            return false;
+        const hasUrl = this.value.link.url && this.value.link.url.length > 0;
+        const hasAnchor = this.value.link.queryString && this.value.link.queryString.length > 0;
+        return !hasUrl && !hasAnchor;
+    }
     render() {
         return html `
 			<umb-body-layout
@@ -262,6 +228,7 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 					<uui-button
 						color="positive"
 						look="primary"
+						?disabled=${!this.value.link.type}
 						label=${this.localize.term(this.modalContext?.data?.isNew ? 'general_add' : 'general_update')}
 						@click=${this.#onSubmit}></uui-button>
 				</div>
@@ -269,94 +236,105 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 		`;
     }
     #renderLinkType() {
-        return html `
-			<umb-property-layout
-				orientation=${this.#propertyLayoutOrientation}
-				label=${this.localize.term('linkPicker_modalSource')}
-				mandatory
-				?invalid=${this._missingLinkUrl}>
-				<div slot="editor">
-					${this.#renderLinkTypeSelection()} ${this.#renderDocumentPicker()} ${this.#renderMediaPicker()}
-					${this.#renderLinkUrlInput()} ${this.#renderLinkUrlInputReadOnly()}
-				</div>
-			</umb-property-layout>
-		`;
+        return html `${this.#renderLinkTypeSelection()} ${this.#renderDocumentPicker()} ${this.#renderMediaPicker()}
+		${this.#renderLinkUrlInput()} ${this.#renderEntryUrl()}`;
     }
     #renderLinkTypeSelection() {
         if (this.value.link.type)
             return nothing;
         return html `
-			<uui-button-group>
-				<uui-button
-					data-mark="action:document"
-					look="placeholder"
-					label=${this.localize.term('general_content')}
-					@click=${this.#triggerDocumentPicker}></uui-button>
-				<uui-button
-					data-mark="action:media"
-					look="placeholder"
-					label=${this.localize.term('general_media')}
-					@click=${this.#triggerMediaPicker}></uui-button>
-				<uui-button
-					data-mark="action:external"
-					look="placeholder"
-					label=${this.localize.term('linkPicker_modalManual')}
-					@click=${this.#triggerExternalUrl}></uui-button>
-			</uui-button-group>
+			<umb-property-layout
+				orientation=${this.#propertyLayoutOrientation}
+				label=${this.localize.term('linkPicker_modalSource')}
+				?invalid=${this._missingType}>
+				<uui-button-group slot="editor">
+					<uui-button
+						data-mark="action:document"
+						look="placeholder"
+						label=${this.localize.term('general_content')}
+						.color=${this._missingType ? 'invalid' : 'default'}
+						@click=${this.#triggerDocumentPicker}></uui-button>
+					<uui-button
+						data-mark="action:media"
+						look="placeholder"
+						label=${this.localize.term('general_media')}
+						.color=${this._missingType ? 'invalid' : 'default'}
+						@click=${this.#triggerMediaPicker}></uui-button>
+					<uui-button
+						data-mark="action:external"
+						look="placeholder"
+						label=${this.localize.term('linkPicker_modalManual')}
+						.color=${this._missingType ? 'invalid' : 'default'}
+						@click=${this.#triggerExternalUrl}></uui-button>
+				</uui-button-group>
+			</umb-property-layout>
 		`;
     }
     #renderDocumentPicker() {
         return html `
-			<umb-input-document
+			<umb-property-layout
 				?hidden=${!this.value.link.unique || this.value.link.type !== 'document'}
-				.max=${1}
-				.value=${this.value.link.unique && this.value.link.type === 'document' ? this.value.link.unique : ''}
-				@change=${(e) => this.#onPickerSelection(e, 'document')}>
-			</umb-input-document>
+				orientation=${this.#propertyLayoutOrientation}
+				label=${this.localize.term('general_content')}>
+				<umb-input-document
+					slot="editor"
+					.max=${1}
+					.value=${this.value.link.unique && this.value.link.type === 'document' ? this.value.link.unique : ''}
+					@change=${(e) => this.#onPickerSelection(e, 'document')}>
+				</umb-input-document>
+			</umb-property-layout>
 		`;
     }
     #renderMediaPicker() {
         return html `
-			<umb-input-media
+			<umb-property-layout
 				?hidden=${!this.value.link.unique || this.value.link.type !== 'media'}
-				.allowedContentTypeIds=${this._allowedMediaTypeUniques}
-				.max=${1}
-				.value=${this.value.link.unique && this.value.link.type === 'media' ? this.value.link.unique : ''}
-				@change=${(e) => this.#onPickerSelection(e, 'media')}></umb-input-media>
+				orientation=${this.#propertyLayoutOrientation}
+				label=${this.localize.term('general_media')}>
+				<umb-input-media
+					slot="editor"
+					.allowedContentTypeIds=${this._allowedMediaTypeUniques}
+					.max=${1}
+					.value=${this.value.link.unique && this.value.link.type === 'media' ? this.value.link.unique : ''}
+					@change=${(e) => this.#onPickerSelection(e, 'media')}></umb-input-media>
+			</umb-property-layout>
 		`;
     }
     #renderLinkUrlInput() {
         if (this.value.link.type !== 'external')
             return nothing;
         return html `
-			<uui-input
-				data-mark="input:url"
-				label=${this.localize.term('placeholders_enterUrl')}
-				placeholder=${this.localize.term('placeholders_enterUrl')}
-				.value=${this.value.link.url ?? ''}
-				?disabled=${!!this.value.link.unique}
-				required
-				@input=${this.#onLinkUrlInput}
-				${umbBindToValidation(this)}
-				${umbFocus()}>
-				${when(!this.value.link.unique, () => html `
-						<div slot="append">
-							<uui-button
-								slot="append"
-								compact
-								label=${this.localize.term('general_remove')}
-								@click=${this.#onResetUrl}>
-								<uui-icon name="remove"></uui-icon>
-							</uui-button>
-						</div>
-					`)}
-			</uui-input>
+			<umb-property-layout
+				orientation=${this.#propertyLayoutOrientation}
+				label=${this.localize.term('linkPicker_modalManual')}>
+				<uui-input
+					slot="editor"
+					data-mark="input:url"
+					label=${this.localize.term('placeholders_enterUrl')}
+					placeholder=${this.localize.term('placeholders_enterUrl')}
+					.value=${this.value.link.url ?? ''}
+					?disabled=${!!this.value.link.unique}
+					@input=${this.#onLinkUrlInput}
+					.error=${this.#checkIfUrlIsMissing()}
+					.errorMessage=${this.localize.term('linkPicker_modalUrlOrAnchorValidationMessage')}
+					${umbBindToValidation(this, '$.link.unique')}
+					${umbFocus()}>
+					${when(!this.value.link.unique, () => html `
+							<div slot="append">
+								<uui-button
+									slot="append"
+									label=${this.localize.term('general_remove')}
+									@click=${this.#onResetUrl}></uui-button>
+							</div>
+						`)}
+				</uui-input>
+			</umb-property-layout>
 		`;
     }
-    #renderLinkUrlInputReadOnly() {
+    #renderEntryUrl() {
         if (!this.value.link.unique || !this.value.link.url)
             return nothing;
-        return html `<uui-input readonly value=${this.value.link.url}></uui-input>`;
+        return html ` <uui-input readonly value=${this.value.link.url}></uui-input> `;
     }
     #renderLinkAnchorInput() {
         if (this._config.hideAnchor)
@@ -370,8 +348,11 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 					slot="editor"
 					label=${this.localize.term('placeholders_anchor')}
 					placeholder=${this.localize.term('placeholders_anchor')}
+					.error=${this.#checkIfUrlIsMissing()}
+					.errorMessage=${this.localize.term('linkPicker_modalUrlOrAnchorValidationMessage')}
 					.value=${this.value.link.queryString ?? ''}
-					@change=${this.#onLinkAnchorInput}></uui-input>
+					@input=${this.#onLinkAnchorInput}
+					${umbBindToValidation(this, '$.link.queryString')}></uui-input>
 			</umb-property-layout>
 		`;
     }
@@ -408,6 +389,10 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
     }
     static { this.styles = [
         css `
+			*[hidden] {
+				display: none;
+			}
+
 			uui-box {
 				--uui-box-default-padding: 0 var(--uui-size-space-5);
 			}
@@ -434,7 +419,7 @@ __decorate([
 ], UmbLinkPickerModalElement.prototype, "_config", void 0);
 __decorate([
     state()
-], UmbLinkPickerModalElement.prototype, "_missingLinkUrl", void 0);
+], UmbLinkPickerModalElement.prototype, "_missingType", void 0);
 __decorate([
     query('umb-input-document')
 ], UmbLinkPickerModalElement.prototype, "_documentPickerElement", void 0);

package/dist-cms/packages/multi-url-picker/property-editor/property-editor-ui-multi-url-picker.element.d.ts

@@ -16,6 +16,8 @@ export declare class UmbPropertyEditorUIMultiUrlPickerElement extends UmbPropert
      * @default false
      */
     readonly: boolean;
+    mandatory: boolean;
+    mandatoryMessage: string;
     private _overlaySize?;
     private _hideAnchor?;
     private _min;

package/dist-cms/packages/multi-url-picker/property-editor/property-editor-ui-multi-url-picker.element.js

@@ -9,7 +9,7 @@ import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UMB_PROPERTY_CONTEXT } from '../../core/property/index.js';
 import '../components/input-multi-url/index.js';
 import { UmbChangeEvent } from '../../core/event/index.js';
-import { UmbFormControlMixin } from '../../core/validation/index.js';
+import { UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, UmbFormControlMixin } from '../../core/validation/index.js';
 /**
  * @element umb-property-editor-ui-multi-url-picker
  */
@@ -35,6 +35,8 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
          * @default false
          */
         this.readonly = false;
+        this.mandatory = false;
+        this.mandatoryMessage = UMB_VALIDATION_EMPTY_LOCALIZATION_KEY;
         this._min = 0;
         this._max = Infinity;
         this.consumeContext(UMB_PROPERTY_CONTEXT, (context) => {
@@ -64,6 +66,8 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
 				.variantId=${this._variantId}
 				?hide-anchor=${this._hideAnchor}
 				?readonly=${this.readonly}
+				?required=${this.mandatory}
+				.requiredMessage=${this.mandatoryMessage}
 				@change=${this.#onChange}>
 			</umb-input-multi-url>
 		`;
@@ -72,6 +76,12 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
 __decorate([
     property({ type: Boolean, reflect: true })
 ], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "mandatory", void 0);
+__decorate([
+    property({ type: String })
+], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "mandatoryMessage", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "_overlaySize", void 0);

package/dist-cms/packages/packages/package-section/views/installed/installed-packages-section-view-item.element.d.ts

@@ -5,7 +5,6 @@ export declare class UmbInstalledPackagesSectionViewItemElement extends UmbLitEl
     get name(): string | undefined;
     version?: string | null;
     hasPendingMigrations: boolean;
-    customIcon?: string;
     private _migrationButtonState?;
     private _packageView?;
     constructor();

package/dist-cms/packages/packages/package-section/views/installed/installed-packages-section-view-item.element.js

@@ -90,7 +90,7 @@ let UmbInstalledPackagesSectionViewItemElement = class UmbInstalledPackagesSecti
 						version="${ifDefined(this.version ?? undefined)}"
 						@open=${this.#onConfigure}
 						?readonly="${!this._packageView}">
-						${this.customIcon ? html `<umb-icon slot="icon" name=${this.customIcon}></umb-icon>` : nothing}
+						<umb-icon slot="icon" name="icon-command"></umb-icon>
 						<div slot="tag">
 							${this.hasPendingMigrations
                 ? html `<uui-button
@@ -121,9 +121,6 @@ __decorate([
 __decorate([
     property({ type: Boolean, attribute: false })
 ], UmbInstalledPackagesSectionViewItemElement.prototype, "hasPendingMigrations", void 0);
-__decorate([
-    property({ attribute: 'custom-icon' })
-], UmbInstalledPackagesSectionViewItemElement.prototype, "customIcon", void 0);
 __decorate([
     state()
 ], UmbInstalledPackagesSectionViewItemElement.prototype, "_migrationButtonState", void 0);

package/dist-cms/packages/packages/package-section/views/installed/installed-packages-section-view.element.js

@@ -79,7 +79,6 @@ let UmbInstalledPackagesSectionViewElement = class UmbInstalledPackagesSectionVi
 				<uui-ref-list>
 					${repeat(this._migrationPackages, (item) => item.name, (item) => html `
 							<umb-installed-packages-section-view-item
-								custom-icon="icon-sync"
 								.name=${item.name}
 								.version=${item.version}
 								.hasPendingMigrations=${item.hasPendingMigrations}>

package/dist-cms/packages/performance-profiling/dashboard-performance-profiling.element.d.ts

@@ -3,10 +3,10 @@ export declare class UmbDashboardPerformanceProfilingElement extends UmbLitEleme
     #private;
     private _profilingStatus;
     private _isDebugMode;
+    private _isLoading;
     private _toggle;
-    firstUpdated(): void;
-    private _getProfilingStatus;
-    private _changeProfilingStatus;
+    private _notificationContext;
+    firstUpdated(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/performance-profiling/dashboard-performance-profiling.element.js

@@ -5,56 +5,97 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbTextStyles } from '../core/style/index.js';
-import { css, html, customElement, state, query, unsafeHTML } from '../../external/lit/index.js';
+import { css, html, customElement, state, query, when } from '../../external/lit/index.js';
 import { UmbLitElement } from '../core/lit-element/index.js';
 import { ProfilingService } from '../core/backend-api/index.js';
 import { tryExecute } from '../core/resources/index.js';
+import { consumeContext } from '../../libs/context-api/index.js';
+import { UMB_NOTIFICATION_CONTEXT } from '../core/notification/index.js';
 let UmbDashboardPerformanceProfilingElement = class UmbDashboardPerformanceProfilingElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this._profilingStatus = true;
         // TODO: Get this from the management api configuration when available
         this._isDebugMode = true;
+        this._isLoading = true;
     }
     #setToggle(value) {
         this._toggle.checked = value;
         this._profilingStatus = value;
+        this._isLoading = false;
     }
-    firstUpdated() {
-        this._getProfilingStatus();
+    async firstUpdated() {
+        const status = await this.#getProfilingStatus();
+        this.#setToggle(status);
     }
-    async _getProfilingStatus() {
+    async #getProfilingStatus() {
         const { data } = await tryExecute(this, ProfilingService.getProfilingStatus());
-        if (!data)
+        return data?.enabled ?? false;
+    }
+    async #disableProfilingStatus() {
+        this._isLoading = true;
+        const { error } = await tryExecute(this, ProfilingService.putProfilingStatus({ body: { enabled: false } }));
+        if (error) {
+            this.#setToggle(true);
+            return;
+        }
+        // Test that it was actually disabled
+        const status = await this.#getProfilingStatus();
+        if (status) {
+            this.#setToggle(true);
+            this._notificationContext?.peek('warning', {
+                data: {
+                    headline: this.localize.term('profiling_errorDisablingProfilerTitle'),
+                    message: this.localize.term('profiling_errorDisablingProfilerDescription'),
+                },
+            });
             return;
-        this._profilingStatus = data.enabled ?? false;
+        }
+        this.#setToggle(false);
     }
-    async _changeProfilingStatus() {
-        const { error } = await tryExecute(this, ProfilingService.putProfilingStatus({ body: { enabled: !this._profilingStatus } }));
+    async #enableProfilingStatus() {
+        this._isLoading = true;
+        const { error } = await tryExecute(this, ProfilingService.putProfilingStatus({ body: { enabled: true } }));
         if (error) {
-            this.#setToggle(this._profilingStatus);
+            this.#setToggle(false);
+            return;
         }
-        else {
-            this.#setToggle(!this._profilingStatus);
+        // Test that it was actually enabled
+        const status = await this.#getProfilingStatus();
+        if (!status) {
+            this.#setToggle(false);
+            this._notificationContext?.peek('warning', {
+                data: {
+                    headline: this.localize.term('profiling_errorEnablingProfilerTitle'),
+                    message: this.localize.term('profiling_errorEnablingProfilerDescription'),
+                },
+            });
+            return;
         }
+        this.#setToggle(true);
     }
     #renderProfilingStatus() {
         return this._isDebugMode
             ? html `
-					${unsafeHTML(this.localize.term('profiling_performanceProfilingDescription'))}
+					<umb-localize key="profiling_performanceProfilingDescription"></umb-localize>
 
 					<uui-toggle
 						id="toggle"
 						label=${this.localize.term('profiling_activateByDefault')}
 						label-position="left"
 						?checked="${this._profilingStatus}"
-						@change="${this._changeProfilingStatus}"></uui-toggle>
+						?disabled="${this._isLoading}"
+						@change="${() => this._profilingStatus ? this.#disableProfilingStatus() : this.#enableProfilingStatus()}"></uui-toggle>
+
+					${when(this._isLoading, () => html `<uui-loader-circle></uui-loader-circle>`)}
 
-					<h4>${this.localize.term('profiling_reminder')}</h4>
+					<h4>
+						<umb-localize key="profiling_reminder"></umb-localize>
+					</h4>
 
-					${unsafeHTML(this.localize.term('profiling_reminderDescription'))}
+					<umb-localize key="profiling_reminderDescription"></umb-localize>
 				`
-            : html ` ${unsafeHTML(this.localize.term('profiling_profilerEnabledDescription'))} `;
+            : html `<umb-localize key="profiling_profilerEnabledDescription"></umb-localize>`;
     }
     render() {
         return html `
@@ -93,9 +134,15 @@ __decorate([
 __decorate([
     state()
 ], UmbDashboardPerformanceProfilingElement.prototype, "_isDebugMode", void 0);
+__decorate([
+    state()
+], UmbDashboardPerformanceProfilingElement.prototype, "_isLoading", void 0);
 __decorate([
     query('#toggle')
 ], UmbDashboardPerformanceProfilingElement.prototype, "_toggle", void 0);
+__decorate([
+    consumeContext({ context: UMB_NOTIFICATION_CONTEXT })
+], UmbDashboardPerformanceProfilingElement.prototype, "_notificationContext", void 0);
 UmbDashboardPerformanceProfilingElement = __decorate([
     customElement('umb-dashboard-performance-profiling')
 ], UmbDashboardPerformanceProfilingElement);

package/dist-cms/packages/preview/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './preview.context.js';
+export * from './preview.context-token.js';

package/dist-cms/packages/preview/context/index.js

@@ -0,0 +1,2 @@
+export * from './preview.context.js';
+export * from './preview.context-token.js';

package/dist-cms/packages/preview/context/preview.context-token.d.ts

@@ -0,0 +1,3 @@
+import type { UmbPreviewContext } from './preview.context.js';
+import { UmbContextToken } from '../../../libs/context-api/index.js';
+export declare const UMB_PREVIEW_CONTEXT: UmbContextToken<UmbPreviewContext, UmbPreviewContext>;

package/dist-cms/packages/preview/context/preview.context-token.js

@@ -0,0 +1,2 @@
+import { UmbContextToken } from '../../../libs/context-api/index.js';
+export const UMB_PREVIEW_CONTEXT = new UmbContextToken('UmbPreviewContext');

package/dist-cms/{apps/preview → packages/preview/context}/preview.context.d.ts

@@ -1,28 +1,26 @@
-import { UmbContextBase } from '../../libs/class-api/index.js';
-import { UmbContextToken } from '../../libs/context-api/index.js';
-import type { UmbControllerHost } from '../../libs/controller-api/index.js';
+import { UmbContextBase } from '../../../libs/class-api/index.js';
+import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
 interface UmbPreviewIframeArgs {
-    className?: string;
     culture?: string;
     height?: string;
     segment?: string;
     width?: string;
+    wrapperClass?: string;
 }
 export declare class UmbPreviewContext extends UmbContextBase {
     #private;
+    readonly culture: import("rxjs").Observable<string | undefined>;
     readonly iframeReady: import("rxjs").Observable<boolean>;
     readonly previewUrl: import("rxjs").Observable<string | undefined>;
+    readonly segment: import("rxjs").Observable<string | undefined>;
+    readonly unique: import("rxjs").Observable<string | undefined>;
     constructor(host: UmbControllerHost);
-    checkSession(): void;
-    exitPreview(sessions?: number): Promise<void>;
-    exitSession(): Promise<void>;
+    hostDisconnected(): void;
+    exitPreview(): Promise<void>;
     iframeLoaded(iframe: HTMLIFrameElement): void;
     getIFrameWrapper(): HTMLElement | undefined;
     openWebsite(): Promise<void>;
     reloadIFrame(iframe: HTMLIFrameElement): void;
-    restartSession(): Promise<void>;
-    startSession(): void;
     updateIFrame(args?: UmbPreviewIframeArgs): Promise<void>;
 }
-export declare const UMB_PREVIEW_CONTEXT: UmbContextToken<UmbPreviewContext, UmbPreviewContext>;
 export {};