@umbraco-cms/backoffice 18.0.0-rc2 → 18.0.0-rc3

package/dist-cms/apps/app/app.element.js

@@ -219,7 +219,7 @@ let UmbAppElement = class UmbAppElement extends UmbLitElement {
         onInit(this, umbExtensionsRegistry);
         // Register public extensions (login extensions)
         await new UmbServerExtensionRegistrator(this, umbExtensionsRegistry).registerPublicExtensions();
-        new UmbAppEntryPointExtensionInitializer(this, umbExtensionsRegistry);
+        const entryPointInitializer = new UmbAppEntryPointExtensionInitializer(this, umbExtensionsRegistry);
         // Try to initialise the auth flow and get the runtime status
         try {
             // If the runtime level is "install" or ?status=false is set, we should clear any cached tokens
@@ -232,6 +232,11 @@ let UmbAppElement = class UmbAppElement extends UmbLitElement {
             else {
                 await this.#setAuthStatus();
             }
+            // The login screen decides which auth provider to use from the registered
+            // `authProvider` extensions. App-entry-points may register or unregister those during
+            // their async onInit, so wait for them to settle before routing — otherwise on a slow
+            // connection the decision races and falls back to the local login.
+            await this.observe(entryPointInitializer.loaded).asPromise();
             // Initialise the router
             this.#redirect();
         }

package/dist-cms/assets/lang/de.js

@@ -967,7 +967,7 @@ export default {
         greeting5: 'Willkommen',
         greeting6: 'Willkommen',
         instruction: 'Hier anmelden:',
-        signInWith: 'Anmelden mit',
+        signInWith: 'Anmelden mit {0}',
         timeout: 'Sitzung abgelaufen',
         forgottenPassword: 'Kennwort vergessen?',
         forgottenPasswordInstruction: 'Es wird eine E-Mail mit einem Kennwort-Zurücksetzen-Link an die angegebene Adresse geschickt.',

package/dist-cms/assets/lang/fr.js

@@ -848,7 +848,7 @@ export default {
         greeting5: 'Bienvenue',
         greeting6: 'Bienvenue',
         instruction: 'Connectez-vous ci-dessous',
-        signInWith: 'Identifiez-vous avec',
+        signInWith: 'Identifiez-vous avec {0}',
         timeout: 'La session a expiré',
         forgottenPassword: 'Mot de passe oublié?',
         forgottenPasswordInstruction: "Un email contenant un lien pour ré-initialiser votre mot de passe sera envoyé à l'adresse spécifiée",

package/dist-cms/assets/lang/nb.js

@@ -660,7 +660,7 @@ export default {
         greeting5: 'Velkommen',
         greeting6: 'Velkommen',
         instruction: 'Logg på nedenfor',
-        signInWith: 'Logg på med',
+        signInWith: 'Logg på med {0}',
         timeout: 'Din sesjon er utløpt',
         continue: 'Fortsett',
         validate: 'Valider',

package/dist-cms/assets/lang/nl.js

@@ -866,7 +866,7 @@ export default {
         greeting5: 'Welkom',
         greeting6: 'Welkom',
         instruction: 'log hieronder in',
-        signInWith: 'Inloggen met',
+        signInWith: 'Inloggen met {0}',
         timeout: 'Sessie is verlopen',
         forgottenPassword: 'Wachtwoord vergeten?',
         forgottenPasswordInstruction: 'Er zal een e-mail worden gestuurd naar het e-mailadres van jouw account.\n      Hierin staat een link om je wachtwoord te resetten\n    ',

package/dist-cms/assets/lang/sv.js

@@ -643,7 +643,7 @@ export default {
         greeting5: 'Välkommen',
         greeting6: 'Välkommen',
         instruction: 'Logga in nedan',
-        signInWith: 'Logga in med',
+        signInWith: 'Logga in med {0}',
         timeout: 'Sessionen har nått sin maxgräns',
         continue: 'Fortsätt',
         validate: 'Validera',

package/dist-cms/libs/extension-api/initializers/extension-initializer-base.js

@@ -7,28 +7,52 @@ export class UmbExtensionInitializerBase extends UmbControllerBase {
     #extensionMap;
     // Use the value `undefined`, as that would not resolve a observation promise. [NL]
     #loaded;
+    // Identifies the current processing pass. The observer callback is async, so passes can
+    // overlap; only the latest pass is allowed to settle `loaded`, so a slower earlier pass
+    // cannot unblock waiters before the newest set of extensions has finished instantiating.
+    #loadPass;
     constructor(host, extensionRegistry, manifestType) {
         super(host);
         this.#extensionMap = new Map();
         // Use the value `undefined`, as that would not resolve a observation promise. [NL]
         this.#loaded = new UmbBooleanState(undefined);
         this.loaded = this.#loaded.asObservable();
+        // Identifies the current processing pass. The observer callback is async, so passes can
+        // overlap; only the latest pass is allowed to settle `loaded`, so a slower earlier pass
+        // cannot unblock waiters before the newest set of extensions has finished instantiating.
+        this.#loadPass = 0;
         this.host = host;
         this.extensionRegistry = extensionRegistry;
         this.observe(extensionRegistry.byType(manifestType), async (extensions) => {
+            const pass = ++this.#loadPass;
+            // Re-arm while this pass is in flight so a consumer awaiting `loaded` waits for it to
+            // finish instead of resolving on a stale `true` from a previous pass. `undefined`
+            // rather than `false` because `asPromise()` resolves on the first non-undefined value.
+            this.#loaded.setValue(undefined);
             this.#extensionMap.forEach((existingExt) => {
                 if (!extensions.find((b) => b.alias === existingExt.alias)) {
                     this.unloadExtension(existingExt);
                     this.#extensionMap.delete(existingExt.alias);
                 }
             });
-            await Promise.all(extensions.map((extension) => {
+            // `allSettled` so a throwing/rejecting `instantiateExtension` cannot leave `loaded`
+            // stuck at `undefined` and hang a waiter (e.g. the app boot gate). Failures are
+            // surfaced rather than swallowed.
+            const results = await Promise.allSettled(extensions.map((extension) => {
                 if (this.#extensionMap.has(extension.alias))
                     return;
                 this.#extensionMap.set(extension.alias, extension);
                 return this.instantiateExtension(extension);
             }));
-            if (extensions.length > 0) {
+            for (const result of results) {
+                if (result.status === 'rejected') {
+                    console.error('[UmbExtensionInitializer] Failed to instantiate extension', result.reason);
+                }
+            }
+            // Only the latest pass settles `loaded`. Resolving unconditionally — including for
+            // zero extensions — so a consumer awaiting `loaded` (the app-entry-point boot gate,
+            // the bundle guard) never hangs on a default install that registers none of this type.
+            if (pass === this.#loadPass) {
                 this.#loaded.setValue(true);
             }
         });

package/dist-cms/packages/content/content-type/workspace/views/design/content-type-design-editor-tab.element.js

@@ -242,6 +242,7 @@ let UmbContentTypeDesignEditorTabElement = class UmbContentTypeDesignEditorTabEl
 			uui-box.opaque {
 				background-color: transparent;
 				border-color: transparent;
+				--uui-box-default-padding: 0;
 			}
 
 			.container-list {

package/dist-cms/packages/core/collection/components/pagination/collection-pagination.element.js

@@ -67,8 +67,7 @@ let UmbCollectionPaginationElement = class UmbCollectionPaginationElement extend
 			}
 
 			uui-pagination {
-				display: block;
-				margin-top: var(--uui-size-layout-1);
+				margin-top: var(--uui-size-space-3);
 			}
 		`,
     ]; }

package/dist-cms/packages/core/components/multiple-text-string-input/input-multiple-text-string-item.element.js

@@ -95,7 +95,6 @@ let UmbInputMultipleTextStringItemElement = class UmbInputMultipleTextStringItem
 					<uui-button
 						compact
 						label="${this.localize.term('general_remove')} ${this.value}"
-						look="outline"
 						?disabled=${this.disabled}
 						@click=${this.#onDelete}>
 						<uui-icon name="icon-trash"></uui-icon>
@@ -114,6 +113,7 @@ let UmbInputMultipleTextStringItemElement = class UmbInputMultipleTextStringItem
 
 			#validation-message {
 				flex: 1;
+				margin-bottom: calc(var(--uui-size-1) * -1);
 			}
 
 			#input {
@@ -122,11 +122,28 @@ let UmbInputMultipleTextStringItemElement = class UmbInputMultipleTextStringItem
 
 			.handle {
 				cursor: grab;
+				opacity: 0.6;
+				transition: opacity 120ms;
 			}
 
 			.handle:active {
 				cursor: grabbing;
 			}
+
+			uui-button {
+				opacity: 0;
+				transition: opacity 120ms;
+			}
+
+			:host(:hover),
+			:host(:focus-within) {
+				uui-button {
+					opacity: 1;
+				}
+				.handle {
+					opacity: 1;
+				}
+			}
 		`,
     ]; }
 };

package/dist-cms/packages/core/picker/search/picker-search-result.element.js

@@ -109,8 +109,7 @@ let UmbPickerSearchResultElement = class UmbPickerSearchResultElement extends Um
 			}
 
 			uui-pagination {
-				display: block;
-				margin-top: var(--uui-size-layout-1);
+				margin-top: var(--uui-size-space-3);
 			}
 		`,
     ]; }

package/dist-cms/packages/documents/document-redirect-management/dashboard-redirect-management.element.js

@@ -254,10 +254,6 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
 				}
 			}
 
-			uui-pagination {
-				display: inline-block;
-			}
-
 			.pagination {
 				display: flex;
 				justify-content: center;

package/dist-cms/packages/documents/documents/audit-log/info-app/document-history-workspace-info-app.element.js

@@ -171,9 +171,6 @@ let UmbDocumentHistoryWorkspaceInfoAppElement = class UmbDocumentHistoryWorkspac
 			}
 
 			uui-pagination {
-				flex: 1;
-				display: flex;
-				justify-content: center;
 				margin-top: var(--uui-size-layout-1);
 			}
 		`,

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-messages-list.element.js

@@ -120,7 +120,6 @@ let UmbLogViewerMessagesListElement = class UmbLogViewerMessagesListElement exte
     static { this.styles = [
         css `
 			uui-pagination {
-				display: block;
 				margin-bottom: var(--uui-size-layout-1);
 			}
 			uui-box {

package/dist-cms/packages/media/media/audit-log/info-app/media-history-workspace-info-app.element.js

@@ -160,9 +160,6 @@ let UmbMediaHistoryWorkspaceInfoAppElement = class UmbMediaHistoryWorkspaceInfoA
 			}
 
 			uui-pagination {
-				flex: 1;
-				display: flex;
-				justify-content: center;
 				margin-top: var(--uui-size-layout-1);
 			}
 		`,

package/dist-cms/packages/media/media/modals/media-picker/media-picker-modal.element.js

@@ -599,7 +599,6 @@ let UmbMediaPickerModalElement = class UmbMediaPickerModalElement extends UmbPic
 			}
 
 			uui-pagination {
-				display: block;
 				margin-top: var(--uui-size-layout-1);
 			}
 

package/dist-cms/packages/members/member-group/components/member-group-picker-modal/member-group-picker-modal.element.js

@@ -97,7 +97,6 @@ let UmbMemberGroupPickerModalElement = class UmbMemberGroupPickerModalElement ex
     static { this.styles = [
         css `
 			uui-pagination {
-				display: block;
 				margin-top: var(--uui-size-layout-1);
 			}
 		`,

package/dist-cms/packages/packages/package-section/views/created/packages-created-overview.element.js

@@ -124,9 +124,6 @@ let UmbPackagesCreatedOverviewElement = class UmbPackagesCreatedOverviewElement
 				display: flex;
 				justify-content: space-around;
 			}
-			uui-pagination {
-				display: inline-block;
-			}
 
 			.container {
 				display: flex;

package/dist-cms/packages/relations/relation-types/workspace/relation-type/views/relation-type-detail-workspace-view.element.js

@@ -186,7 +186,6 @@ let UmbRelationTypeDetailWorkspaceViewElement = class UmbRelationTypeDetailWorks
 
 			uui-pagination {
 				margin-top: var(--uui-size-layout-1);
-				display: block;
 			}
 		`,
     ]; }

package/dist-cms/packages/relations/relations/reference/workspace-info-app/entity-references-workspace-view-info.element.js

@@ -132,11 +132,6 @@ let UmbEntityReferencesWorkspaceInfoAppElement = class UmbEntityReferencesWorksp
 				justify-content: center;
 				margin-top: var(--uui-size-space-4);
 			}
-
-			uui-pagination {
-				flex: 1;
-				display: inline-block;
-			}
 		`,
     ]; }
 };

package/dist-cms/packages/user/current-user/history/current-user-history-user-profile-app.element.js

@@ -94,8 +94,6 @@ let UmbCurrentUserHistoryUserProfileAppElement = class UmbCurrentUserHistoryUser
 			}
 
 			uui-pagination {
-				display: flex;
-				justify-content: center;
 				margin-top: var(--uui-size-layout-1);
 			}
 		`,