@umbraco-cms/backoffice 17.1.0 → 17.2.0-rc2

package/dist-cms/packages/core/entity-action/entity-action-list.element.js

@@ -50,6 +50,10 @@ let UmbEntityActionListElement = class UmbEntityActionListElement extends UmbLit
             return [{ entityType: this._props.entityType, unique: this._props.unique, meta: manifest.meta }];
         };
     }
+    focus() {
+        this.#firstEntityAction?.focus();
+    }
+    #firstEntityAction;
     #hasRenderedOnce;
     render() {
         return this._filter
@@ -61,15 +65,8 @@ let UmbEntityActionListElement = class UmbEntityActionListElement extends UmbLit
 						.apiArgs=${this._apiArgs}
 						.renderMethod=${(ext, i) => {
                 if (!this.#hasRenderedOnce && i === 0) {
-                    // TODO: Replace this block:
-                    ext.component?.updateComplete.then(async () => {
-                        const menuitem = ext.component?.shadowRoot?.querySelector('uui-menu-item');
-                        menuitem?.updateComplete.then(async () => {
-                            menuitem?.shadowRoot?.querySelector('#label-button')?.focus?.();
-                        });
-                    });
-                    // end of block, with this, when this PR is part of UI Lib: https://github.com/umbraco/Umbraco.UI/pull/789
-                    // ext.component?.focus();
+                    this.#firstEntityAction = ext.component;
+                    this.#firstEntityAction?.focus();
                     this.#hasRenderedOnce = true;
                 }
                 return ext.component;

package/dist-cms/packages/core/entity-action/global-components/entity-actions-dropdown/entity-actions-dropdown.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbEntityActionsDropdownElement extends UmbLitElement {
     label?: string;
     private _dropdownElement?;
     constructor();
+    disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/core/entity-action/global-components/entity-actions-dropdown/entity-actions-dropdown.element.js

@@ -15,9 +15,15 @@ let UmbEntityActionsDropdownElement = class UmbEntityActionsDropdownElement exte
     #entityActionListElement;
     #entityType;
     #unique;
+    // Event handler as arrow function to maintain consistent reference
+    #onActionExecuted;
     constructor() {
         super();
         this.compact = false;
+        // Event handler as arrow function to maintain consistent reference
+        this.#onActionExecuted = () => {
+            this._dropdownElement?.closeDropdown();
+        };
         this.consumeContext(UMB_ENTITY_CONTEXT, (context) => {
             if (!context)
                 return;
@@ -31,21 +37,25 @@ let UmbEntityActionsDropdownElement = class UmbEntityActionsDropdownElement exte
             });
         });
     }
-    #onActionExecuted() {
-        this._dropdownElement?.closeDropdown();
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.#entityActionListElement) {
+            this.#entityActionListElement.removeEventListener('action-executed', this.#onActionExecuted);
+        }
     }
     #onDropdownClick(event) {
         event.stopPropagation();
     }
     #onDropdownOpened() {
