rename to skipHost, use name host for the origin element.

src/Umbraco.Web.UI.Client/src/libs/context-api/consume/context-consumer.ts

@@ -13,7 +13,9 @@ import { UmbContextRequestEventImplementation } from './context-request.event.js
  * @class UmbContextConsumer
  */
 export class UmbContextConsumer<BaseType = unknown, ResultType extends BaseType = BaseType> {
-	#skipOrigin?: boolean;
+	protected _host: Element;
+
+	#skipHost?: boolean;
 	#stopAtContextMatch = true;
 	#callback?: UmbContextCallback<ResultType>;
 	#promise?: Promise<ResultType>;
@@ -31,16 +33,17 @@ export class UmbContextConsumer<BaseType = unknown, ResultType extends BaseType
 
 	/**
 	 * Creates an instance of UmbContextConsumer.
-	 * @param {Element} element
+	 * @param {Element} host
 	 * @param {string} contextIdentifier
 	 * @param {UmbContextCallback} callback
 	 * @memberof UmbContextConsumer
 	 */
 	constructor(
-		protected element: Element,
+		host: Element,
 		contextIdentifier: string | UmbContextToken<BaseType, ResultType>,
 		callback?: UmbContextCallback<ResultType>,
 	) {
+		this._host = host;
 		const idSplit = contextIdentifier.toString().split('#');
 		this.#contextAlias = idSplit[0];
 		this.#apiAlias = idSplit[1] ?? 'default';
@@ -51,10 +54,11 @@ export class UmbContextConsumer<BaseType = unknown, ResultType extends BaseType
 	/**
 	 * @public
 	 * @memberof UmbContextConsumer
-	 * @description Skip the contexts provided by the requesting element.
+	 * @description Make the consumption skip the contexts provided by the Host element.
 	 */
-	public skipOrigin(): void {
-		this.#skipOrigin = true;
+	public skipHost() {
+		this.#skipHost = true;
+		return this;
 	}
 
 	/**
@@ -63,8 +67,9 @@ export class UmbContextConsumer<BaseType = unknown, ResultType extends BaseType
 	 * @description Pass beyond any context aliases that matches this.
 	 * The default behavior is to stop at first Context Alias match, this is to avoid receiving unforeseen descending contexts.
 	 */
-	public passContextAliasMatches(): void {
+	public passContextAliasMatches() {
 		this.#stopAtContextMatch = false;
+		return this;
 	}
 
 	protected _onResponse = (instance: BaseType): boolean => {
@@ -119,7 +124,7 @@ export class UmbContextConsumer<BaseType = unknown, ResultType extends BaseType
 			this._onResponse,
 			this.#stopAtContextMatch,
 		);
-		(this.#skipOrigin ? this.element.parentNode : this.element)?.dispatchEvent(event);
+		(this.#skipHost ? this._host.parentNode : this._host)?.dispatchEvent(event);
 	}
 
 	public hostConnected(): void {

src/Umbraco.Web.UI.Client/src/libs/controller-api/controller-host.mixin.ts

@@ -56,7 +56,7 @@ export const UmbControllerHostMixin = <T extends ClassConstructor>(superClass: T
 
 			this.#controllers.push(ctrl);
 			if (this.#attached) {
-				// If a controller is created on a already attached element, then it will be added directly. This might not be optimal. As the controller it self has not finished its constructor method jet. therefor i postpone the call:
+				// If a controller is created on a already attached element, then it will be added directly. This might not be optimal. As the controller it self has not finished its constructor method jet. therefor i postpone the call: [NL]
 				Promise.resolve().then(() => {
 					// Extra check to see if we are still attached at this point:
 					if (this.#attached) {

src/Umbraco.Web.UI.Client/src/packages/core/modal/common/property-settings/property-settings-modal.element.ts

@@ -65,7 +65,7 @@ export class UmbPropertySettingsModalElement extends UmbModalBaseElement<
 
 			this.observe(instance.variesByCulture, (variesByCulture) => (this._documentVariesByCulture = variesByCulture));
 			this.observe(instance.variesBySegment, (variesBySegment) => (this._documentVariesBySegment = variesBySegment));
-		}).skipOrigin();
+		}).skipHost();
 
 		this._originalPropertyData = this.value;
 		this.#isNew = this.value.alias === '';
@@ -357,7 +357,7 @@ export class UmbPropertySettingsModalElement extends UmbModalBaseElement<
 							name="pattern-message"
 							@change=${this.#onValidationMessageChange}
 							.value=${this.value.validation?.regExMessage ?? ''}></uui-textarea>
-				  `
+					`
 				: nothing} `;
 	}