Function _updateAttribute

packages/base/src/UI5Element.ts:724–768

* @private

(name: string, newValue: PropertyValue)

	 * @private
	 */
	_updateAttribute(name: string, newValue: PropertyValue) {
		const ctor = this.constructor as typeof UI5Element;

		if (!ctor.getMetadata().hasAttribute(name)) {
			return;
		}

		const properties = ctor.getMetadata().getProperties();
		const propData = properties[name];

		// Object and Array properties are not reflected to attributes. The attribute is only
		// consumed as a declarative input (parsed via fromAttribute on attributeChangedCallback),
		// so the framework must neither write nor remove it - leave any author-set attribute alone.
		if (propData.type === Object || propData.type === Array) {
			return;
		}

		const attrName = camelToKebabCase(name);
		const converter = propData.converter || defaultConverter;

		if (DEV_MODE) {
			const tag = (this.constructor as typeof UI5Element).getMetadata().getTag();
			if (typeof newValue === "boolean" && propData.type !== Boolean) {
				// eslint-disable-next-line
				console.error(`[UI5-FWK] boolean value for property [${name}] of component [${tag}] is missing "{ type: Boolean }" in its property decorator. Attribute conversion will treat it as a string. If this is intended, pass the value converted to string, otherwise add the type to the property decorator`);
			}
			if (typeof newValue === "number" && propData.type !== Number) {
				// eslint-disable-next-line
				console.error(`[UI5-FWK] numeric value for property [${name}] of component [${tag}] is missing "{ type: Number }" in its property decorator. Attribute conversion will treat it as a string. If this is intended, pass the value converted to string, otherwise add the type to the property decorator`);
			}
			if (typeof newValue === "string" && propData.type && propData.type !== String) {
				// eslint-disable-next-line
				console.error(`[UI5-FWK] string value for property [${name}] of component [${tag}] which has a non-string type [${propData.type}] in its property decorator. Attribute conversion will stop and keep the string value in the property.`);
			}
		}

		const newAttrValue = converter.toAttribute(newValue, propData.type);
		this._doNotSyncAttributes.add(attrName); // skip the attributeChangedCallback call for this attribute
		if (newAttrValue === null || newAttrValue === undefined) { // null means there must be no attribute for the current value of the property
			this.removeAttribute(attrName); // remove the attribute safely (will not trigger synchronization to the property value due to the above line)
		} else {
			this.setAttribute(attrName, newAttrValue); // setting attributes from properties should not trigger the property setter again
		}
		this._doNotSyncAttributes.delete(attrName); // enable synchronization again for this attribute
	}

	/**
	 * Returns a singleton event listener for the "change" event of a child in a given slot