@skyux/code-examples 15.0.0-alpha.0 → 15.0.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/code-examples",
-  "version": "15.0.0-alpha.0",
+  "version": "15.0.0-alpha.2",
   "author": "Blackbaud, Inc.",
   "description": "Internal SKY UX use only",
   "keywords": [
@@ -17,45 +17,46 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
-    "@angular/cdk": "^22.0.1",
-    "@angular/common": "^22.0.1",
-    "@angular/core": "^22.0.1",
-    "@angular/forms": "^22.0.1",
-    "@angular/router": "^22.0.1",
+    "@angular/cdk": "^22.0.4",
+    "@angular/common": "^22.0.6",
+    "@angular/core": "^22.0.6",
+    "@angular/forms": "^22.0.6",
+    "@angular/router": "^22.0.6",
     "@blackbaud/angular-tree-component": "^1.0.0",
-    "@skyux/action-bars": "15.0.0-alpha.0",
-    "@skyux/ag-grid": "15.0.0-alpha.0",
-    "@skyux/angular-tree-component": "15.0.0-alpha.0",
-    "@skyux/autonumeric": "15.0.0-alpha.0",
-    "@skyux/avatar": "15.0.0-alpha.0",
-    "@skyux/colorpicker": "15.0.0-alpha.0",
-    "@skyux/core": "15.0.0-alpha.0",
-    "@skyux/data-manager": "15.0.0-alpha.0",
-    "@skyux/datetime": "15.0.0-alpha.0",
-    "@skyux/errors": "15.0.0-alpha.0",
-    "@skyux/filter-bar": "15.0.0-alpha.0",
-    "@skyux/flyout": "15.0.0-alpha.0",
-    "@skyux/forms": "15.0.0-alpha.0",
-    "@skyux/help-inline": "15.0.0-alpha.0",
-    "@skyux/icon": "15.0.0-alpha.0",
-    "@skyux/indicators": "15.0.0-alpha.0",
-    "@skyux/inline-form": "15.0.0-alpha.0",
-    "@skyux/layout": "15.0.0-alpha.0",
-    "@skyux/lists": "15.0.0-alpha.0",
-    "@skyux/lookup": "15.0.0-alpha.0",
-    "@skyux/modals": "15.0.0-alpha.0",
-    "@skyux/navbar": "15.0.0-alpha.0",
-    "@skyux/pages": "15.0.0-alpha.0",
-    "@skyux/phone-field": "15.0.0-alpha.0",
-    "@skyux/popovers": "15.0.0-alpha.0",
-    "@skyux/progress-indicator": "15.0.0-alpha.0",
-    "@skyux/router": "15.0.0-alpha.0",
-    "@skyux/split-view": "15.0.0-alpha.0",
-    "@skyux/tabs": "15.0.0-alpha.0",
-    "@skyux/text-editor": "15.0.0-alpha.0",
-    "@skyux/tiles": "15.0.0-alpha.0",
-    "@skyux/toast": "15.0.0-alpha.0",
-    "@skyux/validation": "15.0.0-alpha.0",
+    "@skyux/action-bars": "15.0.0-alpha.2",
+    "@skyux/ag-grid": "15.0.0-alpha.2",
+    "@skyux/angular-tree-component": "15.0.0-alpha.2",
+    "@skyux/autonumeric": "15.0.0-alpha.2",
+    "@skyux/avatar": "15.0.0-alpha.2",
+    "@skyux/colorpicker": "15.0.0-alpha.2",
+    "@skyux/core": "15.0.0-alpha.2",
+    "@skyux/data-grid": "15.0.0-alpha.2",
+    "@skyux/data-manager": "15.0.0-alpha.2",
+    "@skyux/datetime": "15.0.0-alpha.2",
+    "@skyux/errors": "15.0.0-alpha.2",
+    "@skyux/filter-bar": "15.0.0-alpha.2",
+    "@skyux/flyout": "15.0.0-alpha.2",
+    "@skyux/forms": "15.0.0-alpha.2",
+    "@skyux/help-inline": "15.0.0-alpha.2",
+    "@skyux/icon": "15.0.0-alpha.2",
+    "@skyux/indicators": "15.0.0-alpha.2",
+    "@skyux/inline-form": "15.0.0-alpha.2",
+    "@skyux/layout": "15.0.0-alpha.2",
+    "@skyux/lists": "15.0.0-alpha.2",
+    "@skyux/lookup": "15.0.0-alpha.2",
+    "@skyux/modals": "15.0.0-alpha.2",
+    "@skyux/navbar": "15.0.0-alpha.2",
+    "@skyux/pages": "15.0.0-alpha.2",
+    "@skyux/phone-field": "15.0.0-alpha.2",
+    "@skyux/popovers": "15.0.0-alpha.2",
+    "@skyux/progress-indicator": "15.0.0-alpha.2",
+    "@skyux/router": "15.0.0-alpha.2",
+    "@skyux/split-view": "15.0.0-alpha.2",
+    "@skyux/tabs": "15.0.0-alpha.2",
+    "@skyux/text-editor": "15.0.0-alpha.2",
+    "@skyux/tiles": "15.0.0-alpha.2",
+    "@skyux/toast": "15.0.0-alpha.2",
+    "@skyux/validation": "15.0.0-alpha.2",
     "ag-grid-angular": "^35.1.0",
     "ag-grid-community": "^35.1.0"
   },

