@umbraco-cms/backoffice 16.3.0-rc3 → 17.0.0-beta

package/dist-cms/apps/backoffice/backoffice.context.d.ts

@@ -1,5 +1,5 @@
-import { UmbContextToken } from '../../libs/context-api/index.js';
 import { UmbContextBase } from '../../libs/class-api/index.js';
+import { UmbContextToken } from '../../libs/context-api/index.js';
 import type { ManifestSection } from '../../packages/core/section/index.js';
 import type { UmbControllerHost } from '../../libs/controller-api/index.js';
 import type { UmbExtensionManifestInitializer } from '../../libs/extension-api/index.js';

package/dist-cms/apps/backoffice/backoffice.context.js

@@ -1,13 +1,13 @@
 import { tryExecute } from '../../packages/core/resources/index.js';
+import { umbExtensionsRegistry } from '../../packages/core/extension-registry/index.js';
 import { ServerService } from '../../packages/core/backend-api/index.js';
 import { UmbBasicState, UmbStringState } from '../../libs/observable-api/index.js';
-import { UmbContextToken } from '../../libs/context-api/index.js';
 import { UmbContextBase } from '../../libs/class-api/index.js';
+import { UmbContextToken } from '../../libs/context-api/index.js';
 import { UmbExtensionsManifestInitializer } from '../../libs/extension-api/index.js';
-import { umbExtensionsRegistry } from '../../packages/core/extension-registry/index.js';
+import { UmbSysinfoRepository } from '../../packages/sysinfo/index.js';
 import { UMB_AUTH_CONTEXT } from '../../packages/core/auth/index.js';
 import { UMB_CURRENT_USER_CONTEXT } from '../../packages/user/current-user/index.js';
-import { UmbSysinfoRepository } from '../../packages/sysinfo/index.js';
 export class UmbBackofficeContext extends UmbContextBase {
     #activeSectionAlias;
     // TODO: We need a class array state:

package/dist-cms/apps/backoffice/backoffice.element.js

@@ -37,7 +37,6 @@ const CORE_PACKAGES = [
     import('../../packages/publish-cache/umbraco-package.js'),
     import('../../packages/relations/umbraco-package.js'),
     import('../../packages/rte/umbraco-package.js'),
-    import('../../packages/search/umbraco-package.js'),
     import('../../packages/settings/umbraco-package.js'),
     import('../../packages/static-file/umbraco-package.js'),
     import('../../packages/sysinfo/umbraco-package.js'),

package/dist-cms/apps/backoffice/components/backoffice-header-sections.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 { UMB_BACKOFFICE_CONTEXT } from '../backoffice.context.js';
-import { css, html, customElement, state, repeat, ifDefined } from '../../../external/lit/index.js';
+import { css, customElement, html, ifDefined, repeat, state } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
 let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElement extends UmbLitElement {
     #sectionPathMap;
@@ -25,7 +25,7 @@ let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElemen
             return;
         this.observe(this._backofficeContext.allowedSections, (allowedSections) => {
             const oldValue = this._sections;
-            this._sections = allowedSections;
+            this._sections = allowedSections.map((section) => section.manifest).filter((section) => section !== undefined);
             this.requestUpdate('_sections', oldValue);
         }, 'observeSections');
     }
@@ -36,9 +36,6 @@ let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElemen
             this._currentSectionAlias = currentSectionAlias || '';
         }, 'observeCurrentSection');
     }
-    #getSectionName(section) {
-        return section.manifest?.meta.label ? this.localize.string(section.manifest?.meta.label) : section.manifest?.name;
-    }
     #getSectionPath(manifest) {
         return `section/${manifest?.meta.pathname}`;
     }
