@umbraco-engage/backoffice 17.0.0-rc1

package/dist/analytics/manifests-analytics.js

@@ -0,0 +1,130 @@
+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 { 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 = [
+    {
+        name: "Pageviews",
+        elementName: "ue-analytics-pageviews",
+    },
+    {
+        name: "Sessions",
+        elementName: "ue-analytics-sessions",
+    },
+    {
+        name: "Visitors",
+        elementName: "ue-analytics-visitors",
+    },
+    {
+        name: "Time on page",
+        elementName: "ue-analytics-timeonpage",
+        label: "timeOnPage",
+    },
+    {
+        name: "Browsers",
+        elementName: "ue-analytics-browsers",
+    },
+    {
+        name: "Locations",
+        elementName: "ue-analytics-locations",
+    },
+    {
+        name: "Goals",
+        elementName: "ue-analytics-goals",
+    },
+    {
+        name: "Referrals",
+        elementName: "ue-analytics-referrals",
+    },
+    {
+        name: "Campaigns",
+        elementName: "ue-analytics-campaigns",
+    },
+    {
+        name: "Devices",
+        elementName: "ue-analytics-devices",
+    },
+    {
+        name: "Events",
+        elementName: "ue-analytics-events",
+    },
+    {
+        name: "Videos",
+        elementName: "ue-analytics-videos",
+    },
+    {
+        name: "Umbraco Forms",
+        elementName: "ue-analytics-umbracoforms",
+        label: "umbracoForms",
+    },
+    {
+        name: "Search terms",
+        elementName: "ue-analytics-searchterms",
+        label: "searchTerms",
+    },
+    {
+        name: "Heatmap",
+        elementName: "ue-analytics-heatmap",
+        workspace: "document",
+    },
+];
+export const manifests = [
+    ...modalManifests,
+    {
+        type: "globalContext",
+        name: "Engage Analytics Context",
+        alias: ENGAGE_ANALYTICS_CONTEXT_ALIAS,
+        api: () => import("./analytics-context.js"),
+    },
+    {
+        type: "engageScreenElement",
+        alias: ENGAGE_SCREEN_ANALYTICS,
+        name: `Engage Analytics Screen`,
+        elementName: ANALYTICS_SCREEN,
+        weight: 90,
+        meta: {
+            label: "#engage_analytics",
+            pathname: "analytics",
+            icon: "icon-chart-pie",
+        },
+        conditions: [
+            {
+                alias: ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS,
+                match: ENGAGE_FEATURE_ANALYTICS,
+            },
+        ],
+    },
+    {
+        type: "workspaceView",
+        name: "Engage Analytics Document Workspace View",
+        alias: "Engage.WorkspaceView.Analytics",
+        element: () => import("./workspace-view/analytics-workspace-view.element.js"),
+        weight: 190,
+        meta: {
+            label: "#engage_analytics",
+            pathname: "analytics",
+            icon: "icon-chart",
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_DOCUMENT_WORKSPACE_ALIAS,
+            },
+            {
+                alias: ENGAGE_EXTENSION_VISIBILITY_CONDITION_ALIAS,
+                allOf: [ENGAGE_FEATURE_ANALYTICS],
+            },
+            {
+                alias: ENGAGE_DOCUMENT_TYPE_PERMISSIONS_CONDITION_ALIAS,
+                match: SHOW_ANALYTICS,
+            },
+            {
+                alias: ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS,
+                match: ENGAGE_FEATURE_ANALYTICS,
+            },
+        ],
+    },
+    ...screens.map((screen) => ScreenManifestGenerator({ ...screen, workspace: screen.workspace ?? "any" }, ANALYTICS_SCREEN, "Analytics")),
+];

package/dist/analytics/modal/element/edit-annotation-modal.element.d.ts

@@ -0,0 +1,17 @@
+import type { UeEditAnnotationModalData, UeEditAnnotationModalValue } from "../index.js";
+import { UmbModalBaseElement } from "@umbraco-cms/backoffice/modal";
+declare const elementName = "ue-edit-annotation-modal";
+export declare class UeEditAnnotationModalElement extends UmbModalBaseElement<UeEditAnnotationModalData, UeEditAnnotationModalValue> {
+    #private;
+    private _value;
+    private _visibilityOptions;
+    constructor();
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default UeEditAnnotationModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeEditAnnotationModalElement;
+    }
+}

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

