@umbraco-engage/backoffice 17.0.0-rc3 → 17.0.1

package/dist/profiles/insights/persona-groups/persona-groups.element.js

@@ -30,13 +30,14 @@ let UeProfileDetailsPersonaGroupsElement = class UeProfileDetailsPersonaGroupsEl
     #renderPersonaGroups() {
         return html `
       <ue-persona-group-scoring
-        inert
+        readonly
         .config=${{ hideDivider: true }}
         .value=${this.personaScores?.map((p) => ({
             entityId: p.personaId,
             score: p.score,
             unique: "",
             id: 0,
+            isActive: p.isActive,
         })) ?? []}
       >
       </ue-persona-group-scoring>
@@ -51,7 +52,7 @@ let UeProfileDetailsPersonaGroupsElement = class UeProfileDetailsPersonaGroupsEl
 
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
-      gap: var(--uui-size-space-4);
+      gap: var(--uui-size-space-6);
     }
   `; }
 };

package/dist/reporting/components/reporting-chart-card/reporting-chart-card.element.d.ts

@@ -6,6 +6,7 @@ export declare class UeReportingChartCardElement extends UmbLitElement {
     private _config;
     headline: string;
     prefabAlias: UePrefabType;
+    constructor();
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/reporting/components/reporting-chart-card/reporting-chart-card.element.js

@@ -9,7 +9,7 @@ import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 const elementName = "ue-reporting-chart-card";
 let UeReportingChartCardElement = class UeReportingChartCardElement extends UmbLitElement {
     constructor() {
-        super(...arguments);
+        super();
         this._config = {
             type: "bar",
             showAnnotations: false,
@@ -19,6 +19,10 @@ let UeReportingChartCardElement = class UeReportingChartCardElement extends UmbL
             aspect: 1 / 1,
         };
         this.headline = "";
+        const now = new Date();
+        this._config.endDate = now.toISOString();
+        now.setDate(now.getDate() - 30);
+        this._config.startDate = now.toISOString();
     }
     #showPercentageChanged(e) {
         this._config = { ...this._config, showPercentages: e.target.checked };

package/dist/reporting/components/segment-selector/reporting-segment-selector.element.js

@@ -75,16 +75,10 @@ let UeReportingSegmentSelectorElement = class UeReportingSegmentSelectorElement
     </ue-grid>`;
     }
     render() {
-        return html ` <table class="reporting-title">
-        <tr>
-          <td>
-            <h2>${this.localize.term("engage_reporting_segment")}</h2>
-          </td>
-          <td>
-            <h3>${this.localize.term("engage_analytics_last30days")}</h3>
-          </td>
-        </tr>
-      </table>
+        return html ` <div id="header">
+        <h2>${this.localize.term("engage_reporting_segment")}</h2>
+        <h3>${this.localize.term("engage_analytics_last30days")}</h3>
+      </div>
       <uui-box>
         <div>
           <div id="sidebar">
@@ -181,17 +175,13 @@ let UeReportingSegmentSelectorElement = class UeReportingSegmentSelectorElement
       height: 100%;
     }
 
-    .reporting-title {
-      width: 100%;
-    }
-
-    .reporting-title td:last-child {
-      text-align: right;
-      opacity: 0.5;
-    }
+    #header {
+      display: flex;
+      justify-content: space-between;
 
-    .reporting-title td:last-child h3 {
-      color: var(--engage-cockpit-color-gray) !important;
+      h3 {
+        color: var(--uui-color-border-emphasis);
+      }
     }
   `; }
 };