@umbraco-engage/backoffice 17.0.4 → 17.1.0

package/dist/ab-testing/test/workspace/actions/save-test-action.d.ts

@@ -1,6 +1,6 @@
+import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { type UmbSubmittableWorkspaceContext, type UmbWorkspaceActionArgs } from "@umbraco-cms/backoffice/workspace";
-import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 export declare class UeAbTestingTestSaveTestWorkspaceAction extends UeAbTestingTestActionBase {
     constructor(host: UmbControllerHost, args: UmbWorkspaceActionArgs<UmbSubmittableWorkspaceContext>);
     execute(): Promise<void>;

package/dist/ab-testing/test/workspace/actions/schedule-test-action.d.ts

@@ -1,6 +1,6 @@
+import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { type UmbSubmittableWorkspaceContext, type UmbWorkspaceActionArgs } from "@umbraco-cms/backoffice/workspace";
-import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 export declare class UeAbTestingTestScheduleTestWorkspaceAction extends UeAbTestingTestActionBase {
     constructor(host: UmbControllerHost, args: UmbWorkspaceActionArgs<UmbSubmittableWorkspaceContext>);
     execute(): Promise<void>;

package/dist/ab-testing/test/workspace/actions/select-winner-action.d.ts

@@ -1,6 +1,6 @@
+import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { type UmbSubmittableWorkspaceContext, type UmbWorkspaceActionArgs } from "@umbraco-cms/backoffice/workspace";
-import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 export declare class UeAbTestingTestSelectWinnerWorkspaceAction extends UeAbTestingTestActionBase {
     constructor(host: UmbControllerHost, args: UmbWorkspaceActionArgs<UmbSubmittableWorkspaceContext>);
     execute(): Promise<void>;

package/dist/ab-testing/test/workspace/actions/start-test-action.d.ts

@@ -1,6 +1,6 @@
+import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { type UmbSubmittableWorkspaceContext, type UmbWorkspaceActionArgs } from "@umbraco-cms/backoffice/workspace";
-import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 export declare class UeAbTestingTestStartTestWorkspaceAction extends UeAbTestingTestActionBase {
     constructor(host: UmbControllerHost, args: UmbWorkspaceActionArgs<UmbSubmittableWorkspaceContext>);
     execute(): Promise<void>;

package/dist/ab-testing/test/workspace/actions/unschedule-test-action.d.ts

@@ -1,6 +1,6 @@
+import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { type UmbSubmittableWorkspaceContext, type UmbWorkspaceActionArgs } from "@umbraco-cms/backoffice/workspace";
-import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
 export declare class UeAbTestingTestUnscheduleTestWorkspaceAction extends UeAbTestingTestActionBase {
     constructor(host: UmbControllerHost, args: UmbWorkspaceActionArgs<UmbSubmittableWorkspaceContext>);
     execute(): Promise<void>;

package/dist/ab-testing/test/workspace/actions/unschedule-test-action.js

@@ -1,5 +1,5 @@
-import { umbConfirmModal } from "@umbraco-cms/backoffice/modal";
 import { UeAbTestingTestActionBase } from "./ab-test-action-base.js";
+import { umbConfirmModal } from "@umbraco-cms/backoffice/modal";
 export class UeAbTestingTestUnscheduleTestWorkspaceAction extends UeAbTestingTestActionBase {
     constructor(host, args) {
         super(host, args);

package/dist/ab-testing/test/workspace/conditions/ab-testing-can-disable.condition.d.ts

@@ -1,6 +1,6 @@
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
-import { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
-import { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 export declare class UeAbTestingTestCanDisableVariantCondition extends UmbConditionBase<any> implements UmbExtensionCondition {
     #private;
     constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<any>);

package/dist/ab-testing/test/workspace/conditions/ab-testing-can-disable.condition.js

@@ -1,5 +1,5 @@
+import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from '../ab-testing-test-workspace-context.token.js';
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
-import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../ab-testing-test-workspace-context.token.js";
 export class UeAbTestingTestCanDisableVariantCondition extends UmbConditionBase {
     #disablableStatuses = [
         "Running",

package/dist/ab-testing/test/workspace/conditions/ab-testing-can-preview.condition.d.ts

@@ -1,6 +1,6 @@
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
-import { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
-import { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 export declare class UeAbTestingTestCanPreviewVariantCondition extends UmbConditionBase<any> implements UmbExtensionCondition {
     #private;
     constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<any>);

package/dist/ab-testing/test/workspace/conditions/ab-testing-can-preview.condition.js

@@ -1,5 +1,5 @@
+import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from '../ab-testing-test-workspace-context.token.js';
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
-import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../ab-testing-test-workspace-context.token.js";
 export class UeAbTestingTestCanPreviewVariantCondition extends UmbConditionBase {
     #previewableStatuses = [
         "Running",

package/dist/ab-testing/test/workspace/conditions/ab-testing-test-entity-action-visibility.condition.d.ts

@@ -1,7 +1,7 @@
+import type { UeAbTestStatusConditionConfig } from "./manifests.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
-import type { UeAbTestStatusConditionConfig } from "./manifests.js";
 export declare class UeAbTestingTestEntityActionVisibilityCondition extends UmbConditionBase<UeAbTestStatusConditionConfig> implements UmbExtensionCondition {
     #private;
     constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UeAbTestStatusConditionConfig>);

package/dist/ab-testing/test/workspace/conditions/ab-testing-test-entity-action-visibility.condition.js

@@ -1,5 +1,5 @@
-import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../ab-testing-test-workspace-context.token.js";
+import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 export class UeAbTestingTestEntityActionVisibilityCondition extends UmbConditionBase {
     #workspaceContext;
     constructor(host, args) {

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

@@ -1,5 +1,5 @@
-import type { UmbConditionConfigBase } from "@umbraco-cms/backoffice/extension-api";
 import { ENGAGE_AB_TESTING_TEST_ENTITY_ACTION_VISIBILITY_CONDITION } from "./constants.js";
+import type { UmbConditionConfigBase } from "@umbraco-cms/backoffice/extension-api";
 import type { AbTestStatusModel } from "../../../../generated/index.js";
 export declare const manifests: Array<UmbExtensionManifest>;
 export interface UeAbTestStatusConditionConfig extends UmbConditionConfigBase<typeof ENGAGE_AB_TESTING_TEST_ENTITY_ACTION_VISIBILITY_CONDITION> {

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

@@ -1,5 +1,5 @@
-import { UmbEntityActionArgs, UmbEntityActionBase } from "@umbraco-cms/backoffice/entity-action";
-import { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { type UmbEntityActionArgs, UmbEntityActionBase } from "@umbraco-cms/backoffice/entity-action";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 export declare class UeDisableVariantAbTestScoringAction extends UmbEntityActionBase<any> {
     #private;
     constructor(host: UmbControllerHost, args: UmbEntityActionArgs<any>);

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

@@ -1,5 +1,5 @@
+import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from '../ab-testing-test-workspace-context.token.js';
 import { UmbEntityActionBase, } from "@umbraco-cms/backoffice/entity-action";
-import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../ab-testing-test-workspace-context.token.js";
 import { umbConfirmModal } from "@umbraco-cms/backoffice/modal";
 import { UmbLocalizationController } from "@umbraco-cms/backoffice/localization-api";
 export class UeDisableVariantAbTestScoringAction extends UmbEntityActionBase {

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

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

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

@@ -1,5 +1,5 @@
+import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from '../ab-testing-test-workspace-context.token.js';
 import { UmbEntityActionBase, } from "@umbraco-cms/backoffice/entity-action";
-import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../ab-testing-test-workspace-context.token.js";
 export class UePreviewVariantAbTestScoringAction extends UmbEntityActionBase {
     #variants;
     constructor(host, args) {

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

@@ -1,10 +1,10 @@
-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";
+import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
+import { ENGAGE_ENTITY_IS_NOT_NEW_CONDITION_ALIAS } from "src/core/conditions/index.js";
 export const manifests = [
     ...actionManifests,
     ...conditionManifests,

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

@@ -1,5 +1,5 @@
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { UmbWorkspaceViewElement } from "@umbraco-cms/backoffice/workspace";
+import type { UmbWorkspaceViewElement } from "@umbraco-cms/backoffice/workspace";
 declare const elementName = "ue-ab-testing-test-editor";
 export declare class UeAbTestingTestEditorElement extends UmbLitElement implements UmbWorkspaceViewElement {
     #private;

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

@@ -4,12 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { AbTestAdvancedSettingsProperties, AbTestInformationProperties, AbTestSettingsProperties, AbTestSetupProperties, } from "../../../entities.js";
+import { AbTestAdvancedSettingsProperties, AbTestInformationProperties, AbTestSettingsProperties, AbTestSetupProperties } from "../../../entities.js";
 import { css, customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UMB_SECTION_CONTEXT } from "@umbraco-cms/backoffice/section";
 import { UMB_CONTENT_SECTION_ALIAS } from "@umbraco-cms/backoffice/content";
-import { makeArray, UePropertyDataSetRendererController, } from "../../../../../core/index.js";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { makeArray, UePropertyDataSetRendererController, } from "../../../../../core/index.js";
 import { ENGAGE_AB_TESTING_TEST_WORKSPACE_CONTEXT } from "../../ab-testing-test-workspace-context.token.js";
 const elementName = "ue-ab-testing-test-editor";
 let UeAbTestingTestEditorElement = class UeAbTestingTestEditorElement extends UmbLitElement {
@@ -23,7 +23,7 @@ let UeAbTestingTestEditorElement = class UeAbTestingTestEditorElement extends Um
                 if (!sectionAlias)
                     return;
                 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 testTypes = makeArray("ContentType", "MultiPage", "SinglePage", "SplitUrl");
                     // in the Engage section, we remove the incompatible test types
                     // only if they are not selected for this test,
                     let remove;

package/dist/ab-testing/workspace-view/abtesting-workspace-view.element.js

@@ -4,13 +4,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { ENGAGE_AB_TESTING_TEST_ENTITY_TYPE } from "../umbraco-package.js";
 import { UeAbTestingDocumentWorkspaceContext } from "./abtesting-document-workspace-context.js";
 import { customElement, html } from "@umbraco-cms/backoffice/external/lit";
-import { UeContentScreenBaseElement } from "../../core/index.js";
 import { UmbModalRouteRegistrationController } from "@umbraco-cms/backoffice/router";
 import { UMB_WORKSPACE_MODAL } from "@umbraco-cms/backoffice/workspace";
-import { ENGAGE_AB_TESTING_TEST_ENTITY_TYPE } from "../umbraco-package.js";
 import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from "@umbraco-cms/backoffice/document";
+import { UeContentScreenBaseElement } from "../../core/index.js";
 const elementName = "ue-abtesting-workspace-view";
 let UeAbTestingWorkspaceViewElement = class UeAbTestingWorkspaceViewElement extends UeContentScreenBaseElement {
     #modalPath;

package/dist/analytics/analytics-context.js

@@ -111,6 +111,7 @@ export class UeAnalyticsContext extends UmbContextBase {
             dimensions: query.dimensions,
             endDate: query.endDate,
             filter: query.filter,
+            includeSubpages: this.#settings.getValue().includeNodeDescendants,
             metrics: query.metrics,
             page: query.page,
             pageSize: query.pageSize,

package/dist/analytics/components/analytics-settings.element.js

@@ -4,9 +4,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { ENGAGE_ANALYTICS_CONTEXT } from "../analytics-context.js";
 import { css, customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { ENGAGE_ANALYTICS_CONTEXT } from "../analytics-context.js";
 const elementName = "ue-analytics-settings";
 let UeAnalyticsSettingsElement = class UeAnalyticsSettingsElement extends UmbLitElement {
     #engageContext;

package/dist/analytics/components/annotations/annotation-icon-generator.d.ts

@@ -1,4 +1,4 @@
-import { AnnotationVisibilityModel } from "../../../generated/index.js";
+import type { AnnotationVisibilityModel } from "../../../generated/index.js";
 export declare class AnnotationIconGenerator {
     static getIcon(value: AnnotationVisibilityModel): Promise<import("lit-html").TemplateResult<1>>;
 }

package/dist/analytics/components/chart/analytics-chart.element.d.ts

@@ -21,6 +21,7 @@ export declare class UeAnalyticsChartElement extends UeChartBaseElement {
     drilldown?: Record<string, string | number>;
     constructor();
     protected updated(_changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
     loadChart(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist/analytics/components/chart/analytics-chart.element.js

@@ -18,6 +18,7 @@ let UeAnalyticsChartElement = class UeAnalyticsChartElement extends UeChartBaseE
     #chartSettingsGenerator;
     #chartDatasetGenerator;
     #dateRangeConfig;
+    #pendingLoadFrame;
     constructor() {
         super();
         this.#chartSettingsGenerator = new UeChartSettingsGeneratorController(this);
@@ -44,17 +45,19 @@ let UeAnalyticsChartElement = class UeAnalyticsChartElement extends UeChartBaseE
                 if (drilldown === this.drilldown)
                     return;
                 this.drilldown = drilldown;
-                this.loadChart();
+                this.#scheduleLoadChart();
             });
             this.observe(context.settings, (settings) => {
                 if (!settings?.dateRange)
                     return;
                 this.#dateRangeConfig = settings.dateRange;
-                this.loadChart();
+                this.#scheduleLoadChart();
             });
         });
     }
     updated(_changedProperties) {
+        if (!_changedProperties.has("config"))
+            return;
         if (_changedProperties.has("showPercentages") &&
             _changedProperties.get("showPercentages") !== this.showPercentages) {
             // when showPercentages changes, update the displayed dataset
@@ -62,6 +65,28 @@ let UeAnalyticsChartElement = class UeAnalyticsChartElement extends UeChartBaseE
                 ? this.#setPercentageData()
                 : this.#setAbsoluteData();
         }
+        // When config changes (e.g., alias update changes metrics), reload
+        this.#scheduleLoadChart();
+    }
+    // Schedule a chart load for the next animation frame.
+    // rAF fires after all microtasks (including Lit renders) have settled,
+    // so both config and settings changes are guaranteed to be applied.
+    #scheduleLoadChart() {
+        if (this.#pendingLoadFrame !== undefined) {
+            cancelAnimationFrame(this.#pendingLoadFrame);
+        }
+        this.#pendingLoadFrame = requestAnimationFrame(() => {
+            this.#pendingLoadFrame = undefined;
+            if (this.config && this.#analyticsContext) {
+                this.loadChart();
+            }
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.#pendingLoadFrame !== undefined) {
+            cancelAnimationFrame(this.#pendingLoadFrame);
+        }
     }
     async loadChart() {
         if (this.loading || !this.#analyticsContext || !this.config)

package/dist/analytics/components/chart/prefab-chart-prefabs-generator.controller.js

@@ -72,7 +72,7 @@ export class UePrefabChartPrefabsGeneratorController extends UePrefabGeneratorCo
             },
             ["pagevisitors_withsubpages"]: {
                 realtime: true,
-                metrics: ["pageviewsWithSubpages"],
+                metrics: ["pageVisitorsWithSubpages"],
                 dimensions: ["usertype"],
                 type: "bar",
                 stack: true,

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

@@ -1,12 +1,11 @@
 import { type UeHeatmapData } from "../../entities.js";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import type { HeatmapDeviceTypeModel } from "../../../generated/index.js";
 declare const elementName = "ue-heatmap";
 export declare class UeHeatmapElement extends UmbLitElement {
     #private;
     set data(value: UeHeatmapData | undefined);
     set querystring(value: string | undefined);
-    set deviceType(value: HeatmapDeviceTypeModel);
+    set deviceTypes(value: number[]);
     private _averageFold;
     private _pageHeight;
     private _documentUrl;

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

@@ -37,25 +37,30 @@ let UeHeatmapElement = class UeHeatmapElement extends UmbLitElement {
             this.#querystring = value;
         }
     }
-    set deviceType(value) {
-        let pageWidth = 1280;
-        switch (value) {
-            case "Null":
-            case "Desktop": {
-                this._averageFold = 1080;
-                break;
+    set deviceTypes(value) {
+        // Calculate page width and average fold based on the max values from selected device types
+        const pageWidth = Math.max(...value.map((deviceType) => {
+            switch (deviceType) {
+                case 1: // Desktop
+                    return 1280;
+                case 2: // Tablet
+                    return 1024;
+                case 3: // Mobile
+                default:
+                    return 640;
             }
-            case "Tablet": {
-                this._averageFold = 1024;
-                pageWidth = 1024;
-                break;
+        }));
+        this._averageFold = Math.max(...value.map((deviceType) => {
+            switch (deviceType) {
+                case 1: // Desktop
+                    return 1080;
+                case 2: // Tablet
+                    return 1024;
+                case 3: // Mobile
+                default:
+                    return 896;
             }
-            case "Mobile": {
-                this._averageFold = 896;
-                pageWidth = 640;
-                break;
-            }
-        }
+        }));
         this.style.setProperty("--width", `${pageWidth}px`);
         if (this._documentUrl) {
             this.#generateHeatmap();
@@ -346,8 +351,8 @@ __decorate([
     property()
 ], UeHeatmapElement.prototype, "querystring", null);
 __decorate([
-    property({ type: String })
-], UeHeatmapElement.prototype, "deviceType", null);
+    property({ type: Array })
+], UeHeatmapElement.prototype, "deviceTypes", null);
 __decorate([
     state()
 ], UeHeatmapElement.prototype, "_averageFold", void 0);

package/dist/analytics/components/table/analytics-table.element.js

@@ -18,13 +18,13 @@ let UeAnalyticsTableElement = class UeAnalyticsTableElement extends UmbLitElemen
     #drilldown;
     #sortDescending;
     #config;
-    #loadTableDebounceTimer;
+    #pendingLoadFrame;
     set config(value) {
         if (!value)
             return;
         this.#config = value;
         // Trigger reload after config is set
-        this.#debouncedLoadTable();
+        this.#scheduleLoadTable();
     }
     get config() {
         return this.#config;
@@ -43,7 +43,7 @@ let UeAnalyticsTableElement = class UeAnalyticsTableElement extends UmbLitElemen
         this.#rowDifferences = [];
         // Do not sum average values or show the sum of pageSessions on Pageviews
         // or on any dimensions column
-        this.metricGuardKeys = new Set(["avg", "average", "pageSessions"]);
+        this.metricGuardKeys = new Set(["avg", "average", "pageSessions", "pageSessionsWithSubpages"]);
         this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (context) => {
             this.observe(context?.unique, (unique) => {
                 if (!this.config)
@@ -67,7 +67,7 @@ let UeAnalyticsTableElement = class UeAnalyticsTableElement extends UmbLitElemen
             this.observe(context.settings, (settings) => {
                 if (!settings?.dateRange)
                     return;
-                this.#debouncedLoadTable();
+                this.#scheduleLoadTable();
             });
         });
         this.#paginationManager.setPageSize(this._pageSize);
@@ -91,14 +91,19 @@ let UeAnalyticsTableElement = class UeAnalyticsTableElement extends UmbLitElemen
         this.#computeDifferences();
         this._loading = false;
     }
-    // config updates after settings, but we want both before rendering. Could use requestAnimationFrame instead, possibly.
-    #debouncedLoadTable() {
-        clearTimeout(this.#loadTableDebounceTimer);
-        this.#loadTableDebounceTimer = window.setTimeout(() => {
+    // Schedule a table load for the next animation frame.
+    // rAF fires after all microtasks (including Lit renders) have settled,
+    // so both config and settings changes are guaranteed to be applied.
+    #scheduleLoadTable() {
+        if (this.#pendingLoadFrame !== undefined) {
+            cancelAnimationFrame(this.#pendingLoadFrame);
+        }
+        this.#pendingLoadFrame = requestAnimationFrame(() => {
+            this.#pendingLoadFrame = undefined;
             if (this.#config && this.#analyticsContext) {
                 this.loadTable();
             }
-        }, 50);
+        });
     }
     #onPageChange(e) {
         e ? this.#paginationManager.setCurrentPageNumber(e.target.current) : {};
@@ -377,7 +382,9 @@ let UeAnalyticsTableElement = class UeAnalyticsTableElement extends UmbLitElemen
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        clearTimeout(this.#loadTableDebounceTimer);
+        if (this.#pendingLoadFrame !== undefined) {
+            cancelAnimationFrame(this.#pendingLoadFrame);
+        }
     }
     render() {
         if (this._loading) {

package/dist/analytics/components/table/entities.d.ts

@@ -1,6 +1,6 @@
 import type { UePrefabTablePrefab } from "../../entities.js";
 import type { AnalyticsQueryGetModel, ColumnModel, DimensionModel } from "../../../generated/index.js";
-export interface UeTableConfig extends UePrefabTablePrefab {
+interface UeTableConfig extends UePrefabTablePrefab {
     hasData?: boolean;
     page: number;
     pageSize: number;
@@ -14,9 +14,9 @@ export interface UeAnalyticsMergedTable {
 }
 export interface UeAnalyticsMergedRow {
     dimensions: Array<any>;
-    dateRanges: Array<UeAnalyticsMergedRowDateRange>;
-}
-export interface UeAnalyticsMergedRowDateRange {
-    label: string;
-    values?: Array<number>;
+    dateRanges: Array<{
+        label: string;
+        values?: Array<number>;
+    }>;
 }
+export {};

package/dist/analytics/components/table/prefab-analytics-table.element.js

@@ -13,7 +13,7 @@ let UeAnalyticsPrefabTableElement = class UeAnalyticsPrefabTableElement extends
     set alias(value) {
         if (!value)
             return;
-        this.config = this.#prefabsGenerator.generate(value);
+        this.config = this.#prefabsGenerator.generate(value, this.config);
     }
 };
 __decorate([

package/dist/analytics/components/table/prefab-table-prefabs-generator.controller.d.ts

@@ -5,6 +5,6 @@ import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 export declare class UePrefabTablePrefabsGeneratorController extends UePrefabGeneratorControllerBase<UePrefabTablePrefab, UeTableConfigUnionType> {
     constructor(host: UmbControllerHost, callback?: () => unknown);
     initializePrefabs(callback?: () => unknown): void;
-    generate<ConfigType extends UePrefabEntityBase>(prefabAlias?: UePrefabType): ConfigType;
+    generate<ConfigType extends UePrefabEntityBase>(prefabAlias?: UePrefabType, config?: ConfigType): ConfigType;
     options: UePrefabCollection<UePrefabTablePrefab>;
 }

package/dist/analytics/components/table/prefab-table-prefabs-generator.controller.js

@@ -368,9 +368,9 @@ export class UePrefabTablePrefabsGeneratorController extends UePrefabGeneratorCo
         }
         callback?.();
     }
-    generate(prefabAlias) {
+    generate(prefabAlias, config) {
         this.getPrefabFromConfiguration(prefabAlias);
-        this.config = {};
+        this.config = config ?? {};
         this.determineAllMetrics();
         this.setPrefabProperty("dimensions");
         this.setPrefabProperty("sort", this.config.metrics?.[0]);

package/dist/analytics/components/table/table-dataset-generator.controller.d.ts

@@ -1,6 +1,6 @@
-import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
-import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UeAnalyticsMergedTable, UeTableConfigUnionType } from "./entities.js";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 import type { AnalyticsQueryResultModel } from "../../../generated/index.js";
 export declare class UeTableDatasetGeneratorController extends UmbControllerBase {
     #private;

package/dist/analytics/components/table/table-dataset-generator.controller.js

@@ -1,5 +1,5 @@
-import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 import { ENGAGE_ANALYTICS_CONTEXT } from "../../analytics-context.js";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 import { DateUtils, } from "../../../core/index.js";
 export class UeTableDatasetGeneratorController extends UmbControllerBase {
     #settings;

package/dist/analytics/manifests-analytics.js

@@ -1,7 +1,7 @@
-import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
-import { UMB_DOCUMENT_WORKSPACE_ALIAS } from "@umbraco-cms/backoffice/document";
 import { ENGAGE_ANALYTICS_CONTEXT_ALIAS } from "./constants.js";
 import { manifests as modalManifests } from "./modal/manifests.js";
+import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
+import { UMB_DOCUMENT_WORKSPACE_ALIAS } from "@umbraco-cms/backoffice/document";
 import { ENGAGE_EXTENSION_VISIBILITY_CONDITION_ALIAS, ENGAGE_SCREEN_ANALYTICS, ScreenManifestGenerator, ENGAGE_FEATURE_ANALYTICS, ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS, ENGAGE_DOCUMENT_TYPE_PERMISSIONS_CONDITION_ALIAS, SHOW_ANALYTICS, } from "../core/index.js";
 const ANALYTICS_SCREEN = "ue-analytics-screen";
 const screens = [

package/dist/analytics/modal/element/edit-annotation-modal.element.js

@@ -51,7 +51,7 @@ let UeEditAnnotationModalElement = class UeEditAnnotationModalElement extends Um
         this._value = e.target.value;
     }
     #getVisibilityOptions() {
-        let visibilityOptions = this.#visiblityValues
+        const visibilityOptions = this.#visiblityValues
             .filter((v) => this.#documentUnique || v == "Always")
             .map((key, i, arr) => ({
             value: key,

package/dist/analytics/prefab-generator-base.controller.d.ts

@@ -1,6 +1,6 @@
+import type { UePrefabCollection, UePrefabEntityBase } from "./entities.js";
 import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import type { UePrefabCollection, UePrefabEntityBase } from "./entities.js";
 export declare abstract class UePrefabGeneratorControllerBase<UePrefabType extends UePrefabEntityBase, ConfigType extends UePrefabType> extends UmbControllerBase {
     protected abstract initializePrefabs(callback?: () => unknown): any;
     protected abstract generate<ConfigType extends UePrefabType>(prefabAlias?: string, config?: ConfigType): ConfigType;

package/dist/analytics/screens/analytics-screen-base.element.d.ts

@@ -1,5 +1,5 @@
-import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { ENGAGE_ANALYTICS_CONTEXT } from "../analytics-context.js";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 export declare abstract class UeAnalyticsScreenBaseElement extends UmbLitElement {
     protected analyticsContext?: typeof ENGAGE_ANALYTICS_CONTEXT.TYPE;
     protected currentDocumentUnique?: string | null;

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

@@ -4,10 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { ENGAGE_ANALYTICS_CONTEXT } from "../analytics-context.js";
 import { css, html, state, when } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from "@umbraco-cms/backoffice/workspace";
-import { ENGAGE_ANALYTICS_CONTEXT } from "../analytics-context.js";
 import { ENGAGE_CONTEXT } from "../../core/index.js";
 export class UeAnalyticsScreenBaseElement extends UmbLitElement {
     constructor() {

package/dist/analytics/screens/analytics-view.element.d.ts

@@ -1,5 +1,5 @@
+import type { UePrefabType } from "../entities.js";
 import { UeAnalyticsScreenBaseElement } from "./analytics-screen-base.element.js";
-import { UePrefabType } from "../entities.js";
 declare const elementName = "ue-analytics-view";
 /**
  * Use this element when the analytics view has a static alias for both the chart and table

package/dist/analytics/screens/analytics-view.element.js

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, html, property, } from "@umbraco-cms/backoffice/external/lit";
 import { UeAnalyticsScreenBaseElement } from "./analytics-screen-base.element.js";
+import { customElement, html, property, } from "@umbraco-cms/backoffice/external/lit";
 const elementName = "ue-analytics-view";
 /**
  * Use this element when the analytics view has a static alias for both the chart and table