PairedShortcode being called out of order

[kingmesal]

Operating system

Linux

Eleventy

3.0.0

Describe the bug

Given these codes:

  eleventyConfig.addPairedShortcode("firstTruthy", function (content: string, ...items: Array<any>) {
      const options: HandlebarsOptions = items.pop();
      const firstTruthyValue = items.find((item) => !!item); // Find first truthy value

      if (firstTruthyValue) {
        return options.fn(firstTruthyValue);
      }

      return "";
    },
  );

  eleventyConfig.addShortcode("test", function (value: string) {
    console.log(value);
  });

If I put this into my header.hbs:

{{#firstTruthy happy boring "/static/image/file.png" }}
    {{#firstTruthy this "value" }}
        {{ test this }}
    {{/firstTruthy}}
{{/firstTruthy}}

The test method gets called before firstTruthy. If I change the firstTruthy method to be a Shortcode instead of PairedShortcode the ordering works correctly.

If I change that header.hbs:

{{#firstTruthy happy boring "/static/image/file.png" }}
    {{#firstTruthy this "value" }}
        {{ this }}
    {{/firstTruthy}}
{{/firstTruthy}}

Just not calling that test shortcode, it works as expected.

Reproduction steps

All the example code is provided.

I am using handlebars as my templates. I'm using the latest
"@11ty/eleventy-plugin-handlebars": "^1.0.0",

I had to attach my debugger to the environment to figure out why that test method was received an object this instead of the string.

Expected behavior

The inner test method should only be called after the outer paired shortcodes execute.

Reproduction URL

No response

Screenshots

No response