@umbraco-cms/backoffice 14.0.0--preview005-84d52362 → 14.0.0--preview005-e4335ac8

package/dist-cms/custom-elements.json

@@ -1508,50 +1508,6 @@
         }
       ]
     },
-    {
-      "name": "umb-input-checkbox-list",
-      "path": "./../src/packages/core/components/input-checkbox-list/input-checkbox-list.element.ts",
-      "attributes": [
-        {
-          "name": "list",
-          "description": "List of items.",
-          "type": "{ key: string; checked: boolean; value: string; }[]",
-          "default": "[]"
-        },
-        {
-          "name": "value",
-          "type": "string"
-        }
-      ],
-      "properties": [
-        {
-          "name": "list",
-          "attribute": "list",
-          "description": "List of items.",
-          "type": "{ key: string; checked: boolean; value: string; }[]",
-          "default": "[]"
-        },
-        {
-          "name": "selected",
-          "type": "string[]"
-        },
-        {
-          "name": "value",
-          "attribute": "value",
-          "type": "string"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[null]"
-        }
-      ],
-      "events": [
-        {
-          "name": "change"
-        }
-      ]
-    },
     {
       "name": "umb-input-color",
       "path": "./../src/packages/core/components/input-color/input-color.element.ts",
@@ -1739,176 +1695,6 @@
         }
       ]
     },
