diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/tags/property-editors/tags/property-editor-ui-tags.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/tags/property-editors/tags/property-editor-ui-tags.element.ts index e46ba4b81e..6e6945e6a7 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/tags/property-editors/tags/property-editor-ui-tags.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/tags/property-editors/tags/property-editor-ui-tags.element.ts @@ -2,11 +2,11 @@ import { html } from 'lit'; import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; import { customElement, property, state } from 'lit/decorators.js'; import { ifDefined } from 'lit/directives/if-defined.js'; +import { UmbDataTypePropertyCollection } from '@umbraco-cms/backoffice/data-type'; import { UmbTagsInputElement } from '../../components/tags-input/tags-input.element'; import { UMB_WORKSPACE_PROPERTY_CONTEXT_TOKEN } from '../../../core/components/workspace-property/workspace-property.context'; import { UmbPropertyEditorExtensionElement } from '@umbraco-cms/backoffice/extensions-registry'; import { UmbLitElement } from '@umbraco-cms/internal/lit-element'; -import { DataTypePropertyPresentationModel } from '@umbraco-cms/backoffice/backend-api'; /** * @element umb-property-editor-ui-tags @@ -24,12 +24,9 @@ export class UmbPropertyEditorUITagsElement extends UmbLitElement implements Umb //TODO: Use type from VariantID @property({ type: Array, attribute: false }) - public set config(config: Array) { - const group = config.find((x) => x.alias === 'group'); - if (group) this._group = group.value as string; - - const items = config.find((x) => x.alias === 'items'); - if (items) this.value = items.value as Array; + public set config(config: UmbDataTypePropertyCollection) { + this._group = config.getValueByAlias('group'); + this.value = config.getValueByAlias('items') ?? []; } constructor() {