@umbraco-cms/backoffice 14.0.0-rc4 → 14.0.0

package/dist-cms/packages/language/repository/item/index.js

@@ -1,2 +1,2 @@
 export { UmbLanguageItemRepository } from './language-item.repository.js';
-export { UMB_LANGUAGE_ITEM_REPOSITORY_ALIAS } from './manifests.js';
+export { UMB_LANGUAGE_ITEM_REPOSITORY_ALIAS } from './constants.js';

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

@@ -1,5 +1,5 @@
 import { UmbLanguageItemServerDataSource } from './language-item.server.data-source.js';
-import { UMB_LANGUAGE_ITEM_STORE_CONTEXT } from './language-item.store.js';
+import { UMB_LANGUAGE_ITEM_STORE_CONTEXT } from './language-item.store.context-token.js';
 import { UmbItemRepositoryBase } from '../../../core/repository/index.js';
 export class UmbLanguageItemRepository extends UmbItemRepositoryBase {
     constructor(host) {

package/dist-cms/packages/language/repository/item/language-item.store.context-token.d.ts

@@ -0,0 +1,3 @@
+import type { UmbLanguageItemStore } from './language-item.store.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const UMB_LANGUAGE_ITEM_STORE_CONTEXT: UmbContextToken<UmbLanguageItemStore, UmbLanguageItemStore>;

package/dist-cms/packages/language/repository/item/language-item.store.context-token.js

@@ -0,0 +1,2 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const UMB_LANGUAGE_ITEM_STORE_CONTEXT = new UmbContextToken('UmbLanguageItemStore');

package/dist-cms/packages/language/repository/item/language-item.store.d.ts

@@ -1,5 +1,4 @@
 import type { UmbLanguageItemModel } from './types.js';
-import { UmbContextToken } from '../../../../libs/context-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import { UmbItemStoreBase } from '../../../core/store/index.js';
 /**
@@ -17,4 +16,3 @@ export declare class UmbLanguageItemStore extends UmbItemStoreBase<UmbLanguageIt
     constructor(host: UmbControllerHost);
 }
 export default UmbLanguageItemStore;
-export declare const UMB_LANGUAGE_ITEM_STORE_CONTEXT: UmbContextToken<UmbLanguageItemStore, UmbLanguageItemStore>;

package/dist-cms/packages/language/repository/item/language-item.store.js

@@ -1,4 +1,4 @@
-import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import { UMB_LANGUAGE_ITEM_STORE_CONTEXT } from './language-item.store.context-token.js';
 import { UmbItemStoreBase } from '../../../core/store/index.js';
 /**
  * @export
@@ -17,4 +17,3 @@ export class UmbLanguageItemStore extends UmbItemStoreBase {
     }
 }
 export default UmbLanguageItemStore;
-export const UMB_LANGUAGE_ITEM_STORE_CONTEXT = new UmbContextToken('UmbLanguageItemStore');

package/dist-cms/packages/language/repository/item/manifests.d.ts

@@ -1,4 +1,2 @@
 import type { ManifestTypes } from '../../../core/extension-registry/index.js';
-export declare const UMB_LANGUAGE_ITEM_REPOSITORY_ALIAS = "Umb.Repository.LanguageItem";
-export declare const UMB_LANGUAGE_STORE_ALIAS = "Umb.Store.LanguageItem";
 export declare const manifests: Array<ManifestTypes>;

package/dist-cms/packages/language/repository/item/manifests.js

@@ -1,5 +1,4 @@
-export const UMB_LANGUAGE_ITEM_REPOSITORY_ALIAS = 'Umb.Repository.LanguageItem';
-export const UMB_LANGUAGE_STORE_ALIAS = 'Umb.Store.LanguageItem';
+import { UMB_LANGUAGE_ITEM_REPOSITORY_ALIAS, UMB_LANGUAGE_STORE_ALIAS } from './constants.js';
 const itemRepository = {
     type: 'repository',
     alias: UMB_LANGUAGE_ITEM_REPOSITORY_ALIAS,

package/dist-cms/packages/markdown-editor/components/input-markdown-editor/input-markdown.element.d.ts

@@ -1,8 +1,7 @@
-import { monaco } from '../../../../external/monaco-editor/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import type { UmbCodeEditorElement } from '../../../templating/code-editor/index.js';
 import type { UUIModalSidebarSize } from '../../../../external/uui/index.js';
-declare const UmbInputMarkdownElement_base: (new (...args: any[]) => import("../../../../external/uui/index.js").UUIFormControlMixinInterface<FormDataEntryValue | FormData, string>) & typeof UmbLitElement;
+declare const UmbInputMarkdownElement_base: (new (...args: any[]) => import("../../../../external/uui/index.js").UUIFormControlMixinElement<FormDataEntryValue | FormData>) & typeof UmbLitElement;
 /**
  * @element umb-input-markdown
  * @fires change - when the value of the input changes
@@ -12,21 +11,16 @@ export declare class UmbInputMarkdownElement extends UmbInputMarkdownElement_bas
     protected getFormElement(): UmbCodeEditorElement | undefined;
     preview: boolean;
     overlaySize?: UUIModalSidebarSize;
-    _codeEditor?: UmbCodeEditorElement;
-    _actionExtensions: Array<monaco.editor.IActionDescriptor>;
+    private _codeEditor?;
+    private _actionExtensions;
     private _modalContext?;
-    private serverUrl?;
     constructor();
     private _focusEditor;
-    private _insertMedia;
     private _insertLine;
     private _insertBetweenSelection;
     private _insertAtCurrentLine;
     private _insertQuote;
-    private _renderBasicActions;
-    onKeyPress(e: KeyboardEvent): void;
     render(): import("lit-html").TemplateResult<1>;
-    renderPreview(markdown: string): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbInputMarkdownElement;

package/dist-cms/packages/markdown-editor/components/input-markdown-editor/input-markdown.element.js

@@ -4,20 +4,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, html, customElement, query, property, unsafeHTML, when, state, } from '../../../../external/lit/index.js';
-import { DOMPurify } from '../../../../external/dompurify/index.js';
+import { css, customElement, html, property, query, state, unsafeHTML } from '../../../../external/lit/index.js';
+import { createExtensionApi } from '../../../../libs/extension-api/index.js';
+import { loadCodeEditor } from '../../../templating/code-editor/index.js';
 import { marked } from '../../../../external/marked/index.js';
 import { monaco } from '../../../../external/monaco-editor/index.js';
-import { loadCodeEditor } from '../../../templating/code-editor/index.js';
+import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
+import { DOMPurify } from '../../../../external/dompurify/index.js';
 import { UmbBooleanState } from '../../../../libs/observable-api/index.js';
+import { UmbChangeEvent } from '../../../core/event/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../core/style/index.js';
-import { UMB_APP_CONTEXT } from '../../../../apps/app/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
-import { UMB_MEDIA_TREE_PICKER_MODAL } from '../../../media/media/index.js';
+import { UMB_MEDIA_PICKER_MODAL, UmbMediaUrlRepository } from '../../../media/media/index.js';
 import { UUIFormControlMixin } from '../../../../external/uui/index.js';
-import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
-import { createExtensionApi } from '../../../../libs/extension-api/index.js';
 /**
  * @element umb-input-markdown
  * @fires change - when the value of the input changes
@@ -28,19 +28,18 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
     }
     #isCodeEditorReady;
     #editor;
+    #mediaUrlRepository;
     constructor() {
         super();
         // TODO: Make actions be able to handle multiple selection
         this.preview = false;
         this.#isCodeEditorReady = new UmbBooleanState(false);
         this._actionExtensions = [];
+        this.#mediaUrlRepository = new UmbMediaUrlRepository(this);
         this.#loadCodeEditor();
         this.consumeContext(UMB_MODAL_MANAGER_CONTEXT, (instance) => {
             this._modalContext = instance;
         });
-        this.consumeContext(UMB_APP_CONTEXT, (instance) => {
-            this.serverUrl = instance.getServerUrl();
-        });
     }
     async #loadCodeEditor() {
         try {
@@ -60,7 +59,7 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
                         id: api.getUnique(),
                         label: api.getLabel(),
                         keybindings: api.getKeybindings(),
-                        run: async () => await api.execute({ editor: this.#editor }),
+                        run: async () => await api.execute({ editor: this.#editor, overlaySize: this.overlaySize }),
                     };
                     this.#editor?.monacoEditor?.addAction(action);
                     this._actionExtensions.push(action);
@@ -161,7 +160,7 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
             label: 'Add Image',
             id: 'image',
             //keybindings: [monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyJ], // What keybinding would be good for image?
-            run: () => this._insertMedia(),
+            run: () => this.#insertMedia(),
             // TODO: Update when media picker is complete.
         });
     }
@@ -176,24 +175,25 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
         // If we press one of the action buttons manually (which is outside the editor), we need to focus the editor again.
         this.#editor?.monacoEditor?.focus();
     }
-    _insertMedia() {
+    #insertMedia() {
         const selection = this.#editor?.getSelections()[0];
         if (!selection)
             return;
-        const alt = this.#editor?.getValueInRange(selection) || 'alt text';
+        const alt = this.#editor?.getValueInRange(selection) || 'enter image description here';
         this._focusEditor(); // Focus before opening modal, otherwise cannot regain focus back after modal
-        const modalContext = this._modalContext?.open(this, UMB_MEDIA_TREE_PICKER_MODAL);
+        const modalContext = this._modalContext?.open(this, UMB_MEDIA_PICKER_MODAL);
         modalContext
             ?.onSubmit()
-            .then((value) => {
+            .then(async (value) => {
             if (!value)
                 return;
-            const imgUrl = value.selection[0];
+            const uniques = value.selection;
+            const { data: mediaUrls } = await this.#mediaUrlRepository.requestItems(uniques);
+            const mediaUrl = mediaUrls?.length ? mediaUrls[0].url ?? 'URL' : 'URL';
             this.#editor?.monacoEditor?.executeEdits('', [
-                //TODO: Get the correct media URL
                 {
                     range: selection,
-                    text: `![${alt}](${imgUrl ? `${this.serverUrl}'/media/'${imgUrl}` : 'URL'})`,
+                    text: `![${alt}](${mediaUrl})`,
                 },
             ]);
             this.#editor?.select({
@@ -357,109 +357,7 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
         }
         this._focusEditor();
     }
-    _renderBasicActions() {
-        return html `<div>
-				<uui-button
-					compact
-					look="secondary"
-					label="Heading"
-					title="Heading, &lt;Ctrl+Shift+1&gt;"
-					@click=${() => this.#editor?.monacoEditor?.getAction('h1')?.run()}>
-					H
-				</uui-button>
-				<uui-button
-					compact
-					look="secondary"
-					label="Bold"
-					title="Bold, &lt;Ctrl+B&gt;"
-					@click=${() => this.#editor?.monacoEditor?.getAction('b')?.run()}>
-					B
-				</uui-button>
-				<uui-button
-					compact
-					look="secondary"
-					label="Italic"
-					title="Italic, &lt;Ctrl+I&gt;"
-					@click=${() => this.#editor?.monacoEditor?.getAction('i')?.run()}>
-					I
-				</uui-button>
-			</div>
-			<div>
-				<uui-button
-					compact
-					look="secondary"
-					label="Quote"
-					title="Quote, &lt;Ctrl+Shift+.&gt;"
-					@click=${() => this.#editor?.monacoEditor?.getAction('q')?.run()}>
-					<uui-icon name="icon-quote"></uui-icon>
-				</uui-button>
-				<uui-button
-					compact
-					look="secondary"
-					label="Ordered List"
-					title="Ordered List, &lt;Ctrl+Shift+7&gt;"
-					@click=${() => this.#editor?.monacoEditor?.getAction('ol')?.run()}>
-					<uui-icon name="icon-ordered-list"></uui-icon>
-				</uui-button>
-				<uui-button
-					compact
-					look="secondary"
-					label="Unordered List"
-					title="Unordered List, &lt;Ctrl+Shift+8&gt;"
-					@click=${() => this.#editor?.monacoEditor?.getAction('ul')?.run()}>
-					<uui-icon name="icon-bulleted-list"></uui-icon>
-				</uui-button>
-			</div>
-			<div>
-				<uui-button
-					compact
-					look="secondary"
-					label="Code"
-					title="Code, &lt;Ctrl+E&gt;"
-					@click=${() => this.#editor?.monacoEditor?.getAction('code')?.run()}>
-					<uui-icon name="icon-code"></uui-icon>
-				</uui-button>
-				<uui-button
-					compact
-					look="secondary"
-					label="Line"
-					title="Line"
-					@click=${() => this.#editor?.monacoEditor?.getAction('line')?.run()}>
-					<uui-icon name="icon-width"></uui-icon>
-				</uui-button>
-				<uui-button
-					compact
-					look="secondary"
-					label="Image"
-					title="Image"
-					@click=${() => this.#editor?.monacoEditor?.getAction('image')?.run()}>
-					<uui-icon name="icon-picture"></uui-icon>
-				</uui-button>
-
-				${this._actionExtensions.map((action) => html `
-						<uui-button
-							compact
-							look="secondary"
-							label=${action.label}
-							@click=${(event) => this.#onActionClick(event, action)}>
-							<uui-icon name="icon-link"></uui-icon>
-						</uui-button>
-					`)}
-			</div>
-			<div>
-				<uui-button
-					compact
-					label="Press F1 for all actions"
-					title="Press F1 for all actions"
-					@click=${() => {
-            this._focusEditor();
-            this.#editor?.monacoEditor?.trigger('', 'editor.action.quickCommand', '');
-        }}>
-					<uui-key>F1</uui-key>
-				</uui-button>
-			</div>`;
-    }
-    onKeyPress(e) {
+    #onKeyPress(e) {
         if (e.key !== 'Enter')
             return;
         //TODO: Tab does not seem to trigger keyboard events. We need to make some logic for ordered and unordered lists when tab is being used.
@@ -480,23 +378,134 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
     #onInput(e) {
         e.stopPropagation();
         this.value = this.#editor?.monacoEditor?.getValue() ?? '';
-        this.dispatchEvent(new CustomEvent('change'));
+        this.dispatchEvent(new UmbChangeEvent());
     }
     render() {
         return html `
-			<div id="actions">${this._renderBasicActions()}</div>
+			${this.#renderToolbar()}
 			<umb-code-editor
 				language="markdown"
-				theme="umb-light"
 				.code=${this.value}
-				@keypress=${this.onKeyPress}
+				@keypress=${this.#onKeyPress}
 				@input=${this.#onInput}>
 			</umb-code-editor>
-			${when(this.preview && this.value, () => this.renderPreview(this.value))}
+			${this.#renderPreview()}
+		`;
+    }
+    #renderToolbar() {
+        return html `
+			<div id="toolbar">
+				<uui-button-group>
+					<uui-button
+						compact
+						look="secondary"
+						label="Heading"
+						title="Heading, &lt;Ctrl+Shift+1&gt;"
+						@click=${() => this.#editor?.monacoEditor?.getAction('h1')?.run()}>
+						H
+					</uui-button>
+					<uui-button
+						compact
+						look="secondary"
+						label="Bold"
+						title="Bold, &lt;Ctrl+B&gt;"
+						@click=${() => this.#editor?.monacoEditor?.getAction('b')?.run()}>
+						B
+					</uui-button>
+					<uui-button
+						compact
+						look="secondary"
+						label="Italic"
+						title="Italic, &lt;Ctrl+I&gt;"
+						@click=${() => this.#editor?.monacoEditor?.getAction('i')?.run()}>
+						I
+					</uui-button>
+				</uui-button-group>
+
+				<uui-button-group>
+					<uui-button
+						compact
+						look="secondary"
+						label="Quote"
+						title="Quote, &lt;Ctrl+Shift+.&gt;"
+						@click=${() => this.#editor?.monacoEditor?.getAction('q')?.run()}>
+						<uui-icon name="icon-quote"></uui-icon>
+					</uui-button>
+					<uui-button
+						compact
+						look="secondary"
+						label="Ordered List"
+						title="Ordered List, &lt;Ctrl+Shift+7&gt;"
+						@click=${() => this.#editor?.monacoEditor?.getAction('ol')?.run()}>
+						<uui-icon name="icon-ordered-list"></uui-icon>
+					</uui-button>
+					<uui-button
+						compact
+						look="secondary"
+						label="Unordered List"
+						title="Unordered List, &lt;Ctrl+Shift+8&gt;"
+						@click=${() => this.#editor?.monacoEditor?.getAction('ul')?.run()}>
+						<uui-icon name="icon-bulleted-list"></uui-icon>
+					</uui-button>
+				</uui-button-group>
+				<uui-button-group>
+					<uui-button
+						compact
+						look="secondary"
+						label="Code"
+						title="Code, &lt;Ctrl+E&gt;"
+						@click=${() => this.#editor?.monacoEditor?.getAction('code')?.run()}>
+						<uui-icon name="icon-code"></uui-icon>
+					</uui-button>
+					<uui-button
+						compact
+						look="secondary"
+						label="Line"
+						title="Line"
+						@click=${() => this.#editor?.monacoEditor?.getAction('line')?.run()}>
+						<uui-icon name="icon-width"></uui-icon>
+					</uui-button>
+					<uui-button
+						compact
+						look="secondary"
+						label="Image"
+						title="Image"
+						@click=${() => this.#editor?.monacoEditor?.getAction('image')?.run()}>
+						<uui-icon name="icon-picture"></uui-icon>
+					</uui-button>
+				</uui-button-group>
+
+				<uui-button-group>
+					${this._actionExtensions.map((action) => html `
+							<uui-button
+								compact
+								look="secondary"
+								label=${action.label}
+								@click=${(event) => this.#onActionClick(event, action)}>
+								<uui-icon name="icon-link"></uui-icon>
+							</uui-button>
+						`)}
+				</uui-button-group>
+
+				<uui-button-group>
+					<uui-button
+						compact
+						label="Press F1 for all actions"
+						title="Press F1 for all actions"
+						@click=${() => {
+            this._focusEditor();
+            this.#editor?.monacoEditor?.trigger('', 'editor.action.quickCommand', '');
+        }}>
+						<uui-key>F1</uui-key>
+					</uui-button>
+				</uui-button-group>
+			</div>
 		`;
     }
-    renderPreview(markdown) {
-        const markdownAsHtml = marked.parse(markdown);
+    #renderPreview() {
+        if (!this.preview || !this.value)
+            return;
+        const markdownAsHtml = marked.parse(this.value);
         const sanitizedHtml = markdownAsHtml ? DOMPurify.sanitize(markdownAsHtml) : '';
         return html `<uui-scroll-container id="preview">${unsafeHTML(sanitizedHtml)}</uui-scroll-container>`;
     }
@@ -507,22 +516,14 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
 				display: flex;
 				flex-direction: column;
 			}
-			#actions {
-				background-color: var(--uui-color-background-alt);
-				display: flex;
-				gap: var(--uui-size-6);
-			}
 
-			#preview {
-				max-height: 400px;
-			}
-
-			#actions div {
+			#toolbar {
+				background-color: var(--uui-color-background-alt);
 				display: flex;
-				gap: var(--uui-size-1);
+				gap: var(--uui-size-2);
 			}
 
-			#actions div:last-child {
+			#toolbar uui-button-group:last-child {
 				margin-left: auto;
 			}
 
@@ -536,24 +537,32 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UUIFormContr
 				width: 50px;
 			}
 
-			blockquote {
+			#preview {
+				max-height: 400px;
+			}
+
+			#preview blockquote {
 				border-left: 2px solid var(--uui-color-default-emphasis);
 				margin-inline: 0;
 				padding-inline: var(--uui-size-3);
 			}
 
-			p > code,
-			pre {
-				border: 1px solid var(--uui-color-divider-emphasis);
-				border-radius: var(--uui-border-radius);
-				padding: 0 var(--uui-size-1);
-				background-color: var(--uui-color-background);
+			#preview img {
+				max-width: 100%;
 			}
 
-			hr {
+			#preview hr {
 				border: none;
 				border-bottom: 1px solid var(--uui-palette-cocoa-black);
 			}
+
+			#preview p > code,
+			#preview pre {
+				border: 1px solid var(--uui-color-divider-emphasis);
+				border-radius: var(--uui-border-radius);
+				padding: 0 var(--uui-size-1);
+				background-color: var(--uui-color-background);
+			}
 		`,
     ]; }
 };

package/dist-cms/packages/markdown-editor/property-editors/markdown-editor/property-editor-ui-markdown-editor.element.d.ts

@@ -2,6 +2,7 @@ import { UmbLitElement } from '../../../core/lit-element/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../../core/property-editor/index.js';
 import type { UmbPropertyEditorUiElement } from '../../../core/extension-registry/index.js';
 import '../../components/input-markdown-editor/index.js';
+declare const elementName = "umb-property-editor-ui-markdown-editor";
 /**
  * @element umb-property-editor-ui-markdown-editor
  */
@@ -9,13 +10,13 @@ export declare class UmbPropertyEditorUIMarkdownEditorElement extends UmbLitElem
     #private;
     value: string;
     private _preview?;
-    private _overlaySize?;
+    private _overlaySize;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
 }
-export default UmbPropertyEditorUIMarkdownEditorElement;
+export { UmbPropertyEditorUIMarkdownEditorElement as element };
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-property-editor-ui-markdown-editor': UmbPropertyEditorUIMarkdownEditorElement;
+        [elementName]: UmbPropertyEditorUIMarkdownEditorElement;
     }
 }

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

