semmet-angular 0.42.0 → 0.44.0

package/src/textarea/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 textarea 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/toast/files/__name@dasherize__/__name@dasherize__.css.template

@@ -1,30 +1,10 @@
 :host {
-  --semmet-color-on-surface: #18181b;
-  --semmet-color-inverse-surface: #27272a;
-  --semmet-color-inverse-on-surface: #ffffff;
-  --semmet-radius-sm: 8px;
-  --semmet-space-3xs: 4px;
-  --semmet-space-2xs: 8px;
-  --semmet-space-xs: 16px;
-  --semmet-space-sm: 24px;
-  --semmet-target-md: 40px;
-  --semmet-elevation-3: 0 8px 24px rgba(20, 24, 23, 0.18), 0 2px 8px rgba(20, 24, 23, 0.1);
-  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
-
   display: block;
-  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
-  font-size: 0.9375rem;
 }
 
 button {
   font: inherit;
-  font-weight: 500;
-  color: var(--semmet-color-on-surface);
   background: none;
-  border: 1px solid currentColor;
-  border-radius: var(--semmet-radius-sm);
-  min-height: var(--semmet-target-md);
-  padding: var(--semmet-space-2xs) var(--semmet-space-xs);
   cursor: pointer;
 }
 
@@ -36,27 +16,13 @@ button:focus-visible {
 [role='status'] {
   position: fixed;
   left: 50%;
-  bottom: var(--semmet-space-sm);
+  bottom: 0;
   transform: translateX(-50%);
   display: flex;
   align-items: center;
-  gap: var(--semmet-space-xs);
-  padding: var(--semmet-space-xs);
-  color: var(--semmet-color-inverse-on-surface);
-  background: var(--semmet-color-inverse-surface);
-  border-radius: var(--semmet-radius-sm);
-  box-shadow: var(--semmet-elevation-3);
 }
 
 [role='status'] button {
-  font-size: 1.125rem;
-  line-height: 1;
   color: inherit;
   border: none;
-  padding: var(--semmet-space-3xs) var(--semmet-space-2xs);
-  transition: background-color var(--semmet-motion);
-}
-
-[role='status'] button:hover {
-  background: color-mix(in srgb, var(--semmet-color-inverse-on-surface) 20%, transparent);
 }

package/src/toast/files/__name@dasherize__/__name@dasherize__.html.template

@@ -3,13 +3,13 @@
 Usage from a parent component template:
 Import <%= classify(name) %> in that parent component.
 
-<<%= selector %> />
+<<%= selector %> triggerLabel="Save" message="Your changes have been saved." />
 -->
-<button type="button" (click)="show()">Save</button>
+<button type="button" (click)="show()">{{ triggerLabel() }}</button>
 
 @if (visible()) {
   <div role="status" [id]="instanceId">
-    <span>Your changes have been saved.</span>
-    <button type="button" (click)="dismiss()" aria-label="Dismiss">×</button>
+    <span>{{ message() }}</span>
+    <button type="button" (click)="dismiss()" [attr.aria-label]="dismissLabel()">×</button>
   </div>
 }

package/src/toast/files/__name@dasherize__/__name@dasherize__.ts.template

@@ -1,4 +1,4 @@
-import { Component, DestroyRef, inject, signal } from '@angular/core';
+import { Component, DestroyRef, inject, input, signal } from '@angular/core';
 
 const AUTO_DISMISS_MS = 5000;
 
@@ -16,6 +16,10 @@ export class <%= classify(name) %> {
   protected readonly instanceId = `<%= dasherize(name) %>-${nextId++}`;
   protected readonly visible = signal(false);
 
+  readonly triggerLabel = input('Save');
+  readonly message = input('Your changes have been saved.');
+  readonly dismissLabel = input('Dismiss');
+
   constructor() {
     inject(DestroyRef).onDestroy(() => clearTimeout(this.dismissTimeout));
   }

package/src/toast/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 toast 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/toolbar/files/__name@dasherize__/__name@dasherize__.css.template

@@ -1,53 +1,19 @@
 :host {
-  --semmet-color-primary: #18181b;
-  --semmet-color-on-primary: #ffffff;
-  --semmet-color-surface: #ffffff;
-  --semmet-color-outline: #d4d4d8;
-  --semmet-color-on-surface: #18181b;
-  --semmet-radius-sm: 8px;
-  --semmet-space-3xs: 4px;
-  --semmet-space-2xs: 8px;
-  --semmet-space-xs: 16px;
-  --semmet-target-md: 40px;
-  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
-
   display: inline-block;
-  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
-  font-size: 0.9375rem;
 }
 
 [role='toolbar'] {
   display: inline-flex;
-  gap: var(--semmet-space-3xs);
-  padding: var(--semmet-space-3xs);
-  background: var(--semmet-color-surface);
-  border: 1px solid var(--semmet-color-outline);
-  border-radius: var(--semmet-radius-sm);
 }
 
 button {
   font: inherit;
-  font-weight: 500;
-  color: var(--semmet-color-on-surface);
   background: none;
   border: none;
-  border-radius: 6px;
-  min-height: var(--semmet-target-md);
-  padding: var(--semmet-space-2xs) var(--semmet-space-xs);
   cursor: pointer;
-  transition: background-color var(--semmet-motion), color var(--semmet-motion);
-}
-
-button:hover {
-  background: color-mix(in srgb, var(--semmet-color-on-surface) 6%, transparent);
 }
 
 button:focus-visible {
-  outline: 2px solid var(--semmet-color-primary);
-  outline-offset: -2px;
-}
-
-button[aria-pressed='true'] {
-  background: var(--semmet-color-primary);
-  color: var(--semmet-color-on-primary);
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
 }

package/src/toolbar/files/__name@dasherize__/__name@dasherize__.html.template

@@ -3,10 +3,10 @@
 Usage from a parent component template:
 Import <%= classify(name) %> in that parent component.
 
-<<%= selector %> />
+<<%= selector %> label="Text formatting" [actions]="formattingActions" />
 -->
-<div role="toolbar" aria-label="Text formatting">
-  @for (action of actions; track action.id; let i = $index) {
+<div role="toolbar" [attr.aria-label]="label()">
+  @for (action of actions(); track action.id; let i = $index) {
     <button
       #toolbarButton
       type="button"

package/src/toolbar/files/__name@dasherize__/__name@dasherize__.ts.template

@@ -1,10 +1,16 @@
-import { Component, ElementRef, signal, viewChildren } from '@angular/core';
+import { Component, ElementRef, input, signal, viewChildren } from '@angular/core';
 
 interface <%= classify(name) %>Action {
   id: number;
   label: string;
 }
 
+const DEFAULT_ACTIONS: readonly <%= classify(name) %>Action[] = [
+  { id: 1, label: 'Bold' },
+  { id: 2, label: 'Italic' },
+  { id: 3, label: 'Underline' },
+];
+
 @Component({
   selector: '<%= selector %>',
   imports: [],
@@ -14,13 +20,10 @@ interface <%= classify(name) %>Action {
 export class <%= classify(name) %> {
   private readonly buttons = viewChildren<ElementRef<HTMLButtonElement>>('toolbarButton');
 
-  protected readonly actions: <%= classify(name) %>Action[] = [
-    { id: 1, label: 'Bold' },
-    { id: 2, label: 'Italic' },
-    { id: 3, label: 'Underline' },
-  ];
+  readonly label = input('Text formatting');
+  readonly actions = input<readonly <%= classify(name) %>Action[]>(DEFAULT_ACTIONS);
 
-  protected readonly activeId = signal(this.actions[0].id);
+  protected readonly activeId = signal(DEFAULT_ACTIONS[0].id);
 
   private readonly pressedIds = signal<ReadonlySet<number>>(new Set());
 
@@ -65,7 +68,7 @@ export class <%= classify(name) %> {
     }
 
     event.preventDefault();
-    this.activeId.set(this.actions[nextIndex].id);
+    this.activeId.set(this.actions()[nextIndex].id);
     items[nextIndex].nativeElement.focus();
   }
 }

package/src/toolbar/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 toolbar 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/tooltip/files/__name@dasherize__/__name@dasherize__.css.template

@@ -1,39 +1,16 @@
 :host {
-  --semmet-color-primary: #18181b;
-  --semmet-color-inverse-surface: #27272a;
-  --semmet-color-inverse-on-surface: #ffffff;
-  --semmet-radius-sm: 6px;
-  --semmet-space-2xs: 8px;
-  --semmet-space-xs: 16px;
-  --semmet-target-md: 40px;
-  --semmet-elevation-1: 0 1px 2px rgba(20, 24, 23, 0.1), 0 1px 1px rgba(20, 24, 23, 0.06);
-  --semmet-motion: 120ms cubic-bezier(0.2, 0, 0, 1);
-
   position: relative;
   display: inline-block;
-  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
-  font-size: 0.9375rem;
 }
 
 button {
   font: inherit;
-  font-weight: 500;
-  color: var(--semmet-color-primary);
   background: none;
-  border: 1px solid currentColor;
-  border-radius: var(--semmet-radius-sm);
-  min-height: var(--semmet-target-md);
-  padding: var(--semmet-space-2xs) var(--semmet-space-xs);
   cursor: pointer;
-  transition: background-color var(--semmet-motion);
-}
-
-button:hover {
-  background: color-mix(in srgb, var(--semmet-color-primary) 8%, transparent);
 }
 
 button:focus-visible {
-  outline: 2px solid var(--semmet-color-primary);
+  outline: 2px solid currentColor;
   outline-offset: 2px;
 }
 
@@ -41,13 +18,5 @@ button:focus-visible {
   position: absolute;
   bottom: 100%;
   left: 0;
-  margin-bottom: var(--semmet-space-2xs);
-  padding: var(--semmet-space-2xs);
-  border-radius: var(--semmet-radius-sm);
-  background: var(--semmet-color-inverse-surface);
-  color: var(--semmet-color-inverse-on-surface);
-  font-size: 0.8125rem;
-  line-height: 1.4;
   white-space: nowrap;
-  box-shadow: var(--semmet-elevation-1);
 }

package/src/tooltip/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 tooltip 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/tree-view/files/__name@dasherize__/__name@dasherize__.css.template

@@ -1,17 +1,5 @@
 :host {
-  --semmet-color-primary: #18181b;
-  --semmet-color-on-surface: #18181b;
-  --semmet-color-on-surface-variant: #52525b;
-  --semmet-radius-sm: 6px;
-  --semmet-space-2xs: 8px;
-  --semmet-space-sm: 24px;
-  --semmet-target-md: 40px;
-  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
-
   display: block;
-  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
-  font-size: 0.9375rem;
-  color: var(--semmet-color-on-surface);
 }
 
 [role='tree'],
@@ -22,27 +10,18 @@
 }
 
 [role='group'] {
-  padding-left: var(--semmet-space-sm);
+  padding-left: 1rem;
 }
 
 [role='treeitem'] {
   display: flex;
   align-items: center;
-  gap: var(--semmet-space-2xs);
-  min-height: var(--semmet-target-md);
-  padding: var(--semmet-space-2xs);
-  border-radius: var(--semmet-radius-sm);
   cursor: pointer;
-  transition: background-color var(--semmet-motion);
-}
-
-[role='treeitem']:hover {
-  background: color-mix(in srgb, var(--semmet-color-on-surface) 6%, transparent);
 }
 
 [role='treeitem']:focus-visible {
-  outline: 2px solid var(--semmet-color-primary);
-  outline-offset: -2px;
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
 }
 
 [role='treeitem'][aria-expanded]::before {
@@ -50,10 +29,9 @@
   width: 0.4rem;
   height: 0.4rem;
   flex-shrink: 0;
-  border-right: 2px solid var(--semmet-color-on-surface-variant);
-  border-bottom: 2px solid var(--semmet-color-on-surface-variant);
+  border-right: 2px solid currentColor;
+  border-bottom: 2px solid currentColor;
   transform: rotate(-45deg);
-  transition: transform var(--semmet-motion);
 }
 
 [role='treeitem'][aria-expanded='true']::before {

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

@@ -3,10 +3,10 @@
 Usage from a parent component template:
 Import <%= classify(name) %> in that parent component.
 
-<<%= selector %> />
+<<%= selector %> label="Files" [tree]="fileTree" />
 -->
-<ul role="tree" aria-label="Files">
-  @for (root of tree; track root.id) {
+<ul role="tree" [attr.aria-label]="label()">
+  @for (root of tree(); track root.id) {
     <li
       #treeItem
       role="treeitem"

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' };