@umbraco-cms/backoffice 14.0.0--preview004-07058ebe → 14.0.0--preview004-c2e8b331

package/dist-cms/custom-elements.json

@@ -3664,16 +3664,14 @@
       "attributes": [
         {
           "name": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "BulkActionPermissions"
         }
       ],
       "properties": [
         {
           "name": "value",
           "attribute": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "BulkActionPermissions"
         },
         {
           "name": "config"
@@ -3681,7 +3679,7 @@
         {
           "name": "styles",
           "type": "array",
-          "default": "[\"UmbTextStyles\"]"
+          "default": "[\"UmbTextStyles\",null]"
         }
       ]
     },
@@ -3691,16 +3689,16 @@
       "attributes": [
         {
           "name": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "ColumnConfig[]",
+          "default": "[]"
         }
       ],
       "properties": [
         {
           "name": "value",
           "attribute": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "ColumnConfig[]",
+          "default": "[]"
         },
         {
           "name": "config"
@@ -3708,7 +3706,7 @@
         {
           "name": "styles",
           "type": "array",
-          "default": "[\"UmbTextStyles\"]"
+          "default": "[\"UmbTextStyles\",null]"
         }
       ]
     },
@@ -3718,16 +3716,16 @@
       "attributes": [
         {
           "name": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "LayoutConfig[]",
+          "default": "[]"
         }
       ],
       "properties": [
         {
           "name": "value",
           "attribute": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "LayoutConfig[]",
+          "default": "[]"
         },
         {
           "name": "config"
@@ -3735,7 +3733,7 @@
         {
           "name": "styles",
           "type": "array",
-          "default": "[\"UmbTextStyles\"]"
+          "default": "[\"UmbTextStyles\",null]"
         }
       ]
     },
@@ -3745,16 +3743,14 @@
       "attributes": [
         {
           "name": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "string"
         }
       ],
       "properties": [
         {
           "name": "value",
           "attribute": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "string"
         },
         {
           "name": "config"
@@ -3937,16 +3933,14 @@
       "attributes": [
         {
           "name": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "string"
         }
       ],
       "properties": [
         {
           "name": "value",
           "attribute": "value",
-          "type": "string",
-          "default": "\"\""
+          "type": "string"
         },
         {
           "name": "config"
@@ -3956,6 +3950,11 @@
           "type": "array",
           "default": "[\"UmbTextStyles\"]"
         }
+      ],
+      "events": [
+        {
+          "name": "property-value-change"
+        }
       ]
     },
     {
@@ -4316,7 +4315,7 @@
         {
           "name": "value",
           "type": "string",
-          "default": "\"\""
+          "default": "\"asc\""
         }
       ],
       "properties": [
@@ -4324,7 +4323,7 @@
           "name": "value",
           "attribute": "value",
           "type": "string",
-          "default": "\"\""
+          "default": "\"asc\""
         },
         {
           "name": "config"
@@ -4332,7 +4331,7 @@
         {
           "name": "styles",
           "type": "array",
-          "default": "[\"UmbTextStyles\"]"
+          "default": "[\"UmbTextStyles\",null]"
         }
       ]
     },
@@ -4831,6 +4830,9 @@
           "attribute": "value",
           "type": "string | undefined"
         },
+        {
+          "name": "selectEl"
+        },
         {
           "name": "config"
         },

package/dist-cms/packages/core/components/variant-selector/variant-selector.element.d.ts

@@ -3,6 +3,7 @@ import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { DocumentVariantResponseModel } from '../../../../external/backend-api/index.js';
 export declare class UmbVariantSelectorElement extends UmbLitElement {
     #private;
+    private _popoverElement?;
     _variants: Array<DocumentVariantResponseModel>;
     _activeVariants: Array<ActiveVariant>;
     get _activeVariantsCultures(): string[];

package/dist-cms/packages/core/components/variant-selector/variant-selector.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbVariantId } from '../../variant/variant-id.class.js';
 import { UUIInputEvent } from '../../../../external/uui/index.js';
