@umbraco-cms/backoffice 1.0.0-next.c216900c → 1.0.0-next.c3ee1ee0

package/dist-cms/apps/installer/database/installer-database.element.js

@@ -200,7 +200,18 @@ let UmbInstallerDatabaseElement = class UmbInstallerDatabaseElement extends UmbL
         if (!this._installerContext)
             return;
         this.observe(this._installerContext.settings, (settings) => {
-            this._databases = settings?.databases ?? [];
+            const databases = settings?.databases?.length ? [...settings.databases] : [];
+            // Sort the databases array if not empty and by sortOrder if it exists
+            databases.sort((a, b) => {
+                if (a.sortOrder === undefined) {
+                    return -1;
+                }
+                if (b.sortOrder === undefined) {
+                    return 1;
+                }
+                return a.sortOrder - b.sortOrder;
+            });
+            this._databases = databases;
             // If there is an isConfigured database in the databases array then we can skip the database selection step
             // and just use that.
             this._preConfiguredDatabase = this._databases.find((x) => x.isConfigured);

package/dist-cms/css/umb-css.css

@@ -2,4 +2,5 @@
 	--uui-color-positive: #1c874c;
 	--umb-footer-layout-height: 54px;
 	--umb-header-layout-height: 70px;
+	--umb-section-sidebar-width: 300px;
 }

package/dist-cms/custom-elements.json

@@ -551,11 +551,15 @@
         },
         {
           "name": "footer",
-          "description": "Slot for workspace footer"
+          "description": "Slot for footer element"
+        },
+        {
+          "name": "footer-info",
+          "description": "Slot for info in the footer"
         },
         {
           "name": "actions",
-          "description": "Slot for workspace footer actions"
+          "description": "Slot for actions in the footer"
         },
         {
           "name": "default",
@@ -660,100 +664,6 @@
         }
       ]
     },
