@umbraco-engage/backoffice 17.0.0-rc1 → 17.0.0

package/dist/ab-testing/test/workspace/entity-actions/manifests.js

@@ -0,0 +1,34 @@
+import { ENGAGE_AB_TESTING_TEST_CAN_PREVIEW_VARIANT_CONDITION } from "../conditions/constants.js";
+export const manifests = [
+    {
+        type: "entityAction",
+        kind: "default",
+        alias: "Engage.EntityAction.AbTest.PreviewVariantAction",
+        name: "Engage AB Test Preview Variant Action",
+        api: () => import("./preview-variant.action.js"),
+        forEntityTypes: ["engage-abtest-variant"],
+        weight: 200,
+        meta: {
+            icon: "icon-preview",
+            label: "#general_preview",
+        },
+        conditions: [
+            {
+                alias: ENGAGE_AB_TESTING_TEST_CAN_PREVIEW_VARIANT_CONDITION,
+            },
+        ],
+    },
+    {
+        type: "entityAction",
+        kind: "default",
+        alias: "Engage.EntityAction.AbTest.DisabledVariantAction",
+        name: "Engage AB Test Disable Variant Action",
+        api: () => import("./disable-variant.action.js"),
+        forEntityTypes: ["engage-abtest-variant"],
+        weight: 100,
+        meta: {
+            icon: "icon-block",
+            label: "#general_disable",
+        },
+    },
+];

package/dist/ab-testing/test/workspace/entity-actions/preview-variant.action.d.ts

@@ -0,0 +1,8 @@
+import { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { UmbEntityActionArgs, UmbEntityActionBase } from "@umbraco-cms/backoffice/entity-action";
+export declare class UePreviewVariantAbTestScoringAction extends UmbEntityActionBase<any> {
+    #private;
+    constructor(host: UmbControllerHost, args: UmbEntityActionArgs<any>);
+    execute(): Promise<void>;
+}
+export { UePreviewVariantAbTestScoringAction as api };

package/dist/ab-testing/test/workspace/entity-actions/preview-variant.action.js

@@ -0,0 +1,32 @@
+import { UmbEntityActionBase, } from "@umbraco-cms/backoffice/entity-action";
+import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../ab-testing-test-workspace-context.token.js";
+import { UeVariantPreviewController } from "../../../../core/index.js";
+export class UePreviewVariantAbTestScoringAction extends UmbEntityActionBase {
+    #preview = new UeVariantPreviewController(this);
+    #test;
+    constructor(host, args) {
+        super(host, args);
+        this.consumeContext(ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context?.test, (test) => {
+                this.#test = test;
+            });
+        });
+    }
+    async execute() {
+        if (!this.args.unique)
+            return;
+        const page = this.#test?.umbracoPageVariants?.[0];
+        if (!page)
+            return;
+        // unique is the key, but we need use the id for preview
+        const id = this.#test?.variants.find((x) => x.unique === this.args.unique)?.id;
+        if (!id)
+            return;
+        this.#preview?.preview(page.unique, null, page.culture, {
+            engagePreviewAbTestVariantId: id,
+        });
+    }
+}
+export { UePreviewVariantAbTestScoringAction as api };

package/dist/ab-testing/test/workspace/manifests.d.ts

@@ -26,10 +26,15 @@ export declare const manifests: (import("@umbraco-cms/backoffice/extension-api")
         icon: string;
         entityType?: undefined;
     };
-    conditions: {
+    conditions: ({
         alias: string;
         match: string;
-    }[];
+        oneOf?: undefined;
+    } | {
+        alias: string;
+        oneOf: string[];
+        match?: undefined;
+    })[];
     api?: undefined;
 } | {
     type: string;
@@ -47,8 +52,10 @@ export declare const manifests: (import("@umbraco-cms/backoffice/extension-api")
     conditions: ({
         alias: string;
         match: string;
+        oneOf?: undefined;
     } | {
         alias: string;
+        oneOf: string[];
         match?: undefined;
     })[];
     api?: undefined;

package/dist/ab-testing/test/workspace/manifests.js

@@ -2,11 +2,13 @@ import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace
 import { ENGAGE_AB_TESTING_TEST_ENTITY_TYPE, ENGAGE_AB_TESTING_TEST_WORKSPACE_ALIAS, } from "../constants.js";
 import { manifests as actionManifests } from "./actions/manifests.js";
 import { manifests as conditionManifests } from "./conditions/manifests.js";
+import { manifests as entityActionManifests } from "./entity-actions/manifests.js";
 import { ENGAGE_ENTITY_IS_NOT_NEW_CONDITION_ALIAS } from "src/core/conditions/index.js";
 import { ENGAGE_AB_TESTING_TEST_ENTITY_ACTION_VISIBILITY_CONDITION } from "./conditions/constants.js";
 export const manifests = [
     ...actionManifests,
     ...conditionManifests,
+    ...entityActionManifests,
     {
         type: "workspace",
         kind: "routable",
@@ -36,7 +38,7 @@ export const manifests = [
             },
             {
                 alias: ENGAGE_AB_TESTING_TEST_ENTITY_ACTION_VISIBILITY_CONDITION,
-                match: "Draft",
+                oneOf: ["Draft", "Scheduled"],
             },
         ],
     },
@@ -58,7 +60,8 @@ export const manifests = [
                 match: ENGAGE_AB_TESTING_TEST_WORKSPACE_ALIAS,
             },
             {
-                alias: ENGAGE_ENTITY_IS_NOT_NEW_CONDITION_ALIAS,
+                alias: ENGAGE_AB_TESTING_TEST_ENTITY_ACTION_VISIBILITY_CONDITION,
+                oneOf: ["Running", "Stopped", "Completed"],
             },
         ],
     },

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