@@ -0,0 +1,123 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { makeArray } from "../../../core/functions/index.js";
+import { customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbModalBaseElement } from "@umbraco-cms/backoffice/modal";
+import { UMB_ENTITY_WORKSPACE_CONTEXT } from "@umbraco-cms/backoffice/workspace";
+const elementName = "ue-edit-annotation-modal";
+let UeEditAnnotationModalElement = class UeEditAnnotationModalElement extends UmbModalBaseElement {
+    #documentUnique;
+    #visiblityValues;
+    constructor() {
+        super();
+        this._value = [];
+        this._visibilityOptions = [];
+        this.#visiblityValues = makeArray("Always", "Node", "NodeAndDescendants");
+        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.unique, (unique) => {
+                this.#documentUnique = unique?.toString();
+            });
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._visibilityOptions = this.#getVisibilityOptions();
+        this._value = [
+            {
+                alias: "timestamp",
+                value: this.data?.annotation?.timestamp?.replace("T", " ").split("+")[0] ??
+                    "",
+            },
+            { alias: "description", value: this.data?.annotation?.description ?? "" },
+            {
+                alias: "visibility",
+                value: this.data?.annotation?.visibility ?? this._visibilityOptions[0].value,
+            },
+        ];
+    }
+    #submitModal() {
+        const value = Object.fromEntries(this._value.map((x) => [x.alias, x.value]));
+        value.timestamp = value.timestamp?.split(" ").join("T");
+        this.updateValue(value);
+        this._submitModal();
+    }
+    #onChange(e) {
+        this._value = e.target.value;
+    }
+    #getVisibilityOptions() {
+        let visibilityOptions = this.#visiblityValues
+            .filter((v) => this.#documentUnique || v == "Always")
+            .map((key, i, arr) => ({
+            value: key,
+            name: this.localize.term(`engage_analytics_annotationVisibility${key}`),
+            selected: i === 0 && arr.length === 1,
+        }));
+        return visibilityOptions;
+    }
+    render() {
+        return html ` <umb-body-layout
+      .headline=${this.localize.term(this.data?.isNew
+            ? "engage_analytics_createAnnotation"
+            : "engage_analytics_editAnnotation")}
+    >
+      <uui-box>
+        <umb-property-dataset .value=${this._value} @change=${this.#onChange}>
+          <umb-property
+            alias="timestamp"
+            label=${this.localize.term(`engage_property_timestamp`)}
+            property-editor-ui-alias="Umb.PropertyEditorUi.DatePicker"
+            .validation=${{
+            mandatory: true,
+        }}
+            .config=${[{ alias: "format", value: "YYYY-MM-DD HH:mm:ss" }]}
+          ></umb-property>
+          <umb-property
+            alias="description"
+            label=${this.localize.term(`engage_property_description`)}
+            property-editor-ui-alias="Umb.PropertyEditorUi.TextArea"
+            .validation=${{
+            mandatory: true,
+        }}
+          ></umb-property>
+          <umb-property
+            alias="visibility"
+            label=${this.localize.term("engage_property_visibility")}
+            property-editor-ui-alias="Umb.PropertyEditorUi.Select"
+            ?readonly=${!this.#documentUnique}
+            .validation=${{ mandatory: true }}
+            .config=${[{ alias: "items", value: this._visibilityOptions }]}
+          ></umb-property>
+        </umb-property-dataset>
+      </uui-box>
+
+      <div slot="actions">
+        <uui-button
+          label=${this.localize.term("general_close")}
+          @click=${this._rejectModal}
+        ></uui-button>
+        <uui-button
+          color="positive"
+          look="primary"
+          label=${this.localize.term("buttons_save")}
+          @click=${this.#submitModal}
+        ></uui-button></div
+    ></umb-body-layout>`;
+    }
+};
+__decorate([
+    state()
+], UeEditAnnotationModalElement.prototype, "_value", void 0);
+__decorate([
+    state()
+], UeEditAnnotationModalElement.prototype, "_visibilityOptions", void 0);
+UeEditAnnotationModalElement = __decorate([
+    customElement(elementName)
+], UeEditAnnotationModalElement);
+export { UeEditAnnotationModalElement };
+export default UeEditAnnotationModalElement;

package/dist/analytics/modal/element/index.d.ts

@@ -0,0 +1 @@
+export * from "./edit-annotation-modal.element.js";

