@hgdc/docs 0.0.0-stage → 0.1.1

package/template/node_modules/.vite/deps/toolbar-CEKhukuK.js

@@ -0,0 +1,461 @@
+import { a as serverHelpers, t as settings } from "./astro_runtime_client_dev-toolbar_entrypoint__js.js";
+import { n as isDefinedIcon, t as getIconElement } from "./icons-C92i61-2.js";
+//#region ../../../node_modules/astro/dist/runtime/client/dev-toolbar/toolbar.js
+var WS_EVENT_NAME = "astro-dev-toolbar";
+var HOVER_DELAY = 2e3;
+var DEVBAR_HITBOX_ABOVE = 42;
+var AstroDevToolbar = class extends HTMLElement {
+	shadowRoot;
+	delayedHideTimeout;
+	devToolbarContainer;
+	apps = [];
+	hasBeenInitialized = false;
+	customAppsToShow = 3;
+	constructor() {
+		super();
+		this.shadowRoot = this.attachShadow({ mode: "open" });
+	}
+	/**
+	* All one-time DOM setup runs through here. Only ever call this once,
+	* in connectedCallback(), and protect it from being called again.
+	*/
+	init() {
+		this.shadowRoot.innerHTML = `
+		<style>
+			:host {
+				/* Important! Reset all inherited styles to initial */
+				all: initial;
+				z-index: 999999;
+				view-transition-name: astro-dev-toolbar;
+				display: contents;
+
+				/* Hide the dev toolbar on window.print() (CTRL + P) */
+				@media print {
+					display: none;
+				}
+			}
+
+			::view-transition-old(astro-dev-toolbar),
+			::view-transition-new(astro-dev-toolbar) {
+				animation: none;
+			}
+
+			#dev-toolbar-root {
+				position: fixed;
+				bottom: 0px;
+				z-index: 2000000010;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				transition: bottom 0.35s cubic-bezier(0.485, -0.050, 0.285, 1.505);
+				pointer-events: none;
+			}
+
+			#dev-toolbar-root[data-hidden] {
+				bottom: -40px;
+			}
+
+			#dev-toolbar-root[data-hidden] #dev-bar .item {
+				opacity: 0.2;
+			}
+
+			#dev-toolbar-root[data-placement="bottom-left"] {
+				left: 16px;
+			}
+			#dev-toolbar-root[data-placement="bottom-center"] {
+				left: 50%;
+				transform: translateX(-50%);
+			}
+			#dev-toolbar-root[data-placement="bottom-right"] {
+				right: 16px;
+			}
+
+			#dev-bar-hitbox-above,
+			#dev-bar-hitbox-below {
+				width: 100%;
+				pointer-events: auto;
+			}
+			#dev-bar-hitbox-above {
+				height: ${DEVBAR_HITBOX_ABOVE}px;
+			}
+			#dev-bar-hitbox-below {
+				height: 16px;
+			}
+			#dev-bar {
+				height: 40px;
+				overflow: hidden;
+				pointer-events: auto;
+				background: linear-gradient(180deg, #13151A 0%, rgba(19, 21, 26, 0.88) 100%);
+				border: 1px solid #343841;
+				border-radius: 9999px;
+				box-shadow: 0px 0px 0px 0px rgba(19, 21, 26, 0.30), 0px 1px 2px 0px rgba(19, 21, 26, 0.29), 0px 4px 4px 0px rgba(19, 21, 26, 0.26), 0px 10px 6px 0px rgba(19, 21, 26, 0.15), 0px 17px 7px 0px rgba(19, 21, 26, 0.04), 0px 26px 7px 0px rgba(19, 21, 26, 0.01);
+			}
+
+			@media (forced-colors: active) {
+				#dev-bar {
+					background: white;
+				}
+			}
+
+			#dev-bar .item {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				width: 44px;
+				border: 0;
+				background: transparent;
+				color: white;
+				font-family: system-ui, sans-serif;
+				font-size: 1rem;
+				line-height: 1.2;
+				white-space: nowrap;
+				text-decoration: none;
+				padding: 0;
+				margin: 0;
+				overflow: hidden;
+				transition: opacity 0.2s ease-out 0s;
+			}
+
+			#dev-bar #bar-container .item:hover, #dev-bar #bar-container .item:focus-visible {
+				background: #FFFFFF20;
+				cursor: pointer;
+				outline-offset: -3px;
+			}
+
+			#dev-bar #bar-container .item[data-app-error]:hover, #dev-bar #bar-container .item[data-app-error]:focus-visible {
+				cursor: not-allowed;
+				background: #ff252520;
+			}
+
+			#dev-bar .item:first-of-type {
+				border-top-left-radius: 9999px;
+				border-bottom-left-radius: 9999px;
+				width: 42px;
+				padding-left: 4px;
+			}
+
+			#dev-bar .item:last-of-type {
+				border-top-right-radius: 9999px;
+				border-bottom-right-radius: 9999px;
+				width: 42px;
+				padding-right: 4px;
+			}
+			#dev-bar #bar-container .item.active {
+				background: rgba(71, 78, 94, 1);
+			}
+
+			#dev-bar .item-tooltip {
+				background: linear-gradient(0deg, #13151A, #13151A), linear-gradient(0deg, #343841, #343841);
+				border: 1px solid rgba(52, 56, 65, 1);
+				border-radius: 4px;
+				padding: 4px 8px;
+				position: absolute;
+				top: -38px;
+				font-size: 14px;
+				opacity: 0;
+				transition: opacity 0.2s ease-in-out 0s;
+				pointer-events: none;
+				user-select: none;
+			}
+
+			#dev-bar .item-tooltip::after{
+				content: '';
+				position: absolute;
+				left: calc(50% - 5px);
+				bottom: -6px;
+				border-left: 5px solid transparent;
+				border-right: 5px solid transparent;
+				border-top: 5px solid #343841;
+			}
+
+			#dev-bar .item[data-app-error] .icon {
+				opacity: 0.35;
+			}
+
+			#dev-bar .item:hover .item-tooltip, #dev-bar .item:not(.active):focus-visible .item-tooltip {
+				transition: opacity 0.2s ease-in-out 200ms;
+				opacity: 1;
+			}
+
+			@media (forced-colors: active) {
+				#dev-bar .item:hover .item-tooltip,
+				#dev-bar .item:not(.active):focus-visible .item-tooltip {
+					background: white;
+				}
+			}
+
+			#dev-bar #bar-container .item:hover .notification rect, #dev-bar #bar-container .item:hover .notification path {
+				stroke: #38393D;
+				--fill: var(--fill-hover);
+			}
+
+			#dev-bar #bar-container .item.active .notification rect, #dev-bar #bar-container .item.active .notification path {
+				stroke: #454C5C;
+				--fill: var(--fill-hover);
+			}
+
+			#dev-bar .item .icon {
+				position: relative;
+				max-width: 20px;
+				max-height: 20px;
+				user-select: none;
+			}
+
+			#dev-bar .item .icon>svg {
+				width: 20px;
+				height: 20px;
+				display: block;
+				margin: auto;
+			}
+
+			@media (forced-colors: active) {
+				#dev-bar .item svg path[fill="#fff"] {
+					fill: black;
+				}
+			}
+
+			#dev-bar .item .notification {
+				display: none;
+				position: absolute;
+				top: -4px;
+				right: -6px;
+				width: 10px;
+				height: 10px;
+			}
+
+			#dev-bar .item .notification svg {
+				display: block;
+			}
+
+			#dev-toolbar-root:not([data-no-notification]) #dev-bar .item .notification[data-active] {
+				display: block;
+			}
+
+			#dev-bar #bar-container {
+				height: 100%;
+				display: flex;
+			}
+
+			#dev-bar .separator {
+				background: rgba(52, 56, 65, 1);
+				width: 1px;
+			}
+		</style>
+		<div id="dev-toolbar-root" data-hidden ${settings.config.disableAppNotification ? "data-no-notification" : ""} data-placement="${settings.config.placement}">
+			<div id="dev-bar-hitbox-above"></div>
+			<div id="dev-bar">
+				<div id="bar-container">
+					${this.apps.filter((app) => app.builtIn && !["astro:settings", "astro:more"].includes(app.id)).map((app) => this.getAppTemplate(app)).join("")}
+					${this.apps.filter((app) => !app.builtIn).length > 0 ? `<div class="separator"></div>${this.apps.filter((app) => !app.builtIn).slice(0, this.customAppsToShow).map((app) => this.getAppTemplate(app)).join("")}` : ""}
+					${this.apps.filter((app) => !app.builtIn).length > this.customAppsToShow ? this.getAppTemplate(this.apps.find((app) => app.builtIn && app.id === "astro:more")) : ""}
+					<div class="separator"></div>
+					${this.getAppTemplate(this.apps.find((app) => app.builtIn && app.id === "astro:settings"))}
+				</div>
+			</div>
+			<div id="dev-bar-hitbox-below"></div>
+		</div>`;
+		this.devToolbarContainer = this.shadowRoot.querySelector("#dev-toolbar-root");
+		this.attachEvents();
+		this.apps.forEach(async (app) => {
+			settings.logger.verboseLog(`Creating app canvas for ${app.id}`);
+			const appCanvas = document.createElement("astro-dev-toolbar-app-canvas");
+			appCanvas.dataset.appId = app.id;
+			this.shadowRoot?.append(appCanvas);
+		});
+		if ("requestIdleCallback" in window) window.requestIdleCallback(async () => {
+			this.apps.map((app) => this.initApp(app));
+		}, { timeout: 300 });
+		else setTimeout(async () => {
+			this.apps.map((app) => this.initApp(app));
+		}, 300);
+	}
+	connectedCallback() {
+		if (!this.hasBeenInitialized) {
+			this.init();
+			this.hasBeenInitialized = true;
+		}
+		this.apps.forEach(async (app) => {
+			await this.setAppStatus(app, app.active);
+		});
+	}
+	attachEvents() {
+		this.shadowRoot.querySelectorAll(".item").forEach((item) => {
+			item.addEventListener("click", async (event) => {
+				const target = event.currentTarget;
+				if (!target || !(target instanceof HTMLElement)) return;
+				const id = target.dataset.appId;
+				if (!id) return;
+				const app = this.getAppById(id);
+				if (!app) return;
+				event.stopPropagation();
+				await this.toggleAppStatus(app);
+			});
+		});
+		["mouseenter", "focusin"].forEach((event) => {
+			this.devToolbarContainer.addEventListener(event, () => {
+				this.clearDelayedHide();
+				if (this.isHidden()) this.setToolbarVisible(true);
+			});
+		});
+		["mouseleave", "focusout"].forEach((event) => {
+			this.devToolbarContainer.addEventListener(event, () => {
+				this.clearDelayedHide();
+				if (this.getActiveApp() || this.isHidden()) return;
+				this.triggerDelayedHide();
+			});
+		});
+		document.addEventListener("keyup", (event) => {
+			if (event.key !== "Escape") return;
+			if (this.isHidden()) return;
+			const activeApp = this.getActiveApp();
+			if (activeApp) this.toggleAppStatus(activeApp);
+			else this.setToolbarVisible(false);
+		});
+	}
+	async initApp(app) {
+		const shadowRoot = this.getAppCanvasById(app.id).shadowRoot;
+		app.status = "loading";
+		try {
+			settings.logger.verboseLog(`Initializing app ${app.id}`);
+			await app.init?.(shadowRoot, app.eventTarget, serverHelpers);
+			app.status = "ready";
+			if (import.meta.hot) import.meta.hot.send(`${WS_EVENT_NAME}:${app.id}:initialized`);
+		} catch (e) {
+			console.error(`Failed to init app ${app.id}, error: ${e}`);
+			app.status = "error";
+			if (import.meta.hot) import.meta.hot.send("astro:devtoolbar:error:init", {
+				app,
+				error: e instanceof Error ? e.stack : e
+			});
+			const appButton = this.getAppButtonById(app.id);
+			const appTooltip = appButton?.querySelector(".item-tooltip");
+			if (appButton && appTooltip) {
+				appButton.toggleAttribute("data-app-error", true);
+				appTooltip.innerText = `Error initializing ${app.name}`;
+			}
+		}
+	}
+	getAppTemplate(app) {
+		return `<button class="item" data-app-id="${app.id}">
+				<div class="icon">${app.icon ? getAppIcon(app.icon) : "?"}<div class="notification"></div></div>
+				<span class="item-tooltip">${app.name}</span>
+			</button>`;
+	}
+	getAppById(id) {
+		return this.apps.find((app) => app.id === id);
+	}
+	getAppCanvasById(id) {
+		return this.shadowRoot.querySelector(`astro-dev-toolbar-app-canvas[data-app-id="${id}"]`);
+	}
+	getAppButtonById(id) {
+		return this.shadowRoot.querySelector(`[data-app-id="${id}"]`);
+	}
+	async toggleAppStatus(app) {
+		const activeApp = this.getActiveApp();
+		if (activeApp) {
+			if (!await this.setAppStatus(activeApp, false)) return;
+		}
+		if (app.status !== "ready") return;
+		if (app !== activeApp) {
+			await this.setAppStatus(app, true);
+			if (import.meta.hot && app.id !== "astro:more") import.meta.hot.send("astro:devtoolbar:app:toggled", { app });
+		}
+	}
+	async setAppStatus(app, newStatus) {
+		const appCanvas = this.getAppCanvasById(app.id);
+		if (!appCanvas) return false;
+		if (app.active && !newStatus && app.beforeTogglingOff) {
+			if (!await app.beforeTogglingOff(appCanvas.shadowRoot)) return false;
+		}
+		app.active = newStatus ?? !app.active;
+		const mainBarButton = this.getAppButtonById(app.id);
+		const moreBarButton = this.getAppCanvasById("astro:more")?.shadowRoot?.querySelector(`[data-app-id="${app.id}"]`);
+		if (mainBarButton) mainBarButton.classList.toggle("active", app.active);
+		if (moreBarButton) moreBarButton.classList.toggle("active", app.active);
+		if (app.active) {
+			appCanvas.style.display = "block";
+			appCanvas.setAttribute("data-active", "");
+		} else {
+			appCanvas.style.display = "none";
+			appCanvas.removeAttribute("data-active");
+		}
+		app.eventTarget.dispatchEvent(new CustomEvent("app-toggled", { detail: {
+			state: app.active,
+			app
+		} }));
+		import.meta.hot?.send(`${WS_EVENT_NAME}:${app.id}:toggled`, { state: app.active });
+		return true;
+	}
+	isHidden() {
+		return this.devToolbarContainer?.hasAttribute("data-hidden") ?? true;
+	}
+	getActiveApp() {
+		return this.apps.find((app) => app.active);
+	}
+	clearDelayedHide() {
+		window.clearTimeout(this.delayedHideTimeout);
+		this.delayedHideTimeout = void 0;
+	}
+	triggerDelayedHide() {
+		this.clearDelayedHide();
+		this.delayedHideTimeout = window.setTimeout(() => {
+			this.setToolbarVisible(false);
+			this.delayedHideTimeout = void 0;
+		}, HOVER_DELAY);
+	}
+	setToolbarVisible(newStatus) {
+		const barContainer = this.shadowRoot.querySelector("#bar-container");
+		const devBar = this.shadowRoot.querySelector("#dev-bar");
+		const devBarHitboxAbove = this.shadowRoot.querySelector("#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;
+		}
+	}
+	setNotificationVisible(newStatus) {
+		this.devToolbarContainer?.toggleAttribute("data-no-notification", !newStatus);
+		this.getAppCanvasById("astro:more")?.shadowRoot?.querySelector("#dropdown")?.toggleAttribute("data-no-notification", !newStatus);
+	}
+	setToolbarPlacement(newPlacement) {
+		this.devToolbarContainer?.setAttribute("data-placement", newPlacement);
+		this.apps.forEach((app) => {
+			app.eventTarget.dispatchEvent(new CustomEvent("placement-updated", { detail: { placement: newPlacement } }));
+		});
+	}
+};
+var DevToolbarCanvas = class extends HTMLElement {
+	shadowRoot;
+	hasRenderedStyles = false;
+	constructor() {
+		super();
+		this.shadowRoot = this.attachShadow({ mode: "open" });
+	}
+	connectedCallback() {
+		if (this.hasRenderedStyles) return;
+		this.hasRenderedStyles = true;
+		this.shadowRoot.innerHTML = `
+		<style>
+			:host {
+				position: absolute;
+				top: 0;
+				left: 0;
+			}
+		</style>`;
+	}
+};
+function getAppIcon(icon) {
+	if (isDefinedIcon(icon)) return getIconElement(icon).outerHTML;
+	return icon;
+}
+//#endregion
+export { AstroDevToolbar, DevToolbarCanvas, getAppIcon };

