@umbraco-cms/backoffice 14.0.0-rc3 → 14.0.0-rc4

package/examples/workspace-context-counter/counter-workspace-context.ts

@@ -24,4 +24,7 @@ export class WorkspaceContextCounter extends UmbControllerBase {
 export const api = WorkspaceContextCounter;
 
 // Declare a Context Token that other elements can use to request the WorkspaceContextCounter:
-export const EXAMPLE_COUNTER_CONTEXT = new UmbContextToken<WorkspaceContextCounter>('example.workspaceContext.counter');
+export const EXAMPLE_COUNTER_CONTEXT = new UmbContextToken<WorkspaceContextCounter>(
+	'UmbWorkspaceContext',
+	'example.workspaceContext.counter',
+);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@umbraco-cms/backoffice",
   "license": "MIT",
-  "version": "14.0.0-rc3",
+  "version": "14.0.0-rc4",
   "type": "module",
   "exports": {
     ".": null,
@@ -11,6 +11,7 @@
     "./controller-api": "./dist-cms/libs/controller-api/index.js",
     "./element-api": "./dist-cms/libs/element-api/index.js",
     "./extension-api": "./dist-cms/libs/extension-api/index.js",
+    "./formatting-api": "./dist-cms/libs/formatting-api/index.js",
     "./localization-api": "./dist-cms/libs/localization-api/index.js",
     "./observable-api": "./dist-cms/libs/observable-api/index.js",
     "./action": "./dist-cms/packages/core/action/index.js",
@@ -41,6 +42,7 @@
     "./extension-registry": "./dist-cms/packages/core/extension-registry/index.js",
     "./icon": "./dist-cms/packages/core/icon-registry/index.js",
     "./id": "./dist-cms/packages/core/id/index.js",
+    "./imaging": "./dist-cms/packages/core/imaging/index.js",
     "./language": "./dist-cms/packages/language/index.js",
     "./lit-element": "./dist-cms/packages/core/lit-element/index.js",
     "./localization": "./dist-cms/packages/core/localization/index.js",
@@ -183,7 +185,7 @@
     "@umbraco-ui/uui-css": "1.8.0-rc.0",
     "base64-js": "^1.5.1",
     "diff": "^5.2.0",
-    "dompurify": "^3.0.9",
+    "dompurify": "^3.1.4",
     "element-internals-polyfill": "^1.3.10",
     "lit": "^3.1.2",
     "marked": "^12.0.0",

package/dist-cms/packages/core/components/input-multi-url/index.d.ts

@@ -1 +0,0 @@
-export * from './input-multi-url.element.js';

package/dist-cms/packages/core/components/input-multi-url/index.js

@@ -1 +0,0 @@
-export * from './input-multi-url.element.js';

package/dist-cms/packages/core/extension-registry/collection/views/extension-table-action-column-layout.element.d.ts

@@ -1,13 +0,0 @@
-import { UmbLitElement } from '../../../lit-element/index.js';
-import type { ManifestBase } from '../../../../../libs/extension-api/index.js';
-export declare class UmbExtensionTableActionColumnLayoutElement extends UmbLitElement {
-    #private;
-    value: ManifestBase;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-extension-table-action-column-layout': UmbExtensionTableActionColumnLayoutElement;
-    }
-}

package/dist-cms/packages/core/extension-registry/collection/views/extension-table-action-column-layout.element.js

@@ -1,44 +0,0 @@
-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 { umbExtensionsRegistry } from '../../index.js';
-import { UMB_COLLECTION_CONTEXT } from '../../../collection/index.js';
-import { html, customElement, property } from '../../../../../external/lit/index.js';
-import { UmbLitElement } from '../../../lit-element/index.js';
-import { umbConfirmModal } from '../../../modal/index.js';
-let UmbExtensionTableActionColumnLayoutElement = class UmbExtensionTableActionColumnLayoutElement extends UmbLitElement {
-    #collectionContext;
-    constructor() {
-        super();
-        this.consumeContext(UMB_COLLECTION_CONTEXT, (instance) => {
-            this.#collectionContext = instance;
-        });
-    }
-    async #removeExtension() {
-        await umbConfirmModal(this, {
-            headline: 'Unload extension',
-            confirmLabel: 'Unload',
-            content: html `<p>Are you sure you want to unload the extension <strong>${this.value.alias}</strong>?</p>`,
-            color: 'danger',
-        });
-        umbExtensionsRegistry.unregister(this.value.alias);
-        this.#collectionContext?.requestCollection();
-    }
-    render() {
-        return html `
-			<uui-button label="Unload" color="danger" look="primary" @click=${this.#removeExtension}>
-				<uui-icon name="icon-trash"></uui-icon>
-			</uui-button>
-		`;
-    }
-};
-__decorate([
-    property({ attribute: false })
-], UmbExtensionTableActionColumnLayoutElement.prototype, "value", void 0);
-UmbExtensionTableActionColumnLayoutElement = __decorate([
-    customElement('umb-extension-table-action-column-layout')
-], UmbExtensionTableActionColumnLayoutElement);
-export { UmbExtensionTableActionColumnLayoutElement };