@@ -8,6 +8,7 @@ import { html, customElement, property, state } from '../../../../external/lit/i
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent } from '../../../core/property-editor/index.js';
 import '../../components/input-markdown-editor/index.js';
+const elementName = 'umb-property-editor-ui-markdown-editor';
 /**
  * @element umb-property-editor-ui-markdown-editor
  */
@@ -15,10 +16,13 @@ let UmbPropertyEditorUIMarkdownEditorElement = class UmbPropertyEditorUIMarkdown
     constructor() {
         super(...arguments);
         this.value = '';
+        this._overlaySize = 'small';
     }
     set config(config) {
-        this._preview = config?.getValueByAlias('preview');
-        this._overlaySize = config?.getValueByAlias('overlaySize') ?? undefined;
+        if (!config)
+            return;
+        this._preview = config.getValueByAlias('preview');
+        this._overlaySize = config.getValueByAlias('overlaySize') ?? 'small';
     }
     #onChange(event) {
         this.value = event.target.value;
@@ -44,7 +48,7 @@ __decorate([
     state()
 ], UmbPropertyEditorUIMarkdownEditorElement.prototype, "_overlaySize", void 0);
 UmbPropertyEditorUIMarkdownEditorElement = __decorate([
-    customElement('umb-property-editor-ui-markdown-editor')
+    customElement(elementName)
 ], UmbPropertyEditorUIMarkdownEditorElement);
 export { UmbPropertyEditorUIMarkdownEditorElement };
