@umbraco-cms/backoffice 14.0.0--preview007-bcd459cf → 14.0.0--preview007-205ee9d1

package/dist-cms/custom-elements.json

@@ -2477,6 +2477,30 @@
         }
       ]
     },
+    {
+      "name": "umb-input-upload-field-audio",
+      "path": "./../src/packages/core/components/input-upload-field/input-upload-field-audio.element.ts",
+      "attributes": [
+        {
+          "name": "path",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "path",
+          "attribute": "path",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
     {
       "name": "umb-input-upload-field-file",
       "path": "./../src/packages/core/components/input-upload-field/input-upload-field-file.element.ts",
@@ -2499,9 +2523,67 @@
           "type": "File"
         },
         {
-          "name": "render",
-          "type": "() => any",
-          "default": "\"() => {\\n\\t\\tif (this.path) {\\n\\t\\t\\treturn html`<uui-symbol-file-thumbnail\\n\\t\\t\\t\\tsrc=${this.#serverUrl + this.path}\\n\\t\\t\\t\\ttitle=${this.path}\\n\\t\\t\\t\\talt=${this.path}></uui-symbol-file-thumbnail>`;\\n\\t\\t} else {\\n\\t\\t\\treturn until(this.#renderFileItem(), html`<uui-loader></uui-loader>`);\\n\\t\\t}\\n\\t}\""
+          "name": "extension",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-input-upload-field-svg",
+      "path": "./../src/packages/core/components/input-upload-field/input-upload-field-svg.element.ts",
+      "attributes": [
+        {
+          "name": "path",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "path",
+          "attribute": "path",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-input-upload-field-video",
+      "path": "./../src/packages/core/components/input-upload-field/input-upload-field-video.element.ts",
+      "attributes": [
+        {
+          "name": "path",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "path",
+          "attribute": "path",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
         }
       ]
     },
@@ -8282,6 +8364,58 @@
         }
       ]
     },
+    {
+      "name": "umb-image-cropper-field",
+      "path": "./../src/packages/media/media/components/input-image-cropper/image-cropper-field.element.ts",
+      "attributes": [
+        {
+          "name": "fileDataUrl",
+          "type": "string | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "value",
+          "type": "UmbImageCropperPropertyEditorValue | undefined"
+        },
+        {
+          "name": "file",
+          "type": "File | undefined"
+        },
+        {
+          "name": "fileDataUrl",
+          "attribute": "fileDataUrl",
+          "type": "string | undefined"
+        },
+        {
+          "name": "currentCrop",
+          "type": "{ alias: string; coordinates?: { x1: number; x2: number; y1: number; y2: number; } | undefined; height: number; width: number; } | undefined"
+        },
+        {
+          "name": "crops",
+          "type": "{ alias: string; coordinates?: { x1: number; x2: number; y1: number; y2: number; } | undefined; height: number; width: number; }[]",
+          "default": "[]"
+        },
+        {
+          "name": "focalPoint",
+          "type": "{ left: number; top: number; }",
+          "default": "{\"left\":0.5,\"top\":0.5}"
+        },
+        {
+          "name": "src",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "source",
+          "type": "string"
+        },
+        {
+          "name": "styles",
+          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\tbox-sizing: border-box;\\n\\t\\t\\tgap: var(--uui-size-space-3);\\n\\t\\t\\theight: 400px;\\n\\t\\t}\\n\\t\\t#main {\\n\\t\\t\\tmax-width: 500px;\\n\\t\\t\\tmin-width: 300px;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tgap: var(--uui-size-space-1);\\n\\t\\t\\tflex-direction: column;\\n\\t\\t}\\n\\t\\t#actions {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tjustify-content: space-between;\\n\\t\\t}\\n\\t\\tumb-image-cropper-focus-setter {\\n\\t\\t\\theight: calc(100% - 33px - var(--uui-size-space-1)); /* Temp solution to make room for actions */\\n\\t\\t}\\n\\t\\t#side {\\n\\t\\t\\tdisplay: grid;\\n\\t\\t\\tgrid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\\n\\t\\t\\tgap: var(--uui-size-space-3);\\n\\t\\t\\tflex-grow: 1;\\n\\t\\t\\toverflow-y: auto;\\n\\t\\t\\theight: fit-content;\\n\\t\\t\\tmax-height: 100%;\\n\\t\\t}\\n\\t`\""
+        }
+      ]
+    },
     {
       "name": "umb-image-cropper-focus-setter",
       "path": "./../src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts",
@@ -8420,35 +8554,20 @@
       "properties": [
         {
           "name": "value",
-          "type": "UmbImageCropperPropertyEditorValue | undefined"
+          "type": "UmbImageCropperPropertyEditorValue",
+          "default": "{\"src\":\"\",\"crops\":[],\"focalPoint\":{\"left\":0.5,\"top\":0.5}}"
         },
         {
-          "name": "currentCrop",
-          "type": "{ alias: string; coordinates?: { x1: number; x2: number; y1: number; y2: number; } | undefined; height: number; width: number; } | undefined"
-        },
-        {
-          "name": "crops",
-          "type": "{ alias: string; coordinates?: { x1: number; x2: number; y1: number; y2: number; } | undefined; height: number; width: number; }[]",
-          "default": "[]"
-        },
-        {
-          "name": "focalPoint",
-          "type": "{ left: number; top: number; }",
-          "default": "{\"left\":0.5,\"top\":0.5}"
+          "name": "file",
+          "type": "File | undefined"
         },
         {
-          "name": "src",
-          "type": "string",
-          "default": "\"\""
+          "name": "fileUnique",
+          "type": "string | undefined"
         },
         {
           "name": "styles",
-          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\tbox-sizing: border-box;\\n\\t\\t\\tgap: var(--uui-size-space-3);\\n\\t\\t\\theight: 400px;\\n\\t\\t}\\n\\t\\t#main {\\n\\t\\t\\tmax-width: 500px;\\n\\t\\t\\tmin-width: 300px;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tgap: var(--uui-size-space-1);\\n\\t\\t\\tflex-direction: column;\\n\\t\\t}\\n\\t\\t#actions {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tjustify-content: space-between;\\n\\t\\t}\\n\\t\\tumb-image-cropper-focus-setter {\\n\\t\\t\\theight: calc(100% - 33px - var(--uui-size-space-1)); /* Temp solution to make room for actions */\\n\\t\\t}\\n\\t\\t#side {\\n\\t\\t\\tdisplay: grid;\\n\\t\\t\\tgrid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\\n\\t\\t\\tgap: var(--uui-size-space-3);\\n\\t\\t\\tflex-grow: 1;\\n\\t\\t\\toverflow-y: auto;\\n\\t\\t\\theight: fit-content;\\n\\t\\t\\tmax-height: 100%;\\n\\t\\t}\\n\\t`\""
-        }
-      ],
-      "events": [
-        {
-          "name": "change"
+          "default": "\"css``\""
         }
       ]
     },
