|
15 | 15 | { |
16 | 16 | "name": "developerPreview", |
17 | 17 | "comment": "21.0" |
| 18 | + }, |
| 19 | + { |
| 20 | + "name": "see", |
| 21 | + "comment": "[Accordion](guide/aria/accordion)" |
18 | 22 | } |
19 | 23 | ], |
20 | | - "rawComment": "/**\n * A structural directive that provides a mechanism for lazily rendering the content for an\n * `ngAccordionPanel`.\n *\n * This directive should be applied to an `ng-template` inside an `ngAccordionPanel`.\n * It allows the content of the panel to be lazily rendered, improving performance\n * by only creating the content when the panel is first expanded.\n *\n * ```html\n * <div ngAccordionPanel panelId=\"unique-id-1\">\n * <ng-template ngAccordionContent>\n * <p>This is the content that will be displayed inside the panel.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */", |
| 24 | + "rawComment": "/**\n * A structural directive that provides a mechanism for lazily rendering the content for an\n * `ngAccordionPanel`.\n *\n * This directive should be applied to an `ng-template` inside an `ngAccordionPanel`.\n * It allows the content of the panel to be lazily rendered, improving performance\n * by only creating the content when the panel is first expanded.\n *\n * ```html\n * <div ngAccordionPanel panelId=\"unique-id-1\">\n * <ng-template ngAccordionContent>\n * <p>This is the content that will be displayed inside the panel.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n * @see [Accordion](guide/aria/accordion)\n */", |
21 | 25 | "implements": [], |
22 | 26 | "source": { |
23 | 27 | "filePath": "src/aria/accordion/accordion-content.ts", |
24 | | - "startLine": 30, |
25 | | - "endLine": 34 |
| 28 | + "startLine": 31, |
| 29 | + "endLine": 35 |
26 | 30 | } |
27 | 31 | }, |
28 | 32 | { |
|
166 | 170 | { |
167 | 171 | "name": "developerPreview", |
168 | 172 | "comment": "21.0" |
| 173 | + }, |
| 174 | + { |
| 175 | + "name": "see", |
| 176 | + "comment": "[Accordion](guide/aria/accordion)" |
169 | 177 | } |
170 | 178 | ], |
171 | | - "rawComment": "/**\n * The content panel of an accordion item that is conditionally visible.\n *\n * This directive is a container for the content that is shown or hidden. It requires\n * a `panelId` that must match the `panelId` of its corresponding `ngAccordionTrigger`.\n * The content within the panel should be provided using an `ng-template` with the\n * `ngAccordionContent` directive so that the content is not rendered on the page until the trigger\n * is expanded. It applies `role=\"region\"` for accessibility and uses the `inert` attribute to hide\n * its content from assistive technologies when not visible.\n *\n * ```html\n * <div ngAccordionPanel panelId=\"unique-id-1\">\n * <ng-template ngAccordionContent>\n * <p>This content is lazily rendered and will be shown when the panel is expanded.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */", |
| 179 | + "rawComment": "/**\n * The content panel of an accordion item that is conditionally visible.\n *\n * This directive is a container for the content that is shown or hidden. It requires\n * a `panelId` that must match the `panelId` of its corresponding `ngAccordionTrigger`.\n * The content within the panel should be provided using an `ng-template` with the\n * `ngAccordionContent` directive so that the content is not rendered on the page until the trigger\n * is expanded. It applies `role=\"region\"` for accessibility and uses the `inert` attribute to hide\n * its content from assistive technologies when not visible.\n *\n * ```html\n * <div ngAccordionPanel panelId=\"unique-id-1\">\n * <ng-template ngAccordionContent>\n * <p>This content is lazily rendered and will be shown when the panel is expanded.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n * @see [Accordion](guide/aria/accordion)\n */", |
172 | 180 | "implements": [], |
173 | 181 | "source": { |
174 | 182 | "filePath": "/src/aria/accordion/accordion-panel.ts", |
175 | | - "startLine": 41, |
176 | | - "endLine": 102 |
| 183 | + "startLine": 42, |
| 184 | + "endLine": 103 |
177 | 185 | } |
178 | 186 | }, |
179 | 187 | { |
|
361 | 369 | { |
362 | 370 | "name": "developerPreview", |
363 | 371 | "comment": "21.0" |
| 372 | + }, |
| 373 | + { |
| 374 | + "name": "see", |
| 375 | + "comment": "[Accordion](guide/aria/accordion)" |
364 | 376 | } |
365 | 377 | ], |
366 | | - "rawComment": "/**\n * The trigger that toggles the visibility of its associated `ngAccordionPanel`.\n *\n * This directive requires a `panelId` that must match the `panelId` of the `ngAccordionPanel` it\n * controls. When clicked, it will expand or collapse the panel. It also handles keyboard\n * interactions for navigation within the `ngAccordionGroup`. It applies `role=\"button\"` and manages\n * `aria-expanded`, `aria-controls`, and `aria-disabled` attributes for accessibility.\n * The `disabled` input can be used to disable the trigger.\n *\n * ```html\n * <button ngAccordionTrigger panelId=\"unique-id-1\">\n * Accordion Trigger Text\n * </button>\n * ```\n *\n * @developerPreview 21.0\n */", |
| 378 | + "rawComment": "/**\n * The trigger that toggles the visibility of its associated `ngAccordionPanel`.\n *\n * This directive requires a `panelId` that must match the `panelId` of the `ngAccordionPanel` it\n * controls. When clicked, it will expand or collapse the panel. It also handles keyboard\n * interactions for navigation within the `ngAccordionGroup`. It applies `role=\"button\"` and manages\n * `aria-expanded`, `aria-controls`, and `aria-disabled` attributes for accessibility.\n * The `disabled` input can be used to disable the trigger.\n *\n * ```html\n * <button ngAccordionTrigger panelId=\"unique-id-1\">\n * Accordion Trigger Text\n * </button>\n * ```\n *\n * @developerPreview 21.0\n * @see [Accordion](guide/aria/accordion)\n */", |
367 | 379 | "implements": [], |
368 | 380 | "isStandalone": true, |
369 | 381 | "selector": "[ngAccordionTrigger]", |
|
372 | 384 | ], |
373 | 385 | "source": { |
374 | 386 | "filePath": "/src/aria/accordion/accordion-trigger.ts", |
375 | | - "startLine": 41, |
376 | | - "endLine": 106 |
| 387 | + "startLine": 42, |
| 388 | + "endLine": 107 |
377 | 389 | } |
378 | 390 | }, |
379 | 391 | { |
|
526 | 538 | { |
527 | 539 | "name": "developerPreview", |
528 | 540 | "comment": "21.0" |
| 541 | + }, |
| 542 | + { |
| 543 | + "name": "see", |
| 544 | + "comment": "[Accordion](guide/aria/accordion)" |
529 | 545 | } |
530 | 546 | ], |
531 | | - "rawComment": "/**\n * A container for a group of accordion items. It manages the overall state and\n * interactions of the accordion, such as keyboard navigation and expansion mode.\n *\n * The `ngAccordionGroup` serves as the root of a group of accordion triggers and panels,\n * coordinating the behavior of the `ngAccordionTrigger` and `ngAccordionPanel` elements within it.\n * It supports both single and multiple expansion modes.\n *\n * ```html\n * <div ngAccordionGroup [multiExpandable]=\"true\" [(expandedPanels)]=\"expandedItems\">\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger panelId=\"item-1\">Item 1</button>\n * </h3>\n * <div ngAccordionPanel panelId=\"item-1\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 1.</p>\n * </ng-template>\n * </div>\n * </div>\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger panelId=\"item-2\">Item 2</button>\n * </h3>\n * <div ngAccordionPanel panelId=\"item-2\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 2.</p>\n * </ng-template>\n * </div>\n * </div>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */", |
| 547 | + "rawComment": "/**\n * A container for a group of accordion items. It manages the overall state and\n * interactions of the accordion, such as keyboard navigation and expansion mode.\n *\n * The `ngAccordionGroup` serves as the root of a group of accordion triggers and panels,\n * coordinating the behavior of the `ngAccordionTrigger` and `ngAccordionPanel` elements within it.\n * It supports both single and multiple expansion modes.\n *\n * ```html\n * <div ngAccordionGroup [multiExpandable]=\"true\" [(expandedPanels)]=\"expandedItems\">\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger panelId=\"item-1\">Item 1</button>\n * </h3>\n * <div ngAccordionPanel panelId=\"item-1\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 1.</p>\n * </ng-template>\n * </div>\n * </div>\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger panelId=\"item-2\">Item 2</button>\n * </h3>\n * <div ngAccordionPanel panelId=\"item-2\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 2.</p>\n * </ng-template>\n * </div>\n * </div>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n * @see [Accordion](guide/aria/accordion)\n */", |
532 | 548 | "implements": [], |
533 | 549 | "isStandalone": true, |
534 | 550 | "selector": "[ngAccordionGroup]", |
|
537 | 553 | ], |
538 | 554 | "source": { |
539 | 555 | "filePath": "src/aria/accordion/accordion-group.ts", |
540 | | - "startLine": 61, |
541 | | - "endLine": 157 |
| 556 | + "startLine": 62, |
| 557 | + "endLine": 158 |
542 | 558 | } |
543 | 559 | } |
544 | 560 | ], |
|
0 commit comments