buildTemplate() — astro Function Reference

Architecture documentation for the buildTemplate() function in icon.ts from the astro codebase.

Function typescript DevToolbar ToolbarClient calls 1 called by 2

Entity Profile

DevToolbar→ ToolbarClient→ buildTemplate() — astro Function Reference

Dependency Diagram

graph TD
  254d8849_519e_5224_59bc_121fbc545bd4["buildTemplate()"]
  d6c9a997_c573_d283_b6d1_6365995e2a3b["DevToolbarIcon"]
  254d8849_519e_5224_59bc_121fbc545bd4 -->|defined in| d6c9a997_c573_d283_b6d1_6365995e2a3b
  669b37dc_5ea4_7c66_9d63_618ed7b7df10["icon()"]
  669b37dc_5ea4_7c66_9d63_618ed7b7df10 -->|calls| 254d8849_519e_5224_59bc_121fbc545bd4
  dd779963_eea5_dbd0_3238_6cb820b12a93["constructor()"]
  dd779963_eea5_dbd0_3238_6cb820b12a93 -->|calls| 254d8849_519e_5224_59bc_121fbc545bd4
  f8c9ee63_1ae1_0bbe_1c73_266a00b0bc18["getIconHTML()"]
  254d8849_519e_5224_59bc_121fbc545bd4 -->|calls| f8c9ee63_1ae1_0bbe_1c73_266a00b0bc18
  style 254d8849_519e_5224_59bc_121fbc545bd4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/client/dev-toolbar/ui-library/icon.ts lines 36–50

	buildTemplate() {
		this.shadowRoot.innerHTML = `
			<style>
				svg {
					width: 100%;
					height: 100%;
				}

				@media (forced-colors: active) {
					svg path[fill="#fff"] {
						fill: black;
					}
				}
			</style>\n${this.getIconHTML(this._icon)}`;
	}