@umbraco-engage/backoffice 17.1.0 → 17.2.0-rc1

package/dist/core/components/custom-code/ue-custom-code.element.js

@@ -51,23 +51,23 @@ let UeCustomCodeElement = class UeCustomCodeElement extends UmbLitElement {
       >
         ${this.#renderTag(this.value?.css)}
         ${when(this._cssMessage, () => html `${this._cssMessage}`, () => html ` <umb-code-editor
-            ?readonly=${this._cssReadonly}
-            style=${styleMap({ height: `${this._height}px` })}
-            language="css"
-            .code=${this.value?.css ?? ""}
-            @input=${(e) => this.#onChange(e, "css")}
-          ></umb-code-editor>`)} </ue-collapsing-box
+              ?readonly=${this._cssReadonly}
+              style=${styleMap({ height: `${this._height}px` })}
+              language="css"
+              .code=${this.value?.css ?? ""}
+              @input=${(e) => this.#onChange(e, "css")}
+            ></umb-code-editor>`)} </ue-collapsing-box
       ><ue-collapsing-box
         .headline=${this.localize.term("engage_property_javascript")}
       >
         ${this.#renderTag(this.value?.javascript)}
         ${when(this._jsMessage, () => html `${this._jsMessage}`, () => html ` <umb-code-editor
-            ?readonly=${this._jsReadonly}
-            style=${styleMap({ height: `${this._height}px` })}
-            language="javascript"
-            .code=${this.value?.javascript ?? ""}
-            @input=${(e) => this.#onChange(e, "javascript")}
-          ></umb-code-editor>`)}
+              ?readonly=${this._jsReadonly}
+              style=${styleMap({ height: `${this._height}px` })}
+              language="javascript"
+              .code=${this.value?.javascript ?? ""}
+              @input=${(e) => this.#onChange(e, "javascript")}
+            ></umb-code-editor>`)}
       </ue-collapsing-box>`;
     }
     static { this.styles = css `

package/dist/core/components/data-cleanup-log/data-cleanup-log.element.d.ts

@@ -0,0 +1,17 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { DataCleanupLogDtoModel } from "../../../generated/index.js";
+declare const elementName = "ue-data-cleanup-log";
+export declare class UeDataCleanupLogElement extends UmbLitElement {
+    #private;
+    results: Array<DataCleanupLogDtoModel>;
+    private _errorDialogContent?;
+    private _copyButtonState?;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UeDataCleanupLogElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeDataCleanupLogElement;
+    }
+}

package/dist/core/components/data-cleanup-log/data-cleanup-log.element.js

@@ -0,0 +1,206 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, customElement, html, nothing, property, state, when, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { UMB_NOTIFICATION_CONTEXT } from "@umbraco-cms/backoffice/notification";
+import { UeTimeFormatOptions } from "../../index.js";
+const elementName = "ue-data-cleanup-log";
+let UeDataCleanupLogElement = class UeDataCleanupLogElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.results = [];
+    }
+    #formatDuration(durationMs, options) {
+        if (durationMs < 1000) {
+            if (false === "DurationFormat" in Intl) {
+                return `${durationMs} milliseconds`;
+            }
+            const formatOptions = {
+                style: "long",
+                ...options,
+            };
+            // TODO: This is a hack to get around the fact that the DurationFormat is not yet available in the TypeScript typings (see CMS codebase)
+            const formatter = new Intl
+                .DurationFormat(this.localize.lang(), formatOptions);
+            return formatter.format({
+                milliseconds: durationMs,
+            });
+        }
+        const now = Date.now();
+        return this.localize.duration(new Date(now), new Date(now + durationMs), options);
+    }
+    #formatDateRange(started, finished) {
+        if (!started)
+            return "";
+        const startDate = new Date(started);
+        const formattedStart = this.localize.date(started, UeTimeFormatOptions);
+        if (!finished)
+            return formattedStart;
+        const finishDate = new Date(finished);
+        const sameDate = startDate.getFullYear() === finishDate.getFullYear() &&
+            startDate.getMonth() === finishDate.getMonth() &&
+            startDate.getDate() === finishDate.getDate();
+        if (sameDate)
+            return formattedStart;
+        const formattedFinish = this.localize.date(finished, UeTimeFormatOptions);
+        return `${formattedStart} — ${formattedFinish}`;
+    }
+    #showErrorDialog(errorMessage) {
+        this._copyButtonState = undefined;
+        this._errorDialogContent = errorMessage;
+    }
+    #closeErrorDialog() {
+        this._errorDialogContent = undefined;
+    }
+    async #copyToClipboard() {
+        const notificationContext = await this.getContext(UMB_NOTIFICATION_CONTEXT);
+        try {
+            this._copyButtonState = "waiting";
+            await navigator.clipboard.writeText(this._errorDialogContent ?? "");
+            notificationContext?.peek("positive", {
+                data: {
+                    message: this.localize.term("clipboard_copySuccessHeadline"),
+                },
+            });
+            this._copyButtonState = "success";
+        }
+        catch {
+            this._copyButtonState = "failed";
+        }
+    }
+    #renderResultRow(result) {
+        const dateRange = this.#formatDateRange(result.started, result.finished);
+        const clickable = result.failed && result.errorMessage;
+        return html `
+      <uui-table-row
+        ?failed=${result.failed}
+        style=${clickable ? "cursor: pointer" : ""}
+        @click=${clickable
+            ? () => this.#showErrorDialog(result.errorMessage)
+            : nothing}
+      >
+        <uui-table-cell>${dateRange}</uui-table-cell>
+        <uui-table-cell>${result.executor}</uui-table-cell>
+        <uui-table-cell>${result.tableName}</uui-table-cell>
+        <uui-table-cell
+          >${result.recordsAffected != null
+            ? this.localize.number(result.recordsAffected)
+            : this.localize.term("engage_notAvailable")}</uui-table-cell
+        >
+        <uui-table-cell
+          >${result.durationMs != null
+            ? this.#formatDuration(result.durationMs, { style: "short" })
+            : this.localize.term("engage_notAvailable")}</uui-table-cell
+        >
+        <uui-table-cell>
+          ${when(result.failed, () => html `<uui-tag color="danger" look="primary"
+                >${this.localize.term("engage_failed")}</uui-tag
+              >`, () => html `<uui-tag color="positive"
+                >${this.localize.term("engage_success")}</uui-tag
+              >`)}
+        </uui-table-cell>
+      </uui-table-row>
+    `;
+    }
+    #renderErrorDialog() {
+        if (!this._errorDialogContent)
+            return nothing;
+        return html `
+      <uui-modal-dialog>
+        <uui-dialog>
+          <uui-dialog-layout headline=${this.localize.term("engage_failed")}>
+            <pre class="error-details">${this._errorDialogContent}</pre>
+
+            <uui-button
+              slot="actions"
+              look="secondary"
+              label=${this.localize.term("general_close")}
+              @click=${this.#closeErrorDialog}
+            ></uui-button>
+            <uui-button
+              slot="actions"
+              look="primary"
+              color="positive"
+              .state=${this._copyButtonState}
+              label=${this.localize.term("clipboard_labelForCopyToClipboard")}
+              @click=${this.#copyToClipboard}
+            ></uui-button>
+          </uui-dialog-layout>
+        </uui-dialog>
+      </uui-modal-dialog>
+    `;
+    }
+    render() {
+        return html `
+      <uui-table>
+        <uui-table-head>
+          <uui-table-head-cell
+            >${this.localize.term("engage_date")}</uui-table-head-cell
+          >
+          <uui-table-head-cell
+            >${this.localize.term("engage_dataCleanupLog_detailsExecutor")}</uui-table-head-cell
+          >
+          <uui-table-head-cell
+            >${this.localize.term("engage_dataCleanupLog_detailsTable")}</uui-table-head-cell
+          >
+          <uui-table-head-cell
+            >${this.localize.term("engage_dataCleanupLog_detailsRecordsAffected")}</uui-table-head-cell
+          >
+          <uui-table-head-cell
+            >${this.localize.term("engage_dataCleanupLog_detailsDuration")}</uui-table-head-cell
+          >
+          <uui-table-head-cell
+            >${this.localize.term("engage_status")}</uui-table-head-cell
+          >
+        </uui-table-head>
+        ${this.results.map((r) => this.#renderResultRow(r))}
+      </uui-table>
+      ${this.#renderErrorDialog()}
+    `;
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: block;
+      }
+
+      uui-table {
+        font-size: var(--uui-type-small-size);
+      }
+
+      [failed] {
+        background: var(--uui-color-danger);
+        color: var(--uui-color-danger-contrast);
+      }
+
+      .error-details {
+        margin: 0;
+        padding: var(--uui-size-space-4);
+        background: var(--uui-color-surface-alt);
+        border-radius: var(--uui-border-radius);
+        font-size: var(--uui-type-small-size);
+        overflow-x: auto;
+        white-space: pre-wrap;
+        word-break: break-word;
+      }
+    `,
+    ]; }
+};
+__decorate([
+    property({ type: Array })
+], UeDataCleanupLogElement.prototype, "results", void 0);
+__decorate([
+    state()
+], UeDataCleanupLogElement.prototype, "_errorDialogContent", void 0);
+__decorate([
+    state()
+], UeDataCleanupLogElement.prototype, "_copyButtonState", void 0);
+UeDataCleanupLogElement = __decorate([
+    customElement(elementName)
+], UeDataCleanupLogElement);
+export { UeDataCleanupLogElement };
+export default UeDataCleanupLogElement;

package/dist/core/components/data-cleanup-log/index.d.ts

@@ -0,0 +1 @@
+export * from "./data-cleanup-log.element.js";

package/dist/core/components/data-cleanup-log/index.js

@@ -0,0 +1 @@
+export * from "./data-cleanup-log.element.js";

package/dist/core/components/data-generation-log/data-generation-log.element.d.ts

@@ -0,0 +1,17 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import type { DataGenerationLogDtoModel } from "../../../generated/index.js";
+declare const elementName = "ue-data-generation-log";
+export declare class UeDataGenerationLogElement extends UmbLitElement {
+    #private;
+    results: Array<DataGenerationLogDtoModel>;
+    private _errorDialogContent?;
+    private _copyButtonState?;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UeDataGenerationLogElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeDataGenerationLogElement;
+    }
+}

package/dist/core/components/data-generation-log/data-generation-log.element.js

@@ -0,0 +1,209 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, customElement, html, nothing, property, state, when, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { UMB_NOTIFICATION_CONTEXT } from "@umbraco-cms/backoffice/notification";
+import { UeTimeFormatOptions } from "../../index.js";
+const elementName = "ue-data-generation-log";
+let UeDataGenerationLogElement = class UeDataGenerationLogElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.results = [];
+    }
+    #formatDuration(durationMs) {
+        const totalSeconds = Math.max(1, Math.round(durationMs / 1000));
+        const hours = Math.floor(totalSeconds / 3600);
+        const minutes = Math.floor((totalSeconds % 3600) / 60);
+        const seconds = totalSeconds % 60;
+        const parts = [];
+        if (hours > 0)
+            parts.push(`${hours}h`);
+        if (minutes > 0)
+            parts.push(`${minutes}m`);
+        parts.push(`${seconds}s`);
+        return parts.join("");
+    }
+    #computeDurationMs(started, finished) {
+        if (!started || !finished)
+            return null;
+        const ms = new Date(finished).getTime() - new Date(started).getTime();
+        return ms >= 0 ? ms : null;
+    }
+    #formatDateRange(started, finished) {
+        if (!started)
+            return "";
+        const startDate = new Date(started);
+        const formattedStart = this.localize.date(started, UeTimeFormatOptions);
+        if (!finished)
+            return formattedStart;
+        const finishDate = new Date(finished);
+        const sameDate = startDate.getFullYear() === finishDate.getFullYear() &&
+            startDate.getMonth() === finishDate.getMonth() &&
+            startDate.getDate() === finishDate.getDate();
+        if (sameDate)
+            return formattedStart;
+        const formattedFinish = this.localize.date(finished, UeTimeFormatOptions);
+        return `${formattedStart} — ${formattedFinish}`;
+    }
+    #showErrorDialog(errorMessage) {
+        this._copyButtonState = undefined;
+        this._errorDialogContent = errorMessage;
+    }
+    #closeErrorDialog() {
+        this._errorDialogContent = undefined;
+    }
+    async #copyToClipboard() {
+        const notificationContext = await this.getContext(UMB_NOTIFICATION_CONTEXT);
+        try {
+            this._copyButtonState = "waiting";
+            await navigator.clipboard.writeText(this._errorDialogContent ?? "");
+            notificationContext?.peek("positive", {
+                data: {
+                    message: this.localize.term("clipboard_copySuccessHeadline"),
+                },
+            });
+            this._copyButtonState = "success";
+        }
+        catch {
+            this._copyButtonState = "failed";
+        }
+    }
+    #renderResultRow(result) {
+        const dateRange = this.#formatDateRange(result.started, result.finished);
+        const durationMs = this.#computeDurationMs(result.started, result.finished);
+        const clickable = result.failed && result.errorMessage;
+        return html `
+      <uui-table-row
+        ?failed=${result.failed}
+        ?clickable=${clickable}
+        @click=${clickable
+            ? () => this.#showErrorDialog(result.errorMessage)
+            : nothing}
+      >
+        <uui-table-cell>${dateRange}</uui-table-cell>
+        <uui-table-cell
+          >${durationMs != null
+            ? this.#formatDuration(durationMs)
+            : this.localize.term("engage_notAvailable")}</uui-table-cell
+        >
+        <uui-table-cell>
+          <div class="status-cell">
+            ${when(result.failed, () => html `<uui-tag color="danger" look="primary"
+                    >${this.localize.term("engage_failed")}</uui-tag
+                  >${clickable
+            ? html `<uui-icon name="icon-info"></uui-icon>`
+            : nothing}`, () => html `<uui-tag color="positive"
+                  >${this.localize.term("engage_success")}</uui-tag
+                >`)}
+          </div>
+        </uui-table-cell>
+      </uui-table-row>
+    `;
+    }
+    #renderErrorDialog() {
+        if (!this._errorDialogContent)
+            return nothing;
+        return html `
+      <uui-modal-dialog @uui:modal-close=${this.#closeErrorDialog}>
+        <uui-dialog>
+          <uui-dialog-layout headline=${this.localize.term("engage_failed")}>
+            <pre class="error-details">${this._errorDialogContent}</pre>
+
+            <uui-button
+              slot="actions"
+              look="secondary"
+              label=${this.localize.term("general_close")}
+              @click=${this.#closeErrorDialog}
+            ></uui-button>
+            <uui-button
+              slot="actions"
+              look="primary"
+              color="positive"
+              .state=${this._copyButtonState}
+              label=${this.localize.term("clipboard_labelForCopyToClipboard")}
+              @click=${this.#copyToClipboard}
+            ></uui-button>
+          </uui-dialog-layout>
+        </uui-dialog>
+      </uui-modal-dialog>
+    `;
+    }
+    render() {
+        return html `
+      <uui-table>
+        <uui-table-head>
+          <uui-table-head-cell
+            >${this.localize.term("engage_date")}</uui-table-head-cell
+          >
+          <uui-table-head-cell
+            >${this.localize.term("engage_dataGenerationLog_detailsDuration")}</uui-table-head-cell
+          >
+          <uui-table-head-cell
+            >${this.localize.term("engage_status")}</uui-table-head-cell
+          >
+        </uui-table-head>
+        ${this.results.map((r) => this.#renderResultRow(r))}
+      </uui-table>
+      ${this.#renderErrorDialog()}
+    `;
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: block;
+      }
+
+      uui-table {
+        font-size: var(--uui-type-small-size);
+      }
+
+      [failed] {
+        background: var(--uui-color-danger);
+        color: var(--uui-color-danger-contrast);
+      }
+
+      [failed][clickable] {
+        cursor: pointer;
+      }
+
+      [failed][clickable]:hover {
+        background: var(--uui-color-danger-emphasis);
+      }
+
+      .status-cell {
+        display: flex;
+        align-items: center;
+        gap: var(--uui-size-space-2);
+      }
+
+      .error-details {
+        margin: 0;
+        padding: var(--uui-size-space-4);
+        background: var(--uui-color-surface-alt);
+        border-radius: var(--uui-border-radius);
+        font-size: var(--uui-type-small-size);
+        overflow-x: auto;
+        white-space: pre-wrap;
+        word-break: break-word;
+      }
+    `,
+    ]; }
+};
+__decorate([
+    property({ type: Array })
+], UeDataGenerationLogElement.prototype, "results", void 0);
+__decorate([
+    state()
+], UeDataGenerationLogElement.prototype, "_errorDialogContent", void 0);
+__decorate([
+    state()
+], UeDataGenerationLogElement.prototype, "_copyButtonState", void 0);
+UeDataGenerationLogElement = __decorate([
+    customElement(elementName)
+], UeDataGenerationLogElement);
+export { UeDataGenerationLogElement };
+export default UeDataGenerationLogElement;

package/dist/core/components/data-generation-log/index.d.ts

@@ -0,0 +1 @@
+export * from "./data-generation-log.element.js";

package/dist/core/components/data-generation-log/index.js

@@ -0,0 +1 @@
+export * from "./data-generation-log.element.js";

package/dist/core/components/daterange-picker/daterange-manager.context.js

@@ -1,4 +1,4 @@
-import { DateUtils } from "../../functions/date-utils.js";
+import { UeDateUtils } from "../../functions/date-utils.js";
 import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
 import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 import { UmbObjectState } from "@umbraco-cms/backoffice/observable-api";
@@ -73,8 +73,8 @@ export class UeDateRangeManager extends UmbContextBase {
     getComputedRange(config, range, compareToConfig, compareToRange) {
         let from;
         let to;
-        const dateUtilsFrom = new DateUtils();
-        const dateUtilsTo = new DateUtils();
+        const dateUtilsFrom = new UeDateUtils();
+        const dateUtilsTo = new UeDateUtils();
         const mode = config.mode || DATEPICKER_MODES.LAST_30_DAYS;
         switch (mode) {
             case DATEPICKER_MODES.YESTERDAY:
@@ -106,9 +106,9 @@ export class UeDateRangeManager extends UmbContextBase {
                 to = dateUtilsTo.add(-1, "year").endOf("year").toDate();
                 break;
             case DATEPICKER_MODES.CUSTOM:
-                if (range?.from && range?.to) {
-                    from = new DateUtils(range.from).startOf("day").toDate();
-                    to = new DateUtils(range.to).endOf("day").toDate();
+                if (config.range?.from && config.range?.to) {
+                    from = new UeDateUtils(config.range.from).startOf("day").toDate();
+                    to = new UeDateUtils(config.range.to).endOf("day").toDate();
                 }
                 else {
                     from = new Date();
@@ -135,8 +135,8 @@ export class UeDateRangeManager extends UmbContextBase {
                 throw new Error("Invalid mode: " + config.mode);
         }
         return {
-            from: DateUtils.format(from, this.#dateFormat),
-            to: DateUtils.format(to, this.#dateFormat),
+            from: UeDateUtils.format(from, this.#dateFormat),
+            to: UeDateUtils.format(to, this.#dateFormat),
         };
     }
     #computePreviousRange(sourceMode, sourceRange, targetMode, callback) {
@@ -145,8 +145,8 @@ export class UeDateRangeManager extends UmbContextBase {
         }
         let from;
         let to;
-        const sourceFrom = new DateUtils(new Date(sourceRange.from));
-        const sourceTo = new DateUtils(new Date(sourceRange.to));
+        const sourceFrom = new UeDateUtils(new Date(sourceRange.from));
+        const sourceTo = new UeDateUtils(new Date(sourceRange.to));
         switch (targetMode) {
             case DATEPICKER_MODES.PREVIOUS_PERIOD:
                 switch (sourceMode) {

package/dist/core/components/daterange-picker/daterange-picker-modal.element.js

@@ -140,11 +140,11 @@ let UeDaterangePickerModalElement = class UeDaterangePickerModalElement extends
     >
       ${this.#renderPrimary()}
       ${when(this.data?.allowCompare !== false, () => html ` <uui-toggle
-            @change=${this.#onToggleCompare}
-            .checked=${this._dateConfig?.compare ?? false}
-            .label=${this.localize.term("engage_compare")}
-          ></uui-toggle>
-          ${this.#renderSecondary()}`)}
+              @change=${this.#onToggleCompare}
+              .checked=${this._dateConfig?.compare ?? false}
+              .label=${this.localize.term("engage_compare")}
+            ></uui-toggle>
+            ${this.#renderSecondary()}`)}
       <div slot="actions">
         <uui-button
           label=${this.localize.term("general_close")}

package/dist/core/components/daterange-picker/daterange-picker-modal.token.d.ts

@@ -4,6 +4,5 @@ export declare const ENGAGE_DATERANGE_PICKER_MODAL_ALIAS = "Engage.Modal.Dateran
 export interface UeDateRangePickerModalData extends UeDateRangePickerInputConfig {
     allowCompare: boolean;
 }
-export interface UeDateRangePickerModalValue extends UeDateRangePickerInputConfig {
-}
-export declare const ENGAGE_DATERANGE_PICKER_MODAL: UmbModalToken<UeDateRangePickerModalData, UeDateRangePickerModalValue>;
+export type UeDateRangePickerModalValue = UeDateRangePickerInputConfig;
+export declare const ENGAGE_DATERANGE_PICKER_MODAL: UmbModalToken<UeDateRangePickerModalData, UeDateRangePickerInputConfig>;

package/dist/core/components/daterange-picker/daterange-picker.element.js

@@ -63,13 +63,13 @@ let UeDateRangePickerElement = class UeDateRangePickerElement extends UmbLitElem
         standalone
         @open=${this.#onOpen}
         ><umb-icon name="icon-calendar" slot="icon"></umb-icon> ${when(this._config?.primary?.range?.from, () => html ` <uui-button
-            slot="actions"
-            @click=${this.#onClear}
-            label="clear"
-            compact
-          >
-            <uui-icon name="icon-delete"></uui-icon
-          ></uui-button>`)}</uui-ref-node
+              slot="actions"
+              @click=${this.#onClear}
+              label="clear"
+              compact
+            >
+              <uui-icon name="icon-delete"></uui-icon
+            ></uui-button>`)}</uui-ref-node
       >`;
     }
     static { this.styles = css `

package/dist/core/components/daterange-picker/entities.d.ts

@@ -15,7 +15,7 @@ export interface UeDateRangePickerRangeConfig {
     to: string;
 }
 export interface UeDateRangePickerConfig {
-    range: any;
+    range: UeDateRangePickerRangeConfig;
     ui: {
         isHidden: boolean;
     };

package/dist/core/components/daterange-picker/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./daterange-picker-modal.element.js";
 export * from "./daterange-picker.element.js";
 export * from "./daterange-picker-modal.token.js";
-export * from "./entities.js";
+export type * from "./entities.js";
 export * from "./daterange-manager.context.js";

package/dist/core/components/daterange-picker/index.js

@@ -1,5 +1,4 @@
 export * from "./daterange-picker-modal.element.js";
 export * from "./daterange-picker.element.js";
 export * from "./daterange-picker-modal.token.js";
-export * from "./entities.js";
 export * from "./daterange-manager.context.js";

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

@@ -19,7 +19,7 @@ let UeDividerElement = class UeDividerElement extends UmbLitElement {
       align-items: center;
       margin: var(--uui-size-10) 0 var(--uui-size-5);
       color: var(--color-divider);
-      font-weight:bold;
+      font-weight: bold;
     }
 
     umb-icon {

package/dist/core/components/grid.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 { css, customElement, html, property } from "@umbraco-cms/backoffice/external/lit";
+import { css, customElement, html, property, } from "@umbraco-cms/backoffice/external/lit";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 const elementName = "ue-grid";
 let UeGridElement = class UeGridElement extends UmbLitElement {
@@ -15,8 +15,8 @@ let UeGridElement = class UeGridElement extends UmbLitElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        this.style.setProperty('--columns', this.columns.toString());
-        this.style.setProperty('--gap', `var(--uui-size-${this.gap})`);
+        this.style.setProperty("--columns", this.columns.toString());
+        this.style.setProperty("--gap", `var(--uui-size-${this.gap})`);
     }
     render() {
         return html `<slot></slot>`;

package/dist/core/components/index.d.ts

@@ -21,3 +21,5 @@ export * from "./daterange-picker/index.js";
 export * from "./active-toggle/active-toggle.element.js";
 export * from "./label.element.js";
 export * from "./sidebar-layout.element.js";
+export * from "./data-cleanup-log/index.js";
+export * from "./data-generation-log/index.js";