-    {
-      "name": "umb-image-cropper-focus-setter",
-      "path": "./../src/packages/core/components/input-image-cropper/image-cropper-focus-setter.element.ts",
-      "attributes": [
-        {
-          "name": "src",
-          "type": "string | undefined"
-        }
-      ],
-      "properties": [
-        {
-          "name": "imageElement",
-          "type": "HTMLImageElement | undefined"
-        },
-        {
-          "name": "wrapperElement",
-          "type": "HTMLImageElement | undefined"
-        },
-        {
-          "name": "focalPointElement",
-          "type": "HTMLImageElement | undefined"
-        },
-        {
-          "name": "src",
-          "attribute": "src",
-          "type": "string | undefined"
-        },
-        {
-          "name": "focalPoint",
-          "type": "{ left: number; top: number; }",
-          "default": "{\"left\":0.5,\"top\":0.5}"
-        },
-        {
-          "name": "styles",
-          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tuser-select: none;\\n\\t\\t\\tbackground-color: var(--uui-color-surface);\\n\\t\\t\\toutline: 1px solid var(--uui-color-border);\\n\\t\\t}\\n\\t\\t/* Wrapper is used to make the focal point position responsive to the image size */\\n\\t\\t#wrapper {\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tmargin: auto;\\n\\t\\t\\tmax-width: 100%;\\n\\t\\t\\tmax-height: 100%;\\n\\t\\t}\\n\\t\\t#image {\\n\\t\\t\\tmargin: auto;\\n\\t\\t\\tposition: relative;\\n\\t\\t}\\n\\t\\t#focal-point {\\n\\t\\t\\tcontent: '';\\n\\t\\t\\tdisplay: block;\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\twidth: calc(2 * var(--dot-radius));\\n\\t\\t\\theight: calc(2 * var(--dot-radius));\\n\\t\\t\\toutline: 3px solid black;\\n\\t\\t\\ttop: 0;\\n\\t\\t\\tborder-radius: 50%;\\n\\t\\t\\tpointer-events: none;\\n\\t\\t\\tbackground-color: white;\\n\\t\\t}\\n\\t`\""
-        }
-      ],
-      "events": [
-        {
-          "name": "change"
-        }
-      ]
-    },
-    {
-      "name": "umb-image-cropper-preview",
-      "path": "./../src/packages/core/components/input-image-cropper/image-cropper-preview.element.ts",
-      "properties": [
-        {
-          "name": "imageElement",
-          "type": "HTMLImageElement"
-        },
-        {
-          "name": "imageContainerElement",
-          "type": "HTMLImageElement"
-        },
-        {
-          "name": "crop",
-          "type": "{ alias: string; coordinates?: { x1: number; x2: number; y1: number; y2: number; } | undefined; height: number; width: number; } | undefined"
-        },
-        {
-          "name": "src",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "focalPoint",
-          "type": "{ left: number; top: number; }"
-        },
-        {
-          "name": "styles",
-          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tflex-direction: column;\\n\\t\\t\\tpadding: var(--uui-size-space-4);\\n\\t\\t\\tborder-radius: var(--uui-border-radius);\\n\\t\\t\\tbackground-color: var(--uui-color-surface);\\n\\t\\t\\tcursor: pointer;\\n\\t\\t}\\n\\t\\t:host(:hover) {\\n\\t\\t\\tbackground-color: var(--uui-color-surface-alt);\\n\\t\\t}\\n\\t\\t#container {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\taspect-ratio: 1;\\n\\t\\t\\toverflow: hidden;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\toverflow: hidden;\\n\\t\\t\\tmargin: auto;\\n\\t\\t\\tmax-width: 100%;\\n\\t\\t\\tmax-height: 200px;\\n\\t\\t\\tuser-select: none;\\n\\t\\t}\\n\\t\\t#alias {\\n\\t\\t\\tfont-weight: bold;\\n\\t\\t\\tmargin-top: var(--uui-size-space-3);\\n\\t\\t}\\n\\t\\t#dimensions,\\n\\t\\t#user-defined {\\n\\t\\t\\tfont-size: 0.8em;\\n\\t\\t}\\n\\t\\t#image {\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\tpointer-events: none;\\n\\t\\t}\\n\\t`\""
-        }
-      ]
-    },
-    {
-      "name": "umb-image-cropper",
-      "path": "./../src/packages/core/components/input-image-cropper/image-cropper.element.ts",
-      "attributes": [
-        {
-          "name": "src",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "zoom",
-          "type": "number"
-        }
-      ],
-      "properties": [
-        {
-          "name": "viewportElement",
-          "type": "HTMLElement"
-        },
-        {
-          "name": "maskElement",
-          "type": "HTMLElement"
-        },
-        {
-          "name": "imageElement",
-          "type": "HTMLImageElement"
-        },
-        {
-          "name": "value",
-          "type": "{ alias: string; coordinates?: { x1: number; x2: number; y1: number; y2: number; } | undefined; height: number; width: number; } | undefined"
-        },
-        {
-          "name": "src",
-          "attribute": "src",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "focalPoint",
-          "type": "{ left: number; top: number; }",
-          "default": "{\"left\":0.5,\"top\":0.5}"
-        },
-        {
-          "name": "zoom",
-          "attribute": "zoom",
-          "type": "number"
-        },
-        {
-          "name": "styles",
-          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: grid;\\n\\t\\t\\tgrid-template-rows: 1fr auto auto;\\n\\t\\t\\tgap: var(--uui-size-space-3);\\n\\t\\t\\theight: 100%;\\n\\t\\t\\twidth: 100%;\\n\\t\\t}\\n\\t\\t#viewport {\\n\\t\\t\\tbackground-color: #fff;\\n\\t\\t\\tbackground-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"100\\\" height=\\\"100\\\" fill-opacity=\\\".1\\\"><path d=\\\"M50 0h50v50H50zM0 50h50v50H0z\\\"/></svg>');\\n\\t\\t\\tbackground-repeat: repeat;\\n\\t\\t\\tbackground-size: 10px 10px;\\n\\t\\t\\tcontain: strict;\\n\\t\\t\\toverflow: hidden;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\toutline: 1px solid var(--uui-color-border);\\n\\t\\t\\tborder-radius: var(--uui-border-radius);\\n\\t\\t}\\n\\t\\t#actions {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tjustify-content: flex-end;\\n\\t\\t\\tgap: var(--uui-size-space-1);\\n\\t\\t}\\n\\n\\t\\t#mask {\\n\\t\\t\\tdisplay: block;\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\tbox-shadow: 0 0 0 2000px hsla(0, 0%, 100%, 0.8);\\n\\t\\t\\tpointer-events: none;\\n\\t\\t}\\n\\n\\t\\t#image {\\n\\t\\t\\tdisplay: block;\\n\\t\\t\\tposition: absolute;\\n\\t\\t}\\n\\n\\t\\t#slider {\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 0px; /* TODO: FIX - This is needed to prevent the slider from taking up more space than needed */\\n\\t\\t\\tmin-height: 22px; /* TODO: FIX - This is needed to prevent the slider from taking up more space than needed */\\n\\t\\t}\\n\\t`\""
-        }
-      ],
-      "events": [
-        {
-          "name": "change"
-        }
-      ]
-    },
-    {
-      "name": "umb-input-image-cropper",
-      "path": "./../src/packages/core/components/input-image-cropper/input-image-cropper.element.ts",
-      "properties": [
-        {
-          "name": "value",
-          "type": "UmbImageCropperPropertyEditorValue | 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": "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"
-        }
-      ]
-    },
     {
       "name": "umb-input-markdown",
       "path": "./../src/packages/core/components/input-markdown-editor/input-markdown.element.ts",
@@ -2840,59 +2626,6 @@
         }
       ]
     },
