semmet-angular 0.42.0 → 0.44.0

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

@@ -1,4 +1,4 @@
-import { Component, signal } from '@angular/core';
+import { Component, input, signal } from '@angular/core';
 
 let nextId = 0;
 
@@ -11,4 +11,6 @@ let nextId = 0;
 export class <%= classify(name) %> {
   protected readonly instanceId = `<%= dasherize(name) %>-${nextId++}`;
   protected readonly value = signal(70);
+
+  readonly label = input('Disk usage');
 }

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

@@ -1,40 +1,17 @@
 :host {
-  --semmet-color-primary: #18181b;
-  --semmet-color-surface: #ffffff;
-  --semmet-color-surface-muted: #f4f4f5;
-  --semmet-color-outline: #d4d4d8;
-  --semmet-color-on-surface: #27272a;
-  --semmet-color-on-surface-variant: #71717a;
-  --semmet-radius-md: 10px;
-  --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: block;
-  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
 }
 
 .semmet-navbar {
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
-  gap: var(--semmet-space-xs);
-  padding: var(--semmet-space-2xs);
-  border: 1px solid var(--semmet-color-outline);
-  border-radius: var(--semmet-radius-md);
-  color: var(--semmet-color-on-surface);
-  background: var(--semmet-color-surface);
 }
 
 .semmet-navbar__brand {
   display: inline-flex;
   align-items: center;
-  min-height: var(--semmet-target-md);
   color: inherit;
-  font-size: 1.0625rem;
-  font-weight: 800;
   text-decoration: none;
 }
 
@@ -43,13 +20,11 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: var(--semmet-target-md);
-  height: var(--semmet-target-md);
-  border: 1px solid var(--semmet-color-outline);
-  border-radius: var(--semmet-radius-md);
   color: inherit;
-  background: var(--semmet-color-surface);
+  background: none;
+  border: 0;
   cursor: pointer;
+  font: inherit;
 }
 
 .semmet-navbar__toggle span,
@@ -58,7 +33,6 @@
   display: block;
   width: 1.125rem;
   height: 0.125rem;
-  border-radius: 999px;
   background: currentColor;
 }
 
@@ -92,42 +66,21 @@
 
 .semmet-navbar__list {
   display: grid;
-  gap: var(--semmet-space-3xs);
   margin: 0;
-  padding: var(--semmet-space-2xs) 0 0;
+  padding: 0;
   list-style: none;
 }
 
 .semmet-navbar__actions {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--semmet-space-2xs);
