Reactive Properties

class ReactiveProperty<T> {
    private _value: T;
    private _subject = new Subject<T>();

    constructor(initialValue: T) {
        this._value = initialValue;
    }

    get value(): T {
        return this._value;
    }

    set value(newValue: T) {
        this._value = newValue;
        this._subject.next(newValue);
    }

    subscribe(callback: (value: T) => void): Subscription {
        return this._subject.subscribe(callback);
    }
}

class MyComponent extends CoreElement {
    public readonly textProperty = new ReactiveProperty<string>("");

    constructor() {
        super();
        this.textProperty.subscribe(value => {
            console.log(`Text changed to: ${value}`);
        });
    }
}

const component = new MyComponent();
component.textProperty.value = "Hello"; // Triggers notification