diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/property-type-based-property/property-type-based-property.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/property-type-based-property/property-type-based-property.element.ts index 1131038379..7d8a2e2b3d 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/components/property-type-based-property/property-type-based-property.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/property-type-based-property/property-type-based-property.element.ts @@ -60,12 +60,12 @@ export class UmbPropertyTypeBasedPropertyElement extends UmbLitElement { } render() { - return html``; + .config=${this._dataTypeData}>`; } static styles = [ diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/data-type/components/property-editor-config/property-editor-config.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/data-type/components/property-editor-config/property-editor-config.element.ts index 1ee37004b2..5a650364d0 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/data-type/components/property-editor-config/property-editor-config.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/data-type/components/property-editor-config/property-editor-config.element.ts @@ -45,12 +45,12 @@ export class UmbPropertyEditorConfigElement extends UmbLitElement { this._properties, (property) => property.alias, (property) => - html``, + .config=${property.config}>`, ) : html`
No configuration
`; } diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property/property-dataset/property-dataset.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property/property-dataset/property-dataset.element.ts index b5c9ac3630..0385b89f6f 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/property/property-dataset/property-dataset.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/property/property-dataset/property-dataset.element.ts @@ -35,13 +35,13 @@ export class UmbPropertyDatasetElement extends UmbLitElement { * * html` * - * - * + * * * ` * ``` diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts index c3bb118ee1..0ada434046 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts @@ -11,14 +11,14 @@ import { } from '@umbraco-cms/backoffice/property-editor'; /** - * @element umb-workspace-property + * @element umb-property * @description Component for displaying a property with editor from extension registry. * The Element will render a Property Editor based on the Property Editor UI alias passed to the element. * This will also render all Property Actions related to the Property Editor UI Alias. */ -@customElement('umb-workspace-property') -export class UmbWorkspacePropertyElement extends UmbLitElement { +@customElement('umb-property') +export class UmbPropertyElement extends UmbLitElement { /** * Label. Name of the property * @type {string} @@ -238,6 +238,6 @@ export class UmbWorkspacePropertyElement extends UmbLitElement { declare global { interface HTMLElementTagNameMap { - 'umb-workspace-property': UmbWorkspacePropertyElement; + 'umb-property': UmbPropertyElement; } } diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.stories.ts index 987bcaa89c..646b2ca522 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.stories.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.stories.ts @@ -1,5 +1,5 @@ import { Meta, Story } from '@storybook/web-components'; -import type { UmbWorkspacePropertyElement } from './property.element.js'; +import type { UmbPropertyElement } from './property.element.js'; import { html } from '@umbraco-cms/backoffice/external/lit'; import './property.element.js'; @@ -10,11 +10,11 @@ export default { id: 'umb-property', } as Meta; -export const AAAOverview: Story = () => - html` = () => + html` `; + .value="${'Hello'}">`; AAAOverview.storyName = 'Overview';