-    {
-      "name": "umb-property-type-based-property",
-      "path": "./../src/packages/core/components/property-type-based-property/property-type-based-property.element.ts",
-      "properties": [
-        {
-          "name": "property"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-ref-property-editor-ui",
-      "path": "./../src/packages/core/components/ref-property-editor-ui/ref-property-editor-ui.element.ts",
-      "attributes": [
-        {
-          "name": "alias",
-          "description": "Alias",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "property-editor-schema-alias",
-          "description": "Property Editor Alias",
-          "type": "string",
-          "default": "\"''\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "alias",
-          "attribute": "alias",
-          "description": "Alias",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "propertyEditorSchemaAlias",
-          "attribute": "property-editor-schema-alias",
-          "description": "Property Editor Alias",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[null]"
-        }
-      ]
-    },
     {
       "name": "umb-table",
       "path": "./../src/packages/core/components/table/table.element.ts",
@@ -2985,13 +2718,16 @@
       ]
     },
     {
-      "name": "umb-variant-selector",
-      "path": "./../src/packages/core/components/variant-selector/variant-selector.element.ts",
+      "name": "umb-property-type-based-property",
+      "path": "./../src/packages/core/content-type/components/property-type-based-property/property-type-based-property.element.ts",
       "properties": [
+        {
+          "name": "property"
+        },
         {
           "name": "styles",
           "type": "array",
-          "default": "[null]"
+          "default": "[\"UmbTextStyles\",null]"
         }
       ]
     },
@@ -3981,6 +3717,77 @@
         }
       ]
     },
