@umbraco-engage/backoffice 17.0.0-rc3 → 17.0.0

package/dist/ab-testing/test/workspace/views/edit/ab-testing-test-editor.element.js

@@ -22,17 +22,41 @@ let UeAbTestingTestEditorElement = class UeAbTestingTestEditorElement extends Um
             this.observe(context?.alias, (sectionAlias) => {
                 if (!sectionAlias)
                     return;
-                this._setupRenderer = new UePropertyDataSetRendererController(this, ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT, AbTestSetupProperties, this.#dataKey).withItems("testType", () => {
+                this._setupRenderer = new UePropertyDataSetRendererController(this, ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT, AbTestSetupProperties, this.#dataKey).withItems("testType", (data) => {
                     let testTypes = makeArray("ContentType", "MultiPage", "SinglePage", "SplitUrl");
-                    const testTypeToRemove = sectionAlias === UMB_CONTENT_SECTION_ALIAS
-                        ? "SplitUrl"
-                        : "SinglePage";
-                    testTypes = testTypes.filter((x) => x !== testTypeToRemove);
-                    return testTypes.map((x) => ({
+                    // in the Engage section, we remove the incompatible test types
+                    // only if they are not selected for this test,
+                    let remove;
+                    if (sectionAlias !== UMB_CONTENT_SECTION_ALIAS &&
+                        data?.testType !== "SinglePage") {
+                        remove = "SinglePage";
+                    }
+                    else if (data?.testType !== "SplitUrl") {
+                        remove = "SplitUrl";
+                    }
+                    return testTypes
+                        .filter((x) => x !== remove)
+                        .map((x) => ({
                         name: this.localize.term(`engage_abTesting_testType${x}`),
                         value: x,
                     }));
                 });
+                // .withConfiguration("testType", (data) => ({
+                //   disabled:
+                //     sectionAlias === UMB_CONTENT_SECTION_ALIAS
+                //       ? data?.testType === "SplitUrl"
+                //       : data?.testType === "SinglePage",
+                // }))
+                // .withConfiguration("umbracoPageVariants", (data) => ({
+                //   disabled:
+                //     sectionAlias === UMB_CONTENT_SECTION_ALIAS &&
+                //     data?.testType === "SplitUrl",
+                // }))
+                // .withConfiguration("variants", (data) => ({
+                //   disabled:
+                //     sectionAlias !== UMB_CONTENT_SECTION_ALIAS &&
+                //     data?.testType === "SinglePage",
+                // }));
             });
         });
         this.consumeContext(ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT, (context) => {

package/dist/ab-testing/test/workspace/views/scoring/ab-testing-test-scoring.element.js

@@ -82,15 +82,15 @@ let UeAbTestingTestWorkspaceViewEditElement = class UeAbTestingTestWorkspaceView
     #renderTable() {
         return html `
       ${this._test?.variants?.map((variant, idx) => html `<uui-table>
-            <uui-table-column style="width:250px"></uui-table-column>
-            <uui-table-column style="width:80px"></uui-table-column>
-            <uui-table-column style="width:80px"></uui-table-column>
+            <uui-table-column style="min-width:250px"></uui-table-column>
+            <uui-table-column style="min-width:80px"></uui-table-column>
+            <uui-table-column style="min-width:80px"></uui-table-column>
             <uui-table-column></uui-table-column>
             <uui-table-column></uui-table-column>
             <uui-table-column></uui-table-column>
             <uui-table-column></uui-table-column>
-            <uui-table-column style="width:100px"></uui-table-column>
-            <uui-table-column style="width:100px"></uui-table-column>
+            <uui-table-column style="min-width:100px"></uui-table-column>
+            <uui-table-column style="min-width:100px"></uui-table-column>
             <uui-table-head>
               <uui-table-head-cell
                 >${this.localize.term("engage_variant")}</uui-table-head-cell

package/dist/analytics/analytics-context.js

@@ -126,6 +126,8 @@ export class UeAnalyticsContext extends UmbContextBase {
         return dateRange;
     }
     async #buildPrimaryQueryConfig(config) {
+        if (config.startDate && config.endDate)
+            return config;
         const dateRange = await this.#awaitDateRange();
         return {
             ...config,
@@ -139,6 +141,8 @@ export class UeAnalyticsContext extends UmbContextBase {
         const dateRange = await this.#awaitDateRange();
         if (!dateRange.compare)
             return;
+        if (config.startDate && config.endDate)
+            return config;
         return {
             ...config,
             ...{

package/dist/analytics/components/heatmap/heatmap.element.d.ts

@@ -10,11 +10,9 @@ export declare class UeHeatmapElement extends UmbLitElement {
     private _averageFold;
     private _pageHeight;
     private _documentUrl;
-    private _defaultCulture;
     private _iframeBox?;
     private _iframe?;
     private _indicatorBox?;
-    constructor();
     protected firstUpdated(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;

package/dist/analytics/components/heatmap/heatmap.element.js

@@ -8,8 +8,15 @@ import { UmbDocumentUrlRepository } from "@umbraco-cms/backoffice/document";
 import { css, customElement, html, property, query, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UMB_APP_LANGUAGE_CONTEXT } from "@umbraco-cms/backoffice/language";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { firstValueFrom } from "rxjs";
 const elementName = "ue-heatmap";
 let UeHeatmapElement = class UeHeatmapElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.#documentUrlRepository = new UmbDocumentUrlRepository(this);
+        this._averageFold = 1080;
+        this._pageHeight = 0;
+    }
     #documentUrlRepository;
     #data;
     #querystring;
@@ -54,17 +61,6 @@ let UeHeatmapElement = class UeHeatmapElement extends UmbLitElement {
             this.#generateHeatmap();
         }
     }
-    constructor() {
-        super();
-        this.#documentUrlRepository = new UmbDocumentUrlRepository(this);
-        this._averageFold = 1080;
-        this._pageHeight = 0;
-        this.consumeContext(UMB_APP_LANGUAGE_CONTEXT, (instance) => {
-            this.observe(instance?.appDefaultLanguage, (value) => {
-                this._defaultCulture = value?.unique;
-            });
-        });
-    }
     async firstUpdated() {
         await this.#requestUrls();
         this.#generateHeatmap();
@@ -100,7 +96,15 @@ let UeHeatmapElement = class UeHeatmapElement extends UmbLitElement {
         const { data } = await this.#documentUrlRepository.requestItems([
             this.#data.unique,
         ]);
-        this._documentUrl = data?.[0].urls.find((x) => x.culture === (this.#data?.culture ?? this._defaultCulture))?.url;
+        const culture = this.#data?.culture ?? (await this.#getDefaultCulture());
+        this._documentUrl = data?.[0].urls.find((x) => x.culture === culture)?.url;
+    }
+    async #getDefaultCulture() {
+        const context = await this.getContext(UMB_APP_LANGUAGE_CONTEXT);
+        if (!context)
+            return undefined;
+        const appDefaultLanguage = await firstValueFrom(context.appDefaultLanguage);
+        return appDefaultLanguage?.unique ?? undefined;
     }
     #generateHeatmap() {
         if (!this._documentUrl || !this._iframe)
@@ -113,7 +117,7 @@ let UeHeatmapElement = class UeHeatmapElement extends UmbLitElement {
         this._iframe.src = this._documentUrl + this.#querystring;
     }
     #renderHeatmap() {
-        return when(!this.#data?.visitorPercentagesPerPixel?.length, () => html `<div id="no-data">
+        return when(!this.#data?.visitorPercentagesPerPixel?.length, () => html `<uui-box>
           <p>${this.localize.term("engage_analytics_heatmapNoData")}</p>
           <uui-button
             look="primary"
@@ -121,7 +125,8 @@ let UeHeatmapElement = class UeHeatmapElement extends UmbLitElement {
             target="_blank"
             label=${this.localize.term("engage_learnMore")}
           ></uui-button>
-        </div>`, () => html `<div id="iframe-box">
+        </uui-box>`, () => html `<div id="main">
+        <div id="iframe-box">
           <div class="scrollmap"></div>
           <div class="scrollmap blend"></div>
           <div id="lines">
@@ -153,18 +158,19 @@ let UeHeatmapElement = class UeHeatmapElement extends UmbLitElement {
           <span>${this.localize.term("engage_hot")}</span>
           <div id="legend-gradient"></div>
           <span>${this.localize.term("engage_cold")}</span>
-        </div>`);
+        </div>
+      </div>`);
     }
     #renderNoUrl() {
-        return html `<div id="no-data">
+        return html `<uui-box>
       <p>${this.localize.term("engage_analytics_heatmapNoUrl")}</p>
-    </div>`;
+    </uui-box>`;
     }
     render() {
         return when(this._documentUrl, () => this.#renderHeatmap(), () => this.#renderNoUrl());
     }
     static { this.styles = css `
-    :host {
+    #main {
       border: 1px solid var(--uui-color-border);
       border-radius: var(--uui-border-radius);
       padding: var(--uui-size-layout-1);
@@ -219,14 +225,6 @@ let UeHeatmapElement = class UeHeatmapElement extends UmbLitElement {
       mix-blend-mode: darken;
     }
 
-    #no-data {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      text-align: center;
-    }
-
     #indicator {
       position: absolute;
       left: 0;
@@ -359,9 +357,6 @@ __decorate([
 __decorate([
     state()
 ], UeHeatmapElement.prototype, "_documentUrl", void 0);
-__decorate([
-    state()
-], UeHeatmapElement.prototype, "_defaultCulture", void 0);
 __decorate([
     query("#iframe-box")
 ], UeHeatmapElement.prototype, "_iframeBox", void 0);

package/dist/analytics/screens/heatmap-screen.element.js

@@ -11,6 +11,8 @@ import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from "@umbraco-cms/backoffice/document
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
 import { makeArray, } from "../../core/index.js";
 import { HeatmapsService, } from "../../generated/index.js";
+import { UMB_APP_LANGUAGE_CONTEXT } from "@umbraco-cms/backoffice/language";
+import { firstValueFrom } from "@umbraco-cms/backoffice/external/rxjs";
 const elementName = "ue-analytics-heatmap";
 let UeAnalyticsHeatmapElement = class UeAnalyticsHeatmapElement extends UmbLitElement {
     constructor() {
@@ -22,8 +24,7 @@ let UeAnalyticsHeatmapElement = class UeAnalyticsHeatmapElement extends UmbLitEl
             if (!context)
                 return;
             this._documentUnique = context.getUnique()?.toString();
-            this._documentCulture =
-                context.splitView.getActiveVariants()[0]?.culture ?? undefined;
+            this._documentCulture = context.splitView.getActiveVariants()[0]?.culture;
             await this.#getHeatmapPageVariants();
         });
         this.consumeContext(ENGAGE_ANALYTICS_CONTEXT, (context) => {
@@ -35,9 +36,22 @@ let UeAnalyticsHeatmapElement = class UeAnalyticsHeatmapElement extends UmbLitEl
             });
         });
     }
+    async #getDefaultCulture() {
+        const context = await this.getContext(UMB_APP_LANGUAGE_CONTEXT);
+        if (!context)
+            return undefined;
+        const appDefaultLanguage = await firstValueFrom(context.appDefaultLanguage);
+        return appDefaultLanguage?.unique ?? undefined;
+    }
     async #getHeatmapPageVariants() {
+        this._documentCulture ??= await this.#getDefaultCulture();
+        if (!this._documentUnique)
+            return;
         const { data } = await tryExecute(this, HeatmapsService.getHeatmapsVariants({
-            query: { unique: this._documentUnique, culture: this._documentCulture },
+            query: {
+                unique: this._documentUnique,
+                culture: this._documentCulture,
+            },
         }));
         this._variants =
             data
@@ -52,6 +66,7 @@ let UeAnalyticsHeatmapElement = class UeAnalyticsHeatmapElement extends UmbLitEl
         }
     }
     async #getHeatmap() {
+        this._documentCulture ??= await this.#getDefaultCulture();
         if (!this._documentUnique)
             return;
         this._loading = true;
@@ -170,6 +185,11 @@ let UeAnalyticsHeatmapElement = class UeAnalyticsHeatmapElement extends UmbLitEl
     .header-control {
       display: flex;
       flex-direction: column;
+
+      uui-select {
+        height: 100%;
+        --uui-select-height: 100%;
+      }
     }
   `; }
 };

package/dist/core/components/group-box/group-box.element.js

@@ -28,10 +28,11 @@ let UeGroupBoxElement = class UeGroupBoxElement extends UmbLitElement {
           ${when(this._iconUrl, () => html `<img .src=${this._iconUrl} alt="" />`)}
         </div>
         <div id="content">
-          <strong>${this.name}</strong><small>${this.description}</small>
+          <strong>${this.name}</strong>${when(this.description, (desc) => html `<small>${desc}</small>`)}
+          <slot name="secondary"></slot>
         </div>
       </div>
-      <slot id="content-slot"></slot>
+      <slot id="content-slot" name="primary"></slot>
       <slot name="actions"></slot> `;
     }
     static { this.styles = css `
@@ -40,10 +41,15 @@ let UeGroupBoxElement = class UeGroupBoxElement extends UmbLitElement {
       gap: var(--uui-size-5);
     }
 
+    slot {
+      display: contents;
+    }
+
     #step {
       display: flex;
       gap: var(--uui-size-5);
-      width: 60%;
+      max-width: 75%;
+      flex: 1;
     }
 
     #bar {
@@ -69,18 +75,19 @@ let UeGroupBoxElement = class UeGroupBoxElement extends UmbLitElement {
       display: flex;
       flex-direction: column;
       min-width: 150px;
+      flex: 1;
 
       small {
         line-height: 1.4;
       }
     }
 
-    #content-slot {
+    ::slotted([slot="primary"]) {
       margin-left: auto;
       display: flex;
     }
 
-    slot[name="actions"] {
+    ::slotted([slot="actions"]) {
       align-self: center;
       display: block;
     }

package/dist/core/components/scoring/entities.d.ts

@@ -1,7 +1,11 @@
+import { MinimumDeviationTypeModel } from "src/generated/types.gen";
 export interface UeScoreableGroupModel {
     title?: string | null;
     upperScoreLimit?: number | null;
     items: Array<UeScoreableItemModel>;
+    minimumDeviation?: number | null;
+    minimumDeviationType?: MinimumDeviationTypeModel;
+    minimumParticipationScoreThreshold?: number | null;
 }
 export interface UeScoringElementConfig {
     hideDivider?: boolean;

package/dist/core/components/scoring/scoring-base.element.d.ts

@@ -9,7 +9,7 @@ export declare abstract class UeScoringBaseElement<GroupModel extends UeScoreabl
     protected items: GroupModel[];
     value: UeEntityScoreModel[];
     config?: UeScoringElementConfig;
-    inert: boolean;
+    readonly: boolean;
     private _hideDivider;
     constructor(repositoryCtor: UeDetailRepositoryConstructor<GroupModel>, dividerText?: string);
     connectedCallback(): Promise<void>;
@@ -17,7 +17,8 @@ export declare abstract class UeScoringBaseElement<GroupModel extends UeScoreabl
         target: HTMLInputElement;
     }, id: number, upperScoreLimit: number): void;
     getValue(id: number): number;
+    getItem(id: number): UeEntityScoreModel | undefined;
     renderGroup(group: GroupModel): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1> | undefined;
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
 }

package/dist/core/components/scoring/scoring-base.element.js

@@ -9,6 +9,7 @@ import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { appendToFrozenArray } from "@umbraco-cms/backoffice/observable-api";
 import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
 import { UmbId } from "@umbraco-cms/backoffice/id";
+import { UUITextStyles } from "@umbraco-cms/backoffice/external/uui";
 export class UeScoringBaseElement extends UmbLitElement {
     #dividerText;
     constructor(repositoryCtor, dividerText) {
@@ -16,7 +17,7 @@ export class UeScoringBaseElement extends UmbLitElement {
         this.defaultUpperScoreLimit = 10;
         this.items = [];
         this.value = [];
-        this.inert = false;
+        this.readonly = false;
         this._hideDivider = false;
         this.repository = new repositoryCtor(this);
         this.#dividerText = dividerText;
@@ -49,13 +50,93 @@ export class UeScoringBaseElement extends UmbLitElement {
     getValue(id) {
         return this.value?.find((x) => x.entityId === id)?.score ?? 0;
     }
-    #renderReadonly(item) {
-        return html `<uui-tag look="secondary">${this.getValue(item.id)}</uui-tag>`;
+    getItem(id) {
+        return this.value?.find((x) => x.entityId === id);
+    }
+    #renderReadonly(src, group) {
+        const item = this.getItem(src.id);
+        // if no item, the score is 0
+        // but we still want to show the empty default state
+        if (!item) {
+            return html `
+        <div slot="primary">
+          <uui-tag look="secondary"> 0 </uui-tag>
+        </div>
+        <uui-progress-bar progress="0" slot="secondary"></uui-progress-bar>
+      `;
+        }
+        const itemFromGroup = group.items.find((x) => x.id === item.entityId);
+        const groupItemIds = group.items.map((x) => x.id);
+        // we need all items ordered to calculate deviation as we compare the max to the second highest
+        // but all other items compare to the max.
+        const sortedGroupItems = this.value
+            .filter((x) => groupItemIds.includes(x.entityId))
+            .sort((a, b) => b.score - a.score);
+        let diff = 0;
+        // for non-max items, compare to the max.
+        if (sortedGroupItems[0]?.entityId !== item.entityId) {
+            diff = sortedGroupItems[0].score - item.score;
+        }
+        else {
+            // for the max item, chekk if it meets the minimum deviation compared to the second highest
+            diff = item.score - (sortedGroupItems[1]?.score ?? 0);
+        }
+        let minDiff = group.minimumDeviation ?? 1;
+        if (group.minimumDeviationType === "Percent") {
+            minDiff = item.score * (minDiff / 100);
+        }
+        const withinDeviation = diff < minDiff;
+        // if progress is >= 100, but isActive is false, assume deviation not met
+        const progress = (item.score / (group.minimumParticipationScoreThreshold ?? 1)) * 100;
+        const meetsThreshold = progress >= 100;
+        const activeColor = meetsThreshold
+            ? !item.isActive
+                ? "var(--uui-color-border-emphasis)"
+                : itemFromGroup?.color?.value
+            : "default";
+        const progressColor = meetsThreshold
+            ? !item.isActive
+                ? "var(--uui-color-border-emphasis)"
+                : itemFromGroup?.color?.value
+            : "var(--uui-color-border)";
+        let tooltip;
+        if (item.isActive) {
+            tooltip = this.localize.term("engage_scoringTooltipActiveItem", itemFromGroup?.title);
+        }
+        else if (meetsThreshold && !item.isActive && withinDeviation) {
+            tooltip = this.localize.term("engage_scoringTooltipInactiveMeetsThresholdWithinDeviation", itemFromGroup?.title);
+        }
+        else if (meetsThreshold && !withinDeviation && !item.isActive) {
+            const activeItemId = this.value.find((x) => x.isActive && groupItemIds.includes(x.entityId))?.entityId;
+            const activeItem = group.items.find((x) => x.id === activeItemId);
+            tooltip = this.localize.term("engage_scoringTooltipInactiveMeetsThresholdNotWithinDeviation", itemFromGroup?.title, activeItem?.title);
+        }
+        return html `<div
+        slot="primary"
+        style="display:flex; align-items:center"
+        popovertarget="popover-${item.entityId}"
+      >
+        <uui-tag
+          style="--color: ${activeColor}"
+          look=${meetsThreshold ? "primary" : "secondary"}
+        >
+          ${item.score}
+        </uui-tag>
+        ${when(tooltip, () => html ` <uui-popover-container id="popover-${item.entityId}">
+            <ue-tooltip hint> ${tooltip}</ue-tooltip>
+          </uui-popover-container>`)}
+      </div>
+      <uui-progress-bar
+        style="--uui-color-positive: ${progressColor}"
+        progress=${progress}
+        slot="secondary"
+      ></uui-progress-bar> `;
     }
     #renderEditor(item, group) {
         if (group.upperScoreLimit &&
             group.upperScoreLimit > this.defaultUpperScoreLimit) {
             return html `<uui-input
+        slot="primary"
         type="number"
         max=${group.upperScoreLimit}
         min="0"
@@ -64,25 +145,41 @@ export class UeScoringBaseElement extends UmbLitElement {
       ></uui-input>`;
         }
         return html `<umb-input-slider
+      slot="primary"
       .max=${group.upperScoreLimit ?? this.defaultUpperScoreLimit}
       @change=${(e) => this.onValueChange(e, item.id, group.upperScoreLimit)}
       .valueLow=${this.getValue(item.id)}
     ></umb-input-slider>`;
     }
     renderGroup(group) {
-        return html `<uui-box .headline=${group.title ?? ""}>
-      ${when(group.upperScoreLimit !== this.defaultUpperScoreLimit, () => html ` <div slot="header-actions">
-            ${this.localize.term("engage_scoreFromTo", group.upperScoreLimit)}
-          </div>`)}
+        return html `<div class="scoring-group">
+      <div id="header" class="uui-text">
+        <h5 class="uui-h5">${group.title}</h5>
+        ${when(group.upperScoreLimit !== this.defaultUpperScoreLimit &&
+            !this.readonly, () => this.localize.term("engage_scoreFromTo", group.upperScoreLimit))}
+      </div>
+
       ${group.items.map((item) => html `<ue-group-box
             style="${`--engage-bar-color: ${item.color?.value}`}"
             .name=${item.title}
-            .description=${item.description}
+            .description=${this.readonly ? null : item.description}
             .iconUrl=${item.iconUrl}
           >
-            ${when(this.inert, () => this.#renderReadonly(item), () => this.#renderEditor(item, group))}
+            ${when(this.readonly, () => this.#renderReadonly(item, group), () => this.#renderEditor(item, group))}
           </ue-group-box>`)}
-    </uui-box>`;
+      ${when(this.readonly, () => html ` <small>
+            <span
+              >Minimal deviation:
+              ${group.minimumDeviation}${group.minimumDeviationType ===
+            "Percent"
+            ? "%"
+            : ""}</span
+            ><span>|</span
+            ><span>
+              Threshold value: ${group.minimumParticipationScoreThreshold}</span
+            >
+          </small>`)}
+    </div>`;
     }
     render() {
         if (!this.items.length)
@@ -90,23 +187,48 @@ export class UeScoringBaseElement extends UmbLitElement {
         return html ` ${when(this._hideDivider === false, () => html `<ue-divider .text=${this.#dividerText}></ue-divider>`)}
     ${this.items.map((group) => this.renderGroup(group))}`;
     }
-    static { this.styles = css `
-    uui-box {
-      height: var(--content-height, auto);
-    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+      .scoring-group {
+        height: var(--content-height, auto);
+        display: flex;
+        flex-direction: column;
+      }
 
-    ue-group-box + ue-group-box {
-      margin-top: var(--uui-size-2);
-    }
+      ue-group-box + ue-group-box {
+        margin-top: var(--uui-size-2);
+      }
 
-    uui-box + uui-box {
-      margin-top: var(--group-gap, var(--uui-size-3));
-    }
+      .scoring-group + .scoring-group {
+        margin-top: var(--group-gap, var(--uui-size-space-5));
+      }
 
-    uui-tag {
-      align-self: center;
-    }
-  `; }
+      uui-tag {
+        align-self: center;
+      }
+
+      small {
+        display: flex;
+        padding-top: var(--uui-size-3);
+        margin-top: auto;
+        gap: var(--uui-size-2);
+      }
+
+      small span {
+        display: block;
+      }
+
+      /* from uui-box */
+      #header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding-right: var(--uui-size-space-5);
+        margin-bottom: var(--uui-size-space-2);
+      }
+    `,
+    ]; }
 }
 __decorate([
     state()
@@ -119,7 +241,7 @@ __decorate([
 ], UeScoringBaseElement.prototype, "config", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UeScoringBaseElement.prototype, "inert", void 0);
+], UeScoringBaseElement.prototype, "readonly", void 0);
 __decorate([
     state()
 ], UeScoringBaseElement.prototype, "_hideDivider", void 0);

package/dist/core/components/tooltip/tooltip-element.js

@@ -32,8 +32,8 @@ let UeTooltipElement = class UeTooltipElement extends UmbLitElement {
         this.#unbindListeners();
     }
     #bindListeners() {
-        this.#trigger = this.getHostElement().closest("[popovertarget]") ?? undefined;
-        this.#host = this.getHostElement().closest("uui-popover-container") ?? undefined;
+        this.#trigger = this.getHostElement().closest("[popovertarget]");
+        this.#host = this.getHostElement().closest("uui-popover-container");
         if (!this.#trigger || !this.#host) {
             console.warn("UeTooltipElement[hint] requires a uui-popover-container and a popovertarget element to function properly.");
             return;

package/dist/core/context/entities.d.ts

@@ -10,4 +10,5 @@ export interface UeValidatedWorkspaceContextArgs {
     detailRepositoryAlias: string;
     routedComponents?: UeRoutedComponentsConfiguration;
     actions?: Array<UeWorkspaceAction>;
+    withRedirectOnCreate?: boolean;
 }

package/dist/core/context/workspace-context-base.js

@@ -23,7 +23,7 @@ export class UeWorkspaceContextBase extends UmbEntityDetailWorkspaceContextBase
         // we don't use the value anywhere, hence the garbage-in below.
         // Note this is obsolete, and will be removed in v18, so will need to be revisited.
         this.setParent({ entityType: "engage-entity-root", unique: "" });
-        this.#setRoutes(args.routedComponents);
+        this.#setRoutes(args.routedComponents, args.withRedirectOnCreate ?? true);
         this.#registerActions(args.actions);
     }
     #registerActions(actions) {
@@ -54,7 +54,7 @@ export class UeWorkspaceContextBase extends UmbEntityDetailWorkspaceContextBase
             });
         });
     }
-    #setRoutes(routedComponents) {
+    #setRoutes(routedComponents, withRedirectOnCreate) {
         if (!routedComponents)
             return;
         this.routes.setRoutes([
@@ -62,7 +62,9 @@ export class UeWorkspaceContextBase extends UmbEntityDetailWorkspaceContextBase
                 path: "edit/:id",
                 component: routedComponents.edit,
                 setup: async (_component, info) => {
-                    this.removeUmbControllerByAlias(UmbWorkspaceIsNewRedirectControllerAlias);
+                    withRedirectOnCreate
+                        ? this.removeUmbControllerByAlias(UmbWorkspaceIsNewRedirectControllerAlias)
+                        : {};
                     await this.load(info.match.params.id);
                 },
             },
@@ -73,7 +75,9 @@ export class UeWorkspaceContextBase extends UmbEntityDetailWorkspaceContextBase
                     await this.createScaffold({
                         parent: { entityType: "engage-entity-root", unique: "" },
                     });
-                    new UmbWorkspaceIsNewRedirectController(this, this, this.getHostElement().shadowRoot.querySelector("umb-router-slot"));
+                    withRedirectOnCreate
+                        ? new UmbWorkspaceIsNewRedirectController(this, this, this.getHostElement().shadowRoot.querySelector("umb-router-slot"))
+                        : {};
                 },
             },
         ]);

package/dist/core/entities.d.ts

@@ -72,6 +72,7 @@ export interface UeEntityScoreModel {
     score: number;
     id: number;
     unique: string;
+    isActive?: boolean;
     entityId: number;
 }
 export interface UeLicensedFeaturesMap {