feat(angular-output-target): generate standalone components

[sean-perkins]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
• Build (npm run build) was run locally for affected output targets
• Tests (npm test) were run locally and passed
• Prettier (npm run prettier) was run locally and passed

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue URL: N/A

What is the new behavior?

Developers can generate standalone Angular component wrappers for their Stencil web components 🎉

• Adds new outputType option to the Angular output target for specifying the desired type of generated output. Defaults to component.
• Removes includeSingleComponentAngularModules option in favor of outputType: "scam".
• Removes includeImportCustomElements option in favor of outputType: "scam" or outputType: "standalone".
• Updates the dev-build Github action to use the locally installed version of Lerna.

Does this introduce a breaking change?

• Yes
• No

• includeSingleComponentAngularModules is removed, use outputType: "scam" instead.
• includeImportCustomElements option is removed, either use outputType: "scam" or outputType: "standalone".

Other information

Dev-build: @stencil/angular-output-target@0.7.2-dev.11691677969.1304fff5

Docs PR: ionic-team/stencil-site#1183

[sean-perkins]

When updating Ionic Framework, this is the expected change to the Stencil config:

angularOutputTarget({
      componentCorePackage: '@ionic/core',
      outputType: 'component',
      directivesProxyFile: '../packages/angular/src/directives/proxies.ts',
      directivesArrayFile: '../packages/angular/src/directives/proxies-list.ts',
      excludeComponents: [
        // overlays that accept user components
        'ion-modal',
        'ion-popover',

        // navigation
        'ion-router',
        'ion-route',
        'ion-route-redirect',
        'ion-router-link',
        'ion-router-outlet',

        // tabs
        'ion-tabs',
        'ion-tab',

        // auxiliar
        'ion-picker-column',
      ],
    }),
    angularOutputTarget({
      componentCorePackage: '@ionic/core',
      outputType: 'standalone',
      directivesProxyFile: '../packages/angular/src/directives/standalone.ts',
      customElementsDir: 'components',
      excludeComponents: [
        // overlays that accept user components
        'ion-modal',
        'ion-popover',

        // navigation
        'ion-router',
        'ion-route',
        'ion-route-redirect',
        'ion-router-link',
        'ion-router-outlet',

        // tabs
        'ion-tabs',
        'ion-tab',

        // auxiliar
        'ion-picker-column',
      ],
    }),

[rwaskiewicz]

One non-blocking merge-related ask