-import { css, html, nothing, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
+import { css, html, nothing, customElement, property, state, ifDefined, query, } from '../../../../external/lit/index.js';
 import { UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, UMB_VARIANT_CONTEXT, isNameablePropertySetContext, } from '../../workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { ContentStateModel } from '../../../../external/backend-api/index.js';
@@ -104,8 +104,18 @@ let UmbVariantSelectorElement = class UmbVariantSelectorElement extends UmbLitEl
     _isNotPublishedMode(culture, state) {
         return state !== ContentStateModel.PUBLISHED && !this._isVariantActive(culture);
     }
+    // TODO: This ignorer is just needed for JSON SCHEMA TO WORK, As its not updated with latest TS jet.
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     #onPopoverToggle(event) {
         this._variantSelectorOpen = event.newState === 'open';
+        if (!this._popoverElement)
+            return;
+        const isOpen = event.newState === 'open';
+        if (!isOpen)
+            return;
+        const host = this.getBoundingClientRect();
+        this._popoverElement.style.width = `${host.width}px`;
     }
     render() {
         return html `
@@ -133,7 +143,10 @@ let UmbVariantSelectorElement = class UmbVariantSelectorElement extends UmbLitEl
 
 			${this._variants && this._variants.length > 0
             ? html `
-							<uui-popover-container id="variant-selector-popover" @toggle=${this.#onPopoverToggle}>
+							<uui-popover-container
+								id="variant-selector-popover"
+								@beforetoggle=${this.#onPopoverToggle}
+								placement="bottom-end">
 								<div id="variant-selector-dropdown">
 									<uui-scroll-container>
 										<ul>
@@ -182,6 +195,10 @@ let UmbVariantSelectorElement = class UmbVariantSelectorElement extends UmbLitEl
 				white-space: nowrap;
 			}
 
+			#variant-selector-popover {
+				translate: 1px; /* Fixes tiny alignment issue caused by border */
+			}
+
 			#variant-selector-dropdown {
 				overflow: hidden;
 				z-index: -1;
@@ -294,6 +311,9 @@ let UmbVariantSelectorElement = class UmbVariantSelectorElement extends UmbLitEl
 		`,
     ]; }
 };
+__decorate([
+    query('#variant-selector-popover')
+], UmbVariantSelectorElement.prototype, "_popoverElement", void 0);
 __decorate([
     state()
 ], UmbVariantSelectorElement.prototype, "_variants", void 0);

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

@@ -42,7 +42,7 @@ let UmbIconPickerModalElement = class UmbIconPickerModalElement extends UmbModal
         }
     }
     #onColorChange(e) {
-        this.modalContext?.updateValue({ icon: e.target.value });
+        this.modalContext?.updateValue({ color: e.target.value });
     }
     connectedCallback() {
         super.connectedCallback();

package/dist-cms/packages/core/property-editor/schemas/Umbraco.ContentPicker.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestPropertyEditorSchema } from '../../extension-registry/index.js';
+export declare const manifest: ManifestPropertyEditorSchema;

package/dist-cms/packages/{documents/documents/property-editors → core/property-editor/schemas}/Umbraco.ContentPicker.js

@@ -3,7 +3,7 @@ export const manifest = {
     name: 'Content Picker',
     alias: 'Umbraco.ContentPicker',
     meta: {
-        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.ContentPicker',
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.DocumentPicker',
         settings: {
             properties: [
                 {

package/dist-cms/packages/core/property-editor/schemas/Umbraco.Dropdown.Flexible.js

@@ -4,6 +4,6 @@ export const manifest = {
     name: 'Dropdown',
     alias: 'Umbraco.DropDown.Flexible',
     meta: {
-        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.DropDown.Flexible',
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.DropDown',
     },
 };

package/dist-cms/packages/core/property-editor/schemas/Umbraco.ListView.js

@@ -3,7 +3,7 @@ export const manifest = {
     name: 'List View',
     alias: 'Umbraco.ListView',
     meta: {
-        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.ListView',
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.CollectionView',
         settings: {
             properties: [
                 {

package/dist-cms/packages/core/property-editor/schemas/manifests.js

@@ -2,6 +2,7 @@ import { manifest as blockGrid } from './Umbraco.BlockGrid.js';
 import { manifest as blockList } from './Umbraco.BlockList.js';
 import { manifest as checkboxList } from './Umbraco.CheckboxList.js';
 import { manifest as colorPicker } from './Umbraco.ColorPicker.js';
+import { manifest as contentPicker } from './Umbraco.ContentPicker.js';
 import { manifest as dateTime } from './Umbraco.DateTime.js';
 import { manifest as decimal } from './Umbraco.Decimal.js';
 import { manifest as dropdownFlexible } from './Umbraco.Dropdown.Flexible.js';
@@ -33,6 +34,7 @@ export const manifests = [
     blockList,
     checkboxList,
     colorPicker,
+    contentPicker,
     dateTime,
     decimal,
     dropdownFlexible,

package/dist-cms/packages/core/property-editor/uis/collection-view/config/bulk-action-permissions/property-editor-ui-collection-view-bulk-action-permissions.element.d.ts

@@ -1,11 +1,21 @@
 import { UmbPropertyEditorUiElement } from '../../../../../extension-registry/index.js';
 import { UmbPropertyEditorConfigCollection } from '../../../../index.js';
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+interface BulkActionPermissions {
+    allowBulkCopy: boolean;
+    allowBulkDelete: boolean;
+    allowBulkMove: boolean;
+    allowBulkPublish: boolean;
+    allowBulkUnpublish: boolean;
+}
 /**
  * @element umb-property-editor-ui-collection-view-bulk-action-permissions
  */
 export declare class UmbPropertyEditorUICollectionViewBulkActionPermissionsElement extends UmbLitElement implements UmbPropertyEditorUiElement {
-    value: string;
+    #private;
+    private _value;
+    set value(obj: BulkActionPermissions);
+    get value(): BulkActionPermissions;
     config?: UmbPropertyEditorConfigCollection;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];

package/dist-cms/packages/core/property-editor/uis/collection-view/config/bulk-action-permissions/property-editor-ui-collection-view-bulk-action-permissions.element.js

@@ -4,7 +4,8 @@ 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 { html, customElement, property } from '../../../../../../../external/lit/index.js';
+import { html, customElement, property, css } from '../../../../../../../external/lit/index.js';
+import { UmbPropertyValueChangeEvent, } from '../../../../index.js';
 import { UmbTextStyles } from '../../../../../../../shared/style/index.js';
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
 /**
@@ -13,16 +14,77 @@ import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js'
 let UmbPropertyEditorUICollectionViewBulkActionPermissionsElement = class UmbPropertyEditorUICollectionViewBulkActionPermissionsElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this.value = '';
+        this._value = {
+            allowBulkPublish: false,
+            allowBulkUnpublish: false,
+            allowBulkCopy: false,
+            allowBulkDelete: false,
+            allowBulkMove: false,
+        };
+    }
+    set value(obj) {
+        if (!obj)
+            return;
+        this._value = obj;
+    }
+    get value() {
+        return this._value;
+    }
+    #onChange(e, type) {
+        switch (type) {
+            case 'allowBulkPublish':
+                this.value = { ...this.value, allowBulkPublish: e.target.checked };
+                break;
+            case 'allowBulkUnpublish':
+                this.value = { ...this.value, allowBulkUnpublish: e.target.checked };
+                break;
+            case 'allowBulkMove':
+                this.value = { ...this.value, allowBulkMove: e.target.checked };
+                break;
+            case 'allowBulkCopy':
+                this.value = { ...this.value, allowBulkCopy: e.target.checked };
+                break;
+            case 'allowBulkDelete':
+                this.value = { ...this.value, allowBulkDelete: e.target.checked };
+                break;
+        }
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html `<div>umb-property-editor-ui-collection-view-bulk-action-permissions</div>`;
+        return html `<uui-toggle
+				?checked=${this.value.allowBulkUnpublish}
+				@change=${(e) => this.#onChange(e, 'allowBulkPublish')}
+				label="Allow bulk publish (content only)"></uui-toggle>
+			<uui-toggle
+				?checked=${this.value.allowBulkUnpublish}
+				@change=${(e) => this.#onChange(e, 'allowBulkUnpublish')}
+				label="Allow bulk unpublish (content only)"></uui-toggle>
+			<uui-toggle
+				?checked=${this.value.allowBulkCopy}
+				@change=${(e) => this.#onChange(e, 'allowBulkCopy')}
+				label="Allow bulk copy (content only)"></uui-toggle>
+			<uui-toggle
+				?checked=${this.value.allowBulkMove}
+				@change=${(e) => this.#onChange(e, 'allowBulkMove')}
+				label="Allow bulk move"></uui-toggle>
+			<uui-toggle
+				?checked=${this.value.allowBulkDelete}
+				@change=${(e) => this.#onChange(e, 'allowBulkDelete')}
+				label="Allow bulk delete"></uui-toggle> `;
     }
-    static { this.styles = [UmbTextStyles]; }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
+			:host {
+				display: flex;
+				flex-direction: column;
+			}
+		`,
+    ]; }
 };
 __decorate([
-    property()
-], UmbPropertyEditorUICollectionViewBulkActionPermissionsElement.prototype, "value", void 0);
+    property({ type: Object })
+], UmbPropertyEditorUICollectionViewBulkActionPermissionsElement.prototype, "value", null);
 __decorate([
     property({ type: Object, attribute: false })
 ], UmbPropertyEditorUICollectionViewBulkActionPermissionsElement.prototype, "config", void 0);

package/dist-cms/packages/core/property-editor/uis/collection-view/config/column-configuration/property-editor-ui-collection-view-column-configuration.element.d.ts

@@ -1,12 +1,21 @@
 import { UmbPropertyEditorUiElement } from '../../../../../extension-registry/index.js';
 import { UmbPropertyEditorConfigCollection } from '../../../../index.js';
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+interface ColumnConfig {
+    alias: string;
+    header: string;
+    isSystem: boolean;
+    nameTemplate?: string;
+}
 /**
  * @element umb-property-editor-ui-collection-view-column-configuration
  */
 export declare class UmbPropertyEditorUICollectionViewColumnConfigurationElement extends UmbLitElement implements UmbPropertyEditorUiElement {
-    value: string;
+    #private;
+    value: Array<ColumnConfig>;
     config?: UmbPropertyEditorConfigCollection;
+    private _options;
+    private _selectEl;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }

package/dist-cms/packages/core/property-editor/uis/collection-view/config/column-configuration/property-editor-ui-collection-view-column-configuration.element.js

@@ -4,7 +4,8 @@ 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 { html, customElement, property } from '../../../../../../../external/lit/index.js';
+import { html, customElement, property, repeat, css, query } from '../../../../../../../external/lit/index.js';
+import { UmbPropertyValueChangeEvent, } from '../../../../index.js';
 import { UmbTextStyles } from '../../../../../../../shared/style/index.js';
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
 /**
@@ -13,19 +14,152 @@ import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js'
 let UmbPropertyEditorUICollectionViewColumnConfigurationElement = class UmbPropertyEditorUICollectionViewColumnConfigurationElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this.value = '';
+        this.value = [];
+        this._options = [
+            { value: 'sortOrder', name: this.localize.term('general_sort'), group: 'System Fields' },
+            { value: 'updateDate', name: this.localize.term('content_updateDate'), group: 'System Fields' },
+            { value: 'updater', name: this.localize.term('content_updatedBy'), group: 'System Fields' },
+            { value: 'createDate', name: this.localize.term('content_createDate'), group: 'System Fields' },
+            { value: 'owner', name: this.localize.term('content_createBy'), group: 'System Fields' },
+            { value: 'published', name: this.localize.term('content_isPublished'), group: 'System Fields' },
+            { value: 'contentTypeAlias', name: this.localize.term('content_documentType'), group: 'System Fields' },
+            { value: 'email', name: this.localize.term('general_email'), group: 'System Fields' },
+            { value: 'username', name: this.localize.term('general_username'), group: 'System Fields' },
+            /*
+            { value: 'contentTreePicker', name: 'contentTreePicker', group: 'Custom Fields' },
+            { value: 'ete', name: 'ete', group: 'Custom Fields' },
+            { value: 'link', name: 'link', group: 'Custom Fields' },
+            { value: 'listViewContent', name: 'listViewContent', group: 'Custom Fields' },
+            { value: 'mediaTreepicker', name: 'mediaTreepicker', group: 'Custom Fields' },
+            { value: 'memberTreepicker', name: 'memberTreepicker', group: 'Custom Fields' },
+            { value: 'multinode', name: 'multinode', group: 'Custom Fields' },
+            { value: 'richtext', name: 'richtext', group: 'Custom Fields' },
+            { value: 'text', name: 'text', group: 'Custom Fields' },
+            { value: 'umbracoBytes', name: 'umbracoBytes', group: 'Custom Fields' },
+            { value: 'umbracoExtension', name: 'umbracoExtension', group: 'Custom Fields' },
+            { value: 'umbracoFile', name: 'umbracoFile', group: 'Custom Fields' },
+            { value: 'umbracoHeight', name: 'umbracoHeight', group: 'Custom Fields' },
+            { value: 'umbracoMemberComments', name: 'umbracoMemberComments', group: 'Custom Fields' },
+            { value: 'umbracoWidth', name: 'umbracoWidth', group: 'Custom Fields' },
+            { value: 'uploadAFile', name: 'uploadAFile', group: 'Custom Fields' },
+            { value: 'uploader', name: 'uploader', group: 'Custom Fields' },
+            */
+        ];
+    }
+    #onAdd() {
+        const selected = this._options.find((config) => config.value === this._selectEl.value);
+        if (!selected)
+            return;
+        const duplicate = this.value.find((config) => selected?.value === config.alias);
+        if (duplicate) {
+            this._selectEl.error = true;
+            return;
+        }
+        else {
+            this._selectEl.error = false;
+        }
+        const config = {
+            alias: selected.value,
+            header: selected.name,
+            isSystem: selected?.group === 'System Fields',
+        };
+        this.value = [...this.value, config];
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
+    }
+    #onRemove(unique) {
+        const newValue = [];
+        this.value.forEach((config) => {
+            if (config.alias !== unique)
+                newValue.push(config);
+        });
+        this.value = newValue;
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
+    }
+    #onHeaderChange(e, configuration) {
+        this.value = this.value.map((config) => config.alias === configuration.alias ? { ...config, header: e.target.value } : config);
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
+    }
+    #onTemplateChange(e, configuration) {
+        this.value = this.value.map((config) => config.alias === configuration.alias ? { ...config, nameTemplate: e.target.value } : config);
+        this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
-        return html `<div>umb-property-editor-ui-collection-view-column-configuration</div>`;
+        return html `<div>
+				<uui-select .options=${this._options} label="Select"></uui-select>
+				<uui-button label=${this.localize.term('general_add')} look="secondary" @click=${this.#onAdd}></uui-button>
+			</div>
+			${this.#renderTable()}`;
     }
