feat(vite-plugin-angular): queries work and outputs are now in metada…

[nartc]

…ta decorator instead

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/analogjs/analog/blob/main/CONTRIBUTING.md#-commit-message-guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

Which package are you modifying?

• vite-plugin-angular
• vite-plugin-nitro
• astro-angular
• create-analog
• router
• platform
• content
• nx-plugin
• trpc

What is the current behavior?

• Outputs are compiled to use @Output decorator
• No support for View/Content queries

Closes #

What is the new behavior?

• Outputs are compiled to use outputs metadata instead (no decorator)
• View/Content queries are supported via defineMetadata

<script lang="ts">
import { ViewChild, afterNextRender, ElementRef } from '@angular/core';

defineMetadata({
  queries: {
    // 👇 declare a query for Angular Compiler
    divElement: new ViewChild('theDiv')
  }
});

//  👇 declare a variable matched with the query name to use in .ng file
let divElement: ElementRef<HTMLDivElement>;

afterNextRender(() => {
  console.log('div available', divElement);
});
</script>

<template>
  <div #theDiv>Component content</div>
</template>

Does this PR introduce a breaking change?

• Yes
• No

Other information

[optional] What gif best describes this PR or how it makes you feel?

[netlify]

✅ Deploy Preview for analog-ng-app ready!

Name	Link
🔨 Latest commit	70428cf
🔍 Latest deploy log	https://app.netlify.com/sites/analog-ng-app/deploys/65a1d0741c4ee00008fbe049
😎 Deploy Preview	https://deploy-preview-852--analog-ng-app.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for analog-docs ready!

Name	Link
🔨 Latest commit	70428cf
🔍 Latest deploy log	https://app.netlify.com/sites/analog-docs/deploys/65a1d074ebad36000836eb3b
😎 Deploy Preview	https://deploy-preview-852--analog-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for analog-app ready!

Name	Link
🔨 Latest commit	70428cf
🔍 Latest deploy log	https://app.netlify.com/sites/analog-app/deploys/65a1d074dda6c80008fbd2f3
😎 Deploy Preview	https://deploy-preview-852--analog-app.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for analog-blog ready!

Name	Link
🔨 Latest commit	70428cf
🔍 Latest deploy log	https://app.netlify.com/sites/analog-blog/deploys/65a1d074af8d5600084ee9b1
😎 Deploy Preview	https://deploy-preview-852--analog-blog.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.