@@ -8558,22 +8677,24 @@
       ]
     },
     {
-      "name": "umb-property-editor-ui-image-cropper",
-      "path": "./../src/packages/media/media/property-editors/image-cropper/property-editor-ui-image-cropper.element.ts",
-      "attributes": [
+      "name": "umb-media-create-options-modal",
+      "path": "./../src/packages/media/media/entity-actions/create/media-create-options-modal.element.ts",
+      "properties": [
         {
-          "name": "value",
-          "default": "\"undefined\""
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\"]"
         }
-      ],
+      ]
+    },
+    {
+      "name": "umb-property-editor-ui-image-cropper",
+      "path": "./../src/packages/media/media/property-editors/image-cropper/property-editor-ui-image-cropper.element.ts",
       "properties": [
         {
           "name": "value",
-          "attribute": "value",
-          "default": "\"undefined\""
-        },
-        {
-          "name": "config"
+          "type": "UmbImageCropperPropertyEditorValue",
+          "default": "{\"src\":\"\",\"crops\":[],\"focalPoint\":{\"left\":0.5,\"top\":0.5}}"
         },
         {
           "name": "styles",
@@ -8660,6 +8781,17 @@
         }
       ]
     },
+    {
+      "name": "umb-media-workspace-split-view",
+      "path": "./../src/packages/media/media/workspace/media-workspace-split-view.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-media-workspace",
       "path": "./../src/packages/media/media/workspace/media-workspace.element.ts",
@@ -8668,6 +8800,110 @@
           "name": "manifest",
           "type": "ManifestWorkspace"
         },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\"]"
