@zcomponent/core 1.9.0 → 1.10.0-beta

package/lib/component.d.ts

@@ -65,7 +65,7 @@ export declare class Component<ElementType = any, ConstructorPropsType extends C
      * @group Other
      * @zgrouppriority 0
      */
-    tags: Observable<string[], never>;
+    readonly tags: Observable<string[], never>;
     private _updateEnabledResolved;
     private _updateTags;
     dispose(): never;

package/lib/components/Audio.d.ts

@@ -26,12 +26,12 @@ export interface AudioConstructorProps {
  * @zstream
  */
 export declare class Audio extends Component<undefined, AudioConstructorProps> implements Stream {
-    /** @zui */ onEnded: Event<[Audio]>;
-    /** @zui */ onStop: Event<[Audio]>;
-    /** @zui */ onPause: Event<[Audio]>;
-    /** @zui */ onPlay: Event<[Audio]>;
-    audioContext: AudioContext;
-    destination: AudioNode;
+    /** @zui */ readonly onEnded: Event<[Audio]>;
+    /** @zui */ readonly onStop: Event<[Audio]>;
+    /** @zui */ readonly onPause: Event<[Audio]>;
+    /** @zui */ readonly onPlay: Event<[Audio]>;
+    readonly audioContext: AudioContext;
+    readonly destination: AudioNode;
     audioBuffer?: AudioBuffer;
     private _gain;
     private _reversed?;
@@ -46,7 +46,7 @@ export declare class Audio extends Component<undefined, AudioConstructorProps> i
      * @zgroup Audio
      * @zgrouppriority 20
      */
-    muted: Observable<boolean, never>;
+    readonly muted: Observable<boolean, never>;
     private _getReversed;
     /**
      * @zprop
@@ -55,7 +55,7 @@ export declare class Audio extends Component<undefined, AudioConstructorProps> i
      * @zgrouppriority 20
      * @zdefault 1
      */
-    volume: Observable<number, never>;
+    readonly volume: Observable<number, never>;
     /** @zprop */
     play(opts?: PlayOptions): void;
     private _pause;

package/lib/components/AudioLayerSettings.d.ts

@@ -21,6 +21,6 @@ export declare class AudioLayerSettings extends Component<undefined, AudioLayerS
      * @ztype proportion
      * @zdefault 1
      */
-    volume: Observable<number, never>;
+    readonly volume: Observable<number, never>;
 }
 export {};

package/lib/components/DefaultCookieConsent.d.ts

@@ -34,112 +34,112 @@ export declare class DefaultCookieConsent extends Component {
      * @zgrouppriority 20
      * @zdefault "This website uses cookies to store information on your computer."
      */
-    title: Observable<string>;
+    readonly title: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Consent Screen
      * @zgrouppriority 20
      * @zdefault "Some of these cookies are essential, while others help us to improve your experience by providing insights into how the site is being used."
      */
-    description: Observable<string>;
+    readonly description: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Privacy Policy"
      */
-    privacyPolicyText: Observable<string>;
+    readonly privacyPolicyText: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault ""
      */
-    privacyPolicyURL: Observable<string>;
+    readonly privacyPolicyURL: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Consent Screen
      * @zgrouppriority 20
      * @zdefault "I Accept Cookies"
      */
-    acceptButton: Observable<string>;
+    readonly acceptButton: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Consent Screen
      * @zgrouppriority 20
      * @zdefault "Settings"
      */
-    settingsButton: Observable<string>;
+    readonly settingsButton: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Consent Screen
      * @zgrouppriority 20
      * @zdefault "Save"
      */
-    saveButton: Observable<string>;
+    readonly saveButton: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Essential"
      */
-    essentialTitle: Observable<string>;
+    readonly essentialTitle: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Cookies that are necessary to provide the service."
      */
-    essentialDescription: Observable<string>;
+    readonly essentialDescription: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Functional"
      */
-    functionalTitle: Observable<string>;
+    readonly functionalTitle: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Cookies that provide you with useful functionality, such as saving your preferences."
      */
-    functionalDescription: Observable<string>;
+    readonly functionalDescription: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Performance"
      */
-    performanceTitle: Observable<string>;
+    readonly performanceTitle: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Cookies that help us measure and understand how the site is being used."
      */
-    performanceDescription: Observable<string>;
+    readonly performanceDescription: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Marketing"
      */
-    marketingTitle: Observable<string>;
+    readonly marketingTitle: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Cookies that help us market our site and services."
      */
-    marketingDescription: Observable<string>;
+    readonly marketingDescription: Observable<string, never>;
     /**
      * @zprop
      * @zgroup Settings
      * @zgrouppriority 10
      * @zdefault "Required"
      */
-    required: Observable<string>;
+    readonly required: Observable<string, never>;
     private _dom;
     private _functional;
     private _performance;

package/lib/components/DefaultCookieConsent.js

@@ -19,6 +19,118 @@ export class DefaultCookieConsent extends Component {
     constructor(contextManager, constructorProps) {
         super(contextManager, constructorProps);
         this.constructorProps = constructorProps;
+        /**
+         * @zprop
+         * @zgroup Consent Screen
+         * @zgrouppriority 20
+         * @zdefault "This website uses cookies to store information on your computer."
+         */
+        this.title = new Observable("This website uses cookies to store information on your computer.");
+        /**
+         * @zprop
+         * @zgroup Consent Screen
+         * @zgrouppriority 20
+         * @zdefault "Some of these cookies are essential, while others help us to improve your experience by providing insights into how the site is being used."
+         */
+        this.description = new Observable("Some of these cookies are essential, while others help us to improve your experience by providing insights into how the site is being used.");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Privacy Policy"
+         */
+        this.privacyPolicyText = new Observable("Privacy Policy");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault ""
+         */
+        this.privacyPolicyURL = new Observable("");
+        /**
+         * @zprop
+         * @zgroup Consent Screen
+         * @zgrouppriority 20
+         * @zdefault "I Accept Cookies"
+         */
+        this.acceptButton = new Observable("I Accept Cookies");
+        /**
+         * @zprop
+         * @zgroup Consent Screen
+         * @zgrouppriority 20
+         * @zdefault "Settings"
+         */
+        this.settingsButton = new Observable("Settings");
+        /**
+         * @zprop
+         * @zgroup Consent Screen
+         * @zgrouppriority 20
+         * @zdefault "Save"
+         */
+        this.saveButton = new Observable("Save");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Essential"
+         */
+        this.essentialTitle = new Observable("Essential");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Cookies that are necessary to provide the service."
+         */
+        this.essentialDescription = new Observable("Cookies that are necessary to provide the service.");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Functional"
+         */
+        this.functionalTitle = new Observable("Functional");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Cookies that provide you with useful functionality, such as saving your preferences."
+         */
+        this.functionalDescription = new Observable("Cookies that provide you with useful functionality, such as saving your preferences.");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Performance"
+         */
+        this.performanceTitle = new Observable("Performance");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Cookies that help us measure and understand how the site is being used."
+         */
+        this.performanceDescription = new Observable("Cookies that help us measure and understand how the site is being used.");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Marketing"
+         */
+        this.marketingTitle = new Observable("Marketing");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Cookies that help us market our site and services."
+         */
+        this.marketingDescription = new Observable("Cookies that help us market our site and services.");
+        /**
+         * @zprop
+         * @zgroup Settings
+         * @zgrouppriority 10
+         * @zdefault "Required"
+         */
+        this.required = new Observable("Required");
         this._dom = document.createElement('div');
         this._functional = document.createElement('input');
         this._performance = document.createElement('input');
@@ -30,8 +142,6 @@ export class DefaultCookieConsent extends Component {
         context.status.value = Status.initialized;
         context.showSettings.value = () => this.show(true);
         this._dom.classList.add('zcomponent-cookieconsent');
-        this.privacyPolicyText = new Observable('Privacy Policy');
-        this.privacyPolicyURL = new Observable('');
         if (constructorProps.waitForStart)
             started(contextManager).then(() => this.show(false));
         else
@@ -46,32 +156,25 @@ export class DefaultCookieConsent extends Component {
         if (!panel)
             return;
         const title = this._dom.querySelector('#zcomponent-cookieconsent-title');
-        this.title = new Observable('This website uses cookies to store information on your computer.', v => { if (title)
-            title.textContent = v; });
+        this.title.addListener(v => { if (title)
+            title.textContent = v; }, undefined, true);
         const description = this._dom.querySelector('#zcomponent-cookieconsent-description');
-        this.description = new Observable('Some of these cookies are essential, while others help us to improve your experience by providing insights into how the site is being used.', v => { if (description)
-            description.textContent = v; });
+        this.description.addListener(v => { if (description)
+            description.textContent = v; }, undefined, true);
         const privacyPolicy = this._dom.querySelector('#zcomponent-cookieconsent-privacypolicy');
         this.privacyPolicyText.addListener(val => { if (privacyPolicy && privacyPolicy instanceof HTMLAnchorElement)
-            privacyPolicy.innerText = val; });
+            privacyPolicy.innerText = val; }, undefined, true);
         this.privacyPolicyURL.addListener(val => {
             if (!privacyPolicy || !(privacyPolicy instanceof HTMLAnchorElement))
                 return;
             privacyPolicy.style.display = val.length === 0 ? 'none' : 'block';
             privacyPolicy.href = val;
-        });
+        }, undefined, true);
         if (isSettings) {
-            this.essentialTitle = new Observable('Essential');
-            this.essentialDescription = new Observable('Cookies that are necessary to provide the service.');
-            this.functionalTitle = new Observable('Functional');
-            this.functionalDescription = new Observable('Cookies that provide you with useful functionality, such as saving your preferences.');
-            this.performanceTitle = new Observable('Performance');
-            this.performanceDescription = new Observable('Cookies that help us measure and understand how the site is being used.');
-            this.marketingTitle = new Observable('Marketing');
-            this.marketingDescription = new Observable('Cookies that help us market our site and services.');
             const requiredDOM = document.createElement('span');
             requiredDOM.innerText = 'Required';
-            this.required = new Observable('Required', val => requiredDOM.innerText = val);
+            this.required.addListener(v => { if (requiredDOM)
+                requiredDOM.textContent = v; }, undefined, true);
             requiredDOM.style.float = 'right';
             panel.appendChild(this._createEntry(this.essentialTitle, this.essentialDescription, [], requiredDOM));
             panel.appendChild(this._createEntry(this.functionalTitle, this.functionalDescription, [], this._functional));
@@ -82,7 +185,8 @@ export class DefaultCookieConsent extends Component {
             this._marketing.checked = useCookieConsentMarketing(this.contextManager).value === ConsentStatus.granted;
             const saveButton = document.createElement('button');
             saveButton.id = 'zcomponent-cookieconsent-save';
-            this.saveButton = new Observable('Save', v => { saveButton.textContent = v; });
+            this.saveButton.addListener(v => { if (saveButton)
+                saveButton.textContent = v; }, undefined, true);
             panel.appendChild(saveButton);
             if (!isDesignTime(this.contextManager)) {
                 saveButton.addEventListener('click', () => this._save());
@@ -91,11 +195,13 @@ export class DefaultCookieConsent extends Component {
         }
         const acceptButton = document.createElement('button');
         acceptButton.id = 'zcomponent-cookieconsent-accept';
-        this.acceptButton = new Observable('I Accept Cookies', v => { acceptButton.textContent = v; });
+        this.acceptButton.addListener(v => { if (acceptButton)
+            acceptButton.textContent = v; }, undefined, true);
         panel.appendChild(acceptButton);
         const settingsButton = document.createElement('button');
         settingsButton.id = 'zcomponent-cookieconsent-settings';
-        this.settingsButton = new Observable('Settings', v => { settingsButton.textContent = v; });
+        this.settingsButton.addListener(v => { if (settingsButton)
+            settingsButton.textContent = v; }, undefined, true);
         settingsButton.addEventListener('click', () => {
             console.log('Settings click');
             this._loadDOM(true);
@@ -118,10 +224,10 @@ export class DefaultCookieConsent extends Component {
         container.classList.add('zcomponent-cookieconsent-type');
         container.appendChild(elm);
         const header = document.createElement('h3');
-        title.addListener(val => header.innerText = val);
+        title.addListener(val => header.innerText = val, undefined, true);
         container.appendChild(header);
         const descriptionDom = document.createElement('div');
-        description.addListener(val => descriptionDom.innerText = val);
+        description.addListener(val => descriptionDom.innerText = val, undefined, true);
         container.appendChild(descriptionDom);
         if (vendors.length === 0)
             return container;
@@ -136,7 +242,7 @@ export class DefaultCookieConsent extends Component {
             li.append(document.createElement('br'));
             if (vendor.privacyPolicyUrl?.length > 0) {
                 const privacy = document.createElement('a');
-                this.privacyPolicyText.addListener(val => privacy.innerText = val);
+                this.privacyPolicyText.addListener(val => privacy.innerText = val, undefined, true);
                 privacy.href = vendor.privacyPolicyUrl;
                 privacy.rel = 'noreferrer noopener';
                 privacy.target = '_blank';

package/lib/components/DefaultLoader.d.ts

@@ -21,37 +21,37 @@ export declare class DefaultLoader extends Component {
     * @zgroup Design Time
     * @zgrouppriority 30
     */
-    preview: Observable<boolean, never>;
+    readonly preview: Observable<boolean, never>;
     /** @zprop
      * @zgroup Text
      * @zgrouppriority 20
      */
-    title: Observable<string>;
+    readonly title: Observable<string>;
     /** @zprop
      * @zgroup Text
      * @zgrouppriority 20
      */
-    subtitle: Observable<string>;
+    readonly subtitle: Observable<string>;
     /** @zprop
      * @zdefault #000000
      * @zgroup Appearance
      * @zgrouppriority 10
      * @ztype color-hex
      */
-    backgroundColor: Observable<string>;
+    readonly backgroundColor: Observable<string>;
     /** @zprop
      * @zdefault #ffffff
      * @zgroup Appearance
      * @zgrouppriority 10
      * @ztype color-hex
      */
-    textColor: Observable<string>;
+    readonly textColor: Observable<string>;
     /** @zprop
     * @zdefault 1000
     * @zgroup Appearance
     * @zgrouppriority 10
     */
-    zIndex: Observable<number>;
+    readonly zIndex: Observable<number>;
     private _percentageElement;
     private _attached;
     constructor(contextManager: ContextManager, constructorProps: DefaultLoaderConstructorProps);

package/lib/components/Gamepad.d.ts

@@ -15,53 +15,53 @@ export interface GamepadButtonEvent {
  */
 export declare class Gamepad extends Component {
     /** @zprop */
-    onButtonDown: Event<[GamepadButtonEvent]>;
+    readonly onButtonDown: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonUp: Event<[GamepadButtonEvent]>;
+    readonly onButtonUp: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonSouth: Event<[GamepadButtonEvent]>;
+    readonly onButtonSouth: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonWest: Event<[GamepadButtonEvent]>;
+    readonly onButtonWest: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonNorth: Event<[GamepadButtonEvent]>;
+    readonly onButtonNorth: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonEast: Event<[GamepadButtonEvent]>;
+    readonly onButtonEast: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonShoulderLeft: Event<[GamepadButtonEvent]>;
+    readonly onButtonShoulderLeft: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonShoulderRight: Event<[GamepadButtonEvent]>;
+    readonly onButtonShoulderRight: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonTriggerLeft: Event<[GamepadButtonEvent]>;
+    readonly onButtonTriggerLeft: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonTriggerRight: Event<[GamepadButtonEvent]>;
+    readonly onButtonTriggerRight: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonDLeft: Event<[GamepadButtonEvent]>;
+    readonly onButtonDLeft: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonDRight: Event<[GamepadButtonEvent]>;
+    readonly onButtonDRight: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonDUp: Event<[GamepadButtonEvent]>;
+    readonly onButtonDUp: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonDDown: Event<[GamepadButtonEvent]>;
+    readonly onButtonDDown: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonSelect: Event<[GamepadButtonEvent]>;
+    readonly onButtonSelect: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonStart: Event<[GamepadButtonEvent]>;
+    readonly onButtonStart: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonCenter: Event<[GamepadButtonEvent]>;
+    readonly onButtonCenter: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonStickLeft: Event<[GamepadButtonEvent]>;
+    readonly onButtonStickLeft: Event<[GamepadButtonEvent]>;
     /** @zprop */
-    onButtonStickRight: Event<[GamepadButtonEvent]>;
+    readonly onButtonStickRight: Event<[GamepadButtonEvent]>;
     private _indexMapping;
     /**
      * @zprop
      */
-    controllerIndex: Observable<number | undefined, never>;
+    readonly controllerIndex: Observable<number | undefined, never>;
     /**
      * @zprop
      * @zdefault 0.1
      */
-    analogPressedThreshold: Observable<number, never>;
+    readonly analogPressedThreshold: Observable<number, never>;
     private _downLastFrame;
     constructor(contextManager: ContextManager, props: any);
     private _updateRegistration;

package/lib/components/LongLoad.d.ts

@@ -44,6 +44,6 @@ export interface LongLoadConstructorProps {
  */
 export declare class LongLoad extends Component<any, LongLoadConstructorProps> {
     /** @zui */
-    onLoad: Event<[]>;
+    readonly onLoad: Event<[]>;
     constructor(contextManager: ContextManager, props: LongLoadConstructorProps);
 }

package/lib/components/SnapshotUI.d.ts

@@ -14,43 +14,43 @@ export declare class SnapshotUI extends Component {
     private style;
     private shareDiv;
     /** @zui */
-    onSave: Event<[]>;
+    readonly onSave: Event<[]>;
     /** @zui */
-    onShare: Event<[]>;
+    readonly onShare: Event<[]>;
     /** @zprop
      * @zdefault true
      */
-    visible: Observable<boolean, never>;
+    readonly visible: Observable<boolean, never>;
     /**
      * The format of the image to capture.
      * @zprop
      * @zdefault jpeg
      */
-    format: Observable<ImageFormat, never>;
+    readonly format: Observable<ImageFormat, never>;
     /**
      * The quality of the image to capture.
      * @zprop
      * @zdefault 0.92
      */
-    quality: Observable<number, never>;
+    readonly quality: Observable<number, never>;
     /**
      * The name of the file to download.
      * @zprop
      * @zdefault canvas
      */
-    fileName: Observable<string, never>;
+    readonly fileName: Observable<string, never>;
     /**
      * The text to share.
      * @zprop
      * @zdefault ''
      */
-    text: Observable<string, never>;
+    readonly text: Observable<string, never>;
     /**
      * The title to share.
      * @zprop
      * @zdefault ''
      */
-    title: Observable<string, never>;
+    readonly title: Observable<string, never>;
     constructor(contextManager: ContextManager, props: ConstructorProps);
     dispose(): never;
 }

package/lib/contexts/analyticscontext.d.ts

@@ -1,7 +1,7 @@
 import { ContextManager, Context } from '../context';
 import { Event } from '../event';
 export declare class AnalyticsContext extends Context {
-    onEvent: Event<[string, any]>;
+    readonly onEvent: Event<[string, any]>;
     logEvent(name: string, params?: any): void;
 }
 export declare function logEvent(mgr: ContextManager, name: string, params?: any): void;

package/lib/contexts/audiocontextcontext.d.ts

@@ -2,9 +2,9 @@ import { ContextManager, Context } from '../context';
 /** @zcontext */
 export declare class AudioContextContext extends Context {
     constructorProps: {};
-    audioContext: AudioContext;
+    readonly audioContext: AudioContext;
     private _layers;
-    layers: Map<string, AudioNode>;
+    readonly layers: Map<string, AudioNode>;
     constructor(contextManager: ContextManager, constructorProps: {});
     private _getLayer;
     getLayer(name?: string): AudioNode;

package/lib/contexts/canvascontext.d.ts

@@ -8,13 +8,13 @@ export interface CanvasContextOptions {
 /** @zcontext */
 export declare class CanvasContext extends Context {
     constructorProps: CanvasContextOptions;
-    onBeforeRender: Event<[number]>;
-    onAfterRender: Event<[number]>;
-    canvas: HTMLCanvasElement;
-    overlayDefault: HTMLDivElement;
-    overlay: Observable<HTMLDivElement>;
+    readonly onBeforeRender: Event<[number]>;
+    readonly onAfterRender: Event<[number]>;
+    readonly canvas: HTMLCanvasElement;
+    readonly overlayDefault: HTMLDivElement;
+    readonly overlay: Observable<HTMLDivElement>;
     /** @zui */
-    size: Observable<[number, number]>;
+    readonly size: Observable<[number, number]>;
     private _resizeObserver;
     constructor(contextManager: ContextManager, constructorProps: CanvasContextOptions);
     dispose(): never;

package/lib/contexts/cookieconsentcontext.d.ts

@@ -22,13 +22,13 @@ export interface Vendor {
     privacyPolicyUrl: string;
 }
 export declare class CookieConsentContext extends Context {
-    status: Observable<Status, never>;
-    functionalCookies: Observable<ConsentStatus, never>;
-    performanceCookies: Observable<ConsentStatus, never>;
-    marketingCookies: Observable<ConsentStatus, never>;
-    showSettings: Observable<(() => void) | undefined, never>;
-    performanceVendors: Vendor[];
-    marketingVendors: Vendor[];
+    readonly status: Observable<Status, never>;
+    readonly functionalCookies: Observable<ConsentStatus, never>;
+    readonly performanceCookies: Observable<ConsentStatus, never>;
+    readonly marketingCookies: Observable<ConsentStatus, never>;
+    readonly showSettings: Observable<(() => void) | undefined, never>;
+    readonly performanceVendors: Vendor[];
+    readonly marketingVendors: Vendor[];
     registerPerformanceVendor(v: Vendor): void;
     registerMarketingVendor(v: Vendor): void;
 }

package/lib/contexts/environmentcontext.d.ts

@@ -3,15 +3,15 @@ import { Observable } from '../observable';
 /** @zcontext */
 export declare class EnvironmentContext extends Context {
     /** @zprop */
-    designTime: Observable<boolean, never>;
+    readonly designTime: Observable<boolean, never>;
     /** @zprop */
-    editTime: Observable<boolean, never>;
+    readonly editTime: Observable<boolean, never>;
     /** @zprop */
-    runTime: Observable<boolean, never>;
+    readonly runTime: Observable<boolean, never>;
     /** @zprop */
-    developmentBuild: Observable<boolean, never>;
+    readonly developmentBuild: Observable<boolean, never>;
     /** @zprop */
-    productionBuild: Observable<boolean, never>;
+    readonly productionBuild: Observable<boolean, never>;
 }
 export declare function isDesignTime(ctx: ContextManager): boolean;
 export declare function isEditTime(ctx: ContextManager): boolean;

package/lib/contexts/gamepadcontext.d.ts

@@ -26,8 +26,8 @@ export declare enum GamepadButton {
     Center = "Center"
 }
 export declare class GamepadContext extends Context {
-    onGamepadsChange: Event<[]>;
-    activeGamepads: Set<number>;
+    readonly onGamepadsChange: Event<[]>;
+    readonly activeGamepads: Set<number>;
     private _registeredGamepads;
     constructor(contextManager: ContextManager);
     private _update;

package/lib/contexts/globaltagcontext.d.ts

@@ -1,5 +1,5 @@
 import { Component } from "../component";
 import { Context } from "../context";
 export declare class GlobalTagContext extends Context {
-    componentsByGlobalTag: Map<string, Set<Component<any, import("../component").ConstructorProps>>>;
+    readonly componentsByGlobalTag: Map<string, Set<Component<any, import("../component").ConstructorProps>>>;
 }

package/lib/contexts/loadcontext.d.ts

@@ -29,21 +29,21 @@ import { Observable } from '../observable';
  * @zcontext */
 export declare class LoadContext extends Context {
     /** @zui */
-    isConstructed: Observable<boolean, never>;
+    readonly isConstructed: Observable<boolean, never>;
     /** @zui */
-    isLoaded: Observable<boolean, never>;
+    readonly isLoaded: Observable<boolean, never>;
     /** @zui */
-    isStarted: Observable<boolean, never>;
+    readonly isStarted: Observable<boolean, never>;
     /** @zui */
-    isLaunched: Observable<boolean, never>;
+    readonly isLaunched: Observable<boolean, never>;
     /** @zui */
-    progressPercent: Observable<number, never>;
+    readonly progressPercent: Observable<number, never>;
     private _startedResolved;
-    started: Promise<void>;
+    readonly started: Promise<void>;
     private _constructedResolved;
-    constructed: Promise<void>;
+    readonly constructed: Promise<void>;
     private _launchedResolved;
-    launched: Promise<void>;
+    readonly launched: Promise<void>;
     private _loadables;
     private _startWhenLoaded;
     private _totalLoadables;

package/lib/contexts/snapshotContext.d.ts

@@ -3,17 +3,17 @@ import { Observable } from '../observable';
 /** @zcontext */
 export declare class SnapshotContext extends Context {
     /** @zui */
-    canvasImage: Observable<string, never>;
+    readonly canvasImage: Observable<string, never>;
     /**@zui */
-    shareAPISupported: Observable<boolean, never>;
+    readonly shareAPISupported: Observable<boolean, never>;
     /** @zui */
-    canShare: Observable<boolean, never>;
-    canvasFile: Observable<File | null, never>;
-    fileName: Observable<string, never>;
-    text: Observable<string, never>;
-    title: Observable<string, never>;
-    fileType: Observable<string, never>;
-    quality: Observable<number, never>;
+    readonly canShare: Observable<boolean, never>;
+    readonly canvasFile: Observable<File | null, never>;
+    readonly fileName: Observable<string, never>;
+    readonly text: Observable<string, never>;
+    readonly title: Observable<string, never>;
+    readonly fileType: Observable<string, never>;
+    readonly quality: Observable<number, never>;
     constructor(contextManager: ContextManager);
     updateFile: () => Promise<void>;
 }

package/lib/contexts/tagcontext.d.ts

@@ -1,8 +1,8 @@
 import { Component } from "../component";
 import { ContextManager, Context } from "../context";
 export declare class TagContext extends Context {
-    tagsByComponent: Map<Component<any, import("../component").ConstructorProps>, Set<string>>;
-    componentsByLocalTag: Map<string, Set<Component<any, import("../component").ConstructorProps>>>;
+    readonly tagsByComponent: Map<Component<any, import("../component").ConstructorProps>, Set<string>>;
+    readonly componentsByLocalTag: Map<string, Set<Component<any, import("../component").ConstructorProps>>>;
     private _global;
     registerComponent(component: Component, tags: string[]): void;
     unregisterComponent(component: Component): void;

package/lib/contexts/tagcontext.js

@@ -32,7 +32,7 @@ export class TagContext extends Context {
         this.tagsByComponent.delete(component);
     }
     getComponentsByTag(tag) {
-        return ((tag.startsWith('global:') ? this._global.componentsByGlobalTag : this.componentsByLocalTag).get(tag)) ?? new Set();
+        return ((!tag.startsWith('local:') ? this._global.componentsByGlobalTag : this.componentsByLocalTag).get(tag)) ?? new Set();
     }
     getComponentsByTags(tags) {
         if (tags.length === 0)

package/lib/contexts/usereventcontext.d.ts

@@ -2,9 +2,9 @@ import { ContextManager, Context } from '../context';
 import { Event as EventClass } from '../event';
 import { Observable } from '../observable';
 export declare class UserEventContext extends Context {
-    onUserEvent: EventClass<[Event]>;
+    readonly onUserEvent: EventClass<[Event]>;
     private _resolveNextUserEvent;
-    nextUserEvent: Observable<Promise<Event>, never>;
+    readonly nextUserEvent: Observable<Promise<Event>, never>;
     registerUserEvent(evt: Event): void;
 }
 export declare function useOnUserEvent(mgr: ContextManager): EventClass<[Event]>;

package/lib/entity.d.ts

@@ -35,7 +35,7 @@ export declare class Entity {
      * @zgroup Behavior
      * @zgrouppriority 10
      */
-    enabled: Observable<boolean, never>;
+    readonly enabled: Observable<boolean, never>;
     /**
      * This will have value `false` if this entity, or any of its parents, have `enabled` set to `false`.
      *
@@ -51,7 +51,7 @@ export declare class Entity {
      *
      * Disabled entities will typically remain visible (if they have a visible appearance).
      */
-    enabledResolved: Observable<boolean, never>;
+    readonly enabledResolved: Observable<boolean, never>;
     /**
      * Get the instance of the ZComponent that constructed this entity.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zcomponent/core",
-  "version": "1.9.0",
+  "version": "1.10.0-beta",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",