semmet-angular 0.11.0 → 0.13.0

package/src/spinner/schema.ts

@@ -0,0 +1 @@
+export { ComponentSchematicOptions as Schema } from '../utils/schema-types';

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

@@ -1,4 +1,10 @@
 <!-- Semmet Angular: Switch — https://www.w3.org/WAI/ARIA/apg/patterns/switch/ -->
+<!--
+Usage from a parent component template:
+Import <%= classify(name) %> in that parent component.
+
+<<%= selector %> />
+-->
 <button type="button" role="switch" [attr.aria-checked]="checked()" [id]="instanceId" (click)="toggle()">
   Enable notifications
 </button>

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

@@ -1,4 +1,10 @@
 <!-- Semmet Angular: Table — https://www.w3.org/WAI/ARIA/apg/patterns/table/ -->
+<!--
+Usage from a parent component template:
+Import <%= classify(name) %> in that parent component.
+
+<<%= selector %> />
+-->
 <table>
   <caption>Quarterly results</caption>
   <thead>

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

@@ -1,4 +1,10 @@
 <!-- Semmet Angular: Textarea - native <textarea> with label, hint, counter, and validation wiring. -->
+<!--
+Usage from a parent component template:
+Import <%= classify(name) %> in that parent component.
+
+<<%= selector %> label="Message" [(value)]="message" [required]="true" />
+-->
 <div class="semmet-field">
   <label [for]="controlId()">
     {{ label() }}

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

@@ -1,4 +1,10 @@
 <!-- Semmet Angular: Toast / Notification — https://www.w3.org/TR/wai-aria-1.2/#status -->
+<!--
+Usage from a parent component template:
+Import <%= classify(name) %> in that parent component.
+
+<<%= selector %> />
+-->
 <button type="button" (click)="show()">Save</button>
 
 @if (visible()) {

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

@@ -1,4 +1,10 @@
 <!-- Semmet Angular: Toolbar — https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/ -->
+<!--
+Usage from a parent component template:
+Import <%= classify(name) %> in that parent component.
+
+<<%= selector %> />
+-->
 <div role="toolbar" aria-label="Text formatting">
   @for (action of actions; track action.id; let i = $index) {
     <button

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

@@ -1,4 +1,10 @@
 <!-- Semmet Angular: Tooltip — https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/ -->
+<!--
+Usage from a parent component template:
+Import <%= classify(name) %> in that parent component.
+
+<<%= selector %> />
+-->
 <button
   type="button"
   [attr.aria-describedby]="instanceId"

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

@@ -1,4 +1,10 @@
 <!-- Semmet Angular: Tree View — https://www.w3.org/WAI/ARIA/apg/patterns/treeview/ -->
+<!--
+Usage from a parent component template:
+Import <%= classify(name) %> in that parent component.
+
+<<%= selector %> />
+-->
 <ul role="tree" aria-label="Files">
   @for (root of tree; track root.id) {
     <li

package/src/utils/generate-component.d.ts

@@ -3,6 +3,6 @@ import { ComponentSchematicOptions } from './schema-types';
 /**
  * Shared Rule factory for every Semmet Angular schematic. `url('./files')` resolves relative to
  * whichever named schematic is currently executing (per collection.json), not to this module's
- * location, so centralizing this logic here is safe and avoids repeating it in all five schematics.
+ * location, so centralizing this logic here is safe and avoids repeating it in every schematic.
  */
 export declare function createAriaComponentSchematic(): (options: ComponentSchematicOptions) => Rule;

package/src/utils/generate-component.js

@@ -10,7 +10,7 @@ const validation_1 = require("@schematics/angular/utility/validation");
 /**
  * Shared Rule factory for every Semmet Angular schematic. `url('./files')` resolves relative to
  * whichever named schematic is currently executing (per collection.json), not to this module's
- * location, so centralizing this logic here is safe and avoids repeating it in all five schematics.
+ * location, so centralizing this logic here is safe and avoids repeating it in every schematic.
  */
 function createAriaComponentSchematic() {
     return (0, project_1.createProjectSchematic)((options, { project }) => {

package/src/utils/generate-component.ts

@@ -9,7 +9,7 @@ import { ComponentSchematicOptions } from './schema-types';
 /**
  * Shared Rule factory for every Semmet Angular schematic. `url('./files')` resolves relative to
  * whichever named schematic is currently executing (per collection.json), not to this module's
- * location, so centralizing this logic here is safe and avoids repeating it in all five schematics.
+ * location, so centralizing this logic here is safe and avoids repeating it in every schematic.
  */
 export function createAriaComponentSchematic(): (options: ComponentSchematicOptions) => Rule {
   return createProjectSchematic<ComponentSchematicOptions>((options, { project }) => {