+    {
+      "name": "umb-ref-property-editor-ui",
+      "path": "./../src/packages/core/property-editor/components/ref-property-editor-ui/ref-property-editor-ui.element.ts",
+      "attributes": [
+        {
+          "name": "alias",
+          "description": "Alias",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "property-editor-schema-alias",
+          "description": "Property Editor Alias",
+          "type": "string",
+          "default": "\"''\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "alias",
+          "attribute": "alias",
+          "description": "Alias",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "propertyEditorSchemaAlias",
+          "attribute": "property-editor-schema-alias",
+          "description": "Property Editor Alias",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-input-checkbox-list",
+      "path": "./../src/packages/core/property-editor/uis/checkbox-list/input-checkbox-list/input-checkbox-list.element.ts",
+      "attributes": [
+        {
+          "name": "value",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "list",
+          "description": "List of items.",
+          "type": "{ key: string; checked: boolean; value: string; }[]",
+          "default": "[]"
+        },
+        {
+          "name": "selected",
+          "type": "string[]"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "type": "string"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
     {
       "name": "umb-property-editor-ui-checkbox-list",
       "path": "./../src/packages/core/property-editor/uis/checkbox-list/property-editor-ui-checkbox-list.element.ts",
@@ -4310,62 +4117,6 @@
         }
       ]
     },
-    {
-      "name": "umb-property-editor-ui-image-cropper",
-      "path": "./../src/packages/core/property-editor/uis/image-cropper/property-editor-ui-image-cropper.element.ts",
-      "attributes": [
-        {
-          "name": "value",
-          "default": "\"undefined\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "value",
-          "attribute": "value",
-          "default": "\"undefined\""
-        },
-        {
-          "name": "config"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\"]"
-        }
-      ],
-      "events": [
-        {
-          "name": "property-value-change"
-        }
-      ]
-    },
-    {
-      "name": "umb-property-editor-ui-image-crops-configuration",
-      "path": "./../src/packages/core/property-editor/uis/image-crops-configuration/property-editor-ui-image-crops-configuration.element.ts",
-      "properties": [
-        {
-          "name": "value",
-          "type": "UmbCrop[]",
-          "default": "[]"
-        },
-        {
-          "name": "editCropAlias",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ],
-      "events": [
-        {
-          "name": "property-value-change"
-        }
-      ]
-    },
     {
       "name": "umb-property-editor-ui-label",
       "path": "./../src/packages/core/property-editor/uis/label/property-editor-ui-label.element.ts",
@@ -4421,36 +4172,6 @@
           "type": "string",
           "default": "\"\""
         },
-        {
-          "name": "config"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\"]"
-        }
-      ],
-      "events": [
-        {
-          "name": "property-value-change"
-        }
-      ]
-    },
-    {
-      "name": "umb-property-editor-ui-media-picker",
-      "path": "./../src/packages/core/property-editor/uis/media-picker/property-editor-ui-media-picker.element.ts",
-      "attributes": [
-        {
-          "name": "value",
-          "type": "string[]"
-        }
-      ],
-      "properties": [
-        {
-          "name": "value",
-          "attribute": "value",
-          "type": "string[]"
-        },
         {
           "name": "config"
         }
@@ -5804,23 +5525,20 @@
       ]
     },
     {
-      "name": "umb-workspace-action-menu",
-      "path": "./../src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts",
+      "name": "umb-variant-selector",
+      "path": "./../src/packages/core/workspace/components/variant-selector/variant-selector.element.ts",
       "properties": [
         {
           "name": "styles",
           "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
+          "default": "[null]"
         }
       ]
     },
     {
-      "name": "umb-workspace-action",
-      "path": "./../src/packages/core/workspace/workspace-action/workspace-action.element.ts",
+      "name": "umb-workspace-action-menu",
+      "path": "./../src/packages/core/workspace/components/workspace-action-menu/workspace-action-menu.element.ts",
       "properties": [
-        {
-          "name": "manifest"
-        },
         {
           "name": "styles",
           "type": "array",
@@ -5829,12 +5547,11 @@
       ]
     },
     {
-      "name": "umb-workspace-view-collection",
-      "path": "./../src/packages/core/workspace/workspace-content/views/collection/workspace-view-collection.element.ts",
+      "name": "umb-workspace-action",
+      "path": "./../src/packages/core/workspace/components/workspace-action/workspace-action.element.ts",
       "properties": [
         {
-          "name": "manifest",
-          "type": "ManifestWorkspaceViewCollection"
+          "name": "manifest"
         },
         {
           "name": "styles",
@@ -5845,7 +5562,7 @@
     },
     {
       "name": "umb-workspace-editor",
-      "path": "./../src/packages/core/workspace/workspace-editor/workspace-editor.element.ts",
+      "path": "./../src/packages/core/workspace/components/workspace-editor/workspace-editor.element.ts",
       "attributes": [
         {
           "name": "headline",
@@ -5917,7 +5634,7 @@
     },
     {
       "name": "umb-workspace-footer",
-      "path": "./../src/packages/core/workspace/workspace-footer/workspace-footer.element.ts",
+      "path": "./../src/packages/core/workspace/components/workspace-footer/workspace-footer.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -5936,23 +5653,9 @@
         }
       ]
     },
-    {
-      "name": "umb-workspace-modal",
-      "path": "./../src/packages/core/workspace/workspace-modal/workspace-modal.element.ts",
-      "properties": [
-        {
-          "name": "data"
-        },
-        {
-          "name": "styles",
-          "type": "CSSResultGroup",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
     {
       "name": "umb-workspace-split-view",
-      "path": "./../src/packages/core/workspace/workspace-split-view/workspace-split-view.element.ts",
+      "path": "./../src/packages/core/workspace/components/workspace-split-view/workspace-split-view.element.ts",
       "description": "\nExample. Document Workspace would use a Variant-component(variant component would talk directly to the workspace-context)\nAs well breadcrumbs etc.",
       "attributes": [
         {
@@ -5987,13 +5690,42 @@
           "type": "number"
         },
         {
-          "name": "splitViewContext",
-          "type": "UmbWorkspaceSplitViewContext",
-          "default": "\"new UmbWorkspaceSplitViewContext(this)\""
+          "name": "splitViewContext",
+          "type": "UmbWorkspaceSplitViewContext",
+          "default": "\"new UmbWorkspaceSplitViewContext(this)\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-workspace-view-collection",
+      "path": "./../src/packages/core/workspace/workspace-content/views/collection/workspace-view-collection.element.ts",
+      "properties": [
+        {
+          "name": "manifest",
+          "type": "ManifestWorkspaceViewCollection"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-workspace-modal",
+      "path": "./../src/packages/core/workspace/workspace-modal/workspace-modal.element.ts",
+      "properties": [
+        {
+          "name": "data"
         },
         {
           "name": "styles",
-          "type": "array",
+          "type": "CSSResultGroup",
           "default": "[\"UmbTextStyles\",null]"
         }
       ]
@@ -6326,7 +6058,7 @@
       ]
     },
     {
-      "name": "document-type-workspace-view-edit-property",
+      "name": "umb-document-type-workspace-view-edit-property",
       "path": "./../src/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit-property.element.ts",
       "attributes": [
         {
@@ -7693,7 +7425,7 @@
       ]
     },
     {
-      "name": "media-type-workspace-view-edit-property",
+      "name": "umb-media-type-workspace-view-edit-property",
       "path": "./../src/packages/media/media-types/workspace/views/design/media-type-workspace-view-edit-property.element.ts",
       "attributes": [
         {
@@ -7894,6 +7626,176 @@
         }
       ]
     },
+    {
+      "name": "umb-image-cropper-focus-setter",
+      "path": "./../src/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.ts",
+      "attributes": [
+        {
+          "name": "src",
+          "type": "string | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "imageElement",
+          "type": "HTMLImageElement | undefined"
+        },
+        {
+          "name": "wrapperElement",
+          "type": "HTMLImageElement | undefined"
+        },
+        {
+          "name": "focalPointElement",
+          "type": "HTMLImageElement | undefined"
+        },
+        {
+          "name": "src",
+          "attribute": "src",
+          "type": "string | undefined"
+        },
+        {
+          "name": "focalPoint",
+          "type": "{ left: number; top: number; }",
+          "default": "{\"left\":0.5,\"top\":0.5}"
+        },
+        {
+          "name": "styles",
+          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tuser-select: none;\\n\\t\\t\\tbackground-color: var(--uui-color-surface);\\n\\t\\t\\toutline: 1px solid var(--uui-color-border);\\n\\t\\t}\\n\\t\\t/* Wrapper is used to make the focal point position responsive to the image size */\\n\\t\\t#wrapper {\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tmargin: auto;\\n\\t\\t\\tmax-width: 100%;\\n\\t\\t\\tmax-height: 100%;\\n\\t\\t}\\n\\t\\t#image {\\n\\t\\t\\tmargin: auto;\\n\\t\\t\\tposition: relative;\\n\\t\\t}\\n\\t\\t#focal-point {\\n\\t\\t\\tcontent: '';\\n\\t\\t\\tdisplay: block;\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\twidth: calc(2 * var(--dot-radius));\\n\\t\\t\\theight: calc(2 * var(--dot-radius));\\n\\t\\t\\toutline: 3px solid black;\\n\\t\\t\\ttop: 0;\\n\\t\\t\\tborder-radius: 50%;\\n\\t\\t\\tpointer-events: none;\\n\\t\\t\\tbackground-color: white;\\n\\t\\t}\\n\\t`\""
+        }
+      ],
+      "events": [
+        {
+          "name": "change"
+        }
+      ]
+    },
+    {
+      "name": "umb-image-cropper-preview",
+      "path": "./../src/packages/media/media/components/input-image-cropper/image-cropper-preview.element.ts",
+      "properties": [
+        {
+          "name": "imageElement",
+          "type": "HTMLImageElement"
+        },
+        {
+          "name": "imageContainerElement",
+          "type": "HTMLImageElement"
+        },
+        {
+          "name": "crop",
+          "type": "{ alias: string; coordinates?: { x1: number; x2: number; y1: number; y2: number; } | undefined; height: number; width: number; } | undefined"
+        },
+        {
+          "name": "src",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "focalPoint",
+          "type": "{ left: number; top: number; }"
+        },
+        {
+          "name": "styles",
+          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tflex-direction: column;\\n\\t\\t\\tpadding: var(--uui-size-space-4);\\n\\t\\t\\tborder-radius: var(--uui-border-radius);\\n\\t\\t\\tbackground-color: var(--uui-color-surface);\\n\\t\\t\\tcursor: pointer;\\n\\t\\t}\\n\\t\\t:host(:hover) {\\n\\t\\t\\tbackground-color: var(--uui-color-surface-alt);\\n\\t\\t}\\n\\t\\t#container {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\taspect-ratio: 1;\\n\\t\\t\\toverflow: hidden;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\toverflow: hidden;\\n\\t\\t\\tmargin: auto;\\n\\t\\t\\tmax-width: 100%;\\n\\t\\t\\tmax-height: 200px;\\n\\t\\t\\tuser-select: none;\\n\\t\\t}\\n\\t\\t#alias {\\n\\t\\t\\tfont-weight: bold;\\n\\t\\t\\tmargin-top: var(--uui-size-space-3);\\n\\t\\t}\\n\\t\\t#dimensions,\\n\\t\\t#user-defined {\\n\\t\\t\\tfont-size: 0.8em;\\n\\t\\t}\\n\\t\\t#image {\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\tpointer-events: none;\\n\\t\\t}\\n\\t`\""
+        }
+      ]
+    },
+    {
+      "name": "umb-image-cropper",
+      "path": "./../src/packages/media/media/components/input-image-cropper/image-cropper.element.ts",
+      "attributes": [
+        {
+          "name": "src",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "zoom",
+          "type": "number"
+        }
+      ],
+      "properties": [
+        {
+          "name": "viewportElement",
+          "type": "HTMLElement"
+        },
+        {
+          "name": "maskElement",
+          "type": "HTMLElement"
+        },
+        {
+          "name": "imageElement",
+          "type": "HTMLImageElement"
+        },
+        {
+          "name": "value",
+          "type": "{ alias: string; coordinates?: { x1: number; x2: number; y1: number; y2: number; } | undefined; height: number; width: number; } | undefined"
+        },
+        {
+          "name": "src",
+          "attribute": "src",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "focalPoint",
+          "type": "{ left: number; top: number; }",
+          "default": "{\"left\":0.5,\"top\":0.5}"
+        },
+        {
+          "name": "zoom",
+          "attribute": "zoom",
+          "type": "number"
+        },
+        {
+          "name": "styles",
+          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: grid;\\n\\t\\t\\tgrid-template-rows: 1fr auto auto;\\n\\t\\t\\tgap: var(--uui-size-space-3);\\n\\t\\t\\theight: 100%;\\n\\t\\t\\twidth: 100%;\\n\\t\\t}\\n\\t\\t#viewport {\\n\\t\\t\\tbackground-color: #fff;\\n\\t\\t\\tbackground-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"100\\\" height=\\\"100\\\" fill-opacity=\\\".1\\\"><path d=\\\"M50 0h50v50H50zM0 50h50v50H0z\\\"/></svg>');\\n\\t\\t\\tbackground-repeat: repeat;\\n\\t\\t\\tbackground-size: 10px 10px;\\n\\t\\t\\tcontain: strict;\\n\\t\\t\\toverflow: hidden;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\toutline: 1px solid var(--uui-color-border);\\n\\t\\t\\tborder-radius: var(--uui-border-radius);\\n\\t\\t}\\n\\t\\t#actions {\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tjustify-content: flex-end;\\n\\t\\t\\tgap: var(--uui-size-space-1);\\n\\t\\t}\\n\\n\\t\\t#mask {\\n\\t\\t\\tdisplay: block;\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\tbox-shadow: 0 0 0 2000px hsla(0, 0%, 100%, 0.8);\\n\\t\\t\\tpointer-events: none;\\n\\t\\t}\\n\\n\\t\\t#image {\\n\\t\\t\\tdisplay: block;\\n\\t\\t\\tposition: absolute;\\n\\t\\t}\\n\\n\\t\\t#slider {\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 0px; /* TODO: FIX - This is needed to prevent the slider from taking up more space than needed */\\n\\t\\t\\tmin-height: 22px; /* TODO: FIX - This is needed to prevent the slider from taking up more space than needed */\\n\\t\\t}\\n\\t`\""
+        }
+      ],
+      "events": [
+        {
+          "name": "change"
+        }
+      ]
+    },
+    {
+      "name": "umb-input-image-cropper",
+      "path": "./../src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts",
+      "properties": [
+        {
+          "name": "value",
+          "type": "UmbImageCropperPropertyEditorValue | 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": "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"
+        }
+      ]
+    },
     {
       "name": "umb-input-media",
       "path": "./../src/packages/media/media/components/input-media/input-media.element.ts",
@@ -7999,6 +7901,87 @@
         }
       ]
     },
+    {
+      "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": "value",
+          "default": "\"undefined\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "value",
+          "attribute": "value",
+          "default": "\"undefined\""
+        },
+        {
+          "name": "config"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\"]"
+        }
+      ],
+      "events": [
+        {
+          "name": "property-value-change"
+        }
+      ]
+    },
+    {
+      "name": "umb-property-editor-ui-image-crops-configuration",
+      "path": "./../src/packages/media/media/property-editors/image-crops-configuration/property-editor-ui-image-crops-configuration.element.ts",
+      "properties": [
+        {
+          "name": "value",
+          "type": "UmbCrop[]",
+          "default": "[]"
+        },
+        {
+          "name": "editCropAlias",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ],
+      "events": [
+        {
+          "name": "property-value-change"
+        }
+      ]
+    },
+    {
+      "name": "umb-property-editor-ui-media-picker",
+      "path": "./../src/packages/media/media/property-editors/media-picker/property-editor-ui-media-picker.element.ts",
+      "attributes": [
+        {
+          "name": "value",
+          "type": "string[]"
+        }
+      ],
+      "properties": [
+        {
+          "name": "value",
+          "attribute": "value",
+          "type": "string[]"
+        },
+        {
+          "name": "config"
+        }
+      ],
+      "events": [
+        {
+          "name": "property-value-change"
+        }
+      ]
+    },
     {
       "name": "umb-media-workspace-editor",
       "path": "./../src/packages/media/media/workspace/media-workspace-editor.element.ts",