Function _render

packages/base/src/UI5Element.ts:892–958

* Do not call this method directly, only intended to be called by js * @protected

()

	 * @protected
	 */
	_render() {
		const ctor = this.constructor as typeof UI5Element;
		const hasIndividualSlots = ctor.getMetadata().hasIndividualSlots();

		// restore properties that were initialized before `define` by calling the setter
		if (this.initializedProperties.size > 0) {
			Array.from(this.initializedProperties.entries()).forEach(([prop, value]) => {
				delete (this as Record<string, unknown>)[prop];
				(this as Record<string, unknown>)[prop] = value;
			});
			this.initializedProperties.clear();
		}
		// suppress invalidation to prevent state changes scheduling another rendering
		this._suppressInvalidation = true;

		try {
			this.onBeforeRendering();

			if (!this._rendered) {
				// first time rendering, previous setters might have been initializers from the constructor - update attributes here
				this.updateAttributes();
			}

			// Intended for framework usage only. Currently ItemNavigation updates tab indexes after the component has updated its state but before the template is rendered
			this._componentStateFinalizedEventProvider.fireEvent("componentStateFinalized");
		} finally {
			// always resume normal invalidation handling
			this._suppressInvalidation = false;
		}

		// Update the shadow root with the render result
		/*
		if (this._changedState.length) {
			let element = this.localName;
			if (this.id) {
				element = `${element}#${this.id}`;
			}
			console.log("Re-rendering:", element, this._changedState.map(x => { // eslint-disable-line
				let res = `${x.type}`;
				if (x.reason) {
					res = `${res}(${x.reason})`;
				}
				res = `${res}: ${x.name}`;
				if (x.type === "property") {
					res = `${res} ${JSON.stringify(x.oldValue)} => ${JSON.stringify(x.newValue)}`;
				}

				return res;
			}));
		}
		*/
		this._changedState = [];

		// Update shadow root
		if (ctor._needsShadowDOM()) {
			updateShadowRoot(this);
		}
		this._rendered = true;