@umbraco-cms/backoffice 14.0.0-8d2a75e2 → 14.0.0-8f7cbf82

package/dist-cms/packages/core/menu/menu-item/menu-item.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, ifDefined, customElement, property } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbMenuItemElement = class UmbMenuItemElement extends UmbLitElement {
     render() {
@@ -14,7 +14,7 @@ export let UmbMenuItemElement = class UmbMenuItemElement extends UmbLitElement {
 			icon-name=${this.manifest.meta.icon}
 			entity-type=${ifDefined(this.manifest.meta.entityType)}></umb-menu-item-base>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ type: Object, attribute: false })

package/dist-cms/packages/core/menu/menu-item-base/menu-item-base.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UMB_SECTION_CONTEXT_TOKEN } from '../../section/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbMenuItemBaseElement = class UmbMenuItemBaseElement extends UmbLitElement {
@@ -50,7 +50,7 @@ export let UmbMenuItemBaseElement = class UmbMenuItemBaseElement extends UmbLitE
 			.label=${this.label}>
 		</umb-entity-actions-bundle>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ type: String, attribute: 'entity-type' })

package/dist-cms/packages/core/menu/menu.context.d.ts

@@ -6,4 +6,4 @@ export declare class UmbMenuContext {
     readonly alias: import("rxjs").Observable<string | undefined>;
     setManifest(manifest: ManifestMenu | undefined): void;
 }
-export declare const UMB_MENU_CONTEXT_TOKEN: UmbContextToken<UmbMenuContext>;
+export declare const UMB_MENU_CONTEXT_TOKEN: UmbContextToken<UmbMenuContext, UmbMenuContext>;

package/dist-cms/packages/core/menu/menu.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../shared/style/index.js";
 import { html, customElement, property } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
 import './menu-item/menu-item.element.js';
@@ -19,7 +19,7 @@ export let UmbMenuElement = class UmbMenuElement extends UmbLitElement {
 			.filter=${(items) => items.meta.menus.includes(this.manifest.alias)}
 			default-element="umb-menu-item"></umb-extension-slot>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ attribute: false })

package/dist-cms/packages/core/modal/common/code-editor/code-editor-modal.element.js

