@umbraco-engage/backoffice 17.1.1 → 17.2.0

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

@@ -43,7 +43,12 @@ 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", "pageSessionsWithSubpages"]);
+        this.metricGuardKeys = new Set([
+            "avg",
+            "average",
+            "pageSessions",
+            "pageSessionsWithSubpages",
+        ]);
         this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (context) => {
             this.observe(context?.unique, (unique) => {
                 if (!this.config)
@@ -106,13 +111,15 @@ let UeAnalyticsTableElement = class UeAnalyticsTableElement extends UmbLitElemen
         });
     }
     #onPageChange(e) {
-        e ? this.#paginationManager.setCurrentPageNumber(e.target.current) : {};
+        if (e) {
+            this.#paginationManager.setCurrentPageNumber(e.target.current);
+        }
         const start = this.#paginationManager.getSkip();
         const end = this._pageSize + start;
         this._dataPage = this._filteredRows?.slice(start, end);
     }
     #onPageSizeChange(e) {
-        this._pageSize = Number(e.target.value) ?? this.PAGESIZES[0];
+        this._pageSize = Number(e.target.value) || this.PAGESIZES[0];
         this.#paginationManager.setPageSize(this._pageSize);
         this.#onPageChange();
     }
@@ -318,20 +325,20 @@ let UeAnalyticsTableElement = class UeAnalyticsTableElement extends UmbLitElemen
         const lastDimensionIndex = visibleDimensions.length - 1;
         return html `<uui-table-head id="headerTop">
       ${columns.map((c, i) => html `<uui-table-head-cell
