@umbraco-cms/backoffice 15.2.3 → 15.3.0-rc2

package/dist-cms/packages/core/icon-registry/types.d.ts

@@ -3,7 +3,11 @@ export type * from './extensions/icons.extension.js';
 export interface UmbIconDefinition<JsType = any> {
     name: string;
     path: JsLoaderProperty<JsType>;
+    /**
+     * @deprecated `legacy` is deprecated and will be removed in v.17. Use `hidden` instead.
+     */
     legacy?: boolean;
+    hidden?: boolean;
 }
 export type UmbIconDictionary = Array<UmbIconDefinition>;
 export interface UmbIconModule {

package/dist-cms/packages/core/localization/localize-date.element.d.ts

@@ -1,3 +1,4 @@
+import { nothing } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../lit-element/index.js';
 /**
  * This element allows you to localize a date
@@ -5,6 +6,7 @@ import { UmbLitElement } from '../lit-element/index.js';
  * @slot - The fallback value if the key is not found.
  */
 export declare class UmbLocalizeDateElement extends UmbLitElement {
+    #private;
     /**
      * The date to localize.
      * @attr
@@ -17,8 +19,12 @@ export declare class UmbLocalizeDateElement extends UmbLitElement {
      * @example options={ dateStyle: 'full', timeStyle: 'long', timeZone: 'Australia/Sydney' }
      */
     options?: Intl.DateTimeFormatOptions;
-    protected get text(): string;
-    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * Do not show the duration in the title.
+     */
+    skipDuration: boolean;
+    updated(): void;
+    render(): string | typeof nothing;
     static styles: import("lit").CSSResult[];
 }
 declare global {

package/dist-cms/packages/core/localization/localize-date.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, state, unsafeHTML } from '../../../external/lit/index.js';
+import { css, customElement, nothing, property } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../lit-element/index.js';
 /**
  * This element allows you to localize a date
@@ -12,11 +12,31 @@ import { UmbLitElement } from '../lit-element/index.js';
  * @slot - The fallback value if the key is not found.
  */
 let UmbLocalizeDateElement = class UmbLocalizeDateElement extends UmbLitElement {
-    get text() {
-        return this.localize.date(this.date, this.options);
+    constructor() {
+        super(...arguments);
+        /**
+         * Do not show the duration in the title.
+         */
+        this.skipDuration = false;
+    }
+    updated() {
+        this.#setTitle();
     }
     render() {
-        return this.date ? html `${unsafeHTML(this.text)}` : html `<slot></slot>`;
+        return this.date ? this.localize.date(this.date, this.options) : nothing;
+    }
+    #setTitle() {
+        if (this.skipDuration) {
+            return;
+        }
+        let title = '';
+        if (this.date) {
+            const now = new Date();
+            const d = new Date(this.date);
+            const duration = this.localize.duration(d, now);
+            title = this.localize.term('general_duration', duration, d, now);
+        }
+        this.title = title;
     }
     static { this.styles = [
         css `
@@ -33,8 +53,8 @@ __decorate([
     property({ type: Object })
 ], UmbLocalizeDateElement.prototype, "options", void 0);
 __decorate([
-    state()
-], UmbLocalizeDateElement.prototype, "text", null);
+    property({ type: Boolean })
+], UmbLocalizeDateElement.prototype, "skipDuration", void 0);
 UmbLocalizeDateElement = __decorate([
     customElement('umb-localize-date')
 ], UmbLocalizeDateElement);

package/dist-cms/packages/core/localization/localize-relative-time.element.js

@@ -36,10 +36,10 @@ let UmbLocalizeRelativeTimeElement = class UmbLocalizeRelativeTimeElement extend
     ]; }
 };
 __decorate([
-    property()
+    property({ type: Number })
 ], UmbLocalizeRelativeTimeElement.prototype, "time", void 0);
 __decorate([
-    property()
+    property({ type: Object })
 ], UmbLocalizeRelativeTimeElement.prototype, "options", void 0);
 __decorate([
     property()

package/dist-cms/packages/core/localization/registry/localization.registry.js

@@ -56,26 +56,31 @@ export class UmbLocalizationRegistry {
         };
         combineLatest([this.currentLanguage, extensionRegistry.byType('localization')]).subscribe(async ([currentLanguage, extensions]) => {
             const locale = new Intl.Locale(currentLanguage);
-            const filteredExt = extensions.filter((ext) => ext.meta.culture.toLowerCase() === locale.baseName.toLowerCase() ||
+            const currentLanguageExtensions = extensions.filter((ext) => ext.meta.culture.toLowerCase() === locale.baseName.toLowerCase() ||
                 ext.meta.culture.toLowerCase() === locale.language.toLowerCase());
-            // Only get the extensions that are not already loading/loaded:
-            const diff = filteredExt.filter((ext) => !this.#loadedExtAliases.includes(ext.alias));
-            if (diff.length !== 0) {
-                // got new localizations to load:
-                const translations = await Promise.all(diff.map(this.#loadExtension));
-                if (translations.length) {
-                    umbLocalizationManager.registerManyLocalizations(translations);
-                    // Set the document language
-                    const newLang = locale.baseName.toLowerCase();
-                    if (document.documentElement.lang.toLowerCase() !== newLang) {
-                        document.documentElement.lang = newLang;
-                    }
-                    // Set the document direction to the direction of the primary language
-                    const newDir = translations[0].$dir ?? 'ltr';
-                    if (document.documentElement.dir !== newDir) {
-                        document.documentElement.dir = newDir;
-                    }
-                }
+            // If there are no extensions for the current language, return early
+            if (!currentLanguageExtensions.length)
+                return;
+            // Register the new translations only if they have not been registered before
+            const diff = currentLanguageExtensions.filter((ext) => !this.#loadedExtAliases.includes(ext.alias));
+            // Load all localizations
+            const translations = await Promise.all(currentLanguageExtensions.map(this.#loadExtension));
+            // If there are no translations, return early
+            if (!translations.length)
+                return;
+            if (diff.length) {
+                const filteredTranslations = translations.filter((t) => diff.some((ext) => ext.meta.culture === t.$code));
+                umbLocalizationManager.registerManyLocalizations(filteredTranslations);
+            }
+            // Set the document language
+            const newLang = locale.baseName.toLowerCase();
+            if (document.documentElement.lang.toLowerCase() !== newLang) {
+                document.documentElement.lang = newLang;
+            }
+            // Set the document direction to the direction of the primary language
+            const newDir = translations[0].$dir ?? 'ltr';
+            if (document.documentElement.dir !== newDir) {
+                document.documentElement.dir = newDir;
             }
         });
     }

package/dist-cms/packages/core/manifests.js

@@ -19,6 +19,7 @@ import { manifests as propertyTypeManifests } from './property-type/manifests.js
 import { manifests as recycleBinManifests } from './recycle-bin/manifests.js';
 import { manifests as sectionManifests } from './section/manifests.js';
 import { manifests as serverFileSystemManifests } from './server-file-system/manifests.js';
+import { manifests as temporaryFileManifests } from './temporary-file/manifests.js';
 import { manifests as themeManifests } from './themes/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
@@ -44,6 +45,7 @@ export const manifests = [
     ...recycleBinManifests,
     ...sectionManifests,
     ...serverFileSystemManifests,
+    ...temporaryFileManifests,
     ...themeManifests,
     ...treeManifests,
     ...workspaceManifests,

package/dist-cms/packages/core/modal/common/confirm/confirm-modal.element.js

@@ -17,7 +17,9 @@ let UmbConfirmModalElement = class UmbConfirmModalElement extends UmbLitElement
     render() {
         return html `
 			<uui-dialog-layout class="uui-text" .headline=${this.localize.string(this.data?.headline) ?? null}>
-				${unsafeHTML(this.localize.string(this.data?.content))}
+				${typeof this.data?.content === 'string'
+            ? unsafeHTML(this.localize.string(this.data?.content))
+            : this.data?.content}
 
 				<uui-button
 					slot="actions"

package/dist-cms/packages/core/modal/common/error-viewer/error-viewer-modal.element.d.ts

@@ -0,0 +1,17 @@
+import type { UmbErrorViewerModalData, UmbErrorViewerModalValue } from './error-viewer-modal.token.js';
+import { UmbModalBaseElement } from '../../index.js';
+export declare class UmbErrorViewerModalElement extends UmbModalBaseElement<UmbErrorViewerModalData, UmbErrorViewerModalValue> {
+    #private;
+    _displayError?: string;
+    _displayLang?: string;
+    set data(value: UmbErrorViewerModalData | undefined);
+    get data(): UmbErrorViewerModalData | undefined;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UmbErrorViewerModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-error-viewer-modal': UmbErrorViewerModalElement;
+    }
+}

package/dist-cms/packages/core/modal/common/error-viewer/error-viewer-modal.element.js

@@ -0,0 +1,78 @@
+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, state } from '../../../../../external/lit/index.js';
+import { UmbModalBaseElement } from '../../index.js';
+let UmbErrorViewerModalElement = class UmbErrorViewerModalElement extends UmbModalBaseElement {
+    // Code adapted from https://stackoverflow.com/a/57668208/12787
+    // Licensed under the permissions of the CC BY-SA 4.0 DEED
+    #stringify(obj) {
+        let output = '{';
+        for (const key in obj) {
+            let value = obj[key];
+            if (typeof value === 'function') {
+                value = value.toString();
+            }
+            else if (value instanceof Array) {
+                value = JSON.stringify(value);
+            }
+            else if (typeof value === 'object') {
+                value = this.#stringify(value);
+            }
+            else {
+                value = `"${value}"`;
+            }
+            output += `\n  ${key}: ${value},`;
+        }
+        return output + '\n}';
+    }
+    set data(value) {
+        super.data = value;
+        // is JSON:
+        if (typeof value === 'string') {
+            this._displayLang = 'String';
+            this._displayError = value;
+        }
+        else {
+            this._displayLang = 'JSON';
+            this._displayError = this.#stringify(value);
+        }
+    }
+    get data() {
+        return super.data;
+    }
+    render() {
+        return html `
+			<umb-body-layout headline=${this.localize.term('defaultdialogs_seeErrorDialogHeadline')} main-no-padding>
+				${this.data
+            ? html `<umb-code-block language=${this._displayLang ?? ''} copy>${this._displayError}</umb-code-block>`
+            : nothing}
+				<div slot="actions">
+					<uui-button label=${this.localize.term('general_close')} @click=${this._rejectModal}></uui-button>
+				</div>
+			</umb-body-layout>
+		`;
+    }
+    static { this.styles = [
+        css `
+			umb-code-block {
+				border: none;
+				height: 100%;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbErrorViewerModalElement.prototype, "_displayError", void 0);
+__decorate([
+    state()
+], UmbErrorViewerModalElement.prototype, "_displayLang", void 0);
+UmbErrorViewerModalElement = __decorate([
+    customElement('umb-error-viewer-modal')
+], UmbErrorViewerModalElement);
+export { UmbErrorViewerModalElement };
+export default UmbErrorViewerModalElement;

package/dist-cms/packages/core/modal/common/error-viewer/error-viewer-modal.token.d.ts

@@ -0,0 +1,6 @@
+import type { UmbPeekErrorArgs } from '../../../notification/types.js';
+import { UmbModalToken } from '../../index.js';
+export interface UmbErrorViewerModalData extends UmbPeekErrorArgs {
+}
+export type UmbErrorViewerModalValue = undefined;
+export declare const UMB_ERROR_VIEWER_MODAL: UmbModalToken<UmbErrorViewerModalData, undefined>;

package/dist-cms/packages/core/modal/common/error-viewer/error-viewer-modal.token.js

@@ -0,0 +1,7 @@
+import { UmbModalToken } from '../../index.js';
+export const UMB_ERROR_VIEWER_MODAL = new UmbModalToken('Umb.Modal.ErrorViewer', {
+    modal: {
+        type: 'sidebar',
+        size: 'medium',
+    },
+});

package/dist-cms/packages/core/modal/common/error-viewer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './error-viewer-modal.token.js';
+export * from './manifest.js';

package/dist-cms/packages/core/modal/common/error-viewer/index.js

@@ -0,0 +1,2 @@
+export * from './error-viewer-modal.token.js';
+export * from './manifest.js';

package/dist-cms/packages/core/modal/common/error-viewer/manifest.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestModal } from '../../index.js';
+export declare const manifests: Array<ManifestModal>;

package/dist-cms/packages/core/modal/common/error-viewer/manifest.js

@@ -0,0 +1,8 @@
+export const manifests = [
+    {
+        type: 'modal',
+        alias: 'Umb.Modal.ErrorViewer',
+        name: 'Error Viewer Modal',
+        element: () => import('./error-viewer-modal.element.js'),
+    },
+];

package/dist-cms/packages/core/modal/common/index.d.ts

@@ -1,3 +1,4 @@
 export * from './confirm/index.js';
 export * from './discard-changes/index.js';
+export * from './error-viewer/index.js';
 export * from './item-picker/index.js';

package/dist-cms/packages/core/modal/common/index.js

@@ -1,3 +1,4 @@
 export * from './confirm/index.js';
 export * from './discard-changes/index.js';
+export * from './error-viewer/index.js';
 export * from './item-picker/index.js';

package/dist-cms/packages/core/modal/common/manifests.js

@@ -1,8 +1,10 @@
 import { manifests as confirmManifests } from './confirm/manifests.js';
 import { manifests as discardChangesManifests } from './discard-changes/manifests.js';
+import { manifests as errorViewerManifests } from './error-viewer/manifest.js';
 import { manifests as itemPickerManifests } from './item-picker/manifests.js';
 export const manifests = [
     ...confirmManifests,
     ...discardChangesManifests,
+    ...errorViewerManifests,
     ...itemPickerManifests,
 ];

package/dist-cms/packages/core/modal/component/modal.element.js

@@ -80,8 +80,7 @@ let UmbModalElement = class UmbModalElement extends UmbLitElement {
         else {
             this.#modalRouterElement = document.createElement('div');
             // Notice inline styling here is used cause the element is not appended into this elements shadowDom but outside and there by gets into the element via a slot.
-            this.#modalRouterElement.style.position = 'relative';
-            this.#modalRouterElement.style.height = '100%';
+            this.#modalRouterElement.style.display = 'contents';
             new UmbContextBoundary(this.#modalRouterElement, UMB_ROUTE_CONTEXT).hostConnected();
         }
         this.element.appendChild(this.#modalRouterElement);

package/dist-cms/packages/core/notification/controllers/peek-error/index.d.ts

@@ -0,0 +1 @@
+export * from './peek-error.controller.js';

package/dist-cms/packages/core/notification/controllers/peek-error/index.js

@@ -0,0 +1 @@
+export * from './peek-error.controller.js';

package/dist-cms/packages/core/notification/controllers/peek-error/peek-error-notification.element.d.ts

@@ -0,0 +1,15 @@
+import type { UmbNotificationHandler } from '../../notification-handler.js';
+import type { UmbPeekErrorArgs } from '../../types.js';
+import { nothing } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../lit-element/index.js';
+export declare class UmbPeekErrorNotificationElement extends UmbLitElement {
+    #private;
+    data?: UmbPeekErrorArgs;
+    notificationHandler: UmbNotificationHandler;
+    protected render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-peek-error-notification': UmbPeekErrorNotificationElement;
+    }
+}

package/dist-cms/packages/core/notification/controllers/peek-error/peek-error-notification.element.js

@@ -0,0 +1,37 @@
+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 { customElement, html, ifDefined, nothing, property } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../lit-element/index.js';
+import { UMB_ERROR_VIEWER_MODAL, UMB_MODAL_MANAGER_CONTEXT } from '../../../modal/index.js';
+let UmbPeekErrorNotificationElement = class UmbPeekErrorNotificationElement extends UmbLitElement {
+    async #onClick() {
+        const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
+        modalManager.open(this, UMB_ERROR_VIEWER_MODAL, { data: this.data?.details });
+        this.notificationHandler.close();
+    }
+    render() {
+        return this.data
+            ? html `<uui-toast-notification-layout headline=${ifDefined(this.data.headline)}
+					>${this.data.message}${this.data.details
+                ? html `<uui-button
+								slot="actions"
+								look="primary"
+								color="danger"
+								label=${this.localize.term('defaultdialogs_seeErrorAction')}
+								@click=${this.#onClick}></uui-button>`
+                : nothing}</uui-toast-notification-layout
+				>`
+            : nothing;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], UmbPeekErrorNotificationElement.prototype, "data", void 0);
+UmbPeekErrorNotificationElement = __decorate([
+    customElement('umb-peek-error-notification')
+], UmbPeekErrorNotificationElement);
+export { UmbPeekErrorNotificationElement };

package/dist-cms/packages/core/notification/controllers/peek-error/peek-error.controller.d.ts

@@ -0,0 +1,14 @@
+import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
+import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import type { UmbPeekErrorArgs } from '../../types.js';
+import './peek-error-notification.element.js';
+export declare class UmbPeekErrorController extends UmbControllerBase {
+    open(args: UmbPeekErrorArgs): Promise<void>;
+}
+/**
+ *
+ * @param host {UmbControllerHost} - The host controller
+ * @param args {UmbPeekErrorArgs} - The data to pass to the notification
+ * @returns {UmbPeekErrorController} The notification peek controller instance
+ */
+export declare function umbPeekError(host: UmbControllerHost, args: UmbPeekErrorArgs): Promise<void>;

package/dist-cms/packages/core/notification/controllers/peek-error/peek-error.controller.js

@@ -0,0 +1,24 @@
+import { UMB_NOTIFICATION_CONTEXT } from '../../notification.context.js';
+import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
+import './peek-error-notification.element.js';
+export class UmbPeekErrorController extends UmbControllerBase {
+    async open(args) {
+        const context = await this.getContext(UMB_NOTIFICATION_CONTEXT);
+        context.peek('danger', {
+            elementName: 'umb-peek-error-notification',
+            data: args,
+        });
+        // This is a one time off, so we can destroy our selfs.
+        this.destroy();
+        return;
+    }
+}
+/**
+ *
+ * @param host {UmbControllerHost} - The host controller
+ * @param args {UmbPeekErrorArgs} - The data to pass to the notification
+ * @returns {UmbPeekErrorController} The notification peek controller instance
+ */
+export function umbPeekError(host, args) {
+    return new UmbPeekErrorController(host).open(args);
+}

package/dist-cms/packages/core/notification/extractUmbNotificationColor.function.d.ts

@@ -1,5 +1,5 @@
-import type { UmbNotificationColor } from './notification.context.js';
 import { EventMessageTypeModel } from '../../../external/backend-api/index.js';
+import type { UmbNotificationColor } from './types.js';
 /**
  *
  * @param type

package/dist-cms/packages/core/notification/index.d.ts

@@ -1,5 +1,7 @@
 import './layouts/default/index.js';
-export * from './notification.context.js';
-export * from './notification-handler.js';
-export * from './isUmbNotifications.function.js';
+export * from './controllers/peek-error/index.js';
 export * from './extractUmbNotificationColor.function.js';
+export * from './isUmbNotifications.function.js';
+export * from './notification-handler.js';
+export * from './notification.context.js';
+export type * from './types.js';

package/dist-cms/packages/core/notification/index.js

@@ -1,5 +1,6 @@
 import './layouts/default/index.js';
-export * from './notification.context.js';
-export * from './notification-handler.js';
-export * from './isUmbNotifications.function.js';
+export * from './controllers/peek-error/index.js';
 export * from './extractUmbNotificationColor.function.js';
+export * from './isUmbNotifications.function.js';
+export * from './notification-handler.js';
+export * from './notification.context.js';

package/dist-cms/packages/core/notification/layouts/default/notification-layout-default.element.js

@@ -38,6 +38,9 @@ let UmbNotificationLayoutDefaultElement = class UmbNotificationLayoutDefaultElem
     static { this.styles = [
         UmbTextStyles,
         css `
+			#message {
+				white-space: pre-line;
+			}
 			.structured-list ul {
 				margin: 0;
 			}

package/dist-cms/packages/core/notification/notification-handler.d.ts

@@ -1,4 +1,5 @@
-import type { UmbNotificationOptions, UmbNotificationColor } from './notification.context.js';
+import type { UmbNotificationOptions, UmbNotificationColor } from './types.js';
+import type { UUIToastNotificationElement } from '../../../external/uui/index.js';
 /**
  * @class UmbNotificationHandler
  */
@@ -9,9 +10,8 @@ export declare class UmbNotificationHandler {
     private _data?;
     private _defaultColor;
     private _defaultDuration;
-    private _defaultLayout;
     key: string;
-    element: any;
+    element: UUIToastNotificationElement;
     color: UmbNotificationColor;
     duration: number | null;
     /**
@@ -20,11 +20,6 @@ export declare class UmbNotificationHandler {
      * @memberof UmbNotificationHandler
      */
     constructor(options: UmbNotificationOptions);
-    /**
-     * @private
-     * @memberof UmbNotificationHandler
-     */
-    private _createElement;
     /**
      * @param {...any} args
      * @memberof UmbNotificationHandler

package/dist-cms/packages/core/notification/notification-handler.js

@@ -1,4 +1,5 @@
 import { UmbId } from '../id/index.js';
+const DEFAULT_LAYOUT = 'umb-notification-layout-default';
 /**
  * @class UmbNotificationHandler
  */
@@ -11,24 +12,14 @@ export class UmbNotificationHandler {
     constructor(options) {
         this._defaultColor = 'default';
         this._defaultDuration = 6000;
-        this._defaultLayout = 'umb-notification-layout-default';
         this.key = UmbId.new();
         this.color = options.color || this._defaultColor;
         this.duration = options.duration !== undefined ? options.duration : this._defaultDuration;
-        this._elementName = options.elementName || this._defaultLayout;
+        this._elementName = options.elementName || DEFAULT_LAYOUT;
         this._data = options.data;
         this._closePromise = new Promise((res) => {
             this._closeResolver = res;
         });
-        this._createElement();
-    }
-    /**
-     * @private
-     * @memberof UmbNotificationHandler
-     */
-    _createElement() {
-        if (!this._elementName)
-            return;
         const notification = document.createElement('uui-toast-notification');
         notification.color = this.color;
         notification.autoClose = this.duration;

package/dist-cms/packages/core/notification/notification.context.d.ts

@@ -1,38 +1,13 @@
 import { UmbNotificationHandler } from './notification-handler.js';
+import type { UmbNotificationColor, UmbNotificationOptions } from './types.js';
 import { UmbContextToken } from '../../../libs/context-api/index.js';
 import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
 import { UmbContextBase } from '../../../libs/class-api/index.js';
-/**
- * The default data of notifications
- * @interface UmbNotificationDefaultData
- */
-export interface UmbNotificationDefaultData {
-    message: string;
-    headline?: string;
-    structuredList?: Record<string, Array<unknown>>;
-}
-/**
- * @interface UmbNotificationOptions
- * @template UmbNotificationData
- */
-export interface UmbNotificationOptions<UmbNotificationData = UmbNotificationDefaultData> {
-    color?: UmbNotificationColor;
-    duration?: number | null;
-    elementName?: string;
-    data?: UmbNotificationData;
-}
-export type UmbNotificationColor = '' | 'default' | 'positive' | 'warning' | 'danger';
 export declare class UmbNotificationContext extends UmbContextBase<UmbNotificationContext> {
+    #private;
     private _notifications;
     readonly notifications: import("rxjs").Observable<UmbNotificationHandler[]>;
     constructor(host: UmbControllerHost);
-    /**
-     * @private
-     * @param {UmbNotificationOptions<UmbNotificationData>} options
-     * @returns {*}  {UmbNotificationHandler}
-     * @memberof UmbNotificationContext
-     */
-    private _open;
     /**
      * @private
      * @param {string} key
@@ -53,7 +28,7 @@ export declare class UmbNotificationContext extends UmbContextBase<UmbNotificati
      * @returns {*}
      * @memberof UmbNotificationContext
      */
-    peek(color: UmbNotificationColor, options: UmbNotificationOptions): UmbNotificationHandler;
+    peek<T extends UmbNotificationOptions = UmbNotificationOptions>(color: UmbNotificationColor, options: T): UmbNotificationHandler;
     /**
      * Opens a notification that stays on the screen until dismissed by the user or custom code
      * @param {UmbNotificationColor} color
@@ -61,6 +36,6 @@ export declare class UmbNotificationContext extends UmbContextBase<UmbNotificati
      * @returns {*}
      * @memberof UmbNotificationContext
      */
-    stay(color: UmbNotificationColor, options: UmbNotificationOptions): UmbNotificationHandler;
+    stay<T extends UmbNotificationOptions = UmbNotificationOptions>(color: UmbNotificationColor, options: T): UmbNotificationHandler;
 }
 export declare const UMB_NOTIFICATION_CONTEXT: UmbContextToken<UmbNotificationContext, UmbNotificationContext>;