Function attributeChangedCallback

packages/base/src/UI5Element.ts:688–705

* Do not override this method in derivatives of UI5Element * @private

(name: string, oldValue: string | null, newValue: string | null)

	 * @private
	 */
	attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {
		let newPropertyValue: PropertyValue;
		if (this._doNotSyncAttributes.has(name)) { // This attribute is mutated internally, not by the user
			return;
		}

		const properties = (this.constructor as typeof UI5Element).getMetadata().getProperties();
		const realName = name.replace(/^ui5-/, "");
		const nameInCamelCase = kebabToCamelCase(realName);
		if (properties.hasOwnProperty(nameInCamelCase)) { // eslint-disable-line
			const propData = properties[nameInCamelCase];

			const converter = propData.converter ?? defaultConverter;
			newPropertyValue = converter.fromAttribute(newValue, propData.type);

			(this as Record<string, any>)[nameInCamelCase] = newPropertyValue;
		}
	}

	formAssociatedCallback() {
		const ctor = this.constructor as typeof UI5Element;