-  padding-top: var(--semmet-space-xs);
 }
 
 .semmet-navbar__link {
   display: flex;
   align-items: center;
-  min-height: var(--semmet-target-md);
-  padding: var(--semmet-space-2xs) var(--semmet-space-xs);
-  border-radius: var(--semmet-radius-md);
-  color: var(--semmet-color-on-surface-variant);
-  font-weight: 650;
+  color: inherit;
   text-decoration: none;
-  transition:
-    background-color var(--semmet-motion),
-    color var(--semmet-motion),
-    opacity var(--semmet-motion);
-}
-
-.semmet-navbar__link:hover:not(.semmet-navbar__link--disabled) {
-  color: var(--semmet-color-on-surface);
-  background: var(--semmet-color-surface-muted);
-}
-
-.semmet-navbar__link--current {
-  color: var(--semmet-color-on-surface);
-  background: var(--semmet-color-surface-muted);
 }
 
 .semmet-navbar__link--disabled {
@@ -139,14 +92,13 @@
 .semmet-navbar__toggle:focus-visible,
 .semmet-navbar__link:focus-visible,
 .semmet-navbar__actions :is(a, button):focus-visible {
-  outline: 2px solid var(--semmet-color-primary);
+  outline: 2px solid currentColor;
   outline-offset: 2px;
 }
 
 @media (min-width: 48rem) {
   .semmet-navbar {
     grid-template-columns: auto 1fr;
-    padding-inline: var(--semmet-space-2xs);
   }
 
   .semmet-navbar__toggle {
@@ -156,20 +108,12 @@
   .semmet-navbar__menu {
     display: flex;
     align-items: center;
-    justify-content: flex-end;
-    gap: var(--semmet-space-xs);
     grid-column: auto;
   }
 
   .semmet-navbar__list {
     display: flex;
     align-items: center;
-    justify-content: flex-end;
-    gap: var(--semmet-space-3xs);
     padding: 0;
   }
-
-  .semmet-navbar__actions {
-    padding-top: 0;
-  }
 }

package/src/navbar/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 navbar 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/navigation-menu/files/__name@dasherize__/__name@dasherize__.css.template

@@ -1,25 +1,10 @@
 :host {
-  --semmet-color-primary: #18181b;
-  --semmet-color-surface: #ffffff;
-  --semmet-color-on-surface: #18181b;
-  --semmet-radius-sm: 8px;
-  --semmet-radius-md: 12px;
-  --semmet-space-3xs: 4px;
-  --semmet-space-2xs: 8px;
-  --semmet-space-xs: 16px;
-  --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;
 }
 
 nav > ul {
   display: flex;
   align-items: center;
-  gap: var(--semmet-space-3xs);
   margin: 0;
   padding: 0;
   list-style: none;
@@ -33,28 +18,17 @@ a,
 button {
   display: inline-flex;
   align-items: center;
-  gap: var(--semmet-space-2xs);
-  min-height: var(--semmet-target-md);
   font: inherit;
-  font-weight: 500;
-  color: var(--semmet-color-on-surface);
+  color: inherit;
   background: none;
   border: none;
-  border-radius: var(--semmet-radius-sm);
-  padding: var(--semmet-space-2xs) var(--semmet-space-xs);
   cursor: pointer;
   text-decoration: none;
-  transition: background-color var(--semmet-motion);
-}
-
-a:hover,
-button:hover {
-  background: color-mix(in srgb, var(--semmet-color-on-surface) 6%, transparent);
 }
 
 a:focus-visible,
 button:focus-visible {
-  outline: 2px solid var(--semmet-color-primary);
+  outline: 2px solid currentColor;
   outline-offset: 2px;
 }
 
@@ -62,10 +36,9 @@ button::after {
   content: '';
   width: 0.4rem;
   height: 0.4rem;
-  border-right: 2px solid var(--semmet-color-on-surface);
-  border-bottom: 2px solid var(--semmet-color-on-surface);
+  border-right: 2px solid currentColor;
+  border-bottom: 2px solid currentColor;
   transform: rotate(45deg);
-  transition: transform var(--semmet-motion);
 }
 
 button[aria-expanded='true']::after {
@@ -77,13 +50,9 @@ nav > ul ul {
   z-index: 1;
   top: 100%;
   left: 0;
-  min-width: 12rem;
-  margin: var(--semmet-space-3xs) 0 0;
-  padding: var(--semmet-space-2xs);
+  margin: 0;
+  padding: 0;
   list-style: none;
-  background: var(--semmet-color-surface);
-  border-radius: var(--semmet-radius-md);
-  box-shadow: var(--semmet-elevation-3);
 }
 
 nav > ul ul li a {

package/src/navigation-menu/files/__name@dasherize__/__name@dasherize__.html.template

@@ -3,12 +3,12 @@
 Usage from a parent component template:
 Import <%= classify(name) %> in that parent component.
 
-<<%= selector %> />
+<<%= selector %> label="Main" />
 -->
 <!-- Deliberately avoids the ARIA menu/menuitem roles — APG reserves those for app-style menus. -->
-<nav aria-label="Main">
+<nav [attr.aria-label]="label()">
   <ul>
-    <li><a href="/">Home</a></li>
+    <li><a [href]="homeHref()">{{ homeLabel() }}</a></li>
     <li>
       <button
         type="button"
@@ -17,11 +17,12 @@ Import <%= classify(name) %> in that parent component.
         [id]="instanceId + '-button'"
         (click)="toggleSubmenu()"
       >
-        Products
+        {{ submenuLabel() }}
       </button>
       <ul [id]="instanceId + '-submenu'" [attr.aria-labelledby]="instanceId + '-button'" [hidden]="!expanded()">
-        <li><a href="/products/first">First product</a></li>
-        <li><a href="/products/second">Second product</a></li>
+        @for (link of submenuLinks(); track link.href) {
+          <li><a [href]="link.href">{{ link.label }}</a></li>
+        }
       </ul>
     </li>
   </ul>

package/src/navigation-menu/files/__name@dasherize__/__name@dasherize__.ts.template

@@ -1,4 +1,9 @@
-import { Component, signal } from '@angular/core';
+import { Component, input, signal } from '@angular/core';
+
+interface <%= classify(name) %>Link {
+  label: string;
+  href: string;
+}
 
 let nextId = 0;
 
@@ -12,6 +17,15 @@ export class <%= classify(name) %> {
   protected readonly instanceId = `<%= dasherize(name) %>-${nextId++}`;
   protected readonly expanded = signal(false);
 
+  readonly label = input('Main');
+  readonly homeLabel = input('Home');
+  readonly homeHref = input('/');
+  readonly submenuLabel = input('Products');
+  readonly submenuLinks = input<readonly <%= classify(name) %>Link[]>([
+    { label: 'First product', href: '/products/first' },
+    { label: 'Second product', href: '/products/second' },
+  ]);
+
   protected toggleSubmenu(): void {
     this.expanded.update((value) => !value);
   }

package/src/navigation-menu/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 navigation menu 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/ng-add/index.d.ts

@@ -1,3 +1,3 @@
 import { Rule } from '@angular-devkit/schematics';
 import { Schema } from './schema';
-export declare function ngAdd(options: Schema): Rule;
+export declare function ngAdd(_options: Schema): Rule;

package/src/ng-add/index.js

@@ -1,40 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ngAdd = ngAdd;
-const schematics_1 = require("@angular-devkit/schematics");
-const tasks_1 = require("@angular-devkit/schematics/tasks");
-const PLAYWRIGHT_VERSION = '^1.61.1';
-const TYPES_NODE_VERSION = '^20.11.0';
-function ngAdd(options) {
-    const skipRule = () => undefined;
-    return (0, schematics_1.chain)([
-        options.skipE2e ? skipRule : addPlaywrightDependency,
-        options.skipE2e ? skipRule : addPackageScripts,
-        addDeliveryVerificationScript,
-        options.skipE2e ? skipRule : addPlaywrightConfig,
-        options.skipE2e ? skipRule : installPackages,
-    ]);
-}
-function addPlaywrightDependency(tree) {
-    const packageJson = readJson(tree, '/package.json');
-    const devDependencies = packageJson.devDependencies ?? {};
-    packageJson.devDependencies = {
-        ...devDependencies,
-        '@playwright/test': devDependencies['@playwright/test'] ?? PLAYWRIGHT_VERSION,
-        '@types/node': devDependencies['@types/node'] ?? TYPES_NODE_VERSION,
-    };
-    writeJson(tree, '/package.json', packageJson);
-}
-function addPackageScripts(tree) {
-    const packageJson = readJson(tree, '/package.json');
-    const scripts = packageJson.scripts ?? {};
-    packageJson.scripts = {
-        ...scripts,
-        e2e: scripts.e2e ?? 'playwright test',
-        'e2e:ui': scripts['e2e:ui'] ?? 'playwright test --ui',
-        'e2e:report': scripts['e2e:report'] ?? 'playwright show-report',
-    };
-    writeJson(tree, '/package.json', packageJson);
+function ngAdd(_options) {
+    return addDeliveryVerificationScript;
 }
 function addDeliveryVerificationScript(tree) {
     const packageJson = readJson(tree, '/package.json');
@@ -57,44 +25,6 @@ function addDeliveryVerificationScript(tree) {
     };
     writeJson(tree, '/package.json', packageJson);
 }
-function addPlaywrightConfig(tree) {
-    if (tree.exists('/playwright.config.ts')) {
-        return;
-    }
-    tree.create('/playwright.config.ts', `/// <reference types="node" />
-
-import { defineConfig, devices } from '@playwright/test';
-
-export default defineConfig({
-  testDir: './src',
-  testMatch: '**/*.e2e-spec.ts',
-  fullyParallel: true,
-  forbidOnly: !!process.env['CI'],
-  retries: process.env['CI'] ? 2 : 0,
-  workers: process.env['CI'] ? 1 : undefined,
-  reporter: 'html',
-  use: {
-    baseURL: 'http://localhost:4200',
-    trace: 'on-first-retry',
-  },
-  webServer: {
-    command: 'npm run start',
-    url: 'http://localhost:4200',
-    reuseExistingServer: !process.env['CI'],
-    timeout: 120 * 1000,
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-  ],
-});
-`);
-}
-function installPackages(_tree, context) {
-    context.addTask(new tasks_1.NodePackageInstallTask());
-}
 function readJson(tree, path) {
     const content = tree.readText(path);
     return JSON.parse(content);

package/src/ng-add/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;AAGA,sBAEC;AAFD,SAAgB,KAAK,CAAC,QAAgB;IACpC,OAAO,6BAA6B,CAAC;AACvC,CAAC;AAED,SAAS,6BAA6B,CAAC,IAAU;IAC/C,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,IAAI,EAAE,CAAC;IAE1C,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO;IACT,CAAC;IAED,MAAM,cAAc,GAAG;QACrB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS;QACtD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;QACvC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS;QAC3C,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;KAC1C,CAAC,MAAM,CAAC,CAAC,OAAO,EAAqB,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3D,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO;IACT,CAAC;IAED,WAAW,CAAC,OAAO,GAAG;QACpB,GAAG,OAAO;QACV,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC;KACpC,CAAC;IAEF,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,QAAQ,CAAC,IAAU,EAAE,IAAY;IACxC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAwB,CAAC;AACpD,CAAC;AAED,SAAS,SAAS,CAAC,IAAU,EAAE,IAAY,EAAE,KAA0B;IACrE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;AAC9D,CAAC"}

package/src/ng-add/index.ts

@@ -1,47 +1,8 @@
-import { Rule, SchematicContext, Tree, chain } from '@angular-devkit/schematics';
-import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+import { Rule, Tree } from '@angular-devkit/schematics';
 import { Schema } from './schema';
 
-const PLAYWRIGHT_VERSION = '^1.61.1';
-const TYPES_NODE_VERSION = '^20.11.0';
-
-export function ngAdd(options: Schema): Rule {
-  const skipRule: Rule = () => undefined;
-
-  return chain([
-    options.skipE2e ? skipRule : addPlaywrightDependency,
-    options.skipE2e ? skipRule : addPackageScripts,
-    addDeliveryVerificationScript,
-    options.skipE2e ? skipRule : addPlaywrightConfig,
-    options.skipE2e ? skipRule : installPackages,
-  ]);
-}
-
-function addPlaywrightDependency(tree: Tree): void {
-  const packageJson = readJson(tree, '/package.json');
-  const devDependencies = packageJson.devDependencies ?? {};
-
-  packageJson.devDependencies = {
-    ...devDependencies,
-    '@playwright/test': devDependencies['@playwright/test'] ?? PLAYWRIGHT_VERSION,
-    '@types/node': devDependencies['@types/node'] ?? TYPES_NODE_VERSION,
-  };
-
-  writeJson(tree, '/package.json', packageJson);
-}
-
-function addPackageScripts(tree: Tree): void {
-  const packageJson = readJson(tree, '/package.json');
-  const scripts = packageJson.scripts ?? {};
-
-  packageJson.scripts = {
-    ...scripts,
-    e2e: scripts.e2e ?? 'playwright test',
-    'e2e:ui': scripts['e2e:ui'] ?? 'playwright test --ui',
-    'e2e:report': scripts['e2e:report'] ?? 'playwright show-report',
-  };
-
-  writeJson(tree, '/package.json', packageJson);
+export function ngAdd(_options: Schema): Rule {
+  return addDeliveryVerificationScript;
 }
 
 function addDeliveryVerificationScript(tree: Tree): void {
@@ -71,50 +32,6 @@ function addDeliveryVerificationScript(tree: Tree): void {
   writeJson(tree, '/package.json', packageJson);
 }
 
-function addPlaywrightConfig(tree: Tree): void {
-  if (tree.exists('/playwright.config.ts')) {
-    return;
-  }
-
-  tree.create(
-    '/playwright.config.ts',
-    `/// <reference types="node" />
-
-import { defineConfig, devices } from '@playwright/test';
-
-export default defineConfig({
-  testDir: './src',
-  testMatch: '**/*.e2e-spec.ts',
-  fullyParallel: true,
-  forbidOnly: !!process.env['CI'],
-  retries: process.env['CI'] ? 2 : 0,
-  workers: process.env['CI'] ? 1 : undefined,
-  reporter: 'html',
-  use: {
-    baseURL: 'http://localhost:4200',
-    trace: 'on-first-retry',
-  },
-  webServer: {
-    command: 'npm run start',
-    url: 'http://localhost:4200',
-    reuseExistingServer: !process.env['CI'],
-    timeout: 120 * 1000,
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-  ],
-});
-`
-  );
-}
-
-function installPackages(_tree: Tree, context: SchematicContext): void {
-  context.addTask(new NodePackageInstallTask());
-}
-
 function readJson(tree: Tree, path: string): Record<string, any> {
   const content = tree.readText(path);
   return JSON.parse(content) as Record<string, any>;

package/src/ng-add/schema.d.ts

@@ -1,5 +1,4 @@
 export interface Schema {
     project?: string;
     saveDev?: boolean;
-    skipE2e?: boolean;
 }

package/src/ng-add/schema.json

@@ -11,11 +11,6 @@
       "description": "The name of the project to configure.",
       "$default": { "$source": "projectName" }
     },
-    "skipE2e": {
-      "type": "boolean",
-      "default": false,
-      "description": "Skip Playwright e2e setup."
-    },
     "saveDev": {
       "type": "boolean",
       "default": false,

package/src/ng-add/schema.ts

@@ -1,5 +1,4 @@
 export interface Schema {
   project?: string;
   saveDev?: boolean;
-  skipE2e?: boolean;
 }