🚨 Active Supply Chain Attack:node-ipc Package Compromised.Learn More →
@tanstack/router-devtools-core
Advanced tools
@tanstack/router-devtools-core - npm Package Compare versions
| import { D as untrack, E as onCleanup, O as useContext, S as createSignal, T as mergeProps, _ as Switch, a as addEventListener, b as createMemo, c as insert, d as setAttribute, f as spread, g as Show, h as Match, l as memo, m as For, n as ShadowDomTargetContext, o as className, p as template, r as useDevtoolsOnClose, s as delegateEvents, v as createComponent, x as createRenderEffect, y as createEffect } from "./context-D56_tqst.js"; | ||
| import { clsx } from "clsx"; | ||
| import invariant from "tiny-invariant"; | ||
| import { interpolatePath, rootRouteId, trimPath } from "@tanstack/router-core"; | ||
| import * as goober from "goober"; | ||
| //#region src/tokens.ts | ||
| var tokens = { | ||
| colors: { | ||
| inherit: "inherit", | ||
| current: "currentColor", | ||
| transparent: "transparent", | ||
| black: "#000000", | ||
| white: "#ffffff", | ||
| neutral: { | ||
| 50: "#f9fafb", | ||
| 100: "#f2f4f7", | ||
| 200: "#eaecf0", | ||
| 300: "#d0d5dd", | ||
| 400: "#98a2b3", | ||
| 500: "#667085", | ||
| 600: "#475467", | ||
| 700: "#344054", | ||
| 800: "#1d2939", | ||
| 900: "#101828" | ||
| }, | ||
| darkGray: { | ||
| 50: "#525c7a", | ||
| 100: "#49536e", | ||
| 200: "#414962", | ||
| 300: "#394056", | ||
| 400: "#313749", | ||
| 500: "#292e3d", | ||
| 600: "#212530", | ||
| 700: "#191c24", | ||
| 800: "#111318", | ||
| 900: "#0b0d10" | ||
| }, | ||
| gray: { | ||
| 50: "#f9fafb", | ||
| 100: "#f2f4f7", | ||
| 200: "#eaecf0", | ||
| 300: "#d0d5dd", | ||
| 400: "#98a2b3", | ||
| 500: "#667085", | ||
| 600: "#475467", | ||
| 700: "#344054", | ||
| 800: "#1d2939", | ||
| 900: "#101828" | ||
| }, | ||
| blue: { | ||
| 25: "#F5FAFF", | ||
| 50: "#EFF8FF", | ||
| 100: "#D1E9FF", | ||
| 200: "#B2DDFF", | ||
| 300: "#84CAFF", | ||
| 400: "#53B1FD", | ||
| 500: "#2E90FA", | ||
| 600: "#1570EF", | ||
| 700: "#175CD3", | ||
| 800: "#1849A9", | ||
| 900: "#194185" | ||
| }, | ||
| green: { | ||
| 25: "#F6FEF9", | ||
| 50: "#ECFDF3", | ||
| 100: "#D1FADF", | ||
| 200: "#A6F4C5", | ||
| 300: "#6CE9A6", | ||
| 400: "#32D583", | ||
| 500: "#12B76A", | ||
| 600: "#039855", | ||
| 700: "#027A48", | ||
| 800: "#05603A", | ||
| 900: "#054F31" | ||
| }, | ||
| red: { | ||
| 50: "#fef2f2", | ||
| 100: "#fee2e2", | ||
| 200: "#fecaca", | ||
| 300: "#fca5a5", | ||
| 400: "#f87171", | ||
| 500: "#ef4444", | ||
| 600: "#dc2626", | ||
| 700: "#b91c1c", | ||
| 800: "#991b1b", | ||
| 900: "#7f1d1d", | ||
| 950: "#450a0a" | ||
| }, | ||
| yellow: { | ||
| 25: "#FFFCF5", | ||
| 50: "#FFFAEB", | ||
| 100: "#FEF0C7", | ||
| 200: "#FEDF89", | ||
| 300: "#FEC84B", | ||
| 400: "#FDB022", | ||
| 500: "#F79009", | ||
| 600: "#DC6803", | ||
| 700: "#B54708", | ||
| 800: "#93370D", | ||
| 900: "#7A2E0E" | ||
| }, | ||
| purple: { | ||
| 25: "#FAFAFF", | ||
| 50: "#F4F3FF", | ||
| 100: "#EBE9FE", | ||
| 200: "#D9D6FE", | ||
| 300: "#BDB4FE", | ||
| 400: "#9B8AFB", | ||
| 500: "#7A5AF8", | ||
| 600: "#6938EF", | ||
| 700: "#5925DC", | ||
| 800: "#4A1FB8", | ||
| 900: "#3E1C96" | ||
| }, | ||
| teal: { | ||
| 25: "#F6FEFC", | ||
| 50: "#F0FDF9", | ||
| 100: "#CCFBEF", | ||
| 200: "#99F6E0", | ||
| 300: "#5FE9D0", | ||
| 400: "#2ED3B7", | ||
| 500: "#15B79E", | ||
| 600: "#0E9384", | ||
| 700: "#107569", | ||
| 800: "#125D56", | ||
| 900: "#134E48" | ||
| }, | ||
| pink: { | ||
| 25: "#fdf2f8", | ||
| 50: "#fce7f3", | ||
| 100: "#fbcfe8", | ||
| 200: "#f9a8d4", | ||
| 300: "#f472b6", | ||
| 400: "#ec4899", | ||
| 500: "#db2777", | ||
| 600: "#be185d", | ||
| 700: "#9d174d", | ||
| 800: "#831843", | ||
| 900: "#500724" | ||
| }, | ||
| cyan: { | ||
| 25: "#ecfeff", | ||
| 50: "#cffafe", | ||
| 100: "#a5f3fc", | ||
| 200: "#67e8f9", | ||
| 300: "#22d3ee", | ||
| 400: "#06b6d4", | ||
| 500: "#0891b2", | ||
| 600: "#0e7490", | ||
| 700: "#155e75", | ||
| 800: "#164e63", | ||
| 900: "#083344" | ||
| } | ||
| }, | ||
| alpha: { | ||
| 100: "ff", | ||
| 90: "e5", | ||
| 80: "cc", | ||
| 70: "b3", | ||
| 60: "99", | ||
| 50: "80", | ||
| 40: "66", | ||
| 30: "4d", | ||
| 20: "33", | ||
| 10: "1a", | ||
| 0: "00" | ||
| }, | ||
| font: { | ||
| size: { | ||
| "2xs": "calc(var(--tsrd-font-size) * 0.625)", | ||
| xs: "calc(var(--tsrd-font-size) * 0.75)", | ||
| sm: "calc(var(--tsrd-font-size) * 0.875)", | ||
| md: "var(--tsrd-font-size)", | ||
| lg: "calc(var(--tsrd-font-size) * 1.125)", | ||
| xl: "calc(var(--tsrd-font-size) * 1.25)", | ||
| "2xl": "calc(var(--tsrd-font-size) * 1.5)", | ||
| "3xl": "calc(var(--tsrd-font-size) * 1.875)", | ||
| "4xl": "calc(var(--tsrd-font-size) * 2.25)", | ||
| "5xl": "calc(var(--tsrd-font-size) * 3)", | ||
| "6xl": "calc(var(--tsrd-font-size) * 3.75)", | ||
| "7xl": "calc(var(--tsrd-font-size) * 4.5)", | ||
| "8xl": "calc(var(--tsrd-font-size) * 6)", | ||
| "9xl": "calc(var(--tsrd-font-size) * 8)" | ||
| }, | ||
| lineHeight: { | ||
| "3xs": "calc(var(--tsrd-font-size) * 0.75)", | ||
| "2xs": "calc(var(--tsrd-font-size) * 0.875)", | ||
| xs: "calc(var(--tsrd-font-size) * 1)", | ||
| sm: "calc(var(--tsrd-font-size) * 1.25)", | ||
| md: "calc(var(--tsrd-font-size) * 1.5)", | ||
| lg: "calc(var(--tsrd-font-size) * 1.75)", | ||
| xl: "calc(var(--tsrd-font-size) * 2)", | ||
| "2xl": "calc(var(--tsrd-font-size) * 2.25)", | ||
| "3xl": "calc(var(--tsrd-font-size) * 2.5)", | ||
| "4xl": "calc(var(--tsrd-font-size) * 2.75)", | ||
| "5xl": "calc(var(--tsrd-font-size) * 3)", | ||
| "6xl": "calc(var(--tsrd-font-size) * 3.25)", | ||
| "7xl": "calc(var(--tsrd-font-size) * 3.5)", | ||
| "8xl": "calc(var(--tsrd-font-size) * 3.75)", | ||
| "9xl": "calc(var(--tsrd-font-size) * 4)" | ||
| }, | ||
| weight: { | ||
| thin: "100", | ||
| extralight: "200", | ||
| light: "300", | ||
| normal: "400", | ||
| medium: "500", | ||
| semibold: "600", | ||
| bold: "700", | ||
| extrabold: "800", | ||
| black: "900" | ||
| }, | ||
| fontFamily: { | ||
| sans: "ui-sans-serif, Inter, system-ui, sans-serif, sans-serif", | ||
| mono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace` | ||
| } | ||
| }, | ||
| breakpoints: { | ||
| xs: "320px", | ||
| sm: "640px", | ||
| md: "768px", | ||
| lg: "1024px", | ||
| xl: "1280px", | ||
| "2xl": "1536px" | ||
| }, | ||
| border: { radius: { | ||
| none: "0px", | ||
| xs: "calc(var(--tsrd-font-size) * 0.125)", | ||
| sm: "calc(var(--tsrd-font-size) * 0.25)", | ||
| md: "calc(var(--tsrd-font-size) * 0.375)", | ||
| lg: "calc(var(--tsrd-font-size) * 0.5)", | ||
| xl: "calc(var(--tsrd-font-size) * 0.75)", | ||
| "2xl": "calc(var(--tsrd-font-size) * 1)", | ||
| "3xl": "calc(var(--tsrd-font-size) * 1.5)", | ||
| full: "9999px" | ||
| } }, | ||
| size: { | ||
| 0: "0px", | ||
| .25: "calc(var(--tsrd-font-size) * 0.0625)", | ||
| .5: "calc(var(--tsrd-font-size) * 0.125)", | ||
| 1: "calc(var(--tsrd-font-size) * 0.25)", | ||
| 1.5: "calc(var(--tsrd-font-size) * 0.375)", | ||
| 2: "calc(var(--tsrd-font-size) * 0.5)", | ||
| 2.5: "calc(var(--tsrd-font-size) * 0.625)", | ||
| 3: "calc(var(--tsrd-font-size) * 0.75)", | ||
| 3.5: "calc(var(--tsrd-font-size) * 0.875)", | ||
| 4: "calc(var(--tsrd-font-size) * 1)", | ||
| 4.5: "calc(var(--tsrd-font-size) * 1.125)", | ||
| 5: "calc(var(--tsrd-font-size) * 1.25)", | ||
| 5.5: "calc(var(--tsrd-font-size) * 1.375)", | ||
| 6: "calc(var(--tsrd-font-size) * 1.5)", | ||
| 6.5: "calc(var(--tsrd-font-size) * 1.625)", | ||
| 7: "calc(var(--tsrd-font-size) * 1.75)", | ||
| 8: "calc(var(--tsrd-font-size) * 2)", | ||
| 9: "calc(var(--tsrd-font-size) * 2.25)", | ||
| 10: "calc(var(--tsrd-font-size) * 2.5)", | ||
| 11: "calc(var(--tsrd-font-size) * 2.75)", | ||
| 12: "calc(var(--tsrd-font-size) * 3)", | ||
| 14: "calc(var(--tsrd-font-size) * 3.5)", | ||
| 16: "calc(var(--tsrd-font-size) * 4)", | ||
| 20: "calc(var(--tsrd-font-size) * 5)", | ||
| 24: "calc(var(--tsrd-font-size) * 6)", | ||
| 28: "calc(var(--tsrd-font-size) * 7)", | ||
| 32: "calc(var(--tsrd-font-size) * 8)", | ||
| 36: "calc(var(--tsrd-font-size) * 9)", | ||
| 40: "calc(var(--tsrd-font-size) * 10)", | ||
| 44: "calc(var(--tsrd-font-size) * 11)", | ||
| 48: "calc(var(--tsrd-font-size) * 12)", | ||
| 52: "calc(var(--tsrd-font-size) * 13)", | ||
| 56: "calc(var(--tsrd-font-size) * 14)", | ||
| 60: "calc(var(--tsrd-font-size) * 15)", | ||
| 64: "calc(var(--tsrd-font-size) * 16)", | ||
| 72: "calc(var(--tsrd-font-size) * 18)", | ||
| 80: "calc(var(--tsrd-font-size) * 20)", | ||
| 96: "calc(var(--tsrd-font-size) * 24)" | ||
| }, | ||
| shadow: { | ||
| xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`, | ||
| sm: (color = "rgb(0 0 0 / 0.1)") => `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}`, | ||
| md: (color = "rgb(0 0 0 / 0.1)") => `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}`, | ||
| lg: (color = "rgb(0 0 0 / 0.1)") => `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}`, | ||
| xl: (color = "rgb(0 0 0 / 0.1)") => `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}`, | ||
| "2xl": (color = "rgb(0 0 0 / 0.25)") => `0 25px 50px -12px ${color}`, | ||
| inner: (color = "rgb(0 0 0 / 0.05)") => `inset 0 2px 4px 0 ${color}`, | ||
| none: () => `none` | ||
| }, | ||
| zIndices: { | ||
| hide: -1, | ||
| auto: "auto", | ||
| base: 0, | ||
| docked: 10, | ||
| dropdown: 1e3, | ||
| sticky: 1100, | ||
| banner: 1200, | ||
| overlay: 1300, | ||
| modal: 1400, | ||
| popover: 1500, | ||
| skipLink: 1600, | ||
| toast: 1700, | ||
| tooltip: 1800 | ||
| } | ||
| }; | ||
| //#endregion | ||
| //#region src/useStyles.tsx | ||
| var stylesFactory$1 = (shadowDOMTarget) => { | ||
| const { colors, font, size, alpha, shadow, border } = tokens; | ||
| const { fontFamily, lineHeight, size: fontSize } = font; | ||
| const css = shadowDOMTarget ? goober.css.bind({ target: shadowDOMTarget }) : goober.css; | ||
| return { | ||
| devtoolsPanelContainer: css` | ||
| direction: ltr; | ||
| position: fixed; | ||
| bottom: 0; | ||
| right: 0; | ||
| z-index: 99999; | ||
| width: 100%; | ||
| max-height: 90%; | ||
| border-top: 1px solid ${colors.gray[700]}; | ||
| transform-origin: top; | ||
| `, | ||
| devtoolsPanelContainerVisibility: (isOpen) => { | ||
| return css` | ||
| visibility: ${isOpen ? "visible" : "hidden"}; | ||
| `; | ||
| }, | ||
| devtoolsPanelContainerResizing: (isResizing) => { | ||
| if (isResizing()) return css` | ||
| transition: none; | ||
| `; | ||
| return css` | ||
| transition: all 0.4s ease; | ||
| `; | ||
| }, | ||
| devtoolsPanelContainerAnimation: (isOpen, height) => { | ||
| if (isOpen) return css` | ||
| pointer-events: auto; | ||
| transform: translateY(0); | ||
| `; | ||
| return css` | ||
| pointer-events: none; | ||
| transform: translateY(${height}px); | ||
| `; | ||
| }, | ||
| logo: css` | ||
| cursor: pointer; | ||
| display: flex; | ||
| flex-direction: column; | ||
| background-color: transparent; | ||
| border: none; | ||
| font-family: ${fontFamily.sans}; | ||
| gap: ${tokens.size[.5]}; | ||
| padding: 0px; | ||
| &:hover { | ||
| opacity: 0.7; | ||
| } | ||
| &:focus-visible { | ||
| outline-offset: 4px; | ||
| border-radius: ${border.radius.xs}; | ||
| outline: 2px solid ${colors.blue[800]}; | ||
| } | ||
| `, | ||
| tanstackLogo: css` | ||
| font-size: ${font.size.md}; | ||
| font-weight: ${font.weight.bold}; | ||
| line-height: ${font.lineHeight.xs}; | ||
| white-space: nowrap; | ||
| color: ${colors.gray[300]}; | ||
| `, | ||
| routerLogo: css` | ||
| font-weight: ${font.weight.semibold}; | ||
| font-size: ${font.size.xs}; | ||
| background: linear-gradient(to right, #84cc16, #10b981); | ||
| background-clip: text; | ||
| -webkit-background-clip: text; | ||
| line-height: 1; | ||
| -webkit-text-fill-color: transparent; | ||
| white-space: nowrap; | ||
| `, | ||
| devtoolsPanel: css` | ||
| display: flex; | ||
| font-size: ${fontSize.sm}; | ||
| font-family: ${fontFamily.sans}; | ||
| background-color: ${colors.darkGray[700]}; | ||
| color: ${colors.gray[300]}; | ||
| @media (max-width: 700px) { | ||
| flex-direction: column; | ||
| } | ||
| @media (max-width: 600px) { | ||
| font-size: ${fontSize.xs}; | ||
| } | ||
| `, | ||
| dragHandle: css` | ||
| position: absolute; | ||
| left: 0; | ||
| top: 0; | ||
| width: 100%; | ||
| height: 4px; | ||
| cursor: row-resize; | ||
| z-index: 100000; | ||
| &:hover { | ||
| background-color: ${colors.purple[400]}${alpha[90]}; | ||
| } | ||
| `, | ||
| firstContainer: css` | ||
| flex: 1 1 500px; | ||
| min-height: 40%; | ||
| max-height: 100%; | ||
| overflow: auto; | ||
| border-right: 1px solid ${colors.gray[700]}; | ||
| display: flex; | ||
| flex-direction: column; | ||
| `, | ||
| routerExplorerContainer: css` | ||
| overflow-y: auto; | ||
| flex: 1; | ||
| `, | ||
| routerExplorer: css` | ||
| padding: ${tokens.size[2]}; | ||
| `, | ||
| row: css` | ||
| display: flex; | ||
| align-items: center; | ||
| padding: ${tokens.size[2]} ${tokens.size[2.5]}; | ||
| gap: ${tokens.size[2.5]}; | ||
| border-bottom: ${colors.darkGray[500]} 1px solid; | ||
| align-items: center; | ||
| `, | ||
| detailsHeader: css` | ||
| font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif; | ||
| position: sticky; | ||
| top: 0; | ||
| z-index: 2; | ||
| background-color: ${colors.darkGray[600]}; | ||
| padding: 0px ${tokens.size[2]}; | ||
| font-weight: ${font.weight.medium}; | ||
| font-size: ${font.size.xs}; | ||
| min-height: ${tokens.size[8]}; | ||
| line-height: ${font.lineHeight.xs}; | ||
| text-align: left; | ||
| display: flex; | ||
| align-items: center; | ||
| `, | ||
| maskedBadge: css` | ||
| background: ${colors.yellow[900]}${alpha[70]}; | ||
| color: ${colors.yellow[300]}; | ||
| display: inline-block; | ||
| padding: ${tokens.size[0]} ${tokens.size[2.5]}; | ||
| border-radius: ${border.radius.full}; | ||
| font-size: ${font.size.xs}; | ||
| font-weight: ${font.weight.normal}; | ||
| border: 1px solid ${colors.yellow[300]}; | ||
| `, | ||
| maskedLocation: css` | ||
| color: ${colors.yellow[300]}; | ||
| `, | ||
| detailsContent: css` | ||
| padding: ${tokens.size[1.5]} ${tokens.size[2]}; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: space-between; | ||
| font-size: ${font.size.xs}; | ||
| `, | ||
| routeMatchesToggle: css` | ||
| display: flex; | ||
| align-items: center; | ||
| border: 1px solid ${colors.gray[500]}; | ||
| border-radius: ${border.radius.sm}; | ||
| overflow: hidden; | ||
| `, | ||
| routeMatchesToggleBtn: (active, showBorder) => { | ||
| const classes = [css` | ||
| appearance: none; | ||
| border: none; | ||
| font-size: 12px; | ||
| padding: 4px 8px; | ||
| background: transparent; | ||
| cursor: pointer; | ||
| font-family: ${fontFamily.sans}; | ||
| font-weight: ${font.weight.medium}; | ||
| `]; | ||
| if (active) { | ||
| const activeStyles = css` | ||
| background: ${colors.darkGray[400]}; | ||
| color: ${colors.gray[300]}; | ||
| `; | ||
| classes.push(activeStyles); | ||
| } else { | ||
| const inactiveStyles = css` | ||
| color: ${colors.gray[500]}; | ||
| background: ${colors.darkGray[800]}${alpha[20]}; | ||
| `; | ||
| classes.push(inactiveStyles); | ||
| } | ||
| if (showBorder) classes.push(css` | ||
| border-right: 1px solid ${tokens.colors.gray[500]}; | ||
| `); | ||
| return classes; | ||
| }, | ||
| detailsHeaderInfo: css` | ||
| flex: 1; | ||
| justify-content: flex-end; | ||
| display: flex; | ||
| align-items: center; | ||
| font-weight: ${font.weight.normal}; | ||
| color: ${colors.gray[400]}; | ||
| `, | ||
| matchRow: (active) => { | ||
| const classes = [css` | ||
| display: flex; | ||
| border-bottom: 1px solid ${colors.darkGray[400]}; | ||
| cursor: pointer; | ||
| align-items: center; | ||
| padding: ${size[1]} ${size[2]}; | ||
| gap: ${size[2]}; | ||
| font-size: ${fontSize.xs}; | ||
| color: ${colors.gray[300]}; | ||
| `]; | ||
| if (active) { | ||
| const activeStyles = css` | ||
| background: ${colors.darkGray[500]}; | ||
| `; | ||
| classes.push(activeStyles); | ||
| } | ||
| return classes; | ||
| }, | ||
| matchIndicator: (color) => { | ||
| const classes = [css` | ||
| flex: 0 0 auto; | ||
| width: ${size[3]}; | ||
| height: ${size[3]}; | ||
| background: ${colors[color][900]}; | ||
| border: 1px solid ${colors[color][500]}; | ||
| border-radius: ${border.radius.full}; | ||
| transition: all 0.25s ease-out; | ||
| box-sizing: border-box; | ||
| `]; | ||
| if (color === "gray") { | ||
| const grayStyles = css` | ||
| background: ${colors.gray[700]}; | ||
| border-color: ${colors.gray[400]}; | ||
| `; | ||
| classes.push(grayStyles); | ||
| } | ||
| return classes; | ||
| }, | ||
| matchID: css` | ||
| flex: 1; | ||
| line-height: ${lineHeight["xs"]}; | ||
| `, | ||
| ageTicker: (showWarning) => { | ||
| const classes = [css` | ||
| display: flex; | ||
| gap: ${size[1]}; | ||
| font-size: ${fontSize.xs}; | ||
| color: ${colors.gray[400]}; | ||
| font-variant-numeric: tabular-nums; | ||
| line-height: ${lineHeight["xs"]}; | ||
| `]; | ||
| if (showWarning) { | ||
| const warningStyles = css` | ||
| color: ${colors.yellow[400]}; | ||
| `; | ||
| classes.push(warningStyles); | ||
| } | ||
| return classes; | ||
| }, | ||
| secondContainer: css` | ||
| flex: 1 1 500px; | ||
| min-height: 40%; | ||
| max-height: 100%; | ||
| overflow: auto; | ||
| border-right: 1px solid ${colors.gray[700]}; | ||
| display: flex; | ||
| flex-direction: column; | ||
| `, | ||
| thirdContainer: css` | ||
| flex: 1 1 500px; | ||
| overflow: auto; | ||
| display: flex; | ||
| flex-direction: column; | ||
| height: 100%; | ||
| border-right: 1px solid ${colors.gray[700]}; | ||
| @media (max-width: 700px) { | ||
| border-top: 2px solid ${colors.gray[700]}; | ||
| } | ||
| `, | ||
| fourthContainer: css` | ||
| flex: 1 1 500px; | ||
| min-height: 40%; | ||
| max-height: 100%; | ||
| overflow: auto; | ||
| display: flex; | ||
| flex-direction: column; | ||
| `, | ||
| routesContainer: css` | ||
| overflow-x: auto; | ||
| overflow-y: visible; | ||
| `, | ||
| routesRowContainer: (active, isMatch) => { | ||
| const classes = [css` | ||
| display: flex; | ||
| border-bottom: 1px solid ${colors.darkGray[400]}; | ||
| align-items: center; | ||
| padding: ${size[1]} ${size[2]}; | ||
| gap: ${size[2]}; | ||
| font-size: ${fontSize.xs}; | ||
| color: ${colors.gray[300]}; | ||
| cursor: ${isMatch ? "pointer" : "default"}; | ||
| line-height: ${lineHeight["xs"]}; | ||
| `]; | ||
| if (active) { | ||
| const activeStyles = css` | ||
| background: ${colors.darkGray[500]}; | ||
| `; | ||
| classes.push(activeStyles); | ||
| } | ||
| return classes; | ||
| }, | ||
| routesRow: (isMatch) => { | ||
| const classes = [css` | ||
| flex: 1 0 auto; | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| font-size: ${fontSize.xs}; | ||
| line-height: ${lineHeight["xs"]}; | ||
| `]; | ||
| if (!isMatch) { | ||
| const matchStyles = css` | ||
| color: ${colors.gray[400]}; | ||
| `; | ||
| classes.push(matchStyles); | ||
| } | ||
| return classes; | ||
| }, | ||
| routesRowInner: css` | ||
| display: 'flex'; | ||
| align-items: 'center'; | ||
| flex-grow: 1; | ||
| min-width: 0; | ||
| `, | ||
| routeParamInfo: css` | ||
| color: ${colors.gray[400]}; | ||
| font-size: ${fontSize.xs}; | ||
| line-height: ${lineHeight["xs"]}; | ||
| `, | ||
| nestedRouteRow: (isRoot) => { | ||
| return css` | ||
| margin-left: ${isRoot ? 0 : size[3.5]}; | ||
| border-left: ${isRoot ? "" : `solid 1px ${colors.gray[700]}`}; | ||
| `; | ||
| }, | ||
| code: css` | ||
| font-size: ${fontSize.xs}; | ||
| line-height: ${lineHeight["xs"]}; | ||
| white-space: nowrap; | ||
| overflow: hidden; | ||
| text-overflow: ellipsis; | ||
| `, | ||
| matchesContainer: css` | ||
| flex: 1 1 auto; | ||
| overflow-y: auto; | ||
| `, | ||
| cachedMatchesContainer: css` | ||
| flex: 1 1 auto; | ||
| overflow-y: auto; | ||
| max-height: 50%; | ||
| `, | ||
| historyContainer: css` | ||
| display: flex; | ||
| flex: 1 1 auto; | ||
| overflow-y: auto; | ||
| max-height: 50%; | ||
| `, | ||
| historyOverflowContainer: css` | ||
| padding: ${size[1]} ${size[2]}; | ||
| font-size: ${tokens.font.size.xs}; | ||
| `, | ||
| maskedBadgeContainer: css` | ||
| flex: 1; | ||
| justify-content: flex-end; | ||
| display: flex; | ||
| `, | ||
| matchDetails: css` | ||
| display: flex; | ||
| flex-direction: column; | ||
| padding: ${tokens.size[2]}; | ||
| font-size: ${tokens.font.size.xs}; | ||
| color: ${tokens.colors.gray[300]}; | ||
| line-height: ${tokens.font.lineHeight.sm}; | ||
| `, | ||
| matchStatus: (status, isFetching) => { | ||
| const color = isFetching && status === "success" ? isFetching === "beforeLoad" ? "purple" : "blue" : { | ||
| pending: "yellow", | ||
| success: "green", | ||
| error: "red", | ||
| notFound: "purple", | ||
| redirected: "gray" | ||
| }[status]; | ||
| return css` | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| height: 40px; | ||
| border-radius: ${tokens.border.radius.sm}; | ||
| font-weight: ${tokens.font.weight.normal}; | ||
| background-color: ${tokens.colors[color][900]}${tokens.alpha[90]}; | ||
| color: ${tokens.colors[color][300]}; | ||
| border: 1px solid ${tokens.colors[color][600]}; | ||
| margin-bottom: ${tokens.size[2]}; | ||
| transition: all 0.25s ease-out; | ||
| `; | ||
| }, | ||
| matchDetailsInfo: css` | ||
| display: flex; | ||
| justify-content: flex-end; | ||
| flex: 1; | ||
| `, | ||
| matchDetailsInfoLabel: css` | ||
| display: flex; | ||
| `, | ||
| mainCloseBtn: css` | ||
| background: ${colors.darkGray[700]}; | ||
| padding: ${size[1]} ${size[2]} ${size[1]} ${size[1.5]}; | ||
| border-radius: ${border.radius.md}; | ||
| position: fixed; | ||
| z-index: 99999; | ||
| display: inline-flex; | ||
| width: fit-content; | ||
| cursor: pointer; | ||
| appearance: none; | ||
| border: 0; | ||
| gap: 8px; | ||
| align-items: center; | ||
| border: 1px solid ${colors.gray[500]}; | ||
| font-size: ${font.size.xs}; | ||
| cursor: pointer; | ||
| transition: all 0.25s ease-out; | ||
| &:hover { | ||
| background: ${colors.darkGray[500]}; | ||
| } | ||
| `, | ||
| mainCloseBtnPosition: (position) => { | ||
| return css` | ||
| ${position === "top-left" ? `top: ${size[2]}; left: ${size[2]};` : ""} | ||
| ${position === "top-right" ? `top: ${size[2]}; right: ${size[2]};` : ""} | ||
| ${position === "bottom-left" ? `bottom: ${size[2]}; left: ${size[2]};` : ""} | ||
| ${position === "bottom-right" ? `bottom: ${size[2]}; right: ${size[2]};` : ""} | ||
| `; | ||
| }, | ||
| mainCloseBtnAnimation: (isOpen) => { | ||
| if (!isOpen) return css` | ||
| opacity: 1; | ||
| pointer-events: auto; | ||
| visibility: visible; | ||
| `; | ||
| return css` | ||
| opacity: 0; | ||
| pointer-events: none; | ||
| visibility: hidden; | ||
| `; | ||
| }, | ||
| routerLogoCloseButton: css` | ||
| font-weight: ${font.weight.semibold}; | ||
| font-size: ${font.size.xs}; | ||
| background: linear-gradient(to right, #98f30c, #00f4a3); | ||
| background-clip: text; | ||
| -webkit-background-clip: text; | ||
| line-height: 1; | ||
| -webkit-text-fill-color: transparent; | ||
| white-space: nowrap; | ||
| `, | ||
| mainCloseBtnDivider: css` | ||
| width: 1px; | ||
| background: ${tokens.colors.gray[600]}; | ||
| height: 100%; | ||
| border-radius: 999999px; | ||
| color: transparent; | ||
| `, | ||
| mainCloseBtnIconContainer: css` | ||
| position: relative; | ||
| width: ${size[5]}; | ||
| height: ${size[5]}; | ||
| background: pink; | ||
| border-radius: 999999px; | ||
| overflow: hidden; | ||
| `, | ||
| mainCloseBtnIconOuter: css` | ||
| width: ${size[5]}; | ||
| height: ${size[5]}; | ||
| position: absolute; | ||
| top: 50%; | ||
| left: 50%; | ||
| transform: translate(-50%, -50%); | ||
| filter: blur(3px) saturate(1.8) contrast(2); | ||
| `, | ||
| mainCloseBtnIconInner: css` | ||
| width: ${size[4]}; | ||
| height: ${size[4]}; | ||
| position: absolute; | ||
| top: 50%; | ||
| left: 50%; | ||
| transform: translate(-50%, -50%); | ||
| `, | ||
| panelCloseBtn: css` | ||
| position: absolute; | ||
| cursor: pointer; | ||
| z-index: 100001; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| outline: none; | ||
| background-color: ${colors.darkGray[700]}; | ||
| &:hover { | ||
| background-color: ${colors.darkGray[500]}; | ||
| } | ||
| top: 0; | ||
| right: ${size[2]}; | ||
| transform: translate(0, -100%); | ||
| border-right: ${colors.darkGray[300]} 1px solid; | ||
| border-left: ${colors.darkGray[300]} 1px solid; | ||
| border-top: ${colors.darkGray[300]} 1px solid; | ||
| border-bottom: none; | ||
| border-radius: ${border.radius.sm} ${border.radius.sm} 0px 0px; | ||
| padding: ${size[1]} ${size[1.5]} ${size[.5]} ${size[1.5]}; | ||
| &::after { | ||
| content: ' '; | ||
| position: absolute; | ||
| top: 100%; | ||
| left: -${size[2.5]}; | ||
| height: ${size[1.5]}; | ||
| width: calc(100% + ${size[5]}); | ||
| } | ||
| `, | ||
| panelCloseBtnIcon: css` | ||
| color: ${colors.gray[400]}; | ||
| width: ${size[2]}; | ||
| height: ${size[2]}; | ||
| `, | ||
| navigateButton: css` | ||
| background: none; | ||
| border: none; | ||
| padding: 0 0 0 4px; | ||
| margin: 0; | ||
| color: ${colors.gray[400]}; | ||
| font-size: ${fontSize.md}; | ||
| cursor: pointer; | ||
| line-height: 1; | ||
| vertical-align: middle; | ||
| margin-right: 0.5ch; | ||
| flex-shrink: 0; | ||
| &:hover { | ||
| color: ${colors.blue[300]}; | ||
| } | ||
| ` | ||
| }; | ||
| }; | ||
| function useStyles$1() { | ||
| const [_styles] = createSignal(stylesFactory$1(useContext(ShadowDomTargetContext))); | ||
| return _styles; | ||
| } | ||
| //#endregion | ||
| //#region src/useLocalStorage.ts | ||
| var getItem = (key) => { | ||
| try { | ||
| const itemValue = localStorage.getItem(key); | ||
| if (typeof itemValue === "string") return JSON.parse(itemValue); | ||
| return; | ||
| } catch { | ||
| return; | ||
| } | ||
| }; | ||
| function useLocalStorage(key, defaultValue) { | ||
| const [value, setValue] = createSignal(); | ||
| createEffect(() => { | ||
| const initialValue = getItem(key); | ||
| if (typeof initialValue === "undefined" || initialValue === null) setValue(typeof defaultValue === "function" ? defaultValue() : defaultValue); | ||
| else setValue(initialValue); | ||
| }); | ||
| const setter = (updater) => { | ||
| setValue((old) => { | ||
| let newVal = updater; | ||
| if (typeof updater == "function") newVal = updater(old); | ||
| try { | ||
| localStorage.setItem(key, JSON.stringify(newVal)); | ||
| } catch {} | ||
| return newVal; | ||
| }); | ||
| }; | ||
| return [value, setter]; | ||
| } | ||
| //#endregion | ||
| //#region src/utils.tsx | ||
| var isServer = typeof window === "undefined"; | ||
| function getStatusColor(match) { | ||
| return match.isFetching && match.status === "success" ? match.isFetching === "beforeLoad" ? "purple" : "blue" : { | ||
| pending: "yellow", | ||
| success: "green", | ||
| error: "red", | ||
| notFound: "purple", | ||
| redirected: "gray" | ||
| }[match.status]; | ||
| } | ||
| function getRouteStatusColor(matches, route) { | ||
| const found = matches.find((d) => d.routeId === route.id); | ||
| if (!found) return "gray"; | ||
| return getStatusColor(found); | ||
| } | ||
| function useIsMounted() { | ||
| const [isMounted, setIsMounted] = createSignal(false); | ||
| (isServer ? createEffect : createRenderEffect)(() => { | ||
| setIsMounted(true); | ||
| }); | ||
| return isMounted; | ||
| } | ||
| /** | ||
| * Displays a string regardless the type of the data | ||
| * @param {unknown} value Value to be stringified | ||
| */ | ||
| var displayValue = (value) => { | ||
| const name = Object.getOwnPropertyNames(Object(value)); | ||
| const newValue = typeof value === "bigint" ? `${value.toString()}n` : value; | ||
| try { | ||
| return JSON.stringify(newValue, name); | ||
| } catch (e) { | ||
| return `unable to stringify`; | ||
| } | ||
| }; | ||
| function multiSortBy(arr, accessors = [(d) => d]) { | ||
| return arr.map((d, i) => [d, i]).sort(([a, ai], [b, bi]) => { | ||
| for (const accessor of accessors) { | ||
| const ao = accessor(a); | ||
| const bo = accessor(b); | ||
| if (typeof ao === "undefined") { | ||
| if (typeof bo === "undefined") continue; | ||
| return 1; | ||
| } | ||
| if (ao === bo) continue; | ||
| return ao > bo ? 1 : -1; | ||
| } | ||
| return ai - bi; | ||
| }).map(([d]) => d); | ||
| } | ||
| //#endregion | ||
| //#region src/Explorer.tsx | ||
| var _tmpl$$3 = /* @__PURE__ */ template(`<span><svg xmlns=http://www.w3.org/2000/svg width=12 height=12 fill=none viewBox="0 0 24 24"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 18l6-6-6-6">`), _tmpl$2$1 = /* @__PURE__ */ template(`<div>`), _tmpl$3$1 = /* @__PURE__ */ template(`<button><span> `), _tmpl$4$1 = /* @__PURE__ */ template(`<div><div><button> [<!> ... <!>]`), _tmpl$5$1 = /* @__PURE__ */ template(`<button><span></span> 🔄 `), _tmpl$6$1 = /* @__PURE__ */ template(`<span>:`), _tmpl$7$1 = /* @__PURE__ */ template(`<span>`); | ||
| var Expander = ({ expanded, style = {} }) => { | ||
| const styles = useStyles(); | ||
| return (() => { | ||
| var _el$ = _tmpl$$3(), _el$2 = _el$.firstChild; | ||
| createRenderEffect((_p$) => { | ||
| var _v$ = styles().expander, _v$2 = clsx(styles().expanderIcon(expanded)); | ||
| _v$ !== _p$.e && className(_el$, _p$.e = _v$); | ||
| _v$2 !== _p$.t && setAttribute(_el$2, "class", _p$.t = _v$2); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0 | ||
| }); | ||
| return _el$; | ||
| })(); | ||
| }; | ||
| /** | ||
| * Chunk elements in the array by size | ||
| * | ||
| * when the array cannot be chunked evenly by size, the last chunk will be | ||
| * filled with the remaining elements | ||
| * | ||
| * @example | ||
| * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']] | ||
| */ | ||
| function chunkArray(array, size) { | ||
| if (size < 1) return []; | ||
| let i = 0; | ||
| const result = []; | ||
| while (i < array.length) { | ||
| result.push(array.slice(i, i + size)); | ||
| i = i + size; | ||
| } | ||
| return result; | ||
| } | ||
| function isIterable(x) { | ||
| return Symbol.iterator in x; | ||
| } | ||
| function Explorer({ value, defaultExpanded, pageSize = 100, filterSubEntries, ...rest }) { | ||
| const [expanded, setExpanded] = createSignal(Boolean(defaultExpanded)); | ||
| const toggleExpanded = () => setExpanded((old) => !old); | ||
| const type = createMemo(() => typeof value()); | ||
| const subEntries = createMemo(() => { | ||
| let entries = []; | ||
| const makeProperty = (sub) => { | ||
| const subDefaultExpanded = defaultExpanded === true ? { [sub.label]: true } : defaultExpanded?.[sub.label]; | ||
| return { | ||
| ...sub, | ||
| value: () => sub.value, | ||
| defaultExpanded: subDefaultExpanded | ||
| }; | ||
| }; | ||
| if (Array.isArray(value())) entries = value().map((d, i) => makeProperty({ | ||
| label: i.toString(), | ||
| value: d | ||
| })); | ||
| else if (value() !== null && typeof value() === "object" && isIterable(value()) && typeof value()[Symbol.iterator] === "function") entries = Array.from(value(), (val, i) => makeProperty({ | ||
| label: i.toString(), | ||
| value: val | ||
| })); | ||
| else if (typeof value() === "object" && value() !== null) entries = Object.entries(value()).map(([key, val]) => makeProperty({ | ||
| label: key, | ||
| value: val | ||
| })); | ||
| return filterSubEntries ? filterSubEntries(entries) : entries; | ||
| }); | ||
| const subEntryPages = createMemo(() => chunkArray(subEntries(), pageSize)); | ||
| const [expandedPages, setExpandedPages] = createSignal([]); | ||
| const [valueSnapshot, setValueSnapshot] = createSignal(void 0); | ||
| const styles = useStyles(); | ||
| const refreshValueSnapshot = () => { | ||
| setValueSnapshot(value()()); | ||
| }; | ||
| const handleEntry = (entry) => createComponent(Explorer, mergeProps({ | ||
| value, | ||
| filterSubEntries | ||
| }, rest, entry)); | ||
| return (() => { | ||
| var _el$3 = _tmpl$2$1(); | ||
| insert(_el$3, (() => { | ||
| var _c$ = memo(() => !!subEntryPages().length); | ||
| return () => _c$() ? [(() => { | ||
| var _el$4 = _tmpl$3$1(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild; | ||
| _el$4.$$click = () => toggleExpanded(); | ||
| insert(_el$4, createComponent(Expander, { get expanded() { | ||
| return expanded() ?? false; | ||
| } }), _el$5); | ||
| insert(_el$4, () => rest.label, _el$5); | ||
| insert(_el$5, () => String(type).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$6); | ||
| insert(_el$5, () => subEntries().length, _el$6); | ||
| insert(_el$5, () => subEntries().length > 1 ? `items` : `item`, null); | ||
| createRenderEffect((_p$) => { | ||
| var _v$3 = styles().expandButton, _v$4 = styles().info; | ||
| _v$3 !== _p$.e && className(_el$4, _p$.e = _v$3); | ||
| _v$4 !== _p$.t && className(_el$5, _p$.t = _v$4); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0 | ||
| }); | ||
| return _el$4; | ||
| })(), memo(() => memo(() => !!(expanded() ?? false))() ? memo(() => subEntryPages().length === 1)() ? (() => { | ||
| var _el$7 = _tmpl$2$1(); | ||
| insert(_el$7, () => subEntries().map((entry, index) => handleEntry(entry))); | ||
| createRenderEffect(() => className(_el$7, styles().subEntries)); | ||
| return _el$7; | ||
| })() : (() => { | ||
| var _el$8 = _tmpl$2$1(); | ||
| insert(_el$8, () => subEntryPages().map((entries, index) => { | ||
| return (() => { | ||
| var _el$9 = _tmpl$4$1(), _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$15 = _el$10.nextSibling, _el$16 = _el$15.nextSibling.nextSibling; | ||
| _el$16.nextSibling; | ||
| _el$1.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]); | ||
| insert(_el$1, createComponent(Expander, { get expanded() { | ||
| return expandedPages().includes(index); | ||
| } }), _el$10); | ||
| insert(_el$1, index * pageSize, _el$15); | ||
| insert(_el$1, index * pageSize + pageSize - 1, _el$16); | ||
| insert(_el$0, (() => { | ||
| var _c$2 = memo(() => !!expandedPages().includes(index)); | ||
| return () => _c$2() ? (() => { | ||
| var _el$17 = _tmpl$2$1(); | ||
| insert(_el$17, () => entries.map((entry) => handleEntry(entry))); | ||
| createRenderEffect(() => className(_el$17, styles().subEntries)); | ||
| return _el$17; | ||
| })() : null; | ||
| })(), null); | ||
| createRenderEffect((_p$) => { | ||
| var _v$5 = styles().entry, _v$6 = clsx(styles().labelButton, "labelButton"); | ||
| _v$5 !== _p$.e && className(_el$0, _p$.e = _v$5); | ||
| _v$6 !== _p$.t && className(_el$1, _p$.t = _v$6); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0 | ||
| }); | ||
| return _el$9; | ||
| })(); | ||
| })); | ||
| createRenderEffect(() => className(_el$8, styles().subEntries)); | ||
| return _el$8; | ||
| })() : null)] : memo(() => type() === "function")() ? createComponent(Explorer, { | ||
| get label() { | ||
| return (() => { | ||
| var _el$18 = _tmpl$5$1(), _el$19 = _el$18.firstChild; | ||
| _el$18.$$click = refreshValueSnapshot; | ||
| insert(_el$19, () => rest.label); | ||
| createRenderEffect(() => className(_el$18, styles().refreshValueBtn)); | ||
| return _el$18; | ||
| })(); | ||
| }, | ||
| value: valueSnapshot, | ||
| defaultExpanded: {} | ||
| }) : [ | ||
| (() => { | ||
| var _el$20 = _tmpl$6$1(), _el$21 = _el$20.firstChild; | ||
| insert(_el$20, () => rest.label, _el$21); | ||
| return _el$20; | ||
| })(), | ||
| " ", | ||
| (() => { | ||
| var _el$22 = _tmpl$7$1(); | ||
| insert(_el$22, () => displayValue(value())); | ||
| createRenderEffect(() => className(_el$22, styles().value)); | ||
| return _el$22; | ||
| })() | ||
| ]; | ||
| })()); | ||
| createRenderEffect(() => className(_el$3, styles().entry)); | ||
| return _el$3; | ||
| })(); | ||
| } | ||
| var stylesFactory = (shadowDOMTarget) => { | ||
| const { colors, font, size, alpha, shadow, border } = tokens; | ||
| const { fontFamily, lineHeight, size: fontSize } = font; | ||
| const css = shadowDOMTarget ? goober.css.bind({ target: shadowDOMTarget }) : goober.css; | ||
| return { | ||
| entry: css` | ||
| font-family: ${fontFamily.mono}; | ||
| font-size: ${fontSize.xs}; | ||
| line-height: ${lineHeight.sm}; | ||
| outline: none; | ||
| word-break: break-word; | ||
| `, | ||
| labelButton: css` | ||
| cursor: pointer; | ||
| color: inherit; | ||
| font: inherit; | ||
| outline: inherit; | ||
| background: transparent; | ||
| border: none; | ||
| padding: 0; | ||
| `, | ||
| expander: css` | ||
| display: inline-flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| width: ${size[3]}; | ||
| height: ${size[3]}; | ||
| padding-left: 3px; | ||
| box-sizing: content-box; | ||
| `, | ||
| expanderIcon: (expanded) => { | ||
| if (expanded) return css` | ||
| transform: rotate(90deg); | ||
| transition: transform 0.1s ease; | ||
| `; | ||
| return css` | ||
| transform: rotate(0deg); | ||
| transition: transform 0.1s ease; | ||
| `; | ||
| }, | ||
| expandButton: css` | ||
| display: flex; | ||
| gap: ${size[1]}; | ||
| align-items: center; | ||
| cursor: pointer; | ||
| color: inherit; | ||
| font: inherit; | ||
| outline: inherit; | ||
| background: transparent; | ||
| border: none; | ||
| padding: 0; | ||
| `, | ||
| value: css` | ||
| color: ${colors.purple[400]}; | ||
| `, | ||
| subEntries: css` | ||
| margin-left: ${size[2]}; | ||
| padding-left: ${size[2]}; | ||
| border-left: 2px solid ${colors.darkGray[400]}; | ||
| `, | ||
| info: css` | ||
| color: ${colors.gray[500]}; | ||
| font-size: ${fontSize["2xs"]}; | ||
| padding-left: ${size[1]}; | ||
| `, | ||
| refreshValueBtn: css` | ||
| appearance: none; | ||
| border: 0; | ||
| cursor: pointer; | ||
| background: transparent; | ||
| color: inherit; | ||
| padding: 0; | ||
| font-family: ${fontFamily.mono}; | ||
| font-size: ${fontSize.xs}; | ||
| ` | ||
| }; | ||
| }; | ||
| function useStyles() { | ||
| const [_styles] = createSignal(stylesFactory(useContext(ShadowDomTargetContext))); | ||
| return _styles; | ||
| } | ||
| delegateEvents(["click"]); | ||
| //#endregion | ||
| //#region src/AgeTicker.tsx | ||
| var _tmpl$$2 = /* @__PURE__ */ template(`<div><div></div><div>/</div><div></div><div>/</div><div>`); | ||
| function formatTime(ms) { | ||
| const units = [ | ||
| "s", | ||
| "min", | ||
| "h", | ||
| "d" | ||
| ]; | ||
| const values = [ | ||
| ms / 1e3, | ||
| ms / 6e4, | ||
| ms / 36e5, | ||
| ms / 864e5 | ||
| ]; | ||
| let chosenUnitIndex = 0; | ||
| for (let i = 1; i < values.length; i++) { | ||
| if (values[i] < 1) break; | ||
| chosenUnitIndex = i; | ||
| } | ||
| return new Intl.NumberFormat(navigator.language, { | ||
| compactDisplay: "short", | ||
| notation: "compact", | ||
| maximumFractionDigits: 0 | ||
| }).format(values[chosenUnitIndex]) + units[chosenUnitIndex]; | ||
| } | ||
| function AgeTicker({ match, router }) { | ||
| const styles = useStyles$1(); | ||
| if (!match) return null; | ||
| const route = router().looseRoutesById[match.routeId]; | ||
| if (!route.options.loader) return null; | ||
| const age = Date.now() - match.updatedAt; | ||
| const staleTime = route.options.staleTime ?? router().options.defaultStaleTime ?? 0; | ||
| const gcTime = route.options.gcTime ?? router().options.defaultGcTime ?? 1800 * 1e3; | ||
| return (() => { | ||
| var _el$ = _tmpl$$2(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling.nextSibling, _el$6 = _el$4.nextSibling.nextSibling; | ||
| insert(_el$2, () => formatTime(age)); | ||
| insert(_el$4, () => formatTime(staleTime)); | ||
| insert(_el$6, () => formatTime(gcTime)); | ||
| createRenderEffect(() => className(_el$, clsx(styles().ageTicker(age > staleTime)))); | ||
| return _el$; | ||
| })(); | ||
| } | ||
| //#endregion | ||
| //#region src/NavigateButton.tsx | ||
| var _tmpl$$1 = /* @__PURE__ */ template(`<button type=button>➔`); | ||
| function NavigateButton({ to, params, search, router }) { | ||
| const styles = useStyles$1(); | ||
| return (() => { | ||
| var _el$ = _tmpl$$1(); | ||
| _el$.$$click = (e) => { | ||
| e.stopPropagation(); | ||
| router().navigate({ | ||
| to, | ||
| params, | ||
| search | ||
| }); | ||
| }; | ||
| setAttribute(_el$, "title", `Navigate to ${to}`); | ||
| createRenderEffect(() => className(_el$, styles().navigateButton)); | ||
| return _el$; | ||
| })(); | ||
| } | ||
| delegateEvents(["click"]); | ||
| //#endregion | ||
| //#region src/BaseTanStackRouterDevtoolsPanel.tsx | ||
| var _tmpl$ = /* @__PURE__ */ template(`<button><div>TANSTACK</div><div>TanStack Router v1`), _tmpl$2 = /* @__PURE__ */ template(`<div style=display:flex;align-items:center;width:100%><div style=flex-grow:1;min-width:0>`), _tmpl$3 = /* @__PURE__ */ template(`<code> `), _tmpl$4 = /* @__PURE__ */ template(`<code>`), _tmpl$5 = /* @__PURE__ */ template(`<div><div role=button><div>`), _tmpl$6 = /* @__PURE__ */ template(`<div>`), _tmpl$7 = /* @__PURE__ */ template(`<div><ul>`), _tmpl$8 = /* @__PURE__ */ template(`<div><button><svg xmlns=http://www.w3.org/2000/svg width=10 height=6 fill=none viewBox="0 0 10 6"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.667 d="M1 1l4 4 4-4"></path></svg></button><div><div></div><div><div></div></div></div><div><div><div><span>Pathname</span></div><div><code></code></div><div><div><button type=button>Routes</button><button type=button>Matches</button><button type=button>History</button></div><div><div>age / staleTime / gcTime</div></div></div><div>`), _tmpl$9 = /* @__PURE__ */ template(`<div><span>masked`), _tmpl$0 = /* @__PURE__ */ template(`<div role=button><div>`), _tmpl$1 = /* @__PURE__ */ template(`<li><div>`), _tmpl$10 = /* @__PURE__ */ template(`<li>This panel displays the most recent 15 navigations.`), _tmpl$11 = /* @__PURE__ */ template(`<div><div><div>Cached Matches</div><div>age / staleTime / gcTime</div></div><div>`), _tmpl$12 = /* @__PURE__ */ template(`<div><div>Match Details</div><div><div><div><div></div></div><div><div>ID:</div><div><code></code></div></div><div><div>State:</div><div></div></div><div><div>Last Updated:</div><div></div></div></div></div><div>Explorer</div><div>`), _tmpl$13 = /* @__PURE__ */ template(`<div>Loader Data`), _tmpl$14 = /* @__PURE__ */ template(`<div><div><span>Search Params</span></div><div>`), _tmpl$15 = /* @__PURE__ */ template(`<span style=margin-left:0.5rem>`), _tmpl$16 = /* @__PURE__ */ template(`<button type=button aria-label="Copy value to clipboard"style=cursor:pointer>`); | ||
| var HISTORY_LIMIT = 15; | ||
| function Logo(props) { | ||
| const { className: className$1, ...rest } = props; | ||
| const styles = useStyles$1(); | ||
| return (() => { | ||
| var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling; | ||
| spread(_el$, mergeProps(rest, { get ["class"]() { | ||
| return clsx(styles().logo, className$1 ? className$1() : ""); | ||
| } }), false, true); | ||
| createRenderEffect((_p$) => { | ||
| var _v$ = styles().tanstackLogo, _v$2 = styles().routerLogo; | ||
| _v$ !== _p$.e && className(_el$2, _p$.e = _v$); | ||
| _v$2 !== _p$.t && className(_el$3, _p$.t = _v$2); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0 | ||
| }); | ||
| return _el$; | ||
| })(); | ||
| } | ||
| function NavigateLink(props) { | ||
| return (() => { | ||
| var _el$4 = _tmpl$2(), _el$5 = _el$4.firstChild; | ||
| insert(_el$4, () => props.left, _el$5); | ||
| insert(_el$5, () => props.children); | ||
| insert(_el$4, () => props.right, null); | ||
| createRenderEffect(() => className(_el$4, props.class)); | ||
| return _el$4; | ||
| })(); | ||
| } | ||
| function RouteComp({ routerState, router, route, isRoot, activeId, setActiveId }) { | ||
| const styles = useStyles$1(); | ||
| const matches = createMemo(() => routerState().pendingMatches || routerState().matches); | ||
| const match = createMemo(() => routerState().matches.find((d) => d.routeId === route.id)); | ||
| const param = createMemo(() => { | ||
| try { | ||
| if (match()?.params) { | ||
| const p = match()?.params; | ||
| const r = route.path || trimPath(route.id); | ||
| if (r.startsWith("$")) { | ||
| const trimmed = r.slice(1); | ||
| if (p[trimmed]) return `(${p[trimmed]})`; | ||
| } | ||
| } | ||
| return ""; | ||
| } catch (error) { | ||
| return ""; | ||
| } | ||
| }); | ||
| const navigationTarget = createMemo(() => { | ||
| if (isRoot) return void 0; | ||
| if (!route.path) return void 0; | ||
| const allParams = Object.assign({}, ...matches().map((m) => m.params)); | ||
| const interpolated = interpolatePath({ | ||
| path: route.fullPath, | ||
| params: allParams, | ||
| decoder: router().pathParamsDecoder | ||
| }); | ||
| return !interpolated.isMissingParams ? interpolated.interpolatedPath : void 0; | ||
| }); | ||
| return (() => { | ||
| var _el$6 = _tmpl$5(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild; | ||
| _el$7.$$click = () => { | ||
| if (match()) setActiveId(activeId() === route.id ? "" : route.id); | ||
| }; | ||
| insert(_el$7, createComponent(NavigateLink, { | ||
| get ["class"]() { | ||
| return clsx(styles().routesRow(!!match())); | ||
| }, | ||
| get left() { | ||
| return createComponent(Show, { | ||
| get when() { | ||
| return navigationTarget(); | ||
| }, | ||
| children: (navigate) => createComponent(NavigateButton, { | ||
| get to() { | ||
| return navigate(); | ||
| }, | ||
| router | ||
| }) | ||
| }); | ||
| }, | ||
| get right() { | ||
| return createComponent(AgeTicker, { | ||
| get match() { | ||
| return match(); | ||
| }, | ||
| router | ||
| }); | ||
| }, | ||
| get children() { | ||
| return [(() => { | ||
| var _el$9 = _tmpl$3(), _el$0 = _el$9.firstChild; | ||
| insert(_el$9, () => isRoot ? rootRouteId : route.path || trimPath(route.id), _el$0); | ||
| createRenderEffect(() => className(_el$9, styles().code)); | ||
| return _el$9; | ||
| })(), (() => { | ||
| var _el$1 = _tmpl$4(); | ||
| insert(_el$1, param); | ||
| createRenderEffect(() => className(_el$1, styles().routeParamInfo)); | ||
| return _el$1; | ||
| })()]; | ||
| } | ||
| }), null); | ||
| insert(_el$6, (() => { | ||
| var _c$ = memo(() => !!route.children?.length); | ||
| return () => _c$() ? (() => { | ||
| var _el$10 = _tmpl$6(); | ||
| insert(_el$10, () => [...route.children].sort((a, b) => { | ||
| return a.rank - b.rank; | ||
| }).map((r) => createComponent(RouteComp, { | ||
| routerState, | ||
| router, | ||
| route: r, | ||
| activeId, | ||
| setActiveId | ||
| }))); | ||
| createRenderEffect(() => className(_el$10, styles().nestedRouteRow(!!isRoot))); | ||
| return _el$10; | ||
| })() : null; | ||
| })(), null); | ||
| createRenderEffect((_p$) => { | ||
| var _v$3 = `Open match details for ${route.id}`, _v$4 = clsx(styles().routesRowContainer(route.id === activeId(), !!match())), _v$5 = clsx(styles().matchIndicator(getRouteStatusColor(matches(), route))); | ||
| _v$3 !== _p$.e && setAttribute(_el$7, "aria-label", _p$.e = _v$3); | ||
| _v$4 !== _p$.t && className(_el$7, _p$.t = _v$4); | ||
| _v$5 !== _p$.a && className(_el$8, _p$.a = _v$5); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0 | ||
| }); | ||
| return _el$6; | ||
| })(); | ||
| } | ||
| var BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel({ ...props }) { | ||
| const { isOpen = true, setIsOpen, handleDragStart, router, routerState, shadowDOMTarget, ...panelProps } = props; | ||
| const { onCloseClick } = useDevtoolsOnClose(); | ||
| const styles = useStyles$1(); | ||
| const { className: className$2, style, ...otherPanelProps } = panelProps; | ||
| invariant(router, "No router was found for the TanStack Router Devtools. Please place the devtools in the <RouterProvider> component tree or pass the router instance to the devtools manually."); | ||
| const [currentTab, setCurrentTab] = useLocalStorage("tanstackRouterDevtoolsActiveTab", "routes"); | ||
| const [activeId, setActiveId] = useLocalStorage("tanstackRouterDevtoolsActiveRouteId", ""); | ||
| const [history, setHistory] = createSignal([]); | ||
| const [hasHistoryOverflowed, setHasHistoryOverflowed] = createSignal(false); | ||
| createEffect(() => { | ||
| const matches = routerState().matches; | ||
| const currentMatch = matches[matches.length - 1]; | ||
| if (!currentMatch) return; | ||
| const historyUntracked = untrack(() => history()); | ||
| const lastMatch = historyUntracked[0]; | ||
| const sameLocation = lastMatch && lastMatch.pathname === currentMatch.pathname && JSON.stringify(lastMatch.search ?? {}) === JSON.stringify(currentMatch.search ?? {}); | ||
| if (!lastMatch || !sameLocation) { | ||
| if (historyUntracked.length >= HISTORY_LIMIT) setHasHistoryOverflowed(true); | ||
| setHistory((prev) => { | ||
| const newHistory = [currentMatch, ...prev]; | ||
| newHistory.splice(HISTORY_LIMIT); | ||
| return newHistory; | ||
| }); | ||
| } | ||
| }); | ||
| const activeMatch = createMemo(() => { | ||
| return [ | ||
| ...routerState().pendingMatches ?? [], | ||
| ...routerState().matches, | ||
| ...routerState().cachedMatches | ||
| ].find((d) => d.routeId === activeId() || d.id === activeId()); | ||
| }); | ||
| const hasSearch = createMemo(() => Object.keys(routerState().location.search).length); | ||
| const explorerState = createMemo(() => { | ||
| return { | ||
| ...router(), | ||
| state: routerState() | ||
| }; | ||
| }); | ||
| const routerExplorerValue = createMemo(() => Object.fromEntries(multiSortBy(Object.keys(explorerState()), [ | ||
| "state", | ||
| "routesById", | ||
| "routesByPath", | ||
| "options", | ||
| "manifest" | ||
| ].map((d) => (dd) => dd !== d)).map((key) => [key, explorerState()[key]]).filter((d) => typeof d[1] !== "function" && ![ | ||
| "__store", | ||
| "basepath", | ||
| "injectedHtml", | ||
| "subscribers", | ||
| "latestLoadPromise", | ||
| "navigateTimeout", | ||
| "resetNextScroll", | ||
| "tempLocationKey", | ||
| "latestLocation", | ||
| "routeTree", | ||
| "history" | ||
| ].includes(d[0])))); | ||
| const activeMatchLoaderData = createMemo(() => activeMatch()?.loaderData); | ||
| const activeMatchValue = createMemo(() => activeMatch()); | ||
| const locationSearchValue = createMemo(() => routerState().location.search); | ||
| return (() => { | ||
| var _el$11 = _tmpl$8(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$12.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$16.firstChild, _el$18 = _el$14.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild; | ||
| _el$20.firstChild; | ||
| var _el$22 = _el$20.nextSibling, _el$23 = _el$22.firstChild, _el$24 = _el$22.nextSibling, _el$25 = _el$24.firstChild, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling, _el$28 = _el$27.nextSibling, _el$29 = _el$25.nextSibling, _el$30 = _el$24.nextSibling; | ||
| spread(_el$11, mergeProps({ | ||
| get ["class"]() { | ||
| return clsx(styles().devtoolsPanel, "TanStackRouterDevtoolsPanel", className$2 ? className$2() : ""); | ||
| }, | ||
| get style() { | ||
| return style ? style() : ""; | ||
| } | ||
| }, otherPanelProps), false, true); | ||
| insert(_el$11, handleDragStart ? (() => { | ||
| var _el$34 = _tmpl$6(); | ||
| addEventListener(_el$34, "mousedown", handleDragStart, true); | ||
| createRenderEffect(() => className(_el$34, styles().dragHandle)); | ||
| return _el$34; | ||
| })() : null, _el$12); | ||
| _el$12.$$click = (e) => { | ||
| if (setIsOpen) setIsOpen(false); | ||
| onCloseClick(e); | ||
| }; | ||
| insert(_el$15, createComponent(Logo, { | ||
| "aria-hidden": true, | ||
| onClick: (e) => { | ||
| if (setIsOpen) setIsOpen(false); | ||
| onCloseClick(e); | ||
| } | ||
| })); | ||
| insert(_el$17, createComponent(Explorer, { | ||
| label: "Router", | ||
| value: routerExplorerValue, | ||
| defaultExpanded: { | ||
| state: {}, | ||
| context: {}, | ||
| options: {} | ||
| }, | ||
| filterSubEntries: (subEntries) => { | ||
| return subEntries.filter((d) => typeof d.value() !== "function"); | ||
| } | ||
| })); | ||
| insert(_el$20, (() => { | ||
| var _c$2 = memo(() => !!routerState().location.maskedLocation); | ||
| return () => _c$2() ? (() => { | ||
| var _el$35 = _tmpl$9(), _el$36 = _el$35.firstChild; | ||
| createRenderEffect((_p$) => { | ||
| var _v$24 = styles().maskedBadgeContainer, _v$25 = styles().maskedBadge; | ||
| _v$24 !== _p$.e && className(_el$35, _p$.e = _v$24); | ||
| _v$25 !== _p$.t && className(_el$36, _p$.t = _v$25); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0 | ||
| }); | ||
| return _el$35; | ||
| })() : null; | ||
| })(), null); | ||
| insert(_el$23, () => routerState().location.pathname); | ||
| insert(_el$22, (() => { | ||
| var _c$3 = memo(() => !!routerState().location.maskedLocation); | ||
| return () => _c$3() ? (() => { | ||
| var _el$37 = _tmpl$4(); | ||
| insert(_el$37, () => routerState().location.maskedLocation?.pathname); | ||
| createRenderEffect(() => className(_el$37, styles().maskedLocation)); | ||
| return _el$37; | ||
| })() : null; | ||
| })(), null); | ||
| _el$26.$$click = () => { | ||
| setCurrentTab("routes"); | ||
| }; | ||
| _el$27.$$click = () => { | ||
| setCurrentTab("matches"); | ||
| }; | ||
| _el$28.$$click = () => { | ||
| setCurrentTab("history"); | ||
| }; | ||
| insert(_el$30, createComponent(Switch, { get children() { | ||
| return [ | ||
| createComponent(Match, { | ||
| get when() { | ||
| return currentTab() === "routes"; | ||
| }, | ||
| get children() { | ||
| return createComponent(RouteComp, { | ||
| routerState, | ||
| router, | ||
| get route() { | ||
| return router().routeTree; | ||
| }, | ||
| isRoot: true, | ||
| activeId, | ||
| setActiveId | ||
| }); | ||
| } | ||
| }), | ||
| createComponent(Match, { | ||
| get when() { | ||
| return currentTab() === "matches"; | ||
| }, | ||
| get children() { | ||
| var _el$31 = _tmpl$6(); | ||
| insert(_el$31, () => (routerState().pendingMatches?.length ? routerState().pendingMatches : routerState().matches)?.map((match, _i) => { | ||
| return (() => { | ||
| var _el$38 = _tmpl$0(), _el$39 = _el$38.firstChild; | ||
| _el$38.$$click = () => setActiveId(activeId() === match.id ? "" : match.id); | ||
| insert(_el$38, createComponent(NavigateLink, { | ||
| get left() { | ||
| return createComponent(NavigateButton, { | ||
| get to() { | ||
| return match.pathname; | ||
| }, | ||
| get params() { | ||
| return match.params; | ||
| }, | ||
| get search() { | ||
| return match.search; | ||
| }, | ||
| router | ||
| }); | ||
| }, | ||
| get right() { | ||
| return createComponent(AgeTicker, { | ||
| match, | ||
| router | ||
| }); | ||
| }, | ||
| get children() { | ||
| var _el$40 = _tmpl$4(); | ||
| insert(_el$40, () => `${match.routeId === rootRouteId ? rootRouteId : match.pathname}`); | ||
| createRenderEffect(() => className(_el$40, styles().matchID)); | ||
| return _el$40; | ||
| } | ||
| }), null); | ||
| createRenderEffect((_p$) => { | ||
| var _v$26 = `Open match details for ${match.id}`, _v$27 = clsx(styles().matchRow(match === activeMatch())), _v$28 = clsx(styles().matchIndicator(getStatusColor(match))); | ||
| _v$26 !== _p$.e && setAttribute(_el$38, "aria-label", _p$.e = _v$26); | ||
| _v$27 !== _p$.t && className(_el$38, _p$.t = _v$27); | ||
| _v$28 !== _p$.a && className(_el$39, _p$.a = _v$28); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0 | ||
| }); | ||
| return _el$38; | ||
| })(); | ||
| })); | ||
| return _el$31; | ||
| } | ||
| }), | ||
| createComponent(Match, { | ||
| get when() { | ||
| return currentTab() === "history"; | ||
| }, | ||
| get children() { | ||
| var _el$32 = _tmpl$7(), _el$33 = _el$32.firstChild; | ||
| insert(_el$33, createComponent(For, { | ||
| get each() { | ||
| return history(); | ||
| }, | ||
| children: (match, index) => (() => { | ||
| var _el$41 = _tmpl$1(), _el$42 = _el$41.firstChild; | ||
| insert(_el$41, createComponent(NavigateLink, { | ||
| get left() { | ||
| return createComponent(NavigateButton, { | ||
| get to() { | ||
| return match.pathname; | ||
| }, | ||
| get params() { | ||
| return match.params; | ||
| }, | ||
| get search() { | ||
| return match.search; | ||
| }, | ||
| router | ||
| }); | ||
| }, | ||
| get right() { | ||
| return createComponent(AgeTicker, { | ||
| match, | ||
| router | ||
| }); | ||
| }, | ||
| get children() { | ||
| var _el$43 = _tmpl$4(); | ||
| insert(_el$43, () => `${match.routeId === rootRouteId ? rootRouteId : match.pathname}`); | ||
| createRenderEffect(() => className(_el$43, styles().matchID)); | ||
| return _el$43; | ||
| } | ||
| }), null); | ||
| createRenderEffect((_p$) => { | ||
| var _v$29 = clsx(styles().matchRow(match === activeMatch())), _v$30 = clsx(styles().matchIndicator(index() === 0 ? "green" : "gray")); | ||
| _v$29 !== _p$.e && className(_el$41, _p$.e = _v$29); | ||
| _v$30 !== _p$.t && className(_el$42, _p$.t = _v$30); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0 | ||
| }); | ||
| return _el$41; | ||
| })() | ||
| }), null); | ||
| insert(_el$33, (() => { | ||
| var _c$4 = memo(() => !!hasHistoryOverflowed()); | ||
| return () => _c$4() ? (() => { | ||
| var _el$44 = _tmpl$10(); | ||
| createRenderEffect(() => className(_el$44, styles().historyOverflowContainer)); | ||
| return _el$44; | ||
| })() : null; | ||
| })(), null); | ||
| return _el$32; | ||
| } | ||
| }) | ||
| ]; | ||
| } })); | ||
| insert(_el$18, (() => { | ||
| var _c$5 = memo(() => !!routerState().cachedMatches.length); | ||
| return () => _c$5() ? (() => { | ||
| var _el$45 = _tmpl$11(), _el$46 = _el$45.firstChild, _el$48 = _el$46.firstChild.nextSibling, _el$49 = _el$46.nextSibling; | ||
| insert(_el$49, () => routerState().cachedMatches.map((match) => { | ||
| return (() => { | ||
| var _el$50 = _tmpl$0(), _el$51 = _el$50.firstChild; | ||
| _el$50.$$click = () => setActiveId(activeId() === match.id ? "" : match.id); | ||
| insert(_el$50, createComponent(NavigateLink, { | ||
| get left() { | ||
| return createComponent(NavigateButton, { | ||
| get to() { | ||
| return match.pathname; | ||
| }, | ||
| get params() { | ||
| return match.params; | ||
| }, | ||
| get search() { | ||
| return match.search; | ||
| }, | ||
| router | ||
| }); | ||
| }, | ||
| get right() { | ||
| return createComponent(AgeTicker, { | ||
| match, | ||
| router | ||
| }); | ||
| }, | ||
| get children() { | ||
| var _el$52 = _tmpl$4(); | ||
| insert(_el$52, () => `${match.id}`); | ||
| createRenderEffect(() => className(_el$52, styles().matchID)); | ||
| return _el$52; | ||
| } | ||
| }), null); | ||
| createRenderEffect((_p$) => { | ||
| var _v$34 = `Open match details for ${match.id}`, _v$35 = clsx(styles().matchRow(match === activeMatch())), _v$36 = clsx(styles().matchIndicator(getStatusColor(match))); | ||
| _v$34 !== _p$.e && setAttribute(_el$50, "aria-label", _p$.e = _v$34); | ||
| _v$35 !== _p$.t && className(_el$50, _p$.t = _v$35); | ||
| _v$36 !== _p$.a && className(_el$51, _p$.a = _v$36); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0 | ||
| }); | ||
| return _el$50; | ||
| })(); | ||
| })); | ||
| createRenderEffect((_p$) => { | ||
| var _v$31 = styles().cachedMatchesContainer, _v$32 = styles().detailsHeader, _v$33 = styles().detailsHeaderInfo; | ||
| _v$31 !== _p$.e && className(_el$45, _p$.e = _v$31); | ||
| _v$32 !== _p$.t && className(_el$46, _p$.t = _v$32); | ||
| _v$33 !== _p$.a && className(_el$48, _p$.a = _v$33); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0 | ||
| }); | ||
| return _el$45; | ||
| })() : null; | ||
| })(), null); | ||
| insert(_el$11, (() => { | ||
| var _c$6 = memo(() => !!(activeMatch() && activeMatch()?.status)); | ||
| return () => _c$6() ? (() => { | ||
| var _el$53 = _tmpl$12(), _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild, _el$59 = _el$57.nextSibling, _el$61 = _el$59.firstChild.nextSibling, _el$62 = _el$61.firstChild, _el$63 = _el$59.nextSibling, _el$65 = _el$63.firstChild.nextSibling, _el$66 = _el$63.nextSibling, _el$68 = _el$66.firstChild.nextSibling, _el$69 = _el$55.nextSibling, _el$70 = _el$69.nextSibling; | ||
| insert(_el$58, (() => { | ||
| var _c$8 = memo(() => !!(activeMatch()?.status === "success" && activeMatch()?.isFetching)); | ||
| return () => _c$8() ? "fetching" : activeMatch()?.status; | ||
| })()); | ||
| insert(_el$62, () => activeMatch()?.id); | ||
| insert(_el$65, (() => { | ||
| var _c$9 = memo(() => !!routerState().pendingMatches?.find((d) => d.id === activeMatch()?.id)); | ||
| return () => _c$9() ? "Pending" : routerState().matches.find((d) => d.id === activeMatch()?.id) ? "Active" : "Cached"; | ||
| })()); | ||
| insert(_el$68, (() => { | ||
| var _c$0 = memo(() => !!activeMatch()?.updatedAt); | ||
| return () => _c$0() ? new Date(activeMatch()?.updatedAt).toLocaleTimeString() : "N/A"; | ||
| })()); | ||
| insert(_el$53, (() => { | ||
| var _c$1 = memo(() => !!activeMatchLoaderData()); | ||
| return () => _c$1() ? [(() => { | ||
| var _el$71 = _tmpl$13(); | ||
| createRenderEffect(() => className(_el$71, styles().detailsHeader)); | ||
| return _el$71; | ||
| })(), (() => { | ||
| var _el$72 = _tmpl$6(); | ||
| insert(_el$72, createComponent(Explorer, { | ||
| label: "loaderData", | ||
| value: activeMatchLoaderData, | ||
| defaultExpanded: {} | ||
| })); | ||
| createRenderEffect(() => className(_el$72, styles().detailsContent)); | ||
| return _el$72; | ||
| })()] : null; | ||
| })(), _el$69); | ||
| insert(_el$70, createComponent(Explorer, { | ||
| label: "Match", | ||
| value: activeMatchValue, | ||
| defaultExpanded: {} | ||
| })); | ||
| createRenderEffect((_p$) => { | ||
| var _v$37 = styles().thirdContainer, _v$38 = styles().detailsHeader, _v$39 = styles().matchDetails, _v$40 = styles().matchStatus(activeMatch()?.status, activeMatch()?.isFetching), _v$41 = styles().matchDetailsInfoLabel, _v$42 = styles().matchDetailsInfo, _v$43 = styles().matchDetailsInfoLabel, _v$44 = styles().matchDetailsInfo, _v$45 = styles().matchDetailsInfoLabel, _v$46 = styles().matchDetailsInfo, _v$47 = styles().detailsHeader, _v$48 = styles().detailsContent; | ||
| _v$37 !== _p$.e && className(_el$53, _p$.e = _v$37); | ||
| _v$38 !== _p$.t && className(_el$54, _p$.t = _v$38); | ||
| _v$39 !== _p$.a && className(_el$56, _p$.a = _v$39); | ||
| _v$40 !== _p$.o && className(_el$57, _p$.o = _v$40); | ||
| _v$41 !== _p$.i && className(_el$59, _p$.i = _v$41); | ||
| _v$42 !== _p$.n && className(_el$61, _p$.n = _v$42); | ||
| _v$43 !== _p$.s && className(_el$63, _p$.s = _v$43); | ||
| _v$44 !== _p$.h && className(_el$65, _p$.h = _v$44); | ||
| _v$45 !== _p$.r && className(_el$66, _p$.r = _v$45); | ||
| _v$46 !== _p$.d && className(_el$68, _p$.d = _v$46); | ||
| _v$47 !== _p$.l && className(_el$69, _p$.l = _v$47); | ||
| _v$48 !== _p$.u && className(_el$70, _p$.u = _v$48); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0, | ||
| o: void 0, | ||
| i: void 0, | ||
| n: void 0, | ||
| s: void 0, | ||
| h: void 0, | ||
| r: void 0, | ||
| d: void 0, | ||
| l: void 0, | ||
| u: void 0 | ||
| }); | ||
| return _el$53; | ||
| })() : null; | ||
| })(), null); | ||
| insert(_el$11, (() => { | ||
| var _c$7 = memo(() => !!hasSearch()); | ||
| return () => _c$7() ? (() => { | ||
| var _el$73 = _tmpl$14(), _el$74 = _el$73.firstChild; | ||
| _el$74.firstChild; | ||
| var _el$76 = _el$74.nextSibling; | ||
| insert(_el$74, typeof navigator !== "undefined" ? (() => { | ||
| var _el$77 = _tmpl$15(); | ||
| insert(_el$77, createComponent(CopyButton, { getValue: () => { | ||
| const search = routerState().location.search; | ||
| return JSON.stringify(search); | ||
| } })); | ||
| return _el$77; | ||
| })() : null, null); | ||
| insert(_el$76, createComponent(Explorer, { | ||
| value: locationSearchValue, | ||
| get defaultExpanded() { | ||
| return Object.keys(routerState().location.search).reduce((obj, next) => { | ||
| obj[next] = {}; | ||
| return obj; | ||
| }, {}); | ||
| } | ||
| })); | ||
| createRenderEffect((_p$) => { | ||
| var _v$49 = styles().fourthContainer, _v$50 = styles().detailsHeader, _v$51 = styles().detailsContent; | ||
| _v$49 !== _p$.e && className(_el$73, _p$.e = _v$49); | ||
| _v$50 !== _p$.t && className(_el$74, _p$.t = _v$50); | ||
| _v$51 !== _p$.a && className(_el$76, _p$.a = _v$51); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0 | ||
| }); | ||
| return _el$73; | ||
| })() : null; | ||
| })(), null); | ||
| createRenderEffect((_p$) => { | ||
| var _v$6 = styles().panelCloseBtn, _v$7 = styles().panelCloseBtnIcon, _v$8 = styles().firstContainer, _v$9 = styles().row, _v$0 = styles().routerExplorerContainer, _v$1 = styles().routerExplorer, _v$10 = styles().secondContainer, _v$11 = styles().matchesContainer, _v$12 = styles().detailsHeader, _v$13 = styles().detailsContent, _v$14 = styles().detailsHeader, _v$15 = styles().routeMatchesToggle, _v$16 = currentTab() === "routes", _v$17 = clsx(styles().routeMatchesToggleBtn(currentTab() === "routes", true)), _v$18 = currentTab() === "matches", _v$19 = clsx(styles().routeMatchesToggleBtn(currentTab() === "matches", true)), _v$20 = currentTab() === "history", _v$21 = clsx(styles().routeMatchesToggleBtn(currentTab() === "history", false)), _v$22 = styles().detailsHeaderInfo, _v$23 = clsx(styles().routesContainer); | ||
| _v$6 !== _p$.e && className(_el$12, _p$.e = _v$6); | ||
| _v$7 !== _p$.t && setAttribute(_el$13, "class", _p$.t = _v$7); | ||
| _v$8 !== _p$.a && className(_el$14, _p$.a = _v$8); | ||
| _v$9 !== _p$.o && className(_el$15, _p$.o = _v$9); | ||
| _v$0 !== _p$.i && className(_el$16, _p$.i = _v$0); | ||
| _v$1 !== _p$.n && className(_el$17, _p$.n = _v$1); | ||
| _v$10 !== _p$.s && className(_el$18, _p$.s = _v$10); | ||
| _v$11 !== _p$.h && className(_el$19, _p$.h = _v$11); | ||
| _v$12 !== _p$.r && className(_el$20, _p$.r = _v$12); | ||
| _v$13 !== _p$.d && className(_el$22, _p$.d = _v$13); | ||
| _v$14 !== _p$.l && className(_el$24, _p$.l = _v$14); | ||
| _v$15 !== _p$.u && className(_el$25, _p$.u = _v$15); | ||
| _v$16 !== _p$.c && (_el$26.disabled = _p$.c = _v$16); | ||
| _v$17 !== _p$.w && className(_el$26, _p$.w = _v$17); | ||
| _v$18 !== _p$.m && (_el$27.disabled = _p$.m = _v$18); | ||
| _v$19 !== _p$.f && className(_el$27, _p$.f = _v$19); | ||
| _v$20 !== _p$.y && (_el$28.disabled = _p$.y = _v$20); | ||
| _v$21 !== _p$.g && className(_el$28, _p$.g = _v$21); | ||
| _v$22 !== _p$.p && className(_el$29, _p$.p = _v$22); | ||
| _v$23 !== _p$.b && className(_el$30, _p$.b = _v$23); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0, | ||
| o: void 0, | ||
| i: void 0, | ||
| n: void 0, | ||
| s: void 0, | ||
| h: void 0, | ||
| r: void 0, | ||
| d: void 0, | ||
| l: void 0, | ||
| u: void 0, | ||
| c: void 0, | ||
| w: void 0, | ||
| m: void 0, | ||
| f: void 0, | ||
| y: void 0, | ||
| g: void 0, | ||
| p: void 0, | ||
| b: void 0 | ||
| }); | ||
| return _el$11; | ||
| })(); | ||
| }; | ||
| function CopyButton({ getValue }) { | ||
| const [copied, setCopied] = createSignal(false); | ||
| let timeoutId = null; | ||
| const handleCopy = async () => { | ||
| if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) { | ||
| console.warn("TanStack Router Devtools: Clipboard API unavailable"); | ||
| return; | ||
| } | ||
| try { | ||
| const value = getValue(); | ||
| await navigator.clipboard.writeText(value); | ||
| setCopied(true); | ||
| if (timeoutId) clearTimeout(timeoutId); | ||
| timeoutId = setTimeout(() => setCopied(false), 2500); | ||
| } catch (e) { | ||
| console.error("TanStack Router Devtools: Failed to copy", e); | ||
| } | ||
| }; | ||
| onCleanup(() => { | ||
| if (timeoutId) clearTimeout(timeoutId); | ||
| }); | ||
| return (() => { | ||
| var _el$78 = _tmpl$16(); | ||
| _el$78.$$click = handleCopy; | ||
| insert(_el$78, () => copied() ? "✅" : "📋"); | ||
| createRenderEffect(() => setAttribute(_el$78, "title", copied() ? "Copied!" : "Copy")); | ||
| return _el$78; | ||
| })(); | ||
| } | ||
| delegateEvents(["click", "mousedown"]); | ||
| //#endregion | ||
| export { BaseTanStackRouterDevtoolsPanel, BaseTanStackRouterDevtoolsPanel as default, useLocalStorage as n, useStyles$1 as r, useIsMounted as t }; | ||
| //# sourceMappingURL=BaseTanStackRouterDevtoolsPanel-B43j38ty.js.map |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
| //#region ../../node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/solid.js | ||
| var sharedConfig = { | ||
| context: void 0, | ||
| registry: void 0, | ||
| effects: void 0, | ||
| done: false, | ||
| getContextId() { | ||
| return getContextId(this.context.count); | ||
| }, | ||
| getNextContextId() { | ||
| return getContextId(this.context.count++); | ||
| } | ||
| }; | ||
| function getContextId(count) { | ||
| const num = String(count), len = num.length - 1; | ||
| return sharedConfig.context.id + (len ? String.fromCharCode(96 + len) : "") + num; | ||
| } | ||
| function setHydrateContext(context) { | ||
| sharedConfig.context = context; | ||
| } | ||
| function nextHydrateContext() { | ||
| return { | ||
| ...sharedConfig.context, | ||
| id: sharedConfig.getNextContextId(), | ||
| count: 0 | ||
| }; | ||
| } | ||
| var equalFn = (a, b) => a === b; | ||
| var $PROXY = Symbol("solid-proxy"); | ||
| var SUPPORTS_PROXY = typeof Proxy === "function"; | ||
| var $TRACK = Symbol("solid-track"); | ||
| var signalOptions = { equals: equalFn }; | ||
| var ERROR = null; | ||
| var runEffects = runQueue; | ||
| var STALE = 1; | ||
| var PENDING = 2; | ||
| var UNOWNED = { | ||
| owned: null, | ||
| cleanups: null, | ||
| context: null, | ||
| owner: null | ||
| }; | ||
| var NO_INIT = {}; | ||
| var Owner = null; | ||
| var Transition = null; | ||
| var Scheduler = null; | ||
| var ExternalSourceConfig = null; | ||
| var Listener = null; | ||
| var Updates = null; | ||
| var Effects = null; | ||
| var ExecCount = 0; | ||
| function createRoot(fn, detachedOwner) { | ||
| const listener = Listener, owner = Owner, unowned = fn.length === 0, current = detachedOwner === void 0 ? owner : detachedOwner, root = unowned ? UNOWNED : { | ||
| owned: null, | ||
| cleanups: null, | ||
| context: current ? current.context : null, | ||
| owner: current | ||
| }, updateFn = unowned ? fn : () => fn(() => untrack(() => cleanNode(root))); | ||
| Owner = root; | ||
| Listener = null; | ||
| try { | ||
| return runUpdates(updateFn, true); | ||
| } finally { | ||
| Listener = listener; | ||
| Owner = owner; | ||
| } | ||
| } | ||
| function createSignal(value, options) { | ||
| options = options ? Object.assign({}, signalOptions, options) : signalOptions; | ||
| const s = { | ||
| value, | ||
| observers: null, | ||
| observerSlots: null, | ||
| comparator: options.equals || void 0 | ||
| }; | ||
| const setter = (value) => { | ||
| if (typeof value === "function") if (Transition && Transition.running && Transition.sources.has(s)) value = value(s.tValue); | ||
| else value = value(s.value); | ||
| return writeSignal(s, value); | ||
| }; | ||
| return [readSignal.bind(s), setter]; | ||
| } | ||
| function createComputed(fn, value, options) { | ||
| const c = createComputation(fn, value, true, STALE); | ||
| if (Scheduler && Transition && Transition.running) Updates.push(c); | ||
| else updateComputation(c); | ||
| } | ||
| function createRenderEffect(fn, value, options) { | ||
| const c = createComputation(fn, value, false, STALE); | ||
| if (Scheduler && Transition && Transition.running) Updates.push(c); | ||
| else updateComputation(c); | ||
| } | ||
| function createEffect(fn, value, options) { | ||
| runEffects = runUserEffects; | ||
| const c = createComputation(fn, value, false, STALE), s = SuspenseContext && useContext(SuspenseContext); | ||
| if (s) c.suspense = s; | ||
| if (!options || !options.render) c.user = true; | ||
| Effects ? Effects.push(c) : updateComputation(c); | ||
| } | ||
| function createMemo(fn, value, options) { | ||
| options = options ? Object.assign({}, signalOptions, options) : signalOptions; | ||
| const c = createComputation(fn, value, true, 0); | ||
| c.observers = null; | ||
| c.observerSlots = null; | ||
| c.comparator = options.equals || void 0; | ||
| if (Scheduler && Transition && Transition.running) { | ||
| c.tState = STALE; | ||
| Updates.push(c); | ||
| } else updateComputation(c); | ||
| return readSignal.bind(c); | ||
| } | ||
| function isPromise(v) { | ||
| return v && typeof v === "object" && "then" in v; | ||
| } | ||
| function createResource(pSource, pFetcher, pOptions) { | ||
| let source; | ||
| let fetcher; | ||
| let options; | ||
| if (typeof pFetcher === "function") { | ||
| source = pSource; | ||
| fetcher = pFetcher; | ||
| options = pOptions || {}; | ||
| } else { | ||
| source = true; | ||
| fetcher = pSource; | ||
| options = pFetcher || {}; | ||
| } | ||
| let pr = null, initP = NO_INIT, id = null, loadedUnderTransition = false, scheduled = false, resolved = "initialValue" in options, dynamic = typeof source === "function" && createMemo(source); | ||
| const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error, setError] = createSignal(void 0), [track, trigger] = createSignal(void 0, { equals: false }), [state, setState] = createSignal(resolved ? "ready" : "unresolved"); | ||
| if (sharedConfig.context) { | ||
| id = sharedConfig.getNextContextId(); | ||
| if (options.ssrLoadFrom === "initial") initP = options.initialValue; | ||
| else if (sharedConfig.load && sharedConfig.has(id)) initP = sharedConfig.load(id); | ||
| } | ||
| function loadEnd(p, v, error, key) { | ||
| if (pr === p) { | ||
| pr = null; | ||
| key !== void 0 && (resolved = true); | ||
| if ((p === initP || v === initP) && options.onHydrated) queueMicrotask(() => options.onHydrated(key, { value: v })); | ||
| initP = NO_INIT; | ||
| if (Transition && p && loadedUnderTransition) { | ||
| Transition.promises.delete(p); | ||
| loadedUnderTransition = false; | ||
| runUpdates(() => { | ||
| Transition.running = true; | ||
| completeLoad(v, error); | ||
| }, false); | ||
| } else completeLoad(v, error); | ||
| } | ||
| return v; | ||
| } | ||
| function completeLoad(v, err) { | ||
| runUpdates(() => { | ||
| if (err === void 0) setValue(() => v); | ||
| setState(err !== void 0 ? "errored" : resolved ? "ready" : "unresolved"); | ||
| setError(err); | ||
| for (const c of contexts.keys()) c.decrement(); | ||
| contexts.clear(); | ||
| }, false); | ||
| } | ||
| function read() { | ||
| const c = SuspenseContext && useContext(SuspenseContext), v = value(), err = error(); | ||
| if (err !== void 0 && !pr) throw err; | ||
| if (Listener && !Listener.user && c) createComputed(() => { | ||
| track(); | ||
| if (pr) { | ||
| if (c.resolved && Transition && loadedUnderTransition) Transition.promises.add(pr); | ||
| else if (!contexts.has(c)) { | ||
| c.increment(); | ||
| contexts.add(c); | ||
| } | ||
| } | ||
| }); | ||
| return v; | ||
| } | ||
| function load(refetching = true) { | ||
| if (refetching !== false && scheduled) return; | ||
| scheduled = false; | ||
| const lookup = dynamic ? dynamic() : source; | ||
| loadedUnderTransition = Transition && Transition.running; | ||
| if (lookup == null || lookup === false) { | ||
| loadEnd(pr, untrack(value)); | ||
| return; | ||
| } | ||
| if (Transition && pr) Transition.promises.delete(pr); | ||
| let error; | ||
| const p = initP !== NO_INIT ? initP : untrack(() => { | ||
| try { | ||
| return fetcher(lookup, { | ||
| value: value(), | ||
| refetching | ||
| }); | ||
| } catch (fetcherError) { | ||
| error = fetcherError; | ||
| } | ||
| }); | ||
| if (error !== void 0) { | ||
| loadEnd(pr, void 0, castError(error), lookup); | ||
| return; | ||
| } else if (!isPromise(p)) { | ||
| loadEnd(pr, p, void 0, lookup); | ||
| return p; | ||
| } | ||
| pr = p; | ||
| if ("v" in p) { | ||
| if (p.s === 1) loadEnd(pr, p.v, void 0, lookup); | ||
| else loadEnd(pr, void 0, castError(p.v), lookup); | ||
| return p; | ||
| } | ||
| scheduled = true; | ||
| queueMicrotask(() => scheduled = false); | ||
| runUpdates(() => { | ||
| setState(resolved ? "refreshing" : "pending"); | ||
| trigger(); | ||
| }, false); | ||
| return p.then((v) => loadEnd(p, v, void 0, lookup), (e) => loadEnd(p, void 0, castError(e), lookup)); | ||
| } | ||
| Object.defineProperties(read, { | ||
| state: { get: () => state() }, | ||
| error: { get: () => error() }, | ||
| loading: { get() { | ||
| const s = state(); | ||
| return s === "pending" || s === "refreshing"; | ||
| } }, | ||
| latest: { get() { | ||
| if (!resolved) return read(); | ||
| const err = error(); | ||
| if (err && !pr) throw err; | ||
| return value(); | ||
| } } | ||
| }); | ||
| let owner = Owner; | ||
| if (dynamic) createComputed(() => (owner = Owner, load(false))); | ||
| else load(false); | ||
| return [read, { | ||
| refetch: (info) => runWithOwner(owner, () => load(info)), | ||
| mutate: setValue | ||
| }]; | ||
| } | ||
| function untrack(fn) { | ||
| if (!ExternalSourceConfig && Listener === null) return fn(); | ||
| const listener = Listener; | ||
| Listener = null; | ||
| try { | ||
| if (ExternalSourceConfig) return ExternalSourceConfig.untrack(fn); | ||
| return fn(); | ||
| } finally { | ||
| Listener = listener; | ||
| } | ||
| } | ||
| function onCleanup(fn) { | ||
| if (Owner === null); | ||
| else if (Owner.cleanups === null) Owner.cleanups = [fn]; | ||
| else Owner.cleanups.push(fn); | ||
| return fn; | ||
| } | ||
| function runWithOwner(o, fn) { | ||
| const prev = Owner; | ||
| const prevListener = Listener; | ||
| Owner = o; | ||
| Listener = null; | ||
| try { | ||
| return runUpdates(fn, true); | ||
| } catch (err) { | ||
| handleError(err); | ||
| } finally { | ||
| Owner = prev; | ||
| Listener = prevListener; | ||
| } | ||
| } | ||
| function startTransition(fn) { | ||
| if (Transition && Transition.running) { | ||
| fn(); | ||
| return Transition.done; | ||
| } | ||
| const l = Listener; | ||
| const o = Owner; | ||
| return Promise.resolve().then(() => { | ||
| Listener = l; | ||
| Owner = o; | ||
| let t; | ||
| if (Scheduler || SuspenseContext) { | ||
| t = Transition || (Transition = { | ||
| sources: /* @__PURE__ */ new Set(), | ||
| effects: [], | ||
| promises: /* @__PURE__ */ new Set(), | ||
| disposed: /* @__PURE__ */ new Set(), | ||
| queue: /* @__PURE__ */ new Set(), | ||
| running: true | ||
| }); | ||
| t.done || (t.done = new Promise((res) => t.resolve = res)); | ||
| t.running = true; | ||
| } | ||
| runUpdates(fn, false); | ||
| Listener = Owner = null; | ||
| return t ? t.done : void 0; | ||
| }); | ||
| } | ||
| var [transPending, setTransPending] = /* @__PURE__ */ createSignal(false); | ||
| function createContext(defaultValue, options) { | ||
| const id = Symbol("context"); | ||
| return { | ||
| id, | ||
| Provider: createProvider(id), | ||
| defaultValue | ||
| }; | ||
| } | ||
| function useContext(context) { | ||
| let value; | ||
| return Owner && Owner.context && (value = Owner.context[context.id]) !== void 0 ? value : context.defaultValue; | ||
| } | ||
| function children(fn) { | ||
| const children = createMemo(fn); | ||
| const memo = createMemo(() => resolveChildren(children())); | ||
| memo.toArray = () => { | ||
| const c = memo(); | ||
| return Array.isArray(c) ? c : c != null ? [c] : []; | ||
| }; | ||
| return memo; | ||
| } | ||
| var SuspenseContext; | ||
| function readSignal() { | ||
| const runningTransition = Transition && Transition.running; | ||
| if (this.sources && (runningTransition ? this.tState : this.state)) if ((runningTransition ? this.tState : this.state) === STALE) updateComputation(this); | ||
| else { | ||
| const updates = Updates; | ||
| Updates = null; | ||
| runUpdates(() => lookUpstream(this), false); | ||
| Updates = updates; | ||
| } | ||
| if (Listener) { | ||
| const sSlot = this.observers ? this.observers.length : 0; | ||
| if (!Listener.sources) { | ||
| Listener.sources = [this]; | ||
| Listener.sourceSlots = [sSlot]; | ||
| } else { | ||
| Listener.sources.push(this); | ||
| Listener.sourceSlots.push(sSlot); | ||
| } | ||
| if (!this.observers) { | ||
| this.observers = [Listener]; | ||
| this.observerSlots = [Listener.sources.length - 1]; | ||
| } else { | ||
| this.observers.push(Listener); | ||
| this.observerSlots.push(Listener.sources.length - 1); | ||
| } | ||
| } | ||
| if (runningTransition && Transition.sources.has(this)) return this.tValue; | ||
| return this.value; | ||
| } | ||
| function writeSignal(node, value, isComp) { | ||
| let current = Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value; | ||
| if (!node.comparator || !node.comparator(current, value)) { | ||
| if (Transition) { | ||
| const TransitionRunning = Transition.running; | ||
| if (TransitionRunning || !isComp && Transition.sources.has(node)) { | ||
| Transition.sources.add(node); | ||
| node.tValue = value; | ||
| } | ||
| if (!TransitionRunning) node.value = value; | ||
| } else node.value = value; | ||
| if (node.observers && node.observers.length) runUpdates(() => { | ||
| for (let i = 0; i < node.observers.length; i += 1) { | ||
| const o = node.observers[i]; | ||
| const TransitionRunning = Transition && Transition.running; | ||
| if (TransitionRunning && Transition.disposed.has(o)) continue; | ||
| if (TransitionRunning ? !o.tState : !o.state) { | ||
| if (o.pure) Updates.push(o); | ||
| else Effects.push(o); | ||
| if (o.observers) markDownstream(o); | ||
| } | ||
| if (!TransitionRunning) o.state = STALE; | ||
| else o.tState = STALE; | ||
| } | ||
| if (Updates.length > 1e6) { | ||
| Updates = []; | ||
| throw new Error(); | ||
| } | ||
| }, false); | ||
| } | ||
| return value; | ||
| } | ||
| function updateComputation(node) { | ||
| if (!node.fn) return; | ||
| cleanNode(node); | ||
| const time = ExecCount; | ||
| runComputation(node, Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value, time); | ||
| if (Transition && !Transition.running && Transition.sources.has(node)) queueMicrotask(() => { | ||
| runUpdates(() => { | ||
| Transition && (Transition.running = true); | ||
| Listener = Owner = node; | ||
| runComputation(node, node.tValue, time); | ||
| Listener = Owner = null; | ||
| }, false); | ||
| }); | ||
| } | ||
| function runComputation(node, value, time) { | ||
| let nextValue; | ||
| const owner = Owner, listener = Listener; | ||
| Listener = Owner = node; | ||
| try { | ||
| nextValue = node.fn(value); | ||
| } catch (err) { | ||
| if (node.pure) if (Transition && Transition.running) { | ||
| node.tState = STALE; | ||
| node.tOwned && node.tOwned.forEach(cleanNode); | ||
| node.tOwned = void 0; | ||
| } else { | ||
| node.state = STALE; | ||
| node.owned && node.owned.forEach(cleanNode); | ||
| node.owned = null; | ||
| } | ||
| node.updatedAt = time + 1; | ||
| return handleError(err); | ||
| } finally { | ||
| Listener = listener; | ||
| Owner = owner; | ||
| } | ||
| if (!node.updatedAt || node.updatedAt <= time) { | ||
| if (node.updatedAt != null && "observers" in node) writeSignal(node, nextValue, true); | ||
| else if (Transition && Transition.running && node.pure) { | ||
| Transition.sources.add(node); | ||
| node.tValue = nextValue; | ||
| } else node.value = nextValue; | ||
| node.updatedAt = time; | ||
| } | ||
| } | ||
| function createComputation(fn, init, pure, state = STALE, options) { | ||
| const c = { | ||
| fn, | ||
| state, | ||
| updatedAt: null, | ||
| owned: null, | ||
| sources: null, | ||
| sourceSlots: null, | ||
| cleanups: null, | ||
| value: init, | ||
| owner: Owner, | ||
| context: Owner ? Owner.context : null, | ||
| pure | ||
| }; | ||
| if (Transition && Transition.running) { | ||
| c.state = 0; | ||
| c.tState = state; | ||
| } | ||
| if (Owner === null); | ||
| else if (Owner !== UNOWNED) if (Transition && Transition.running && Owner.pure) if (!Owner.tOwned) Owner.tOwned = [c]; | ||
| else Owner.tOwned.push(c); | ||
| else if (!Owner.owned) Owner.owned = [c]; | ||
| else Owner.owned.push(c); | ||
| if (ExternalSourceConfig && c.fn) { | ||
| const [track, trigger] = createSignal(void 0, { equals: false }); | ||
| const ordinary = ExternalSourceConfig.factory(c.fn, trigger); | ||
| onCleanup(() => ordinary.dispose()); | ||
| const triggerInTransition = () => startTransition(trigger).then(() => inTransition.dispose()); | ||
| const inTransition = ExternalSourceConfig.factory(c.fn, triggerInTransition); | ||
| c.fn = (x) => { | ||
| track(); | ||
| return Transition && Transition.running ? inTransition.track(x) : ordinary.track(x); | ||
| }; | ||
| } | ||
| return c; | ||
| } | ||
| function runTop(node) { | ||
| const runningTransition = Transition && Transition.running; | ||
| if ((runningTransition ? node.tState : node.state) === 0) return; | ||
| if ((runningTransition ? node.tState : node.state) === PENDING) return lookUpstream(node); | ||
| if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node); | ||
| const ancestors = [node]; | ||
| while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) { | ||
| if (runningTransition && Transition.disposed.has(node)) return; | ||
| if (runningTransition ? node.tState : node.state) ancestors.push(node); | ||
| } | ||
| for (let i = ancestors.length - 1; i >= 0; i--) { | ||
| node = ancestors[i]; | ||
| if (runningTransition) { | ||
| let top = node, prev = ancestors[i + 1]; | ||
| while ((top = top.owner) && top !== prev) if (Transition.disposed.has(top)) return; | ||
| } | ||
| if ((runningTransition ? node.tState : node.state) === STALE) updateComputation(node); | ||
| else if ((runningTransition ? node.tState : node.state) === PENDING) { | ||
| const updates = Updates; | ||
| Updates = null; | ||
| runUpdates(() => lookUpstream(node, ancestors[0]), false); | ||
| Updates = updates; | ||
| } | ||
| } | ||
| } | ||
| function runUpdates(fn, init) { | ||
| if (Updates) return fn(); | ||
| let wait = false; | ||
| if (!init) Updates = []; | ||
| if (Effects) wait = true; | ||
| else Effects = []; | ||
| ExecCount++; | ||
| try { | ||
| const res = fn(); | ||
| completeUpdates(wait); | ||
| return res; | ||
| } catch (err) { | ||
| if (!wait) Effects = null; | ||
| Updates = null; | ||
| handleError(err); | ||
| } | ||
| } | ||
| function completeUpdates(wait) { | ||
| if (Updates) { | ||
| if (Scheduler && Transition && Transition.running) scheduleQueue(Updates); | ||
| else runQueue(Updates); | ||
| Updates = null; | ||
| } | ||
| if (wait) return; | ||
| let res; | ||
| if (Transition) { | ||
| if (!Transition.promises.size && !Transition.queue.size) { | ||
| const sources = Transition.sources; | ||
| const disposed = Transition.disposed; | ||
| Effects.push.apply(Effects, Transition.effects); | ||
| res = Transition.resolve; | ||
| for (const e of Effects) { | ||
| "tState" in e && (e.state = e.tState); | ||
| delete e.tState; | ||
| } | ||
| Transition = null; | ||
| runUpdates(() => { | ||
| for (const d of disposed) cleanNode(d); | ||
| for (const v of sources) { | ||
| v.value = v.tValue; | ||
| if (v.owned) for (let i = 0, len = v.owned.length; i < len; i++) cleanNode(v.owned[i]); | ||
| if (v.tOwned) v.owned = v.tOwned; | ||
| delete v.tValue; | ||
| delete v.tOwned; | ||
| v.tState = 0; | ||
| } | ||
| setTransPending(false); | ||
| }, false); | ||
| } else if (Transition.running) { | ||
| Transition.running = false; | ||
| Transition.effects.push.apply(Transition.effects, Effects); | ||
| Effects = null; | ||
| setTransPending(true); | ||
| return; | ||
| } | ||
| } | ||
| const e = Effects; | ||
| Effects = null; | ||
| if (e.length) runUpdates(() => runEffects(e), false); | ||
| if (res) res(); | ||
| } | ||
| function runQueue(queue) { | ||
| for (let i = 0; i < queue.length; i++) runTop(queue[i]); | ||
| } | ||
| function scheduleQueue(queue) { | ||
| for (let i = 0; i < queue.length; i++) { | ||
| const item = queue[i]; | ||
| const tasks = Transition.queue; | ||
| if (!tasks.has(item)) { | ||
| tasks.add(item); | ||
| Scheduler(() => { | ||
| tasks.delete(item); | ||
| runUpdates(() => { | ||
| Transition.running = true; | ||
| runTop(item); | ||
| }, false); | ||
| Transition && (Transition.running = false); | ||
| }); | ||
| } | ||
| } | ||
| } | ||
| function runUserEffects(queue) { | ||
| let i, userLength = 0; | ||
| for (i = 0; i < queue.length; i++) { | ||
| const e = queue[i]; | ||
| if (!e.user) runTop(e); | ||
| else queue[userLength++] = e; | ||
| } | ||
| if (sharedConfig.context) { | ||
| if (sharedConfig.count) { | ||
| sharedConfig.effects || (sharedConfig.effects = []); | ||
| sharedConfig.effects.push(...queue.slice(0, userLength)); | ||
| return; | ||
| } | ||
| setHydrateContext(); | ||
| } | ||
| if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) { | ||
| queue = [...sharedConfig.effects, ...queue]; | ||
| userLength += sharedConfig.effects.length; | ||
| delete sharedConfig.effects; | ||
| } | ||
| for (i = 0; i < userLength; i++) runTop(queue[i]); | ||
| } | ||
| function lookUpstream(node, ignore) { | ||
| const runningTransition = Transition && Transition.running; | ||
| if (runningTransition) node.tState = 0; | ||
| else node.state = 0; | ||
| for (let i = 0; i < node.sources.length; i += 1) { | ||
| const source = node.sources[i]; | ||
| if (source.sources) { | ||
| const state = runningTransition ? source.tState : source.state; | ||
| if (state === STALE) { | ||
| if (source !== ignore && (!source.updatedAt || source.updatedAt < ExecCount)) runTop(source); | ||
| } else if (state === PENDING) lookUpstream(source, ignore); | ||
| } | ||
| } | ||
| } | ||
| function markDownstream(node) { | ||
| const runningTransition = Transition && Transition.running; | ||
| for (let i = 0; i < node.observers.length; i += 1) { | ||
| const o = node.observers[i]; | ||
| if (runningTransition ? !o.tState : !o.state) { | ||
| if (runningTransition) o.tState = PENDING; | ||
| else o.state = PENDING; | ||
| if (o.pure) Updates.push(o); | ||
| else Effects.push(o); | ||
| o.observers && markDownstream(o); | ||
| } | ||
| } | ||
| } | ||
| function cleanNode(node) { | ||
| let i; | ||
| if (node.sources) while (node.sources.length) { | ||
| const source = node.sources.pop(), index = node.sourceSlots.pop(), obs = source.observers; | ||
| if (obs && obs.length) { | ||
| const n = obs.pop(), s = source.observerSlots.pop(); | ||
| if (index < obs.length) { | ||
| n.sourceSlots[s] = index; | ||
| obs[index] = n; | ||
| source.observerSlots[index] = s; | ||
| } | ||
| } | ||
| } | ||
| if (node.tOwned) { | ||
| for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]); | ||
| delete node.tOwned; | ||
| } | ||
| if (Transition && Transition.running && node.pure) reset(node, true); | ||
| else if (node.owned) { | ||
| for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]); | ||
| node.owned = null; | ||
| } | ||
| if (node.cleanups) { | ||
| for (i = node.cleanups.length - 1; i >= 0; i--) node.cleanups[i](); | ||
| node.cleanups = null; | ||
| } | ||
| if (Transition && Transition.running) node.tState = 0; | ||
| else node.state = 0; | ||
| } | ||
| function reset(node, top) { | ||
| if (!top) { | ||
| node.tState = 0; | ||
| Transition.disposed.add(node); | ||
| } | ||
| if (node.owned) for (let i = 0; i < node.owned.length; i++) reset(node.owned[i]); | ||
| } | ||
| function castError(err) { | ||
| if (err instanceof Error) return err; | ||
| return new Error(typeof err === "string" ? err : "Unknown error", { cause: err }); | ||
| } | ||
| function runErrors(err, fns, owner) { | ||
| try { | ||
| for (const f of fns) f(err); | ||
| } catch (e) { | ||
| handleError(e, owner && owner.owner || null); | ||
| } | ||
| } | ||
| function handleError(err, owner = Owner) { | ||
| const fns = ERROR && owner && owner.context && owner.context[ERROR]; | ||
| const error = castError(err); | ||
| if (!fns) throw error; | ||
| if (Effects) Effects.push({ | ||
| fn() { | ||
| runErrors(error, fns, owner); | ||
| }, | ||
| state: STALE | ||
| }); | ||
| else runErrors(error, fns, owner); | ||
| } | ||
| function resolveChildren(children) { | ||
| if (typeof children === "function" && !children.length) return resolveChildren(children()); | ||
| if (Array.isArray(children)) { | ||
| const results = []; | ||
| for (let i = 0; i < children.length; i++) { | ||
| const result = resolveChildren(children[i]); | ||
| Array.isArray(result) ? results.push.apply(results, result) : results.push(result); | ||
| } | ||
| return results; | ||
| } | ||
| return children; | ||
| } | ||
| function createProvider(id, options) { | ||
| return function provider(props) { | ||
| let res; | ||
| createRenderEffect(() => res = untrack(() => { | ||
| Owner.context = { | ||
| ...Owner.context, | ||
| [id]: props.value | ||
| }; | ||
| return children(() => props.children); | ||
| }), void 0); | ||
| return res; | ||
| }; | ||
| } | ||
| var FALLBACK = Symbol("fallback"); | ||
| function dispose(d) { | ||
| for (let i = 0; i < d.length; i++) d[i](); | ||
| } | ||
| function mapArray(list, mapFn, options = {}) { | ||
| let items = [], mapped = [], disposers = [], len = 0, indexes = mapFn.length > 1 ? [] : null; | ||
| onCleanup(() => dispose(disposers)); | ||
| return () => { | ||
| let newItems = list() || [], newLen = newItems.length, i, j; | ||
| newItems[$TRACK]; | ||
| return untrack(() => { | ||
| let newIndices, newIndicesNext, temp, tempdisposers, tempIndexes, start, end, newEnd, item; | ||
| if (newLen === 0) { | ||
| if (len !== 0) { | ||
| dispose(disposers); | ||
| disposers = []; | ||
| items = []; | ||
| mapped = []; | ||
| len = 0; | ||
| indexes && (indexes = []); | ||
| } | ||
| if (options.fallback) { | ||
| items = [FALLBACK]; | ||
| mapped[0] = createRoot((disposer) => { | ||
| disposers[0] = disposer; | ||
| return options.fallback(); | ||
| }); | ||
| len = 1; | ||
| } | ||
| } else if (len === 0) { | ||
| mapped = new Array(newLen); | ||
| for (j = 0; j < newLen; j++) { | ||
| items[j] = newItems[j]; | ||
| mapped[j] = createRoot(mapper); | ||
| } | ||
| len = newLen; | ||
| } else { | ||
| temp = new Array(newLen); | ||
| tempdisposers = new Array(newLen); | ||
| indexes && (tempIndexes = new Array(newLen)); | ||
| for (start = 0, end = Math.min(len, newLen); start < end && items[start] === newItems[start]; start++); | ||
| for (end = len - 1, newEnd = newLen - 1; end >= start && newEnd >= start && items[end] === newItems[newEnd]; end--, newEnd--) { | ||
| temp[newEnd] = mapped[end]; | ||
| tempdisposers[newEnd] = disposers[end]; | ||
| indexes && (tempIndexes[newEnd] = indexes[end]); | ||
| } | ||
| newIndices = /* @__PURE__ */ new Map(); | ||
| newIndicesNext = new Array(newEnd + 1); | ||
| for (j = newEnd; j >= start; j--) { | ||
| item = newItems[j]; | ||
| i = newIndices.get(item); | ||
| newIndicesNext[j] = i === void 0 ? -1 : i; | ||
| newIndices.set(item, j); | ||
| } | ||
| for (i = start; i <= end; i++) { | ||
| item = items[i]; | ||
| j = newIndices.get(item); | ||
| if (j !== void 0 && j !== -1) { | ||
| temp[j] = mapped[i]; | ||
| tempdisposers[j] = disposers[i]; | ||
| indexes && (tempIndexes[j] = indexes[i]); | ||
| j = newIndicesNext[j]; | ||
| newIndices.set(item, j); | ||
| } else disposers[i](); | ||
| } | ||
| for (j = start; j < newLen; j++) if (j in temp) { | ||
| mapped[j] = temp[j]; | ||
| disposers[j] = tempdisposers[j]; | ||
| if (indexes) { | ||
| indexes[j] = tempIndexes[j]; | ||
| indexes[j](j); | ||
| } | ||
| } else mapped[j] = createRoot(mapper); | ||
| mapped = mapped.slice(0, len = newLen); | ||
| items = newItems.slice(0); | ||
| } | ||
| return mapped; | ||
| }); | ||
| function mapper(disposer) { | ||
| disposers[j] = disposer; | ||
| if (indexes) { | ||
| const [s, set] = createSignal(j); | ||
| indexes[j] = set; | ||
| return mapFn(newItems[j], s); | ||
| } | ||
| return mapFn(newItems[j]); | ||
| } | ||
| }; | ||
| } | ||
| var hydrationEnabled = false; | ||
| function createComponent(Comp, props) { | ||
| if (hydrationEnabled) { | ||
| if (sharedConfig.context) { | ||
| const c = sharedConfig.context; | ||
| setHydrateContext(nextHydrateContext()); | ||
| const r = untrack(() => Comp(props || {})); | ||
| setHydrateContext(c); | ||
| return r; | ||
| } | ||
| } | ||
| return untrack(() => Comp(props || {})); | ||
| } | ||
| function trueFn() { | ||
| return true; | ||
| } | ||
| var propTraps = { | ||
| get(_, property, receiver) { | ||
| if (property === $PROXY) return receiver; | ||
| return _.get(property); | ||
| }, | ||
| has(_, property) { | ||
| if (property === $PROXY) return true; | ||
| return _.has(property); | ||
| }, | ||
| set: trueFn, | ||
| deleteProperty: trueFn, | ||
| getOwnPropertyDescriptor(_, property) { | ||
| return { | ||
| configurable: true, | ||
| enumerable: true, | ||
| get() { | ||
| return _.get(property); | ||
| }, | ||
| set: trueFn, | ||
| deleteProperty: trueFn | ||
| }; | ||
| }, | ||
| ownKeys(_) { | ||
| return _.keys(); | ||
| } | ||
| }; | ||
| function resolveSource(s) { | ||
| return !(s = typeof s === "function" ? s() : s) ? {} : s; | ||
| } | ||
| function resolveSources() { | ||
| for (let i = 0, length = this.length; i < length; ++i) { | ||
| const v = this[i](); | ||
| if (v !== void 0) return v; | ||
| } | ||
| } | ||
| function mergeProps(...sources) { | ||
| let proxy = false; | ||
| for (let i = 0; i < sources.length; i++) { | ||
| const s = sources[i]; | ||
| proxy = proxy || !!s && $PROXY in s; | ||
| sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s; | ||
| } | ||
| if (SUPPORTS_PROXY && proxy) return new Proxy({ | ||
| get(property) { | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| const v = resolveSource(sources[i])[property]; | ||
| if (v !== void 0) return v; | ||
| } | ||
| }, | ||
| has(property) { | ||
| for (let i = sources.length - 1; i >= 0; i--) if (property in resolveSource(sources[i])) return true; | ||
| return false; | ||
| }, | ||
| keys() { | ||
| const keys = []; | ||
| for (let i = 0; i < sources.length; i++) keys.push(...Object.keys(resolveSource(sources[i]))); | ||
| return [...new Set(keys)]; | ||
| } | ||
| }, propTraps); | ||
| const sourcesMap = {}; | ||
| const defined = Object.create(null); | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| const source = sources[i]; | ||
| if (!source) continue; | ||
| const sourceKeys = Object.getOwnPropertyNames(source); | ||
| for (let i = sourceKeys.length - 1; i >= 0; i--) { | ||
| const key = sourceKeys[i]; | ||
| if (key === "__proto__" || key === "constructor") continue; | ||
| const desc = Object.getOwnPropertyDescriptor(source, key); | ||
| if (!defined[key]) defined[key] = desc.get ? { | ||
| enumerable: true, | ||
| configurable: true, | ||
| get: resolveSources.bind(sourcesMap[key] = [desc.get.bind(source)]) | ||
| } : desc.value !== void 0 ? desc : void 0; | ||
| else { | ||
| const sources = sourcesMap[key]; | ||
| if (sources) { | ||
| if (desc.get) sources.push(desc.get.bind(source)); | ||
| else if (desc.value !== void 0) sources.push(() => desc.value); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| const target = {}; | ||
| const definedKeys = Object.keys(defined); | ||
| for (let i = definedKeys.length - 1; i >= 0; i--) { | ||
| const key = definedKeys[i], desc = defined[key]; | ||
| if (desc && desc.get) Object.defineProperty(target, key, desc); | ||
| else target[key] = desc ? desc.value : void 0; | ||
| } | ||
| return target; | ||
| } | ||
| function splitProps(props, ...keys) { | ||
| const len = keys.length; | ||
| if (SUPPORTS_PROXY && $PROXY in props) { | ||
| const blocked = len > 1 ? keys.flat() : keys[0]; | ||
| const res = keys.map((k) => { | ||
| return new Proxy({ | ||
| get(property) { | ||
| return k.includes(property) ? props[property] : void 0; | ||
| }, | ||
| has(property) { | ||
| return k.includes(property) && property in props; | ||
| }, | ||
| keys() { | ||
| return k.filter((property) => property in props); | ||
| } | ||
| }, propTraps); | ||
| }); | ||
| res.push(new Proxy({ | ||
| get(property) { | ||
| return blocked.includes(property) ? void 0 : props[property]; | ||
| }, | ||
| has(property) { | ||
| return blocked.includes(property) ? false : property in props; | ||
| }, | ||
| keys() { | ||
| return Object.keys(props).filter((k) => !blocked.includes(k)); | ||
| } | ||
| }, propTraps)); | ||
| return res; | ||
| } | ||
| const objects = []; | ||
| for (let i = 0; i <= len; i++) objects[i] = {}; | ||
| for (const propName of Object.getOwnPropertyNames(props)) { | ||
| let keyIndex = len; | ||
| for (let i = 0; i < keys.length; i++) if (keys[i].includes(propName)) { | ||
| keyIndex = i; | ||
| break; | ||
| } | ||
| const desc = Object.getOwnPropertyDescriptor(props, propName); | ||
| !desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable ? objects[keyIndex][propName] = desc.value : Object.defineProperty(objects[keyIndex], propName, desc); | ||
| } | ||
| return objects; | ||
| } | ||
| function lazy(fn) { | ||
| let comp; | ||
| let p; | ||
| const wrap = (props) => { | ||
| const ctx = sharedConfig.context; | ||
| if (ctx) { | ||
| const [s, set] = createSignal(); | ||
| sharedConfig.count || (sharedConfig.count = 0); | ||
| sharedConfig.count++; | ||
| (p || (p = fn())).then((mod) => { | ||
| !sharedConfig.done && setHydrateContext(ctx); | ||
| sharedConfig.count--; | ||
| set(() => mod.default); | ||
| setHydrateContext(); | ||
| }); | ||
| comp = s; | ||
| } else if (!comp) { | ||
| const [s] = createResource(() => (p || (p = fn())).then((mod) => mod.default)); | ||
| comp = s; | ||
| } | ||
| let Comp; | ||
| return createMemo(() => (Comp = comp()) ? untrack(() => { | ||
| if (!ctx || sharedConfig.done) return Comp(props); | ||
| const c = sharedConfig.context; | ||
| setHydrateContext(ctx); | ||
| const r = Comp(props); | ||
| setHydrateContext(c); | ||
| return r; | ||
| }) : ""); | ||
| }; | ||
| wrap.preload = () => p || ((p = fn()).then((mod) => comp = () => mod.default), p); | ||
| return wrap; | ||
| } | ||
| var counter = 0; | ||
| function createUniqueId() { | ||
| return sharedConfig.context ? sharedConfig.getNextContextId() : `cl-${counter++}`; | ||
| } | ||
| var narrowedError = (name) => `Stale read from <${name}>.`; | ||
| function For(props) { | ||
| const fallback = "fallback" in props && { fallback: () => props.fallback }; | ||
| return createMemo(mapArray(() => props.each, props.children, fallback || void 0)); | ||
| } | ||
| function Show(props) { | ||
| const keyed = props.keyed; | ||
| const conditionValue = createMemo(() => props.when, void 0, void 0); | ||
| const condition = keyed ? conditionValue : createMemo(conditionValue, void 0, { equals: (a, b) => !a === !b }); | ||
| return createMemo(() => { | ||
| const c = condition(); | ||
| if (c) { | ||
| const child = props.children; | ||
| return typeof child === "function" && child.length > 0 ? untrack(() => child(keyed ? c : () => { | ||
| if (!untrack(condition)) throw narrowedError("Show"); | ||
| return conditionValue(); | ||
| })) : child; | ||
| } | ||
| return props.fallback; | ||
| }, void 0, void 0); | ||
| } | ||
| function Switch(props) { | ||
| const chs = children(() => props.children); | ||
| const switchFunc = createMemo(() => { | ||
| const ch = chs(); | ||
| const mps = Array.isArray(ch) ? ch : [ch]; | ||
| let func = () => void 0; | ||
| for (let i = 0; i < mps.length; i++) { | ||
| const index = i; | ||
| const mp = mps[i]; | ||
| const prevFunc = func; | ||
| const conditionValue = createMemo(() => prevFunc() ? void 0 : mp.when, void 0, void 0); | ||
| const condition = mp.keyed ? conditionValue : createMemo(conditionValue, void 0, { equals: (a, b) => !a === !b }); | ||
| func = () => prevFunc() || (condition() ? [ | ||
| index, | ||
| conditionValue, | ||
| mp | ||
| ] : void 0); | ||
| } | ||
| return func; | ||
| }); | ||
| return createMemo(() => { | ||
| const sel = switchFunc()(); | ||
| if (!sel) return props.fallback; | ||
| const [index, conditionValue, mp] = sel; | ||
| const child = mp.children; | ||
| return typeof child === "function" && child.length > 0 ? untrack(() => child(mp.keyed ? conditionValue() : () => { | ||
| if (untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match"); | ||
| return conditionValue(); | ||
| })) : child; | ||
| }, void 0, void 0); | ||
| } | ||
| function Match(props) { | ||
| return props; | ||
| } | ||
| //#endregion | ||
| //#region ../../node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/web/dist/web.js | ||
| var Properties = /* @__PURE__ */ new Set([ | ||
| "className", | ||
| "value", | ||
| "readOnly", | ||
| "noValidate", | ||
| "formNoValidate", | ||
| "isMap", | ||
| "noModule", | ||
| "playsInline", | ||
| "adAuctionHeaders", | ||
| "allowFullscreen", | ||
| "browsingTopics", | ||
| "defaultChecked", | ||
| "defaultMuted", | ||
| "defaultSelected", | ||
| "disablePictureInPicture", | ||
| "disableRemotePlayback", | ||
| "preservesPitch", | ||
| "shadowRootClonable", | ||
| "shadowRootCustomElementRegistry", | ||
| "shadowRootDelegatesFocus", | ||
| "shadowRootSerializable", | ||
| "sharedStorageWritable", | ||
| ...[ | ||
| "allowfullscreen", | ||
| "async", | ||
| "alpha", | ||
| "autofocus", | ||
| "autoplay", | ||
| "checked", | ||
| "controls", | ||
| "default", | ||
| "disabled", | ||
| "formnovalidate", | ||
| "hidden", | ||
| "indeterminate", | ||
| "inert", | ||
| "ismap", | ||
| "loop", | ||
| "multiple", | ||
| "muted", | ||
| "nomodule", | ||
| "novalidate", | ||
| "open", | ||
| "playsinline", | ||
| "readonly", | ||
| "required", | ||
| "reversed", | ||
| "seamless", | ||
| "selected", | ||
| "adauctionheaders", | ||
| "browsingtopics", | ||
| "credentialless", | ||
| "defaultchecked", | ||
| "defaultmuted", | ||
| "defaultselected", | ||
| "defer", | ||
| "disablepictureinpicture", | ||
| "disableremoteplayback", | ||
| "preservespitch", | ||
| "shadowrootclonable", | ||
| "shadowrootcustomelementregistry", | ||
| "shadowrootdelegatesfocus", | ||
| "shadowrootserializable", | ||
| "sharedstoragewritable" | ||
| ] | ||
| ]); | ||
| var ChildProperties = /* @__PURE__ */ new Set([ | ||
| "innerHTML", | ||
| "textContent", | ||
| "innerText", | ||
| "children" | ||
| ]); | ||
| var Aliases = /* @__PURE__ */ Object.assign(Object.create(null), { | ||
| className: "class", | ||
| htmlFor: "for" | ||
| }); | ||
| var PropAliases = /* @__PURE__ */ Object.assign(Object.create(null), { | ||
| class: "className", | ||
| novalidate: { | ||
| $: "noValidate", | ||
| FORM: 1 | ||
| }, | ||
| formnovalidate: { | ||
| $: "formNoValidate", | ||
| BUTTON: 1, | ||
| INPUT: 1 | ||
| }, | ||
| ismap: { | ||
| $: "isMap", | ||
| IMG: 1 | ||
| }, | ||
| nomodule: { | ||
| $: "noModule", | ||
| SCRIPT: 1 | ||
| }, | ||
| playsinline: { | ||
| $: "playsInline", | ||
| VIDEO: 1 | ||
| }, | ||
| readonly: { | ||
| $: "readOnly", | ||
| INPUT: 1, | ||
| TEXTAREA: 1 | ||
| }, | ||
| adauctionheaders: { | ||
| $: "adAuctionHeaders", | ||
| IFRAME: 1 | ||
| }, | ||
| allowfullscreen: { | ||
| $: "allowFullscreen", | ||
| IFRAME: 1 | ||
| }, | ||
| browsingtopics: { | ||
| $: "browsingTopics", | ||
| IMG: 1 | ||
| }, | ||
| defaultchecked: { | ||
| $: "defaultChecked", | ||
| INPUT: 1 | ||
| }, | ||
| defaultmuted: { | ||
| $: "defaultMuted", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| defaultselected: { | ||
| $: "defaultSelected", | ||
| OPTION: 1 | ||
| }, | ||
| disablepictureinpicture: { | ||
| $: "disablePictureInPicture", | ||
| VIDEO: 1 | ||
| }, | ||
| disableremoteplayback: { | ||
| $: "disableRemotePlayback", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| preservespitch: { | ||
| $: "preservesPitch", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| shadowrootclonable: { | ||
| $: "shadowRootClonable", | ||
| TEMPLATE: 1 | ||
| }, | ||
| shadowrootdelegatesfocus: { | ||
| $: "shadowRootDelegatesFocus", | ||
| TEMPLATE: 1 | ||
| }, | ||
| shadowrootserializable: { | ||
| $: "shadowRootSerializable", | ||
| TEMPLATE: 1 | ||
| }, | ||
| sharedstoragewritable: { | ||
| $: "sharedStorageWritable", | ||
| IFRAME: 1, | ||
| IMG: 1 | ||
| } | ||
| }); | ||
| function getPropAlias(prop, tagName) { | ||
| const a = PropAliases[prop]; | ||
| return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a; | ||
| } | ||
| var DelegatedEvents = /* @__PURE__ */ new Set([ | ||
| "beforeinput", | ||
| "click", | ||
| "dblclick", | ||
| "contextmenu", | ||
| "focusin", | ||
| "focusout", | ||
| "input", | ||
| "keydown", | ||
| "keyup", | ||
| "mousedown", | ||
| "mousemove", | ||
| "mouseout", | ||
| "mouseover", | ||
| "mouseup", | ||
| "pointerdown", | ||
| "pointermove", | ||
| "pointerout", | ||
| "pointerover", | ||
| "pointerup", | ||
| "touchend", | ||
| "touchmove", | ||
| "touchstart" | ||
| ]); | ||
| var SVGElements = /* @__PURE__ */ new Set([ | ||
| "altGlyph", | ||
| "altGlyphDef", | ||
| "altGlyphItem", | ||
| "animate", | ||
| "animateColor", | ||
| "animateMotion", | ||
| "animateTransform", | ||
| "circle", | ||
| "clipPath", | ||
| "color-profile", | ||
| "cursor", | ||
| "defs", | ||
| "desc", | ||
| "ellipse", | ||
| "feBlend", | ||
| "feColorMatrix", | ||
| "feComponentTransfer", | ||
| "feComposite", | ||
| "feConvolveMatrix", | ||
| "feDiffuseLighting", | ||
| "feDisplacementMap", | ||
| "feDistantLight", | ||
| "feDropShadow", | ||
| "feFlood", | ||
| "feFuncA", | ||
| "feFuncB", | ||
| "feFuncG", | ||
| "feFuncR", | ||
| "feGaussianBlur", | ||
| "feImage", | ||
| "feMerge", | ||
| "feMergeNode", | ||
| "feMorphology", | ||
| "feOffset", | ||
| "fePointLight", | ||
| "feSpecularLighting", | ||
| "feSpotLight", | ||
| "feTile", | ||
| "feTurbulence", | ||
| "filter", | ||
| "font", | ||
| "font-face", | ||
| "font-face-format", | ||
| "font-face-name", | ||
| "font-face-src", | ||
| "font-face-uri", | ||
| "foreignObject", | ||
| "g", | ||
| "glyph", | ||
| "glyphRef", | ||
| "hkern", | ||
| "image", | ||
| "line", | ||
| "linearGradient", | ||
| "marker", | ||
| "mask", | ||
| "metadata", | ||
| "missing-glyph", | ||
| "mpath", | ||
| "path", | ||
| "pattern", | ||
| "polygon", | ||
| "polyline", | ||
| "radialGradient", | ||
| "rect", | ||
| "set", | ||
| "stop", | ||
| "svg", | ||
| "switch", | ||
| "symbol", | ||
| "text", | ||
| "textPath", | ||
| "tref", | ||
| "tspan", | ||
| "use", | ||
| "view", | ||
| "vkern" | ||
| ]); | ||
| var SVGNamespace = { | ||
| xlink: "http://www.w3.org/1999/xlink", | ||
| xml: "http://www.w3.org/XML/1998/namespace" | ||
| }; | ||
| var memo = (fn) => createMemo(() => fn()); | ||
| function reconcileArrays(parentNode, a, b) { | ||
| let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = a[aEnd - 1].nextSibling, map = null; | ||
| while (aStart < aEnd || bStart < bEnd) { | ||
| if (a[aStart] === b[bStart]) { | ||
| aStart++; | ||
| bStart++; | ||
| continue; | ||
| } | ||
| while (a[aEnd - 1] === b[bEnd - 1]) { | ||
| aEnd--; | ||
| bEnd--; | ||
| } | ||
| if (aEnd === aStart) { | ||
| const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after; | ||
| while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node); | ||
| } else if (bEnd === bStart) while (aStart < aEnd) { | ||
| if (!map || !map.has(a[aStart])) a[aStart].remove(); | ||
| aStart++; | ||
| } | ||
| else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) { | ||
| const node = a[--aEnd].nextSibling; | ||
| parentNode.insertBefore(b[bStart++], a[aStart++].nextSibling); | ||
| parentNode.insertBefore(b[--bEnd], node); | ||
| a[aEnd] = b[bEnd]; | ||
| } else { | ||
| if (!map) { | ||
| map = /* @__PURE__ */ new Map(); | ||
| let i = bStart; | ||
| while (i < bEnd) map.set(b[i], i++); | ||
| } | ||
| const index = map.get(a[aStart]); | ||
| if (index != null) if (bStart < index && index < bEnd) { | ||
| let i = aStart, sequence = 1, t; | ||
| while (++i < aEnd && i < bEnd) { | ||
| if ((t = map.get(a[i])) == null || t !== index + sequence) break; | ||
| sequence++; | ||
| } | ||
| if (sequence > index - bStart) { | ||
| const node = a[aStart]; | ||
| while (bStart < index) parentNode.insertBefore(b[bStart++], node); | ||
| } else parentNode.replaceChild(b[bStart++], a[aStart++]); | ||
| } else aStart++; | ||
| else a[aStart++].remove(); | ||
| } | ||
| } | ||
| } | ||
| var $$EVENTS = "_$DX_DELEGATE"; | ||
| function render(code, element, init, options = {}) { | ||
| let disposer; | ||
| createRoot((dispose) => { | ||
| disposer = dispose; | ||
| element === document ? code() : insert(element, code(), element.firstChild ? null : void 0, init); | ||
| }, options.owner); | ||
| return () => { | ||
| disposer(); | ||
| element.textContent = ""; | ||
| }; | ||
| } | ||
| function template(html, isImportNode, isSVG, isMathML) { | ||
| let node; | ||
| const create = () => { | ||
| const t = isMathML ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template") : document.createElement("template"); | ||
| t.innerHTML = html; | ||
| return isSVG ? t.content.firstChild.firstChild : isMathML ? t.firstChild : t.content.firstChild; | ||
| }; | ||
| const fn = isImportNode ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true); | ||
| fn.cloneNode = fn; | ||
| return fn; | ||
| } | ||
| function delegateEvents(eventNames, document = window.document) { | ||
| const e = document[$$EVENTS] || (document[$$EVENTS] = /* @__PURE__ */ new Set()); | ||
| for (let i = 0, l = eventNames.length; i < l; i++) { | ||
| const name = eventNames[i]; | ||
| if (!e.has(name)) { | ||
| e.add(name); | ||
| document.addEventListener(name, eventHandler); | ||
| } | ||
| } | ||
| } | ||
| function setAttribute(node, name, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttribute(name); | ||
| else node.setAttribute(name, value); | ||
| } | ||
| function setAttributeNS(node, namespace, name, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttributeNS(namespace, name); | ||
| else node.setAttributeNS(namespace, name, value); | ||
| } | ||
| function setBoolAttribute(node, name, value) { | ||
| if (isHydrating(node)) return; | ||
| value ? node.setAttribute(name, "") : node.removeAttribute(name); | ||
| } | ||
| function className(node, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttribute("class"); | ||
| else node.className = value; | ||
| } | ||
| function addEventListener(node, name, handler, delegate) { | ||
| if (delegate) if (Array.isArray(handler)) { | ||
| node[`$$${name}`] = handler[0]; | ||
| node[`$$${name}Data`] = handler[1]; | ||
| } else node[`$$${name}`] = handler; | ||
| else if (Array.isArray(handler)) { | ||
| const handlerFn = handler[0]; | ||
| node.addEventListener(name, handler[0] = (e) => handlerFn.call(node, handler[1], e)); | ||
| } else node.addEventListener(name, handler, typeof handler !== "function" && handler); | ||
| } | ||
| function classList(node, value, prev = {}) { | ||
| const classKeys = Object.keys(value || {}), prevKeys = Object.keys(prev); | ||
| let i, len; | ||
| for (i = 0, len = prevKeys.length; i < len; i++) { | ||
| const key = prevKeys[i]; | ||
| if (!key || key === "undefined" || value[key]) continue; | ||
| toggleClassKey(node, key, false); | ||
| delete prev[key]; | ||
| } | ||
| for (i = 0, len = classKeys.length; i < len; i++) { | ||
| const key = classKeys[i], classValue = !!value[key]; | ||
| if (!key || key === "undefined" || prev[key] === classValue || !classValue) continue; | ||
| toggleClassKey(node, key, true); | ||
| prev[key] = classValue; | ||
| } | ||
| return prev; | ||
| } | ||
| function style(node, value, prev) { | ||
| if (!value) return prev ? setAttribute(node, "style") : value; | ||
| const nodeStyle = node.style; | ||
| if (typeof value === "string") return nodeStyle.cssText = value; | ||
| typeof prev === "string" && (nodeStyle.cssText = prev = void 0); | ||
| prev || (prev = {}); | ||
| value || (value = {}); | ||
| let v, s; | ||
| for (s in prev) { | ||
| value[s] ?? nodeStyle.removeProperty(s); | ||
| delete prev[s]; | ||
| } | ||
| for (s in value) { | ||
| v = value[s]; | ||
| if (v !== prev[s]) { | ||
| nodeStyle.setProperty(s, v); | ||
| prev[s] = v; | ||
| } | ||
| } | ||
| return prev; | ||
| } | ||
| function spread(node, props = {}, isSVG, skipChildren) { | ||
| const prevProps = {}; | ||
| if (!skipChildren) createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children)); | ||
| createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node)); | ||
| createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true)); | ||
| return prevProps; | ||
| } | ||
| function use(fn, element, arg) { | ||
| return untrack(() => fn(element, arg)); | ||
| } | ||
| function insert(parent, accessor, marker, initial) { | ||
| if (marker !== void 0 && !initial) initial = []; | ||
| if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker); | ||
| createRenderEffect((current) => insertExpression(parent, accessor(), current, marker), initial); | ||
| } | ||
| function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) { | ||
| props || (props = {}); | ||
| for (const prop in prevProps) if (!(prop in props)) { | ||
| if (prop === "children") continue; | ||
| prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef, props); | ||
| } | ||
| for (const prop in props) { | ||
| if (prop === "children") { | ||
| if (!skipChildren) insertExpression(node, props.children); | ||
| continue; | ||
| } | ||
| const value = props[prop]; | ||
| prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef, props); | ||
| } | ||
| } | ||
| function getNextElement(template) { | ||
| let node, key; | ||
| if (!isHydrating() || !(node = sharedConfig.registry.get(key = getHydrationKey()))) return template(); | ||
| if (sharedConfig.completed) sharedConfig.completed.add(node); | ||
| sharedConfig.registry.delete(key); | ||
| return node; | ||
| } | ||
| function isHydrating(node) { | ||
| return !!sharedConfig.context && !sharedConfig.done && (!node || node.isConnected); | ||
| } | ||
| function toPropertyName(name) { | ||
| return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase()); | ||
| } | ||
| function toggleClassKey(node, key, value) { | ||
| const classNames = key.trim().split(/\s+/); | ||
| for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value); | ||
| } | ||
| function assignProp(node, prop, value, prev, isSVG, skipRef, props) { | ||
| let isCE, isProp, isChildProp, propAlias, forceProp; | ||
| if (prop === "style") return style(node, value, prev); | ||
| if (prop === "classList") return classList(node, value, prev); | ||
| if (value === prev) return prev; | ||
| if (prop === "ref") { | ||
| if (!skipRef) value(node); | ||
| } else if (prop.slice(0, 3) === "on:") { | ||
| const e = prop.slice(3); | ||
| prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev); | ||
| value && node.addEventListener(e, value, typeof value !== "function" && value); | ||
| } else if (prop.slice(0, 10) === "oncapture:") { | ||
| const e = prop.slice(10); | ||
| prev && node.removeEventListener(e, prev, true); | ||
| value && node.addEventListener(e, value, true); | ||
| } else if (prop.slice(0, 2) === "on") { | ||
| const name = prop.slice(2).toLowerCase(); | ||
| const delegate = DelegatedEvents.has(name); | ||
| if (!delegate && prev) { | ||
| const h = Array.isArray(prev) ? prev[0] : prev; | ||
| node.removeEventListener(name, h); | ||
| } | ||
| if (delegate || value) { | ||
| addEventListener(node, name, value, delegate); | ||
| delegate && delegateEvents([name]); | ||
| } | ||
| } else if (prop.slice(0, 5) === "attr:") setAttribute(node, prop.slice(5), value); | ||
| else if (prop.slice(0, 5) === "bool:") setBoolAttribute(node, prop.slice(5), value); | ||
| else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) { | ||
| if (forceProp) { | ||
| prop = prop.slice(5); | ||
| isProp = true; | ||
| } else if (isHydrating(node)) return value; | ||
| if (prop === "class" || prop === "className") className(node, value); | ||
| else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value; | ||
| else node[propAlias || prop] = value; | ||
| } else { | ||
| const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]]; | ||
| if (ns) setAttributeNS(node, ns, prop, value); | ||
| else setAttribute(node, Aliases[prop] || prop, value); | ||
| } | ||
| return value; | ||
| } | ||
| function eventHandler(e) { | ||
| if (sharedConfig.registry && sharedConfig.events) { | ||
| if (sharedConfig.events.find(([el, ev]) => ev === e)) return; | ||
| } | ||
| let node = e.target; | ||
| const key = `$$${e.type}`; | ||
| const oriTarget = e.target; | ||
| const oriCurrentTarget = e.currentTarget; | ||
| const retarget = (value) => Object.defineProperty(e, "target", { | ||
| configurable: true, | ||
| value | ||
| }); | ||
| const handleNode = () => { | ||
| const handler = node[key]; | ||
| if (handler && !node.disabled) { | ||
| const data = node[`${key}Data`]; | ||
| data !== void 0 ? handler.call(node, data, e) : handler.call(node, e); | ||
| if (e.cancelBubble) return; | ||
| } | ||
| node.host && typeof node.host !== "string" && !node.host._$host && node.contains(e.target) && retarget(node.host); | ||
| return true; | ||
| }; | ||
| const walkUpTree = () => { | ||
| while (handleNode() && (node = node._$host || node.parentNode || node.host)); | ||
| }; | ||
| Object.defineProperty(e, "currentTarget", { | ||
| configurable: true, | ||
| get() { | ||
| return node || document; | ||
| } | ||
| }); | ||
| if (sharedConfig.registry && !sharedConfig.done) sharedConfig.done = _$HY.done = true; | ||
| if (e.composedPath) { | ||
| const path = e.composedPath(); | ||
| retarget(path[0]); | ||
| for (let i = 0; i < path.length - 2; i++) { | ||
| node = path[i]; | ||
| if (!handleNode()) break; | ||
| if (node._$host) { | ||
| node = node._$host; | ||
| walkUpTree(); | ||
| break; | ||
| } | ||
| if (node.parentNode === oriCurrentTarget) break; | ||
| } | ||
| } else walkUpTree(); | ||
| retarget(oriTarget); | ||
| } | ||
| function insertExpression(parent, value, current, marker, unwrapArray) { | ||
| const hydrating = isHydrating(parent); | ||
| if (hydrating) { | ||
| !current && (current = [...parent.childNodes]); | ||
| let cleaned = []; | ||
| for (let i = 0; i < current.length; i++) { | ||
| const node = current[i]; | ||
| if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove(); | ||
| else cleaned.push(node); | ||
| } | ||
| current = cleaned; | ||
| } | ||
| while (typeof current === "function") current = current(); | ||
| if (value === current) return current; | ||
| const t = typeof value, multi = marker !== void 0; | ||
| parent = multi && current[0] && current[0].parentNode || parent; | ||
| if (t === "string" || t === "number") { | ||
| if (hydrating) return current; | ||
| if (t === "number") { | ||
| value = value.toString(); | ||
| if (value === current) return current; | ||
| } | ||
| if (multi) { | ||
| let node = current[0]; | ||
| if (node && node.nodeType === 3) node.data !== value && (node.data = value); | ||
| else node = document.createTextNode(value); | ||
| current = cleanChildren(parent, current, marker, node); | ||
| } else if (current !== "" && typeof current === "string") current = parent.firstChild.data = value; | ||
| else current = parent.textContent = value; | ||
| } else if (value == null || t === "boolean") { | ||
| if (hydrating) return current; | ||
| current = cleanChildren(parent, current, marker); | ||
| } else if (t === "function") { | ||
| createRenderEffect(() => { | ||
| let v = value(); | ||
| while (typeof v === "function") v = v(); | ||
| current = insertExpression(parent, v, current, marker); | ||
| }); | ||
| return () => current; | ||
| } else if (Array.isArray(value)) { | ||
| const array = []; | ||
| const currentArray = current && Array.isArray(current); | ||
| if (normalizeIncomingArray(array, value, current, unwrapArray)) { | ||
| createRenderEffect(() => current = insertExpression(parent, array, current, marker, true)); | ||
| return () => current; | ||
| } | ||
| if (hydrating) { | ||
| if (!array.length) return current; | ||
| if (marker === void 0) return current = [...parent.childNodes]; | ||
| let node = array[0]; | ||
| if (node.parentNode !== parent) return current; | ||
| const nodes = [node]; | ||
| while ((node = node.nextSibling) !== marker) nodes.push(node); | ||
| return current = nodes; | ||
| } | ||
| if (array.length === 0) { | ||
| current = cleanChildren(parent, current, marker); | ||
| if (multi) return current; | ||
| } else if (currentArray) if (current.length === 0) appendNodes(parent, array, marker); | ||
| else reconcileArrays(parent, current, array); | ||
| else { | ||
| current && cleanChildren(parent); | ||
| appendNodes(parent, array); | ||
| } | ||
| current = array; | ||
| } else if (value.nodeType) { | ||
| if (hydrating && value.parentNode) return current = multi ? [value] : value; | ||
| if (Array.isArray(current)) { | ||
| if (multi) return current = cleanChildren(parent, current, marker, value); | ||
| cleanChildren(parent, current, null, value); | ||
| } else if (current == null || current === "" || !parent.firstChild) parent.appendChild(value); | ||
| else parent.replaceChild(value, parent.firstChild); | ||
| current = value; | ||
| } | ||
| return current; | ||
| } | ||
| function normalizeIncomingArray(normalized, array, current, unwrap) { | ||
| let dynamic = false; | ||
| for (let i = 0, len = array.length; i < len; i++) { | ||
| let item = array[i], prev = current && current[normalized.length], t; | ||
| if (item == null || item === true || item === false); | ||
| else if ((t = typeof item) === "object" && item.nodeType) normalized.push(item); | ||
| else if (Array.isArray(item)) dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic; | ||
| else if (t === "function") if (unwrap) { | ||
| while (typeof item === "function") item = item(); | ||
| dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic; | ||
| } else { | ||
| normalized.push(item); | ||
| dynamic = true; | ||
| } | ||
| else { | ||
| const value = String(item); | ||
| if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev); | ||
| else normalized.push(document.createTextNode(value)); | ||
| } | ||
| } | ||
| return dynamic; | ||
| } | ||
| function appendNodes(parent, array, marker = null) { | ||
| for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker); | ||
| } | ||
| function cleanChildren(parent, current, marker, replacement) { | ||
| if (marker === void 0) return parent.textContent = ""; | ||
| const node = replacement || document.createTextNode(""); | ||
| if (current.length) { | ||
| let inserted = false; | ||
| for (let i = current.length - 1; i >= 0; i--) { | ||
| const el = current[i]; | ||
| if (node !== el) { | ||
| const isParent = el.parentNode === parent; | ||
| if (!inserted && !i) isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker); | ||
| else isParent && el.remove(); | ||
| } else inserted = true; | ||
| } | ||
| } else parent.insertBefore(node, marker); | ||
| return [node]; | ||
| } | ||
| function getHydrationKey() { | ||
| return sharedConfig.getNextContextId(); | ||
| } | ||
| var SVG_NAMESPACE = "http://www.w3.org/2000/svg"; | ||
| function createElement(tagName, isSVG = false, is = void 0) { | ||
| return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName, { is }); | ||
| } | ||
| function createDynamic(component, props) { | ||
| const cached = createMemo(component); | ||
| return createMemo(() => { | ||
| const component = cached(); | ||
| switch (typeof component) { | ||
| case "function": return untrack(() => component(props)); | ||
| case "string": | ||
| const isSvg = SVGElements.has(component); | ||
| const el = sharedConfig.context ? getNextElement() : createElement(component, isSvg, untrack(() => props.is)); | ||
| spread(el, props, isSvg); | ||
| return el; | ||
| } | ||
| }); | ||
| } | ||
| function Dynamic(props) { | ||
| const [, others] = splitProps(props, ["component"]); | ||
| return createDynamic(() => props.component, others); | ||
| } | ||
| //#endregion | ||
| //#region src/context.ts | ||
| var ShadowDomTargetContext = createContext(void 0); | ||
| var DevtoolsOnCloseContext = createContext(void 0); | ||
| var useDevtoolsOnClose = () => { | ||
| const context = useContext(DevtoolsOnCloseContext); | ||
| if (!context) throw new Error("useDevtoolsOnClose must be used within a TanStackRouterDevtools component"); | ||
| return context; | ||
| }; | ||
| //#endregion | ||
| export { createUniqueId as C, untrack as D, onCleanup as E, useContext as O, createSignal as S, mergeProps as T, Switch as _, addEventListener as a, createMemo as b, insert as c, setAttribute as d, spread as f, Show as g, Match as h, Dynamic as i, memo as l, For as m, ShadowDomTargetContext as n, className as o, template as p, useDevtoolsOnClose as r, delegateEvents as s, DevtoolsOnCloseContext as t, render as u, createComponent as v, lazy as w, createRenderEffect as x, createEffect as y }; | ||
| //# sourceMappingURL=context-D56_tqst.js.map |
Sorry, the diff of this file is too big to display
| //#region ../../node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/solid.js | ||
| var sharedConfig = { | ||
| context: void 0, | ||
| registry: void 0, | ||
| effects: void 0, | ||
| done: false, | ||
| getContextId() { | ||
| return getContextId(this.context.count); | ||
| }, | ||
| getNextContextId() { | ||
| return getContextId(this.context.count++); | ||
| } | ||
| }; | ||
| function getContextId(count) { | ||
| const num = String(count), len = num.length - 1; | ||
| return sharedConfig.context.id + (len ? String.fromCharCode(96 + len) : "") + num; | ||
| } | ||
| function setHydrateContext(context) { | ||
| sharedConfig.context = context; | ||
| } | ||
| function nextHydrateContext() { | ||
| return { | ||
| ...sharedConfig.context, | ||
| id: sharedConfig.getNextContextId(), | ||
| count: 0 | ||
| }; | ||
| } | ||
| var equalFn = (a, b) => a === b; | ||
| var $PROXY = Symbol("solid-proxy"); | ||
| var SUPPORTS_PROXY = typeof Proxy === "function"; | ||
| var $TRACK = Symbol("solid-track"); | ||
| var signalOptions = { equals: equalFn }; | ||
| var ERROR = null; | ||
| var runEffects = runQueue; | ||
| var STALE = 1; | ||
| var PENDING = 2; | ||
| var UNOWNED = { | ||
| owned: null, | ||
| cleanups: null, | ||
| context: null, | ||
| owner: null | ||
| }; | ||
| var NO_INIT = {}; | ||
| var Owner = null; | ||
| var Transition = null; | ||
| var Scheduler = null; | ||
| var ExternalSourceConfig = null; | ||
| var Listener = null; | ||
| var Updates = null; | ||
| var Effects = null; | ||
| var ExecCount = 0; | ||
| function createRoot(fn, detachedOwner) { | ||
| const listener = Listener, owner = Owner, unowned = fn.length === 0, current = detachedOwner === void 0 ? owner : detachedOwner, root = unowned ? UNOWNED : { | ||
| owned: null, | ||
| cleanups: null, | ||
| context: current ? current.context : null, | ||
| owner: current | ||
| }, updateFn = unowned ? fn : () => fn(() => untrack(() => cleanNode(root))); | ||
| Owner = root; | ||
| Listener = null; | ||
| try { | ||
| return runUpdates(updateFn, true); | ||
| } finally { | ||
| Listener = listener; | ||
| Owner = owner; | ||
| } | ||
| } | ||
| function createSignal(value, options) { | ||
| options = options ? Object.assign({}, signalOptions, options) : signalOptions; | ||
| const s = { | ||
| value, | ||
| observers: null, | ||
| observerSlots: null, | ||
| comparator: options.equals || void 0 | ||
| }; | ||
| const setter = (value) => { | ||
| if (typeof value === "function") if (Transition && Transition.running && Transition.sources.has(s)) value = value(s.tValue); | ||
| else value = value(s.value); | ||
| return writeSignal(s, value); | ||
| }; | ||
| return [readSignal.bind(s), setter]; | ||
| } | ||
| function createComputed(fn, value, options) { | ||
| const c = createComputation(fn, value, true, STALE); | ||
| if (Scheduler && Transition && Transition.running) Updates.push(c); | ||
| else updateComputation(c); | ||
| } | ||
| function createRenderEffect(fn, value, options) { | ||
| const c = createComputation(fn, value, false, STALE); | ||
| if (Scheduler && Transition && Transition.running) Updates.push(c); | ||
| else updateComputation(c); | ||
| } | ||
| function createEffect(fn, value, options) { | ||
| runEffects = runUserEffects; | ||
| const c = createComputation(fn, value, false, STALE), s = SuspenseContext && useContext(SuspenseContext); | ||
| if (s) c.suspense = s; | ||
| if (!options || !options.render) c.user = true; | ||
| Effects ? Effects.push(c) : updateComputation(c); | ||
| } | ||
| function createMemo(fn, value, options) { | ||
| options = options ? Object.assign({}, signalOptions, options) : signalOptions; | ||
| const c = createComputation(fn, value, true, 0); | ||
| c.observers = null; | ||
| c.observerSlots = null; | ||
| c.comparator = options.equals || void 0; | ||
| if (Scheduler && Transition && Transition.running) { | ||
| c.tState = STALE; | ||
| Updates.push(c); | ||
| } else updateComputation(c); | ||
| return readSignal.bind(c); | ||
| } | ||
| function isPromise(v) { | ||
| return v && typeof v === "object" && "then" in v; | ||
| } | ||
| function createResource(pSource, pFetcher, pOptions) { | ||
| let source; | ||
| let fetcher; | ||
| let options; | ||
| if (typeof pFetcher === "function") { | ||
| source = pSource; | ||
| fetcher = pFetcher; | ||
| options = pOptions || {}; | ||
| } else { | ||
| source = true; | ||
| fetcher = pSource; | ||
| options = pFetcher || {}; | ||
| } | ||
| let pr = null, initP = NO_INIT, id = null, loadedUnderTransition = false, scheduled = false, resolved = "initialValue" in options, dynamic = typeof source === "function" && createMemo(source); | ||
| const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error, setError] = createSignal(void 0), [track, trigger] = createSignal(void 0, { equals: false }), [state, setState] = createSignal(resolved ? "ready" : "unresolved"); | ||
| if (sharedConfig.context) { | ||
| id = sharedConfig.getNextContextId(); | ||
| if (options.ssrLoadFrom === "initial") initP = options.initialValue; | ||
| else if (sharedConfig.load && sharedConfig.has(id)) initP = sharedConfig.load(id); | ||
| } | ||
| function loadEnd(p, v, error, key) { | ||
| if (pr === p) { | ||
| pr = null; | ||
| key !== void 0 && (resolved = true); | ||
| if ((p === initP || v === initP) && options.onHydrated) queueMicrotask(() => options.onHydrated(key, { value: v })); | ||
| initP = NO_INIT; | ||
| if (Transition && p && loadedUnderTransition) { | ||
| Transition.promises.delete(p); | ||
| loadedUnderTransition = false; | ||
| runUpdates(() => { | ||
| Transition.running = true; | ||
| completeLoad(v, error); | ||
| }, false); | ||
| } else completeLoad(v, error); | ||
| } | ||
| return v; | ||
| } | ||
| function completeLoad(v, err) { | ||
| runUpdates(() => { | ||
| if (err === void 0) setValue(() => v); | ||
| setState(err !== void 0 ? "errored" : resolved ? "ready" : "unresolved"); | ||
| setError(err); | ||
| for (const c of contexts.keys()) c.decrement(); | ||
| contexts.clear(); | ||
| }, false); | ||
| } | ||
| function read() { | ||
| const c = SuspenseContext && useContext(SuspenseContext), v = value(), err = error(); | ||
| if (err !== void 0 && !pr) throw err; | ||
| if (Listener && !Listener.user && c) createComputed(() => { | ||
| track(); | ||
| if (pr) { | ||
| if (c.resolved && Transition && loadedUnderTransition) Transition.promises.add(pr); | ||
| else if (!contexts.has(c)) { | ||
| c.increment(); | ||
| contexts.add(c); | ||
| } | ||
| } | ||
| }); | ||
| return v; | ||
| } | ||
| function load(refetching = true) { | ||
| if (refetching !== false && scheduled) return; | ||
| scheduled = false; | ||
| const lookup = dynamic ? dynamic() : source; | ||
| loadedUnderTransition = Transition && Transition.running; | ||
| if (lookup == null || lookup === false) { | ||
| loadEnd(pr, untrack(value)); | ||
| return; | ||
| } | ||
| if (Transition && pr) Transition.promises.delete(pr); | ||
| let error; | ||
| const p = initP !== NO_INIT ? initP : untrack(() => { | ||
| try { | ||
| return fetcher(lookup, { | ||
| value: value(), | ||
| refetching | ||
| }); | ||
| } catch (fetcherError) { | ||
| error = fetcherError; | ||
| } | ||
| }); | ||
| if (error !== void 0) { | ||
| loadEnd(pr, void 0, castError(error), lookup); | ||
| return; | ||
| } else if (!isPromise(p)) { | ||
| loadEnd(pr, p, void 0, lookup); | ||
| return p; | ||
| } | ||
| pr = p; | ||
| if ("v" in p) { | ||
| if (p.s === 1) loadEnd(pr, p.v, void 0, lookup); | ||
| else loadEnd(pr, void 0, castError(p.v), lookup); | ||
| return p; | ||
| } | ||
| scheduled = true; | ||
| queueMicrotask(() => scheduled = false); | ||
| runUpdates(() => { | ||
| setState(resolved ? "refreshing" : "pending"); | ||
| trigger(); | ||
| }, false); | ||
| return p.then((v) => loadEnd(p, v, void 0, lookup), (e) => loadEnd(p, void 0, castError(e), lookup)); | ||
| } | ||
| Object.defineProperties(read, { | ||
| state: { get: () => state() }, | ||
| error: { get: () => error() }, | ||
| loading: { get() { | ||
| const s = state(); | ||
| return s === "pending" || s === "refreshing"; | ||
| } }, | ||
| latest: { get() { | ||
| if (!resolved) return read(); | ||
| const err = error(); | ||
| if (err && !pr) throw err; | ||
| return value(); | ||
| } } | ||
| }); | ||
| let owner = Owner; | ||
| if (dynamic) createComputed(() => (owner = Owner, load(false))); | ||
| else load(false); | ||
| return [read, { | ||
| refetch: (info) => runWithOwner(owner, () => load(info)), | ||
| mutate: setValue | ||
| }]; | ||
| } | ||
| function untrack(fn) { | ||
| if (!ExternalSourceConfig && Listener === null) return fn(); | ||
| const listener = Listener; | ||
| Listener = null; | ||
| try { | ||
| if (ExternalSourceConfig) return ExternalSourceConfig.untrack(fn); | ||
| return fn(); | ||
| } finally { | ||
| Listener = listener; | ||
| } | ||
| } | ||
| function onCleanup(fn) { | ||
| if (Owner === null); | ||
| else if (Owner.cleanups === null) Owner.cleanups = [fn]; | ||
| else Owner.cleanups.push(fn); | ||
| return fn; | ||
| } | ||
| function runWithOwner(o, fn) { | ||
| const prev = Owner; | ||
| const prevListener = Listener; | ||
| Owner = o; | ||
| Listener = null; | ||
| try { | ||
| return runUpdates(fn, true); | ||
| } catch (err) { | ||
| handleError(err); | ||
| } finally { | ||
| Owner = prev; | ||
| Listener = prevListener; | ||
| } | ||
| } | ||
| function startTransition(fn) { | ||
| if (Transition && Transition.running) { | ||
| fn(); | ||
| return Transition.done; | ||
| } | ||
| const l = Listener; | ||
| const o = Owner; | ||
| return Promise.resolve().then(() => { | ||
| Listener = l; | ||
| Owner = o; | ||
| let t; | ||
| if (Scheduler || SuspenseContext) { | ||
| t = Transition || (Transition = { | ||
| sources: /* @__PURE__ */ new Set(), | ||
| effects: [], | ||
| promises: /* @__PURE__ */ new Set(), | ||
| disposed: /* @__PURE__ */ new Set(), | ||
| queue: /* @__PURE__ */ new Set(), | ||
| running: true | ||
| }); | ||
| t.done || (t.done = new Promise((res) => t.resolve = res)); | ||
| t.running = true; | ||
| } | ||
| runUpdates(fn, false); | ||
| Listener = Owner = null; | ||
| return t ? t.done : void 0; | ||
| }); | ||
| } | ||
| var [transPending, setTransPending] = /* @__PURE__ */ createSignal(false); | ||
| function createContext(defaultValue, options) { | ||
| const id = Symbol("context"); | ||
| return { | ||
| id, | ||
| Provider: createProvider(id), | ||
| defaultValue | ||
| }; | ||
| } | ||
| function useContext(context) { | ||
| let value; | ||
| return Owner && Owner.context && (value = Owner.context[context.id]) !== void 0 ? value : context.defaultValue; | ||
| } | ||
| function children(fn) { | ||
| const children = createMemo(fn); | ||
| const memo = createMemo(() => resolveChildren(children())); | ||
| memo.toArray = () => { | ||
| const c = memo(); | ||
| return Array.isArray(c) ? c : c != null ? [c] : []; | ||
| }; | ||
| return memo; | ||
| } | ||
| var SuspenseContext; | ||
| function readSignal() { | ||
| const runningTransition = Transition && Transition.running; | ||
| if (this.sources && (runningTransition ? this.tState : this.state)) if ((runningTransition ? this.tState : this.state) === STALE) updateComputation(this); | ||
| else { | ||
| const updates = Updates; | ||
| Updates = null; | ||
| runUpdates(() => lookUpstream(this), false); | ||
| Updates = updates; | ||
| } | ||
| if (Listener) { | ||
| const sSlot = this.observers ? this.observers.length : 0; | ||
| if (!Listener.sources) { | ||
| Listener.sources = [this]; | ||
| Listener.sourceSlots = [sSlot]; | ||
| } else { | ||
| Listener.sources.push(this); | ||
| Listener.sourceSlots.push(sSlot); | ||
| } | ||
| if (!this.observers) { | ||
| this.observers = [Listener]; | ||
| this.observerSlots = [Listener.sources.length - 1]; | ||
| } else { | ||
| this.observers.push(Listener); | ||
| this.observerSlots.push(Listener.sources.length - 1); | ||
| } | ||
| } | ||
| if (runningTransition && Transition.sources.has(this)) return this.tValue; | ||
| return this.value; | ||
| } | ||
| function writeSignal(node, value, isComp) { | ||
| let current = Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value; | ||
| if (!node.comparator || !node.comparator(current, value)) { | ||
| if (Transition) { | ||
| const TransitionRunning = Transition.running; | ||
| if (TransitionRunning || !isComp && Transition.sources.has(node)) { | ||
| Transition.sources.add(node); | ||
| node.tValue = value; | ||
| } | ||
| if (!TransitionRunning) node.value = value; | ||
| } else node.value = value; | ||
| if (node.observers && node.observers.length) runUpdates(() => { | ||
| for (let i = 0; i < node.observers.length; i += 1) { | ||
| const o = node.observers[i]; | ||
| const TransitionRunning = Transition && Transition.running; | ||
| if (TransitionRunning && Transition.disposed.has(o)) continue; | ||
| if (TransitionRunning ? !o.tState : !o.state) { | ||
| if (o.pure) Updates.push(o); | ||
| else Effects.push(o); | ||
| if (o.observers) markDownstream(o); | ||
| } | ||
| if (!TransitionRunning) o.state = STALE; | ||
| else o.tState = STALE; | ||
| } | ||
| if (Updates.length > 1e6) { | ||
| Updates = []; | ||
| throw new Error(); | ||
| } | ||
| }, false); | ||
| } | ||
| return value; | ||
| } | ||
| function updateComputation(node) { | ||
| if (!node.fn) return; | ||
| cleanNode(node); | ||
| const time = ExecCount; | ||
| runComputation(node, Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value, time); | ||
| if (Transition && !Transition.running && Transition.sources.has(node)) queueMicrotask(() => { | ||
| runUpdates(() => { | ||
| Transition && (Transition.running = true); | ||
| Listener = Owner = node; | ||
| runComputation(node, node.tValue, time); | ||
| Listener = Owner = null; | ||
| }, false); | ||
| }); | ||
| } | ||
| function runComputation(node, value, time) { | ||
| let nextValue; | ||
| const owner = Owner, listener = Listener; | ||
| Listener = Owner = node; | ||
| try { | ||
| nextValue = node.fn(value); | ||
| } catch (err) { | ||
| if (node.pure) if (Transition && Transition.running) { | ||
| node.tState = STALE; | ||
| node.tOwned && node.tOwned.forEach(cleanNode); | ||
| node.tOwned = void 0; | ||
| } else { | ||
| node.state = STALE; | ||
| node.owned && node.owned.forEach(cleanNode); | ||
| node.owned = null; | ||
| } | ||
| node.updatedAt = time + 1; | ||
| return handleError(err); | ||
| } finally { | ||
| Listener = listener; | ||
| Owner = owner; | ||
| } | ||
| if (!node.updatedAt || node.updatedAt <= time) { | ||
| if (node.updatedAt != null && "observers" in node) writeSignal(node, nextValue, true); | ||
| else if (Transition && Transition.running && node.pure) { | ||
| Transition.sources.add(node); | ||
| node.tValue = nextValue; | ||
| } else node.value = nextValue; | ||
| node.updatedAt = time; | ||
| } | ||
| } | ||
| function createComputation(fn, init, pure, state = STALE, options) { | ||
| const c = { | ||
| fn, | ||
| state, | ||
| updatedAt: null, | ||
| owned: null, | ||
| sources: null, | ||
| sourceSlots: null, | ||
| cleanups: null, | ||
| value: init, | ||
| owner: Owner, | ||
| context: Owner ? Owner.context : null, | ||
| pure | ||
| }; | ||
| if (Transition && Transition.running) { | ||
| c.state = 0; | ||
| c.tState = state; | ||
| } | ||
| if (Owner === null); | ||
| else if (Owner !== UNOWNED) if (Transition && Transition.running && Owner.pure) if (!Owner.tOwned) Owner.tOwned = [c]; | ||
| else Owner.tOwned.push(c); | ||
| else if (!Owner.owned) Owner.owned = [c]; | ||
| else Owner.owned.push(c); | ||
| if (ExternalSourceConfig && c.fn) { | ||
| const [track, trigger] = createSignal(void 0, { equals: false }); | ||
| const ordinary = ExternalSourceConfig.factory(c.fn, trigger); | ||
| onCleanup(() => ordinary.dispose()); | ||
| const triggerInTransition = () => startTransition(trigger).then(() => inTransition.dispose()); | ||
| const inTransition = ExternalSourceConfig.factory(c.fn, triggerInTransition); | ||
| c.fn = (x) => { | ||
| track(); | ||
| return Transition && Transition.running ? inTransition.track(x) : ordinary.track(x); | ||
| }; | ||
| } | ||
| return c; | ||
| } | ||
| function runTop(node) { | ||
| const runningTransition = Transition && Transition.running; | ||
| if ((runningTransition ? node.tState : node.state) === 0) return; | ||
| if ((runningTransition ? node.tState : node.state) === PENDING) return lookUpstream(node); | ||
| if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node); | ||
| const ancestors = [node]; | ||
| while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) { | ||
| if (runningTransition && Transition.disposed.has(node)) return; | ||
| if (runningTransition ? node.tState : node.state) ancestors.push(node); | ||
| } | ||
| for (let i = ancestors.length - 1; i >= 0; i--) { | ||
| node = ancestors[i]; | ||
| if (runningTransition) { | ||
| let top = node, prev = ancestors[i + 1]; | ||
| while ((top = top.owner) && top !== prev) if (Transition.disposed.has(top)) return; | ||
| } | ||
| if ((runningTransition ? node.tState : node.state) === STALE) updateComputation(node); | ||
| else if ((runningTransition ? node.tState : node.state) === PENDING) { | ||
| const updates = Updates; | ||
| Updates = null; | ||
| runUpdates(() => lookUpstream(node, ancestors[0]), false); | ||
| Updates = updates; | ||
| } | ||
| } | ||
| } | ||
| function runUpdates(fn, init) { | ||
| if (Updates) return fn(); | ||
| let wait = false; | ||
| if (!init) Updates = []; | ||
| if (Effects) wait = true; | ||
| else Effects = []; | ||
| ExecCount++; | ||
| try { | ||
| const res = fn(); | ||
| completeUpdates(wait); | ||
| return res; | ||
| } catch (err) { | ||
| if (!wait) Effects = null; | ||
| Updates = null; | ||
| handleError(err); | ||
| } | ||
| } | ||
| function completeUpdates(wait) { | ||
| if (Updates) { | ||
| if (Scheduler && Transition && Transition.running) scheduleQueue(Updates); | ||
| else runQueue(Updates); | ||
| Updates = null; | ||
| } | ||
| if (wait) return; | ||
| let res; | ||
| if (Transition) { | ||
| if (!Transition.promises.size && !Transition.queue.size) { | ||
| const sources = Transition.sources; | ||
| const disposed = Transition.disposed; | ||
| Effects.push.apply(Effects, Transition.effects); | ||
| res = Transition.resolve; | ||
| for (const e of Effects) { | ||
| "tState" in e && (e.state = e.tState); | ||
| delete e.tState; | ||
| } | ||
| Transition = null; | ||
| runUpdates(() => { | ||
| for (const d of disposed) cleanNode(d); | ||
| for (const v of sources) { | ||
| v.value = v.tValue; | ||
| if (v.owned) for (let i = 0, len = v.owned.length; i < len; i++) cleanNode(v.owned[i]); | ||
| if (v.tOwned) v.owned = v.tOwned; | ||
| delete v.tValue; | ||
| delete v.tOwned; | ||
| v.tState = 0; | ||
| } | ||
| setTransPending(false); | ||
| }, false); | ||
| } else if (Transition.running) { | ||
| Transition.running = false; | ||
| Transition.effects.push.apply(Transition.effects, Effects); | ||
| Effects = null; | ||
| setTransPending(true); | ||
| return; | ||
| } | ||
| } | ||
| const e = Effects; | ||
| Effects = null; | ||
| if (e.length) runUpdates(() => runEffects(e), false); | ||
| if (res) res(); | ||
| } | ||
| function runQueue(queue) { | ||
| for (let i = 0; i < queue.length; i++) runTop(queue[i]); | ||
| } | ||
| function scheduleQueue(queue) { | ||
| for (let i = 0; i < queue.length; i++) { | ||
| const item = queue[i]; | ||
| const tasks = Transition.queue; | ||
| if (!tasks.has(item)) { | ||
| tasks.add(item); | ||
| Scheduler(() => { | ||
| tasks.delete(item); | ||
| runUpdates(() => { | ||
| Transition.running = true; | ||
| runTop(item); | ||
| }, false); | ||
| Transition && (Transition.running = false); | ||
| }); | ||
| } | ||
| } | ||
| } | ||
| function runUserEffects(queue) { | ||
| let i, userLength = 0; | ||
| for (i = 0; i < queue.length; i++) { | ||
| const e = queue[i]; | ||
| if (!e.user) runTop(e); | ||
| else queue[userLength++] = e; | ||
| } | ||
| if (sharedConfig.context) { | ||
| if (sharedConfig.count) { | ||
| sharedConfig.effects || (sharedConfig.effects = []); | ||
| sharedConfig.effects.push(...queue.slice(0, userLength)); | ||
| return; | ||
| } | ||
| setHydrateContext(); | ||
| } | ||
| if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) { | ||
| queue = [...sharedConfig.effects, ...queue]; | ||
| userLength += sharedConfig.effects.length; | ||
| delete sharedConfig.effects; | ||
| } | ||
| for (i = 0; i < userLength; i++) runTop(queue[i]); | ||
| } | ||
| function lookUpstream(node, ignore) { | ||
| const runningTransition = Transition && Transition.running; | ||
| if (runningTransition) node.tState = 0; | ||
| else node.state = 0; | ||
| for (let i = 0; i < node.sources.length; i += 1) { | ||
| const source = node.sources[i]; | ||
| if (source.sources) { | ||
| const state = runningTransition ? source.tState : source.state; | ||
| if (state === STALE) { | ||
| if (source !== ignore && (!source.updatedAt || source.updatedAt < ExecCount)) runTop(source); | ||
| } else if (state === PENDING) lookUpstream(source, ignore); | ||
| } | ||
| } | ||
| } | ||
| function markDownstream(node) { | ||
| const runningTransition = Transition && Transition.running; | ||
| for (let i = 0; i < node.observers.length; i += 1) { | ||
| const o = node.observers[i]; | ||
| if (runningTransition ? !o.tState : !o.state) { | ||
| if (runningTransition) o.tState = PENDING; | ||
| else o.state = PENDING; | ||
| if (o.pure) Updates.push(o); | ||
| else Effects.push(o); | ||
| o.observers && markDownstream(o); | ||
| } | ||
| } | ||
| } | ||
| function cleanNode(node) { | ||
| let i; | ||
| if (node.sources) while (node.sources.length) { | ||
| const source = node.sources.pop(), index = node.sourceSlots.pop(), obs = source.observers; | ||
| if (obs && obs.length) { | ||
| const n = obs.pop(), s = source.observerSlots.pop(); | ||
| if (index < obs.length) { | ||
| n.sourceSlots[s] = index; | ||
| obs[index] = n; | ||
| source.observerSlots[index] = s; | ||
| } | ||
| } | ||
| } | ||
| if (node.tOwned) { | ||
| for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]); | ||
| delete node.tOwned; | ||
| } | ||
| if (Transition && Transition.running && node.pure) reset(node, true); | ||
| else if (node.owned) { | ||
| for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]); | ||
| node.owned = null; | ||
| } | ||
| if (node.cleanups) { | ||
| for (i = node.cleanups.length - 1; i >= 0; i--) node.cleanups[i](); | ||
| node.cleanups = null; | ||
| } | ||
| if (Transition && Transition.running) node.tState = 0; | ||
| else node.state = 0; | ||
| } | ||
| function reset(node, top) { | ||
| if (!top) { | ||
| node.tState = 0; | ||
| Transition.disposed.add(node); | ||
| } | ||
| if (node.owned) for (let i = 0; i < node.owned.length; i++) reset(node.owned[i]); | ||
| } | ||
| function castError(err) { | ||
| if (err instanceof Error) return err; | ||
| return new Error(typeof err === "string" ? err : "Unknown error", { cause: err }); | ||
| } | ||
| function runErrors(err, fns, owner) { | ||
| try { | ||
| for (const f of fns) f(err); | ||
| } catch (e) { | ||
| handleError(e, owner && owner.owner || null); | ||
| } | ||
| } | ||
| function handleError(err, owner = Owner) { | ||
| const fns = ERROR && owner && owner.context && owner.context[ERROR]; | ||
| const error = castError(err); | ||
| if (!fns) throw error; | ||
| if (Effects) Effects.push({ | ||
| fn() { | ||
| runErrors(error, fns, owner); | ||
| }, | ||
| state: STALE | ||
| }); | ||
| else runErrors(error, fns, owner); | ||
| } | ||
| function resolveChildren(children) { | ||
| if (typeof children === "function" && !children.length) return resolveChildren(children()); | ||
| if (Array.isArray(children)) { | ||
| const results = []; | ||
| for (let i = 0; i < children.length; i++) { | ||
| const result = resolveChildren(children[i]); | ||
| Array.isArray(result) ? results.push.apply(results, result) : results.push(result); | ||
| } | ||
| return results; | ||
| } | ||
| return children; | ||
| } | ||
| function createProvider(id, options) { | ||
| return function provider(props) { | ||
| let res; | ||
| createRenderEffect(() => res = untrack(() => { | ||
| Owner.context = { | ||
| ...Owner.context, | ||
| [id]: props.value | ||
| }; | ||
| return children(() => props.children); | ||
| }), void 0); | ||
| return res; | ||
| }; | ||
| } | ||
| var FALLBACK = Symbol("fallback"); | ||
| function dispose(d) { | ||
| for (let i = 0; i < d.length; i++) d[i](); | ||
| } | ||
| function mapArray(list, mapFn, options = {}) { | ||
| let items = [], mapped = [], disposers = [], len = 0, indexes = mapFn.length > 1 ? [] : null; | ||
| onCleanup(() => dispose(disposers)); | ||
| return () => { | ||
| let newItems = list() || [], newLen = newItems.length, i, j; | ||
| newItems[$TRACK]; | ||
| return untrack(() => { | ||
| let newIndices, newIndicesNext, temp, tempdisposers, tempIndexes, start, end, newEnd, item; | ||
| if (newLen === 0) { | ||
| if (len !== 0) { | ||
| dispose(disposers); | ||
| disposers = []; | ||
| items = []; | ||
| mapped = []; | ||
| len = 0; | ||
| indexes && (indexes = []); | ||
| } | ||
| if (options.fallback) { | ||
| items = [FALLBACK]; | ||
| mapped[0] = createRoot((disposer) => { | ||
| disposers[0] = disposer; | ||
| return options.fallback(); | ||
| }); | ||
| len = 1; | ||
| } | ||
| } else if (len === 0) { | ||
| mapped = new Array(newLen); | ||
| for (j = 0; j < newLen; j++) { | ||
| items[j] = newItems[j]; | ||
| mapped[j] = createRoot(mapper); | ||
| } | ||
| len = newLen; | ||
| } else { | ||
| temp = new Array(newLen); | ||
| tempdisposers = new Array(newLen); | ||
| indexes && (tempIndexes = new Array(newLen)); | ||
| for (start = 0, end = Math.min(len, newLen); start < end && items[start] === newItems[start]; start++); | ||
| for (end = len - 1, newEnd = newLen - 1; end >= start && newEnd >= start && items[end] === newItems[newEnd]; end--, newEnd--) { | ||
| temp[newEnd] = mapped[end]; | ||
| tempdisposers[newEnd] = disposers[end]; | ||
| indexes && (tempIndexes[newEnd] = indexes[end]); | ||
| } | ||
| newIndices = /* @__PURE__ */ new Map(); | ||
| newIndicesNext = new Array(newEnd + 1); | ||
| for (j = newEnd; j >= start; j--) { | ||
| item = newItems[j]; | ||
| i = newIndices.get(item); | ||
| newIndicesNext[j] = i === void 0 ? -1 : i; | ||
| newIndices.set(item, j); | ||
| } | ||
| for (i = start; i <= end; i++) { | ||
| item = items[i]; | ||
| j = newIndices.get(item); | ||
| if (j !== void 0 && j !== -1) { | ||
| temp[j] = mapped[i]; | ||
| tempdisposers[j] = disposers[i]; | ||
| indexes && (tempIndexes[j] = indexes[i]); | ||
| j = newIndicesNext[j]; | ||
| newIndices.set(item, j); | ||
| } else disposers[i](); | ||
| } | ||
| for (j = start; j < newLen; j++) if (j in temp) { | ||
| mapped[j] = temp[j]; | ||
| disposers[j] = tempdisposers[j]; | ||
| if (indexes) { | ||
| indexes[j] = tempIndexes[j]; | ||
| indexes[j](j); | ||
| } | ||
| } else mapped[j] = createRoot(mapper); | ||
| mapped = mapped.slice(0, len = newLen); | ||
| items = newItems.slice(0); | ||
| } | ||
| return mapped; | ||
| }); | ||
| function mapper(disposer) { | ||
| disposers[j] = disposer; | ||
| if (indexes) { | ||
| const [s, set] = createSignal(j); | ||
| indexes[j] = set; | ||
| return mapFn(newItems[j], s); | ||
| } | ||
| return mapFn(newItems[j]); | ||
| } | ||
| }; | ||
| } | ||
| var hydrationEnabled = false; | ||
| function createComponent(Comp, props) { | ||
| if (hydrationEnabled) { | ||
| if (sharedConfig.context) { | ||
| const c = sharedConfig.context; | ||
| setHydrateContext(nextHydrateContext()); | ||
| const r = untrack(() => Comp(props || {})); | ||
| setHydrateContext(c); | ||
| return r; | ||
| } | ||
| } | ||
| return untrack(() => Comp(props || {})); | ||
| } | ||
| function trueFn() { | ||
| return true; | ||
| } | ||
| var propTraps = { | ||
| get(_, property, receiver) { | ||
| if (property === $PROXY) return receiver; | ||
| return _.get(property); | ||
| }, | ||
| has(_, property) { | ||
| if (property === $PROXY) return true; | ||
| return _.has(property); | ||
| }, | ||
| set: trueFn, | ||
| deleteProperty: trueFn, | ||
| getOwnPropertyDescriptor(_, property) { | ||
| return { | ||
| configurable: true, | ||
| enumerable: true, | ||
| get() { | ||
| return _.get(property); | ||
| }, | ||
| set: trueFn, | ||
| deleteProperty: trueFn | ||
| }; | ||
| }, | ||
| ownKeys(_) { | ||
| return _.keys(); | ||
| } | ||
| }; | ||
| function resolveSource(s) { | ||
| return !(s = typeof s === "function" ? s() : s) ? {} : s; | ||
| } | ||
| function resolveSources() { | ||
| for (let i = 0, length = this.length; i < length; ++i) { | ||
| const v = this[i](); | ||
| if (v !== void 0) return v; | ||
| } | ||
| } | ||
| function mergeProps(...sources) { | ||
| let proxy = false; | ||
| for (let i = 0; i < sources.length; i++) { | ||
| const s = sources[i]; | ||
| proxy = proxy || !!s && $PROXY in s; | ||
| sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s; | ||
| } | ||
| if (SUPPORTS_PROXY && proxy) return new Proxy({ | ||
| get(property) { | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| const v = resolveSource(sources[i])[property]; | ||
| if (v !== void 0) return v; | ||
| } | ||
| }, | ||
| has(property) { | ||
| for (let i = sources.length - 1; i >= 0; i--) if (property in resolveSource(sources[i])) return true; | ||
| return false; | ||
| }, | ||
| keys() { | ||
| const keys = []; | ||
| for (let i = 0; i < sources.length; i++) keys.push(...Object.keys(resolveSource(sources[i]))); | ||
| return [...new Set(keys)]; | ||
| } | ||
| }, propTraps); | ||
| const sourcesMap = {}; | ||
| const defined = Object.create(null); | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| const source = sources[i]; | ||
| if (!source) continue; | ||
| const sourceKeys = Object.getOwnPropertyNames(source); | ||
| for (let i = sourceKeys.length - 1; i >= 0; i--) { | ||
| const key = sourceKeys[i]; | ||
| if (key === "__proto__" || key === "constructor") continue; | ||
| const desc = Object.getOwnPropertyDescriptor(source, key); | ||
| if (!defined[key]) defined[key] = desc.get ? { | ||
| enumerable: true, | ||
| configurable: true, | ||
| get: resolveSources.bind(sourcesMap[key] = [desc.get.bind(source)]) | ||
| } : desc.value !== void 0 ? desc : void 0; | ||
| else { | ||
| const sources = sourcesMap[key]; | ||
| if (sources) { | ||
| if (desc.get) sources.push(desc.get.bind(source)); | ||
| else if (desc.value !== void 0) sources.push(() => desc.value); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| const target = {}; | ||
| const definedKeys = Object.keys(defined); | ||
| for (let i = definedKeys.length - 1; i >= 0; i--) { | ||
| const key = definedKeys[i], desc = defined[key]; | ||
| if (desc && desc.get) Object.defineProperty(target, key, desc); | ||
| else target[key] = desc ? desc.value : void 0; | ||
| } | ||
| return target; | ||
| } | ||
| function splitProps(props, ...keys) { | ||
| const len = keys.length; | ||
| if (SUPPORTS_PROXY && $PROXY in props) { | ||
| const blocked = len > 1 ? keys.flat() : keys[0]; | ||
| const res = keys.map((k) => { | ||
| return new Proxy({ | ||
| get(property) { | ||
| return k.includes(property) ? props[property] : void 0; | ||
| }, | ||
| has(property) { | ||
| return k.includes(property) && property in props; | ||
| }, | ||
| keys() { | ||
| return k.filter((property) => property in props); | ||
| } | ||
| }, propTraps); | ||
| }); | ||
| res.push(new Proxy({ | ||
| get(property) { | ||
| return blocked.includes(property) ? void 0 : props[property]; | ||
| }, | ||
| has(property) { | ||
| return blocked.includes(property) ? false : property in props; | ||
| }, | ||
| keys() { | ||
| return Object.keys(props).filter((k) => !blocked.includes(k)); | ||
| } | ||
| }, propTraps)); | ||
| return res; | ||
| } | ||
| const objects = []; | ||
| for (let i = 0; i <= len; i++) objects[i] = {}; | ||
| for (const propName of Object.getOwnPropertyNames(props)) { | ||
| let keyIndex = len; | ||
| for (let i = 0; i < keys.length; i++) if (keys[i].includes(propName)) { | ||
| keyIndex = i; | ||
| break; | ||
| } | ||
| const desc = Object.getOwnPropertyDescriptor(props, propName); | ||
| !desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable ? objects[keyIndex][propName] = desc.value : Object.defineProperty(objects[keyIndex], propName, desc); | ||
| } | ||
| return objects; | ||
| } | ||
| function lazy(fn) { | ||
| let comp; | ||
| let p; | ||
| const wrap = (props) => { | ||
| const ctx = sharedConfig.context; | ||
| if (ctx) { | ||
| const [s, set] = createSignal(); | ||
| sharedConfig.count || (sharedConfig.count = 0); | ||
| sharedConfig.count++; | ||
| (p || (p = fn())).then((mod) => { | ||
| !sharedConfig.done && setHydrateContext(ctx); | ||
| sharedConfig.count--; | ||
| set(() => mod.default); | ||
| setHydrateContext(); | ||
| }); | ||
| comp = s; | ||
| } else if (!comp) { | ||
| const [s] = createResource(() => (p || (p = fn())).then((mod) => mod.default)); | ||
| comp = s; | ||
| } | ||
| let Comp; | ||
| return createMemo(() => (Comp = comp()) ? untrack(() => { | ||
| if (!ctx || sharedConfig.done) return Comp(props); | ||
| const c = sharedConfig.context; | ||
| setHydrateContext(ctx); | ||
| const r = Comp(props); | ||
| setHydrateContext(c); | ||
| return r; | ||
| }) : ""); | ||
| }; | ||
| wrap.preload = () => p || ((p = fn()).then((mod) => comp = () => mod.default), p); | ||
| return wrap; | ||
| } | ||
| var counter = 0; | ||
| function createUniqueId() { | ||
| return sharedConfig.context ? sharedConfig.getNextContextId() : `cl-${counter++}`; | ||
| } | ||
| var narrowedError = (name) => `Stale read from <${name}>.`; | ||
| function For(props) { | ||
| const fallback = "fallback" in props && { fallback: () => props.fallback }; | ||
| return createMemo(mapArray(() => props.each, props.children, fallback || void 0)); | ||
| } | ||
| function Show(props) { | ||
| const keyed = props.keyed; | ||
| const conditionValue = createMemo(() => props.when, void 0, void 0); | ||
| const condition = keyed ? conditionValue : createMemo(conditionValue, void 0, { equals: (a, b) => !a === !b }); | ||
| return createMemo(() => { | ||
| const c = condition(); | ||
| if (c) { | ||
| const child = props.children; | ||
| return typeof child === "function" && child.length > 0 ? untrack(() => child(keyed ? c : () => { | ||
| if (!untrack(condition)) throw narrowedError("Show"); | ||
| return conditionValue(); | ||
| })) : child; | ||
| } | ||
| return props.fallback; | ||
| }, void 0, void 0); | ||
| } | ||
| function Switch(props) { | ||
| const chs = children(() => props.children); | ||
| const switchFunc = createMemo(() => { | ||
| const ch = chs(); | ||
| const mps = Array.isArray(ch) ? ch : [ch]; | ||
| let func = () => void 0; | ||
| for (let i = 0; i < mps.length; i++) { | ||
| const index = i; | ||
| const mp = mps[i]; | ||
| const prevFunc = func; | ||
| const conditionValue = createMemo(() => prevFunc() ? void 0 : mp.when, void 0, void 0); | ||
| const condition = mp.keyed ? conditionValue : createMemo(conditionValue, void 0, { equals: (a, b) => !a === !b }); | ||
| func = () => prevFunc() || (condition() ? [ | ||
| index, | ||
| conditionValue, | ||
| mp | ||
| ] : void 0); | ||
| } | ||
| return func; | ||
| }); | ||
| return createMemo(() => { | ||
| const sel = switchFunc()(); | ||
| if (!sel) return props.fallback; | ||
| const [index, conditionValue, mp] = sel; | ||
| const child = mp.children; | ||
| return typeof child === "function" && child.length > 0 ? untrack(() => child(mp.keyed ? conditionValue() : () => { | ||
| if (untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match"); | ||
| return conditionValue(); | ||
| })) : child; | ||
| }, void 0, void 0); | ||
| } | ||
| function Match(props) { | ||
| return props; | ||
| } | ||
| //#endregion | ||
| //#region ../../node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/web/dist/web.js | ||
| var Properties = /* @__PURE__ */ new Set([ | ||
| "className", | ||
| "value", | ||
| "readOnly", | ||
| "noValidate", | ||
| "formNoValidate", | ||
| "isMap", | ||
| "noModule", | ||
| "playsInline", | ||
| "adAuctionHeaders", | ||
| "allowFullscreen", | ||
| "browsingTopics", | ||
| "defaultChecked", | ||
| "defaultMuted", | ||
| "defaultSelected", | ||
| "disablePictureInPicture", | ||
| "disableRemotePlayback", | ||
| "preservesPitch", | ||
| "shadowRootClonable", | ||
| "shadowRootCustomElementRegistry", | ||
| "shadowRootDelegatesFocus", | ||
| "shadowRootSerializable", | ||
| "sharedStorageWritable", | ||
| ...[ | ||
| "allowfullscreen", | ||
| "async", | ||
| "alpha", | ||
| "autofocus", | ||
| "autoplay", | ||
| "checked", | ||
| "controls", | ||
| "default", | ||
| "disabled", | ||
| "formnovalidate", | ||
| "hidden", | ||
| "indeterminate", | ||
| "inert", | ||
| "ismap", | ||
| "loop", | ||
| "multiple", | ||
| "muted", | ||
| "nomodule", | ||
| "novalidate", | ||
| "open", | ||
| "playsinline", | ||
| "readonly", | ||
| "required", | ||
| "reversed", | ||
| "seamless", | ||
| "selected", | ||
| "adauctionheaders", | ||
| "browsingtopics", | ||
| "credentialless", | ||
| "defaultchecked", | ||
| "defaultmuted", | ||
| "defaultselected", | ||
| "defer", | ||
| "disablepictureinpicture", | ||
| "disableremoteplayback", | ||
| "preservespitch", | ||
| "shadowrootclonable", | ||
| "shadowrootcustomelementregistry", | ||
| "shadowrootdelegatesfocus", | ||
| "shadowrootserializable", | ||
| "sharedstoragewritable" | ||
| ] | ||
| ]); | ||
| var ChildProperties = /* @__PURE__ */ new Set([ | ||
| "innerHTML", | ||
| "textContent", | ||
| "innerText", | ||
| "children" | ||
| ]); | ||
| var Aliases = /* @__PURE__ */ Object.assign(Object.create(null), { | ||
| className: "class", | ||
| htmlFor: "for" | ||
| }); | ||
| var PropAliases = /* @__PURE__ */ Object.assign(Object.create(null), { | ||
| class: "className", | ||
| novalidate: { | ||
| $: "noValidate", | ||
| FORM: 1 | ||
| }, | ||
| formnovalidate: { | ||
| $: "formNoValidate", | ||
| BUTTON: 1, | ||
| INPUT: 1 | ||
| }, | ||
| ismap: { | ||
| $: "isMap", | ||
| IMG: 1 | ||
| }, | ||
| nomodule: { | ||
| $: "noModule", | ||
| SCRIPT: 1 | ||
| }, | ||
| playsinline: { | ||
| $: "playsInline", | ||
| VIDEO: 1 | ||
| }, | ||
| readonly: { | ||
| $: "readOnly", | ||
| INPUT: 1, | ||
| TEXTAREA: 1 | ||
| }, | ||
| adauctionheaders: { | ||
| $: "adAuctionHeaders", | ||
| IFRAME: 1 | ||
| }, | ||
| allowfullscreen: { | ||
| $: "allowFullscreen", | ||
| IFRAME: 1 | ||
| }, | ||
| browsingtopics: { | ||
| $: "browsingTopics", | ||
| IMG: 1 | ||
| }, | ||
| defaultchecked: { | ||
| $: "defaultChecked", | ||
| INPUT: 1 | ||
| }, | ||
| defaultmuted: { | ||
| $: "defaultMuted", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| defaultselected: { | ||
| $: "defaultSelected", | ||
| OPTION: 1 | ||
| }, | ||
| disablepictureinpicture: { | ||
| $: "disablePictureInPicture", | ||
| VIDEO: 1 | ||
| }, | ||
| disableremoteplayback: { | ||
| $: "disableRemotePlayback", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| preservespitch: { | ||
| $: "preservesPitch", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| shadowrootclonable: { | ||
| $: "shadowRootClonable", | ||
| TEMPLATE: 1 | ||
| }, | ||
| shadowrootdelegatesfocus: { | ||
| $: "shadowRootDelegatesFocus", | ||
| TEMPLATE: 1 | ||
| }, | ||
| shadowrootserializable: { | ||
| $: "shadowRootSerializable", | ||
| TEMPLATE: 1 | ||
| }, | ||
| sharedstoragewritable: { | ||
| $: "sharedStorageWritable", | ||
| IFRAME: 1, | ||
| IMG: 1 | ||
| } | ||
| }); | ||
| function getPropAlias(prop, tagName) { | ||
| const a = PropAliases[prop]; | ||
| return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a; | ||
| } | ||
| var DelegatedEvents = /* @__PURE__ */ new Set([ | ||
| "beforeinput", | ||
| "click", | ||
| "dblclick", | ||
| "contextmenu", | ||
| "focusin", | ||
| "focusout", | ||
| "input", | ||
| "keydown", | ||
| "keyup", | ||
| "mousedown", | ||
| "mousemove", | ||
| "mouseout", | ||
| "mouseover", | ||
| "mouseup", | ||
| "pointerdown", | ||
| "pointermove", | ||
| "pointerout", | ||
| "pointerover", | ||
| "pointerup", | ||
| "touchend", | ||
| "touchmove", | ||
| "touchstart" | ||
| ]); | ||
| var SVGElements = /* @__PURE__ */ new Set([ | ||
| "altGlyph", | ||
| "altGlyphDef", | ||
| "altGlyphItem", | ||
| "animate", | ||
| "animateColor", | ||
| "animateMotion", | ||
| "animateTransform", | ||
| "circle", | ||
| "clipPath", | ||
| "color-profile", | ||
| "cursor", | ||
| "defs", | ||
| "desc", | ||
| "ellipse", | ||
| "feBlend", | ||
| "feColorMatrix", | ||
| "feComponentTransfer", | ||
| "feComposite", | ||
| "feConvolveMatrix", | ||
| "feDiffuseLighting", | ||
| "feDisplacementMap", | ||
| "feDistantLight", | ||
| "feDropShadow", | ||
| "feFlood", | ||
| "feFuncA", | ||
| "feFuncB", | ||
| "feFuncG", | ||
| "feFuncR", | ||
| "feGaussianBlur", | ||
| "feImage", | ||
| "feMerge", | ||
| "feMergeNode", | ||
| "feMorphology", | ||
| "feOffset", | ||
| "fePointLight", | ||
| "feSpecularLighting", | ||
| "feSpotLight", | ||
| "feTile", | ||
| "feTurbulence", | ||
| "filter", | ||
| "font", | ||
| "font-face", | ||
| "font-face-format", | ||
| "font-face-name", | ||
| "font-face-src", | ||
| "font-face-uri", | ||
| "foreignObject", | ||
| "g", | ||
| "glyph", | ||
| "glyphRef", | ||
| "hkern", | ||
| "image", | ||
| "line", | ||
| "linearGradient", | ||
| "marker", | ||
| "mask", | ||
| "metadata", | ||
| "missing-glyph", | ||
| "mpath", | ||
| "path", | ||
| "pattern", | ||
| "polygon", | ||
| "polyline", | ||
| "radialGradient", | ||
| "rect", | ||
| "set", | ||
| "stop", | ||
| "svg", | ||
| "switch", | ||
| "symbol", | ||
| "text", | ||
| "textPath", | ||
| "tref", | ||
| "tspan", | ||
| "use", | ||
| "view", | ||
| "vkern" | ||
| ]); | ||
| var SVGNamespace = { | ||
| xlink: "http://www.w3.org/1999/xlink", | ||
| xml: "http://www.w3.org/XML/1998/namespace" | ||
| }; | ||
| var memo = (fn) => createMemo(() => fn()); | ||
| function reconcileArrays(parentNode, a, b) { | ||
| let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = a[aEnd - 1].nextSibling, map = null; | ||
| while (aStart < aEnd || bStart < bEnd) { | ||
| if (a[aStart] === b[bStart]) { | ||
| aStart++; | ||
| bStart++; | ||
| continue; | ||
| } | ||
| while (a[aEnd - 1] === b[bEnd - 1]) { | ||
| aEnd--; | ||
| bEnd--; | ||
| } | ||
| if (aEnd === aStart) { | ||
| const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after; | ||
| while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node); | ||
| } else if (bEnd === bStart) while (aStart < aEnd) { | ||
| if (!map || !map.has(a[aStart])) a[aStart].remove(); | ||
| aStart++; | ||
| } | ||
| else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) { | ||
| const node = a[--aEnd].nextSibling; | ||
| parentNode.insertBefore(b[bStart++], a[aStart++].nextSibling); | ||
| parentNode.insertBefore(b[--bEnd], node); | ||
| a[aEnd] = b[bEnd]; | ||
| } else { | ||
| if (!map) { | ||
| map = /* @__PURE__ */ new Map(); | ||
| let i = bStart; | ||
| while (i < bEnd) map.set(b[i], i++); | ||
| } | ||
| const index = map.get(a[aStart]); | ||
| if (index != null) if (bStart < index && index < bEnd) { | ||
| let i = aStart, sequence = 1, t; | ||
| while (++i < aEnd && i < bEnd) { | ||
| if ((t = map.get(a[i])) == null || t !== index + sequence) break; | ||
| sequence++; | ||
| } | ||
| if (sequence > index - bStart) { | ||
| const node = a[aStart]; | ||
| while (bStart < index) parentNode.insertBefore(b[bStart++], node); | ||
| } else parentNode.replaceChild(b[bStart++], a[aStart++]); | ||
| } else aStart++; | ||
| else a[aStart++].remove(); | ||
| } | ||
| } | ||
| } | ||
| var $$EVENTS = "_$DX_DELEGATE"; | ||
| function render(code, element, init, options = {}) { | ||
| let disposer; | ||
| createRoot((dispose) => { | ||
| disposer = dispose; | ||
| element === document ? code() : insert(element, code(), element.firstChild ? null : void 0, init); | ||
| }, options.owner); | ||
| return () => { | ||
| disposer(); | ||
| element.textContent = ""; | ||
| }; | ||
| } | ||
| function template(html, isImportNode, isSVG, isMathML) { | ||
| let node; | ||
| const create = () => { | ||
| const t = isMathML ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template") : document.createElement("template"); | ||
| t.innerHTML = html; | ||
| return isSVG ? t.content.firstChild.firstChild : isMathML ? t.firstChild : t.content.firstChild; | ||
| }; | ||
| const fn = isImportNode ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true); | ||
| fn.cloneNode = fn; | ||
| return fn; | ||
| } | ||
| function delegateEvents(eventNames, document = window.document) { | ||
| const e = document[$$EVENTS] || (document[$$EVENTS] = /* @__PURE__ */ new Set()); | ||
| for (let i = 0, l = eventNames.length; i < l; i++) { | ||
| const name = eventNames[i]; | ||
| if (!e.has(name)) { | ||
| e.add(name); | ||
| document.addEventListener(name, eventHandler); | ||
| } | ||
| } | ||
| } | ||
| function setAttribute(node, name, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttribute(name); | ||
| else node.setAttribute(name, value); | ||
| } | ||
| function setAttributeNS(node, namespace, name, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttributeNS(namespace, name); | ||
| else node.setAttributeNS(namespace, name, value); | ||
| } | ||
| function setBoolAttribute(node, name, value) { | ||
| if (isHydrating(node)) return; | ||
| value ? node.setAttribute(name, "") : node.removeAttribute(name); | ||
| } | ||
| function className(node, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttribute("class"); | ||
| else node.className = value; | ||
| } | ||
| function addEventListener(node, name, handler, delegate) { | ||
| if (delegate) if (Array.isArray(handler)) { | ||
| node[`$$${name}`] = handler[0]; | ||
| node[`$$${name}Data`] = handler[1]; | ||
| } else node[`$$${name}`] = handler; | ||
| else if (Array.isArray(handler)) { | ||
| const handlerFn = handler[0]; | ||
| node.addEventListener(name, handler[0] = (e) => handlerFn.call(node, handler[1], e)); | ||
| } else node.addEventListener(name, handler, typeof handler !== "function" && handler); | ||
| } | ||
| function classList(node, value, prev = {}) { | ||
| const classKeys = Object.keys(value || {}), prevKeys = Object.keys(prev); | ||
| let i, len; | ||
| for (i = 0, len = prevKeys.length; i < len; i++) { | ||
| const key = prevKeys[i]; | ||
| if (!key || key === "undefined" || value[key]) continue; | ||
| toggleClassKey(node, key, false); | ||
| delete prev[key]; | ||
| } | ||
| for (i = 0, len = classKeys.length; i < len; i++) { | ||
| const key = classKeys[i], classValue = !!value[key]; | ||
| if (!key || key === "undefined" || prev[key] === classValue || !classValue) continue; | ||
| toggleClassKey(node, key, true); | ||
| prev[key] = classValue; | ||
| } | ||
| return prev; | ||
| } | ||
| function style(node, value, prev) { | ||
| if (!value) return prev ? setAttribute(node, "style") : value; | ||
| const nodeStyle = node.style; | ||
| if (typeof value === "string") return nodeStyle.cssText = value; | ||
| typeof prev === "string" && (nodeStyle.cssText = prev = void 0); | ||
| prev || (prev = {}); | ||
| value || (value = {}); | ||
| let v, s; | ||
| for (s in prev) { | ||
| value[s] ?? nodeStyle.removeProperty(s); | ||
| delete prev[s]; | ||
| } | ||
| for (s in value) { | ||
| v = value[s]; | ||
| if (v !== prev[s]) { | ||
| nodeStyle.setProperty(s, v); | ||
| prev[s] = v; | ||
| } | ||
| } | ||
| return prev; | ||
| } | ||
| function spread(node, props = {}, isSVG, skipChildren) { | ||
| const prevProps = {}; | ||
| if (!skipChildren) createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children)); | ||
| createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node)); | ||
| createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true)); | ||
| return prevProps; | ||
| } | ||
| function use(fn, element, arg) { | ||
| return untrack(() => fn(element, arg)); | ||
| } | ||
| function insert(parent, accessor, marker, initial) { | ||
| if (marker !== void 0 && !initial) initial = []; | ||
| if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker); | ||
| createRenderEffect((current) => insertExpression(parent, accessor(), current, marker), initial); | ||
| } | ||
| function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) { | ||
| props || (props = {}); | ||
| for (const prop in prevProps) if (!(prop in props)) { | ||
| if (prop === "children") continue; | ||
| prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef, props); | ||
| } | ||
| for (const prop in props) { | ||
| if (prop === "children") { | ||
| if (!skipChildren) insertExpression(node, props.children); | ||
| continue; | ||
| } | ||
| const value = props[prop]; | ||
| prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef, props); | ||
| } | ||
| } | ||
| function getNextElement(template) { | ||
| let node, key; | ||
| if (!isHydrating() || !(node = sharedConfig.registry.get(key = getHydrationKey()))) return template(); | ||
| if (sharedConfig.completed) sharedConfig.completed.add(node); | ||
| sharedConfig.registry.delete(key); | ||
| return node; | ||
| } | ||
| function isHydrating(node) { | ||
| return !!sharedConfig.context && !sharedConfig.done && (!node || node.isConnected); | ||
| } | ||
| function toPropertyName(name) { | ||
| return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase()); | ||
| } | ||
| function toggleClassKey(node, key, value) { | ||
| const classNames = key.trim().split(/\s+/); | ||
| for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value); | ||
| } | ||
| function assignProp(node, prop, value, prev, isSVG, skipRef, props) { | ||
| let isCE, isProp, isChildProp, propAlias, forceProp; | ||
| if (prop === "style") return style(node, value, prev); | ||
| if (prop === "classList") return classList(node, value, prev); | ||
| if (value === prev) return prev; | ||
| if (prop === "ref") { | ||
| if (!skipRef) value(node); | ||
| } else if (prop.slice(0, 3) === "on:") { | ||
| const e = prop.slice(3); | ||
| prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev); | ||
| value && node.addEventListener(e, value, typeof value !== "function" && value); | ||
| } else if (prop.slice(0, 10) === "oncapture:") { | ||
| const e = prop.slice(10); | ||
| prev && node.removeEventListener(e, prev, true); | ||
| value && node.addEventListener(e, value, true); | ||
| } else if (prop.slice(0, 2) === "on") { | ||
| const name = prop.slice(2).toLowerCase(); | ||
| const delegate = DelegatedEvents.has(name); | ||
| if (!delegate && prev) { | ||
| const h = Array.isArray(prev) ? prev[0] : prev; | ||
| node.removeEventListener(name, h); | ||
| } | ||
| if (delegate || value) { | ||
| addEventListener(node, name, value, delegate); | ||
| delegate && delegateEvents([name]); | ||
| } | ||
| } else if (prop.slice(0, 5) === "attr:") setAttribute(node, prop.slice(5), value); | ||
| else if (prop.slice(0, 5) === "bool:") setBoolAttribute(node, prop.slice(5), value); | ||
| else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) { | ||
| if (forceProp) { | ||
| prop = prop.slice(5); | ||
| isProp = true; | ||
| } else if (isHydrating(node)) return value; | ||
| if (prop === "class" || prop === "className") className(node, value); | ||
| else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value; | ||
| else node[propAlias || prop] = value; | ||
| } else { | ||
| const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]]; | ||
| if (ns) setAttributeNS(node, ns, prop, value); | ||
| else setAttribute(node, Aliases[prop] || prop, value); | ||
| } | ||
| return value; | ||
| } | ||
| function eventHandler(e) { | ||
| if (sharedConfig.registry && sharedConfig.events) { | ||
| if (sharedConfig.events.find(([el, ev]) => ev === e)) return; | ||
| } | ||
| let node = e.target; | ||
| const key = `$$${e.type}`; | ||
| const oriTarget = e.target; | ||
| const oriCurrentTarget = e.currentTarget; | ||
| const retarget = (value) => Object.defineProperty(e, "target", { | ||
| configurable: true, | ||
| value | ||
| }); | ||
| const handleNode = () => { | ||
| const handler = node[key]; | ||
| if (handler && !node.disabled) { | ||
| const data = node[`${key}Data`]; | ||
| data !== void 0 ? handler.call(node, data, e) : handler.call(node, e); | ||
| if (e.cancelBubble) return; | ||
| } | ||
| node.host && typeof node.host !== "string" && !node.host._$host && node.contains(e.target) && retarget(node.host); | ||
| return true; | ||
| }; | ||
| const walkUpTree = () => { | ||
| while (handleNode() && (node = node._$host || node.parentNode || node.host)); | ||
| }; | ||
| Object.defineProperty(e, "currentTarget", { | ||
| configurable: true, | ||
| get() { | ||
| return node || document; | ||
| } | ||
| }); | ||
| if (sharedConfig.registry && !sharedConfig.done) sharedConfig.done = _$HY.done = true; | ||
| if (e.composedPath) { | ||
| const path = e.composedPath(); | ||
| retarget(path[0]); | ||
| for (let i = 0; i < path.length - 2; i++) { | ||
| node = path[i]; | ||
| if (!handleNode()) break; | ||
| if (node._$host) { | ||
| node = node._$host; | ||
| walkUpTree(); | ||
| break; | ||
| } | ||
| if (node.parentNode === oriCurrentTarget) break; | ||
| } | ||
| } else walkUpTree(); | ||
| retarget(oriTarget); | ||
| } | ||
| function insertExpression(parent, value, current, marker, unwrapArray) { | ||
| const hydrating = isHydrating(parent); | ||
| if (hydrating) { | ||
| !current && (current = [...parent.childNodes]); | ||
| let cleaned = []; | ||
| for (let i = 0; i < current.length; i++) { | ||
| const node = current[i]; | ||
| if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove(); | ||
| else cleaned.push(node); | ||
| } | ||
| current = cleaned; | ||
| } | ||
| while (typeof current === "function") current = current(); | ||
| if (value === current) return current; | ||
| const t = typeof value, multi = marker !== void 0; | ||
| parent = multi && current[0] && current[0].parentNode || parent; | ||
| if (t === "string" || t === "number") { | ||
| if (hydrating) return current; | ||
| if (t === "number") { | ||
| value = value.toString(); | ||
| if (value === current) return current; | ||
| } | ||
| if (multi) { | ||
| let node = current[0]; | ||
| if (node && node.nodeType === 3) node.data !== value && (node.data = value); | ||
| else node = document.createTextNode(value); | ||
| current = cleanChildren(parent, current, marker, node); | ||
| } else if (current !== "" && typeof current === "string") current = parent.firstChild.data = value; | ||
| else current = parent.textContent = value; | ||
| } else if (value == null || t === "boolean") { | ||
| if (hydrating) return current; | ||
| current = cleanChildren(parent, current, marker); | ||
| } else if (t === "function") { | ||
| createRenderEffect(() => { | ||
| let v = value(); | ||
| while (typeof v === "function") v = v(); | ||
| current = insertExpression(parent, v, current, marker); | ||
| }); | ||
| return () => current; | ||
| } else if (Array.isArray(value)) { | ||
| const array = []; | ||
| const currentArray = current && Array.isArray(current); | ||
| if (normalizeIncomingArray(array, value, current, unwrapArray)) { | ||
| createRenderEffect(() => current = insertExpression(parent, array, current, marker, true)); | ||
| return () => current; | ||
| } | ||
| if (hydrating) { | ||
| if (!array.length) return current; | ||
| if (marker === void 0) return current = [...parent.childNodes]; | ||
| let node = array[0]; | ||
| if (node.parentNode !== parent) return current; | ||
| const nodes = [node]; | ||
| while ((node = node.nextSibling) !== marker) nodes.push(node); | ||
| return current = nodes; | ||
| } | ||
| if (array.length === 0) { | ||
| current = cleanChildren(parent, current, marker); | ||
| if (multi) return current; | ||
| } else if (currentArray) if (current.length === 0) appendNodes(parent, array, marker); | ||
| else reconcileArrays(parent, current, array); | ||
| else { | ||
| current && cleanChildren(parent); | ||
| appendNodes(parent, array); | ||
| } | ||
| current = array; | ||
| } else if (value.nodeType) { | ||
| if (hydrating && value.parentNode) return current = multi ? [value] : value; | ||
| if (Array.isArray(current)) { | ||
| if (multi) return current = cleanChildren(parent, current, marker, value); | ||
| cleanChildren(parent, current, null, value); | ||
| } else if (current == null || current === "" || !parent.firstChild) parent.appendChild(value); | ||
| else parent.replaceChild(value, parent.firstChild); | ||
| current = value; | ||
| } | ||
| return current; | ||
| } | ||
| function normalizeIncomingArray(normalized, array, current, unwrap) { | ||
| let dynamic = false; | ||
| for (let i = 0, len = array.length; i < len; i++) { | ||
| let item = array[i], prev = current && current[normalized.length], t; | ||
| if (item == null || item === true || item === false); | ||
| else if ((t = typeof item) === "object" && item.nodeType) normalized.push(item); | ||
| else if (Array.isArray(item)) dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic; | ||
| else if (t === "function") if (unwrap) { | ||
| while (typeof item === "function") item = item(); | ||
| dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic; | ||
| } else { | ||
| normalized.push(item); | ||
| dynamic = true; | ||
| } | ||
| else { | ||
| const value = String(item); | ||
| if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev); | ||
| else normalized.push(document.createTextNode(value)); | ||
| } | ||
| } | ||
| return dynamic; | ||
| } | ||
| function appendNodes(parent, array, marker = null) { | ||
| for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker); | ||
| } | ||
| function cleanChildren(parent, current, marker, replacement) { | ||
| if (marker === void 0) return parent.textContent = ""; | ||
| const node = replacement || document.createTextNode(""); | ||
| if (current.length) { | ||
| let inserted = false; | ||
| for (let i = current.length - 1; i >= 0; i--) { | ||
| const el = current[i]; | ||
| if (node !== el) { | ||
| const isParent = el.parentNode === parent; | ||
| if (!inserted && !i) isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker); | ||
| else isParent && el.remove(); | ||
| } else inserted = true; | ||
| } | ||
| } else parent.insertBefore(node, marker); | ||
| return [node]; | ||
| } | ||
| function getHydrationKey() { | ||
| return sharedConfig.getNextContextId(); | ||
| } | ||
| var SVG_NAMESPACE = "http://www.w3.org/2000/svg"; | ||
| function createElement(tagName, isSVG = false, is = void 0) { | ||
| return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName, { is }); | ||
| } | ||
| function createDynamic(component, props) { | ||
| const cached = createMemo(component); | ||
| return createMemo(() => { | ||
| const component = cached(); | ||
| switch (typeof component) { | ||
| case "function": return untrack(() => component(props)); | ||
| case "string": | ||
| const isSvg = SVGElements.has(component); | ||
| const el = sharedConfig.context ? getNextElement() : createElement(component, isSvg, untrack(() => props.is)); | ||
| spread(el, props, isSvg); | ||
| return el; | ||
| } | ||
| }); | ||
| } | ||
| function Dynamic(props) { | ||
| const [, others] = splitProps(props, ["component"]); | ||
| return createDynamic(() => props.component, others); | ||
| } | ||
| //#endregion | ||
| //#region src/context.ts | ||
| var ShadowDomTargetContext = createContext(void 0); | ||
| var DevtoolsOnCloseContext = createContext(void 0); | ||
| var useDevtoolsOnClose = () => { | ||
| const context = useContext(DevtoolsOnCloseContext); | ||
| if (!context) throw new Error("useDevtoolsOnClose must be used within a TanStackRouterDevtools component"); | ||
| return context; | ||
| }; | ||
| //#endregion | ||
| Object.defineProperty(exports, "DevtoolsOnCloseContext", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return DevtoolsOnCloseContext; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "Dynamic", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return Dynamic; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "For", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return For; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "Match", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return Match; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "ShadowDomTargetContext", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return ShadowDomTargetContext; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "Show", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return Show; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "Switch", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return Switch; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "addEventListener", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return addEventListener; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "className", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return className; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "createComponent", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return createComponent; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "createEffect", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return createEffect; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "createMemo", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return createMemo; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "createRenderEffect", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return createRenderEffect; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "createSignal", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return createSignal; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "createUniqueId", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return createUniqueId; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "delegateEvents", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return delegateEvents; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "insert", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return insert; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "lazy", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return lazy; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "memo", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return memo; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "mergeProps", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return mergeProps; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "onCleanup", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return onCleanup; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "render", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return render; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "setAttribute", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return setAttribute; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "spread", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return spread; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "template", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return template; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "untrack", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return untrack; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "useContext", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return useContext; | ||
| } | ||
| }); | ||
| Object.defineProperty(exports, "useDevtoolsOnClose", { | ||
| enumerable: true, | ||
| get: function() { | ||
| return useDevtoolsOnClose; | ||
| } | ||
| }); | ||
| //# sourceMappingURL=context-DZa5WwQ_.cjs.map |
Sorry, the diff of this file is too big to display
| import { C as createUniqueId, S as createSignal, T as mergeProps, b as createMemo, c as insert, d as setAttribute, f as spread, i as Dynamic, o as className, p as template, t as DevtoolsOnCloseContext, v as createComponent, x as createRenderEffect, y as createEffect } from "./context-D56_tqst.js"; | ||
| import { BaseTanStackRouterDevtoolsPanel, n as useLocalStorage, r as useStyles, t as useIsMounted } from "./BaseTanStackRouterDevtoolsPanel-B43j38ty.js"; | ||
| import { clsx } from "clsx"; | ||
| //#region src/logo.tsx | ||
| var _tmpl$$1 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg enable-background="new 0 0 634 633"viewBox="0 0 634 633"><g transform=translate(1)><linearGradient x1=-641.486 x2=-641.486 y1=856.648 y2=855.931 gradientTransform="matrix(633 0 0 -633 406377 542258)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#6bdaff></stop><stop offset=0.319 stop-color=#f9ffb5></stop><stop offset=0.706 stop-color=#ffa770></stop><stop offset=1 stop-color=#ff7373></stop></linearGradient><circle cx=316.5 cy=316.5 r=316.5 fill-rule=evenodd clip-rule=evenodd></circle><defs><filter width=454 height=396.9 x=-137.5 y=412 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=412 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=610.5 fill=#015064 fill-rule=evenodd stroke=#00CFE2 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=412 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=412 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=610.5 fill=#015064 fill-rule=evenodd stroke=#00CFE2 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=-137.5 y=450 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=450 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=648.5 fill=#015064 fill-rule=evenodd stroke=#00A8B8 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=450 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=450 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=648.5 fill=#015064 fill-rule=evenodd stroke=#00A8B8 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=-137.5 y=486 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=486 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=684.5 fill=#015064 fill-rule=evenodd stroke=#007782 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=486 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=486 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=684.5 fill=#015064 fill-rule=evenodd stroke=#007782 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=176.9 height=129.3 x=272.2 y=308 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=176.9 height=129.3 x=272.2 y=308 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><path fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11 d="M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1"></path><linearGradient x1=-645.656 x2=-646.499 y1=854.878 y2=854.788 gradientTransform="matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ee2700></stop><stop offset=1 stop-color=#ff008e></stop></linearGradient><path fill-rule=evenodd d="M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z"clip-rule=evenodd></path><path fill=#D8D8D8 fill-rule=evenodd stroke=#FFF stroke-linecap=round stroke-linejoin=bevel stroke-width=7 d="M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9"clip-rule=evenodd></path></g><defs><filter width=280.6 height=317.4 x=73.2 y=113.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=280.6 height=317.4 x=73.2 y=113.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><linearGradient x1=-646.8 x2=-646.8 y1=854.844 y2=853.844 gradientTransform="matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#a17500></stop><stop offset=1 stop-color=#5d2100></stop></linearGradient><path fill-rule=evenodd d="M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6"clip-rule=evenodd></path><linearGradient x1=-635.467 x2=-635.467 y1=852.115 y2=851.115 gradientTransform="matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z"clip-rule=evenodd></path><linearGradient x1=-636.573 x2=-636.573 y1=855.444 y2=854.444 gradientTransform="matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z"clip-rule=evenodd></path><linearGradient x1=-632.145 x2=-632.145 y1=854.174 y2=853.174 gradientTransform="matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z"clip-rule=evenodd></path><linearGradient x1=-638.224 x2=-638.224 y1=853.801 y2=852.801 gradientTransform="matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z"clip-rule=evenodd></path><linearGradient x1=-637.723 x2=-637.723 y1=855.103 y2=854.103 gradientTransform="matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z"clip-rule=evenodd></path><linearGradient x1=-631.79 x2=-631.79 y1=855.872 y2=854.872 gradientTransform="matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z"clip-rule=evenodd></path><path fill=none stroke=#2F8A00 stroke-linecap=round stroke-width=8 d="M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1"></path><path fill=none stroke=#2F8A00 stroke-linecap=round stroke-width=8 d="M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32"></path></g><defs><filter width=532 height=633 x=50.5 y=399 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=532 height=633 x=50.5 y=399 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><linearGradient x1=-641.104 x2=-641.278 y1=856.577 y2=856.183 gradientTransform="matrix(532 0 0 -633 341484.5 542657)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#fff400></stop><stop offset=1 stop-color=#3c8700></stop></linearGradient><ellipse cx=316.5 cy=715.5 fill-rule=evenodd clip-rule=evenodd rx=266 ry=316.5></ellipse><defs><filter width=288 height=283 x=391 y=-24 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=288 height=283 x=391 y=-24 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><g transform="translate(397 -24)"><linearGradient x1=-1036.672 x2=-1036.672 y1=880.018 y2=879.018 gradientTransform="matrix(227 0 0 -227 235493 199764)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffdf00></stop><stop offset=1 stop-color=#ff9d00></stop></linearGradient><circle cx=168.5 cy=113.5 r=113.5 fill-rule=evenodd clip-rule=evenodd></circle><linearGradient x1=-1017.329 x2=-1018.602 y1=658.003 y2=657.998 gradientTransform="matrix(30 0 0 -1 30558 771)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M30 113H0"></path><linearGradient x1=-1014.501 x2=-1015.774 y1=839.985 y2=839.935 gradientTransform="matrix(26.5 0 0 -5.5 26925 4696.5)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M33.5 79.5L7 74"></path><linearGradient x1=-1016.59 x2=-1017.862 y1=852.671 y2=852.595 gradientTransform="matrix(29 0 0 -8 29523 6971)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M34 146l-29 8"></path><linearGradient x1=-1011.984 x2=-1013.257 y1=863.523 y2=863.229 gradientTransform="matrix(24 0 0 -13 24339 11407)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M45 177l-24 13"></path><linearGradient x1=-1006.673 x2=-1007.946 y1=869.279 y2=868.376 gradientTransform="matrix(20 0 0 -19 20205 16720)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M67 204l-20 19"></path><linearGradient x1=-992.85 x2=-993.317 y1=871.258 y2=870.258 gradientTransform="matrix(13.8339 0 0 -22.8467 13825.796 20131.938)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M94.4 227l-13.8 22.8"></path><linearGradient x1=-953.835 x2=-953.965 y1=871.9 y2=870.9 gradientTransform="matrix(7.5 0 0 -24.5 7278 21605)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M127.5 243.5L120 268"></path><linearGradient x1=244.504 x2=244.496 y1=871.898 y2=870.898 gradientTransform="matrix(.5 0 0 -24.5 45.5 21614)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M167.5 252.5l.5 24.5">`); | ||
| function TanStackLogo() { | ||
| const id = createUniqueId(); | ||
| return (() => { | ||
| var _el$ = _tmpl$$1(), _el$3 = _el$.firstChild.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$13.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$23.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$25.nextSibling, _el$28 = _el$27.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$28.nextSibling, _el$31 = _el$30.firstChild, _el$32 = _el$30.nextSibling, _el$33 = _el$32.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$33.nextSibling, _el$36 = _el$35.firstChild, _el$37 = _el$35.nextSibling, _el$39 = _el$37.firstChild.nextSibling, _el$40 = _el$39.nextSibling, _el$41 = _el$37.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$41.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$43.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.nextSibling, _el$50 = _el$49.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$54 = _el$53.nextSibling, _el$55 = _el$54.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.nextSibling, _el$58 = _el$57.nextSibling, _el$59 = _el$58.nextSibling, _el$60 = _el$45.nextSibling, _el$61 = _el$60.firstChild, _el$62 = _el$60.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$62.nextSibling, _el$65 = _el$64.nextSibling, _el$66 = _el$65.nextSibling, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, _el$69 = _el$68.firstChild, _el$70 = _el$68.nextSibling, _el$72 = _el$70.firstChild.firstChild, _el$73 = _el$72.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling, _el$79 = _el$78.nextSibling, _el$80 = _el$79.nextSibling, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling; | ||
| setAttribute(_el$3, "id", `a-${id}`); | ||
| setAttribute(_el$4, "fill", `url(#a-${id})`); | ||
| setAttribute(_el$6, "id", `b-${id}`); | ||
| setAttribute(_el$7, "id", `c-${id}`); | ||
| setAttribute(_el$8, "filter", `url(#b-${id})`); | ||
| setAttribute(_el$9, "mask", `url(#c-${id})`); | ||
| setAttribute(_el$1, "id", `d-${id}`); | ||
| setAttribute(_el$10, "id", `e-${id}`); | ||
| setAttribute(_el$11, "filter", `url(#d-${id})`); | ||
| setAttribute(_el$12, "mask", `url(#e-${id})`); | ||
| setAttribute(_el$14, "id", `f-${id}`); | ||
| setAttribute(_el$15, "id", `g-${id}`); | ||
| setAttribute(_el$16, "filter", `url(#f-${id})`); | ||
| setAttribute(_el$17, "mask", `url(#g-${id})`); | ||
| setAttribute(_el$19, "id", `h-${id}`); | ||
| setAttribute(_el$20, "id", `i-${id}`); | ||
| setAttribute(_el$21, "filter", `url(#h-${id})`); | ||
| setAttribute(_el$22, "mask", `url(#i-${id})`); | ||
| setAttribute(_el$24, "id", `j-${id}`); | ||
| setAttribute(_el$25, "id", `k-${id}`); | ||
| setAttribute(_el$26, "filter", `url(#j-${id})`); | ||
| setAttribute(_el$27, "mask", `url(#k-${id})`); | ||
| setAttribute(_el$29, "id", `l-${id}`); | ||
| setAttribute(_el$30, "id", `m-${id}`); | ||
| setAttribute(_el$31, "filter", `url(#l-${id})`); | ||
| setAttribute(_el$32, "mask", `url(#m-${id})`); | ||
| setAttribute(_el$34, "id", `n-${id}`); | ||
| setAttribute(_el$35, "id", `o-${id}`); | ||
| setAttribute(_el$36, "filter", `url(#n-${id})`); | ||
| setAttribute(_el$37, "mask", `url(#o-${id})`); | ||
| setAttribute(_el$39, "id", `p-${id}`); | ||
| setAttribute(_el$40, "fill", `url(#p-${id})`); | ||
| setAttribute(_el$42, "id", `q-${id}`); | ||
| setAttribute(_el$43, "id", `r-${id}`); | ||
| setAttribute(_el$44, "filter", `url(#q-${id})`); | ||
| setAttribute(_el$45, "mask", `url(#r-${id})`); | ||
| setAttribute(_el$46, "id", `s-${id}`); | ||
| setAttribute(_el$47, "fill", `url(#s-${id})`); | ||
| setAttribute(_el$48, "id", `t-${id}`); | ||
| setAttribute(_el$49, "fill", `url(#t-${id})`); | ||
| setAttribute(_el$50, "id", `u-${id}`); | ||
| setAttribute(_el$51, "fill", `url(#u-${id})`); | ||
| setAttribute(_el$52, "id", `v-${id}`); | ||
| setAttribute(_el$53, "fill", `url(#v-${id})`); | ||
| setAttribute(_el$54, "id", `w-${id}`); | ||
| setAttribute(_el$55, "fill", `url(#w-${id})`); | ||
| setAttribute(_el$56, "id", `x-${id}`); | ||
| setAttribute(_el$57, "fill", `url(#x-${id})`); | ||
| setAttribute(_el$58, "id", `y-${id}`); | ||
| setAttribute(_el$59, "fill", `url(#y-${id})`); | ||
| setAttribute(_el$61, "id", `z-${id}`); | ||
| setAttribute(_el$62, "id", `A-${id}`); | ||
| setAttribute(_el$63, "filter", `url(#z-${id})`); | ||
| setAttribute(_el$64, "id", `B-${id}`); | ||
| setAttribute(_el$65, "fill", `url(#B-${id})`); | ||
| setAttribute(_el$65, "mask", `url(#A-${id})`); | ||
| setAttribute(_el$67, "id", `C-${id}`); | ||
| setAttribute(_el$68, "id", `D-${id}`); | ||
| setAttribute(_el$69, "filter", `url(#C-${id})`); | ||
| setAttribute(_el$70, "mask", `url(#D-${id})`); | ||
| setAttribute(_el$72, "id", `E-${id}`); | ||
| setAttribute(_el$73, "fill", `url(#E-${id})`); | ||
| setAttribute(_el$74, "id", `F-${id}`); | ||
| setAttribute(_el$75, "stroke", `url(#F-${id})`); | ||
| setAttribute(_el$76, "id", `G-${id}`); | ||
| setAttribute(_el$77, "stroke", `url(#G-${id})`); | ||
| setAttribute(_el$78, "id", `H-${id}`); | ||
| setAttribute(_el$79, "stroke", `url(#H-${id})`); | ||
| setAttribute(_el$80, "id", `I-${id}`); | ||
| setAttribute(_el$81, "stroke", `url(#I-${id})`); | ||
| setAttribute(_el$82, "id", `J-${id}`); | ||
| setAttribute(_el$83, "stroke", `url(#J-${id})`); | ||
| setAttribute(_el$84, "id", `K-${id}`); | ||
| setAttribute(_el$85, "stroke", `url(#K-${id})`); | ||
| setAttribute(_el$86, "id", `L-${id}`); | ||
| setAttribute(_el$87, "stroke", `url(#L-${id})`); | ||
| setAttribute(_el$88, "id", `M-${id}`); | ||
| setAttribute(_el$89, "stroke", `url(#M-${id})`); | ||
| return _el$; | ||
| })(); | ||
| } | ||
| //#endregion | ||
| //#region src/FloatingTanStackRouterDevtools.tsx | ||
| var _tmpl$ = /* @__PURE__ */ template(`<button type=button><div><div></div><div></div></div><div>-</div><div>TanStack Router`); | ||
| function FloatingTanStackRouterDevtools({ initialIsOpen, panelProps = {}, closeButtonProps = {}, toggleButtonProps = {}, position = "bottom-left", containerElement: Container = "footer", router, routerState, shadowDOMTarget }) { | ||
| const [rootEl, setRootEl] = createSignal(); | ||
| let panelRef = void 0; | ||
| const [isOpen, setIsOpen] = useLocalStorage("tanstackRouterDevtoolsOpen", initialIsOpen); | ||
| const [devtoolsHeight, setDevtoolsHeight] = useLocalStorage("tanstackRouterDevtoolsHeight", null); | ||
| const [isResolvedOpen, setIsResolvedOpen] = createSignal(false); | ||
| const [isResizing, setIsResizing] = createSignal(false); | ||
| const isMounted = useIsMounted(); | ||
| const styles = useStyles(); | ||
| const handleDragStart = (panelElement, startEvent) => { | ||
| if (startEvent.button !== 0) return; | ||
| setIsResizing(true); | ||
| const dragInfo = { | ||
| originalHeight: panelElement?.getBoundingClientRect().height ?? 0, | ||
| pageY: startEvent.pageY | ||
| }; | ||
| const run = (moveEvent) => { | ||
| const delta = dragInfo.pageY - moveEvent.pageY; | ||
| const newHeight = dragInfo.originalHeight + delta; | ||
| setDevtoolsHeight(newHeight); | ||
| if (newHeight < 70) setIsOpen(false); | ||
| else setIsOpen(true); | ||
| }; | ||
| const unsub = () => { | ||
| setIsResizing(false); | ||
| document.removeEventListener("mousemove", run); | ||
| document.removeEventListener("mouseUp", unsub); | ||
| }; | ||
| document.addEventListener("mousemove", run); | ||
| document.addEventListener("mouseup", unsub); | ||
| }; | ||
| isOpen(); | ||
| createEffect(() => { | ||
| setIsResolvedOpen(isOpen() ?? false); | ||
| }); | ||
| createEffect(() => { | ||
| if (isResolvedOpen()) { | ||
| const previousValue = rootEl()?.parentElement?.style.paddingBottom; | ||
| const run = () => { | ||
| const containerHeight = panelRef.getBoundingClientRect().height; | ||
| if (rootEl()?.parentElement) setRootEl((prev) => { | ||
| if (prev?.parentElement) prev.parentElement.style.paddingBottom = `${containerHeight}px`; | ||
| return prev; | ||
| }); | ||
| }; | ||
| run(); | ||
| if (typeof window !== "undefined") { | ||
| window.addEventListener("resize", run); | ||
| return () => { | ||
| window.removeEventListener("resize", run); | ||
| if (rootEl()?.parentElement && typeof previousValue === "string") setRootEl((prev) => { | ||
| prev.parentElement.style.paddingBottom = previousValue; | ||
| return prev; | ||
| }); | ||
| }; | ||
| } | ||
| } else if (rootEl()?.parentElement) setRootEl((prev) => { | ||
| if (prev?.parentElement) prev.parentElement.removeAttribute("style"); | ||
| return prev; | ||
| }); | ||
| }); | ||
| createEffect(() => { | ||
| if (rootEl()) { | ||
| const el = rootEl(); | ||
| const fontSize = getComputedStyle(el).fontSize; | ||
| el?.style.setProperty("--tsrd-font-size", fontSize); | ||
| } | ||
| }); | ||
| const { style: panelStyle = {}, ...otherPanelProps } = panelProps; | ||
| const { style: closeButtonStyle = {}, onClick: onCloseClick, ...otherCloseButtonProps } = closeButtonProps; | ||
| const { onClick: onToggleClick, class: toggleButtonClassName, ...otherToggleButtonProps } = toggleButtonProps; | ||
| if (!isMounted()) return null; | ||
| const resolvedHeight = createMemo(() => devtoolsHeight() ?? 500); | ||
| const basePanelClass = createMemo(() => { | ||
| return clsx(styles().devtoolsPanelContainer, styles().devtoolsPanelContainerVisibility(!!isOpen()), styles().devtoolsPanelContainerResizing(isResizing), styles().devtoolsPanelContainerAnimation(isResolvedOpen(), resolvedHeight() + 16)); | ||
| }); | ||
| const basePanelStyle = createMemo(() => { | ||
| return { | ||
| height: `${resolvedHeight()}px`, | ||
| ...panelStyle || {} | ||
| }; | ||
| }); | ||
| const buttonStyle = createMemo(() => { | ||
| return clsx(styles().mainCloseBtn, styles().mainCloseBtnPosition(position), styles().mainCloseBtnAnimation(!!isOpen()), toggleButtonClassName); | ||
| }); | ||
| return createComponent(Dynamic, { | ||
| component: Container, | ||
| ref: setRootEl, | ||
| "class": "TanStackRouterDevtools", | ||
| get children() { | ||
| return [createComponent(DevtoolsOnCloseContext.Provider, { | ||
| value: { onCloseClick: onCloseClick ?? (() => {}) }, | ||
| get children() { | ||
| return createComponent(BaseTanStackRouterDevtoolsPanel, mergeProps({ ref(r$) { | ||
| var _ref$ = panelRef; | ||
| typeof _ref$ === "function" ? _ref$(r$) : panelRef = r$; | ||
| } }, otherPanelProps, { | ||
| router, | ||
| routerState, | ||
| className: basePanelClass, | ||
| style: basePanelStyle, | ||
| get isOpen() { | ||
| return isResolvedOpen(); | ||
| }, | ||
| setIsOpen, | ||
| handleDragStart: (e) => handleDragStart(panelRef, e), | ||
| shadowDOMTarget | ||
| })); | ||
| } | ||
| }), (() => { | ||
| var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.nextSibling; | ||
| spread(_el$, mergeProps(otherToggleButtonProps, { | ||
| "aria-label": "Open TanStack Router Devtools", | ||
| "onClick": (e) => { | ||
| setIsOpen(true); | ||
| onToggleClick && onToggleClick(e); | ||
| }, | ||
| get ["class"]() { | ||
| return buttonStyle(); | ||
| } | ||
| }), false, true); | ||
| insert(_el$3, createComponent(TanStackLogo, {})); | ||
| insert(_el$4, createComponent(TanStackLogo, {})); | ||
| createRenderEffect((_p$) => { | ||
| var _v$ = styles().mainCloseBtnIconContainer, _v$2 = styles().mainCloseBtnIconOuter, _v$3 = styles().mainCloseBtnIconInner, _v$4 = styles().mainCloseBtnDivider, _v$5 = styles().routerLogoCloseButton; | ||
| _v$ !== _p$.e && className(_el$2, _p$.e = _v$); | ||
| _v$2 !== _p$.t && className(_el$3, _p$.t = _v$2); | ||
| _v$3 !== _p$.a && className(_el$4, _p$.a = _v$3); | ||
| _v$4 !== _p$.o && className(_el$5, _p$.o = _v$4); | ||
| _v$5 !== _p$.i && className(_el$6, _p$.i = _v$5); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0, | ||
| o: void 0, | ||
| i: void 0 | ||
| }); | ||
| return _el$; | ||
| })()]; | ||
| } | ||
| }); | ||
| } | ||
| //#endregion | ||
| export { FloatingTanStackRouterDevtools, FloatingTanStackRouterDevtools as default }; | ||
| //# sourceMappingURL=FloatingTanStackRouterDevtools-B12ktJLj.js.map |
| {"version":3,"file":"FloatingTanStackRouterDevtools-B12ktJLj.js","names":["createUniqueId","TanStackLogo","id","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","_el$17","_el$18","_el$19","_el$20","_el$21","_el$22","_el$23","_el$24","_el$25","_el$26","_el$27","_el$28","_el$29","_el$30","_el$31","_el$32","_el$33","_el$34","_el$35","_el$36","_el$37","_el$38","_el$39","_el$40","_el$41","_el$42","_el$43","_el$44","_el$45","_el$46","_el$47","_el$48","_el$49","_el$50","_el$51","_el$52","_el$53","_el$54","_el$55","_el$56","_el$57","_el$58","_el$59","_el$60","_el$61","_el$62","_el$63","_el$64","_el$65","_el$66","_el$67","_el$68","_el$69","_el$70","_el$71","_el$72","_el$73","_el$74","_el$75","_el$76","_el$77","_el$78","_el$79","_el$80","_el$81","_el$82","_el$83","_el$84","_el$85","_el$86","_el$87","_el$88","_el$89","_$setAttribute","clsx","cx","createEffect","createMemo","createSignal","Dynamic","DevtoolsOnCloseContext","useIsMounted","BaseTanStackRouterDevtoolsPanel","useLocalStorage","TanStackLogo","useStyles","Accessor","JSX","AnyRouter","FloatingDevtoolsOptions","initialIsOpen","panelProps","ref","closeButtonProps","toggleButtonProps","position","containerElement","router","routerState","shadowDOMTarget","ShadowRoot","FloatingTanStackRouterDevtools","Container","Element","rootEl","setRootEl","HTMLDivElement","panelRef","undefined","isOpen","setIsOpen","devtoolsHeight","setDevtoolsHeight","isResolvedOpen","setIsResolvedOpen","isResizing","setIsResizing","isMounted","styles","handleDragStart","panelElement","startEvent","button","dragInfo","originalHeight","getBoundingClientRect","height","pageY","run","moveEvent","MouseEvent","delta","newHeight","unsub","document","removeEventListener","addEventListener","isButtonClosed","previousValue","parentElement","style","paddingBottom","containerHeight","prev","window","removeAttribute","el","fontSize","getComputedStyle","setProperty","panelStyle","otherPanelProps","Record","closeButtonStyle","onClick","onCloseClick","otherCloseButtonProps","onToggleClick","class","toggleButtonClassName","otherToggleButtonProps","resolvedHeight","basePanelClass","devtoolsPanelContainer","devtoolsPanelContainerVisibility","devtoolsPanelContainerResizing","devtoolsPanelContainerAnimation","basePanelStyle","buttonStyle","mainCloseBtn","mainCloseBtnPosition","mainCloseBtnAnimation","_$createComponent","component","children","Provider","value","_$mergeProps","r$","_ref$","className","e","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_$spread","_$insert","_$effect","_p$","_v$","mainCloseBtnIconContainer","_v$2","mainCloseBtnIconOuter","_v$3","mainCloseBtnIconInner","_v$4","mainCloseBtnDivider","_v$5","routerLogoCloseButton","_$className","t","a","o","i"],"sources":["../src/logo.tsx","../src/FloatingTanStackRouterDevtools.tsx"],"sourcesContent":["import { createUniqueId } from 'solid-js'\n\nexport function TanStackLogo() {\n const id = createUniqueId()\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n enable-background=\"new 0 0 634 633\"\n viewBox=\"0 0 634 633\"\n >\n <g transform=\"translate(1)\">\n <linearGradient\n id={`a-${id}`}\n x1=\"-641.486\"\n x2=\"-641.486\"\n y1=\"856.648\"\n y2=\"855.931\"\n gradientTransform=\"matrix(633 0 0 -633 406377 542258)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#6bdaff\"></stop>\n <stop offset=\"0.319\" stop-color=\"#f9ffb5\"></stop>\n <stop offset=\"0.706\" stop-color=\"#ffa770\"></stop>\n <stop offset=\"1\" stop-color=\"#ff7373\"></stop>\n </linearGradient>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill={`url(#a-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <defs>\n <filter\n id={`b-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`c-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#b-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#c-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`d-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`e-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#d-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#e-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`f-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`g-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#f-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#g-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`h-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`i-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#h-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#i-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`j-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`k-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#j-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#k-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`l-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`m-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#l-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#m-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`n-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`o-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#n-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#o-${id})`}>\n <path\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n d=\"M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1\"\n ></path>\n <linearGradient\n id={`p-${id}`}\n x1=\"-645.656\"\n x2=\"-646.499\"\n y1=\"854.878\"\n y2=\"854.788\"\n gradientTransform=\"matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ee2700\"></stop>\n <stop offset=\"1\" stop-color=\"#ff008e\"></stop>\n </linearGradient>\n <path\n fill={`url(#p-${id})`}\n fill-rule=\"evenodd\"\n d=\"M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"#D8D8D8\"\n fill-rule=\"evenodd\"\n stroke=\"#FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n d=\"M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9\"\n clip-rule=\"evenodd\"\n ></path>\n </g>\n <defs>\n <filter\n id={`q-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`r-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#q-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#r-${id})`}>\n <linearGradient\n id={`s-${id}`}\n x1=\"-646.8\"\n x2=\"-646.8\"\n y1=\"854.844\"\n y2=\"853.844\"\n gradientTransform=\"matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#a17500\"></stop>\n <stop offset=\"1\" stop-color=\"#5d2100\"></stop>\n </linearGradient>\n <path\n fill={`url(#s-${id})`}\n fill-rule=\"evenodd\"\n d=\"M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`t-${id}`}\n x1=\"-635.467\"\n x2=\"-635.467\"\n y1=\"852.115\"\n y2=\"851.115\"\n gradientTransform=\"matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#t-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`u-${id}`}\n x1=\"-636.573\"\n x2=\"-636.573\"\n y1=\"855.444\"\n y2=\"854.444\"\n gradientTransform=\"matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#u-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`v-${id}`}\n x1=\"-632.145\"\n x2=\"-632.145\"\n y1=\"854.174\"\n y2=\"853.174\"\n gradientTransform=\"matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#v-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`w-${id}`}\n x1=\"-638.224\"\n x2=\"-638.224\"\n y1=\"853.801\"\n y2=\"852.801\"\n gradientTransform=\"matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#w-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`x-${id}`}\n x1=\"-637.723\"\n x2=\"-637.723\"\n y1=\"855.103\"\n y2=\"854.103\"\n gradientTransform=\"matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#x-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`y-${id}`}\n x1=\"-631.79\"\n x2=\"-631.79\"\n y1=\"855.872\"\n y2=\"854.872\"\n gradientTransform=\"matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#y-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32\"\n ></path>\n </g>\n <defs>\n <filter\n id={`z-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`A-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#z-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <linearGradient\n id={`B-${id}`}\n x1=\"-641.104\"\n x2=\"-641.278\"\n y1=\"856.577\"\n y2=\"856.183\"\n gradientTransform=\"matrix(532 0 0 -633 341484.5 542657)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#fff400\"></stop>\n <stop offset=\"1\" stop-color=\"#3c8700\"></stop>\n </linearGradient>\n <ellipse\n cx=\"316.5\"\n cy=\"715.5\"\n fill={`url(#B-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n mask={`url(#A-${id})`}\n rx=\"266\"\n ry=\"316.5\"\n ></ellipse>\n <defs>\n <filter\n id={`C-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`D-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#C-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#D-${id})`}>\n <g transform=\"translate(397 -24)\">\n <linearGradient\n id={`E-${id}`}\n x1=\"-1036.672\"\n x2=\"-1036.672\"\n y1=\"880.018\"\n y2=\"879.018\"\n gradientTransform=\"matrix(227 0 0 -227 235493 199764)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffdf00\"></stop>\n <stop offset=\"1\" stop-color=\"#ff9d00\"></stop>\n </linearGradient>\n <circle\n cx=\"168.5\"\n cy=\"113.5\"\n r=\"113.5\"\n fill={`url(#E-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <linearGradient\n id={`F-${id}`}\n x1=\"-1017.329\"\n x2=\"-1018.602\"\n y1=\"658.003\"\n y2=\"657.998\"\n gradientTransform=\"matrix(30 0 0 -1 30558 771)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#F-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M30 113H0\"\n ></path>\n <linearGradient\n id={`G-${id}`}\n x1=\"-1014.501\"\n x2=\"-1015.774\"\n y1=\"839.985\"\n y2=\"839.935\"\n gradientTransform=\"matrix(26.5 0 0 -5.5 26925 4696.5)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#G-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M33.5 79.5L7 74\"\n ></path>\n <linearGradient\n id={`H-${id}`}\n x1=\"-1016.59\"\n x2=\"-1017.862\"\n y1=\"852.671\"\n y2=\"852.595\"\n gradientTransform=\"matrix(29 0 0 -8 29523 6971)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#H-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M34 146l-29 8\"\n ></path>\n <linearGradient\n id={`I-${id}`}\n x1=\"-1011.984\"\n x2=\"-1013.257\"\n y1=\"863.523\"\n y2=\"863.229\"\n gradientTransform=\"matrix(24 0 0 -13 24339 11407)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#I-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M45 177l-24 13\"\n ></path>\n <linearGradient\n id={`J-${id}`}\n x1=\"-1006.673\"\n x2=\"-1007.946\"\n y1=\"869.279\"\n y2=\"868.376\"\n gradientTransform=\"matrix(20 0 0 -19 20205 16720)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#J-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M67 204l-20 19\"\n ></path>\n <linearGradient\n id={`K-${id}`}\n x1=\"-992.85\"\n x2=\"-993.317\"\n y1=\"871.258\"\n y2=\"870.258\"\n gradientTransform=\"matrix(13.8339 0 0 -22.8467 13825.796 20131.938)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#K-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M94.4 227l-13.8 22.8\"\n ></path>\n <linearGradient\n id={`L-${id}`}\n x1=\"-953.835\"\n x2=\"-953.965\"\n y1=\"871.9\"\n y2=\"870.9\"\n gradientTransform=\"matrix(7.5 0 0 -24.5 7278 21605)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#L-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M127.5 243.5L120 268\"\n ></path>\n <linearGradient\n id={`M-${id}`}\n x1=\"244.504\"\n x2=\"244.496\"\n y1=\"871.898\"\n y2=\"870.898\"\n gradientTransform=\"matrix(.5 0 0 -24.5 45.5 21614)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#M-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M167.5 252.5l.5 24.5\"\n ></path>\n </g>\n </g>\n </g>\n </svg>\n )\n}\n","import { clsx as cx } from 'clsx'\n\nimport { createEffect, createMemo, createSignal } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\n\nimport { DevtoolsOnCloseContext } from './context'\nimport { useIsMounted } from './utils'\nimport { BaseTanStackRouterDevtoolsPanel } from './BaseTanStackRouterDevtoolsPanel'\nimport useLocalStorage from './useLocalStorage'\nimport { TanStackLogo } from './logo'\nimport { useStyles } from './useStyles'\nimport type { Accessor, JSX } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport interface FloatingDevtoolsOptions {\n /**\n * Set this true if you want the dev tools to default to being open\n */\n initialIsOpen?: boolean\n /**\n * Use this to add props to the panel. For example, you can add class, style (merge and override default style), etc.\n */\n panelProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the close button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n closeButtonProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the toggle button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n toggleButtonProps?: any & {\n ref?: any\n }\n /**\n * The position of the TanStack Router logo to open and close the devtools panel.\n * Defaults to 'bottom-left'.\n */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /**\n * Use this to render the devtools inside a different type of container element for a11y purposes.\n * Any string which corresponds to a valid intrinsic JSX element is allowed.\n * Defaults to 'footer'.\n */\n containerElement?: string | any\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router: Accessor<AnyRouter>\n routerState: Accessor<any>\n /**\n * Use this to attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n}\n\nexport function FloatingTanStackRouterDevtools({\n initialIsOpen,\n panelProps = {},\n closeButtonProps = {},\n toggleButtonProps = {},\n position = 'bottom-left',\n containerElement: Container = 'footer',\n router,\n routerState,\n shadowDOMTarget,\n}: FloatingDevtoolsOptions): JSX.Element | null {\n const [rootEl, setRootEl] = createSignal<HTMLDivElement>()\n\n // eslint-disable-next-line prefer-const\n let panelRef: HTMLDivElement | undefined = undefined\n\n const [isOpen, setIsOpen] = useLocalStorage(\n 'tanstackRouterDevtoolsOpen',\n initialIsOpen,\n )\n\n const [devtoolsHeight, setDevtoolsHeight] = useLocalStorage<number | null>(\n 'tanstackRouterDevtoolsHeight',\n null,\n )\n\n const [isResolvedOpen, setIsResolvedOpen] = createSignal(false)\n const [isResizing, setIsResizing] = createSignal(false)\n const isMounted = useIsMounted()\n const styles = useStyles()\n\n const handleDragStart = (\n panelElement: HTMLDivElement | undefined,\n startEvent: any,\n ) => {\n if (startEvent.button !== 0) return // Only allow left click for drag\n\n setIsResizing(true)\n\n const dragInfo = {\n originalHeight: panelElement?.getBoundingClientRect().height ?? 0,\n pageY: startEvent.pageY,\n }\n\n const run = (moveEvent: MouseEvent) => {\n const delta = dragInfo.pageY - moveEvent.pageY\n const newHeight = dragInfo.originalHeight + delta\n\n setDevtoolsHeight(newHeight)\n\n if (newHeight < 70) {\n setIsOpen(false)\n } else {\n setIsOpen(true)\n }\n }\n\n const unsub = () => {\n setIsResizing(false)\n document.removeEventListener('mousemove', run)\n document.removeEventListener('mouseUp', unsub)\n }\n\n document.addEventListener('mousemove', run)\n document.addEventListener('mouseup', unsub)\n }\n\n const isButtonClosed = isOpen() ?? false\n\n createEffect(() => {\n setIsResolvedOpen(isOpen() ?? false)\n })\n\n createEffect(() => {\n if (isResolvedOpen()) {\n const previousValue = rootEl()?.parentElement?.style.paddingBottom\n\n const run = () => {\n const containerHeight = panelRef!.getBoundingClientRect().height\n if (rootEl()?.parentElement) {\n setRootEl((prev) => {\n if (prev?.parentElement) {\n prev.parentElement.style.paddingBottom = `${containerHeight}px`\n }\n return prev\n })\n }\n }\n\n run()\n\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', run)\n\n return () => {\n window.removeEventListener('resize', run)\n if (rootEl()?.parentElement && typeof previousValue === 'string') {\n setRootEl((prev) => {\n prev!.parentElement!.style.paddingBottom = previousValue\n return prev\n })\n }\n }\n }\n } else {\n // Reset padding when devtools are closed\n if (rootEl()?.parentElement) {\n setRootEl((prev) => {\n if (prev?.parentElement) {\n prev.parentElement.removeAttribute('style')\n }\n return prev\n })\n }\n }\n return\n })\n\n createEffect(() => {\n if (rootEl()) {\n const el = rootEl()\n const fontSize = getComputedStyle(el!).fontSize\n el?.style.setProperty('--tsrd-font-size', fontSize)\n }\n })\n\n const { style: panelStyle = {}, ...otherPanelProps } = panelProps as {\n style?: Record<string, any>\n }\n\n const {\n style: closeButtonStyle = {},\n onClick: onCloseClick,\n ...otherCloseButtonProps\n } = closeButtonProps\n\n const {\n onClick: onToggleClick,\n class: toggleButtonClassName,\n ...otherToggleButtonProps\n } = toggleButtonProps\n\n // Do not render on the server\n if (!isMounted()) return null\n\n const resolvedHeight = createMemo(() => devtoolsHeight() ?? 500)\n\n const basePanelClass = createMemo(() => {\n return cx(\n styles().devtoolsPanelContainer,\n styles().devtoolsPanelContainerVisibility(!!isOpen()),\n styles().devtoolsPanelContainerResizing(isResizing),\n styles().devtoolsPanelContainerAnimation(\n isResolvedOpen(),\n resolvedHeight() + 16,\n ),\n )\n })\n\n const basePanelStyle = createMemo(() => {\n return {\n height: `${resolvedHeight()}px`,\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n ...(panelStyle || {}),\n }\n })\n\n const buttonStyle = createMemo(() => {\n return cx(\n styles().mainCloseBtn,\n styles().mainCloseBtnPosition(position),\n styles().mainCloseBtnAnimation(!!isOpen()),\n toggleButtonClassName,\n )\n })\n\n return (\n <Dynamic\n component={Container}\n ref={setRootEl}\n class=\"TanStackRouterDevtools\"\n >\n <DevtoolsOnCloseContext.Provider\n value={{\n onCloseClick: onCloseClick ?? (() => {}),\n }}\n >\n {/* {router() ? ( */}\n <BaseTanStackRouterDevtoolsPanel\n ref={panelRef}\n {...otherPanelProps}\n router={router}\n routerState={routerState}\n className={basePanelClass}\n style={basePanelStyle}\n isOpen={isResolvedOpen()}\n setIsOpen={setIsOpen}\n handleDragStart={(e) => handleDragStart(panelRef, e)}\n shadowDOMTarget={shadowDOMTarget}\n />\n {/* ) : (\n <p>No router</p>\n )} */}\n </DevtoolsOnCloseContext.Provider>\n\n <button\n type=\"button\"\n {...otherToggleButtonProps}\n aria-label=\"Open TanStack Router Devtools\"\n onClick={(e) => {\n setIsOpen(true)\n onToggleClick && onToggleClick(e)\n }}\n class={buttonStyle()}\n >\n <div class={styles().mainCloseBtnIconContainer}>\n <div class={styles().mainCloseBtnIconOuter}>\n <TanStackLogo />\n </div>\n <div class={styles().mainCloseBtnIconInner}>\n <TanStackLogo />\n </div>\n </div>\n <div class={styles().mainCloseBtnDivider}>-</div>\n <div class={styles().routerLogoCloseButton}>TanStack Router</div>\n </button>\n </Dynamic>\n )\n}\n\nexport default FloatingTanStackRouterDevtools\n"],"mappings":"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"} |
| const require_context = require("./context-DZa5WwQ_.cjs"); | ||
| const require_BaseTanStackRouterDevtoolsPanel = require("./BaseTanStackRouterDevtoolsPanel-DdB0IT5G.cjs"); | ||
| let clsx = require("clsx"); | ||
| //#region src/logo.tsx | ||
| var _tmpl$$1 = /* @__PURE__ */ require_context.template(`<svg xmlns=http://www.w3.org/2000/svg enable-background="new 0 0 634 633"viewBox="0 0 634 633"><g transform=translate(1)><linearGradient x1=-641.486 x2=-641.486 y1=856.648 y2=855.931 gradientTransform="matrix(633 0 0 -633 406377 542258)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#6bdaff></stop><stop offset=0.319 stop-color=#f9ffb5></stop><stop offset=0.706 stop-color=#ffa770></stop><stop offset=1 stop-color=#ff7373></stop></linearGradient><circle cx=316.5 cy=316.5 r=316.5 fill-rule=evenodd clip-rule=evenodd></circle><defs><filter width=454 height=396.9 x=-137.5 y=412 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=412 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=610.5 fill=#015064 fill-rule=evenodd stroke=#00CFE2 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=412 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=412 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=610.5 fill=#015064 fill-rule=evenodd stroke=#00CFE2 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=-137.5 y=450 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=450 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=648.5 fill=#015064 fill-rule=evenodd stroke=#00A8B8 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=450 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=450 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=648.5 fill=#015064 fill-rule=evenodd stroke=#00A8B8 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=-137.5 y=486 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=486 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=684.5 fill=#015064 fill-rule=evenodd stroke=#007782 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=486 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=486 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=684.5 fill=#015064 fill-rule=evenodd stroke=#007782 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=176.9 height=129.3 x=272.2 y=308 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=176.9 height=129.3 x=272.2 y=308 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><path fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11 d="M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1"></path><linearGradient x1=-645.656 x2=-646.499 y1=854.878 y2=854.788 gradientTransform="matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ee2700></stop><stop offset=1 stop-color=#ff008e></stop></linearGradient><path fill-rule=evenodd d="M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z"clip-rule=evenodd></path><path fill=#D8D8D8 fill-rule=evenodd stroke=#FFF stroke-linecap=round stroke-linejoin=bevel stroke-width=7 d="M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9"clip-rule=evenodd></path></g><defs><filter width=280.6 height=317.4 x=73.2 y=113.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=280.6 height=317.4 x=73.2 y=113.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><linearGradient x1=-646.8 x2=-646.8 y1=854.844 y2=853.844 gradientTransform="matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#a17500></stop><stop offset=1 stop-color=#5d2100></stop></linearGradient><path fill-rule=evenodd d="M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6"clip-rule=evenodd></path><linearGradient x1=-635.467 x2=-635.467 y1=852.115 y2=851.115 gradientTransform="matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z"clip-rule=evenodd></path><linearGradient x1=-636.573 x2=-636.573 y1=855.444 y2=854.444 gradientTransform="matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z"clip-rule=evenodd></path><linearGradient x1=-632.145 x2=-632.145 y1=854.174 y2=853.174 gradientTransform="matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z"clip-rule=evenodd></path><linearGradient x1=-638.224 x2=-638.224 y1=853.801 y2=852.801 gradientTransform="matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z"clip-rule=evenodd></path><linearGradient x1=-637.723 x2=-637.723 y1=855.103 y2=854.103 gradientTransform="matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z"clip-rule=evenodd></path><linearGradient x1=-631.79 x2=-631.79 y1=855.872 y2=854.872 gradientTransform="matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z"clip-rule=evenodd></path><path fill=none stroke=#2F8A00 stroke-linecap=round stroke-width=8 d="M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1"></path><path fill=none stroke=#2F8A00 stroke-linecap=round stroke-width=8 d="M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32"></path></g><defs><filter width=532 height=633 x=50.5 y=399 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=532 height=633 x=50.5 y=399 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><linearGradient x1=-641.104 x2=-641.278 y1=856.577 y2=856.183 gradientTransform="matrix(532 0 0 -633 341484.5 542657)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#fff400></stop><stop offset=1 stop-color=#3c8700></stop></linearGradient><ellipse cx=316.5 cy=715.5 fill-rule=evenodd clip-rule=evenodd rx=266 ry=316.5></ellipse><defs><filter width=288 height=283 x=391 y=-24 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=288 height=283 x=391 y=-24 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><g transform="translate(397 -24)"><linearGradient x1=-1036.672 x2=-1036.672 y1=880.018 y2=879.018 gradientTransform="matrix(227 0 0 -227 235493 199764)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffdf00></stop><stop offset=1 stop-color=#ff9d00></stop></linearGradient><circle cx=168.5 cy=113.5 r=113.5 fill-rule=evenodd clip-rule=evenodd></circle><linearGradient x1=-1017.329 x2=-1018.602 y1=658.003 y2=657.998 gradientTransform="matrix(30 0 0 -1 30558 771)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M30 113H0"></path><linearGradient x1=-1014.501 x2=-1015.774 y1=839.985 y2=839.935 gradientTransform="matrix(26.5 0 0 -5.5 26925 4696.5)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M33.5 79.5L7 74"></path><linearGradient x1=-1016.59 x2=-1017.862 y1=852.671 y2=852.595 gradientTransform="matrix(29 0 0 -8 29523 6971)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M34 146l-29 8"></path><linearGradient x1=-1011.984 x2=-1013.257 y1=863.523 y2=863.229 gradientTransform="matrix(24 0 0 -13 24339 11407)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M45 177l-24 13"></path><linearGradient x1=-1006.673 x2=-1007.946 y1=869.279 y2=868.376 gradientTransform="matrix(20 0 0 -19 20205 16720)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M67 204l-20 19"></path><linearGradient x1=-992.85 x2=-993.317 y1=871.258 y2=870.258 gradientTransform="matrix(13.8339 0 0 -22.8467 13825.796 20131.938)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M94.4 227l-13.8 22.8"></path><linearGradient x1=-953.835 x2=-953.965 y1=871.9 y2=870.9 gradientTransform="matrix(7.5 0 0 -24.5 7278 21605)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M127.5 243.5L120 268"></path><linearGradient x1=244.504 x2=244.496 y1=871.898 y2=870.898 gradientTransform="matrix(.5 0 0 -24.5 45.5 21614)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M167.5 252.5l.5 24.5">`); | ||
| function TanStackLogo() { | ||
| const id = require_context.createUniqueId(); | ||
| return (() => { | ||
| var _el$ = _tmpl$$1(), _el$3 = _el$.firstChild.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$13.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$23.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$25.nextSibling, _el$28 = _el$27.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$28.nextSibling, _el$31 = _el$30.firstChild, _el$32 = _el$30.nextSibling, _el$33 = _el$32.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$33.nextSibling, _el$36 = _el$35.firstChild, _el$37 = _el$35.nextSibling, _el$39 = _el$37.firstChild.nextSibling, _el$40 = _el$39.nextSibling, _el$41 = _el$37.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$41.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$43.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.nextSibling, _el$50 = _el$49.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$54 = _el$53.nextSibling, _el$55 = _el$54.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.nextSibling, _el$58 = _el$57.nextSibling, _el$59 = _el$58.nextSibling, _el$60 = _el$45.nextSibling, _el$61 = _el$60.firstChild, _el$62 = _el$60.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$62.nextSibling, _el$65 = _el$64.nextSibling, _el$66 = _el$65.nextSibling, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, _el$69 = _el$68.firstChild, _el$70 = _el$68.nextSibling, _el$72 = _el$70.firstChild.firstChild, _el$73 = _el$72.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling, _el$79 = _el$78.nextSibling, _el$80 = _el$79.nextSibling, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling; | ||
| require_context.setAttribute(_el$3, "id", `a-${id}`); | ||
| require_context.setAttribute(_el$4, "fill", `url(#a-${id})`); | ||
| require_context.setAttribute(_el$6, "id", `b-${id}`); | ||
| require_context.setAttribute(_el$7, "id", `c-${id}`); | ||
| require_context.setAttribute(_el$8, "filter", `url(#b-${id})`); | ||
| require_context.setAttribute(_el$9, "mask", `url(#c-${id})`); | ||
| require_context.setAttribute(_el$1, "id", `d-${id}`); | ||
| require_context.setAttribute(_el$10, "id", `e-${id}`); | ||
| require_context.setAttribute(_el$11, "filter", `url(#d-${id})`); | ||
| require_context.setAttribute(_el$12, "mask", `url(#e-${id})`); | ||
| require_context.setAttribute(_el$14, "id", `f-${id}`); | ||
| require_context.setAttribute(_el$15, "id", `g-${id}`); | ||
| require_context.setAttribute(_el$16, "filter", `url(#f-${id})`); | ||
| require_context.setAttribute(_el$17, "mask", `url(#g-${id})`); | ||
| require_context.setAttribute(_el$19, "id", `h-${id}`); | ||
| require_context.setAttribute(_el$20, "id", `i-${id}`); | ||
| require_context.setAttribute(_el$21, "filter", `url(#h-${id})`); | ||
| require_context.setAttribute(_el$22, "mask", `url(#i-${id})`); | ||
| require_context.setAttribute(_el$24, "id", `j-${id}`); | ||
| require_context.setAttribute(_el$25, "id", `k-${id}`); | ||
| require_context.setAttribute(_el$26, "filter", `url(#j-${id})`); | ||
| require_context.setAttribute(_el$27, "mask", `url(#k-${id})`); | ||
| require_context.setAttribute(_el$29, "id", `l-${id}`); | ||
| require_context.setAttribute(_el$30, "id", `m-${id}`); | ||
| require_context.setAttribute(_el$31, "filter", `url(#l-${id})`); | ||
| require_context.setAttribute(_el$32, "mask", `url(#m-${id})`); | ||
| require_context.setAttribute(_el$34, "id", `n-${id}`); | ||
| require_context.setAttribute(_el$35, "id", `o-${id}`); | ||
| require_context.setAttribute(_el$36, "filter", `url(#n-${id})`); | ||
| require_context.setAttribute(_el$37, "mask", `url(#o-${id})`); | ||
| require_context.setAttribute(_el$39, "id", `p-${id}`); | ||
| require_context.setAttribute(_el$40, "fill", `url(#p-${id})`); | ||
| require_context.setAttribute(_el$42, "id", `q-${id}`); | ||
| require_context.setAttribute(_el$43, "id", `r-${id}`); | ||
| require_context.setAttribute(_el$44, "filter", `url(#q-${id})`); | ||
| require_context.setAttribute(_el$45, "mask", `url(#r-${id})`); | ||
| require_context.setAttribute(_el$46, "id", `s-${id}`); | ||
| require_context.setAttribute(_el$47, "fill", `url(#s-${id})`); | ||
| require_context.setAttribute(_el$48, "id", `t-${id}`); | ||
| require_context.setAttribute(_el$49, "fill", `url(#t-${id})`); | ||
| require_context.setAttribute(_el$50, "id", `u-${id}`); | ||
| require_context.setAttribute(_el$51, "fill", `url(#u-${id})`); | ||
| require_context.setAttribute(_el$52, "id", `v-${id}`); | ||
| require_context.setAttribute(_el$53, "fill", `url(#v-${id})`); | ||
| require_context.setAttribute(_el$54, "id", `w-${id}`); | ||
| require_context.setAttribute(_el$55, "fill", `url(#w-${id})`); | ||
| require_context.setAttribute(_el$56, "id", `x-${id}`); | ||
| require_context.setAttribute(_el$57, "fill", `url(#x-${id})`); | ||
| require_context.setAttribute(_el$58, "id", `y-${id}`); | ||
| require_context.setAttribute(_el$59, "fill", `url(#y-${id})`); | ||
| require_context.setAttribute(_el$61, "id", `z-${id}`); | ||
| require_context.setAttribute(_el$62, "id", `A-${id}`); | ||
| require_context.setAttribute(_el$63, "filter", `url(#z-${id})`); | ||
| require_context.setAttribute(_el$64, "id", `B-${id}`); | ||
| require_context.setAttribute(_el$65, "fill", `url(#B-${id})`); | ||
| require_context.setAttribute(_el$65, "mask", `url(#A-${id})`); | ||
| require_context.setAttribute(_el$67, "id", `C-${id}`); | ||
| require_context.setAttribute(_el$68, "id", `D-${id}`); | ||
| require_context.setAttribute(_el$69, "filter", `url(#C-${id})`); | ||
| require_context.setAttribute(_el$70, "mask", `url(#D-${id})`); | ||
| require_context.setAttribute(_el$72, "id", `E-${id}`); | ||
| require_context.setAttribute(_el$73, "fill", `url(#E-${id})`); | ||
| require_context.setAttribute(_el$74, "id", `F-${id}`); | ||
| require_context.setAttribute(_el$75, "stroke", `url(#F-${id})`); | ||
| require_context.setAttribute(_el$76, "id", `G-${id}`); | ||
| require_context.setAttribute(_el$77, "stroke", `url(#G-${id})`); | ||
| require_context.setAttribute(_el$78, "id", `H-${id}`); | ||
| require_context.setAttribute(_el$79, "stroke", `url(#H-${id})`); | ||
| require_context.setAttribute(_el$80, "id", `I-${id}`); | ||
| require_context.setAttribute(_el$81, "stroke", `url(#I-${id})`); | ||
| require_context.setAttribute(_el$82, "id", `J-${id}`); | ||
| require_context.setAttribute(_el$83, "stroke", `url(#J-${id})`); | ||
| require_context.setAttribute(_el$84, "id", `K-${id}`); | ||
| require_context.setAttribute(_el$85, "stroke", `url(#K-${id})`); | ||
| require_context.setAttribute(_el$86, "id", `L-${id}`); | ||
| require_context.setAttribute(_el$87, "stroke", `url(#L-${id})`); | ||
| require_context.setAttribute(_el$88, "id", `M-${id}`); | ||
| require_context.setAttribute(_el$89, "stroke", `url(#M-${id})`); | ||
| return _el$; | ||
| })(); | ||
| } | ||
| //#endregion | ||
| //#region src/FloatingTanStackRouterDevtools.tsx | ||
| var _tmpl$ = /* @__PURE__ */ require_context.template(`<button type=button><div><div></div><div></div></div><div>-</div><div>TanStack Router`); | ||
| function FloatingTanStackRouterDevtools({ initialIsOpen, panelProps = {}, closeButtonProps = {}, toggleButtonProps = {}, position = "bottom-left", containerElement: Container = "footer", router, routerState, shadowDOMTarget }) { | ||
| const [rootEl, setRootEl] = require_context.createSignal(); | ||
| let panelRef = void 0; | ||
| const [isOpen, setIsOpen] = require_BaseTanStackRouterDevtoolsPanel.useLocalStorage("tanstackRouterDevtoolsOpen", initialIsOpen); | ||
| const [devtoolsHeight, setDevtoolsHeight] = require_BaseTanStackRouterDevtoolsPanel.useLocalStorage("tanstackRouterDevtoolsHeight", null); | ||
| const [isResolvedOpen, setIsResolvedOpen] = require_context.createSignal(false); | ||
| const [isResizing, setIsResizing] = require_context.createSignal(false); | ||
| const isMounted = require_BaseTanStackRouterDevtoolsPanel.useIsMounted(); | ||
| const styles = require_BaseTanStackRouterDevtoolsPanel.useStyles(); | ||
| const handleDragStart = (panelElement, startEvent) => { | ||
| if (startEvent.button !== 0) return; | ||
| setIsResizing(true); | ||
| const dragInfo = { | ||
| originalHeight: panelElement?.getBoundingClientRect().height ?? 0, | ||
| pageY: startEvent.pageY | ||
| }; | ||
| const run = (moveEvent) => { | ||
| const delta = dragInfo.pageY - moveEvent.pageY; | ||
| const newHeight = dragInfo.originalHeight + delta; | ||
| setDevtoolsHeight(newHeight); | ||
| if (newHeight < 70) setIsOpen(false); | ||
| else setIsOpen(true); | ||
| }; | ||
| const unsub = () => { | ||
| setIsResizing(false); | ||
| document.removeEventListener("mousemove", run); | ||
| document.removeEventListener("mouseUp", unsub); | ||
| }; | ||
| document.addEventListener("mousemove", run); | ||
| document.addEventListener("mouseup", unsub); | ||
| }; | ||
| isOpen(); | ||
| require_context.createEffect(() => { | ||
| setIsResolvedOpen(isOpen() ?? false); | ||
| }); | ||
| require_context.createEffect(() => { | ||
| if (isResolvedOpen()) { | ||
| const previousValue = rootEl()?.parentElement?.style.paddingBottom; | ||
| const run = () => { | ||
| const containerHeight = panelRef.getBoundingClientRect().height; | ||
| if (rootEl()?.parentElement) setRootEl((prev) => { | ||
| if (prev?.parentElement) prev.parentElement.style.paddingBottom = `${containerHeight}px`; | ||
| return prev; | ||
| }); | ||
| }; | ||
| run(); | ||
| if (typeof window !== "undefined") { | ||
| window.addEventListener("resize", run); | ||
| return () => { | ||
| window.removeEventListener("resize", run); | ||
| if (rootEl()?.parentElement && typeof previousValue === "string") setRootEl((prev) => { | ||
| prev.parentElement.style.paddingBottom = previousValue; | ||
| return prev; | ||
| }); | ||
| }; | ||
| } | ||
| } else if (rootEl()?.parentElement) setRootEl((prev) => { | ||
| if (prev?.parentElement) prev.parentElement.removeAttribute("style"); | ||
| return prev; | ||
| }); | ||
| }); | ||
| require_context.createEffect(() => { | ||
| if (rootEl()) { | ||
| const el = rootEl(); | ||
| const fontSize = getComputedStyle(el).fontSize; | ||
| el?.style.setProperty("--tsrd-font-size", fontSize); | ||
| } | ||
| }); | ||
| const { style: panelStyle = {}, ...otherPanelProps } = panelProps; | ||
| const { style: closeButtonStyle = {}, onClick: onCloseClick, ...otherCloseButtonProps } = closeButtonProps; | ||
| const { onClick: onToggleClick, class: toggleButtonClassName, ...otherToggleButtonProps } = toggleButtonProps; | ||
| if (!isMounted()) return null; | ||
| const resolvedHeight = require_context.createMemo(() => devtoolsHeight() ?? 500); | ||
| const basePanelClass = require_context.createMemo(() => { | ||
| return (0, clsx.clsx)(styles().devtoolsPanelContainer, styles().devtoolsPanelContainerVisibility(!!isOpen()), styles().devtoolsPanelContainerResizing(isResizing), styles().devtoolsPanelContainerAnimation(isResolvedOpen(), resolvedHeight() + 16)); | ||
| }); | ||
| const basePanelStyle = require_context.createMemo(() => { | ||
| return { | ||
| height: `${resolvedHeight()}px`, | ||
| ...panelStyle || {} | ||
| }; | ||
| }); | ||
| const buttonStyle = require_context.createMemo(() => { | ||
| return (0, clsx.clsx)(styles().mainCloseBtn, styles().mainCloseBtnPosition(position), styles().mainCloseBtnAnimation(!!isOpen()), toggleButtonClassName); | ||
| }); | ||
| return require_context.createComponent(require_context.Dynamic, { | ||
| component: Container, | ||
| ref: setRootEl, | ||
| "class": "TanStackRouterDevtools", | ||
| get children() { | ||
| return [require_context.createComponent(require_context.DevtoolsOnCloseContext.Provider, { | ||
| value: { onCloseClick: onCloseClick ?? (() => {}) }, | ||
| get children() { | ||
| return require_context.createComponent(require_BaseTanStackRouterDevtoolsPanel.BaseTanStackRouterDevtoolsPanel, require_context.mergeProps({ ref(r$) { | ||
| var _ref$ = panelRef; | ||
| typeof _ref$ === "function" ? _ref$(r$) : panelRef = r$; | ||
| } }, otherPanelProps, { | ||
| router, | ||
| routerState, | ||
| className: basePanelClass, | ||
| style: basePanelStyle, | ||
| get isOpen() { | ||
| return isResolvedOpen(); | ||
| }, | ||
| setIsOpen, | ||
| handleDragStart: (e) => handleDragStart(panelRef, e), | ||
| shadowDOMTarget | ||
| })); | ||
| } | ||
| }), (() => { | ||
| var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.nextSibling; | ||
| require_context.spread(_el$, require_context.mergeProps(otherToggleButtonProps, { | ||
| "aria-label": "Open TanStack Router Devtools", | ||
| "onClick": (e) => { | ||
| setIsOpen(true); | ||
| onToggleClick && onToggleClick(e); | ||
| }, | ||
| get ["class"]() { | ||
| return buttonStyle(); | ||
| } | ||
| }), false, true); | ||
| require_context.insert(_el$3, require_context.createComponent(TanStackLogo, {})); | ||
| require_context.insert(_el$4, require_context.createComponent(TanStackLogo, {})); | ||
| require_context.createRenderEffect((_p$) => { | ||
| var _v$ = styles().mainCloseBtnIconContainer, _v$2 = styles().mainCloseBtnIconOuter, _v$3 = styles().mainCloseBtnIconInner, _v$4 = styles().mainCloseBtnDivider, _v$5 = styles().routerLogoCloseButton; | ||
| _v$ !== _p$.e && require_context.className(_el$2, _p$.e = _v$); | ||
| _v$2 !== _p$.t && require_context.className(_el$3, _p$.t = _v$2); | ||
| _v$3 !== _p$.a && require_context.className(_el$4, _p$.a = _v$3); | ||
| _v$4 !== _p$.o && require_context.className(_el$5, _p$.o = _v$4); | ||
| _v$5 !== _p$.i && require_context.className(_el$6, _p$.i = _v$5); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0, | ||
| o: void 0, | ||
| i: void 0 | ||
| }); | ||
| return _el$; | ||
| })()]; | ||
| } | ||
| }); | ||
| } | ||
| //#endregion | ||
| exports.FloatingTanStackRouterDevtools = FloatingTanStackRouterDevtools; | ||
| exports.default = FloatingTanStackRouterDevtools; | ||
| //# sourceMappingURL=FloatingTanStackRouterDevtools-TVrd9NKL.cjs.map |
| {"version":3,"file":"FloatingTanStackRouterDevtools-TVrd9NKL.cjs","names":["createUniqueId","TanStackLogo","id","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","_el$17","_el$18","_el$19","_el$20","_el$21","_el$22","_el$23","_el$24","_el$25","_el$26","_el$27","_el$28","_el$29","_el$30","_el$31","_el$32","_el$33","_el$34","_el$35","_el$36","_el$37","_el$38","_el$39","_el$40","_el$41","_el$42","_el$43","_el$44","_el$45","_el$46","_el$47","_el$48","_el$49","_el$50","_el$51","_el$52","_el$53","_el$54","_el$55","_el$56","_el$57","_el$58","_el$59","_el$60","_el$61","_el$62","_el$63","_el$64","_el$65","_el$66","_el$67","_el$68","_el$69","_el$70","_el$71","_el$72","_el$73","_el$74","_el$75","_el$76","_el$77","_el$78","_el$79","_el$80","_el$81","_el$82","_el$83","_el$84","_el$85","_el$86","_el$87","_el$88","_el$89","_$setAttribute","clsx","cx","createEffect","createMemo","createSignal","Dynamic","DevtoolsOnCloseContext","useIsMounted","BaseTanStackRouterDevtoolsPanel","useLocalStorage","TanStackLogo","useStyles","Accessor","JSX","AnyRouter","FloatingDevtoolsOptions","initialIsOpen","panelProps","ref","closeButtonProps","toggleButtonProps","position","containerElement","router","routerState","shadowDOMTarget","ShadowRoot","FloatingTanStackRouterDevtools","Container","Element","rootEl","setRootEl","HTMLDivElement","panelRef","undefined","isOpen","setIsOpen","devtoolsHeight","setDevtoolsHeight","isResolvedOpen","setIsResolvedOpen","isResizing","setIsResizing","isMounted","styles","handleDragStart","panelElement","startEvent","button","dragInfo","originalHeight","getBoundingClientRect","height","pageY","run","moveEvent","MouseEvent","delta","newHeight","unsub","document","removeEventListener","addEventListener","isButtonClosed","previousValue","parentElement","style","paddingBottom","containerHeight","prev","window","removeAttribute","el","fontSize","getComputedStyle","setProperty","panelStyle","otherPanelProps","Record","closeButtonStyle","onClick","onCloseClick","otherCloseButtonProps","onToggleClick","class","toggleButtonClassName","otherToggleButtonProps","resolvedHeight","basePanelClass","devtoolsPanelContainer","devtoolsPanelContainerVisibility","devtoolsPanelContainerResizing","devtoolsPanelContainerAnimation","basePanelStyle","buttonStyle","mainCloseBtn","mainCloseBtnPosition","mainCloseBtnAnimation","_$createComponent","component","children","Provider","value","_$mergeProps","r$","_ref$","className","e","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_$spread","_$insert","_$effect","_p$","_v$","mainCloseBtnIconContainer","_v$2","mainCloseBtnIconOuter","_v$3","mainCloseBtnIconInner","_v$4","mainCloseBtnDivider","_v$5","routerLogoCloseButton","_$className","t","a","o","i"],"sources":["../src/logo.tsx","../src/FloatingTanStackRouterDevtools.tsx"],"sourcesContent":["import { createUniqueId } from 'solid-js'\n\nexport function TanStackLogo() {\n const id = createUniqueId()\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n enable-background=\"new 0 0 634 633\"\n viewBox=\"0 0 634 633\"\n >\n <g transform=\"translate(1)\">\n <linearGradient\n id={`a-${id}`}\n x1=\"-641.486\"\n x2=\"-641.486\"\n y1=\"856.648\"\n y2=\"855.931\"\n gradientTransform=\"matrix(633 0 0 -633 406377 542258)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#6bdaff\"></stop>\n <stop offset=\"0.319\" stop-color=\"#f9ffb5\"></stop>\n <stop offset=\"0.706\" stop-color=\"#ffa770\"></stop>\n <stop offset=\"1\" stop-color=\"#ff7373\"></stop>\n </linearGradient>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill={`url(#a-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <defs>\n <filter\n id={`b-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`c-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#b-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#c-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`d-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`e-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#d-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#e-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`f-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`g-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#f-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#g-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`h-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`i-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#h-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#i-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`j-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`k-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#j-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#k-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`l-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`m-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#l-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#m-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`n-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`o-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#n-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#o-${id})`}>\n <path\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n d=\"M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1\"\n ></path>\n <linearGradient\n id={`p-${id}`}\n x1=\"-645.656\"\n x2=\"-646.499\"\n y1=\"854.878\"\n y2=\"854.788\"\n gradientTransform=\"matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ee2700\"></stop>\n <stop offset=\"1\" stop-color=\"#ff008e\"></stop>\n </linearGradient>\n <path\n fill={`url(#p-${id})`}\n fill-rule=\"evenodd\"\n d=\"M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"#D8D8D8\"\n fill-rule=\"evenodd\"\n stroke=\"#FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n d=\"M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9\"\n clip-rule=\"evenodd\"\n ></path>\n </g>\n <defs>\n <filter\n id={`q-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`r-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#q-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#r-${id})`}>\n <linearGradient\n id={`s-${id}`}\n x1=\"-646.8\"\n x2=\"-646.8\"\n y1=\"854.844\"\n y2=\"853.844\"\n gradientTransform=\"matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#a17500\"></stop>\n <stop offset=\"1\" stop-color=\"#5d2100\"></stop>\n </linearGradient>\n <path\n fill={`url(#s-${id})`}\n fill-rule=\"evenodd\"\n d=\"M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`t-${id}`}\n x1=\"-635.467\"\n x2=\"-635.467\"\n y1=\"852.115\"\n y2=\"851.115\"\n gradientTransform=\"matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#t-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`u-${id}`}\n x1=\"-636.573\"\n x2=\"-636.573\"\n y1=\"855.444\"\n y2=\"854.444\"\n gradientTransform=\"matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#u-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`v-${id}`}\n x1=\"-632.145\"\n x2=\"-632.145\"\n y1=\"854.174\"\n y2=\"853.174\"\n gradientTransform=\"matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#v-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`w-${id}`}\n x1=\"-638.224\"\n x2=\"-638.224\"\n y1=\"853.801\"\n y2=\"852.801\"\n gradientTransform=\"matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#w-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`x-${id}`}\n x1=\"-637.723\"\n x2=\"-637.723\"\n y1=\"855.103\"\n y2=\"854.103\"\n gradientTransform=\"matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#x-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`y-${id}`}\n x1=\"-631.79\"\n x2=\"-631.79\"\n y1=\"855.872\"\n y2=\"854.872\"\n gradientTransform=\"matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#y-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32\"\n ></path>\n </g>\n <defs>\n <filter\n id={`z-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`A-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#z-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <linearGradient\n id={`B-${id}`}\n x1=\"-641.104\"\n x2=\"-641.278\"\n y1=\"856.577\"\n y2=\"856.183\"\n gradientTransform=\"matrix(532 0 0 -633 341484.5 542657)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#fff400\"></stop>\n <stop offset=\"1\" stop-color=\"#3c8700\"></stop>\n </linearGradient>\n <ellipse\n cx=\"316.5\"\n cy=\"715.5\"\n fill={`url(#B-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n mask={`url(#A-${id})`}\n rx=\"266\"\n ry=\"316.5\"\n ></ellipse>\n <defs>\n <filter\n id={`C-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`D-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#C-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#D-${id})`}>\n <g transform=\"translate(397 -24)\">\n <linearGradient\n id={`E-${id}`}\n x1=\"-1036.672\"\n x2=\"-1036.672\"\n y1=\"880.018\"\n y2=\"879.018\"\n gradientTransform=\"matrix(227 0 0 -227 235493 199764)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffdf00\"></stop>\n <stop offset=\"1\" stop-color=\"#ff9d00\"></stop>\n </linearGradient>\n <circle\n cx=\"168.5\"\n cy=\"113.5\"\n r=\"113.5\"\n fill={`url(#E-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <linearGradient\n id={`F-${id}`}\n x1=\"-1017.329\"\n x2=\"-1018.602\"\n y1=\"658.003\"\n y2=\"657.998\"\n gradientTransform=\"matrix(30 0 0 -1 30558 771)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#F-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M30 113H0\"\n ></path>\n <linearGradient\n id={`G-${id}`}\n x1=\"-1014.501\"\n x2=\"-1015.774\"\n y1=\"839.985\"\n y2=\"839.935\"\n gradientTransform=\"matrix(26.5 0 0 -5.5 26925 4696.5)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#G-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M33.5 79.5L7 74\"\n ></path>\n <linearGradient\n id={`H-${id}`}\n x1=\"-1016.59\"\n x2=\"-1017.862\"\n y1=\"852.671\"\n y2=\"852.595\"\n gradientTransform=\"matrix(29 0 0 -8 29523 6971)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#H-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M34 146l-29 8\"\n ></path>\n <linearGradient\n id={`I-${id}`}\n x1=\"-1011.984\"\n x2=\"-1013.257\"\n y1=\"863.523\"\n y2=\"863.229\"\n gradientTransform=\"matrix(24 0 0 -13 24339 11407)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#I-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M45 177l-24 13\"\n ></path>\n <linearGradient\n id={`J-${id}`}\n x1=\"-1006.673\"\n x2=\"-1007.946\"\n y1=\"869.279\"\n y2=\"868.376\"\n gradientTransform=\"matrix(20 0 0 -19 20205 16720)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#J-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M67 204l-20 19\"\n ></path>\n <linearGradient\n id={`K-${id}`}\n x1=\"-992.85\"\n x2=\"-993.317\"\n y1=\"871.258\"\n y2=\"870.258\"\n gradientTransform=\"matrix(13.8339 0 0 -22.8467 13825.796 20131.938)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#K-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M94.4 227l-13.8 22.8\"\n ></path>\n <linearGradient\n id={`L-${id}`}\n x1=\"-953.835\"\n x2=\"-953.965\"\n y1=\"871.9\"\n y2=\"870.9\"\n gradientTransform=\"matrix(7.5 0 0 -24.5 7278 21605)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#L-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M127.5 243.5L120 268\"\n ></path>\n <linearGradient\n id={`M-${id}`}\n x1=\"244.504\"\n x2=\"244.496\"\n y1=\"871.898\"\n y2=\"870.898\"\n gradientTransform=\"matrix(.5 0 0 -24.5 45.5 21614)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#M-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M167.5 252.5l.5 24.5\"\n ></path>\n </g>\n </g>\n </g>\n </svg>\n )\n}\n","import { clsx as cx } from 'clsx'\n\nimport { createEffect, createMemo, createSignal } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\n\nimport { DevtoolsOnCloseContext } from './context'\nimport { useIsMounted } from './utils'\nimport { BaseTanStackRouterDevtoolsPanel } from './BaseTanStackRouterDevtoolsPanel'\nimport useLocalStorage from './useLocalStorage'\nimport { TanStackLogo } from './logo'\nimport { useStyles } from './useStyles'\nimport type { Accessor, JSX } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport interface FloatingDevtoolsOptions {\n /**\n * Set this true if you want the dev tools to default to being open\n */\n initialIsOpen?: boolean\n /**\n * Use this to add props to the panel. For example, you can add class, style (merge and override default style), etc.\n */\n panelProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the close button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n closeButtonProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the toggle button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n toggleButtonProps?: any & {\n ref?: any\n }\n /**\n * The position of the TanStack Router logo to open and close the devtools panel.\n * Defaults to 'bottom-left'.\n */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /**\n * Use this to render the devtools inside a different type of container element for a11y purposes.\n * Any string which corresponds to a valid intrinsic JSX element is allowed.\n * Defaults to 'footer'.\n */\n containerElement?: string | any\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router: Accessor<AnyRouter>\n routerState: Accessor<any>\n /**\n * Use this to attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n}\n\nexport function FloatingTanStackRouterDevtools({\n initialIsOpen,\n panelProps = {},\n closeButtonProps = {},\n toggleButtonProps = {},\n position = 'bottom-left',\n containerElement: Container = 'footer',\n router,\n routerState,\n shadowDOMTarget,\n}: FloatingDevtoolsOptions): JSX.Element | null {\n const [rootEl, setRootEl] = createSignal<HTMLDivElement>()\n\n // eslint-disable-next-line prefer-const\n let panelRef: HTMLDivElement | undefined = undefined\n\n const [isOpen, setIsOpen] = useLocalStorage(\n 'tanstackRouterDevtoolsOpen',\n initialIsOpen,\n )\n\n const [devtoolsHeight, setDevtoolsHeight] = useLocalStorage<number | null>(\n 'tanstackRouterDevtoolsHeight',\n null,\n )\n\n const [isResolvedOpen, setIsResolvedOpen] = createSignal(false)\n const [isResizing, setIsResizing] = createSignal(false)\n const isMounted = useIsMounted()\n const styles = useStyles()\n\n const handleDragStart = (\n panelElement: HTMLDivElement | undefined,\n startEvent: any,\n ) => {\n if (startEvent.button !== 0) return // Only allow left click for drag\n\n setIsResizing(true)\n\n const dragInfo = {\n originalHeight: panelElement?.getBoundingClientRect().height ?? 0,\n pageY: startEvent.pageY,\n }\n\n const run = (moveEvent: MouseEvent) => {\n const delta = dragInfo.pageY - moveEvent.pageY\n const newHeight = dragInfo.originalHeight + delta\n\n setDevtoolsHeight(newHeight)\n\n if (newHeight < 70) {\n setIsOpen(false)\n } else {\n setIsOpen(true)\n }\n }\n\n const unsub = () => {\n setIsResizing(false)\n document.removeEventListener('mousemove', run)\n document.removeEventListener('mouseUp', unsub)\n }\n\n document.addEventListener('mousemove', run)\n document.addEventListener('mouseup', unsub)\n }\n\n const isButtonClosed = isOpen() ?? false\n\n createEffect(() => {\n setIsResolvedOpen(isOpen() ?? false)\n })\n\n createEffect(() => {\n if (isResolvedOpen()) {\n const previousValue = rootEl()?.parentElement?.style.paddingBottom\n\n const run = () => {\n const containerHeight = panelRef!.getBoundingClientRect().height\n if (rootEl()?.parentElement) {\n setRootEl((prev) => {\n if (prev?.parentElement) {\n prev.parentElement.style.paddingBottom = `${containerHeight}px`\n }\n return prev\n })\n }\n }\n\n run()\n\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', run)\n\n return () => {\n window.removeEventListener('resize', run)\n if (rootEl()?.parentElement && typeof previousValue === 'string') {\n setRootEl((prev) => {\n prev!.parentElement!.style.paddingBottom = previousValue\n return prev\n })\n }\n }\n }\n } else {\n // Reset padding when devtools are closed\n if (rootEl()?.parentElement) {\n setRootEl((prev) => {\n if (prev?.parentElement) {\n prev.parentElement.removeAttribute('style')\n }\n return prev\n })\n }\n }\n return\n })\n\n createEffect(() => {\n if (rootEl()) {\n const el = rootEl()\n const fontSize = getComputedStyle(el!).fontSize\n el?.style.setProperty('--tsrd-font-size', fontSize)\n }\n })\n\n const { style: panelStyle = {}, ...otherPanelProps } = panelProps as {\n style?: Record<string, any>\n }\n\n const {\n style: closeButtonStyle = {},\n onClick: onCloseClick,\n ...otherCloseButtonProps\n } = closeButtonProps\n\n const {\n onClick: onToggleClick,\n class: toggleButtonClassName,\n ...otherToggleButtonProps\n } = toggleButtonProps\n\n // Do not render on the server\n if (!isMounted()) return null\n\n const resolvedHeight = createMemo(() => devtoolsHeight() ?? 500)\n\n const basePanelClass = createMemo(() => {\n return cx(\n styles().devtoolsPanelContainer,\n styles().devtoolsPanelContainerVisibility(!!isOpen()),\n styles().devtoolsPanelContainerResizing(isResizing),\n styles().devtoolsPanelContainerAnimation(\n isResolvedOpen(),\n resolvedHeight() + 16,\n ),\n )\n })\n\n const basePanelStyle = createMemo(() => {\n return {\n height: `${resolvedHeight()}px`,\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n ...(panelStyle || {}),\n }\n })\n\n const buttonStyle = createMemo(() => {\n return cx(\n styles().mainCloseBtn,\n styles().mainCloseBtnPosition(position),\n styles().mainCloseBtnAnimation(!!isOpen()),\n toggleButtonClassName,\n )\n })\n\n return (\n <Dynamic\n component={Container}\n ref={setRootEl}\n class=\"TanStackRouterDevtools\"\n >\n <DevtoolsOnCloseContext.Provider\n value={{\n onCloseClick: onCloseClick ?? (() => {}),\n }}\n >\n {/* {router() ? ( */}\n <BaseTanStackRouterDevtoolsPanel\n ref={panelRef}\n {...otherPanelProps}\n router={router}\n routerState={routerState}\n className={basePanelClass}\n style={basePanelStyle}\n isOpen={isResolvedOpen()}\n setIsOpen={setIsOpen}\n handleDragStart={(e) => handleDragStart(panelRef, e)}\n shadowDOMTarget={shadowDOMTarget}\n />\n {/* ) : (\n <p>No router</p>\n )} */}\n </DevtoolsOnCloseContext.Provider>\n\n <button\n type=\"button\"\n {...otherToggleButtonProps}\n aria-label=\"Open TanStack Router Devtools\"\n onClick={(e) => {\n setIsOpen(true)\n onToggleClick && onToggleClick(e)\n }}\n class={buttonStyle()}\n >\n <div class={styles().mainCloseBtnIconContainer}>\n <div class={styles().mainCloseBtnIconOuter}>\n <TanStackLogo />\n </div>\n <div class={styles().mainCloseBtnIconInner}>\n <TanStackLogo />\n </div>\n </div>\n <div class={styles().mainCloseBtnDivider}>-</div>\n <div class={styles().routerLogoCloseButton}>TanStack Router</div>\n </button>\n </Dynamic>\n )\n}\n\nexport default FloatingTanStackRouterDevtools\n"],"mappings":"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"} |
+170
-5
@@ -1,6 +0,171 @@ | ||
| "use strict"; | ||
| Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" }); | ||
| const index = require("../index-BoYu2KZp.cjs"); | ||
| exports.TanStackRouterDevtoolsCore = index.TanStackRouterDevtoolsCore; | ||
| exports.TanStackRouterDevtoolsPanelCore = index.TanStackRouterDevtoolsPanelCore; | ||
| //# sourceMappingURL=index.cjs.map | ||
| const require_context = require("../context-DZa5WwQ_.cjs"); | ||
| //#region src/TanStackRouterDevtoolsCore.tsx | ||
| var TanStackRouterDevtoolsCore = class { | ||
| #router; | ||
| #routerState; | ||
| #position; | ||
| #initialIsOpen; | ||
| #shadowDOMTarget; | ||
| #panelProps; | ||
| #closeButtonProps; | ||
| #toggleButtonProps; | ||
| #containerElement; | ||
| #isMounted = false; | ||
| #Component; | ||
| #dispose; | ||
| constructor(config) { | ||
| this.#router = require_context.createSignal(config.router); | ||
| this.#routerState = require_context.createSignal(config.routerState); | ||
| this.#position = config.position ?? "bottom-left"; | ||
| this.#initialIsOpen = config.initialIsOpen ?? false; | ||
| this.#shadowDOMTarget = config.shadowDOMTarget; | ||
| this.#panelProps = config.panelProps; | ||
| this.#closeButtonProps = config.closeButtonProps; | ||
| this.#toggleButtonProps = config.toggleButtonProps; | ||
| this.#containerElement = config.containerElement; | ||
| } | ||
| mount(el) { | ||
| if (this.#isMounted) throw new Error("Devtools is already mounted"); | ||
| const dispose = require_context.render(() => { | ||
| const [router] = this.#router; | ||
| const [routerState] = this.#routerState; | ||
| const position = this.#position; | ||
| const initialIsOpen = this.#initialIsOpen; | ||
| const shadowDOMTarget = this.#shadowDOMTarget; | ||
| const panelProps = this.#panelProps; | ||
| const closeButtonProps = this.#closeButtonProps; | ||
| const toggleButtonProps = this.#toggleButtonProps; | ||
| const containerElement = this.#containerElement; | ||
| let Devtools; | ||
| if (this.#Component) Devtools = this.#Component; | ||
| else { | ||
| Devtools = require_context.lazy(() => Promise.resolve().then(() => require("../FloatingTanStackRouterDevtools-TVrd9NKL.cjs"))); | ||
| this.#Component = Devtools; | ||
| } | ||
| return require_context.createComponent(require_context.ShadowDomTargetContext.Provider, { | ||
| value: shadowDOMTarget, | ||
| get children() { | ||
| return require_context.createComponent(Devtools, { | ||
| position, | ||
| initialIsOpen, | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| panelProps, | ||
| closeButtonProps, | ||
| toggleButtonProps, | ||
| containerElement | ||
| }); | ||
| } | ||
| }); | ||
| }, el); | ||
| this.#isMounted = true; | ||
| this.#dispose = dispose; | ||
| } | ||
| unmount() { | ||
| if (!this.#isMounted) throw new Error("Devtools is not mounted"); | ||
| this.#dispose?.(); | ||
| this.#isMounted = false; | ||
| } | ||
| setRouter(router) { | ||
| this.#router[1](router); | ||
| } | ||
| setRouterState(routerState) { | ||
| this.#routerState[1](routerState); | ||
| } | ||
| setOptions(options) { | ||
| if (options.position !== void 0) this.#position = options.position; | ||
| if (options.initialIsOpen !== void 0) this.#initialIsOpen = options.initialIsOpen; | ||
| if (options.shadowDOMTarget !== void 0) this.#shadowDOMTarget = options.shadowDOMTarget; | ||
| if (options.containerElement !== void 0) this.#containerElement = options.containerElement; | ||
| } | ||
| }; | ||
| //#endregion | ||
| //#region src/TanStackRouterDevtoolsPanelCore.tsx | ||
| var TanStackRouterDevtoolsPanelCore = class { | ||
| #router; | ||
| #routerState; | ||
| #style; | ||
| #className; | ||
| #shadowDOMTarget; | ||
| #isMounted = false; | ||
| #setIsOpen; | ||
| #dispose; | ||
| #Component; | ||
| constructor(config) { | ||
| const { router, routerState, shadowDOMTarget, setIsOpen, style, className } = config; | ||
| this.#router = require_context.createSignal(router); | ||
| this.#routerState = require_context.createSignal(routerState); | ||
| this.#style = require_context.createSignal(style); | ||
| this.#className = require_context.createSignal(className); | ||
| this.#shadowDOMTarget = shadowDOMTarget; | ||
| this.#setIsOpen = setIsOpen; | ||
| } | ||
| mount(el) { | ||
| if (this.#isMounted) throw new Error("Devtools is already mounted"); | ||
| const dispose = require_context.render(() => { | ||
| const [router] = this.#router; | ||
| const [routerState] = this.#routerState; | ||
| const [style] = this.#style; | ||
| const [className] = this.#className; | ||
| const shadowDOMTarget = this.#shadowDOMTarget; | ||
| const setIsOpen = this.#setIsOpen; | ||
| let BaseTanStackRouterDevtoolsPanel; | ||
| if (this.#Component) BaseTanStackRouterDevtoolsPanel = this.#Component; | ||
| else { | ||
| BaseTanStackRouterDevtoolsPanel = require_context.lazy(() => Promise.resolve().then(() => require("../BaseTanStackRouterDevtoolsPanel-DdB0IT5G.cjs"))); | ||
| this.#Component = BaseTanStackRouterDevtoolsPanel; | ||
| } | ||
| return require_context.createComponent(require_context.ShadowDomTargetContext.Provider, { | ||
| value: shadowDOMTarget, | ||
| get children() { | ||
| return require_context.createComponent(require_context.DevtoolsOnCloseContext.Provider, { | ||
| value: { onCloseClick: () => {} }, | ||
| get children() { | ||
| return require_context.createComponent(BaseTanStackRouterDevtoolsPanel, { | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| setIsOpen, | ||
| style, | ||
| className | ||
| }); | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
| }, el); | ||
| this.#isMounted = true; | ||
| this.#dispose = dispose; | ||
| } | ||
| unmount() { | ||
| if (!this.#isMounted) throw new Error("Devtools is not mounted"); | ||
| this.#dispose?.(); | ||
| this.#isMounted = false; | ||
| } | ||
| setRouter(router) { | ||
| this.#router[1](router); | ||
| } | ||
| setRouterState(routerState) { | ||
| this.#routerState[1](routerState); | ||
| } | ||
| setStyle(style) { | ||
| this.#style[1](style); | ||
| } | ||
| setClassName(className) { | ||
| this.#className[1](className); | ||
| } | ||
| setOptions(options) { | ||
| if (options.shadowDOMTarget !== void 0) this.#shadowDOMTarget = options.shadowDOMTarget; | ||
| if (options.router !== void 0) this.setRouter(options.router); | ||
| if (options.routerState !== void 0) this.setRouterState(options.routerState); | ||
| if (options.style !== void 0) this.setStyle(options.style); | ||
| if (options.className !== void 0) this.setClassName(options.className); | ||
| } | ||
| }; | ||
| //#endregion | ||
| exports.TanStackRouterDevtoolsCore = TanStackRouterDevtoolsCore; | ||
| exports.TanStackRouterDevtoolsPanelCore = TanStackRouterDevtoolsPanelCore; | ||
| //# sourceMappingURL=index.cjs.map |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"} | ||
| {"version":3,"file":"index.cjs","names":["createSignal","lazy","render","ShadowDomTargetContext","AnyRouter","Signal","TanStackRouterDevtoolsCoreOptions","initialIsOpen","panelProps","ref","closeButtonProps","toggleButtonProps","position","containerElement","router","routerState","shadowDOMTarget","ShadowRoot","TanStackRouterDevtoolsCore","isMounted","Component","dispose","constructor","config","mount","HTMLElement","el","T","Error","Devtools","_$createComponent","Provider","value","children","unmount","setRouter","setRouterState","setOptions","options","Partial","undefined","render","createSignal","lazy","DevtoolsOnCloseContext","ShadowDomTargetContext","JSX","AnyRouter","TanStackRouterDevtoolsPanelCoreOptions","style","CSSProperties","className","isOpen","setIsOpen","handleDragStart","e","router","routerState","shadowDOMTarget","ShadowRoot","TanStackRouterDevtoolsPanelCore","isMounted","dispose","Component","constructor","config","mount","HTMLElement","el","T","Error","BaseTanStackRouterDevtoolsPanel","_$createComponent","Provider","value","children","onCloseClick","unmount","setRouter","setRouterState","setStyle","setClassName","setOptions","options","Partial","undefined"],"sources":["../../src/TanStackRouterDevtoolsCore.tsx","../../src/TanStackRouterDevtoolsPanelCore.tsx"],"sourcesContent":["import { createSignal, lazy } from 'solid-js'\nimport { render } from 'solid-js/web'\nimport { ShadowDomTargetContext } from './context'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { Signal } from 'solid-js'\n\nexport interface TanStackRouterDevtoolsCoreOptions {\n /**\n * Set this true if you want the dev tools to default to being open\n */\n initialIsOpen?: boolean\n /**\n * Use this to add props to the panel. For example, you can add class, style (merge and override default style), etc.\n */\n panelProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the close button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n closeButtonProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the toggle button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n toggleButtonProps?: any & {\n ref?: any\n }\n /**\n * The position of the TanStack Router logo to open and close the devtools panel.\n * Defaults to 'bottom-left'.\n */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /**\n * Use this to render the devtools inside a different type of container element for a11y purposes.\n * Any string which corresponds to a valid intrinsic JSX element is allowed.\n * Defaults to 'footer'.\n */\n containerElement?: string | any\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router: AnyRouter\n routerState: any\n /**\n * Use this to attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n}\n\nexport class TanStackRouterDevtoolsCore {\n #router: Signal<AnyRouter>\n #routerState: Signal<any>\n #position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n #initialIsOpen: boolean\n #shadowDOMTarget?: ShadowRoot\n\n #panelProps: any\n #closeButtonProps: any\n #toggleButtonProps: any\n #containerElement?: string | any\n\n #isMounted = false\n #Component: any\n #dispose?: () => void\n\n constructor(config: TanStackRouterDevtoolsCoreOptions) {\n this.#router = createSignal(config.router)\n this.#routerState = createSignal(config.routerState)\n this.#position = config.position ?? 'bottom-left'\n this.#initialIsOpen = config.initialIsOpen ?? false\n this.#shadowDOMTarget = config.shadowDOMTarget\n\n this.#panelProps = config.panelProps\n this.#closeButtonProps = config.closeButtonProps\n this.#toggleButtonProps = config.toggleButtonProps\n this.#containerElement = config.containerElement\n }\n\n mount<T extends HTMLElement>(el: T) {\n if (this.#isMounted) {\n throw new Error('Devtools is already mounted')\n }\n\n const dispose = render(() => {\n const [router] = this.#router\n const [routerState] = this.#routerState\n const position = this.#position\n const initialIsOpen = this.#initialIsOpen\n const shadowDOMTarget = this.#shadowDOMTarget\n\n const panelProps = this.#panelProps\n const closeButtonProps = this.#closeButtonProps\n const toggleButtonProps = this.#toggleButtonProps\n const containerElement = this.#containerElement\n\n let Devtools\n\n if (this.#Component) {\n Devtools = this.#Component\n } else {\n Devtools = lazy(() => import('./FloatingTanStackRouterDevtools'))\n this.#Component = Devtools\n }\n\n return (\n <ShadowDomTargetContext.Provider value={shadowDOMTarget}>\n <Devtools\n position={position}\n initialIsOpen={initialIsOpen}\n router={router}\n routerState={routerState}\n shadowDOMTarget={shadowDOMTarget}\n panelProps={panelProps}\n closeButtonProps={closeButtonProps}\n toggleButtonProps={toggleButtonProps}\n containerElement={containerElement}\n />\n </ShadowDomTargetContext.Provider>\n )\n }, el)\n\n this.#isMounted = true\n this.#dispose = dispose\n }\n\n unmount() {\n if (!this.#isMounted) {\n throw new Error('Devtools is not mounted')\n }\n this.#dispose?.()\n this.#isMounted = false\n }\n\n setRouter(router: AnyRouter) {\n this.#router[1](router)\n }\n\n setRouterState(routerState: any) {\n this.#routerState[1](routerState)\n }\n\n setOptions(options: Partial<TanStackRouterDevtoolsCoreOptions>) {\n if (options.position !== undefined) {\n this.#position = options.position\n }\n\n if (options.initialIsOpen !== undefined) {\n this.#initialIsOpen = options.initialIsOpen\n }\n\n if (options.shadowDOMTarget !== undefined) {\n this.#shadowDOMTarget = options.shadowDOMTarget\n }\n\n if (options.containerElement !== undefined) {\n this.#containerElement = options.containerElement\n }\n }\n}\n","import { render } from 'solid-js/web'\nimport { createSignal, lazy } from 'solid-js'\nimport { DevtoolsOnCloseContext, ShadowDomTargetContext } from './context'\nimport type { JSX } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport interface TanStackRouterDevtoolsPanelCoreOptions {\n /**\n * The standard React style object used to style a component with inline styles\n */\n style?: JSX.CSSProperties\n /**\n * The standard React class property used to style a component with classes\n */\n className?: string\n /**\n * A boolean variable indicating whether the panel is open or closed\n */\n isOpen?: boolean\n /**\n * A function that toggles the open and close state of the panel\n */\n setIsOpen?: (isOpen: boolean) => void\n /**\n * Handles the opening and closing the devtools panel\n */\n handleDragStart?: (e: any) => void\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router: AnyRouter\n\n routerState: any\n /**\n * Use this to attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n}\n\nexport class TanStackRouterDevtoolsPanelCore {\n #router: any\n #routerState: any\n #style: any\n #className: any\n #shadowDOMTarget?: ShadowRoot\n #isMounted = false\n #setIsOpen?: (isOpen: boolean) => void\n #dispose?: () => void\n #Component: any\n\n constructor(config: TanStackRouterDevtoolsPanelCoreOptions) {\n const {\n router,\n routerState,\n shadowDOMTarget,\n setIsOpen,\n style,\n className,\n } = config\n\n this.#router = createSignal(router)\n this.#routerState = createSignal(routerState)\n this.#style = createSignal(style)\n this.#className = createSignal(className)\n this.#shadowDOMTarget = shadowDOMTarget\n this.#setIsOpen = setIsOpen\n }\n\n mount<T extends HTMLElement>(el: T) {\n if (this.#isMounted) {\n throw new Error('Devtools is already mounted')\n }\n\n const dispose = render(() => {\n const [router] = this.#router\n const [routerState] = this.#routerState\n const [style] = this.#style\n const [className] = this.#className\n const shadowDOMTarget = this.#shadowDOMTarget\n const setIsOpen = this.#setIsOpen\n\n let BaseTanStackRouterDevtoolsPanel\n\n if (this.#Component) {\n BaseTanStackRouterDevtoolsPanel = this.#Component\n } else {\n BaseTanStackRouterDevtoolsPanel = lazy(\n () => import('./BaseTanStackRouterDevtoolsPanel'),\n )\n this.#Component = BaseTanStackRouterDevtoolsPanel\n }\n\n return (\n <ShadowDomTargetContext.Provider value={shadowDOMTarget}>\n <DevtoolsOnCloseContext.Provider\n value={{\n onCloseClick: () => {},\n }}\n >\n <BaseTanStackRouterDevtoolsPanel\n router={router}\n routerState={routerState}\n shadowDOMTarget={shadowDOMTarget}\n setIsOpen={setIsOpen}\n style={style}\n className={className}\n />\n </DevtoolsOnCloseContext.Provider>\n </ShadowDomTargetContext.Provider>\n )\n }, el)\n\n this.#isMounted = true\n this.#dispose = dispose\n }\n\n unmount() {\n if (!this.#isMounted) {\n throw new Error('Devtools is not mounted')\n }\n this.#dispose?.()\n this.#isMounted = false\n }\n\n setRouter(router: AnyRouter) {\n this.#router[1](router)\n }\n\n setRouterState(routerState: any) {\n this.#routerState[1](routerState)\n }\n\n setStyle(style: any) {\n this.#style[1](style)\n }\n\n setClassName(className: any) {\n this.#className[1](className)\n }\n\n setOptions(options: Partial<TanStackRouterDevtoolsPanelCoreOptions>) {\n if (options.shadowDOMTarget !== undefined) {\n this.#shadowDOMTarget = options.shadowDOMTarget\n }\n if (options.router !== undefined) {\n this.setRouter(options.router)\n }\n if (options.routerState !== undefined) {\n this.setRouterState(options.routerState)\n }\n\n if (options.style !== undefined) {\n this.setStyle(options.style)\n }\n\n if (options.className !== undefined) {\n this.setClassName(options.className)\n }\n }\n}\n"],"mappings":"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"} |
+168
-5
@@ -1,6 +0,169 @@ | ||
| import { T, w } from "../index-DQ3FiKl6.js"; | ||
| export { | ||
| T as TanStackRouterDevtoolsCore, | ||
| w as TanStackRouterDevtoolsPanelCore | ||
| import { S as createSignal, n as ShadowDomTargetContext, t as DevtoolsOnCloseContext, u as render, v as createComponent, w as lazy } from "../context-D56_tqst.js"; | ||
| //#region src/TanStackRouterDevtoolsCore.tsx | ||
| var TanStackRouterDevtoolsCore = class { | ||
| #router; | ||
| #routerState; | ||
| #position; | ||
| #initialIsOpen; | ||
| #shadowDOMTarget; | ||
| #panelProps; | ||
| #closeButtonProps; | ||
| #toggleButtonProps; | ||
| #containerElement; | ||
| #isMounted = false; | ||
| #Component; | ||
| #dispose; | ||
| constructor(config) { | ||
| this.#router = createSignal(config.router); | ||
| this.#routerState = createSignal(config.routerState); | ||
| this.#position = config.position ?? "bottom-left"; | ||
| this.#initialIsOpen = config.initialIsOpen ?? false; | ||
| this.#shadowDOMTarget = config.shadowDOMTarget; | ||
| this.#panelProps = config.panelProps; | ||
| this.#closeButtonProps = config.closeButtonProps; | ||
| this.#toggleButtonProps = config.toggleButtonProps; | ||
| this.#containerElement = config.containerElement; | ||
| } | ||
| mount(el) { | ||
| if (this.#isMounted) throw new Error("Devtools is already mounted"); | ||
| const dispose = render(() => { | ||
| const [router] = this.#router; | ||
| const [routerState] = this.#routerState; | ||
| const position = this.#position; | ||
| const initialIsOpen = this.#initialIsOpen; | ||
| const shadowDOMTarget = this.#shadowDOMTarget; | ||
| const panelProps = this.#panelProps; | ||
| const closeButtonProps = this.#closeButtonProps; | ||
| const toggleButtonProps = this.#toggleButtonProps; | ||
| const containerElement = this.#containerElement; | ||
| let Devtools; | ||
| if (this.#Component) Devtools = this.#Component; | ||
| else { | ||
| Devtools = lazy(() => import("../FloatingTanStackRouterDevtools-B12ktJLj.js")); | ||
| this.#Component = Devtools; | ||
| } | ||
| return createComponent(ShadowDomTargetContext.Provider, { | ||
| value: shadowDOMTarget, | ||
| get children() { | ||
| return createComponent(Devtools, { | ||
| position, | ||
| initialIsOpen, | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| panelProps, | ||
| closeButtonProps, | ||
| toggleButtonProps, | ||
| containerElement | ||
| }); | ||
| } | ||
| }); | ||
| }, el); | ||
| this.#isMounted = true; | ||
| this.#dispose = dispose; | ||
| } | ||
| unmount() { | ||
| if (!this.#isMounted) throw new Error("Devtools is not mounted"); | ||
| this.#dispose?.(); | ||
| this.#isMounted = false; | ||
| } | ||
| setRouter(router) { | ||
| this.#router[1](router); | ||
| } | ||
| setRouterState(routerState) { | ||
| this.#routerState[1](routerState); | ||
| } | ||
| setOptions(options) { | ||
| if (options.position !== void 0) this.#position = options.position; | ||
| if (options.initialIsOpen !== void 0) this.#initialIsOpen = options.initialIsOpen; | ||
| if (options.shadowDOMTarget !== void 0) this.#shadowDOMTarget = options.shadowDOMTarget; | ||
| if (options.containerElement !== void 0) this.#containerElement = options.containerElement; | ||
| } | ||
| }; | ||
| //# sourceMappingURL=index.js.map | ||
| //#endregion | ||
| //#region src/TanStackRouterDevtoolsPanelCore.tsx | ||
| var TanStackRouterDevtoolsPanelCore = class { | ||
| #router; | ||
| #routerState; | ||
| #style; | ||
| #className; | ||
| #shadowDOMTarget; | ||
| #isMounted = false; | ||
| #setIsOpen; | ||
| #dispose; | ||
| #Component; | ||
| constructor(config) { | ||
| const { router, routerState, shadowDOMTarget, setIsOpen, style, className } = config; | ||
| this.#router = createSignal(router); | ||
| this.#routerState = createSignal(routerState); | ||
| this.#style = createSignal(style); | ||
| this.#className = createSignal(className); | ||
| this.#shadowDOMTarget = shadowDOMTarget; | ||
| this.#setIsOpen = setIsOpen; | ||
| } | ||
| mount(el) { | ||
| if (this.#isMounted) throw new Error("Devtools is already mounted"); | ||
| const dispose = render(() => { | ||
| const [router] = this.#router; | ||
| const [routerState] = this.#routerState; | ||
| const [style] = this.#style; | ||
| const [className] = this.#className; | ||
| const shadowDOMTarget = this.#shadowDOMTarget; | ||
| const setIsOpen = this.#setIsOpen; | ||
| let BaseTanStackRouterDevtoolsPanel; | ||
| if (this.#Component) BaseTanStackRouterDevtoolsPanel = this.#Component; | ||
| else { | ||
| BaseTanStackRouterDevtoolsPanel = lazy(() => import("../BaseTanStackRouterDevtoolsPanel-B43j38ty.js")); | ||
| this.#Component = BaseTanStackRouterDevtoolsPanel; | ||
| } | ||
| return createComponent(ShadowDomTargetContext.Provider, { | ||
| value: shadowDOMTarget, | ||
| get children() { | ||
| return createComponent(DevtoolsOnCloseContext.Provider, { | ||
| value: { onCloseClick: () => {} }, | ||
| get children() { | ||
| return createComponent(BaseTanStackRouterDevtoolsPanel, { | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| setIsOpen, | ||
| style, | ||
| className | ||
| }); | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
| }, el); | ||
| this.#isMounted = true; | ||
| this.#dispose = dispose; | ||
| } | ||
| unmount() { | ||
| if (!this.#isMounted) throw new Error("Devtools is not mounted"); | ||
| this.#dispose?.(); | ||
| this.#isMounted = false; | ||
| } | ||
| setRouter(router) { | ||
| this.#router[1](router); | ||
| } | ||
| setRouterState(routerState) { | ||
| this.#routerState[1](routerState); | ||
| } | ||
| setStyle(style) { | ||
| this.#style[1](style); | ||
| } | ||
| setClassName(className) { | ||
| this.#className[1](className); | ||
| } | ||
| setOptions(options) { | ||
| if (options.shadowDOMTarget !== void 0) this.#shadowDOMTarget = options.shadowDOMTarget; | ||
| if (options.router !== void 0) this.setRouter(options.router); | ||
| if (options.routerState !== void 0) this.setRouterState(options.routerState); | ||
| if (options.style !== void 0) this.setStyle(options.style); | ||
| if (options.className !== void 0) this.setClassName(options.className); | ||
| } | ||
| }; | ||
| //#endregion | ||
| export { TanStackRouterDevtoolsCore, TanStackRouterDevtoolsPanelCore }; | ||
| //# sourceMappingURL=index.js.map |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"} | ||
| {"version":3,"file":"index.js","names":["createSignal","lazy","render","ShadowDomTargetContext","AnyRouter","Signal","TanStackRouterDevtoolsCoreOptions","initialIsOpen","panelProps","ref","closeButtonProps","toggleButtonProps","position","containerElement","router","routerState","shadowDOMTarget","ShadowRoot","TanStackRouterDevtoolsCore","isMounted","Component","dispose","constructor","config","mount","HTMLElement","el","T","Error","Devtools","_$createComponent","Provider","value","children","unmount","setRouter","setRouterState","setOptions","options","Partial","undefined","render","createSignal","lazy","DevtoolsOnCloseContext","ShadowDomTargetContext","JSX","AnyRouter","TanStackRouterDevtoolsPanelCoreOptions","style","CSSProperties","className","isOpen","setIsOpen","handleDragStart","e","router","routerState","shadowDOMTarget","ShadowRoot","TanStackRouterDevtoolsPanelCore","isMounted","dispose","Component","constructor","config","mount","HTMLElement","el","T","Error","BaseTanStackRouterDevtoolsPanel","_$createComponent","Provider","value","children","onCloseClick","unmount","setRouter","setRouterState","setStyle","setClassName","setOptions","options","Partial","undefined"],"sources":["../../src/TanStackRouterDevtoolsCore.tsx","../../src/TanStackRouterDevtoolsPanelCore.tsx"],"sourcesContent":["import { createSignal, lazy } from 'solid-js'\nimport { render } from 'solid-js/web'\nimport { ShadowDomTargetContext } from './context'\nimport type { AnyRouter } from '@tanstack/router-core'\nimport type { Signal } from 'solid-js'\n\nexport interface TanStackRouterDevtoolsCoreOptions {\n /**\n * Set this true if you want the dev tools to default to being open\n */\n initialIsOpen?: boolean\n /**\n * Use this to add props to the panel. For example, you can add class, style (merge and override default style), etc.\n */\n panelProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the close button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n closeButtonProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the toggle button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n toggleButtonProps?: any & {\n ref?: any\n }\n /**\n * The position of the TanStack Router logo to open and close the devtools panel.\n * Defaults to 'bottom-left'.\n */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /**\n * Use this to render the devtools inside a different type of container element for a11y purposes.\n * Any string which corresponds to a valid intrinsic JSX element is allowed.\n * Defaults to 'footer'.\n */\n containerElement?: string | any\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router: AnyRouter\n routerState: any\n /**\n * Use this to attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n}\n\nexport class TanStackRouterDevtoolsCore {\n #router: Signal<AnyRouter>\n #routerState: Signal<any>\n #position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n #initialIsOpen: boolean\n #shadowDOMTarget?: ShadowRoot\n\n #panelProps: any\n #closeButtonProps: any\n #toggleButtonProps: any\n #containerElement?: string | any\n\n #isMounted = false\n #Component: any\n #dispose?: () => void\n\n constructor(config: TanStackRouterDevtoolsCoreOptions) {\n this.#router = createSignal(config.router)\n this.#routerState = createSignal(config.routerState)\n this.#position = config.position ?? 'bottom-left'\n this.#initialIsOpen = config.initialIsOpen ?? false\n this.#shadowDOMTarget = config.shadowDOMTarget\n\n this.#panelProps = config.panelProps\n this.#closeButtonProps = config.closeButtonProps\n this.#toggleButtonProps = config.toggleButtonProps\n this.#containerElement = config.containerElement\n }\n\n mount<T extends HTMLElement>(el: T) {\n if (this.#isMounted) {\n throw new Error('Devtools is already mounted')\n }\n\n const dispose = render(() => {\n const [router] = this.#router\n const [routerState] = this.#routerState\n const position = this.#position\n const initialIsOpen = this.#initialIsOpen\n const shadowDOMTarget = this.#shadowDOMTarget\n\n const panelProps = this.#panelProps\n const closeButtonProps = this.#closeButtonProps\n const toggleButtonProps = this.#toggleButtonProps\n const containerElement = this.#containerElement\n\n let Devtools\n\n if (this.#Component) {\n Devtools = this.#Component\n } else {\n Devtools = lazy(() => import('./FloatingTanStackRouterDevtools'))\n this.#Component = Devtools\n }\n\n return (\n <ShadowDomTargetContext.Provider value={shadowDOMTarget}>\n <Devtools\n position={position}\n initialIsOpen={initialIsOpen}\n router={router}\n routerState={routerState}\n shadowDOMTarget={shadowDOMTarget}\n panelProps={panelProps}\n closeButtonProps={closeButtonProps}\n toggleButtonProps={toggleButtonProps}\n containerElement={containerElement}\n />\n </ShadowDomTargetContext.Provider>\n )\n }, el)\n\n this.#isMounted = true\n this.#dispose = dispose\n }\n\n unmount() {\n if (!this.#isMounted) {\n throw new Error('Devtools is not mounted')\n }\n this.#dispose?.()\n this.#isMounted = false\n }\n\n setRouter(router: AnyRouter) {\n this.#router[1](router)\n }\n\n setRouterState(routerState: any) {\n this.#routerState[1](routerState)\n }\n\n setOptions(options: Partial<TanStackRouterDevtoolsCoreOptions>) {\n if (options.position !== undefined) {\n this.#position = options.position\n }\n\n if (options.initialIsOpen !== undefined) {\n this.#initialIsOpen = options.initialIsOpen\n }\n\n if (options.shadowDOMTarget !== undefined) {\n this.#shadowDOMTarget = options.shadowDOMTarget\n }\n\n if (options.containerElement !== undefined) {\n this.#containerElement = options.containerElement\n }\n }\n}\n","import { render } from 'solid-js/web'\nimport { createSignal, lazy } from 'solid-js'\nimport { DevtoolsOnCloseContext, ShadowDomTargetContext } from './context'\nimport type { JSX } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport interface TanStackRouterDevtoolsPanelCoreOptions {\n /**\n * The standard React style object used to style a component with inline styles\n */\n style?: JSX.CSSProperties\n /**\n * The standard React class property used to style a component with classes\n */\n className?: string\n /**\n * A boolean variable indicating whether the panel is open or closed\n */\n isOpen?: boolean\n /**\n * A function that toggles the open and close state of the panel\n */\n setIsOpen?: (isOpen: boolean) => void\n /**\n * Handles the opening and closing the devtools panel\n */\n handleDragStart?: (e: any) => void\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router: AnyRouter\n\n routerState: any\n /**\n * Use this to attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n}\n\nexport class TanStackRouterDevtoolsPanelCore {\n #router: any\n #routerState: any\n #style: any\n #className: any\n #shadowDOMTarget?: ShadowRoot\n #isMounted = false\n #setIsOpen?: (isOpen: boolean) => void\n #dispose?: () => void\n #Component: any\n\n constructor(config: TanStackRouterDevtoolsPanelCoreOptions) {\n const {\n router,\n routerState,\n shadowDOMTarget,\n setIsOpen,\n style,\n className,\n } = config\n\n this.#router = createSignal(router)\n this.#routerState = createSignal(routerState)\n this.#style = createSignal(style)\n this.#className = createSignal(className)\n this.#shadowDOMTarget = shadowDOMTarget\n this.#setIsOpen = setIsOpen\n }\n\n mount<T extends HTMLElement>(el: T) {\n if (this.#isMounted) {\n throw new Error('Devtools is already mounted')\n }\n\n const dispose = render(() => {\n const [router] = this.#router\n const [routerState] = this.#routerState\n const [style] = this.#style\n const [className] = this.#className\n const shadowDOMTarget = this.#shadowDOMTarget\n const setIsOpen = this.#setIsOpen\n\n let BaseTanStackRouterDevtoolsPanel\n\n if (this.#Component) {\n BaseTanStackRouterDevtoolsPanel = this.#Component\n } else {\n BaseTanStackRouterDevtoolsPanel = lazy(\n () => import('./BaseTanStackRouterDevtoolsPanel'),\n )\n this.#Component = BaseTanStackRouterDevtoolsPanel\n }\n\n return (\n <ShadowDomTargetContext.Provider value={shadowDOMTarget}>\n <DevtoolsOnCloseContext.Provider\n value={{\n onCloseClick: () => {},\n }}\n >\n <BaseTanStackRouterDevtoolsPanel\n router={router}\n routerState={routerState}\n shadowDOMTarget={shadowDOMTarget}\n setIsOpen={setIsOpen}\n style={style}\n className={className}\n />\n </DevtoolsOnCloseContext.Provider>\n </ShadowDomTargetContext.Provider>\n )\n }, el)\n\n this.#isMounted = true\n this.#dispose = dispose\n }\n\n unmount() {\n if (!this.#isMounted) {\n throw new Error('Devtools is not mounted')\n }\n this.#dispose?.()\n this.#isMounted = false\n }\n\n setRouter(router: AnyRouter) {\n this.#router[1](router)\n }\n\n setRouterState(routerState: any) {\n this.#routerState[1](routerState)\n }\n\n setStyle(style: any) {\n this.#style[1](style)\n }\n\n setClassName(className: any) {\n this.#className[1](className)\n }\n\n setOptions(options: Partial<TanStackRouterDevtoolsPanelCoreOptions>) {\n if (options.shadowDOMTarget !== undefined) {\n this.#shadowDOMTarget = options.shadowDOMTarget\n }\n if (options.router !== undefined) {\n this.setRouter(options.router)\n }\n if (options.routerState !== undefined) {\n this.setRouterState(options.routerState)\n }\n\n if (options.style !== undefined) {\n this.setStyle(options.style)\n }\n\n if (options.className !== undefined) {\n this.setClassName(options.className)\n }\n }\n}\n"],"mappings":"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"} |
+2
-2
| { | ||
| "name": "@tanstack/router-devtools-core", | ||
| "version": "1.166.8", | ||
| "version": "1.166.9", | ||
| "description": "Modern and scalable routing for Web applications", | ||
@@ -63,3 +63,3 @@ "author": "Tanner Linsley", | ||
| "csstype": "^3.0.10", | ||
| "@tanstack/router-core": "^1.167.1" | ||
| "@tanstack/router-core": "^1.167.2" | ||
| }, | ||
@@ -66,0 +66,0 @@ "peerDependenciesMeta": { |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
| import { c as createUniqueId, t as template, s as setAttribute, a as createSignal, b as createEffect, d as createMemo, e as createComponent, D as DevtoolsOnCloseContext, m as mergeProps, f as spread, i as insert, g as createRenderEffect, h as className, j as Dynamic } from "./index-DQ3FiKl6.js"; | ||
| import { clsx } from "clsx"; | ||
| import { u as useLocalStorage, a as useIsMounted, b as useStyles, B as BaseTanStackRouterDevtoolsPanel } from "./BaseTanStackRouterDevtoolsPanel-Bmws3ikM.js"; | ||
| var _tmpl$$1 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg enable-background="new 0 0 634 633"viewBox="0 0 634 633"><g transform=translate(1)><linearGradient x1=-641.486 x2=-641.486 y1=856.648 y2=855.931 gradientTransform="matrix(633 0 0 -633 406377 542258)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#6bdaff></stop><stop offset=0.319 stop-color=#f9ffb5></stop><stop offset=0.706 stop-color=#ffa770></stop><stop offset=1 stop-color=#ff7373></stop></linearGradient><circle cx=316.5 cy=316.5 r=316.5 fill-rule=evenodd clip-rule=evenodd></circle><defs><filter width=454 height=396.9 x=-137.5 y=412 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=412 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=610.5 fill=#015064 fill-rule=evenodd stroke=#00CFE2 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=412 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=412 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=610.5 fill=#015064 fill-rule=evenodd stroke=#00CFE2 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=-137.5 y=450 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=450 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=648.5 fill=#015064 fill-rule=evenodd stroke=#00A8B8 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=450 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=450 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=648.5 fill=#015064 fill-rule=evenodd stroke=#00A8B8 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=-137.5 y=486 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=486 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=684.5 fill=#015064 fill-rule=evenodd stroke=#007782 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=486 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=486 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=684.5 fill=#015064 fill-rule=evenodd stroke=#007782 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=176.9 height=129.3 x=272.2 y=308 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=176.9 height=129.3 x=272.2 y=308 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><path fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11 d="M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1"></path><linearGradient x1=-645.656 x2=-646.499 y1=854.878 y2=854.788 gradientTransform="matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ee2700></stop><stop offset=1 stop-color=#ff008e></stop></linearGradient><path fill-rule=evenodd d="M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z"clip-rule=evenodd></path><path fill=#D8D8D8 fill-rule=evenodd stroke=#FFF stroke-linecap=round stroke-linejoin=bevel stroke-width=7 d="M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9"clip-rule=evenodd></path></g><defs><filter width=280.6 height=317.4 x=73.2 y=113.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=280.6 height=317.4 x=73.2 y=113.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><linearGradient x1=-646.8 x2=-646.8 y1=854.844 y2=853.844 gradientTransform="matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#a17500></stop><stop offset=1 stop-color=#5d2100></stop></linearGradient><path fill-rule=evenodd d="M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6"clip-rule=evenodd></path><linearGradient x1=-635.467 x2=-635.467 y1=852.115 y2=851.115 gradientTransform="matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z"clip-rule=evenodd></path><linearGradient x1=-636.573 x2=-636.573 y1=855.444 y2=854.444 gradientTransform="matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z"clip-rule=evenodd></path><linearGradient x1=-632.145 x2=-632.145 y1=854.174 y2=853.174 gradientTransform="matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z"clip-rule=evenodd></path><linearGradient x1=-638.224 x2=-638.224 y1=853.801 y2=852.801 gradientTransform="matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z"clip-rule=evenodd></path><linearGradient x1=-637.723 x2=-637.723 y1=855.103 y2=854.103 gradientTransform="matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z"clip-rule=evenodd></path><linearGradient x1=-631.79 x2=-631.79 y1=855.872 y2=854.872 gradientTransform="matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z"clip-rule=evenodd></path><path fill=none stroke=#2F8A00 stroke-linecap=round stroke-width=8 d="M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1"></path><path fill=none stroke=#2F8A00 stroke-linecap=round stroke-width=8 d="M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32"></path></g><defs><filter width=532 height=633 x=50.5 y=399 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=532 height=633 x=50.5 y=399 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><linearGradient x1=-641.104 x2=-641.278 y1=856.577 y2=856.183 gradientTransform="matrix(532 0 0 -633 341484.5 542657)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#fff400></stop><stop offset=1 stop-color=#3c8700></stop></linearGradient><ellipse cx=316.5 cy=715.5 fill-rule=evenodd clip-rule=evenodd rx=266 ry=316.5></ellipse><defs><filter width=288 height=283 x=391 y=-24 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=288 height=283 x=391 y=-24 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><g transform="translate(397 -24)"><linearGradient x1=-1036.672 x2=-1036.672 y1=880.018 y2=879.018 gradientTransform="matrix(227 0 0 -227 235493 199764)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffdf00></stop><stop offset=1 stop-color=#ff9d00></stop></linearGradient><circle cx=168.5 cy=113.5 r=113.5 fill-rule=evenodd clip-rule=evenodd></circle><linearGradient x1=-1017.329 x2=-1018.602 y1=658.003 y2=657.998 gradientTransform="matrix(30 0 0 -1 30558 771)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M30 113H0"></path><linearGradient x1=-1014.501 x2=-1015.774 y1=839.985 y2=839.935 gradientTransform="matrix(26.5 0 0 -5.5 26925 4696.5)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M33.5 79.5L7 74"></path><linearGradient x1=-1016.59 x2=-1017.862 y1=852.671 y2=852.595 gradientTransform="matrix(29 0 0 -8 29523 6971)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M34 146l-29 8"></path><linearGradient x1=-1011.984 x2=-1013.257 y1=863.523 y2=863.229 gradientTransform="matrix(24 0 0 -13 24339 11407)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M45 177l-24 13"></path><linearGradient x1=-1006.673 x2=-1007.946 y1=869.279 y2=868.376 gradientTransform="matrix(20 0 0 -19 20205 16720)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M67 204l-20 19"></path><linearGradient x1=-992.85 x2=-993.317 y1=871.258 y2=870.258 gradientTransform="matrix(13.8339 0 0 -22.8467 13825.796 20131.938)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M94.4 227l-13.8 22.8"></path><linearGradient x1=-953.835 x2=-953.965 y1=871.9 y2=870.9 gradientTransform="matrix(7.5 0 0 -24.5 7278 21605)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M127.5 243.5L120 268"></path><linearGradient x1=244.504 x2=244.496 y1=871.898 y2=870.898 gradientTransform="matrix(.5 0 0 -24.5 45.5 21614)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M167.5 252.5l.5 24.5">`); | ||
| function TanStackLogo() { | ||
| const id = createUniqueId(); | ||
| return (() => { | ||
| var _el$ = _tmpl$$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$13.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$23.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$25.nextSibling, _el$28 = _el$27.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$28.nextSibling, _el$31 = _el$30.firstChild, _el$32 = _el$30.nextSibling, _el$33 = _el$32.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$33.nextSibling, _el$36 = _el$35.firstChild, _el$37 = _el$35.nextSibling, _el$38 = _el$37.firstChild, _el$39 = _el$38.nextSibling, _el$40 = _el$39.nextSibling, _el$41 = _el$37.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$41.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$43.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.nextSibling, _el$50 = _el$49.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$54 = _el$53.nextSibling, _el$55 = _el$54.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.nextSibling, _el$58 = _el$57.nextSibling, _el$59 = _el$58.nextSibling, _el$60 = _el$45.nextSibling, _el$61 = _el$60.firstChild, _el$62 = _el$60.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$62.nextSibling, _el$65 = _el$64.nextSibling, _el$66 = _el$65.nextSibling, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, _el$69 = _el$68.firstChild, _el$70 = _el$68.nextSibling, _el$71 = _el$70.firstChild, _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling, _el$79 = _el$78.nextSibling, _el$80 = _el$79.nextSibling, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling; | ||
| setAttribute(_el$3, "id", `a-${id}`); | ||
| setAttribute(_el$4, "fill", `url(#a-${id})`); | ||
| setAttribute(_el$6, "id", `b-${id}`); | ||
| setAttribute(_el$7, "id", `c-${id}`); | ||
| setAttribute(_el$8, "filter", `url(#b-${id})`); | ||
| setAttribute(_el$9, "mask", `url(#c-${id})`); | ||
| setAttribute(_el$1, "id", `d-${id}`); | ||
| setAttribute(_el$10, "id", `e-${id}`); | ||
| setAttribute(_el$11, "filter", `url(#d-${id})`); | ||
| setAttribute(_el$12, "mask", `url(#e-${id})`); | ||
| setAttribute(_el$14, "id", `f-${id}`); | ||
| setAttribute(_el$15, "id", `g-${id}`); | ||
| setAttribute(_el$16, "filter", `url(#f-${id})`); | ||
| setAttribute(_el$17, "mask", `url(#g-${id})`); | ||
| setAttribute(_el$19, "id", `h-${id}`); | ||
| setAttribute(_el$20, "id", `i-${id}`); | ||
| setAttribute(_el$21, "filter", `url(#h-${id})`); | ||
| setAttribute(_el$22, "mask", `url(#i-${id})`); | ||
| setAttribute(_el$24, "id", `j-${id}`); | ||
| setAttribute(_el$25, "id", `k-${id}`); | ||
| setAttribute(_el$26, "filter", `url(#j-${id})`); | ||
| setAttribute(_el$27, "mask", `url(#k-${id})`); | ||
| setAttribute(_el$29, "id", `l-${id}`); | ||
| setAttribute(_el$30, "id", `m-${id}`); | ||
| setAttribute(_el$31, "filter", `url(#l-${id})`); | ||
| setAttribute(_el$32, "mask", `url(#m-${id})`); | ||
| setAttribute(_el$34, "id", `n-${id}`); | ||
| setAttribute(_el$35, "id", `o-${id}`); | ||
| setAttribute(_el$36, "filter", `url(#n-${id})`); | ||
| setAttribute(_el$37, "mask", `url(#o-${id})`); | ||
| setAttribute(_el$39, "id", `p-${id}`); | ||
| setAttribute(_el$40, "fill", `url(#p-${id})`); | ||
| setAttribute(_el$42, "id", `q-${id}`); | ||
| setAttribute(_el$43, "id", `r-${id}`); | ||
| setAttribute(_el$44, "filter", `url(#q-${id})`); | ||
| setAttribute(_el$45, "mask", `url(#r-${id})`); | ||
| setAttribute(_el$46, "id", `s-${id}`); | ||
| setAttribute(_el$47, "fill", `url(#s-${id})`); | ||
| setAttribute(_el$48, "id", `t-${id}`); | ||
| setAttribute(_el$49, "fill", `url(#t-${id})`); | ||
| setAttribute(_el$50, "id", `u-${id}`); | ||
| setAttribute(_el$51, "fill", `url(#u-${id})`); | ||
| setAttribute(_el$52, "id", `v-${id}`); | ||
| setAttribute(_el$53, "fill", `url(#v-${id})`); | ||
| setAttribute(_el$54, "id", `w-${id}`); | ||
| setAttribute(_el$55, "fill", `url(#w-${id})`); | ||
| setAttribute(_el$56, "id", `x-${id}`); | ||
| setAttribute(_el$57, "fill", `url(#x-${id})`); | ||
| setAttribute(_el$58, "id", `y-${id}`); | ||
| setAttribute(_el$59, "fill", `url(#y-${id})`); | ||
| setAttribute(_el$61, "id", `z-${id}`); | ||
| setAttribute(_el$62, "id", `A-${id}`); | ||
| setAttribute(_el$63, "filter", `url(#z-${id})`); | ||
| setAttribute(_el$64, "id", `B-${id}`); | ||
| setAttribute(_el$65, "fill", `url(#B-${id})`); | ||
| setAttribute(_el$65, "mask", `url(#A-${id})`); | ||
| setAttribute(_el$67, "id", `C-${id}`); | ||
| setAttribute(_el$68, "id", `D-${id}`); | ||
| setAttribute(_el$69, "filter", `url(#C-${id})`); | ||
| setAttribute(_el$70, "mask", `url(#D-${id})`); | ||
| setAttribute(_el$72, "id", `E-${id}`); | ||
| setAttribute(_el$73, "fill", `url(#E-${id})`); | ||
| setAttribute(_el$74, "id", `F-${id}`); | ||
| setAttribute(_el$75, "stroke", `url(#F-${id})`); | ||
| setAttribute(_el$76, "id", `G-${id}`); | ||
| setAttribute(_el$77, "stroke", `url(#G-${id})`); | ||
| setAttribute(_el$78, "id", `H-${id}`); | ||
| setAttribute(_el$79, "stroke", `url(#H-${id})`); | ||
| setAttribute(_el$80, "id", `I-${id}`); | ||
| setAttribute(_el$81, "stroke", `url(#I-${id})`); | ||
| setAttribute(_el$82, "id", `J-${id}`); | ||
| setAttribute(_el$83, "stroke", `url(#J-${id})`); | ||
| setAttribute(_el$84, "id", `K-${id}`); | ||
| setAttribute(_el$85, "stroke", `url(#K-${id})`); | ||
| setAttribute(_el$86, "id", `L-${id}`); | ||
| setAttribute(_el$87, "stroke", `url(#L-${id})`); | ||
| setAttribute(_el$88, "id", `M-${id}`); | ||
| setAttribute(_el$89, "stroke", `url(#M-${id})`); | ||
| return _el$; | ||
| })(); | ||
| } | ||
| var _tmpl$ = /* @__PURE__ */ template(`<button type=button><div><div></div><div></div></div><div>-</div><div>TanStack Router`); | ||
| function FloatingTanStackRouterDevtools({ | ||
| initialIsOpen, | ||
| panelProps = {}, | ||
| closeButtonProps = {}, | ||
| toggleButtonProps = {}, | ||
| position = "bottom-left", | ||
| containerElement: Container = "footer", | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget | ||
| }) { | ||
| const [rootEl, setRootEl] = createSignal(); | ||
| let panelRef = void 0; | ||
| const [isOpen, setIsOpen] = useLocalStorage("tanstackRouterDevtoolsOpen", initialIsOpen); | ||
| const [devtoolsHeight, setDevtoolsHeight] = useLocalStorage("tanstackRouterDevtoolsHeight", null); | ||
| const [isResolvedOpen, setIsResolvedOpen] = createSignal(false); | ||
| const [isResizing, setIsResizing] = createSignal(false); | ||
| const isMounted = useIsMounted(); | ||
| const styles = useStyles(); | ||
| const handleDragStart = (panelElement, startEvent) => { | ||
| if (startEvent.button !== 0) return; | ||
| setIsResizing(true); | ||
| const dragInfo = { | ||
| originalHeight: panelElement?.getBoundingClientRect().height ?? 0, | ||
| pageY: startEvent.pageY | ||
| }; | ||
| const run = (moveEvent) => { | ||
| const delta = dragInfo.pageY - moveEvent.pageY; | ||
| const newHeight = dragInfo.originalHeight + delta; | ||
| setDevtoolsHeight(newHeight); | ||
| if (newHeight < 70) { | ||
| setIsOpen(false); | ||
| } else { | ||
| setIsOpen(true); | ||
| } | ||
| }; | ||
| const unsub = () => { | ||
| setIsResizing(false); | ||
| document.removeEventListener("mousemove", run); | ||
| document.removeEventListener("mouseUp", unsub); | ||
| }; | ||
| document.addEventListener("mousemove", run); | ||
| document.addEventListener("mouseup", unsub); | ||
| }; | ||
| isOpen() ?? false; | ||
| createEffect(() => { | ||
| setIsResolvedOpen(isOpen() ?? false); | ||
| }); | ||
| createEffect(() => { | ||
| if (isResolvedOpen()) { | ||
| const previousValue = rootEl()?.parentElement?.style.paddingBottom; | ||
| const run = () => { | ||
| const containerHeight = panelRef.getBoundingClientRect().height; | ||
| if (rootEl()?.parentElement) { | ||
| setRootEl((prev) => { | ||
| if (prev?.parentElement) { | ||
| prev.parentElement.style.paddingBottom = `${containerHeight}px`; | ||
| } | ||
| return prev; | ||
| }); | ||
| } | ||
| }; | ||
| run(); | ||
| if (typeof window !== "undefined") { | ||
| window.addEventListener("resize", run); | ||
| return () => { | ||
| window.removeEventListener("resize", run); | ||
| if (rootEl()?.parentElement && typeof previousValue === "string") { | ||
| setRootEl((prev) => { | ||
| prev.parentElement.style.paddingBottom = previousValue; | ||
| return prev; | ||
| }); | ||
| } | ||
| }; | ||
| } | ||
| } else { | ||
| if (rootEl()?.parentElement) { | ||
| setRootEl((prev) => { | ||
| if (prev?.parentElement) { | ||
| prev.parentElement.removeAttribute("style"); | ||
| } | ||
| return prev; | ||
| }); | ||
| } | ||
| } | ||
| return; | ||
| }); | ||
| createEffect(() => { | ||
| if (rootEl()) { | ||
| const el = rootEl(); | ||
| const fontSize = getComputedStyle(el).fontSize; | ||
| el?.style.setProperty("--tsrd-font-size", fontSize); | ||
| } | ||
| }); | ||
| const { | ||
| style: panelStyle = {}, | ||
| ...otherPanelProps | ||
| } = panelProps; | ||
| const { | ||
| style: closeButtonStyle = {}, | ||
| onClick: onCloseClick, | ||
| ...otherCloseButtonProps | ||
| } = closeButtonProps; | ||
| const { | ||
| onClick: onToggleClick, | ||
| class: toggleButtonClassName, | ||
| ...otherToggleButtonProps | ||
| } = toggleButtonProps; | ||
| if (!isMounted()) return null; | ||
| const resolvedHeight = createMemo(() => devtoolsHeight() ?? 500); | ||
| const basePanelClass = createMemo(() => { | ||
| return clsx(styles().devtoolsPanelContainer, styles().devtoolsPanelContainerVisibility(!!isOpen()), styles().devtoolsPanelContainerResizing(isResizing), styles().devtoolsPanelContainerAnimation(isResolvedOpen(), resolvedHeight() + 16)); | ||
| }); | ||
| const basePanelStyle = createMemo(() => { | ||
| return { | ||
| height: `${resolvedHeight()}px`, | ||
| // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition | ||
| ...panelStyle || {} | ||
| }; | ||
| }); | ||
| const buttonStyle = createMemo(() => { | ||
| return clsx(styles().mainCloseBtn, styles().mainCloseBtnPosition(position), styles().mainCloseBtnAnimation(!!isOpen()), toggleButtonClassName); | ||
| }); | ||
| return createComponent(Dynamic, { | ||
| component: Container, | ||
| ref: setRootEl, | ||
| "class": "TanStackRouterDevtools", | ||
| get children() { | ||
| return [createComponent(DevtoolsOnCloseContext.Provider, { | ||
| value: { | ||
| onCloseClick: onCloseClick ?? (() => { | ||
| }) | ||
| }, | ||
| get children() { | ||
| return createComponent(BaseTanStackRouterDevtoolsPanel, mergeProps({ | ||
| ref(r$) { | ||
| var _ref$ = panelRef; | ||
| typeof _ref$ === "function" ? _ref$(r$) : panelRef = r$; | ||
| } | ||
| }, otherPanelProps, { | ||
| router, | ||
| routerState, | ||
| className: basePanelClass, | ||
| style: basePanelStyle, | ||
| get isOpen() { | ||
| return isResolvedOpen(); | ||
| }, | ||
| setIsOpen, | ||
| handleDragStart: (e) => handleDragStart(panelRef, e), | ||
| shadowDOMTarget | ||
| })); | ||
| } | ||
| }), (() => { | ||
| var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.nextSibling; | ||
| spread(_el$, mergeProps(otherToggleButtonProps, { | ||
| "aria-label": "Open TanStack Router Devtools", | ||
| "onClick": (e) => { | ||
| setIsOpen(true); | ||
| onToggleClick && onToggleClick(e); | ||
| }, | ||
| get ["class"]() { | ||
| return buttonStyle(); | ||
| } | ||
| }), false, true); | ||
| insert(_el$3, createComponent(TanStackLogo, {})); | ||
| insert(_el$4, createComponent(TanStackLogo, {})); | ||
| createRenderEffect((_p$) => { | ||
| var _v$ = styles().mainCloseBtnIconContainer, _v$2 = styles().mainCloseBtnIconOuter, _v$3 = styles().mainCloseBtnIconInner, _v$4 = styles().mainCloseBtnDivider, _v$5 = styles().routerLogoCloseButton; | ||
| _v$ !== _p$.e && className(_el$2, _p$.e = _v$); | ||
| _v$2 !== _p$.t && className(_el$3, _p$.t = _v$2); | ||
| _v$3 !== _p$.a && className(_el$4, _p$.a = _v$3); | ||
| _v$4 !== _p$.o && className(_el$5, _p$.o = _v$4); | ||
| _v$5 !== _p$.i && className(_el$6, _p$.i = _v$5); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0, | ||
| o: void 0, | ||
| i: void 0 | ||
| }); | ||
| return _el$; | ||
| })()]; | ||
| } | ||
| }); | ||
| } | ||
| export { | ||
| FloatingTanStackRouterDevtools, | ||
| FloatingTanStackRouterDevtools as default | ||
| }; | ||
| //# sourceMappingURL=FloatingTanStackRouterDevtools-B7vy70jP.js.map |
| {"version":3,"file":"FloatingTanStackRouterDevtools-B7vy70jP.js","sources":["../src/logo.tsx","../src/FloatingTanStackRouterDevtools.tsx"],"sourcesContent":["import { createUniqueId } from 'solid-js'\n\nexport function TanStackLogo() {\n const id = createUniqueId()\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n enable-background=\"new 0 0 634 633\"\n viewBox=\"0 0 634 633\"\n >\n <g transform=\"translate(1)\">\n <linearGradient\n id={`a-${id}`}\n x1=\"-641.486\"\n x2=\"-641.486\"\n y1=\"856.648\"\n y2=\"855.931\"\n gradientTransform=\"matrix(633 0 0 -633 406377 542258)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#6bdaff\"></stop>\n <stop offset=\"0.319\" stop-color=\"#f9ffb5\"></stop>\n <stop offset=\"0.706\" stop-color=\"#ffa770\"></stop>\n <stop offset=\"1\" stop-color=\"#ff7373\"></stop>\n </linearGradient>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill={`url(#a-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <defs>\n <filter\n id={`b-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`c-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#b-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#c-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`d-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`e-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#d-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#e-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`f-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`g-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#f-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#g-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`h-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`i-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#h-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#i-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`j-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`k-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#j-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#k-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`l-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`m-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#l-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#m-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`n-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`o-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#n-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#o-${id})`}>\n <path\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n d=\"M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1\"\n ></path>\n <linearGradient\n id={`p-${id}`}\n x1=\"-645.656\"\n x2=\"-646.499\"\n y1=\"854.878\"\n y2=\"854.788\"\n gradientTransform=\"matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ee2700\"></stop>\n <stop offset=\"1\" stop-color=\"#ff008e\"></stop>\n </linearGradient>\n <path\n fill={`url(#p-${id})`}\n fill-rule=\"evenodd\"\n d=\"M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"#D8D8D8\"\n fill-rule=\"evenodd\"\n stroke=\"#FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n d=\"M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9\"\n clip-rule=\"evenodd\"\n ></path>\n </g>\n <defs>\n <filter\n id={`q-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`r-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#q-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#r-${id})`}>\n <linearGradient\n id={`s-${id}`}\n x1=\"-646.8\"\n x2=\"-646.8\"\n y1=\"854.844\"\n y2=\"853.844\"\n gradientTransform=\"matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#a17500\"></stop>\n <stop offset=\"1\" stop-color=\"#5d2100\"></stop>\n </linearGradient>\n <path\n fill={`url(#s-${id})`}\n fill-rule=\"evenodd\"\n d=\"M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`t-${id}`}\n x1=\"-635.467\"\n x2=\"-635.467\"\n y1=\"852.115\"\n y2=\"851.115\"\n gradientTransform=\"matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#t-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`u-${id}`}\n x1=\"-636.573\"\n x2=\"-636.573\"\n y1=\"855.444\"\n y2=\"854.444\"\n gradientTransform=\"matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#u-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`v-${id}`}\n x1=\"-632.145\"\n x2=\"-632.145\"\n y1=\"854.174\"\n y2=\"853.174\"\n gradientTransform=\"matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#v-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`w-${id}`}\n x1=\"-638.224\"\n x2=\"-638.224\"\n y1=\"853.801\"\n y2=\"852.801\"\n gradientTransform=\"matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#w-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`x-${id}`}\n x1=\"-637.723\"\n x2=\"-637.723\"\n y1=\"855.103\"\n y2=\"854.103\"\n gradientTransform=\"matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#x-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`y-${id}`}\n x1=\"-631.79\"\n x2=\"-631.79\"\n y1=\"855.872\"\n y2=\"854.872\"\n gradientTransform=\"matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#y-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32\"\n ></path>\n </g>\n <defs>\n <filter\n id={`z-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`A-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#z-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <linearGradient\n id={`B-${id}`}\n x1=\"-641.104\"\n x2=\"-641.278\"\n y1=\"856.577\"\n y2=\"856.183\"\n gradientTransform=\"matrix(532 0 0 -633 341484.5 542657)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#fff400\"></stop>\n <stop offset=\"1\" stop-color=\"#3c8700\"></stop>\n </linearGradient>\n <ellipse\n cx=\"316.5\"\n cy=\"715.5\"\n fill={`url(#B-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n mask={`url(#A-${id})`}\n rx=\"266\"\n ry=\"316.5\"\n ></ellipse>\n <defs>\n <filter\n id={`C-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`D-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#C-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#D-${id})`}>\n <g transform=\"translate(397 -24)\">\n <linearGradient\n id={`E-${id}`}\n x1=\"-1036.672\"\n x2=\"-1036.672\"\n y1=\"880.018\"\n y2=\"879.018\"\n gradientTransform=\"matrix(227 0 0 -227 235493 199764)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffdf00\"></stop>\n <stop offset=\"1\" stop-color=\"#ff9d00\"></stop>\n </linearGradient>\n <circle\n cx=\"168.5\"\n cy=\"113.5\"\n r=\"113.5\"\n fill={`url(#E-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <linearGradient\n id={`F-${id}`}\n x1=\"-1017.329\"\n x2=\"-1018.602\"\n y1=\"658.003\"\n y2=\"657.998\"\n gradientTransform=\"matrix(30 0 0 -1 30558 771)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#F-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M30 113H0\"\n ></path>\n <linearGradient\n id={`G-${id}`}\n x1=\"-1014.501\"\n x2=\"-1015.774\"\n y1=\"839.985\"\n y2=\"839.935\"\n gradientTransform=\"matrix(26.5 0 0 -5.5 26925 4696.5)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#G-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M33.5 79.5L7 74\"\n ></path>\n <linearGradient\n id={`H-${id}`}\n x1=\"-1016.59\"\n x2=\"-1017.862\"\n y1=\"852.671\"\n y2=\"852.595\"\n gradientTransform=\"matrix(29 0 0 -8 29523 6971)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#H-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M34 146l-29 8\"\n ></path>\n <linearGradient\n id={`I-${id}`}\n x1=\"-1011.984\"\n x2=\"-1013.257\"\n y1=\"863.523\"\n y2=\"863.229\"\n gradientTransform=\"matrix(24 0 0 -13 24339 11407)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#I-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M45 177l-24 13\"\n ></path>\n <linearGradient\n id={`J-${id}`}\n x1=\"-1006.673\"\n x2=\"-1007.946\"\n y1=\"869.279\"\n y2=\"868.376\"\n gradientTransform=\"matrix(20 0 0 -19 20205 16720)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#J-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M67 204l-20 19\"\n ></path>\n <linearGradient\n id={`K-${id}`}\n x1=\"-992.85\"\n x2=\"-993.317\"\n y1=\"871.258\"\n y2=\"870.258\"\n gradientTransform=\"matrix(13.8339 0 0 -22.8467 13825.796 20131.938)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#K-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M94.4 227l-13.8 22.8\"\n ></path>\n <linearGradient\n id={`L-${id}`}\n x1=\"-953.835\"\n x2=\"-953.965\"\n y1=\"871.9\"\n y2=\"870.9\"\n gradientTransform=\"matrix(7.5 0 0 -24.5 7278 21605)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#L-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M127.5 243.5L120 268\"\n ></path>\n <linearGradient\n id={`M-${id}`}\n x1=\"244.504\"\n x2=\"244.496\"\n y1=\"871.898\"\n y2=\"870.898\"\n gradientTransform=\"matrix(.5 0 0 -24.5 45.5 21614)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#M-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M167.5 252.5l.5 24.5\"\n ></path>\n </g>\n </g>\n </g>\n </svg>\n )\n}\n","import { clsx as cx } from 'clsx'\n\nimport { createEffect, createMemo, createSignal } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\n\nimport { DevtoolsOnCloseContext } from './context'\nimport { useIsMounted } from './utils'\nimport { BaseTanStackRouterDevtoolsPanel } from './BaseTanStackRouterDevtoolsPanel'\nimport useLocalStorage from './useLocalStorage'\nimport { TanStackLogo } from './logo'\nimport { useStyles } from './useStyles'\nimport type { Accessor, JSX } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport interface FloatingDevtoolsOptions {\n /**\n * Set this true if you want the dev tools to default to being open\n */\n initialIsOpen?: boolean\n /**\n * Use this to add props to the panel. For example, you can add class, style (merge and override default style), etc.\n */\n panelProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the close button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n closeButtonProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the toggle button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n toggleButtonProps?: any & {\n ref?: any\n }\n /**\n * The position of the TanStack Router logo to open and close the devtools panel.\n * Defaults to 'bottom-left'.\n */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /**\n * Use this to render the devtools inside a different type of container element for a11y purposes.\n * Any string which corresponds to a valid intrinsic JSX element is allowed.\n * Defaults to 'footer'.\n */\n containerElement?: string | any\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router: Accessor<AnyRouter>\n routerState: Accessor<any>\n /**\n * Use this to attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n}\n\nexport function FloatingTanStackRouterDevtools({\n initialIsOpen,\n panelProps = {},\n closeButtonProps = {},\n toggleButtonProps = {},\n position = 'bottom-left',\n containerElement: Container = 'footer',\n router,\n routerState,\n shadowDOMTarget,\n}: FloatingDevtoolsOptions): JSX.Element | null {\n const [rootEl, setRootEl] = createSignal<HTMLDivElement>()\n\n // eslint-disable-next-line prefer-const\n let panelRef: HTMLDivElement | undefined = undefined\n\n const [isOpen, setIsOpen] = useLocalStorage(\n 'tanstackRouterDevtoolsOpen',\n initialIsOpen,\n )\n\n const [devtoolsHeight, setDevtoolsHeight] = useLocalStorage<number | null>(\n 'tanstackRouterDevtoolsHeight',\n null,\n )\n\n const [isResolvedOpen, setIsResolvedOpen] = createSignal(false)\n const [isResizing, setIsResizing] = createSignal(false)\n const isMounted = useIsMounted()\n const styles = useStyles()\n\n const handleDragStart = (\n panelElement: HTMLDivElement | undefined,\n startEvent: any,\n ) => {\n if (startEvent.button !== 0) return // Only allow left click for drag\n\n setIsResizing(true)\n\n const dragInfo = {\n originalHeight: panelElement?.getBoundingClientRect().height ?? 0,\n pageY: startEvent.pageY,\n }\n\n const run = (moveEvent: MouseEvent) => {\n const delta = dragInfo.pageY - moveEvent.pageY\n const newHeight = dragInfo.originalHeight + delta\n\n setDevtoolsHeight(newHeight)\n\n if (newHeight < 70) {\n setIsOpen(false)\n } else {\n setIsOpen(true)\n }\n }\n\n const unsub = () => {\n setIsResizing(false)\n document.removeEventListener('mousemove', run)\n document.removeEventListener('mouseUp', unsub)\n }\n\n document.addEventListener('mousemove', run)\n document.addEventListener('mouseup', unsub)\n }\n\n const isButtonClosed = isOpen() ?? false\n\n createEffect(() => {\n setIsResolvedOpen(isOpen() ?? false)\n })\n\n createEffect(() => {\n if (isResolvedOpen()) {\n const previousValue = rootEl()?.parentElement?.style.paddingBottom\n\n const run = () => {\n const containerHeight = panelRef!.getBoundingClientRect().height\n if (rootEl()?.parentElement) {\n setRootEl((prev) => {\n if (prev?.parentElement) {\n prev.parentElement.style.paddingBottom = `${containerHeight}px`\n }\n return prev\n })\n }\n }\n\n run()\n\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', run)\n\n return () => {\n window.removeEventListener('resize', run)\n if (rootEl()?.parentElement && typeof previousValue === 'string') {\n setRootEl((prev) => {\n prev!.parentElement!.style.paddingBottom = previousValue\n return prev\n })\n }\n }\n }\n } else {\n // Reset padding when devtools are closed\n if (rootEl()?.parentElement) {\n setRootEl((prev) => {\n if (prev?.parentElement) {\n prev.parentElement.removeAttribute('style')\n }\n return prev\n })\n }\n }\n return\n })\n\n createEffect(() => {\n if (rootEl()) {\n const el = rootEl()\n const fontSize = getComputedStyle(el!).fontSize\n el?.style.setProperty('--tsrd-font-size', fontSize)\n }\n })\n\n const { style: panelStyle = {}, ...otherPanelProps } = panelProps as {\n style?: Record<string, any>\n }\n\n const {\n style: closeButtonStyle = {},\n onClick: onCloseClick,\n ...otherCloseButtonProps\n } = closeButtonProps\n\n const {\n onClick: onToggleClick,\n class: toggleButtonClassName,\n ...otherToggleButtonProps\n } = toggleButtonProps\n\n // Do not render on the server\n if (!isMounted()) return null\n\n const resolvedHeight = createMemo(() => devtoolsHeight() ?? 500)\n\n const basePanelClass = createMemo(() => {\n return cx(\n styles().devtoolsPanelContainer,\n styles().devtoolsPanelContainerVisibility(!!isOpen()),\n styles().devtoolsPanelContainerResizing(isResizing),\n styles().devtoolsPanelContainerAnimation(\n isResolvedOpen(),\n resolvedHeight() + 16,\n ),\n )\n })\n\n const basePanelStyle = createMemo(() => {\n return {\n height: `${resolvedHeight()}px`,\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n ...(panelStyle || {}),\n }\n })\n\n const buttonStyle = createMemo(() => {\n return cx(\n styles().mainCloseBtn,\n styles().mainCloseBtnPosition(position),\n styles().mainCloseBtnAnimation(!!isOpen()),\n toggleButtonClassName,\n )\n })\n\n return (\n <Dynamic\n component={Container}\n ref={setRootEl}\n class=\"TanStackRouterDevtools\"\n >\n <DevtoolsOnCloseContext.Provider\n value={{\n onCloseClick: onCloseClick ?? (() => {}),\n }}\n >\n {/* {router() ? ( */}\n <BaseTanStackRouterDevtoolsPanel\n ref={panelRef}\n {...otherPanelProps}\n router={router}\n routerState={routerState}\n className={basePanelClass}\n style={basePanelStyle}\n isOpen={isResolvedOpen()}\n setIsOpen={setIsOpen}\n handleDragStart={(e) => handleDragStart(panelRef, e)}\n shadowDOMTarget={shadowDOMTarget}\n />\n {/* ) : (\n <p>No router</p>\n )} */}\n </DevtoolsOnCloseContext.Provider>\n\n <button\n type=\"button\"\n {...otherToggleButtonProps}\n aria-label=\"Open TanStack Router Devtools\"\n onClick={(e) => {\n setIsOpen(true)\n onToggleClick && onToggleClick(e)\n }}\n class={buttonStyle()}\n >\n <div class={styles().mainCloseBtnIconContainer}>\n <div class={styles().mainCloseBtnIconOuter}>\n <TanStackLogo />\n </div>\n <div class={styles().mainCloseBtnIconInner}>\n <TanStackLogo />\n </div>\n </div>\n <div class={styles().mainCloseBtnDivider}>-</div>\n <div class={styles().routerLogoCloseButton}>TanStack Router</div>\n </button>\n </Dynamic>\n )\n}\n\nexport default FloatingTanStackRouterDevtools\n"],"names":["TanStackLogo","id","createUniqueId","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","_el$17","_el$18","_el$19","_el$20","_el$21","_el$22","_el$23","_el$24","_el$25","_el$26","_el$27","_el$28","_el$29","_el$30","_el$31","_el$32","_el$33","_el$34","_el$35","_el$36","_el$37","_el$38","_el$39","_el$40","_el$41","_el$42","_el$43","_el$44","_el$45","_el$46","_el$47","_el$48","_el$49","_el$50","_el$51","_el$52","_el$53","_el$54","_el$55","_el$56","_el$57","_el$58","_el$59","_el$60","_el$61","_el$62","_el$63","_el$64","_el$65","_el$66","_el$67","_el$68","_el$69","_el$70","_el$71","_el$72","_el$73","_el$74","_el$75","_el$76","_el$77","_el$78","_el$79","_el$80","_el$81","_el$82","_el$83","_el$84","_el$85","_el$86","_el$87","_el$88","_el$89","_$setAttribute","FloatingTanStackRouterDevtools","initialIsOpen","panelProps","closeButtonProps","toggleButtonProps","position","containerElement","Container","router","routerState","shadowDOMTarget","rootEl","setRootEl","createSignal","panelRef","undefined","isOpen","setIsOpen","useLocalStorage","devtoolsHeight","setDevtoolsHeight","isResolvedOpen","setIsResolvedOpen","isResizing","setIsResizing","isMounted","useIsMounted","styles","useStyles","handleDragStart","panelElement","startEvent","button","dragInfo","originalHeight","getBoundingClientRect","height","pageY","run","moveEvent","delta","newHeight","unsub","document","removeEventListener","addEventListener","createEffect","previousValue","parentElement","style","paddingBottom","containerHeight","prev","window","removeAttribute","el","fontSize","getComputedStyle","setProperty","panelStyle","otherPanelProps","closeButtonStyle","onClick","onCloseClick","otherCloseButtonProps","onToggleClick","class","toggleButtonClassName","otherToggleButtonProps","resolvedHeight","createMemo","basePanelClass","cx","devtoolsPanelContainer","devtoolsPanelContainerVisibility","devtoolsPanelContainerResizing","devtoolsPanelContainerAnimation","basePanelStyle","buttonStyle","mainCloseBtn","mainCloseBtnPosition","mainCloseBtnAnimation","_$createComponent","Dynamic","component","ref","children","DevtoolsOnCloseContext","Provider","value","BaseTanStackRouterDevtoolsPanel","_$mergeProps","r$","_ref$","className","e","_$spread","_$insert","_$effect","_p$","_v$","mainCloseBtnIconContainer","_v$2","mainCloseBtnIconOuter","_v$3","mainCloseBtnIconInner","_v$4","mainCloseBtnDivider","_v$5","routerLogoCloseButton","_$className","t","a","o","i"],"mappings":"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"} |
| "use strict"; | ||
| Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" }); | ||
| const index = require("./index-BoYu2KZp.cjs"); | ||
| const clsx = require("clsx"); | ||
| const BaseTanStackRouterDevtoolsPanel = require("./BaseTanStackRouterDevtoolsPanel-BgiCKo12.cjs"); | ||
| var _tmpl$$1 = /* @__PURE__ */ index.template(`<svg xmlns=http://www.w3.org/2000/svg enable-background="new 0 0 634 633"viewBox="0 0 634 633"><g transform=translate(1)><linearGradient x1=-641.486 x2=-641.486 y1=856.648 y2=855.931 gradientTransform="matrix(633 0 0 -633 406377 542258)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#6bdaff></stop><stop offset=0.319 stop-color=#f9ffb5></stop><stop offset=0.706 stop-color=#ffa770></stop><stop offset=1 stop-color=#ff7373></stop></linearGradient><circle cx=316.5 cy=316.5 r=316.5 fill-rule=evenodd clip-rule=evenodd></circle><defs><filter width=454 height=396.9 x=-137.5 y=412 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=412 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=610.5 fill=#015064 fill-rule=evenodd stroke=#00CFE2 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=412 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=412 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=610.5 fill=#015064 fill-rule=evenodd stroke=#00CFE2 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=-137.5 y=450 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=450 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=648.5 fill=#015064 fill-rule=evenodd stroke=#00A8B8 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=450 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=450 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=648.5 fill=#015064 fill-rule=evenodd stroke=#00A8B8 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=-137.5 y=486 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=-137.5 y=486 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=89.5 cy=684.5 fill=#015064 fill-rule=evenodd stroke=#007782 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=454 height=396.9 x=316.5 y=486 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=454 height=396.9 x=316.5 y=486 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><ellipse cx=543.5 cy=684.5 fill=#015064 fill-rule=evenodd stroke=#007782 stroke-width=25 clip-rule=evenodd rx=214.5 ry=186></ellipse><defs><filter width=176.9 height=129.3 x=272.2 y=308 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=176.9 height=129.3 x=272.2 y=308 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><path fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11 d="M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1"></path><linearGradient x1=-645.656 x2=-646.499 y1=854.878 y2=854.788 gradientTransform="matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ee2700></stop><stop offset=1 stop-color=#ff008e></stop></linearGradient><path fill-rule=evenodd d="M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z"clip-rule=evenodd></path><path fill=#D8D8D8 fill-rule=evenodd stroke=#FFF stroke-linecap=round stroke-linejoin=bevel stroke-width=7 d="M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9"clip-rule=evenodd></path></g><defs><filter width=280.6 height=317.4 x=73.2 y=113.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=280.6 height=317.4 x=73.2 y=113.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><linearGradient x1=-646.8 x2=-646.8 y1=854.844 y2=853.844 gradientTransform="matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#a17500></stop><stop offset=1 stop-color=#5d2100></stop></linearGradient><path fill-rule=evenodd d="M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6"clip-rule=evenodd></path><linearGradient x1=-635.467 x2=-635.467 y1=852.115 y2=851.115 gradientTransform="matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z"clip-rule=evenodd></path><linearGradient x1=-636.573 x2=-636.573 y1=855.444 y2=854.444 gradientTransform="matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z"clip-rule=evenodd></path><linearGradient x1=-632.145 x2=-632.145 y1=854.174 y2=853.174 gradientTransform="matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z"clip-rule=evenodd></path><linearGradient x1=-638.224 x2=-638.224 y1=853.801 y2=852.801 gradientTransform="matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z"clip-rule=evenodd></path><linearGradient x1=-637.723 x2=-637.723 y1=855.103 y2=854.103 gradientTransform="matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z"clip-rule=evenodd></path><linearGradient x1=-631.79 x2=-631.79 y1=855.872 y2=854.872 gradientTransform="matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#2f8a00></stop><stop offset=1 stop-color=#90ff57></stop></linearGradient><path fill-rule=evenodd stroke=#2F8A00 stroke-width=13 d="M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z"clip-rule=evenodd></path><path fill=none stroke=#2F8A00 stroke-linecap=round stroke-width=8 d="M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1"></path><path fill=none stroke=#2F8A00 stroke-linecap=round stroke-width=8 d="M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32"></path></g><defs><filter width=532 height=633 x=50.5 y=399 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=532 height=633 x=50.5 y=399 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><linearGradient x1=-641.104 x2=-641.278 y1=856.577 y2=856.183 gradientTransform="matrix(532 0 0 -633 341484.5 542657)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#fff400></stop><stop offset=1 stop-color=#3c8700></stop></linearGradient><ellipse cx=316.5 cy=715.5 fill-rule=evenodd clip-rule=evenodd rx=266 ry=316.5></ellipse><defs><filter width=288 height=283 x=391 y=-24 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix></filter></defs><mask width=288 height=283 x=391 y=-24 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#FFF fill-rule=evenodd clip-rule=evenodd></circle></g></mask><g><g transform="translate(397 -24)"><linearGradient x1=-1036.672 x2=-1036.672 y1=880.018 y2=879.018 gradientTransform="matrix(227 0 0 -227 235493 199764)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffdf00></stop><stop offset=1 stop-color=#ff9d00></stop></linearGradient><circle cx=168.5 cy=113.5 r=113.5 fill-rule=evenodd clip-rule=evenodd></circle><linearGradient x1=-1017.329 x2=-1018.602 y1=658.003 y2=657.998 gradientTransform="matrix(30 0 0 -1 30558 771)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M30 113H0"></path><linearGradient x1=-1014.501 x2=-1015.774 y1=839.985 y2=839.935 gradientTransform="matrix(26.5 0 0 -5.5 26925 4696.5)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M33.5 79.5L7 74"></path><linearGradient x1=-1016.59 x2=-1017.862 y1=852.671 y2=852.595 gradientTransform="matrix(29 0 0 -8 29523 6971)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M34 146l-29 8"></path><linearGradient x1=-1011.984 x2=-1013.257 y1=863.523 y2=863.229 gradientTransform="matrix(24 0 0 -13 24339 11407)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M45 177l-24 13"></path><linearGradient x1=-1006.673 x2=-1007.946 y1=869.279 y2=868.376 gradientTransform="matrix(20 0 0 -19 20205 16720)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M67 204l-20 19"></path><linearGradient x1=-992.85 x2=-993.317 y1=871.258 y2=870.258 gradientTransform="matrix(13.8339 0 0 -22.8467 13825.796 20131.938)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M94.4 227l-13.8 22.8"></path><linearGradient x1=-953.835 x2=-953.965 y1=871.9 y2=870.9 gradientTransform="matrix(7.5 0 0 -24.5 7278 21605)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M127.5 243.5L120 268"></path><linearGradient x1=244.504 x2=244.496 y1=871.898 y2=870.898 gradientTransform="matrix(.5 0 0 -24.5 45.5 21614)"gradientUnits=userSpaceOnUse><stop offset=0 stop-color=#ffa400></stop><stop offset=1 stop-color=#ff5e00></stop></linearGradient><path fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12 d="M167.5 252.5l.5 24.5">`); | ||
| function TanStackLogo() { | ||
| const id = index.createUniqueId(); | ||
| return (() => { | ||
| var _el$ = _tmpl$$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$13.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$23.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$25.nextSibling, _el$28 = _el$27.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$28.nextSibling, _el$31 = _el$30.firstChild, _el$32 = _el$30.nextSibling, _el$33 = _el$32.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$33.nextSibling, _el$36 = _el$35.firstChild, _el$37 = _el$35.nextSibling, _el$38 = _el$37.firstChild, _el$39 = _el$38.nextSibling, _el$40 = _el$39.nextSibling, _el$41 = _el$37.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$41.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$43.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.nextSibling, _el$50 = _el$49.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$54 = _el$53.nextSibling, _el$55 = _el$54.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.nextSibling, _el$58 = _el$57.nextSibling, _el$59 = _el$58.nextSibling, _el$60 = _el$45.nextSibling, _el$61 = _el$60.firstChild, _el$62 = _el$60.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$62.nextSibling, _el$65 = _el$64.nextSibling, _el$66 = _el$65.nextSibling, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, _el$69 = _el$68.firstChild, _el$70 = _el$68.nextSibling, _el$71 = _el$70.firstChild, _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling, _el$79 = _el$78.nextSibling, _el$80 = _el$79.nextSibling, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling; | ||
| index.setAttribute(_el$3, "id", `a-${id}`); | ||
| index.setAttribute(_el$4, "fill", `url(#a-${id})`); | ||
| index.setAttribute(_el$6, "id", `b-${id}`); | ||
| index.setAttribute(_el$7, "id", `c-${id}`); | ||
| index.setAttribute(_el$8, "filter", `url(#b-${id})`); | ||
| index.setAttribute(_el$9, "mask", `url(#c-${id})`); | ||
| index.setAttribute(_el$1, "id", `d-${id}`); | ||
| index.setAttribute(_el$10, "id", `e-${id}`); | ||
| index.setAttribute(_el$11, "filter", `url(#d-${id})`); | ||
| index.setAttribute(_el$12, "mask", `url(#e-${id})`); | ||
| index.setAttribute(_el$14, "id", `f-${id}`); | ||
| index.setAttribute(_el$15, "id", `g-${id}`); | ||
| index.setAttribute(_el$16, "filter", `url(#f-${id})`); | ||
| index.setAttribute(_el$17, "mask", `url(#g-${id})`); | ||
| index.setAttribute(_el$19, "id", `h-${id}`); | ||
| index.setAttribute(_el$20, "id", `i-${id}`); | ||
| index.setAttribute(_el$21, "filter", `url(#h-${id})`); | ||
| index.setAttribute(_el$22, "mask", `url(#i-${id})`); | ||
| index.setAttribute(_el$24, "id", `j-${id}`); | ||
| index.setAttribute(_el$25, "id", `k-${id}`); | ||
| index.setAttribute(_el$26, "filter", `url(#j-${id})`); | ||
| index.setAttribute(_el$27, "mask", `url(#k-${id})`); | ||
| index.setAttribute(_el$29, "id", `l-${id}`); | ||
| index.setAttribute(_el$30, "id", `m-${id}`); | ||
| index.setAttribute(_el$31, "filter", `url(#l-${id})`); | ||
| index.setAttribute(_el$32, "mask", `url(#m-${id})`); | ||
| index.setAttribute(_el$34, "id", `n-${id}`); | ||
| index.setAttribute(_el$35, "id", `o-${id}`); | ||
| index.setAttribute(_el$36, "filter", `url(#n-${id})`); | ||
| index.setAttribute(_el$37, "mask", `url(#o-${id})`); | ||
| index.setAttribute(_el$39, "id", `p-${id}`); | ||
| index.setAttribute(_el$40, "fill", `url(#p-${id})`); | ||
| index.setAttribute(_el$42, "id", `q-${id}`); | ||
| index.setAttribute(_el$43, "id", `r-${id}`); | ||
| index.setAttribute(_el$44, "filter", `url(#q-${id})`); | ||
| index.setAttribute(_el$45, "mask", `url(#r-${id})`); | ||
| index.setAttribute(_el$46, "id", `s-${id}`); | ||
| index.setAttribute(_el$47, "fill", `url(#s-${id})`); | ||
| index.setAttribute(_el$48, "id", `t-${id}`); | ||
| index.setAttribute(_el$49, "fill", `url(#t-${id})`); | ||
| index.setAttribute(_el$50, "id", `u-${id}`); | ||
| index.setAttribute(_el$51, "fill", `url(#u-${id})`); | ||
| index.setAttribute(_el$52, "id", `v-${id}`); | ||
| index.setAttribute(_el$53, "fill", `url(#v-${id})`); | ||
| index.setAttribute(_el$54, "id", `w-${id}`); | ||
| index.setAttribute(_el$55, "fill", `url(#w-${id})`); | ||
| index.setAttribute(_el$56, "id", `x-${id}`); | ||
| index.setAttribute(_el$57, "fill", `url(#x-${id})`); | ||
| index.setAttribute(_el$58, "id", `y-${id}`); | ||
| index.setAttribute(_el$59, "fill", `url(#y-${id})`); | ||
| index.setAttribute(_el$61, "id", `z-${id}`); | ||
| index.setAttribute(_el$62, "id", `A-${id}`); | ||
| index.setAttribute(_el$63, "filter", `url(#z-${id})`); | ||
| index.setAttribute(_el$64, "id", `B-${id}`); | ||
| index.setAttribute(_el$65, "fill", `url(#B-${id})`); | ||
| index.setAttribute(_el$65, "mask", `url(#A-${id})`); | ||
| index.setAttribute(_el$67, "id", `C-${id}`); | ||
| index.setAttribute(_el$68, "id", `D-${id}`); | ||
| index.setAttribute(_el$69, "filter", `url(#C-${id})`); | ||
| index.setAttribute(_el$70, "mask", `url(#D-${id})`); | ||
| index.setAttribute(_el$72, "id", `E-${id}`); | ||
| index.setAttribute(_el$73, "fill", `url(#E-${id})`); | ||
| index.setAttribute(_el$74, "id", `F-${id}`); | ||
| index.setAttribute(_el$75, "stroke", `url(#F-${id})`); | ||
| index.setAttribute(_el$76, "id", `G-${id}`); | ||
| index.setAttribute(_el$77, "stroke", `url(#G-${id})`); | ||
| index.setAttribute(_el$78, "id", `H-${id}`); | ||
| index.setAttribute(_el$79, "stroke", `url(#H-${id})`); | ||
| index.setAttribute(_el$80, "id", `I-${id}`); | ||
| index.setAttribute(_el$81, "stroke", `url(#I-${id})`); | ||
| index.setAttribute(_el$82, "id", `J-${id}`); | ||
| index.setAttribute(_el$83, "stroke", `url(#J-${id})`); | ||
| index.setAttribute(_el$84, "id", `K-${id}`); | ||
| index.setAttribute(_el$85, "stroke", `url(#K-${id})`); | ||
| index.setAttribute(_el$86, "id", `L-${id}`); | ||
| index.setAttribute(_el$87, "stroke", `url(#L-${id})`); | ||
| index.setAttribute(_el$88, "id", `M-${id}`); | ||
| index.setAttribute(_el$89, "stroke", `url(#M-${id})`); | ||
| return _el$; | ||
| })(); | ||
| } | ||
| var _tmpl$ = /* @__PURE__ */ index.template(`<button type=button><div><div></div><div></div></div><div>-</div><div>TanStack Router`); | ||
| function FloatingTanStackRouterDevtools({ | ||
| initialIsOpen, | ||
| panelProps = {}, | ||
| closeButtonProps = {}, | ||
| toggleButtonProps = {}, | ||
| position = "bottom-left", | ||
| containerElement: Container = "footer", | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget | ||
| }) { | ||
| const [rootEl, setRootEl] = index.createSignal(); | ||
| let panelRef = void 0; | ||
| const [isOpen, setIsOpen] = BaseTanStackRouterDevtoolsPanel.useLocalStorage("tanstackRouterDevtoolsOpen", initialIsOpen); | ||
| const [devtoolsHeight, setDevtoolsHeight] = BaseTanStackRouterDevtoolsPanel.useLocalStorage("tanstackRouterDevtoolsHeight", null); | ||
| const [isResolvedOpen, setIsResolvedOpen] = index.createSignal(false); | ||
| const [isResizing, setIsResizing] = index.createSignal(false); | ||
| const isMounted = BaseTanStackRouterDevtoolsPanel.useIsMounted(); | ||
| const styles = BaseTanStackRouterDevtoolsPanel.useStyles(); | ||
| const handleDragStart = (panelElement, startEvent) => { | ||
| if (startEvent.button !== 0) return; | ||
| setIsResizing(true); | ||
| const dragInfo = { | ||
| originalHeight: panelElement?.getBoundingClientRect().height ?? 0, | ||
| pageY: startEvent.pageY | ||
| }; | ||
| const run = (moveEvent) => { | ||
| const delta = dragInfo.pageY - moveEvent.pageY; | ||
| const newHeight = dragInfo.originalHeight + delta; | ||
| setDevtoolsHeight(newHeight); | ||
| if (newHeight < 70) { | ||
| setIsOpen(false); | ||
| } else { | ||
| setIsOpen(true); | ||
| } | ||
| }; | ||
| const unsub = () => { | ||
| setIsResizing(false); | ||
| document.removeEventListener("mousemove", run); | ||
| document.removeEventListener("mouseUp", unsub); | ||
| }; | ||
| document.addEventListener("mousemove", run); | ||
| document.addEventListener("mouseup", unsub); | ||
| }; | ||
| isOpen() ?? false; | ||
| index.createEffect(() => { | ||
| setIsResolvedOpen(isOpen() ?? false); | ||
| }); | ||
| index.createEffect(() => { | ||
| if (isResolvedOpen()) { | ||
| const previousValue = rootEl()?.parentElement?.style.paddingBottom; | ||
| const run = () => { | ||
| const containerHeight = panelRef.getBoundingClientRect().height; | ||
| if (rootEl()?.parentElement) { | ||
| setRootEl((prev) => { | ||
| if (prev?.parentElement) { | ||
| prev.parentElement.style.paddingBottom = `${containerHeight}px`; | ||
| } | ||
| return prev; | ||
| }); | ||
| } | ||
| }; | ||
| run(); | ||
| if (typeof window !== "undefined") { | ||
| window.addEventListener("resize", run); | ||
| return () => { | ||
| window.removeEventListener("resize", run); | ||
| if (rootEl()?.parentElement && typeof previousValue === "string") { | ||
| setRootEl((prev) => { | ||
| prev.parentElement.style.paddingBottom = previousValue; | ||
| return prev; | ||
| }); | ||
| } | ||
| }; | ||
| } | ||
| } else { | ||
| if (rootEl()?.parentElement) { | ||
| setRootEl((prev) => { | ||
| if (prev?.parentElement) { | ||
| prev.parentElement.removeAttribute("style"); | ||
| } | ||
| return prev; | ||
| }); | ||
| } | ||
| } | ||
| return; | ||
| }); | ||
| index.createEffect(() => { | ||
| if (rootEl()) { | ||
| const el = rootEl(); | ||
| const fontSize = getComputedStyle(el).fontSize; | ||
| el?.style.setProperty("--tsrd-font-size", fontSize); | ||
| } | ||
| }); | ||
| const { | ||
| style: panelStyle = {}, | ||
| ...otherPanelProps | ||
| } = panelProps; | ||
| const { | ||
| style: closeButtonStyle = {}, | ||
| onClick: onCloseClick, | ||
| ...otherCloseButtonProps | ||
| } = closeButtonProps; | ||
| const { | ||
| onClick: onToggleClick, | ||
| class: toggleButtonClassName, | ||
| ...otherToggleButtonProps | ||
| } = toggleButtonProps; | ||
| if (!isMounted()) return null; | ||
| const resolvedHeight = index.createMemo(() => devtoolsHeight() ?? 500); | ||
| const basePanelClass = index.createMemo(() => { | ||
| return clsx.clsx(styles().devtoolsPanelContainer, styles().devtoolsPanelContainerVisibility(!!isOpen()), styles().devtoolsPanelContainerResizing(isResizing), styles().devtoolsPanelContainerAnimation(isResolvedOpen(), resolvedHeight() + 16)); | ||
| }); | ||
| const basePanelStyle = index.createMemo(() => { | ||
| return { | ||
| height: `${resolvedHeight()}px`, | ||
| // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition | ||
| ...panelStyle || {} | ||
| }; | ||
| }); | ||
| const buttonStyle = index.createMemo(() => { | ||
| return clsx.clsx(styles().mainCloseBtn, styles().mainCloseBtnPosition(position), styles().mainCloseBtnAnimation(!!isOpen()), toggleButtonClassName); | ||
| }); | ||
| return index.createComponent(index.Dynamic, { | ||
| component: Container, | ||
| ref: setRootEl, | ||
| "class": "TanStackRouterDevtools", | ||
| get children() { | ||
| return [index.createComponent(index.DevtoolsOnCloseContext.Provider, { | ||
| value: { | ||
| onCloseClick: onCloseClick ?? (() => { | ||
| }) | ||
| }, | ||
| get children() { | ||
| return index.createComponent(BaseTanStackRouterDevtoolsPanel.BaseTanStackRouterDevtoolsPanel, index.mergeProps({ | ||
| ref(r$) { | ||
| var _ref$ = panelRef; | ||
| typeof _ref$ === "function" ? _ref$(r$) : panelRef = r$; | ||
| } | ||
| }, otherPanelProps, { | ||
| router, | ||
| routerState, | ||
| className: basePanelClass, | ||
| style: basePanelStyle, | ||
| get isOpen() { | ||
| return isResolvedOpen(); | ||
| }, | ||
| setIsOpen, | ||
| handleDragStart: (e) => handleDragStart(panelRef, e), | ||
| shadowDOMTarget | ||
| })); | ||
| } | ||
| }), (() => { | ||
| var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.nextSibling; | ||
| index.spread(_el$, index.mergeProps(otherToggleButtonProps, { | ||
| "aria-label": "Open TanStack Router Devtools", | ||
| "onClick": (e) => { | ||
| setIsOpen(true); | ||
| onToggleClick && onToggleClick(e); | ||
| }, | ||
| get ["class"]() { | ||
| return buttonStyle(); | ||
| } | ||
| }), false, true); | ||
| index.insert(_el$3, index.createComponent(TanStackLogo, {})); | ||
| index.insert(_el$4, index.createComponent(TanStackLogo, {})); | ||
| index.createRenderEffect((_p$) => { | ||
| var _v$ = styles().mainCloseBtnIconContainer, _v$2 = styles().mainCloseBtnIconOuter, _v$3 = styles().mainCloseBtnIconInner, _v$4 = styles().mainCloseBtnDivider, _v$5 = styles().routerLogoCloseButton; | ||
| _v$ !== _p$.e && index.className(_el$2, _p$.e = _v$); | ||
| _v$2 !== _p$.t && index.className(_el$3, _p$.t = _v$2); | ||
| _v$3 !== _p$.a && index.className(_el$4, _p$.a = _v$3); | ||
| _v$4 !== _p$.o && index.className(_el$5, _p$.o = _v$4); | ||
| _v$5 !== _p$.i && index.className(_el$6, _p$.i = _v$5); | ||
| return _p$; | ||
| }, { | ||
| e: void 0, | ||
| t: void 0, | ||
| a: void 0, | ||
| o: void 0, | ||
| i: void 0 | ||
| }); | ||
| return _el$; | ||
| })()]; | ||
| } | ||
| }); | ||
| } | ||
| exports.FloatingTanStackRouterDevtools = FloatingTanStackRouterDevtools; | ||
| exports.default = FloatingTanStackRouterDevtools; | ||
| //# sourceMappingURL=FloatingTanStackRouterDevtools-C-LyXpEh.cjs.map |
| {"version":3,"file":"FloatingTanStackRouterDevtools-C-LyXpEh.cjs","sources":["../src/logo.tsx","../src/FloatingTanStackRouterDevtools.tsx"],"sourcesContent":["import { createUniqueId } from 'solid-js'\n\nexport function TanStackLogo() {\n const id = createUniqueId()\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n enable-background=\"new 0 0 634 633\"\n viewBox=\"0 0 634 633\"\n >\n <g transform=\"translate(1)\">\n <linearGradient\n id={`a-${id}`}\n x1=\"-641.486\"\n x2=\"-641.486\"\n y1=\"856.648\"\n y2=\"855.931\"\n gradientTransform=\"matrix(633 0 0 -633 406377 542258)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#6bdaff\"></stop>\n <stop offset=\"0.319\" stop-color=\"#f9ffb5\"></stop>\n <stop offset=\"0.706\" stop-color=\"#ffa770\"></stop>\n <stop offset=\"1\" stop-color=\"#ff7373\"></stop>\n </linearGradient>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill={`url(#a-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <defs>\n <filter\n id={`b-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`c-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#b-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#c-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`d-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`e-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#d-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#e-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`f-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`g-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#f-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#g-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`h-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`i-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#h-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#i-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`j-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`k-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#j-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#k-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`l-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`m-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#l-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#m-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`n-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`o-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#n-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#o-${id})`}>\n <path\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n d=\"M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1\"\n ></path>\n <linearGradient\n id={`p-${id}`}\n x1=\"-645.656\"\n x2=\"-646.499\"\n y1=\"854.878\"\n y2=\"854.788\"\n gradientTransform=\"matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ee2700\"></stop>\n <stop offset=\"1\" stop-color=\"#ff008e\"></stop>\n </linearGradient>\n <path\n fill={`url(#p-${id})`}\n fill-rule=\"evenodd\"\n d=\"M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"#D8D8D8\"\n fill-rule=\"evenodd\"\n stroke=\"#FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n d=\"M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9\"\n clip-rule=\"evenodd\"\n ></path>\n </g>\n <defs>\n <filter\n id={`q-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`r-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#q-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#r-${id})`}>\n <linearGradient\n id={`s-${id}`}\n x1=\"-646.8\"\n x2=\"-646.8\"\n y1=\"854.844\"\n y2=\"853.844\"\n gradientTransform=\"matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#a17500\"></stop>\n <stop offset=\"1\" stop-color=\"#5d2100\"></stop>\n </linearGradient>\n <path\n fill={`url(#s-${id})`}\n fill-rule=\"evenodd\"\n d=\"M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`t-${id}`}\n x1=\"-635.467\"\n x2=\"-635.467\"\n y1=\"852.115\"\n y2=\"851.115\"\n gradientTransform=\"matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#t-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`u-${id}`}\n x1=\"-636.573\"\n x2=\"-636.573\"\n y1=\"855.444\"\n y2=\"854.444\"\n gradientTransform=\"matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#u-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`v-${id}`}\n x1=\"-632.145\"\n x2=\"-632.145\"\n y1=\"854.174\"\n y2=\"853.174\"\n gradientTransform=\"matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#v-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`w-${id}`}\n x1=\"-638.224\"\n x2=\"-638.224\"\n y1=\"853.801\"\n y2=\"852.801\"\n gradientTransform=\"matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#w-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`x-${id}`}\n x1=\"-637.723\"\n x2=\"-637.723\"\n y1=\"855.103\"\n y2=\"854.103\"\n gradientTransform=\"matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#x-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`y-${id}`}\n x1=\"-631.79\"\n x2=\"-631.79\"\n y1=\"855.872\"\n y2=\"854.872\"\n gradientTransform=\"matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#y-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32\"\n ></path>\n </g>\n <defs>\n <filter\n id={`z-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`A-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#z-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <linearGradient\n id={`B-${id}`}\n x1=\"-641.104\"\n x2=\"-641.278\"\n y1=\"856.577\"\n y2=\"856.183\"\n gradientTransform=\"matrix(532 0 0 -633 341484.5 542657)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#fff400\"></stop>\n <stop offset=\"1\" stop-color=\"#3c8700\"></stop>\n </linearGradient>\n <ellipse\n cx=\"316.5\"\n cy=\"715.5\"\n fill={`url(#B-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n mask={`url(#A-${id})`}\n rx=\"266\"\n ry=\"316.5\"\n ></ellipse>\n <defs>\n <filter\n id={`C-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`D-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#C-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#D-${id})`}>\n <g transform=\"translate(397 -24)\">\n <linearGradient\n id={`E-${id}`}\n x1=\"-1036.672\"\n x2=\"-1036.672\"\n y1=\"880.018\"\n y2=\"879.018\"\n gradientTransform=\"matrix(227 0 0 -227 235493 199764)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffdf00\"></stop>\n <stop offset=\"1\" stop-color=\"#ff9d00\"></stop>\n </linearGradient>\n <circle\n cx=\"168.5\"\n cy=\"113.5\"\n r=\"113.5\"\n fill={`url(#E-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <linearGradient\n id={`F-${id}`}\n x1=\"-1017.329\"\n x2=\"-1018.602\"\n y1=\"658.003\"\n y2=\"657.998\"\n gradientTransform=\"matrix(30 0 0 -1 30558 771)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#F-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M30 113H0\"\n ></path>\n <linearGradient\n id={`G-${id}`}\n x1=\"-1014.501\"\n x2=\"-1015.774\"\n y1=\"839.985\"\n y2=\"839.935\"\n gradientTransform=\"matrix(26.5 0 0 -5.5 26925 4696.5)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#G-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M33.5 79.5L7 74\"\n ></path>\n <linearGradient\n id={`H-${id}`}\n x1=\"-1016.59\"\n x2=\"-1017.862\"\n y1=\"852.671\"\n y2=\"852.595\"\n gradientTransform=\"matrix(29 0 0 -8 29523 6971)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#H-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M34 146l-29 8\"\n ></path>\n <linearGradient\n id={`I-${id}`}\n x1=\"-1011.984\"\n x2=\"-1013.257\"\n y1=\"863.523\"\n y2=\"863.229\"\n gradientTransform=\"matrix(24 0 0 -13 24339 11407)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#I-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M45 177l-24 13\"\n ></path>\n <linearGradient\n id={`J-${id}`}\n x1=\"-1006.673\"\n x2=\"-1007.946\"\n y1=\"869.279\"\n y2=\"868.376\"\n gradientTransform=\"matrix(20 0 0 -19 20205 16720)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#J-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M67 204l-20 19\"\n ></path>\n <linearGradient\n id={`K-${id}`}\n x1=\"-992.85\"\n x2=\"-993.317\"\n y1=\"871.258\"\n y2=\"870.258\"\n gradientTransform=\"matrix(13.8339 0 0 -22.8467 13825.796 20131.938)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#K-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M94.4 227l-13.8 22.8\"\n ></path>\n <linearGradient\n id={`L-${id}`}\n x1=\"-953.835\"\n x2=\"-953.965\"\n y1=\"871.9\"\n y2=\"870.9\"\n gradientTransform=\"matrix(7.5 0 0 -24.5 7278 21605)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#L-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M127.5 243.5L120 268\"\n ></path>\n <linearGradient\n id={`M-${id}`}\n x1=\"244.504\"\n x2=\"244.496\"\n y1=\"871.898\"\n y2=\"870.898\"\n gradientTransform=\"matrix(.5 0 0 -24.5 45.5 21614)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#M-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M167.5 252.5l.5 24.5\"\n ></path>\n </g>\n </g>\n </g>\n </svg>\n )\n}\n","import { clsx as cx } from 'clsx'\n\nimport { createEffect, createMemo, createSignal } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\n\nimport { DevtoolsOnCloseContext } from './context'\nimport { useIsMounted } from './utils'\nimport { BaseTanStackRouterDevtoolsPanel } from './BaseTanStackRouterDevtoolsPanel'\nimport useLocalStorage from './useLocalStorage'\nimport { TanStackLogo } from './logo'\nimport { useStyles } from './useStyles'\nimport type { Accessor, JSX } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport interface FloatingDevtoolsOptions {\n /**\n * Set this true if you want the dev tools to default to being open\n */\n initialIsOpen?: boolean\n /**\n * Use this to add props to the panel. For example, you can add class, style (merge and override default style), etc.\n */\n panelProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the close button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n closeButtonProps?: any & {\n ref?: any\n }\n /**\n * Use this to add props to the toggle button. For example, you can add class, style (merge and override default style), onClick (extend default handler), etc.\n */\n toggleButtonProps?: any & {\n ref?: any\n }\n /**\n * The position of the TanStack Router logo to open and close the devtools panel.\n * Defaults to 'bottom-left'.\n */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /**\n * Use this to render the devtools inside a different type of container element for a11y purposes.\n * Any string which corresponds to a valid intrinsic JSX element is allowed.\n * Defaults to 'footer'.\n */\n containerElement?: string | any\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router: Accessor<AnyRouter>\n routerState: Accessor<any>\n /**\n * Use this to attach the devtool's styles to specific element in the DOM.\n */\n shadowDOMTarget?: ShadowRoot\n}\n\nexport function FloatingTanStackRouterDevtools({\n initialIsOpen,\n panelProps = {},\n closeButtonProps = {},\n toggleButtonProps = {},\n position = 'bottom-left',\n containerElement: Container = 'footer',\n router,\n routerState,\n shadowDOMTarget,\n}: FloatingDevtoolsOptions): JSX.Element | null {\n const [rootEl, setRootEl] = createSignal<HTMLDivElement>()\n\n // eslint-disable-next-line prefer-const\n let panelRef: HTMLDivElement | undefined = undefined\n\n const [isOpen, setIsOpen] = useLocalStorage(\n 'tanstackRouterDevtoolsOpen',\n initialIsOpen,\n )\n\n const [devtoolsHeight, setDevtoolsHeight] = useLocalStorage<number | null>(\n 'tanstackRouterDevtoolsHeight',\n null,\n )\n\n const [isResolvedOpen, setIsResolvedOpen] = createSignal(false)\n const [isResizing, setIsResizing] = createSignal(false)\n const isMounted = useIsMounted()\n const styles = useStyles()\n\n const handleDragStart = (\n panelElement: HTMLDivElement | undefined,\n startEvent: any,\n ) => {\n if (startEvent.button !== 0) return // Only allow left click for drag\n\n setIsResizing(true)\n\n const dragInfo = {\n originalHeight: panelElement?.getBoundingClientRect().height ?? 0,\n pageY: startEvent.pageY,\n }\n\n const run = (moveEvent: MouseEvent) => {\n const delta = dragInfo.pageY - moveEvent.pageY\n const newHeight = dragInfo.originalHeight + delta\n\n setDevtoolsHeight(newHeight)\n\n if (newHeight < 70) {\n setIsOpen(false)\n } else {\n setIsOpen(true)\n }\n }\n\n const unsub = () => {\n setIsResizing(false)\n document.removeEventListener('mousemove', run)\n document.removeEventListener('mouseUp', unsub)\n }\n\n document.addEventListener('mousemove', run)\n document.addEventListener('mouseup', unsub)\n }\n\n const isButtonClosed = isOpen() ?? false\n\n createEffect(() => {\n setIsResolvedOpen(isOpen() ?? false)\n })\n\n createEffect(() => {\n if (isResolvedOpen()) {\n const previousValue = rootEl()?.parentElement?.style.paddingBottom\n\n const run = () => {\n const containerHeight = panelRef!.getBoundingClientRect().height\n if (rootEl()?.parentElement) {\n setRootEl((prev) => {\n if (prev?.parentElement) {\n prev.parentElement.style.paddingBottom = `${containerHeight}px`\n }\n return prev\n })\n }\n }\n\n run()\n\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', run)\n\n return () => {\n window.removeEventListener('resize', run)\n if (rootEl()?.parentElement && typeof previousValue === 'string') {\n setRootEl((prev) => {\n prev!.parentElement!.style.paddingBottom = previousValue\n return prev\n })\n }\n }\n }\n } else {\n // Reset padding when devtools are closed\n if (rootEl()?.parentElement) {\n setRootEl((prev) => {\n if (prev?.parentElement) {\n prev.parentElement.removeAttribute('style')\n }\n return prev\n })\n }\n }\n return\n })\n\n createEffect(() => {\n if (rootEl()) {\n const el = rootEl()\n const fontSize = getComputedStyle(el!).fontSize\n el?.style.setProperty('--tsrd-font-size', fontSize)\n }\n })\n\n const { style: panelStyle = {}, ...otherPanelProps } = panelProps as {\n style?: Record<string, any>\n }\n\n const {\n style: closeButtonStyle = {},\n onClick: onCloseClick,\n ...otherCloseButtonProps\n } = closeButtonProps\n\n const {\n onClick: onToggleClick,\n class: toggleButtonClassName,\n ...otherToggleButtonProps\n } = toggleButtonProps\n\n // Do not render on the server\n if (!isMounted()) return null\n\n const resolvedHeight = createMemo(() => devtoolsHeight() ?? 500)\n\n const basePanelClass = createMemo(() => {\n return cx(\n styles().devtoolsPanelContainer,\n styles().devtoolsPanelContainerVisibility(!!isOpen()),\n styles().devtoolsPanelContainerResizing(isResizing),\n styles().devtoolsPanelContainerAnimation(\n isResolvedOpen(),\n resolvedHeight() + 16,\n ),\n )\n })\n\n const basePanelStyle = createMemo(() => {\n return {\n height: `${resolvedHeight()}px`,\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n ...(panelStyle || {}),\n }\n })\n\n const buttonStyle = createMemo(() => {\n return cx(\n styles().mainCloseBtn,\n styles().mainCloseBtnPosition(position),\n styles().mainCloseBtnAnimation(!!isOpen()),\n toggleButtonClassName,\n )\n })\n\n return (\n <Dynamic\n component={Container}\n ref={setRootEl}\n class=\"TanStackRouterDevtools\"\n >\n <DevtoolsOnCloseContext.Provider\n value={{\n onCloseClick: onCloseClick ?? (() => {}),\n }}\n >\n {/* {router() ? ( */}\n <BaseTanStackRouterDevtoolsPanel\n ref={panelRef}\n {...otherPanelProps}\n router={router}\n routerState={routerState}\n className={basePanelClass}\n style={basePanelStyle}\n isOpen={isResolvedOpen()}\n setIsOpen={setIsOpen}\n handleDragStart={(e) => handleDragStart(panelRef, e)}\n shadowDOMTarget={shadowDOMTarget}\n />\n {/* ) : (\n <p>No router</p>\n )} */}\n </DevtoolsOnCloseContext.Provider>\n\n <button\n type=\"button\"\n {...otherToggleButtonProps}\n aria-label=\"Open TanStack Router Devtools\"\n onClick={(e) => {\n setIsOpen(true)\n onToggleClick && onToggleClick(e)\n }}\n class={buttonStyle()}\n >\n <div class={styles().mainCloseBtnIconContainer}>\n <div class={styles().mainCloseBtnIconOuter}>\n <TanStackLogo />\n </div>\n <div class={styles().mainCloseBtnIconInner}>\n <TanStackLogo />\n </div>\n </div>\n <div class={styles().mainCloseBtnDivider}>-</div>\n <div class={styles().routerLogoCloseButton}>TanStack Router</div>\n </button>\n </Dynamic>\n )\n}\n\nexport default FloatingTanStackRouterDevtools\n"],"names":["TanStackLogo","id","createUniqueId","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","_el$17","_el$18","_el$19","_el$20","_el$21","_el$22","_el$23","_el$24","_el$25","_el$26","_el$27","_el$28","_el$29","_el$30","_el$31","_el$32","_el$33","_el$34","_el$35","_el$36","_el$37","_el$38","_el$39","_el$40","_el$41","_el$42","_el$43","_el$44","_el$45","_el$46","_el$47","_el$48","_el$49","_el$50","_el$51","_el$52","_el$53","_el$54","_el$55","_el$56","_el$57","_el$58","_el$59","_el$60","_el$61","_el$62","_el$63","_el$64","_el$65","_el$66","_el$67","_el$68","_el$69","_el$70","_el$71","_el$72","_el$73","_el$74","_el$75","_el$76","_el$77","_el$78","_el$79","_el$80","_el$81","_el$82","_el$83","_el$84","_el$85","_el$86","_el$87","_el$88","_el$89","_$setAttribute","FloatingTanStackRouterDevtools","initialIsOpen","panelProps","closeButtonProps","toggleButtonProps","position","containerElement","Container","router","routerState","shadowDOMTarget","rootEl","setRootEl","createSignal","panelRef","undefined","isOpen","setIsOpen","useLocalStorage","devtoolsHeight","setDevtoolsHeight","isResolvedOpen","setIsResolvedOpen","isResizing","setIsResizing","isMounted","useIsMounted","styles","useStyles","handleDragStart","panelElement","startEvent","button","dragInfo","originalHeight","getBoundingClientRect","height","pageY","run","moveEvent","delta","newHeight","unsub","document","removeEventListener","addEventListener","createEffect","previousValue","parentElement","style","paddingBottom","containerHeight","prev","window","removeAttribute","el","fontSize","getComputedStyle","setProperty","panelStyle","otherPanelProps","closeButtonStyle","onClick","onCloseClick","otherCloseButtonProps","onToggleClick","class","toggleButtonClassName","otherToggleButtonProps","resolvedHeight","createMemo","basePanelClass","cx","devtoolsPanelContainer","devtoolsPanelContainerVisibility","devtoolsPanelContainerResizing","devtoolsPanelContainerAnimation","basePanelStyle","buttonStyle","mainCloseBtn","mainCloseBtnPosition","mainCloseBtnAnimation","_$createComponent","Dynamic","component","ref","children","DevtoolsOnCloseContext","Provider","value","BaseTanStackRouterDevtoolsPanel","_$mergeProps","r$","_ref$","className","e","_$spread","_$insert","_$effect","_p$","_v$","mainCloseBtnIconContainer","_v$2","mainCloseBtnIconOuter","_v$3","mainCloseBtnIconInner","_v$4","mainCloseBtnDivider","_v$5","routerLogoCloseButton","_$className","t","a","o","i"],"mappings":"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"} |
| "use strict"; | ||
| const sharedConfig = { | ||
| context: void 0, | ||
| registry: void 0, | ||
| effects: void 0, | ||
| done: false, | ||
| getContextId() { | ||
| return getContextId(this.context.count); | ||
| }, | ||
| getNextContextId() { | ||
| return getContextId(this.context.count++); | ||
| } | ||
| }; | ||
| function getContextId(count) { | ||
| const num = String(count), len = num.length - 1; | ||
| return sharedConfig.context.id + (len ? String.fromCharCode(96 + len) : "") + num; | ||
| } | ||
| function setHydrateContext(context) { | ||
| sharedConfig.context = context; | ||
| } | ||
| const IS_DEV = false; | ||
| const equalFn = (a, b) => a === b; | ||
| const $PROXY = /* @__PURE__ */ Symbol("solid-proxy"); | ||
| const SUPPORTS_PROXY = typeof Proxy === "function"; | ||
| const $TRACK = /* @__PURE__ */ Symbol("solid-track"); | ||
| const signalOptions = { | ||
| equals: equalFn | ||
| }; | ||
| let runEffects = runQueue; | ||
| const STALE = 1; | ||
| const PENDING = 2; | ||
| const UNOWNED = { | ||
| owned: null, | ||
| cleanups: null, | ||
| context: null, | ||
| owner: null | ||
| }; | ||
| const NO_INIT = {}; | ||
| var Owner = null; | ||
| let Transition = null; | ||
| let ExternalSourceConfig = null; | ||
| let Listener = null; | ||
| let Updates = null; | ||
| let Effects = null; | ||
| let ExecCount = 0; | ||
| function createRoot(fn, detachedOwner) { | ||
| const listener = Listener, owner = Owner, unowned = fn.length === 0, current = detachedOwner === void 0 ? owner : detachedOwner, root = unowned ? UNOWNED : { | ||
| owned: null, | ||
| cleanups: null, | ||
| context: current ? current.context : null, | ||
| owner: current | ||
| }, updateFn = unowned ? fn : () => fn(() => untrack(() => cleanNode(root))); | ||
| Owner = root; | ||
| Listener = null; | ||
| try { | ||
| return runUpdates(updateFn, true); | ||
| } finally { | ||
| Listener = listener; | ||
| Owner = owner; | ||
| } | ||
| } | ||
| function createSignal(value, options) { | ||
| options = options ? Object.assign({}, signalOptions, options) : signalOptions; | ||
| const s = { | ||
| value, | ||
| observers: null, | ||
| observerSlots: null, | ||
| comparator: options.equals || void 0 | ||
| }; | ||
| const setter = (value2) => { | ||
| if (typeof value2 === "function") { | ||
| value2 = value2(s.value); | ||
| } | ||
| return writeSignal(s, value2); | ||
| }; | ||
| return [readSignal.bind(s), setter]; | ||
| } | ||
| function createComputed(fn, value, options) { | ||
| const c = createComputation(fn, value, true, STALE); | ||
| updateComputation(c); | ||
| } | ||
| function createRenderEffect(fn, value, options) { | ||
| const c = createComputation(fn, value, false, STALE); | ||
| updateComputation(c); | ||
| } | ||
| function createEffect(fn, value, options) { | ||
| runEffects = runUserEffects; | ||
| const c = createComputation(fn, value, false, STALE); | ||
| if (!options || !options.render) c.user = true; | ||
| Effects ? Effects.push(c) : updateComputation(c); | ||
| } | ||
| function createMemo(fn, value, options) { | ||
| options = options ? Object.assign({}, signalOptions, options) : signalOptions; | ||
| const c = createComputation(fn, value, true, 0); | ||
| c.observers = null; | ||
| c.observerSlots = null; | ||
| c.comparator = options.equals || void 0; | ||
| updateComputation(c); | ||
| return readSignal.bind(c); | ||
| } | ||
| function isPromise(v) { | ||
| return v && typeof v === "object" && "then" in v; | ||
| } | ||
| function createResource(pSource, pFetcher, pOptions) { | ||
| let source; | ||
| let fetcher; | ||
| let options; | ||
| { | ||
| source = true; | ||
| fetcher = pSource; | ||
| options = {}; | ||
| } | ||
| let pr = null, initP = NO_INIT, id = null, scheduled = false, resolved = "initialValue" in options, dynamic = typeof source === "function" && createMemo(source); | ||
| const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error, setError] = createSignal(void 0), [track, trigger] = createSignal(void 0, { | ||
| equals: false | ||
| }), [state, setState] = createSignal(resolved ? "ready" : "unresolved"); | ||
| if (sharedConfig.context) { | ||
| id = sharedConfig.getNextContextId(); | ||
| if (options.ssrLoadFrom === "initial") initP = options.initialValue; | ||
| else if (sharedConfig.load && sharedConfig.has(id)) initP = sharedConfig.load(id); | ||
| } | ||
| function loadEnd(p, v, error2, key) { | ||
| if (pr === p) { | ||
| pr = null; | ||
| key !== void 0 && (resolved = true); | ||
| if ((p === initP || v === initP) && options.onHydrated) queueMicrotask(() => options.onHydrated(key, { | ||
| value: v | ||
| })); | ||
| initP = NO_INIT; | ||
| completeLoad(v, error2); | ||
| } | ||
| return v; | ||
| } | ||
| function completeLoad(v, err) { | ||
| runUpdates(() => { | ||
| if (err === void 0) setValue(() => v); | ||
| setState(err !== void 0 ? "errored" : resolved ? "ready" : "unresolved"); | ||
| setError(err); | ||
| for (const c of contexts.keys()) c.decrement(); | ||
| contexts.clear(); | ||
| }, false); | ||
| } | ||
| function read() { | ||
| const c = SuspenseContext, v = value(), err = error(); | ||
| if (err !== void 0 && !pr) throw err; | ||
| if (Listener && !Listener.user && c) ; | ||
| return v; | ||
| } | ||
| function load(refetching = true) { | ||
| if (refetching !== false && scheduled) return; | ||
| scheduled = false; | ||
| const lookup = dynamic ? dynamic() : source; | ||
| if (lookup == null || lookup === false) { | ||
| loadEnd(pr, untrack(value)); | ||
| return; | ||
| } | ||
| let error2; | ||
| const p = initP !== NO_INIT ? initP : untrack(() => { | ||
| try { | ||
| return fetcher(lookup, { | ||
| value: value(), | ||
| refetching | ||
| }); | ||
| } catch (fetcherError) { | ||
| error2 = fetcherError; | ||
| } | ||
| }); | ||
| if (error2 !== void 0) { | ||
| loadEnd(pr, void 0, castError(error2), lookup); | ||
| return; | ||
| } else if (!isPromise(p)) { | ||
| loadEnd(pr, p, void 0, lookup); | ||
| return p; | ||
| } | ||
| pr = p; | ||
| if ("v" in p) { | ||
| if (p.s === 1) loadEnd(pr, p.v, void 0, lookup); | ||
| else loadEnd(pr, void 0, castError(p.v), lookup); | ||
| return p; | ||
| } | ||
| scheduled = true; | ||
| queueMicrotask(() => scheduled = false); | ||
| runUpdates(() => { | ||
| setState(resolved ? "refreshing" : "pending"); | ||
| trigger(); | ||
| }, false); | ||
| return p.then((v) => loadEnd(p, v, void 0, lookup), (e) => loadEnd(p, void 0, castError(e), lookup)); | ||
| } | ||
| Object.defineProperties(read, { | ||
| state: { | ||
| get: () => state() | ||
| }, | ||
| error: { | ||
| get: () => error() | ||
| }, | ||
| loading: { | ||
| get() { | ||
| const s = state(); | ||
| return s === "pending" || s === "refreshing"; | ||
| } | ||
| }, | ||
| latest: { | ||
| get() { | ||
| if (!resolved) return read(); | ||
| const err = error(); | ||
| if (err && !pr) throw err; | ||
| return value(); | ||
| } | ||
| } | ||
| }); | ||
| let owner = Owner; | ||
| if (dynamic) createComputed(() => (owner = Owner, load(false))); | ||
| else load(false); | ||
| return [read, { | ||
| refetch: (info) => runWithOwner(owner, () => load(info)), | ||
| mutate: setValue | ||
| }]; | ||
| } | ||
| function untrack(fn) { | ||
| if (Listener === null) return fn(); | ||
| const listener = Listener; | ||
| Listener = null; | ||
| try { | ||
| if (ExternalSourceConfig) ; | ||
| return fn(); | ||
| } finally { | ||
| Listener = listener; | ||
| } | ||
| } | ||
| function onCleanup(fn) { | ||
| if (Owner === null) ; | ||
| else if (Owner.cleanups === null) Owner.cleanups = [fn]; | ||
| else Owner.cleanups.push(fn); | ||
| return fn; | ||
| } | ||
| function runWithOwner(o, fn) { | ||
| const prev = Owner; | ||
| const prevListener = Listener; | ||
| Owner = o; | ||
| Listener = null; | ||
| try { | ||
| return runUpdates(fn, true); | ||
| } catch (err) { | ||
| handleError(err); | ||
| } finally { | ||
| Owner = prev; | ||
| Listener = prevListener; | ||
| } | ||
| } | ||
| const [transPending, setTransPending] = /* @__PURE__ */ createSignal(false); | ||
| function createContext(defaultValue, options) { | ||
| const id = /* @__PURE__ */ Symbol("context"); | ||
| return { | ||
| id, | ||
| Provider: createProvider(id), | ||
| defaultValue | ||
| }; | ||
| } | ||
| function useContext(context) { | ||
| let value; | ||
| return Owner && Owner.context && (value = Owner.context[context.id]) !== void 0 ? value : context.defaultValue; | ||
| } | ||
| function children(fn) { | ||
| const children2 = createMemo(fn); | ||
| const memo2 = createMemo(() => resolveChildren(children2())); | ||
| memo2.toArray = () => { | ||
| const c = memo2(); | ||
| return Array.isArray(c) ? c : c != null ? [c] : []; | ||
| }; | ||
| return memo2; | ||
| } | ||
| let SuspenseContext; | ||
| function readSignal() { | ||
| if (this.sources && this.state) { | ||
| if (this.state === STALE) updateComputation(this); | ||
| else { | ||
| const updates = Updates; | ||
| Updates = null; | ||
| runUpdates(() => lookUpstream(this), false); | ||
| Updates = updates; | ||
| } | ||
| } | ||
| if (Listener) { | ||
| const sSlot = this.observers ? this.observers.length : 0; | ||
| if (!Listener.sources) { | ||
| Listener.sources = [this]; | ||
| Listener.sourceSlots = [sSlot]; | ||
| } else { | ||
| Listener.sources.push(this); | ||
| Listener.sourceSlots.push(sSlot); | ||
| } | ||
| if (!this.observers) { | ||
| this.observers = [Listener]; | ||
| this.observerSlots = [Listener.sources.length - 1]; | ||
| } else { | ||
| this.observers.push(Listener); | ||
| this.observerSlots.push(Listener.sources.length - 1); | ||
| } | ||
| } | ||
| return this.value; | ||
| } | ||
| function writeSignal(node, value, isComp) { | ||
| let current = node.value; | ||
| if (!node.comparator || !node.comparator(current, value)) { | ||
| node.value = value; | ||
| if (node.observers && node.observers.length) { | ||
| runUpdates(() => { | ||
| for (let i = 0; i < node.observers.length; i += 1) { | ||
| const o = node.observers[i]; | ||
| const TransitionRunning = Transition && Transition.running; | ||
| if (TransitionRunning && Transition.disposed.has(o)) ; | ||
| if (TransitionRunning ? !o.tState : !o.state) { | ||
| if (o.pure) Updates.push(o); | ||
| else Effects.push(o); | ||
| if (o.observers) markDownstream(o); | ||
| } | ||
| if (!TransitionRunning) o.state = STALE; | ||
| } | ||
| if (Updates.length > 1e6) { | ||
| Updates = []; | ||
| if (IS_DEV) ; | ||
| throw new Error(); | ||
| } | ||
| }, false); | ||
| } | ||
| } | ||
| return value; | ||
| } | ||
| function updateComputation(node) { | ||
| if (!node.fn) return; | ||
| cleanNode(node); | ||
| const time = ExecCount; | ||
| runComputation(node, node.value, time); | ||
| } | ||
| function runComputation(node, value, time) { | ||
| let nextValue; | ||
| const owner = Owner, listener = Listener; | ||
| Listener = Owner = node; | ||
| try { | ||
| nextValue = node.fn(value); | ||
| } catch (err) { | ||
| if (node.pure) { | ||
| { | ||
| node.state = STALE; | ||
| node.owned && node.owned.forEach(cleanNode); | ||
| node.owned = null; | ||
| } | ||
| } | ||
| node.updatedAt = time + 1; | ||
| return handleError(err); | ||
| } finally { | ||
| Listener = listener; | ||
| Owner = owner; | ||
| } | ||
| if (!node.updatedAt || node.updatedAt <= time) { | ||
| if (node.updatedAt != null && "observers" in node) { | ||
| writeSignal(node, nextValue); | ||
| } else node.value = nextValue; | ||
| node.updatedAt = time; | ||
| } | ||
| } | ||
| function createComputation(fn, init, pure, state = STALE, options) { | ||
| const c = { | ||
| fn, | ||
| state, | ||
| updatedAt: null, | ||
| owned: null, | ||
| sources: null, | ||
| sourceSlots: null, | ||
| cleanups: null, | ||
| value: init, | ||
| owner: Owner, | ||
| context: Owner ? Owner.context : null, | ||
| pure | ||
| }; | ||
| if (Owner === null) ; | ||
| else if (Owner !== UNOWNED) { | ||
| { | ||
| if (!Owner.owned) Owner.owned = [c]; | ||
| else Owner.owned.push(c); | ||
| } | ||
| } | ||
| return c; | ||
| } | ||
| function runTop(node) { | ||
| if (node.state === 0) return; | ||
| if (node.state === PENDING) return lookUpstream(node); | ||
| if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node); | ||
| const ancestors = [node]; | ||
| while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) { | ||
| if (node.state) ancestors.push(node); | ||
| } | ||
| for (let i = ancestors.length - 1; i >= 0; i--) { | ||
| node = ancestors[i]; | ||
| if (node.state === STALE) { | ||
| updateComputation(node); | ||
| } else if (node.state === PENDING) { | ||
| const updates = Updates; | ||
| Updates = null; | ||
| runUpdates(() => lookUpstream(node, ancestors[0]), false); | ||
| Updates = updates; | ||
| } | ||
| } | ||
| } | ||
| function runUpdates(fn, init) { | ||
| if (Updates) return fn(); | ||
| let wait = false; | ||
| if (!init) Updates = []; | ||
| if (Effects) wait = true; | ||
| else Effects = []; | ||
| ExecCount++; | ||
| try { | ||
| const res = fn(); | ||
| completeUpdates(wait); | ||
| return res; | ||
| } catch (err) { | ||
| if (!wait) Effects = null; | ||
| Updates = null; | ||
| handleError(err); | ||
| } | ||
| } | ||
| function completeUpdates(wait) { | ||
| if (Updates) { | ||
| runQueue(Updates); | ||
| Updates = null; | ||
| } | ||
| if (wait) return; | ||
| const e = Effects; | ||
| Effects = null; | ||
| if (e.length) runUpdates(() => runEffects(e), false); | ||
| } | ||
| function runQueue(queue) { | ||
| for (let i = 0; i < queue.length; i++) runTop(queue[i]); | ||
| } | ||
| function runUserEffects(queue) { | ||
| let i, userLength = 0; | ||
| for (i = 0; i < queue.length; i++) { | ||
| const e = queue[i]; | ||
| if (!e.user) runTop(e); | ||
| else queue[userLength++] = e; | ||
| } | ||
| if (sharedConfig.context) { | ||
| if (sharedConfig.count) { | ||
| sharedConfig.effects || (sharedConfig.effects = []); | ||
| sharedConfig.effects.push(...queue.slice(0, userLength)); | ||
| return; | ||
| } | ||
| setHydrateContext(); | ||
| } | ||
| if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) { | ||
| queue = [...sharedConfig.effects, ...queue]; | ||
| userLength += sharedConfig.effects.length; | ||
| delete sharedConfig.effects; | ||
| } | ||
| for (i = 0; i < userLength; i++) runTop(queue[i]); | ||
| } | ||
| function lookUpstream(node, ignore) { | ||
| node.state = 0; | ||
| for (let i = 0; i < node.sources.length; i += 1) { | ||
| const source = node.sources[i]; | ||
| if (source.sources) { | ||
| const state = source.state; | ||
| if (state === STALE) { | ||
| if (source !== ignore && (!source.updatedAt || source.updatedAt < ExecCount)) runTop(source); | ||
| } else if (state === PENDING) lookUpstream(source, ignore); | ||
| } | ||
| } | ||
| } | ||
| function markDownstream(node) { | ||
| for (let i = 0; i < node.observers.length; i += 1) { | ||
| const o = node.observers[i]; | ||
| if (!o.state) { | ||
| o.state = PENDING; | ||
| if (o.pure) Updates.push(o); | ||
| else Effects.push(o); | ||
| o.observers && markDownstream(o); | ||
| } | ||
| } | ||
| } | ||
| function cleanNode(node) { | ||
| let i; | ||
| if (node.sources) { | ||
| while (node.sources.length) { | ||
| const source = node.sources.pop(), index = node.sourceSlots.pop(), obs = source.observers; | ||
| if (obs && obs.length) { | ||
| const n = obs.pop(), s = source.observerSlots.pop(); | ||
| if (index < obs.length) { | ||
| n.sourceSlots[s] = index; | ||
| obs[index] = n; | ||
| source.observerSlots[index] = s; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| if (node.tOwned) { | ||
| for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]); | ||
| delete node.tOwned; | ||
| } | ||
| if (node.owned) { | ||
| for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]); | ||
| node.owned = null; | ||
| } | ||
| if (node.cleanups) { | ||
| for (i = node.cleanups.length - 1; i >= 0; i--) node.cleanups[i](); | ||
| node.cleanups = null; | ||
| } | ||
| node.state = 0; | ||
| } | ||
| function castError(err) { | ||
| if (err instanceof Error) return err; | ||
| return new Error(typeof err === "string" ? err : "Unknown error", { | ||
| cause: err | ||
| }); | ||
| } | ||
| function handleError(err, owner = Owner) { | ||
| const error = castError(err); | ||
| throw error; | ||
| } | ||
| function resolveChildren(children2) { | ||
| if (typeof children2 === "function" && !children2.length) return resolveChildren(children2()); | ||
| if (Array.isArray(children2)) { | ||
| const results = []; | ||
| for (let i = 0; i < children2.length; i++) { | ||
| const result = resolveChildren(children2[i]); | ||
| Array.isArray(result) ? results.push.apply(results, result) : results.push(result); | ||
| } | ||
| return results; | ||
| } | ||
| return children2; | ||
| } | ||
| function createProvider(id, options) { | ||
| return function provider(props) { | ||
| let res; | ||
| createRenderEffect(() => res = untrack(() => { | ||
| Owner.context = { | ||
| ...Owner.context, | ||
| [id]: props.value | ||
| }; | ||
| return children(() => props.children); | ||
| }), void 0); | ||
| return res; | ||
| }; | ||
| } | ||
| const FALLBACK = /* @__PURE__ */ Symbol("fallback"); | ||
| function dispose(d) { | ||
| for (let i = 0; i < d.length; i++) d[i](); | ||
| } | ||
| function mapArray(list, mapFn, options = {}) { | ||
| let items = [], mapped = [], disposers = [], len = 0, indexes = mapFn.length > 1 ? [] : null; | ||
| onCleanup(() => dispose(disposers)); | ||
| return () => { | ||
| let newItems = list() || [], newLen = newItems.length, i, j; | ||
| newItems[$TRACK]; | ||
| return untrack(() => { | ||
| let newIndices, newIndicesNext, temp, tempdisposers, tempIndexes, start, end, newEnd, item; | ||
| if (newLen === 0) { | ||
| if (len !== 0) { | ||
| dispose(disposers); | ||
| disposers = []; | ||
| items = []; | ||
| mapped = []; | ||
| len = 0; | ||
| indexes && (indexes = []); | ||
| } | ||
| if (options.fallback) { | ||
| items = [FALLBACK]; | ||
| mapped[0] = createRoot((disposer) => { | ||
| disposers[0] = disposer; | ||
| return options.fallback(); | ||
| }); | ||
| len = 1; | ||
| } | ||
| } else if (len === 0) { | ||
| mapped = new Array(newLen); | ||
| for (j = 0; j < newLen; j++) { | ||
| items[j] = newItems[j]; | ||
| mapped[j] = createRoot(mapper); | ||
| } | ||
| len = newLen; | ||
| } else { | ||
| temp = new Array(newLen); | ||
| tempdisposers = new Array(newLen); | ||
| indexes && (tempIndexes = new Array(newLen)); | ||
| for (start = 0, end = Math.min(len, newLen); start < end && items[start] === newItems[start]; start++) ; | ||
| for (end = len - 1, newEnd = newLen - 1; end >= start && newEnd >= start && items[end] === newItems[newEnd]; end--, newEnd--) { | ||
| temp[newEnd] = mapped[end]; | ||
| tempdisposers[newEnd] = disposers[end]; | ||
| indexes && (tempIndexes[newEnd] = indexes[end]); | ||
| } | ||
| newIndices = /* @__PURE__ */ new Map(); | ||
| newIndicesNext = new Array(newEnd + 1); | ||
| for (j = newEnd; j >= start; j--) { | ||
| item = newItems[j]; | ||
| i = newIndices.get(item); | ||
| newIndicesNext[j] = i === void 0 ? -1 : i; | ||
| newIndices.set(item, j); | ||
| } | ||
| for (i = start; i <= end; i++) { | ||
| item = items[i]; | ||
| j = newIndices.get(item); | ||
| if (j !== void 0 && j !== -1) { | ||
| temp[j] = mapped[i]; | ||
| tempdisposers[j] = disposers[i]; | ||
| indexes && (tempIndexes[j] = indexes[i]); | ||
| j = newIndicesNext[j]; | ||
| newIndices.set(item, j); | ||
| } else disposers[i](); | ||
| } | ||
| for (j = start; j < newLen; j++) { | ||
| if (j in temp) { | ||
| mapped[j] = temp[j]; | ||
| disposers[j] = tempdisposers[j]; | ||
| if (indexes) { | ||
| indexes[j] = tempIndexes[j]; | ||
| indexes[j](j); | ||
| } | ||
| } else mapped[j] = createRoot(mapper); | ||
| } | ||
| mapped = mapped.slice(0, len = newLen); | ||
| items = newItems.slice(0); | ||
| } | ||
| return mapped; | ||
| }); | ||
| function mapper(disposer) { | ||
| disposers[j] = disposer; | ||
| if (indexes) { | ||
| const [s, set] = createSignal(j); | ||
| indexes[j] = set; | ||
| return mapFn(newItems[j], s); | ||
| } | ||
| return mapFn(newItems[j]); | ||
| } | ||
| }; | ||
| } | ||
| function createComponent(Comp, props) { | ||
| return untrack(() => Comp(props || {})); | ||
| } | ||
| function trueFn() { | ||
| return true; | ||
| } | ||
| const propTraps = { | ||
| get(_, property, receiver) { | ||
| if (property === $PROXY) return receiver; | ||
| return _.get(property); | ||
| }, | ||
| has(_, property) { | ||
| if (property === $PROXY) return true; | ||
| return _.has(property); | ||
| }, | ||
| set: trueFn, | ||
| deleteProperty: trueFn, | ||
| getOwnPropertyDescriptor(_, property) { | ||
| return { | ||
| configurable: true, | ||
| enumerable: true, | ||
| get() { | ||
| return _.get(property); | ||
| }, | ||
| set: trueFn, | ||
| deleteProperty: trueFn | ||
| }; | ||
| }, | ||
| ownKeys(_) { | ||
| return _.keys(); | ||
| } | ||
| }; | ||
| function resolveSource(s) { | ||
| return !(s = typeof s === "function" ? s() : s) ? {} : s; | ||
| } | ||
| function resolveSources() { | ||
| for (let i = 0, length = this.length; i < length; ++i) { | ||
| const v = this[i](); | ||
| if (v !== void 0) return v; | ||
| } | ||
| } | ||
| function mergeProps(...sources) { | ||
| let proxy = false; | ||
| for (let i = 0; i < sources.length; i++) { | ||
| const s = sources[i]; | ||
| proxy = proxy || !!s && $PROXY in s; | ||
| sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s; | ||
| } | ||
| if (SUPPORTS_PROXY && proxy) { | ||
| return new Proxy({ | ||
| get(property) { | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| const v = resolveSource(sources[i])[property]; | ||
| if (v !== void 0) return v; | ||
| } | ||
| }, | ||
| has(property) { | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| if (property in resolveSource(sources[i])) return true; | ||
| } | ||
| return false; | ||
| }, | ||
| keys() { | ||
| const keys = []; | ||
| for (let i = 0; i < sources.length; i++) keys.push(...Object.keys(resolveSource(sources[i]))); | ||
| return [...new Set(keys)]; | ||
| } | ||
| }, propTraps); | ||
| } | ||
| const sourcesMap = {}; | ||
| const defined = /* @__PURE__ */ Object.create(null); | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| const source = sources[i]; | ||
| if (!source) continue; | ||
| const sourceKeys = Object.getOwnPropertyNames(source); | ||
| for (let i2 = sourceKeys.length - 1; i2 >= 0; i2--) { | ||
| const key = sourceKeys[i2]; | ||
| if (key === "__proto__" || key === "constructor") continue; | ||
| const desc = Object.getOwnPropertyDescriptor(source, key); | ||
| if (!defined[key]) { | ||
| defined[key] = desc.get ? { | ||
| enumerable: true, | ||
| configurable: true, | ||
| get: resolveSources.bind(sourcesMap[key] = [desc.get.bind(source)]) | ||
| } : desc.value !== void 0 ? desc : void 0; | ||
| } else { | ||
| const sources2 = sourcesMap[key]; | ||
| if (sources2) { | ||
| if (desc.get) sources2.push(desc.get.bind(source)); | ||
| else if (desc.value !== void 0) sources2.push(() => desc.value); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| const target = {}; | ||
| const definedKeys = Object.keys(defined); | ||
| for (let i = definedKeys.length - 1; i >= 0; i--) { | ||
| const key = definedKeys[i], desc = defined[key]; | ||
| if (desc && desc.get) Object.defineProperty(target, key, desc); | ||
| else target[key] = desc ? desc.value : void 0; | ||
| } | ||
| return target; | ||
| } | ||
| function splitProps(props, ...keys) { | ||
| const len = keys.length; | ||
| if (SUPPORTS_PROXY && $PROXY in props) { | ||
| const blocked = len > 1 ? keys.flat() : keys[0]; | ||
| const res = keys.map((k) => { | ||
| return new Proxy({ | ||
| get(property) { | ||
| return k.includes(property) ? props[property] : void 0; | ||
| }, | ||
| has(property) { | ||
| return k.includes(property) && property in props; | ||
| }, | ||
| keys() { | ||
| return k.filter((property) => property in props); | ||
| } | ||
| }, propTraps); | ||
| }); | ||
| res.push(new Proxy({ | ||
| get(property) { | ||
| return blocked.includes(property) ? void 0 : props[property]; | ||
| }, | ||
| has(property) { | ||
| return blocked.includes(property) ? false : property in props; | ||
| }, | ||
| keys() { | ||
| return Object.keys(props).filter((k) => !blocked.includes(k)); | ||
| } | ||
| }, propTraps)); | ||
| return res; | ||
| } | ||
| const objects = []; | ||
| for (let i = 0; i <= len; i++) { | ||
| objects[i] = {}; | ||
| } | ||
| for (const propName of Object.getOwnPropertyNames(props)) { | ||
| let keyIndex = len; | ||
| for (let i = 0; i < keys.length; i++) { | ||
| if (keys[i].includes(propName)) { | ||
| keyIndex = i; | ||
| break; | ||
| } | ||
| } | ||
| const desc = Object.getOwnPropertyDescriptor(props, propName); | ||
| const isDefaultDesc = !desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable; | ||
| isDefaultDesc ? objects[keyIndex][propName] = desc.value : Object.defineProperty(objects[keyIndex], propName, desc); | ||
| } | ||
| return objects; | ||
| } | ||
| function lazy(fn) { | ||
| let comp; | ||
| let p; | ||
| const wrap = (props) => { | ||
| const ctx = sharedConfig.context; | ||
| if (ctx) { | ||
| const [s, set] = createSignal(); | ||
| sharedConfig.count || (sharedConfig.count = 0); | ||
| sharedConfig.count++; | ||
| (p || (p = fn())).then((mod) => { | ||
| !sharedConfig.done && setHydrateContext(ctx); | ||
| sharedConfig.count--; | ||
| set(() => mod.default); | ||
| setHydrateContext(); | ||
| }); | ||
| comp = s; | ||
| } else if (!comp) { | ||
| const [s] = createResource(() => (p || (p = fn())).then((mod) => mod.default)); | ||
| comp = s; | ||
| } | ||
| let Comp; | ||
| return createMemo(() => (Comp = comp()) ? untrack(() => { | ||
| if (IS_DEV) ; | ||
| if (!ctx || sharedConfig.done) return Comp(props); | ||
| const c = sharedConfig.context; | ||
| setHydrateContext(ctx); | ||
| const r = Comp(props); | ||
| setHydrateContext(c); | ||
| return r; | ||
| }) : ""); | ||
| }; | ||
| wrap.preload = () => p || ((p = fn()).then((mod) => comp = () => mod.default), p); | ||
| return wrap; | ||
| } | ||
| let counter = 0; | ||
| function createUniqueId() { | ||
| const ctx = sharedConfig.context; | ||
| return ctx ? sharedConfig.getNextContextId() : `cl-${counter++}`; | ||
| } | ||
| const narrowedError = (name) => `Stale read from <${name}>.`; | ||
| function For(props) { | ||
| const fallback = "fallback" in props && { | ||
| fallback: () => props.fallback | ||
| }; | ||
| return createMemo(mapArray(() => props.each, props.children, fallback || void 0)); | ||
| } | ||
| function Show(props) { | ||
| const keyed = props.keyed; | ||
| const conditionValue = createMemo(() => props.when, void 0, void 0); | ||
| const condition = keyed ? conditionValue : createMemo(conditionValue, void 0, { | ||
| equals: (a, b) => !a === !b | ||
| }); | ||
| return createMemo(() => { | ||
| const c = condition(); | ||
| if (c) { | ||
| const child = props.children; | ||
| const fn = typeof child === "function" && child.length > 0; | ||
| return fn ? untrack(() => child(keyed ? c : () => { | ||
| if (!untrack(condition)) throw narrowedError("Show"); | ||
| return conditionValue(); | ||
| })) : child; | ||
| } | ||
| return props.fallback; | ||
| }, void 0, void 0); | ||
| } | ||
| function Switch(props) { | ||
| const chs = children(() => props.children); | ||
| const switchFunc = createMemo(() => { | ||
| const ch = chs(); | ||
| const mps = Array.isArray(ch) ? ch : [ch]; | ||
| let func = () => void 0; | ||
| for (let i = 0; i < mps.length; i++) { | ||
| const index = i; | ||
| const mp = mps[i]; | ||
| const prevFunc = func; | ||
| const conditionValue = createMemo(() => prevFunc() ? void 0 : mp.when, void 0, void 0); | ||
| const condition = mp.keyed ? conditionValue : createMemo(conditionValue, void 0, { | ||
| equals: (a, b) => !a === !b | ||
| }); | ||
| func = () => prevFunc() || (condition() ? [index, conditionValue, mp] : void 0); | ||
| } | ||
| return func; | ||
| }); | ||
| return createMemo(() => { | ||
| const sel = switchFunc()(); | ||
| if (!sel) return props.fallback; | ||
| const [index, conditionValue, mp] = sel; | ||
| const child = mp.children; | ||
| const fn = typeof child === "function" && child.length > 0; | ||
| return fn ? untrack(() => child(mp.keyed ? conditionValue() : () => { | ||
| if (untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match"); | ||
| return conditionValue(); | ||
| })) : child; | ||
| }, void 0, void 0); | ||
| } | ||
| function Match(props) { | ||
| return props; | ||
| } | ||
| const booleans = [ | ||
| "allowfullscreen", | ||
| "async", | ||
| "alpha", | ||
| "autofocus", | ||
| "autoplay", | ||
| "checked", | ||
| "controls", | ||
| "default", | ||
| "disabled", | ||
| "formnovalidate", | ||
| "hidden", | ||
| "indeterminate", | ||
| "inert", | ||
| "ismap", | ||
| "loop", | ||
| "multiple", | ||
| "muted", | ||
| "nomodule", | ||
| "novalidate", | ||
| "open", | ||
| "playsinline", | ||
| "readonly", | ||
| "required", | ||
| "reversed", | ||
| "seamless", | ||
| "selected", | ||
| "adauctionheaders", | ||
| "browsingtopics", | ||
| "credentialless", | ||
| "defaultchecked", | ||
| "defaultmuted", | ||
| "defaultselected", | ||
| "defer", | ||
| "disablepictureinpicture", | ||
| "disableremoteplayback", | ||
| "preservespitch", | ||
| "shadowrootclonable", | ||
| "shadowrootcustomelementregistry", | ||
| "shadowrootdelegatesfocus", | ||
| "shadowrootserializable", | ||
| "sharedstoragewritable" | ||
| ]; | ||
| const Properties = /* @__PURE__ */ new Set([ | ||
| "className", | ||
| "value", | ||
| "readOnly", | ||
| "noValidate", | ||
| "formNoValidate", | ||
| "isMap", | ||
| "noModule", | ||
| "playsInline", | ||
| "adAuctionHeaders", | ||
| "allowFullscreen", | ||
| "browsingTopics", | ||
| "defaultChecked", | ||
| "defaultMuted", | ||
| "defaultSelected", | ||
| "disablePictureInPicture", | ||
| "disableRemotePlayback", | ||
| "preservesPitch", | ||
| "shadowRootClonable", | ||
| "shadowRootCustomElementRegistry", | ||
| "shadowRootDelegatesFocus", | ||
| "shadowRootSerializable", | ||
| "sharedStorageWritable", | ||
| ...booleans | ||
| ]); | ||
| const ChildProperties = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]); | ||
| const Aliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), { | ||
| className: "class", | ||
| htmlFor: "for" | ||
| }); | ||
| const PropAliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), { | ||
| class: "className", | ||
| novalidate: { | ||
| $: "noValidate", | ||
| FORM: 1 | ||
| }, | ||
| formnovalidate: { | ||
| $: "formNoValidate", | ||
| BUTTON: 1, | ||
| INPUT: 1 | ||
| }, | ||
| ismap: { | ||
| $: "isMap", | ||
| IMG: 1 | ||
| }, | ||
| nomodule: { | ||
| $: "noModule", | ||
| SCRIPT: 1 | ||
| }, | ||
| playsinline: { | ||
| $: "playsInline", | ||
| VIDEO: 1 | ||
| }, | ||
| readonly: { | ||
| $: "readOnly", | ||
| INPUT: 1, | ||
| TEXTAREA: 1 | ||
| }, | ||
| adauctionheaders: { | ||
| $: "adAuctionHeaders", | ||
| IFRAME: 1 | ||
| }, | ||
| allowfullscreen: { | ||
| $: "allowFullscreen", | ||
| IFRAME: 1 | ||
| }, | ||
| browsingtopics: { | ||
| $: "browsingTopics", | ||
| IMG: 1 | ||
| }, | ||
| defaultchecked: { | ||
| $: "defaultChecked", | ||
| INPUT: 1 | ||
| }, | ||
| defaultmuted: { | ||
| $: "defaultMuted", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| defaultselected: { | ||
| $: "defaultSelected", | ||
| OPTION: 1 | ||
| }, | ||
| disablepictureinpicture: { | ||
| $: "disablePictureInPicture", | ||
| VIDEO: 1 | ||
| }, | ||
| disableremoteplayback: { | ||
| $: "disableRemotePlayback", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| preservespitch: { | ||
| $: "preservesPitch", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| shadowrootclonable: { | ||
| $: "shadowRootClonable", | ||
| TEMPLATE: 1 | ||
| }, | ||
| shadowrootdelegatesfocus: { | ||
| $: "shadowRootDelegatesFocus", | ||
| TEMPLATE: 1 | ||
| }, | ||
| shadowrootserializable: { | ||
| $: "shadowRootSerializable", | ||
| TEMPLATE: 1 | ||
| }, | ||
| sharedstoragewritable: { | ||
| $: "sharedStorageWritable", | ||
| IFRAME: 1, | ||
| IMG: 1 | ||
| } | ||
| }); | ||
| function getPropAlias(prop, tagName) { | ||
| const a = PropAliases[prop]; | ||
| return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a; | ||
| } | ||
| const DelegatedEvents = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]); | ||
| const SVGElements = /* @__PURE__ */ new Set([ | ||
| "altGlyph", | ||
| "altGlyphDef", | ||
| "altGlyphItem", | ||
| "animate", | ||
| "animateColor", | ||
| "animateMotion", | ||
| "animateTransform", | ||
| "circle", | ||
| "clipPath", | ||
| "color-profile", | ||
| "cursor", | ||
| "defs", | ||
| "desc", | ||
| "ellipse", | ||
| "feBlend", | ||
| "feColorMatrix", | ||
| "feComponentTransfer", | ||
| "feComposite", | ||
| "feConvolveMatrix", | ||
| "feDiffuseLighting", | ||
| "feDisplacementMap", | ||
| "feDistantLight", | ||
| "feDropShadow", | ||
| "feFlood", | ||
| "feFuncA", | ||
| "feFuncB", | ||
| "feFuncG", | ||
| "feFuncR", | ||
| "feGaussianBlur", | ||
| "feImage", | ||
| "feMerge", | ||
| "feMergeNode", | ||
| "feMorphology", | ||
| "feOffset", | ||
| "fePointLight", | ||
| "feSpecularLighting", | ||
| "feSpotLight", | ||
| "feTile", | ||
| "feTurbulence", | ||
| "filter", | ||
| "font", | ||
| "font-face", | ||
| "font-face-format", | ||
| "font-face-name", | ||
| "font-face-src", | ||
| "font-face-uri", | ||
| "foreignObject", | ||
| "g", | ||
| "glyph", | ||
| "glyphRef", | ||
| "hkern", | ||
| "image", | ||
| "line", | ||
| "linearGradient", | ||
| "marker", | ||
| "mask", | ||
| "metadata", | ||
| "missing-glyph", | ||
| "mpath", | ||
| "path", | ||
| "pattern", | ||
| "polygon", | ||
| "polyline", | ||
| "radialGradient", | ||
| "rect", | ||
| "set", | ||
| "stop", | ||
| "svg", | ||
| "switch", | ||
| "symbol", | ||
| "text", | ||
| "textPath", | ||
| "tref", | ||
| "tspan", | ||
| "use", | ||
| "view", | ||
| "vkern" | ||
| ]); | ||
| const SVGNamespace = { | ||
| xlink: "http://www.w3.org/1999/xlink", | ||
| xml: "http://www.w3.org/XML/1998/namespace" | ||
| }; | ||
| const memo = (fn) => createMemo(() => fn()); | ||
| function reconcileArrays(parentNode, a, b) { | ||
| let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = a[aEnd - 1].nextSibling, map = null; | ||
| while (aStart < aEnd || bStart < bEnd) { | ||
| if (a[aStart] === b[bStart]) { | ||
| aStart++; | ||
| bStart++; | ||
| continue; | ||
| } | ||
| while (a[aEnd - 1] === b[bEnd - 1]) { | ||
| aEnd--; | ||
| bEnd--; | ||
| } | ||
| if (aEnd === aStart) { | ||
| const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after; | ||
| while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node); | ||
| } else if (bEnd === bStart) { | ||
| while (aStart < aEnd) { | ||
| if (!map || !map.has(a[aStart])) a[aStart].remove(); | ||
| aStart++; | ||
| } | ||
| } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) { | ||
| const node = a[--aEnd].nextSibling; | ||
| parentNode.insertBefore(b[bStart++], a[aStart++].nextSibling); | ||
| parentNode.insertBefore(b[--bEnd], node); | ||
| a[aEnd] = b[bEnd]; | ||
| } else { | ||
| if (!map) { | ||
| map = /* @__PURE__ */ new Map(); | ||
| let i = bStart; | ||
| while (i < bEnd) map.set(b[i], i++); | ||
| } | ||
| const index = map.get(a[aStart]); | ||
| if (index != null) { | ||
| if (bStart < index && index < bEnd) { | ||
| let i = aStart, sequence = 1, t; | ||
| while (++i < aEnd && i < bEnd) { | ||
| if ((t = map.get(a[i])) == null || t !== index + sequence) break; | ||
| sequence++; | ||
| } | ||
| if (sequence > index - bStart) { | ||
| const node = a[aStart]; | ||
| while (bStart < index) parentNode.insertBefore(b[bStart++], node); | ||
| } else parentNode.replaceChild(b[bStart++], a[aStart++]); | ||
| } else aStart++; | ||
| } else a[aStart++].remove(); | ||
| } | ||
| } | ||
| } | ||
| const $$EVENTS = "_$DX_DELEGATE"; | ||
| function render(code, element, init, options = {}) { | ||
| let disposer; | ||
| createRoot((dispose2) => { | ||
| disposer = dispose2; | ||
| element === document ? code() : insert(element, code(), element.firstChild ? null : void 0, init); | ||
| }, options.owner); | ||
| return () => { | ||
| disposer(); | ||
| element.textContent = ""; | ||
| }; | ||
| } | ||
| function template(html, isImportNode, isSVG, isMathML) { | ||
| let node; | ||
| const create = () => { | ||
| const t = document.createElement("template"); | ||
| t.innerHTML = html; | ||
| return t.content.firstChild; | ||
| }; | ||
| const fn = isImportNode ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true); | ||
| fn.cloneNode = fn; | ||
| return fn; | ||
| } | ||
| function delegateEvents(eventNames, document2 = window.document) { | ||
| const e = document2[$$EVENTS] || (document2[$$EVENTS] = /* @__PURE__ */ new Set()); | ||
| for (let i = 0, l = eventNames.length; i < l; i++) { | ||
| const name = eventNames[i]; | ||
| if (!e.has(name)) { | ||
| e.add(name); | ||
| document2.addEventListener(name, eventHandler); | ||
| } | ||
| } | ||
| } | ||
| function setAttribute(node, name, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttribute(name); | ||
| else node.setAttribute(name, value); | ||
| } | ||
| function setAttributeNS(node, namespace, name, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttributeNS(namespace, name); | ||
| else node.setAttributeNS(namespace, name, value); | ||
| } | ||
| function setBoolAttribute(node, name, value) { | ||
| if (isHydrating(node)) return; | ||
| value ? node.setAttribute(name, "") : node.removeAttribute(name); | ||
| } | ||
| function className(node, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttribute("class"); | ||
| else node.className = value; | ||
| } | ||
| function addEventListener(node, name, handler, delegate) { | ||
| if (delegate) { | ||
| if (Array.isArray(handler)) { | ||
| node[`$$${name}`] = handler[0]; | ||
| node[`$$${name}Data`] = handler[1]; | ||
| } else node[`$$${name}`] = handler; | ||
| } else if (Array.isArray(handler)) { | ||
| const handlerFn = handler[0]; | ||
| node.addEventListener(name, handler[0] = (e) => handlerFn.call(node, handler[1], e)); | ||
| } else node.addEventListener(name, handler, typeof handler !== "function" && handler); | ||
| } | ||
| function classList(node, value, prev = {}) { | ||
| const classKeys = Object.keys(value || {}), prevKeys = Object.keys(prev); | ||
| let i, len; | ||
| for (i = 0, len = prevKeys.length; i < len; i++) { | ||
| const key = prevKeys[i]; | ||
| if (!key || key === "undefined" || value[key]) continue; | ||
| toggleClassKey(node, key, false); | ||
| delete prev[key]; | ||
| } | ||
| for (i = 0, len = classKeys.length; i < len; i++) { | ||
| const key = classKeys[i], classValue = !!value[key]; | ||
| if (!key || key === "undefined" || prev[key] === classValue || !classValue) continue; | ||
| toggleClassKey(node, key, true); | ||
| prev[key] = classValue; | ||
| } | ||
| return prev; | ||
| } | ||
| function style(node, value, prev) { | ||
| if (!value) return prev ? setAttribute(node, "style") : value; | ||
| const nodeStyle = node.style; | ||
| if (typeof value === "string") return nodeStyle.cssText = value; | ||
| typeof prev === "string" && (nodeStyle.cssText = prev = void 0); | ||
| prev || (prev = {}); | ||
| value || (value = {}); | ||
| let v, s; | ||
| for (s in prev) { | ||
| value[s] == null && nodeStyle.removeProperty(s); | ||
| delete prev[s]; | ||
| } | ||
| for (s in value) { | ||
| v = value[s]; | ||
| if (v !== prev[s]) { | ||
| nodeStyle.setProperty(s, v); | ||
| prev[s] = v; | ||
| } | ||
| } | ||
| return prev; | ||
| } | ||
| function spread(node, props = {}, isSVG, skipChildren) { | ||
| const prevProps = {}; | ||
| if (!skipChildren) { | ||
| createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children)); | ||
| } | ||
| createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node)); | ||
| createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true)); | ||
| return prevProps; | ||
| } | ||
| function use(fn, element, arg) { | ||
| return untrack(() => fn(element, arg)); | ||
| } | ||
| function insert(parent, accessor, marker, initial) { | ||
| if (marker !== void 0 && !initial) initial = []; | ||
| if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker); | ||
| createRenderEffect((current) => insertExpression(parent, accessor(), current, marker), initial); | ||
| } | ||
| function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) { | ||
| props || (props = {}); | ||
| for (const prop in prevProps) { | ||
| if (!(prop in props)) { | ||
| if (prop === "children") continue; | ||
| prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef, props); | ||
| } | ||
| } | ||
| for (const prop in props) { | ||
| if (prop === "children") { | ||
| continue; | ||
| } | ||
| const value = props[prop]; | ||
| prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef, props); | ||
| } | ||
| } | ||
| function getNextElement(template2) { | ||
| let node, key, hydrating = isHydrating(); | ||
| if (!hydrating || !(node = sharedConfig.registry.get(key = getHydrationKey()))) { | ||
| return template2(); | ||
| } | ||
| if (sharedConfig.completed) sharedConfig.completed.add(node); | ||
| sharedConfig.registry.delete(key); | ||
| return node; | ||
| } | ||
| function isHydrating(node) { | ||
| return !!sharedConfig.context && !sharedConfig.done && (!node || node.isConnected); | ||
| } | ||
| function toPropertyName(name) { | ||
| return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase()); | ||
| } | ||
| function toggleClassKey(node, key, value) { | ||
| const classNames = key.trim().split(/\s+/); | ||
| for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value); | ||
| } | ||
| function assignProp(node, prop, value, prev, isSVG, skipRef, props) { | ||
| let isCE, isProp, isChildProp, propAlias, forceProp; | ||
| if (prop === "style") return style(node, value, prev); | ||
| if (prop === "classList") return classList(node, value, prev); | ||
| if (value === prev) return prev; | ||
| if (prop === "ref") { | ||
| if (!skipRef) value(node); | ||
| } else if (prop.slice(0, 3) === "on:") { | ||
| const e = prop.slice(3); | ||
| prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev); | ||
| value && node.addEventListener(e, value, typeof value !== "function" && value); | ||
| } else if (prop.slice(0, 10) === "oncapture:") { | ||
| const e = prop.slice(10); | ||
| prev && node.removeEventListener(e, prev, true); | ||
| value && node.addEventListener(e, value, true); | ||
| } else if (prop.slice(0, 2) === "on") { | ||
| const name = prop.slice(2).toLowerCase(); | ||
| const delegate = DelegatedEvents.has(name); | ||
| if (!delegate && prev) { | ||
| const h = Array.isArray(prev) ? prev[0] : prev; | ||
| node.removeEventListener(name, h); | ||
| } | ||
| if (delegate || value) { | ||
| addEventListener(node, name, value, delegate); | ||
| delegate && delegateEvents([name]); | ||
| } | ||
| } else if (prop.slice(0, 5) === "attr:") { | ||
| setAttribute(node, prop.slice(5), value); | ||
| } else if (prop.slice(0, 5) === "bool:") { | ||
| setBoolAttribute(node, prop.slice(5), value); | ||
| } else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) { | ||
| if (forceProp) { | ||
| prop = prop.slice(5); | ||
| isProp = true; | ||
| } else if (isHydrating(node)) return value; | ||
| if (prop === "class" || prop === "className") className(node, value); | ||
| else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value; | ||
| else node[propAlias || prop] = value; | ||
| } else { | ||
| const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]]; | ||
| if (ns) setAttributeNS(node, ns, prop, value); | ||
| else setAttribute(node, Aliases[prop] || prop, value); | ||
| } | ||
| return value; | ||
| } | ||
| function eventHandler(e) { | ||
| if (sharedConfig.registry && sharedConfig.events) { | ||
| if (sharedConfig.events.find(([el, ev]) => ev === e)) return; | ||
| } | ||
| let node = e.target; | ||
| const key = `$$${e.type}`; | ||
| const oriTarget = e.target; | ||
| const oriCurrentTarget = e.currentTarget; | ||
| const retarget = (value) => Object.defineProperty(e, "target", { | ||
| configurable: true, | ||
| value | ||
| }); | ||
| const handleNode = () => { | ||
| const handler = node[key]; | ||
| if (handler && !node.disabled) { | ||
| const data = node[`${key}Data`]; | ||
| data !== void 0 ? handler.call(node, data, e) : handler.call(node, e); | ||
| if (e.cancelBubble) return; | ||
| } | ||
| node.host && typeof node.host !== "string" && !node.host._$host && node.contains(e.target) && retarget(node.host); | ||
| return true; | ||
| }; | ||
| const walkUpTree = () => { | ||
| while (handleNode() && (node = node._$host || node.parentNode || node.host)) ; | ||
| }; | ||
| Object.defineProperty(e, "currentTarget", { | ||
| configurable: true, | ||
| get() { | ||
| return node || document; | ||
| } | ||
| }); | ||
| if (sharedConfig.registry && !sharedConfig.done) sharedConfig.done = _$HY.done = true; | ||
| if (e.composedPath) { | ||
| const path = e.composedPath(); | ||
| retarget(path[0]); | ||
| for (let i = 0; i < path.length - 2; i++) { | ||
| node = path[i]; | ||
| if (!handleNode()) break; | ||
| if (node._$host) { | ||
| node = node._$host; | ||
| walkUpTree(); | ||
| break; | ||
| } | ||
| if (node.parentNode === oriCurrentTarget) { | ||
| break; | ||
| } | ||
| } | ||
| } else walkUpTree(); | ||
| retarget(oriTarget); | ||
| } | ||
| function insertExpression(parent, value, current, marker, unwrapArray) { | ||
| const hydrating = isHydrating(parent); | ||
| if (hydrating) { | ||
| !current && (current = [...parent.childNodes]); | ||
| let cleaned = []; | ||
| for (let i = 0; i < current.length; i++) { | ||
| const node = current[i]; | ||
| if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove(); | ||
| else cleaned.push(node); | ||
| } | ||
| current = cleaned; | ||
| } | ||
| while (typeof current === "function") current = current(); | ||
| if (value === current) return current; | ||
| const t = typeof value, multi = marker !== void 0; | ||
| parent = multi && current[0] && current[0].parentNode || parent; | ||
| if (t === "string" || t === "number") { | ||
| if (hydrating) return current; | ||
| if (t === "number") { | ||
| value = value.toString(); | ||
| if (value === current) return current; | ||
| } | ||
| if (multi) { | ||
| let node = current[0]; | ||
| if (node && node.nodeType === 3) { | ||
| node.data !== value && (node.data = value); | ||
| } else node = document.createTextNode(value); | ||
| current = cleanChildren(parent, current, marker, node); | ||
| } else { | ||
| if (current !== "" && typeof current === "string") { | ||
| current = parent.firstChild.data = value; | ||
| } else current = parent.textContent = value; | ||
| } | ||
| } else if (value == null || t === "boolean") { | ||
| if (hydrating) return current; | ||
| current = cleanChildren(parent, current, marker); | ||
| } else if (t === "function") { | ||
| createRenderEffect(() => { | ||
| let v = value(); | ||
| while (typeof v === "function") v = v(); | ||
| current = insertExpression(parent, v, current, marker); | ||
| }); | ||
| return () => current; | ||
| } else if (Array.isArray(value)) { | ||
| const array = []; | ||
| const currentArray = current && Array.isArray(current); | ||
| if (normalizeIncomingArray(array, value, current, unwrapArray)) { | ||
| createRenderEffect(() => current = insertExpression(parent, array, current, marker, true)); | ||
| return () => current; | ||
| } | ||
| if (hydrating) { | ||
| if (!array.length) return current; | ||
| if (marker === void 0) return current = [...parent.childNodes]; | ||
| let node = array[0]; | ||
| if (node.parentNode !== parent) return current; | ||
| const nodes = [node]; | ||
| while ((node = node.nextSibling) !== marker) nodes.push(node); | ||
| return current = nodes; | ||
| } | ||
| if (array.length === 0) { | ||
| current = cleanChildren(parent, current, marker); | ||
| if (multi) return current; | ||
| } else if (currentArray) { | ||
| if (current.length === 0) { | ||
| appendNodes(parent, array, marker); | ||
| } else reconcileArrays(parent, current, array); | ||
| } else { | ||
| current && cleanChildren(parent); | ||
| appendNodes(parent, array); | ||
| } | ||
| current = array; | ||
| } else if (value.nodeType) { | ||
| if (hydrating && value.parentNode) return current = multi ? [value] : value; | ||
| if (Array.isArray(current)) { | ||
| if (multi) return current = cleanChildren(parent, current, marker, value); | ||
| cleanChildren(parent, current, null, value); | ||
| } else if (current == null || current === "" || !parent.firstChild) { | ||
| parent.appendChild(value); | ||
| } else parent.replaceChild(value, parent.firstChild); | ||
| current = value; | ||
| } else ; | ||
| return current; | ||
| } | ||
| function normalizeIncomingArray(normalized, array, current, unwrap) { | ||
| let dynamic = false; | ||
| for (let i = 0, len = array.length; i < len; i++) { | ||
| let item = array[i], prev = current && current[normalized.length], t; | ||
| if (item == null || item === true || item === false) ; | ||
| else if ((t = typeof item) === "object" && item.nodeType) { | ||
| normalized.push(item); | ||
| } else if (Array.isArray(item)) { | ||
| dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic; | ||
| } else if (t === "function") { | ||
| if (unwrap) { | ||
| while (typeof item === "function") item = item(); | ||
| dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic; | ||
| } else { | ||
| normalized.push(item); | ||
| dynamic = true; | ||
| } | ||
| } else { | ||
| const value = String(item); | ||
| if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev); | ||
| else normalized.push(document.createTextNode(value)); | ||
| } | ||
| } | ||
| return dynamic; | ||
| } | ||
| function appendNodes(parent, array, marker = null) { | ||
| for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker); | ||
| } | ||
| function cleanChildren(parent, current, marker, replacement) { | ||
| if (marker === void 0) return parent.textContent = ""; | ||
| const node = replacement || document.createTextNode(""); | ||
| if (current.length) { | ||
| let inserted = false; | ||
| for (let i = current.length - 1; i >= 0; i--) { | ||
| const el = current[i]; | ||
| if (node !== el) { | ||
| const isParent = el.parentNode === parent; | ||
| if (!inserted && !i) isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker); | ||
| else isParent && el.remove(); | ||
| } else inserted = true; | ||
| } | ||
| } else parent.insertBefore(node, marker); | ||
| return [node]; | ||
| } | ||
| function getHydrationKey() { | ||
| return sharedConfig.getNextContextId(); | ||
| } | ||
| const SVG_NAMESPACE = "http://www.w3.org/2000/svg"; | ||
| function createElement(tagName, isSVG = false, is = void 0) { | ||
| return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName, { | ||
| is | ||
| }); | ||
| } | ||
| function createDynamic(component, props) { | ||
| const cached = createMemo(component); | ||
| return createMemo(() => { | ||
| const component2 = cached(); | ||
| switch (typeof component2) { | ||
| case "function": | ||
| return untrack(() => component2(props)); | ||
| case "string": | ||
| const isSvg = SVGElements.has(component2); | ||
| const el = sharedConfig.context ? getNextElement() : createElement(component2, isSvg, untrack(() => props.is)); | ||
| spread(el, props, isSvg); | ||
| return el; | ||
| } | ||
| }); | ||
| } | ||
| function Dynamic(props) { | ||
| const [, others] = splitProps(props, ["component"]); | ||
| return createDynamic(() => props.component, others); | ||
| } | ||
| const ShadowDomTargetContext = createContext( | ||
| void 0 | ||
| ); | ||
| const DevtoolsOnCloseContext = createContext(void 0); | ||
| const useDevtoolsOnClose = () => { | ||
| const context = useContext(DevtoolsOnCloseContext); | ||
| if (!context) { | ||
| throw new Error( | ||
| "useDevtoolsOnClose must be used within a TanStackRouterDevtools component" | ||
| ); | ||
| } | ||
| return context; | ||
| }; | ||
| class TanStackRouterDevtoolsCore { | ||
| #router; | ||
| #routerState; | ||
| #position; | ||
| #initialIsOpen; | ||
| #shadowDOMTarget; | ||
| #panelProps; | ||
| #closeButtonProps; | ||
| #toggleButtonProps; | ||
| #containerElement; | ||
| #isMounted = false; | ||
| #Component; | ||
| #dispose; | ||
| constructor(config) { | ||
| this.#router = createSignal(config.router); | ||
| this.#routerState = createSignal(config.routerState); | ||
| this.#position = config.position ?? "bottom-left"; | ||
| this.#initialIsOpen = config.initialIsOpen ?? false; | ||
| this.#shadowDOMTarget = config.shadowDOMTarget; | ||
| this.#panelProps = config.panelProps; | ||
| this.#closeButtonProps = config.closeButtonProps; | ||
| this.#toggleButtonProps = config.toggleButtonProps; | ||
| this.#containerElement = config.containerElement; | ||
| } | ||
| mount(el) { | ||
| if (this.#isMounted) { | ||
| throw new Error("Devtools is already mounted"); | ||
| } | ||
| const dispose2 = render(() => { | ||
| const [router] = this.#router; | ||
| const [routerState] = this.#routerState; | ||
| const position = this.#position; | ||
| const initialIsOpen = this.#initialIsOpen; | ||
| const shadowDOMTarget = this.#shadowDOMTarget; | ||
| const panelProps = this.#panelProps; | ||
| const closeButtonProps = this.#closeButtonProps; | ||
| const toggleButtonProps = this.#toggleButtonProps; | ||
| const containerElement = this.#containerElement; | ||
| let Devtools; | ||
| if (this.#Component) { | ||
| Devtools = this.#Component; | ||
| } else { | ||
| Devtools = lazy(() => Promise.resolve().then(() => require("./FloatingTanStackRouterDevtools-C-LyXpEh.cjs"))); | ||
| this.#Component = Devtools; | ||
| } | ||
| return createComponent(ShadowDomTargetContext.Provider, { | ||
| value: shadowDOMTarget, | ||
| get children() { | ||
| return createComponent(Devtools, { | ||
| position, | ||
| initialIsOpen, | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| panelProps, | ||
| closeButtonProps, | ||
| toggleButtonProps, | ||
| containerElement | ||
| }); | ||
| } | ||
| }); | ||
| }, el); | ||
| this.#isMounted = true; | ||
| this.#dispose = dispose2; | ||
| } | ||
| unmount() { | ||
| if (!this.#isMounted) { | ||
| throw new Error("Devtools is not mounted"); | ||
| } | ||
| this.#dispose?.(); | ||
| this.#isMounted = false; | ||
| } | ||
| setRouter(router) { | ||
| this.#router[1](router); | ||
| } | ||
| setRouterState(routerState) { | ||
| this.#routerState[1](routerState); | ||
| } | ||
| setOptions(options) { | ||
| if (options.position !== void 0) { | ||
| this.#position = options.position; | ||
| } | ||
| if (options.initialIsOpen !== void 0) { | ||
| this.#initialIsOpen = options.initialIsOpen; | ||
| } | ||
| if (options.shadowDOMTarget !== void 0) { | ||
| this.#shadowDOMTarget = options.shadowDOMTarget; | ||
| } | ||
| if (options.containerElement !== void 0) { | ||
| this.#containerElement = options.containerElement; | ||
| } | ||
| } | ||
| } | ||
| class TanStackRouterDevtoolsPanelCore { | ||
| #router; | ||
| #routerState; | ||
| #style; | ||
| #className; | ||
| #shadowDOMTarget; | ||
| #isMounted = false; | ||
| #setIsOpen; | ||
| #dispose; | ||
| #Component; | ||
| constructor(config) { | ||
| const { | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| setIsOpen, | ||
| style: style2, | ||
| className: className2 | ||
| } = config; | ||
| this.#router = createSignal(router); | ||
| this.#routerState = createSignal(routerState); | ||
| this.#style = createSignal(style2); | ||
| this.#className = createSignal(className2); | ||
| this.#shadowDOMTarget = shadowDOMTarget; | ||
| this.#setIsOpen = setIsOpen; | ||
| } | ||
| mount(el) { | ||
| if (this.#isMounted) { | ||
| throw new Error("Devtools is already mounted"); | ||
| } | ||
| const dispose2 = render(() => { | ||
| const [router] = this.#router; | ||
| const [routerState] = this.#routerState; | ||
| const [style2] = this.#style; | ||
| const [className2] = this.#className; | ||
| const shadowDOMTarget = this.#shadowDOMTarget; | ||
| const setIsOpen = this.#setIsOpen; | ||
| let BaseTanStackRouterDevtoolsPanel; | ||
| if (this.#Component) { | ||
| BaseTanStackRouterDevtoolsPanel = this.#Component; | ||
| } else { | ||
| BaseTanStackRouterDevtoolsPanel = lazy(() => Promise.resolve().then(() => require("./BaseTanStackRouterDevtoolsPanel-BgiCKo12.cjs")).then((n) => n.BaseTanStackRouterDevtoolsPanel$1)); | ||
| this.#Component = BaseTanStackRouterDevtoolsPanel; | ||
| } | ||
| return createComponent(ShadowDomTargetContext.Provider, { | ||
| value: shadowDOMTarget, | ||
| get children() { | ||
| return createComponent(DevtoolsOnCloseContext.Provider, { | ||
| value: { | ||
| onCloseClick: () => { | ||
| } | ||
| }, | ||
| get children() { | ||
| return createComponent(BaseTanStackRouterDevtoolsPanel, { | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| setIsOpen, | ||
| style: style2, | ||
| className: className2 | ||
| }); | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
| }, el); | ||
| this.#isMounted = true; | ||
| this.#dispose = dispose2; | ||
| } | ||
| unmount() { | ||
| if (!this.#isMounted) { | ||
| throw new Error("Devtools is not mounted"); | ||
| } | ||
| this.#dispose?.(); | ||
| this.#isMounted = false; | ||
| } | ||
| setRouter(router) { | ||
| this.#router[1](router); | ||
| } | ||
| setRouterState(routerState) { | ||
| this.#routerState[1](routerState); | ||
| } | ||
| setStyle(style2) { | ||
| this.#style[1](style2); | ||
| } | ||
| setClassName(className2) { | ||
| this.#className[1](className2); | ||
| } | ||
| setOptions(options) { | ||
| if (options.shadowDOMTarget !== void 0) { | ||
| this.#shadowDOMTarget = options.shadowDOMTarget; | ||
| } | ||
| if (options.router !== void 0) { | ||
| this.setRouter(options.router); | ||
| } | ||
| if (options.routerState !== void 0) { | ||
| this.setRouterState(options.routerState); | ||
| } | ||
| if (options.style !== void 0) { | ||
| this.setStyle(options.style); | ||
| } | ||
| if (options.className !== void 0) { | ||
| this.setClassName(options.className); | ||
| } | ||
| } | ||
| } | ||
| exports.DevtoolsOnCloseContext = DevtoolsOnCloseContext; | ||
| exports.Dynamic = Dynamic; | ||
| exports.For = For; | ||
| exports.Match = Match; | ||
| exports.ShadowDomTargetContext = ShadowDomTargetContext; | ||
| exports.Show = Show; | ||
| exports.Switch = Switch; | ||
| exports.TanStackRouterDevtoolsCore = TanStackRouterDevtoolsCore; | ||
| exports.TanStackRouterDevtoolsPanelCore = TanStackRouterDevtoolsPanelCore; | ||
| exports.addEventListener = addEventListener; | ||
| exports.className = className; | ||
| exports.createComponent = createComponent; | ||
| exports.createEffect = createEffect; | ||
| exports.createMemo = createMemo; | ||
| exports.createRenderEffect = createRenderEffect; | ||
| exports.createSignal = createSignal; | ||
| exports.createUniqueId = createUniqueId; | ||
| exports.delegateEvents = delegateEvents; | ||
| exports.insert = insert; | ||
| exports.memo = memo; | ||
| exports.mergeProps = mergeProps; | ||
| exports.onCleanup = onCleanup; | ||
| exports.setAttribute = setAttribute; | ||
| exports.spread = spread; | ||
| exports.template = template; | ||
| exports.untrack = untrack; | ||
| exports.useContext = useContext; | ||
| exports.useDevtoolsOnClose = useDevtoolsOnClose; | ||
| //# sourceMappingURL=index-BoYu2KZp.cjs.map |
Sorry, the diff of this file is too big to display
| const sharedConfig = { | ||
| context: void 0, | ||
| registry: void 0, | ||
| effects: void 0, | ||
| done: false, | ||
| getContextId() { | ||
| return getContextId(this.context.count); | ||
| }, | ||
| getNextContextId() { | ||
| return getContextId(this.context.count++); | ||
| } | ||
| }; | ||
| function getContextId(count) { | ||
| const num = String(count), len = num.length - 1; | ||
| return sharedConfig.context.id + (len ? String.fromCharCode(96 + len) : "") + num; | ||
| } | ||
| function setHydrateContext(context) { | ||
| sharedConfig.context = context; | ||
| } | ||
| const IS_DEV = false; | ||
| const equalFn = (a, b) => a === b; | ||
| const $PROXY = /* @__PURE__ */ Symbol("solid-proxy"); | ||
| const SUPPORTS_PROXY = typeof Proxy === "function"; | ||
| const $TRACK = /* @__PURE__ */ Symbol("solid-track"); | ||
| const signalOptions = { | ||
| equals: equalFn | ||
| }; | ||
| let runEffects = runQueue; | ||
| const STALE = 1; | ||
| const PENDING = 2; | ||
| const UNOWNED = { | ||
| owned: null, | ||
| cleanups: null, | ||
| context: null, | ||
| owner: null | ||
| }; | ||
| const NO_INIT = {}; | ||
| var Owner = null; | ||
| let Transition = null; | ||
| let ExternalSourceConfig = null; | ||
| let Listener = null; | ||
| let Updates = null; | ||
| let Effects = null; | ||
| let ExecCount = 0; | ||
| function createRoot(fn, detachedOwner) { | ||
| const listener = Listener, owner = Owner, unowned = fn.length === 0, current = detachedOwner === void 0 ? owner : detachedOwner, root = unowned ? UNOWNED : { | ||
| owned: null, | ||
| cleanups: null, | ||
| context: current ? current.context : null, | ||
| owner: current | ||
| }, updateFn = unowned ? fn : () => fn(() => untrack(() => cleanNode(root))); | ||
| Owner = root; | ||
| Listener = null; | ||
| try { | ||
| return runUpdates(updateFn, true); | ||
| } finally { | ||
| Listener = listener; | ||
| Owner = owner; | ||
| } | ||
| } | ||
| function createSignal(value, options) { | ||
| options = options ? Object.assign({}, signalOptions, options) : signalOptions; | ||
| const s = { | ||
| value, | ||
| observers: null, | ||
| observerSlots: null, | ||
| comparator: options.equals || void 0 | ||
| }; | ||
| const setter = (value2) => { | ||
| if (typeof value2 === "function") { | ||
| value2 = value2(s.value); | ||
| } | ||
| return writeSignal(s, value2); | ||
| }; | ||
| return [readSignal.bind(s), setter]; | ||
| } | ||
| function createComputed(fn, value, options) { | ||
| const c = createComputation(fn, value, true, STALE); | ||
| updateComputation(c); | ||
| } | ||
| function createRenderEffect(fn, value, options) { | ||
| const c = createComputation(fn, value, false, STALE); | ||
| updateComputation(c); | ||
| } | ||
| function createEffect(fn, value, options) { | ||
| runEffects = runUserEffects; | ||
| const c = createComputation(fn, value, false, STALE); | ||
| if (!options || !options.render) c.user = true; | ||
| Effects ? Effects.push(c) : updateComputation(c); | ||
| } | ||
| function createMemo(fn, value, options) { | ||
| options = options ? Object.assign({}, signalOptions, options) : signalOptions; | ||
| const c = createComputation(fn, value, true, 0); | ||
| c.observers = null; | ||
| c.observerSlots = null; | ||
| c.comparator = options.equals || void 0; | ||
| updateComputation(c); | ||
| return readSignal.bind(c); | ||
| } | ||
| function isPromise(v) { | ||
| return v && typeof v === "object" && "then" in v; | ||
| } | ||
| function createResource(pSource, pFetcher, pOptions) { | ||
| let source; | ||
| let fetcher; | ||
| let options; | ||
| { | ||
| source = true; | ||
| fetcher = pSource; | ||
| options = {}; | ||
| } | ||
| let pr = null, initP = NO_INIT, id = null, scheduled = false, resolved = "initialValue" in options, dynamic = typeof source === "function" && createMemo(source); | ||
| const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error, setError] = createSignal(void 0), [track, trigger] = createSignal(void 0, { | ||
| equals: false | ||
| }), [state, setState] = createSignal(resolved ? "ready" : "unresolved"); | ||
| if (sharedConfig.context) { | ||
| id = sharedConfig.getNextContextId(); | ||
| if (options.ssrLoadFrom === "initial") initP = options.initialValue; | ||
| else if (sharedConfig.load && sharedConfig.has(id)) initP = sharedConfig.load(id); | ||
| } | ||
| function loadEnd(p, v, error2, key) { | ||
| if (pr === p) { | ||
| pr = null; | ||
| key !== void 0 && (resolved = true); | ||
| if ((p === initP || v === initP) && options.onHydrated) queueMicrotask(() => options.onHydrated(key, { | ||
| value: v | ||
| })); | ||
| initP = NO_INIT; | ||
| completeLoad(v, error2); | ||
| } | ||
| return v; | ||
| } | ||
| function completeLoad(v, err) { | ||
| runUpdates(() => { | ||
| if (err === void 0) setValue(() => v); | ||
| setState(err !== void 0 ? "errored" : resolved ? "ready" : "unresolved"); | ||
| setError(err); | ||
| for (const c of contexts.keys()) c.decrement(); | ||
| contexts.clear(); | ||
| }, false); | ||
| } | ||
| function read() { | ||
| const c = SuspenseContext, v = value(), err = error(); | ||
| if (err !== void 0 && !pr) throw err; | ||
| if (Listener && !Listener.user && c) ; | ||
| return v; | ||
| } | ||
| function load(refetching = true) { | ||
| if (refetching !== false && scheduled) return; | ||
| scheduled = false; | ||
| const lookup = dynamic ? dynamic() : source; | ||
| if (lookup == null || lookup === false) { | ||
| loadEnd(pr, untrack(value)); | ||
| return; | ||
| } | ||
| let error2; | ||
| const p = initP !== NO_INIT ? initP : untrack(() => { | ||
| try { | ||
| return fetcher(lookup, { | ||
| value: value(), | ||
| refetching | ||
| }); | ||
| } catch (fetcherError) { | ||
| error2 = fetcherError; | ||
| } | ||
| }); | ||
| if (error2 !== void 0) { | ||
| loadEnd(pr, void 0, castError(error2), lookup); | ||
| return; | ||
| } else if (!isPromise(p)) { | ||
| loadEnd(pr, p, void 0, lookup); | ||
| return p; | ||
| } | ||
| pr = p; | ||
| if ("v" in p) { | ||
| if (p.s === 1) loadEnd(pr, p.v, void 0, lookup); | ||
| else loadEnd(pr, void 0, castError(p.v), lookup); | ||
| return p; | ||
| } | ||
| scheduled = true; | ||
| queueMicrotask(() => scheduled = false); | ||
| runUpdates(() => { | ||
| setState(resolved ? "refreshing" : "pending"); | ||
| trigger(); | ||
| }, false); | ||
| return p.then((v) => loadEnd(p, v, void 0, lookup), (e) => loadEnd(p, void 0, castError(e), lookup)); | ||
| } | ||
| Object.defineProperties(read, { | ||
| state: { | ||
| get: () => state() | ||
| }, | ||
| error: { | ||
| get: () => error() | ||
| }, | ||
| loading: { | ||
| get() { | ||
| const s = state(); | ||
| return s === "pending" || s === "refreshing"; | ||
| } | ||
| }, | ||
| latest: { | ||
| get() { | ||
| if (!resolved) return read(); | ||
| const err = error(); | ||
| if (err && !pr) throw err; | ||
| return value(); | ||
| } | ||
| } | ||
| }); | ||
| let owner = Owner; | ||
| if (dynamic) createComputed(() => (owner = Owner, load(false))); | ||
| else load(false); | ||
| return [read, { | ||
| refetch: (info) => runWithOwner(owner, () => load(info)), | ||
| mutate: setValue | ||
| }]; | ||
| } | ||
| function untrack(fn) { | ||
| if (Listener === null) return fn(); | ||
| const listener = Listener; | ||
| Listener = null; | ||
| try { | ||
| if (ExternalSourceConfig) ; | ||
| return fn(); | ||
| } finally { | ||
| Listener = listener; | ||
| } | ||
| } | ||
| function onCleanup(fn) { | ||
| if (Owner === null) ; | ||
| else if (Owner.cleanups === null) Owner.cleanups = [fn]; | ||
| else Owner.cleanups.push(fn); | ||
| return fn; | ||
| } | ||
| function runWithOwner(o, fn) { | ||
| const prev = Owner; | ||
| const prevListener = Listener; | ||
| Owner = o; | ||
| Listener = null; | ||
| try { | ||
| return runUpdates(fn, true); | ||
| } catch (err) { | ||
| handleError(err); | ||
| } finally { | ||
| Owner = prev; | ||
| Listener = prevListener; | ||
| } | ||
| } | ||
| const [transPending, setTransPending] = /* @__PURE__ */ createSignal(false); | ||
| function createContext(defaultValue, options) { | ||
| const id = /* @__PURE__ */ Symbol("context"); | ||
| return { | ||
| id, | ||
| Provider: createProvider(id), | ||
| defaultValue | ||
| }; | ||
| } | ||
| function useContext(context) { | ||
| let value; | ||
| return Owner && Owner.context && (value = Owner.context[context.id]) !== void 0 ? value : context.defaultValue; | ||
| } | ||
| function children(fn) { | ||
| const children2 = createMemo(fn); | ||
| const memo2 = createMemo(() => resolveChildren(children2())); | ||
| memo2.toArray = () => { | ||
| const c = memo2(); | ||
| return Array.isArray(c) ? c : c != null ? [c] : []; | ||
| }; | ||
| return memo2; | ||
| } | ||
| let SuspenseContext; | ||
| function readSignal() { | ||
| if (this.sources && this.state) { | ||
| if (this.state === STALE) updateComputation(this); | ||
| else { | ||
| const updates = Updates; | ||
| Updates = null; | ||
| runUpdates(() => lookUpstream(this), false); | ||
| Updates = updates; | ||
| } | ||
| } | ||
| if (Listener) { | ||
| const sSlot = this.observers ? this.observers.length : 0; | ||
| if (!Listener.sources) { | ||
| Listener.sources = [this]; | ||
| Listener.sourceSlots = [sSlot]; | ||
| } else { | ||
| Listener.sources.push(this); | ||
| Listener.sourceSlots.push(sSlot); | ||
| } | ||
| if (!this.observers) { | ||
| this.observers = [Listener]; | ||
| this.observerSlots = [Listener.sources.length - 1]; | ||
| } else { | ||
| this.observers.push(Listener); | ||
| this.observerSlots.push(Listener.sources.length - 1); | ||
| } | ||
| } | ||
| return this.value; | ||
| } | ||
| function writeSignal(node, value, isComp) { | ||
| let current = node.value; | ||
| if (!node.comparator || !node.comparator(current, value)) { | ||
| node.value = value; | ||
| if (node.observers && node.observers.length) { | ||
| runUpdates(() => { | ||
| for (let i = 0; i < node.observers.length; i += 1) { | ||
| const o = node.observers[i]; | ||
| const TransitionRunning = Transition && Transition.running; | ||
| if (TransitionRunning && Transition.disposed.has(o)) ; | ||
| if (TransitionRunning ? !o.tState : !o.state) { | ||
| if (o.pure) Updates.push(o); | ||
| else Effects.push(o); | ||
| if (o.observers) markDownstream(o); | ||
| } | ||
| if (!TransitionRunning) o.state = STALE; | ||
| } | ||
| if (Updates.length > 1e6) { | ||
| Updates = []; | ||
| if (IS_DEV) ; | ||
| throw new Error(); | ||
| } | ||
| }, false); | ||
| } | ||
| } | ||
| return value; | ||
| } | ||
| function updateComputation(node) { | ||
| if (!node.fn) return; | ||
| cleanNode(node); | ||
| const time = ExecCount; | ||
| runComputation(node, node.value, time); | ||
| } | ||
| function runComputation(node, value, time) { | ||
| let nextValue; | ||
| const owner = Owner, listener = Listener; | ||
| Listener = Owner = node; | ||
| try { | ||
| nextValue = node.fn(value); | ||
| } catch (err) { | ||
| if (node.pure) { | ||
| { | ||
| node.state = STALE; | ||
| node.owned && node.owned.forEach(cleanNode); | ||
| node.owned = null; | ||
| } | ||
| } | ||
| node.updatedAt = time + 1; | ||
| return handleError(err); | ||
| } finally { | ||
| Listener = listener; | ||
| Owner = owner; | ||
| } | ||
| if (!node.updatedAt || node.updatedAt <= time) { | ||
| if (node.updatedAt != null && "observers" in node) { | ||
| writeSignal(node, nextValue); | ||
| } else node.value = nextValue; | ||
| node.updatedAt = time; | ||
| } | ||
| } | ||
| function createComputation(fn, init, pure, state = STALE, options) { | ||
| const c = { | ||
| fn, | ||
| state, | ||
| updatedAt: null, | ||
| owned: null, | ||
| sources: null, | ||
| sourceSlots: null, | ||
| cleanups: null, | ||
| value: init, | ||
| owner: Owner, | ||
| context: Owner ? Owner.context : null, | ||
| pure | ||
| }; | ||
| if (Owner === null) ; | ||
| else if (Owner !== UNOWNED) { | ||
| { | ||
| if (!Owner.owned) Owner.owned = [c]; | ||
| else Owner.owned.push(c); | ||
| } | ||
| } | ||
| return c; | ||
| } | ||
| function runTop(node) { | ||
| if (node.state === 0) return; | ||
| if (node.state === PENDING) return lookUpstream(node); | ||
| if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node); | ||
| const ancestors = [node]; | ||
| while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) { | ||
| if (node.state) ancestors.push(node); | ||
| } | ||
| for (let i = ancestors.length - 1; i >= 0; i--) { | ||
| node = ancestors[i]; | ||
| if (node.state === STALE) { | ||
| updateComputation(node); | ||
| } else if (node.state === PENDING) { | ||
| const updates = Updates; | ||
| Updates = null; | ||
| runUpdates(() => lookUpstream(node, ancestors[0]), false); | ||
| Updates = updates; | ||
| } | ||
| } | ||
| } | ||
| function runUpdates(fn, init) { | ||
| if (Updates) return fn(); | ||
| let wait = false; | ||
| if (!init) Updates = []; | ||
| if (Effects) wait = true; | ||
| else Effects = []; | ||
| ExecCount++; | ||
| try { | ||
| const res = fn(); | ||
| completeUpdates(wait); | ||
| return res; | ||
| } catch (err) { | ||
| if (!wait) Effects = null; | ||
| Updates = null; | ||
| handleError(err); | ||
| } | ||
| } | ||
| function completeUpdates(wait) { | ||
| if (Updates) { | ||
| runQueue(Updates); | ||
| Updates = null; | ||
| } | ||
| if (wait) return; | ||
| const e = Effects; | ||
| Effects = null; | ||
| if (e.length) runUpdates(() => runEffects(e), false); | ||
| } | ||
| function runQueue(queue) { | ||
| for (let i = 0; i < queue.length; i++) runTop(queue[i]); | ||
| } | ||
| function runUserEffects(queue) { | ||
| let i, userLength = 0; | ||
| for (i = 0; i < queue.length; i++) { | ||
| const e = queue[i]; | ||
| if (!e.user) runTop(e); | ||
| else queue[userLength++] = e; | ||
| } | ||
| if (sharedConfig.context) { | ||
| if (sharedConfig.count) { | ||
| sharedConfig.effects || (sharedConfig.effects = []); | ||
| sharedConfig.effects.push(...queue.slice(0, userLength)); | ||
| return; | ||
| } | ||
| setHydrateContext(); | ||
| } | ||
| if (sharedConfig.effects && (sharedConfig.done || !sharedConfig.count)) { | ||
| queue = [...sharedConfig.effects, ...queue]; | ||
| userLength += sharedConfig.effects.length; | ||
| delete sharedConfig.effects; | ||
| } | ||
| for (i = 0; i < userLength; i++) runTop(queue[i]); | ||
| } | ||
| function lookUpstream(node, ignore) { | ||
| node.state = 0; | ||
| for (let i = 0; i < node.sources.length; i += 1) { | ||
| const source = node.sources[i]; | ||
| if (source.sources) { | ||
| const state = source.state; | ||
| if (state === STALE) { | ||
| if (source !== ignore && (!source.updatedAt || source.updatedAt < ExecCount)) runTop(source); | ||
| } else if (state === PENDING) lookUpstream(source, ignore); | ||
| } | ||
| } | ||
| } | ||
| function markDownstream(node) { | ||
| for (let i = 0; i < node.observers.length; i += 1) { | ||
| const o = node.observers[i]; | ||
| if (!o.state) { | ||
| o.state = PENDING; | ||
| if (o.pure) Updates.push(o); | ||
| else Effects.push(o); | ||
| o.observers && markDownstream(o); | ||
| } | ||
| } | ||
| } | ||
| function cleanNode(node) { | ||
| let i; | ||
| if (node.sources) { | ||
| while (node.sources.length) { | ||
| const source = node.sources.pop(), index = node.sourceSlots.pop(), obs = source.observers; | ||
| if (obs && obs.length) { | ||
| const n = obs.pop(), s = source.observerSlots.pop(); | ||
| if (index < obs.length) { | ||
| n.sourceSlots[s] = index; | ||
| obs[index] = n; | ||
| source.observerSlots[index] = s; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| if (node.tOwned) { | ||
| for (i = node.tOwned.length - 1; i >= 0; i--) cleanNode(node.tOwned[i]); | ||
| delete node.tOwned; | ||
| } | ||
| if (node.owned) { | ||
| for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]); | ||
| node.owned = null; | ||
| } | ||
| if (node.cleanups) { | ||
| for (i = node.cleanups.length - 1; i >= 0; i--) node.cleanups[i](); | ||
| node.cleanups = null; | ||
| } | ||
| node.state = 0; | ||
| } | ||
| function castError(err) { | ||
| if (err instanceof Error) return err; | ||
| return new Error(typeof err === "string" ? err : "Unknown error", { | ||
| cause: err | ||
| }); | ||
| } | ||
| function handleError(err, owner = Owner) { | ||
| const error = castError(err); | ||
| throw error; | ||
| } | ||
| function resolveChildren(children2) { | ||
| if (typeof children2 === "function" && !children2.length) return resolveChildren(children2()); | ||
| if (Array.isArray(children2)) { | ||
| const results = []; | ||
| for (let i = 0; i < children2.length; i++) { | ||
| const result = resolveChildren(children2[i]); | ||
| Array.isArray(result) ? results.push.apply(results, result) : results.push(result); | ||
| } | ||
| return results; | ||
| } | ||
| return children2; | ||
| } | ||
| function createProvider(id, options) { | ||
| return function provider(props) { | ||
| let res; | ||
| createRenderEffect(() => res = untrack(() => { | ||
| Owner.context = { | ||
| ...Owner.context, | ||
| [id]: props.value | ||
| }; | ||
| return children(() => props.children); | ||
| }), void 0); | ||
| return res; | ||
| }; | ||
| } | ||
| const FALLBACK = /* @__PURE__ */ Symbol("fallback"); | ||
| function dispose(d) { | ||
| for (let i = 0; i < d.length; i++) d[i](); | ||
| } | ||
| function mapArray(list, mapFn, options = {}) { | ||
| let items = [], mapped = [], disposers = [], len = 0, indexes = mapFn.length > 1 ? [] : null; | ||
| onCleanup(() => dispose(disposers)); | ||
| return () => { | ||
| let newItems = list() || [], newLen = newItems.length, i, j; | ||
| newItems[$TRACK]; | ||
| return untrack(() => { | ||
| let newIndices, newIndicesNext, temp, tempdisposers, tempIndexes, start, end, newEnd, item; | ||
| if (newLen === 0) { | ||
| if (len !== 0) { | ||
| dispose(disposers); | ||
| disposers = []; | ||
| items = []; | ||
| mapped = []; | ||
| len = 0; | ||
| indexes && (indexes = []); | ||
| } | ||
| if (options.fallback) { | ||
| items = [FALLBACK]; | ||
| mapped[0] = createRoot((disposer) => { | ||
| disposers[0] = disposer; | ||
| return options.fallback(); | ||
| }); | ||
| len = 1; | ||
| } | ||
| } else if (len === 0) { | ||
| mapped = new Array(newLen); | ||
| for (j = 0; j < newLen; j++) { | ||
| items[j] = newItems[j]; | ||
| mapped[j] = createRoot(mapper); | ||
| } | ||
| len = newLen; | ||
| } else { | ||
| temp = new Array(newLen); | ||
| tempdisposers = new Array(newLen); | ||
| indexes && (tempIndexes = new Array(newLen)); | ||
| for (start = 0, end = Math.min(len, newLen); start < end && items[start] === newItems[start]; start++) ; | ||
| for (end = len - 1, newEnd = newLen - 1; end >= start && newEnd >= start && items[end] === newItems[newEnd]; end--, newEnd--) { | ||
| temp[newEnd] = mapped[end]; | ||
| tempdisposers[newEnd] = disposers[end]; | ||
| indexes && (tempIndexes[newEnd] = indexes[end]); | ||
| } | ||
| newIndices = /* @__PURE__ */ new Map(); | ||
| newIndicesNext = new Array(newEnd + 1); | ||
| for (j = newEnd; j >= start; j--) { | ||
| item = newItems[j]; | ||
| i = newIndices.get(item); | ||
| newIndicesNext[j] = i === void 0 ? -1 : i; | ||
| newIndices.set(item, j); | ||
| } | ||
| for (i = start; i <= end; i++) { | ||
| item = items[i]; | ||
| j = newIndices.get(item); | ||
| if (j !== void 0 && j !== -1) { | ||
| temp[j] = mapped[i]; | ||
| tempdisposers[j] = disposers[i]; | ||
| indexes && (tempIndexes[j] = indexes[i]); | ||
| j = newIndicesNext[j]; | ||
| newIndices.set(item, j); | ||
| } else disposers[i](); | ||
| } | ||
| for (j = start; j < newLen; j++) { | ||
| if (j in temp) { | ||
| mapped[j] = temp[j]; | ||
| disposers[j] = tempdisposers[j]; | ||
| if (indexes) { | ||
| indexes[j] = tempIndexes[j]; | ||
| indexes[j](j); | ||
| } | ||
| } else mapped[j] = createRoot(mapper); | ||
| } | ||
| mapped = mapped.slice(0, len = newLen); | ||
| items = newItems.slice(0); | ||
| } | ||
| return mapped; | ||
| }); | ||
| function mapper(disposer) { | ||
| disposers[j] = disposer; | ||
| if (indexes) { | ||
| const [s, set] = createSignal(j); | ||
| indexes[j] = set; | ||
| return mapFn(newItems[j], s); | ||
| } | ||
| return mapFn(newItems[j]); | ||
| } | ||
| }; | ||
| } | ||
| function createComponent(Comp, props) { | ||
| return untrack(() => Comp(props || {})); | ||
| } | ||
| function trueFn() { | ||
| return true; | ||
| } | ||
| const propTraps = { | ||
| get(_, property, receiver) { | ||
| if (property === $PROXY) return receiver; | ||
| return _.get(property); | ||
| }, | ||
| has(_, property) { | ||
| if (property === $PROXY) return true; | ||
| return _.has(property); | ||
| }, | ||
| set: trueFn, | ||
| deleteProperty: trueFn, | ||
| getOwnPropertyDescriptor(_, property) { | ||
| return { | ||
| configurable: true, | ||
| enumerable: true, | ||
| get() { | ||
| return _.get(property); | ||
| }, | ||
| set: trueFn, | ||
| deleteProperty: trueFn | ||
| }; | ||
| }, | ||
| ownKeys(_) { | ||
| return _.keys(); | ||
| } | ||
| }; | ||
| function resolveSource(s) { | ||
| return !(s = typeof s === "function" ? s() : s) ? {} : s; | ||
| } | ||
| function resolveSources() { | ||
| for (let i = 0, length = this.length; i < length; ++i) { | ||
| const v = this[i](); | ||
| if (v !== void 0) return v; | ||
| } | ||
| } | ||
| function mergeProps(...sources) { | ||
| let proxy = false; | ||
| for (let i = 0; i < sources.length; i++) { | ||
| const s = sources[i]; | ||
| proxy = proxy || !!s && $PROXY in s; | ||
| sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s; | ||
| } | ||
| if (SUPPORTS_PROXY && proxy) { | ||
| return new Proxy({ | ||
| get(property) { | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| const v = resolveSource(sources[i])[property]; | ||
| if (v !== void 0) return v; | ||
| } | ||
| }, | ||
| has(property) { | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| if (property in resolveSource(sources[i])) return true; | ||
| } | ||
| return false; | ||
| }, | ||
| keys() { | ||
| const keys = []; | ||
| for (let i = 0; i < sources.length; i++) keys.push(...Object.keys(resolveSource(sources[i]))); | ||
| return [...new Set(keys)]; | ||
| } | ||
| }, propTraps); | ||
| } | ||
| const sourcesMap = {}; | ||
| const defined = /* @__PURE__ */ Object.create(null); | ||
| for (let i = sources.length - 1; i >= 0; i--) { | ||
| const source = sources[i]; | ||
| if (!source) continue; | ||
| const sourceKeys = Object.getOwnPropertyNames(source); | ||
| for (let i2 = sourceKeys.length - 1; i2 >= 0; i2--) { | ||
| const key = sourceKeys[i2]; | ||
| if (key === "__proto__" || key === "constructor") continue; | ||
| const desc = Object.getOwnPropertyDescriptor(source, key); | ||
| if (!defined[key]) { | ||
| defined[key] = desc.get ? { | ||
| enumerable: true, | ||
| configurable: true, | ||
| get: resolveSources.bind(sourcesMap[key] = [desc.get.bind(source)]) | ||
| } : desc.value !== void 0 ? desc : void 0; | ||
| } else { | ||
| const sources2 = sourcesMap[key]; | ||
| if (sources2) { | ||
| if (desc.get) sources2.push(desc.get.bind(source)); | ||
| else if (desc.value !== void 0) sources2.push(() => desc.value); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| const target = {}; | ||
| const definedKeys = Object.keys(defined); | ||
| for (let i = definedKeys.length - 1; i >= 0; i--) { | ||
| const key = definedKeys[i], desc = defined[key]; | ||
| if (desc && desc.get) Object.defineProperty(target, key, desc); | ||
| else target[key] = desc ? desc.value : void 0; | ||
| } | ||
| return target; | ||
| } | ||
| function splitProps(props, ...keys) { | ||
| const len = keys.length; | ||
| if (SUPPORTS_PROXY && $PROXY in props) { | ||
| const blocked = len > 1 ? keys.flat() : keys[0]; | ||
| const res = keys.map((k) => { | ||
| return new Proxy({ | ||
| get(property) { | ||
| return k.includes(property) ? props[property] : void 0; | ||
| }, | ||
| has(property) { | ||
| return k.includes(property) && property in props; | ||
| }, | ||
| keys() { | ||
| return k.filter((property) => property in props); | ||
| } | ||
| }, propTraps); | ||
| }); | ||
| res.push(new Proxy({ | ||
| get(property) { | ||
| return blocked.includes(property) ? void 0 : props[property]; | ||
| }, | ||
| has(property) { | ||
| return blocked.includes(property) ? false : property in props; | ||
| }, | ||
| keys() { | ||
| return Object.keys(props).filter((k) => !blocked.includes(k)); | ||
| } | ||
| }, propTraps)); | ||
| return res; | ||
| } | ||
| const objects = []; | ||
| for (let i = 0; i <= len; i++) { | ||
| objects[i] = {}; | ||
| } | ||
| for (const propName of Object.getOwnPropertyNames(props)) { | ||
| let keyIndex = len; | ||
| for (let i = 0; i < keys.length; i++) { | ||
| if (keys[i].includes(propName)) { | ||
| keyIndex = i; | ||
| break; | ||
| } | ||
| } | ||
| const desc = Object.getOwnPropertyDescriptor(props, propName); | ||
| const isDefaultDesc = !desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable; | ||
| isDefaultDesc ? objects[keyIndex][propName] = desc.value : Object.defineProperty(objects[keyIndex], propName, desc); | ||
| } | ||
| return objects; | ||
| } | ||
| function lazy(fn) { | ||
| let comp; | ||
| let p; | ||
| const wrap = (props) => { | ||
| const ctx = sharedConfig.context; | ||
| if (ctx) { | ||
| const [s, set] = createSignal(); | ||
| sharedConfig.count || (sharedConfig.count = 0); | ||
| sharedConfig.count++; | ||
| (p || (p = fn())).then((mod) => { | ||
| !sharedConfig.done && setHydrateContext(ctx); | ||
| sharedConfig.count--; | ||
| set(() => mod.default); | ||
| setHydrateContext(); | ||
| }); | ||
| comp = s; | ||
| } else if (!comp) { | ||
| const [s] = createResource(() => (p || (p = fn())).then((mod) => mod.default)); | ||
| comp = s; | ||
| } | ||
| let Comp; | ||
| return createMemo(() => (Comp = comp()) ? untrack(() => { | ||
| if (IS_DEV) ; | ||
| if (!ctx || sharedConfig.done) return Comp(props); | ||
| const c = sharedConfig.context; | ||
| setHydrateContext(ctx); | ||
| const r = Comp(props); | ||
| setHydrateContext(c); | ||
| return r; | ||
| }) : ""); | ||
| }; | ||
| wrap.preload = () => p || ((p = fn()).then((mod) => comp = () => mod.default), p); | ||
| return wrap; | ||
| } | ||
| let counter = 0; | ||
| function createUniqueId() { | ||
| const ctx = sharedConfig.context; | ||
| return ctx ? sharedConfig.getNextContextId() : `cl-${counter++}`; | ||
| } | ||
| const narrowedError = (name) => `Stale read from <${name}>.`; | ||
| function For(props) { | ||
| const fallback = "fallback" in props && { | ||
| fallback: () => props.fallback | ||
| }; | ||
| return createMemo(mapArray(() => props.each, props.children, fallback || void 0)); | ||
| } | ||
| function Show(props) { | ||
| const keyed = props.keyed; | ||
| const conditionValue = createMemo(() => props.when, void 0, void 0); | ||
| const condition = keyed ? conditionValue : createMemo(conditionValue, void 0, { | ||
| equals: (a, b) => !a === !b | ||
| }); | ||
| return createMemo(() => { | ||
| const c = condition(); | ||
| if (c) { | ||
| const child = props.children; | ||
| const fn = typeof child === "function" && child.length > 0; | ||
| return fn ? untrack(() => child(keyed ? c : () => { | ||
| if (!untrack(condition)) throw narrowedError("Show"); | ||
| return conditionValue(); | ||
| })) : child; | ||
| } | ||
| return props.fallback; | ||
| }, void 0, void 0); | ||
| } | ||
| function Switch(props) { | ||
| const chs = children(() => props.children); | ||
| const switchFunc = createMemo(() => { | ||
| const ch = chs(); | ||
| const mps = Array.isArray(ch) ? ch : [ch]; | ||
| let func = () => void 0; | ||
| for (let i = 0; i < mps.length; i++) { | ||
| const index = i; | ||
| const mp = mps[i]; | ||
| const prevFunc = func; | ||
| const conditionValue = createMemo(() => prevFunc() ? void 0 : mp.when, void 0, void 0); | ||
| const condition = mp.keyed ? conditionValue : createMemo(conditionValue, void 0, { | ||
| equals: (a, b) => !a === !b | ||
| }); | ||
| func = () => prevFunc() || (condition() ? [index, conditionValue, mp] : void 0); | ||
| } | ||
| return func; | ||
| }); | ||
| return createMemo(() => { | ||
| const sel = switchFunc()(); | ||
| if (!sel) return props.fallback; | ||
| const [index, conditionValue, mp] = sel; | ||
| const child = mp.children; | ||
| const fn = typeof child === "function" && child.length > 0; | ||
| return fn ? untrack(() => child(mp.keyed ? conditionValue() : () => { | ||
| if (untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match"); | ||
| return conditionValue(); | ||
| })) : child; | ||
| }, void 0, void 0); | ||
| } | ||
| function Match(props) { | ||
| return props; | ||
| } | ||
| const booleans = [ | ||
| "allowfullscreen", | ||
| "async", | ||
| "alpha", | ||
| "autofocus", | ||
| "autoplay", | ||
| "checked", | ||
| "controls", | ||
| "default", | ||
| "disabled", | ||
| "formnovalidate", | ||
| "hidden", | ||
| "indeterminate", | ||
| "inert", | ||
| "ismap", | ||
| "loop", | ||
| "multiple", | ||
| "muted", | ||
| "nomodule", | ||
| "novalidate", | ||
| "open", | ||
| "playsinline", | ||
| "readonly", | ||
| "required", | ||
| "reversed", | ||
| "seamless", | ||
| "selected", | ||
| "adauctionheaders", | ||
| "browsingtopics", | ||
| "credentialless", | ||
| "defaultchecked", | ||
| "defaultmuted", | ||
| "defaultselected", | ||
| "defer", | ||
| "disablepictureinpicture", | ||
| "disableremoteplayback", | ||
| "preservespitch", | ||
| "shadowrootclonable", | ||
| "shadowrootcustomelementregistry", | ||
| "shadowrootdelegatesfocus", | ||
| "shadowrootserializable", | ||
| "sharedstoragewritable" | ||
| ]; | ||
| const Properties = /* @__PURE__ */ new Set([ | ||
| "className", | ||
| "value", | ||
| "readOnly", | ||
| "noValidate", | ||
| "formNoValidate", | ||
| "isMap", | ||
| "noModule", | ||
| "playsInline", | ||
| "adAuctionHeaders", | ||
| "allowFullscreen", | ||
| "browsingTopics", | ||
| "defaultChecked", | ||
| "defaultMuted", | ||
| "defaultSelected", | ||
| "disablePictureInPicture", | ||
| "disableRemotePlayback", | ||
| "preservesPitch", | ||
| "shadowRootClonable", | ||
| "shadowRootCustomElementRegistry", | ||
| "shadowRootDelegatesFocus", | ||
| "shadowRootSerializable", | ||
| "sharedStorageWritable", | ||
| ...booleans | ||
| ]); | ||
| const ChildProperties = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]); | ||
| const Aliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), { | ||
| className: "class", | ||
| htmlFor: "for" | ||
| }); | ||
| const PropAliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), { | ||
| class: "className", | ||
| novalidate: { | ||
| $: "noValidate", | ||
| FORM: 1 | ||
| }, | ||
| formnovalidate: { | ||
| $: "formNoValidate", | ||
| BUTTON: 1, | ||
| INPUT: 1 | ||
| }, | ||
| ismap: { | ||
| $: "isMap", | ||
| IMG: 1 | ||
| }, | ||
| nomodule: { | ||
| $: "noModule", | ||
| SCRIPT: 1 | ||
| }, | ||
| playsinline: { | ||
| $: "playsInline", | ||
| VIDEO: 1 | ||
| }, | ||
| readonly: { | ||
| $: "readOnly", | ||
| INPUT: 1, | ||
| TEXTAREA: 1 | ||
| }, | ||
| adauctionheaders: { | ||
| $: "adAuctionHeaders", | ||
| IFRAME: 1 | ||
| }, | ||
| allowfullscreen: { | ||
| $: "allowFullscreen", | ||
| IFRAME: 1 | ||
| }, | ||
| browsingtopics: { | ||
| $: "browsingTopics", | ||
| IMG: 1 | ||
| }, | ||
| defaultchecked: { | ||
| $: "defaultChecked", | ||
| INPUT: 1 | ||
| }, | ||
| defaultmuted: { | ||
| $: "defaultMuted", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| defaultselected: { | ||
| $: "defaultSelected", | ||
| OPTION: 1 | ||
| }, | ||
| disablepictureinpicture: { | ||
| $: "disablePictureInPicture", | ||
| VIDEO: 1 | ||
| }, | ||
| disableremoteplayback: { | ||
| $: "disableRemotePlayback", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| preservespitch: { | ||
| $: "preservesPitch", | ||
| AUDIO: 1, | ||
| VIDEO: 1 | ||
| }, | ||
| shadowrootclonable: { | ||
| $: "shadowRootClonable", | ||
| TEMPLATE: 1 | ||
| }, | ||
| shadowrootdelegatesfocus: { | ||
| $: "shadowRootDelegatesFocus", | ||
| TEMPLATE: 1 | ||
| }, | ||
| shadowrootserializable: { | ||
| $: "shadowRootSerializable", | ||
| TEMPLATE: 1 | ||
| }, | ||
| sharedstoragewritable: { | ||
| $: "sharedStorageWritable", | ||
| IFRAME: 1, | ||
| IMG: 1 | ||
| } | ||
| }); | ||
| function getPropAlias(prop, tagName) { | ||
| const a = PropAliases[prop]; | ||
| return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a; | ||
| } | ||
| const DelegatedEvents = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]); | ||
| const SVGElements = /* @__PURE__ */ new Set([ | ||
| "altGlyph", | ||
| "altGlyphDef", | ||
| "altGlyphItem", | ||
| "animate", | ||
| "animateColor", | ||
| "animateMotion", | ||
| "animateTransform", | ||
| "circle", | ||
| "clipPath", | ||
| "color-profile", | ||
| "cursor", | ||
| "defs", | ||
| "desc", | ||
| "ellipse", | ||
| "feBlend", | ||
| "feColorMatrix", | ||
| "feComponentTransfer", | ||
| "feComposite", | ||
| "feConvolveMatrix", | ||
| "feDiffuseLighting", | ||
| "feDisplacementMap", | ||
| "feDistantLight", | ||
| "feDropShadow", | ||
| "feFlood", | ||
| "feFuncA", | ||
| "feFuncB", | ||
| "feFuncG", | ||
| "feFuncR", | ||
| "feGaussianBlur", | ||
| "feImage", | ||
| "feMerge", | ||
| "feMergeNode", | ||
| "feMorphology", | ||
| "feOffset", | ||
| "fePointLight", | ||
| "feSpecularLighting", | ||
| "feSpotLight", | ||
| "feTile", | ||
| "feTurbulence", | ||
| "filter", | ||
| "font", | ||
| "font-face", | ||
| "font-face-format", | ||
| "font-face-name", | ||
| "font-face-src", | ||
| "font-face-uri", | ||
| "foreignObject", | ||
| "g", | ||
| "glyph", | ||
| "glyphRef", | ||
| "hkern", | ||
| "image", | ||
| "line", | ||
| "linearGradient", | ||
| "marker", | ||
| "mask", | ||
| "metadata", | ||
| "missing-glyph", | ||
| "mpath", | ||
| "path", | ||
| "pattern", | ||
| "polygon", | ||
| "polyline", | ||
| "radialGradient", | ||
| "rect", | ||
| "set", | ||
| "stop", | ||
| "svg", | ||
| "switch", | ||
| "symbol", | ||
| "text", | ||
| "textPath", | ||
| "tref", | ||
| "tspan", | ||
| "use", | ||
| "view", | ||
| "vkern" | ||
| ]); | ||
| const SVGNamespace = { | ||
| xlink: "http://www.w3.org/1999/xlink", | ||
| xml: "http://www.w3.org/XML/1998/namespace" | ||
| }; | ||
| const memo = (fn) => createMemo(() => fn()); | ||
| function reconcileArrays(parentNode, a, b) { | ||
| let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = a[aEnd - 1].nextSibling, map = null; | ||
| while (aStart < aEnd || bStart < bEnd) { | ||
| if (a[aStart] === b[bStart]) { | ||
| aStart++; | ||
| bStart++; | ||
| continue; | ||
| } | ||
| while (a[aEnd - 1] === b[bEnd - 1]) { | ||
| aEnd--; | ||
| bEnd--; | ||
| } | ||
| if (aEnd === aStart) { | ||
| const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after; | ||
| while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node); | ||
| } else if (bEnd === bStart) { | ||
| while (aStart < aEnd) { | ||
| if (!map || !map.has(a[aStart])) a[aStart].remove(); | ||
| aStart++; | ||
| } | ||
| } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) { | ||
| const node = a[--aEnd].nextSibling; | ||
| parentNode.insertBefore(b[bStart++], a[aStart++].nextSibling); | ||
| parentNode.insertBefore(b[--bEnd], node); | ||
| a[aEnd] = b[bEnd]; | ||
| } else { | ||
| if (!map) { | ||
| map = /* @__PURE__ */ new Map(); | ||
| let i = bStart; | ||
| while (i < bEnd) map.set(b[i], i++); | ||
| } | ||
| const index = map.get(a[aStart]); | ||
| if (index != null) { | ||
| if (bStart < index && index < bEnd) { | ||
| let i = aStart, sequence = 1, t; | ||
| while (++i < aEnd && i < bEnd) { | ||
| if ((t = map.get(a[i])) == null || t !== index + sequence) break; | ||
| sequence++; | ||
| } | ||
| if (sequence > index - bStart) { | ||
| const node = a[aStart]; | ||
| while (bStart < index) parentNode.insertBefore(b[bStart++], node); | ||
| } else parentNode.replaceChild(b[bStart++], a[aStart++]); | ||
| } else aStart++; | ||
| } else a[aStart++].remove(); | ||
| } | ||
| } | ||
| } | ||
| const $$EVENTS = "_$DX_DELEGATE"; | ||
| function render(code, element, init, options = {}) { | ||
| let disposer; | ||
| createRoot((dispose2) => { | ||
| disposer = dispose2; | ||
| element === document ? code() : insert(element, code(), element.firstChild ? null : void 0, init); | ||
| }, options.owner); | ||
| return () => { | ||
| disposer(); | ||
| element.textContent = ""; | ||
| }; | ||
| } | ||
| function template(html, isImportNode, isSVG, isMathML) { | ||
| let node; | ||
| const create = () => { | ||
| const t = document.createElement("template"); | ||
| t.innerHTML = html; | ||
| return t.content.firstChild; | ||
| }; | ||
| const fn = isImportNode ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true); | ||
| fn.cloneNode = fn; | ||
| return fn; | ||
| } | ||
| function delegateEvents(eventNames, document2 = window.document) { | ||
| const e = document2[$$EVENTS] || (document2[$$EVENTS] = /* @__PURE__ */ new Set()); | ||
| for (let i = 0, l = eventNames.length; i < l; i++) { | ||
| const name = eventNames[i]; | ||
| if (!e.has(name)) { | ||
| e.add(name); | ||
| document2.addEventListener(name, eventHandler); | ||
| } | ||
| } | ||
| } | ||
| function setAttribute(node, name, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttribute(name); | ||
| else node.setAttribute(name, value); | ||
| } | ||
| function setAttributeNS(node, namespace, name, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttributeNS(namespace, name); | ||
| else node.setAttributeNS(namespace, name, value); | ||
| } | ||
| function setBoolAttribute(node, name, value) { | ||
| if (isHydrating(node)) return; | ||
| value ? node.setAttribute(name, "") : node.removeAttribute(name); | ||
| } | ||
| function className(node, value) { | ||
| if (isHydrating(node)) return; | ||
| if (value == null) node.removeAttribute("class"); | ||
| else node.className = value; | ||
| } | ||
| function addEventListener(node, name, handler, delegate) { | ||
| if (delegate) { | ||
| if (Array.isArray(handler)) { | ||
| node[`$$${name}`] = handler[0]; | ||
| node[`$$${name}Data`] = handler[1]; | ||
| } else node[`$$${name}`] = handler; | ||
| } else if (Array.isArray(handler)) { | ||
| const handlerFn = handler[0]; | ||
| node.addEventListener(name, handler[0] = (e) => handlerFn.call(node, handler[1], e)); | ||
| } else node.addEventListener(name, handler, typeof handler !== "function" && handler); | ||
| } | ||
| function classList(node, value, prev = {}) { | ||
| const classKeys = Object.keys(value || {}), prevKeys = Object.keys(prev); | ||
| let i, len; | ||
| for (i = 0, len = prevKeys.length; i < len; i++) { | ||
| const key = prevKeys[i]; | ||
| if (!key || key === "undefined" || value[key]) continue; | ||
| toggleClassKey(node, key, false); | ||
| delete prev[key]; | ||
| } | ||
| for (i = 0, len = classKeys.length; i < len; i++) { | ||
| const key = classKeys[i], classValue = !!value[key]; | ||
| if (!key || key === "undefined" || prev[key] === classValue || !classValue) continue; | ||
| toggleClassKey(node, key, true); | ||
| prev[key] = classValue; | ||
| } | ||
| return prev; | ||
| } | ||
| function style(node, value, prev) { | ||
| if (!value) return prev ? setAttribute(node, "style") : value; | ||
| const nodeStyle = node.style; | ||
| if (typeof value === "string") return nodeStyle.cssText = value; | ||
| typeof prev === "string" && (nodeStyle.cssText = prev = void 0); | ||
| prev || (prev = {}); | ||
| value || (value = {}); | ||
| let v, s; | ||
| for (s in prev) { | ||
| value[s] == null && nodeStyle.removeProperty(s); | ||
| delete prev[s]; | ||
| } | ||
| for (s in value) { | ||
| v = value[s]; | ||
| if (v !== prev[s]) { | ||
| nodeStyle.setProperty(s, v); | ||
| prev[s] = v; | ||
| } | ||
| } | ||
| return prev; | ||
| } | ||
| function spread(node, props = {}, isSVG, skipChildren) { | ||
| const prevProps = {}; | ||
| if (!skipChildren) { | ||
| createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children)); | ||
| } | ||
| createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node)); | ||
| createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true)); | ||
| return prevProps; | ||
| } | ||
| function use(fn, element, arg) { | ||
| return untrack(() => fn(element, arg)); | ||
| } | ||
| function insert(parent, accessor, marker, initial) { | ||
| if (marker !== void 0 && !initial) initial = []; | ||
| if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker); | ||
| createRenderEffect((current) => insertExpression(parent, accessor(), current, marker), initial); | ||
| } | ||
| function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) { | ||
| props || (props = {}); | ||
| for (const prop in prevProps) { | ||
| if (!(prop in props)) { | ||
| if (prop === "children") continue; | ||
| prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef, props); | ||
| } | ||
| } | ||
| for (const prop in props) { | ||
| if (prop === "children") { | ||
| continue; | ||
| } | ||
| const value = props[prop]; | ||
| prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef, props); | ||
| } | ||
| } | ||
| function getNextElement(template2) { | ||
| let node, key, hydrating = isHydrating(); | ||
| if (!hydrating || !(node = sharedConfig.registry.get(key = getHydrationKey()))) { | ||
| return template2(); | ||
| } | ||
| if (sharedConfig.completed) sharedConfig.completed.add(node); | ||
| sharedConfig.registry.delete(key); | ||
| return node; | ||
| } | ||
| function isHydrating(node) { | ||
| return !!sharedConfig.context && !sharedConfig.done && (!node || node.isConnected); | ||
| } | ||
| function toPropertyName(name) { | ||
| return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase()); | ||
| } | ||
| function toggleClassKey(node, key, value) { | ||
| const classNames = key.trim().split(/\s+/); | ||
| for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value); | ||
| } | ||
| function assignProp(node, prop, value, prev, isSVG, skipRef, props) { | ||
| let isCE, isProp, isChildProp, propAlias, forceProp; | ||
| if (prop === "style") return style(node, value, prev); | ||
| if (prop === "classList") return classList(node, value, prev); | ||
| if (value === prev) return prev; | ||
| if (prop === "ref") { | ||
| if (!skipRef) value(node); | ||
| } else if (prop.slice(0, 3) === "on:") { | ||
| const e = prop.slice(3); | ||
| prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev); | ||
| value && node.addEventListener(e, value, typeof value !== "function" && value); | ||
| } else if (prop.slice(0, 10) === "oncapture:") { | ||
| const e = prop.slice(10); | ||
| prev && node.removeEventListener(e, prev, true); | ||
| value && node.addEventListener(e, value, true); | ||
| } else if (prop.slice(0, 2) === "on") { | ||
| const name = prop.slice(2).toLowerCase(); | ||
| const delegate = DelegatedEvents.has(name); | ||
| if (!delegate && prev) { | ||
| const h = Array.isArray(prev) ? prev[0] : prev; | ||
| node.removeEventListener(name, h); | ||
| } | ||
| if (delegate || value) { | ||
| addEventListener(node, name, value, delegate); | ||
| delegate && delegateEvents([name]); | ||
| } | ||
| } else if (prop.slice(0, 5) === "attr:") { | ||
| setAttribute(node, prop.slice(5), value); | ||
| } else if (prop.slice(0, 5) === "bool:") { | ||
| setBoolAttribute(node, prop.slice(5), value); | ||
| } else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) { | ||
| if (forceProp) { | ||
| prop = prop.slice(5); | ||
| isProp = true; | ||
| } else if (isHydrating(node)) return value; | ||
| if (prop === "class" || prop === "className") className(node, value); | ||
| else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value; | ||
| else node[propAlias || prop] = value; | ||
| } else { | ||
| const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]]; | ||
| if (ns) setAttributeNS(node, ns, prop, value); | ||
| else setAttribute(node, Aliases[prop] || prop, value); | ||
| } | ||
| return value; | ||
| } | ||
| function eventHandler(e) { | ||
| if (sharedConfig.registry && sharedConfig.events) { | ||
| if (sharedConfig.events.find(([el, ev]) => ev === e)) return; | ||
| } | ||
| let node = e.target; | ||
| const key = `$$${e.type}`; | ||
| const oriTarget = e.target; | ||
| const oriCurrentTarget = e.currentTarget; | ||
| const retarget = (value) => Object.defineProperty(e, "target", { | ||
| configurable: true, | ||
| value | ||
| }); | ||
| const handleNode = () => { | ||
| const handler = node[key]; | ||
| if (handler && !node.disabled) { | ||
| const data = node[`${key}Data`]; | ||
| data !== void 0 ? handler.call(node, data, e) : handler.call(node, e); | ||
| if (e.cancelBubble) return; | ||
| } | ||
| node.host && typeof node.host !== "string" && !node.host._$host && node.contains(e.target) && retarget(node.host); | ||
| return true; | ||
| }; | ||
| const walkUpTree = () => { | ||
| while (handleNode() && (node = node._$host || node.parentNode || node.host)) ; | ||
| }; | ||
| Object.defineProperty(e, "currentTarget", { | ||
| configurable: true, | ||
| get() { | ||
| return node || document; | ||
| } | ||
| }); | ||
| if (sharedConfig.registry && !sharedConfig.done) sharedConfig.done = _$HY.done = true; | ||
| if (e.composedPath) { | ||
| const path = e.composedPath(); | ||
| retarget(path[0]); | ||
| for (let i = 0; i < path.length - 2; i++) { | ||
| node = path[i]; | ||
| if (!handleNode()) break; | ||
| if (node._$host) { | ||
| node = node._$host; | ||
| walkUpTree(); | ||
| break; | ||
| } | ||
| if (node.parentNode === oriCurrentTarget) { | ||
| break; | ||
| } | ||
| } | ||
| } else walkUpTree(); | ||
| retarget(oriTarget); | ||
| } | ||
| function insertExpression(parent, value, current, marker, unwrapArray) { | ||
| const hydrating = isHydrating(parent); | ||
| if (hydrating) { | ||
| !current && (current = [...parent.childNodes]); | ||
| let cleaned = []; | ||
| for (let i = 0; i < current.length; i++) { | ||
| const node = current[i]; | ||
| if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove(); | ||
| else cleaned.push(node); | ||
| } | ||
| current = cleaned; | ||
| } | ||
| while (typeof current === "function") current = current(); | ||
| if (value === current) return current; | ||
| const t = typeof value, multi = marker !== void 0; | ||
| parent = multi && current[0] && current[0].parentNode || parent; | ||
| if (t === "string" || t === "number") { | ||
| if (hydrating) return current; | ||
| if (t === "number") { | ||
| value = value.toString(); | ||
| if (value === current) return current; | ||
| } | ||
| if (multi) { | ||
| let node = current[0]; | ||
| if (node && node.nodeType === 3) { | ||
| node.data !== value && (node.data = value); | ||
| } else node = document.createTextNode(value); | ||
| current = cleanChildren(parent, current, marker, node); | ||
| } else { | ||
| if (current !== "" && typeof current === "string") { | ||
| current = parent.firstChild.data = value; | ||
| } else current = parent.textContent = value; | ||
| } | ||
| } else if (value == null || t === "boolean") { | ||
| if (hydrating) return current; | ||
| current = cleanChildren(parent, current, marker); | ||
| } else if (t === "function") { | ||
| createRenderEffect(() => { | ||
| let v = value(); | ||
| while (typeof v === "function") v = v(); | ||
| current = insertExpression(parent, v, current, marker); | ||
| }); | ||
| return () => current; | ||
| } else if (Array.isArray(value)) { | ||
| const array = []; | ||
| const currentArray = current && Array.isArray(current); | ||
| if (normalizeIncomingArray(array, value, current, unwrapArray)) { | ||
| createRenderEffect(() => current = insertExpression(parent, array, current, marker, true)); | ||
| return () => current; | ||
| } | ||
| if (hydrating) { | ||
| if (!array.length) return current; | ||
| if (marker === void 0) return current = [...parent.childNodes]; | ||
| let node = array[0]; | ||
| if (node.parentNode !== parent) return current; | ||
| const nodes = [node]; | ||
| while ((node = node.nextSibling) !== marker) nodes.push(node); | ||
| return current = nodes; | ||
| } | ||
| if (array.length === 0) { | ||
| current = cleanChildren(parent, current, marker); | ||
| if (multi) return current; | ||
| } else if (currentArray) { | ||
| if (current.length === 0) { | ||
| appendNodes(parent, array, marker); | ||
| } else reconcileArrays(parent, current, array); | ||
| } else { | ||
| current && cleanChildren(parent); | ||
| appendNodes(parent, array); | ||
| } | ||
| current = array; | ||
| } else if (value.nodeType) { | ||
| if (hydrating && value.parentNode) return current = multi ? [value] : value; | ||
| if (Array.isArray(current)) { | ||
| if (multi) return current = cleanChildren(parent, current, marker, value); | ||
| cleanChildren(parent, current, null, value); | ||
| } else if (current == null || current === "" || !parent.firstChild) { | ||
| parent.appendChild(value); | ||
| } else parent.replaceChild(value, parent.firstChild); | ||
| current = value; | ||
| } else ; | ||
| return current; | ||
| } | ||
| function normalizeIncomingArray(normalized, array, current, unwrap) { | ||
| let dynamic = false; | ||
| for (let i = 0, len = array.length; i < len; i++) { | ||
| let item = array[i], prev = current && current[normalized.length], t; | ||
| if (item == null || item === true || item === false) ; | ||
| else if ((t = typeof item) === "object" && item.nodeType) { | ||
| normalized.push(item); | ||
| } else if (Array.isArray(item)) { | ||
| dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic; | ||
| } else if (t === "function") { | ||
| if (unwrap) { | ||
| while (typeof item === "function") item = item(); | ||
| dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic; | ||
| } else { | ||
| normalized.push(item); | ||
| dynamic = true; | ||
| } | ||
| } else { | ||
| const value = String(item); | ||
| if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev); | ||
| else normalized.push(document.createTextNode(value)); | ||
| } | ||
| } | ||
| return dynamic; | ||
| } | ||
| function appendNodes(parent, array, marker = null) { | ||
| for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker); | ||
| } | ||
| function cleanChildren(parent, current, marker, replacement) { | ||
| if (marker === void 0) return parent.textContent = ""; | ||
| const node = replacement || document.createTextNode(""); | ||
| if (current.length) { | ||
| let inserted = false; | ||
| for (let i = current.length - 1; i >= 0; i--) { | ||
| const el = current[i]; | ||
| if (node !== el) { | ||
| const isParent = el.parentNode === parent; | ||
| if (!inserted && !i) isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker); | ||
| else isParent && el.remove(); | ||
| } else inserted = true; | ||
| } | ||
| } else parent.insertBefore(node, marker); | ||
| return [node]; | ||
| } | ||
| function getHydrationKey() { | ||
| return sharedConfig.getNextContextId(); | ||
| } | ||
| const SVG_NAMESPACE = "http://www.w3.org/2000/svg"; | ||
| function createElement(tagName, isSVG = false, is = void 0) { | ||
| return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName, { | ||
| is | ||
| }); | ||
| } | ||
| function createDynamic(component, props) { | ||
| const cached = createMemo(component); | ||
| return createMemo(() => { | ||
| const component2 = cached(); | ||
| switch (typeof component2) { | ||
| case "function": | ||
| return untrack(() => component2(props)); | ||
| case "string": | ||
| const isSvg = SVGElements.has(component2); | ||
| const el = sharedConfig.context ? getNextElement() : createElement(component2, isSvg, untrack(() => props.is)); | ||
| spread(el, props, isSvg); | ||
| return el; | ||
| } | ||
| }); | ||
| } | ||
| function Dynamic(props) { | ||
| const [, others] = splitProps(props, ["component"]); | ||
| return createDynamic(() => props.component, others); | ||
| } | ||
| const ShadowDomTargetContext = createContext( | ||
| void 0 | ||
| ); | ||
| const DevtoolsOnCloseContext = createContext(void 0); | ||
| const useDevtoolsOnClose = () => { | ||
| const context = useContext(DevtoolsOnCloseContext); | ||
| if (!context) { | ||
| throw new Error( | ||
| "useDevtoolsOnClose must be used within a TanStackRouterDevtools component" | ||
| ); | ||
| } | ||
| return context; | ||
| }; | ||
| class TanStackRouterDevtoolsCore { | ||
| #router; | ||
| #routerState; | ||
| #position; | ||
| #initialIsOpen; | ||
| #shadowDOMTarget; | ||
| #panelProps; | ||
| #closeButtonProps; | ||
| #toggleButtonProps; | ||
| #containerElement; | ||
| #isMounted = false; | ||
| #Component; | ||
| #dispose; | ||
| constructor(config) { | ||
| this.#router = createSignal(config.router); | ||
| this.#routerState = createSignal(config.routerState); | ||
| this.#position = config.position ?? "bottom-left"; | ||
| this.#initialIsOpen = config.initialIsOpen ?? false; | ||
| this.#shadowDOMTarget = config.shadowDOMTarget; | ||
| this.#panelProps = config.panelProps; | ||
| this.#closeButtonProps = config.closeButtonProps; | ||
| this.#toggleButtonProps = config.toggleButtonProps; | ||
| this.#containerElement = config.containerElement; | ||
| } | ||
| mount(el) { | ||
| if (this.#isMounted) { | ||
| throw new Error("Devtools is already mounted"); | ||
| } | ||
| const dispose2 = render(() => { | ||
| const [router] = this.#router; | ||
| const [routerState] = this.#routerState; | ||
| const position = this.#position; | ||
| const initialIsOpen = this.#initialIsOpen; | ||
| const shadowDOMTarget = this.#shadowDOMTarget; | ||
| const panelProps = this.#panelProps; | ||
| const closeButtonProps = this.#closeButtonProps; | ||
| const toggleButtonProps = this.#toggleButtonProps; | ||
| const containerElement = this.#containerElement; | ||
| let Devtools; | ||
| if (this.#Component) { | ||
| Devtools = this.#Component; | ||
| } else { | ||
| Devtools = lazy(() => import("./FloatingTanStackRouterDevtools-B7vy70jP.js")); | ||
| this.#Component = Devtools; | ||
| } | ||
| return createComponent(ShadowDomTargetContext.Provider, { | ||
| value: shadowDOMTarget, | ||
| get children() { | ||
| return createComponent(Devtools, { | ||
| position, | ||
| initialIsOpen, | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| panelProps, | ||
| closeButtonProps, | ||
| toggleButtonProps, | ||
| containerElement | ||
| }); | ||
| } | ||
| }); | ||
| }, el); | ||
| this.#isMounted = true; | ||
| this.#dispose = dispose2; | ||
| } | ||
| unmount() { | ||
| if (!this.#isMounted) { | ||
| throw new Error("Devtools is not mounted"); | ||
| } | ||
| this.#dispose?.(); | ||
| this.#isMounted = false; | ||
| } | ||
| setRouter(router) { | ||
| this.#router[1](router); | ||
| } | ||
| setRouterState(routerState) { | ||
| this.#routerState[1](routerState); | ||
| } | ||
| setOptions(options) { | ||
| if (options.position !== void 0) { | ||
| this.#position = options.position; | ||
| } | ||
| if (options.initialIsOpen !== void 0) { | ||
| this.#initialIsOpen = options.initialIsOpen; | ||
| } | ||
| if (options.shadowDOMTarget !== void 0) { | ||
| this.#shadowDOMTarget = options.shadowDOMTarget; | ||
| } | ||
| if (options.containerElement !== void 0) { | ||
| this.#containerElement = options.containerElement; | ||
| } | ||
| } | ||
| } | ||
| class TanStackRouterDevtoolsPanelCore { | ||
| #router; | ||
| #routerState; | ||
| #style; | ||
| #className; | ||
| #shadowDOMTarget; | ||
| #isMounted = false; | ||
| #setIsOpen; | ||
| #dispose; | ||
| #Component; | ||
| constructor(config) { | ||
| const { | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| setIsOpen, | ||
| style: style2, | ||
| className: className2 | ||
| } = config; | ||
| this.#router = createSignal(router); | ||
| this.#routerState = createSignal(routerState); | ||
| this.#style = createSignal(style2); | ||
| this.#className = createSignal(className2); | ||
| this.#shadowDOMTarget = shadowDOMTarget; | ||
| this.#setIsOpen = setIsOpen; | ||
| } | ||
| mount(el) { | ||
| if (this.#isMounted) { | ||
| throw new Error("Devtools is already mounted"); | ||
| } | ||
| const dispose2 = render(() => { | ||
| const [router] = this.#router; | ||
| const [routerState] = this.#routerState; | ||
| const [style2] = this.#style; | ||
| const [className2] = this.#className; | ||
| const shadowDOMTarget = this.#shadowDOMTarget; | ||
| const setIsOpen = this.#setIsOpen; | ||
| let BaseTanStackRouterDevtoolsPanel; | ||
| if (this.#Component) { | ||
| BaseTanStackRouterDevtoolsPanel = this.#Component; | ||
| } else { | ||
| BaseTanStackRouterDevtoolsPanel = lazy(() => import("./BaseTanStackRouterDevtoolsPanel-Bmws3ikM.js").then((n) => n.c)); | ||
| this.#Component = BaseTanStackRouterDevtoolsPanel; | ||
| } | ||
| return createComponent(ShadowDomTargetContext.Provider, { | ||
| value: shadowDOMTarget, | ||
| get children() { | ||
| return createComponent(DevtoolsOnCloseContext.Provider, { | ||
| value: { | ||
| onCloseClick: () => { | ||
| } | ||
| }, | ||
| get children() { | ||
| return createComponent(BaseTanStackRouterDevtoolsPanel, { | ||
| router, | ||
| routerState, | ||
| shadowDOMTarget, | ||
| setIsOpen, | ||
| style: style2, | ||
| className: className2 | ||
| }); | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
| }, el); | ||
| this.#isMounted = true; | ||
| this.#dispose = dispose2; | ||
| } | ||
| unmount() { | ||
| if (!this.#isMounted) { | ||
| throw new Error("Devtools is not mounted"); | ||
| } | ||
| this.#dispose?.(); | ||
| this.#isMounted = false; | ||
| } | ||
| setRouter(router) { | ||
| this.#router[1](router); | ||
| } | ||
| setRouterState(routerState) { | ||
| this.#routerState[1](routerState); | ||
| } | ||
| setStyle(style2) { | ||
| this.#style[1](style2); | ||
| } | ||
| setClassName(className2) { | ||
| this.#className[1](className2); | ||
| } | ||
| setOptions(options) { | ||
| if (options.shadowDOMTarget !== void 0) { | ||
| this.#shadowDOMTarget = options.shadowDOMTarget; | ||
| } | ||
| if (options.router !== void 0) { | ||
| this.setRouter(options.router); | ||
| } | ||
| if (options.routerState !== void 0) { | ||
| this.setRouterState(options.routerState); | ||
| } | ||
| if (options.style !== void 0) { | ||
| this.setStyle(options.style); | ||
| } | ||
| if (options.className !== void 0) { | ||
| this.setClassName(options.className); | ||
| } | ||
| } | ||
| } | ||
| export { | ||
| DevtoolsOnCloseContext as D, | ||
| For as F, | ||
| Match as M, | ||
| ShadowDomTargetContext as S, | ||
| TanStackRouterDevtoolsCore as T, | ||
| createSignal as a, | ||
| createEffect as b, | ||
| createUniqueId as c, | ||
| createMemo as d, | ||
| createComponent as e, | ||
| spread as f, | ||
| createRenderEffect as g, | ||
| className as h, | ||
| insert as i, | ||
| Dynamic as j, | ||
| delegateEvents as k, | ||
| memo as l, | ||
| mergeProps as m, | ||
| useDevtoolsOnClose as n, | ||
| addEventListener as o, | ||
| untrack as p, | ||
| Switch as q, | ||
| onCleanup as r, | ||
| setAttribute as s, | ||
| template as t, | ||
| useContext as u, | ||
| Show as v, | ||
| TanStackRouterDevtoolsPanelCore as w | ||
| }; | ||
| //# sourceMappingURL=index-DQ3FiKl6.js.map |
Sorry, the diff of this file is too big to display
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Improved metrics
- Lines of code
12880
2.39%Worsened metrics
- Total package byte prevSize
1078088
-0.27%- Number of medium supply chain risk alerts
1
Infinity%No dependency changes