-        if (this.#scrollContainerElement) {
-            return; // Already created
+        if (this.#entityActionListElement) {
+            this.#entityActionListElement.focus();
+            return;
         }
         // First create dropdown content when the dropdown is opened.
         // Programmatically create the elements so they are cached if the dropdown is opened again
         this.#scrollContainerElement = new UUIScrollContainerElement();
         this.#entityActionListElement = new UmbEntityActionListElement();
-        this.#entityActionListElement.addEventListener('action-executed', this.#onActionExecuted.bind(this));
+        this.#entityActionListElement.addEventListener('action-executed', this.#onActionExecuted);
         this.#entityActionListElement.entityType = this.#entityType;
         this.#entityActionListElement.unique = this.#unique;
         this.#entityActionListElement.setAttribute('label', this.label ?? '');
@@ -57,6 +67,15 @@ let UmbEntityActionsDropdownElement = class UmbEntityActionsDropdownElement exte
 			id="action-modal"
 			@click=${this.#onDropdownClick}
 			@opened=${this.#onDropdownOpened}
+			@focusout=${(e) => {
+            const relatedTarget = e.relatedTarget;
+            if (!relatedTarget)
+                return;
+            const allowedTags = ['umb-entity-action-list', 'uui-scroll-container', 'uui-menu-item', 'umb-entity-action'];
+            if (allowedTags.includes(relatedTarget.tagName.toLowerCase()))
+                return;
+            this.#onActionExecuted();
+        }}
 			.label=${this.label}
 			?compact=${this.compact}
 			hide-expand>

package/dist-cms/packages/core/entity-action/has-children/condition/entity-has-children.condition.manifest.js

@@ -1,7 +1,8 @@
 import { UMB_ENTITY_HAS_CHILDREN_CONDITION_ALIAS } from './constants.js';
+import { UmbEntityHasChildrenCondition } from './entity-has-children.condition.js';
 export const manifest = {
     type: 'condition',
     name: 'Entity Has Children Condition',
     alias: UMB_ENTITY_HAS_CHILDREN_CONDITION_ALIAS,
-    api: () => import('./entity-has-children.condition.js'),
+    api: UmbEntityHasChildrenCondition,
 };

package/dist-cms/packages/core/entity-item/entity-item-ref/default-item-ref.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbDefaultItemRefElement extends UmbLitElement {
     #private;
     item?: UmbItemModel;
     standalone: boolean;
+    selectable: boolean;
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist-cms/packages/core/entity-item/entity-item-ref/default-item-ref.element.js

@@ -11,6 +11,7 @@ let UmbDefaultItemRefElement = class UmbDefaultItemRefElement extends UmbLitElem
     constructor() {
         super(...arguments);
         this.standalone = false;
+        this.selectable = false;
     }
     render() {
         if (!this.item)
@@ -19,6 +20,7 @@ let UmbDefaultItemRefElement = class UmbDefaultItemRefElement extends UmbLitElem
 			<uui-ref-node
 				name=${this.item.name ?? `${getItemFallbackName(this.item)}`}
 				?standalone=${this.standalone}
+				?selectable=${this.selectable}
 				readonly>
 				<slot name="actions" slot="actions"></slot>
 				${this.#renderIcon(this.item)}
@@ -36,6 +38,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], UmbDefaultItemRefElement.prototype, "standalone", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbDefaultItemRefElement.prototype, "selectable", void 0);
 UmbDefaultItemRefElement = __decorate([
     customElement('umb-default-item-ref')
 ], UmbDefaultItemRefElement);

package/dist-cms/packages/core/entity-item/index.d.ts

@@ -3,3 +3,4 @@ export * from './entity-item-ref/index.js';
 export * from './utils.js';
 export type { UmbItemModel } from './types.js';
 export type { UmbItemDataResolver, UmbItemDataResolverConstructor } from './data-resolver/types.js';
+import './global-components.js';

package/dist-cms/packages/core/entity-item/index.js

@@ -1,3 +1,4 @@
 export * from './item-data-api-get-request-controller/index.js';
 export * from './entity-item-ref/index.js';
 export * from './utils.js';
+import './global-components.js';

package/dist-cms/packages/core/entity-sign/components/entity-sign-bundle.element.d.ts

@@ -8,8 +8,9 @@ export declare class UmbEntitySignBundleElement extends UmbLitElement {
     set entityFlags(value: Array<UmbEntityFlag> | undefined);
     private _signs?;
     private _labels;
-    private _open;
+    private _popoverOpen;
     private _hoverTimer?;
+    private _popoverSigns?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/core/entity-sign/components/entity-sign-bundle.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbLitElement } from '../../lit-element/lit-element.element.js';
 import { customElement, html, nothing, property, repeat, state, css } from '../../../../external/lit/index.js';
-import { UmbExtensionsElementAndApiInitializer } from '../../../../libs/extension-api/index.js';
+import { UmbExtensionsElementAndApiInitializer, createExtensionElementWithApi, } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 let UmbEntitySignBundleElement = class UmbEntitySignBundleElement extends UmbLitElement {
     #entityType;
@@ -35,7 +35,7 @@ let UmbEntitySignBundleElement = class UmbEntitySignBundleElement extends UmbLit
     constructor() {
         super();
         this._labels = new Map();
-        this._open = false;
+        this._popoverOpen = false;
         this.#signLabelObservations = [];
         this.#manifestFilter = (manifest) => {
             if (manifest.forEntityTypes && !manifest.forEntityTypes.includes(this.#entityType))
@@ -45,12 +45,14 @@ let UmbEntitySignBundleElement = class UmbEntitySignBundleElement extends UmbLit
             return true;
         };
         this.#openTooltip = () => {
-            if (!this._open) {
+            const popover = this.shadowRoot?.querySelector('#entity-sign-popover');
+            if (popover && !popover.matches(':popover-open')) {
                 this.#handleHoverTimer(true, 240);
             }
         };
         this.#cancelOpen = () => {
-            if (this._open) {
+            const popover = this.shadowRoot?.querySelector('#entity-sign-popover');
+            if (popover?.matches(':popover-open')) {
                 this.#handleHoverTimer(false, 360);
             }
             else if (this._hoverTimer) {
@@ -66,12 +68,14 @@ let UmbEntitySignBundleElement = class UmbEntitySignBundleElement extends UmbLit
         if (!this.#entityType || !this.#entityFlagAliases) {
             this.removeUmbControllerByAlias('extensionsInitializer');
             this._signs = [];
+            this._popoverSigns = undefined;
             return;
         }
         new UmbExtensionsElementAndApiInitializer(this, umbExtensionsRegistry, 'entitySign', (manifest) => [{ meta: manifest.meta }], this.#manifestFilter, (signs) => {
             // Clean up old observers
             this.#signLabelObservations.forEach((o) => this.removeUmbController(o));
             this.#signLabelObservations = [];
+            this._popoverSigns = undefined;
             // Setup label observers
             signs.forEach((sign) => {
                 if (sign.api?.label) {
@@ -89,12 +93,39 @@ let UmbEntitySignBundleElement = class UmbEntitySignBundleElement extends UmbLit
             this._signs = signs;
         }, 'extensionsInitializer');
     }
-    #handleHoverTimer(open, delay) {
+    async #createPopoverSigns() {
+        if (!this._signs || this._popoverSigns)
+            return;
+        this._popoverSigns = await Promise.all(this._signs.map(async (sign) => {
+            const { element } = await createExtensionElementWithApi(sign.manifest, [{ meta: sign.manifest.meta }]);
+            if (element) {
+                element.manifest = sign.manifest;
+            }
+            return element;
+        }));
+    }
+    async #handleHoverTimer(open, delay) {
         if (this._hoverTimer)
             clearTimeout(this._hoverTimer);
-        this._hoverTimer = window.setTimeout(() => {
-            this._open = open;
-            this.requestUpdate();
+        this._hoverTimer = window.setTimeout(async () => {
+            const popover = this.shadowRoot?.querySelector('#entity-sign-popover');
+            if (popover) {
+                if (open) {
+                    await this.#createPopoverSigns();
+                    // 1) Get the host element's position
+                    const hostRect = this.getBoundingClientRect();
+                    // 2) Position the popover
+                    popover.style.top = `${hostRect.bottom}px`;
+                    popover.style.left = `${hostRect.right}px`;
+                    // 3) Show the popover
+                    popover.showPopover();
+                    this._popoverOpen = true;
+                }
+                else {
+                    popover.hidePopover();
+                    this._popoverOpen = false;
+                }
+            }
             this._hoverTimer = undefined;
         }, delay);
     }
@@ -109,132 +140,70 @@ let UmbEntitySignBundleElement = class UmbEntitySignBundleElement extends UmbLit
     #renderBundle() {
         if (!this._signs || this._signs.length === 0)
             return nothing;
-        const first = this._signs?.[0];
-        if (!first)
+        return html ` ${this.#renderPreview()} ${this.#renderPopover()} `;
+    }
+    #renderPreview() {
+        if (!this._signs || this._signs.length === 0)
             return nothing;
-        return html `<div class="infobox ${this._open ? 'is-open' : ''}" style=${`--count:${this._signs.length}`}>
-			${this.#renderOptions()}
+        const previewSigns = this._signs.slice(0, 2);
+        return html `<div class="preview">
+			${repeat(previewSigns, (c) => c.alias, (c, i) => html `<span class="preview-icon" style=${`--i:${i}`}>${c.component}</span>`)}
 		</div>`;
     }
+    #renderPopover() {
+        return html `<div id="entity-sign-popover" popover="hint" class="infobox">${this.#renderOptions()}</div>`;
+    }
     #renderOptions() {
-        return this._signs
-            ? repeat(this._signs, (c) => c.alias, (c, i) => {
-                return html `<div class="sign-container ${i > 1 ? 'hide-in-overview' : ''}" style=${`--i:${i}`}>
-							<span class="badge-icon">${c.component}</span><span class="label">${this._labels.get(c.alias)}</span>
-						</div>`;
-            })
-            : nothing;
+        if (!this._signs || !this._popoverSigns)
+            return nothing;
+        return repeat(this._signs, (c) => c.alias, (c, index) => {
+            return html `<div class="sign-container">
+					<span class="badge-icon">${this._popoverSigns[index]}</span>
+					<span class="label">${this.localize.string(this._labels.get(c.alias) ?? '')}</span>
+				</div>`;
+        });
     }
     static { this.styles = [
         css `
 			:host {
-				anchor-name: --entity-sign;
 				position: relative;
-				--offset-h: 12px; /* 22px / 16 */
-				--row-h: 1.36rem; /* 22px / 16 */
-				--icon-w: 0.75rem; /* 12px / 16 */
-				--pad-x: 0.25rem; /*  4px / 16 */
 				--ease: cubic-bezier(0.1, 0, 0.3, 1);
 				--ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
 			}
 
 			.infobox {
 				position: absolute;
-				top: 0;
-				margin-top: calc(-12px + var(--offset-h));
-				left: 19px;
-				margin-left: -6px;
-				background-color: transparent;
-				padding: var(--uui-size-2);
-				padding-left: var(--uui-size-3);
-				font-size: 8px;
-				clip-path: inset(-10px calc(100% - 30px) calc(100% - 10px) -20px);
-				transition:
-					background-color 80ms 40ms linear,
-					clip-path 120ms var(--ease-bounce),
-					font-size 120ms var(--ease);
-				/*will-change: clip-path;*/
-				min-height: fit-content;
-			}
-			.infobox::before {
-				content: '';
-				position: absolute;
-				top: 0;
-				left: 0;
-				right: 100%;
-				bottom: 100%;
-				opacity: 0;
-				border-radius: 3px;
+				padding: var(--uui-size-2) var(--uui-size-3);
+				font-size: 12px;
+				color: var(--uui-color-text);
+				background-color: var(--uui-color-surface);
 				box-shadow: var(--uui-shadow-depth-2);
-				display: none;
-				transition:
-					right 120ms var(--ease-bounce),
-					bottom 120ms var(--ease-bounce),
-					opacity 120ms linear,
-					display 0 120ms;
+				border-radius: 3px;
+				border: none;
+				margin: 0;
+				--umb-sign-bundle-bg: var(--uui-color-surface);
 			}
 
 			.infobox > .sign-container {
 				display: flex;
-				align-items: start;
+				align-items: center;
 				gap: 3px;
 				position: relative;
-				transform: translate(calc((var(--i) * -5px) - 10px), calc((-1 * var(--i) * var(--row-h)) - var(--offset-h)));
-				transition:
-					transform 120ms var(--ease),
-					visibility 0ms linear 120ms opacity 120ms linear;
-				z-index: calc(var(--count) - var(--i));
-				/*will-change: transform;*/
 				pointer-events: none;
 			}
-			.infobox > .sign-container.hide-in-overview {
-				visibility: hidden;
-			}
 
-			.infobox .sign-container .label {
-				opacity: 0;
-				transition: opacity 120ms;
+			.preview {
+				pointer-events: none;
+				transition: opacity 120ms var(--ease);
 			}
 
-			/*OPEN STATE -- Prevent the hover state in firefox(until support of the position-anchor)*/
-			@supports (position-anchor: --any-check) {
-				.infobox {
-					position: fixed;
-					position-anchor: --entity-sign;
-					top: anchor(bottom);
-					left: anchor(right);
-					z-index: 1;
-				}
-				.infobox.is-open {
-					z-index: 10;
-					background-color: var(--uui-color-surface);
-					font-size: 12px;
-					color: var(--uui-color-text);
-					clip-path: inset(-6px);
-					--umb-sign-bundle-bg: var(--uui-color-surface);
-				}
-				.infobox.is-open::before {
-					right: 0;
-					bottom: 0;
-					opacity: 100;
-					background-color: var(--uui-color-surface);
-					display: block;
-					transition:
-						right 120ms var(--ease-bounce),
-						bottom 120ms var(--ease-bounce),
-						opacity 120ms var(--ease),
-						display 0 0;
-				}
-				.infobox.is-open > .sign-container {
-					transform: none;
-					align-items: center;
-					transition: transform 120ms var(--ease);
-					visibility: visible;
-				}
-				.infobox.is-open .sign-container .label {
-					opacity: 1;
-					pointer-events: auto;
-				}
+			.preview-icon {
+				position: absolute;
+				top: 10px;
+				left: 12px;
+				transform: translateX(calc(var(--i) * -5px));
+				font-size: 8px;
+				z-index: calc(2 - var(--i));
 			}
 		`,
     ]; }
@@ -251,6 +220,12 @@ __decorate([
 __decorate([
     state()
 ], UmbEntitySignBundleElement.prototype, "_labels", void 0);
+__decorate([
+    state()
+], UmbEntitySignBundleElement.prototype, "_popoverOpen", void 0);
+__decorate([
+    state()
+], UmbEntitySignBundleElement.prototype, "_popoverSigns", void 0);
 UmbEntitySignBundleElement = __decorate([
     customElement('umb-entity-sign-bundle')
 ], UmbEntitySignBundleElement);

package/dist-cms/packages/core/entity-sign/kinds/icon/entity-sign-icon.api.d.ts

@@ -1,10 +1,10 @@
 import type { UmbEntitySignApi, UmbEntitySignApiArgs } from '../../extensions/entity-sign-api.interface.js';
 import type { MetaEntitySignIconKind } from './types.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-export declare class UmbIconEntitySign implements UmbEntitySignApi {
+export declare class UmbIconEntitySignApi implements UmbEntitySignApi {
     #private;
     constructor(host: UmbControllerHost, args: UmbEntitySignApiArgs<MetaEntitySignIconKind>);
     getLabel(): string;
     destroy(): void;
 }
-export { UmbIconEntitySign as api };
+export { UmbIconEntitySignApi as api };

package/dist-cms/packages/core/entity-sign/kinds/icon/entity-sign-icon.api.js

@@ -1,4 +1,4 @@
-export class UmbIconEntitySign {
+export class UmbIconEntitySignApi {
     #label;
     constructor(host, args) {
         this.#label = args.meta.label;
@@ -8,4 +8,4 @@ export class UmbIconEntitySign {
     }
     destroy() { }
 }
-export { UmbIconEntitySign as api };
+export { UmbIconEntitySignApi as api };

package/dist-cms/packages/core/entity-sign/kinds/icon/index.js

@@ -1 +1,2 @@
+// TODO: V.18 stop exporting this / deprecate this.
 export * from './entity-sign-icon.element.js';

package/dist-cms/packages/core/entity-sign/kinds/icon/manifests.js

@@ -1,3 +1,5 @@
+import { UmbIconEntitySignApi } from './entity-sign-icon.api.js';
+import { UmbEntitySignIconElement } from './entity-sign-icon.element.js';
 export const manifests = [
     {
         type: 'kind',
@@ -7,8 +9,8 @@ export const manifests = [
         manifest: {
             type: 'entitySign',
             kind: 'icon',
-            element: () => import('./entity-sign-icon.element.js'),
-            api: () => import('./entity-sign-icon.api.js'),
+            element: UmbEntitySignIconElement,
+            api: UmbIconEntitySignApi,
         },
     },
 ];

package/dist-cms/packages/core/entry-point.d.ts

@@ -1,10 +1,10 @@
 import type { UmbEntryPointOnInit } from '../../libs/extension-api/index.js';
-import './collection/global-components.js';
-import './entity-item/global-components.js';
-import './entity-sign/components/index.js';
-import './extension-registry/components/index.js';
-import './menu/components/index.js';
-import './property-action/components/index.js';
-import './property-editor-data-source/global-components.js';
-import './property-sort-mode/global-components/index.js';
+import './collection/index.js';
+import './entity-sign/index.js';
+import './extension-registry/index.js';
+import './menu/index.js';
+import './property-action/index.js';
+import './property-editor-data-source/index.js';
+import './property-sort-mode/index.js';
+import './entity-item/index.js';
 export declare const onInit: UmbEntryPointOnInit;

package/dist-cms/packages/core/entry-point.js

@@ -1,19 +1,20 @@
 import { manifests as coreManifests } from './manifests.js';
-import { UMB_AUTH_CONTEXT } from './auth/auth.context.token.js';
-import { UmbActionEventContext } from './action/action-event.context.js';
-import { UmbBackofficeNotificationContainerElement, UmbBackofficeModalContainerElement } from './components/index.js';
+import { UmbActionEventContext } from './action/index.js';
+import { UmbBackofficeNotificationContainerElement, UmbBackofficeModalContainerElement, } from './components/index.js';
 import { UmbInteractionMemoryContext } from './interaction-memory/index.js';
+import { UMB_AUTH_CONTEXT } from './auth/index.js';
 import { UmbExtensionsApiInitializer } from '../../libs/extension-api/index.js';
 import { UmbModalManagerContext } from './modal/index.js';
 import { UmbNotificationContext } from './notification/index.js';
-import './collection/global-components.js';
-import './entity-item/global-components.js';
-import './entity-sign/components/index.js';
-import './extension-registry/components/index.js';
-import './menu/components/index.js';
-import './property-action/components/index.js';
-import './property-editor-data-source/global-components.js';
-import './property-sort-mode/global-components/index.js';
+// Ensure the load of some package for their global components(Which are exported as part of the import-map, those where it's not have deep imports here):
+import './collection/index.js';
+import './entity-sign/index.js';
+import './extension-registry/index.js';
+import './menu/index.js';
+import './property-action/index.js';
+import './property-editor-data-source/index.js';
+import './property-sort-mode/index.js';
+import './entity-item/index.js';
 export const onInit = (host, extensionRegistry) => {
     new UmbExtensionsApiInitializer(host, extensionRegistry, 'globalContext', [host]);
     new UmbExtensionsApiInitializer(host, extensionRegistry, 'store', [host]);

package/dist-cms/packages/core/event/closed.event.d.ts

@@ -2,3 +2,8 @@ export declare class UmbClosedEvent extends Event {
     static readonly TYPE = "closed";
     constructor();
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbClosedEvent.TYPE]: UmbClosedEvent;
+    }
+}

package/dist-cms/packages/core/event/delete.event.d.ts

@@ -1,3 +1,9 @@
 export declare class UmbDeleteEvent extends Event {
+    static readonly TYPE = "delete";
     constructor();
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbDeleteEvent.TYPE]: UmbDeleteEvent;
+    }
+}

package/dist-cms/packages/core/event/delete.event.js

@@ -1,5 +1,6 @@
 export class UmbDeleteEvent extends Event {
+    static { this.TYPE = 'delete'; }
     constructor() {
-        super('delete', { bubbles: true, composed: false, cancelable: false });
+        super(UmbDeleteEvent.TYPE, { bubbles: true, composed: false, cancelable: false });
     }
 }

package/dist-cms/packages/core/event/deselected.event.d.ts

@@ -3,3 +3,8 @@ export declare class UmbDeselectedEvent extends Event {
     unique: string | null;
     constructor(unique: string | null, args?: EventInit);
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbDeselectedEvent.TYPE]: UmbDeselectedEvent;
+    }
+}

package/dist-cms/packages/core/event/input.event.d.ts

@@ -1,3 +1,4 @@
 export declare class UmbInputEvent extends Event {
+    static readonly TYPE = "input";
     constructor();
 }

package/dist-cms/packages/core/event/input.event.js

@@ -1,6 +1,7 @@
 export class UmbInputEvent extends Event {
+    static { this.TYPE = 'input'; }
     constructor() {
         // mimics the native input event
-        super('input', { bubbles: true, composed: true, cancelable: false });
+        super(UmbInputEvent.TYPE, { bubbles: true, composed: true, cancelable: false });
     }
 }

package/dist-cms/packages/core/event/opened.event.d.ts

@@ -2,3 +2,8 @@ export declare class UmbOpenedEvent extends Event {
     static readonly TYPE = "opened";
     constructor();
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbOpenedEvent.TYPE]: UmbOpenedEvent;
+    }
+}

package/dist-cms/packages/core/event/selected.event.d.ts

@@ -3,3 +3,8 @@ export declare class UmbSelectedEvent extends Event {
     unique: string | null;
     constructor(unique: string | null, args?: EventInit);
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbSelectedEvent.TYPE]: UmbSelectedEvent;
+    }
+}