package/dist/analytics/modal/element/index.js

@@ -0,0 +1 @@
+export * from "./edit-annotation-modal.element.js";

package/dist/analytics/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./element/index.js";
+export * from "./token/index.js";

package/dist/analytics/modal/index.js

@@ -0,0 +1,2 @@
+export * from "./element/index.js";
+export * from "./token/index.js";

package/dist/analytics/modal/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist/analytics/modal/manifests.js

@@ -0,0 +1,9 @@
+import { ENGAGE_EDIT_ANNOTATION_MODAL_ALIAS } from "./index.js";
+export const manifests = [
+    {
+        type: "modal",
+        alias: ENGAGE_EDIT_ANNOTATION_MODAL_ALIAS,
+        name: "Engage Edit Annotation Modal",
+        js: () => import("./element/edit-annotation-modal.element.js"),
+    },
+];

package/dist/analytics/modal/token/edit-annotation-modal.token.d.ts

@@ -0,0 +1,10 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+import type { AnnotationModel } from "../../../generated/index.js";
+export declare const ENGAGE_EDIT_ANNOTATION_MODAL_ALIAS = "Engage.Modal.EditAnnotation";
+export interface UeEditAnnotationModalData {
+    isNew?: boolean;
+    annotation?: AnnotationModel;
+}
+export interface UeEditAnnotationModalValue extends Partial<AnnotationModel> {
+}
+export declare const ENGAGE_EDIT_ANNOTATION_MODAL: UmbModalToken<UeEditAnnotationModalData, UeEditAnnotationModalValue>;

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

@@ -0,0 +1,8 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export const ENGAGE_EDIT_ANNOTATION_MODAL_ALIAS = "Engage.Modal.EditAnnotation";
+export const ENGAGE_EDIT_ANNOTATION_MODAL = new UmbModalToken(ENGAGE_EDIT_ANNOTATION_MODAL_ALIAS, {
+    modal: {
+        type: "sidebar",
+        size: "small",
+    },
+});

package/dist/analytics/modal/token/index.d.ts

@@ -0,0 +1 @@
+export * from "./edit-annotation-modal.token.js";

package/dist/analytics/modal/token/index.js

@@ -0,0 +1 @@
+export * from "./edit-annotation-modal.token.js";

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

@@ -0,0 +1,16 @@
+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;
+    config?: ConfigType;
+    protected abstract options: UePrefabCollection<UePrefabType>;
+    protected prefab?: UePrefabType;
+    protected dataGenerationEnabled: boolean;
+    constructor(host: UmbControllerHost, callback?: () => unknown);
+    protected getPrefabFromConfiguration(prefabAlias?: string): void;
+    protected enableRealTimeReporting(): void;
+    protected determineAllMetrics(): void;
+    protected setPrefabProperty(key: keyof ConfigType, defaultValue?: any, prependDefault?: boolean): void;
+}

package/dist/analytics/prefab-generator-base.controller.js

@@ -0,0 +1,66 @@
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+import { ENGAGE_CONTEXT } from "../core/index.js";
+export class UePrefabGeneratorControllerBase extends UmbControllerBase {
+    constructor(host, callback) {
+        super(host);
+        this.dataGenerationEnabled = false;
+        this.consumeContext(ENGAGE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.configuration, (configuration) => {
+                if (!configuration)
+                    return;
+                this.dataGenerationEnabled =
+                    configuration.reporting?.dataGenerationEnabled ?? false;
+                this.initializePrefabs(callback);
+            });
+        });
+    }
+    getPrefabFromConfiguration(prefabAlias) {
+        if (!prefabAlias)
+            throw new Error("Prefab alias is missing");
+        const prefab = this.options[prefabAlias];
+        if (!prefab)
+            throw new Error("Prefab is missing");
+        this.prefab = prefab;
+    }
+    enableRealTimeReporting() {
+        for (const table in this.options) {
+            this.options[table].realtime = true;
+            if (this.options[table].filter?.length) {
+                this.options[table].filter =
+                    "visitorType=='person';" + this.options[table].filter;
+            }
+            else {
+                this.options[table].filter = "visitorType=='person'";
+            }
+        }
+    }
+    determineAllMetrics() {
+        if (!this.config)
+            return;
+        this.config.metrics = this.prefab?.metrics ?? [];
+    }
+    setPrefabProperty(key, defaultValue, prependDefault = false) {
+        if (defaultValue === undefined) {
+            defaultValue = null;
+        }
+        if (!this.prefab) {
+            this.config = {
+                ...this.config,
+                ...{ [key]: defaultValue },
+            };
+            return;
+        }
+        // in some cases we want to keep the default as well as any values from the prefab.
+        // currently this is only the case for the date dimension, to ensure it is sent for all charts.
+        const prepend = (value) => prependDefault && Array.isArray(value)
+            ? [...defaultValue, ...value]
+            : value;
+        const value = this.prefab[key];
+        this.config = {
+            ...this.config,
+            ...{ [key]: value === undefined ? defaultValue : prepend(value) },
+        };
+    }
+}

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

