@umbraco-cms/backoffice 16.3.4 → 16.4.0-rc2

package/README.md

@@ -2,6 +2,14 @@
 
 This package contains the types for the Umbraco Backoffice.
 
+## Preview
+
+A live preview of the latest backoffice build from the main branch is available at:
+
+**[backofficepreview.umbraco.com](https://backofficepreview.umbraco.com/)**
+
+This preview is automatically deployed via GitHub Actions whenever changes are pushed to main or version branches.
+
 ## Installation
 
 ```bash

package/dist-cms/apps/backoffice/components/backoffice-header-sections.element.js

@@ -58,8 +58,9 @@ let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElemen
             throw new Error('Section manifest is missing');
         }
         const clickedSectionAlias = manifest.alias;
-        // If the clicked section is the same as the current section, we just load the original section path to load the section root
-        if (this._currentSectionAlias === clickedSectionAlias) {
+        // If preventUrlRetention is set to true then go to the section root.
+        // Or if the clicked section is the current active one, then navigate to the section root
+        if (manifest?.meta.preventUrlRetention === true || this._currentSectionAlias === clickedSectionAlias) {
             const sectionPath = this.#getSectionPath(manifest);
             history.pushState(null, '', sectionPath);
             return;

package/dist-cms/apps/preview/apps/preview-exit.element.js

@@ -10,7 +10,7 @@ import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
 let UmbPreviewExitElement = class UmbPreviewExitElement extends UmbLitElement {
     async #onClick() {
         const previewContext = await this.getContext(UMB_PREVIEW_CONTEXT);
-        previewContext?.exitPreview(0);
+        await previewContext?.exitPreview(0);
     }
     render() {
         return html `

package/dist-cms/apps/preview/apps/preview-open-website.element.js

@@ -10,7 +10,7 @@ import { UmbLitElement } from '../../../packages/core/lit-element/index.js';
 let UmbPreviewOpenWebsiteElement = class UmbPreviewOpenWebsiteElement extends UmbLitElement {
     async #onClick() {
         const previewContext = await this.getContext(UMB_PREVIEW_CONTEXT);
-        previewContext?.openWebsite();
+        await previewContext?.openWebsite();
     }
     render() {
         return html `

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

@@ -18,7 +18,7 @@ export declare class UmbPreviewContext extends UmbContextBase {
     exitSession(): Promise<void>;
     iframeLoaded(iframe: HTMLIFrameElement): void;
     getIFrameWrapper(): HTMLElement | undefined;
-    openWebsite(): void;
+    openWebsite(): Promise<void>;
     reloadIFrame(iframe: HTMLIFrameElement): void;
     restartSession(): Promise<void>;
     startSession(): void;

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

@@ -1,5 +1,7 @@
-import { UmbBooleanState, UmbStringState } from '../../libs/observable-api/index.js';
+import { tryExecute } from '../../packages/core/resources/index.js';
 import { umbConfirmModal } from '../../packages/core/modal/index.js';
+import { DocumentService } from '../../packages/core/backend-api/index.js';
+import { UmbBooleanState, UmbStringState } from '../../libs/observable-api/index.js';
 import { UmbContextBase } from '../../libs/class-api/index.js';
 import { UmbContextToken } from '../../libs/context-api/index.js';
 import { UmbDocumentPreviewRepository } from '../../packages/documents/documents/index.js';
@@ -60,6 +62,18 @@ export class UmbPreviewContext extends UmbContextBase {
             }
         });
     }
+    async #getPublishedUrl() {
+        if (!this.#unique)
+            return null;
+        // NOTE: We should be reusing `UmbDocumentUrlRepository` here, but the preview app doesn't register the `itemStore` extensions, so can't resolve/consume `UMB_DOCUMENT_URL_STORE_CONTEXT`. [LK]
+        const { data } = await tryExecute(this, DocumentService.getDocumentUrls({ query: { id: [this.#unique] } }));
+        if (!data?.length)
+            return null;
+        const urlInfo = this.#culture ? data[0].urlInfos.find((x) => x.culture === this.#culture) : data[0].urlInfos[0];
+        if (!urlInfo?.url)
+            return null;
+        return urlInfo.url.startsWith('/') ? `${this.#serverUrl}${urlInfo.url}` : urlInfo.url;
+    }
     #getSessionCount() {
         return Math.max(Number(localStorage.getItem(UMB_LOCALSTORAGE_SESSION_KEY)), 0) || 0;
     }
@@ -128,7 +142,10 @@ export class UmbPreviewContext extends UmbContextBase {
             this.#webSocket.close();
             this.#webSocket = undefined;
         }
-        const url = this.#previewUrl.getValue();
+        let url = await this.#getPublishedUrl();
+        if (!url) {
+            url = this.#previewUrl.getValue();
+        }
         window.location.replace(url);
     }
     async exitSession() {
@@ -145,8 +162,11 @@ export class UmbPreviewContext extends UmbContextBase {
     getIFrameWrapper() {
         return this.getHostElement().shadowRoot?.querySelector('#wrapper');
     }
-    openWebsite() {
-        const url = this.#previewUrl.getValue();
+    async openWebsite() {
+        let url = await this.#getPublishedUrl();
+        if (!url) {
+            url = this.#previewUrl.getValue();
+        }
         window.open(url, '_blank');
     }
     reloadIFrame(iframe) {

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

@@ -54,7 +54,7 @@ let UmbPreviewElement = class UmbPreviewElement extends UmbLitElement {
 						src=${this._previewUrl}
 						title="Page preview"
 						@load=${this.#onIFrameLoad}
-						sandbox="allow-scripts allow-same-origin"></iframe>
+						sandbox="allow-scripts allow-same-origin allow-forms"></iframe>
 				</div>
 			</div>
 			<div id="menu">

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

@@ -786,6 +786,7 @@ export default {
         details: 'Detaljer',
         dictionary: 'Ordbog',
         dimensions: 'Dimensioner',
+        dividerPosition: (value) => `Skillevæg ved ${value}%`,
         discard: 'Kassér',
         down: 'Ned',
         download: 'Hent',
@@ -2293,23 +2294,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 +2343,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 +2370,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 +2384,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

@@ -7,6 +7,7 @@ export default {
         changeDataType: 'Datentyp ändern',
         copy: 'Kopieren',
         create: 'Neu',
+        createFor: (name) => (name ? `Neu erstellen für ${name}` : 'Neu'),
         export: 'Exportieren',
         createPackage: 'Neues Paket',
         createGroup: 'Neue Gruppe',
@@ -52,6 +53,7 @@ export default {
         unlock: 'Freigeben',
         createblueprint: 'Inhaltsvorlage anlegen',
         resendInvite: 'Einladung erneut versenden',
+        viewActionsFor: (name) => (name ? `Aktionen anzeigen für ${name}` : 'Aktionen anzeigen'),
     },
     actionCategories: {
         content: 'Inhalt',
@@ -707,6 +709,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.js

@@ -11,6 +11,7 @@ export default {
         copy: 'Duplicate',
         copyTo: 'Duplicate to',
         create: 'Create',
+        createFor: (name) => (name ? `Create item for ${name}` : 'Create'),
         createblueprint: 'Create Document Blueprint',
         createGroup: 'Create group',
         createPackage: 'Create Package',
@@ -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',
@@ -792,6 +795,7 @@ export default {
         details: 'Details',
         dictionary: 'Dictionary',
         dimensions: 'Dimensions',
+        dividerPosition: (value) => `Divider at ${value}%`,
         discard: 'Discard',
         document: 'Document',
         down: 'Down',
@@ -2084,7 +2088,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:',
@@ -2421,10 +2426,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 +2496,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 +2648,16 @@ 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.',
     },
     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',
@@ -456,6 +458,7 @@ export default {
         design: 'Diseño',
         dictionary: 'Diccionario',
         dimensions: 'Dimensiones',
+        dividerPosition: (value) => `Divisor en ${value}%`,
         down: 'Abajo',
         download: 'Descargar',
         edit: 'Editar',

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

@@ -1139,7 +1139,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',

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

@@ -2611,8 +2611,15 @@ export default {
         detailsDescription: 'Para resolver o problema, deverá ou restaurar o editor de propriedades, ou alterar a propriedade para usar um tipo de dados compatível ou remover a propriedade se ela não for mais necessária.',
         detailsDataType: 'Tipo de dados',
         detailsPropertyEditor: 'Editor de propriedades',
+        detailsPropertyEditorUi: 'Interface do editor de propriedades',
         detailsData: 'Dados',
         detailsHide: 'Esconder detalhes',
         detailsShow: 'Mostrar detalhes',
+        missingUiTitle: 'A interface do editor de propriedades configurada não foi encontrada.',
+        missingUiDetailsDescription: 'Esta interface do editor de propriedades não foi encontrada. Certifique-se de que esta está registada corretamente e que o alias corresponde à sua configuração.<br/>Para detalhes de implementação, consulte a <a href="https://docs.umbraco.com/umbraco-cms/customizing/property-editors/composition/property-editor-ui" target="_blank" rel="noopener">documentação</a>.',
+        dataTypeMissingEditor: 'Editor de propriedades não encontrado',
+        dataTypeMissingEditorMessage: 'Este editor de propriedades não foi encontrado.',
+        dataTypeMissingEditorUi: 'Interface do editor de propriedades não encontrada',
+        dataTypeMissingEditorUiMessage: 'Esta interface do editor de propriedades não foi encontrada.',
     },
 };