-    {
-      "name": "umb-code-editor",
-      "path": "./../src/packages/core/components/code-editor/code-editor.element.ts",
-      "description": "A custom element that renders a code editor. Code editor is based on the Monaco Editor library.\nThe element will listen to the theme context and update the theme accordingly.\nParts of the monaco Api is exposed through the `editor` property. You can access the monaco editor instance through `editor.monacoEditor`.",
-      "attributes": [
-        {
-          "name": "language",
-          "description": "Language of the editor. Default is javascript.",
-          "type": "CodeEditorLanguage",
-          "default": "\"javascript\""
-        },
-        {
-          "name": "theme",
-          "description": "Theme of the editor. Default is light. Element will listen to the theme context and update the theme accordingly.",
-          "type": "CodeEditorTheme",
-          "default": "\"umb-light\""
-        },
-        {
-          "name": "code",
-          "description": "Value of the editor. Default is empty string.",
-          "type": "string"
-        },
-        {
-          "name": "readonly",
-          "description": "Whether the editor is readonly. Default is false.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "label",
-          "description": "Label of the editor. Default is 'Code Editor'.",
-          "type": "string",
-          "default": "\"Code Editor\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "editor",
-          "type": "UmbCodeEditorController | undefined"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"monacoEditorStyles\",\"monacoJumpingCursorHack\",null]"
-        },
-        {
-          "name": "container"
-        },
-        {
-          "name": "language",
-          "attribute": "language",
-          "description": "Language of the editor. Default is javascript.",
-          "type": "CodeEditorLanguage",
-          "default": "\"javascript\""
-        },
-        {
-          "name": "theme",
-          "attribute": "theme",
-          "description": "Theme of the editor. Default is light. Element will listen to the theme context and update the theme accordingly.",
-          "type": "CodeEditorTheme",
-          "default": "\"umb-light\""
-        },
-        {
-          "name": "code",
-          "attribute": "code",
-          "description": "Value of the editor. Default is empty string.",
-          "type": "string"
-        },
-        {
-          "name": "readonly",
-          "attribute": "readonly",
-          "description": "Whether the editor is readonly. Default is false.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label of the editor. Default is 'Code Editor'.",
-          "type": "string",
-          "default": "\"Code Editor\""
-        }
-      ],
-      "events": [
-        {
-          "name": "input",
-          "description": "Fired when the value of the editor changes."
-        },
-        {
-          "name": "change",
-          "description": "Fired when the entire model of editor is replaced."
-        }
-      ]
-    },
     {
       "name": "umb-date-input",
       "path": "./../src/packages/core/components/date-input/date-input.element.ts",
@@ -4737,8 +4647,8 @@
       ]
     },
     {
-      "name": "umb-document-type-workspace-view-details",
-      "path": "./../src/packages/documents/document-types/workspace/views/details/document-type-workspace-view-details.element.ts",
+      "name": "umb-document-type-workspace-view-settings",
+      "path": "./../src/packages/documents/document-types/workspace/views/settings/document-type-workspace-view-settings.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -5053,8 +4963,8 @@
       ]
     },
     {
-      "name": "umb-media-type-workspace-edit",
-      "path": "./../src/packages/media/media-types/workspace/media-type-workspace-edit.element.ts",
+      "name": "umb-media-type-workspace-editor",
+      "path": "./../src/packages/media/media-types/workspace/media-type-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -5206,8 +5116,8 @@
       "path": "./../src/packages/media/media/menu-item/media-menu-item.element.ts"
     },
     {
-      "name": "umb-media-workspace-edit",
-      "path": "./../src/packages/media/media/workspace/media-workspace-edit.element.ts",
+      "name": "umb-media-workspace-editor",
+      "path": "./../src/packages/media/media/workspace/media-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -5261,8 +5171,8 @@
       ]
     },
     {
-      "name": "umb-member-group-workspace-edit",
-      "path": "./../src/packages/members/member-groups/workspace/member-group-workspace-edit.element.ts",
+      "name": "umb-member-group-workspace-editor",
+      "path": "./../src/packages/members/member-groups/workspace/member-group-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -5294,8 +5204,8 @@
       ]
     },
     {
-      "name": "umb-member-type-workspace-edit",
-      "path": "./../src/packages/members/member-types/workspace/member-type-workspace-edit.element.ts",
+      "name": "umb-member-type-workspace-editor",
+      "path": "./../src/packages/members/member-types/workspace/member-type-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -5316,8 +5226,8 @@
       ]
     },
     {
-      "name": "umb-member-workspace-edit",
-      "path": "./../src/packages/members/members/workspace/member-workspace-edit.element.ts",
+      "name": "umb-member-workspace-editor",
+      "path": "./../src/packages/members/members/workspace/member-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -5975,8 +5885,8 @@
       ]
     },
     {
-      "name": "umb-data-type-workspace-edit-element",
-      "path": "./../src/packages/settings/data-types/workspace/data-type-workspace-edit.element.ts",
+      "name": "umb-data-type-workspace-editor",
+      "path": "./../src/packages/settings/data-types/workspace/data-type-workspace-editor.element.ts",
       "attributes": [
         {
           "name": "manifest"
@@ -6184,8 +6094,8 @@
       ]
     },
     {
-      "name": "umb-language-workspace-edit",
-      "path": "./../src/packages/settings/languages/workspace/language/language-workspace-edit.element.ts",
+      "name": "umb-language-workspace-editor",
+      "path": "./../src/packages/settings/languages/workspace/language/language-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -6364,7 +6274,7 @@
     },
     {
       "name": "umb-log-viewer-date-range-selector",
-      "path": "./../src/packages/settings/logviewer/workspace/logviewer-root/components/log-viewer-date-range-selector.element.ts",
+      "path": "./../src/packages/settings/logviewer/components/log-viewer-date-range-selector.element.ts",
       "attributes": [
         {
           "name": "horizontal",
@@ -6387,33 +6297,8 @@
       ]
     },
     {
-      "name": "umb-log-viewer-level-tag",
-      "path": "./../src/packages/settings/logviewer/workspace/logviewer-root/components/log-viewer-level-tag.element.ts",
-      "attributes": [
-        {
-          "name": "level"
-        }
-      ],
-      "properties": [
-        {
-          "name": "level",
-          "attribute": "level"
-        },
-        {
-          "name": "levelMap",
-          "type": "Record<any, LevelMapStyles>",
-          "default": "{\"Verbose\":{\"look\":\"secondary\"},\"Debug\":{\"look\":\"default\",\"style\":\"background-color: var(--umb-log-viewer-debug-color); color: var(--uui-color-surface)\"},\"Information\":{\"look\":\"primary\",\"color\":\"positive\"},\"Warning\":{\"look\":\"primary\",\"color\":\"warning\"},\"Error\":{\"look\":\"primary\",\"color\":\"danger\"},\"Fatal\":{\"look\":\"primary\",\"style\":\"background-color: var(--umb-log-viewer-fatal-color); color: var(--uui-color-surface)\"}}"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UUITextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-log-viewer-to-many-logs-warning",
-      "path": "./../src/packages/settings/logviewer/workspace/logviewer-root/components/log-viewer-to-many-logs-warning.element.ts",
+      "name": "umb-log-viewer-too-many-logs-warning",
+      "path": "./../src/packages/settings/logviewer/components/log-viewer-too-many-logs-warning.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -6498,6 +6383,31 @@
         }
       ]
     },
+    {
+      "name": "umb-log-viewer-level-tag",
+      "path": "./../src/packages/settings/logviewer/workspace/views/search/components/log-viewer-level-tag.element.ts",
+      "attributes": [
+        {
+          "name": "level"
+        }
+      ],
+      "properties": [
+        {
+          "name": "level",
+          "attribute": "level"
+        },
+        {
+          "name": "levelMap",
+          "type": "Record<any, LevelMapStyles>",
+          "default": "{\"Verbose\":{\"look\":\"secondary\"},\"Debug\":{\"look\":\"default\",\"style\":\"background-color: var(--umb-log-viewer-debug-color); color: var(--uui-color-surface)\"},\"Information\":{\"look\":\"primary\",\"color\":\"positive\"},\"Warning\":{\"look\":\"primary\",\"color\":\"warning\"},\"Error\":{\"look\":\"primary\",\"color\":\"danger\"},\"Fatal\":{\"look\":\"primary\",\"style\":\"background-color: var(--umb-log-viewer-fatal-color); color: var(--uui-color-surface)\"}}"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UUITextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-log-viewer-log-level-filter-menu",
       "path": "./../src/packages/settings/logviewer/workspace/views/search/components/log-viewer-log-level-filter-menu.element.ts",
@@ -6659,8 +6569,8 @@
       ]
     },
     {
-      "name": "umb-relation-type-workspace-edit-element",
-      "path": "./../src/packages/settings/relation-types/workspace/relation-type-workspace-edit.element.ts",
+      "name": "umb-relation-type-workspace-editor",
+      "path": "./../src/packages/settings/relation-types/workspace/relation-type-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -6808,6 +6718,100 @@
         }
       ]
     },
+    {
+      "name": "umb-code-editor",
+      "path": "./../src/packages/templating/code-editor/code-editor.element.ts",
+      "description": "A custom element that renders a code editor. Code editor is based on the Monaco Editor library.\nThe element will listen to the theme context and update the theme accordingly.\nParts of the monaco Api is exposed through the `editor` property. You can access the monaco editor instance through `editor.monacoEditor`.",
+      "attributes": [
+        {
+          "name": "language",
+          "description": "Language of the editor. Default is javascript.",
+          "type": "CodeEditorLanguage",
+          "default": "\"javascript\""
+        },
+        {
+          "name": "theme",
+          "description": "Theme of the editor. Default is light. Element will listen to the theme context and update the theme accordingly.",
+          "type": "CodeEditorTheme",
+          "default": "\"umb-light\""
+        },
+        {
+          "name": "code",
+          "description": "Value of the editor. Default is empty string.",
+          "type": "string"
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the editor is readonly. Default is false.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "label",
+          "description": "Label of the editor. Default is 'Code Editor'.",
+          "type": "string",
+          "default": "\"Code Editor\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "editor",
+          "type": "UmbCodeEditorController | undefined"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"monacoEditorStyles\",\"monacoJumpingCursorHack\",null]"
+        },
+        {
+          "name": "container"
+        },
+        {
+          "name": "language",
+          "attribute": "language",
+          "description": "Language of the editor. Default is javascript.",
+          "type": "CodeEditorLanguage",
+          "default": "\"javascript\""
+        },
+        {
+          "name": "theme",
+          "attribute": "theme",
+          "description": "Theme of the editor. Default is light. Element will listen to the theme context and update the theme accordingly.",
+          "type": "CodeEditorTheme",
+          "default": "\"umb-light\""
+        },
+        {
+          "name": "code",
+          "attribute": "code",
+          "description": "Value of the editor. Default is empty string.",
+          "type": "string"
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Whether the editor is readonly. Default is false.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label of the editor. Default is 'Code Editor'.",
+          "type": "string",
+          "default": "\"Code Editor\""
+        }
+      ],
+      "events": [
+        {
+          "name": "input",
+          "description": "Fired when the value of the editor changes."
+        },
+        {
+          "name": "change",
+          "description": "Fired when the entire model of editor is replaced."
+        }
+      ]
+    },
     {
       "name": "umb-file-system-tree-item",
       "path": "./../src/packages/templating/components/file-system-tree-item/file-system-tree-item.element.ts",
@@ -6912,6 +6916,14 @@
           "name": "checkbox",
           "type": "HTMLFormElement | undefined"
         },
+        {
+          "name": "snippet",
+          "type": "string"
+        },
+        {
+          "name": "snippetMethod",
+          "type": "((value: string, isMandatory: boolean) => string) | undefined"
+        },
         {
           "name": "inputValue"
         },
@@ -6964,6 +6976,14 @@
           "name": "checkbox",
           "type": "HTMLFormElement | undefined"
         },
