Generating callouts from dataviewJS

[themcclure]

Hi folks, I want to have a section at the top of a project note that will go through and collect all the incomplete tasks that preference the project. Which I did with dataview (yay).
I then wrapped the query in a callout to make it collapsed by default (because sometimes there are a lot of tasks).

However for the "best life" version of this, I want the callout to be collapsed, AND have the title show how many tasks are in the callout.

I can generate the callout just fine but the problem I'm having is the generated callout ignores the - modifier, and outputs an expanded, non-collapsible callout.

The key line of code is:
dv.paragraph("> [!info]- Incomplete tasks ("+tasks.length))

Is there another dv function I should be using to generate the callout? I can't find anything in the docs, fora, or google.

Or is this possibly a bug with callouts?
I manually create the callout and opened up the developer tools and it looks like all the css classes are the same in both with the
collapsible class definitely present:
<div data-callout-metadata="" data-callout-fold="-" data-callout="todo" class="callout is-collapsible">

Thanks

[themcclure]

OK, in digging in deep for this post, I think I have found a hint.
The different in the DOM for both manual callout and the dataviewJS generated callout is that the HTML has extra <p> tags added.
So I think the question is just what function will write out raw markdown? I can't see anything in the API docs.

[Mr-Hamza-Javed]

I am looking for same!

[intellectronica]

This works:

dv.span("> [!info]- Collapsed Info\n> ...")

[intellectronica]

And here's a working implementation of (I guess) something like what you're trying to do:

var results = dv.pages().where(page =>
  !page.file.path.startsWith("templates/") &&
  (page.file.tags?.includes('#inbox') ||
   dv.page(page.file.path).file.tasks.some(task => !task.completed)))
  .sort(p => p.file.mtime, "desc");

results.length > 0 ?
  dv.span("> [!important]+ Inbox (" + results.length + ")\n" +
    results.map(page => "> - " + dv.fileLink(page.file.path)).join("\n")) :
  dv.span("> [!important]- Inbox (0)\n> ...");