@umbraco-cms/backoffice 14.0.0--preview004-3f36df26 → 14.0.0--preview004-03cd3c35

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

@@ -77,9 +77,9 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
         // just in case the user language is not the default language.
         // We **need** to do this because the default language (typically en-us) holds all the fallback keys for all the other languages.
         // This way we can ensure that the document language is always loaded first and subsequently registered as the fallback language.
-        umbLocalizationRegistry.isDefaultLoaded.subscribe((isDefaultLoaded) => {
+        this.observe(umbLocalizationRegistry.isDefaultLoaded, (isDefaultLoaded) => {
             if (!this.#authContext) {
-                throw new Error('[Fatal] AuthContext requested before it was initialised');
+                throw new Error('[Fatal] AuthContext requested before it was initialized');
             }
             if (!isDefaultLoaded)
                 return;
@@ -114,7 +114,7 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
         catch (error) {
             // If the auth flow fails, there is most likely something wrong with the connection to the backend server
             // and we should redirect to the error page
-            let errorMsg = 'An error occured while trying to initialise the connection to the Umbraco server (check console for details)';
+            let errorMsg = 'An error occurred while trying to initialize the connection to the Umbraco server (check console for details)';
             // Get the type of the error and check http status codes
             if (error instanceof Error) {
                 // If the error is a "TypeError" it means that the server is not reachable
@@ -158,7 +158,7 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
     async #setAuthStatus() {
         if (this.bypassAuth === false) {
             if (!this.#authContext) {
-                throw new Error('[Fatal] AuthContext requested before it was initialised');
+                throw new Error('[Fatal] AuthContext requested before it was initialized');
             }
             // Get service configuration from authentication server
             await this.#authContext.setInitialState();
@@ -168,10 +168,10 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
         }
         this.#listenForLanguageChange();
         if (this.#authContext?.isAuthorized()) {
-            this.#authContext.isLoggedIn.next(true);
+            this.#authContext?.setLoggedIn(true);
         }
         else {
-            this.#authContext?.isLoggedIn.next(false);
+            this.#authContext?.setLoggedIn(false);
         }
     }
     #redirect() {

package/dist-cms/libs/class-api/class.mixin.d.ts

@@ -7,9 +7,7 @@ import { UmbObserverController } from '../observable-api/index.js';
 type UmbClassMixinConstructor = new (host: UmbControllerHost, controllerAlias: UmbControllerAlias) => UmbClassMixinDeclaration;
 declare class UmbClassMixinDeclaration implements UmbClassMixinInterface {
     _host: UmbControllerHost;
-    observe<T>(source: Observable<T> | {
-        asObservable: () => Observable<T>;
-    }, callback: (_value: T) => void, controllerAlias?: UmbControllerAlias): UmbObserverController<T>;
+    observe<T>(source: Observable<T>, callback: (_value: T) => void, controllerAlias?: UmbControllerAlias): UmbObserverController<T>;
     provideContext<BaseType = unknown, ResultType extends BaseType = BaseType, InstanceType extends ResultType = ResultType>(alias: string | UmbContextToken<BaseType, ResultType>, instance: InstanceType): UmbContextProviderController<BaseType, ResultType, InstanceType>;
     consumeContext<BaseType = unknown, ResultType extends BaseType = BaseType>(alias: string | UmbContextToken<BaseType, ResultType>, callback: UmbContextCallback<ResultType>): UmbContextConsumerController<BaseType, ResultType>;
     hasController(controller: UmbController): boolean;

package/dist-cms/libs/controller-api/controller.class.d.ts

@@ -2,9 +2,7 @@ import { UmbControllerHost } from './controller-host.interface.js';
 import { UmbController } from './controller.interface.js';
 declare const UmbBaseController_base: (new (host: UmbControllerHost, controllerAlias: import("./controller-alias.type.js").UmbControllerAlias) => {
     _host: UmbControllerHost;
-    observe<T>(source: import("rxjs").Observable<T> | {
-        asObservable: () => import("rxjs").Observable<T>;
-    }, callback: (_value: T) => void, controllerAlias?: import("./controller-alias.type.js").UmbControllerAlias): import("../observable-api/observer.controller.js").UmbObserverController<T>;
+    observe<T>(source: import("rxjs").Observable<T>, callback: (_value: T) => void, controllerAlias?: import("./controller-alias.type.js").UmbControllerAlias): import("../observable-api/observer.controller.js").UmbObserverController<T>;
     provideContext<BaseType = unknown, ResultType extends BaseType = BaseType, InstanceType_1 extends ResultType = ResultType>(alias: string | import("../context-api/index.js").UmbContextToken<BaseType, ResultType>, instance: InstanceType_1): import("../context-api/index.js").UmbContextProviderController<BaseType, ResultType, InstanceType_1>;
     consumeContext<BaseType_1 = unknown, ResultType_1 extends BaseType_1 = BaseType_1>(alias: string | import("../context-api/index.js").UmbContextToken<BaseType_1, ResultType_1>, callback: import("../context-api/index.js").UmbContextCallback<ResultType_1>): import("../context-api/index.js").UmbContextConsumerController<BaseType_1, ResultType_1>;
     hasController(controller: UmbController): boolean;
@@ -19,9 +17,7 @@ declare const UmbBaseController_base: (new (host: UmbControllerHost, controllerA
     destroy(): void;
 }) & {
     _host: UmbControllerHost;
-    observe<T>(source: import("rxjs").Observable<T> | {
-        asObservable: () => import("rxjs").Observable<T>;
-    }, callback: (_value: T) => void, controllerAlias?: import("./controller-alias.type.js").UmbControllerAlias): import("../observable-api/observer.controller.js").UmbObserverController<T>;
+    observe<T>(source: import("rxjs").Observable<T>, callback: (_value: T) => void, controllerAlias?: import("./controller-alias.type.js").UmbControllerAlias): import("../observable-api/observer.controller.js").UmbObserverController<T>;
     provideContext<BaseType = unknown, ResultType extends BaseType = BaseType, InstanceType_1 extends ResultType = ResultType>(alias: string | import("../context-api/index.js").UmbContextToken<BaseType, ResultType>, instance: InstanceType_1): import("../context-api/index.js").UmbContextProviderController<BaseType, ResultType, InstanceType_1>;
     consumeContext<BaseType_1 = unknown, ResultType_1 extends BaseType_1 = BaseType_1>(alias: string | import("../context-api/index.js").UmbContextToken<BaseType_1, ResultType_1>, callback: import("../context-api/index.js").UmbContextCallback<ResultType_1>): import("../context-api/index.js").UmbContextConsumerController<BaseType_1, ResultType_1>;
     hasController(controller: UmbController): boolean;

package/dist-cms/libs/observable-api/basic-state.d.ts

@@ -2,10 +2,52 @@ import { BehaviorSubject } from '../../external/rxjs/index.js';
 /**
  * @export
  * @class UmbBasicState
- * @extends {BehaviorSubject<T>}
- * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
+ * @description - State ensures the data is unique, not updating any Observes unless there is an actual change of the value using `===`.
  */
-export declare class UmbBasicState<T> extends BehaviorSubject<T> {
+export declare class UmbBasicState<T> {
+    protected _subject: BehaviorSubject<T>;
     constructor(initialData: T);
+    /**
+     * @method asObservable
+     * @return {Observable} Observable that the State casts to.
+     * @description - Creates a new Observable with this State as the source. Observe this to subscribe to its value and future changes.
+     * @example <caption>Example observe the data of a state</caption>
+     * const myState = new UmbArrayState('Hello world');
+     *
+     * this.observe(myState, (latestStateValue) => console.log("Value is: ", latestStateValue));
+   */
+    asObservable(): ReturnType<BehaviorSubject<T>['asObservable']>;
+    /**
+     * @property value
+     * @description - Holds the current data of this state.
+     * @example <caption>Example retrieve the current data of a state</caption>
+     * const myState = new UmbArrayState('Hello world');
+     * console.log("Value is: ", myState.getValue());
+   */
+    get value(): BehaviorSubject<T>['value'];
+    /**
+     * @method getValue
+     * @return {T} The current data of this state.
+     * @description - Provides the current data of this state.
+     * @example <caption>Example retrieve the current data of a state</caption>
+     * const myState = new UmbArrayState('Hello world');
+     * console.log("Value is: ", myState.value);
+   */
+    getValue(): ReturnType<BehaviorSubject<T>['getValue']>;
+    /**
+     * @method destroy
+     * @description - Destroys this state and completes all observations made to it.
+   */
+    destroy(): void;
+    /**
+     * @method next
+     * @param {T} data - The next set of data for this state to hold.
+     * @description - Set the data of this state, if data is different than current this will trigger observations to update.
+     * @example <caption>Example retrieve the current data of a state</caption>
+     * const myState = new UmbArrayState('Good morning');
+     * // myState.value is equal 'Good morning'.
+     * myState.next('Goodnight')
+     * // myState.value is equal 'Goodnight'.
+   */
     next(newData: T): void;
 }

package/dist-cms/libs/observable-api/basic-state.js

@@ -2,16 +2,66 @@ import { BehaviorSubject } from '../../external/rxjs/index.js';
 /**
  * @export
  * @class UmbBasicState
- * @extends {BehaviorSubject<T>}
- * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
+ * @description - State ensures the data is unique, not updating any Observes unless there is an actual change of the value using `===`.
  */
-export class UmbBasicState extends BehaviorSubject {
+export class UmbBasicState {
     constructor(initialData) {
-        super(initialData);
+        this._subject = new BehaviorSubject(initialData);
     }
+    /**
+     * @method asObservable
+     * @return {Observable} Observable that the State casts to.
+     * @description - Creates a new Observable with this State as the source. Observe this to subscribe to its value and future changes.
+     * @example <caption>Example observe the data of a state</caption>
+     * const myState = new UmbArrayState('Hello world');
+     *
+     * this.observe(myState, (latestStateValue) => console.log("Value is: ", latestStateValue));
+   */
+    asObservable() {
+        return this._subject.asObservable();
+    }
+    /**
+     * @property value
+     * @description - Holds the current data of this state.
+     * @example <caption>Example retrieve the current data of a state</caption>
+     * const myState = new UmbArrayState('Hello world');
+     * console.log("Value is: ", myState.getValue());
+   */
+    get value() {
+        return this._subject.value;
+    }
+    ;
+    /**
+     * @method getValue
+     * @return {T} The current data of this state.
+     * @description - Provides the current data of this state.
+     * @example <caption>Example retrieve the current data of a state</caption>
+     * const myState = new UmbArrayState('Hello world');
+     * console.log("Value is: ", myState.value);
+   */
+    getValue() {
+        return this._subject.getValue();
+    }
+    /**
+     * @method destroy
+     * @description - Destroys this state and completes all observations made to it.
+   */
+    destroy() {
+        this._subject.complete();
+    }
+    /**
+     * @method next
+     * @param {T} data - The next set of data for this state to hold.
+     * @description - Set the data of this state, if data is different than current this will trigger observations to update.
+     * @example <caption>Example retrieve the current data of a state</caption>
+     * const myState = new UmbArrayState('Good morning');
+     * // myState.value is equal 'Good morning'.
+     * myState.next('Goodnight')
+     * // myState.value is equal 'Goodnight'.
+   */
     next(newData) {
-        if (newData !== this.getValue()) {
-            super.next(newData);
+        if (newData !== this._subject.getValue()) {
+            this._subject.next(newData);
         }
     }
 }

package/dist-cms/libs/observable-api/boolean-state.d.ts

@@ -2,8 +2,8 @@ import { UmbBasicState } from './basic-state.js';
 /**
  * @export
  * @class UmbBooleanState
- * @extends {BehaviorSubject<T>}
- * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
+ * @extends {UmbBasicState<T>}
+ * @description - This state ensures the data is unique, not updating any Observes unless there is an actual change of the value.
  */
 export declare class UmbBooleanState<T> extends UmbBasicState<T | boolean> {
     constructor(initialData: T | boolean);

package/dist-cms/libs/observable-api/boolean-state.js

@@ -2,8 +2,8 @@ import { UmbBasicState } from './basic-state.js';
 /**
  * @export
  * @class UmbBooleanState
- * @extends {BehaviorSubject<T>}
- * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
+ * @extends {UmbBasicState<T>}
+ * @description - This state ensures the data is unique, not updating any Observes unless there is an actual change of the value.
  */
 export class UmbBooleanState extends UmbBasicState {
     constructor(initialData) {

package/dist-cms/libs/observable-api/class-state.d.ts

@@ -1,14 +1,14 @@
-import { BehaviorSubject } from '../../external/rxjs/index.js';
+import { UmbBasicState } from "./basic-state.js";
 export interface UmbClassStateData {
     equal(otherClass: this | undefined): boolean;
 }
 /**
  * @export
  * @class UmbClassState
- * @extends {BehaviorSubject<T>}
- * @description - A RxJS BehaviorSubject which can hold class instance which has a equal method to compare in coming instances for changes.
+ * @extends {UmbBasicState<T>}
+ * @description - This state can hold class instance which has a equal method to compare in coming instances for changes.
  */
-export declare class UmbClassState<T extends UmbClassStateData | undefined> extends BehaviorSubject<T> {
+export declare class UmbClassState<T extends UmbClassStateData | undefined> extends UmbBasicState<T> {
     constructor(initialData: T);
     next(newData: T): void;
 }

package/dist-cms/libs/observable-api/class-state.js

@@ -1,18 +1,18 @@
-import { BehaviorSubject } from '../../external/rxjs/index.js';
+import { UmbBasicState } from "./basic-state.js";
 /**
  * @export
  * @class UmbClassState
- * @extends {BehaviorSubject<T>}
- * @description - A RxJS BehaviorSubject which can hold class instance which has a equal method to compare in coming instances for changes.
+ * @extends {UmbBasicState<T>}
+ * @description - This state can hold class instance which has a equal method to compare in coming instances for changes.
  */
-export class UmbClassState extends BehaviorSubject {
+export class UmbClassState extends UmbBasicState {
     constructor(initialData) {
         super(initialData);
     }
     next(newData) {
-        const oldValue = this.getValue();
+        const oldValue = this._subject.getValue();
         if (newData && oldValue?.equal(newData))
             return;
-        super.next(newData);
+        this._subject.next(newData);
     }
 }

package/dist-cms/libs/observable-api/create-observable-part.function.d.ts

@@ -11,4 +11,4 @@ import { Observable } from '../../external/rxjs/index.js';
  * @example <caption>Example create a Observable for part of the data Subject.</caption>
  * public readonly myPart = CreateObservablePart(this._data, (data) => data.myPart);
  */
-export declare function createObservablePart<R, T>(source$: Observable<T>, mappingFunction: MappingFunction<T, R>, memoizationFunction?: MemoizationFunction<R>): Observable<R>;
+export declare function createObservablePart<R, T>(source: Observable<T>, mappingFunction: MappingFunction<T, R>, memoizationFunction?: MemoizationFunction<R>): Observable<R>;

package/dist-cms/libs/observable-api/create-observable-part.function.js

@@ -10,6 +10,6 @@ import { distinctUntilChanged, map, shareReplay } from '../../external/rxjs/inde
  * @example <caption>Example create a Observable for part of the data Subject.</caption>
  * public readonly myPart = CreateObservablePart(this._data, (data) => data.myPart);
  */
-export function createObservablePart(source$, mappingFunction, memoizationFunction) {
-    return source$.pipe(map(mappingFunction), distinctUntilChanged(memoizationFunction || defaultMemoization), shareReplay(1));
+export function createObservablePart(source, mappingFunction, memoizationFunction) {
+    return source.pipe(map(mappingFunction), distinctUntilChanged(memoizationFunction || defaultMemoization), shareReplay(1));
 }

package/dist-cms/libs/observable-api/deep-state.d.ts

@@ -1,6 +1,6 @@
+import { UmbBasicState } from './basic-state.js';
 import type { MappingFunction } from './mapping-function.js';
 import type { MemoizationFunction } from './memoization-function.js';
-import { BehaviorSubject } from '../../external/rxjs/index.js';
 /**
  * @export
  * @class UmbDeepState
@@ -8,8 +8,8 @@ import { BehaviorSubject } from '../../external/rxjs/index.js';
  * @description - A RxJS BehaviorSubject which deepFreezes the data to ensure its not manipulated from any implementations.
  * Additionally the Subject ensures the data is unique, not updating any Observes unless there is an actual change of the content.
  */
-export declare class UmbDeepState<T> extends BehaviorSubject<T> {
+export declare class UmbDeepState<T> extends UmbBasicState<T> {
     constructor(initialData: T);
-    asObservablePart<ReturnType>(mappingFunction: MappingFunction<T, ReturnType>, memoizationFunction?: MemoizationFunction<ReturnType>): import("rxjs/internal/Observable.js").Observable<ReturnType>;
+    asObservablePart<ReturnType>(mappingFunction: MappingFunction<T, ReturnType>, memoizationFunction?: MemoizationFunction<ReturnType>): import("rxjs").Observable<ReturnType>;
     next(newData: T): void;
 }

package/dist-cms/libs/observable-api/deep-state.js

@@ -1,7 +1,7 @@
+import { UmbBasicState } from './basic-state.js';
 import { createObservablePart } from './create-observable-part.function.js';
 import { deepFreeze } from './deep-freeze.function.js';
 import { naiveObjectComparison } from './naive-object-comparison.js';
-import { BehaviorSubject } from '../../external/rxjs/index.js';
 /**
  * @export
  * @class UmbDeepState
@@ -9,18 +9,18 @@ import { BehaviorSubject } from '../../external/rxjs/index.js';
  * @description - A RxJS BehaviorSubject which deepFreezes the data to ensure its not manipulated from any implementations.
  * Additionally the Subject ensures the data is unique, not updating any Observes unless there is an actual change of the content.
  */
-export class UmbDeepState extends BehaviorSubject {
+export class UmbDeepState extends UmbBasicState {
     constructor(initialData) {
         super(deepFreeze(initialData));
     }
     asObservablePart(mappingFunction, memoizationFunction) {
-        return createObservablePart(this, mappingFunction, memoizationFunction);
+        return createObservablePart(this._subject, mappingFunction, memoizationFunction);
     }
     next(newData) {
         const frozenData = deepFreeze(newData);
         // Only update data if its different than current data.
-        if (!naiveObjectComparison(frozenData, this.getValue())) {
-            super.next(frozenData);
+        if (!naiveObjectComparison(frozenData, this._subject.getValue())) {
+            this._subject.next(frozenData);
         }
     }
 }

package/dist-cms/libs/observable-api/number-state.d.ts

@@ -3,7 +3,7 @@ import { UmbBasicState } from './basic-state.js';
  * @export
  * @class UmbNumberState
  * @extends {BehaviorSubject<T>}
- * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
+ * @description - State holding data of number, this ensures the data is unique, not updating any Observes unless there is an actual change of the value bu using `===`.
  */
 export declare class UmbNumberState<T> extends UmbBasicState<T | number> {
     constructor(initialData: T | number);

package/dist-cms/libs/observable-api/number-state.js

@@ -3,7 +3,7 @@ import { UmbBasicState } from './basic-state.js';
  * @export
  * @class UmbNumberState
  * @extends {BehaviorSubject<T>}
- * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
+ * @description - State holding data of number, this ensures the data is unique, not updating any Observes unless there is an actual change of the value bu using `===`.
  */
 export class UmbNumberState extends UmbBasicState {
     constructor(initialData) {

package/dist-cms/libs/observable-api/object-state.js

@@ -20,7 +20,7 @@ export class UmbObjectState extends UmbDeepState {
      * myState.update({value: 'myNewValue'});
      */
     update(partialData) {
-        this.next({ ...this.getValue(), ...partialData });
+        this.next({ ...this._subject.getValue(), ...partialData });
         return this;
     }
 }

package/dist-cms/libs/observable-api/string-state.d.ts

@@ -3,7 +3,7 @@ import { UmbBasicState } from './basic-state.js';
  * @export
  * @class UmbStringState
  * @extends {UmbBasicState<T>}
- * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
+ * @description - A state holding string data, this ensures the data is unique, not updating any Observes unless there is an actual change of the value, by using `===`.
  */
 export declare class UmbStringState<T> extends UmbBasicState<T | string> {
     constructor(initialData: T | string);

package/dist-cms/libs/observable-api/string-state.js

@@ -3,7 +3,7 @@ import { UmbBasicState } from './basic-state.js';
  * @export
  * @class UmbStringState
  * @extends {UmbBasicState<T>}
- * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
+ * @description - A state holding string data, this ensures the data is unique, not updating any Observes unless there is an actual change of the value, by using `===`.
  */
 export class UmbStringState extends UmbBasicState {
     constructor(initialData) {

package/dist-cms/packages/core/content-type/content-type-structure-manager.class.js

@@ -331,7 +331,7 @@ export class UmbContentTypePropertyStructureManager {
     }
     destroy() {
         this._reset();
-        this.#contentTypes.complete();
-        this.#containers.complete();
+        this.#contentTypes.destroy();
+        this.#containers.destroy();
     }
 }

package/dist-cms/packages/core/workspace/workspace-context/entity-manager-controller.js

@@ -54,7 +54,7 @@ export class UmbEntityWorkspaceManager {
             });
         };
         this.destroy = () => {
-            this.state.unsubscribe();
+            this.state.destroy();
         };
         this._host = host;
         this._entityType = entityType;

package/dist-cms/packages/core/workspace/workspace-property/workspace-property.context.js

@@ -103,7 +103,7 @@ export class UmbWorkspacePropertyContext extends UmbBaseController {
         this.setValue(null); // TODO: We should get the default value from Property Editor maybe even later the DocumentType, as that would hold the default value for the property.
     }
     destroy() {
-        this.#data.unsubscribe();
+        this.#data.destroy();
         this._providerController.destroy(); // This would also be handled by the controller host, but if someone wanted to replace/remove this context without the host being destroyed. Then we have clean up out selfs here.
     }
 }

package/dist-cms/packages/core/workspace/workspace-split-view/workspace-split-view.context.js

@@ -20,7 +20,7 @@ export class UmbWorkspaceSplitViewContext extends UmbBaseController {
             this.#workspaceContext = context;
             this._observeVariant();
         });
-        this.observe(this.#index, () => {
+        this.observe(this.index, () => {
             this._observeVariant();
         });
         this.provideContext(UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, this);

package/dist-cms/packages/dictionary/dictionary/workspace/dictionary-workspace.context.js

@@ -73,7 +73,7 @@ export class UmbDictionaryWorkspaceContext extends UmbWorkspaceContext {
             this.saveComplete(data);
     }
     destroy() {
-        this.#data.complete();
+        this.#data.destroy();
     }
 }
 export const UMB_DICTIONARY_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'dictionary-item');

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js

@@ -165,7 +165,7 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
         return new UmbDocumentVariantContext(host, this, variantId);
     }
     destroy() {
-        this.#currentData.complete();
+        this.#currentData.destroy();
         this.structure.destroy();
         super.destroy();
     }

package/dist-cms/packages/health-check/views/health-check-group-box-overview.element.js

@@ -19,9 +19,11 @@ export let UmbHealthCheckGroupBoxOverviewElement = class UmbHealthCheckGroupBoxO
             if (!this._healthCheckContext || !this.manifest?.meta.label)
                 return;
             this._api = this._healthCheckContext?.apis.get(this.manifest?.meta.label);
-            this._api?.results.subscribe((results) => {
-                this._keyResults = results;
-            });
+            if (this._api) {
+                this.observe(this._api.results, (results) => {
+                    this._keyResults = results;
+                }, '_observeApiResults');
+            }
         });
     }
     render() {

package/dist-cms/packages/health-check/views/health-check-group.element.js

@@ -17,14 +17,16 @@ export let UmbDashboardHealthCheckGroupElement = class UmbDashboardHealthCheckGr
         this.consumeContext(UMB_HEALTHCHECK_DASHBOARD_CONTEXT_TOKEN, (instance) => {
             this._healthCheckContext = instance;
             this._api = this._healthCheckContext?.apis.get(this.groupName);
-            this._api?.getGroupChecks(this.groupName);
-            this._api?.checks.subscribe((group) => {
-                this._checks = group?.checks;
-                this._group = group;
-            });
-            this._api?.results.subscribe((results) => {
-                this._idResults = results?.checks;
-            });
+            if (this._api) {
+                this._api.getGroupChecks(this.groupName);
+                this.observe(this._api.checks, (group) => {
+                    this._checks = group?.checks;
+                    this._group = group;
+                });
+                this.observe(this._api.results, (results) => {
+                    this._idResults = results?.checks;
+                });
+            }
         });
     }
     async _buttonHandler() {

package/dist-cms/packages/log-viewer/workspace/logviewer.context.js

@@ -1,5 +1,5 @@
 import { UmbLogViewerRepository } from '../repository/log-viewer.repository.js';
-import { UmbBasicState, UmbArrayState, createObservablePart, UmbDeepState, UmbObjectState, UmbStringState, } from '../../../libs/observable-api/index.js';
+import { UmbBasicState, UmbArrayState, UmbObjectState, UmbStringState, } from '../../../libs/observable-api/index.js';
 import { DirectionModel, LogLevelModel, } from '../../../external/backend-api/index.js';
 import { UmbBaseController } from '../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../libs/context-api/index.js';
@@ -52,30 +52,30 @@ export class UmbLogViewerWorkspaceContext extends UmbBaseController {
             endDate: this.today,
         };
         this.#savedSearches = new UmbObjectState(undefined);
-        this.savedSearches = createObservablePart(this.#savedSearches, (data) => data?.items);
-        this.#logCount = new UmbDeepState(null);
-        this.logCount = createObservablePart(this.#logCount, (data) => data);
-        this.#dateRange = new UmbDeepState(this.defaultDateRange);
-        this.dateRange = createObservablePart(this.#dateRange, (data) => data);
-        this.#loggers = new UmbDeepState(null);
-        this.loggers = createObservablePart(this.#loggers, (data) => data?.items);
+        this.savedSearches = this.#savedSearches.asObservablePart((data) => data?.items);
+        this.#logCount = new UmbObjectState(null);
+        this.logCount = this.#logCount.asObservable();
+        this.#dateRange = new UmbObjectState(this.defaultDateRange);
+        this.dateRange = this.#dateRange.asObservable();
+        this.#loggers = new UmbObjectState(null);
+        this.loggers = this.#loggers.asObservablePart((data) => data?.items);
         this.#canShowLogs = new UmbBasicState(null);
-        this.canShowLogs = createObservablePart(this.#canShowLogs, (data) => data);
+        this.canShowLogs = this.#canShowLogs.asObservable();
         this.#isLoadingLogs = new UmbBasicState(null);
-        this.isLoadingLogs = createObservablePart(this.#isLoadingLogs, (data) => data);
+        this.isLoadingLogs = this.#isLoadingLogs.asObservable();
         this.#filterExpression = new UmbStringState('');
-        this.filterExpression = createObservablePart(this.#filterExpression, (data) => data);
-        this.#messageTemplates = new UmbDeepState(null);
-        this.messageTemplates = createObservablePart(this.#messageTemplates, (data) => data);
+        this.filterExpression = this.#filterExpression.asObservable();
+        this.#messageTemplates = new UmbObjectState(null);
+        this.messageTemplates = this.#messageTemplates.asObservable();
         this.#logLevelsFilter = new UmbArrayState([]);
-        this.logLevelsFilter = createObservablePart(this.#logLevelsFilter, (data) => data);
-        this.#logs = new UmbDeepState(null);
-        this.logs = createObservablePart(this.#logs, (data) => data?.items);
-        this.logsTotal = createObservablePart(this.#logs, (data) => data?.total);
+        this.logLevelsFilter = this.#logLevelsFilter.asObservable();
+        this.#logs = new UmbObjectState(null);
+        this.logs = this.#logs.asObservablePart((data) => data?.items);
+        this.logsTotal = this.#logs.asObservablePart((data) => data?.total);
         this.#polling = new UmbObjectState({ enabled: false, interval: 2000 });
-        this.polling = createObservablePart(this.#polling, (data) => data);
+        this.polling = this.#polling.asObservable();
         this.#sortingDirection = new UmbBasicState(DirectionModel.ASCENDING);
-        this.sortingDirection = createObservablePart(this.#sortingDirection, (data) => data);
+        this.sortingDirection = this.#sortingDirection.asObservable();
         this.#intervalID = null;
         this.currentPage = 1;
         this.onChangeState = () => {

package/dist-cms/packages/media/media/workspace/media-workspace.context.js

@@ -63,7 +63,7 @@ export class UmbMediaWorkspaceContext extends UmbWorkspaceContext {
         await this.repository.delete(id);
     }
     destroy() {
-        this.#data.complete();
+        this.#data.destroy();
     }
 }
 export const UMB_MEDIA_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'media');

package/dist-cms/packages/media/media-types/workspace/media-type-workspace.context.js

@@ -58,7 +58,7 @@ export class UmbMediaTypeWorkspaceContext extends UmbWorkspaceContext {
         this.saveComplete(this.#data.value);
     }
     destroy() {
-        this.#data.complete();
+        this.#data.destroy();
     }
 }
 export const UMB_MEDIA_TYPE_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'media-type');

package/dist-cms/packages/members/member-groups/workspace/member-group-workspace.context.js

@@ -47,7 +47,7 @@ export class UmbMemberGroupWorkspaceContext extends UmbWorkspaceContext {
         this.setIsNew(true);
     }
     destroy() {
-        this.#data.complete();
+        this.#data.destroy();
     }
 }
 export const UMB_MEMBER_GROUP_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'member-group');

package/dist-cms/packages/members/member-types/workspace/member-type-workspace.context.js

@@ -56,7 +56,7 @@ export class UmbMemberTypeWorkspaceContext extends UmbWorkspaceContext {
         await this.repository.delete(id);
     }
     destroy() {
-        this.#data.complete();
+        this.#data.destroy();
     }
 }
 export const UMB_MEMBER_TYPE_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'member-type');

package/dist-cms/packages/members/members/member.detail.store.js

@@ -1,6 +1,6 @@
 import { umbMemberData } from '../../../mocks/data/member.data.js';
 import { UmbContextToken } from '../../../libs/context-api/index.js';
-import { UmbArrayState, createObservablePart } from '../../../libs/observable-api/index.js';
+import { UmbArrayState } from '../../../libs/observable-api/index.js';
 import { UmbStoreBase } from '../../core/store/index.js';
 /**
  * @export
@@ -33,7 +33,7 @@ export class UmbMemberStore extends UmbStoreBase {
         if (member) {
             this._data.appendOne(member);
         }
-        return createObservablePart(this._data, (members) => members.find((member) => member.id === id));
+        return this._data.asObservablePart((members) => members.find((member) => member.id === id));
     }
     async save(member) {
         return null;