Skip to content

Commit 6ee1c85

Browse files
committed
Replaces UmbElementMixin(LitElement) with UmbElementMixin
for simplification.
1 parent d1b8382 commit 6ee1c85

File tree

1 file changed

+9
-8
lines changed
  • 15/umbraco-cms/customizing/extending-overview/extension-types/modals

1 file changed

+9
-8
lines changed

15/umbraco-cms/customizing/extending-overview/extension-types/modals/custom-modals.md

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -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';
5455
import type { MyModalData, MyModalValue } from './my-modal.token.js';
5556

5657
@customElement('my-dialog')
5758
export 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';
109112
import { 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

Comments
 (0)