package/dist-cms/packages/core/modal/token/link-picker-modal.token.d.ts

@@ -1,25 +0,0 @@
-import { UmbModalToken } from './modal-token.js';
-export interface UmbLinkPickerModalData {
-    config: UmbLinkPickerConfig;
-    index: number | null;
-}
-export type UmbLinkPickerModalValue = {
-    link: UmbLinkPickerLink;
-};
-export interface UmbLinkPickerLink {
-    icon?: string | null;
-    name?: string | null;
-    published?: boolean | null;
-    queryString?: string | null;
-    target?: string | null;
-    trashed?: boolean | null;
-    type?: UmbLinkPickerLinkType | null;
-    unique?: string | null;
-    url?: string | null;
-}
-export type UmbLinkPickerLinkType = 'document' | 'external' | 'media';
-export interface UmbLinkPickerConfig {
-    hideAnchor?: boolean;
-    ignoreUserStartNodes?: boolean;
-}
-export declare const UMB_LINK_PICKER_MODAL: UmbModalToken<UmbLinkPickerModalData, UmbLinkPickerModalValue>;

package/dist-cms/packages/core/modal/token/link-picker-modal.token.js

@@ -1,7 +0,0 @@
-import { UmbModalToken } from './modal-token.js';
-export const UMB_LINK_PICKER_MODAL = new UmbModalToken('Umb.Modal.LinkPicker', {
-    modal: {
-        type: 'sidebar',
-        size: 'small',
-    },
-});

package/dist-cms/packages/media/media/components/dropzone-media/dropzone-media.element.d.ts

@@ -1,15 +0,0 @@
-import { UmbLitElement } from '../../../../core/lit-element/index.js';
-export declare class UmbDropzoneMediaElement extends UmbLitElement {
-    #private;
-    private queue;
-    constructor();
-    disconnectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
-}
-export default UmbDropzoneMediaElement;
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-dropzone-media': UmbDropzoneMediaElement;
-    }
-}

package/dist-cms/packages/media/media/components/dropzone-media/dropzone-media.element.js