package/types/skyux-code-examples.d.ts

@@ -14,6 +14,7 @@ import { SkyColorpickerOutput, SkyColorpickerMessage } from '@skyux/colorpicker'
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 import { SkyNumericOptions } from '@skyux/core';
+import { SkyDataGridSort } from '@skyux/data-grid';
 import { SkyDateRangeCalculation, SkyDateRangeCalculatorId, SkyDateRangeCalculator, SkyDatepickerCalendarChange, SkyTimepickerTimeOutput } from '@skyux/datetime';
 import { SkyKeyInfoLayoutType, SkyIndicatorDescriptionType, SkyLabelType, SkyToken, SkyTokensMessage, SkyTokenSelectedEventArgs } from '@skyux/indicators';
 import { SkyInlineFormConfig, SkyInlineFormCloseArgs } from '@skyux/inline-form';
@@ -84,7 +85,7 @@ declare class ActionBarsSummaryActionBarTabExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ActionBarsSummaryActionBarTabExampleComponent, "app-action-bars-summary-action-bar-tab-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$a {
+interface AutocompleteOption$c {
     id: string;
     name: string;
 }
@@ -94,8 +95,8 @@ interface AgGridDemoRow$5 {
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$a;
-    jobTitle?: AutocompleteOption$a;
+    department: AutocompleteOption$c;
+    jobTitle?: AutocompleteOption$c;
 }
 
 /**
@@ -112,7 +113,7 @@ declare class AgGridDataEntryGridBasicExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataEntryGridBasicExampleComponent, "app-ag-grid-data-entry-grid-basic-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$9 {
+interface AutocompleteOption$b {
     id: string;
     name: string;
 }
@@ -123,8 +124,8 @@ interface AgGridDemoRow$4 {
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$9;
-    jobTitle?: AutocompleteOption$9;
+    department: AutocompleteOption$b;
+    jobTitle?: AutocompleteOption$b;
     validationCurrency?: string;
     validationDate?: string;
 }
@@ -156,7 +157,7 @@ declare class AgGridDataEntryGridDataManagerAddedExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataEntryGridDataManagerAddedExampleComponent, "app-ag-grid-data-entry-grid-data-manager-added-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$8 {
+interface AutocompleteOption$a {
     id: string;
     name: string;
 }
@@ -166,10 +167,10 @@ interface AgGridDemoRow$3 {
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$8;
-    jobTitle?: AutocompleteOption$8;
-    validationCurrency?: AutocompleteOption$8;
-    validationDate?: AutocompleteOption$8;
+    department: AutocompleteOption$a;
+    jobTitle?: AutocompleteOption$a;
+    validationCurrency?: AutocompleteOption$a;
+    validationDate?: AutocompleteOption$a;
 }
 
 /**
@@ -182,7 +183,7 @@ declare class AgGridDataEntryGridFocusExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataEntryGridFocusExampleComponent, "app-ag-grid-data-entry-grid-focus-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$7 {
+interface AutocompleteOption$9 {
     id: string;
     name: string;
 }
@@ -192,8 +193,8 @@ interface AgGridDemoRow$2 {
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$7;
-    jobTitle?: AutocompleteOption$7;
+    department: AutocompleteOption$9;
+    jobTitle?: AutocompleteOption$9;
     validationCurrency?: string;
     validationDate?: string;
 }
@@ -212,7 +213,7 @@ declare class AgGridDataEntryGridInlineHelpExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataEntryGridInlineHelpExampleComponent, "app-ag-grid-data-entry-grid-inline-help-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$6 {
+interface AutocompleteOption$8 {
     id: string;
     name: string;
 }
@@ -231,7 +232,7 @@ declare class AgGridDataGridBasicMultiselectExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$6;
+        jobTitle: AutocompleteOption$8;
         endDate?: undefined;
     } | {
         selected: boolean;
@@ -254,7 +255,7 @@ declare class AgGridDataGridBasicMultiselectExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$6;
+        jobTitle: AutocompleteOption$8;
     })[];
     protected gridOptions: GridOptions;
     constructor();
@@ -262,7 +263,7 @@ declare class AgGridDataGridBasicMultiselectExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridBasicMultiselectExampleComponent, "app-ag-grid-data-grid-basic-multiselect-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$5 {
+interface AutocompleteOption$7 {
     id: string;
     name: string;
 }
@@ -280,7 +281,7 @@ declare class AgGridDataGridBasicExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$5;
+        jobTitle: AutocompleteOption$7;
         endDate?: undefined;
     } | {
         name: string;
@@ -301,7 +302,7 @@ declare class AgGridDataGridBasicExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$5;
+        jobTitle: AutocompleteOption$7;
     })[];
     protected gridOptions: GridOptions;
     constructor();
@@ -309,7 +310,7 @@ declare class AgGridDataGridBasicExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridBasicExampleComponent, "app-ag-grid-data-grid-basic-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$4 {
+interface AutocompleteOption$6 {
     id: string;
     name: string;
 }
@@ -320,8 +321,8 @@ interface AgGridDemoRow$1 {
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$4;
-    jobTitle?: AutocompleteOption$4;
+    department: AutocompleteOption$6;
+    jobTitle?: AutocompleteOption$6;
 }
 
 declare class SalesModalComponent$1 implements SkyFilterItemModal {
@@ -350,7 +351,7 @@ declare class AgGridDataGridDataManagerMultiselectExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridDataManagerMultiselectExampleComponent, "app-ag-grid-data-grid-data-manager-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$3 {
+interface AutocompleteOption$5 {
     id: string;
     name: string;
 }
@@ -361,8 +362,8 @@ interface AgGridDemoRow {
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$3;
-    jobTitle?: AutocompleteOption$3;
+    department: AutocompleteOption$5;
+    jobTitle?: AutocompleteOption$5;
 }
 
 declare class SalesModalComponent implements SkyFilterItemModal {
@@ -391,7 +392,7 @@ declare class AgGridDataGridDataManagerExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridDataManagerExampleComponent, "app-ag-grid-data-grid-data-manager-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$2 {
+interface AutocompleteOption$4 {
     id: string;
     name: string;
 }
@@ -409,7 +410,7 @@ declare class AgGridDataGridInlineHelpExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$2;
+        jobTitle: AutocompleteOption$4;
         endDate?: undefined;
     } | {
         name: string;
@@ -430,7 +431,7 @@ declare class AgGridDataGridInlineHelpExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$2;
+        jobTitle: AutocompleteOption$4;
     })[];
     protected gridOptions: GridOptions;
     protected searchText: string;
@@ -442,7 +443,7 @@ declare class AgGridDataGridInlineHelpExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridInlineHelpExampleComponent, "app-ag-grid-data-grid-inline-help-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption$1 {
+interface AutocompleteOption$3 {
     id: string;
     name: string;
 }
@@ -462,7 +463,7 @@ declare class AgGridDataGridPagingExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$1;
+        jobTitle: AutocompleteOption$3;
         endDate?: undefined;
     } | {
         name: string;
@@ -483,7 +484,7 @@ declare class AgGridDataGridPagingExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$1;
+        jobTitle: AutocompleteOption$3;
     })[];
     protected gridOptions: GridOptions;
     constructor();
@@ -525,7 +526,7 @@ declare class AgGridDataGridTemplateRefColumnExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridTemplateRefColumnExampleComponent, "app-ag-grid-data-grid-template-ref-column-example", never, {}, {}, never, never, true, never>;
 }
 
-interface AutocompleteOption {
+interface AutocompleteOption$2 {
     id: string;
     name: string;
 }
@@ -544,7 +545,7 @@ declare class AgGridDataGridTopScrollExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption;
+        jobTitle: AutocompleteOption$2;
         endDate?: undefined;
     } | {
         selected: boolean;
@@ -567,7 +568,7 @@ declare class AgGridDataGridTopScrollExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption;
+        jobTitle: AutocompleteOption$2;
     })[];
     protected gridOptions: GridOptions;
     protected searchText: string;
@@ -840,6 +841,138 @@ declare class CoreNumericBasicExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<CoreNumericBasicExampleComponent, "app-core-numeric-basic-example", never, { "defaultValue": { "alias": "defaultValue"; "required": false; }; "configuredValue": { "alias": "configuredValue"; "required": false; }; "numericOptions": { "alias": "numericOptions"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+interface AutocompleteOption$1 {
+    id: string;
+    name: string;
+}
+interface DataGridDemoRow {
+    id: string;
+    selected?: boolean;
+    name: string;
+    age: number;
+    startDate: Date;
+    endDate?: Date;
+    department: AutocompleteOption$1;
+    jobTitle?: AutocompleteOption$1;
+}
+
+/**
+ * @title Basic data grid
+ */
+declare class DataGridBasicExampleComponent {
+    protected readonly gridData: i0.WritableSignal<DataGridDemoRow[]>;
+    protected readonly selectedRowIds: i0.ModelSignal<string[]>;
+    protected readonly selectedNames: i0.Signal<string>;
+    actionClicked(row: DataGridDemoRow, action: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataGridBasicExampleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridBasicExampleComponent, "app-data-grid-basic-example", never, { "selectedRowIds": { "alias": "selectedRowIds"; "required": false; "isSignal": true; }; }, { "selectedRowIds": "selectedRowIdsChange"; }, never, never, true, never>;
+}
+
+interface DataGridLoadingRow {
+    id: string;
+    name: string;
+    age: number;
+    startDate: Date;
+}
+/**
+ * A single page of rows returned from the server, along with the total number
+ * of rows available so the grid can size its paging controls.
+ */
+interface DataGridServerPage {
+    items: DataGridLoadingRow[];
+    totalCount: number;
+}
+
+/**
+ * @title Data grid with a server-side resource data source
+ */
+declare class DataGridLoadingExampleComponent {
+    #private;
+    readonly delay: i0.InputSignal<number>;
+    protected readonly pageSize = 5;
+    protected readonly page: i0.WritableSignal<number>;
+    protected readonly sort: i0.WritableSignal<SkyDataGridSort | undefined>;
+    protected readonly rowCount: i0.WritableSignal<number>;
+    protected readonly data: i0.ResourceRef<DataGridServerPage | undefined>;
+    constructor();
+    protected showData(): void;
+    protected showEmpty(): void;
+    protected showLoading(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataGridLoadingExampleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridLoadingExampleComponent, "app-data-grid-loading-example", never, { "delay": { "alias": "delay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface AutocompleteOption {
+    id: string;
+    name: string;
+}
+
+/**
+ * @title Data grid with paging using router query parameters
+ */
+declare class DataGridPagingExampleComponent {
+    protected readonly data: ({
+        id: string;
+        name: string;
+        age: number;
+        startDate: Date;
+        department: {
+            id: string;
+            name: string;
+        };
+        jobTitle: AutocompleteOption;
+        active: boolean;
+        endDate?: undefined;
+    } | {
+        id: string;
+        name: string;
+        age: number;
+        startDate: Date;
+        endDate: Date;
+        department: {
+            id: string;
+            name: string;
+        };
+        active: boolean;
+        jobTitle?: undefined;
+    } | {
+        id: string;
+        name: string;
+        age: number;
+        startDate: Date;
+        endDate: Date;
+        department: {
+            id: string;
+            name: string;
+        };
+        jobTitle: AutocompleteOption;
+        active: boolean;
+    })[];
+    protected readonly pageQueryParam: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataGridPagingExampleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridPagingExampleComponent, "app-data-grid-paging-example", never, {}, {}, never, never, true, never>;
+}
+
+interface DataGridSortingRow {
+    id: string;
+    name: string;
+    age: number;
+    startDate: Date;
+}
+
+/**
+ * @title Data grid with two-way sort binding
+ */
+declare class DataGridSortingExampleComponent {
+    protected readonly data: DataGridSortingRow[];
+    protected readonly sort: i0.WritableSignal<SkyDataGridSort | undefined>;
+    protected readonly sortDescription: i0.Signal<string>;
+    protected sortByAgeDescending(): void;
+    protected clearSort(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataGridSortingExampleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridSortingExampleComponent, "app-data-grid-sorting-example", never, {}, {}, never, never, true, never>;
+}
+
 interface DataManagerDemoRow {
     selected?: boolean;
     id: string;
@@ -3034,4 +3167,4 @@ declare class ValidationUrlValidationDirectiveExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ValidationUrlValidationDirectiveExampleComponent, "app-validation-url-validation-directive-example", never, {}, {}, never, never, true, never>;
 }
 
-export { ActionBarsSummaryActionBarBasicExampleComponent, ActionBarsSummaryActionBarErrorExampleComponent, ActionBarsSummaryActionBarModalExampleComponent, ActionBarsSummaryActionBarTabExampleComponent, AgGridDataEntryGridBasicExampleComponent, AgGridDataEntryGridDataManagerAddedExampleComponent, AgGridDataEntryGridFocusExampleComponent, AgGridDataEntryGridInlineHelpExampleComponent, AgGridDataGridBasicExampleComponent, AgGridDataGridBasicMultiselectExampleComponent, AgGridDataGridDataManagerExampleComponent, AgGridDataGridDataManagerMultiselectExampleComponent, AgGridDataGridInlineHelpExampleComponent, AgGridDataGridPagingExampleComponent, AgGridDataGridTemplateRefColumnExampleComponent, AgGridDataGridTopScrollExampleComponent, AngularTreeComponentAngularTreeBasicExampleComponent, AngularTreeComponentAngularTreeHelpKeyExampleComponent, AngularTreeComponentAngularTreePreselectedNodesExampleComponent, AutonumericCurrencyExampleComponent, AutonumericInternationalFormattingExampleComponent, AutonumericOptionsProviderExampleComponent, AutonumericPresetExampleComponent, AvatarExampleComponent, ColorpickerBasicExampleComponent, ColorpickerHelpKeyExampleComponent, ColorpickerProgrammaticExampleComponent, CoreIdExampleComponent, CoreMediaQueryBasicExampleComponent, CoreMediaQueryResponsiveHostExampleComponent, CoreNumericBasicExampleComponent, DataManagerBasicExampleComponent, DatetimeDatePipeBasicExampleComponent, DatetimeDateRangePickerBasicExampleComponent, DatetimeDateRangePickerCustomCalculatorExampleComponent, DatetimeDateRangePickerHelpKeyExampleComponent, DatetimeDatepickerBasicExampleComponent, DatetimeDatepickerCustomDatesExampleComponent, DatetimeDatepickerFuzzyExampleComponent, DatetimeTimepickerBasicExampleComponent, ErrorsErrorEmbeddedExampleComponent, ErrorsErrorModalExampleComponent, FilterBarLookupExampleComponent, FilterBarModalExampleComponent, FilterBarSelectableExampleComponent, FlyoutBasicExampleComponent, FlyoutCustomHeadersExampleComponent, FormsCharacterCountExampleComponent, FormsCheckboxBasicExampleComponent, FormsCheckboxHelpKeyExampleComponent, FormsCheckboxIconGroupExampleComponent, FormsFieldGroupBasicExampleComponent, FormsFieldGroupHelpKeyExampleComponent, FormsFileAttachmentBasicExampleComponent, FormsFileAttachmentHelpKeyExampleComponent, FormsFileDropBasicExampleComponent, FormsFileDropHelpKeyExampleComponent, FormsInputBoxBasicExampleComponent, FormsInputBoxWithCustomFormErrorsExampleComponent, FormsRadioHelpKeyExampleComponent, FormsRadioIconExampleComponent, FormsRadioStandardExampleComponent, FormsSelectionBoxCheckboxExampleComponent, FormsSelectionBoxRadioExampleComponent, FormsToggleSwitchBasicExampleComponent, FormsToggleSwitchHelpKeyExampleComponent, HelpInlineActionClickExampleComponent, HelpInlineHelpKeyExampleComponent, HelpInlinePopoverExampleComponent, IconBasicExampleComponent, IconIconButtonExampleComponent, IndicatorsAlertBasicExampleComponent, IndicatorsIllustrationBasicExampleComponent, IndicatorsKeyInfoBasicExampleComponent, IndicatorsKeyInfoHelpKeyExampleComponent, IndicatorsLabelBasicExampleComponent, IndicatorsStatusIndicatorBasicExampleComponent, IndicatorsStatusIndicatorHelpKeyExampleComponent, IndicatorsTextHighlightBasicExampleComponent, IndicatorsTokensBasicExampleComponent, IndicatorsTokensCustomExampleComponent, IndicatorsWaitElementExampleComponent, IndicatorsWaitPageExampleComponent, InlineFormBasicExampleComponent, InlineFormCustomButtonsExampleComponent, InlineFormRepeatersExampleComponent, LayoutActionButtonBasicExampleComponent, LayoutActionButtonPermalinkExampleComponent, LayoutBackToTopInfiniteScrollExampleComponent, LayoutBackToTopRepeaterExampleComponent, LayoutBoxBasicExampleComponent, LayoutBoxHelpKeyExampleComponent, LayoutCardBasicExampleComponent, LayoutDefinitionListBasicExampleComponent, LayoutDescriptionListHelpKeyExampleComponent, LayoutDescriptionListHorizontalExampleComponent, LayoutDescriptionListInlineHelpExampleComponent, LayoutDescriptionListLongDescriptionExampleComponent, LayoutDescriptionListVerticalExampleComponent, LayoutFluidGridExampleComponent, LayoutFormatExampleComponent, LayoutInlineDeleteCustomExampleComponent, LayoutInlineDeleteRepeaterExampleComponent, LayoutPageSummaryBasicExampleComponent, LayoutTextExpandInlineExampleComponent, LayoutTextExpandModalExampleComponent, LayoutTextExpandNewlineExampleComponent, LayoutTextExpandRepeaterExampleComponent, LayoutToolbarBasicExampleComponent, LayoutToolbarSectionedExampleComponent, ListsFilterInlineExampleComponent, ListsInfiniteScrollRepeaterExampleComponent, ListsListSummaryBasicExampleComponent, ListsPagingBasicExampleComponent, ListsPagingWithContentExampleComponent, ListsRepeaterAddRemoveExampleComponent, ListsRepeaterBasicExampleComponent, ListsRepeaterInlineFormExampleComponent, ListsSortBasicExampleComponent, LookupAddItemExampleComponent, LookupAutocompleteAdvancedExampleComponent, LookupAutocompleteAnyValueExampleComponent, LookupAutocompleteBasicExampleComponent, LookupAutocompleteCustomSearchExampleComponent, LookupAutocompleteSearchFiltersExampleComponent, LookupCountryFieldBasicExampleComponent, LookupCustomPickerExampleComponent, LookupMultiSelectExampleComponent, LookupResultTemplatesExampleComponent, LookupSearchBasicExampleComponent, LookupSelectionModalAddItemExampleComponent, LookupSelectionModalBasicExampleComponent, LookupSingleSelectExampleComponent, ModalsConfirmBasicWithControllerExampleComponent, ModalsConfirmBasicWithHarnessExampleComponent, ModalsModalBasicWithBannerExampleComponent, ModalsModalBasicWithControllerExampleComponent, ModalsModalBasicWithHarnessExampleComponent, ModalsModalBasicWithHarnessHelpKeyExampleComponent, ModalsModalWithErrorExampleComponent, NavbarExampleComponent, PagesActionHubExampleComponent, PagesPageDataManagerSplitViewFitLayoutExampleComponent, PagesPageHomePageBlocksLayoutExampleComponent, PagesPageListPageListLayoutExampleComponent, PagesPageListPageTabsLayoutExampleComponent, PagesPageRecordPageBlocksLayoutExampleComponent, PagesPageRecordPageTabsLayoutExampleComponent, PagesPageSplitViewPageFitLayoutExampleComponent, PhoneFieldBasicExampleComponent, PopoversDropdownBasicExampleComponent, PopoversPopoverBasicExampleComponent, PopoversPopoverProgrammaticExampleComponent, ProgressIndicatorPassiveIndicatorBasicExampleComponent, ProgressIndicatorWaterfallIndicatorBasicExampleComponent, ProgressIndicatorWizardBasicExampleComponent, RouterHrefBasicExampleComponent, SplitViewBasicExampleComponent, SplitViewPageBoundExampleComponent, TabsDynamicAddCloseExampleComponent, TabsDynamicExampleComponent, TabsSectionedFormModalExampleComponent, TabsStaticAddCloseExampleComponent, TabsStaticExampleComponent, TabsVerticalTabsBasicExampleComponent, TabsVerticalTabsGroupedExampleComponent, TabsVerticalTabsMixedExampleComponent, TabsWizardBasicExampleComponent, TextEditorExampleComponent, TextEditorHelpKeyExampleComponent, TextEditorRichTextDisplayExampleComponent, TilesBasicExampleComponent, ToastBasicExampleComponent, ToastCustomComponentExampleComponent, ValidationEmailValidationControlValidatorExampleComponent, ValidationEmailValidationDirectiveExampleComponent, ValidationUrlValidationControlValidatorExampleComponent, ValidationUrlValidationDirectiveExampleComponent };
+export { ActionBarsSummaryActionBarBasicExampleComponent, ActionBarsSummaryActionBarErrorExampleComponent, ActionBarsSummaryActionBarModalExampleComponent, ActionBarsSummaryActionBarTabExampleComponent, AgGridDataEntryGridBasicExampleComponent, AgGridDataEntryGridDataManagerAddedExampleComponent, AgGridDataEntryGridFocusExampleComponent, AgGridDataEntryGridInlineHelpExampleComponent, AgGridDataGridBasicExampleComponent, AgGridDataGridBasicMultiselectExampleComponent, AgGridDataGridDataManagerExampleComponent, AgGridDataGridDataManagerMultiselectExampleComponent, AgGridDataGridInlineHelpExampleComponent, AgGridDataGridPagingExampleComponent, AgGridDataGridTemplateRefColumnExampleComponent, AgGridDataGridTopScrollExampleComponent, AngularTreeComponentAngularTreeBasicExampleComponent, AngularTreeComponentAngularTreeHelpKeyExampleComponent, AngularTreeComponentAngularTreePreselectedNodesExampleComponent, AutonumericCurrencyExampleComponent, AutonumericInternationalFormattingExampleComponent, AutonumericOptionsProviderExampleComponent, AutonumericPresetExampleComponent, AvatarExampleComponent, ColorpickerBasicExampleComponent, ColorpickerHelpKeyExampleComponent, ColorpickerProgrammaticExampleComponent, CoreIdExampleComponent, CoreMediaQueryBasicExampleComponent, CoreMediaQueryResponsiveHostExampleComponent, CoreNumericBasicExampleComponent, DataGridBasicExampleComponent, DataGridLoadingExampleComponent, DataGridPagingExampleComponent, DataGridSortingExampleComponent, DataManagerBasicExampleComponent, DatetimeDatePipeBasicExampleComponent, DatetimeDateRangePickerBasicExampleComponent, DatetimeDateRangePickerCustomCalculatorExampleComponent, DatetimeDateRangePickerHelpKeyExampleComponent, DatetimeDatepickerBasicExampleComponent, DatetimeDatepickerCustomDatesExampleComponent, DatetimeDatepickerFuzzyExampleComponent, DatetimeTimepickerBasicExampleComponent, ErrorsErrorEmbeddedExampleComponent, ErrorsErrorModalExampleComponent, FilterBarLookupExampleComponent, FilterBarModalExampleComponent, FilterBarSelectableExampleComponent, FlyoutBasicExampleComponent, FlyoutCustomHeadersExampleComponent, FormsCharacterCountExampleComponent, FormsCheckboxBasicExampleComponent, FormsCheckboxHelpKeyExampleComponent, FormsCheckboxIconGroupExampleComponent, FormsFieldGroupBasicExampleComponent, FormsFieldGroupHelpKeyExampleComponent, FormsFileAttachmentBasicExampleComponent, FormsFileAttachmentHelpKeyExampleComponent, FormsFileDropBasicExampleComponent, FormsFileDropHelpKeyExampleComponent, FormsInputBoxBasicExampleComponent, FormsInputBoxWithCustomFormErrorsExampleComponent, FormsRadioHelpKeyExampleComponent, FormsRadioIconExampleComponent, FormsRadioStandardExampleComponent, FormsSelectionBoxCheckboxExampleComponent, FormsSelectionBoxRadioExampleComponent, FormsToggleSwitchBasicExampleComponent, FormsToggleSwitchHelpKeyExampleComponent, HelpInlineActionClickExampleComponent, HelpInlineHelpKeyExampleComponent, HelpInlinePopoverExampleComponent, IconBasicExampleComponent, IconIconButtonExampleComponent, IndicatorsAlertBasicExampleComponent, IndicatorsIllustrationBasicExampleComponent, IndicatorsKeyInfoBasicExampleComponent, IndicatorsKeyInfoHelpKeyExampleComponent, IndicatorsLabelBasicExampleComponent, IndicatorsStatusIndicatorBasicExampleComponent, IndicatorsStatusIndicatorHelpKeyExampleComponent, IndicatorsTextHighlightBasicExampleComponent, IndicatorsTokensBasicExampleComponent, IndicatorsTokensCustomExampleComponent, IndicatorsWaitElementExampleComponent, IndicatorsWaitPageExampleComponent, InlineFormBasicExampleComponent, InlineFormCustomButtonsExampleComponent, InlineFormRepeatersExampleComponent, LayoutActionButtonBasicExampleComponent, LayoutActionButtonPermalinkExampleComponent, LayoutBackToTopInfiniteScrollExampleComponent, LayoutBackToTopRepeaterExampleComponent, LayoutBoxBasicExampleComponent, LayoutBoxHelpKeyExampleComponent, LayoutCardBasicExampleComponent, LayoutDefinitionListBasicExampleComponent, LayoutDescriptionListHelpKeyExampleComponent, LayoutDescriptionListHorizontalExampleComponent, LayoutDescriptionListInlineHelpExampleComponent, LayoutDescriptionListLongDescriptionExampleComponent, LayoutDescriptionListVerticalExampleComponent, LayoutFluidGridExampleComponent, LayoutFormatExampleComponent, LayoutInlineDeleteCustomExampleComponent, LayoutInlineDeleteRepeaterExampleComponent, LayoutPageSummaryBasicExampleComponent, LayoutTextExpandInlineExampleComponent, LayoutTextExpandModalExampleComponent, LayoutTextExpandNewlineExampleComponent, LayoutTextExpandRepeaterExampleComponent, LayoutToolbarBasicExampleComponent, LayoutToolbarSectionedExampleComponent, ListsFilterInlineExampleComponent, ListsInfiniteScrollRepeaterExampleComponent, ListsListSummaryBasicExampleComponent, ListsPagingBasicExampleComponent, ListsPagingWithContentExampleComponent, ListsRepeaterAddRemoveExampleComponent, ListsRepeaterBasicExampleComponent, ListsRepeaterInlineFormExampleComponent, ListsSortBasicExampleComponent, LookupAddItemExampleComponent, LookupAutocompleteAdvancedExampleComponent, LookupAutocompleteAnyValueExampleComponent, LookupAutocompleteBasicExampleComponent, LookupAutocompleteCustomSearchExampleComponent, LookupAutocompleteSearchFiltersExampleComponent, LookupCountryFieldBasicExampleComponent, LookupCustomPickerExampleComponent, LookupMultiSelectExampleComponent, LookupResultTemplatesExampleComponent, LookupSearchBasicExampleComponent, LookupSelectionModalAddItemExampleComponent, LookupSelectionModalBasicExampleComponent, LookupSingleSelectExampleComponent, ModalsConfirmBasicWithControllerExampleComponent, ModalsConfirmBasicWithHarnessExampleComponent, ModalsModalBasicWithBannerExampleComponent, ModalsModalBasicWithControllerExampleComponent, ModalsModalBasicWithHarnessExampleComponent, ModalsModalBasicWithHarnessHelpKeyExampleComponent, ModalsModalWithErrorExampleComponent, NavbarExampleComponent, PagesActionHubExampleComponent, PagesPageDataManagerSplitViewFitLayoutExampleComponent, PagesPageHomePageBlocksLayoutExampleComponent, PagesPageListPageListLayoutExampleComponent, PagesPageListPageTabsLayoutExampleComponent, PagesPageRecordPageBlocksLayoutExampleComponent, PagesPageRecordPageTabsLayoutExampleComponent, PagesPageSplitViewPageFitLayoutExampleComponent, PhoneFieldBasicExampleComponent, PopoversDropdownBasicExampleComponent, PopoversPopoverBasicExampleComponent, PopoversPopoverProgrammaticExampleComponent, ProgressIndicatorPassiveIndicatorBasicExampleComponent, ProgressIndicatorWaterfallIndicatorBasicExampleComponent, ProgressIndicatorWizardBasicExampleComponent, RouterHrefBasicExampleComponent, SplitViewBasicExampleComponent, SplitViewPageBoundExampleComponent, TabsDynamicAddCloseExampleComponent, TabsDynamicExampleComponent, TabsSectionedFormModalExampleComponent, TabsStaticAddCloseExampleComponent, TabsStaticExampleComponent, TabsVerticalTabsBasicExampleComponent, TabsVerticalTabsGroupedExampleComponent, TabsVerticalTabsMixedExampleComponent, TabsWizardBasicExampleComponent, TextEditorExampleComponent, TextEditorHelpKeyExampleComponent, TextEditorRichTextDisplayExampleComponent, TilesBasicExampleComponent, ToastBasicExampleComponent, ToastCustomComponentExampleComponent, ValidationEmailValidationControlValidatorExampleComponent, ValidationEmailValidationDirectiveExampleComponent, ValidationUrlValidationControlValidatorExampleComponent, ValidationUrlValidationDirectiveExampleComponent };