semmet-angular 0.42.0 → 0.43.0

package/src/tree-view/files/__name@dasherize__/__name@dasherize__.ts.template

@@ -1,4 +1,4 @@
-import { Component, ElementRef, computed, signal, viewChildren } from '@angular/core';
+import { Component, ElementRef, computed, input, signal, viewChildren } from '@angular/core';
 
 interface <%= classify(name) %>Node {
   id: number;
@@ -11,6 +11,17 @@ interface VisibleNode {
   parentId: number | null;
 }
 
+const DEFAULT_TREE: readonly <%= classify(name) %>Node[] = [
+  {
+    id: 1,
+    label: 'Documents',
+    children: [
+      { id: 2, label: 'Resume.pdf' },
+      { id: 3, label: 'Cover Letter.docx' },
+    ],
+  },
+];
+
 @Component({
   selector: '<%= selector %>',
   imports: [],
@@ -20,23 +31,15 @@ interface VisibleNode {
 export class <%= classify(name) %> {
   private readonly treeItems = viewChildren<ElementRef<HTMLElement>>('treeItem');
 
-  protected readonly tree: <%= classify(name) %>Node[] = [
-    {
-      id: 1,
-      label: 'Documents',
-      children: [
-        { id: 2, label: 'Resume.pdf' },
-        { id: 3, label: 'Cover Letter.docx' },
-      ],
-    },
-  ];
+  readonly label = input('Files');
+  readonly tree = input<readonly <%= classify(name) %>Node[]>(DEFAULT_TREE);
 
   private readonly expandedIds = signal<ReadonlySet<number>>(new Set([1]));
   protected readonly activeId = signal(1);
 
   protected readonly visibleNodes = computed<VisibleNode[]>(() => {
     const result: VisibleNode[] = [];
-    const walk = (nodes: <%= classify(name) %>Node[], parentId: number | null): void => {
+    const walk = (nodes: readonly <%= classify(name) %>Node[], parentId: number | null): void => {
       for (const node of nodes) {
         result.push({ node, parentId });
         if (node.children && this.expandedIds().has(node.id)) {
@@ -44,7 +47,7 @@ export class <%= classify(name) %> {
         }
       }
     };
-    walk(this.tree, null);
+    walk(this.tree(), null);
     return result;
   });
 

package/src/tree-view/schema.json

@@ -9,21 +9,36 @@
     "name": {
       "type": "string",
       "description": "The name for the new component. Used to derive the class name, selector, and file names.",
-      "$default": { "$source": "argv", "index": 0 },
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
       "x-prompt": "What name would you like to use for the tree view component?"
     },
+    "e2e": {
+      "type": "boolean",
+      "default": false,
+      "description": "Generate a Playwright e2e spec for this component. Requires Playwright to be installed/configured in the consuming app."
+    },
     "path": {
       "type": "string",
       "format": "path",
-      "$default": { "$source": "workingDirectory" },
+      "$default": {
+        "$source": "workingDirectory"
+      },
       "description": "The path where the component files should be created, relative to the workspace root. Defaults to the project's source root.",
       "visible": false
     },
     "project": {
       "type": "string",
       "description": "The name of the project to add the component to.",
-      "$default": { "$source": "projectName" }
+      "$default": {
+        "$source": "projectName"
+      }
     }
   },
-  "required": ["name", "project"]
+  "required": [
+    "name",
+    "project"
+  ]
 }

package/src/utils/generate-component.js

@@ -15,7 +15,8 @@ const validation_1 = require("@schematics/angular/utility/validation");
 function createAriaComponentSchematic(config = {}) {
     return (0, project_1.createProjectSchematic)((options, { project }) => {
         const includeSharedUnitTest = config.includeSharedUnitTest ?? true;
-        const includeSharedE2eTest = config.includeSharedE2eTest ?? true;
+        const includeE2eTest = options.e2e ?? false;
+        const includeSharedE2eTest = (config.includeSharedE2eTest ?? true) && includeE2eTest;
         options.path ??= (0, workspace_1.buildDefaultPath)(project);
         const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
         const name = parsedPath.name;
@@ -23,6 +24,7 @@ function createAriaComponentSchematic(config = {}) {
         (0, validation_1.validateHtmlSelector)(selector);
         (0, validation_1.validateClassName)(core_1.strings.classify(name));
         const componentTemplateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
+            (0, schematics_1.filter)((path) => !path.endsWith('.e2e-spec.ts.template') || includeE2eTest),
             (0, schematics_1.applyTemplates)({ ...core_1.strings, name, selector }),
             (0, schematics_1.move)(parsedPath.path),
         ]);

package/src/utils/generate-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate-component.js","sourceRoot":"","sources":["generate-component.ts"],"names":[],"mappings":";;AAkBA,oEAsCC;AAxDD,2DAA8G;AAC9G,+CAA+C;AAC/C,iEAA6E;AAC7E,qEAAyE;AACzE,uEAAmE;AACnE,uEAAiG;AAQjG;;;;GAIG;AACH,SAAgB,4BAA4B,CAAC,SAAuC,EAAE;IACpF,OAAO,IAAA,gCAAsB,EAA4B,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QAChF,MAAM,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,IAAI,IAAI,CAAC;QACnE,MAAM,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,IAAI,IAAI,CAAC;QACjE,OAAO,CAAC,IAAI,KAAK,IAAA,4BAAgB,EAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,UAAU,GAAG,IAAA,sBAAS,EAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACzD,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAE7B,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,cAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3F,IAAA,iCAAoB,EAAC,QAAQ,CAAC,CAAC;QAC/B,IAAA,8BAAiB,EAAC,cAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAE1C,MAAM,uBAAuB,GAAG,IAAA,kBAAK,EAAC,IAAA,gBAAG,EAAC,SAAS,CAAC,EAAE;YACpD,IAAA,2BAAc,EAAC,EAAE,GAAG,cAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC9C,IAAA,iBAAI,EAAC,UAAU,CAAC,IAAI,CAAC;SACtB,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,CAAC,IAAA,sBAAS,EAAC,uBAAuB,CAAC,CAAC,CAAC;QAEnD,IAAI,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;YAClD,MAAM,kBAAkB,GAAG,IAAA,kBAAK,EAAC,IAAA,gBAAG,EAAC,+BAA+B,CAAC,EAAE;gBACrE,IAAA,mBAAM,EAAC,CAAC,IAAI,EAAE,EAAE;oBACd,IAAI,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC;wBACvC,OAAO,qBAAqB,CAAC;oBAC/B,CAAC;oBACD,IAAI,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAAC;wBAC3C,OAAO,oBAAoB,CAAC;oBAC9B,CAAC;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC;gBACF,IAAA,2BAAc,EAAC,EAAE,GAAG,cAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;gBAC9C,IAAA,iBAAI,EAAC,UAAU,CAAC,IAAI,CAAC;aACtB,CAAC,CAAC;YACH,KAAK,CAAC,IAAI,CAAC,IAAA,sBAAS,EAAC,kBAAkB,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,OAAO,IAAA,kBAAK,EAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"generate-component.js","sourceRoot":"","sources":["generate-component.ts"],"names":[],"mappings":";;AAkBA,oEAwCC;AA1DD,2DAA8G;AAC9G,+CAA+C;AAC/C,iEAA6E;AAC7E,qEAAyE;AACzE,uEAAmE;AACnE,uEAAiG;AAQjG;;;;GAIG;AACH,SAAgB,4BAA4B,CAAC,SAAuC,EAAE;IACpF,OAAO,IAAA,gCAAsB,EAA4B,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QAChF,MAAM,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,IAAI,IAAI,CAAC;QACnE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,IAAI,KAAK,CAAC;QAC5C,MAAM,oBAAoB,GAAG,CAAC,MAAM,CAAC,oBAAoB,IAAI,IAAI,CAAC,IAAI,cAAc,CAAC;QACrF,OAAO,CAAC,IAAI,KAAK,IAAA,4BAAgB,EAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,UAAU,GAAG,IAAA,sBAAS,EAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACzD,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAE7B,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,cAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3F,IAAA,iCAAoB,EAAC,QAAQ,CAAC,CAAC;QAC/B,IAAA,8BAAiB,EAAC,cAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAE1C,MAAM,uBAAuB,GAAG,IAAA,kBAAK,EAAC,IAAA,gBAAG,EAAC,SAAS,CAAC,EAAE;YACpD,IAAA,mBAAM,EAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,cAAc,CAAC;YAC3E,IAAA,2BAAc,EAAC,EAAE,GAAG,cAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC9C,IAAA,iBAAI,EAAC,UAAU,CAAC,IAAI,CAAC;SACtB,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,CAAC,IAAA,sBAAS,EAAC,uBAAuB,CAAC,CAAC,CAAC;QAEnD,IAAI,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;YAClD,MAAM,kBAAkB,GAAG,IAAA,kBAAK,EAAC,IAAA,gBAAG,EAAC,+BAA+B,CAAC,EAAE;gBACrE,IAAA,mBAAM,EAAC,CAAC,IAAI,EAAE,EAAE;oBACd,IAAI,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC;wBACvC,OAAO,qBAAqB,CAAC;oBAC/B,CAAC;oBACD,IAAI,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAAC;wBAC3C,OAAO,oBAAoB,CAAC;oBAC9B,CAAC;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC;gBACF,IAAA,2BAAc,EAAC,EAAE,GAAG,cAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;gBAC9C,IAAA,iBAAI,EAAC,UAAU,CAAC,IAAI,CAAC;aACtB,CAAC,CAAC;YACH,KAAK,CAAC,IAAI,CAAC,IAAA,sBAAS,EAAC,kBAAkB,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,OAAO,IAAA,kBAAK,EAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;AACL,CAAC"}

package/src/utils/generate-component.ts

@@ -19,7 +19,8 @@ interface AriaComponentSchematicConfig {
 export function createAriaComponentSchematic(config: AriaComponentSchematicConfig = {}): (options: ComponentSchematicOptions) => Rule {
   return createProjectSchematic<ComponentSchematicOptions>((options, { project }) => {
     const includeSharedUnitTest = config.includeSharedUnitTest ?? true;
-    const includeSharedE2eTest = config.includeSharedE2eTest ?? true;
+    const includeE2eTest = options.e2e ?? false;
+    const includeSharedE2eTest = (config.includeSharedE2eTest ?? true) && includeE2eTest;
     options.path ??= buildDefaultPath(project);
 
     const parsedPath = parseName(options.path, options.name);
@@ -30,6 +31,7 @@ export function createAriaComponentSchematic(config: AriaComponentSchematicConfi
     validateClassName(strings.classify(name));
 
     const componentTemplateSource = apply(url('./files'), [
+      filter((path) => !path.endsWith('.e2e-spec.ts.template') || includeE2eTest),
       applyTemplates({ ...strings, name, selector }),
       move(parsedPath.path),
     ]);

package/src/utils/generate-composition.js

@@ -40,7 +40,6 @@ function getSupportingComponent(kind) {
         case 'section-table':
             return { templatePath: '../table/files', variable: 'table' };
         case 'header-navbar':
-        case 'footer-navigation':
             return { templatePath: '../navbar/files', variable: 'navbar' };
         case 'section-form':
             return { templatePath: '../form/files', variable: 'form' };

package/src/utils/generate-composition.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate-composition.js","sourceRoot":"","sources":["generate-composition.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"generate-composition.js","sourceRoot":"","sources":["generate-composition.ts"],"names":[],"mappings":"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"}

package/src/utils/generate-composition.ts

@@ -53,7 +53,6 @@ function getSupportingComponent(kind: string): SupportingComponent | null {
     case 'section-table':
       return { templatePath: '../table/files', variable: 'table' };
     case 'header-navbar':
-    case 'footer-navigation':
       return { templatePath: '../navbar/files', variable: 'navbar' };
     case 'section-form':
       return { templatePath: '../form/files', variable: 'form' };

package/src/utils/schema-types.d.ts

@@ -1,5 +1,6 @@
 export interface ComponentSchematicOptions {
     name: string;
+    e2e?: boolean;
     path?: string;
     project: string;
 }

package/src/utils/schema-types.ts

@@ -1,5 +1,6 @@
 export interface ComponentSchematicOptions {
   name: string;
+  e2e?: boolean;
   path?: string;
   project: string;
 }

package/README.pt-BR.md

@@ -1,330 +0,0 @@
-# semmet-angular
-
-**Dev kit de entrega de UI acessível em Angular.**
-
-Gere componentes Angular acessíveis, blocos de interface e scaffolds de entrega pelo CLI.
-
-Semmet Angular ajuda times a gerar, compor, testar, verificar e empacotar UI acessível usando o ecossistema do Angular CLI.
-
-**Gerar. Compor. Testar. Verificar. Empacotar.**
-
-Leia a direção geral do produto em [PRODUCT_VISION.md](./PRODUCT_VISION.md).
-
-`ng generate semmet-angular:accordion minha-faq` cria um componente Angular standalone baseado em signals — `.ts`/`.html`/`.css` — junto com testes `.spec.ts` e `.e2e-spec.ts`. O componente gerado implementa de verdade um padrão do W3C ARIA Authoring Practices Guide: roles corretos, ligação de atributos `aria-*`, comportamento de teclado/foco exigido pelo padrão (navegação por setas, focus trap, restauração de foco...) e uma identidade visual consistente logo de saída.
-
-## Uso
-
-```bash
-ng add semmet-angular
-ng generate semmet-angular:accordion minha-faq
-ng generate semmet-angular:block section-card
-ng generate semmet-angular:ci
-ng generate semmet-angular:docker
-ng generate semmet-angular:deploy
-```
-
-`ng add semmet-angular` instala o pacote e configura uma vez o fluxo de entrega da aplicação alvo, incluindo suporte a e2e com Playwright, scripts npm e `npm run verify`. Cada componente gerado entra no seu projeto do mesmo jeito que entraria com `ng generate component` (respeitando `angular.json`, `sourceRoot` e prefixo de seletor), e tem **zero dependência em tempo de execução** deste pacote — `semmet-angular` só é necessário na geração.
-
-## Arquitetura em Camadas
-
-Use componentes isolados quando precisar de controle fino, ou compositions quando quiser acelerar telas acessíveis com estrutura já validada.
-
-- **Components**: componentes isolados como `button`, `card`, `accordion`, `table` e `navbar`.
-- **Compositions / Blocks**: seções prontas como `section-card`, `section-faq`, `section-pricing`, `section-stats`, `section-table`, `section-form`, `section-tabs`, `section-list-group`, `section-alert`, `section-progress`, `section-carousel`, `header-navbar`, `footer-navigation` e `command-list`.
-- **Delivery**: `ng add`, `ci`, `docker`, `deploy` e `verify`.
-
-## Comandos de Composição
-
-Compositions/blocks geram seções Angular standalone usando os componentes correspondentes da própria Semmet. O CSS gerado fica local no block e usa tokens locais de espaçamento para manter ritmo de landing page sem injetar estilo global na aplicação.
-
-| Comando | Gera | Usa como base |
-|---|---|---|
-| `ng generate semmet-angular:block hero` | Seção hero semântica | Estrutura de seção |
-| `ng generate semmet-angular:block section-card` | Seção de cards | `card` |
-| `ng generate semmet-angular:block section-faq` | Seção de FAQ | `accordion` |
-| `ng generate semmet-angular:block section-pricing` | Seção de preços | `card` |
-| `ng generate semmet-angular:block section-stats` | Seção de métricas | Estrutura de seção |
-| `ng generate semmet-angular:block section-table` | Seção com tabela | `table` |
-| `ng generate semmet-angular:block section-form` | Seção com formulário | `form` |
-| `ng generate semmet-angular:block section-tabs` | Seção com abas | `tabs` |
-| `ng generate semmet-angular:block section-list-group` | Seção com lista de ações | `list-group` |
-| `ng generate semmet-angular:block section-alert` | Seção com alerta | `alert` |
-| `ng generate semmet-angular:block section-progress` | Seção com progresso | `progress-bar` |
-| `ng generate semmet-angular:block section-carousel` | Seção com carousel | `carousel` |
-| `ng generate semmet-angular:block header-navbar` | Header com navegação | `navbar` |
-| `ng generate semmet-angular:block footer-navigation` | Footer com navegação | `navbar` |
-| `ng generate semmet-angular:block command-list` | Seção de comandos | Estrutura de seção |
-
-## Fluxo de Entrega
-
-Depois de rodar `ng add semmet-angular`, use:
-
-```bash
-npm test
-npm run e2e
-npm run e2e:ui
-npm run verify
-```
-
-`npm run e2e` executa o Playwright contra o servidor de desenvolvimento Angular configurado por `playwright.config.ts`; `npm run e2e:ui` abre a interface interativa do Playwright.
-
-O script `npm run verify` é criado sem sobrescrever um script `verify` existente. Quando os scripts estão disponíveis no `package.json` da aplicação, ele compõe um fluxo simples com:
-
-```bash
-npm test -- --watch=false
-npm run e2e
-npm run build
-npm run lint
-```
-
-`lint` só entra quando a aplicação já tem um script `lint`; `build` e `test` seguem a mesma lógica. O `e2e` entra depois da configuração do Playwright feita pelo `ng add`.
-
-## CI com GitHub Actions
-
-```bash
-ng generate semmet-angular:ci
-```
-
-Esse comando gera `.github/workflows/ci.yml` usando os scripts já existentes no `package.json`. O workflow usa Node 24, detecta o gerenciador de pacotes por lockfile (`package-lock.json`, `pnpm-lock.yaml` ou `yarn.lock`), instala dependências e executa `verify` quando disponível. Se `verify` ainda não existir, ele roda `build`, `test` e `e2e` conforme esses scripts existirem.
-
-Quando o projeto usa Playwright, o CI também instala o Chromium com `playwright install --with-deps chromium` e cacheia `~/.cache/ms-playwright` com `actions/cache`, reduzindo o tempo das execuções seguintes.
-
-Por padrão, o comando não sobrescreve um workflow existente. Use `--force` quando quiser substituir `.github/workflows/ci.yml`.
-
-## Empacotamento com Docker
-
-```bash
-ng generate semmet-angular:docker
-```
-
-Esse comando gera `Dockerfile`, `.dockerignore` e `nginx.conf` para empacotar a aplicação Angular como uma imagem servida por Nginx. O Dockerfile usa Node 24 no estágio de build, detecta o gerenciador de pacotes por lockfile, executa o build e copia o output configurado no `angular.json` para `/usr/share/nginx/html`.
-
-O `nginx.conf` inclui fallback de SPA com `try_files ... /index.html`. Por padrão, o comando não sobrescreve arquivos existentes; use `--force` para substituir a configuração Docker atual.
-
-## Deploy Guiado
-
-```bash
-ng generate semmet-angular:deploy
-```
-
-O comando pergunta qual plataforma você quer usar e gera a configuração mínima para o destino escolhido. Também dá para passar a plataforma direto:
-
-```bash
-ng generate semmet-angular:deploy --platform=vercel
-ng generate semmet-angular:deploy --platform=netlify
-ng generate semmet-angular:deploy --platform=firebase
-ng generate semmet-angular:deploy --platform=github-pages
-ng generate semmet-angular:deploy --platform=docker
-```
-
-Destinos suportados: Vercel (`vercel.json`), Netlify (`netlify.toml`), Firebase Hosting (`firebase.json` e `.firebaserc`), GitHub Pages (`.github/workflows/deploy.yml`) e deploy baseado em Docker (`compose.yml` e `deploy/docker.README.md`). O comando detecta o output do build no `angular.json` quando possível e não sobrescreve arquivos existentes sem `--force`.
-
-## Testes Gerados
-
-Todo comando de componente gera arquivos de teste ao lado do componente:
-
-```text
-minha-faq.ts
-minha-faq.html
-minha-faq.css
-minha-faq.spec.ts
-minha-faq.e2e-spec.ts
-```
-
-O teste unitário usa o `TestBed` do Angular para verificar o componente pelo seletor público. Componentes interativos também geram testes focados em comportamento: estado ARIA, fluxo de teclado, mudanças de valor, gerenciamento de foco e abertura/fechamento. O teste e2e usa Playwright e passa a valer assim que o componente estiver montado em uma rota ou componente host. Se o componente ainda não estiver em nenhuma página renderizada, o smoke test e2e gerado é pulado com uma mensagem clara, sem quebrar a suíte inteira.
-
-## Containers com Conteúdo Projetado
-
-Alguns componentes gerados são containers: eles cuidam da ligação ARIA, comportamento de teclado, gerenciamento de foco e casca visual, enquanto a sua aplicação controla o conteúdo renderizado dentro deles.
-
-`accordion`, `tabs`, `carousel`, `disclosure`, `card`, `button`, `badge`, `navbar`, `table` e `button-group` usam o padrão moderno de projeção do Angular com `ng-template`, signal queries e `NgTemplateOutlet`. Isso permite colocar componentes reais da aplicação dentro dos componentes gerados sem factories de componente dinâmico.
-
-Exemplo depois de gerar `faq`:
-
-```ts
-import { Component, signal } from '@angular/core';
-import { Faq, FaqItem } from './faq/faq';
-import { ProfilePanel } from './profile-panel/profile-panel';
-import { SettingsPanel } from './settings-panel/settings-panel';
-
-@Component({
-  selector: 'app-root',
-  imports: [Faq, FaqItem, ProfilePanel, SettingsPanel],
-  templateUrl: './app.html',
-})
-export class App {
-  readonly userId = signal(123);
-
-  reload(): void {}
-}
-```
-
-```html
-<app-faq>
-  <ng-template faqItem id="profile" title="Perfil" [expanded]="true">
-    <app-profile-panel />
-  </ng-template>
-
-  <ng-template faqItem id="settings" title="Configurações">
-    <app-settings-panel [userId]="userId()" (saved)="reload()" />
-  </ng-template>
-</app-faq>
-```
-
-O mesmo padrão vale para `tabs`, `carousel` e `disclosure`:
-
-```html
-<app-settings-tabs>
-  <ng-template settingsTabsItem id="profile" label="Perfil" [selected]="true">
-    <app-profile-panel />
-  </ng-template>
-</app-settings-tabs>
-
-<app-featured-carousel>
-  <ng-template featuredCarouselSlide id="intro" label="Introdução">
-    <app-intro-slide />
-  </ng-template>
-</app-featured-carousel>
-
-<app-details label="Mostrar detalhes do perfil" [(expanded)]="profileDetailsOpen">
-  <ng-template detailsContent>
-    <app-profile-details [userId]="userId()" />
-  </ng-template>
-</app-details>
-```
-
-Por padrão, o conteúdo projetado de painel/slide é preservado depois da primeira renderização. Use `[preserveContent]="false"` no container gerado para destruir conteúdo inativo quando ele fechar ou ficar inativo.
-
-Os componentes estruturais menores mantêm APIs simples por input e adicionam slots seguros onde o componente gerado continua dono da estrutura acessível:
-
-```html
-<app-product-card title="Componentes acessíveis">
-  <ng-template productCardMedia>
-    <img src="/assets/card.png" alt="Prévia de componente Angular gerado" />
-  </ng-template>
-
-  <ng-template productCardDescription>
-    Gere componentes Angular com ARIA, comportamento de teclado e signals.
-  </ng-template>
-
-  <ng-template productCardActions>
-    <a href="/docs">Ler docs</a>
-  </ng-template>
-</app-product-card>
-
-<app-save-button label="Salvar">
-  <ng-template saveButtonLeading>
-    <app-save-icon aria-hidden="true" />
-  </ng-template>
-</app-save-button>
-
-<app-status-badge accessibleLabel="Build passou">
-  <ng-template statusBadgeLabel>Passou</ng-template>
-</app-status-badge>
-
-<app-main-navbar brand="Acme">
-  <ng-template mainNavbarActions>
-    <a href="/conta">Conta</a>
-  </ng-template>
-</app-main-navbar>
-
-<app-results-table caption="Receita trimestral" [rows]="results">
-  <ng-template resultsTableEmpty>Nenhum resultado de receita ainda.</ng-template>
-</app-results-table>
-
-<app-view-switcher [items]="views">
-  <ng-template viewSwitcherItem let-item>
-    {{ item.label }}
-  </ng-template>
-</app-view-switcher>
-```
-
-## Componentes, Blocks e Entrega (43)
-
-**Overlays e disclosure**
-
-| Comando | Gera | Comportamento de teclado/foco implementado |
-|---|---|---|
-| `ng generate semmet-angular:accordion <nome>` | [Accordion](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/) | Clique/Enter/Espaço alterna; Cima/Baixo/Home/End move foco entre cabeçalhos |
-| `ng generate semmet-angular:disclosure <nome>` | [Disclosure](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/) | Clique/Enter/Espaço alterna |
-| `ng generate semmet-angular:dialog <nome>` | [Dialog (Modal)](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/) | Foco entra ao abrir; Tab/Shift+Tab prende o foco; Escape fecha; foco volta para o acionador |
-| `ng generate semmet-angular:alert-dialog <nome>` | [Alert Dialog](https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/) | Mesmo focus trap do Dialog; foco inicial na ação menos destrutiva (Cancelar) |
-| `ng generate semmet-angular:offcanvas <nome>` | Offcanvas / Drawer | Semântica de dialog modal; foco entra; Tab/Shift+Tab prende o foco; Escape/backdrop fecha; foco volta para o acionador |
-| `ng generate semmet-angular:popover <nome>` | Popover | Acionador disclosure com `aria-haspopup="dialog"`; Escape fecha; clique externo dispensa |
-| `ng generate semmet-angular:tooltip <nome>` | [Tooltip](https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/) | Aparece no hover **e** no foco; esconde no blur/mouseleave/Escape |
-| `ng generate semmet-angular:menu-button <nome>` | [Menu Button](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/) | Cima/Baixo/Home/End/Escape dentro do menu; fecha em clique externo; foco volta para o acionador |
-| `ng generate semmet-angular:button <nome>` | Button | `<button>` nativo com variante, tamanho, desabilitado, ocupado, estado pressionado opcional e slots seguros de rótulo/ícone |
-| `ng generate semmet-angular:button-group <nome>` | Button Group | Botões nativos agrupados com `role="group"`, estado toggle opcional com `aria-pressed` e projeção segura de rótulo por item |
-| `ng generate semmet-angular:close-button <nome>` | Close Button | Botão de ícone nativo com rótulo acessível obrigatório |
-
-**Navegação e estrutura**
-
-| Comando | Gera | Comportamento de teclado/foco implementado |
-|---|---|---|
-| `ng generate semmet-angular:tabs <nome>` | [Tabs](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) | Ativação automática; Esquerda/Direita/Home/End com `tabindex` roving |
-| `ng generate semmet-angular:breadcrumb <nome>` | [Breadcrumb](https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/) | Estático — links simples + `aria-current="page"` |
-| `ng generate semmet-angular:navigation-menu <nome>` | [Navigation Menu (Disclosure)](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/) | Clique/Enter/Espaço alterna submenu; evita `role="menu"` de propósito, reservado para menus de aplicação |
-| `ng generate semmet-angular:navbar <nome>` | Navbar | Estrutura semântica `nav`/lista/link com toggle responsivo, `aria-current` e slots seguros de marca/ações |
-| `ng generate semmet-angular:pagination <nome>` | Pagination | Estado de página funcional; Anterior/Próximo desabilitam nos limites |
-| `ng generate semmet-angular:skip-link <nome>` | [Skip Link](https://www.w3.org/WAI/WCAG21/Techniques/general/G1) | Escondido até receber foco, conforme o padrão de skip link |
-| `ng generate semmet-angular:landmarks <nome>` | [Landmarks (Page Skeleton)](https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/) | Wrapper de layout com projeção de conteúdo (`header`/`nav`/`main`/`aside`/`footer`) |
-| `ng generate semmet-angular:tree-view <nome>` | [Tree View](https://www.w3.org/WAI/ARIA/apg/patterns/treeview/) | Cima/Baixo/Esquerda/Direita/Home/End/Enter com `tabindex` roving nos nós visíveis |
-| `ng generate semmet-angular:toolbar <nome>` | [Toolbar](https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/) | Esquerda/Direita/Home/End com `tabindex` roving |
-| `ng generate semmet-angular:card <nome>` | Card | `<article>` semântico com heading/descrição/ações/mídia e slots seguros |
-| `ng generate semmet-angular:list-group <nome>` | List Group | Estrutura semântica de lista com itens de ação, estado ativo, badges opcionais e estados desabilitados |
-| `ng generate semmet-angular:table <nome>` | [Table](https://www.w3.org/WAI/ARIA/apg/patterns/table/) | Caption + cabeçalhos escopados, linhas por input e slots seguros de caption/estado vazio |
-
-**Formulários e inputs**
-
-| Comando | Gera | Comportamento de teclado/foco implementado |
-|---|---|---|
-| `ng generate semmet-angular:form <nome>` | Form | `<form>` nativo com controles rotulados, validação inline e mensagens de status |
-| `ng generate semmet-angular:input <nome>` | Input | `<input>` nativo com label, dica, mensagem de validação e valor com signal |
-| `ng generate semmet-angular:select <nome>` | Select | `<select>` nativo com label, dica, mensagem de validação e valor com signal |
-| `ng generate semmet-angular:input-group <nome>` | Input Group | `<input>` nativo com prefixo/sufixo anunciados por `aria-describedby` e botão de ação opcional |
-| `ng generate semmet-angular:textarea <nome>` | Textarea | `<textarea>` nativo com label, dica, contador, mensagem de validação e valor com signal |
-| `ng generate semmet-angular:checkbox <nome>` | [Checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/) | Clique/Enter/Espaço alterna |
-| `ng generate semmet-angular:radio-group <nome>` | [Radio Group](https://www.w3.org/WAI/ARIA/apg/patterns/radio/) | Cima/Baixo/Esquerda/Direita/Home/End movem foco e seleção juntos |
-| `ng generate semmet-angular:switch <nome>` | [Switch](https://www.w3.org/WAI/ARIA/apg/patterns/switch/) | `<button>` nativo — Clique/Enter/Espaço alterna |
-| `ng generate semmet-angular:combobox <nome>` | [Combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) | Filtro em tempo real; Cima/Baixo/Home/End/Enter/Escape via `aria-activedescendant` |
-| `ng generate semmet-angular:listbox <nome>` | [Listbox](https://www.w3.org/WAI/ARIA/apg/patterns/listbox/) | Cima/Baixo/Home/End via `aria-activedescendant` |
-| `ng generate semmet-angular:slider <nome>` | [Slider](https://www.w3.org/WAI/ARIA/apg/patterns/slider/) | Setas/PageUp/PageDown/Home/End, além de arraste por ponteiro |
-| `ng generate semmet-angular:spinbutton <nome>` | [Spinbutton](https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/) | Cima/Baixo/Home/End, além de botões incrementar/decrementar |
-| `ng generate semmet-angular:meter <nome>` | [Meter](https://www.w3.org/TR/wai-aria-1.2/#meter) | Estático — `<meter>` nativo ligado a um signal |
-| `ng generate semmet-angular:progress-bar <nome>` | [Progress Bar](https://www.w3.org/TR/wai-aria-1.2/#progressbar) | `<progress>` nativo ligado a um signal |
-
-**Feedback e mídia**
-
-| Comando | Gera | Comportamento de teclado/foco implementado |
-|---|---|---|
-| `ng generate semmet-angular:alert <nome>` | [Alert](https://www.w3.org/WAI/ARIA/apg/patterns/alert/) | Região live assertiva e dispensável |
-| `ng generate semmet-angular:toast <nome>` | Toast / Notification | Auto-dismiss após 5s (limpo via `DestroyRef`); pode ser dispensado antes |
-| `ng generate semmet-angular:skeleton <nome>` | Skeleton Loading | Placeholder de carregamento composível para texto, mídia, círculos, cards e blocos customizados |
-| `ng generate semmet-angular:badge <nome>` | Badge | Rótulo/contador compacto com modo decorativo, rótulo acessível opcional e projeção segura de label |
-| `ng generate semmet-angular:spinner <nome>` | Spinner | Status de carregamento com `role="status"`, rótulo visualmente escondido por padrão e suporte a reduced motion |
-| `ng generate semmet-angular:carousel <nome>` | [Carousel](https://www.w3.org/WAI/ARIA/apg/patterns/carousel/) | Controles Anterior/Próximo; região de slide com `aria-live="polite"` |
-
-## Como Cada Componente Gerado É
-
-- Standalone (implícito — sem `standalone: true`, alinhado ao padrão atual do Angular).
-- Estado via `signal()`/`computed()`, não campos simples de classe.
-- Templates usam o control flow embutido (`@for`, `@if`), não `*ngFor`/`*ngIf`.
-- Sem sufixo `.component` nos nomes de arquivos ou classes (`accordion.ts`, `export class Accordion`), seguindo a convenção atual de `ng generate component`.
-- Id único por instância (`<nome>-0`, `<nome>-1`, ...) para múltiplas instâncias do mesmo componente nunca colidirem em `id`/`aria-controls`/`aria-labelledby`.
-- Teste unitário (`.spec.ts`) e smoke test e2e Playwright (`.e2e-spec.ts`) gerados para o componente já nascer com uma superfície de teste.
-
-## Identidade Visual
-
-Todo componente gerado compartilha um visual inspirado em Material Design — superfícies limpas, elevação sutil e escala consistente de raio/movimento — usando sua própria paleta de cores (não as cores do Material, para evitar qualquer risco de cópia visual). Os tokens são CSS custom properties declaradas no `:host` de cada componente (por exemplo, `--semmet-color-primary`, `--semmet-radius-md`, `--semmet-elevation-1`), então você pode usar os defaults como estão ou sobrescrever a família inteira em uma stylesheet global sem tocar nos arquivos gerados.
-
-## Opções
-
-Todo comando de componente aceita as mesmas três opções de `ng generate component`:
-
-- `name` (obrigatório, posicional) — nome do componente.
-- `project` — projeto alvo; por padrão, usa o projeto atual/default.
-- `path` — diretório alvo; por padrão, usa `src/app` do projeto.
-
-## Licença
-
-MIT