+        {
+          "name": "snippet",
+          "type": "string"
+        },
+        {
+          "name": "snippetMethod",
+          "type": "((value: string, isMandatory: boolean) => string) | undefined"
+        },
         {
           "name": "inputValue"
         },
@@ -7244,8 +7264,8 @@
       ]
     },
     {
-      "name": "umb-template-workspace-edit",
-      "path": "./../src/packages/templating/templates/workspace/template-workspace-edit.element.ts",
+      "name": "umb-template-workspace-editor",
+      "path": "./../src/packages/templating/templates/workspace/template-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -7256,14 +7276,7 @@
     },
     {
       "name": "umb-template-workspace",
-      "path": "./../src/packages/templating/templates/workspace/template-workspace.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UUITextStyles\",null]"
-        }
-      ]
+      "path": "./../src/packages/templating/templates/workspace/template-workspace.element.ts"
     },
     {
       "name": "umb-dashboard-translation-dictionary",
@@ -7314,8 +7327,8 @@
       "path": "./../src/packages/translation/dictionary/menu-item/dictionary-menu-item.element.ts"
     },
     {
-      "name": "umb-dictionary-workspace-edit",
-      "path": "./../src/packages/translation/dictionary/workspace/dictionary-workspace-edit.element.ts",
+      "name": "umb-dictionary-workspace-editor",
+      "path": "./../src/packages/translation/dictionary/workspace/dictionary-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -7336,19 +7349,8 @@
       ]
     },
     {
-      "name": "umb-workspace-view-dictionary-edit",
-      "path": "./../src/packages/translation/dictionary/workspace/views/edit/workspace-view-dictionary-edit.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UUITextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-dictionary-item-picker-modal",
-      "path": "./../src/packages/translation/modals/dictionary-item-picker/dictionary-item-picker-modal.element.ts",
+      "name": "umb-workspace-view-dictionary-editor",
+      "path": "./../src/packages/translation/dictionary/workspace/views/editor/workspace-view-dictionary-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -7637,8 +7639,8 @@
       ]
     },
     {
-      "name": "umb-user-group-workspace-edit",
-      "path": "./../src/packages/users/user-groups/workspace/user-group-workspace-edit.element.ts",
+      "name": "umb-user-group-workspace-editor",
+      "path": "./../src/packages/users/user-groups/workspace/user-group-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -7871,8 +7873,8 @@
       ]
     },
     {
-      "name": "umb-user-workspace-edit",
-      "path": "./../src/packages/users/users/workspace/user-workspace-edit.element.ts",
+      "name": "umb-user-workspace-editor",
+      "path": "./../src/packages/users/users/workspace/user-workspace-editor.element.ts",
       "properties": [
         {
           "name": "styles",