@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css, html, ifDefined, customElement, query } from '../../../../../external/lit/index.js';
 import { loadCodeEditor } from '../../../../templating/code-editor/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 import { UmbBooleanState } from '../../../../../libs/observable-api/index.js';
 export let UmbCodeEditorModalElement = class UmbCodeEditorModalElement extends UmbModalBaseElement {
@@ -68,7 +67,6 @@ export let UmbCodeEditorModalElement = class UmbCodeEditorModalElement extends U
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			#editor-box {
 				padding: var(--uui-box-default-padding, var(--uui-size-space-5, 18px));

package/dist-cms/packages/core/modal/common/confirm/confirm-modal.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbConfirmModalElement = class UmbConfirmModalElement extends UmbLitElement {
     _handleConfirm() {
@@ -30,7 +30,7 @@ export let UmbConfirmModalElement = class UmbConfirmModalElement extends UmbLitE
 			</uui-dialog-layout>
 		`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ attribute: false })

package/dist-cms/packages/core/modal/common/embedded-media/embedded-media-modal.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, unsafeHTML, when, customElement, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { OEmbedStatus, } from '../../index.js';
 import { umbracoPath } from '../../../../../shared/utils/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
@@ -192,7 +192,7 @@ export let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement ext
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			h3 {
 				margin-left: var(--uui-size-space-5);

package/dist-cms/packages/core/modal/common/folder/folder-modal.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, property, query, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import { createExtensionClass } from '../../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../../extension-registry/index.js';
@@ -141,7 +141,7 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#name {
 				width: 100%;

package/dist-cms/packages/core/modal/common/icon-picker/icon-picker-modal.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import icons from '../../../../../shared/icon-registry/icons/icons.json' assert { type: 'json' };
 import { css, html, styleMap, customElement, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 // TODO: Make use of UmbPickerLayoutBase
 // TODO: to prevent element extension we need to move the Picker logic into a separate class we can reuse across all pickers
@@ -115,7 +115,7 @@ export let UmbIconPickerModalElement = class UmbIconPickerModalElement extends U
         })}`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				position: relative;

package/dist-cms/packages/core/modal/common/link-picker/link-picker-modal.element.js

@@ -5,7 +5,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, nothing, customElement, query, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 import { buildUdi, getKeyFromUdi } from '../../../../../shared/utils/index.js';
 export let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModalBaseElement {
@@ -143,7 +142,6 @@ export let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends U
 				selectable></umb-tree>`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			hr {
 				border: none;

package/dist-cms/packages/core/modal/common/property-settings/property-settings-modal.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbPropertySettingsModalElement extends UmbModalBaseElement
     #private;
     private _customValidationOptions;
     private _aliasLocked;
+    protected _ownerDocumentType?: UmbPropertySettingsModalResult;
     protected _returnData: UmbPropertySettingsModalResult;
     connectedCallback(): void;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;

package/dist-cms/packages/core/modal/common/property-settings/property-settings-modal.element.js

@@ -4,10 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles, } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { css, html, nothing, customElement, state } from '../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 import { generateAlias } from '../../../../../shared/utils/index.js';
+import { UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN } from '../../../../documents/document-types/index.js';
 // TODO: Could base take a token to get its types?.
 // TODO: Missing a workspace context... unless this should not be a workspace any way.
 export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalElement extends UmbModalBaseElement {
@@ -42,7 +43,14 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
     }
     connectedCallback() {
         super.connectedCallback();
-        this._returnData = JSON.parse(JSON.stringify(this.data));
+        // TODO: This is actually not good enough, we need to be able to get to the DOCUMENT_WORKSPACE_CONTEXT, so we can have a look at the draft/runtime version of the document. Otherwise 'Vary by culture' is first updated when saved.
+        this.consumeContext(UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN, (instance) => {
+            this.observe(instance.byId(this.data?.documentTypeId), (documentType) => {
+                this._ownerDocumentType = documentType;
+                this.requestUpdate('_ownerDocumentType');
+            }, '_observeDocumentType');
+        });
+        this._returnData = JSON.parse(JSON.stringify(this.data?.propertyData ?? {}));
         this._returnData.validation ??= {};
         const regEx = this._returnData.validation.regEx ?? null;
         const newlySelected = this._customValidationOptions.find((option) => {
@@ -93,7 +101,7 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
             this._returnData.alias = alias;
         }
         else {
-            this._returnData.alias = this.data?.alias;
+            this._returnData.alias = this.data?.propertyData?.alias;
         }
         this.requestUpdate('_returnData');
     }
@@ -155,6 +163,10 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
         this._returnData.validation.regExMessage = event.target.value.toString();
         this.requestUpdate('_returnData');
     }
+    #onVaryByCultureChange(event) {
+        this._returnData.variesByCulture = event.target.checked;
+        this.requestUpdate('_returnData');
+    }
     // TODO: This would conceptually be a Property Editor Workspace, should be changed at one point in the future.
     // For now this is hacky made available by giving the element an fixed alias.
     // This would allow for workspace views and workspace actions.
@@ -204,6 +216,7 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
 									${this.#renderCustomValidation()}
 								</div>
 								<hr />
+								${this.#renderVariationControls()}
 								<div class="container">
 									<b style="margin-bottom: var(--uui-size-space-3)">Appearance</b>
 									<div id="appearances">${this.#renderAlignLeftIcon()} ${this.#renderAlignTopIcon()}</div>
@@ -252,13 +265,13 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
 				<uui-toggle
 					@change=${this.#onMandatoryChange}
 					id="mandatory"
-					value=${this._returnData.validation?.mandatory}
+					.checked=${this._returnData.validation?.mandatory ?? false}
 					slot="editor"></uui-toggle>
 			</div>
 			${this._returnData.validation?.mandatory
             ? html `<uui-input
 						name="mandatory-message"
-						value=${this._returnData.validation?.mandatoryMessage}
+						value=${this._returnData.validation?.mandatoryMessage ?? ''}
 						@change=${this.#onMandatoryMessageChange}
 						style="margin-top: var(--uui-size-space-1)"
 						id="mandatory-message"
@@ -285,8 +298,25 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
 				  `
             : nothing} `;
     }
+    #renderVariationControls() {
+        return this._ownerDocumentType?.variesByCulture || this._ownerDocumentType?.variesBySegment ?
+            html `
+			<div class="container">
+				<b>Variation</b>
+				${this._ownerDocumentType?.variesByCulture ? this.#renderVaryByCulture() : ''}
+			</div>
+			<hr />`
+            : '';
+    }
+    #renderVaryByCulture() {
+        return html `<uui-toggle
+				@change=${this.#onVaryByCultureChange}
+				.checked=${this._returnData.variesByCulture ?? false}
+				label="Vary by culture"></uui-toggle>
+			`;
+    }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				color: var(--uui-color-text);
@@ -423,6 +453,9 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertySettingsModalElement.prototype, "_aliasLocked", void 0);
+__decorate([
+    state()
+], UmbPropertySettingsModalElement.prototype, "_ownerDocumentType", void 0);
 __decorate([
     state()
 ], UmbPropertySettingsModalElement.prototype, "_returnData", void 0);

package/dist-cms/packages/core/modal/common/section-picker/section-picker-modal.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { css, html, customElement, state } from '../../../../../external/lit/index.js';
 import { UmbSelectionManagerBase } from '../../../../../shared/utils/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
@@ -51,7 +51,7 @@ export let UmbSectionPickerModalElement = class UmbSectionPickerModalElement ext
 			</umb-body-layout>
 		`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 __decorate([
     state()

package/dist-cms/packages/core/modal/common/template/template-modal.element.js

@@ -5,7 +5,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, ifDefined, customElement, query, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
 import { TemplateResource } from '../../../../../external/backend-api/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';
@@ -92,7 +91,6 @@ export let UmbTemplateModalElement = class UmbTemplateModalElement extends UmbMo
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			uui-box {
 				position: relative;

package/dist-cms/packages/core/modal/common/tree-picker/tree-picker-modal.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 export let UmbTreePickerModalElement = class UmbTreePickerModalElement extends UmbModalBaseElement {
     constructor() {
@@ -48,7 +48,7 @@ export let UmbTreePickerModalElement = class UmbTreePickerModalElement extends U
 			</umb-body-layout>
 		`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 __decorate([
     state()

package/dist-cms/packages/core/modal/modal-context.d.ts

@@ -48,5 +48,5 @@ export declare class UmbModalContextClass<ModalData extends object = object, Mod
     onSubmit(): Promise<ModalResult>;
     destroy(): void;
 }
-export declare const UMB_MODAL_CONTEXT_TOKEN: UmbContextToken<UmbModalContext<object, any>>;
+export declare const UMB_MODAL_CONTEXT_TOKEN: UmbContextToken<UmbModalContext<object, any>, UmbModalContext<object, any>>;
 export {};

package/dist-cms/packages/core/modal/modal-manager.context.d.ts

@@ -34,4 +34,4 @@ export declare class UmbModalManagerContext {
      */
     close(key: string): void;
 }
-export declare const UMB_MODAL_MANAGER_CONTEXT_TOKEN: UmbContextToken<UmbModalManagerContext>;
+export declare const UMB_MODAL_MANAGER_CONTEXT_TOKEN: UmbContextToken<UmbModalManagerContext, UmbModalManagerContext>;

package/dist-cms/packages/core/modal/token/property-settings-modal.token.d.ts

@@ -1,5 +1,8 @@
 import { PropertyTypeModelBaseModel } from '../../../../external/backend-api/index.js';
 import { UmbModalToken } from '../index.js';
-export type UmbPropertySettingsModalData = PropertyTypeModelBaseModel;
+export type UmbPropertySettingsModalData = {
+    documentTypeId: string;
+    propertyData: PropertyTypeModelBaseModel;
+};
 export type UmbPropertySettingsModalResult = PropertyTypeModelBaseModel;
-export declare const UMB_PROPERTY_SETTINGS_MODAL: UmbModalToken<PropertyTypeModelBaseModel, PropertyTypeModelBaseModel>;
+export declare const UMB_PROPERTY_SETTINGS_MODAL: UmbModalToken<UmbPropertySettingsModalData, PropertyTypeModelBaseModel>;

package/dist-cms/packages/core/notification/layouts/default/notification-layout-default.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, customElement, property, ifDefined } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 export let UmbNotificationLayoutDefaultElement = class UmbNotificationLayoutDefaultElement extends LitElement {
     render() {
         return html `
@@ -14,7 +14,7 @@ export let UmbNotificationLayoutDefaultElement = class UmbNotificationLayoutDefa
 			</uui-toast-notification-layout>
 		`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ attribute: false })

package/dist-cms/packages/core/notification/notification.context.d.ts

@@ -60,4 +60,4 @@ export declare class UmbNotificationContext {
      */
     stay(color: UmbNotificationColor, options: UmbNotificationOptions): UmbNotificationHandler;
 }
-export declare const UMB_NOTIFICATION_CONTEXT_TOKEN: UmbContextToken<UmbNotificationContext>;
+export declare const UMB_NOTIFICATION_CONTEXT_TOKEN: UmbContextToken<UmbNotificationContext, UmbNotificationContext>;

package/dist-cms/packages/core/property-action/shared/property-action/property-action.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, customElement, property, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { createExtensionElement } from '../../../../../libs/extension-api/index.js';
 // TODO: Here is a problem. The UmbPropertyActionElement is used for the type of the Extension Element. But is also a component that renders the Extension Element...
 export let UmbPropertyActionElement = class UmbPropertyActionElement extends LitElement {
@@ -33,7 +33,7 @@ export let UmbPropertyActionElement = class UmbPropertyActionElement extends Lit
     render() {
         return html `${this._element}`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ type: Object })

package/dist-cms/packages/core/property-action/shared/property-action-menu/property-action-menu.element.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbPropertyActionMenuContext } from './property-action-menu.context.js';
 import { css, html, customElement, property, state } from '../../../../../external/lit/index.js';
 import { map } from '../../../../../external/rxjs/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { umbExtensionsRegistry } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import '../property-action/property-action.element.js';