@@ -0,0 +1,18 @@
+import type { UeAnalyticsMergedRow } from "../components/table/entities.js";
+import type { UePrefabType } from "../entities.js";
+import { UeAnalyticsScreenBaseElement } from "./analytics-screen-base.element.js";
+export declare abstract class UeAnalyticsDrillableScreenBaseElement<DrilldownModel extends Record<string, any>> extends UeAnalyticsScreenBaseElement {
+    #private;
+    protected tableAlias?: UePrefabType;
+    abstract drilldown: DrilldownModel;
+    protected abstract getChartAlias(): string & UePrefabType;
+    protected abstract setTableAlias(): void;
+    protected abstract setDrilldown(row?: UeAnalyticsMergedRow): void;
+    constructor();
+    connectedCallback(): Promise<void>;
+    renderChart(): import("lit-html").TemplateResult<1>;
+    renderTable(): import("lit-html").TemplateResult<1>;
+    protected drilldownHandler(drilldown: DrilldownModel, row?: UeAnalyticsMergedRow): void;
+    protected clearLastDrilldownStep(): void;
+    protected setNextDrilldownStep(row: UeAnalyticsMergedRow): void;
+}

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

@@ -0,0 +1,69 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { UeAnalyticsScreenBaseElement } from "./analytics-screen-base.element.js";
+import { html, state } from "@umbraco-cms/backoffice/external/lit";
+export class UeAnalyticsDrillableScreenBaseElement extends UeAnalyticsScreenBaseElement {
+    constructor() {
+        super();
+        this.consumeContext(ENGAGE_ANALYTICS_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.observe(context.drilldown, () => {
+                this.setTableAlias();
+            });
+        });
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        this.setTableAlias();
+    }
+    renderChart() {
+        return html `<ue-prefab-chart
+      .alias=${this.getChartAlias()}
+    ></ue-prefab-chart>`;
+    }
+    renderTable() {
+        return html `<ue-prefab-table
+      .alias=${this.tableAlias}
+      .drilldownHandler=${(row) => this.setDrilldown(row)}
+    ></ue-prefab-table>`;
+    }
+    drilldownHandler(drilldown, row) {
+        this.drilldown = drilldown;
+        const resetToDefault = !row && Object.values(drilldown).every((x) => x === null);
+        this.analyticsContext?.setDrilldown(resetToDefault ? undefined : this.drilldown);
+    }
+    clearLastDrilldownStep() {
+        const { keys, drilldown } = this.#getDrilldownKeys();
+        for (let i = keys.length - 1; i >= 0; i--) {
+            if (drilldown[keys[i]] !== null && drilldown[keys[i]] !== undefined) {
+                drilldown[keys[i]] = null;
+                break;
+            }
+        }
+        this.drilldownHandler(drilldown);
+    }
+    setNextDrilldownStep(row) {
+        const { keys, drilldown } = this.#getDrilldownKeys();
+        for (const key of keys) {
+            if (drilldown[key] === null) {
+                drilldown[key] = row.dimensions[0];
+                break;
+            }
+        }
+        this.drilldownHandler(drilldown);
+    }
+    #getDrilldownKeys() {
+        const keys = Object.keys(this.drilldown);
+        const drilldown = { ...this.drilldown };
+        return { keys, drilldown };
+    }
+}
+__decorate([
+    state()
+], UeAnalyticsDrillableScreenBaseElement.prototype, "tableAlias", void 0);

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

@@ -0,0 +1,10 @@
+import { UeRootScreenBaseElement } from "../../core/index.js";
+declare const elementName = "ue-analytics-screen";
+export declare class UeAnalyticsScreenElement extends UeRootScreenBaseElement {
+}
+export default UeAnalyticsScreenElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeAnalyticsScreenElement;
+    }
+}

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