-          class=${i === lastDimensionIndex ? "border-right" : ""}
-        >
-          ${when(i === 0, () => html ` <uui-input
-              @change=${this.#onSearchChange}
-              @click=${(e) => e.stopPropagation()}
-              label="Search"
-              .placeholder=${this.localize.term("general_search")}
-            >
-              <div slot="append">
-                <uui-icon name="search"></uui-icon></div
-            ></uui-input>`)}
-          ${when(i > lastDimensionIndex, () => html ` ${this.#getMetricTotal(c)}
-            ${this.#getVisibleMetricTotal(c)}`)}
-        </uui-table-head-cell>`)}
+            class=${i === lastDimensionIndex ? "border-right" : ""}
+          >
+            ${when(i === 0, () => html ` <uui-input
+                  @change=${this.#onSearchChange}
+                  @click=${(e) => e.stopPropagation()}
+                  label="Search"
+                  .placeholder=${this.localize.term("general_search")}
+                >
+                  <div slot="append">
+                    <uui-icon name="search"></uui-icon></div
+                ></uui-input>`)}
+            ${when(i > lastDimensionIndex, () => html ` ${this.#getMetricTotal(c)}
+                ${this.#getVisibleMetricTotal(c)}`)}
+          </uui-table-head-cell>`)}
     </uui-table-head>`;
     }
     #renderHeader(visibleDimensions, columns) {
@@ -348,7 +355,9 @@ let UeAnalyticsTableElement = class UeAnalyticsTableElement extends UmbLitElemen
                     @click=${() => this.drilldownHandler?.()}
                     ><uui-icon name="icon-arrow-left"></uui-icon
                   ></uui-button>`)}
-              <button @click=${() => this.#handleOrderingChange(c, i)}>
+              <button
+                @click=${() => this.#handleOrderingChange(c, i)}
+              >
                 <span>${this.localize.term(`engage_analytics_${c}`)} </span>
                 <uui-symbol-sort
                   ?active=${this.config?.sort === c}

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

@@ -13,7 +13,7 @@ export interface UeAnalyticsMergedTable {
     dimensions: Array<DimensionModel>;
 }
 export interface UeAnalyticsMergedRow {
-    dimensions: Array<any>;
+    dimensions: Array<string>;
     dateRanges: Array<{
         label: string;
         values?: Array<number>;

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

@@ -1,6 +1,6 @@
 import { ENGAGE_ANALYTICS_CONTEXT } from "../../analytics-context.js";
 import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
-import { DateUtils, } from "../../../core/index.js";
+import { UeDateUtils, } from "../../../core/index.js";
 export class UeTableDatasetGeneratorController extends UmbControllerBase {
     #settings;
     constructor(host) {
@@ -64,8 +64,8 @@ export class UeTableDatasetGeneratorController extends UmbControllerBase {
         if (!dateRange) {
             throw new Error("Invalid dateRange provided");
         }
-        const from = new DateUtils(dateRange.range.from).toMediumDate();
-        const to = new DateUtils(dateRange.range.to).toMediumDate();
+        const from = new UeDateUtils(dateRange.range.from).toMediumDate();
+        const to = new UeDateUtils(dateRange.range.to).toMediumDate();
         return `${from} – ${to}`;
     }
 }

package/dist/analytics/entities.d.ts

@@ -32,6 +32,5 @@ export interface UePrefabTablePrefab extends UePrefabEntityBase {
     sort?: string & (ColumnModel | MetricModel | DimensionModel);
     ascending?: boolean;
 }
-export interface UePrefabCollection<T> extends Partial<Record<UePrefabType & string, T>> {
-}
+export type UePrefabCollection<T> = Partial<Record<UePrefabType & string, T>>;
 export type UePrefabType = "pageviews" | "pageviews_withsubpages" | "devicetypes" | "devicetypes_page" | "devicetypes_page_withsubpages" | "goals" | "bots" | "botversion" | "bot" | "referraldomains" | "referralpaths" | "referralpathsandqueries" | "referrals" | "browsers" | "browsers_page" | "browsers_page_withsubpages" | "sessions" | "pagesessions" | "pagesessions_withsubpages" | "visitors" | "pagevisitors" | "pagevisitors_withsubpages" | "segmentinsights" | "appliedsegmentinsights" | "campaigns" | "campaign_details" | "campaigns_page" | "campaign_page_details" | "videos" | "videoevents" | "umbracoforms" | "umbracoformsform" | "umbracoformsformfield" | "umbracoformssubmissions" | "locations" | "locations_withsubpages" | "locations_page" | "locations_country" | "locations_country_withsubpages" | "locations_country_page" | "timeonpage" | "browser_details" | "browser_details_page" | "browser_details_page_withsubpages" | "events" | "eventcategory" | "eventaction" | "searches" | "searches_withsubpages" | "segmentpageviewcoverage" | "segmentsessioncoverage" | "segmentprofilecoverage" | "segmentpersonalizationpageviewcoverage" | "segmentpersonalizationsessioncoverage" | "segmentpersonalizationprofilecoverage";

package/dist/analytics/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./components/index.js";
 export * from "./screens/index.js";
 export { ENGAGE_ANALYTICS_CONTEXT, UeAnalyticsContext, } from "./analytics-context.js";
-export * from "./entities.js";
+export type * from "./entities.js";
 export * from "./modal/index.js";

package/dist/analytics/index.js

@@ -1,5 +1,4 @@
 export * from "./components/index.js";
 export * from "./screens/index.js";
 export { ENGAGE_ANALYTICS_CONTEXT, UeAnalyticsContext, } from "./analytics-context.js";
-export * from "./entities.js";
 export * from "./modal/index.js";

package/dist/analytics/manifests-analytics.js

@@ -2,7 +2,7 @@ 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";
+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, ENGAGE_SHOW_ANALYTICS, } from "../core/index.js";
 const ANALYTICS_SCREEN = "ue-analytics-screen";
 const screens = [
     {
@@ -118,7 +118,7 @@ export const manifests = [
             },
             {
                 alias: ENGAGE_DOCUMENT_TYPE_PERMISSIONS_CONDITION_ALIAS,
-                match: SHOW_ANALYTICS,
+                match: ENGAGE_SHOW_ANALYTICS,
             },
             {
                 alias: ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS,

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

@@ -5,6 +5,5 @@ export interface UeEditAnnotationModalData {
     isNew?: boolean;
     annotation?: AnnotationModel;
 }
-export interface UeEditAnnotationModalValue extends Partial<AnnotationModel> {
-}
-export declare const ENGAGE_EDIT_ANNOTATION_MODAL: UmbModalToken<UeEditAnnotationModalData, UeEditAnnotationModalValue>;
+export type UeEditAnnotationModalValue = Partial<AnnotationModel>;
+export declare const ENGAGE_EDIT_ANNOTATION_MODAL: UmbModalToken<UeEditAnnotationModalData, Partial<AnnotationModel>>;

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

@@ -12,5 +12,5 @@ export declare abstract class UePrefabGeneratorControllerBase<UePrefabType exten
     protected getPrefabFromConfiguration(prefabAlias?: string): void;
     protected enableRealTimeReporting(): void;
     protected determineAllMetrics(): void;
-    protected setPrefabProperty(key: keyof ConfigType, defaultValue?: any, prependDefault?: boolean): void;
+    protected setPrefabProperty(key: keyof ConfigType, defaultValue?: ConfigType[keyof ConfigType] | null, prependDefault?: boolean): void;
 }

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

@@ -54,7 +54,7 @@ export class UePrefabGeneratorControllerBase extends UmbControllerBase {
         }
         // 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)
+        const prepend = (value) => prependDefault && Array.isArray(value) && Array.isArray(defaultValue)
             ? [...defaultValue, ...value]
             : value;
         const value = this.prefab[key];

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

@@ -1,7 +1,9 @@
 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 {
+export declare abstract class UeAnalyticsDrillableScreenBaseElement<DrilldownModel extends {
+    [key: string]: string | number | null;
+}> extends UeAnalyticsScreenBaseElement {
     #private;
     protected tableAlias?: UePrefabType;
     abstract drilldown: DrilldownModel;

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

@@ -57,7 +57,11 @@ export class UeAnalyticsScreenBaseElement extends UmbLitElement {
       <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>
+      <small
+        >${this.realtime
+            ? this.localize.term("engage_lastUpdatedNow")
+            : this.lastGenerated}</small
+      >
     </div>`;
     }
     static { this.styles = [

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

@@ -1,6 +1,7 @@
 import type { UeAnalyticsMergedRow } from "../components/table/entities.js";
 import { UeAnalyticsDrillableScreenBaseElement } from "./analytics-drillable-screen-base.element.js";
 interface BrowsersDrilldownModel {
+    [key: string]: string | number | null;
     browserId: number | null;
 }
 declare const elementName = "ue-analytics-browsers";

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

@@ -40,7 +40,9 @@ let UeAnalyticsBrowsersElement = class UeAnalyticsBrowsersElement extends UeAnal
                     : "browsers_page";
     }
     setDrilldown(row) {
-        this.drilldownHandler({ browserId: row?.dimensions[0] ?? null }, row);
+        this.drilldownHandler({
+            browserId: row?.dimensions[0] != null ? Number(row.dimensions[0]) : null,
+        }, row);
     }
 };
 UeAnalyticsBrowsersElement = __decorate([

package/dist/analytics/screens/campaigns-screen.elment.d.ts

@@ -1,6 +1,7 @@
 import type { UeAnalyticsMergedRow } from "../components/table/entities.js";
 import { UeAnalyticsDrillableScreenBaseElement } from "./analytics-drillable-screen-base.element.js";
 interface CampaignsDrilldownModel {
+    [key: string]: string | number | null;
     campaign: string | null;
 }
 declare const elementName = "ue-analytics-campaigns";

package/dist/analytics/screens/campaigns-screen.elment.js

@@ -16,9 +16,7 @@ let UeAnalyticsCampaignsElement = class UeAnalyticsCampaignsElement extends UeAn
         };
     }
     getChartAlias() {
-        return this.currentDocumentUnique
-            ? "campaigns_page"
-            : "campaigns";
+        return this.currentDocumentUnique ? "campaigns_page" : "campaigns";
     }
     setTableAlias() {
         if (this.currentDocumentUnique) {

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

@@ -1,7 +1,8 @@
-import { type UePrefabType } from "../entities.js";
+import type { UePrefabType } from "../entities.js";
 import type { UeAnalyticsMergedRow } from "../components/table/entities.js";
 import { UeAnalyticsDrillableScreenBaseElement } from "./analytics-drillable-screen-base.element.js";
 interface EventsDrilldownModel {
+    [key: string]: string | number | null;
     eventCategory: string | null;
     eventAction: string | null;
 }

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

@@ -25,7 +25,12 @@ let UeAnalyticsEventsElement = class UeAnalyticsEventsElement extends UeAnalytic
                     : "events";
     }
     setDrilldown(row) {
-        row ? this.setNextDrilldownStep(row) : this.clearLastDrilldownStep();
+        if (row) {
+            this.setNextDrilldownStep(row);
+        }
+        else {
+            this.clearLastDrilldownStep();
+        }
     }
 };
 UeAnalyticsEventsElement = __decorate([

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

@@ -1,7 +1,8 @@
-import { type UePrefabType } from "../entities.js";
+import type { UePrefabType } from "../entities.js";
 import type { UeAnalyticsMergedRow } from "../components/table/entities.js";
 import { UeAnalyticsDrillableScreenBaseElement } from "./analytics-drillable-screen-base.element.js";
 interface GoalsDrilldownModel {
+    [key: string]: string | number | null;
     goalId: number | null;
 }
 declare const elementName = "ue-analytics-goals";

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

@@ -22,7 +22,7 @@ let UeAnalyticsGoalsElement = class UeAnalyticsGoalsElement extends UeAnalyticsD
         this.tableAlias = "goals";
     }
     setDrilldown(row) {
-        this.drilldownHandler({ goalId: row?.dimensions[0] ?? null }, row);
+        this.drilldownHandler({ goalId: row?.dimensions[0] != null ? Number(row.dimensions[0]) : null }, row);
     }
 };
 UeAnalyticsGoalsElement = __decorate([

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

@@ -2,6 +2,7 @@ import type { UePrefabType } from "../entities.js";
 import type { UeAnalyticsMergedRow } from "../components/table/entities.js";
 import { UeAnalyticsDrillableScreenBaseElement } from "./analytics-drillable-screen-base.element.js";
 interface LocationsDrilldownModel {
+    [key: string]: string | number | null;
     country: string | null;
     state: string | null;
     county: string | null;

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

@@ -44,7 +44,12 @@ let UeAnalyticsLocationsElement = class UeAnalyticsLocationsElement extends UeAn
                     : "locations_page";
     }
     setDrilldown(row) {
-        row ? this.setNextDrilldownStep(row) : this.clearLastDrilldownStep();
+        if (row) {
+            this.setNextDrilldownStep(row);
+        }
+        else {
+            this.clearLastDrilldownStep();
+        }
     }
 };
 UeAnalyticsLocationsElement = __decorate([

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

@@ -2,6 +2,7 @@ import type { UePrefabType } from "../entities.js";
 import type { UeAnalyticsMergedRow } from "../components/table/entities.js";
 import { UeAnalyticsDrillableScreenBaseElement } from "./analytics-drillable-screen-base.element.js";
 interface ReferralsDrilldownModel {
+    [key: string]: string | number | null;
     referralHostname: string | null;
 }
 declare const elementName = "ue-analytics-referrals";

package/dist/analytics/screens/umbraco-forms-screen.element.d.ts

@@ -2,6 +2,7 @@ import type { UePrefabType } from "../entities.js";
 import type { UeAnalyticsMergedRow } from "../components/table/entities.js";
 import { UeAnalyticsDrillableScreenBaseElement } from "./analytics-drillable-screen-base.element.js";
 interface UmbracoFormsDrilldownModel {
+    [key: string]: string | number | null;
     umbracoFormsId: string | null;
     umbracoFormsFieldId: string | null;
 }

package/dist/analytics/screens/umbraco-forms-screen.element.js

@@ -27,7 +27,12 @@ let UeAnalyticsUmbracoFormsElement = class UeAnalyticsUmbracoFormsElement extend
                 : "umbracoforms";
     }
     setDrilldown(row) {
-        row ? this.setNextDrilldownStep(row) : this.clearLastDrilldownStep();
+        if (row) {
+            this.setNextDrilldownStep(row);
+        }
+        else {
+            this.clearLastDrilldownStep();
+        }
     }
 };
 UeAnalyticsUmbracoFormsElement = __decorate([

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

@@ -1,7 +1,8 @@
 import type { UeAnalyticsMergedRow } from "../components/table/entities.js";
-import { type UePrefabType } from "../entities.js";
+import type { UePrefabType } from "../entities.js";
 import { UeAnalyticsDrillableScreenBaseElement } from "./analytics-drillable-screen-base.element.js";
 interface VideosDrilldownModel {
+    [key: string]: string | number | null;
     videoUrl: string | null;
 }
 declare const elementName = "ue-analytics-videos";

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

@@ -19,9 +19,7 @@ let UeAnalyticsVideosElement = class UeAnalyticsVideosElement extends UeAnalytic
         return "videos";
     }
     setTableAlias() {
-        this.tableAlias = this.drilldown.videoUrl
-            ? "videoevents"
-            : "videos";
+        this.tableAlias = this.drilldown.videoUrl ? "videoevents" : "videos";
     }
     setDrilldown(row) {
         this.drilldownHandler({ videoUrl: row?.dimensions[1] ?? null }, row);

package/dist/core/actions/action-event.d.ts

@@ -4,5 +4,4 @@ export declare class UeEntityActionEvent extends UmbEntityActionEvent {
     static readonly TYPE = "engage-entity-action-event";
     constructor(args: UeEntityActionEventArgs);
 }
-export interface UeEntityActionEventArgs extends UmbEntityModel {
-}
+export type UeEntityActionEventArgs = UmbEntityModel;

package/dist/core/actions/entity-actions-bundle.d.ts

@@ -13,7 +13,7 @@ export declare class UeEntityActionsBundleElement extends UmbLitElement {
     private _secondActionApi?;
     private _secondActionHref?;
     constructor();
-    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    protected updated(_changedProperties: PropertyValueMap<UeEntityActionsBundleElement> | Map<PropertyKey, unknown>): void;
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist/core/collection/entity-delete.action.js

@@ -41,7 +41,7 @@ export class UeCollectionDeleteBulkAction extends UmbEntityBulkActionBase {
         const collectionContext = await this.getContext(UMB_COLLECTION_CONTEXT);
         if (!collectionContext)
             return;
-        await collectionContext.requestCollection();
+        collectionContext.loadCollection();
     }
 }
 export { UeCollectionDeleteBulkAction as api };

package/dist/core/components/active-toggle/active-toggle.element.d.ts

@@ -1,13 +1,13 @@
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 declare const elementName = "ue-active-toggle";
-export declare class UmbActiveToggleElement extends UmbLitElement {
+export declare class UeActiveToggleElement extends UmbLitElement {
     #private;
     value?: boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-export default UmbActiveToggleElement;
+export default UeActiveToggleElement;
 declare global {
     interface HTMLElementTagNameMap {
-        [elementName]: UmbActiveToggleElement;
+        [elementName]: UeActiveToggleElement;
     }
 }

package/dist/core/components/active-toggle/active-toggle.element.js

@@ -8,17 +8,19 @@ import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
 import { customElement, html, property, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 const elementName = "ue-active-toggle";
-let UmbActiveToggleElement = class UmbActiveToggleElement extends UmbLitElement {
+let UeActiveToggleElement = class UeActiveToggleElement extends UmbLitElement {
     #onChange(event) {
         const input = event.target;
         this.value = input.checked;
         this.dispatchEvent(new UmbChangeEvent());
     }
     render() {
-        return html `<umb-property-layout .label=${this.localize.term("engage_active")}
-      id="toggle"      
+        return html `<umb-property-layout
+      .label=${this.localize.term("engage_active")}
+      id="toggle"
     >
-      <umb-input-toggle slot="editor"
+      <umb-input-toggle
+        slot="editor"
         ?checked=${this.value}
         ?showLabels=${false}
         @change=${this.#onChange}
@@ -28,9 +30,9 @@ let UmbActiveToggleElement = class UmbActiveToggleElement extends UmbLitElement
 };
 __decorate([
     property({ type: Boolean })
-], UmbActiveToggleElement.prototype, "value", void 0);
-UmbActiveToggleElement = __decorate([
+], UeActiveToggleElement.prototype, "value", void 0);
+UeActiveToggleElement = __decorate([
     customElement(elementName)
-], UmbActiveToggleElement);
-export { UmbActiveToggleElement };
-export default UmbActiveToggleElement;
+], UeActiveToggleElement);
+export { UeActiveToggleElement };
+export default UeActiveToggleElement;

package/dist/core/components/button-group/button-group.element.d.ts

@@ -10,7 +10,7 @@ export declare class UeButtonGroupElement extends UmbLitElement implements UmbPr
      * Provide an array of values to append to the button labels. This must be equal length to the values array
      * This is reactive, so can be set asynchronously after the buttons have rendered
      */
-    args: Array<any | undefined>;
+    args: Array<unknown>;
     /** Optionally provide an array of button label keys. These are localized, so must include the full key value */
     buttonLabels?: Array<string>;
     /** values can be provided from config via manifest, on the items config property */

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

@@ -39,11 +39,11 @@ let UeButtonGroupElement = class UeButtonGroupElement extends UmbLitElement {
         return html ` <small>${this.label}</small>
       <uui-button-group>
         ${this.values.map((value, i) => html `<uui-button
-            look=${this.value === value ? "primary" : "outline"}
-            @click=${() => this.#onValueChange(value)}
-            .label=${this.localize.term(this.buttonLabels?.at(i) ??
+              look=${this.value === value ? "primary" : "outline"}
+              @click=${() => this.#onValueChange(value)}
+              .label=${this.localize.term(this.buttonLabels?.at(i) ??
             `engage_${value.toString().replace(/ /g, "").toLowerCase()}`, this.args?.at(i))}
-          ></uui-button>`)}
+            ></uui-button>`)}
       </uui-button-group>`;
     }
     static { this.styles = css `

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

@@ -19,7 +19,7 @@ let UeCardElement = class UeCardElement extends UmbLitElement {
     static { this.styles = css `
     :host {
       display: flex;
-      align-items:center;
+      align-items: center;
       column-gap: var(--uui-size-6);
       padding: var(--uui-size-6);
       border-radius: var(--uui-border-radius);

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

@@ -6,7 +6,7 @@ export declare abstract class UeChartBaseElement extends UmbLitElement {
     chartElement?: HTMLCanvasElement;
     legend?: TemplateResult;
     protected loading: boolean;
-    protected chart?: Chart<keyof ChartTypeRegistry, [] | undefined, string>;
+    protected chart?: Chart<keyof ChartTypeRegistry, any, any>;
     protected umsColors: string[];
     protected readonly trendColor = "#FFBA00";
     protected empty: boolean;

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

@@ -46,20 +46,21 @@ export class UeChartBaseElement extends UmbLitElement {
         const visible = this.chart.isDatasetVisible(idx);
         this.chart.setDatasetVisibility(idx, !visible);
         // dataset visibility has been reversed, so do the opposite of the initial state
-        visible
-            ? e.target.setAttribute("faded", "true")
-            : e.target.removeAttribute("faded");
+        if (visible) {
+            e.target.setAttribute("faded", "true");
+        }
+        else {
+            e.target.removeAttribute("faded");
+        }
         this.chart.update();
     }
     buildChartColors(key, i) {
         // Build colors for the graph.
         let color = this.umsColors[i % this.umsColors.length];
-        let chartTextColors = color;
         // Special treatment for "unknown"
-        // Unknown's background color is too light to read properly. That's why we include a 'chartTextColor' for readability
+        // Unknown's background color is too light to read properly.
         if (key === "unknown" || color === "#CBCFEB") {
             color = "#D9D9D9";
-            chartTextColors = "#68676B";
         }
         this.chartColors?.push(color);
     }
@@ -136,4 +137,5 @@ __decorate([
 ], UeChartBaseElement.prototype, "loading", void 0);
 __decorate([
     state()
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
 ], UeChartBaseElement.prototype, "chart", void 0);

package/dist/core/components/chart/chart.element.js

@@ -39,12 +39,12 @@ export class UeChartElement extends UeChartBaseElement {
     }
     render() {
         return when(this.loading, () => html `<uui-loader></uui-loader>`, () => html ` <div
-          class="wrapper"
-          .id=${`wrapper-${this.chart?.config["type"] ?? ""}`}
-        >
-          ${when(this.empty, () => html `<ue-empty-state>No data available</ue-empty-state>`, () => html `<canvas id="chart"></canvas>`)}
-        </div>
-        ${when(this.legend, () => html ` <div id="legend">${this.legend}</div>`)}`);
+            class="wrapper"
+            .id=${`wrapper-${this.chart?.config["type"] ?? ""}`}
+          >
+            ${when(this.empty, () => html `<ue-empty-state>No data available</ue-empty-state>`, () => html `<canvas id="chart"></canvas>`)}
+          </div>
+          ${when(this.legend, () => html ` <div id="legend">${this.legend}</div>`)}`);
     }
     static { this.styles = [
         ...UeChartBaseElement.styles,

package/dist/core/components/checkmark.element.js

@@ -16,9 +16,7 @@ let UeCheckmarkElement = class UeCheckmarkElement extends UmbLitElement {
         if (this.value === undefined)
             return;
         if (this.mode === "text") {
-            return html `<span
-        >${this.localize.term(this.value ? "engage_yes" : "engage_no")}</span
-      >`;
+            return html `${this.localize.term(this.value ? "engage_yes" : "engage_no")}`;
         }
         return html `<uui-icon
       name=${this.value ? "icon-check" : "icon-delete"}

package/dist/core/components/custom-code/ue-custom-code.element.d.ts

@@ -1,5 +1,5 @@
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { type UmbPropertyEditorConfigCollection, type UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
+import type { UmbPropertyEditorConfigCollection, UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
 import "@umbraco-cms/backoffice/code-editor";
 export interface UeCodeEditorValue {
     css?: string;