package/template/node_modules/.vite/deps/toolbar-CEKhukuK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-CEKhukuK.js","names":[],"sources":["../../../../../../node_modules/astro/dist/runtime/client/dev-toolbar/toolbar.js"],"sourcesContent":["import { serverHelpers } from \"./helpers.js\";\nimport { settings } from \"./settings.js\";\nimport { getIconElement, isDefinedIcon } from \"./ui-library/icons.js\";\nconst WS_EVENT_NAME = \"astro-dev-toolbar\";\nconst HOVER_DELAY = 2 * 1e3;\nconst DEVBAR_HITBOX_ABOVE = 42;\nexport class AstroDevToolbar extends HTMLElement {\n\tshadowRoot;\n\tdelayedHideTimeout;\n\tdevToolbarContainer;\n\tapps = [];\n\thasBeenInitialized = false;\n\t// TODO: This should be dynamic based on the screen size or at least configurable, erika - 2023-11-29\n\tcustomAppsToShow = 3;\n\tconstructor() {\n\t\tsuper();\n\t\tthis.shadowRoot = this.attachShadow({ mode: \"open\" });\n\t}\n\t/**\n\t* All one-time DOM setup runs through here. Only ever call this once,\n\t* in connectedCallback(), and protect it from being called again.\n\t*/\n\tinit() {\n\t\tthis.shadowRoot.innerHTML = `\n\t\t<style>\n\t\t\t:host {\n\t\t\t\t/* Important! Reset all inherited styles to initial */\n\t\t\t\tall: initial;\n\t\t\t\tz-index: 999999;\n\t\t\t\tview-transition-name: astro-dev-toolbar;\n\t\t\t\tdisplay: contents;\n\n\t\t\t\t/* Hide the dev toolbar on window.print() (CTRL + P) */\n\t\t\t\t@media print {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t::view-transition-old(astro-dev-toolbar),\n\t\t\t::view-transition-new(astro-dev-toolbar) {\n\t\t\t\tanimation: none;\n\t\t\t}\n\n\t\t\t#dev-toolbar-root {\n\t\t\t\tposition: fixed;\n\t\t\t\tbottom: 0px;\n\t\t\t\tz-index: 2000000010;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\ttransition: bottom 0.35s cubic-bezier(0.485, -0.050, 0.285, 1.505);\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\t#dev-toolbar-root[data-hidden] {\n\t\t\t\tbottom: -40px;\n\t\t\t}\n\n\t\t\t#dev-toolbar-root[data-hidden] #dev-bar .item {\n\t\t\t\topacity: 0.2;\n\t\t\t}\n\n\t\t\t#dev-toolbar-root[data-placement=\"bottom-left\"] {\n\t\t\t\tleft: 16px;\n\t\t\t}\n\t\t\t#dev-toolbar-root[data-placement=\"bottom-center\"] {\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t}\n\t\t\t#dev-toolbar-root[data-placement=\"bottom-right\"] {\n\t\t\t\tright: 16px;\n\t\t\t}\n\n\t\t\t#dev-bar-hitbox-above,\n\t\t\t#dev-bar-hitbox-below {\n\t\t\t\twidth: 100%;\n\t\t\t\tpointer-events: auto;\n\t\t\t}\n\t\t\t#dev-bar-hitbox-above {\n\t\t\t\theight: ${DEVBAR_HITBOX_ABOVE}px;\n\t\t\t}\n\t\t\t#dev-bar-hitbox-below {\n\t\t\t\theight: 16px;\n\t\t\t}\n\t\t\t#dev-bar {\n\t\t\t\theight: 40px;\n\t\t\t\toverflow: hidden;\n\t\t\t\tpointer-events: auto;\n\t\t\t\tbackground: linear-gradient(180deg, #13151A 0%, rgba(19, 21, 26, 0.88) 100%);\n\t\t\t\tborder: 1px solid #343841;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tbox-shadow: 0px 0px 0px 0px rgba(19, 21, 26, 0.30), 0px 1px 2px 0px rgba(19, 21, 26, 0.29), 0px 4px 4px 0px rgba(19, 21, 26, 0.26), 0px 10px 6px 0px rgba(19, 21, 26, 0.15), 0px 17px 7px 0px rgba(19, 21, 26, 0.04), 0px 26px 7px 0px rgba(19, 21, 26, 0.01);\n\t\t\t}\n\n\t\t\t@media (forced-colors: active) {\n\t\t\t\t#dev-bar {\n\t\t\t\t\tbackground: white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t#dev-bar .item {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\twidth: 44px;\n\t\t\t\tborder: 0;\n\t\t\t\tbackground: transparent;\n\t\t\t\tcolor: white;\n\t\t\t\tfont-family: system-ui, sans-serif;\n\t\t\t\tfont-size: 1rem;\n\t\t\t\tline-height: 1.2;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttransition: opacity 0.2s ease-out 0s;\n\t\t\t}\n\n\t\t\t#dev-bar #bar-container .item:hover, #dev-bar #bar-container .item:focus-visible {\n\t\t\t\tbackground: #FFFFFF20;\n\t\t\t\tcursor: pointer;\n\t\t\t\toutline-offset: -3px;\n\t\t\t}\n\n\t\t\t#dev-bar #bar-container .item[data-app-error]:hover, #dev-bar #bar-container .item[data-app-error]:focus-visible {\n\t\t\t\tcursor: not-allowed;\n\t\t\t\tbackground: #ff252520;\n\t\t\t}\n\n\t\t\t#dev-bar .item:first-of-type {\n\t\t\t\tborder-top-left-radius: 9999px;\n\t\t\t\tborder-bottom-left-radius: 9999px;\n\t\t\t\twidth: 42px;\n\t\t\t\tpadding-left: 4px;\n\t\t\t}\n\n\t\t\t#dev-bar .item:last-of-type {\n\t\t\t\tborder-top-right-radius: 9999px;\n\t\t\t\tborder-bottom-right-radius: 9999px;\n\t\t\t\twidth: 42px;\n\t\t\t\tpadding-right: 4px;\n\t\t\t}\n\t\t\t#dev-bar #bar-container .item.active {\n\t\t\t\tbackground: rgba(71, 78, 94, 1);\n\t\t\t}\n\n\t\t\t#dev-bar .item-tooltip {\n\t\t\t\tbackground: linear-gradient(0deg, #13151A, #13151A), linear-gradient(0deg, #343841, #343841);\n\t\t\t\tborder: 1px solid rgba(52, 56, 65, 1);\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tpadding: 4px 8px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ${4 - DEVBAR_HITBOX_ABOVE}px;\n\t\t\t\tfont-size: 14px;\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: opacity 0.2s ease-in-out 0s;\n\t\t\t\tpointer-events: none;\n\t\t\t\tuser-select: none;\n\t\t\t}\n\n\t\t\t#dev-bar .item-tooltip::after{\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: calc(50% - 5px);\n\t\t\t\tbottom: -6px;\n\t\t\t\tborder-left: 5px solid transparent;\n\t\t\t\tborder-right: 5px solid transparent;\n\t\t\t\tborder-top: 5px solid #343841;\n\t\t\t}\n\n\t\t\t#dev-bar .item[data-app-error] .icon {\n\t\t\t\topacity: 0.35;\n\t\t\t}\n\n\t\t\t#dev-bar .item:hover .item-tooltip, #dev-bar .item:not(.active):focus-visible .item-tooltip {\n\t\t\t\ttransition: opacity 0.2s ease-in-out 200ms;\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t@media (forced-colors: active) {\n\t\t\t\t#dev-bar .item:hover .item-tooltip,\n\t\t\t\t#dev-bar .item:not(.active):focus-visible .item-tooltip {\n\t\t\t\t\tbackground: white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t#dev-bar #bar-container .item:hover .notification rect, #dev-bar #bar-container .item:hover .notification path {\n\t\t\t\tstroke: #38393D;\n\t\t\t\t--fill: var(--fill-hover);\n\t\t\t}\n\n\t\t\t#dev-bar #bar-container .item.active .notification rect, #dev-bar #bar-container .item.active .notification path {\n\t\t\t\tstroke: #454C5C;\n\t\t\t\t--fill: var(--fill-hover);\n\t\t\t}\n\n\t\t\t#dev-bar .item .icon {\n\t\t\t\tposition: relative;\n\t\t\t\tmax-width: 20px;\n\t\t\t\tmax-height: 20px;\n\t\t\t\tuser-select: none;\n\t\t\t}\n\n\t\t\t#dev-bar .item .icon>svg {\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: auto;\n\t\t\t}\n\n\t\t\t@media (forced-colors: active) {\n\t\t\t\t#dev-bar .item svg path[fill=\"#fff\"] {\n\t\t\t\t\tfill: black;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t#dev-bar .item .notification {\n\t\t\t\tdisplay: none;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -4px;\n\t\t\t\tright: -6px;\n\t\t\t\twidth: 10px;\n\t\t\t\theight: 10px;\n\t\t\t}\n\n\t\t\t#dev-bar .item .notification svg {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t#dev-toolbar-root:not([data-no-notification]) #dev-bar .item .notification[data-active] {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t#dev-bar #bar-container {\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\n\t\t\t#dev-bar .separator {\n\t\t\t\tbackground: rgba(52, 56, 65, 1);\n\t\t\t\twidth: 1px;\n\t\t\t}\n\t\t</style>\n\t\t<div id=\"dev-toolbar-root\" data-hidden ${settings.config.disableAppNotification ? \"data-no-notification\" : \"\"} data-placement=\"${settings.config.placement}\">\n\t\t\t<div id=\"dev-bar-hitbox-above\"></div>\n\t\t\t<div id=\"dev-bar\">\n\t\t\t\t<div id=\"bar-container\">\n\t\t\t\t\t${this.apps.filter((app) => app.builtIn && ![\"astro:settings\", \"astro:more\"].includes(app.id)).map((app) => this.getAppTemplate(app)).join(\"\")}\n\t\t\t\t\t${this.apps.filter((app) => !app.builtIn).length > 0 ? `<div class=\"separator\"></div>${this.apps.filter((app) => !app.builtIn).slice(0, this.customAppsToShow).map((app) => this.getAppTemplate(app)).join(\"\")}` : \"\"}\n\t\t\t\t\t${this.apps.filter((app) => !app.builtIn).length > this.customAppsToShow ? this.getAppTemplate(this.apps.find((app) => app.builtIn && app.id === \"astro:more\")) : \"\"}\n\t\t\t\t\t<div class=\"separator\"></div>\n\t\t\t\t\t${this.getAppTemplate(this.apps.find((app) => app.builtIn && app.id === \"astro:settings\"))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div id=\"dev-bar-hitbox-below\"></div>\n\t\t</div>`;\n\t\tthis.devToolbarContainer = this.shadowRoot.querySelector(\"#dev-toolbar-root\");\n\t\tthis.attachEvents();\n\t\t// Create app canvases\n\t\tthis.apps.forEach(async (app) => {\n\t\t\tsettings.logger.verboseLog(`Creating app canvas for ${app.id}`);\n\t\t\tconst appCanvas = document.createElement(\"astro-dev-toolbar-app-canvas\");\n\t\t\tappCanvas.dataset.appId = app.id;\n\t\t\tthis.shadowRoot?.append(appCanvas);\n\t\t});\n\t\t// Init app lazily, so that the page can load faster.\n\t\t// Fallback to setTimeout for Safari (sad!)\n\t\tif (\"requestIdleCallback\" in window) {\n\t\t\twindow.requestIdleCallback(async () => {\n\t\t\t\tthis.apps.map((app) => this.initApp(app));\n\t\t\t}, { timeout: 300 });\n\t\t} else {\n\t\t\tsetTimeout(async () => {\n\t\t\t\tthis.apps.map((app) => this.initApp(app));\n\t\t\t}, 300);\n\t\t}\n\t}\n\t// This is called whenever the component is connected to the DOM.\n\t// This happens on first page load, and on each page change when\n\t// view transitions are used.\n\tconnectedCallback() {\n\t\tif (!this.hasBeenInitialized) {\n\t\t\tthis.init();\n\t\t\tthis.hasBeenInitialized = true;\n\t\t}\n\t\t// Run this every time to make sure the correct app is open.\n\t\tthis.apps.forEach(async (app) => {\n\t\t\tawait this.setAppStatus(app, app.active);\n\t\t});\n\t}\n\tattachEvents() {\n\t\tconst items = this.shadowRoot.querySelectorAll(\".item\");\n\t\titems.forEach((item) => {\n\t\t\titem.addEventListener(\"click\", async (event) => {\n\t\t\t\tconst target = event.currentTarget;\n\t\t\t\tif (!target || !(target instanceof HTMLElement)) return;\n\t\t\t\tconst id = target.dataset.appId;\n\t\t\t\tif (!id) return;\n\t\t\t\tconst app = this.getAppById(id);\n\t\t\t\tif (!app) return;\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tawait this.toggleAppStatus(app);\n\t\t\t});\n\t\t});\n\t\t[\"mouseenter\", \"focusin\"].forEach((event) => {\n\t\t\tthis.devToolbarContainer.addEventListener(event, () => {\n\t\t\t\tthis.clearDelayedHide();\n\t\t\t\tif (this.isHidden()) {\n\t\t\t\t\tthis.setToolbarVisible(true);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\t[\"mouseleave\", \"focusout\"].forEach((event) => {\n\t\t\tthis.devToolbarContainer.addEventListener(event, () => {\n\t\t\t\tthis.clearDelayedHide();\n\t\t\t\tif (this.getActiveApp() || this.isHidden()) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tthis.triggerDelayedHide();\n\t\t\t});\n\t\t});\n\t\tdocument.addEventListener(\"keyup\", (event) => {\n\t\t\tif (event.key !== \"Escape\") return;\n\t\t\tif (this.isHidden()) return;\n\t\t\tconst activeApp = this.getActiveApp();\n\t\t\tif (activeApp) {\n\t\t\t\tthis.toggleAppStatus(activeApp);\n\t\t\t} else {\n\t\t\t\tthis.setToolbarVisible(false);\n\t\t\t}\n\t\t});\n\t}\n\tasync initApp(app) {\n\t\tconst shadowRoot = this.getAppCanvasById(app.id).shadowRoot;\n\t\tapp.status = \"loading\";\n\t\ttry {\n\t\t\tsettings.logger.verboseLog(`Initializing app ${app.id}`);\n\t\t\tawait app.init?.(shadowRoot, app.eventTarget, serverHelpers);\n\t\t\tapp.status = \"ready\";\n\t\t\tif (import.meta.hot) {\n\t\t\t\timport.meta.hot.send(`${WS_EVENT_NAME}:${app.id}:initialized`);\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error(`Failed to init app ${app.id}, error: ${e}`);\n\t\t\tapp.status = \"error\";\n\t\t\tif (import.meta.hot) {\n\t\t\t\timport.meta.hot.send(\"astro:devtoolbar:error:init\", {\n\t\t\t\t\tapp,\n\t\t\t\t\terror: e instanceof Error ? e.stack : e\n\t\t\t\t});\n\t\t\t}\n\t\t\tconst appButton = this.getAppButtonById(app.id);\n\t\t\tconst appTooltip = appButton?.querySelector(\".item-tooltip\");\n\t\t\tif (appButton && appTooltip) {\n\t\t\t\tappButton.toggleAttribute(\"data-app-error\", true);\n\t\t\t\tappTooltip.innerText = `Error initializing ${app.name}`;\n\t\t\t}\n\t\t}\n\t}\n\tgetAppTemplate(app) {\n\t\treturn `<button class=\"item\" data-app-id=\"${app.id}\">\n\t\t\t\t<div class=\"icon\">${app.icon ? getAppIcon(app.icon) : \"?\"}<div class=\"notification\"></div></div>\n\t\t\t\t<span class=\"item-tooltip\">${app.name}</span>\n\t\t\t</button>`;\n\t}\n\tgetAppById(id) {\n\t\treturn this.apps.find((app) => app.id === id);\n\t}\n\tgetAppCanvasById(id) {\n\t\treturn this.shadowRoot.querySelector(`astro-dev-toolbar-app-canvas[data-app-id=\"${id}\"]`);\n\t}\n\tgetAppButtonById(id) {\n\t\treturn this.shadowRoot.querySelector(`[data-app-id=\"${id}\"]`);\n\t}\n\tasync toggleAppStatus(app) {\n\t\tconst activeApp = this.getActiveApp();\n\t\tif (activeApp) {\n\t\t\tconst closeApp = await this.setAppStatus(activeApp, false);\n\t\t\t// If the app returned false, don't open the new app, the old app didn't want to close\n\t\t\tif (!closeApp) return;\n\t\t}\n\t\t// TODO(fks): Handle an app that hasn't loaded yet.\n\t\t// Currently, this will just do nothing.\n\t\tif (app.status !== \"ready\") return;\n\t\t// Open the selected app. If the selected app was\n\t\t// already the active app then the desired outcome\n\t\t// was to close that app, so no action needed.\n\t\tif (app !== activeApp) {\n\t\t\tawait this.setAppStatus(app, true);\n\t\t\tif (import.meta.hot && app.id !== \"astro:more\") {\n\t\t\t\timport.meta.hot.send(\"astro:devtoolbar:app:toggled\", { app });\n\t\t\t}\n\t\t}\n\t}\n\tasync setAppStatus(app, newStatus) {\n\t\tconst appCanvas = this.getAppCanvasById(app.id);\n\t\tif (!appCanvas) return false;\n\t\tif (app.active && !newStatus && app.beforeTogglingOff) {\n\t\t\tconst shouldToggleOff = await app.beforeTogglingOff(appCanvas.shadowRoot);\n\t\t\t// If the app returned false, don't toggle it off, maybe the app showed a confirmation dialog or similar\n\t\t\tif (!shouldToggleOff) return false;\n\t\t}\n\t\tapp.active = newStatus ?? !app.active;\n\t\tconst mainBarButton = this.getAppButtonById(app.id);\n\t\tconst moreBarButton = this.getAppCanvasById(\"astro:more\")?.shadowRoot?.querySelector(`[data-app-id=\"${app.id}\"]`);\n\t\tif (mainBarButton) {\n\t\t\tmainBarButton.classList.toggle(\"active\", app.active);\n\t\t}\n\t\tif (moreBarButton) {\n\t\t\tmoreBarButton.classList.toggle(\"active\", app.active);\n\t\t}\n\t\tif (app.active) {\n\t\t\tappCanvas.style.display = \"block\";\n\t\t\tappCanvas.setAttribute(\"data-active\", \"\");\n\t\t} else {\n\t\t\tappCanvas.style.display = \"none\";\n\t\t\tappCanvas.removeAttribute(\"data-active\");\n\t\t}\n\t\tapp.eventTarget.dispatchEvent(new CustomEvent(\"app-toggled\", { detail: {\n\t\t\tstate: app.active,\n\t\t\tapp\n\t\t} }));\n\t\timport.meta.hot?.send(`${WS_EVENT_NAME}:${app.id}:toggled`, { state: app.active });\n\t\treturn true;\n\t}\n\tisHidden() {\n\t\treturn this.devToolbarContainer?.hasAttribute(\"data-hidden\") ?? true;\n\t}\n\tgetActiveApp() {\n\t\treturn this.apps.find((app) => app.active);\n\t}\n\tclearDelayedHide() {\n\t\twindow.clearTimeout(this.delayedHideTimeout);\n\t\tthis.delayedHideTimeout = undefined;\n\t}\n\ttriggerDelayedHide() {\n\t\tthis.clearDelayedHide();\n\t\tthis.delayedHideTimeout = window.setTimeout(() => {\n\t\t\tthis.setToolbarVisible(false);\n\t\t\tthis.delayedHideTimeout = undefined;\n\t\t}, HOVER_DELAY);\n\t}\n\tsetToolbarVisible(newStatus) {\n\t\tconst barContainer = this.shadowRoot.querySelector(\"#bar-container\");\n\t\tconst devBar = this.shadowRoot.querySelector(\"#dev-bar\");\n\t\tconst devBarHitboxAbove = this.shadowRoot.querySelector(\"#dev-bar-hitbox-above\");\n\t\tif (newStatus === true) {\n\t\t\tthis.devToolbarContainer?.removeAttribute(\"data-hidden\");\n\t\t\tbarContainer?.removeAttribute(\"inert\");\n\t\t\tdevBar?.removeAttribute(\"tabindex\");\n\t\t\tif (devBarHitboxAbove) devBarHitboxAbove.style.height = \"0\";\n\t\t\treturn;\n\t\t}\n\t\tif (newStatus === false) {\n\t\t\tthis.devToolbarContainer?.setAttribute(\"data-hidden\", \"\");\n\t\t\tbarContainer?.setAttribute(\"inert\", \"\");\n\t\t\tdevBar?.setAttribute(\"tabindex\", \"0\");\n\t\t\tif (devBarHitboxAbove) devBarHitboxAbove.style.height = `${DEVBAR_HITBOX_ABOVE}px`;\n\t\t\treturn;\n\t\t}\n\t}\n\tsetNotificationVisible(newStatus) {\n\t\tthis.devToolbarContainer?.toggleAttribute(\"data-no-notification\", !newStatus);\n\t\tconst moreCanvas = this.getAppCanvasById(\"astro:more\");\n\t\tmoreCanvas?.shadowRoot?.querySelector(\"#dropdown\")?.toggleAttribute(\"data-no-notification\", !newStatus);\n\t}\n\tsetToolbarPlacement(newPlacement) {\n\t\tthis.devToolbarContainer?.setAttribute(\"data-placement\", newPlacement);\n\t\tthis.apps.forEach((app) => {\n\t\t\tapp.eventTarget.dispatchEvent(new CustomEvent(\"placement-updated\", { detail: { placement: newPlacement } }));\n\t\t});\n\t}\n}\nexport class DevToolbarCanvas extends HTMLElement {\n\tshadowRoot;\n\thasRenderedStyles = false;\n\tconstructor() {\n\t\tsuper();\n\t\tthis.shadowRoot = this.attachShadow({ mode: \"open\" });\n\t}\n\t// Skip re-initialization when the element reconnects. With <ClientRouter />,\n\t// each client-side navigation moves the toolbar into the new document, so\n\t// connectedCallback runs again for every canvas it holds.\n\tconnectedCallback() {\n\t\tif (this.hasRenderedStyles) {\n\t\t\treturn;\n\t\t}\n\t\tthis.hasRenderedStyles = true;\n\t\tthis.shadowRoot.innerHTML = `\n\t\t<style>\n\t\t\t:host {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t</style>`;\n\t}\n}\nexport function getAppIcon(icon) {\n\tif (isDefinedIcon(icon)) {\n\t\treturn getIconElement(icon).outerHTML;\n\t}\n\treturn icon;\n}\n"],"ignoreList":[0],"mappings":"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"}