@@ -1,156 +0,0 @@
-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 { UmbMediaDetailRepository } from '../../repository/index.js';
-import { css, html, customElement, state } from '../../../../../external/lit/index.js';
-import { UmbLitElement } from '../../../../core/lit-element/index.js';
-import { UmbMediaTypeStructureRepository, getMediaTypeByFileMimeType, } from '../../../media-types/index.js';
-import { UmbTemporaryFileManager, } from '../../../../core/temporary-file/index.js';
-import { UmbChangeEvent, UmbProgressEvent } from '../../../../core/event/index.js';
-let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbLitElement {
-    #fileManager;
-    #mediaTypeStructure;
-    #allowedMediaTypes;
-    #mediaDetailRepository;
-    constructor() {
-        super();
-        this.#fileManager = new UmbTemporaryFileManager(this);
-        this.#mediaTypeStructure = new UmbMediaTypeStructureRepository(this);
-        this.#allowedMediaTypes = [];
-        this.#mediaDetailRepository = new UmbMediaDetailRepository(this);
-        this.queue = [];
-        this.observe(this.#fileManager.queue, (queue) => {
-            this.queue = queue;
-            const completed = queue.filter((item) => item.status !== 'waiting');
-            const progress = Math.round((completed.length / queue.length) * 100);
-            this.dispatchEvent(new UmbProgressEvent(progress));
-        });
-        this.#getAllowedMediaTypes();
-        document.addEventListener('dragenter', this.#handleDragEnter.bind(this));
-        document.addEventListener('dragleave', this.#handleDragLeave.bind(this));
-        document.addEventListener('drop', this.#handleDrop.bind(this));
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        document.removeEventListener('dragenter', this.#handleDragEnter.bind(this));
-        document.removeEventListener('dragleave', this.#handleDragLeave.bind(this));
-        document.removeEventListener('drop', this.#handleDrop.bind(this));
-    }
-    #handleDragEnter() {
-        this.toggleAttribute('dragging', true);
-    }
-    #handleDragLeave() {
-        this.toggleAttribute('dragging', false);
-    }
-    #handleDrop(event) {
-        event.preventDefault();
-        this.toggleAttribute('dragging', false);
-    }
-    async #getAllowedMediaTypes() {
-        const { data } = await this.#mediaTypeStructure.requestAllowedChildrenOf(null);
-        if (!data)
-            return;
-        this.#allowedMediaTypes = data.items;
-    }
-    #getMediaTypeFromMime(mimetype) {
-        const mediaTypeName = getMediaTypeByFileMimeType(mimetype);
-        return this.#allowedMediaTypes.find((type) => type.name === mediaTypeName);
-    }
-    async #uploadHandler(files) {
-        const queue = files.map((file) => ({ file }));
-        const uploaded = await this.#fileManager.upload(queue);
-        return uploaded;
-    }
-    async #onFileUpload(event) {
-        const files = event.detail.files;
-        if (!files.length)
-            return;
-        const uploads = await this.#uploadHandler(files);
-        for (const upload of uploads) {
-            const mediaType = this.#getMediaTypeFromMime(upload.file.type);
-            const preset = {
-                mediaType: {
-                    unique: mediaType.unique,
-                    collection: null,
-                },
-                variants: [
-                    {
-                        culture: null,
-                        segment: null,
-                        name: upload.file.name,
-                        createDate: null,
-                        updateDate: null,
-                    },
-                ],
-                values: [
-                    {
-                        alias: 'umbracoFile',
-                        value: { src: upload.unique },
-                        culture: null,
-                        segment: null,
-                    },
-                ],
-            };
-            const { data } = await this.#mediaDetailRepository.createScaffold(preset);
-            if (!data)
-                return;
-            await this.#mediaDetailRepository.create(data, null);
-            this.dispatchEvent(new UmbChangeEvent());
-        }
-    }
-    render() {
-        return html `<uui-file-dropzone
-			id="dropzone"
-			multiple
-			@change=${this.#onFileUpload}
-			label="${this.localize.term('media_dragAndDropYourFilesIntoTheArea')}"
-			accept=""></uui-file-dropzone>`;
-    }
-    static { this.styles = [
-        css `
-			:host([dragging]) #dropzone {
-				opacity: 1;
-				pointer-events: all;
-			}
-
-			[dropzone] {
-				opacity: 0;
-			}
-
-			#dropzone {
-				opacity: 0;
-				pointer-events: none;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				position: absolute;
-				inset: 0px;
-				z-index: 100;
-				backdrop-filter: opacity(1); /* Removes the built in blur effect */
-				border-radius: var(--uui-border-radius);
-				overflow: clip;
-				border: 1px solid var(--uui-color-focus);
-			}
-			#dropzone:after {
-				content: '';
-				display: block;
-				position: absolute;
-				inset: 0;
-				border-radius: var(--uui-border-radius);
-				background-color: var(--uui-color-focus);
-				opacity: 0.2;
-			}
-		`,
-    ]; }
-};
-__decorate([
-    state()
-], UmbDropzoneMediaElement.prototype, "queue", void 0);
-UmbDropzoneMediaElement = __decorate([
-    customElement('umb-dropzone-media')
-], UmbDropzoneMediaElement);
-export { UmbDropzoneMediaElement };
-export default UmbDropzoneMediaElement;

package/dist-cms/packages/media/media/components/dropzone-media/index.d.ts

@@ -1 +0,0 @@
-export * from './dropzone-media.element.js';

package/dist-cms/packages/media/media/components/dropzone-media/index.js