@@ -69,7 +69,7 @@ export let UmbPropertyActionMenuElement = class UmbPropertyActionMenuElement ext
             : '';
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#popover {
 				width: auto;

package/dist-cms/packages/core/property-editor/config/index.d.ts

@@ -0,0 +1,2 @@
+export * from './property-editor-config.type.js';
+export * from './property-editor-config-collection.class.js';

package/dist-cms/packages/core/property-editor/config/index.js

@@ -0,0 +1,2 @@
+export * from './property-editor-config.type.js';
+export * from './property-editor-config-collection.class.js';

package/dist-cms/packages/core/{components/data-type/data-type-property-collection.class.d.ts → property-editor/config/property-editor-config-collection.class.d.ts}

@@ -1,11 +1,11 @@
-import { type UmbDataTypeConfigProperty, type UmbDataTypeConfig } from '../../property-editor/index.js';
+import { type UmbPropertyEditorConfigProperty, type UmbPropertyEditorConfig } from '../index.js';
 import { DataTypePropertyPresentationModel } from '../../../../external/backend-api/index.js';
 /**
  * Extends Array to add utility functions for accessing data type properties
  * by alias, returning either the value or the complete DataTypePropertyPresentationModel object
  */
-export declare class UmbDataTypeConfigCollection extends Array<UmbDataTypeConfigProperty> {
-    constructor(args: UmbDataTypeConfig);
+export declare class UmbPropertyEditorConfigCollection extends Array<UmbPropertyEditorConfigProperty> {
+    constructor(args: UmbPropertyEditorConfig);
     static get [Symbol.species](): ArrayConstructor;
     getValueByAlias<T>(alias: string): T | undefined;
     getByAlias(alias: string): DataTypePropertyPresentationModel | undefined;
@@ -24,5 +24,5 @@ export declare class UmbDataTypeConfigCollection extends Array<UmbDataTypeConfig
      * }`
      */
     toObject(): Record<string, unknown>;
-    equal(other: UmbDataTypeConfigCollection | undefined): boolean;
+    equal(other: UmbPropertyEditorConfigCollection | undefined): boolean;
 }

package/dist-cms/packages/core/{components/data-type/data-type-property-collection.class.js → property-editor/config/property-editor-config-collection.class.js}

@@ -2,7 +2,7 @@
  * Extends Array to add utility functions for accessing data type properties
  * by alias, returning either the value or the complete DataTypePropertyPresentationModel object
  */
-export class UmbDataTypeConfigCollection extends Array {
+export class UmbPropertyEditorConfigCollection extends Array {
     constructor(args) {
         super(...args);
     }

package/dist-cms/packages/core/property-editor/config/property-editor-config.type.d.ts

@@ -0,0 +1,3 @@
+import { DataTypePropertyPresentationModel } from '../../../../external/backend-api/index.js';
+export type UmbPropertyEditorConfigProperty = DataTypePropertyPresentationModel;
+export type UmbPropertyEditorConfig = UmbPropertyEditorConfigProperty[];

package/dist-cms/packages/core/property-editor/index.d.ts

@@ -1,3 +1,3 @@
-export * from './types/index.js';
+export * from './config/index.js';
 export * from './events/index.js';
 export declare const UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT = "Umbraco.Label";

package/dist-cms/packages/core/property-editor/index.js

@@ -1,3 +1,3 @@
-export * from './types/index.js';
+export * from './config/index.js';
 export * from './events/index.js';
 export const UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT = 'Umbraco.Label';

package/dist-cms/packages/core/property-editor/uis/block-grid/config/block-configuration/property-editor-ui-block-grid-block-configuration.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property } from '../../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-block-grid-block-configuration
@@ -19,7 +19,7 @@ export let UmbPropertyEditorUIBlockGridBlockConfigurationElement = class UmbProp
     render() {
         return html `<div>umb-property-editor-ui-block-grid-block-configuration</div>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property()

package/dist-cms/packages/core/property-editor/uis/block-grid/config/group-configuration/property-editor-ui-block-grid-group-configuration.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property } from '../../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-block-grid-group-configuration
@@ -19,7 +19,7 @@ export let UmbPropertyEditorUIBlockGridGroupConfigurationElement = class UmbProp
     render() {
         return html `<div>umb-property-editor-ui-block-grid-group-configuration</div>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property()

package/dist-cms/packages/core/property-editor/uis/block-grid/config/stylesheet-picker/property-editor-ui-block-grid-stylesheet-picker.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property } from '../../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-block-grid-stylesheet-picker
@@ -19,7 +19,7 @@ export let UmbPropertyEditorUIBlockGridStylesheetPickerElement = class UmbProper
     render() {
         return html `<div>umb-property-editor-ui-block-grid-stylesheet-picker</div>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property()

package/dist-cms/packages/core/property-editor/uis/block-grid/property-editor-ui-block-grid-inner-test.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-block-grid-inner-test
@@ -65,7 +65,7 @@ export let UmbPropertyEditorUIBlockGridInnerTestElement = class UmbPropertyEdito
         }}></umb-router-slot>
 		</div>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ type: String })

package/dist-cms/packages/core/property-editor/uis/block-grid/property-editor-ui-block-grid.element.d.ts

@@ -1,13 +1,12 @@
 import { UmbPropertyEditorExtensionElement } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { UmbDataTypeConfigCollection } from '../../../components/index.js';
+import type { UmbPropertyEditorConfigCollection } from '../../index.js';
 /**
  * @element umb-property-editor-ui-block-grid
  */
 export declare class UmbPropertyEditorUIBlockGridElement extends UmbLitElement implements UmbPropertyEditorExtensionElement {
-    private _variantContext?;
     value: string;
-    config?: UmbDataTypeConfigCollection;
+    config?: UmbPropertyEditorConfigCollection;
     private _routes;
     private _routerPath;
     private _activePath;

package/dist-cms/packages/core/property-editor/uis/block-grid/property-editor-ui-block-grid.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_WORKSPACE_PROPERTY_CONTEXT_TOKEN } from '../../../workspace/workspace-property/workspace-property.context.js';
 import { html, customElement, property, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-block-grid
@@ -82,7 +82,7 @@ export let UmbPropertyEditorUIBlockGridElement = class UmbPropertyEditorUIBlockG
 			  </div>`
             : 'loading...';
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property()