@umbraco-engage/backoffice 17.1.1 → 17.2.0

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

@@ -1,8 +1,8 @@
 import type { UeDetailRepositoryConstructor, UeScoreableGroupModel, UeScoreableItemModel, UeScoringValueModel } from "../core/index.js";
-import { PropertyValues } from "@umbraco-cms/backoffice/external/lit";
+import type { 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";
+import type { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import type { UmbDetailStoreBase } from "@umbraco-cms/backoffice/store";
 interface UeScoringBaseElementConfig<GroupModel extends UeScoreableGroupModel, ItemModel extends UeScoringValueModel, StoreType extends UmbDetailStoreBase<GroupModel>> {
     repositoryCtor: UeDetailRepositoryConstructor<GroupModel>;
     storeContextAlias: UmbContextToken<StoreType>;

package/dist/personalization/scoring-base.element.js

@@ -4,12 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { UePersonalizationEntitySetPopulatorController } from "./personalization-entity-set-populator.controller.js";
 import { css, html, property, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { partialUpdateFrozenArray } from "@umbraco-cms/backoffice/observable-api";
 import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
 import { UUITextStyles } from "@umbraco-cms/backoffice/external/uui";
-import { UePersonalizationEntitySetPopulatorController } from "./personalization-entity-set-populator.controller.js";
 export class UeScoringBaseElement extends UmbLitElement {
     #identifierSelector;
     #populator;

package/dist/personalization/screens/segments-screen.element.js

@@ -4,7 +4,7 @@ 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 { 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";

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

@@ -4,6 +4,6 @@ import { UeSegmentsCollectionRepository } from "../collection/repository/index.j
 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>);
+    constructor(host: UmbControllerHost, args: UmbEntityActionArgs<never>);
 }
 export default UeSegmentDeleteEntityAction;

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

@@ -1 +1 @@
-export * from './segments-collection.repository.js';
+export * from "./segments-collection.repository.js";

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

@@ -1 +1 @@
-export * from './segments-collection.repository.js';
+export * from "./segments-collection.repository.js";

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

@@ -1,4 +1,4 @@
-import { type UeSegmentCollectionModel, type UeSegmentsCollectionFilterModel } from "../../entities.js";
+import type { UeSegmentCollectionModel, UeSegmentsCollectionFilterModel } from "../../entities.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbCollectionDataSource } from "@umbraco-cms/backoffice/collection";
 export declare class UeSegmentsCollectionServerDataSource implements UmbCollectionDataSource<UeSegmentCollectionModel> {

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

@@ -1,4 +1,4 @@
-import type { SegmentFilterOptions, UeSegmentCollectionModel, UeSegmentsCollectionFilterModel } from '../entities.js';
+import type { SegmentFilterOptions, UeSegmentCollectionModel, UeSegmentsCollectionFilterModel } from "../entities.js";
 import { UmbDefaultCollectionContext } from "@umbraco-cms/backoffice/collection";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";

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

@@ -1,4 +1,4 @@
-import { ENGAGE_SEGMENTS_TABLE_COLLECTION_VIEW_ALIAS } from './constants.js';
+import { ENGAGE_SEGMENTS_TABLE_COLLECTION_VIEW_ALIAS } from "./constants.js";
 import { UmbDefaultCollectionContext } from "@umbraco-cms/backoffice/collection";
 import { firstValueFrom } from "@umbraco-cms/backoffice/external/rxjs";
 import { UmbArrayState, UmbObjectState, } from "@umbraco-cms/backoffice/observable-api";

package/dist/personalization/segments/collection/views/table/segments-table-collection-view.element.js

@@ -13,7 +13,7 @@ import "../../../../../core/collection/table-name-column-layout.element.js";
 import "./elements/segments-table-priority-column-layout.element.js";
 import "./elements/segments-table-applied-column-layout.element.js";
 import "./elements/segments-table-used-parameters-column-layout.element.js";
-import { UeTimeFormatOptions } from "src/core/entities.js";
+import { UeTimeFormatOptions } from "../../../../../core/index.js";
 const elementName = "ue-segments-table";
 let UeSegmentsTableElement = class UeSegmentsTableElement extends UmbLitElement {
     #collectionContext;
@@ -172,8 +172,8 @@ let UeSegmentsTableElement = class UeSegmentsTableElement extends UmbLitElement
             .items=${this._coreTableItems}
           ></umb-table>
         `, () => html `<ue-empty-state>
-          ${this.localize.term("content_noItemsToShow")}
-        </ue-empty-state>`)}
+            ${this.localize.term("content_noItemsToShow")}
+          </ue-empty-state>`)}
     </div>`;
     }
     #renderTempTable() {
@@ -188,8 +188,8 @@ let UeSegmentsTableElement = class UeSegmentsTableElement extends UmbLitElement
             .items=${this._temporaryTableItems}
           ></umb-table>
         `, () => html `<ue-empty-state>
-          ${this.localize.term("content_noItemsToShow")}
-        </ue-empty-state>`)}
+            ${this.localize.term("content_noItemsToShow")}
+          </ue-empty-state>`)}
     </div>`;
     }
     render() {

package/dist/personalization/segments/components/segment-applied-parameter.element.d.ts

@@ -7,7 +7,7 @@ export declare class UeSegmentAppliedParameterElement extends UmbLitElement {
     rule?: UeSegmentRuleDetailModel;
     manifest?: UeManifestSegmentRule;
     private _element?;
-    updated(changedProperties: Map<string, any>): void;
+    updated(changedProperties: Map<string, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;
 }

package/dist/personalization/segments/components/segment-rule-editor-rule-card.element.d.ts

@@ -1,4 +1,4 @@
-import type { UeManifestSegmentRule } from '../rules/segment-rule.interface.js';
+import type { UeManifestSegmentRule } from "../rules/segment-rule.interface.js";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 declare const elementName = "ue-segment-rule-editor-rule-card";
 export declare class UeSegmentRuleEditorRuleCardElement extends UmbLitElement {

package/dist/personalization/segments/components/segment-rule-editor-rule-card.element.js

@@ -4,7 +4,7 @@ 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_SEGMENT_WORKSPACE_CONTEXT } from '../workspace/segment-workspace-context.token.js';
+import { ENGAGE_SEGMENT_WORKSPACE_CONTEXT } from "../workspace/segment-workspace-context.token.js";
 import { css, customElement, html, property, state, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 const elementName = "ue-segment-rule-editor-rule-card";

package/dist/personalization/segments/entities.d.ts

@@ -35,6 +35,6 @@ export interface UeSegmentRuleDetailModel {
     segmentId: number;
     type: string;
     isNegation: boolean;
-    config?: Record<string, any>;
+    config?: Record<string, unknown>;
     created?: string;
 }

package/dist/personalization/segments/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./rules/index.js";
 export * from "./collection/index.js";
 export * from "./workspace/index.js";
-export * from "./entities.js";
+export type * from "./entities.js";
 export * from "./components/index.js";
 export * from "./repository/detail/index.js";

package/dist/personalization/segments/index.js

@@ -1,6 +1,5 @@
 export * from "./rules/index.js";
 export * from "./collection/index.js";
 export * from "./workspace/index.js";
-export * from "./entities.js";
 export * from "./components/index.js";
 export * from "./repository/detail/index.js";

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

@@ -1,4 +1,4 @@
-import { type UeSegmentDetailModel } from "../../entities.js";
+import type { UeSegmentDetailModel } from "../../entities.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbDetailDataSource } from "@umbraco-cms/backoffice/repository";
 import type { UeDetailDataSource } from "../../../../core/index.js";

package/dist/personalization/segments/rules/base/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./segment-rule-base-analytics-dimension.element.js";
 export * from "./segment-rule-base-grouped-extended-checkbox.element.js";
 export * from "./segment-rule-base.element.js";
-export * from "./entities.js";
+export type * from "./entities.js";

package/dist/personalization/segments/rules/base/index.js

@@ -1,4 +1,3 @@
 export * from "./segment-rule-base-analytics-dimension.element.js";
 export * from "./segment-rule-base-grouped-extended-checkbox.element.js";
 export * from "./segment-rule-base.element.js";
-export * from "./entities.js";

package/dist/personalization/segments/rules/base/segment-rule-base-grouped-extended-checkbox.element.d.ts

@@ -1,6 +1,6 @@
-import { RequestResult } from "../../../../generated/client/index.js";
 import type { UeExtendedCheckboxConfiguration } from "../entities.js";
 import { UeSegmentRuleBaseElement } from "./segment-rule-base.element.js";
+import type { RequestResult } from "../../../../generated/client/index.js";
 interface GroupOption {
     id: number;
     title?: string | null;

package/dist/personalization/segments/rules/base/segment-rule-base.element.d.ts

@@ -16,11 +16,14 @@ export declare abstract class UeSegmentRuleBaseElement<ValueType> extends UmbLit
         [key: string]: string;
     };
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(): void;
     protected renderAdvanced(range?: {
         type: CampaignRangeType;
         maximum?: number | null;
     } | null, options?: Array<CampaignRangeType>, defaultValue?: CampaignRangeType): import("lit-html").TemplateResult<1> | undefined;
-    protected updateParameterValue(value: any, key: keyof ValueType): void;
+    protected updateParameterValue(value: ValueType[keyof ValueType], key: keyof ValueType): void;
     protected getReadonlyRange(type?: RangeTypeModel | CampaignRangeTypeModel | null, count?: number | null): "" | import("lit-html").TemplateResult<1>;
     protected getReadonlyFrequency(type: FrequencyTypeModel, operator: FrequencyOperatorModel, count?: number | null): "" | import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;

package/dist/personalization/segments/rules/base/segment-rule-base.element.js

@@ -8,10 +8,12 @@ import { css, html, property, when, } from "@umbraco-cms/backoffice/external/lit
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { assignToFrozenObject } from "@umbraco-cms/backoffice/observable-api";
 export class UeSegmentRuleBaseElement extends UmbLitElement {
+    #resizeObserver;
     constructor() {
         super();
         this.active = false;
         this.strings = {};
+        this.#resizeObserver = new ResizeObserver(() => this.#updateScrollable());
         this.strings = {
             or: this.localize.term("engage_or"),
             and: this.localize.term("engage_and"),
@@ -20,11 +22,37 @@ export class UeSegmentRuleBaseElement extends UmbLitElement {
             matches: this.localize.term("engage_matches"),
         };
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this.#resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#resizeObserver.disconnect();
+    }
+    updated() {
+        requestAnimationFrame(() => this.#updateScrollable());
+    }
+    #updateScrollable() {
+        const editor = this.renderRoot.querySelector("#editor");
+        if (!editor)
+            return;
+        editor.toggleAttribute("scrollable", editor.scrollHeight > editor.clientHeight);
+    }
+    #scrollEditorToBottom() {
+        requestAnimationFrame(() => {
+            const editor = this.renderRoot.querySelector("#editor");
+            if (!editor)
+                return;
+            editor.scrollTop = editor.scrollHeight;
+        });
+    }
     renderAdvanced(range, options, defaultValue = "Any") {
         if (!range || !options || !defaultValue)
             return;
         return html `<ue-collapsing-box
       .headline=${this.localize.term("engage_advancedSettings")}
+      @show=${this.#scrollEditorToBottom}
     >
       <uui-label>${this.localize.term("engage_dateRange")}</uui-label>
       <uui-radio-group .value=${range.type ?? defaultValue}>
@@ -109,13 +137,34 @@ export class UeSegmentRuleBaseElement extends UmbLitElement {
         display: flex;
       }
 
+      :host(:not([readonly])) {
+        display: flex;
+        flex-direction: column;
+      }
+
       #editorHeader {
+        flex: 0 0 auto;
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin-bottom: var(--uui-size-5);
       }
 
+      #editor {
+        flex: 1;
+        min-height: 0;
+        overflow-y: scroll;
+        overflow-x: hidden;
+        scrollbar-width: thin;
+        scrollbar-color: transparent transparent;
+        padding: 3px;
+        margin: -3px -14px -3px -3px;
+      }
+
+      #editor[scrollable]:hover {
+        scrollbar-color: var(--uui-color-disabled-contrast) transparent;
+      }
+
       #editor > * + *:not(umb-property-layout) {
         margin-top: var(--uui-size-5);
       }
@@ -156,6 +205,8 @@ export class UeSegmentRuleBaseElement extends UmbLitElement {
       uui-radio-group {
         width: 100%;
         display: block;
+        box-sizing: border-box;
+        padding-right: 0;
       }
 
       uui-radio-group > * + * {

package/dist/personalization/segments/rules/configuration/segment-rule-range-configuration.element.js

@@ -45,9 +45,7 @@ let UeSegmentRuleRangeConfigurationElement = class UeSegmentRuleRangeConfigurati
         .value=${String(this.value.maximum)}
         ?disabled=${!this.active}
       ></uui-input>
-      ${this.localize
-            .term(`engage_${this.range.toLowerCase()}`)
-            .toLowerCase()}`;
+      ${this.localize.term(`engage_${this.range.toLowerCase()}`).toLowerCase()}`;
     }
     render() {
         return html `<ue-radio

package/dist/personalization/segments/rules/segment-rule-browser.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseAnalyticsDimensionElement } from "./base/index.js";
-import { type BrowserSegmentRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleBrowsersConfig extends BrowserSegmentRuleConfigModel {
-}
+import type { BrowserSegmentRuleConfigModel } from "../../../generated/index.js";
+export type UeSegmentRuleBrowsersConfig = BrowserSegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-browser";
 export declare class UeSegmentRuleBrowserElement extends UeSegmentRuleBaseAnalyticsDimensionElement<UeSegmentRuleBrowsersConfig> {
     constructor();

package/dist/personalization/segments/rules/segment-rule-campaigns.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseElement } from "./base/index.js";
 import type { CampaignSegmentRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleCampaignsConfig extends CampaignSegmentRuleConfigModel {
-}
+export type UeSegmentRuleCampaignsConfig = CampaignSegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-campaigns";
 export declare class UeSegmentRuleCampaignsElement extends UeSegmentRuleBaseElement<UeSegmentRuleCampaignsConfig> {
     #private;

package/dist/personalization/segments/rules/segment-rule-campaigns.js

@@ -130,7 +130,7 @@ let UeSegmentRuleCampaignsElement = class UeSegmentRuleCampaignsElement extends
         delete parameters[utmValue.value];
         this.value = {
             ...this.value,
-            ...{ config: { ...this.value.config, ...{ parameters } } },
+            ...{ config: { ...this.value.config, parameters } },
         };
         this.updateParameterValue(this.value?.config.parameters, "parameters");
     }
@@ -142,7 +142,12 @@ let UeSegmentRuleCampaignsElement = class UeSegmentRuleCampaignsElement extends
     }
     #toggleInclude(e, utmValue) {
         const checked = e.target.checked;
-        checked ? this.#addUtmValue(utmValue) : this.#removeUtmValue(utmValue);
+        if (checked) {
+            this.#addUtmValue(utmValue);
+        }
+        else {
+            this.#removeUtmValue(utmValue);
+        }
     }
     // TODO => check casing on type enum
     #updateParameter(name, value) {

package/dist/personalization/segments/rules/segment-rule-customer-journey.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseGroupedExtendedCheckboxElement } from "./base/index.js";
 import { type CustomerJourneyDtoModel, type CustomerJourneySegmentRuleConfigModel, type CustomerJourneyStepDtoModel } from "../../../generated/index.js";
-export interface UeSegmentRuleCustomerJourneyConfig extends CustomerJourneySegmentRuleConfigModel {
-}
+export type UeSegmentRuleCustomerJourneyConfig = CustomerJourneySegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-customer-journey";
 export declare class UeSegmentRuleCustomerJourneyElement extends UeSegmentRuleBaseGroupedExtendedCheckboxElement<UeSegmentRuleCustomerJourneyConfig, CustomerJourneyDtoModel, CustomerJourneyStepDtoModel> {
     constructor();

package/dist/personalization/segments/rules/segment-rule-device.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseAnalyticsDimensionElement } from "./base/index.js";
-import { type DeviceSegmentRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleDeviceConfig extends DeviceSegmentRuleConfigModel {
-}
+import type { DeviceSegmentRuleConfigModel } from "../../../generated/index.js";
+export type UeSegmentRuleDeviceConfig = DeviceSegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-device";
 export declare class UeSegmentRuleDeviceElement extends UeSegmentRuleBaseAnalyticsDimensionElement<UeSegmentRuleDeviceConfig> {
     constructor();

package/dist/personalization/segments/rules/segment-rule-event-triggered.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseElement } from "./base/index.js";
 import type { PageEventSegmentRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleEventTriggeredConfig extends PageEventSegmentRuleConfigModel {
-}
+export type UeSegmentRuleEventTriggeredConfig = PageEventSegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-event-triggered";
 export declare class UeSegmentRuleEventTriggeredElement extends UeSegmentRuleBaseElement<UeSegmentRuleEventTriggeredConfig> {
     #private;

package/dist/personalization/segments/rules/segment-rule-location.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseElement } from "./base/index.js";
 import { type LocationSegmentRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleLocationConfig extends LocationSegmentRuleConfigModel {
-}
+export type UeSegmentRuleLocationConfig = LocationSegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-location";
 export declare class UeSegmentRuleLocationElement extends UeSegmentRuleBaseElement<UeSegmentRuleLocationConfig> {
     #private;

package/dist/personalization/segments/rules/segment-rule-location.js

@@ -28,7 +28,7 @@ let UeSegmentRuleLocationElement = class UeSegmentRuleLocationElement extends Ue
             return [];
         return Object.entries(this._data[prop])
             .filter(([k]) => !key || (extractorFn?.(k) ?? k) === key)
-            .flatMap(([_, v]) => v);
+            .flatMap(([, v]) => v);
     }
     #onSelectionChange(config) {
         if (!this.value)

package/dist/personalization/segments/rules/segment-rule-logged-in-members.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseElement } from "./base/index.js";
 import type { MemberLoggedInRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleLoggedInMembersConfig extends MemberLoggedInRuleConfigModel {
-}
+export type UeSegmentRuleLoggedInMembersConfig = MemberLoggedInRuleConfigModel;
 declare const elementName = "ue-segment-rule-logged-in-members";
 export declare class UeSegmentRuleLoggedInMembersElement extends UeSegmentRuleBaseElement<UeSegmentRuleLoggedInMembersConfig> {
     #private;

package/dist/personalization/segments/rules/segment-rule-number-of-sessions.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseElement } from "./base/index.js";
 import type { NumberOfSessionsRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleNumberOfSessionsConfig extends NumberOfSessionsRuleConfigModel {
-}
+export type UeSegmentRuleNumberOfSessionsConfig = NumberOfSessionsRuleConfigModel;
 declare const elementName = "ue-segment-rule-number-of-sessions";
 export declare class UeSegmentRuleNumberOfSessionsElement extends UeSegmentRuleBaseElement<UeSegmentRuleNumberOfSessionsConfig> {
     #private;

package/dist/personalization/segments/rules/segment-rule-persona.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseGroupedExtendedCheckboxElement } from "./base/index.js";
 import { type PersonaDtoModel, type PersonasDtoModel, type PersonaSegmentRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRulePersonaConfig extends PersonaSegmentRuleConfigModel {
-}
+export type UeSegmentRulePersonaConfig = PersonaSegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-persona";
 export declare class UeSegmentRulePersonaElement extends UeSegmentRuleBaseGroupedExtendedCheckboxElement<UeSegmentRulePersonaConfig, PersonasDtoModel, PersonaDtoModel> {
     constructor();

package/dist/personalization/segments/rules/segment-rule-reached-goals.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseElement } from "./base/index.js";
 import type { GoalSegmentRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleReachedGoalsConfig extends GoalSegmentRuleConfigModel {
-}
+export type UeSegmentRuleReachedGoalsConfig = GoalSegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-reached-goals";
 export declare class UeSegmentRuleReachedGoalsElement extends UeSegmentRuleBaseElement<UeSegmentRuleReachedGoalsConfig> {
     #private;

package/dist/personalization/segments/rules/segment-rule-reached-goals.js

@@ -65,11 +65,11 @@ let UeSegmentRuleReachedGoalsElement = class UeSegmentRuleReachedGoalsElement ex
             return;
         return html `<h3>Goals</h3>
       ${this._goals.map((g) => html `<ue-checkbox
-          .label=${g.name ?? ""}
-          .value=${`${g.id}`}
-          ?checked=${!!this.value?.config.goals?.includes(g.id)}
-          @change=${this.#toggleInclude}
-        ></ue-checkbox>`)}`;
+            .label=${g.name ?? ""}
+            .value=${`${g.id}`}
+            ?checked=${!!this.value?.config.goals?.includes(g.id)}
+            @change=${this.#toggleInclude}
+          ></ue-checkbox>`)}`;
     }
     updateRange(e) {
         const range = e.target

package/dist/personalization/segments/rules/segment-rule-registered-members.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseElement } from "./base/index.js";
 import type { MemberRegisteredConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleRegisteredMembersConfig extends MemberRegisteredConfigModel {
-}
+export type UeSegmentRuleRegisteredMembersConfig = MemberRegisteredConfigModel;
 declare const elementName = "ue-segment-rule-registered-members";
 export declare class UeSegmentRuleRegisteredMembersElement extends UeSegmentRuleBaseElement<UeSegmentRuleRegisteredMembersConfig> {
     #private;

package/dist/personalization/segments/rules/segment-rule-time-of-day.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseElement } from "./base/index.js";
 import type { TimeOfDaySegmentRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleTimeOfDayConfig extends TimeOfDaySegmentRuleConfigModel {
-}
+export type UeSegmentRuleTimeOfDayConfig = TimeOfDaySegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-time-of-day";
 export declare class UeSegmentRuleTimeOfDayElement extends UeSegmentRuleBaseElement<UeSegmentRuleTimeOfDayConfig> {
     #private;

package/dist/personalization/segments/rules/segment-rule-visited-pages.d.ts

@@ -1,7 +1,6 @@
 import { UeSegmentRuleBaseElement } from "./base/index.js";
 import type { VisitedPagesSegmentRuleConfigModel } from "../../../generated/index.js";
-export interface UeSegmentRuleVisitedPagesConfig extends VisitedPagesSegmentRuleConfigModel {
-}
+export type UeSegmentRuleVisitedPagesConfig = VisitedPagesSegmentRuleConfigModel;
 declare const elementName = "ue-segment-rule-visited-pages";
 export declare class UeSegmentRuleVisitedPagesElement extends UeSegmentRuleBaseElement<UeSegmentRuleVisitedPagesConfig> {
     #private;

package/dist/personalization/segments/rules/segment-rule-visited-pages.js

@@ -32,7 +32,8 @@ let UeSegmentRuleVisitedPagesElement = class UeSegmentRuleVisitedPagesElement ex
         this.updateParameterValue(range, "range");
     }
     #onValueChange(e) {
-        this.updateParameterValue(e.target.value, "allPages");
+        this.updateParameterValue(e.target
+            .value, "allPages");
     }
     #updateParameterValue(value) {
         if (!this.value?.config)

package/dist/personalization/segments/rules/segment-rule.interface.d.ts

@@ -9,7 +9,7 @@ export interface UeSegmentRuleMeta {
     name: string;
     type: string;
     icon: string;
-    config?: any;
+    config?: Record<string, unknown>;
 }
 declare global {
     interface UmbExtensionManifestMap {

package/dist/personalization/segments/workspace/entities.js

@@ -26,10 +26,7 @@ export const SegmentProperties = [
         editor: "Umb.PropertyEditorUi.DatePicker",
         appearance: { labelOnTop: true },
         config: [{ alias: "format", value: "YYYY-MM-DDTHH:mm:ss" }],
-        visible: {
-            alias: "type",
-            value: "Temporary",
-        },
+        visible: [{ alias: "type", value: "Temporary" }],
         valueIn: (v) => v?.replace("T", " "),
         valueOut: (v) => v?.replace(" ", "T"),
     },

package/dist/personalization/segments/workspace/segment-workspace-context.token.d.ts

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

package/dist/personalization/segments/workspace/segment-workspace.context.d.ts

@@ -1,4 +1,4 @@
-import { type UeSegmentDetailModel } from "../entities.js";
+import type { UeSegmentDetailModel } from "../entities.js";
 import type { UeSegmentRuleParameterConfig } from "../rules/index.js";
 import type { UeManifestSegmentRule } from "../rules/segment-rule.interface.js";
 import type { UeSegmentsDetailRepository } from "../repository/detail/index.js";
@@ -15,6 +15,6 @@ export declare class UeSegmentWorkspaceContext extends UeWorkspaceContextBase<Ue
     getRuleByType(type: string): UeManifestSegmentRule | undefined;
     setCurrentParameter(parameter?: UeManifestSegmentRule): void;
     deleteParameter(type?: string): void;
-    saveParameter(parameterConfig: UeSegmentRuleParameterConfig<any>, manifest: UeManifestSegmentRule): void;
+    saveParameter(parameterConfig: UeSegmentRuleParameterConfig<unknown>, manifest: UeManifestSegmentRule): void;
 }
 export { UeSegmentWorkspaceContext as api };

package/dist/personalization/segments/workspace/views/edit/segment-editor.element.d.ts

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

package/dist/personalization/segments/workspace/views/edit/segment-editor.element.js

@@ -84,6 +84,7 @@ let UeSegmentWorkspaceViewEditElement = class UeSegmentWorkspaceViewEditElement
       #main {
         display: flex;
         column-gap: var(--uui-size-layout-1);
+        height: 100%;
       }
       #sidebar {
         flex: 0 1 350px;
@@ -95,12 +96,19 @@ let UeSegmentWorkspaceViewEditElement = class UeSegmentWorkspaceViewEditElement
 
       #content {
         flex: 1;
+        display: flex;
+        flex-direction: column;
       }
 
       umb-property {
         --uui-size-layout-1: var(--uui-size-2);
       }
 
+      ue-segment-rule-editor {
+        flex: 1;
+        max-height: 100%;
+      }
+
       .segment-slider {
         margin-top: 20px;
       }