@@ -7,36 +7,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../../ab-testing-test-workspace-context.token.js";
 import { html, customElement, state, css, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { umbConfirmModal, umbOpenModal } from "@umbraco-cms/backoffice/modal";
-import { ENGAGE_READONLY_CODE_MODAL_ALIAS, UeTimeFormatOptions, UeVariantPreviewController, } from "../../../../../core/index.js";
+import { umbOpenModal } from "@umbraco-cms/backoffice/modal";
+import { ENGAGE_READONLY_CODE_MODAL_ALIAS, UeTimeFormatOptions, } from "../../../../../core/index.js";
 import "../../../collection/elements/ab-test-variant-warning-column-layout.element.js";
 import "../../../collection/elements/ab-test-variant-name-column-layout.element.js";
 import "../../../collection/elements/ab-test-variant-status-column-layout.element.js";
 import "../../../collection/elements/ab-test-variant-percentage-column-layout.element.js";
 const elementName = "ue-ab-testing-test-scoring";
 let UeAbTestingTestWorkspaceViewEditElement = class UeAbTestingTestWorkspaceViewEditElement extends UmbLitElement {
-    #workspaceContext;
-    #preview = new UeVariantPreviewController(this);
-    #previewableVariantStatuses = [
-        "Running",
-        "Warning",
-        "Reliable",
-        "Scheduled",
-        "Disabled",
-    ];
-    #disablableVariantStatuses = [
-        "Running",
-        "Warning",
-        "Reliable",
-        "Scheduled",
-    ];
     constructor() {
         super();
         this._loading = true;
         this.consumeContext(ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT, (context) => {
             if (!context)
                 return;
-            this.#workspaceContext = context;
             this.observe(context.data, (data) => {
                 this._test = data;
                 this._loading = false;
@@ -49,33 +33,6 @@ let UeAbTestingTestWorkspaceViewEditElement = class UeAbTestingTestWorkspaceView
             });
         });
     }
