astro Architecture Docs
Home / Function/ setToolbarVisible() — astro Function Reference

setToolbarVisible() — astro Function Reference

Architecture documentation for the setToolbarVisible() function in toolbar.ts from the astro codebase.

Function typescript DevToolbar AuditRules called by 2

Entity Profile

Dependency Diagram

graph TD
  c462015b_1dda_1fef_9f79_75874a43f09c["setToolbarVisible()"]
  716d930c_83f4_2fe3_b978_ab934b111ba5["AstroDevToolbar"]
  c462015b_1dda_1fef_9f79_75874a43f09c -->|defined in| 716d930c_83f4_2fe3_b978_ab934b111ba5
  9d8a847e_8fa6_5b64_e4eb_bdd5b35f9bd5["attachEvents()"]
  9d8a847e_8fa6_5b64_e4eb_bdd5b35f9bd5 -->|calls| c462015b_1dda_1fef_9f79_75874a43f09c
  cd87b574_74c4_628a_b0e7_137e2821f612["triggerDelayedHide()"]
  cd87b574_74c4_628a_b0e7_137e2821f612 -->|calls| c462015b_1dda_1fef_9f79_75874a43f09c
  style c462015b_1dda_1fef_9f79_75874a43f09c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/client/dev-toolbar/toolbar.ts lines 534–553

	setToolbarVisible(newStatus: boolean) {
		const barContainer = this.shadowRoot.querySelector<HTMLDivElement>('#bar-container');
		const devBar = this.shadowRoot.querySelector<HTMLDivElement>('#dev-bar');
		const devBarHitboxAbove =
			this.shadowRoot.querySelector<HTMLDivElement>('#dev-bar-hitbox-above');
		if (newStatus === true) {
			this.devToolbarContainer?.removeAttribute('data-hidden');
			barContainer?.removeAttribute('inert');
			devBar?.removeAttribute('tabindex');
			if (devBarHitboxAbove) devBarHitboxAbove.style.height = '0';
			return;
		}
		if (newStatus === false) {
			this.devToolbarContainer?.setAttribute('data-hidden', '');
			barContainer?.setAttribute('inert', '');
			devBar?.setAttribute('tabindex', '0');
			if (devBarHitboxAbove) devBarHitboxAbove.style.height = `${DEVBAR_HITBOX_ABOVE}px`;
			return;
		}
	}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does setToolbarVisible() do?
setToolbarVisible() is a function in the astro codebase, defined in packages/astro/src/runtime/client/dev-toolbar/toolbar.ts.
Where is setToolbarVisible() defined?
setToolbarVisible() is defined in packages/astro/src/runtime/client/dev-toolbar/toolbar.ts at line 534.
What calls setToolbarVisible()?
setToolbarVisible() is called by 2 function(s): attachEvents, triggerDelayedHide.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free