Property editor element uses expected base types.

Author: AndyButland

src/Umbraco.Cms.Integrations.Commerce.Shopify/Client/src/property-editor/shopify-product-picker-property-editor.element.ts

@@ -1,4 +1,3 @@
-import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
 import { LitElement, customElement, html, css, property, state } from "@umbraco-cms/backoffice/external/lit";
 import { UMB_MODAL_MANAGER_CONTEXT } from "@umbraco-cms/backoffice/modal";
 import {
@@ -8,9 +7,13 @@ import { SHOPIFY_MODAL_TOKEN } from "../modal/shopify.modal-token";
 import { ConfigDescription, type ShopifyServiceStatus } from "../models/shopify-service.model";
 import { SHOPIFY_CONTEXT_TOKEN } from "../context/shopify.context";
 import type { ProductDtoModel } from "@umbraco-integrations/shopify/generated";
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+import { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
 
 const elementName = "shopify-picker";
-export class ShopifyProductPickerPropertyEditor extends UmbElementMixin(LitElement){
+
+@customElement(elementName)
+export class ShopifyProductPickerPropertyEditor extends UmbLitElement implements UmbPropertyEditorUiElement {
     #modalManagerContext?: typeof UMB_MODAL_MANAGER_CONTEXT.TYPE;
     #shopifyContext!: typeof SHOPIFY_CONTEXT_TOKEN.TYPE;