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

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

@@ -10,10 +10,12 @@ import { SkyFilterItemModal, SkyFilterItemModalInstance, SkyFilterItemLookupSear
 import { ITreeState, ITreeOptions } from '@blackbaud/angular-tree-component';
 import { SkyAutonumericOptions } from '@skyux/autonumeric';
 import { SkyFileItem, SkyFileAttachmentClick, SkyFileLink, SkyFileDropChange } from '@skyux/forms';
+import { SkyChartBarSeriesValue } from '@skyux/charts';
 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,18 +86,20 @@ 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;
 }
-interface AgGridDemoRow$5 {
+interface AgGridDemoRow$6 {
     selected?: boolean;
     name: string;
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$a;
-    jobTitle?: AutocompleteOption$a;
+    department: AutocompleteOption$c;
+    jobTitle?: AutocompleteOption$c;
+    validationCurrency?: number;
+    validationDate?: Date;
 }
 
 /**
@@ -103,7 +107,7 @@ interface AgGridDemoRow$5 {
  */
 declare class AgGridDataEntryGridBasicExampleComponent {
     #private;
-    protected readonly gridData: i0.WritableSignal<AgGridDemoRow$5[]>;
+    protected readonly gridData: i0.WritableSignal<AgGridDemoRow$6[]>;
     protected gridOptions: ag_grid_community.GridOptions<any>;
     constructor();
     protected openModal(): void;
@@ -112,21 +116,21 @@ 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;
 }
-interface AgGridDemoRow$4 {
+interface AgGridDemoRow$5 {
     id: string;
     selected?: boolean;
     name: string;
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$9;
-    jobTitle?: AutocompleteOption$9;
-    validationCurrency?: string;
-    validationDate?: string;
+    department: AutocompleteOption$b;
+    jobTitle?: AutocompleteOption$b;
+    validationCurrency?: number;
+    validationDate?: Date;
 }
 
 declare class SalesModalComponent$2 implements SkyFilterItemModal {
@@ -146,7 +150,7 @@ declare class SalesModalComponent$2 implements SkyFilterItemModal {
  */
 declare class AgGridDataEntryGridDataManagerAddedExampleComponent {
     #private;
-    protected readonly items: i0.WritableSignal<AgGridDemoRow$4[]>;
+    protected readonly items: i0.WritableSignal<AgGridDemoRow$5[]>;
     protected readonly salesModal: typeof SalesModalComponent$2;
     protected readonly recordCount: i0.Signal<number>;
     constructor();
@@ -156,20 +160,20 @@ 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;
 }
-interface AgGridDemoRow$3 {
+interface AgGridDemoRow$4 {
     selected?: boolean;
     name: string;
     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?: number;
+    validationDate?: Date;
 }
 
 /**
@@ -177,25 +181,25 @@ interface AgGridDemoRow$3 {
  */
 declare class AgGridDataEntryGridFocusExampleComponent {
     #private;
-    protected gridOptions: ag_grid_community.GridOptions<AgGridDemoRow$3>;
+    protected gridOptions: ag_grid_community.GridOptions<AgGridDemoRow$4>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataEntryGridFocusExampleComponent, never>;
     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;
 }
-interface AgGridDemoRow$2 {
+interface AgGridDemoRow$3 {
     selected?: boolean;
     name: string;
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$7;
-    jobTitle?: AutocompleteOption$7;
-    validationCurrency?: string;
-    validationDate?: string;
+    department: AutocompleteOption$9;
+    jobTitle?: AutocompleteOption$9;
+    validationCurrency?: number;
+    validationDate?: Date;
 }
 
 /**
@@ -203,8 +207,8 @@ interface AgGridDemoRow$2 {
  */
 declare class AgGridDataEntryGridInlineHelpExampleComponent {
     #private;
-    protected readonly gridData: i0.WritableSignal<AgGridDemoRow$2[]>;
-    protected gridOptions: GridOptions<AgGridDemoRow$2>;
+    protected readonly gridData: i0.WritableSignal<AgGridDemoRow$3[]>;
+    protected gridOptions: GridOptions<AgGridDemoRow$3>;
     constructor();
     protected openModal(): void;
     protected searchApplied(searchText: string | void): void;
@@ -212,7 +216,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 +235,7 @@ declare class AgGridDataGridBasicMultiselectExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$6;
+        jobTitle: AutocompleteOption$8;
         endDate?: undefined;
     } | {
         selected: boolean;
@@ -254,7 +258,7 @@ declare class AgGridDataGridBasicMultiselectExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$6;
+        jobTitle: AutocompleteOption$8;
     })[];
     protected gridOptions: GridOptions;
     constructor();
@@ -262,7 +266,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 +284,7 @@ declare class AgGridDataGridBasicExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$5;
+        jobTitle: AutocompleteOption$7;
         endDate?: undefined;
     } | {
         name: string;
@@ -301,7 +305,7 @@ declare class AgGridDataGridBasicExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$5;
+        jobTitle: AutocompleteOption$7;
     })[];
     protected gridOptions: GridOptions;
     constructor();
@@ -309,19 +313,19 @@ 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;
 }
-interface AgGridDemoRow$1 {
+interface AgGridDemoRow$2 {
     id: string;
     selected?: boolean;
     name: string;
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$4;
-    jobTitle?: AutocompleteOption$4;
+    department: AutocompleteOption$6;
+    jobTitle?: AutocompleteOption$6;
 }
 
 declare class SalesModalComponent$1 implements SkyFilterItemModal {
@@ -341,7 +345,7 @@ declare class SalesModalComponent$1 implements SkyFilterItemModal {
  */
 declare class AgGridDataGridDataManagerMultiselectExampleComponent {
     #private;
-    protected items: AgGridDemoRow$1[];
+    protected items: AgGridDemoRow$2[];
     protected salesModal: typeof SalesModalComponent$1;
     protected readonly recordCount: i0.Signal<number>;
     constructor();
@@ -350,19 +354,19 @@ 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;
 }
-interface AgGridDemoRow {
+interface AgGridDemoRow$1 {
     id: string;
     selected?: boolean;
     name: string;
     age: number;
     startDate: Date;
     endDate?: Date;
-    department: AutocompleteOption$3;
-    jobTitle?: AutocompleteOption$3;
+    department: AutocompleteOption$5;
+    jobTitle?: AutocompleteOption$5;
 }
 
 declare class SalesModalComponent implements SkyFilterItemModal {
@@ -382,7 +386,7 @@ declare class SalesModalComponent implements SkyFilterItemModal {
  */
 declare class AgGridDataGridDataManagerExampleComponent {
     #private;
-    protected items: AgGridDemoRow[];
+    protected items: AgGridDemoRow$1[];
     protected salesModal: typeof SalesModalComponent;
     protected readonly recordCount: i0.Signal<number>;
     constructor();
@@ -391,7 +395,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 +413,7 @@ declare class AgGridDataGridInlineHelpExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$2;
+        jobTitle: AutocompleteOption$4;
         endDate?: undefined;
     } | {
         name: string;
@@ -430,7 +434,7 @@ declare class AgGridDataGridInlineHelpExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$2;
+        jobTitle: AutocompleteOption$4;
     })[];
     protected gridOptions: GridOptions;
     protected searchText: string;
@@ -442,7 +446,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 +466,7 @@ declare class AgGridDataGridPagingExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$1;
+        jobTitle: AutocompleteOption$3;
         endDate?: undefined;
     } | {
         name: string;
@@ -483,7 +487,7 @@ declare class AgGridDataGridPagingExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption$1;
+        jobTitle: AutocompleteOption$3;
     })[];
     protected gridOptions: GridOptions;
     constructor();
@@ -493,39 +497,25 @@ declare class AgGridDataGridPagingExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridPagingExampleComponent, "app-ag-grid-data-grid-paging-example", never, {}, {}, never, never, true, never>;
 }
 
+interface AgGridDemoRow {
+    name: string;
+    age: number;
+    department: string;
+    jobTitle: string;
+}
+
 /**
  * @title Basic setup with template ref column type (without data manager)
  */
 declare class AgGridDataGridTemplateRefColumnExampleComponent {
     protected readonly boldColumn: i0.Signal<TemplateRef<unknown> | undefined>;
     protected readonly emphasizedColumn: i0.Signal<TemplateRef<unknown> | undefined>;
-    protected gridOptions: ag_grid_community.GridOptions<{
-        name: string;
-        age: number;
-        department: string;
-        jobTitle: string;
-        jobLevel: string;
-        startDate?: undefined;
-    } | {
-        name: string;
-        age: number;
-        department: string;
-        jobTitle: string;
-        jobLevel?: undefined;
-        startDate?: undefined;
-    } | {
-        name: string;
-        age: number;
-        startDate: Date;
-        department: string;
-        jobTitle: string;
-        jobLevel: string;
-    }>;
+    protected gridOptions: ag_grid_community.GridOptions<AgGridDemoRow>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataGridTemplateRefColumnExampleComponent, never>;
     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 +534,7 @@ declare class AgGridDataGridTopScrollExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption;
+        jobTitle: AutocompleteOption$2;
         endDate?: undefined;
     } | {
         selected: boolean;
@@ -567,7 +557,7 @@ declare class AgGridDataGridTopScrollExampleComponent {
             id: string;
             name: string;
         };
-        jobTitle: AutocompleteOption;
+        jobTitle: AutocompleteOption$2;
     })[];
     protected gridOptions: GridOptions;
     protected searchText: string;
@@ -749,6 +739,139 @@ declare class AvatarExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AvatarExampleComponent, "app-avatar-example", never, {}, {}, never, never, true, never>;
 }
 
+interface ChartBarAsyncData {
+    categories: string[];
+    values: number[];
+}
+/**
+ * @title Bar chart with asynchronously loaded data
+ */
+declare class ChartsChartBarAsyncExample {
+    readonly delay: i0.InputSignal<number>;
+    protected readonly donations: i0.ResourceRef<ChartBarAsyncData | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarAsyncExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarAsyncExample, "app-chart-bar-async-example", never, { "delay": { "alias": "delay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @title Basic bar chart
+ */
+declare class ChartsChartBarBasicExample {
+    protected readonly years: number[];
+    protected readonly acquisitions: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarBasicExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarBasicExample, "app-chart-bar-basic-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Floating bar chart with multiple series
+ */
+declare class ChartsChartBarFloatingMultipleSeriesExample {
+    protected readonly months: string[];
+    protected readonly anchorage: SkyChartBarSeriesValue[];
+    protected readonly asheville: SkyChartBarSeriesValue[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarFloatingMultipleSeriesExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarFloatingMultipleSeriesExample, "app-chart-bar-floating-multiple-series-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Floating bar chart (value ranges)
+ */
+declare class ChartsChartBarFloatingExample {
+    protected readonly months: string[];
+    protected readonly temperatureRanges: SkyChartBarSeriesValue[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarFloatingExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarFloatingExample, "app-chart-bar-floating-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Bar chart with grouped, stacked series
+ */
+declare class ChartsChartBarGroupedStackedExample {
+    protected readonly months: string[];
+    protected readonly westInStore: number[];
+    protected readonly westOnline: number[];
+    protected readonly eastInStore: number[];
+    protected readonly eastOnline: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarGroupedStackedExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarGroupedStackedExample, "app-chart-bar-grouped-stacked-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Bar chart with hidden axis labels
+ */
+declare class ChartsChartBarHiddenLabelsExample {
+    protected readonly years: number[];
+    protected readonly acquisitions: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarHiddenLabelsExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarHiddenLabelsExample, "app-chart-bar-hidden-labels-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Horizontal bar chart
+ */
+declare class ChartsChartBarHorizontalExample {
+    protected readonly regions: string[];
+    protected readonly sales: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarHorizontalExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarHorizontalExample, "app-chart-bar-horizontal-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Bar chart with a logarithmic value scale
+ */
+declare class ChartsChartBarLogarithmicExample {
+    protected readonly categories: string[];
+    protected readonly values: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarLogarithmicExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarLogarithmicExample, "app-chart-bar-logarithmic-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Bar chart with multiple series (grouped bars)
+ */
+declare class ChartsChartBarMultipleSeriesExample {
+    protected readonly years: number[];
+    protected readonly actual: number[];
+    protected readonly target: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarMultipleSeriesExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarMultipleSeriesExample, "app-chart-bar-multiple-series-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Stacked bar chart
+ */
+declare class ChartsChartBarStackedExample {
+    protected readonly months: string[];
+    protected readonly online: number[];
+    protected readonly inStore: number[];
+    protected readonly phone: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarStackedExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarStackedExample, "app-chart-bar-stacked-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Bar chart with fixed value bounds
+ */
+declare class ChartsChartBarValueBoundsExample {
+    protected readonly months: string[];
+    protected readonly goalCompletion: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarValueBoundsExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarValueBoundsExample, "app-chart-bar-value-bounds-example", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @title Bar chart value formats (number, currency, and percent)
+ */
+declare class ChartsChartBarValueFormatExample {
+    protected readonly months: string[];
+    protected readonly acquisitions: number[];
+    protected readonly revenue: number[];
+    protected readonly conversionRate: number[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsChartBarValueFormatExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartsChartBarValueFormatExample, "app-chart-bar-value-format-example", never, {}, {}, never, never, true, never>;
+}
+
 interface DemoForm$e {
     favoriteColor: FormControl<SkyColorpickerOutput | string>;
 }
@@ -840,6 +963,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;
@@ -1266,6 +1521,18 @@ declare class FormsInputBoxBasicExampleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<FormsInputBoxBasicExampleComponent, "app-forms-input-box-basic-example", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @title Input box with a character limit
+ */
+declare class FormsInputBoxCharacterLimitExample {
+    protected readonly formGroup: _angular_forms.FormGroup<{
+        nickname: _angular_forms.FormControl<string | null>;
+        bio: _angular_forms.FormControl<string | null>;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormsInputBoxCharacterLimitExample, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormsInputBoxCharacterLimitExample, "app-forms-input-box-character-limit-example", never, {}, {}, never, never, true, never>;
+}
+
 /**
  * @title Input box with custom errors
  */
@@ -3034,4 +3301,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, ChartsChartBarAsyncExample, ChartsChartBarBasicExample, ChartsChartBarFloatingExample, ChartsChartBarFloatingMultipleSeriesExample, ChartsChartBarGroupedStackedExample, ChartsChartBarHiddenLabelsExample, ChartsChartBarHorizontalExample, ChartsChartBarLogarithmicExample, ChartsChartBarMultipleSeriesExample, ChartsChartBarStackedExample, ChartsChartBarValueBoundsExample, ChartsChartBarValueFormatExample, 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, FormsInputBoxCharacterLimitExample, 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 };