@@ -1 +0,0 @@
-export * from './dropzone-media.element.js';

package/dist-cms/packages/media/media-types/utils/index.d.ts

@@ -1,10 +0,0 @@
-export declare enum UmbMediaTypeFileType {
-    SVG = "Vector Graphics (SVG)",
-    IMAGE = "Image",
-    AUDIO = "Audio",
-    VIDEO = "Video",
-    ARTICLE = "Article",
-    FILE = "File"
-}
-export declare function getMediaTypeByFileExtension(extension: string): UmbMediaTypeFileType;
-export declare function getMediaTypeByFileMimeType(mimetype: string): UmbMediaTypeFileType;

package/dist-cms/packages/media/media-types/utils/index.js

@@ -1,36 +0,0 @@
-export var UmbMediaTypeFileType;
-(function (UmbMediaTypeFileType) {
-    UmbMediaTypeFileType["SVG"] = "Vector Graphics (SVG)";
-    UmbMediaTypeFileType["IMAGE"] = "Image";
-    UmbMediaTypeFileType["AUDIO"] = "Audio";
-    UmbMediaTypeFileType["VIDEO"] = "Video";
-    UmbMediaTypeFileType["ARTICLE"] = "Article";
-    UmbMediaTypeFileType["FILE"] = "File";
-})(UmbMediaTypeFileType || (UmbMediaTypeFileType = {}));
-export function getMediaTypeByFileExtension(extension) {
-    if (extension === 'svg')
-        return UmbMediaTypeFileType.SVG;
-    if (['jpg', 'jpeg', 'gif', 'bmp', 'png', 'tiff', 'tif', 'webp'].includes(extension))
-        return UmbMediaTypeFileType.IMAGE;
-    if (['mp3', 'weba', 'oga', 'opus'].includes(extension))
-        return UmbMediaTypeFileType.AUDIO;
-    if (['mp4', 'webm', 'ogv'].includes(extension))
-        return UmbMediaTypeFileType.VIDEO;
-    if (['pdf', 'docx', 'doc'].includes(extension))
-        return UmbMediaTypeFileType.ARTICLE;
-    return UmbMediaTypeFileType.FILE;
-}
-export function getMediaTypeByFileMimeType(mimetype) {
-    if (mimetype === 'image/svg+xml')
-        return UmbMediaTypeFileType.SVG;
-    const [type, extension] = mimetype.split('/');
-    if (type === 'image')
-        return UmbMediaTypeFileType.IMAGE;
-    if (type === 'audio')
-        return UmbMediaTypeFileType.AUDIO;
-    if (type === 'video')
-        return UmbMediaTypeFileType.VIDEO;
-    if (['pdf', 'docx', 'doc'].includes(extension))
-        return UmbMediaTypeFileType.ARTICLE;
-    return UmbMediaTypeFileType.FILE;
-}

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

@@ -1,14 +0,0 @@
-import { UmbPropertyEditorUICollectionElement } from './property-editor-ui-collection.element.js';
-/**
- * @element umb-legacy-property-editor-ui-collection
- * @deprecated Use "umb-property-editor-ui-collection" instead.
- */
-export declare class UmbLegacyPropertyEditorUICollectionElement extends UmbPropertyEditorUICollectionElement {
-    constructor();
-}
-export default UmbPropertyEditorUICollectionElement;
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-legacy-property-editor-ui-collection': UmbPropertyEditorUICollectionElement;
-    }
-}

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

@@ -1,23 +0,0 @@
-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 { UmbPropertyEditorUICollectionElement } from './property-editor-ui-collection.element.js';
-import { customElement } from '../../../external/lit/index.js';
-/**
- * @element umb-legacy-property-editor-ui-collection
- * @deprecated Use "umb-property-editor-ui-collection" instead.
- */
-let UmbLegacyPropertyEditorUICollectionElement = class UmbLegacyPropertyEditorUICollectionElement extends UmbPropertyEditorUICollectionElement {
-    constructor() {
-        super();
-        console.warn('The element "umb-legacy-property-editor-ui-collection" has been deprecated. Use "umb-property-editor-ui-collection" instead.');
-    }
-};
-UmbLegacyPropertyEditorUICollectionElement = __decorate([
-    customElement('umb-legacy-property-editor-ui-collection')
-], UmbLegacyPropertyEditorUICollectionElement);
-export { UmbLegacyPropertyEditorUICollectionElement };
-export default UmbPropertyEditorUICollectionElement;

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

