@skyux/grids 4.0.3 → 4.0.7

package/modules/grid/grid.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { SkyAppWindowRef, SkyUIConfigService } from '@skyux/core';
+import { SkyAffixService, SkyAppWindowRef, SkyOverlayService, SkyUIConfigService } from '@skyux/core';
 import { DragulaService } from 'ng2-dragula';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { ListItemModel, ListSortFieldSelectorModel } from '@skyux/list-builder-common';
@@ -16,33 +16,127 @@ import { SkyGridColumnModel } from './grid-column.model';
 import { SkyGridAdapterService } from './grid-adapter.service';
 import '../../polyfills';
 export declare class SkyGridComponent implements OnInit, AfterContentInit, AfterViewInit, OnChanges, OnDestroy {
+    private affixService;
+    private changeDetector;
     private dragulaService;
     private gridAdapter;
+    private overlayService;
     private skyWindow;
     private uiConfigService;
-    private changeDetector;
+    /**
+     * Specifies columns and column properties for the grid.
+     */
     columns: Array<SkyGridColumnModel>;
+    /**
+     * Specifies the data for the grid. Each item requires an `id` and a property that maps
+     * to the `field` or `id` property of each column in the grid.
+     */
     data: Array<any>;
+    /**
+     * Indicates whether to enable the multiselect feature to display a column of
+     * checkboxes on the left side of the grid. You can specify a unique ID with
+     * the `multiselectRowId` property, but multiselect defaults to the `id` property on
+     * the `data` object. To include options to select and clear all multiselect checkboxes,
+     * we recommend the [list view grid](https://developer.blackbaud.com/skyux/components/list/grid) component.
+     * @default false
+     */
     enableMultiselect: boolean;
+    /**
+     * Specifies how the grid fits to its parent. The valid options are `width`,
+     * which fits the grid to the parent's full width, and `scroll`, which allows the grid
+     * to exceed the parent's width. If the grid does not have enough columns to fill
+     * the parent's width, it always stretches to the parent's full width.
+     */
     fit: string;
+    /**
+     * Indicates whether to display a toolbar with the grid.
+     */
     hasToolbar: boolean;
+    /**
+     * Specifies the height of the grid.
+     */
     height: number;
+    /**
+     * Specifies text to highlight within the grid.
+     * Typically, this property is used in conjunction with search.
+     */
     highlightText: string;
+    /**
+     * Provides an observable to send commands to the grid.
+     */
     messageStream: Subject<SkyGridMessage>;
+    /**
+     * Specifies a unique ID that matches a property on the `data` object.
+     * By default, this property uses the `id` property.
+     */
     multiselectRowId: string;
+    /**
+     * Specifies the ID of the row to highlight. The ID matches the `id` property
+     * of the `data` object. Typically, this property is used in conjunction with
+     * the flyout component to indicate the currently selected row.
+     */
     rowHighlightedId: string;
-    settingsKey: string;
-    sortField: ListSortFieldSelectorModel;
-    width: number;
+    /**
+     * Specifies the columns to display in the grid based on the `id` or `field` properties
+     * of the columns. If no columns are specified, then the grid displays all columns.
+     */
     set selectedColumnIds(value: Array<string>);
     get selectedColumnIds(): Array<string>;
+    /**
+     * Specifies a set of IDs for the rows to select in a multiselect grid.
+     * The IDs match the `id` properties of the `data` objects.
+     * Rows with IDs that are not included are de-selected in the grid.
+     */
     set selectedRowIds(value: Array<string>);
     get selectedRowIds(): Array<string>;
+    /**
+     * Specifies a unique key for the UI Config Service to retrieve stored settings from a database.
+     * The UI Config Service saves configuration settings for users and returns
+     * `selectedColumnIds` to preserve the columns to display and the preferred column order.
+     * For more information about the UI Config Service, see
+     * [the sticky settings documentation](https://developer.blackbaud.com/skyux/learn/get-started/advanced/sticky-settings).
+     */
+    settingsKey: string;
+    /**
+     * Displays a caret in the column that was used to sort the grid. This is particularly useful
+     * when you programmatically sort data and want to visually indicate how the grid was sorted.
+     * This property accepts a `ListSortFieldSelectorModel` value with the following properties:
+     * - `fieldSelector` Represents the current sort field. This property accepts `string` values.
+     * - `descending` Indicates whether to sort in descending order. The caret that visually
+     * indicates the sort order points down for descending order and up for ascending order.
+     * This property accepts `boolean` values. Default is `false`.
+     */
+    sortField: ListSortFieldSelectorModel;
+    /**
+     * Specifies the width of the grid in pixels.
+     */
+    width: number;
+    /**
+     * Fires when the width of a column changes.
+     */
     columnWidthChange: EventEmitter<SkyGridColumnWidthModelChange[]>;
+    /**
+     * Fires when the selection of multiselect checkboxes changes.
+     * Emits an array of IDs for the selected rows based on the `multiselectRowId` property
+     * that the consumer provides.
+     */
     multiselectSelectionChange: EventEmitter<SkyGridSelectedRowsModelChange>;
+    /**
+     * @internal
+     */
     rowDeleteCancel: EventEmitter<SkyGridRowDeleteCancelArgs>;
+    /**
+     * @internal
+     */
     rowDeleteConfirm: EventEmitter<SkyGridRowDeleteConfirmArgs>;
+    /**
+     * Fires when the columns to display in the grid change or when the order of the columns changes.
+     * The event emits an array of IDs for the displayed columns that reflects the column order.
+     */
     selectedColumnIdsChange: EventEmitter<string[]>;
+    /**
+     * Fires when the active sort field changes.
+     */
     sortFieldChange: EventEmitter<ListSortFieldSelectorModel>;
     columnResizeStep: number;
     currentSortField: BehaviorSubject<ListSortFieldSelectorModel>;
@@ -54,9 +148,12 @@ export declare class SkyGridComponent implements OnInit, AfterContentInit, After
     minColWidth: number;
     showResizeBar: boolean;
     showTopScroll: boolean;
+    get tableWidth(): any;
     private columnComponents;
     private columnElementRefs;
     private columnRangeInputElementRefs;
+    private inlineDeleteRefs;
+    private inlineDeleteTemplateRef;
     private tableContainerElementRef;
     private tableElementRef;
     private topScrollContainerElementRef;
@@ -65,15 +162,15 @@ export declare class SkyGridComponent implements OnInit, AfterContentInit, After
     private isDraggingResizeHandle;
     private isResized;
     private ngUnsubscribe;
+    private rowDeleteContents;
     private startColumnWidth;
     private subscriptions;
-    private tableWidth;
     private scrollTriggered;
     private selectedColumnIdsSet;
     private xPosStart;
     private _selectedColumnIds;
     private _selectedRowIds;
-    constructor(dragulaService: DragulaService, gridAdapter: SkyGridAdapterService, skyWindow: SkyAppWindowRef, uiConfigService: SkyUIConfigService, changeDetector: ChangeDetectorRef);
+    constructor(affixService: SkyAffixService, changeDetector: ChangeDetectorRef, dragulaService: DragulaService, gridAdapter: SkyGridAdapterService, overlayService: SkyOverlayService, skyWindow: SkyAppWindowRef, uiConfigService: SkyUIConfigService);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
@@ -133,6 +230,7 @@ export declare class SkyGridComponent implements OnInit, AfterContentInit, After
     private getMaxRangeByIndex;
     private getLastDisplayedColumn;
     private addDelimeter;
+    private destroyRowDelete;
     private emitSelectedRows;
     private getSelectedRows;
     private isInteractiveElement;

package/modules/grid/types/grid-column-description-model-change.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @internal
+ */
 export interface SkyGridColumnDescriptionModelChange {
     value?: string;
     id?: string;

package/modules/grid/types/grid-column-heading-model-change.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @internal
+ */
 export interface SkyGridColumnHeadingModelChange {
     value?: string;
     id?: string;

package/modules/grid/types/grid-column-inline-help-popover-model-change.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @internal
+ */
 export interface SkyGridColumnInlineHelpPopoverModelChange {
     value?: any;
     id?: string;

package/modules/grid/types/grid-column-width-model-change.d.ts

@@ -1,5 +1,14 @@
 export interface SkyGridColumnWidthModelChange {
+    /**
+     * Specifies the id of the column.
+     */
     id?: string;
+    /**
+     * Specifies the field of the column.
+     */
     field?: string;
+    /**
+     * Specifies the width of the column in pixels.
+     */
     width: number;
 }

package/modules/grid/types/grid-message-type.d.ts

@@ -1,6 +1,18 @@
 export declare enum SkyGridMessageType {
+    /**
+     * Selects the multiselect checkboxes for all rows in the grid.
+     */
     SelectAll = 0,
+    /**
+     * Clears the multiselect checkboxes for all rows in the grid.
+     */
     ClearAll = 1,
+    /**
+     * @internal
+     */
     PromptDeleteRow = 2,
+    /**
+     * @internal
+     */
     AbortDeleteRow = 3
 }

package/modules/grid/types/grid-message.d.ts

@@ -1,6 +1,12 @@
 import { SkyGridMessageType } from './grid-message-type';
 export interface SkyGridMessage {
+    /**
+     * Indicates what type of message is being sent.
+     */
     type: SkyGridMessageType;
+    /**
+     * @internal
+     */
     data?: {
         abortDeleteRow?: {
             id: string;

package/modules/grid/types/grid-row-delete-cancel-args.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @internal
+ */
 export interface SkyGridRowDeleteCancelArgs {
     id: string;
 }

package/modules/grid/types/grid-row-delete-config.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @internal
+ */
 export interface SkyGridRowDeleteConfig {
     id: string;
     pending: boolean;

package/modules/grid/types/grid-row-delete-confirm-args.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @internal
+ */
 export interface SkyGridRowDeleteConfirmArgs {
     id: string;
 }

package/modules/grid/types/grid-row-delete-contents.d.ts

@@ -0,0 +1,9 @@
+import { SkyAffixer, SkyOverlayInstance } from '@skyux/core';
+/**
+ * Model for tracking the affixer and overlay of a row delete's inline delete.
+ * @internal
+ */
+export interface SkyGridRowDeleteContents {
+    affixer: SkyAffixer;
+    overlay: SkyOverlayInstance;
+}

package/modules/grid/types/grid-selected-rows-model-change.d.ts

@@ -1,5 +1,8 @@
 import { SkyGridSelectedRowsSource } from './grid-selected-rows-source';
 export interface SkyGridSelectedRowsModelChange {
+    /**
+     * Indicates the `id`s of the rows that are selected.
+     */
     selectedRowIds?: string[];
     /**
      * @internal

package/modules/grid/types/grid-selected-rows-source.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @internal
+ */
 export declare enum SkyGridSelectedRowsSource {
     CheckboxChange = 0,
     ClearAll = 1,

package/modules/grid/types/grid-ui-config.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @internal
+ */
 export interface SkyGridUIConfig {
     selectedColumnIds?: string[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/grids",
-  "version": "4.0.3",
+  "version": "4.0.7",
   "description": "SKY UX Grids",
   "keywords": [],
   "author": "Blackbaud",
@@ -17,7 +17,7 @@
     "@angular/common": "^9.1.7",
     "@angular/core": "^9.1.7",
     "@angular/forms": "^9.1.7",
-    "@skyux/core": "^4.0.0",
+    "@skyux/core": "^4.3.0",
     "@skyux/forms": "^4.0.0",
     "@skyux/i18n": "^4.0.0",
     "@skyux/indicators": "^4.0.0",
@@ -26,7 +26,7 @@
     "@skyux/popovers": "^4.0.0"
   },
   "dependencies": {
-    "dragula": "3.7.2",
+    "dragula": "3.7.3",
     "ng2-dragula": "1.5.0",
     "tslib": "^1.10.0"
   },

package/skyux-grids.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SkyGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":55,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SkyGridComponent"},{"__symbolic":"reference","name":"SkyGridColumnComponent"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":62,"character":4},{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":64,"character":4},{"__symbolic":"reference","module":"@skyux/forms","name":"SkyCheckboxModule","line":65,"character":4},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@skyux/indicators","name":"SkyHelpInlineModule","line":67,"character":4},{"__symbolic":"reference","module":"@skyux/indicators","name":"SkyIconModule","line":68,"character":4},{"__symbolic":"reference","module":"@skyux/layout","name":"SkyInlineDeleteModule","line":69,"character":4},{"__symbolic":"reference","module":"@skyux/popovers","name":"SkyPopoverModule","line":70,"character":4},{"__symbolic":"reference","module":"@skyux/indicators","name":"SkyTextHighlightModule","line":71,"character":4}],"exports":[{"__symbolic":"reference","name":"SkyGridComponent"},{"__symbolic":"reference","name":"SkyGridColumnComponent"},{"__symbolic":"reference","name":"ɵb"}],"providers":[{"__symbolic":"reference","module":"@skyux/core","name":"SkyAppWindowRef","line":79,"character":4},{"__symbolic":"reference","module":"@skyux/core","name":"SkyUIConfigService","line":80,"character":4}]}]}],"members":{}},"SkyGridColumnModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","name":"any"}]}]}},"SkyGridColumnAlignment":{"__symbolic":"interface"},"SkyGridColumnDescriptionModelChange":{"__symbolic":"interface"},"SkyGridColumnHeadingModelChange":{"__symbolic":"interface"},"SkyGridColumnInlineHelpPopoverModelChange":{"__symbolic":"interface"},"SkyGridColumnWidthModelChange":{"__symbolic":"interface"},"SkyGridMessage":{"__symbolic":"interface"},"SkyGridMessageType":{"SelectAll":0,"ClearAll":1,"PromptDeleteRow":2,"AbortDeleteRow":3},"SkyGridRowDeleteCancelArgs":{"__symbolic":"interface"},"SkyGridRowDeleteConfig":{"__symbolic":"interface"},"SkyGridRowDeleteConfirmArgs":{"__symbolic":"interface"},"SkyGridSelectedRowsModelChange":{"__symbolic":"interface"},"SkyGridSelectedRowsSource":{"CheckboxChange":0,"ClearAll":1,"RowClick":2,"SelectAll":3,"SelectedRowIdsChange":4},"SkyGridUIConfig":{"__symbolic":"interface"},"SkyGridColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"sky-grid-column","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"OnPush"}}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"inlineHelpPopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"locked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"isSortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"excludeFromHighlighting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"searchFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3},"arguments":["search"]}]}],"templateInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3},"arguments":["template"]}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":96,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":96,"character":19}]}]}],"ngOnChanges":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}]}},"SkyGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":116,"character":1},"arguments":[{"selector":"sky-grid","viewProviders":[{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaService","line":120,"character":18}],"providers":[{"__symbolic":"reference","name":"ɵa"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":124,"character":19},"member":"OnPush"},"template":"<div class=\"sky-grid\">\n  <div *ngIf=\"showTopScroll\"\n    class=\"sky-grid-top-scroll-container\"\n    (scroll)=\"onTopScroll($event)\"\n    #topScrollContainer\n  >\n    <div\n      class=\"sky-grid-top-scroll\"\n      [style.width.px]=\"getTopScrollWidth()\"\n    ></div>\n  </div>\n  <div\n    class=\"sky-grid-table-container\"\n    [style.height.px]=\"height\"\n    [style.width.px]=\"width\"\n    (scroll)=\"onGridScroll($event)\"\n    #gridContainer\n  >\n    <table\n      class=\"sky-grid-table\"\n      [ngClass]=\"getTableClassNames()\"\n      #gridTable>\n      <thead>\n        <tr dragula=\"sky-grid-heading\">\n          <th *ngIf=\"rowDeleteConfigs && rowDeleteConfigs.length > 0\"\n            class=\"sky-grid-row-delete-heading\"\n          ></th>\n          <th *ngIf=\"enableMultiselect\"\n            class=\"sky-grid-heading sky-grid-multiselect-cell sky-grid-header-locked\"\n            scope=\"col\"\n            [style.max-width.px]=\"minColWidth\"\n            [style.width.px]=\"minColWidth\"\n          >\n            <span class=\"screen-reader-only\">\n              {{ 'skyux_grid_multiselect_select_row' | skyLibResources }}\n            </span>\n          </th>\n          <th *ngFor=\"let column of displayedColumns; let last = last, let i = index\"\n            class=\"sky-grid-heading sky-field-label\"\n            scope=\"col\"\n            [attr.sky-cmp-index]=\"i\"\n            [attr.sky-cmp-id]=\"column.id || column.field\"\n            [attr.aria-sort]=\"getAriaSortDirection(column) | async\"\n            [id]=\"'sky-grid-' + gridId + '-column-' + i\"\n            [ngClass]=\"'sky-grid-column-alignment-' + column.alignment\"\n            [style.max-width.px]=\"column.width\"\n            [style.width.px]=\"column.width\"\n            [tabIndex]=\"column.isSortable ? 0 : -1\"\n            (mouseup)=\"sortByColumn(column)\"\n            (keydown)=\"onKeydown($event, column)\"\n            (touchmove)=\"onTouchMove($event)\"\n            #gridCol\n          >\n            <div\n              class=\"overflow\"\n              [ngClass]=\"getTableHeaderClassNames(column)\"\n              [style.max-width.px]=\"column.width - 1\"\n              [style.width.px]=\"column.width - 1\"\n            >\n              <span *ngIf=\"(getCaretVisibility(column.field) | async) === 'hidden'\"\n                class=\"sky-grid-header-caret-hidden-spacing\"\n              ></span>\n              <!-- The no spacing here is intentional to avoid extra spaces due to these being inline elements -->\n              <span\n                class=\"sky-grid-header-text\"\n              >{{column.heading?.trim()}}</span>\n              <sky-icon\n                class=\"sky-grid-heading-sort\"\n                [ngClass]=\"'sky-grid-heading-sort-' + (getCaretVisibility(column.field) | async)\"\n                [icon]=\"getCaretIconNames(column)\"\n              >\n              </sky-icon>\n              <sky-help-inline *ngIf=\"column.inlineHelpPopover\"\n                [ngClass]=\"{\n                  'sky-grid-help-inline-sort-hidden' : getHelpInlineClass(column.field) | async\n                }\"\n                [skyPopover]=\"column.inlineHelpPopover\"\n                (keydown.enter)=\"$event.stopPropagation()\"\n                (keydown.space)=\"$event.stopPropagation()\"\n                (mousedown)=\"$event.stopPropagation()\"\n                (mouseup)=\"$event.stopPropagation()\"\n              >\n              </sky-help-inline>\n            </div>\n            <span\n              *ngIf=\"(fit==='width' && !last) || (fit==='scroll')\"\n              aria-hidden=\"true\"\n              class=\"sky-grid-resize-handle\"\n              tabindex=\"-1\"\n              [attr.sky-cmp-index]=\"i\"\n              (mousedown)=\"onResizeColumnStart($event)\"\n              (touchstart)=\"onResizeColumnStart($event)\"\n            >\n            </span>\n            <input\n              aria-label=\"Width of column\"\n              class=\"sky-grid-column-input-aria-only\"\n              type=\"range\"\n              [attr.aria-controls]=\"'sky-grid-' + gridId + '-column-' + i\"\n              [attr.aria-valuemin]=\"minColWidth\"\n              [attr.aria-valuemax]=\"maxColWidth\"\n              [attr.aria-valuenow]=\"column.width\"\n              [attr.sky-cmp-index]=\"i\"\n              [min]=\"minColWidth\"\n              [max]=\"maxColWidth\"\n              [step]=\"columnResizeStep\"\n              [(ngModel)]=\"column.width\"\n              (blur)=\"onResizeHandleBlur($event)\"\n              (focus)=\"onResizeHandleFocus($event)\"\n              (keydown)=\"onKeydownResizeCol($event)\"\n              (change)=\"onInputChangeResizeCol($event)\"\n              #colSizeRange />\n          </th>\n        </tr>\n      </thead>\n      <tbody class=\"sky-grid-tbody\">\n        <tr\n          class=\"sky-grid-row\"\n          *ngFor=\"let item of items; let i = index\"\n          [attr.aria-current]=\"isRowHighlighted(item.id) ? true : null\"\n          [attr.aria-selected]=\"item.isSelected\"\n          [attr.sky-cmp-id]=\"item.id\"\n          [ngClass]=\"{\n            'sky-grid-multiselect-selected-row' : item.isSelected,\n            'sky-grid-multiselect-row' : enableMultiselect,\n            'sky-grid-row-highlight' : isRowHighlighted(item.id)\n          }\"\n          (click)=\"onRowClick($event, item)\"\n        >\n          <td *ngIf=\"rowDeleteConfigs && rowDeleteConfigs.length > 0\"\n            class=\"sky-grid-cell sky-grid-row-delete-cell\"\n            [ngStyle]='{ \"height\": getRowDeleteItem(item.data.id) ? getRowHeight(i) : undefined }'\n          >\n            <sky-inline-delete *ngIf=\"getRowDeleteItem(item.data.id)\"\n              [pending]=\"getRowDeleteItem(item.data.id).pending\"\n              (cancelTriggered)=\"cancelRowDelete(item.data.id)\"\n              (deleteTriggered)=\"confirmRowDelete(item.data.id)\"\n            ></sky-inline-delete>\n          </td>\n          <td *ngIf=\"enableMultiselect\"\n            class=\"sky-grid-multiselect-cell sky-grid-header-locked\"\n          >\n            <div\n              [style.max-width.px]=\"minColWidth\"\n              [style.width.px]=\"minColWidth\"\n            >\n              <sky-checkbox\n                [label]=\"'skyux_grid_multiselect_select_row' | skyLibResources\"\n                (change)=\"onMultiselectCheckboxChange()\"\n                [(ngModel)]=\"item.isSelected\"\n              >\n              </sky-checkbox>\n            </div>\n          </td>\n          <td *ngFor=\"let column of displayedColumns; let last = last; let i = index\"\n            class=\"sky-grid-cell\"\n            [ngClass]=\"'sky-grid-column-alignment-' + column.alignment\"\n            [style.max-width.px]=\"column.width\"\n            [style.width.px]=\"column.width\"\n          >\n            <sky-grid-cell\n              [skyHighlight]=\"!column.excludeFromHighlighting ? highlightText : undefined\"\n              [template]=\"column.template || defaultCellTemplate\"\n              [fieldSelector]=\"column.field\"\n              [item]=\"item\"\n              [columnId]=\"column.id\"\n              [attr.sky-cmp-id]=\"column.id || column.field\">\n            </sky-grid-cell>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div *ngIf=\"showResizeBar\"\n      aria-hidden=\"true\"\n      id=\"sky-grid-resize-bar\"\n      tabindex=\"-1\"\n      #resizeBar\n    >\n    </div>\n  </div>\n</div>\n\n<ng-template #defaultCellTemplate let-row=\"row\" let-value=\"value\">{{value}}</ng-template>\n","styles":[".sky-grid{position:relative;display:block}.sky-grid-table-container{overflow:auto}.sky-grid-table{position:relative;table-layout:fixed;border-collapse:collapse;margin:0;font-size:15px;min-width:100%}.sky-grid-table.sky-grid-fit{max-width:100%;width:100%}.sky-grid-tbody{background-color:#fff}.sky-grid-row{border-bottom:1px dotted #cdcfd2}.sky-grid-row:nth-child(odd){background-color:#fbfbfb}.sky-grid-row.sky-grid-row-highlight{border-top:1px solid #0974a1;box-shadow:0 0 0 3px inset #0974a1}.sky-grid-row .sky-grid-cell{padding:0;min-width:10px}.sky-grid-heading{position:relative;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:0 solid #cdcfd2;padding:0;cursor:pointer;background-color:#fff;overflow:visible;background-clip:padding-box;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-moz-user-select:none;-ms-user-select:none;user-select:none}.sky-grid-heading:first-child{border-left:1px solid transparent}.sky-grid-heading.sky-grid-header-dragging{background-color:#eeeeef}.sky-grid-heading.sky-grid-column-alignment-center .sky-grid-heading-sort,.sky-grid-heading.sky-grid-column-alignment-left .sky-grid-heading-sort{width:14px}.sky-grid-heading.sky-grid-column-alignment-center .sky-grid-help-inline-sort-hidden,.sky-grid-heading.sky-grid-column-alignment-left .sky-grid-help-inline-sort-hidden{margin-left:-14px;margin-right:14px}.sky-grid-heading.sky-grid-column-alignment-right .sky-grid-header-caret-hidden-spacing{padding-left:14px}.sky-grid-heading.sky-grid-column-alignment-right .sky-grid-heading-sort-visible{width:14px}.sky-grid-heading div{padding:8px}.sky-grid-heading .overflow{text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1;overflow:hidden;min-width:100%}.sky-grid-heading .sky-grid-column-input-aria-only{-webkit-appearance:none;-moz-appearance:none;height:100%;width:5px;position:absolute;display:block;top:0;bottom:0;right:0}.sky-grid-heading .sky-grid-column-input-aria-only::-moz-range-track{background:0 0}.sky-grid-heading .sky-grid-column-input-aria-only::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0;background:0 0;display:none}.sky-grid-heading .sky-grid-column-input-aria-only::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0;background:0 0;display:none}.sky-grid-heading .sky-grid-column-input-aria-only::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0;background:0 0;display:none}.sky-grid-heading .sky-grid-column-input-aria-only:focus{background-color:#00b4f1}.sky-grid-column-alignment-left{text-align:left}.sky-grid-column-alignment-center{text-align:center}.sky-grid-column-alignment-right{text-align:right}.sky-grid-row-delete-heading{padding:0;width:0}.sky-grid-multiselect-cell{padding:0;text-align:center}.sky-grid-multiselect-cell ::ng-deep.sky-switch-control{margin:0 auto}th.sky-grid-multiselect-cell{cursor:default}th.sky-grid-multiselect-cell .screen-reader-only{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:0;white-space:nowrap}@-moz-document url-prefix(){.sky-grid-multiselect-row td{border-left:0 solid transparent;border-right:0 solid transparent}}.sky-grid-multiselect-row:hover{background-color:#e9e4f1}.sky-grid-multiselect-row:hover:nth-child(odd){background:#e9e4f1}.sky-grid-multiselect-selected-row{background:#f1eef6;border-top:1px solid #dadbf6;border-bottom:1px solid #dadbf6}.sky-grid-multiselect-selected-row:nth-child(odd){background:#f1eef6}.sky-grid-has-toolbar .sky-grid-heading{border-top-width:0}.sky-grid-heading-sort.sky-grid-heading-sort-hidden{visibility:hidden}.sky-grid-heading-sort.sky-grid-heading-sort-visible{visibility:visible;padding-left:5px}.sky-grid-resize-handle{position:absolute;right:0;top:0;bottom:0;width:30px;z-index:2;min-height:20px;height:100%!important;vertical-align:middle;cursor:col-resize}.sky-grid-resize-handle:hover::after{background-color:#00b4f1}.sky-grid-resize-handle:after{position:absolute;right:0;top:0;bottom:0;width:5px;height:100%;content:\"\"}#sky-grid-resize-bar{position:absolute;top:0;left:0;z-index:99;height:100%;width:5px;background:#00b4f1;opacity:.6}tr{position:relative}.sky-grid-row-delete-cell{padding:0;position:absolute;display:block;width:100%}.sky-grid-top-scroll-container{overflow:auto}.sky-grid-top-scroll{height:1px}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"enableMultiselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"fit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":3}}]}],"hasToolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3}}]}],"highlightText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3}}]}],"messageStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3}}]}],"multiselectRowId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3}}]}],"rowHighlightedId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3}}]}],"settingsKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3}}]}],"sortField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3}}]}],"selectedColumnIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3}}]}],"selectedRowIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3}}]}],"columnWidthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":218,"character":3}}]}],"multiselectSelectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":221,"character":3}}]}],"rowDeleteCancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":224,"character":3}}]}],"rowDeleteConfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":227,"character":3}}]}],"selectedColumnIdsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":230,"character":3}}]}],"sortFieldChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":233,"character":3}}]}],"columnComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":247,"character":3},"arguments":[{"__symbolic":"reference","name":"SkyGridColumnComponent"},{"descendants":true}]}]}],"columnElementRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":250,"character":3},"arguments":["gridCol"]}]}],"columnRangeInputElementRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":252,"character":3},"arguments":["colSizeRange"]}]}],"tableContainerElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":254,"character":3},"arguments":["gridContainer"]}]}],"tableElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":256,"character":3},"arguments":["gridTable"]}]}],"topScrollContainerElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":258,"character":3},"arguments":["topScrollContainer"]}]}],"resizeBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":260,"character":3},"arguments":["resizeBar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaService","line":278,"character":28},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@skyux/core","name":"SkyAppWindowRef","line":280,"character":23},{"__symbolic":"reference","module":"@skyux/core","name":"SkyUIConfigService","line":281,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":282,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onWindowResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":353,"character":3},"arguments":["window:resize"]}]}],"getTopScrollWidth":[{"__symbolic":"method"}],"getTableClassNames":[{"__symbolic":"method"}],"getTableHeaderClassNames":[{"__symbolic":"method"}],"getCaretIconNames":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"sortByColumn":[{"__symbolic":"method"}],"getSortDirection":[{"__symbolic":"method"}],"getAriaSortDirection":[{"__symbolic":"method"}],"getCaretVisibility":[{"__symbolic":"method"}],"getHelpInlineClass":[{"__symbolic":"method"}],"onMultiselectCheckboxChange":[{"__symbolic":"method"}],"updateColumnHeading":[{"__symbolic":"method"}],"updateInlineHelpPopover":[{"__symbolic":"method"}],"updateColumnDescription":[{"__symbolic":"method"}],"onResizeColumnStart":[{"__symbolic":"method"}],"onKeydownResizeCol":[{"__symbolic":"method"}],"onInputChangeResizeCol":[{"__symbolic":"method"}],"onResizeHandleMove":[{"__symbolic":"method"}],"onResizeHandleBlur":[{"__symbolic":"method"}],"onResizeHandleFocus":[{"__symbolic":"method"}],"onResizeHandleRelease":[{"__symbolic":"method"}],"onRowClick":[{"__symbolic":"method"}],"isRowHighlighted":[{"__symbolic":"method"}],"getRowHeight":[{"__symbolic":"method"}],"cancelRowDelete":[{"__symbolic":"method"}],"confirmRowDelete":[{"__symbolic":"method"}],"getRowDeleteItem":[{"__symbolic":"method"}],"onTouchMove":[{"__symbolic":"method"}],"onTopScroll":[{"__symbolic":"method"}],"onGridScroll":[{"__symbolic":"method"}],"checkUserColumnWidthsForScroll":[{"__symbolic":"method"}],"multiselectSelectAll":[{"__symbolic":"method"}],"multiselectClearAll":[{"__symbolic":"method"}],"handleIncomingMessages":[{"__symbolic":"method"}],"onHeaderDrop":[{"__symbolic":"method"}],"setDisplayedColumns":[{"__symbolic":"method"}],"transformData":[{"__symbolic":"method"}],"getGridDataWithSelectedRows":[{"__symbolic":"method"}],"applySelectedRows":[{"__symbolic":"method"}],"setSortHeaders":[{"__symbolic":"method"}],"getColumnsFromComponent":[{"__symbolic":"method"}],"updateColumns":[{"__symbolic":"method"}],"resizeColumnByIndex":[{"__symbolic":"method"}],"initColumnWidths":[{"__symbolic":"method"}],"getColumnWidthModelChange":[{"__symbolic":"method"}],"updateMaxRange":[{"__symbolic":"method"}],"initializeResizeColumn":[{"__symbolic":"method"}],"resetTableWidth":[{"__symbolic":"method"}],"getRangeInputByIndex":[{"__symbolic":"method"}],"getColumnModelByIndex":[{"__symbolic":"method"}],"getMaxRangeByIndex":[{"__symbolic":"method"}],"getLastDisplayedColumn":[{"__symbolic":"method"}],"addDelimeter":[{"__symbolic":"method"}],"emitSelectedRows":[{"__symbolic":"method"}],"getSelectedRows":[{"__symbolic":"method"}],"isInteractiveElement":[{"__symbolic":"method"}],"setResizeBarPosition":[{"__symbolic":"method"}],"applyUserConfig":[{"__symbolic":"method"}],"setUserConfig":[{"__symbolic":"method"}],"initColumns":[{"__symbolic":"method"}],"arraysEqual":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"RendererFactory2","line":22,"character":29}]}],"initializeDragAndDrop":[{"__symbolic":"method"}],"getRowHeight":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}],"isLeftOfLocked":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"sky-grid-cell","template":"<ng-template #cell></ng-template>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"styles":[":host{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px;min-height:35px}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"columnId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"fieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["cell",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":35,"character":10},"static":true}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyI18nModule","line":15,"character":4}],"providers":[{"provide":{"__symbolic":"reference","module":"@skyux/i18n","name":"SKY_LIB_RESOURCES_PROVIDERS","line":18,"character":13},"useClass":{"__symbolic":"reference","name":"ɵd"},"multi":true}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"getString":[{"__symbolic":"method"}]}}},"origins":{"SkyGridModule":"./modules/grid/grid.module","SkyGridColumnModel":"./modules/grid/grid-column.model","SkyGridColumnAlignment":"./modules/grid/types/grid-column-alignment","SkyGridColumnDescriptionModelChange":"./modules/grid/types/grid-column-description-model-change","SkyGridColumnHeadingModelChange":"./modules/grid/types/grid-column-heading-model-change","SkyGridColumnInlineHelpPopoverModelChange":"./modules/grid/types/grid-column-inline-help-popover-model-change","SkyGridColumnWidthModelChange":"./modules/grid/types/grid-column-width-model-change","SkyGridMessage":"./modules/grid/types/grid-message","SkyGridMessageType":"./modules/grid/types/grid-message-type","SkyGridRowDeleteCancelArgs":"./modules/grid/types/grid-row-delete-cancel-args","SkyGridRowDeleteConfig":"./modules/grid/types/grid-row-delete-config","SkyGridRowDeleteConfirmArgs":"./modules/grid/types/grid-row-delete-confirm-args","SkyGridSelectedRowsModelChange":"./modules/grid/types/grid-selected-rows-model-change","SkyGridSelectedRowsSource":"./modules/grid/types/grid-selected-rows-source","SkyGridUIConfig":"./modules/grid/types/grid-ui-config","SkyGridColumnComponent":"./modules/grid/grid-column.component","SkyGridComponent":"./modules/grid/grid.component","ɵa":"./modules/grid/grid-adapter.service","ɵb":"./modules/grid/grid-cell.component","ɵc":"./modules/shared/grids-resources.module","ɵd":"./plugin-resources/grids-resources-provider"},"importAs":"@skyux/grids"}
+{"__symbolic":"module","version":4,"metadata":{"SkyGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":57,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SkyGridComponent"},{"__symbolic":"reference","name":"SkyGridColumnComponent"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":64,"character":4},{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":66,"character":4},{"__symbolic":"reference","module":"@skyux/core","name":"SkyAffixModule","line":67,"character":4},{"__symbolic":"reference","module":"@skyux/forms","name":"SkyCheckboxModule","line":68,"character":4},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@skyux/indicators","name":"SkyHelpInlineModule","line":70,"character":4},{"__symbolic":"reference","module":"@skyux/indicators","name":"SkyIconModule","line":71,"character":4},{"__symbolic":"reference","module":"@skyux/layout","name":"SkyInlineDeleteModule","line":72,"character":4},{"__symbolic":"reference","module":"@skyux/core","name":"SkyOverlayModule","line":73,"character":4},{"__symbolic":"reference","module":"@skyux/popovers","name":"SkyPopoverModule","line":74,"character":4},{"__symbolic":"reference","module":"@skyux/indicators","name":"SkyTextHighlightModule","line":75,"character":4}],"exports":[{"__symbolic":"reference","name":"SkyGridComponent"},{"__symbolic":"reference","name":"SkyGridColumnComponent"},{"__symbolic":"reference","name":"ɵb"}],"providers":[{"__symbolic":"reference","module":"@skyux/core","name":"SkyAppWindowRef","line":83,"character":4},{"__symbolic":"reference","module":"@skyux/core","name":"SkyUIConfigService","line":84,"character":4}]}]}],"members":{}},"SkyGridColumnModel":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","name":"any"}]}]}},"SkyGridColumnAlignment":{"__symbolic":"interface"},"SkyGridColumnDescriptionModelChange":{"__symbolic":"interface"},"SkyGridColumnHeadingModelChange":{"__symbolic":"interface"},"SkyGridColumnInlineHelpPopoverModelChange":{"__symbolic":"interface"},"SkyGridColumnWidthModelChange":{"__symbolic":"interface"},"SkyGridMessage":{"__symbolic":"interface"},"SkyGridMessageType":{"SelectAll":0,"ClearAll":1,"PromptDeleteRow":2,"AbortDeleteRow":3},"SkyGridRowDeleteCancelArgs":{"__symbolic":"interface"},"SkyGridRowDeleteConfig":{"__symbolic":"interface"},"SkyGridRowDeleteConfirmArgs":{"__symbolic":"interface"},"SkyGridSelectedRowsModelChange":{"__symbolic":"interface"},"SkyGridSelectedRowsSource":{"CheckboxChange":0,"ClearAll":1,"RowClick":2,"SelectAll":3,"SelectedRowIdsChange":4},"SkyGridUIConfig":{"__symbolic":"interface"},"SkyGridColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"sky-grid-column","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"}}]}],"members":{"alignment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"excludeFromHighlighting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"inlineHelpPopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"isSortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"locked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"searchFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3},"arguments":["search"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3}}]}],"templateInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3},"arguments":["template"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":153,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":153,"character":19}]}]}],"ngOnChanges":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}]}},"SkyGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":124,"character":1},"arguments":[{"selector":"sky-grid","viewProviders":[{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaService","line":128,"character":18}],"providers":[{"__symbolic":"reference","name":"ɵa"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":132,"character":19},"member":"OnPush"},"template":"<div class=\"sky-grid\">\n  <div *ngIf=\"showTopScroll\"\n    class=\"sky-grid-top-scroll-container\"\n    (scroll)=\"onTopScroll($event)\"\n    #topScrollContainer\n  >\n    <div\n      class=\"sky-grid-top-scroll\"\n      [style.width.px]=\"getTopScrollWidth()\"\n    ></div>\n  </div>\n  <div\n    class=\"sky-grid-table-container\"\n    [style.height.px]=\"height\"\n    [style.width.px]=\"width\"\n    (scroll)=\"onGridScroll($event)\"\n    #gridContainer\n  >\n    <table\n      class=\"sky-grid-table\"\n      [ngClass]=\"getTableClassNames()\"\n      #gridTable>\n      <thead>\n        <tr dragula=\"sky-grid-heading\">\n          <th *ngIf=\"enableMultiselect\"\n            class=\"sky-grid-heading sky-grid-multiselect-cell sky-grid-header-locked\"\n            scope=\"col\"\n            [style.max-width.px]=\"minColWidth\"\n            [style.width.px]=\"minColWidth\"\n          >\n            <span class=\"screen-reader-only\">\n              {{ 'skyux_grid_multiselect_select_row' | skyLibResources }}\n            </span>\n          </th>\n          <th *ngFor=\"let column of displayedColumns; let last = last, let i = index\"\n            class=\"sky-grid-heading sky-field-label\"\n            scope=\"col\"\n            [attr.sky-cmp-index]=\"i\"\n            [attr.sky-cmp-id]=\"column.id || column.field\"\n            [attr.aria-sort]=\"getAriaSortDirection(column) | async\"\n            [id]=\"'sky-grid-' + gridId + '-column-' + i\"\n            [ngClass]=\"'sky-grid-column-alignment-' + column.alignment\"\n            [style.max-width.px]=\"column.width\"\n            [style.width.px]=\"column.width\"\n            [tabIndex]=\"column.isSortable ? 0 : -1\"\n            (mouseup)=\"sortByColumn(column)\"\n            (keydown)=\"onKeydown($event, column)\"\n            (touchmove)=\"onTouchMove($event)\"\n            #gridCol\n          >\n            <div\n              class=\"overflow\"\n              [ngClass]=\"getTableHeaderClassNames(column)\"\n              [style.max-width.px]=\"column.width - 1\"\n              [style.width.px]=\"column.width - 1\"\n            >\n              <span *ngIf=\"(getCaretVisibility(column.field) | async) === 'hidden'\"\n                class=\"sky-grid-header-caret-hidden-spacing\"\n              ></span>\n              <!-- The no spacing here is intentional to avoid extra spaces due to these being inline elements -->\n              <span\n                class=\"sky-grid-header-text\"\n              >{{column.heading?.trim()}}</span>\n              <sky-icon\n                class=\"sky-grid-heading-sort\"\n                [ngClass]=\"'sky-grid-heading-sort-' + (getCaretVisibility(column.field) | async)\"\n                [icon]=\"getCaretIconNames(column)\"\n              >\n              </sky-icon>\n              <sky-help-inline *ngIf=\"column.inlineHelpPopover\"\n                [ngClass]=\"{\n                  'sky-grid-help-inline-sort-hidden' : getHelpInlineClass(column.field) | async\n                }\"\n                [skyPopover]=\"column.inlineHelpPopover\"\n                (keydown.enter)=\"$event.stopPropagation()\"\n                (keydown.space)=\"$event.stopPropagation()\"\n                (mousedown)=\"$event.stopPropagation()\"\n                (mouseup)=\"$event.stopPropagation()\"\n              >\n              </sky-help-inline>\n            </div>\n            <span\n              *ngIf=\"(fit==='width' && !last) || (fit==='scroll')\"\n              aria-hidden=\"true\"\n              class=\"sky-grid-resize-handle\"\n              tabindex=\"-1\"\n              [attr.sky-cmp-index]=\"i\"\n              (mousedown)=\"onResizeColumnStart($event)\"\n              (touchstart)=\"onResizeColumnStart($event)\"\n            >\n            </span>\n            <input\n              aria-label=\"Width of column\"\n              class=\"sky-grid-column-input-aria-only\"\n              role=\"slider\"\n              type=\"range\"\n              [attr.aria-controls]=\"'sky-grid-' + gridId + '-column-' + i\"\n              [attr.aria-valuemin]=\"minColWidth\"\n              [attr.aria-valuemax]=\"maxColWidth\"\n              [attr.aria-valuenow]=\"column.width\"\n              [attr.sky-cmp-index]=\"i\"\n              [min]=\"minColWidth\"\n              [max]=\"maxColWidth\"\n              [step]=\"columnResizeStep\"\n              [(ngModel)]=\"column.width\"\n              (blur)=\"onResizeHandleBlur($event)\"\n              (focus)=\"onResizeHandleFocus($event)\"\n              (keydown)=\"onKeydownResizeCol($event)\"\n              (change)=\"onInputChangeResizeCol($event)\"\n              #colSizeRange />\n          </th>\n        </tr>\n      </thead>\n      <tbody class=\"sky-grid-tbody\">\n        <tr\n          class=\"sky-grid-row\"\n          *ngFor=\"let item of items; let i = index\"\n          [attr.aria-current]=\"isRowHighlighted(item.id) ? true : null\"\n          [attr.aria-selected]=\"item.isSelected\"\n          [attr.sky-cmp-id]=\"item.id\"\n          [ngClass]=\"{\n            'sky-grid-multiselect-selected-row' : item.isSelected,\n            'sky-grid-multiselect-row' : enableMultiselect,\n            'sky-grid-row-highlight' : isRowHighlighted(item.id)\n          }\"\n          (click)=\"onRowClick($event, item)\"\n        >\n          <td *ngIf=\"enableMultiselect\"\n            class=\"sky-grid-multiselect-cell sky-grid-header-locked\"\n          >\n            <div\n              [style.max-width.px]=\"minColWidth\"\n              [style.width.px]=\"minColWidth\"\n            >\n              <sky-checkbox\n                [label]=\"'skyux_grid_multiselect_select_row' | skyLibResources\"\n                (change)=\"onMultiselectCheckboxChange()\"\n                [(ngModel)]=\"item.isSelected\"\n              >\n              </sky-checkbox>\n            </div>\n          </td>\n          <td *ngFor=\"let column of displayedColumns; let last = last; let i = index\"\n            class=\"sky-grid-cell\"\n            [ngClass]=\"'sky-grid-column-alignment-' + column.alignment\"\n            [style.max-width.px]=\"column.width\"\n            [style.width.px]=\"column.width\"\n          >\n            <sky-grid-cell\n              [skyHighlight]=\"!column.excludeFromHighlighting ? highlightText : undefined\"\n              [template]=\"column.template || defaultCellTemplate\"\n              [fieldSelector]=\"column.field\"\n              [item]=\"item\"\n              [columnId]=\"column.id\"\n              [attr.sky-cmp-id]=\"column.id || column.field\">\n            </sky-grid-cell>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div *ngIf=\"showResizeBar\"\n      aria-hidden=\"true\"\n      id=\"sky-grid-resize-bar\"\n      tabindex=\"-1\"\n      #resizeBar\n    >\n    </div>\n  </div>\n</div>\n\n<ng-template #defaultCellTemplate let-row=\"row\" let-value=\"value\">{{value}}</ng-template>\n\n<ng-template\n  let-item\n  #inlineDeleteTemplateRef\n>\n  <div\n    [id]=\"'row-delete-ref-' + item.id\"\n    [ngStyle]='{\n      \"height\": getRowHeight(0),\n      \"position\": \"fixed\",\n      \"width\": tableWidth + \"px\"\n    }'\n    #inlineDeleteRef\n  >\n    <sky-inline-delete\n      [pending]=\"getRowDeleteItem(item.id).pending\"\n      (cancelTriggered)=\"cancelRowDelete(item.id)\"\n      (deleteTriggered)=\"confirmRowDelete(item.id)\"\n    ></sky-inline-delete>\n  </div>\n</ng-template>\n","styles":[".sky-grid{position:relative;display:block}.sky-grid-table-container{overflow:auto}.sky-grid-table{position:relative;table-layout:fixed;border-collapse:collapse;margin:0;font-size:15px;min-width:100%}.sky-grid-table.sky-grid-fit{max-width:100%;width:100%}.sky-grid-tbody{background-color:#fff}.sky-grid-row{border-bottom:1px dotted #cdcfd2}.sky-grid-row:nth-child(odd){background-color:#fbfbfb}.sky-grid-row.sky-grid-row-highlight{border-top:1px solid #0974a1;box-shadow:0 0 0 3px inset #0974a1}.sky-grid-row .sky-grid-cell{padding:0;min-width:10px}.sky-grid-heading{position:relative;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:0 solid #cdcfd2;padding:0;cursor:pointer;background-color:#fff;overflow:visible;background-clip:padding-box;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-moz-user-select:none;-ms-user-select:none;user-select:none}.sky-grid-heading:first-child{border-left:1px solid transparent}.sky-grid-heading.sky-grid-header-dragging{background-color:#eeeeef}.sky-grid-heading.sky-grid-column-alignment-center .sky-grid-heading-sort,.sky-grid-heading.sky-grid-column-alignment-left .sky-grid-heading-sort{width:14px}.sky-grid-heading.sky-grid-column-alignment-center .sky-grid-help-inline-sort-hidden,.sky-grid-heading.sky-grid-column-alignment-left .sky-grid-help-inline-sort-hidden{margin-left:-14px;margin-right:14px}.sky-grid-heading.sky-grid-column-alignment-right .sky-grid-header-caret-hidden-spacing{padding-left:14px}.sky-grid-heading.sky-grid-column-alignment-right .sky-grid-heading-sort-visible{width:14px}.sky-grid-heading div{padding:8px}.sky-grid-heading .overflow{text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1;overflow:hidden;min-width:100%}.sky-grid-heading .sky-grid-column-input-aria-only{-webkit-appearance:none;-moz-appearance:none;height:100%;width:5px;position:absolute;display:block;top:0;bottom:0;right:0}.sky-grid-heading .sky-grid-column-input-aria-only::-moz-range-track{background:0 0}.sky-grid-heading .sky-grid-column-input-aria-only::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0;background:0 0;display:none}.sky-grid-heading .sky-grid-column-input-aria-only::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0;background:0 0;display:none}.sky-grid-heading .sky-grid-column-input-aria-only::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0;background:0 0;display:none}.sky-grid-heading .sky-grid-column-input-aria-only:focus{background-color:#00b4f1}.sky-grid-column-alignment-left{text-align:left}.sky-grid-column-alignment-center{text-align:center}.sky-grid-column-alignment-right{text-align:right}.sky-grid-multiselect-cell{padding:0;text-align:center}.sky-grid-multiselect-cell ::ng-deep.sky-switch-control{margin:0 auto}th.sky-grid-multiselect-cell{cursor:default}th.sky-grid-multiselect-cell .screen-reader-only{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:0;white-space:nowrap}@-moz-document url-prefix(){.sky-grid-multiselect-row td{border-left:0 solid transparent;border-right:0 solid transparent}}.sky-grid-multiselect-row:hover{background-color:#e9e4f1}.sky-grid-multiselect-row:hover:nth-child(odd){background:#e9e4f1}.sky-grid-multiselect-selected-row{background:#f1eef6;border-top:1px solid #dadbf6;border-bottom:1px solid #dadbf6}.sky-grid-multiselect-selected-row:nth-child(odd){background:#f1eef6}.sky-grid-has-toolbar .sky-grid-heading{border-top-width:0}.sky-grid-heading-sort.sky-grid-heading-sort-hidden{visibility:hidden}.sky-grid-heading-sort.sky-grid-heading-sort-visible{visibility:visible;padding-left:5px}.sky-grid-resize-handle{position:absolute;right:0;top:0;bottom:0;width:30px;z-index:2;min-height:20px;height:100%!important;vertical-align:middle;cursor:col-resize}.sky-grid-resize-handle:hover::after{background-color:#00b4f1}.sky-grid-resize-handle:after{position:absolute;right:0;top:0;bottom:0;width:5px;height:100%;content:\"\"}#sky-grid-resize-bar{position:absolute;top:0;left:0;z-index:99;height:100%;width:5px;background:#00b4f1;opacity:.6}tr{position:relative}.sky-grid-top-scroll-container{overflow:auto}.sky-grid-top-scroll{height:1px}"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3}}]}],"enableMultiselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3}}]}],"fit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3}}]}],"hasToolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3}}]}],"highlightText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":3}}]}],"messageStream":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"multiselectRowId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":198,"character":3}}]}],"rowHighlightedId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":3}}]}],"selectedColumnIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":213,"character":3}}]}],"selectedRowIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":256,"character":3}}]}],"settingsKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":276,"character":3}}]}],"sortField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":288,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":294,"character":3}}]}],"columnWidthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":300,"character":3}}]}],"multiselectSelectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":308,"character":3}}]}],"rowDeleteCancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":314,"character":3}}]}],"rowDeleteConfirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":320,"character":3}}]}],"selectedColumnIdsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":327,"character":3}}]}],"sortFieldChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":333,"character":3}}]}],"columnComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":351,"character":3},"arguments":[{"__symbolic":"reference","name":"SkyGridColumnComponent"}]}]}],"columnElementRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":354,"character":3},"arguments":["gridCol"]}]}],"columnRangeInputElementRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":356,"character":3},"arguments":["colSizeRange"]}]}],"inlineDeleteRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":358,"character":3},"arguments":["inlineDeleteRef"]}]}],"inlineDeleteTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":360,"character":3},"arguments":["inlineDeleteTemplateRef",{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":360,"character":48}}]}]}],"tableContainerElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":362,"character":3},"arguments":["gridContainer"]}]}],"tableElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":364,"character":3},"arguments":["gridTable"]}]}],"topScrollContainerElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":366,"character":3},"arguments":["topScrollContainer"]}]}],"resizeBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":368,"character":3},"arguments":["resizeBar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@skyux/core","name":"SkyAffixService","line":386,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":387,"character":28},{"__symbolic":"reference","module":"ng2-dragula","name":"DragulaService","line":388,"character":28},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@skyux/core","name":"SkyOverlayService","line":390,"character":28},{"__symbolic":"reference","module":"@skyux/core","name":"SkyAppWindowRef","line":391,"character":23},{"__symbolic":"reference","module":"@skyux/core","name":"SkyUIConfigService","line":392,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onWindowResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":491,"character":3},"arguments":["window:resize"]}]}],"getTopScrollWidth":[{"__symbolic":"method"}],"getTableClassNames":[{"__symbolic":"method"}],"getTableHeaderClassNames":[{"__symbolic":"method"}],"getCaretIconNames":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"sortByColumn":[{"__symbolic":"method"}],"getSortDirection":[{"__symbolic":"method"}],"getAriaSortDirection":[{"__symbolic":"method"}],"getCaretVisibility":[{"__symbolic":"method"}],"getHelpInlineClass":[{"__symbolic":"method"}],"onMultiselectCheckboxChange":[{"__symbolic":"method"}],"updateColumnHeading":[{"__symbolic":"method"}],"updateInlineHelpPopover":[{"__symbolic":"method"}],"updateColumnDescription":[{"__symbolic":"method"}],"onResizeColumnStart":[{"__symbolic":"method"}],"onKeydownResizeCol":[{"__symbolic":"method"}],"onInputChangeResizeCol":[{"__symbolic":"method"}],"onResizeHandleMove":[{"__symbolic":"method"}],"onResizeHandleBlur":[{"__symbolic":"method"}],"onResizeHandleFocus":[{"__symbolic":"method"}],"onResizeHandleRelease":[{"__symbolic":"method"}],"onRowClick":[{"__symbolic":"method"}],"isRowHighlighted":[{"__symbolic":"method"}],"getRowHeight":[{"__symbolic":"method"}],"cancelRowDelete":[{"__symbolic":"method"}],"confirmRowDelete":[{"__symbolic":"method"}],"getRowDeleteItem":[{"__symbolic":"method"}],"onTouchMove":[{"__symbolic":"method"}],"onTopScroll":[{"__symbolic":"method"}],"onGridScroll":[{"__symbolic":"method"}],"checkUserColumnWidthsForScroll":[{"__symbolic":"method"}],"multiselectSelectAll":[{"__symbolic":"method"}],"multiselectClearAll":[{"__symbolic":"method"}],"handleIncomingMessages":[{"__symbolic":"method"}],"onHeaderDrop":[{"__symbolic":"method"}],"setDisplayedColumns":[{"__symbolic":"method"}],"transformData":[{"__symbolic":"method"}],"getGridDataWithSelectedRows":[{"__symbolic":"method"}],"applySelectedRows":[{"__symbolic":"method"}],"setSortHeaders":[{"__symbolic":"method"}],"getColumnsFromComponent":[{"__symbolic":"method"}],"updateColumns":[{"__symbolic":"method"}],"resizeColumnByIndex":[{"__symbolic":"method"}],"initColumnWidths":[{"__symbolic":"method"}],"getColumnWidthModelChange":[{"__symbolic":"method"}],"updateMaxRange":[{"__symbolic":"method"}],"initializeResizeColumn":[{"__symbolic":"method"}],"resetTableWidth":[{"__symbolic":"method"}],"getRangeInputByIndex":[{"__symbolic":"method"}],"getColumnModelByIndex":[{"__symbolic":"method"}],"getMaxRangeByIndex":[{"__symbolic":"method"}],"getLastDisplayedColumn":[{"__symbolic":"method"}],"addDelimeter":[{"__symbolic":"method"}],"destroyRowDelete":[{"__symbolic":"method"}],"emitSelectedRows":[{"__symbolic":"method"}],"getSelectedRows":[{"__symbolic":"method"}],"isInteractiveElement":[{"__symbolic":"method"}],"setResizeBarPosition":[{"__symbolic":"method"}],"applyUserConfig":[{"__symbolic":"method"}],"setUserConfig":[{"__symbolic":"method"}],"initColumns":[{"__symbolic":"method"}],"arraysEqual":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"RendererFactory2","line":25,"character":29}]}],"initializeDragAndDrop":[{"__symbolic":"method"}],"getRowHeight":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}],"isLeftOfLocked":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"sky-grid-cell","template":"<ng-template #cell></ng-template>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"styles":[":host{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px;min-height:35px}"]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"columnId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"fieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":["cell",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":38,"character":10},"static":true}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@skyux/i18n","name":"SkyI18nModule","line":15,"character":4}],"providers":[{"provide":{"__symbolic":"reference","module":"@skyux/i18n","name":"SKY_LIB_RESOURCES_PROVIDERS","line":18,"character":13},"useClass":{"__symbolic":"reference","name":"ɵd"},"multi":true}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"getString":[{"__symbolic":"method"}]}}},"origins":{"SkyGridModule":"./modules/grid/grid.module","SkyGridColumnModel":"./modules/grid/grid-column.model","SkyGridColumnAlignment":"./modules/grid/types/grid-column-alignment","SkyGridColumnDescriptionModelChange":"./modules/grid/types/grid-column-description-model-change","SkyGridColumnHeadingModelChange":"./modules/grid/types/grid-column-heading-model-change","SkyGridColumnInlineHelpPopoverModelChange":"./modules/grid/types/grid-column-inline-help-popover-model-change","SkyGridColumnWidthModelChange":"./modules/grid/types/grid-column-width-model-change","SkyGridMessage":"./modules/grid/types/grid-message","SkyGridMessageType":"./modules/grid/types/grid-message-type","SkyGridRowDeleteCancelArgs":"./modules/grid/types/grid-row-delete-cancel-args","SkyGridRowDeleteConfig":"./modules/grid/types/grid-row-delete-config","SkyGridRowDeleteConfirmArgs":"./modules/grid/types/grid-row-delete-confirm-args","SkyGridSelectedRowsModelChange":"./modules/grid/types/grid-selected-rows-model-change","SkyGridSelectedRowsSource":"./modules/grid/types/grid-selected-rows-source","SkyGridUIConfig":"./modules/grid/types/grid-ui-config","SkyGridColumnComponent":"./modules/grid/grid-column.component","SkyGridComponent":"./modules/grid/grid.component","ɵa":"./modules/grid/grid-adapter.service","ɵb":"./modules/grid/grid-cell.component","ɵc":"./modules/shared/grids-resources.module","ɵd":"./plugin-resources/grids-resources-provider"},"importAs":"@skyux/grids"}