span x="323" class="function-declaration">function</tspan><tspan dx="6" class="function-name">gitlens</tspan><tspan class="punctuation">(</tspan><tspan class="function-argument">git</tspan><tspan class="punctuation">:</tspan><tspan dx="6" class="function-argument-type">object</tspan><tspan class="punctuation">)</tspan><tspan dx="6" class="punctuation">{</tspan></text>
						<text y="36"><tspan x="290" class="line-number-active">13</tspan><tspan x="323" dx="24" class="function-return">return</tspan><tspan dx="6" class="function-name"><tspan>super</tspan><tspan class="added-text">DuperC</tspan><tspan>harged</tspan></tspan><tspan class="punctuation">(</tspan><tspan class="function-argument">git</tspan><tspan class="punctuation">)</tspan><tspan class="punctuation">;</tspan><tspan class="cursor">|</tspan></text>
					</g>
				</g>
			</svg>
		`}};Xn.styles=$e`
		:host > svg {
			display: block;
			max-width: 69.2rem;
			width: calc(100% - 2rem);
			height: auto;
			margin: 0 1rem;

			border: 0.1rem solid var(--vscode-editorWidget-border);
		}

		* {
			user-select: none;
		}

		.codicon {
			font-family: codicon;
			cursor: default;
			user-select: none;
		}

		.glicon {
			font-family: glicons;
			cursor: default;
			user-select: none;
		}

		.line text {
			font-family: var(--vscode-editor-font-family);
			font-size: var(--vscode-editor-font-size);
			font-weight: var(--vscode-editor-font-weight);
		}

		.cursor {
			fill: var(--vscode-editorCursor-foreground);
		}

		.punctuation {
			fill: var(--vscode-editor-foreground);
		}

		.function-declaration {
			fill: var(--vscode-symbolIcon-functionForeground);
		}

		.function-name {
			fill: var(--vscode-symbolIcon-colorForeground);
		}

		.function-argument {
			fill: var(--vscode-symbolIcon-variableForeground);
		}

		.function-argument-type {
			fill: var(--vscode-symbolIcon-typeParameterForeground);
		}

		.function-return {
			fill: var(--vscode-debugTokenExpression-name);
		}

		.line-current {
			fill: var(--vscode-editor-lineHighlightBackground);
			stroke: var(--vscode-editor-lineHighlightBorder);
			stroke-width: 0.1rem;
			fill-opacity: 0.8;
		}

		.line-number {
			fill: var(--vscode-editorLineNumber-foreground);
		}

		.line-number-active {
			fill: var(--vscode-editorLineNumber-activeForeground);
		}

		.splitter {
			stroke: var(--vscode-editorGroup-border);
		}

		.added-line {
			fill: var(--vscode-diffEditor-insertedLineBackground);
		}

		.removed-line {
			fill: var(--vscode-diffEditor-removedLineBackground);
		}

		.added-text {
			outline: 1px solid green;
			fill: green;
		}

		.revision-left {
			transition: opacity 150ms ease-in-out;
		}

		.revision-right {
			transition: transform 150ms ease-in-out;
		}

		:host(:not([toggled])) .revision-left {
			opacity: 0;
		}
		:host(:not([toggled])) .revision-right {
			transform: translateX(-283px);
		}
		:host(:not([toggled])) .revision-right .added-text {
			outline-color: transparent;
			fill: inherit;
		}
	`,Yn([Mt({type:Boolean,reflect:!0})],Xn.prototype,"toggled",2),Xn=Yn([Vt("gk-revision-navigation-svg")],Xn);var es=Object.defineProperty,ts=Object.getOwnPropertyDescriptor;let os=class extends lit_element_r{render(){return ht`
			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 850 290">
				<g class="additions">
					<line x1="39" x2="39" y1="278" y2="276" />
					<line x1="45" x2="45" y1="272" y2="265" />
					<line x1="99" x2="99" y1="264" y2="249" />
					<line x1="106" x2="106" y1="252" y2="225" />
					<line x1="161" x2="161" y1="272" y2="265" />
					<line x1="174" x2="174" y1="278" y2="276" />
					<line x1="228" x2="228" y1="272" y2="265" />
					<line x1="234" x2="234" y1="264" y2="249" />
					<line x1="288" x2="288" y1="278" y2="276" />
					<line x1="342" x2="342" y1="272" y2="265" />
					<line x1="350" x2="350" y1="172" y2="63" />
					<line x1="357" x2="357" y1="249" y2="218" />
					<line x1="364" x2="364" y1="266" y2="254" />
					<line x1="371" x2="371" y1="273" y2="266" />
					<line x1="378" x2="378" y1="273" y2="266" />
					<line x1="385" x2="385" y1="273" y2="266