@@ -78,19 +75,21 @@ let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElemen
     render() {
         return html `
 			<uui-tab-group id="tabs" data-mark="section-links">
-				${repeat(this._sections, (section) => section.alias, (section) => html `
-						<uui-tab
-							?active="${this._currentSectionAlias === section.alias}"
-							@click=${(event) => this.#onSectionClick(event, section.manifest)}
-							href="${this.#getSectionPath(section.manifest)}"
-							label="${ifDefined(this.#getSectionName(section))}"
-							data-mark="section-link:${section.alias}"
-							>${this.#getSectionName(section)}</uui-tab
-						>
-					`)}
+				${repeat(this._sections, (section) => section.alias, (section) => this.#renderItem(section))}
 			</uui-tab-group>
 		`;
     }
+    #renderItem(manifest) {
+        const label = this.localize.string(manifest?.meta.label || manifest?.name);
+        return html `<uui-tab
+			data-mark="section-link:${manifest.alias}"
+			href=${this.#getSectionPath(manifest)}
+			label=${ifDefined(label)}
+			?active=${this._currentSectionAlias === manifest.alias}
+			@click=${(event) => this.#onSectionClick(event, manifest)}
+			>${label}</uui-tab
+		>`;
+    }
     static { this.styles = [
         css `
 			:host {
@@ -100,10 +99,10 @@ let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElemen
 				height: 60px;
 				flex-basis: 100%;
 				font-size: 16px; /* specific for the header */
+				background-color: var(--uui-color-header-background);
 				--uui-tab-text: var(--uui-color-header-contrast);
 				--uui-tab-text-hover: var(--uui-color-header-contrast-emphasis);
 				--uui-tab-text-active: var(--uui-color-header-contrast-emphasis);
-				background-color: var(--uui-color-header-background);
 				--uui-tab-group-dropdown-background: var(--uui-color-header-surface);
 			}
 		`,

package/dist-cms/apps/backoffice/components/backoffice-main.element.d.ts

@@ -1,15 +1,11 @@
-import { nothing } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
 export declare class UmbBackofficeMainElement extends UmbLitElement {
+    #private;
     private _routes;
     private _sections;
-    private _backofficeContext?;
-    private _sectionContext?;
     constructor();
     private _observeBackoffice;
-    private _createRoutes;
-    private _provideSectionContext;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | undefined;
     static styles: import("lit").CSSResult[];
 }
 declare global {

package/dist-cms/apps/backoffice/components/backoffice-main.element.js

@@ -5,43 +5,47 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_BACKOFFICE_CONTEXT } from '../backoffice.context.js';
-import { css, html, customElement, state, nothing } from '../../../external/lit/index.js';
-import { UmbSectionContext, UMB_SECTION_PATH_PATTERN } from '../../../packages/core/section/index.js';
-import { createExtensionElement } from '../../../libs/extension-api/index.js';
+import { createExtensionApi, createExtensionElement } from '../../../libs/extension-api/index.js';
+import { css, customElement, html, state } from '../../../external/lit/index.js';
+import { UmbDefaultSectionContext, UMB_SECTION_PATH_PATTERN } from '../../../packages/core/section/index.js';
 import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
 let UmbBackofficeMainElement = class UmbBackofficeMainElement extends UmbLitElement {
+    #backofficeContext;
     constructor() {
         super();
         this._routes = [];
         this._sections = [];
         this.consumeContext(UMB_BACKOFFICE_CONTEXT, (_instance) => {
-            this._backofficeContext = _instance;
+            this.#backofficeContext = _instance;
             this._observeBackoffice();
         });
     }
     async _observeBackoffice() {
-        if (this._backofficeContext) {
-            this.observe(this._backofficeContext.allowedSections, (sections) => {
-                this._sections = sections.filter((x) => x.manifest);
-                this._createRoutes();
+        if (this.#backofficeContext) {
+            this.observe(this.#backofficeContext.allowedSections, (sections) => {
+                this._sections = sections.map((section) => section.manifest).filter((section) => section !== undefined);
+                this.#createRoutes();
             }, 'observeAllowedSections');
         }
     }
-    _createRoutes() {
+    #createRoutes() {
         if (!this._sections)
             return;
         // TODO: Refactor this for re-use across the app where the routes are re-generated at any time.
-        const newRoutes = this._sections.map((section) => {
+        const newRoutes = this._sections.map((manifest) => {
             return {
-                path: UMB_SECTION_PATH_PATTERN.generateLocal({ sectionName: section.manifest.meta.pathname }),
-                component: () => createExtensionElement(section.manifest, 'umb-section-default'),
-                setup: (component) => {
-                    const manifest = section.manifest;
-                    if (manifest) {
-                        component.manifest = section.manifest;
-                        this._backofficeContext?.setActiveSectionAlias(manifest.alias);
-                        this._provideSectionContext(manifest);
+                path: UMB_SECTION_PATH_PATTERN.generateLocal({ sectionName: manifest.meta.pathname }),
+                component: () => createExtensionElement(manifest, 'umb-section-default'),
+                setup: async (component) => {
+                    if (component) {
+                        const element = component;
+                        element.manifest = manifest;
+                        const api = await createExtensionApi(element, manifest, [], UmbDefaultSectionContext);
+                        if (api) {
+                            api.manifest = manifest;
+                        }
                     }
+                    this.#backofficeContext?.setActiveSectionAlias(manifest.alias);
                 },
             };
         });
@@ -59,15 +63,10 @@ let UmbBackofficeMainElement = class UmbBackofficeMainElement extends UmbLitElem
         }
         this._routes = newRoutes;
     }
-    // TODO: v17. Remove this section context when we have api's as part of the section manifest.
-    _provideSectionContext(sectionManifest) {
-        if (!this._sectionContext) {
-            this._sectionContext = new UmbSectionContext(this);
-        }
-        this._sectionContext.setManifest(sectionManifest);
-    }
     render() {
-        return this._routes.length > 0 ? html `<umb-router-slot .routes=${this._routes}></umb-router-slot>` : nothing;
+        if (!this._routes.length)
+            return;
+        return html `<umb-router-slot .routes=${this._routes}></umb-router-slot>`;
     }
     static { this.styles = [
         css `

package/dist-cms/assets/lang/da.js

@@ -62,6 +62,7 @@ export default {
         readOnly: 'Skrivebeskyttet',
         trash: 'Papirkurv',
         loadMore: 'Indlæs flere',
+        showMore: 'Vis flere',
     },
     actionCategories: {
         content: 'Indhold',
@@ -786,6 +787,7 @@ export default {
         details: 'Detaljer',
         dictionary: 'Ordbog',
         dimensions: 'Dimensioner',
+        dividerPosition: (value) => `Skillevæg ved ${value}%`,
         discard: 'Kassér',
         down: 'Ned',
         download: 'Hent',
@@ -795,6 +797,7 @@ export default {
         email: 'E-mail',
         error: 'Fejl',
         field: 'Felt',
+        fields: 'Felter',
         fieldFor: 'Felt for %0%',
         findDocument: 'Find',
         first: 'Første',
@@ -1200,9 +1203,9 @@ export default {
     },
     colorPickerConfigurations: {
         colorsTitle: 'Farver',
-        colorsDescription: 'Tilføj, fjern eller sorter farver',
+        colorsDescription: 'Tilføj, fjern eller sorter farver (og etiketter).',
         showLabelTitle: 'Inkluder label?',
-        showLabelDescription: 'Gemmer farver som et Json-objekt, der både indeholder farvens hex streng og label, i stedet for kun at gemme hex strengen.',
+        showLabelDescription: 'Viser et farvet felt og en etiket for hver farve i farvevælgeren i stedet for blot et farvet felt.',
     },
     contentPicker: {
         allowedItemTypes: 'Du kan kun vælge følgende type(r) dokumenter: %0%',
@@ -2293,23 +2296,24 @@ export default {
         headlineEditorAppearance: 'Redigerings udseende',
         headlineDataModels: 'Data modeller',
         headlineCatalogueAppearance: 'Katalog udseende',
-        labelBackgroundColor: 'Baggrunds farve',
-        labelIconColor: 'Ikon farve',
+        labelBackgroundColor: 'Baggrundsfarve',
+        labelIconColor: 'Ikonfarve',
         labelContentElementType: 'Indholds model',
         labelLabelTemplate: 'Label',
         labelCustomView: 'Speciel visning',
         labelCustomViewInfoTitle: 'Vis speciel visning beskrivelsen',
-        labelCustomViewDescription: 'Overskrift hvordan denne block præsenteres i backoffice interfacet. Vælg en\n      .html fil der indeholder din præsensation.\n    ',
+        labelCustomViewDescription: 'Overskrift hvordan denne blok præsenteres i backoffice interfacet. Vælg en\n      .html fil der indeholder din præsensation.\n    ',
         labelSettingsElementType: 'Indstillings model',
         labelEditorSize: 'Rederings lagets størrelse',
         addCustomView: 'Tilføj speciel visning',
-        addSettingsElementType: 'Tilføj instillinger',
+        addSettingsElementType: 'Tilføj indstillinger',
         confirmDeleteBlockTitle: 'Slet %0',
         confirmDeleteBlockMessage: 'Er du sikker på at du vil slette indholdet <strong>%0%</strong>?',
+        confirmDeleteBlockTypeTitle: 'Slet konfiguration for blokken?',
         confirmDeleteBlockTypeMessage: 'Er du sikker på at du vil slette konfigurationen <strong>%0%</strong>?',
         confirmDeleteBlockTypeNotice: 'Indholdet vil stadigt eksistere, men redigering af dette indhold vil ikke\n      være muligt. Indholdet vil blive vist som ikke understøttet indhold.\n    ',
         confirmDeleteBlockGroupTitle: 'Slet gruppe?',
-        confirmDeleteBlockGroupMessage: 'Er du sikker på at du vil slette gruppen <strong>%0%</strong> og blok konfigurationer?',
+        confirmDeleteBlockGroupMessage: 'Er du sikker på at du vil slette gruppen <strong>%0%</strong>?',
         confirmDeleteBlockGroupNotice: 'Indholdet af gruppens blokke vil stadigt eksistere, men redigering af dette indhold vil ikke\n      være muligt. Indholdet vil blive vist som ikke understøttet indhold.\n    ',
         blockConfigurationOverlayTitle: "Konfiguration af '%0%'",
         elementTypeDoesNotExist: 'Kan ikke redigeres fordi elementtypen ikke eksisterer.',
@@ -2341,7 +2345,7 @@ export default {
         areaDisallowAllBlocks: 'Tillad kun specifikke blok-typer',
         areaAllowedBlocks: 'Tilladte blok-typer',
         areaAllowedBlocksHelp: 'Vælg de blok-typer, der er tilladt i dette område, og evt. også hvor mange af hver type, redaktørerne skal tilføje til området.',
-        areaAllowedBlocksEmpty: 'Når denne er tom er alle block-typer tilladt for områder tilladt.',
+        areaAllowedBlocksEmpty: 'Når denne er tom er alle blok-typer tilladt for områder tilladt.',
         confirmDeleteBlockAreaMessage: 'Er du sikker på, at du vil slette dette område?',
         confirmDeleteBlockAreaNotice: 'Alle blokke, der er oprettet i dette område, vil blive slettet.',
         layoutOptions: 'Layout-opsætning',
@@ -2368,11 +2372,13 @@ export default {
         areaCreateLabelTitle: 'Tilføj indhold label',
         areaCreateLabelHelp: 'Overskriv labellen for tilføj indholds knappen i dette område.',
         showSizeOptions: 'Tilføj skalerings muligheder',
-        addBlockType: 'Tilføj Blok',
+        addBlockType: 'Tilføj blok',
         addBlockGroup: 'Tilføj gruppe',
-        pickSpecificAllowance: 'Tilføj gruppe eller Blok',
+        pickSpecificAllowance: 'Tilføj gruppe eller blok',
         allowanceMinimum: 'Sæt minimum krav',
         allowanceMaximum: 'Sæt maksimum krav',
+        rangeAllowed: 'Antal blokke',
+        specifiedAllowance: 'Tilladte bloktyper',
         block: 'Blok',
         tabBlock: 'Blok',
         tabBlockTypeSettings: 'Indstillinger',
@@ -2380,21 +2386,21 @@ export default {
         tabAdvanced: 'Avanceret',
         headlineAllowance: 'Tilladelser',
         getSampleHeadline: 'Installer demo konfiguration',
-        getSampleDescription: 'Dette tilføjer basale og hjælper dig til at komme igang med Block Grid Editor.<br/>Dette indeholder Blokke for Overskrift, Beriget-Tekst, Billede og To-Koloners-Layout.',
+        getSampleDescription: 'Dette tilføjer basale og hjælper dig til at komme igang med Block Grid Editor.<br/>Dette indeholder blokke for Overskrift, Beriget-Tekst, Billede og To-Koloners-Layout.',
         getSampleButton: 'Installer',
         actionEnterSortMode: 'Sortings tilstand',
         actionExitSortMode: 'Afslut sortings tilstand',
-        areaAliasIsNotUnique: 'Dette område alias skal være unikt sammenlignet med andre områder af denne Blok.',
+        areaAliasIsNotUnique: 'Dette område alias skal være unikt sammenlignet med andre områder af denne blok.',
         configureArea: 'Konfigurer område',
         deleteArea: 'Slet område',
         addColumnSpanOption: 'Tilføj mulighed for %0% koloner',
         allowBlockInAreas: 'Allow in areas',
         allowBlockInAreasHelp: 'Make this block available by default within the areas of other Blocks (unless explicit permissions are set for these areas).',
-        createThisFor: (name, variantName) => variantName ? `Opret ${name} for ${variantName}` : `Create ${name}`,
-        insertBlock: 'Indsæt Block',
+        createThisFor: (name, variantName) => variantName ? `Opret ${name} for ${variantName}` : `Opret ${name}`,
+        insertBlock: 'Indsæt blok',
         labelInlineMode: 'Indsæt på linje med tekst',
         notExposedLabel: 'ikke oprettet',
-        notExposedDescription: 'Denne Block er endnu ikke oprettet for denne variant',
+        notExposedDescription: 'Denne blok er endnu ikke oprettet for denne variant',
         unsupportedBlockName: 'Ugyldigt indhold',
         unsupportedBlockDescription: 'Dette indhold er ikke længere understøttet. Hvis du mangler dette indhold bør du kontakte din administrator. Ellers bør du slette dette indhold.',
         blockVariantConfigurationNotSupported: 'En eller flere bloktyper i denne blokeditor bruger en elementtype, der er konfigureret til at variere efter kultur eller segment. Dette understøttes ikke på et indholdselement, som ikke varierer efter kultur eller segment.',

package/dist-cms/assets/lang/de.js

@@ -707,6 +707,7 @@ export default {
         design: 'Design',
         dictionary: 'Wörterbuch',
         dimensions: 'Abmessungen',
+        dividerPosition: (value) => `Trenner bei ${value}%`,
         discard: 'Verwerfen',
         down: 'nach unten',
         download: 'Herunterladen',

package/dist-cms/assets/lang/en-us.js

@@ -16,9 +16,9 @@ export default {
         noColors: 'You have not configured any approved colors',
     },
     colorPickerConfigurations: {
-        colorsDescription: 'Add, remove or sort colors',
+        colorsDescription: 'Add, remove or sort colors (and labels).',
         colorsTitle: 'Colors',
-        showLabelDescription: 'Stores colors as a JSON object containing both the color hex string and label, rather than just the hex string.',
+        showLabelDescription: 'Displays colored field and a label for each color in the color picker, rather than just a colored field.',
     },
     create: {
         folderDescription: 'Used to organize items and other folders. Keep items structured and easy to access.',
@@ -33,7 +33,7 @@ export default {
     },
     installer: {
         databaseNotFound: '<p>Database not found! Please check that the information in the "connection string" of the "web.config" file is correct.</p><p>To proceed, please edit the "web.config" file (using Visual Studio or your favorite text editor), scroll to the bottom, add the connection string for your database in the key named "UmbracoDbDSN" and save the file.</p><p>Click the <strong>retry</strong> button when done.<br /><a href="https://our.umbraco.com/documentation/Reference/Config/webconfig/" target="_blank" rel="noopener">More information on editing web.config here</a>.</p>',
-        showLabelDescription: 'Stores colors as a JSON object containing both the color hex string and label, rather than just the hex string.',
+        showLabelDescription: 'Displays colored field and a label for each color in the color picker, rather than just a colored field.',
     },
     openidErrors: {
         unauthorizedClient: 'Unauthorized client',

package/dist-cms/assets/lang/en.js

@@ -62,6 +62,7 @@ export default {
         wasMovedTo: 'was moved to',
         viewActionsFor: (name) => (name ? `View actions for '${name}'` : 'View actions'),
         loadMore: 'Load more',
+        showMore: 'Show more',
     },
     actionCategories: {
         content: 'Content',
@@ -497,6 +498,7 @@ export default {
         anchorLinkPicker: 'Anchor or querystring',
         anchorInsert: 'Name',
         closeThisWindow: 'Close this window',
+        colorSwitcher: 'Color switcher',
         confirmdelete: (name) => `Are you sure you want to delete${name ? ` <strong>${name}</strong>` : ''}?`,
         confirmdeleteNumberOfItems: 'Are you sure you want to delete <strong>%0%</strong> of <strong>%1%</strong> items',
         confirmdisable: 'Are you sure you want to disable',
@@ -579,6 +581,7 @@ export default {
         selectUser: 'Select user',
         selectUsers: 'Select users',
         chooseUsers: 'Choose users',
+        noIcon: 'No icon',
         noIconsFound: 'No icons were found',
         noMacroParams: 'There are no parameters for this macro',
         noMacros: 'There are no macros available to insert',
@@ -788,10 +791,12 @@ export default {
         delete: 'Delete',
         deleted: 'Deleted',
         deleting: 'Deleting...',
+        description: 'Description',
         design: 'Design',
         details: 'Details',
         dictionary: 'Dictionary',
         dimensions: 'Dimensions',
+        dividerPosition: (value) => `Divider at ${value}%`,
         discard: 'Discard',
         document: 'Document',
         down: 'Down',
@@ -802,6 +807,7 @@ export default {
         email: 'Email',
         error: 'Error',
         field: 'Field',
+        fields: 'Fields',
         fieldFor: 'Field for %0%',
         toggleFor: 'Toggle for %0%',
         findDocument: 'Find',
@@ -860,6 +866,7 @@ export default {
         pleasewait: 'One moment please...',
         previous: 'Previous',
         properties: 'Properties',
+        propertyEditor: 'Property editor',
         readMore: 'Read more',
         rebuild: 'Rebuild',
         reciept: 'Email to receive form data',
@@ -1208,9 +1215,9 @@ export default {
     },
     colorPickerConfigurations: {
         colorsTitle: 'Colours',
-        colorsDescription: 'Add, remove or sort colours',
+        colorsDescription: 'Add, remove or sort colours (and labels).',
         showLabelTitle: 'Include labels?',
-        showLabelDescription: 'Stores colours as a JSON object containing both the colour hex string and label, rather than just the hex string.',
+        showLabelDescription: 'Displays coloured field and a label for each colour in the colour picker, rather than just a coloured field.',
     },
     contentPicker: {
         allowedItemTypes: 'You can only select items of type(s): %0%',
@@ -2048,9 +2055,11 @@ export default {
         validateAsEmail: 'Validate as an email address',
         validateAsNumber: 'Validate as a number',
         validateAsUrl: 'Validate as a URL',
+        validationPattern: 'Validation pattern',
         enterCustomValidation: '...or enter a custom validation',
         fieldIsMandatory: 'Field is mandatory',
         mandatoryMessage: 'Enter a custom validation error message (optional)',
+        mandatoryMessageLabel: 'Feedback message',
         validationRegExp: 'Enter a regular expression',
         validationRegExpMessage: 'Enter a custom validation error message (optional)',
         minCount: 'You need to add at least',
@@ -2084,7 +2093,8 @@ export default {
         legacyOptionDescription: 'This option is no longer supported, please select something else',
         numberMinimum: "Value must be greater than or equal to '%0%'.",
         numberMaximum: "Value must be less than or equal to '%0%'.",
-        numberMisconfigured: "Minimum value '%0%'must be less than the maximum value '%1%'.",
+        numberMisconfigured: "Minimum value '%0%' must be less than the maximum value '%1%'.",
+        rangeExceeds: 'The low value must not exceed the high value.',
         invalidExtensions: 'One or more of the extensions are invalid.',
         allowedExtensions: 'Allowed extensions are:',
         disallowedExtensions: 'Disallowed extensions are:',
@@ -2181,7 +2191,7 @@ export default {
         noDependency: 'No',
     },
     dashboardTabs: {
-        contentIntro: 'Getting Started',
+        contentIntro: 'Welcome to Umbraco',
         contentRedirectManager: 'Redirect URL Management',
         mediaFolderBrowser: 'Content',
         settingsWelcome: 'Welcome',
@@ -2421,10 +2431,11 @@ export default {
         addSettingsElementType: 'Add settings',
         confirmDeleteBlockTitle: 'Delete %0%?',
         confirmDeleteBlockMessage: 'Are you sure you want to delete this %0%?',
+        confirmDeleteBlockTypeTitle: 'Delete block configuration?',
         confirmDeleteBlockTypeMessage: 'Are you sure you want to delete the block configuration <strong>%0%</strong>?',
         confirmDeleteBlockTypeNotice: 'The content of this block will still be present, editing of this content will no longer be available and will be shown as unsupported content.',
         confirmDeleteBlockGroupTitle: 'Delete group?',
-        confirmDeleteBlockGroupMessage: 'Are you sure you want to delete group <strong>%0%</strong> and all the Block configurations of this?',
+        confirmDeleteBlockGroupMessage: 'Are you sure you want to delete group <strong>%0%</strong>?',
         confirmDeleteBlockGroupNotice: 'The content of these Blocks will still be present, editing of this content will no longer be available and will be shown as unsupported content.',
         blockConfigurationOverlayTitle: "Configuration of '%0%'",
         elementTypeDoesNotExist: 'Cannot be edited cause ElementType does not exist.',
@@ -2490,6 +2501,8 @@ export default {
         pickSpecificAllowance: 'Pick group or Block',
         allowanceMinimum: 'Set a minimum requirement',
         allowanceMaximum: 'Set a maximum requirement',
+        rangeAllowed: 'Number of blocks',
+        specifiedAllowance: 'Allowed block types',
         block: 'Block',
         tabBlock: 'Block',
         tabBlockTypeSettings: 'Settings',
@@ -2640,9 +2653,33 @@ export default {
         detailsDescription: "To resolve this you should either restore the property editor, change the property to use a supported data type or remove the property if it's no longer needed.",
         detailsDataType: 'Data type',
         detailsPropertyEditor: 'Property editor',
+        detailsPropertyEditorUi: 'Property editor UI',
         detailsData: 'Data',
         detailsHide: 'Hide details',
         detailsShow: 'Show details',
+        missingUiTitle: 'The configured property editor UI could not be found.',
+        missingUiDetailsDescription: 'This property editor UI is missing. Ensure your custom UI is registered correctly and the alias matches your configuration.<br/>For implementation details, refer to the <a href="https://docs.umbraco.com/umbraco-cms/customizing/property-editors/composition/property-editor-ui" target="_blank" rel="noopener">documentation</a>.',
+        dataTypeMissingEditor: 'Property Editor not found',
+        dataTypeMissingEditorMessage: 'This property editor could not be found.',
+        dataTypeMissingEditorUi: 'Property Editor UI not found',
+        dataTypeMissingEditorUiMessage: 'This property editor UI could not be found.',
+    },
+    dateTimePicker: {
+        local: 'Local',
+        differentTimeZoneLabel: (offset, localDate) => `The selected time (${offset}) is equivalent to ${localDate} in your local time.`,
+        config_format: 'Format',
+        config_format_datetime: 'Date and time',
+        config_format_dateOnly: 'Date only',
+        config_format_timeOnly: 'Time only',
+        config_timeFormat: 'Time format',
+        config_timeZones: 'Time zones',
+        config_timeZones_description: 'Select the time zones that the editor should be able to pick from.',
+        config_timeZones_all: 'All - Display all available time zones',
+        config_timeZones_local: 'Local - Display only the local time zone',
+        config_timeZones_custom: 'Custom - Display a pre-defined list of time zones',
+        emptyDate: 'Please select a date',
+        emptyTimeZone: 'Please select a time zone',
+        invalidTimeZone: 'The selected time zone is not valid',
     },
     uiCulture: {
         ar: 'العربية',

package/dist-cms/assets/lang/es.js

@@ -269,6 +269,7 @@ export default {
         anchorInsert: 'Nombre',
         assignDomain: 'Administrar dominios',
         closeThisWindow: 'Cerrar esta ventana',
+        colorSwitcher: 'Selector de color',
         confirmdelete: 'Estás seguro que quieres borrar',
         confirmdisable: 'Estás seguro que quieres deshabilitar',
         confirmlogout: '¿Estás seguro?',
@@ -329,6 +330,7 @@ export default {
         selectLanguages: 'Seleccionar idiomas',
         selectSections: 'Selecciona secciones',
         selectUsers: 'Selecciona usuarios',
+        noIcon: 'Sin icono',
         noIconsFound: 'No se encontraron iconos',
         noMacroParams: 'No hay parámetros para esta macro',
         noMacros: 'No hay macros disponibles para insertar',
@@ -454,8 +456,10 @@ export default {
         deleted: 'Borrado',
         deleting: 'Borrando...',
         design: 'Diseño',
+        description: 'Descripción',
         dictionary: 'Diccionario',
         dimensions: 'Dimensiones',
+        dividerPosition: (value) => `Divisor en ${value}%`,
         down: 'Abajo',
         download: 'Descargar',
         edit: 'Editar',
@@ -497,6 +501,7 @@ export default {
         off: 'Desactivado',
         ok: 'OK',
         open: 'Abrir',
+        options: 'Opciones',
         on: 'Activado',
         or: 'o',
         orderBy: 'Ordenar por',
@@ -505,6 +510,7 @@ export default {
         pleasewait: 'Un momento por favor...',
         previous: 'Anterior',
         properties: 'Propiedades',
+        propertyEditor: 'Editor de propiedades',
         reciept: 'Mail para recibir los datos del formulario',
         recycleBin: 'Papelera',
         recycleBinEmpty: 'Tu papelera está vacía',
@@ -1066,6 +1072,9 @@ export default {
         memberCanEdit: 'Miembro puede editar',
         showOnMemberProfile: 'Mostrar en perfil de miembro',
         tabHasNoSortOrder: 'pestaña no tiene orden',
+        displaySettingsHeadline: 'Apariencia',
+        displaySettingsLabelOnLeft: 'Etiqueta a la izquierda',
+        displaySettingsLabelOnTop: 'Etiqueta arriba (ancho completo)',
     },
     languages: {
         addLanguage: 'Agregar idioma',
@@ -1276,9 +1285,12 @@ export default {
         validateAsEmail: 'Validar como email',
         validateAsNumber: 'Validar como número',
         validateAsUrl: 'Validar como URL',
+        validationPattern: 'Patrón de validación',
         enterCustomValidation: '...o introduce tu propia validación',
+        customValidation: 'Validación personalizada',
         fieldIsMandatory: 'Campo obligatorio',
         validationRegExp: 'Introduce una expresión regular',
+        mandatoryMessageLabel: 'Mensaje de validación',
         minCount: 'Necesitas añadir al menos',
         maxCount: 'Sólo puedes tener',
         items: 'elementos',

package/dist-cms/assets/lang/fr.js

@@ -622,6 +622,7 @@ export default {
         design: 'Design',
         dictionary: 'Dictionnaire',
         dimensions: 'Dimensions',
+        dividerPosition: (value) => `Séparateur à ${value}%`,
         down: 'Bas',
         download: 'Télécharger',
         edit: 'Editer',

package/dist-cms/assets/lang/nb.js

@@ -449,6 +449,7 @@ export default {
         error: 'Feil',
         excludeFromSubFolders: 'Søk bare i denne mappen',
         field: 'Felt',
+        fields: 'Felter',
         fieldFor: 'Felt for %0%',
         findDocument: 'Finn',
         first: 'Første',
@@ -1139,7 +1140,7 @@ export default {
         confirmCancelBlockCreationMessage: 'Er du sikker på at du vil avbryte opprettelsen?',
         confirmDeleteBlockAreaMessage: 'Er du sikker på at du vil slette dette området?',
         confirmDeleteBlockAreaNotice: 'Alle blokker som for øyeblikket er opprettet i dette området, vil bli slettet.',
-        confirmDeleteBlockGroupMessage: 'Er du sikker på at du vil slette gruppen <strong>%0%</strong> og alle blokk-konfigurasjonene for denne?',
+        confirmDeleteBlockGroupMessage: 'Er du sikker på at du vil slette gruppen <strong>%0%</strong>?',
         confirmDeleteBlockGroupNotice: 'Innholdet i disse blokkene vil fortsatt være tilstede, men redigering av dette innholdet\n      vil ikke lenger være tilgjengelig og vil bli vist som ikke støttet innhold.\n    ',
         confirmDeleteBlockMessage: 'Er du sikker på at du vil slette innholdet <strong>%0%</strong>?',
         confirmDeleteBlockTypeMessage: 'Er du sikker på at du vil slette blokk-konfigurasjonen <strong>%0%</strong>?',

package/dist-cms/assets/lang/nl.js

@@ -635,6 +635,7 @@ export default {
         design: 'Ontwerp',
         dictionary: 'Woordenboek',
         dimensions: 'Afmetingen',
+        dividerPosition: (value) => `Verdeler op ${value}%`,
         discard: 'Gooi weg',
         down: 'Omlaag',
         download: 'Download',