data-feature="revision"
x="0"
y="0"
width="16"
height="16"
fill="transparent"
stroke="none"
@click=${this.onClick}
>
${this.revisionToggled?"Click to reset simulated revision navigation below\nShowing diff with revision (simulated)":"Click to simulate revision navigation below\nShowing original (simulated)"}
`:""}
${this.annotations?ut`
${this.annotationsToggled?"Click to simulate toggling the annotation below\nFile annotations are on (simulated)":"Click to simulate toggling the annotation below\nFile annotations are off (simulated)"}
`:""}
`}};Tn.styles=$e`
:host {
--gl-svg-indicator-color: var(
--vscode-activityBarBadge-background,
dodgerblue
); //color-mix(in srgb, var(--vscode-activityBarBadge-background) 90%, white);
--gl-svg-indicator-size: 2.5;
--gl-svg-indicator-pulse-size: 12; // calc(var(--gl-svg-indicator-size, 3) * 4);
}
:host > svg {
display: block;
max-width: 69.2rem;
width: calc(100% - 2rem);
height: auto;
margin: 0 1rem;
fill: var(--vscode-menu-background);
}
* {
user-select: none;
}
.codicon {
font-family: codicon;
cursor: default;
user-select: none;
}
.glicon {
font-family: glicons;
cursor: default;
user-select: none;
}
.interactive {
cursor: pointer;
}
.icon {
fill: var(--vscode-icon-foreground);
font-size: 16px;
}
.icon.active {
fill: var(--color-foreground);
}
.icon.inactive {
opacity: 0.6;
}
.icon__annotations circle {
fill: #f05133;
stroke: none;
}
.icon__annotations path {
fill: var(--vscode-menu-background);
}
:host([revision-toggled]) .icon__revision-bg {
fill: var(--color-foreground);
opacity: 0.2;
}
:host(:not([revision-toggled])) .icon__revision-bg {
fill: none;
}
circle.indicator {
fill: var(--gl-svg-indicator-color);
stroke: var(--gl-svg-indicator-color);
stroke-width: 1;
r: var(--gl-svg-indicator-size);
pointer-events: none;
}
circle.indicator--pulse {
animation: 1.05s ease 0s infinite normal none running pulse;
}
@keyframes pulse {
0% {
stroke-width: 1;
opacity: 1;
}
100% {
stroke-width: var(--gl-svg-indicator-pulse-size, 12);
opacity: 0;
}
}
`,On([Mt({type:Boolean,reflect:!0})],Tn.prototype,"annotations",2),On([Mt({type:Boolean,reflect:!0})],Tn.prototype,"revision",2),On([Mt({type:Boolean,reflect:!0,attribute:"annotations-toggled"})],Tn.prototype,"annotationsToggled",2),On([Mt({type:Boolean,reflect:!0,attribute:"revision-toggled"})],Tn.prototype,"revisionToggled",2),Tn=On([Vt("gk-editor-toolbar-svg")],Tn);const Fn=$e`
:host {
display: block;
max-width: 69.2rem;
width: calc(100% - 2rem);
margin: 0 1rem 1.3rem;
}
:host > svg {
width: 100%;
height: auto;
border: 0.1rem solid var(--vscode-editorWidget-border);
fill: var(--vscode-editor-background);
}
* {
user-select: none;
}
`,Bn=$e`
.codicon {
font-family: codicon;
cursor: default;
user-select: none;
}
.glicon {
font-family: glicons;
cursor: default;
user-select: none;
}
`;var In=Object.defineProperty,zn=Object.getOwnPropertyDescriptor;let Wn=class extends lit_element_r{render(){return ht`