@umbraco-engage/backoffice 17.0.4 → 17.1.0

package/dist/personalization/referral-scoring/referral-group/repository/detail/referral-group-detail.store.d.ts

@@ -1,6 +1,6 @@
+import type { UeReferralGroupDetailModel } from "../../entities.js";
 import { UmbDetailStoreBase } from "@umbraco-cms/backoffice/store";
 import type { UmbControllerHostElement } from "@umbraco-cms/backoffice/controller-api";
-import type { UeReferralGroupDetailModel } from "../../entities.js";
 export declare class UeReferralGroupDetailStore extends UmbDetailStoreBase<UeReferralGroupDetailModel> {
     constructor(host: UmbControllerHostElement);
 }

package/dist/personalization/referral-scoring/referral-group/repository/detail/referral-group-detail.store.js

@@ -1,5 +1,5 @@
-import { UmbDetailStoreBase } from "@umbraco-cms/backoffice/store";
 import { ENGAGE_REFERRAL_GROUP_DETAIL_STORE_CONTEXT } from "./referral-group-detail-store-context.token.js";
+import { UmbDetailStoreBase } from "@umbraco-cms/backoffice/store";
 export class UeReferralGroupDetailStore extends UmbDetailStoreBase {
     constructor(host) {
         super(host, ENGAGE_REFERRAL_GROUP_DETAIL_STORE_CONTEXT.toString());

package/dist/personalization/referral-scoring/referral-group/repository/item/referral-group-item-server.data-source.d.ts

@@ -1,6 +1,6 @@
+import type { UeReferralGroupItemModel } from "../../entities.js";
 import { UmbItemServerDataSourceBase } from "@umbraco-cms/backoffice/repository";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import type { UeReferralGroupItemModel } from "../../entities.js";
 import { type ReferralGroupDtoModel } from "../../../../../generated/index.js";
 export declare class UeReferralGroupItemServerDataSource extends UmbItemServerDataSourceBase<ReferralGroupDtoModel, UeReferralGroupItemModel> {
     constructor(host: UmbControllerHost);

package/dist/personalization/referral-scoring/referral-group/repository/item/referral-group-item-server.data-source.js

@@ -1,5 +1,5 @@
-import { UmbItemServerDataSourceBase } from "@umbraco-cms/backoffice/repository";
 import { ENGAGE_REFERRAL_GROUP_ENTITY_TYPE } from "../../constants.js";
+import { UmbItemServerDataSourceBase } from "@umbraco-cms/backoffice/repository";
 import { ReferralGroupService, } from "../../../../../generated/index.js";
 export class UeReferralGroupItemServerDataSource extends UmbItemServerDataSourceBase {
     constructor(host) {

package/dist/personalization/referral-scoring/referral-group/repository/item/referral-group-item-store-context.token.d.ts

@@ -1,3 +1,3 @@
-import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
 import type { UeReferralGroupItemStore } from './referral-group-item.store.js';
+import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
 export declare const ENGAGE_REFERRAL_GROUP_ITEM_STORE_CONTEXT: UmbContextToken<UeReferralGroupItemStore, UeReferralGroupItemStore>;

package/dist/personalization/referral-scoring/referral-group/repository/item/referral-group-item.repository.d.ts

@@ -1,6 +1,6 @@
-import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import { UmbItemRepositoryBase } from "@umbraco-cms/backoffice/repository";
 import type { UeReferralGroupItemModel } from "../../entities.js";
+import { UmbItemRepositoryBase } from "@umbraco-cms/backoffice/repository";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 export declare class UeReferralGroupItemRepository extends UmbItemRepositoryBase<UeReferralGroupItemModel> {
     constructor(host: UmbControllerHost);
 }

package/dist/personalization/referral-scoring/referral-group/repository/item/referral-group-item.repository.js

@@ -1,6 +1,6 @@
-import { UmbItemRepositoryBase } from "@umbraco-cms/backoffice/repository";
 import { UeReferralGroupItemServerDataSource } from "./referral-group-item-server.data-source.js";
 import { ENGAGE_REFERRAL_GROUP_ITEM_STORE_CONTEXT } from "./referral-group-item-store-context.token.js";
+import { UmbItemRepositoryBase } from "@umbraco-cms/backoffice/repository";
 export class UeReferralGroupItemRepository extends UmbItemRepositoryBase {
     constructor(host) {
         super(host, UeReferralGroupItemServerDataSource, ENGAGE_REFERRAL_GROUP_ITEM_STORE_CONTEXT);

package/dist/personalization/referral-scoring/referral-group/repository/item/referral-group-item.store.d.ts

@@ -1,6 +1,6 @@
+import type { UeReferralGroupItemModel } from "../../entities.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { UmbItemStoreBase } from "@umbraco-cms/backoffice/store";
-import type { UeReferralGroupItemModel } from "../../entities.js";
 export declare class UeReferralGroupItemStore extends UmbItemStoreBase<UeReferralGroupItemModel> {
     constructor(host: UmbControllerHost);
 }

package/dist/personalization/referral-scoring/referral-group/repository/item/referral-group-item.store.js

@@ -1,5 +1,5 @@
-import { UmbItemStoreBase } from "@umbraco-cms/backoffice/store";
 import { ENGAGE_REFERRAL_GROUP_ITEM_STORE_CONTEXT } from "./referral-group-item-store-context.token.js";
+import { UmbItemStoreBase } from "@umbraco-cms/backoffice/store";
 export class UeReferralGroupItemStore extends UmbItemStoreBase {
     constructor(host) {
         super(host, ENGAGE_REFERRAL_GROUP_ITEM_STORE_CONTEXT.toString());

package/dist/personalization/referral-scoring/referral-group/workspace/manifests.js

@@ -1,5 +1,5 @@
-import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
 import { ENGAGE_REFERRAL_GROUP_ENTITY_TYPE, ENGAGE_REFERRAL_GROUP_WORKSPACE_ALIAS, } from "../constants.js";
+import { UMB_WORKSPACE_CONDITION_ALIAS } from "@umbraco-cms/backoffice/workspace";
 export const manifests = [
     {
         type: "workspace",

package/dist/personalization/referral-scoring/referral-group/workspace/referral-group-workspace-context.token.d.ts

@@ -1,4 +1,4 @@
+import type { UeReferralGroupWorkspaceContext } from './referral-group-workspace.context.js';
 import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 import type { UmbSubmittableWorkspaceContext } from "@umbraco-cms/backoffice/workspace";
-import type { UeReferralGroupWorkspaceContext } from './referral-group-workspace.context.js';
 export declare const ENGAGE_REFERRAL_GROUP_WORKSPACE_CONTEXT: UmbContextToken<UmbSubmittableWorkspaceContext, UeReferralGroupWorkspaceContext>;

package/dist/personalization/referral-scoring/referral-group/workspace/referral-group-workspace-editor.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 { customElement } from "@umbraco-cms/backoffice/external/lit";
 import { ENGAGE_REFERRAL_GROUP_WORKSPACE_ALIAS } from "../constants.js";
 import { ENGAGE_REFERRAL_GROUP_WORKSPACE_CONTEXT } from "./referral-group-workspace-context.token.js";
+import { customElement } from "@umbraco-cms/backoffice/external/lit";
 import { UeWorkspaceEditorBaseElement } from "../../../../core/index.js";
 const elementName = "ue-referral-group-workspace-editor";
 let UeReferralGroupWorkspaceEditorElement = class UeReferralGroupWorkspaceEditorElement extends UeWorkspaceEditorBaseElement {

package/dist/personalization/referral-scoring/referral-group/workspace/referral-group-workspace.context.d.ts

@@ -1,6 +1,6 @@
-import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UeReferralGroupDetailRepository } from "../repository/detail/referral-group-detail.repository.js";
 import type { UeReferralGroupDetailModel } from "../entities.js";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { UeWorkspaceContextBase } from "../../../../core/index.js";
 export declare class UeReferralGroupWorkspaceContext extends UeWorkspaceContextBase<UeReferralGroupDetailModel, UeReferralGroupDetailRepository> {
     #private;

package/dist/personalization/referral-scoring/referral-group/workspace/views/referral-group-editor.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 { html, customElement, when, } from "@umbraco-cms/backoffice/external/lit";
-import { umbConfirmModal } from "@umbraco-cms/backoffice/modal";
 import { ENGAGE_REFERRAL_GROUP_WORKSPACE_CONTEXT } from "../referral-group-workspace-context.token.js";
 import { UeGroupWorkspaceViewEditBaseElement } from "../../../../components/index.js";
+import { html, customElement, when, } from "@umbraco-cms/backoffice/external/lit";
+import { umbConfirmModal } from "@umbraco-cms/backoffice/modal";
 const elementName = "ue-referral-group-editor";
 let UeReferralGroupWorkspaceViewEditElement = class UeReferralGroupWorkspaceViewEditElement extends UeGroupWorkspaceViewEditBaseElement {
     constructor() {

package/dist/personalization/referral-scoring/workspace/referral-scoring-workspace-context.token.d.ts

@@ -1,4 +1,4 @@
+import type { UeReferralScoringWorkspaceContext } from "./referral-scoring-workspace.context.js";
 import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 import type { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
-import type { UeReferralScoringWorkspaceContext } from "./referral-scoring-workspace.context.js";
 export declare const ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT: UmbContextToken<UmbContextBase, UeReferralScoringWorkspaceContext>;

package/dist/personalization/referral-scoring/workspace/referral-scoring-workspace-editor.element.js

@@ -31,14 +31,14 @@ let UeReferralScoringWorkspaceEditorElement = class UeReferralScoringWorkspaceEd
                 context.scoredReferralCount,
                 context.scoredReferralsLoading.asObservable(),
             ]), ([count, loading]) => {
-                const v = loading ? "?" : count ?? 0;
+                const v = loading ? "?" : (count ?? 0);
                 this._referralTypeArgs = [undefined, v, this._referralTypeArgs[2]];
             });
             this.observe(observeMultiple([
                 context.unscoredReferralCount,
                 context.unscoredReferralsLoading.asObservable(),
             ]), ([count, loading]) => {
-                const v = loading ? "?" : count ?? 0;
+                const v = loading ? "?" : (count ?? 0);
                 this._referralTypeArgs = [undefined, this._referralTypeArgs[1], v];
             });
         });

package/dist/personalization/referral-scoring/workspace/referral-scoring-workspace.context.js

@@ -1,8 +1,8 @@
+import { ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT } from "./referral-scoring-workspace-context.token.js";
 import { UmbObjectState } from "@umbraco-cms/backoffice/observable-api";
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
 import { BehaviorSubject } from "@umbraco-cms/backoffice/external/rxjs";
 import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
-import { ENGAGE_REFERRAL_SCORING_WORKSPACE_CONTEXT } from "./referral-scoring-workspace-context.token.js";
 import { ReferralGroupService, ReferralScoringService, } from "../../../generated/index.js";
 export class UeReferralScoringWorkspaceContext extends UmbContextBase {
     #scoredReferrals;

package/dist/personalization/scoring-base.element.d.ts

@@ -0,0 +1,29 @@
+import type { UeDetailRepositoryConstructor, UeScoreableGroupModel, UeScoreableItemModel, UeScoringValueModel } from "../core/index.js";
+import { PropertyValues } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import { UmbDetailStoreBase } from "@umbraco-cms/backoffice/store";
+interface UeScoringBaseElementConfig<GroupModel extends UeScoreableGroupModel, ItemModel extends UeScoringValueModel, StoreType extends UmbDetailStoreBase<GroupModel>> {
+    repositoryCtor: UeDetailRepositoryConstructor<GroupModel>;
+    storeContextAlias: UmbContextToken<StoreType>;
+    identifierSelector: (item: ItemModel) => number;
+    defaultFactory: (item: UeScoreableItemModel) => ItemModel;
+}
+export declare abstract class UeScoringBaseElement<GroupModel extends UeScoreableGroupModel = UeScoreableGroupModel, ItemModel extends UeScoringValueModel = UeScoringValueModel, StoreType extends UmbDetailStoreBase<GroupModel> = UmbDetailStoreBase<GroupModel>> extends UmbLitElement {
+    #private;
+    protected readonly defaultUpperScoreLimit = 10;
+    protected items: GroupModel[];
+    value: ItemModel[];
+    readonly: boolean;
+    constructor(config: UeScoringBaseElementConfig<GroupModel, ItemModel, StoreType>);
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): Promise<void>;
+    getEntityId(item: ItemModel): number;
+    onValueChange(e: InputEvent & {
+        target: HTMLInputElement;
+    }, item: ItemModel, upperScoreLimit: number): void;
+    renderGroup(group: GroupModel): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>[];
+    static styles: import("lit").CSSResult[];
+}
+export {};

package/dist/{core/components/scoring → personalization}/scoring-base.element.js

@@ -6,30 +6,65 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css, html, property, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
-import { appendToFrozenArray } from "@umbraco-cms/backoffice/observable-api";
+import { partialUpdateFrozenArray } from "@umbraco-cms/backoffice/observable-api";
 import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
-import { UmbId } from "@umbraco-cms/backoffice/id";
 import { UUITextStyles } from "@umbraco-cms/backoffice/external/uui";
+import { UePersonalizationEntitySetPopulatorController } from "./personalization-entity-set-populator.controller.js";
 export class UeScoringBaseElement extends UmbLitElement {
-    #dividerText;
-    constructor(repositoryCtor, dividerText) {
+    #identifierSelector;
+    #populator;
+    constructor(config) {
         super();
         this.defaultUpperScoreLimit = 10;
         this.items = [];
         this.value = [];
         this.readonly = false;
-        this._hideDivider = false;
-        this.repository = new repositoryCtor(this);
-        this.#dividerText = dividerText;
+        this.consumeContext(config.storeContextAlias, (store) => {
+            if (!store)
+                return;
+            this.observe(store.all(), async (data) => {
+                // seed if nothing in store - observer will trigger again once seeded
+                if (!data || data.length === 0) {
+                    const repository = new config.repositoryCtor(this);
+                    await repository.requestAll();
+                    return;
+                }
+                this.items = data ?? [];
+            });
+        });
+        this.#identifierSelector = config.identifierSelector;
+        this.#populator = new UePersonalizationEntitySetPopulatorController({
+            entityMap: config.defaultFactory,
+            identifierMap: config.identifierSelector,
+        });
     }
-    async connectedCallback() {
-        super.connectedCallback();
-        this._hideDivider = this.config?.hideDivider ?? false;
-        const { data } = await this.repository.requestAll();
-        this.items = data ?? [];
+    willUpdate(changedProperties) {
+        if (changedProperties.has("value") || changedProperties.has("items")) {
+            const populated = this.#populator.populate(this.value, this.items);
+            if (populated.length !== this.value.length) {
+                this.value = populated;
+            }
+        }
+    }
+    async updated(_changedProperties) {
+        if (!this.readonly)
+            return;
+        await this.updateComplete;
+        const groups = this.shadowRoot?.querySelectorAll(".scoring-group");
+        if (!groups)
+            return;
+        groups.forEach((g) => {
+            const tags = g.querySelectorAll("[slot='primary'] uui-tag");
+            if (!tags)
+                return;
+            const max = Math.max(...Array.from(tags).map((t) => t.clientWidth));
+            tags.forEach((t) => (t.style.width = `${max}px`));
+        });
     }
-    onValueChange(e, id, upperScoreLimit) {
-        const existing = this.value.find((x) => x.entityId === id);
+    getEntityId(item) {
+        return this.#identifierSelector(item);
+    }
+    onValueChange(e, item, upperScoreLimit) {
         const value = Number(e.target.value);
         //Enforce the upper score limit
         if (value > upperScoreLimit) {
@@ -39,42 +74,34 @@ export class UeScoringBaseElement extends UmbLitElement {
         if (value < 0) {
             e.target.value = "0";
         }
-        this.value = appendToFrozenArray(this.value, {
-            id: existing?.id ?? 0,
-            unique: existing?.unique ?? UmbId.new(),
-            entityId: id,
+        const itemId = this.#identifierSelector(item);
+        this.value = partialUpdateFrozenArray(this.value, {
             score: Number(e.target.value),
-        }, (x) => x.entityId === id);
+        }, (x) => this.#identifierSelector(x) === itemId);
         this.dispatchEvent(new UmbChangeEvent());
     }
-    getValue(id) {
-        return this.value?.find((x) => x.entityId === id)?.score ?? 0;
-    }
-    getItem(id) {
-        return this.value?.find((x) => x.entityId === id);
+    #onLockChange(e) {
+        e.stopPropagation();
+        const updatedItem = e.detail;
+        const itemId = this.#identifierSelector(updatedItem);
+        this.value = partialUpdateFrozenArray(this.value, { isLocked: updatedItem.isLocked }, (x) => this.#identifierSelector(x) === itemId);
+        this.dispatchEvent(new UmbChangeEvent());
+        this.dispatchEvent(new CustomEvent("lock-change", {
+            detail: { ...updatedItem, entityId: itemId },
+        }));
     }
-    #renderReadonly(src, group) {
-        const item = this.getItem(src.id);
-        // if no item, the score is 0
-        // but we still want to show the empty default state
-        if (!item) {
-            return html `
-        <div slot="primary">
-          <uui-tag look="secondary"> 0 </uui-tag>
-        </div>
-        <uui-progress-bar progress="0" slot="secondary"></uui-progress-bar>
-      `;
-        }
-        const itemFromGroup = group.items.find((x) => x.id === item.entityId);
+    #renderReadonly(item, group) {
+        const itemId = this.#identifierSelector(item);
+        const itemFromGroup = group.items.find((x) => x.id === itemId);
         const groupItemIds = group.items.map((x) => x.id);
         // we need all items ordered to calculate deviation as we compare the max to the second highest
         // but all other items compare to the max.
         const sortedGroupItems = this.value
-            .filter((x) => groupItemIds.includes(x.entityId))
+            .filter((x) => groupItemIds.includes(this.#identifierSelector(x)))
             .sort((a, b) => b.score - a.score);
         let diff = 0;
         // for non-max items, compare to the max.
-        if (sortedGroupItems[0]?.entityId !== item.entityId) {
+        if (this.#identifierSelector(sortedGroupItems[0]) !== itemId) {
             diff = sortedGroupItems[0].score - item.score;
         }
         else {
@@ -107,24 +134,27 @@ export class UeScoringBaseElement extends UmbLitElement {
             tooltip = this.localize.term("engage_scoringTooltipInactiveMeetsThresholdWithinDeviation", itemFromGroup?.title);
         }
         else if (meetsThreshold && !withinDeviation && !item.isActive) {
-            const activeItemId = this.value.find((x) => x.isActive && groupItemIds.includes(x.entityId))?.entityId;
-            const activeItem = group.items.find((x) => x.id === activeItemId);
-            tooltip = this.localize.term("engage_scoringTooltipInactiveMeetsThresholdNotWithinDeviation", itemFromGroup?.title, activeItem?.title);
+            const activeValue = this.value.find((x) => x.isActive && groupItemIds.includes(this.#identifierSelector(x)));
+            const activeItemId = activeValue
+                ? this.#identifierSelector(activeValue)
+                : undefined;
+            const activeGroupItem = group.items.find((x) => x.id === activeItemId);
+            tooltip = this.localize.term("engage_scoringTooltipInactiveMeetsThresholdNotWithinDeviation", itemFromGroup?.title, activeGroupItem?.title);
         }
         return html `<div
         slot="primary"
         style="display:flex; align-items:center"
-        popovertarget="popover-${item.entityId}"
+        popovertarget="popover-${itemId}"
       >
         <uui-tag
           style="--color: ${activeColor}"
           look=${meetsThreshold ? "primary" : "secondary"}
         >
-          ${item.score}
+          ${this.localize.number(item.score)}
         </uui-tag>
-        ${when(tooltip, () => html ` <uui-popover-container id="popover-${item.entityId}">
-            <ue-tooltip hint> ${tooltip}</ue-tooltip>
-          </uui-popover-container>`)}
+        ${when(tooltip, () => html ` <uui-popover-container id="popover-${itemId}">
+              <ue-tooltip hint> ${tooltip}</ue-tooltip>
+            </uui-popover-container>`)}
       </div>
       <uui-progress-bar
         style="--uui-color-positive: ${progressColor}"
@@ -140,15 +170,15 @@ export class UeScoringBaseElement extends UmbLitElement {
         type="number"
         max=${group.upperScoreLimit}
         min="0"
-        @change=${(e) => this.onValueChange(e, item.id, group.upperScoreLimit)}
-        .value=${this.getValue(item.id).toString()}
+        @change=${(e) => this.onValueChange(e, item, group.upperScoreLimit)}
+        .value=${item.score.toString()}
       ></uui-input>`;
         }
         return html `<umb-input-slider
       slot="primary"
       .max=${group.upperScoreLimit ?? this.defaultUpperScoreLimit}
-      @change=${(e) => this.onValueChange(e, item.id, group.upperScoreLimit)}
-      .valueLow=${this.getValue(item.id)}
+      @change=${(e) => this.onValueChange(e, item, group.upperScoreLimit)}
+      .valueLow=${item.score}
     ></umb-input-slider>`;
     }
     renderGroup(group) {
@@ -159,14 +189,27 @@ export class UeScoringBaseElement extends UmbLitElement {
             !this.readonly, () => this.localize.term("engage_scoreFromTo", group.upperScoreLimit))}
       </div>
 
-      ${group.items.map((item) => html `<ue-group-box
-            style="${`--engage-bar-color: ${item.color?.value}`}"
-            .name=${item.title}
-            .description=${this.readonly ? null : item.description}
-            .iconUrl=${item.iconUrl}
+      ${group.items.map((i) => {
+            const item = this.value.find((x) => this.#identifierSelector(x) === i.id);
+            if (!item)
+                return;
+            return html `${when(item.isLocked, () => html `<ue-lock-banner></ue-lock-banner>`)}<ue-group-box
+            style="${`--engage-bar-color: ${i.color?.value}`}"
+            .name=${i.title}
+            .description=${this.readonly ? null : i.description}
+            .iconUrl=${i.iconUrl}
           >
+            <ue-lock-score
+              slot="before"
+              .item=${item}
+              .group=${group}
+              .value=${this.value}
+              .identifierSelector=${this.#identifierSelector}
+              @lock-change=${this.#onLockChange}
+            ></ue-lock-score>
             ${when(this.readonly, () => this.#renderReadonly(item, group), () => this.#renderEditor(item, group))}
-          </ue-group-box>`)}
+          </ue-group-box>`;
+        })}
       ${when(this.readonly, () => html ` <small>
             <span
               >Minimal deviation:
@@ -182,10 +225,7 @@ export class UeScoringBaseElement extends UmbLitElement {
     </div>`;
     }
     render() {
-        if (!this.items.length)
-            return;
-        return html ` ${when(this._hideDivider === false, () => html `<ue-divider .text=${this.#dividerText}></ue-divider>`)}
-    ${this.items.map((group) => this.renderGroup(group))}`;
+        return this.items.map((group) => this.renderGroup(group));
     }
     static { this.styles = [
         UUITextStyles,
@@ -206,6 +246,8 @@ export class UeScoringBaseElement extends UmbLitElement {
 
       uui-tag {
         align-self: center;
+        box-sizing: border-box;
+        text-align: center;
       }
 
       small {
@@ -226,6 +268,10 @@ export class UeScoringBaseElement extends UmbLitElement {
         justify-content: space-between;
         padding-right: var(--uui-size-space-5);
         margin-bottom: var(--uui-size-space-2);
+
+        + ue-lock-banner {
+          margin-top: 0;
+        }
       }
     `,
     ]; }
@@ -236,12 +282,6 @@ __decorate([
 __decorate([
     property({ type: Array })
 ], UeScoringBaseElement.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], UeScoringBaseElement.prototype, "config", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], UeScoringBaseElement.prototype, "readonly", void 0);
-__decorate([
-    state()
-], UeScoringBaseElement.prototype, "_hideDivider", void 0);

package/dist/personalization/screens/personalized-variants-screen.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 { css, customElement, html, } from "@umbraco-cms/backoffice/external/lit";
 import { ENGAGE_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT, UePersonalizedVariantsEditorViewContext, } from "../personalized-variants/index.js";
+import { css, customElement, html, } from "@umbraco-cms/backoffice/external/lit";
 import { UeContentScreenBaseElement } from "../../core/index.js";
 const elementName = "ue-personalization-personalized-variants-screen";
 let UePersonalizationPersonalizedVariantsScreenElement = class UePersonalizationPersonalizedVariantsScreenElement extends UeContentScreenBaseElement {

package/dist/personalization/screens/segments-screen.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_SEGMENTS_COLLECTION_ALIAS } from '../segments/collection/constants.js';
 import { customElement, html, unsafeHTML, } from "@umbraco-cms/backoffice/external/lit";
 import { SegmentBuilderImage } from "../../images/index.js";
 import { UeContentScreenBaseElement } from "../../core/index.js";
-import { ENGAGE_SEGMENTS_COLLECTION_ALIAS } from "../segments/collection/constants.js";
 const elementName = "ue-personalization-segments-screen";
 let UePersonalizationSegmentsElement = class UePersonalizationSegmentsElement extends UeContentScreenBaseElement {
     renderContent() {

package/dist/personalization/segments/actions/delete.action.d.ts

@@ -1,8 +1,8 @@
 import { UeEntityDeleteBaseAction } from "../../actions/index.js";
 import { ENGAGE_SEGMENTS_COLLECTION_CONTEXT } from "../collection/segments-collection.context.js";
-import { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import { UmbEntityActionArgs } from "@umbraco-cms/backoffice/entity-action";
 import { UeSegmentsCollectionRepository } from "../collection/repository/index.js";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import type { UmbEntityActionArgs } from "@umbraco-cms/backoffice/entity-action";
 export declare class UeSegmentDeleteEntityAction extends UeEntityDeleteBaseAction<UeSegmentsCollectionRepository, typeof ENGAGE_SEGMENTS_COLLECTION_CONTEXT.TYPE> {
     constructor(host: UmbControllerHost, args: UmbEntityActionArgs<any>);
 }

package/dist/personalization/segments/actions/delete.action.js

@@ -9,6 +9,7 @@ export class UeSegmentDeleteEntityAction extends UeEntityDeleteBaseAction {
             repositoryConstructor: UeSegmentsCollectionRepository,
             contextToken: ENGAGE_SEGMENTS_COLLECTION_CONTEXT,
             deleteHandler: (unique) => this.repository?.delete(unique),
+            onDeleteSuccess: () => this.workspaceContext?.loadCollection(),
         });
     }
 }

package/dist/personalization/segments/collection/manifests.js

@@ -1,10 +1,10 @@
-import { UMB_COLLECTION_ALIAS_CONDITION } from "@umbraco-cms/backoffice/collection";
 import { ENGAGE_SEGMENT_ENTITY_TYPE } from "../constants.js";
 import { manifests as repositoryManifests } from "./repository/manifests.js";
 import { manifests as viewManifests } from "./views/manifests.js";
 import { ENGAGE_SEGMENTS_COLLECTION_REPOSITORY_ALIAS } from "./repository/constants.js";
 import { ENGAGE_SEGMENTS_COLLECTION_ALIAS } from "./constants.js";
 import { UeSegmentsCollectionContext } from "./segments-collection.context.js";
+import { UMB_COLLECTION_ALIAS_CONDITION } from "@umbraco-cms/backoffice/collection";
 export const manifests = [
     {
         type: "collection",

package/dist/personalization/segments/collection/repository/segments-collection.repository.d.ts

@@ -1,7 +1,7 @@
+import type { UeSegmentsCollectionFilterModel } from "../../entities.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbCollectionRepository } from "@umbraco-cms/backoffice/collection";
 import { UmbRepositoryBase } from "@umbraco-cms/backoffice/repository";
-import type { UeSegmentsCollectionFilterModel } from "../../entities.js";
 import type { UeEntityDeleteRepository } from "../../../../core/index.js";
 export declare class UeSegmentsCollectionRepository extends UmbRepositoryBase implements UmbCollectionRepository, UeEntityDeleteRepository {
     #private;

package/dist/personalization/segments/collection/repository/segments-collection.repository.js

@@ -1,5 +1,5 @@
-import { UmbRepositoryBase } from "@umbraco-cms/backoffice/repository";
 import { UeSegmentsCollectionServerDataSource } from "./segments-collection.server.data-source.js";
+import { UmbRepositoryBase } from "@umbraco-cms/backoffice/repository";
 export class UeSegmentsCollectionRepository extends UmbRepositoryBase {
     #collectionSource;
     constructor(host) {

package/dist/personalization/segments/collection/repository/segments-collection.server.data-source.d.ts

@@ -1,6 +1,6 @@
+import { type UeSegmentCollectionModel, type UeSegmentsCollectionFilterModel } from "../../entities.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbCollectionDataSource } from "@umbraco-cms/backoffice/collection";
-import { type UeSegmentCollectionModel, type UeSegmentsCollectionFilterModel } from "../../entities.js";
 export declare class UeSegmentsCollectionServerDataSource implements UmbCollectionDataSource<UeSegmentCollectionModel> {
     #private;
     constructor(host: UmbControllerHost);

package/dist/personalization/segments/collection/repository/segments-collection.server.data-source.js

@@ -1,5 +1,5 @@
-import { tryExecute } from "@umbraco-cms/backoffice/resources";
 import { ENGAGE_SEGMENT_ENTITY_TYPE } from "../../constants.js";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
 import { SegmentsService, } from "../../../../generated/index.js";
 export class UeSegmentsCollectionServerDataSource {
     #host;

package/dist/personalization/segments/collection/segments-collection.context.d.ts

@@ -1,15 +1,14 @@
+import type { SegmentFilterOptions, UeSegmentCollectionModel, UeSegmentsCollectionFilterModel } from '../entities.js';
 import { UmbDefaultCollectionContext } from "@umbraco-cms/backoffice/collection";
-import { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import { SegmentFilterOptions, UeSegmentCollectionModel, UeSegmentsCollectionFilterModel } from "../entities.js";
-import { UeAppliedPersonalizationDetailModel } from "../../index.js";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import { type UeAppliedPersonalizationDetailModel } from "../../index.js";
 export declare class UeSegmentsCollectionContext extends UmbDefaultCollectionContext<UeSegmentCollectionModel, UeSegmentsCollectionFilterModel> {
     #private;
     allPersonalizations: import("rxjs").Observable<UeAppliedPersonalizationDetailModel[]>;
     visibilityFilter: import("rxjs").Observable<SegmentFilterOptions>;
     constructor(host: UmbControllerHost);
     setVisibilityFilter(value: SegmentFilterOptions): void;
-    resetPriority(deletedUniques: Array<string>): Promise<void>;
-    setPriority(segment: UeSegmentCollectionModel, value: number, max: number): Promise<void>;
+    setPriority(segment: UeSegmentCollectionModel, value: number): Promise<void>;
 }
 export declare const ENGAGE_SEGMENTS_COLLECTION_CONTEXT: UmbContextToken<UeSegmentsCollectionContext, UeSegmentsCollectionContext>;