+        }
+      ]
+    },
+    {
+      "name": "umb-media-workspace-view-edit-properties",
+      "path": "./../src/packages/media/media/workspace/views/edit/media-workspace-view-edit-properties.element.ts",
+      "attributes": [
+        {
+          "name": "container-name",
+          "type": "string | undefined"
+        },
+        {
+          "name": "container-type"
+        }
+      ],
+      "properties": [
+        {
+          "name": "containerName",
+          "attribute": "container-name",
+          "type": "string | undefined"
+        },
+        {
+          "name": "containerType",
+          "attribute": "container-type"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-media-workspace-view-edit-tab",
+      "path": "./../src/packages/media/media/workspace/views/edit/media-workspace-view-edit-tab.element.ts",
+      "attributes": [
+        {
+          "name": "tabName",
+          "type": "string | undefined"
+        },
+        {
+          "name": "noTabName",
+          "type": "boolean"
+        },
+        {
+          "name": "ownerTabId",
+          "type": "string | null | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "tabName",
+          "attribute": "tabName",
+          "type": "string | undefined"
+        },
+        {
+          "name": "noTabName",
+          "attribute": "noTabName",
+          "type": "boolean"
+        },
+        {
+          "name": "ownerTabId",
+          "attribute": "ownerTabId",
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-media-workspace-view-edit",
+      "path": "./../src/packages/media/media/workspace/views/edit/media-workspace-view-edit.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-media-workspace-view-info-history",
+      "path": "./../src/packages/media/media/workspace/views/info/media-workspace-view-info-history.element.ts",
+      "attributes": [
+        {
+          "name": "mediaUnique",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "mediaUnique",
+          "attribute": "mediaUnique",
+          "type": "string",
+          "default": "\"\""
+        },
         {
           "name": "styles",
           "type": "array",
@@ -8676,9 +8912,22 @@
       ]
     },
     {
-      "name": "umb-media-edit-workspace-view",
-      "path": "./../src/packages/media/media/workspace/views/edit/media-edit-workspace-view.element.ts",
+      "name": "umb-media-workspace-view-info-reference",
+      "path": "./../src/packages/media/media/workspace/views/info/media-workspace-view-info-reference.element.ts",
+      "attributes": [
+        {
+          "name": "mediaUnique",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
       "properties": [
+        {
+          "name": "mediaUnique",
+          "attribute": "mediaUnique",
+          "type": "string",
+          "default": "\"\""
+        },
         {
           "name": "styles",
           "type": "array",
@@ -8687,8 +8936,8 @@
       ]
     },
     {
-      "name": "umb-media-info-workspace-view",
-      "path": "./../src/packages/media/media/workspace/views/info/media-info-workspace-view.element.ts",
+      "name": "umb-media-workspace-view-info",
+      "path": "./../src/packages/media/media/workspace/views/info/media-workspace-view-info.element.ts",
       "properties": [
         {
           "name": "styles",

package/dist-cms/mocks/data/media-type/media-type.data.js

@@ -6,8 +6,57 @@ export const data = [
         description: 'Media type 1 description',
         alias: 'mediaType1',
         icon: 'icon-bug',
-        properties: [],
-        containers: [],
+        properties: [
+            {
+                id: '19',
+                container: { id: 'c3cd2f12-b7c4-4206-8d8b-27c061589f75' },
+                alias: 'mediaPicker',
+                name: 'Media Picker',
+                description: '',
+                dataType: { id: 'dt-uploadField' },
+                variesByCulture: false,
+                variesBySegment: false,
+                sortOrder: 0,
+                validation: {
+                    mandatory: true,
+                    mandatoryMessage: null,
+                    regEx: null,
+                    regExMessage: null,
+                },
+                appearance: {
+                    labelOnTop: false,
+                },
+            },
+            {
+                id: '5b4ca208-134e-4865-b423-06e5e97adf3c',
+                container: { id: 'c3cd2f12-b7c4-4206-8d8b-27c061589f75' },
+                alias: 'mediaType1Property1',
+                name: 'Media Type 1 Property 1',
+                description: null,
+                dataType: { id: '0cc0eba1-9960-42c9-bf9b-60e150b429ae' },
+                variesByCulture: false,
+                variesBySegment: false,
+                sortOrder: 1,
+                validation: {
+                    mandatory: true,
+                    mandatoryMessage: null,
+                    regEx: null,
+                    regExMessage: null,
+                },
+                appearance: {
+                    labelOnTop: false,
+                },
+            },
+        ],
+        containers: [
+            {
+                id: 'c3cd2f12-b7c4-4206-8d8b-27c061589f75',
+                parent: null,
+                name: 'Content',
+                type: 'Group',
+                sortOrder: 0,
+            },
+        ],
         allowedAsRoot: false,
         variesByCulture: false,
         variesBySegment: false,

package/dist-cms/packages/core/components/input-upload-field/index.d.ts

@@ -1,2 +1,5 @@
-export * from './input-upload-field-file.element.js';
 export * from './input-upload-field.element.js';
+export * from './input-upload-field-file.element.js';
+export * from './input-upload-field-audio.element.js';
+export * from './input-upload-field-video.element.js';
+export * from './input-upload-field-svg.element.js';

package/dist-cms/packages/core/components/input-upload-field/index.js

@@ -1,2 +1,5 @@
-export * from './input-upload-field-file.element.js';
 export * from './input-upload-field.element.js';
+export * from './input-upload-field-file.element.js';
+export * from './input-upload-field-audio.element.js';
+export * from './input-upload-field-video.element.js';
+export * from './input-upload-field-svg.element.js';

package/dist-cms/packages/core/components/input-upload-field/input-upload-field-audio.element.d.ts

@@ -0,0 +1,11 @@
+import { UmbLitElement } from '../../lit-element/index.js';
+export declare class UmbInputUploadFieldAudioElement extends UmbLitElement {
+    path: string;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-input-upload-field-audio': UmbInputUploadFieldAudioElement;
+    }
+}

package/dist-cms/packages/core/components/input-upload-field/input-upload-field-audio.element.js

@@ -0,0 +1,38 @@
+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, customElement, property, css } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../lit-element/index.js';
+let UmbInputUploadFieldAudioElement = class UmbInputUploadFieldAudioElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.path = '';
+    }
+    render() {
+        if (!this.path)
+            return html `<uui-loader></uui-loader>`;
+        return html `<audio controls src=${this.path}></audio>`;
+    }
+};
+UmbInputUploadFieldAudioElement.styles = [
+    css `
+			:host {
+				display: flex;
+				width: 999px;
+				max-width: 100%;
+			}
+			audio {
+				width: 100%;
+			}
+		`,
+];
+__decorate([
+    property({ type: String })
+], UmbInputUploadFieldAudioElement.prototype, "path", void 0);
+UmbInputUploadFieldAudioElement = __decorate([
+    customElement('umb-input-upload-field-audio')
+], UmbInputUploadFieldAudioElement);
+export { UmbInputUploadFieldAudioElement };

package/dist-cms/packages/core/components/input-upload-field/input-upload-field-file.element.d.ts

@@ -1,3 +1,4 @@
+import type { PropertyValueMap } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 export declare class UmbInputUploadFieldFileElement extends UmbLitElement {
     #private;
@@ -7,9 +8,16 @@ export declare class UmbInputUploadFieldFileElement extends UmbLitElement {
      * @type {File}
      * @required
      */
-    set file(value: File);
+    file?: File;
+    extension: string;
+    label: string;
+    /**
+     *
+     */
     constructor();
-    render: () => import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/until.js").UntilDirective>;
+    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 declare global {
     interface HTMLElementTagNameMap {