@@ -48,14 +48,15 @@ Additionally, the modal element can see its data parameters through the `modalCo
4848
4949{% code title="my-modal.element.ts" %}
5050``` ts
51- import { html , LitElement , property , customElement } from ' @umbraco-cms/backoffice/external/lit' ;
52- import { UmbElementMixin } from ' @umbraco-cms/backoffice/element-api' ;
53- import { type UmbModalContext , UmbModalExtensionElement } from ' @umbraco-cms/backoffice/modal' ;
51+ import { customElement , html , property } from ' @umbraco-cms/backoffice/external/lit' ;
52+ import { UmbLitElement } from ' @umbraco-cms/backoffice/lit-element' ;
53+ import { UmbModalExtensionElement } from ' @umbraco-cms/backoffice/modal' ;
54+ import type { UmbModalContext } from ' @umbraco-cms/backoffice/modal' ;
5455import type { MyModalData , MyModalValue } from ' ./my-modal.token.js' ;
5556
5657@customElement (' my-dialog' )
5758export default class MyDialogElement
58- extends UmbElementMixin ( LitElement )
59+ extends UmbLitElement
5960 implements UmbModalExtensionElement <MyModalData , MyModalValue > {
6061
6162 @property ({ attribute: false })
@@ -105,13 +106,13 @@ To open the modal, you need to consume the `UmbModalManagerContext` and then use
105106
106107{% code title="my-element.ts" %}
107108``` ts
108- import { MY_MODAL_TOKEN } from ' ./my-modal.token' ;
109+ import { customElement , html } from ' @umbraco-cms/backoffice/external/lit' ;
110+ import { UmbLitElement } from ' @umbraco-cms/backoffice/lit-element' ;
111+ import { MY_MODAL_TOKEN } from ' ./my-modal.token.js' ;
109112import { UMB_MODAL_MANAGER_CONTEXT } from ' @umbraco-cms/backoffice/modal' ;
110- import { UmbElementMixin } from ' @umbraco-cms/backoffice/element-api' ;
111- import { LitElement , html , customElement } from ' @umbraco-cms/backoffice/external/lit' ;
112113
113114@customElement (' my-element' )
114- class MyElement extends UmbElementMixin ( LitElement ) {
115+ class MyElement extends UmbLitElement {
115116 #modalManagerContext? : typeof UMB_MODAL_MANAGER_CONTEXT .TYPE ;
116117
117118 constructor () {
0 commit comments