@umbraco-cms/backoffice 17.4.0-rc2 → 18.0.0-beta1

package/dist-cms/packages/members/member-type/tree/constants.js

@@ -1,9 +1,4 @@
 export const UMB_MEMBER_TYPE_TREE_REPOSITORY_ALIAS = 'Umb.Repository.MemberType.Tree';
-/**
- * @deprecated Use {@link UMB_MEMBER_TYPE_TREE_REPOSITORY_ALIAS} instead. This will be removed in Umbraco 18.
- */
-export const UMB_MEMBER_TYPE_TREE_STORE_ALIAS = 'Umb.Store.MemberType.Tree';
 export const UMB_MEMBER_TYPE_TREE_ALIAS = 'Umb.Tree.MemberType';
-export { UMB_MEMBER_TYPE_TREE_STORE_CONTEXT } from './member-type-tree.store.context-token.js';
 export * from './folder/constants.js';
 export * from './tree-item-children/constants.js';

package/dist-cms/packages/members/member-type/tree/folder/repository/member-type-folder.server.data-source.d.ts

@@ -37,7 +37,7 @@ export declare class UmbMemberTypeFolderServerDataSource implements UmbDetailDat
         };
         error?: undefined;
     } | {
-        error: import("../../../../../core/resources/index.js").UmbApiError | import("../../../../../core/resources/index.js").UmbCancelError | undefined;
+        error: import("../../../../../core/resources/index.js").UmbCancelError | import("../../../../../core/resources/index.js").UmbApiError | undefined;
         data?: undefined;
     }>;
     /**
@@ -54,7 +54,7 @@ export declare class UmbMemberTypeFolderServerDataSource implements UmbDetailDat
         };
         error?: undefined;
     } | {
-        error: import("../../../../../core/resources/index.js").UmbApiError | import("../../../../../core/resources/index.js").UmbCancelError | undefined;
+        error: import("../../../../../core/resources/index.js").UmbCancelError | import("../../../../../core/resources/index.js").UmbApiError | undefined;
         data?: undefined;
     }>;
     /**
@@ -71,7 +71,7 @@ export declare class UmbMemberTypeFolderServerDataSource implements UmbDetailDat
         };
         error?: undefined;
     } | {
-        error: import("../../../../../core/resources/index.js").UmbApiError | import("../../../../../core/resources/index.js").UmbCancelError | undefined;
+        error: import("../../../../../core/resources/index.js").UmbCancelError | import("../../../../../core/resources/index.js").UmbApiError | undefined;
         data?: undefined;
     }>;
     /**

package/dist-cms/packages/members/member-type/tree/manifests.js

@@ -1,6 +1,5 @@
 import { UMB_MEMBER_TYPE_ENTITY_TYPE, UMB_MEMBER_TYPE_ROOT_ENTITY_TYPE } from '../entity.js';
-import { UMB_MEMBER_TYPE_TREE_ALIAS, UMB_MEMBER_TYPE_TREE_REPOSITORY_ALIAS, UMB_MEMBER_TYPE_TREE_STORE_ALIAS, } from './constants.js';
-import { UmbMemberTypeTreeStore } from './member-type-tree.store.js';
+import { UMB_MEMBER_TYPE_TREE_ALIAS, UMB_MEMBER_TYPE_TREE_REPOSITORY_ALIAS } from './constants.js';
 import { manifests as folderManifests } from './folder/manifests.js';
 import { manifests as treeItemChildrenManifests } from './tree-item-children/manifests.js';
 export const manifests = [
@@ -10,12 +9,6 @@ export const manifests = [
         name: 'Member Type Tree Repository',
         api: () => import('./member-type-tree.repository.js'),
     },
-    {
-        type: 'treeStore',
-        alias: UMB_MEMBER_TYPE_TREE_STORE_ALIAS,
-        name: 'Member Type Tree Store',
-        api: UmbMemberTypeTreeStore,
-    },
     {
         type: 'tree',
         kind: 'default',

package/dist-cms/packages/members/member-type/tree/member-type-tree.repository.js

@@ -1,13 +1,12 @@
 import { UMB_MEMBER_TYPE_ROOT_ENTITY_TYPE } from '../entity.js';
 import { UmbMemberTypeTreeServerDataSource } from './server-data-source/member-type-tree.server.data-source.js';
-import { UMB_MEMBER_TYPE_TREE_STORE_CONTEXT } from './member-type-tree.store.context-token.js';
 import { UmbTreeRepositoryBase } from '../../../core/tree/index.js';
 export class UmbMemberTypeTreeRepository extends UmbTreeRepositoryBase {
     constructor(host) {
-        super(host, UmbMemberTypeTreeServerDataSource, UMB_MEMBER_TYPE_TREE_STORE_CONTEXT);
+        super(host, UmbMemberTypeTreeServerDataSource);
     }
     async requestTreeRoot() {
-        const { data: treeRootData } = await this._treeSource.getRootItems({ skip: 0, take: 0 });
+        const { data: treeRootData } = await this._treeSource.getRootItems({ paging: { skip: 0, take: 0 } });
         const hasChildren = treeRootData ? treeRootData.total > 0 : false;
         const data = {
             unique: null,

package/dist-cms/packages/members/member-type/tree/server-data-source/member-type-tree.server.data-source.d.ts

@@ -27,6 +27,6 @@ export declare class UmbMemberTypeTreeServerDataSource extends UmbControllerBase
     }>;
     getAncestorsOf(args: UmbTreeAncestorsOfRequestArgs): Promise<{
         data: UmbMemberTypeTreeItemModel[] | undefined;
-        error: import("../../../../core/resources/index.js").UmbApiError | import("../../../../core/resources/index.js").UmbCancelError | undefined;
+        error: import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError | undefined;
     }>;
 }

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/document-link-picker-modal.element.d.ts

@@ -6,6 +6,7 @@ export declare class UmbDocumentLinkPickerModalElement extends UmbModalBaseEleme
     private _selectedCulture?;
     private _hasSelection;
     private _selectionConfiguration;
+    private _searchQuery?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/multi-url-picker/document-link-picker-modal/document-link-picker-modal.element.js

@@ -30,6 +30,9 @@ let UmbDocumentLinkPickerModalElement = class UmbDocumentLinkPickerModalElement
         this.observe(this.#pickerContext.selection.hasSelection, (hasSelection) => {
             this._hasSelection = hasSelection;
         });
+        this.observe(this.#pickerContext.search.query, (query) => {
+            this._searchQuery = query?.query;
+        });
     }
     // Tree Selection
     #onTreeItemSelected(event) {
@@ -54,18 +57,7 @@ let UmbDocumentLinkPickerModalElement = class UmbDocumentLinkPickerModalElement
     render() {
         return html `
 			<umb-body-layout headline=${this.localize.term('general_choose')}>
-				${this.#renderLanguageSelector()} ${this.#renderSearch()}
-				<uui-box>
-					<umb-tree
-						alias=${UMB_DOCUMENT_TREE_ALIAS}
-						.props=${{
-            hideTreeItemActions: true,
-            hideTreeRoot: true,
-            selectionConfiguration: this._selectionConfiguration,
-        }}
-						@selected=${this.#onTreeItemSelected}
-						@deselected=${this.#onTreeItemDeselected}></umb-tree>
-				</uui-box>
+				${this.#renderLanguageSelector()} ${this.#renderSearch()} ${this.#renderTree()}
 				<div slot="actions">
 					<uui-button label=${this.localize.term('general_close')} @click=${this._rejectModal}></uui-button>
 					<uui-button
@@ -106,6 +98,24 @@ let UmbDocumentLinkPickerModalElement = class UmbDocumentLinkPickerModalElement
 			</uui-combobox>
 		`;
     }
+    #renderTree() {
+        if (this._searchQuery) {
+            return nothing;
+        }
+        return html `
+			<uui-box>
+				<umb-tree
+					alias=${UMB_DOCUMENT_TREE_ALIAS}
+					.props=${{
+            hideTreeItemActions: true,
+            hideTreeRoot: true,
+            selectionConfiguration: this._selectionConfiguration,
+        }}
+					@selected=${this.#onTreeItemSelected}
+					@deselected=${this.#onTreeItemDeselected}></umb-tree>
+			</uui-box>
+		`;
+    }
     async #onLanguageSelectionChange(event) {
         const target = event.target;
         const value = target?.value;
@@ -132,6 +142,9 @@ __decorate([
 __decorate([
     state()
 ], UmbDocumentLinkPickerModalElement.prototype, "_selectionConfiguration", void 0);
+__decorate([
+    state()
+], UmbDocumentLinkPickerModalElement.prototype, "_searchQuery", void 0);
 UmbDocumentLinkPickerModalElement = __decorate([
     customElement('umb-document-link-picker-modal')
 ], UmbDocumentLinkPickerModalElement);

package/dist-cms/packages/multi-url-picker/property-editor/manifests.d.ts

@@ -8,6 +8,7 @@ export declare const manifests: (import("../../core/property-editor/index.js").M
         propertyEditorSchemaAlias: string;
         icon: string;
         group: string;
+        keywords: string[];
         supportsReadOnly: boolean;
         settings: {
             properties: {

package/dist-cms/packages/multi-url-picker/property-editor/manifests.js

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.MultiUrlPicker',
             icon: 'icon-link',
             group: 'pickers',
+            keywords: ['url', 'link', 'cta', 'links'],
             supportsReadOnly: true,
             settings: {
                 properties: [

package/dist-cms/packages/packages/package/repository/package.repository.d.ts

@@ -5,7 +5,7 @@ import type { UmbControllerHost } from '../../../../libs/controller-api/index.js
 import type { UmbApi, ManifestBase } from '../../../../libs/extension-api/index.js';
 /**
  * A repository for Packages which mimics a tree store.
- 
+
  */
 export declare class UmbPackageRepository extends UmbControllerBase implements UmbApi {
     #private;

package/dist-cms/packages/packages/package/repository/package.repository.js

@@ -5,7 +5,7 @@ import { UmbControllerBase } from '../../../../libs/class-api/index.js';
 import { UMB_SERVER_CONTEXT } from '../../../core/server/index.js';
 /**
  * A repository for Packages which mimics a tree store.
- 
+
  */
 export class UmbPackageRepository extends UmbControllerBase {
     #init;

package/dist-cms/packages/packages/package/repository/sources/package.server.data.d.ts

@@ -26,7 +26,7 @@ export declare class UmbPackageServerDataSource {
         response: Response;
     }>>;
     getCreatePackageDownload(unique: string): Promise<import("../../../../core/resources/index.js").UmbApiResponse<{
-        data: File | Blob;
+        data: Blob | File;
         request: Request;
         response: Response;
     }>>;

package/dist-cms/packages/packages/package-section/views/installed/installed-packages-section-view.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 { UmbPackageRepository } from '../../../package/repository/package.repository.js';
-import { html, css, customElement, state, repeat, nothing, unsafeHTML } from '../../../../../external/lit/index.js';
+import { html, css, customElement, state, repeat, nothing } from '../../../../../external/lit/index.js';
 import { observeMultiple } from '../../../../../libs/observable-api/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
@@ -52,7 +52,7 @@ let UmbInstalledPackagesSectionViewElement = class UmbInstalledPackagesSectionVi
         return html `
 			<div class="no-packages">
 				<h2><strong>${this.localize.term('packager_noPackages')}</strong></h2>
-				<p>${unsafeHTML(this.localize.term('packager_noPackagesDescription'))}</p>
+				<p>${this.localize.htmlString('#packager_noPackagesDescription')}</p>
 			</div>
 		`;
     }

package/dist-cms/packages/packages/types.d.ts

@@ -5,11 +5,6 @@ export type UmbPackage = ManifestResponseModel;
  * This type is used to define the structure of the package manifest response.
  */
 export type UmbPackageManifestResponse = UmbPackage[];
-/**
- * Represents the response from the package manifest endpoint.
- * @deprecated Use `UmbPackageManifestResponse` instead. This will be removed in Umbraco 18.
- */
-export type PackageManifestResponse = UmbPackageManifestResponse;
 export type UmbPackageWithMigrationStatus = UmbPackage & {
     hasPendingMigrations: boolean;
 };

package/dist-cms/packages/preview/context/preview.context.js

@@ -1,6 +1,6 @@
 import { UmbPreviewRepository } from '../repository/index.js';
 import { UMB_PREVIEW_CONTEXT } from './preview.context-token.js';
-import { HubConnectionBuilder } from '../../../external/signalr/index.js';
+import { HubConnectionBuilder, HttpTransportType } from '../../../external/signalr/index.js';
 import { UmbBooleanState, UmbStringState } from '../../../libs/observable-api/index.js';
 import { UmbContextBase } from '../../../libs/class-api/index.js';
 import { UmbLocalizationController } from '../../../libs/localization-api/index.js';
@@ -53,7 +53,7 @@ export class UmbPreviewContext extends UmbContextBase {
             }
             this.#serverUrl = serverUrl;
             this.#setPreviewUrl({ serverUrl });
-            this.#initHubConnection(serverUrl);
+            this.#initHubConnection(serverUrl, serverContext);
         });
         this.consumeContext(UMB_NOTIFICATION_CONTEXT, (notificationContext) => {
             this.#notificationContext = notificationContext;
@@ -69,14 +69,20 @@ export class UmbPreviewContext extends UmbContextBase {
             this.#connection = undefined;
         }
     }
-    async #initHubConnection(serverUrl) {
+    async #initHubConnection(serverUrl, serverContext) {
         const previewHubUrl = `${serverUrl}/umbraco/PreviewHub`;
         // Make sure that no previous connection exists.
         if (this.#connection) {
             await this.#connection.stop();
             this.#connection = undefined;
         }
-        this.#connection = new HubConnectionBuilder().withUrl(previewHubUrl).build();
+        const skipNegotiation = serverContext?.getServerConnection()?.getSignalRSkipNegotiation() ?? false;
+        const hubOptions = {};
+        if (skipNegotiation) {
+            hubOptions.skipNegotiation = true;
+            hubOptions.transport = HttpTransportType.WebSockets;
+        }
+        this.#connection = new HubConnectionBuilder().withUrl(previewHubUrl, hubOptions).build();
         this.#connection.on('refreshed', (payload) => {
             if (payload === this.#unique.getValue()) {
                 this.#setPreviewUrl({ rnd: Math.random() });

package/dist-cms/packages/property-editors/checkbox-list/manifests.js

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.CheckBoxList',
             icon: 'icon-bulleted-list',
             group: 'lists',
+            keywords: ['select', 'multi', 'options', 'features', 'categories', 'checklist'],
             supportsReadOnly: true,
             settings: {
                 properties: [

package/dist-cms/packages/property-editors/collection/config/column/components/input-collection-content-type-property.element.d.ts

@@ -4,7 +4,7 @@ export type UmbContentTypePropertyValue = {
     alias: string;
     isSystem: boolean;
 };
-declare const UmbInputCollectionContentTypePropertyElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<FormDataEntryValue | FormData | undefined>) & typeof UmbLitElement;
+declare const UmbInputCollectionContentTypePropertyElement_base: (new (...args: any[]) => import("@umbraco-ui/uui").UUIFormControlWithBasicsMixinElement<FormData | FormDataEntryValue | undefined>) & typeof UmbLitElement;
 export declare class UmbInputCollectionContentTypePropertyElement extends UmbInputCollectionContentTypePropertyElement_base {
     #private;
     protected getFormElement(): undefined;

package/dist-cms/packages/property-editors/collection/config/column/components/input-collection-content-type-property.element.js

@@ -5,14 +5,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property, css } from '../../../../../../external/lit/index.js';
-import { UUIFormControlMixin } from '../../../../../../external/uui/index.js';
+import { UUIFormControlWithBasicsMixin } from '../../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { UmbChangeEvent, UmbSelectionChangeEvent } from '../../../../../core/event/index.js';
 import { UmbMediaTypeDetailRepository, UMB_MEDIA_TYPE_PICKER_MODAL } from '../../../../../media/media-types/index.js';
 import { UMB_DOCUMENT_TYPE_PICKER_MODAL, UmbDocumentTypeDetailRepository } from '../../../../../documents/document-types/index.js';
 import { UMB_MEMBER_TYPE_PICKER_MODAL, UmbMemberTypeDetailRepository } from '../../../../../members/member-type/index.js';
 import { UMB_ITEM_PICKER_MODAL, UMB_MODAL_MANAGER_CONTEXT } from '../../../../../core/modal/index.js';
-let UmbInputCollectionContentTypePropertyElement = class UmbInputCollectionContentTypePropertyElement extends UUIFormControlMixin(UmbLitElement, undefined) {
+let UmbInputCollectionContentTypePropertyElement = class UmbInputCollectionContentTypePropertyElement extends UUIFormControlWithBasicsMixin(UmbLitElement, undefined) {
     #configuration;
     #modalManager;
     getFormElement() {

package/dist-cms/packages/property-editors/collection/manifests.js

@@ -12,6 +12,7 @@ const propertyEditorUiManifest = {
         propertyEditorSchemaAlias: 'Umbraco.ListView',
         icon: 'icon-layers',
         group: 'lists',
+        keywords: ['list', 'children', 'items', 'listview', 'table', 'overview'],
         settings: {
             properties: [
                 {

package/dist-cms/packages/property-editors/color-picker/manifests.js

@@ -1,5 +1,6 @@
 import { UMB_COLOR_PICKER_PROPERTY_EDITOR_UI_ALIAS } from './constants.js';
 import { manifest as schemaManifest } from './Umbraco.ColorPicker.js';
+import { manifests as valueSummaryManifests } from './value-summary/manifests.js';
 export const manifests = [
     {
         type: 'propertyEditorUi',
@@ -11,8 +12,23 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.ColorPicker',
             icon: 'icon-colorpicker',
             group: 'pickers',
+            keywords: [
+                'select',
+                'color',
+                'colour',
+                'theme',
+                'brand',
+                'background',
+                'palette',
+                'accent',
+                'swatch',
+                'hex',
+                'rgb',
+                'foreground',
+            ],
             supportsReadOnly: true,
         },
     },
     schemaManifest,
+    ...valueSummaryManifests,
 ];

package/dist-cms/packages/property-editors/color-picker/property-editor-ui-color-picker.element.js

@@ -28,6 +28,7 @@ let UmbPropertyEditorUIColorPickerElement = class UmbPropertyEditorUIColorPicker
     }
     set value(value) {
         super.value = value ? this.#ensureHashPrefix(value) : undefined;
+        this.#syncLabelFromSwatches();
     }
     get value() {
         return super.value;
@@ -38,6 +39,19 @@ let UmbPropertyEditorUIColorPickerElement = class UmbPropertyEditorUIColorPicker
         this._showLabels = config?.getValueByAlias('useLabel') ?? false;
         const swatches = config?.getValueByAlias('items') ?? [];
         this._swatches = swatches.map((swatch) => this.#ensureHashPrefix(swatch));
+        this.#syncLabelFromSwatches();
+    }
+    #syncLabelFromSwatches() {
+        if (!this.value || this._swatches.length === 0)
+            return;
+        // Compare case-insensitively to match legacy/inconsistently-cased stored values (e.g. "#FF0000" vs "#ff0000").
+        const targetValue = this.value.value.toLowerCase();
+        const match = this._swatches.find((swatch) => swatch.value.toLowerCase() === targetValue);
+        if (match && match.label !== this.value.label) {
+            super.value = match;
+            // Dispatch outside of user interaction so the refreshed label is persisted on the next save.
+            this.dispatchEvent(new UmbChangeEvent());
+        }
     }
     #ensureHashPrefix(swatch) {
         return {

package/dist-cms/packages/property-editors/color-picker/types.d.ts

@@ -0,0 +1,6 @@
+interface UmbColorPickerDetailPropertyEditorValue {
+    label: string;
+    value: string;
+}
+export type UmbColorPickerPropertyEditorValue = UmbColorPickerDetailPropertyEditorValue | string | undefined;
+export {};

package/dist-cms/packages/property-editors/color-picker/types.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/property-editors/color-picker/value-summary/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/property-editors/color-picker/value-summary/manifests.js

@@ -0,0 +1,11 @@
+import { UMB_COLOR_PICKER_PROPERTY_EDITOR_VALUE_TYPE } from '../value-type/constants.js';
+export const manifests = [
+    {
+        type: 'valueSummary',
+        kind: 'default',
+        alias: 'Umb.ValueSummary.PropertyEditor.ColorPicker',
+        name: 'Color Picker Property Editor Value Summary',
+        forValueType: UMB_COLOR_PICKER_PROPERTY_EDITOR_VALUE_TYPE,
+        element: () => import('./value-summary.element.js'),
+    },
+];

package/dist-cms/packages/property-editors/color-picker/value-summary/value-summary.element.d.ts

@@ -0,0 +1,12 @@
+import type { UmbColorPickerPropertyEditorValue } from '../types.js';
+import { nothing } from '../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../core/value-summary/index.js';
+export declare class UmbColorPickerPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase<UmbColorPickerPropertyEditorValue> {
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+export { UmbColorPickerPropertyEditorValueSummaryElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-color-picker-property-editor-value-summary': UmbColorPickerPropertyEditorValueSummaryElement;
+    }
+}

package/dist-cms/packages/property-editors/color-picker/value-summary/value-summary.element.js

@@ -0,0 +1,22 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { customElement, html, nothing, when } from '../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../core/value-summary/index.js';
+let UmbColorPickerPropertyEditorValueSummaryElement = class UmbColorPickerPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase {
+    render() {
+        if (!this._value)
+            return nothing;
+        const color = typeof this._value === 'string' ? this._value : this._value.value;
+        const label = typeof this._value === 'string' ? this._value : this._value.label;
+        return when(color, () => html `<uui-color-swatch label=${label} value=${color} style="--uui-swatch-size: 1em;"></uui-color-swatch>`);
+    }
+};
+UmbColorPickerPropertyEditorValueSummaryElement = __decorate([
+    customElement('umb-color-picker-property-editor-value-summary')
+], UmbColorPickerPropertyEditorValueSummaryElement);
+export { UmbColorPickerPropertyEditorValueSummaryElement };
+export { UmbColorPickerPropertyEditorValueSummaryElement as element };

package/dist-cms/packages/property-editors/color-picker/value-type/constants.d.ts

@@ -0,0 +1,7 @@
+import type { UmbColorPickerPropertyEditorValue } from '../types.js';
+export declare const UMB_COLOR_PICKER_PROPERTY_EDITOR_VALUE_TYPE: "Umbraco.ColorPicker";
+declare global {
+    interface UmbValueTypeMap {
+        [UMB_COLOR_PICKER_PROPERTY_EDITOR_VALUE_TYPE]: UmbColorPickerPropertyEditorValue;
+    }
+}

package/dist-cms/packages/property-editors/color-picker/value-type/constants.js

@@ -0,0 +1 @@
+export const UMB_COLOR_PICKER_PROPERTY_EDITOR_VALUE_TYPE = 'Umbraco.ColorPicker';

package/dist-cms/packages/property-editors/content-picker/config/source-content/input-content-picker-source.element.d.ts

@@ -1,7 +1,7 @@
 import type { UmbContentPickerDynamicRoot, UmbContentPickerSourceType } from '../../types.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import '../../dynamic-root/components/input-content-picker-document-root.element.js';
-declare const UmbInputContentPickerSourceElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<FormDataEntryValue | FormData>) & typeof UmbLitElement;
+declare const UmbInputContentPickerSourceElement_base: (new (...args: any[]) => import("@umbraco-ui/uui").UUIFormControlWithBasicsMixinElement<FormData | FormDataEntryValue>) & typeof UmbLitElement;
 export declare class UmbInputContentPickerSourceElement extends UmbInputContentPickerSourceElement_base {
     #private;
     protected getFormElement(): undefined;

package/dist-cms/packages/property-editors/content-picker/config/source-content/input-content-picker-source.element.js

@@ -5,11 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property, css, state, nothing } from '../../../../../external/lit/index.js';
-import { UUIFormControlMixin } from '../../../../../external/uui/index.js';
+import { UUIFormControlWithBasicsMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbChangeEvent } from '../../../../core/event/index.js';
 import '../../dynamic-root/components/input-content-picker-document-root.element.js';
-let UmbInputContentPickerSourceElement = class UmbInputContentPickerSourceElement extends UUIFormControlMixin(UmbLitElement, '') {
+let UmbInputContentPickerSourceElement = class UmbInputContentPickerSourceElement extends UUIFormControlWithBasicsMixin(UmbLitElement, '') {
     constructor() {
         super(...arguments);
         this.#type = 'content';

package/dist-cms/packages/property-editors/content-picker/manifests.js

@@ -11,6 +11,7 @@ const manifest = {
         label: 'Content Picker',
         icon: 'icon-page-add',
         group: 'pickers',
+        keywords: ['select', 'page', 'node', 'reference', 'related', 'link', 'pages', 'content'],
         propertyEditorSchemaAlias: 'Umbraco.MultiNodeTreePicker',
         supportsReadOnly: true,
         settings: {

package/dist-cms/packages/property-editors/content-picker/property-editor-ui-content-picker.element.js

@@ -171,12 +171,10 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
     #renderInvalidData() {
         if (!this._invalidData?.length)
             return nothing;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
         const groupby = Object.groupBy(this._invalidData, (x) => x.type);
-        const grouped = Object.keys(groupby)
-            .sort((a, b) => a.localeCompare(b))
-            .map((key) => ({ key, items: groupby[key] }));
+        const grouped = Object.entries(groupby)
+            .sort(([a], [b]) => a.localeCompare(b))
+            .map(([key, items]) => ({ key, items: items ?? [] }));
         const toPickerType = (type) => {
             return type === UMB_DOCUMENT_ENTITY_TYPE ? 'content' : type;
         };

package/dist-cms/packages/property-editors/date-picker/manifests.js

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.DateTime',
             icon: 'icon-time',
             group: 'pickers',
+            keywords: ['select', 'date', 'calendar', 'schedule', 'event'],
             supportsReadOnly: true,
             settings: {
                 properties: [

package/dist-cms/packages/property-editors/date-time/date-only-picker/manifests.js

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.DateOnly',
             icon: 'icon-calendar-alt',
             group: 'date',
+            keywords: ['date', 'calendar', 'birthday', 'deadline', 'day', 'anniversary', 'expiry', 'start', 'end', 'release'],
             supportsReadOnly: true,
         },
     },

package/dist-cms/packages/property-editors/date-time/date-time-picker/manifests.js

@@ -10,6 +10,20 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.DateTimeUnspecified',
             icon: 'icon-calendar-alt',
             group: 'date',
+            keywords: [
+                'date',
+                'time',
+                'datetime',
+                'timestamp',
+                'schedule',
+                'when',
+                'meeting',
+                'appointment',
+                'event',
+                'start time',
+                'end time',
+                'deadline',
+            ],
             supportsReadOnly: true,
             settings: {
                 properties: [

package/dist-cms/packages/property-editors/date-time/date-time-with-time-zone-picker/manifests.js

@@ -1,4 +1,5 @@
 import { manifest as schemaManifest } from './Umbraco.DateTimeWithTimeZone.js';
+import { manifests as valueSummaryManifests } from './value-summary/manifests.js';
 export const manifests = [
     {
         type: 'propertyEditorUi',
@@ -10,6 +11,23 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.DateTimeWithTimeZone',
             icon: 'icon-calendar-alt',
             group: 'date',
+            keywords: [
+                'date',
+                'time',
+                'timezone',
+                'schedule',
+                'global',
+                'opening hours',
+                'publish',
+                'webinar',
+                'international',
+                'utc',
+                'expiry',
+                'start',
+                'end',
+                'appointment',
+                'deadline',
+            ],
             supportsReadOnly: true,
             settings: {
                 properties: [
@@ -52,4 +70,5 @@ export const manifests = [
         },
     },
     schemaManifest,
+    ...valueSummaryManifests,
 ];

package/dist-cms/packages/property-editors/date-time/date-time-with-time-zone-picker/types.d.ts

@@ -0,0 +1,6 @@
+interface UmbDateTimeWithTimeZoneDetailPropertyEditorValue {
+    date: string;
+    timeZone: string;
+}
+export type UmbDateTimeWithTimeZonePropertyEditorValue = UmbDateTimeWithTimeZoneDetailPropertyEditorValue | undefined;
+export {};

package/dist-cms/packages/property-editors/date-time/date-time-with-time-zone-picker/types.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/property-editors/date-time/date-time-with-time-zone-picker/value-summary/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/property-editors/date-time/date-time-with-time-zone-picker/value-summary/manifests.js

@@ -0,0 +1,11 @@
+import { UMB_DATE_TIME_WITH_TIME_ZONE_PROPERTY_EDITOR_VALUE_TYPE } from '../value-type/constants.js';
+export const manifests = [
+    {
+        type: 'valueSummary',
+        kind: 'default',
+        alias: 'Umb.ValueSummary.PropertyEditor.DateTimeWithTimeZone',
+        name: 'Date Time With Time Zone Property Editor Value Summary',
+        forValueType: UMB_DATE_TIME_WITH_TIME_ZONE_PROPERTY_EDITOR_VALUE_TYPE,
+        element: () => import('./value-summary.element.js'),
+    },
+];