-export default UmbPropertyEditorUIMarkdownEditorElement;
+export { UmbPropertyEditorUIMarkdownEditorElement as element };

package/dist-cms/packages/media/entry-point.d.ts

@@ -0,0 +1 @@
+export * from './media/components/index.js';

package/dist-cms/packages/media/entry-point.js

@@ -0,0 +1 @@
+export * from './media/components/index.js';

package/dist-cms/packages/{core → media}/imaging/imaging.repository.d.ts

@@ -1,6 +1,6 @@
 import type { UmbImagingModel } from './types.js';
-import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
 import { UmbControllerBase } from '../../../libs/class-api/index.js';
+import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
 import type { UmbApi } from '../../../libs/extension-api/index.js';
 export declare class UmbImagingRepository extends UmbControllerBase implements UmbApi {
     #private;
@@ -12,7 +12,19 @@ export declare class UmbImagingRepository extends UmbControllerBase implements U
      * @memberof UmbImagingRepository
      */
     requestResizedItems(uniques: Array<string>, imagingModel?: UmbImagingModel): Promise<{
-        data: import("../../media/media/index.js").UmbMediaUrlModel[] | undefined;
+        data: import("../media/index.js").UmbMediaUrlModel[] | undefined;
+        error: any;
+    }>;
+    /**
+     * Requests the thumbnail URLs for the given uniques
+     * @param {Array<string>} uniques
+     * @param {number} height
+     * @param {number} width
+     * @returns {*}
+     * @memberof UmbImagingRepository
+     */
+    requestThumbnailUrls(uniques: Array<string>, height: number, width: number): Promise<{
+        data: import("../media/index.js").UmbMediaUrlModel[] | undefined;
         error: any;
     }>;
 }