-    #canPreviewVariant(variant) {
-        return (this._test?.test?.umbracoPageVariants?.[0] &&
-            this.#previewableVariantStatuses.includes(variant.status));
-    }
-    #canDisableVariant(variant) {
-        return this.#disablableVariantStatuses.includes(variant.status);
-    }
-    async #disableVariant(variant) {
-        const disable = async () => {
-            await this.#workspaceContext?.disableVariant(variant.id);
-        };
-        await umbConfirmModal(this, {
-            content: this.localize.term("engage_abTesting_confirmDisableVariantDescription"),
-            headline: this.localize.term("engage_abTesting_confirmDisableVariant", variant.name, this._test?.test?.name),
-        })
-            .then(() => disable())
-            .catch(() => { });
-    }
-    // TODO => preview variant
-    #previewVariant(e, variant) {
-        const page = this._test?.test?.umbracoPageVariants?.[0];
-        if (!page)
-            return;
-        this.#preview?.preview(page.unique, null, page.culture, {
-            engagePreviewAbTestVariantId: variant.id,
-        });
-    }
     async #showCssJs(variant) {
         umbOpenModal(this, ENGAGE_READONLY_CODE_MODAL_ALIAS, {
             data: {
@@ -88,10 +45,18 @@ let UeAbTestingTestWorkspaceViewEditElement = class UeAbTestingTestWorkspaceView
     #renderGoalsTable(variant) {
         return html ` <uui-table class="nested">
       <uui-table-head>
-        <uui-table-head-cell> Goal </uui-table-head-cell>
-        <uui-table-head-cell> Completions </uui-table-head-cell>
-        <uui-table-head-cell> Ratio </uui-table-head-cell>
-        <uui-table-head-cell> Status </uui-table-head-cell>
+        <uui-table-head-cell
+          >${this.localize.term("engage_goal")}
+        </uui-table-head-cell>
+        <uui-table-head-cell>
+          ${this.localize.term("engage_completions")}
+        </uui-table-head-cell>
+        <uui-table-head-cell>
+          ${this.localize.term("engage_ratio")}
+        </uui-table-head-cell>
+        <uui-table-head-cell>
+          ${this.localize.term("engage_status")}
+        </uui-table-head-cell>
       </uui-table-head>
       ${variant.mainGoalComparisons?.map((comparison) => html `<uui-table-row .class="${comparison.isHurting ? "warning" : ""}"
             ><uui-table-cell
@@ -114,27 +79,40 @@ let UeAbTestingTestWorkspaceViewEditElement = class UeAbTestingTestWorkspaceView
           ></uui-table-row>`)}
     </uui-table>`;
     }
-    // TODO => localize
     #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>Variant</uui-table-head-cell>
-              <uui-table-head-cell>Visitors</uui-table-head-cell>
-              <uui-table-head-cell>Pageviews</uui-table-head-cell>
-              <uui-table-head-cell>Goal completions</uui-table-head-cell>
-              <uui-table-head-cell>Conversion rate</uui-table-head-cell>
-              <uui-table-head-cell>Macro conversion</uui-table-head-cell>
-              <uui-table-head-cell>Status</uui-table-head-cell>
+              <uui-table-head-cell
+                >${this.localize.term("engage_variant")}</uui-table-head-cell
+              >
+              <uui-table-head-cell
+                >${this.localize.term("engage_visitors")}</uui-table-head-cell
+              >
+              <uui-table-head-cell
+                >${this.localize.term("engage_pageviews")}</uui-table-head-cell
+              >
+              <uui-table-head-cell
+                >${this.localize.term("engage_analytics_goalCompletionsAll")}</uui-table-head-cell
+              >
+              <uui-table-head-cell
+                >${this.localize.term("engage_conversionRate")}</uui-table-head-cell
+              >
+              <uui-table-head-cell
+                >${this.localize.term("engage_macroConversion")}</uui-table-head-cell
+              >
+              <uui-table-head-cell
+                >${this.localize.term("engage_status")}</uui-table-head-cell
+              >
               <uui-table-head-cell>CSS / JS</uui-table-head-cell>
               <uui-table-head-cell></uui-table-head-cell>
             </uui-table-head>
@@ -191,22 +169,13 @@ let UeAbTestingTestWorkspaceViewEditElement = class UeAbTestingTestWorkspaceView
                     ></uui-button>`)}
               </uui-table-cell>
               <uui-table-cell>
-                <uui-action-bar>
-                  ${when(this.#canPreviewVariant(variant), () => html ` <uui-button
-                      compact
-                      label="Preview"
-                      @click=${(e) => this.#previewVariant(e, variant)}
-                      look="secondary"
-                      ><uui-icon name="icon-preview"></uui-icon
-                    ></uui-button>`)}
-                  ${when(idx > 0 && this.#canDisableVariant(variant), () => html ` <uui-button
-                      compact
-                      label="Disable"
-                      @click=${() => this.#disableVariant(variant)}
-                      look="secondary"
-                      ><uui-icon name="icon-block"></uui-icon
-                    ></uui-button>`)}</uui-action-bar
-                >
+                <ue-entity-actions-bundle
+                  .entityType=${"engage-abtest-variant"}
+                  .unique=${variant.unique}
+                  .label=${this.localize.term("actions_viewActionsFor", [
+            variant.name,
+        ])}
+                ></ue-entity-actions-bundle>
               </uui-table-cell>
             </uui-table-row>
           </uui-table>
@@ -218,7 +187,8 @@ let UeAbTestingTestWorkspaceViewEditElement = class UeAbTestingTestWorkspaceView
       <uui-box
         .headline=${this.localize.term("engage_abTesting_scoringOverview")}
       >
-        ${when(this._generationStatus?.lastGenerated, () => html ` <small slot="header-actions"
+        ${when(this._test?.test.status != "Draft" &&
+            this._generationStatus?.lastGenerated, () => html ` <small slot="header-actions"
             >${this.localize.term("engage_lastUpdated", this.localize.date(this._generationStatus.lastGenerated, UeTimeFormatOptions))}</small
           >`)}
         ${when(this._loading, () => html `<uui-loader></uui-loader>`, () => this.#renderTable())}

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;