bug: unable to compile using angular's standalone mode (2)

Prerequisites

[X] I have read the Contributing Guidelines.
[X] I agree to follow the Code of Conduct.
[X] I have searched for existing issues that already report this problem, without success.

Stencil Version

4.16

Current Behavior

This ticket is a duplicate of : https://github.com/ionic-team/stencil/issues/5118

I would like to reopen this ticket because my issue has not been solved and I need a solution

In angular 16.2 and 17 I tried to use standalone mode with stencil but It doesn't work.

I followed this doc : https://stenciljs.com/docs/angular#angular-with-standalone-components but it doesn't work

You can see a reproduction repo here : https://github.com/Loic57/stencil-angular17

Long story short : My stencil.config.ts is configured with outputTarget: 'standalone' and when I'm trying to use these wrapped components into angular I have many error messages, for example this one in angular-workspace/projects/components-library/src/lib/stencil-generated/components.ts :

"import { defineCustomElement as defineComponentName } from 'LIBRARY_EXAMPLE_NAME/components/component-name.js';

Another one in angular-workspace/projects/components-library/src/lib/post-web-components-angular.module.ts :

"STENCIL_FOLDER_EXAMPLE/loader/index.d.ts" is not a module - when I hover the line import {defineCustomElements} from STENCIL_COMPONENTS/loader';

Expected Behavior

Be able to use stencil standalone components into angular 16 / 17 / 18

System Info

System: node 19.9
    Platform: windows (10.0.19045)
   CPU Model: 11th Gen Intel(R) Core(TM) i5-11600K @ 3.90GHz (12 cpus)
    Compiler: D:\Documents\web\projets\agile-partner\starter-web-components\node_modules\@stencil\core\compiler\stencil.js
       Build: 1699286313
     Stencil: 4.7.1
  TypeScript: 5.2.2
      Rollup: 2.42.3
      Parse5: 7.1.2
      Sizzle: 2.42.3
      Terser: 5.24.0

Steps to Reproduce

clone the repo
npm i (you need lerna 8.0.2 to install the dependances of all projects)
Go to angular-workspace/projects/my-app/src/app/app.component.ts, this is where I import my wrapped angular 17 components
don't forget to run : npx -p @angular/cli ng build component-library to build the wrapped components lib
ng serve to start the app and you should see "test" and that's it. If you inspect the markup with your console you'll see two components: and . These two components are empty so they don't display on screen

Code Reproduction URL

https://github.com/Loic57/stencil-angular17

Additional Information

No response

ionic-team / stencil