@@ -1,30 +0,0 @@
-import { manifest as schemaManifest } from './Umbraco.MultiUrlPicker.js';
-const manifest = {
-    type: 'propertyEditorUi',
-    alias: 'Umb.PropertyEditorUi.MultiUrlPicker',
-    name: 'Multi URL Picker Property Editor UI',
-    element: () => import('./property-editor-ui-multi-url-picker.element.js'),
-    meta: {
-        label: 'Multi URL Picker',
-        propertyEditorSchemaAlias: 'Umbraco.MultiUrlPicker',
-        icon: 'icon-link',
-        group: 'pickers',
-        settings: {
-            properties: [
-                {
-                    alias: 'overlaySize',
-                    label: 'Overlay Size',
-                    description: 'Select the width of the overlay.',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
-                },
-                {
-                    alias: 'hideAnchor',
-                    label: 'Hide anchor/query string input',
-                    description: 'Selecting this hides the anchor/query string input field in the link picker overlay.',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
-                },
-            ],
-        },
-    },
-};
-export const manifests = [manifest, schemaManifest];

package/dist-cms/packages/search/examine-management-dashboard/views/modal-views/fields-settings-modal.element.js

@@ -1,75 +0,0 @@
-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 { html, css, customElement } from '../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../core/style/index.js';
-import { UmbModalBaseElement, } from '../../../../core/modal/index.js';
-let UmbExamineFieldsSettingsModalElement = class UmbExamineFieldsSettingsModalElement extends UmbModalBaseElement {
-    render() {
-        if (this.value.fields) {
-            return html `
-				<uui-dialog-layout headline="Show fields">
-					<uui-scroll-container id="field-settings">
-						<span>
-							${Object.values(this.value.fields).map((field, index) => {
-                return html `<uui-toggle
-										name="${field.name}"
-										label="${field.name}"
-										.checked="${field.exposed}"
-										@change="${() => {
-                    this.value.fields ? (this.value.fields[index].exposed = !field.exposed) : '';
-                }}"></uui-toggle>
-									<br />`;
-            })}
-						</span>
-					</uui-scroll-container>
-					<div>
-						<uui-button look="primary" label="Close sidebar" @click="${this._submitModal}">Close</uui-button>
-					</div>
-				</uui-dialog-layout>
-			`;
-        }
-        else {
-            return '';
-        }
-    }
-    static { this.styles = [
-        UmbTextStyles,
-        css `
-			:host {
-				display: relative;
-			}
-
-			uui-dialog-layout {
-				display: flex;
-				flex-direction: column;
-				height: 100%;
-				background-color: var(--uui-color-surface);
-				box-shadow: var(--uui-shadow-depth-1, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));
-				border-radius: var(--uui-border-radius);
-				padding: var(--uui-size-space-5);
-				box-sizing: border-box;
-			}
-
-			uui-scroll-container {
-				overflow-y: scroll;
-				max-height: 100%;
-				min-height: 0;
-				flex: 1;
-			}
-
-			div {
-				margin-top: var(--uui-size-space-5);
-				display: flex;
-				flex-direction: row-reverse;
-			}
-		`,
-    ]; }
-};
-UmbExamineFieldsSettingsModalElement = __decorate([
-    customElement('umb-examine-fields-settings-modal')
-], UmbExamineFieldsSettingsModalElement);
-export default UmbExamineFieldsSettingsModalElement;

package/dist-cms/packages/search/examine-management-dashboard/views/modal-views/fields-viewer.element.d.ts

@@ -1,15 +0,0 @@
-import { nothing } from '../../../../../external/lit/index.js';
-import { UmbModalBaseElement } from '../../../../core/modal/index.js';
-import type { SearchResultResponseModel } from '../../../../../external/backend-api/index.js';
-export declare class UmbModalElementFieldsViewerElement extends UmbModalBaseElement<SearchResultResponseModel & {
-    name: string;
-}> {
-    private _handleClose;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-modal-element-fields-viewer': UmbModalElementFieldsViewerElement;
-    }
-}