-    static { this.styles = [UmbTextStyles]; }
+    #renderTable() {
+        if (this.value && !this.value.length)
+            return;
+        return html `<uui-table>
+			<uui-table-row>
+				<uui-table-head-cell style="width:0"></uui-table-head-cell>
+				<uui-table-head-cell>Alias</uui-table-head-cell>
+				<uui-table-head-cell>Header</uui-table-head-cell>
+				<uui-table-head-cell>Template</uui-table-head-cell>
+				<uui-table-head-cell style="width:0"></uui-table-head-cell>
+			</uui-table-row>
+			${repeat(this.value, (configuration) => configuration.alias, (configuration) => html `<uui-table-row>
+						<uui-table-cell><uui-icon name="icon-navigation"></uui-icon></uui-table-cell>
+						${configuration.isSystem
+            ? this.#renderSystemFieldRow(configuration)
+            : this.#renderCustomFieldRow(configuration)}
+						<uui-table-cell>
+							<uui-button label="delete" look="secondary" @click=${() => this.#onRemove(configuration.alias)}
+								>Remove</uui-button
+							>
+						</uui-table-cell>
+					</uui-table-row> `)}
+		</uui-table>`;
+    }
+    #renderSystemFieldRow(configuration) {
+        return html `
+			<uui-table-cell><strong>${configuration.alias}</strong><small>(system field)</small></uui-table-cell>
+			<uui-table-cell>${configuration.header}</uui-table-cell>
+			<uui-table-cell></uui-table-cell>
+		`;
+    }
+    #renderCustomFieldRow(configuration) {
+        return html `
+			<uui-table-cell><strong>${configuration.alias}</strong></uui-table-cell>
+			<uui-table-cell>
+				<uui-input
+					label="header"
+					.value=${configuration.header ?? ''}
+					required
+					@change=${(e) => this.#onHeaderChange(e, configuration)}></uui-input>
+			</uui-table-cell>
+			<uui-table-cell>
+				<uui-input
+					label="template"
+					.value=${configuration.nameTemplate ?? ''}
+					@change=${(e) => this.#onTemplateChange(e, configuration)}></uui-input>
+			</uui-table-cell>
+		`;
+    }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
+			strong {
+				display: block;
+			}
+			uui-input {
+				width: 100%;
+			}
+		`,
+    ]; }
 };
 __decorate([
-    property()
+    property({ type: Array })
 ], UmbPropertyEditorUICollectionViewColumnConfigurationElement.prototype, "value", void 0);
 __decorate([
     property({ type: Object, attribute: false })
 ], UmbPropertyEditorUICollectionViewColumnConfigurationElement.prototype, "config", void 0);
+__decorate([
+    query('uui-select')
+], UmbPropertyEditorUICollectionViewColumnConfigurationElement.prototype, "_selectEl", void 0);
 UmbPropertyEditorUICollectionViewColumnConfigurationElement = __decorate([
     customElement('umb-property-editor-ui-collection-view-column-configuration')
 ], UmbPropertyEditorUICollectionViewColumnConfigurationElement);

package/dist-cms/packages/core/property-editor/uis/collection-view/config/layout-configuration/property-editor-ui-collection-view-layout-configuration.element.d.ts

@@ -1,13 +1,25 @@
 import { UmbPropertyEditorUiElement } from '../../../../../extension-registry/index.js';
 import { UmbPropertyEditorConfigCollection } from '../../../../index.js';
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
+interface LayoutConfig {
+    icon?: string;
+    isSystem?: boolean;
+    name?: string;
+    path?: string;
+    selected?: boolean;
+}
 /**
  * @element umb-property-editor-ui-collection-view-layout-configuration
  */
 export declare class UmbPropertyEditorUICollectionViewLayoutConfigurationElement extends UmbLitElement implements UmbPropertyEditorUiElement {
-    value: string;
+    #private;
+    value: Array<LayoutConfig>;
     config?: UmbPropertyEditorConfigCollection;
+    private _modalContext?;
+    constructor();
     render(): import("lit-html").TemplateResult<1>;
+    renderSystemFieldRow(layout: LayoutConfig, index: number): import("lit-html").TemplateResult<1>;
+    renderCustomFieldRow(layout: LayoutConfig, index: number): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 export default UmbPropertyEditorUICollectionViewLayoutConfigurationElement;