Revert "feat(docs): remove Angular-specific items from public API docs"

This reverts commit 35bf50e.

Co-authored-by: dkamburov <1182001+dkamburov@users.noreply.github.com>

Author: Copilot

package-lock.json

@@ -30,10 +30,25 @@ let NEXT_ID = 0;
 /**
  * IgxAccordion is a container-based component that contains that can house multiple expansion panels.
  *
+ * @igxModule IgxAccordionModule
+ *
+ * @igxKeywords accordion
+ *
+ * @igxGroup Layouts
+ *
  * @remarks
  * The Ignite UI for Angular Accordion component enables the user to navigate among multiple collapsing panels
  * displayed in a single container.
  * The accordion offers keyboard navigation and API to control the underlying panels' expansion state.
+ *
+ * @example
+ * ```html
+ * <igx-accordion>
+ *   <igx-expansion-panel *ngFor="let panel of panels">
+ *       ...
+ *   </igx-expansion-panel>
+ * </igx-accordion>
+ * ```
  */
 @Component({
     selector: 'igx-accordion',
@@ -46,6 +61,12 @@ export class IgxAccordionComponent implements AfterContentInit, AfterViewInit, O
     /**
      * Get/Set the `id` of the accordion component.
      * Default value is `"igx-accordion-0"`;
+     * ```html
+     * <igx-accordion id="my-first-accordion"></igx-accordion>
+     * ```
+     * ```typescript
+     * const accordionId = this.accordion.id;
+     * ```
      */
     @HostBinding('attr.id')
     @Input()
@@ -61,6 +82,19 @@ export class IgxAccordionComponent implements AfterContentInit, AfterViewInit, O
 
     /**
      * Get/Set the animation settings that panels should use when expanding/collpasing.
+     *
+     * ```html
+     * <igx-accordion [animationSettings]="customAnimationSettings"></igx-accordion>
+     * ```
+     *
+     * ```typescript
+     * const customAnimationSettings: ToggleAnimationSettings = {
+     *      openAnimation: growVerIn,
+     *      closeAnimation: growVerOut
+     * };
+     *
+     * this.accordion.animationSettings = customAnimationSettings;
+     * ```
      */
     @Input()
     public get animationSettings(): ToggleAnimationSettings {
@@ -75,6 +109,16 @@ export class IgxAccordionComponent implements AfterContentInit, AfterViewInit, O
     /**
      * Get/Set how the accordion handles the expansion of the projected expansion panels.
      * If set to `true`, only a single panel can be expanded at a time, collapsing all others
+     *
+     * ```html
+     * <igx-accordion [singleBranchExpand]="true">
+     * ...
+     * </igx-accordion>
+     * ```
+     *
+     * ```typescript
+     * this.accordion.singleBranchExpand = false;
+     * ```
      */
     @Input({ transform: booleanAttribute })
     public get singleBranchExpand(): boolean {
@@ -93,12 +137,38 @@ export class IgxAccordionComponent implements AfterContentInit, AfterViewInit, O
      *
      * @remarks
      * This event is cancelable.
+     *
+     * ```html
+     * <igx-accordion (panelExpanding)="handlePanelExpanding($event)">
+     * </igx-accordion>
+     * ```
+     *
+     *```typescript
+     * public handlePanelExpanding(event: IExpansionPanelCancelableEventArgs){
+     *  const expandedPanel: IgxExpansionPanelComponent = event.panel;
+     *  if (expandedPanel.disabled) {
+     *      event.cancel = true;
+     *  }
+     * }
+     *```
      */
     @Output()
     public panelExpanding = new EventEmitter<IAccordionCancelableEventArgs>();
 
     /**
      * Emitted after a panel has been expanded.
+     *
+     * ```html
+     * <igx-accordion (panelExpanded)="handlePanelExpanded($event)">
+     * </igx-accordion>
+     * ```
+     *
+     *```typescript
+     * public handlePanelExpanded(event: IExpansionPanelCancelableEventArgs) {
+     *  const expandedPanel: IgxExpansionPanelComponent = event.panel;
+     *  console.log("Panel is expanded: ", expandedPanel.id);
+     * }
+     *```
      */
     @Output()
     public panelExpanded = new EventEmitter<IAccordionEventArgs>();
@@ -108,18 +178,32 @@ export class IgxAccordionComponent implements AfterContentInit, AfterViewInit, O
      *
      * @remarks
      * This event is cancelable.
+     *
+     * ```html
+     * <igx-accordion (panelCollapsing)="handlePanelCollapsing($event)">
+     * </igx-accordion>
+     * ```
      */
     @Output()
     public panelCollapsing = new EventEmitter<IAccordionCancelableEventArgs>();
 
     /**
      * Emitted after a panel has been collapsed.
+     *
+     * ```html
+     * <igx-accordion (panelCollapsed)="handlePanelCollapsed($event)">
+     * </igx-accordion>
+     * ```
      */
     @Output()
     public panelCollapsed = new EventEmitter<IAccordionEventArgs>();
 
     /**
      * Get all panels.
+     *
+     * ```typescript
+     * const panels: IgxExpansionPanelComponent[] = this.accordion.panels;
+     * ```
      */
     public get panels(): IgxExpansionPanelComponent[] {
         return this._panels?.toArray();
@@ -163,6 +247,10 @@ export class IgxAccordionComponent implements AfterContentInit, AfterViewInit, O
 
     /**
      * Expands all collapsed expansion panels.
+     *
+     * ```typescript
+     * accordion.expandAll();
+     * ```
      */
     public expandAll(): void {
         if (this.singleBranchExpand) {
@@ -178,6 +266,10 @@ export class IgxAccordionComponent implements AfterContentInit, AfterViewInit, O
 
     /**
      * Collapses all expanded expansion panels.
+     *
+     * ```typescript
+     * accordion.collapseAll();
+     * ```
      */
     public collapseAll(): void {
         this.panels.forEach(panel => panel.collapse());

projects/igniteui-angular/accordion/src/accordion/accordion.component.ts

@@ -57,9 +57,25 @@ export class IgxActionStripMenuItemDirective {
 /**
  * Action Strip provides templatable area for one or more actions.
  *
+ * @igxModule IgxActionStripModule
+ *
+ * @igxTheme igx-action-strip-theme
+ *
+ * @igxKeywords action, strip, actionStrip, pinning, editing
+ *
+ * @igxGroup Data Entry & Display
+ *
+ * @igxParent IgxGridComponent, IgxTreeGridComponent, IgxHierarchicalGridComponent, IgxRowIslandComponent, *
+ *
  * @remarks
  * The Ignite UI Action Strip is a container, overlaying its parent container,
  * and displaying action buttons with action applicable to the parent component the strip is instantiated or shown for.
+ *
+ * @example
+ * ```html
+ * <igx-action-strip #actionStrip>
+ *     <igx-icon (click)="doSomeAction()"></igx-icon>
+ * </igx-action-strip>
  */
 @Component({
     selector: 'igx-action-strip',
@@ -89,6 +105,11 @@ export class IgxActionStripComponent implements IgxActionStripToken, AfterViewIn
      * Sets the context of an action strip.
      * The context should be an instance of a @Component, that has element property.
      * This element will be the placeholder of the action strip.
+     *
+     * @example
+     * ```html
+     * <igx-action-strip [context]="cell"></igx-action-strip>
+     * ```
      */
     @Input()
     public context: any;
@@ -119,6 +140,11 @@ export class IgxActionStripComponent implements IgxActionStripToken, AfterViewIn
     /**
      * Gets/Sets the visibility of the Action Strip.
      * Could be used to set if the Action Strip will be initially hidden.
+     *
+     * @example
+     * ```html
+     *  <igx-action-strip [hidden]="false">
+     * ```
      */
     @Input({ transform: booleanAttribute })
     public hidden = true;
@@ -259,6 +285,10 @@ export class IgxActionStripComponent implements IgxActionStripToken, AfterViewIn
      * Showing the Action Strip and appending it the specified context element.
      *
      * @param context
+     * @example
+     * ```typescript
+     * this.actionStrip.show(row);
+     * ```
      */
     public show(context?: any): void {
         this.hidden = false;
@@ -278,6 +308,11 @@ export class IgxActionStripComponent implements IgxActionStripToken, AfterViewIn
 
     /**
      * Hiding the Action Strip and removing it from its current context element.
+     *
+     * @example
+     * ```typescript
+     * this.actionStrip.hide();
+     * ```
      */
     public hide(): void {
         this.hidden = true;