@umbraco-cms/backoffice 15.3.0 → 15.3.1

package/dist-cms/libs/context-api/provide/context-provider.js

@@ -84,8 +84,7 @@ export class UmbContextProvider {
         // Note we are not removing the event listener in the hostDisconnected, therefor we do it here [NL].
         this.#eventTarget?.removeEventListener(UMB_CONTEXT_REQUEST_EVENT_TYPE, this.#handleContextRequest);
         this.#eventTarget?.removeEventListener(UMB_DEBUG_CONTEXT_EVENT_TYPE, this.#handleDebugContextRequest);
-        // We want to call a destroy method on the instance, if it has one.
-        this.#instance?.destroy?.();
+        // We do not want to call a destroy method on the instance, because maybe it should be re-provided later on. [NL]
         this.#instance = undefined;
         this.#eventTarget = undefined;
     }

package/dist-cms/packages/core/localization/registry/localization.registry.js

@@ -69,7 +69,7 @@ export class UmbLocalizationRegistry {
             if (!translations.length)
                 return;
             if (diff.length) {
-                const filteredTranslations = translations.filter((t) => diff.some((ext) => ext.meta.culture === t.$code));
+                const filteredTranslations = translations.filter((t) => diff.some((ext) => ext.meta.culture.toLowerCase() === t.$code));
                 umbLocalizationManager.registerManyLocalizations(filteredTranslations);
             }
             // Set the document language

package/dist-cms/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.element.js

@@ -44,10 +44,8 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
         return this._editorElement?.querySelector('iframe') ?? undefined;
     }
     set value(newValue) {
-        if (newValue === this.value)
-            return;
-        super.value = newValue;
         const newContent = typeof newValue === 'string' ? newValue : '';
+        super.value = newContent;
         if (this.#editorRef && this.#editorRef.getContent() != newContent) {
             this.#editorRef.setContent(newContent);
         }

package/dist-cms/packages/tiny-mce/property-editors/tiny-mce/property-editor-ui-tiny-mce.element.js

@@ -5,36 +5,33 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { customElement, html } from '../../../../external/lit/index.js';
-import { UmbPropertyEditorUiRteElementBase, UMB_BLOCK_RTE_DATA_CONTENT_KEY } from '../../../rte/index.js';
+import { UmbPropertyEditorUiRteElementBase } from '../../../rte/index.js';
 import '../../components/input-tiny-mce/input-tiny-mce.element.js';
 /**
  * @element umb-property-editor-ui-tiny-mce
  */
 let UmbPropertyEditorUITinyMceElement = class UmbPropertyEditorUITinyMceElement extends UmbPropertyEditorUiRteElementBase {
     #onChange(event) {
-        const value = typeof event.target.value === 'string' ? event.target.value : '';
+        const markup = typeof event.target.value === 'string' ? event.target.value : '';
         // If we don't get any markup clear the property editor value.
-        if (value === '') {
+        if (markup === '') {
             this.value = undefined;
             this._fireChangeEvent();
             return;
         }
-        // Clone the DOM, to remove the classes and attributes on the original:
-        const div = document.createElement('div');
-        div.innerHTML = value;
-        // Loop through used, to remove the classes on these.
-        const blockEls = div.querySelectorAll(`umb-rte-block, umb-rte-block-inline`);
-        blockEls.forEach((blockEl) => {
-            blockEl.removeAttribute('contenteditable');
-            blockEl.removeAttribute('class');
-        });
-        const markup = div.innerHTML;
         // Remove unused Blocks of Blocks Layout. Leaving only the Blocks that are present in Markup.
-        //const blockElements = editor.dom.select(`umb-rte-block, umb-rte-block-inline`);
-        const usedContentKeys = Array.from(blockEls).map((blockElement) => blockElement.getAttribute(UMB_BLOCK_RTE_DATA_CONTENT_KEY));
-        if (super.value) {
-            super.value = {
-                ...super.value,
+        const usedContentKeys = [];
+        // Regex matching all block elements in the markup, and extracting the content key. It's the same as the one used on the backend.
+        const regex = new RegExp(/<umb-rte-block(?:-inline)?(?: class="(?:.[^"]*)")? data-content-key="(?<key>.[^"]*)">(?:<!--Umbraco-Block-->)?<\/umb-rte-block(?:-inline)?>/gi);
+        let blockElement;
+        while ((blockElement = regex.exec(markup)) !== null) {
+            if (blockElement.groups?.key) {
+                usedContentKeys.push(blockElement.groups.key);
+            }
+        }
+        if (this.value) {
+            this.value = {
+                ...this.value,
                 markup: markup,
             };
         }