@@ -0,0 +1,16 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 } from "@umbraco-cms/backoffice/external/lit";
+import { UeRootScreenBaseElement } from "../../core/index.js";
+const elementName = "ue-analytics-screen";
+let UeAnalyticsScreenElement = class UeAnalyticsScreenElement extends UeRootScreenBaseElement {
+};
+UeAnalyticsScreenElement = __decorate([
+    customElement(elementName)
+], UeAnalyticsScreenElement);
+export { UeAnalyticsScreenElement };
+export default UeAnalyticsScreenElement;

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

@@ -0,0 +1,17 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { ENGAGE_ANALYTICS_CONTEXT } from "../analytics-context.js";
+export declare abstract class UeAnalyticsScreenBaseElement extends UmbLitElement {
+    protected analyticsContext?: typeof ENGAGE_ANALYTICS_CONTEXT.TYPE;
+    protected currentDocumentUnique?: string | null;
+    protected includeNodeDescendants: boolean;
+    lastGenerated?: string;
+    reportingEnabled: boolean;
+    protected realtime: boolean;
+    abstract viewTitle: string;
+    abstract renderTable(): any;
+    abstract renderChart(): any;
+    constructor();
+    renderHeader(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}

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

@@ -0,0 +1,111 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { 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() {
+        super();
+        this.includeNodeDescendants = false;
+        this.reportingEnabled = false;
+        this.realtime = false;
+        this.consumeContext(ENGAGE_ANALYTICS_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.analyticsContext = context;
+            context.observe(context.settings, (settings) => {
+                this.includeNodeDescendants = settings?.includeNodeDescendants ?? false;
+            });
+        });
+        this.consumeContext(ENGAGE_CONTEXT, async (context) => {
+            if (!context)
+                return;
+            this.observe(context.configuration, (configuration) => {
+                this.reportingEnabled =
+                    configuration?.reporting?.dataGenerationEnabled ?? false;
+            });
+            this.lastGenerated = await context.getLastGenerated();
+        });
+        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.currentDocumentUnique = context.getUnique();
+        });
+    }
+    renderHeader() {
+        return html ` <slot name="header">
+        <h2>${this.localize.term(this.viewTitle)}</h2>
+      </slot>
+
+      <div id="header-right">
+        ${when(this.currentDocumentUnique, () => html ` <ue-analytics-settings></ue-analytics-settings>`)}
+        <ue-analytics-groupby-controls></ue-analytics-groupby-controls>
+        <ue-daterange-picker
+          ?show-compare=${true}
+          .label=${this.localize.term("engage_date")}
+        ></ue-daterange-picker>
+      </div>`;
+    }
+    render() {
+        return html `<div id="main">
+      <div id="header">${this.renderHeader()}</div>
+      <div id="chart">${this.renderChart()}</div>
+      <div id="table">${this.renderTable()}</div>
+      <small>${this.realtime ? this.localize.term('engage_lastUpdatedNow') : this.lastGenerated}</small>
+    </div>`;
+    }
+    static { this.styles = [
+        css `
+      #main {
+        display: flex;
+        padding: var(--uui-size-layout-1);
+        flex-direction: column;
+        gap: var(--uui-size-layout-1);
+      }
+
+      #header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        column-gap: var(--uui-size-layout-2);
+        padding: 0 0 var(--uui-size-layout-1) 0;
+      }
+
+      #header-right {
+        display: flex;
+        align-items: top;
+        column-gap: var(--uui-size-3);
+      }
+
+      #header h2 {
+        margin: 0;
+      }
+
+      small,
+      #table {
+        display: block;
+        width: 100%;
+        max-width: 1400px;
+        align-self: center;
+      }
+    `,
+    ]; }
+}
+__decorate([
+    state()
+], UeAnalyticsScreenBaseElement.prototype, "includeNodeDescendants", void 0);
+__decorate([
+    state()
+], UeAnalyticsScreenBaseElement.prototype, "lastGenerated", void 0);
+__decorate([
+    state()
+], UeAnalyticsScreenBaseElement.prototype, "reportingEnabled", void 0);
+__decorate([
+    state()
+], UeAnalyticsScreenBaseElement.prototype, "realtime", void 0);