@skyux/grids 4.0.6 → 4.0.7

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":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":54,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"inlineHelpPopover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"isSortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"locked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"searchFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3},"arguments":["search"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"templateInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3},"arguments":["template"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3}}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":152,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":152,"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"}
+{"__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"}