package/dist-cms/packages/{core → media}/imaging/imaging.repository.js

@@ -1,5 +1,6 @@
 import { UmbImagingServerDataSource } from './imaging.server.data.js';
 import { UmbControllerBase } from '../../../libs/class-api/index.js';
+import { ImageCropModeModel } from '../../../external/backend-api/index.js';
 export class UmbImagingRepository extends UmbControllerBase {
     #itemSource;
     constructor(host) {
@@ -19,4 +20,16 @@ export class UmbImagingRepository extends UmbControllerBase {
         const error = _error;
         return { data, error };
     }
+    /**
+     * Requests the thumbnail URLs for the given uniques
+     * @param {Array<string>} uniques
+     * @param {number} height
+     * @param {number} width
+     * @returns {*}
+     * @memberof UmbImagingRepository
+     */
+    async requestThumbnailUrls(uniques, height, width) {
+        const imagingModel = { height: height, width: width, mode: ImageCropModeModel.MIN };
+        return await this.requestResizedItems(uniques, imagingModel);
+    }
 }

package/dist-cms/packages/{core → media}/imaging/imaging.server.data.d.ts

@@ -1,5 +1,5 @@
 import type { UmbImagingModel } from './types.js';
-import type { UmbMediaUrlModel } from '../../media/media/index.js';
+import type { UmbMediaUrlModel } from '../media/index.js';
 import type { UmbControllerHost } from '../../../libs/controller-api/index.js';
 /**
  * A data source for the Imaging Service that resizes a media item from the server

package/dist-cms/packages/{core → media}/imaging/imaging.server.data.js

@@ -1,5 +1,5 @@
 import { ImagingService } from '../../../external/backend-api/index.js';
-import { tryExecuteAndNotify } from '../resources/index.js';
+import { tryExecuteAndNotify } from '../../core/resources/index.js';
 /**
  * A data source for the Imaging Service that resizes a media item from the server
  * @export

package/dist-cms/packages/{core → media}/imaging/manifests.d.ts

@@ -1,3 +1,3 @@
-import type { ManifestTypes } from '../extension-registry/index.js';
+import type { ManifestTypes } from '../../core/extension-registry/index.js';
 export declare const UMB_IMAGING_REPOSITORY_ALIAS = "Umb.Repository.Imaging";
 export declare const manifests: Array<ManifestTypes>;

package/dist-cms/packages/media/imaging/types.js

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