@microsoft/windows-admin-center-sdk 4.167.0 → 4.260.0

package/angular/src/controls/accordion/accordion-panel/accordion-panel.component.d.ts

@@ -1,10 +1,14 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class PanelControlComponent {
+    /**
+     * Best effort to make sure the buttons, texts can be focused.
+     */
+    defaultFocusZone: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelControlComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PanelControlComponent, "sme-panel-control", never, {}, {}, never, ["*"], false, never>;
 }
-export declare class AccordionPanelComponent {
+export declare class AccordionPanelComponent implements OnInit {
     /**
      * It determines the header for the panel.
      */
@@ -13,6 +17,11 @@ export declare class AccordionPanelComponent {
      * It indicates whether the panel is opened.
      */
     opened: boolean;
+    /**
+     * It indicates whether the panel is initially opened.
+     * This value will no longer be respected after the control fully loaded.
+     */
+    initialOpened: boolean;
     /**
      * It indicates whether the panel is expandable.
      */
@@ -31,12 +40,12 @@ export declare class AccordionPanelComponent {
      * It indicates whether the panel can be closed.
      */
     canClose: boolean;
-    constructor();
+    ngOnInit(): void;
     toggled: EventEmitter<AccordionPanelComponent>;
     /**
      * The on toggle function implementation.
      */
     onToggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionPanelComponent, "sme-accordion-panel", never, { "header": "header"; "opened": "opened"; "isExpandable": "isExpandable"; "borderRadius": "borderRadius"; "paddingInset": "paddingInset"; }, { "toggled": "toggled"; }, never, ["sme-panel-control", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionPanelComponent, "sme-accordion-panel", never, { "header": "header"; "initialOpened": "initialOpened"; "isExpandable": "isExpandable"; "borderRadius": "borderRadius"; "paddingInset": "paddingInset"; }, { "toggled": "toggled"; }, never, ["sme-panel-control", "*"], false, never>;
 }

package/angular/src/controls/copilot/copilot.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, Injector } from '@angular/core';
+import { Strings } from '../../generated/strings';
+import { CoreBaseComponent } from '../common/base.component';
+import * as i0 from "@angular/core";
+export declare class CopilotComponent extends CoreBaseComponent {
+    /**
+     * The source name to use for logging
+     */
+    protected get logSourceName(): string;
+    /**
+     * Localized set of strings.
+     */
+    strings: Strings;
+    /**
+     * The text for the copilot.
+     */
+    text: string;
+    /**
+     * The clicked function for the copilot.
+     */
+    copilotButtonClicked: EventEmitter<void>;
+    copilotIconUrl: string;
+    constructor(injector: Injector);
+    /**
+     * Handles the click event for the copilot.
+     * @param $event the click event.
+     */
+    click($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopilotComponent, "sme-copilot", never, {}, { "copilotButtonClicked": "copilotButtonClicked"; }, never, never, false, never>;
+}

package/angular/src/controls/copilot/copilot.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./copilot.component";
+import * as i2 from "@angular/common";
+export declare class CopilotModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopilotModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CopilotModule, [typeof i1.CopilotComponent], [typeof i2.CommonModule], [typeof i1.CopilotComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CopilotModule>;
+}

package/angular/src/controls/copilot/index.d.ts

@@ -0,0 +1,2 @@
+export { CopilotComponent } from './copilot.component';
+export { CopilotModule } from './copilot.module';

package/angular/src/controls/details/details.component.d.ts

@@ -31,9 +31,12 @@ export declare class DetailsComponent extends CoreBaseComponent implements OnCha
     expander: ElementRef;
     initialHeightPercentage: number;
     header: string;
+    subHeader: string;
     chevronInverted: boolean;
     chevronPosition: string;
+    set pushChevronFarRight(value: boolean);
     addBottomBorder: boolean;
+    showInfoIcon: boolean;
     /**
      * The detail component's height will be determined on the whole children's height.
      */
@@ -46,6 +49,7 @@ export declare class DetailsComponent extends CoreBaseComponent implements OnCha
     isExpanded: boolean;
     isExpandedChange: EventEmitter<boolean>;
     layoutChanged: EventEmitter<void>;
+    chevronLeftMargin: string;
     private detailsResponsiveWindowManager;
     constructor(injector: Injector, layout: Layout);
     ngOnChanges(changes: SimpleChanges): void;
@@ -67,5 +71,5 @@ export declare class DetailsComponent extends CoreBaseComponent implements OnCha
     protected getInitialHostClasses(): string[];
     protected createIdBag(): MsftSme.StringMap<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DetailsComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DetailsComponent, "sme-details", never, { "initialHeightPercentage": "initialHeightPercentage"; "header": "header"; "chevronInverted": "chevronInverted"; "chevronPosition": "chevronPosition"; "addBottomBorder": "addBottomBorder"; "autoHeight": "autoHeight"; "title": "title"; "isExpanded": "isExpanded"; }, { "isExpandedChange": "isExpandedChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailsComponent, "sme-details", never, { "initialHeightPercentage": "initialHeightPercentage"; "header": "header"; "subHeader": "subHeader"; "chevronInverted": "chevronInverted"; "chevronPosition": "chevronPosition"; "pushChevronFarRight": "pushChevronFarRight"; "addBottomBorder": "addBottomBorder"; "showInfoIcon": "showInfoIcon"; "autoHeight": "autoHeight"; "title": "title"; "isExpanded": "isExpanded"; }, { "isExpandedChange": "isExpandedChange"; }, never, ["*"], false, never>;
 }

package/angular/src/controls/details/details.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./details.component";
 import * as i2 from "@angular/common";
-import * as i3 from "../tooltip/tooltip.module";
+import * as i3 from "../icon/icon.module";
+import * as i4 from "../tooltip/tooltip.module";
 export declare class DetailsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DetailsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DetailsModule, [typeof i1.DetailsComponent], [typeof i2.CommonModule, typeof i3.TooltipModule], [typeof i1.DetailsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DetailsModule, [typeof i1.DetailsComponent], [typeof i2.CommonModule, typeof i3.IconModule, typeof i4.TooltipModule], [typeof i1.DetailsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DetailsModule>;
 }

package/angular/src/controls/dialog/dialog.component.d.ts

@@ -89,6 +89,10 @@ export declare class DialogComponent extends CoreBaseComponent implements OnChan
      * The background color then will be based on the dialog body.
      */
     showBackdrop: boolean;
+    /**
+     * Whether to hide the dialog footer.
+     */
+    hideFooter: boolean;
     /**
      * Whether to enable the feature of clicking outside of the dialog to close the current dialog.
      * True means clicking outside the dialog will close the dialog. We want this to be set to false when there are forms in the dialog.
@@ -169,5 +173,5 @@ export declare class DialogComponent extends CoreBaseComponent implements OnChan
      */
     protected createIdBag(): MsftSme.StringMap<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "sme-dialog", never, { "allowBackgroundInteraction": "allowBackgroundInteraction"; "showBackdrop": "showBackdrop"; "clickBackdrop": "clickBackdrop"; "ariaLabel": "ariaLabel"; "ariaDescription": "ariaDescription"; "actionPane": "actionPane"; "dialogMode": "dialogMode"; "dialogType": "dialogType"; "closeButton": "closeButton"; "compactFullHeight": "compactFullHeight"; }, {}, never, ["sme-dialog-header", "sme-dialog-content", "sme-dialog-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "sme-dialog", never, { "allowBackgroundInteraction": "allowBackgroundInteraction"; "showBackdrop": "showBackdrop"; "hideFooter": "hideFooter"; "clickBackdrop": "clickBackdrop"; "ariaLabel": "ariaLabel"; "ariaDescription": "ariaDescription"; "actionPane": "actionPane"; "dialogMode": "dialogMode"; "dialogType": "dialogType"; "closeButton": "closeButton"; "compactFullHeight": "compactFullHeight"; }, {}, never, ["sme-dialog-header", "sme-dialog-content", "sme-dialog-footer"], false, never>;
 }

package/angular/src/controls/form/form-field/array/array-form-field-accessibility-manager.service.d.ts

@@ -0,0 +1,38 @@
+import { ElementRef } from '@angular/core';
+import { FormFieldAccessibilityManagerBaseService } from '../form-field-accessibility-manager-base.service';
+import * as i0 from "@angular/core";
+export declare class ArrayFormFieldAccessibilityManagerService {
+    protected formFieldAccessibilityManagerBaseService: FormFieldAccessibilityManagerBaseService;
+    private readonly firstFormFieldInArrayItemSelector;
+    constructor(formFieldAccessibilityManagerBaseService: FormFieldAccessibilityManagerBaseService);
+    /**
+     * It handles the focus when deleting an item from the list.
+     * @param value the value for the list.
+     * @param addButton the element reference for the add button.
+     * @param hostElement the element reference for the host element.
+     * @returns void
+     */
+    delete(value: any[], addButton: ElementRef, hostElement: ElementRef): void;
+    /**
+     * It handles the focus when adding an item to the list.
+     * @param value the value for the list.
+     * @param addButton the element reference for the add button.
+     * @param hostElement the element reference for the host element.
+     * @returns void
+     */
+    add(value: any[], addButton: ElementRef, hostElement: ElementRef): void;
+    /**
+     * It handles the focus when promoting an item in the list.
+     * @param hostElement The element reference for the host element.
+     * @param index the current index.
+     */
+    promote(value: any[], hostElement: ElementRef, index: number): void;
+    /**
+     * It handles the focus when demoting an item in the list.
+     * @param hostElement The element reference for the host element.
+     * @param index the current index.
+     */
+    demote(value: any[], hostElement: ElementRef, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayFormFieldAccessibilityManagerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ArrayFormFieldAccessibilityManagerService>;
+}

package/angular/src/controls/form/form-field/array/array-form-field.component.d.ts

@@ -4,6 +4,7 @@ import { ValidationAlerts } from '../../../form/validation-alert/validation-aler
 import { ArrayPropertySchemaFieldLoaderComponent } from '../../../schema/schema-field-host.component';
 import { SmeInternalFormFieldComponent } from '../form-field.component';
 import { FormFieldIsolatorComponent } from '../isolator/isolator.component';
+import { ArrayFormFieldAccessibilityManagerService } from './array-form-field-accessibility-manager.service';
 import * as i0 from "@angular/core";
 export interface AskForNewItemEventArgs {
     item: any;
@@ -25,6 +26,7 @@ export declare class ArrayFormFieldLoaderComponent extends ArrayPropertySchemaFi
  * Accessible Implementation of a form field for .sme-array
  */
 export declare class ArrayFormFieldComponent extends SmeInternalFormFieldComponent<any[]> implements OnInit {
+    protected arrayFormFieldAccessibilityManagerService: ArrayFormFieldAccessibilityManagerService;
     private _itemTitle;
     /**
      * The source name to use for logging
@@ -88,7 +90,7 @@ export declare class ArrayFormFieldComponent extends SmeInternalFormFieldCompone
     /**
      * Initializes a new instance of the JsonFormFieldComponent
      */
-    constructor(injector: Injector);
+    constructor(injector: Injector, arrayFormFieldAccessibilityManagerService: ArrayFormFieldAccessibilityManagerService);
     /**
      * The method called after the component is initialized.
      */

package/angular/src/controls/form/form-field/form-field-accessibility-manager-base.service.d.ts

@@ -0,0 +1,37 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A re-usable form field accessibility manager.
+ */
+export declare class FormFieldAccessibilityManagerBaseService {
+    /**
+     * The focus handler on delete/add if the form field is a list.
+     * @param value The value for the list form field.
+     * @param addButton The component reference for the add button.
+     * @param hostElement The host element reference.
+     * @param isDelete Determine if the action is delete.
+     * @returns void
+     */
+    listFormFieldFocusHandlerOnKeyboardAction(value: string[], addButton: ElementRef | undefined, hostElement: ElementRef, isDelete?: boolean): void;
+    /**
+     * The focus handler on delete/add if the form field is a list. And the list is built with a specific selector.
+     * @param value The value for the list form field.
+     * @param addButton The component reference for the add button.
+     * @param hostElement The host element reference.
+     * @param selector The selector for the input fields.
+     * @returns void
+     */
+    listFormFieldFocusHandlerOnKeyboardActionBySelector(value: string[], addButton: ElementRef | undefined, hostElement: ElementRef, selector: string): void;
+    /**
+     * It handles the focus on the input field by index if value is type of any[].
+     * @param hostElement the host form field element.
+     * @param index the index of the input field to focus on.
+     * @returns void.
+     */
+    focusOnInputByIndex(hostElement: ElementRef, index: number): void;
+    deferredFocusOnTargetBySelector(value: string[], hostElement: ElementRef, selector: string): void;
+    protected deferredFocusOnAddButton(addButton: ElementRef | undefined): void;
+    protected deferredFocusOnInputFields(hostElement: ElementRef, value: string[], isDelete?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldAccessibilityManagerBaseService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormFieldAccessibilityManagerBaseService>;
+}

package/angular/src/controls/form/form-field/list/list-form-field-accessibility-manager.service.d.ts

@@ -0,0 +1,25 @@
+import { ElementRef } from '@angular/core';
+import { FormFieldAccessibilityManagerBaseService } from '../form-field-accessibility-manager-base.service';
+import * as i0 from "@angular/core";
+export declare class ListFormFieldAccessibilityManagerService {
+    protected formFieldAccessibilityManagerBaseService: FormFieldAccessibilityManagerBaseService;
+    constructor(formFieldAccessibilityManagerBaseService: FormFieldAccessibilityManagerBaseService);
+    /**
+     * It handles the focus when deleting an item from the list.
+     * @param value the value for the list.
+     * @param addButton the element reference for the add button.
+     * @param hostElement the element reference for the host element.
+     * @returns void
+     */
+    delete(value: string[] | any[], addButton: ElementRef | undefined, hostElement: ElementRef): void;
+    /**
+     * It handles the focus when adding an item to the list.
+     * @param value the value for the list.
+     * @param addButton the element reference for the add button.
+     * @param hostElement the element reference for the host element.
+     * @returns void
+     */
+    add(value: string[] | any[], addButton: ElementRef | undefined, hostElement: ElementRef): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListFormFieldAccessibilityManagerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ListFormFieldAccessibilityManagerService>;
+}

package/angular/src/controls/form/form-field/list/list-form-field.component.d.ts

@@ -1,12 +1,18 @@
-import { Injector, OnInit } from '@angular/core';
+import { ElementRef, Injector, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { ValidationAlerts } from '../../validation-alert/validation-alert';
 import { SmeInternalFormFieldComponent } from '../form-field.component';
+import { ListFormFieldAccessibilityManagerService } from './list-form-field-accessibility-manager.service';
 import * as i0 from "@angular/core";
 /**
  * Accessible Implementation of a form field for a string array
  */
 export declare class ListFormFieldComponent extends SmeInternalFormFieldComponent<string[]> implements OnInit {
+    protected listFormFieldAccessibilityManagerService: ListFormFieldAccessibilityManagerService;
+    /**
+     * The view child component for the add button
+     */
+    addButton: ElementRef;
     /**
      * The source name to use for logging
      */
@@ -18,7 +24,11 @@ export declare class ListFormFieldComponent extends SmeInternalFormFieldComponen
     /**
      * Initializes a new instance of the ListFormFieldComponent
      */
-    constructor(injector: Injector);
+    constructor(injector: Injector, listFormFieldAccessibilityManagerService: ListFormFieldAccessibilityManagerService);
+    /**
+     * It gets the aria label for the add button that can respect when the field is required.
+     */
+    get addButtonAriaLabel(): string;
     /**
      * The method called after the component is initialized.
      */

package/angular/src/controls/form/form-field/ordered-list/ordered-list-form-field-accessibility-manager.service.d.ts

@@ -0,0 +1,37 @@
+import { ElementRef } from '@angular/core';
+import { FormFieldAccessibilityManagerBaseService } from '../form-field-accessibility-manager-base.service';
+import * as i0 from "@angular/core";
+export declare class OrderedListFormFieldAccessibilityManagerService {
+    protected formFieldAccessibilityManagerBaseService: FormFieldAccessibilityManagerBaseService;
+    constructor(formFieldAccessibilityManagerBaseService: FormFieldAccessibilityManagerBaseService);
+    /**
+     * It handles the focus when deleting an item from the list.
+     * @param value the value for the list.
+     * @param addButton the element reference for the add button.
+     * @param hostElement the element reference for the host element.
+     * @returns void
+     */
+    delete(value: any[], addButton: ElementRef, hostElement: ElementRef): void;
+    /**
+     * It handles the focus when adding an item to the list.
+     * @param value the value for the list.
+     * @param addButton the element reference for the add button.
+     * @param hostElement the element reference for the host element.
+     * @returns void
+     */
+    add(value: any[], addButton: ElementRef, hostElement: ElementRef): void;
+    /**
+     * It handles the focus when promoting an item in the list.
+     * @param hostElement The element reference for the host element.
+     * @param index the current index.
+     */
+    promote(value: any[], hostElement: ElementRef, buttonId: string): void;
+    /**
+     * It handles the focus when demoting an item in the list.
+     * @param hostElement The element reference for the host element.
+     * @param index the current index.
+     */
+    demote(value: any[], hostElement: ElementRef, buttonId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrderedListFormFieldAccessibilityManagerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OrderedListFormFieldAccessibilityManagerService>;
+}

package/angular/src/controls/form/form-field/ordered-list/ordered-list-form-field.component.d.ts

@@ -1,8 +1,9 @@
-import { Injector, OnInit } from '@angular/core';
+import { ElementRef, Injector, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { SimplePropertySchemaFieldLoaderComponent } from '../../../schema/schema-field-host.component';
 import { ValidationAlerts } from '../../validation-alert/validation-alert';
 import { SmeInternalOptionsFormFieldComponent } from '../options-form-field/options-form-field.component';
+import { OrderedListFormFieldAccessibilityManagerService } from './ordered-list-form-field-accessibility-manager.service';
 import * as i0 from "@angular/core";
 export declare class OrderedListFormFieldLoaderComponent extends SimplePropertySchemaFieldLoaderComponent {
     /**
@@ -19,6 +20,7 @@ export declare class OrderedListFormFieldLoaderComponent extends SimplePropertyS
  * Accessible Implementation of a form field combo box.
  */
 export declare class OrderedListFormFieldComponent<TValue> extends SmeInternalOptionsFormFieldComponent<Array<TValue>> implements OnInit {
+    protected orderedListFormFieldAccessibilityManagerService: OrderedListFormFieldAccessibilityManagerService;
     /**
      * The source name to use for logging
      */
@@ -27,6 +29,10 @@ export declare class OrderedListFormFieldComponent<TValue> extends SmeInternalOp
      * Single selection is not supported by ordered list
      */
     readonly multiple = true;
+    /**
+     * The view child component for the add button.
+     */
+    addButton: ElementRef;
     /**
      * Indicates if the add and remove actions should be shown
      */
@@ -60,13 +66,15 @@ export declare class OrderedListFormFieldComponent<TValue> extends SmeInternalOp
      */
     get ariaLabel(): string;
     /**
-     * Tracks when new item is added to place focus on.
+     * The aria label for the add/remove button when aria label is passed in.
+     * The aria label needs to be in sync with the add button text so that narrator can read the correct content.
+     * It should also respect the required state.
      */
-    private newItemAdded;
+    get addRemoveButtonArialLabel(): string;
     /**
      * Initializes a new instance of the OrderedListFormFieldComponent
      */
-    constructor(injector: Injector);
+    constructor(injector: Injector, orderedListFormFieldAccessibilityManagerService: OrderedListFormFieldAccessibilityManagerService);
     /**
      * The method called after the component is initialized.
      */
@@ -116,10 +124,6 @@ export declare class OrderedListFormFieldComponent<TValue> extends SmeInternalOp
      * @returns The original array with the specified element moved.
      */
     moveItem(startingIndex: number, destinationIndex: number): void;
-    /**
-     * Places focus on new item when it is added.
-     */
-    newItemCheck(): void;
     /**
      * The method called when a <select> element's value changes.
      */

package/angular/src/controls/guided-panel/guided-pane/guided-pane.component.d.ts

@@ -6,6 +6,10 @@ export declare class GuidedPaneComponent {
      * Host element binding for the display of the pane
      */
     get getTop(): "none" | "block";
+    /**
+     * Host element binding for the height of the pane
+     */
+    get fullHeight(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GuidedPaneComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GuidedPaneComponent, "sme-guided-pane", never, { "paneId": "paneId"; }, {}, never, ["*"], false, never>;
 }

package/angular/src/controls/index.d.ts

@@ -20,6 +20,7 @@ export * from './breadcrumb/index';
 export * from './chart/index';
 export * from './common/index';
 export * from './context-menu/index';
+export * from './copilot/index';
 export * from './data-table/index';
 export * from './details/index';
 export * from './dialog/index';
@@ -47,6 +48,8 @@ export * from './schema/index';
 export * from './settings/index';
 export * from './snap-in-extension/index';
 export * from './split-view/index';
+export * from './summary/index';
+export * from './summary-group/index';
 export * from './tile/index';
 export * from './tooltip/index';
 export * from './ux/sme-ux-content/index';

package/angular/src/controls/summary/index.d.ts

@@ -0,0 +1,3 @@
+export { SummaryComponent } from './summary.component';
+export { SummaryItem } from './summary-item';
+export { SummaryModule } from './summary.module';

package/angular/src/controls/summary/summary-item.d.ts

@@ -0,0 +1,105 @@
+import { StatusIconType } from '../icon/layered-icon/status/status-icon.component';
+export interface SummaryItemOptions {
+    /**
+     * It indicates whether the summary item is async.
+     */
+    isAsync?: boolean;
+    /**
+     * The link for the summary item.
+     */
+    link?: string;
+    /**
+     * It indicates whether the summary item is external link.
+     */
+    isExternalLink?: boolean;
+    /**
+     * The plain string content for value when value is link or action.
+     */
+    prefixString?: string;
+    /**
+     * It indicates the action for the summary item.
+     */
+    action?: MsftSme.Action1<SummaryItem>;
+    /**
+     * The tooltip for the summary item.
+     */
+    tooltip?: string;
+    /**
+     * The icon class for the summary item.
+     */
+    iconClass?: string;
+    /**
+     * The status for the summary item.
+     */
+    status?: StatusIconType.Bindable;
+    /**
+     * It indicates whether the summary item is loading.
+     * This parameter has to have isAsync set to true to use.
+     */
+    loading?: boolean;
+}
+export declare class SummaryItem {
+    options: SummaryItemOptions;
+    /**
+     * The internal value/context for the summary item.
+     */
+    private internalValue;
+    /**
+     * The label for the summary item.
+     */
+    label: string;
+    /**
+     * The plain string content for value when value is link or action.
+     */
+    prefixString: string;
+    /**
+     * The setter for value/context.
+     */
+    set value(input: any);
+    /**
+     * The getter for value/context.
+     */
+    get value(): any;
+    /**
+     * It indicates the action for the summary item.
+     */
+    action: MsftSme.Action1<SummaryItem>;
+    /**
+     * The link for the summary item.
+     */
+    link: string;
+    /**
+     * The tooltip for the summary item.
+     */
+    tooltip: string;
+    /**
+     * It indicates whether the summary item is external link.
+     */
+    isExternalLink: boolean;
+    /**
+     * The icon class for the summary item.
+     */
+    iconClass: string;
+    /**
+     * The status for the summary item.
+     */
+    status: StatusIconType.Bindable;
+    /**
+     * It indicates the rendering of loading wheel when data unloaded.
+     */
+    isAsync: boolean;
+    /**
+     * It indicates whether the summary item is loading.
+     * This parameter has to have isAsync set to true to use.
+     */
+    loading: boolean;
+    constructor(label: string, value: string, options?: SummaryItemOptions);
+    /**
+     * Gets the status class to apply to this components value section
+     */
+    get statusClass(): string;
+    /**
+     * Give the ability to reset loading.
+     */
+    resetLoading(): void;
+}

package/angular/src/controls/summary/summary.component.d.ts

@@ -0,0 +1,82 @@
+import { ElementRef, Injector, OnInit, TemplateRef } from '@angular/core';
+import { CoreBaseComponent } from '../common/base.component';
+import { SummaryItem } from './summary-item';
+import * as i0 from "@angular/core";
+/**
+ *
+ * @smeDoc {@label Summary @id sme-summary}
+ *
+ * @overview
+ * @file {@filepath ./examples/summary-overview.md}
+ *
+ * @example {@label Basic Usage @id basic-usage}
+ * @file {@filename component.ts @filepath ./examples/summary-example.component.ts}
+ * @file {@filename component.html @filepath ./examples/summary-example.component.html}
+ *
+ */
+export declare class SummaryComponent extends CoreBaseComponent implements OnInit {
+    /**
+     * Header for the summary control.
+     */
+    header: string;
+    /**
+     * Icon url for the summary control icon.
+     */
+    iconUrl: string;
+    /**
+     * Icon class for the summary control icon.
+     */
+    iconClass: string;
+    /**
+     * Key-value items to be displayed in the summary control.
+     */
+    items: SummaryItem[];
+    /**
+     * The template reference for displaying read-only value.
+     */
+    readonlyTemplate: TemplateRef<ElementRef>;
+    /**
+     * The template reference for displaying action link.
+     */
+    actionLinkTemplate: TemplateRef<ElementRef>;
+    /**
+     * The template reference for displaying internal link.
+     */
+    internalLinkTemplate: TemplateRef<ElementRef>;
+    /**
+     * The template reference for displaying external link.
+     */
+    externalLinkTemplate: TemplateRef<ElementRef>;
+    constructor(injector: Injector);
+    /**
+     * Stringify the value for the item.
+     * @param value The value to stringify.
+     */
+    stringifyValue(value: any): string;
+    /**
+     * Get the template for the item.
+     * @param item The summary item.
+     * @returns The template for the item.
+     */
+    getTemplate(item: SummaryItem): TemplateRef<ElementRef>;
+    /**
+     * Get the description for the internal link.
+     * @param item The summary item.
+     * @returns The description for the internal link.
+     */
+    getInternalLinkDescription(item: SummaryItem): string;
+    /**
+     * Get the description for the external link.
+     * @param item The summary item.
+     * @returns The description for the external link.
+     */
+    getExternalLinkDescription(item: SummaryItem): string;
+    /**
+     * Creates the idBag used by this component to store unique element ids.
+     * id values will be assigned be the @see BaseComponent super class.
+     */
+    protected createIdBag(): MsftSme.StringMap<string>;
+    protected get logSourceName(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SummaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SummaryComponent, "sme-summary", never, { "header": "header"; "iconUrl": "iconUrl"; "iconClass": "iconClass"; "items": "items"; }, {}, never, never, false, never>;
+}

package/angular/src/controls/summary/summary.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./summary.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.module";
+import * as i4 from "../loading-wheel/loading-wheel.module";
+import * as i5 from "@angular/router";
+export declare class SummaryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SummaryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SummaryModule, [typeof i1.SummaryComponent], [typeof i2.CommonModule, typeof i3.IconModule, typeof i4.LoadingWheelModule, typeof i5.RouterModule], [typeof i1.SummaryComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SummaryModule>;
+}

package/angular/src/controls/summary-group/index.d.ts

@@ -0,0 +1,3 @@
+export { SummaryGroupComponent } from './summary-group.component';
+export { SummaryGroupItems } from './summary-group.component';
+export { SummaryGroupModule } from './summary-group.module';