\\n \"\n },] },\n ];\n ColumnMenuItemComponent.propDecorators = {\n itemClick: [{ type: Output }],\n expand: [{ type: Output }],\n collapse: [{ type: Output }],\n icon: [{ type: Input }],\n text: [{ type: Input }],\n selected: [{ type: Input }],\n disabled: [{ type: Input }],\n expanded: [{ type: Input }],\n contentTemplate: [{ type: ContentChild, args: [ColumnMenuItemContentTemplateDirective,] }]\n };\n return ColumnMenuItemComponent;\n}());\n\n/* tslint:disable:max-line-length */\n/**\n * Represents a column-menu item for sorting Grid columns that can be placed inside a\n * [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.\n * Allows the user to sort the column.\n *\n * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by\n * > the template to the service input of the `kendo-grid-columnmenu-sort` component.\n *\n * @example\n * ```ts-preview\n *\n * _@Component({\n * selector: 'my-app',\n * template: `\n *
\n * \n * \n * \n * \n * \n * \n * \n * `\n * })\n *\n * class AppComponent {\n * public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }, { Field1: 'Foo1', Field2: 'Bar1' }];\n * }\n *\n * ```\n */\nvar ColumnMenuSortComponent = /** @class */ (function (_super) {\n __extends(ColumnMenuSortComponent, _super);\n function ColumnMenuSortComponent(localization, sortService) {\n var _this = _super.call(this) || this;\n _this.localization = localization;\n _this.sortService = sortService;\n return _this;\n }\n Object.defineProperty(ColumnMenuSortComponent.prototype, \"sortedAsc\", {\n get: function () {\n var descriptor = this.descriptor;\n return descriptor && (!descriptor.dir || descriptor.dir === 'asc');\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ColumnMenuSortComponent.prototype, \"sortedDesc\", {\n get: function () {\n var descriptor = this.descriptor;\n return descriptor && descriptor.dir === 'desc';\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @hidden\n */\n ColumnMenuSortComponent.prototype.toggleSort = function (dir) {\n var field = this.service.column.field;\n var _a = normalize$1(this.service.sortable), mode = _a.mode, allowUnsort = _a.allowUnsort;\n var descriptor = this.descriptor;\n var sort = mode === 'multiple' ? this.service.sort.filter(function (s) { return s.field !== field; }) : [];\n if (descriptor && descriptor.dir === dir) {\n if (!allowUnsort) {\n return;\n }\n }\n else {\n sort.push({ field: field, dir: dir });\n }\n this.sortService.sort(sort);\n this.close();\n };\n Object.defineProperty(ColumnMenuSortComponent.prototype, \"descriptor\", {\n get: function () {\n var _this = this;\n return [].concat(this.service.sort || []).find(function (s) { return s.field === _this.service.column.field; });\n },\n enumerable: true,\n configurable: true\n });\n ColumnMenuSortComponent.decorators = [\n { type: Component, args: [{\n selector: 'kendo-grid-columnmenu-sort',\n template: \"\\n
\\n \\n
\\n \\n \"\n },] },\n ];\n /** @nocollapse */\n ColumnMenuSortComponent.ctorParameters = function () { return [\n { type: LocalizationService },\n { type: SortService }\n ]; };\n return ColumnMenuSortComponent;\n}(ColumnMenuItemBase));\n\nvar POPUP_CLASS = 'k-grid-columnmenu-popup';\n/**\n * Represents the [column menu]({% slug columnmenu_grid %}) component.\n */\nvar ColumnMenuComponent = /** @class */ (function () {\n function ColumnMenuComponent(popupService, localization, service) {\n this.popupService = popupService;\n this.localization = localization;\n this.service = service;\n /**\n * @hidden\n */\n this.standalone = true;\n /**\n * The settings for the Column Menu.\n */\n this.settings = {};\n /**\n * @hidden\n */\n this.sortable = true;\n /**\n * @hidden\n */\n this.expandedFilter = false;\n /**\n * @hidden\n */\n this.expandedColumns = false;\n this.closeSubscription = service.closeMenu.subscribe(this.close.bind(this));\n }\n Object.defineProperty(ColumnMenuComponent.prototype, \"isActive\", {\n /**\n * @hidden\n */\n get: function () {\n var _this = this;\n return (this.hasFilter && filtersByField(this.filter, this.column.field).length > 0) ||\n (!this.sortable && this.hasSort && this.sort.find(function (descriptor) { return descriptor.field === _this.column.field; }));\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ColumnMenuComponent.prototype, \"hasFilter\", {\n /**\n * @hidden\n */\n get: function () {\n return hasFilter(this.settings, this.column);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ColumnMenuComponent.prototype, \"hasSort\", {\n /**\n * @hidden\n */\n get: function () {\n return hasSort(this.settings, this.column);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ColumnMenuComponent.prototype, \"hasColumnChooser\", {\n /**\n * @hidden\n */\n get: function () {\n return hasColumnChooser(this.settings);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ColumnMenuComponent.prototype, \"hasLock\", {\n /**\n * @hidden\n */\n get: function () {\n return hasLock(this.settings, this.column);\n },\n enumerable: true,\n configurable: true\n });\n ColumnMenuComponent.prototype.ngOnChanges = function () {\n this.service.column = this.column;\n this.service.sort = this.sort;\n this.service.filter = this.filter;\n this.service.sortable = this.sortable;\n };\n ColumnMenuComponent.prototype.ngOnDestroy = function () {\n this.close();\n this.closeSubscription.unsubscribe();\n };\n /**\n * @hidden\n */\n ColumnMenuComponent.prototype.toggle = function (e, anchor, template) {\n e.preventDefault();\n this.expandedFilter = !this.hasColumnChooser;\n this.expandedColumns = !this.hasFilter;\n this.popupRef = this.popupService.open(anchor, template, this.popupRef, POPUP_CLASS);\n };\n /**\n * @hidden\n */\n ColumnMenuComponent.prototype.close = function () {\n this.popupService.destroy();\n this.popupRef = null;\n };\n /**\n * @hidden\n */\n ColumnMenuComponent.prototype.onColumnsExpand = function () {\n this.expandedColumns = true;\n this.expandedFilter = false;\n };\n /**\n * @hidden\n */\n ColumnMenuComponent.prototype.onFilterExpand = function () {\n this.expandedFilter = true;\n this.expandedColumns = false;\n };\n ColumnMenuComponent.decorators = [\n { type: Component, args: [{\n providers: [ColumnMenuService],\n selector: 'kendo-grid-column-menu',\n template: \"\\n
\\n \\n \\n
\\n \\n \\n \\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \"\n },] },\n ];\n /** @nocollapse */\n ColumnMenuComponent.ctorParameters = function () { return [\n { type: SinglePopupService },\n { type: LocalizationService },\n { type: ColumnMenuService }\n ]; };\n ColumnMenuComponent.propDecorators = {\n standalone: [{ type: HostBinding, args: ['class.k-grid-column-menu-standalone',] }, { type: Input }],\n column: [{ type: Input }],\n settings: [{ type: Input }],\n sort: [{ type: Input }],\n filter: [{ type: Input }],\n sortable: [{ type: Input }],\n columnMenuTemplate: [{ type: Input }]\n };\n return ColumnMenuComponent;\n}());\n\n/* tslint:disable:max-line-length */\n/**\n * Represents a column-menu item that can be placed inside a\n * [`ColumnMenuTemplate`]({% slug api_grid_columnmenutemplatedirective %}) directive.\n * Allows the user to lock or unlock the columns.\n *\n * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by\n * > the template to the service input of the `kendo-grid-columnmenu-lock` component.\n *\n * @example\n * ```ts-preview\n *\n * _@Component({\n * selector: 'my-app',\n * template: `\n *
\n * \n * \n * \n * \n * \n * \n * \n * `\n * })\n *\n * class AppComponent {\n * public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];\n * }\n *\n * ```\n */\nvar ColumnMenuLockComponent = /** @class */ (function (_super) {\n __extends(ColumnMenuLockComponent, _super);\n function ColumnMenuLockComponent(localization, columnInfoService, changeDetector) {\n var _this = _super.call(this) || this;\n _this.localization = localization;\n _this.columnInfoService = columnInfoService;\n _this.changeDetector = changeDetector;\n return _this;\n }\n Object.defineProperty(ColumnMenuLockComponent.prototype, \"text\", {\n get: function () {\n return this.localization.get(this.locked ? 'unlock' : 'lock');\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ColumnMenuLockComponent.prototype, \"icon\", {\n get: function () {\n return this.locked ? 'unlock' : 'lock';\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ColumnMenuLockComponent.prototype, \"disabled\", {\n get: function () {\n return !this.locked && this.columnInfoService.unlockedRootCount < 2;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @hidden\n */\n ColumnMenuLockComponent.prototype.toggleColumn = function () {\n this.toggleHierarchy(!this.locked);\n this.close();\n this.changeDetector.markForCheck();\n };\n ColumnMenuLockComponent.prototype.toggleHierarchy = function (locked) {\n var root = this.service.column;\n while (root.parent) {\n root = root.parent;\n }\n var columns = [root];\n var allChanged = [];\n while (columns.length) {\n var column = columns.shift();\n column.locked = locked;\n allChanged.push(column);\n if (column.hasChildren) {\n columns.push.apply(columns, column.childrenArray);\n }\n }\n this.columnInfoService.changeLocked(allChanged);\n };\n Object.defineProperty(ColumnMenuLockComponent.prototype, \"locked\", {\n get: function () {\n return this.service.column.locked;\n },\n enumerable: true,\n configurable: true\n });\n ColumnMenuLockComponent.decorators = [\n { type: Component, args: [{\n selector: 'kendo-grid-columnmenu-lock',\n template: \"\\n
\\n \\n \"\n },] },\n ];\n /** @nocollapse */\n ColumnMenuLockComponent.ctorParameters = function () { return [\n { type: LocalizationService },\n { type: ColumnInfoService },\n { type: ChangeDetectorRef }\n ]; };\n return ColumnMenuLockComponent;\n}(ColumnMenuItemBase));\n\nvar COMPONENTS$1 = [\n ColumnListComponent,\n ColumnChooserComponent,\n ColumnMenuChooserComponent,\n ColumnMenuFilterComponent,\n ColumnMenuItemComponent,\n ColumnMenuItemContentTemplateDirective,\n ColumnMenuSortComponent,\n ColumnMenuComponent,\n ColumnMenuLockComponent,\n ColumnMenuTemplateDirective\n];\n/**\n * @hidden\n */\nvar ColumnMenuModule = /** @class */ (function () {\n function ColumnMenuModule() {\n }\n ColumnMenuModule.exports = function () {\n return [\n ColumnChooserComponent,\n ColumnMenuFilterComponent,\n ColumnMenuItemComponent,\n ColumnMenuItemContentTemplateDirective,\n ColumnMenuSortComponent,\n ColumnMenuLockComponent,\n ColumnMenuChooserComponent,\n ColumnMenuTemplateDirective,\n ColumnMenuComponent\n ];\n };\n ColumnMenuModule.decorators = [\n { type: NgModule, args: [{\n declarations: [COMPONENTS$1],\n imports: [CommonModule, FilterMenuModule],\n exports: [COMPONENTS$1]\n },] },\n ];\n return ColumnMenuModule;\n}());\n\nvar exportedModules$2 = [\n HeaderComponent,\n HeaderTemplateDirective,\n ColumnHandleDirective,\n SelectAllCheckboxDirective\n];\nvar importedModules$2 = [\n CommonModule,\n GroupModule,\n RowFilterModule,\n FilterMenuModule,\n SharedModule,\n DragAndDropModule,\n ColumnMenuModule\n];\n/**\n * @hidden\n */\nvar HeaderModule = /** @class */ (function () {\n function HeaderModule() {\n }\n HeaderModule.exports = function () {\n return [\n HeaderTemplateDirective,\n SelectAllCheckboxDirective\n ];\n };\n HeaderModule.decorators = [\n { type: NgModule, args: [{\n declarations: [exportedModules$2],\n exports: [exportedModules$2],\n imports: importedModules$2.slice()\n },] },\n ];\n return HeaderModule;\n}());\n\n/**\n * Represents the command columns of the Grid. You have to define the content of the\n * column inside an `
` tag. The template context is set to the current\n * data item. For more information and examples on using the passed fields\n * and the command directives, refer to the article on\n * [editing the Grid in Angular Reactive Forms]({% slug editing_reactive_forms_grid %}).\n *\n * The following additional fields are passed:\n * - `columnIndex`—The current column index.\n * - `rowIndex`—The current data row index. If inside a new item row, `rowIndex`is `-1`.\n * - `dataItem`—The current data item.\n * - `column`—The current column instance.\n * - `isNew`—The state of the current item.\n *\n * Usually, the template contains CRUD command directives such as:\n * - [`EditCommandDirective`]({% slug api_grid_editcommanddirective %})\n * - [`RemoveCommandDirective`]({% slug api_grid_removecommanddirective %})\n * - [`CancelCommandDirective`]({% slug api_grid_cancelcommanddirective %})\n * - [`SaveCommandDirective`]({% slug api_grid_savecommanddirective %})\n *\n * @example\n * ```ts-preview\n *\n * _@Component({\n * selector: 'my-app',\n * template: `\n * \n * \n * \n * \n * \n * \n * \n * \n * \n * \n * \n * \n * \n * \n * `\n * })\n *\n * class AppComponent {\n * public gridData: any[];\n *\n * constructor() {\n * this.gridData = products;\n * }\n * }\n *\n * const products = [{\n * \"ProductID\": 1,\n * \"ProductName\": \"Chai\",\n * \"UnitPrice\": 18.0000,\n * \"Discontinued\": true\n * }, {\n * \"ProductID\": 2,\n * \"ProductName\": \"Chang\",\n * \"UnitPrice\": 19.0000,\n * \"Discontinued\": false\n * }\n * ];\n *\n * ```\n */\nvar CommandColumnComponent = /** @class */ (function (_super) {\n __extends(CommandColumnComponent, _super);\n function CommandColumnComponent(parent) {\n var _this = _super.call(this, parent) || this;\n _this.parent = parent;\n return _this;\n }\n Object.defineProperty(CommandColumnComponent.prototype, \"templateRef\", {\n get: function () {\n return this.template ? this.template.templateRef : undefined;\n },\n enumerable: true,\n configurable: true\n });\n CommandColumnComponent.decorators = [\n { type: Component, args: [{\n providers: [\n {\n provide: ColumnBase$1,\n useExisting: forwardRef(function () { return CommandColumnComponent; })\n }\n ],\n selector: 'kendo-grid-command-column',\n template: \"\"\n },] },\n ];\n /** @nocollapse */\n CommandColumnComponent.ctorParameters = function () { return [\n { type: ColumnBase$1, decorators: [{ type: SkipSelf }, { type: Host }, { type: Optional }] }\n ]; };\n CommandColumnComponent.propDecorators = {\n template: [{ type: ContentChild, args: [CellTemplateDirective,] }]\n };\n return CommandColumnComponent;\n}(ColumnBase$1));\n\n/**\n * Represents the checkbox for selecting columns in the Grid. If the column is\n * defined as empty, it renders a default checkbox for row selection.\n * You can also define the content of the column inside an `` tag.\n * The input requires you to include the `SelectionCheckbox` option.\n *\n * The template context is set to the current data item and the following additional fields are passed:\n * - `columnIndex`—The current column index.\n * - `rowIndex`—The current data row index. If inside a new item row, it will be `-1`.\n * - `dataItem`—The current data item.\n * - `column`—The current column instance.\n * - `isNew`—The state of the current item.\n *\n * For more examples, refer to:\n * - [Selecting or deselecting all items on a page]({% slug selection_grid %}#toc-select-all-feature)\n * - [Persisting the selection]({% slug selection_grid %}#toc-in-combination-with-the-select-all-feature)\n *\n * @example\n * ```ts-preview\n *\n * _@Component({\n * selector: 'my-app',\n * template: `\n * \n * \n * \n * \n * \n * \n * \n * \n * \n * Select row \n * \n * \n * \n * `\n * })\n *\n * class AppComponent {\n * public gridData: any[];\n *\n * constructor() {\n * this.gridData = products;\n * }\n * }\n *\n * const products = [{\n * \"ProductID\": 1,\n * \"ProductName\": \"Chai\",\n * \"UnitPrice\": 18.0000,\n * \"Discontinued\": true\n * }, {\n * \"ProductID\": 2,\n * \"ProductName\": \"Chang\",\n * \"UnitPrice\": 19.0000,\n * \"Discontinued\": false\n * }\n * ];\n *\n * ```\n */\nvar CheckboxColumnComponent = /** @class */ (function (_super) {\n __extends(CheckboxColumnComponent, _super);\n function CheckboxColumnComponent(parent) {\n var _this = _super.call(this, parent) || this;\n _this.parent = parent;\n /*\n * @hidden\n */\n _this.isCheckboxColumn = true;\n return _this;\n }\n Object.defineProperty(CheckboxColumnComponent.prototype, \"templateRef\", {\n get: function () {\n return this.template ? this.template.templateRef : undefined;\n },\n enumerable: true,\n configurable: true\n });\n CheckboxColumnComponent.decorators = [\n { type: Component, args: [{\n providers: [\n {\n provide: ColumnBase$1,\n useExisting: forwardRef(function () { return CheckboxColumnComponent; })\n }\n ],\n selector: 'kendo-grid-checkbox-column',\n template: \"\"\n },] },\n ];\n /** @nocollapse */\n CheckboxColumnComponent.ctorParameters = function () { return [\n { type: ColumnBase$1, decorators: [{ type: SkipSelf }, { type: Host }, { type: Optional }] }\n ]; };\n CheckboxColumnComponent.propDecorators = {\n showSelectAll: [{ type: Input }],\n template: [{ type: ContentChild, args: [CellTemplateDirective,] }]\n };\n return CheckboxColumnComponent;\n}(ColumnBase$1));\n\n/* tslint:disable:no-input-rename */\n/**\n * Represents the row-selection checkbox of the Grid. The directive expects the\n * index of the current row as an input parameter. Inside the\n * [`CheckboxColumnComponent`]({% slug api_grid_checkboxcolumncomponent %}), apply the\n * directive to an `input` element. When the user clicks the checkbox that is associated\n * with the directive, a [`selectionChange`]({% slug api_grid_gridcomponent %}#toc-selectionChange)\n * event is triggered.\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * \n * \n * ```\n */\nvar SelectionCheckboxDirective = /** @class */ (function () {\n function SelectionCheckboxDirective(selectionService, el, renderer, ngZone) {\n var _this = this;\n this.selectionService = selectionService;\n this.el = el;\n this.renderer = renderer;\n this.ngZone = ngZone;\n this.type = \"checkbox\";\n this.ngZone.runOutsideAngular(function () {\n _this.destroyClick = _this.renderer.listen(_this.el.nativeElement, \"click\", _this.onClick.bind(_this));\n _this.destroyKeyDown = _this.renderer.listen(_this.el.nativeElement, \"keydown\", _this.onKeyDown.bind(_this));\n });\n }\n SelectionCheckboxDirective.prototype.ngAfterContentChecked = function () {\n this.setCheckedState();\n };\n SelectionCheckboxDirective.prototype.ngOnDestroy = function () {\n if (this.destroyClick) {\n this.destroyClick();\n }\n if (this.destroyKeyDown) {\n this.destroyKeyDown();\n }\n };\n SelectionCheckboxDirective.prototype.onClick = function () {\n var _this = this;\n if (this.selectionService.options.enabled) {\n this.ngZone.run(function () {\n var ev = _this.selectionService.toggleByIndex(_this.itemIndex);\n ev.ctrlKey = true;\n ev.shiftKey = false;\n _this.selectionService.changes.emit(ev);\n });\n }\n };\n SelectionCheckboxDirective.prototype.onKeyDown = function (e) {\n if (e.keyCode === Keys.Enter) {\n this.onClick();\n }\n };\n /*\n * @hidden\n */\n SelectionCheckboxDirective.prototype.setCheckedState = function () {\n this.renderer.setProperty(this.el.nativeElement, \"checked\", this.selectionService.isSelected(this.itemIndex));\n };\n SelectionCheckboxDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridSelectionCheckbox]'\n },] },\n ];\n /** @nocollapse */\n SelectionCheckboxDirective.ctorParameters = function () { return [\n { type: SelectionService },\n { type: ElementRef },\n { type: Renderer2 },\n { type: NgZone }\n ]; };\n SelectionCheckboxDirective.propDecorators = {\n itemIndex: [{ type: Input, args: [\"kendoGridSelectionCheckbox\",] }],\n type: [{ type: HostBinding, args: ['attr.type',] }]\n };\n return SelectionCheckboxDirective;\n}());\n\nvar columnCellIndex = function (cell, cells) {\n var cellIndex = 0;\n for (var idx = 0; idx < cells.length; idx++) {\n if (cells[idx] === cell) {\n return cellIndex;\n }\n if (!hasClasses(cells[idx], 'k-hierarchy-cell k-group-cell')) {\n cellIndex++;\n }\n }\n};\n/**\n * @hidden\n */\nvar TableBodyComponent = /** @class */ (function () {\n function TableBodyComponent(detailsService, groupsService, changeNotification, editService, localization, ngZone, renderer, element, domEvents, selectionService, columnInfoService, navigationService) {\n var _this = this;\n this.detailsService = detailsService;\n this.groupsService = groupsService;\n this.changeNotification = changeNotification;\n this.editService = editService;\n this.localization = localization;\n this.ngZone = ngZone;\n this.renderer = renderer;\n this.element = element;\n this.domEvents = domEvents;\n this.selectionService = selectionService;\n this.columnInfoService = columnInfoService;\n this.navigationService = navigationService;\n this.columns = [];\n this.groups = [];\n this.skip = 0;\n this.noRecordsText = this.localization.get('noRecords');\n this.isLocked = false;\n this.skipGroupDecoration = false;\n this.showGroupFooters = false;\n this.lockedColumnsCount = 0;\n this.totalColumnsCount = 0;\n this.trackBy = defaultTrackBy;\n this.rowClass = function () { return null; };\n this.cellKeydownSubscription = this.navigationService.cellKeydown.subscribe(function (args) { return _this.cellKeydownHandler(args); });\n this.trackByWrapper = this.trackByWrapper.bind(this);\n this.trackByColumns = this.trackByColumns.bind(this);\n }\n Object.defineProperty(TableBodyComponent.prototype, \"newDataItem\", {\n get: function () {\n return this.editService.newDataItem;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TableBodyComponent.prototype, \"unlockedColumnsCount\", {\n // Number of unlocked columns in the next table, if any\n get: function () {\n return this.totalColumnsCount - this.lockedColumnsCount - (this.allColumns || this.columns).length;\n },\n enumerable: true,\n configurable: true\n });\n TableBodyComponent.prototype.toggleRow = function (index, dataItem) {\n this.detailsService.toggleRow(index, dataItem);\n return false;\n };\n TableBodyComponent.prototype.isExpanded = function (index) {\n return this.detailsService.isExpanded(index);\n };\n TableBodyComponent.prototype.detailButtonStyles = function (index) {\n return this.isExpanded(index) ? 'k-minus' : 'k-plus';\n };\n TableBodyComponent.prototype.detailButtonTitle = function (index) {\n var messageKey = this.isExpanded(index) ? 'detailCollapse' : 'detailExpand';\n return this.localization.get(messageKey);\n };\n TableBodyComponent.prototype.isGroup = function (item) {\n return item.type === 'group';\n };\n TableBodyComponent.prototype.isDataItem = function (item) {\n return !this.isGroup(item) && !this.isFooter(item);\n };\n TableBodyComponent.prototype.isFooter = function (item) {\n return item.type === 'footer';\n };\n TableBodyComponent.prototype.isInExpandedGroup = function (item) {\n return this.groupsService.isInExpandedGroup(item.groupIndex, false);\n };\n TableBodyComponent.prototype.isParentGroupExpanded = function (item) {\n return this.groupsService.isInExpandedGroup(item.index || item.groupIndex);\n };\n TableBodyComponent.prototype.isOdd = function (item) {\n return item.index % 2 !== 0;\n };\n TableBodyComponent.prototype.isSelectable = function () {\n return this.selectable && this.selectable.enabled !== false;\n };\n TableBodyComponent.prototype.isRowSelected = function (item) {\n return this.selectionService.isSelected(item.index);\n };\n TableBodyComponent.prototype.trackByWrapper = function (index, item) {\n if (item.type === 'data') {\n item.isEditing = this.editService.hasEdited(item.index);\n }\n return this.trackBy(index, item);\n };\n TableBodyComponent.prototype.trackByColumns = function (index, item) {\n return this.virtualColumns ? index : item;\n };\n TableBodyComponent.prototype.ngDoCheck = function () {\n if (this.hasGroupHeaderColumn) {\n this.groupHeaderColumns = columnsToRender(this.skipGroupDecoration ? this.columns : this.columns.toArray().slice(1));\n }\n else {\n this.groupHeaderColumns = [];\n }\n if (this.isLocked) {\n this.groupHeaderSlaveCellsCount =\n this.hasGroupHeaderColumn ? this.columnsContainer.nonLockedColumnsToRender.length : 1;\n }\n else {\n this.groupHeaderSlaveCellsCount = 0;\n }\n };\n TableBodyComponent.prototype.ngOnChanges = function (changes) {\n if (isChanged(\"columns\", changes, false)) {\n this.changeNotification.notify();\n }\n };\n TableBodyComponent.prototype.logicalRowIndex = function (rowIndex) {\n var pos = this.skip + rowIndex;\n if (this.hasDetailTemplate) {\n pos *= 2;\n }\n var absoluteRowIndex = 1 + pos;\n var addRowOffset = this.editService.hasNewItem ? 1 : 0;\n var filterRowOffset = hasFilterRow(this.filterable) ? 1 : 0;\n var headerRowCount = this.columnInfoService.totalLevels + filterRowOffset + addRowOffset;\n return absoluteRowIndex + headerRowCount;\n };\n TableBodyComponent.prototype.addRowLogicalIndex = function () {\n return this.columnInfoService.totalLevels + 1;\n };\n TableBodyComponent.prototype.logicalColIndex = function (column) {\n if (!isPresent(column.leafIndex)) {\n return -1;\n }\n return column.leafIndex + (this.hasDetailTemplate ? 1 : 0);\n };\n TableBodyComponent.prototype.ngOnInit = function () {\n var _this = this;\n this.ngZone.runOutsideAngular(function () {\n var clickHandler = _this.clickHandler.bind(_this);\n var mousedownSubscription = _this.renderer.listen(_this.element.nativeElement, 'mousedown', clickHandler);\n var clickSubscription = _this.renderer.listen(_this.element.nativeElement, 'click', clickHandler);\n var contextmenuSubscription = _this.renderer.listen(_this.element.nativeElement, 'contextmenu', clickHandler);\n _this.clickSubscription = function () {\n mousedownSubscription();\n clickSubscription();\n contextmenuSubscription();\n };\n });\n var originalNoRecordText = this.localization.get('noRecords');\n this.localization.changes.subscribe(function () {\n if (_this.noRecordsText === originalNoRecordText) {\n _this.noRecordsText = _this.localization.get('noRecords');\n originalNoRecordText = _this.noRecordsText;\n }\n });\n };\n TableBodyComponent.prototype.ngOnDestroy = function () {\n if (this.clickSubscription) {\n this.clickSubscription();\n }\n this.cellKeydownSubscription.unsubscribe();\n clearTimeout(this.clickTimeout);\n };\n TableBodyComponent.prototype.isEditingCell = function (index, column) {\n return this.editService.isEditing() && this.editService.isEditedColumn(index, column);\n };\n TableBodyComponent.prototype.isEditingRow = function (index) {\n return this.editService.isEditing() && this.editService.hasEdited(index);\n };\n Object.defineProperty(TableBodyComponent.prototype, \"hasGroupHeaderColumn\", {\n get: function () {\n return this.columnsContainer.hasGroupHeaderColumn;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TableBodyComponent.prototype, \"columnsContainer\", {\n get: function () {\n return this.columnInfoService.columnsContainer;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TableBodyComponent.prototype, \"columnsSpan\", {\n get: function () {\n return columnsSpan(this.columns);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TableBodyComponent.prototype, \"allColumnsSpan\", {\n get: function () {\n return columnsSpan(this.allColumns || this.columns);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TableBodyComponent.prototype, \"colSpan\", {\n get: function () {\n return this.columnsSpan + this.groups.length + (this.hasDetailTemplate ? 1 : 0);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(TableBodyComponent.prototype, \"footerColumns\", {\n get: function () {\n return this.isLocked ? this.columnsContainer.lockedColumnsToRender : this.columnsContainer.nonLockedColumnsToRender;\n },\n enumerable: true,\n configurable: true\n });\n TableBodyComponent.prototype.showGroupHeader = function (item) {\n return !item.data.skipHeader;\n };\n Object.defineProperty(TableBodyComponent.prototype, \"hasDetailTemplate\", {\n get: function () {\n return isPresent(this.detailTemplate);\n },\n enumerable: true,\n configurable: true\n });\n TableBodyComponent.prototype.clickHandler = function (eventArg) {\n var _this = this;\n var element = this.element.nativeElement;\n var target = eventArg.target;\n var cell, row, body, gridElement;\n var currentTarget = target;\n do {\n cell = closest(currentTarget, matchesNodeName('td'));\n row = closest(cell, matchesNodeName('tr'));\n body = closest(row, matchesNodeName('tbody'));\n currentTarget = body;\n gridElement = closestInScope(currentTarget, matchesClasses('k-grid'), element);\n } while (body && body !== element && !gridElement);\n if (cell && !hasClasses(cell, NON_DATA_CELL_CLASSES) &&\n !hasClasses(row, NON_DATA_ROW_CLASSES) &&\n body === element && !gridElement) {\n this.editService.preventCellClose();\n var focusable = target !== cell && isFocusableWithTabKey(target, false);\n if (!focusable && !matchesNodeName('label')(target) && !hasClasses(target, IGNORE_TARGET_CLASSSES) &&\n !closestInScope(target, matchesClasses(IGNORE_CONTAINER_CLASSES), cell)) {\n var args_1 = this.cellClickArgs(cell, row, eventArg);\n if (eventArg.type === 'mousedown') {\n this.domEvents.cellMousedown.emit(args_1);\n }\n else {\n if (args_1.isEditedColumn || !this.editService.closeCell(eventArg)) {\n if (eventArg.type === 'click') {\n this.clickTimeout = setTimeout(function () {\n _this.emitCellClick(args_1);\n }, 0);\n }\n else {\n this.emitCellClick(args_1);\n }\n }\n }\n }\n }\n };\n TableBodyComponent.prototype.emitCellClick = function (args) {\n this.domEvents.cellClick.emit(Object.assign(args, {\n isEdited: args.isEditedRow || args.isEditedColumn\n }));\n };\n TableBodyComponent.prototype.cellKeydownHandler = function (args) {\n if (args.keyCode === Keys.Enter) {\n this.clickHandler(args);\n }\n };\n TableBodyComponent.prototype.cellClickArgs = function (cell, row, eventArg) {\n var index = columnCellIndex(cell, row.cells);\n var column = this.columns.toArray()[index];\n var columnIndex = this.lockedColumnsCount + index;\n var rowIndex = row.getAttribute('data-kendo-grid-item-index');\n rowIndex = rowIndex ? parseInt(rowIndex, 10) : -1;\n var dataItem = rowIndex === -1 ? this.editService.newDataItem : this.data.at(rowIndex - this.skip);\n var isEditedColumn = this.editService.isEditedColumn(rowIndex, column);\n var isEditedRow = this.editService.isEdited(rowIndex);\n var type = eventArg.type === 'keydown' ? 'click' : eventArg.type;\n return {\n column: column,\n columnIndex: columnIndex,\n dataItem: dataItem,\n isEditedColumn: isEditedColumn,\n isEditedRow: isEditedRow,\n originalEvent: eventArg,\n rowIndex: rowIndex,\n type: type\n };\n };\n TableBodyComponent.decorators = [\n { type: Component, args: [{\n selector: '[kendoGridTableBody]',\n template: \"\\n \\n 0\\\"\\n [logicalCellsCount]=\\\"columns.length\\\"\\n [logicalSlaveCellsCount]=\\\"unlockedColumnsCount\\\">\\n \\n | \\n \\n \\n | \\n \\n | \\n
\\n \\n \\n | \\n \\n \\n \\n {{noRecordsText}}\\n \\n | \\n
\\n \\n 0\\\"\\n [logicalCellsCount]=\\\"columns.length\\\"\\n [logicalSlaveCellsCount]=\\\"groupHeaderSlaveCellsCount\\\">\\n
\\n 0\\\"\\n [logicalCellsCount]=\\\"columns.length\\\"\\n [logicalSlaveCellsCount]=\\\"unlockedColumnsCount\\\"\\n [ngClass]=\\\"rowClass({ dataItem: item.data, index: item.index })\\\"\\n [class.k-alt]=\\\"isOdd(item)\\\"\\n [class.k-master-row]=\\\"detailTemplate?.templateRef\\\"\\n [class.k-grid-edit-row]=\\\"isEditingRow(item.index)\\\"\\n [attr.data-kendo-grid-item-index]=\\\"item.index\\\"\\n [class.k-state-selected]=\\\"isSelectable() && isRowSelected(item)\\\">\\n \\n | \\n \\n \\n \\n | \\n \\n \\n \\n \\n | \\n | \\n \\n \\n \\n | \\n
\\n \\n \\n \"\n },] },\n ];\n /** @nocollapse */\n TableBodyComponent.ctorParameters = function () { return [\n { type: DetailsService },\n { type: GroupsService },\n { type: ChangeNotificationService },\n { type: EditService },\n { type: LocalizationService },\n { type: NgZone },\n { type: Renderer2 },\n { type: ElementRef },\n { type: DomEventsService },\n { type: SelectionService },\n { type: ColumnInfoService },\n { type: NavigationService }\n ]; };\n TableBodyComponent.propDecorators = {\n columns: [{ type: Input }],\n allColumns: [{ type: Input }],\n groups: [{ type: Input }],\n detailTemplate: [{ type: Input }],\n noRecordsTemplate: [{ type: Input }],\n data: [{ type: Input }],\n skip: [{ type: Input }],\n selectable: [{ type: Input }],\n filterable: [{ type: Input }],\n noRecordsText: [{ type: Input }],\n isLocked: [{ type: Input }],\n skipGroupDecoration: [{ type: Input }],\n showGroupFooters: [{ type: Input }],\n lockedColumnsCount: [{ type: Input }],\n totalColumnsCount: [{ type: Input }],\n virtualColumns: [{ type: Input }],\n trackBy: [{ type: Input }],\n rowClass: [{ type: Input }]\n };\n return TableBodyComponent;\n}());\n\n/**\n * @hidden\n */\nvar CellComponent = /** @class */ (function () {\n function CellComponent(editService, idService, cellContext) {\n this.editService = editService;\n this.idService = idService;\n this.cellContext = cellContext;\n this.isNew = false;\n this._templateContext = {};\n this._editTemplateContext = {};\n }\n Object.defineProperty(CellComponent.prototype, \"commandCellClass\", {\n get: function () {\n return this.isCommand(this.column);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"rowIndex\", {\n get: function () {\n return this._rowIndex;\n },\n set: function (index) {\n this._rowIndex = index;\n this.updateCellContext();\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"isEdited\", {\n get: function () {\n if (!(this.editService.isEditing() || this.isNew) || !this.isColumnEditable) {\n return false;\n }\n var editContext = this.editService.columnContext(this.rowIndex, this.column);\n return this.isFieldEditable(editContext, this.column);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"formGroup\", {\n get: function () {\n return this.editService.context(this.rowIndex).group;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"templateContext\", {\n get: function () {\n return this._templateContext;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"editTemplateContext\", {\n get: function () {\n this._editTemplateContext.$implicit = this.formGroup;\n this._editTemplateContext.isNew = this.isNew;\n this._editTemplateContext.column = this.column;\n this._editTemplateContext.dataItem = this.dataItem;\n this._editTemplateContext.formGroup = this.formGroup;\n this._editTemplateContext.rowIndex = this.rowIndex;\n return this._editTemplateContext;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"format\", {\n get: function () {\n if (isColumnComponent(this.column) && !isNullOrEmptyString(this.column.format)) {\n return extractFormat(this.column.format);\n }\n return undefined;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"isBoundColumn\", {\n get: function () {\n return this.column.field && !this.column.templateRef;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"isCheckboxColumn\", {\n get: function () {\n return isCheckboxColumn(this.column) && !this.column.templateRef;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"selectionCheckboxId\", {\n get: function () {\n return this.idService.selectionCheckboxId(this.rowIndex);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"isSpanColumn\", {\n get: function () {\n return isSpanColumn(this.column) && !this.column.templateRef;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"childColumns\", {\n get: function () {\n return columnsToRender([this.column]);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(CellComponent.prototype, \"isColumnEditable\", {\n get: function () {\n if (!this.column || this.isCommand(this.column)) {\n return false;\n }\n return this.column.editable !== false;\n },\n enumerable: true,\n configurable: true\n });\n CellComponent.prototype.ngDoCheck = function () {\n this.updateCellContext();\n };\n CellComponent.prototype.ngOnChanges = function (_changes) {\n this.updateTemplateContext();\n };\n CellComponent.prototype.isCommand = function (column) {\n return column instanceof CommandColumnComponent;\n };\n CellComponent.prototype.isFieldEditable = function (editContext, column) {\n if (!isPresent(editContext)) {\n return false;\n }\n if (isPresent(column.editTemplate)) {\n return true;\n }\n return isPresent(editContext.group) && isPresent(editContext.group.get(column.field));\n };\n CellComponent.prototype.updateCellContext = function () {\n if (this.cellContext) {\n this.cellContext.rowIndex = this._rowIndex;\n }\n };\n CellComponent.prototype.updateTemplateContext = function () {\n if (!this.column.templateRef) {\n return;\n }\n var context = this._templateContext;\n context.isNew = this.isNew;\n context.column = this.column;\n context.dataItem = this.dataItem;\n context.rowIndex = this.rowIndex;\n context.columnIndex = this.columnIndex;\n context.$implicit = this.dataItem;\n };\n CellComponent.decorators = [\n { type: Component, args: [{\n selector: '[kendoGridCell]',\n template: \"\\n \\n \\n \\n \\n \\n \\n {{ dataItem | valueOf: childColumn.field: childColumn.format}}\\n \\n \\n {{ dataItem | valueOf: column.field: column.format}}\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n\\n \\n\\n \\n \\n \\n \\n \"\n },] },\n ];\n /** @nocollapse */\n CellComponent.ctorParameters = function () { return [\n { type: EditService },\n { type: IdService },\n { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [CELL_CONTEXT,] }] }\n ]; };\n CellComponent.propDecorators = {\n commandCellClass: [{ type: HostBinding, args: ['class.k-command-cell',] }],\n column: [{ type: Input }],\n columnIndex: [{ type: Input }],\n isNew: [{ type: Input }],\n rowIndex: [{ type: Input }],\n dataItem: [{ type: Input }]\n };\n return CellComponent;\n}());\n\n/**\n * Represents the `edit` command of the Grid. You can apply this directive to any `button`\n * element inside a [`CommandColumnComponent`]({% slug api_grid_commandcolumncomponent %}).\n * When an associated button with the directive is clicked, the\n * [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event\n * is triggered ([see example]({% slug editing_grid %})).\n *\n * > When the row is in the edit mode, the button with `kendoGridEditCommand` is automatically hidden.\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * \n * \n * ```\n *\n */\nvar EditCommandDirective = /** @class */ (function (_super) {\n __extends(EditCommandDirective, _super);\n function EditCommandDirective(editService, cellContext, element, renderer, localization, ngZone) {\n var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;\n _this.editService = editService;\n _this.cellContext = cellContext;\n /**\n * @hidden\n */\n _this.commandClass = true;\n return _this;\n }\n Object.defineProperty(EditCommandDirective.prototype, \"visible\", {\n /**\n * @hidden\n */\n get: function () {\n return this.isEdited ? 'none' : '';\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @hidden\n */\n EditCommandDirective.prototype.onClick = function (e) {\n e.preventDefault();\n this.editService.beginEdit(this.rowIndex);\n };\n EditCommandDirective.prototype.ngDoCheck = function () {\n if (this.cellContext) {\n this.rowIndex = this.cellContext.rowIndex;\n this.isEdited = this.editService.isEdited(this.rowIndex);\n }\n };\n EditCommandDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridEditCommand]'\n },] },\n ];\n /** @nocollapse */\n EditCommandDirective.ctorParameters = function () { return [\n { type: EditService },\n { type: undefined, decorators: [{ type: Inject, args: [CELL_CONTEXT,] }] },\n { type: ElementRef },\n { type: Renderer2 },\n { type: LocalizationService },\n { type: NgZone }\n ]; };\n EditCommandDirective.propDecorators = {\n visible: [{ type: HostBinding, args: ['style.display',] }],\n commandClass: [{ type: HostBinding, args: ['class.k-grid-edit-command',] }],\n onClick: [{ type: HostListener, args: ['click', ['$event'],] }]\n };\n return EditCommandDirective;\n}(Button));\n\n/**\n * Represents the `cancel` command of the Grid. You can apply this directive to any `button`\n * element inside a [`CommandColumnComponent`]({% slug api_grid_commandcolumncomponent %}).\n * When an associated button with the directive is clicked, the\n * [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event\n * is triggered ([see example]({% slug editing_grid %})).\n *\n * > When the row is not in the edit mode, the button with the `kendoGridCancelCommand` is automatically hidden.\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * \n * \n * ```\n *\n * You can control the content of the button based on the state of the row.\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * \n * \n * ```\n */\nvar CancelCommandDirective = /** @class */ (function (_super) {\n __extends(CancelCommandDirective, _super);\n function CancelCommandDirective(editService, cellContext, element, renderer, localization, ngZone) {\n var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;\n _this.editService = editService;\n _this.cellContext = cellContext;\n /**\n * @hidden\n */\n _this.commandClass = true;\n return _this;\n }\n Object.defineProperty(CancelCommandDirective.prototype, \"visible\", {\n /**\n * @hidden\n */\n get: function () {\n return !this.isEdited ? 'none' : '';\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @hidden\n */\n CancelCommandDirective.prototype.onClick = function (e) {\n e.preventDefault();\n if (this.isEdited) {\n this.editService.endEdit(this.rowIndex);\n }\n };\n CancelCommandDirective.prototype.ngDoCheck = function () {\n if (this.cellContext) {\n this.rowIndex = this.cellContext.rowIndex;\n this.isEdited = this.editService.isEdited(this.rowIndex);\n }\n };\n CancelCommandDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridCancelCommand]'\n },] },\n ];\n /** @nocollapse */\n CancelCommandDirective.ctorParameters = function () { return [\n { type: EditService },\n { type: undefined, decorators: [{ type: Inject, args: [CELL_CONTEXT,] }] },\n { type: ElementRef },\n { type: Renderer2 },\n { type: LocalizationService },\n { type: NgZone }\n ]; };\n CancelCommandDirective.propDecorators = {\n visible: [{ type: HostBinding, args: ['style.display',] }],\n commandClass: [{ type: HostBinding, args: ['class.k-grid-cancel-command',] }],\n onClick: [{ type: HostListener, args: ['click', ['$event'],] }]\n };\n return CancelCommandDirective;\n}(Button));\n\n/**\n * Represents the `save` command of the Grid. You can apply this directive to any `button`\n * element inside a [`CommandColumnComponent`]({% slug api_grid_commandcolumncomponent %}).\n * When an associated button with the directive is clicked, the\n * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event\n * is triggered ([see example]({% slug editing_grid %})).\n *\n * > When the row is not in the edit mode, the button with `kendoGridSaveCommand` is automatically hidden.\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * \n * \n * ```\n *\n * You can control the content of the button based on the state of the row.\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * \n * \n * ```\n */\nvar SaveCommandDirective = /** @class */ (function (_super) {\n __extends(SaveCommandDirective, _super);\n function SaveCommandDirective(editService, cellContext, element, renderer, localization, ngZone) {\n var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;\n _this.editService = editService;\n _this.cellContext = cellContext;\n /**\n * @hidden\n */\n _this.commandClass = true;\n return _this;\n }\n Object.defineProperty(SaveCommandDirective.prototype, \"visible\", {\n /**\n * @hidden\n */\n get: function () {\n return !this.isEdited ? 'none' : '';\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @hidden\n */\n SaveCommandDirective.prototype.onClick = function (e) {\n e.preventDefault();\n if (this.isEdited) {\n this.editService.save(this.rowIndex);\n }\n };\n SaveCommandDirective.prototype.ngDoCheck = function () {\n if (this.cellContext) {\n this.rowIndex = this.cellContext.rowIndex;\n this.isEdited = this.editService.isEdited(this.rowIndex);\n }\n };\n SaveCommandDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridSaveCommand]'\n },] },\n ];\n /** @nocollapse */\n SaveCommandDirective.ctorParameters = function () { return [\n { type: EditService },\n { type: undefined, decorators: [{ type: Inject, args: [CELL_CONTEXT,] }] },\n { type: ElementRef },\n { type: Renderer2 },\n { type: LocalizationService },\n { type: NgZone }\n ]; };\n SaveCommandDirective.propDecorators = {\n visible: [{ type: HostBinding, args: ['style.display',] }],\n commandClass: [{ type: HostBinding, args: ['class.k-grid-save-command',] }],\n onClick: [{ type: HostListener, args: ['click', ['$event'],] }]\n };\n return SaveCommandDirective;\n}(Button));\n\n/**\n * Represents the `remove` command of the Grid. You can apply this directive to any `button` element\n * inside a [`CommandColumnComponent`]({% slug api_grid_commandcolumncomponent %}).\n * When an associated button with the directive is clicked, the\n * [`remove` event]({% slug api_grid_gridcomponent %}#toc-remove)\n * is triggered ([see example]({% slug editing_reactive_forms_grid %})).\n *\n * > When the row is in the edit mode, the button with the `kendoGridRemoveCommand` is automatically hidden.\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * \n * \n * ```\n */\nvar RemoveCommandDirective = /** @class */ (function (_super) {\n __extends(RemoveCommandDirective, _super);\n function RemoveCommandDirective(editService, cellContext, element, renderer, localization, ngZone) {\n var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;\n _this.editService = editService;\n _this.cellContext = cellContext;\n /**\n * @hidden\n */\n _this.commandClass = true;\n return _this;\n }\n Object.defineProperty(RemoveCommandDirective.prototype, \"visible\", {\n /**\n * @hidden\n */\n get: function () {\n return this.isEdited ? 'none' : '';\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @hidden\n */\n RemoveCommandDirective.prototype.onClick = function (e) {\n e.preventDefault();\n this.editService.remove(this.rowIndex);\n };\n RemoveCommandDirective.prototype.ngDoCheck = function () {\n if (this.cellContext) {\n this.rowIndex = this.cellContext.rowIndex;\n this.isEdited = this.editService.isEdited(this.rowIndex);\n }\n };\n RemoveCommandDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridRemoveCommand]'\n },] },\n ];\n /** @nocollapse */\n RemoveCommandDirective.ctorParameters = function () { return [\n { type: EditService },\n { type: undefined, decorators: [{ type: Inject, args: [CELL_CONTEXT,] }] },\n { type: ElementRef },\n { type: Renderer2 },\n { type: LocalizationService },\n { type: NgZone }\n ]; };\n RemoveCommandDirective.propDecorators = {\n visible: [{ type: HostBinding, args: ['style.display',] }],\n commandClass: [{ type: HostBinding, args: ['class.k-grid-remove-command',] }],\n onClick: [{ type: HostListener, args: ['click', ['$event'],] }]\n };\n return RemoveCommandDirective;\n}(Button));\n\n/**\n * Represents the command for adding a new item to the Grid. You can apply this directive to any\n * `button` element inside a [`ToolbarTemplate`]({% slug api_grid_commandcolumncomponent %}).\n * When an associated button with the directive is clicked, the\n * [`add`]({% slug api_grid_gridcomponent %}#toc-add) event is triggered\n * ([see example]({% slug editing_grid %})).\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * ```\n */\nvar AddCommandDirective = /** @class */ (function (_super) {\n __extends(AddCommandDirective, _super);\n function AddCommandDirective(editService, element, renderer, localization, ngZone) {\n var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;\n _this.editService = editService;\n return _this;\n }\n /**\n * @hidden\n */\n AddCommandDirective.prototype.onClick = function (e) {\n e.preventDefault();\n this.editService.beginAdd();\n };\n Object.defineProperty(AddCommandDirective.prototype, \"commandClass\", {\n /**\n * @hidden\n */\n get: function () {\n return true;\n },\n enumerable: true,\n configurable: true\n });\n AddCommandDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridAddCommand]'\n },] },\n ];\n /** @nocollapse */\n AddCommandDirective.ctorParameters = function () { return [\n { type: EditService },\n { type: ElementRef },\n { type: Renderer2 },\n { type: LocalizationService },\n { type: NgZone }\n ]; };\n AddCommandDirective.propDecorators = {\n onClick: [{ type: HostListener, args: ['click', ['$event'],] }],\n commandClass: [{ type: HostBinding, args: ['class.k-grid-add-command',] }]\n };\n return AddCommandDirective;\n}(Button));\n\nvar exported$1 = [\n CommandColumnComponent,\n CheckboxColumnComponent,\n SelectionCheckboxDirective,\n CellTemplateDirective,\n EditTemplateDirective,\n TableBodyComponent,\n NoRecordsTemplateDirective,\n CellComponent,\n EditCommandDirective,\n CancelCommandDirective,\n SaveCommandDirective,\n RemoveCommandDirective,\n AddCommandDirective\n];\nvar importedModules$3 = [\n CommonModule,\n ReactiveFormsModule,\n FormsModule,\n SharedModule,\n GroupModule,\n NumericTextBoxModule,\n DatePickerModule\n];\n/**\n * @hidden\n */\nvar BodyModule = /** @class */ (function () {\n function BodyModule() {\n }\n BodyModule.exports = function () {\n return [\n CommandColumnComponent,\n CheckboxColumnComponent,\n SelectionCheckboxDirective,\n CellTemplateDirective,\n NoRecordsTemplateDirective,\n EditTemplateDirective,\n EditCommandDirective,\n CancelCommandDirective,\n SaveCommandDirective,\n RemoveCommandDirective,\n AddCommandDirective\n ];\n };\n BodyModule.decorators = [\n { type: NgModule, args: [{\n declarations: [exported$1],\n exports: [exported$1],\n imports: importedModules$3.slice()\n },] },\n ];\n return BodyModule;\n}());\n\n/**\n * @hidden\n */\nvar FooterComponent = /** @class */ (function () {\n function FooterComponent() {\n this.columns = [];\n this.groups = [];\n this.lockedColumnsCount = 0;\n }\n Object.defineProperty(FooterComponent.prototype, \"footerClass\", {\n get: function () {\n return !this.scrollable;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(FooterComponent.prototype, \"columnsToRender\", {\n get: function () {\n return columnsToRender(this.columns || []);\n },\n enumerable: true,\n configurable: true\n });\n FooterComponent.decorators = [\n { type: Component, args: [{\n selector: '[kendoGridFooter]',\n template: \"\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n \\n \"\n },] },\n ];\n FooterComponent.propDecorators = {\n columns: [{ type: Input }],\n groups: [{ type: Input }],\n detailTemplate: [{ type: Input }],\n scrollable: [{ type: Input }],\n lockedColumnsCount: [{ type: Input }],\n footerClass: [{ type: HostBinding, args: ['class.k-grid-footer',] }]\n };\n return FooterComponent;\n}());\n\nvar exportedModules$3 = [\n FooterComponent\n];\nvar importedModules$4 = [\n CommonModule,\n SharedModule\n];\n/**\n * @hidden\n */\nvar FooterModule = /** @class */ (function () {\n function FooterModule() {\n }\n FooterModule.exports = function () {\n return [];\n };\n FooterModule.decorators = [\n { type: NgModule, args: [{\n declarations: [exportedModules$3],\n exports: [exportedModules$3],\n imports: importedModules$4.slice()\n },] },\n ];\n return FooterModule;\n}());\n\n/**\n * @hidden\n */\nvar ToolbarComponent = /** @class */ (function () {\n function ToolbarComponent(grid) {\n this.grid = grid;\n this.context = {};\n }\n Object.defineProperty(ToolbarComponent.prototype, \"classNames\", {\n get: function () {\n return 'k-header k-grid-toolbar';\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ToolbarComponent.prototype, \"position\", {\n set: function (value) {\n this.context.position = value;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(ToolbarComponent.prototype, \"toolbarTemplateRef\", {\n get: function () {\n return this.grid.toolbarTemplate ? this.grid.toolbarTemplate.templateRef : undefined;\n },\n enumerable: true,\n configurable: true\n });\n ToolbarComponent.decorators = [\n { type: Component, args: [{\n selector: 'kendo-grid-toolbar',\n template: \"\\n \\n \\n \"\n },] },\n ];\n /** @nocollapse */\n ToolbarComponent.ctorParameters = function () { return [\n { type: GridComponent }\n ]; };\n ToolbarComponent.propDecorators = {\n classNames: [{ type: HostBinding, args: ['class',] }],\n position: [{ type: Input }]\n };\n return ToolbarComponent;\n}());\n\n/**\n * @hidden\n */\nvar LocalEditService = /** @class */ (function () {\n function LocalEditService(grid, localDataChangesService) {\n this.grid = grid;\n this.localDataChangesService = localDataChangesService;\n }\n LocalEditService.prototype.create = function (item) {\n if (this.hasLocalData && this.grid.skip) {\n this.localDataChangesService.data.splice(this.grid.skip, 0, item);\n }\n else {\n this.data.unshift(item);\n }\n this.dataChanged();\n };\n LocalEditService.prototype.update = function (_item) { }; // tslint:disable-line:no-empty\n LocalEditService.prototype.remove = function (item) {\n var data = this.data;\n for (var idx = 0; idx < data.length; idx++) {\n if (item === data[idx]) {\n data.splice(idx, 1);\n this.dataChanged({ action: 'remove', item: item });\n break;\n }\n }\n };\n LocalEditService.prototype.assignValues = function (target, source) {\n Object.assign(target, source);\n };\n LocalEditService.prototype.dataChanged = function (args) {\n if (args === void 0) { args = {}; }\n if (this.hasLocalData) {\n this.localDataChangesService.changes.emit(args);\n }\n };\n Object.defineProperty(LocalEditService.prototype, \"hasLocalData\", {\n get: function () {\n return Array.isArray(this.localDataChangesService.data);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(LocalEditService.prototype, \"data\", {\n get: function () {\n if (this.hasLocalData) {\n return this.localDataChangesService.data;\n }\n var data = this.grid.data;\n if (Array.isArray(data)) {\n return data;\n }\n if (isDevMode()) {\n throw new Error('The default edit service of the editing directives works only when binding to plain array.' +\n 'Please provide an editService.');\n }\n return [];\n },\n enumerable: true,\n configurable: true\n });\n return LocalEditService;\n}());\n\n/**\n * @hidden\n */\nvar EditingDirectiveBase = /** @class */ (function () {\n function EditingDirectiveBase(grid, localDataChangesService) {\n this.grid = grid;\n this.localDataChangesService = localDataChangesService;\n this.defaultEditService = this.createDefaultService();\n }\n Object.defineProperty(EditingDirectiveBase.prototype, \"editService\", {\n get: function () {\n return this.userEditService || this.defaultEditService;\n },\n // Consider adding support for the dependency injection of the service to allow for specifying a generic service without code.\n // The Input should still be kept.\n /**\n * The edit service that will handle the operations.\n */\n set: function (value) {\n this.userEditService = value;\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @hidden\n */\n EditingDirectiveBase.prototype.ngOnInit = function () {\n this.subscriptions = this.grid.add.subscribe(this.addHandler.bind(this));\n this.subscriptions.add(this.grid.remove.subscribe(this.removeHandler.bind(this)));\n this.subscriptions.add(this.grid.cancel.subscribe(this.cancelHandler.bind(this)));\n this.subscriptions.add(this.grid.save.subscribe(this.saveHandler.bind(this)));\n this.subscriptions.add(this.grid.dataStateChange.subscribe(this.onStateChange.bind(this)));\n };\n /**\n * @hidden\n */\n EditingDirectiveBase.prototype.ngOnDestroy = function () {\n this.subscriptions.unsubscribe();\n };\n EditingDirectiveBase.prototype.createDefaultService = function () {\n return new LocalEditService(this.grid, this.localDataChangesService);\n };\n EditingDirectiveBase.prototype.addHandler = function () {\n this.grid.addRow(this.createModel({ isNew: true }));\n };\n EditingDirectiveBase.prototype.saveHandler = function (args) {\n var item = this.saveModel(args);\n if (item) {\n if (args.isNew) {\n this.editService.create(item);\n }\n else {\n this.editService.update(item);\n }\n }\n this.grid.closeRow(args.rowIndex);\n };\n EditingDirectiveBase.prototype.cancelHandler = function (_a) {\n var rowIndex = _a.rowIndex;\n this.closeEditor(rowIndex);\n };\n EditingDirectiveBase.prototype.removeHandler = function (_a) {\n var _this = this;\n var dataItem = _a.dataItem;\n var removeItem = function (shouldRemove) {\n if (shouldRemove) {\n _this.editService.remove(dataItem);\n }\n };\n if (this.removeConfirmation) {\n var result = this.removeConfirmation(dataItem);\n if (result instanceof Promise) {\n result.then(removeItem);\n }\n else if (result instanceof Observable) {\n result.pipe(take(1)).subscribe(removeItem);\n }\n else {\n removeItem(result);\n }\n }\n else {\n removeItem(true);\n }\n };\n EditingDirectiveBase.prototype.onStateChange = function () {\n this.closeEditor();\n };\n EditingDirectiveBase.prototype.closeEditor = function (rowIndex) {\n this.grid.closeRow(rowIndex);\n };\n EditingDirectiveBase.propDecorators = {\n editService: [{ type: Input }],\n removeConfirmation: [{ type: Input }]\n };\n return EditingDirectiveBase;\n}());\n\n/**\n * @hidden\n */\nvar LocalRowEditService = /** @class */ (function (_super) {\n __extends(LocalRowEditService, _super);\n function LocalRowEditService() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n LocalRowEditService.prototype.update = function (_item) {\n this.dataChanged();\n };\n return LocalRowEditService;\n}(LocalEditService));\n\n/**\n * @hidden\n */\nvar RowEditingDirectiveBase = /** @class */ (function (_super) {\n __extends(RowEditingDirectiveBase, _super);\n function RowEditingDirectiveBase() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * @hidden\n */\n RowEditingDirectiveBase.prototype.ngOnInit = function () {\n _super.prototype.ngOnInit.call(this);\n this.subscriptions\n .add(this.grid.edit.subscribe(this.editHandler.bind(this)));\n };\n RowEditingDirectiveBase.prototype.createDefaultService = function () {\n return new LocalRowEditService(this.grid, this.localDataChangesService);\n };\n RowEditingDirectiveBase.prototype.addHandler = function () {\n this.closeEditor();\n _super.prototype.addHandler.call(this);\n };\n RowEditingDirectiveBase.prototype.editHandler = function (args) {\n this.closeEditor();\n this.rowIndex = args.rowIndex;\n this.grid.editRow(args.rowIndex, this.createModel(args));\n };\n RowEditingDirectiveBase.prototype.saveHandler = function (args) {\n _super.prototype.saveHandler.call(this, args);\n this.clean();\n };\n RowEditingDirectiveBase.prototype.closeEditor = function (rowIndex) {\n if (rowIndex === void 0) { rowIndex = this.rowIndex; }\n _super.prototype.closeEditor.call(this, rowIndex);\n this.clean();\n };\n RowEditingDirectiveBase.prototype.clean = function () {\n delete this.rowIndex;\n };\n return RowEditingDirectiveBase;\n}(EditingDirectiveBase));\n\n/**\n * A directive which encapsulates the editing operations of the Grid when using\n * the Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-the-template-directive)).\n */\nvar TemplateEditingDirective = /** @class */ (function (_super) {\n __extends(TemplateEditingDirective, _super);\n function TemplateEditingDirective(grid, localDataChangesService) {\n var _this = _super.call(this, grid, localDataChangesService) || this;\n _this.grid = grid;\n _this.localDataChangesService = localDataChangesService;\n return _this;\n }\n TemplateEditingDirective.prototype.editHandler = function (args) {\n _super.prototype.editHandler.call(this, args);\n this.dataItem = args.dataItem;\n this.originalValues = {};\n this.editService.assignValues(this.originalValues, this.dataItem);\n };\n TemplateEditingDirective.prototype.closeEditor = function (rowIndex) {\n if (this.dataItem) {\n this.editService.assignValues(this.dataItem, this.originalValues);\n }\n _super.prototype.closeEditor.call(this, rowIndex);\n };\n TemplateEditingDirective.prototype.createModel = function (args) {\n if (args.isNew) {\n return this.createNewItem();\n }\n };\n TemplateEditingDirective.prototype.saveModel = function (args) {\n return args.dataItem;\n };\n TemplateEditingDirective.prototype.clean = function () {\n _super.prototype.clean.call(this);\n delete this.dataItem;\n };\n TemplateEditingDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridTemplateEditing]'\n },] },\n ];\n /** @nocollapse */\n TemplateEditingDirective.ctorParameters = function () { return [\n { type: GridComponent },\n { type: LocalDataChangesService }\n ]; };\n TemplateEditingDirective.propDecorators = {\n createNewItem: [{ type: Input, args: ['kendoGridTemplateEditing',] }]\n };\n return TemplateEditingDirective;\n}(RowEditingDirectiveBase));\n\n/**\n * @hidden\n */\nvar markAllAsTouched = function (control) {\n control.markAsTouched();\n if (control.hasOwnProperty('controls')) {\n var controls = control.controls;\n for (var inner in controls) {\n if (controls.hasOwnProperty(inner)) {\n markAllAsTouched(controls[inner]);\n }\n }\n }\n};\n\n/**\n * A directive which encapsulates the editing operations of the Grid when using the\n * Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-the-reactive-directive)).\n */\nvar ReactiveEditingDirective = /** @class */ (function (_super) {\n __extends(ReactiveEditingDirective, _super);\n function ReactiveEditingDirective(grid, localDataChangesService) {\n var _this = _super.call(this, grid, localDataChangesService) || this;\n _this.grid = grid;\n _this.localDataChangesService = localDataChangesService;\n return _this;\n }\n ReactiveEditingDirective.prototype.createModel = function (args) {\n return this.createFormGroup(args);\n };\n ReactiveEditingDirective.prototype.saveModel = function (_a) {\n var dataItem = _a.dataItem, formGroup = _a.formGroup, isNew = _a.isNew;\n if (!formGroup.dirty && !isNew) {\n return;\n }\n if (formGroup.valid) {\n this.editService.assignValues(dataItem, formGroup.value);\n return dataItem;\n }\n markAllAsTouched(formGroup);\n };\n ReactiveEditingDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridReactiveEditing]'\n },] },\n ];\n /** @nocollapse */\n ReactiveEditingDirective.ctorParameters = function () { return [\n { type: GridComponent },\n { type: LocalDataChangesService }\n ]; };\n ReactiveEditingDirective.propDecorators = {\n createFormGroup: [{ type: Input, args: ['kendoGridReactiveEditing',] }]\n };\n return ReactiveEditingDirective;\n}(RowEditingDirectiveBase));\n\n/**\n * A directive which encapsulates the editing operations of the Grid when using the in-cell\n * editing with Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-the-incell-directive)).\n */\nvar InCellEditingDirective = /** @class */ (function (_super) {\n __extends(InCellEditingDirective, _super);\n function InCellEditingDirective(grid, localDataChangesService) {\n var _this = _super.call(this, grid, localDataChangesService) || this;\n _this.grid = grid;\n _this.localDataChangesService = localDataChangesService;\n return _this;\n }\n // Need mixin\n InCellEditingDirective.prototype.createModel = function (args) {\n return this.createFormGroup(args);\n };\n InCellEditingDirective.prototype.saveModel = function (_a) {\n var dataItem = _a.dataItem, formGroup = _a.formGroup, isNew = _a.isNew;\n if (!formGroup.dirty && !isNew) {\n return;\n }\n if (formGroup.valid) {\n this.editService.assignValues(dataItem, formGroup.value);\n return dataItem;\n }\n markAllAsTouched(formGroup);\n };\n /**\n * @hidden\n */\n InCellEditingDirective.prototype.ngOnInit = function () {\n _super.prototype.ngOnInit.call(this);\n this.subscriptions.add(this.grid.cellClick.subscribe(this.cellClickHandler.bind(this)));\n this.subscriptions.add(this.grid.cellClose.subscribe(this.cellCloseHandler.bind(this)));\n };\n InCellEditingDirective.prototype.removeHandler = function (args) {\n _super.prototype.removeHandler.call(this, args);\n this.grid.cancelCell();\n };\n InCellEditingDirective.prototype.cellClickHandler = function (args) {\n if (!args.isEdited && args.type !== 'contextmenu') {\n this.grid.editCell(args.rowIndex, args.columnIndex, this.createFormGroup(args));\n }\n };\n InCellEditingDirective.prototype.cellCloseHandler = function (args) {\n var formGroup = args.formGroup, dataItem = args.dataItem;\n if (!formGroup.valid) {\n args.preventDefault();\n }\n else if (formGroup.dirty) {\n this.editService.assignValues(dataItem, formGroup.value);\n this.editService.update(dataItem);\n }\n };\n InCellEditingDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridInCellEditing]'\n },] },\n ];\n /** @nocollapse */\n InCellEditingDirective.ctorParameters = function () { return [\n { type: GridComponent },\n { type: LocalDataChangesService }\n ]; };\n InCellEditingDirective.propDecorators = {\n createFormGroup: [{ type: Input, args: ['kendoGridInCellEditing',] }]\n };\n return InCellEditingDirective;\n}(EditingDirectiveBase));\n\nvar hasGroups = function (items) { return items && items.length && items[0].field && items[0].items; };\nvar processGroups = function (data, state$$1) { return process(data, state$$1).data; };\nvar removeParentDescriptors = function (parents, owner) { return function (g) { return g.field !== owner.field && !parents.some(function (y) { return y.field === g.field; }); }; };\nvar findGroup = function (groupIndex, groups) {\n var parents = [];\n return {\n group: groupIndex.split(\"_\").reduce(function (acc, x) {\n var idx = parseInt(x, 10);\n if (acc.items) {\n parents.push(acc);\n return acc.items[idx];\n }\n return isArray(acc) ? acc[idx] : acc;\n }, groups),\n parents: parents\n };\n};\nvar findChildren = function (data, parents) {\n var filters = parents.map(function (p) { return ({ field: p.field, operator: \"eq\", value: p.value }); });\n return filterBy(data, {\n filters: filters,\n logic: \"and\"\n });\n};\n/**\n * @hidden\n */\nvar count = function (groups, includeFooters) {\n if (includeFooters === void 0) { includeFooters = false; }\n return (groups.reduce(function (acc, group) {\n if (!group.skipHeader) {\n acc++;\n }\n if (group.items) {\n var children = count(group.items, includeFooters);\n if (includeFooters && children && !group.hideFooter) {\n acc++;\n }\n acc += children;\n }\n return acc;\n }, 0) // tslint:disable-line:align\n );\n};\n/**\n * @hidden\n */\nvar slice = function (groups, skip, take$$1, includeFooters) {\n if (includeFooters === void 0) { includeFooters = false; }\n if (!isPresent(take$$1)) {\n return groups;\n }\n var result = [];\n for (var idx = 0, length_1 = groups.length; idx < length_1; idx++) {\n if (take$$1 <= 0) {\n break;\n }\n var group = groups[idx];\n var groupItems = group.items;\n var itemCount = count(groupItems, includeFooters);\n if (includeFooters && groupItems.length) {\n itemCount++;\n }\n var skipHeader = skip > 0;\n if (skip) {\n skip--;\n if (itemCount && skip >= itemCount) {\n skip -= itemCount;\n continue;\n }\n }\n if (!skipHeader || itemCount) {\n var items = [];\n var hideFooter = true;\n if (!skipHeader) {\n take$$1--;\n }\n if (take$$1) {\n if (hasGroups(groupItems)) {\n var children = slice(groupItems, skip, take$$1, includeFooters);\n items.push.apply(items, children);\n take$$1 -= count(children, includeFooters);\n }\n else {\n items.push.apply(items, groupItems.slice(skip, Math.min(skip + take$$1, groupItems.length)));\n take$$1 -= items.length;\n }\n if (take$$1 && includeFooters) {\n hideFooter = false;\n take$$1--;\n }\n skip = 0;\n }\n result.push({\n aggregates: group.aggregates,\n field: group.field,\n hideFooter: hideFooter,\n items: items,\n offset: idx,\n skipHeader: skipHeader,\n value: group.value\n });\n }\n }\n return result;\n};\nvar skippedHeaders = function (groupItem) {\n var total = 0;\n while (groupItem) {\n if (groupItem.skipHeader) {\n total++;\n }\n groupItem = groupItem.items && groupItem.items[0] || null;\n }\n return total;\n};\n/**\n * A directive which encapsulates the in-memory handling of grouping with virtual scrolling.\n */\nvar GroupBindingDirective = /** @class */ (function (_super) {\n __extends(GroupBindingDirective, _super);\n function GroupBindingDirective(grid, changeDetector, localDataChangesService) {\n return _super.call(this, grid, changeDetector, localDataChangesService) || this;\n }\n Object.defineProperty(GroupBindingDirective.prototype, \"kendoGridGroupBinding\", {\n /**\n * The array of data which will be used to populate the Grid.\n */\n set: function (value) {\n this.groups = null;\n this.grid.resetGroupsState();\n this.data = value;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(GroupBindingDirective.prototype, \"data\", {\n /**\n * @hidden\n */\n set: function (value) {\n this.originalData = value || [];\n this.dataChanged = true;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(GroupBindingDirective.prototype, \"sort\", {\n /**\n * Defines the descriptors by which the data will be sorted.\n */\n set: function (value) {\n var clear = this.state.sort !== value;\n this.grid.sort = this.state.sort = value;\n if (clear) {\n this.groups = null;\n this.grid.resetGroupsState();\n }\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(GroupBindingDirective.prototype, \"filter\", {\n /**\n * Defines the descriptor by which the data will be filtered.\n */\n set: function (value) {\n var clear = diffFilters(this.state.filter, value);\n if (clear) {\n this.state.filter = value;\n this.grid.filter = cloneFilters(value);\n this.groups = null;\n this.grid.resetGroupsState();\n }\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(GroupBindingDirective.prototype, \"group\", {\n /**\n * Defines the descriptors by which the data will be grouped.\n */\n set: function (value) {\n var clear = this.state.group !== value;\n this.grid.group = this.state.group = value;\n if (clear) {\n this.groups = null;\n this.grid.resetGroupsState();\n this.skip = 0;\n }\n },\n enumerable: true,\n configurable: true\n });\n /**\n * @hidden\n */\n GroupBindingDirective.prototype.ngOnInit = function () {\n _super.prototype.ngOnInit.call(this);\n this.grid.groupExpand.subscribe(this.groupExpand.bind(this));\n this.grid.groupCollapse.subscribe(this.groupCollapse.bind(this));\n };\n GroupBindingDirective.prototype.groupExpand = function (_a) {\n var groupIndex = _a.groupIndex;\n this.grid.expandGroupChildren(groupIndex);\n var _b = findGroup(groupIndex, this.groups), group = _b.group, parents = _b.parents;\n if (!group.items.length) {\n var descriptors = this.state.group.filter(removeParentDescriptors(parents, group));\n var children = findChildren(this.originalData, parents.concat(group));\n group.items = processGroups(children, {\n filter: this.state.filter,\n group: descriptors,\n sort: this.state.sort\n });\n }\n this.grid.data = this.dataResult(this.state.skip, this.state.take);\n };\n GroupBindingDirective.prototype.groupCollapse = function (_a) {\n var groupIndex = _a.groupIndex;\n var group = findGroup(groupIndex, this.groups).group;\n if (group) {\n group.items = [];\n }\n this.grid.data = this.dataResult(this.state.skip, this.state.take);\n };\n GroupBindingDirective.prototype.process = function (state$$1) {\n if (state$$1.group && state$$1.group.length) {\n var groups = this.processGroups(state$$1);\n this.grid.skip -= skippedHeaders(groups.data[0]);\n return groups;\n }\n else {\n this.groups = null;\n }\n return _super.prototype.process.call(this, state$$1);\n };\n GroupBindingDirective.prototype.processGroups = function (state$$1) {\n if (!this.groups || !this.groups.length) {\n this.groups = processGroups(this.originalData, {\n filter: state$$1.filter,\n group: state$$1.group,\n sort: state$$1.sort\n });\n }\n return this.dataResult(state$$1.skip, state$$1.take);\n };\n GroupBindingDirective.prototype.dataResult = function (skip, take$$1) {\n var includeFooters = this.grid.showGroupFooters;\n return {\n data: slice(this.groups, skip, take$$1, includeFooters),\n total: count(this.groups, includeFooters)\n };\n };\n GroupBindingDirective.prototype.applyState = function (_a) {\n var skip = _a.skip, take$$1 = _a.take, sort = _a.sort, group = _a.group, filter$$1 = _a.filter;\n this.skip = skip;\n this.state.take = take$$1;\n // this.pageSize = take; // do need to update take as the process with slice correctly\n this.sort = sort;\n this.group = group;\n this.filter = filter$$1;\n };\n GroupBindingDirective.decorators = [\n { type: Directive, args: [{ selector: '[kendoGridGroupBinding]' },] },\n ];\n /** @nocollapse */\n GroupBindingDirective.ctorParameters = function () { return [\n { type: GridComponent },\n { type: ChangeDetectorRef },\n { type: LocalDataChangesService }\n ]; };\n GroupBindingDirective.propDecorators = {\n kendoGridGroupBinding: [{ type: Input, args: [\"kendoGridGroupBinding\",] }],\n sort: [{ type: Input }],\n filter: [{ type: Input }],\n group: [{ type: Input }]\n };\n return GroupBindingDirective;\n}(DataBindingDirective));\n\nvar exportedModules$4 = [\n GridComponent,\n ToolbarTemplateDirective,\n ToolbarComponent,\n DataBindingDirective,\n SelectionDirective,\n CustomMessagesComponent,\n GroupBindingDirective,\n TemplateEditingDirective,\n ReactiveEditingDirective,\n InCellEditingDirective\n].concat(GroupModule.exports(), SharedModule.exports(), BodyModule.exports(), HeaderModule.exports(), FooterModule.exports(), PagerModule.exports(), RowFilterModule.exports(), FilterMenuModule.exports(), ColumnMenuModule.exports());\nvar declarations = [\n GridComponent,\n ListComponent,\n ToolbarComponent,\n LocalizedMessagesDirective,\n CustomMessagesComponent,\n DataBindingDirective,\n ToolbarTemplateDirective,\n SelectionDirective,\n TemplateEditingDirective,\n ReactiveEditingDirective,\n InCellEditingDirective,\n GroupBindingDirective\n];\n/**\n * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})\n * definition for the Grid component.\n *\n * @example\n *\n * ```ts-no-run\n * // Import the Grid module\n * import { GridModule } from '@progress/kendo-angular-grid';\n *\n * // The browser platform with a compiler\n * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n *\n * import { NgModule } from '@angular/core';\n *\n * // Import the app component\n * import { AppComponent } from './app.component';\n *\n * // Define the app module\n * _@NgModule({\n * declarations: [AppComponent], // declare app component\n * imports: [BrowserModule, GridModule], // import Grid module\n * bootstrap: [AppComponent]\n * })\n * export class AppModule {}\n *\n * // Compile and launch the module\n * platformBrowserDynamic().bootstrapModule(AppModule);\n *\n * ```\n */\nvar GridModule = /** @class */ (function () {\n function GridModule() {\n }\n GridModule.decorators = [\n { type: NgModule, args: [{\n declarations: [declarations],\n exports: [exportedModules$4],\n imports: [\n CommonModule,\n GroupModule,\n SharedModule,\n BodyModule,\n HeaderModule,\n FooterModule,\n PagerModule,\n RowFilterModule,\n FilterMenuModule,\n ResizeSensorModule,\n ColumnMenuModule\n ]\n },] },\n ];\n return GridModule;\n}());\n\nvar PDFMarginComponent$1 = /** @class */ (function (_super) {\n __extends(PDFMarginComponent$$1, _super);\n function PDFMarginComponent$$1() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n PDFMarginComponent$$1.decorators = [\n { type: Component, args: [{\n selector: 'kendo-grid-pdf-margin',\n template: ''\n },] },\n ];\n return PDFMarginComponent$$1;\n}(PDFMarginComponent));\n\n/**\n * Represents the PDF page template of the Grid that helps to customize the PDF pages. To define a page template,\n * nest an `
` tag with the `kendoGridPDFTemplate` directive inside ``.\n *\n * The template context provides the following fields:\n * - `pageNumber`—Defines PDF page number.\n * - `totalPages`—Defines the total number of PDF pages.\n *\n * @example\n * ```ts-preview\n *\n * _@Component({\n * selector: 'my-app',\n * template: `\n * \n * \n * \n * \n * \n * \n * \n * \n * \n * \n * \n * Page {{ pageNum }} of {{ totalPages }}\n *
\n * \n * \n * \n * `\n * })\n *\n * class AppComponent {\n * public gridData = [{\n * \"ProductID\": 1,\n * \"ProductName\": \"Chai\",\n * \"UnitPrice\": 18.0000\n * }, {\n * \"ProductID\": 2,\n * \"ProductName\": \"Chang\",\n * \"UnitPrice\": 19.0000\n * }\n * ];\n * }\n *\n * ```\n */\nvar PDFTemplateDirective$1 = /** @class */ (function (_super) {\n __extends(PDFTemplateDirective$$1, _super);\n function PDFTemplateDirective$$1(templateRef) {\n return _super.call(this, templateRef) || this;\n }\n PDFTemplateDirective$$1.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridPDFTemplate]'\n },] },\n ];\n /** @nocollapse */\n PDFTemplateDirective$$1.ctorParameters = function () { return [\n { type: TemplateRef, decorators: [{ type: Optional }] }\n ]; };\n return PDFTemplateDirective$$1;\n}(PDFTemplateDirective));\n\n/**\n * @hidden\n */\nvar HEADER_CLASS = 'k-grid-header';\n/**\n * @hidden\n */\nvar FOOTER_CLASS = 'k-grid-footer';\nvar GRID_LIST = 'KENDO-GRID-LIST';\nvar TABLE = 'TABLE';\nvar matchesList = matchesNodeName(GRID_LIST);\nvar matchesTable = matchesNodeName(TABLE);\nvar suffix = function (locked) { return locked ? 'locked' : 'wrap'; };\n/**\n * @hidden\n */\nvar GridQuery = /** @class */ (function () {\n function GridQuery(element) {\n this.element = element;\n this.list = findElement(element, matchesList);\n }\n GridQuery.prototype.content = function (locked) {\n return findElement(this.list, matchesClasses(\"k-grid-content\" + (locked ? '-locked' : '')));\n };\n GridQuery.prototype.header = function (locked) {\n this.headerWrap = this.headerWrap || findElement(this.element, matchesClasses(HEADER_CLASS));\n return findElement(this.headerWrap, matchesClasses(HEADER_CLASS + \"-\" + suffix(locked)));\n };\n GridQuery.prototype.footer = function (locked) {\n this.footerWrap = this.footerWrap || findElement(this.element, matchesClasses(FOOTER_CLASS));\n return findElement(this.footerWrap, matchesClasses(FOOTER_CLASS + \"-\" + suffix(locked)));\n };\n GridQuery.prototype.table = function () {\n return findElement(this.element, matchesTable);\n };\n return GridQuery;\n}());\n\nvar FIRST_CLASS = 'k-first';\nvar INPUTS = ['input', 'select', 'textarea', 'option'];\n/** @hidden */\nvar cloneNode = function (node) {\n var clone = node.cloneNode(false);\n if (node._kendoExportVisual) {\n clone._kendoExportVisual = node._kendoExportVisual;\n }\n if (INPUTS.indexOf(String(node.nodeName).toLowerCase()) >= 0) {\n clone.removeAttribute(\"id\");\n clone.removeAttribute(\"name\");\n clone.value = node.value;\n clone.checked = node.checked;\n clone.selected = node.selected;\n }\n var child = node.firstChild;\n while (child) {\n clone.appendChild(cloneNode(child));\n child = child.nextSibling;\n }\n return clone;\n};\nvar appendNodes = function (element, nodes) {\n var length = nodes.length;\n for (var idx = 0; idx < length; idx++) {\n element.appendChild(cloneNode(nodes[idx]));\n }\n};\nvar wrapTable = function (table) {\n var wrapper = document.createElement('div');\n wrapper.className = 'k-widget k-grid';\n wrapper.appendChild(table);\n return wrapper;\n};\nvar createTableElement = function (sources) {\n var sourceCount = sources.length;\n var element = cloneNode(sources[0]);\n var rowsCount = element.rows.length;\n if (sourceCount > 1) {\n for (var rowIdx = 0; rowIdx < rowsCount; rowIdx++) {\n for (var sourceIdx = 1; sourceIdx < sourceCount; sourceIdx++) {\n appendNodes(element.rows[rowIdx], sources[sourceIdx].rows[rowIdx].cells);\n }\n }\n }\n return element;\n};\nvar setFirstCellClass = function (header, headers) {\n if (headers.length > 1 && header.rows.length > 1) {\n for (var idx = 1; idx < header.rows.length; idx++) {\n var firstCellIndex = headers[0].rows[idx].cells.length;\n var cell = header.rows[idx].cells[firstCellIndex];\n if (String(cell.className).indexOf(FIRST_CLASS) === -1) {\n cell.className += \" \" + FIRST_CLASS;\n }\n }\n }\n};\nvar createTable = function (colGroups, headers, bodies, footers) {\n var table = document.createElement('table');\n var colGroup = colGroups[0].cloneNode(true);\n for (var idx = 1; idx < colGroups.length; idx++) {\n appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));\n }\n var header = createTableElement(headers);\n var body = createTableElement(bodies);\n header.className = HEADER_CLASS;\n setFirstCellClass(header, headers);\n table.appendChild(colGroup);\n table.appendChild(header);\n table.appendChild(body);\n if (footers.length) {\n var footer = createTableElement(footers);\n footer.className = FOOTER_CLASS;\n table.appendChild(footer);\n }\n return wrapTable(table);\n};\n/**\n * @hidden\n */\nvar exportElement = function (wrapper) {\n var query = new GridQuery(wrapper);\n var content = query.content();\n var result;\n if (content) {\n var colGroups = [content.querySelector('colgroup')];\n var headers = [query.header().querySelector('thead')];\n var bodies = [content.querySelector('tbody')];\n var footer = query.footer();\n var footers = [];\n if (footer) {\n footers.push(footer.querySelector('tfoot'));\n }\n var lockedContent = query.content(true);\n if (lockedContent) {\n colGroups.unshift(lockedContent.querySelector('colgroup'));\n headers.unshift(query.header(true).querySelector('thead'));\n bodies.unshift(lockedContent.querySelector('tbody'));\n if (footer) {\n footers.unshift(query.footer(true).querySelector('tfoot'));\n }\n }\n result = createTable(colGroups, headers, bodies, footers);\n }\n else {\n result = wrapTable(query.table().cloneNode(true));\n }\n return result;\n};\n\nvar createElement = function (tagName, className) {\n var element = document.createElement(tagName);\n if (className) {\n element.className = className;\n }\n return element;\n};\nvar createDiv = function (className) {\n return createElement('div', className);\n};\n/**\n * Configures the settings for the export of Grid in PDF ([see example]({% slug pdfexport_grid %})).\n */\nvar PDFComponent = /** @class */ (function (_super) {\n __extends(PDFComponent, _super);\n function PDFComponent(pdfService, suspendService, ngZone, element) {\n var _this = _super.call(this, element) || this;\n _this.pdfService = pdfService;\n _this.suspendService = suspendService;\n _this.ngZone = ngZone;\n _this.columns = new QueryList();\n _this.saveSubscription = pdfService.savePDF.subscribe(_this.savePDF.bind(_this));\n _this.drawSubscription = pdfService.drawPDF.subscribe(_this.drawPDF.bind(_this));\n _this.reset = _this.reset.bind(_this);\n _this.draw = _this.draw.bind(_this);\n return _this;\n }\n PDFComponent.prototype.ngOnDestroy = function () {\n this.saveSubscription.unsubscribe();\n this.drawSubscription.unsubscribe();\n this.reset();\n };\n PDFComponent.prototype.savePDF = function (component) {\n this.createPDF(component, this.draw);\n };\n PDFComponent.prototype.drawPDF = function (_a) {\n var _this = this;\n var component = _a.component, promise = _a.promise;\n this.createPDF(component, function () {\n _this.createExportGroup(promise);\n });\n };\n PDFComponent.prototype.createPDF = function (component, callback) {\n var pageSize = component.pageSize;\n var total = component.view.total;\n var columns = this.columns.toArray();\n if (columns.length) {\n this.originalColumns = component.columns.toArray();\n }\n this.component = component;\n this.suspendService.scroll = true;\n this.pdfService.exporting = true;\n this.initProgress();\n this.renderAllPages = this.allPages && pageSize < total;\n if (this.renderAllPages) {\n this.skip = component.skip;\n this.pageSize = pageSize;\n this.changePage(0, total, callback, columns);\n }\n else if (columns.length || component.virtualColumns) {\n this.changeColumns(columns, callback);\n }\n else {\n callback();\n }\n };\n PDFComponent.prototype.initProgress = function () {\n var wrapperElement = this.component.wrapper.nativeElement;\n var progress = this.progress = createDiv('k-loading-pdf-mask');\n var overlay = cloneNode(wrapperElement);\n progress.appendChild(overlay);\n progress.appendChild(createDiv('k-loading-color'));\n progress.appendChild(createElement('span', 'k-i-loading k-icon'));\n this.originalHeight = wrapperElement.style.height;\n this.originalOverflow = wrapperElement.style.overflow;\n wrapperElement.style.height = wrapperElement.offsetHeight + 'px';\n wrapperElement.style.overflow = 'hidden';\n wrapperElement.appendChild(progress);\n this.applyScroll(overlay);\n };\n PDFComponent.prototype.applyScroll = function (overlay) {\n var query = new GridQuery(this.component.wrapper.nativeElement);\n var content = query.content();\n if (content) {\n var overlayQuery = new GridQuery(overlay);\n var overlayContent = overlayQuery.content();\n overlayContent.scrollTop = content.scrollTop;\n overlayContent.scrollLeft = content.scrollLeft;\n overlayQuery.header().scrollLeft = query.header().scrollLeft;\n var footer = query.footer();\n if (footer) {\n overlayQuery.footer().scrollLeft = footer.scrollLeft;\n }\n var lockedContent = query.content(true);\n if (lockedContent) {\n var overlayLockedContent = overlayQuery.content(true);\n overlayLockedContent.scrollTop = lockedContent.scrollTop;\n overlayLockedContent.scrollLeft = lockedContent.scrollLeft;\n }\n }\n };\n PDFComponent.prototype.draw = function () {\n var _this = this;\n this.createExportElement(function (element) {\n _this.save(element, _this.fileName);\n });\n };\n PDFComponent.prototype.createExportGroup = function (promise) {\n var _this = this;\n this.createExportElement(function (element) {\n _this.exportElement(element).then(function (group) { return promise.resolve(group); });\n });\n };\n PDFComponent.prototype.createExportElement = function (callback) {\n var _this = this;\n this.ngZone.runOutsideAngular(function () {\n var container = _this.container = createDiv('k-grid-pdf-export-element');\n var element = exportElement(_this.component.wrapper.nativeElement);\n container.appendChild(element);\n document.body.appendChild(container);\n callback(element);\n });\n };\n PDFComponent.prototype.drawOptions = function () {\n var options = _super.prototype.drawOptions.call(this);\n options._destructive = true;\n return options;\n };\n PDFComponent.prototype.cleanup = function () {\n _super.prototype.cleanup.call(this);\n this.pdfService.exporting = false;\n if (this.component) {\n var originalColumns = this.originalColumns;\n delete this.originalColumns;\n if (this.renderAllPages) {\n this.changePage(this.skip, this.pageSize, this.reset, originalColumns);\n }\n else if (originalColumns || this.component.virtualColumns) {\n this.changeColumns(originalColumns, this.reset);\n }\n else {\n this.reset();\n }\n }\n else {\n this.reset();\n }\n this.removeContainer();\n };\n PDFComponent.prototype.removeContainer = function () {\n if (this.container) {\n document.body.removeChild(this.container);\n delete this.container;\n }\n };\n PDFComponent.prototype.changePage = function (skip, _take, callback, columns) {\n var _this = this;\n this.ngZone.run(function () {\n _this.pdfService.dataChanged.pipe(take(1)).subscribe(function () {\n if ((columns && columns.length) || _this.component.virtualColumns) {\n _this.changeColumns(columns, callback);\n }\n else {\n _this.onStable(callback);\n }\n });\n _this.component.notifyPageChange('pdf', { skip: skip, take: _take });\n });\n };\n PDFComponent.prototype.changeColumns = function (columns, callback) {\n var _this = this;\n this.ngZone.run(function () {\n _this.onStable(callback);\n if (columns && columns.length) {\n _this.component.columns.reset(columns);\n }\n });\n };\n PDFComponent.prototype.reset = function () {\n this.suspendService.scroll = false;\n this.renderAllPages = false;\n if (!this.component) {\n return;\n }\n var wrapperElement = this.component.wrapper.nativeElement;\n wrapperElement.removeChild(this.progress);\n wrapperElement.style.height = this.originalHeight;\n wrapperElement.style.overflow = this.originalOverflow;\n delete this.progress;\n delete this.component;\n };\n PDFComponent.prototype.onStable = function (callback) {\n var _this = this;\n // not sure if it is an actual scenario. occurs in the tests.\n // onStable is triggered in the same pass without the change detection.\n // thus, the callback is called before the changes are applied without the timeout.\n setTimeout(function () {\n _this.ngZone.onStable.asObservable().pipe(take(1)).subscribe(callback);\n }, 0); // tslint:disable-line: align\n };\n PDFComponent.decorators = [\n { type: Component, args: [{\n selector: 'kendo-grid-pdf',\n template: ''\n },] },\n ];\n /** @nocollapse */\n PDFComponent.ctorParameters = function () { return [\n { type: PDFService },\n { type: SuspendService },\n { type: NgZone },\n { type: ElementRef }\n ]; };\n PDFComponent.propDecorators = {\n allPages: [{ type: Input }],\n columns: [{ type: ContentChildren, args: [ColumnBase$1,] }],\n marginComponent: [{ type: ContentChild, args: [PDFMarginComponent$1,] }],\n pageTemplateDirective: [{ type: ContentChild, args: [PDFTemplateDirective$1,] }]\n };\n return PDFComponent;\n}(PDFExportComponent));\n\n/**\n * Represents the `export-to-PDF` command of the Grid.\n * You can apply this directive to any `button` element inside a\n * [`ToolbarTemplate`]({% slug api_grid_commandcolumncomponent %}).\n * When the user clicks a button that is associated with the directive, the\n * [`pdfExport`]({% slug api_grid_gridcomponent %}#toc-pdfexport) event\n * fires ([see example]({% slug pdfexport_grid %})).\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * \n * \n * ```\n */\nvar PDFCommandDirective = /** @class */ (function (_super) {\n __extends(PDFCommandDirective, _super);\n function PDFCommandDirective(pdfService, element, renderer, localization, ngZone) {\n var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;\n _this.pdfService = pdfService;\n _this.ngZone = ngZone;\n return _this;\n }\n /**\n * @hidden\n */\n PDFCommandDirective.prototype.onClick = function (e) {\n e.preventDefault();\n this.pdfService.exportClick.emit();\n };\n Object.defineProperty(PDFCommandDirective.prototype, \"pdfClass\", {\n /**\n * @hidden\n */\n get: function () {\n return true;\n },\n enumerable: true,\n configurable: true\n });\n PDFCommandDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridPDFCommand]'\n },] },\n ];\n /** @nocollapse */\n PDFCommandDirective.ctorParameters = function () { return [\n { type: PDFService },\n { type: ElementRef },\n { type: Renderer2 },\n { type: LocalizationService },\n { type: NgZone }\n ]; };\n PDFCommandDirective.propDecorators = {\n onClick: [{ type: HostListener, args: ['click', ['$event'],] }],\n pdfClass: [{ type: HostBinding, args: ['class.k-grid-pdf',] }]\n };\n return PDFCommandDirective;\n}(Button));\n\nvar exportedModules$5 = [\n PDFComponent,\n PDFMarginComponent$1,\n PDFCommandDirective,\n PDFTemplateDirective$1\n];\nvar declarations$1 = [\n PDFComponent,\n PDFMarginComponent$1,\n PDFCommandDirective,\n PDFTemplateDirective$1\n];\n/**\n * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})\n * definition for the Grid PDF component.\n *\n * @example\n *\n * ```ts-no-run\n * // Import the Grid and PDF modules\n * import { GridModule, PDFModule } from '@progress/kendo-angular-grid';\n *\n * // The browser platform with a compiler\n * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n *\n * import { NgModule } from '@angular/core';\n *\n * // Import the app component\n * import { AppComponent } from './app.component';\n *\n * // Define the app module\n * _@NgModule({\n * declarations: [AppComponent], // declare app component\n * imports: [BrowserModule, GridModule, PDFModule], // import Grid and PDF modules\n * bootstrap: [AppComponent]\n * })\n * export class AppModule {}\n *\n * // Compile and launch the module\n * platformBrowserDynamic().bootstrapModule(AppModule);\n *\n * ```\n */\nvar PDFModule = /** @class */ (function () {\n function PDFModule() {\n }\n PDFModule.decorators = [\n { type: NgModule, args: [{\n declarations: [declarations$1],\n exports: [exportedModules$5]\n },] },\n ];\n return PDFModule;\n}());\n\n/**\n * Arguments for the `excelExport` event.\n */\nvar ExcelExportEvent = /** @class */ (function (_super) {\n __extends(ExcelExportEvent, _super);\n function ExcelExportEvent(workbook) {\n var _this = _super.call(this) || this;\n _this.workbook = workbook;\n return _this;\n }\n return ExcelExportEvent;\n}(PreventableEvent));\n\n/* tslint:disable object-literal-sort-keys */\nvar fetchComponentData = function (component) {\n return {\n data: component.view.map(function (item) { return item; }),\n group: component.group\n };\n};\nvar toExcelColumn = function (column) {\n return {\n title: column.title,\n field: column.field,\n locked: Boolean(column.locked),\n width: column.width,\n level: column.level,\n hidden: !column.isVisible,\n groupHeaderTemplate: column.groupHeaderTemplate,\n groupHeaderColumnTemplate: column.groupHeaderColumnTemplate,\n groupFooterTemplate: column.groupFooterTemplate,\n footerTemplate: column.footerTemplate\n };\n};\nvar toExcelColumns = function (columns) {\n var result = [];\n sortColumns(columns)\n .forEach(function (column) {\n if (column.isSpanColumn) {\n result.push.apply(result, toExcelColumns(column.childrenArray));\n }\n else {\n var excelColumn = toExcelColumn(column);\n if (column.isColumnGroup) {\n excelColumn.children = [excelColumn].concat(toExcelColumns(column.childrenArray));\n }\n result.push(excelColumn);\n }\n });\n return result;\n};\nvar componentColumns = function (component) {\n var columns = toExcelColumns(component.columns.toArray());\n return orderBy(columns, [{ field: 'locked', dir: 'desc' }]);\n};\n/**\n * Configures the settings for the export of Grid in Excel ([see example]({% slug excelexport_grid %})).\n */\nvar ExcelComponent = /** @class */ (function () {\n function ExcelComponent(excelService, localization, zone) {\n this.localization = localization;\n this.zone = zone;\n /**\n * Specifies the file name of the exported Excel file.\n * @default \"Export.xlsx\"\n */\n this.fileName = 'Export.xlsx';\n /**\n * @hidden\n */\n this.columns = new QueryList();\n this.saveSubscription = excelService.saveToExcel.subscribe(this.save.bind(this));\n }\n ExcelComponent.prototype.ngOnDestroy = function () {\n this.saveSubscription.unsubscribe();\n if (this.dataSubscription) {\n this.dataSubscription.unsubscribe();\n }\n };\n ExcelComponent.prototype.save = function (component) {\n var _this = this;\n var data = (this.fetchData || fetchComponentData)(component);\n var exportData = function (result) {\n delete _this.dataSubscription;\n _this.exportData(component, result);\n };\n if (data instanceof Promise) {\n data.then(exportData);\n }\n else if (data instanceof Observable) {\n this.dataSubscription = data.pipe(take(1)).subscribe(exportData);\n }\n else {\n exportData(data);\n }\n };\n ExcelComponent.prototype.exportData = function (component, result) {\n var _this = this;\n var options = workbookOptions({\n columns: this.columns.length ? this.columns : componentColumns(component),\n data: result.data,\n group: result.group,\n filterable: this.filterable,\n creator: this.creator,\n date: this.date,\n paddingCellOptions: this.paddingCellOptions,\n headerPaddingCellOptions: this.headerPaddingCellOptions,\n rtl: this.localization.rtl,\n collapsible: this.collapsible\n });\n var args = new ExcelExportEvent(options);\n component.excelExport.emit(args);\n if (!args.isDefaultPrevented()) {\n this.zone.runOutsideAngular(function () { return _this.saveFile(options); });\n }\n };\n ExcelComponent.prototype.saveFile = function (options) {\n var _this = this;\n toDataURL(options).then(function (dataURL) {\n saveAs(dataURL, _this.fileName, {\n forceProxy: _this.forceProxy,\n proxyURL: _this.proxyURL\n });\n });\n };\n ExcelComponent.decorators = [\n { type: Component, args: [{\n selector: 'kendo-grid-excel',\n template: \"\"\n },] },\n ];\n /** @nocollapse */\n ExcelComponent.ctorParameters = function () { return [\n { type: ExcelService },\n { type: LocalizationService },\n { type: NgZone }\n ]; };\n ExcelComponent.propDecorators = {\n fileName: [{ type: Input }],\n filterable: [{ type: Input }],\n creator: [{ type: Input }],\n date: [{ type: Input }],\n forceProxy: [{ type: Input }],\n proxyURL: [{ type: Input }],\n fetchData: [{ type: Input }],\n paddingCellOptions: [{ type: Input }],\n headerPaddingCellOptions: [{ type: Input }],\n collapsible: [{ type: Input }],\n columns: [{ type: ContentChildren, args: [ColumnBase, { descendants: true },] }]\n };\n return ExcelComponent;\n}());\n\n/**\n * Represents the `export-to-Excel` command of the Grid. You can apply this\n * directive to any `button` element inside a\n * [`ToolbarTemplate`]({% slug api_grid_commandcolumncomponent %}).\n * When the user clicks a button associated with the directive, the\n * [`excelExport`]({% slug api_grid_gridcomponent %}#toc-excelexport) event\n * fires ([see example]({% slug excelexport_grid %})).\n *\n * @example\n * ```html-no-run\n * \n * \n * \n * \n * \n * \n * \n * ```\n */\nvar ExcelCommandDirective = /** @class */ (function (_super) {\n __extends(ExcelCommandDirective, _super);\n function ExcelCommandDirective(excelService, element, renderer, localization, ngZone) {\n var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;\n _this.excelService = excelService;\n _this.ngZone = ngZone;\n return _this;\n }\n /**\n * @hidden\n */\n ExcelCommandDirective.prototype.onClick = function (e) {\n e.preventDefault();\n this.excelService.exportClick.emit();\n };\n Object.defineProperty(ExcelCommandDirective.prototype, \"excelClass\", {\n /**\n * @hidden\n */\n get: function () {\n return true;\n },\n enumerable: true,\n configurable: true\n });\n ExcelCommandDirective.decorators = [\n { type: Directive, args: [{\n selector: '[kendoGridExcelCommand]'\n },] },\n ];\n /** @nocollapse */\n ExcelCommandDirective.ctorParameters = function () { return [\n { type: ExcelService },\n { type: ElementRef },\n { type: Renderer2 },\n { type: LocalizationService },\n { type: NgZone }\n ]; };\n ExcelCommandDirective.propDecorators = {\n onClick: [{ type: HostListener, args: ['click', ['$event'],] }],\n excelClass: [{ type: HostBinding, args: ['class.k-grid-excel',] }]\n };\n return ExcelCommandDirective;\n}(Button));\n\nvar declarations$2 = [ExcelComponent, ExcelCommandDirective];\n/**\n * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})\n * definition for the Excel component of the Grid.\n *\n * @example\n *\n * ```ts-no-run\n * // Import the Grid and Excel modules\n * import { GridModule, ExcelModule } from '@progress/kendo-angular-grid';\n *\n * // The browser platform with a compiler\n * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n *\n * import { NgModule } from '@angular/core';\n *\n * // Import the app component\n * import { AppComponent } from './app.component';\n *\n * // Define the app module\n * _@NgModule({\n * declarations: [AppComponent], // declare app component\n * imports: [BrowserModule, GridModule, ExcelModule], // import Grid and Excel modules\n * bootstrap: [AppComponent]\n * })\n * export class AppModule {}\n *\n * // Compile and launch the module\n * platformBrowserDynamic().bootstrapModule(AppModule);\n *\n * ```\n */\nvar ExcelModule = /** @class */ (function () {\n function ExcelModule() {\n }\n ExcelModule.decorators = [\n { type: NgModule, args: [{\n declarations: [declarations$2],\n exports: [declarations$2, ExcelExportModule]\n },] },\n ];\n return ExcelModule;\n}());\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ColumnChooserComponent, ColumnListComponent, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemBase, ColumnMenuItemContentTemplateDirective, ColumnMenuItemComponent, ColumnMenuLockComponent, ColumnMenuSortComponent, ColumnMenuTemplateDirective, ColumnMenuModule, ColumnMenuService, ColumnHandleDirective, ColumnResizingService, TableDirective, ColumnInfoService, DomEventsService, ExpandStateService, IdService, PreventableEvent, SortService, ChangeNotificationService, ColumnReorderService, DragAndDropModule, DragAndDropService, DragHintService, DraggableColumnDirective, DropCueService, DropTargetDirective, EditingDirectiveBase, RowEditingDirectiveBase, AddCommandDirective, CancelCommandDirective, EditCommandDirective, EditService as EditService$1, LocalDataChangesService, RemoveCommandDirective, SaveCommandDirective, ExcelCommandDirective, BooleanFilterComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellWrapperComponent, DateFilterComponent, FilterHostDirective, FilterInputWrapperComponent, FilterInputDirective, FilterRowComponent, DateFilterMenuInputComponent, FilterMenuContainerComponent, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuComponent, NumericFilterMenuInputComponent, StringFilterMenuInputComponent, NumericFilterComponent, FilterOperatorBase, SharedFilterModule, StringFilterComponent, GroupHeaderComponent, GroupIndicatorComponent, GroupInfoService, GroupPanelComponent, GroupsService, BrowserSupportService, ResizeService, ResponsiveService, LocalizedMessagesDirective, Messages, FocusGroup, FocusRoot, LogicalCellDirective, LogicalRowDirective, NavigationService, PagerContextService, PagerElementComponent, PDFCommandDirective, PDFTemplateDirective$1 as PDFTemplateDirective, CellComponent, CELL_CONTEXT, EMPTY_CELL_CONTEXT, FieldAccessorPipe, DetailsService, DEFAULT_SCROLLER_FACTORY, SCROLLER_FACTORY_TOKEN, ScrollRequestService, ScrollSyncService, ScrollerService, SelectAllCheckboxDirective, SelectionCheckboxDirective, Selection, SelectionService, GridModule, SharedModule, GridComponent, ColumnBase$1 as ColumnBase, ColumnComponent, CommandColumnComponent, SpanColumnComponent, ColumnGroupComponent, CheckboxColumnComponent, ToolbarComponent, ToolbarTemplateDirective, CellTemplateDirective, HeaderTemplateDirective, FooterTemplateDirective, PagerTemplateDirective, DetailTemplateDirective, DetailExpandEvent, DetailCollapseEvent, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, ResizableContainerDirective, TemplateContextDirective, NoRecordsTemplateDirective, DataBindingDirective, SelectionDirective, FilterService, FilterCellTemplateDirective, FilterCellComponent, StringFilterCellComponent, DateFilterCellComponent, BaseFilterCellComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, StringFilterMenuComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, PagerPrevButtonsComponent, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerInputComponent, PagerInfoComponent, PagerPageSizesComponent, RowFilterModule, FilterMenuModule, BodyModule, GroupModule, HeaderModule, FooterModule, PagerModule, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, EditTemplateDirective, ColGroupComponent, HeaderComponent, ListComponent, FooterComponent, TableBodyComponent, PagerComponent, CustomMessagesComponent, LoadingComponent, PDFModule, PDFComponent, PDFMarginComponent$1 as PDFMarginComponent, PDFService, ExcelModule, ExcelComponent, ExcelService, CellCloseEvent, SuspendService, GroupBindingDirective, slice, count, Skip, ColumnReorderEvent, FocusableDirective, ColumnVisibilityChangeEvent, ColumnMenuComponent, SinglePopupService, PopupCloseEvent };\n","var base = {\n 8: \"Backspace\",\n 9: \"Tab\",\n 10: \"Enter\",\n 12: \"NumLock\",\n 13: \"Enter\",\n 16: \"Shift\",\n 17: \"Control\",\n 18: \"Alt\",\n 20: \"CapsLock\",\n 27: \"Escape\",\n 32: \" \",\n 33: \"PageUp\",\n 34: \"PageDown\",\n 35: \"End\",\n 36: \"Home\",\n 37: \"ArrowLeft\",\n 38: \"ArrowUp\",\n 39: \"ArrowRight\",\n 40: \"ArrowDown\",\n 44: \"PrintScreen\",\n 45: \"Insert\",\n 46: \"Delete\",\n 59: \";\",\n 61: \"=\",\n 91: \"Meta\",\n 92: \"Meta\",\n 106: \"*\",\n 107: \"+\",\n 108: \",\",\n 109: \"-\",\n 110: \".\",\n 111: \"/\",\n 144: \"NumLock\",\n 145: \"ScrollLock\",\n 160: \"Shift\",\n 161: \"Shift\",\n 162: \"Control\",\n 163: \"Control\",\n 164: \"Alt\",\n 165: \"Alt\",\n 173: \"-\",\n 186: \";\",\n 187: \"=\",\n 188: \",\",\n 189: \"-\",\n 190: \".\",\n 191: \"/\",\n 192: \"`\",\n 219: \"[\",\n 220: \"\\\\\",\n 221: \"]\",\n 222: \"'\",\n 229: \"q\"\n};\nvar base_1 = base;\n\nvar shift = {\n 48: \")\",\n 49: \"!\",\n 50: \"@\",\n 51: \"#\",\n 52: \"$\",\n 53: \"%\",\n 54: \"^\",\n 55: \"&\",\n 56: \"*\",\n 57: \"(\",\n 59: \";\",\n 61: \"+\",\n 173: \"_\",\n 186: \":\",\n 187: \"+\",\n 188: \"<\",\n 189: \"_\",\n 190: \">\",\n 191: \"?\",\n 192: \"~\",\n 219: \"{\",\n 220: \"|\",\n 221: \"}\",\n 222: \"\\\"\",\n 229: \"Q\"\n};\nvar shift_1 = shift;\n\nvar chrome = typeof navigator != \"undefined\" && /Chrome\\/(\\d+)/.exec(navigator.userAgent);\nvar safari = typeof navigator != \"undefined\" && /Apple Computer/.test(navigator.vendor);\nvar gecko = typeof navigator != \"undefined\" && /Gecko\\/\\d+/.test(navigator.userAgent);\nvar mac = typeof navigator != \"undefined\" && /Mac/.test(navigator.platform);\nvar ie = typeof navigator != \"undefined\" && /MSIE \\d|Trident\\/(?:[7-9]|\\d{2,})\\..*rv:(\\d+)/.exec(navigator.userAgent);\nvar brokenModifierNames = chrome && (mac || +chrome[1] < 57) || gecko && mac;\n\n// Fill in the digit keys\nfor (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);\n\n// The function keys\nfor (var i = 1; i <= 24; i++) base[i + 111] = \"F\" + i;\n\n// And the alphabetic keys\nfor (var i = 65; i <= 90; i++) {\n base[i] = String.fromCharCode(i + 32);\n shift[i] = String.fromCharCode(i);\n}\n\n// For each code that doesn't have a shift-equivalent, copy the base name\nfor (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];\n\nvar keyName = function(event) {\n // Don't trust event.key in Chrome when there are modifiers until\n // they fix https://bugs.chromium.org/p/chromium/issues/detail?id=633838\n var ignoreKey = brokenModifierNames && (event.ctrlKey || event.altKey || event.metaKey) ||\n (safari || ie) && event.shiftKey && event.key && event.key.length == 1;\n var name = (!ignoreKey && event.key) ||\n (event.shiftKey ? shift : base)[event.keyCode] ||\n event.key || \"Unidentified\";\n // Edge sometimes produces wrong names (Issue #3)\n if (name == \"Esc\") name = \"Escape\";\n if (name == \"Del\") name = \"Delete\";\n // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8860571/\n if (name == \"Left\") name = \"ArrowLeft\";\n if (name == \"Up\") name = \"ArrowUp\";\n if (name == \"Right\") name = \"ArrowRight\";\n if (name == \"Down\") name = \"ArrowDown\";\n return name\n};\n\nvar w3cKeyname = {\n\tbase: base_1,\n\tshift: shift_1,\n\tkeyName: keyName\n};\n\nexport default w3cKeyname;\nexport { base_1 as base, keyName, shift_1 as shift };\n","import { keyName, base } from 'w3c-keyname';\nimport { Plugin } from 'prosemirror-state';\n\n// declare global: navigator\n\nvar mac = typeof navigator != \"undefined\" ? /Mac/.test(navigator.platform) : false;\n\nfunction normalizeKeyName(name) {\n var parts = name.split(/-(?!$)/), result = parts[parts.length - 1];\n if (result == \"Space\") { result = \" \"; }\n var alt, ctrl, shift, meta;\n for (var i = 0; i < parts.length - 1; i++) {\n var mod = parts[i];\n if (/^(cmd|meta|m)$/i.test(mod)) { meta = true; }\n else if (/^a(lt)?$/i.test(mod)) { alt = true; }\n else if (/^(c|ctrl|control)$/i.test(mod)) { ctrl = true; }\n else if (/^s(hift)?$/i.test(mod)) { shift = true; }\n else if (/^mod$/i.test(mod)) { if (mac) { meta = true; } else { ctrl = true; } }\n else { throw new Error(\"Unrecognized modifier name: \" + mod) }\n }\n if (alt) { result = \"Alt-\" + result; }\n if (ctrl) { result = \"Ctrl-\" + result; }\n if (meta) { result = \"Meta-\" + result; }\n if (shift) { result = \"Shift-\" + result; }\n return result\n}\n\nfunction normalize(map) {\n var copy = Object.create(null);\n for (var prop in map) { copy[normalizeKeyName(prop)] = map[prop]; }\n return copy\n}\n\nfunction modifiers(name, event, shift) {\n if (event.altKey) { name = \"Alt-\" + name; }\n if (event.ctrlKey) { name = \"Ctrl-\" + name; }\n if (event.metaKey) { name = \"Meta-\" + name; }\n if (shift !== false && event.shiftKey) { name = \"Shift-\" + name; }\n return name\n}\n\n// :: (Object) → Plugin\n// Create a keymap plugin for the given set of bindings.\n//\n// Bindings should map key names to [command](#commands)-style\n// functions, which will be called with `(EditorState, dispatch,\n// EditorView)` arguments, and should return true when they've handled\n// the key. Note that the view argument isn't part of the command\n// protocol, but can be used as an escape hatch if a binding needs to\n// directly interact with the UI.\n//\n// Key names may be strings like `\"Shift-Ctrl-Enter\"`—a key\n// identifier prefixed with zero or more modifiers. Key identifiers\n// are based on the strings that can appear in\n// [`KeyEvent.key`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key).\n// Use lowercase letters to refer to letter keys (or uppercase letters\n// if you want shift to be held). You may use `\"Space\"` as an alias\n// for the `\" \"` name.\n//\n// Modifiers can be given in any order. `Shift-` (or `s-`), `Alt-` (or\n// `a-`), `Ctrl-` (or `c-` or `Control-`) and `Cmd-` (or `m-` or\n// `Meta-`) are recognized. For characters that are created by holding\n// shift, the `Shift-` prefix is implied, and should not be added\n// explicitly.\n//\n// You can use `Mod-` as a shorthand for `Cmd-` on Mac and `Ctrl-` on\n// other platforms.\n//\n// You can add multiple keymap plugins to an editor. The order in\n// which they appear determines their precedence (the ones early in\n// the array get to dispatch first).\nfunction keymap(bindings) {\n return new Plugin({props: {handleKeyDown: keydownHandler(bindings)}})\n}\n\n// :: (Object) → (view: EditorView, event: dom.Event) → bool\n// Given a set of bindings (using the same format as\n// [`keymap`](#keymap.keymap), return a [keydown\n// handler](#view.EditorProps.handleKeyDown) that handles them.\nfunction keydownHandler(bindings) {\n var map = normalize(bindings);\n return function(view, event) {\n var name = keyName(event), isChar = name.length == 1 && name != \" \", baseName;\n var direct = map[modifiers(name, event, !isChar)];\n if (direct && direct(view.state, view.dispatch, view)) { return true }\n if (isChar && (event.shiftKey || event.altKey || event.metaKey) &&\n (baseName = base[event.keyCode]) && baseName != name) {\n var fromCode = map[modifiers(baseName, event, true)];\n if (fromCode && fromCode(view.state, view.dispatch, view)) { return true }\n } else if (isChar && event.shiftKey) {\n var withShift = map[modifiers(name, event, true)];\n if (withShift && withShift(view.state, view.dispatch, view)) { return true }\n }\n return false\n }\n}\n\nexport { keydownHandler, keymap };\n//# sourceMappingURL=index.es.js.map\n","import freeGlobal from './_freeGlobal.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Detect free variable `process` from Node.js. */\nvar freeProcess = moduleExports && freeGlobal.process;\n\n/** Used to access faster Node.js helpers. */\nvar nodeUtil = (function() {\n try {\n // Use `util.types` for Node.js 10+.\n var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n if (types) {\n return types;\n }\n\n // Legacy `process.binding('util')` for Node.js < 10.\n return freeProcess && freeProcess.binding && freeProcess.binding('util');\n } catch (e) {}\n}());\n\nexport default nodeUtil;\n","/** PURE_IMPORTS_START tslib,_OuterSubscriber,_InnerSubscriber,_util_subscribeToResult,_map,_observable_from PURE_IMPORTS_END */\nimport * as tslib_1 from \"tslib\";\nimport { OuterSubscriber } from '../OuterSubscriber';\nimport { InnerSubscriber } from '../InnerSubscriber';\nimport { subscribeToResult } from '../util/subscribeToResult';\nimport { map } from './map';\nimport { from } from '../observable/from';\nexport function switchMap(project, resultSelector) {\n if (typeof resultSelector === 'function') {\n return function (source) { return source.pipe(switchMap(function (a, i) { return from(project(a, i)).pipe(map(function (b, ii) { return resultSelector(a, b, i, ii); })); })); };\n }\n return function (source) { return source.lift(new SwitchMapOperator(project)); };\n}\nvar SwitchMapOperator = /*@__PURE__*/ (function () {\n function SwitchMapOperator(project) {\n this.project = project;\n }\n SwitchMapOperator.prototype.call = function (subscriber, source) {\n return source.subscribe(new SwitchMapSubscriber(subscriber, this.project));\n };\n return SwitchMapOperator;\n}());\nvar SwitchMapSubscriber = /*@__PURE__*/ (function (_super) {\n tslib_1.__extends(SwitchMapSubscriber, _super);\n function SwitchMapSubscriber(destination, project) {\n var _this = _super.call(this, destination) || this;\n _this.project = project;\n _this.index = 0;\n return _this;\n }\n SwitchMapSubscriber.prototype._next = function (value) {\n var result;\n var index = this.index++;\n try {\n result = this.project(value, index);\n }\n catch (error) {\n this.destination.error(error);\n return;\n }\n this._innerSub(result, value, index);\n };\n SwitchMapSubscriber.prototype._innerSub = function (result, value, index) {\n var innerSubscription = this.innerSubscription;\n if (innerSubscription) {\n innerSubscription.unsubscribe();\n }\n var innerSubscriber = new InnerSubscriber(this, value, index);\n var destination = this.destination;\n destination.add(innerSubscriber);\n this.innerSubscription = subscribeToResult(this, result, undefined, undefined, innerSubscriber);\n if (this.innerSubscription !== innerSubscriber) {\n destination.add(this.innerSubscription);\n }\n };\n SwitchMapSubscriber.prototype._complete = function () {\n var innerSubscription = this.innerSubscription;\n if (!innerSubscription || innerSubscription.closed) {\n _super.prototype._complete.call(this);\n }\n this.unsubscribe();\n };\n SwitchMapSubscriber.prototype._unsubscribe = function () {\n this.innerSubscription = null;\n };\n SwitchMapSubscriber.prototype.notifyComplete = function (innerSub) {\n var destination = this.destination;\n destination.remove(innerSub);\n this.innerSubscription = null;\n if (this.isStopped) {\n _super.prototype._complete.call(this);\n }\n };\n SwitchMapSubscriber.prototype.notifyNext = function (outerValue, innerValue, outerIndex, innerIndex, innerSub) {\n this.destination.next(innerValue);\n };\n return SwitchMapSubscriber;\n}(OuterSubscriber));\n//# sourceMappingURL=switchMap.js.map\n","/** PURE_IMPORTS_START _ReplaySubject PURE_IMPORTS_END */\nimport { ReplaySubject } from '../ReplaySubject';\nexport function shareReplay(configOrBufferSize, windowTime, scheduler) {\n var config;\n if (configOrBufferSize && typeof configOrBufferSize === 'object') {\n config = configOrBufferSize;\n }\n else {\n config = {\n bufferSize: configOrBufferSize,\n windowTime: windowTime,\n refCount: false,\n scheduler: scheduler\n };\n }\n return function (source) { return source.lift(shareReplayOperator(config)); };\n}\nfunction shareReplayOperator(_a) {\n var _b = _a.bufferSize, bufferSize = _b === void 0 ? Number.POSITIVE_INFINITY : _b, _c = _a.windowTime, windowTime = _c === void 0 ? Number.POSITIVE_INFINITY : _c, useRefCount = _a.refCount, scheduler = _a.scheduler;\n var subject;\n var refCount = 0;\n var subscription;\n var hasError = false;\n var isComplete = false;\n return function shareReplayOperation(source) {\n refCount++;\n if (!subject || hasError) {\n hasError = false;\n subject = new ReplaySubject(bufferSize, windowTime, scheduler);\n subscription = source.subscribe({\n next: function (value) { subject.next(value); },\n error: function (err) {\n hasError = true;\n subject.error(err);\n },\n complete: function () {\n isComplete = true;\n subscription = undefined;\n subject.complete();\n },\n });\n }\n var innerSub = subject.subscribe(this);\n this.add(function () {\n refCount--;\n innerSub.unsubscribe();\n if (subscription && !isComplete && useRefCount && refCount === 0) {\n subscription.unsubscribe();\n subscription = undefined;\n subject = undefined;\n }\n });\n };\n}\n//# sourceMappingURL=shareReplay.js.map\n","/**\n * A function that clones the passed date. The parameter could be `null`.\n *\n * @param date - The initial date value.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * cloneDate(new Date(2016, 0, 1)); // returns new Date(2016, 0, 1);\n * cloneDate(null); // returns null\n * ```\n */\nexport var cloneDate = function (date) { return date ? new Date(date.getTime()) : null; };\n","import { cloneDate } from './clone-date';\n/**\n * @hidden\n */\nexport var adjustDST = function (date, hour) {\n var newDate = cloneDate(date);\n if (hour === 0 && newDate.getHours() === 23) {\n newDate.setHours(newDate.getHours() + 2);\n }\n return newDate;\n};\n","import { adjustDST } from './adjust-dst';\nimport { cloneDate } from './clone-date';\n/**\n * A function that adds and subtracts days from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of days to add and subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addDays(new Date(2016, 0, 1), 5); // 2016-1-6\n * addDays(new Date(2016, 0, 1), -5); // 2015-12-26\n * ```\n */\nexport var addDays = function (date, offset) {\n var newDate = cloneDate(date);\n newDate.setDate(newDate.getDate() + offset);\n return adjustDST(newDate, date.getHours());\n};\n","import { adjustDST } from './adjust-dst';\n/**\n * A function which returns a new `Date` instance.\n *\n * @param year - The year value.\n * @param month - The month value.\n * @param day - The day value.\n * @param hours - The hours value.\n * @param minutes - The minutes value.\n * @param seconds - The seconds value.\n * @param milliseconds - milliseconds value.\n * @returns The date instance.\n *\n * @example\n * ```ts-no-run\n * createDate(2016, 0, 15); // 2016-01-15 00:00:00\n * createDate(2016, 0, 15, 22, 22, 20); // 2016-01-15 22:22:20\n * ```\n */\nexport var createDate = function (year, month, day, hours, minutes, seconds, milliseconds) {\n if (hours === void 0) { hours = 0; }\n if (minutes === void 0) { minutes = 0; }\n if (seconds === void 0) { seconds = 0; }\n if (milliseconds === void 0) { milliseconds = 0; }\n var date = new Date(year, month, day, hours, minutes, seconds, milliseconds);\n if (year > -1 && year < 100) {\n date.setFullYear(date.getFullYear() - 1900);\n }\n return adjustDST(date, hours);\n};\n","import { createDate } from './create-date';\n/**\n * A function which returns the passed date with a midnight time portion.\n *\n * @param date - The initial date.\n * @returns - The date with a midnight time portion.\n *\n * @example\n * ```ts-no-run\n * getDate(new Date(2016, 0, 15, 14, 30, 30)); // 2016-01-15 00:00:00\n * ```\n */\nexport var getDate = function (date) {\n return createDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);\n};\n","/**\n * A function that compares two dates. The comparison also includes the time portion.\n *\n * @param candidate - The candidate date.\n * @param expected - The expected date.\n * @returns - A Boolean value indicating whether the values are equal.\n *\n * @example\n * ```ts-no-run\n * isEqual(new Date(2016, 0, 1), new Date(2016, 0, 1)); // true\n * isEqual(new Date(2016, 0, 1), new Date(2016, 0, 2)); // false\n * isEqual(new Date(2016, 0, 1, 10), new Date(2016, 0, 1, 20)); // false\n * ```\n */\nexport var isEqual = function (candidate, expected) {\n if (!candidate && !expected) {\n return true;\n }\n return candidate && expected && candidate.getTime() === expected.getTime();\n};\n","import { addDays } from './add-days';\nimport { createDate } from './create-date';\n/**\n * A function which returns the last date of the month.\n *\n * @param date - The initial date.\n * @returns - The last date of the initial date month.\n *\n * @example\n * ```ts-no-run\n * lastDayOfMonth(new Date(2016, 0, 15)); // 2016-01-31\n * ```\n */\nexport var lastDayOfMonth = function (date) {\n var newDate = createDate(date.getFullYear(), date.getMonth() + 1, 1, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());\n return addDays(newDate, -1);\n};\n","import { adjustDST } from './adjust-dst';\nimport { cloneDate } from './clone-date';\nimport { lastDayOfMonth } from './last-day-of-month';\nvar MONTHS_LENGTH = 12;\nvar normalize = function (date, expectedMonth) { return (date.getMonth() !== expectedMonth ? lastDayOfMonth(addMonths(date, -1)) : date //tslint:disable-line:no-use-before-declare\n); };\n/**\n * A function that adds and subtracts months from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of months to add or subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addMonths(new Date(2016, 5, 1), 5); // 2016-11-1\n * addMonths(new Date(2016, 5, 1), -5); // 2015-1-1\n * ```\n */\nexport var addMonths = function (date, offset) {\n var newDate = cloneDate(date);\n var diff = (newDate.getMonth() + offset) % MONTHS_LENGTH;\n var expectedMonth = (MONTHS_LENGTH + diff) % MONTHS_LENGTH;\n newDate.setMonth(newDate.getMonth() + offset);\n return normalize(adjustDST(newDate, date.getHours()), expectedMonth);\n};\n","import { addMonths } from './add-months';\nimport { createDate } from './create-date';\nimport { lastDayOfMonth } from './last-day-of-month';\n/**\n * @hidden\n */\nexport var setYear = function (value, year) {\n var month = value.getMonth();\n var candidate = createDate(year, month, value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds(), value.getMilliseconds());\n return candidate.getMonth() === month ? candidate : lastDayOfMonth(addMonths(candidate, -1));\n};\n","import { adjustDST } from './adjust-dst';\nimport { setYear } from './set-year';\n/**\n * A function that adds and subtracts years from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of years to add or subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addYears(new Date(2016, 5, 1), 5); // 2011-6-1\n * addYears(new Date(2016, 5, 1), -5); // 2021-6-1\n * ```\n */\nexport var addYears = function (value, offset) {\n return adjustDST(setYear(value, value.getFullYear() + offset), value.getHours());\n};\n","import { addYears } from './add-years';\n/**\n * A function that adds and subtracts decades from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of decades to add or subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addDecades(new Date(2016, 5, 1), 5); // 2066-6-1\n * addDecades(new Date(2016, 5, 1), -5); // 1966-6-1\n * ```\n */\nexport var addDecades = function (value, offset) {\n return addYears(value, 10 * offset);\n};\n","import { addYears } from './add-years';\n/**\n * A function that adds and subtracts centuries from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of centuries to add or subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addCenturies(new Date(2016, 5, 1), 5); // 2516-6-1\n * addCenturies(new Date(2016, 5, 1), -5); // 1516-6-1\n * ```\n */\nexport var addCenturies = function (value, offset) {\n return addYears(value, 100 * offset);\n};\n","import { setYear } from './set-year';\n/**\n * @hidden\n */\nexport var normalizeYear = function (value, year) { return (setYear(value, year(value.getFullYear()))); };\n","import { normalizeYear } from './normalize-year';\n/**\n * A function that returns a `Date` object of the first decade in a century.\n *\n * @param date - The start date value.\n * @returns - The first year in a century.\n *\n * @example\n * ```ts-no-run\n * firstDecadeOfCentury(new Date(2017, 0, 1)); // 2000-1-1\n * firstDecadeOfCentury(new Date(2007, 10, 22)); // 2000-11-22\n * firstDecadeOfCentury(new Date(2126, 0, 1)); // 2100-1-1\n * ```\n */\nexport var firstDecadeOfCentury = function (value) { return (normalizeYear(value, function (y) { return y - (y % 100); })); };\n","import { normalizeYear } from './normalize-year';\n/**\n * A function that returns a `Date` object of the last decade in a century.\n *\n * @param date - The start date value.\n * @returns - The last year in a decade.\n *\n * @example\n * ```ts-no-run\n * lastDecadeOfCentury(new Date(2017, 0, 1)); // 2090-1-1\n * lastDecadeOfCentury(new Date(2007, 10, 22)); // 2090-11-22\n * lastDecadeOfCentury(new Date(2126, 0, 1)); // 2190-1-1\n * ```\n */\nexport var lastDecadeOfCentury = function (value) { return (normalizeYear(value, function (y) { return y - (y % 100) + 90; })); };\n","import { normalizeYear } from './normalize-year';\n/**\n * A function that returns a `Date` object of the first year in a decade.\n *\n * @param date - The start date value.\n * @returns - The first year in a decade.\n *\n * @example\n * ```ts-no-run\n * firstYearOfDecade(new Date(2017, 0, 1)); // 2010-1-1\n * firstYearOfDecade(new Date(2007, 10, 22)); // 2000-11-22\n * firstYearOfDecade(new Date(2026, 0, 1)); // 2020-1-1\n * ```\n */\nexport var firstYearOfDecade = function (value) { return (normalizeYear(value, function (y) { return y - (y % 10); })); };\n","import { firstDecadeOfCentury } from './first-decade-of-century';\n/**\n * A function that calculates duration in centuries between two `Date` objects.\n *\n * @param start - The start date value.\n * @param end - The end date value.\n * @returns - The duration in months.\n *\n * @example\n * ```ts-no-run\n * durationInCenturies(new Date(2016, 0, 1), new Date(3216, 0, 1)); // 12\n * durationInCenturies(new Date(2016, 6, 1), new Date(2617, 0, 1)); // 6\n * durationInCenturies(new Date(2016, 0, 1), new Date(2016, 0, 1)); // 0\n * ```\n */\nexport var durationInCenturies = function (start, end) { return ((firstDecadeOfCentury(end).getFullYear() - firstDecadeOfCentury(start).getFullYear()) / 100); };\n","import { normalizeYear } from './normalize-year';\n/**\n * A function that returns a `Date` object of the last year in a decade.\n *\n * @param date - The start date value.\n * @returns - The last year in a decade.\n *\n * @example\n * ```ts-no-run\n * lastYearOfDecade(new Date(2017, 0, 1)); // 2019-1-1\n * lastYearOfDecade(new Date(2007, 10, 22)); // 2009-11-22\n * lastYearOfDecade(new Date(2026, 0, 1)); // 2029-1-1\n * ```\n */\nexport var lastYearOfDecade = function (value) { return (normalizeYear(value, function (y) { return y - (y % 10) + 9; })); };\n","import { firstYearOfDecade } from './first-year-of-decade';\n/**\n * A function that calculates duration in decades between two `Date` objects.\n *\n * @param start - The start date value.\n * @param end - The end date value.\n * @returns - The duration in months.\n *\n * @example\n * ```ts-no-run\n * durationInDecades(new Date(2016, 0, 1), new Date(2136, 0, 1)); // 12\n * durationInDecades(new Date(2016, 0, 1), new Date(2016, 0, 1)); // 0\n * ```\n */\nexport var durationInDecades = function (start, end) { return ((firstYearOfDecade(end).getFullYear() - firstYearOfDecade(start).getFullYear()) / 10); };\n","import { addDays } from './add-days';\n/**\n * A function that adds and subtracts weeks from a Date object.\n *\n * @param date - The initial date value.\n * @param offset - The number of weeks to add/subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addWeeks(new Date(2016, 5, 1), 3); // 2016-6-22\n * addWeeks(new Date(2016, 5, 1), -3); // 2015-5-11\n * ```\n */\nexport var addWeeks = function (date, offset) {\n return addDays(date, offset * 7);\n};\n","import { createDate } from './create-date';\n/**\n * A function which returns the first date of the month.\n *\n * @param date - The initial date.\n * @returns - The first date of the initial date month.\n *\n * @example\n * ```ts-no-run\n * firstDayOfMonth(new Date(2016, 0, 15)); // 2016-01-01\n * ```\n */\nexport var firstDayOfMonth = function (date) {\n return createDate(date.getFullYear(), date.getMonth(), 1, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());\n};\n","// tslint:disable:max-line-length\n/**\n * An enumeration which represents the horizontal direction. The `Forward` option moves forward. The `Backward` option moves backward.\n */\nexport var Direction;\n(function (Direction) {\n /**\n * The `Forward` value with an underlying `1` number value.\n */\n Direction[Direction[\"Forward\"] = 1] = \"Forward\";\n /**\n * The `Backward` value with an underlying `-1` (minus one) number value.\n */\n Direction[Direction[\"Backward\"] = -1] = \"Backward\";\n})(Direction || (Direction = {}));\n// tslint:enable:max-line-length\n","import { Direction } from \"./direction.enum\";\nimport { adjustDST } from \"./adjust-dst\";\nimport { cloneDate } from './clone-date';\n/**\n * @hidden\n *\n * A function which returns the next or previous date for a specific week day. For example, `Day.Monday`.\n *\n * @param date - The date to calculate from.\n * @param weekDay - The `Day` enum specifying the desired week day.\n * @param direction - The `Direction` enum specifying the calculation direction.\n * @returns - A `Date` instance.\n *\n * @example\n * ```ts-no-run\n * dayOfWeek(new Date(2016, 0, 1), Day.Wednesday, Direction.Forward); // 2016-01-06, Wednesday\n * dayOfWeek(new Date(2016, 0, 1), Day.Wednesday, Direction.Backward); // 2015-12-30, Wednesday\n * ```\n */\nexport var dayOfWeek = function (date, weekDay, direction) {\n if (direction === void 0) { direction = Direction.Forward; }\n var newDate = cloneDate(date);\n var newDay = ((weekDay - newDate.getDay()) + (7 * direction)) % 7;\n newDate.setDate(newDate.getDate() + newDay);\n return adjustDST(newDate, date.getHours());\n};\n","/**\n * A function that calculates duration in months between two `Date` objects.\n *\n * @param start - The start date value.\n * @param end - The end date value.\n * @returns - The duration in months.\n *\n * @example\n * ```ts-no-run\n * durationInMonths(new Date(2016, 0, 1), new Date(2017, 0, 1)); // 12\n * durationInMonths(new Date(2016, 6, 1), new Date(2017, 0, 1)); // 6\n * durationInMonths(new Date(2016, 0, 1), new Date(2016, 0, 1)); // 0\n * ```\n */\nexport var durationInMonths = function (start, end) { return (((end.getFullYear() - start.getFullYear())) * 12 + (end.getMonth() - start.getMonth())); };\n","import { addMonths } from './add-months';\nimport { createDate } from './create-date';\nimport { lastDayOfMonth } from './last-day-of-month';\n/**\n * @hidden\n */\nexport var setMonth = function (value, month) {\n var day = value.getDate();\n var candidate = createDate(value.getFullYear(), month, day, value.getHours(), value.getMinutes(), value.getSeconds(), value.getMilliseconds());\n return candidate.getDate() === day ? candidate : lastDayOfMonth(addMonths(candidate, -1));\n};\n","import { setMonth } from './set-month';\n/**\n * A function that returns a `Date` object of the first month in a year.\n *\n * @param date - The start date value.\n * @returns - The first month in a year.\n *\n * @example\n * ```ts-no-run\n * firstMonthOfYear(new Date(2017, 11, 1)); // 2017-1-1\n * firstMonthOfYear(new Date(2017, 0, 1)); // 2017-1-1\n * ```\n */\nexport var firstMonthOfYear = function (value) { return setMonth(value, 0); };\n","import { setMonth } from './set-month';\n/**\n * A function that returns a `Date` object of the last month in a year.\n *\n * @param date - The start date value.\n * @returns - The last month in a year.\n *\n * @example\n * ```ts-no-run\n * lastMonthOfYear(new Date(2017, 5, 3)); // 2017-12-3\n * lastMonthOfYear(new Date(2017, 11, 3)); // 2017-12-3\n * ```\n */\nexport var lastMonthOfYear = function (value) { return setMonth(value, 11); };\n","/**\n * A function that calculates duration in years between two `Date` objects.\n *\n * @param start - The start date value.\n * @param end - The end date value.\n * @returns - The duration in years.\n *\n * @example\n * ```ts-no-run\n * durationInYears(new Date(2016, 0, 1), new Date(2028, 0, 1)); // 12\n * durationInYears(new Date(2016, 0, 1), new Date(2022, 0, 1)); // 6\n * durationInYears(new Date(2016, 0, 1), new Date(2016, 0, 1)); // 0\n * ```\n */\nexport var durationInYears = function (start, end) { return (end.getFullYear() - start.getFullYear()); };\n","/**\n * Enumeration which represents the week days.\n */\nexport var Day;\n(function (Day) {\n /**\n * The Sunday value with an underlying `0` number value.\n */\n Day[Day[\"Sunday\"] = 0] = \"Sunday\";\n /**\n * The Monday value with an underlying `1` number value.\n */\n Day[Day[\"Monday\"] = 1] = \"Monday\";\n /**\n * The Tuesday value with an underlying `2` number value.\n */\n Day[Day[\"Tuesday\"] = 2] = \"Tuesday\";\n /**\n * The Wednesday value with an underlying `3` number value.\n */\n Day[Day[\"Wednesday\"] = 3] = \"Wednesday\";\n /**\n * The Thursday value with an underlying `4` number value.\n */\n Day[Day[\"Thursday\"] = 4] = \"Thursday\";\n /**\n * The Friday value with an underlying `5` number value.\n */\n Day[Day[\"Friday\"] = 5] = \"Friday\";\n /**\n * The Saturday value with an underlying `6` number value.\n */\n Day[Day[\"Saturday\"] = 6] = \"Saturday\";\n})(Day || (Day = {}));\n","import { Day } from './day.enum';\nimport { addDays } from './add-days';\nimport { createDate } from './create-date';\nimport { prevDayOfWeek } from './prev-day-of-week';\nimport { MS_PER_DAY } from './constants';\nvar moveDateToWeekStart = function (date, weekStartDay) {\n if (weekStartDay !== Day.Monday) {\n return addDays(prevDayOfWeek(date, weekStartDay), 4);\n }\n return addDays(date, (4 - (date.getDay() || 7)));\n};\nvar calcWeekInYear = function (date, weekStartDay) {\n var firstWeekInYear = createDate(date.getFullYear(), 0, 1, -6);\n var newDate = moveDateToWeekStart(date, weekStartDay);\n var diffInMS = newDate.getTime() - firstWeekInYear.getTime();\n var days = Math.floor(diffInMS / MS_PER_DAY);\n return 1 + Math.floor(days / 7);\n};\n/**\n * A function that returns the number of the week within a year, which is calculated in relation to the date.\n *\n * For more information, refer to the [**ISO week date**](https://en.wikipedia.org/wiki/ISO_week_date) article.\n *\n * @param date - The date used for the week number calculation.\n * @param weekStartDay - The first day of the week. By default, the first week day is Monday.\n * @returns - The number of the week within the year.\n *\n * @example\n * ```ts-no-run\n * weekInYear(new Date(2016, 0, 1)); // Week 53, 2015\n * weekInYear(new Date(2016, 0, 5)); // Week 1, 2016\n * weekInYear(new Date(2017, 0, 1)); // Week 52, 2016\n * weekInYear(new Date(2017, 0, 2)); // Week 1, 2017\n * ```\n */\nexport var weekInYear = function (date, weekStartDay) {\n if (weekStartDay === void 0) { weekStartDay = Day.Monday; }\n var prevWeekDate = addDays(date, -7);\n var nextWeekDate = addDays(date, 7);\n var weekNumber = calcWeekInYear(date, weekStartDay);\n if (weekNumber === 0) {\n return calcWeekInYear(prevWeekDate, weekStartDay) + 1;\n }\n if (weekNumber === 53 && calcWeekInYear(nextWeekDate, weekStartDay) > 1) {\n return 1;\n }\n return weekNumber;\n};\n","import { Direction } from \"./direction.enum\";\nimport { dayOfWeek } from './day-of-week';\n/**\n * A function which returns a date by a specific week name. For example, `Day.Monday`.\n *\n * @param date - The date to calculate from.\n * @param weekDay - The `Day` enum specifying the desired week day.\n * @returns - A `Date` instance.\n *\n * @example\n * ```ts-no-run\n * prevDayOfWeek(new Date(2016, 0, 1), Day.Wednesday); // 2015-12-30, Wednesday\n * ```\n */\nexport var prevDayOfWeek = function (date, weekDay) {\n return dayOfWeek(date, weekDay, Direction.Backward);\n};\n","/**\n * The number of milliseconds in one minute.\n */\nexport var MS_PER_MINUTE = 60000;\n/**\n * The number of milliseconds in one hour.\n */\nexport var MS_PER_HOUR = 3600000;\n/**\n * The number of milliseconds in one standard day.\n */\nexport var MS_PER_DAY = 86400000;\n","/**-----------------------------------------------------------------------------------------\n* Copyright © 2020 Progress Software Corporation. All rights reserved.\n* Licensed under commercial license. See LICENSE.md in the project root for more information\n*-------------------------------------------------------------------------------------------*/\nimport { Injectable, Injector, EventEmitter, InjectionToken, Component, Inject, ElementRef, Renderer2, NgZone, Input, Output, HostBinding, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, Directive, TemplateRef, isDevMode, forwardRef, Optional, ContentChild, ViewContainerRef, HostListener, ViewChildren, ContentChildren, IterableDiffers, NgModule } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';\nimport { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';\nimport { getDate, isEqual, cloneDate, addDays, addDecades, addCenturies, firstDecadeOfCentury, lastDecadeOfCentury, firstYearOfDecade, createDate, durationInCenturies, addYears, lastYearOfDecade, durationInDecades, addWeeks, addMonths, firstDayOfMonth, lastDayOfMonth, dayOfWeek, durationInMonths, firstMonthOfYear, lastMonthOfYear, durationInYears, weekInYear } from '@progress/kendo-date-math';\nimport { isDocumentAvailable, KendoInput, hasObservers, Keys, guid, EventsModule } from '@progress/kendo-angular-common';\nimport { IntlService, IntlModule } from '@progress/kendo-angular-intl';\nimport { ReplaySubject, Observable, combineLatest, of, interval, animationFrameScheduler, fromEvent, EMPTY, Subject, from, Subscription, BehaviorSubject, merge } from 'rxjs';\nimport { map, scan, takeWhile, tap, filter, debounceTime } from 'rxjs/operators';\nimport { PopupService, PopupModule } from '@progress/kendo-angular-popup';\nimport { __extends } from 'tslib';\nimport { CommonModule } from '@angular/common';\nimport { touchEnabled } from '@progress/kendo-common';\n\n/**\n * @hidden\n */\nvar Action;\n(function (Action) {\n Action[Action[\"Left\"] = 0] = \"Left\";\n Action[Action[\"Right\"] = 1] = \"Right\";\n Action[Action[\"Up\"] = 2] = \"Up\";\n Action[Action[\"Down\"] = 3] = \"Down\";\n Action[Action[\"PrevView\"] = 4] = \"PrevView\";\n Action[Action[\"NextView\"] = 5] = \"NextView\";\n Action[Action[\"FirstInView\"] = 6] = \"FirstInView\";\n Action[Action[\"LastInView\"] = 7] = \"LastInView\";\n Action[Action[\"LowerView\"] = 8] = \"LowerView\";\n Action[Action[\"UpperView\"] = 9] = \"UpperView\";\n})(Action || (Action = {}));\n\n/**\n * @hidden\n */\nvar EMPTY_SELECTIONRANGE = { start: null, end: null };\n\n/**\n * @hidden\n */\nvar MIDNIGHT_DATE = new Date(1980, 0, 1);\n/**\n * @hidden\n */\nvar MIN_DATE = new Date(1900, 0, 1);\n/**\n * @hidden\n */\nvar MAX_DATE = new Date(2099, 11, 31);\n/**\n * @hidden\n */\nvar MIN_TIME = new Date(1980, 0, 1);\n/**\n * @hidden\n */\nvar MAX_TIME = new Date(1980, 0, 1, 23, 59, 59);\n\n/* tslint:disable:no-bitwise max-line-length */\nvar isSet = function (value) { return value !== null && value !== undefined; };\nvar setter = function (method) { return function (date, value) {\n var clone = cloneDate(date);\n clone[method](value);\n return clone;\n}; };\n/**\n * @hidden\n */\nvar setTime = function (origin, candidate) {\n var date = cloneDate(origin);\n date.setHours(candidate.getHours(), candidate.getMinutes(), candidate.getSeconds(), candidate.getMilliseconds());\n return date;\n};\nvar normalizeTimes = function (candidate, min, max) { return ({\n candidateValue: setTime(MIDNIGHT_DATE, candidate),\n maxValue: addDays(setTime(MIDNIGHT_DATE, max), min.getHours() < max.getHours() ||\n (min.getHours() === max.getHours() && min.getMinutes() < max.getMinutes()) ? 0 : 1),\n minValue: setTime(MIDNIGHT_DATE, min)\n}); };\n/**\n * @hidden\n */\nvar setHours = setter('setHours');\n/**\n * @hidden\n */\nvar setMinutes = setter('setMinutes');\n/**\n * @hidden\n */\nvar setSeconds = setter('setSeconds');\n/**\n * @hidden\n */\nvar range = function (start, end, step) {\n if (step === void 0) { step = 1; }\n var result = [];\n for (var i = start; i < end; i = i + step) {\n result.push(i);\n }\n return result;\n};\n/**\n * @hidden\n */\nvar isInRange = function (candidate, min, max) { return (!candidate || !((min && min > candidate) || (max && max < candidate))); };\n/**\n * @hidden\n */\nvar isInTimeRange = function (candidate, min, max) {\n if (!candidate || !min || !max) {\n return true;\n }\n var _a = normalizeTimes(candidate, min, max), candidateValue = _a.candidateValue, minValue = _a.minValue, maxValue = _a.maxValue;\n return minValue <= candidateValue && candidateValue <= maxValue;\n};\n/**\n * @hidden\n */\nvar isValidRange = function (min, max) { return (!isSet(min) || !isSet(max) || min <= max); };\n/**\n * @hidden\n */\nvar dateInRange = function (candidate, min, max) {\n if (!candidate) {\n return candidate;\n }\n if (min && candidate < min) {\n return cloneDate(min);\n }\n if (max && candidate > max) {\n return cloneDate(max);\n }\n return candidate;\n};\n/**\n * @hidden\n */\nvar timeInRange = function (candidate, min, max) {\n if (!candidate || !min || !max) {\n return candidate;\n }\n var _a = normalizeTimes(candidate, min, max), candidateValue = _a.candidateValue, minValue = _a.minValue, maxValue = _a.maxValue;\n if (candidateValue < minValue) {\n return setTime(candidate, min);\n }\n if (candidateValue > maxValue) {\n return setTime(candidate, max);\n }\n return candidate;\n};\n/**\n * @hidden\n */\nvar getNow = function () { return new Date(); };\n/**\n * @hidden\n */\nvar getToday = function () { return getDate(new Date()); };\n/**\n * @hidden\n */\nvar noop = function (_) { }; // tslint:disable-line:no-empty\n/**\n * @hidden\n */\nvar isWindowAvailable = function () {\n return typeof window !== 'undefined';\n};\n/**\n * @hidden\n */\nvar stringifyClassObject = function (classes) {\n var pushToAcc = function (acc, cls) { return classes[cls] ? acc.concat(cls) : acc; };\n return Object.keys(classes).reduce(pushToAcc, []).join(' ');\n};\n/**\n * @hidden\n */\nvar shiftWeekNames = function (names, offset) { return (names.slice(offset).concat(names.slice(0, offset))); };\n/**\n * @hidden\n */\nvar approximateStringMatching = function (oldTextOrigin, oldFormat, newTextOrigin, caret) {\n // Remove the right part of the cursor.\n //oldFormat = oldFormat.substring(0, caret + oldText.length - newText.length);\n var oldIndex = caret + oldTextOrigin.length - newTextOrigin.length;\n var oldTextSeparator = oldTextOrigin[oldIndex];\n var oldText = oldTextOrigin.substring(0, caret + oldTextOrigin.length - newTextOrigin.length);\n var newText = newTextOrigin.substring(0, caret);\n var diff = [];\n // Handle typing a single character over the same selection.\n if (oldText === newText && caret > 0) {\n diff.push([oldFormat[caret - 1], newText[caret - 1]]);\n return diff;\n }\n if (oldText.indexOf(newText) === 0 && (newText.length === 0 || oldFormat[newText.length - 1] !== oldFormat[newText.length])) {\n // Handle Delete/Backspace.\n var deletedSymbol = \"\";\n //XXX:\n // Whole text is replaced with a same char\n // Nasty patch required to keep the selection in the first segment\n if (newText.length === 1) {\n diff.push([oldFormat[0], newText[0]]);\n }\n for (var i = newText.length; i < oldText.length; i++) {\n if (oldFormat[i] !== deletedSymbol && oldFormat[i] !== \"_\") {\n deletedSymbol = oldFormat[i];\n diff.push([deletedSymbol, \"\"]);\n }\n }\n return diff;\n }\n // Handle inserting text (the new text is longer than the previous one).\n // Handle typing over a literal as well.\n if (newText.indexOf(oldText) === 0 || oldFormat[caret - 1] === \"_\") {\n var symbol = oldFormat[0];\n for (var i = Math.max(0, oldText.length - 1); i < oldFormat.length; i++) {\n if (oldFormat[i] !== \"_\") {\n symbol = oldFormat[i];\n break;\n }\n }\n return [[symbol, newText[caret - 1]]];\n }\n // Handle entering a space or a separator, for navigation to the next item.\n if (newText[newText.length - 1] === \" \" || (newText[newText.length - 1] === oldTextSeparator && oldFormat[oldIndex] === '_')) {\n return [[oldFormat[caret - 1], \"_\"]];\n }\n // Handle typing over a correctly selected part.\n return [[oldFormat[caret - 1], newText[caret - 1]]];\n};\n/**\n * @hidden\n */\nvar domContainerFactory = function (type) { return function (children, classes, styles) {\n if (classes === void 0) { classes = \"\"; }\n if (styles === void 0) { styles = {}; }\n var container = document.createElement(type);\n container.className = classes;\n Object.keys(styles).map(function (key) { return container.style[key] = styles[key]; });\n if (typeof children === 'string') {\n container.innerHTML = children || '';\n }\n else {\n (children || []).forEach(function (child) { return child && container.appendChild(child); });\n }\n return container;\n}; };\n/**\n * @hidden\n */\nvar hasChange = function (changes, field) { return changes[field] !== undefined; };\n/**\n * @hidden\n */\nvar hasExistingValue = function (changes, field) { return changes[field] && changes[field].currentValue !== undefined && changes[field].currentValue !== null; };\n/**\n * @hidden\n */\nvar isInSelectionRange = function (value, selectionRange) {\n var _a = selectionRange || EMPTY_SELECTIONRANGE, start = _a.start, end = _a.end;\n if (!start || !end) {\n return false;\n }\n return start < value && value < end;\n};\n/**\n * @hidden\n */\nvar either = function (value1, value2) { return value1 || value2; };\n/**\n * @hidden\n */\nvar clampRange = function (value) { return ({ start: value, end: value }); };\n/**\n * @hidden\n */\nvar isEqualRange = function (initial, updated) {\n var _a = initial || EMPTY_SELECTIONRANGE, initialStart = _a.start, initialEnd = _a.end;\n var _b = updated || EMPTY_SELECTIONRANGE, updatedStart = _b.start, updatedEnd = _b.end;\n return isEqual(initialStart, updatedStart) && isEqual(initialEnd, updatedEnd);\n};\n/**\n * @hidden\n *\n * Creates a new date based on the date information from the specified date portion\n * and the time information from the time portion.\n * If a parameter is not provided, returns `null`.\n */\nvar mergeDateAndTime = function (date, time) {\n if (!(date && time)) {\n return null;\n }\n return new Date(date.getFullYear(), date.getMonth(), date.getDate(), time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds());\n};\n/**\n * @hidden\n */\nvar lastMillisecondOfDate = function (date) {\n if (!date) {\n return null;\n }\n return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n};\n/**\n * @hidden\n *\n * Returns an array with dates ranging between and including the specified start and\n * end dates that are evaluated as disabled.\n */\nvar disabledDatesInRange = function (start, end, isDateDisabled) {\n if (!(start && end && isDateDisabled) || (start > end)) {\n return [];\n }\n var dates = [];\n var current = start;\n while (current <= end) {\n if (isDateDisabled(current)) {\n dates.push(current);\n }\n current = addDays(current, 1);\n }\n return dates;\n};\n\nvar _a;\nvar EMPTY_DATA = [[]];\nvar CELLS_LENGTH = 5;\nvar ROWS_LENGTH = 2;\nvar ACTIONS = (_a = {},\n _a[Action.Left] = function (date) { return addDecades(date, -1); },\n _a[Action.Up] = function (date) { return addDecades(date, -5); },\n _a[Action.Right] = function (date) { return addDecades(date, 1); },\n _a[Action.Down] = function (date) { return addDecades(date, 5); },\n _a[Action.PrevView] = function (date) { return addCenturies(date, -1); },\n _a[Action.NextView] = function (date) { return addCenturies(date, 1); },\n _a[Action.FirstInView] = function (date) { return firstDecadeOfCentury(date); },\n _a[Action.LastInView] = function (date) { return lastDecadeOfCentury(date); },\n _a);\n/**\n * @hidden\n */\nvar CenturyViewService = /** @class */ (function () {\n function CenturyViewService() {\n }\n CenturyViewService.prototype.addToDate = function (min, skip) {\n return addCenturies(min, skip);\n };\n CenturyViewService.prototype.datesList = function (start, count) {\n return range(0, count).map(function (i) { return addCenturies(start, i); });\n };\n CenturyViewService.prototype.data = function (options) {\n var _this = this;\n var cellUID = options.cellUID, focusedDate = options.focusedDate, isActiveView = options.isActiveView, max = options.max, min = options.min, selectedDate = options.selectedDate, _a = options.selectionRange, selectionRange = _a === void 0 ? EMPTY_SELECTIONRANGE : _a, viewDate = options.viewDate;\n if (!viewDate) {\n return EMPTY_DATA;\n }\n var cells = range(0, CELLS_LENGTH);\n var firstDate = firstDecadeOfCentury(viewDate);\n var lastDate = lastDecadeOfCentury(viewDate);\n var isSelectedDateInRange = isInRange(selectedDate, min, max);\n var today = getToday();\n return range(0, ROWS_LENGTH).map(function (rowOffset) {\n var baseDate = addDecades(firstDate, rowOffset * CELLS_LENGTH);\n return cells.map(function (cellOffset) {\n var cellDate = _this.normalize(addDecades(baseDate, cellOffset), min, max);\n if (!_this.isInRange(cellDate, min, max)) {\n return null;\n }\n var isRangeStart = _this.isEqual(cellDate, selectionRange.start);\n var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);\n var isInMiddle = !isRangeStart && !isRangeEnd;\n var isRangeMid = isInMiddle && isInSelectionRange(cellDate, selectionRange);\n return {\n formattedValue: _this.value(cellDate),\n id: \"\" + cellUID + cellDate.getTime(),\n isFocused: _this.isEqual(cellDate, focusedDate),\n isSelected: isActiveView && isSelectedDateInRange && _this.isEqual(cellDate, selectedDate),\n isWeekend: false,\n isRangeStart: isRangeStart,\n isRangeMid: isRangeMid,\n isRangeEnd: isRangeEnd,\n isRangeSplitEnd: isRangeMid && _this.isEqual(cellDate, lastDate),\n isRangeSplitStart: isRangeMid && _this.isEqual(cellDate, firstDate),\n isToday: _this.isEqual(cellDate, today),\n title: _this.cellTitle(cellDate),\n value: cellDate\n };\n });\n });\n };\n CenturyViewService.prototype.isEqual = function (candidate, expected) {\n if (!candidate || !expected) {\n return false;\n }\n return firstYearOfDecade(candidate).getFullYear() === firstYearOfDecade(expected).getFullYear();\n };\n CenturyViewService.prototype.isInArray = function (date, dates) {\n if (!dates.length) {\n return false;\n }\n var year = date.getFullYear();\n return dates[0].getFullYear() <= year && year <= (dates[dates.length - 1].getFullYear() + 99);\n };\n CenturyViewService.prototype.isInRange = function (candidate, min, max) {\n var year = firstYearOfDecade(candidate).getFullYear();\n var aboveMin = !min || firstYearOfDecade(min).getFullYear() <= year;\n var belowMax = !max || year <= firstYearOfDecade(max).getFullYear();\n return aboveMin && belowMax;\n };\n CenturyViewService.prototype.beginningOfPeriod = function (date) {\n if (!date) {\n return date;\n }\n var firstYear = firstYearOfDecade(firstDecadeOfCentury(date));\n return createDate(firstYear.getFullYear(), 0, 1);\n };\n CenturyViewService.prototype.isRangeStart = function (value) {\n return value.getFullYear() % 1000 === 0;\n };\n CenturyViewService.prototype.move = function (value, action) {\n var modifier = ACTIONS[action];\n if (!modifier) {\n return value;\n }\n return modifier(value);\n };\n CenturyViewService.prototype.cellTitle = function (value) {\n return firstYearOfDecade(value).getFullYear().toString();\n };\n CenturyViewService.prototype.navigationTitle = function (value) {\n return value ? firstDecadeOfCentury(value).getFullYear().toString() : '';\n };\n CenturyViewService.prototype.title = function (value) {\n if (!value) {\n return '';\n }\n return firstDecadeOfCentury(value).getFullYear() + \" - \" + lastDecadeOfCentury(value).getFullYear();\n };\n CenturyViewService.prototype.rowLength = function (_) {\n return CELLS_LENGTH;\n };\n CenturyViewService.prototype.skip = function (value, min) {\n return durationInCenturies(min, value);\n };\n CenturyViewService.prototype.total = function (min, max) {\n return durationInCenturies(min, max) + 1;\n };\n CenturyViewService.prototype.value = function (current) {\n return current ? firstYearOfDecade(current).getFullYear().toString() : '';\n };\n CenturyViewService.prototype.viewDate = function (date, max, viewsCount) {\n if (viewsCount === void 0) { viewsCount = 1; }\n var viewsInRange = this.total(date, max);\n if (viewsInRange < viewsCount) {\n var centuriesToSubtract = viewsCount - viewsInRange;\n return addCenturies(date, -1 * centuriesToSubtract);\n }\n return date;\n };\n CenturyViewService.prototype.normalize = function (cellDate, min, max) {\n if (cellDate < min && this.isEqual(cellDate, min)) {\n return cloneDate(min);\n }\n if (cellDate > max && this.isEqual(cellDate, max)) {\n return cloneDate(max);\n }\n return cellDate;\n };\n CenturyViewService.decorators = [\n { type: Injectable },\n ];\n return CenturyViewService;\n}());\n\nvar _a$1;\nvar EMPTY_DATA$1 = [[]];\nvar CELLS_LENGTH$1 = 5;\nvar ROWS_LENGTH$1 = 2;\nvar ACTIONS$1 = (_a$1 = {},\n _a$1[Action.Left] = function (date) { return addYears(date, -1); },\n _a$1[Action.Up] = function (date) { return addYears(date, -5); },\n _a$1[Action.Right] = function (date) { return addYears(date, 1); },\n _a$1[Action.Down] = function (date) { return addYears(date, 5); },\n _a$1[Action.PrevView] = function (date) { return addDecades(date, -1); },\n _a$1[Action.NextView] = function (date) { return addDecades(date, 1); },\n _a$1[Action.FirstInView] = function (date) { return firstYearOfDecade(date); },\n _a$1[Action.LastInView] = function (date) { return lastYearOfDecade(date); },\n _a$1);\n/**\n * @hidden\n */\nvar DecadeViewService = /** @class */ (function () {\n function DecadeViewService() {\n }\n DecadeViewService.prototype.addToDate = function (min, skip) {\n return addDecades(min, skip);\n };\n DecadeViewService.prototype.datesList = function (start, count) {\n return range(0, count).map(function (i) { return addDecades(start, i); });\n };\n DecadeViewService.prototype.data = function (options) {\n var _this = this;\n var cellUID = options.cellUID, focusedDate = options.focusedDate, isActiveView = options.isActiveView, max = options.max, min = options.min, selectedDate = options.selectedDate, _a = options.selectionRange, selectionRange = _a === void 0 ? EMPTY_SELECTIONRANGE : _a, viewDate = options.viewDate;\n if (!viewDate) {\n return EMPTY_DATA$1;\n }\n var cells = range(0, CELLS_LENGTH$1);\n var firstDate = firstYearOfDecade(viewDate);\n var lastDate = lastYearOfDecade(viewDate);\n var isSelectedDateInRange = isInRange(selectedDate, min, max);\n var today = getToday();\n return range(0, ROWS_LENGTH$1).map(function (rowOffset) {\n var baseDate = addYears(firstDate, rowOffset * CELLS_LENGTH$1);\n return cells.map(function (cellOffset) {\n var cellDate = _this.normalize(addYears(baseDate, cellOffset), min, max);\n if (!_this.isInRange(cellDate, min, max)) {\n return null;\n }\n var isRangeStart = _this.isEqual(cellDate, selectionRange.start);\n var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);\n var isInMiddle = !isRangeStart && !isRangeEnd;\n var isRangeMid = isInMiddle && isInSelectionRange(cellDate, selectionRange);\n return {\n formattedValue: _this.value(cellDate),\n id: \"\" + cellUID + cellDate.getTime(),\n isFocused: _this.isEqual(cellDate, focusedDate),\n isSelected: isActiveView && isSelectedDateInRange && _this.isEqual(cellDate, selectedDate),\n isWeekend: false,\n isRangeStart: isRangeStart,\n isRangeMid: isRangeMid,\n isRangeEnd: isRangeEnd,\n isRangeSplitEnd: isRangeMid && _this.isEqual(cellDate, lastDate),\n isRangeSplitStart: isRangeMid && _this.isEqual(cellDate, firstDate),\n isToday: _this.isEqual(cellDate, today),\n title: _this.cellTitle(cellDate),\n value: cellDate\n };\n });\n });\n };\n DecadeViewService.prototype.isEqual = function (candidate, expected) {\n if (!candidate || !expected) {\n return false;\n }\n return candidate.getFullYear() === expected.getFullYear();\n };\n DecadeViewService.prototype.isInArray = function (date, dates) {\n if (!dates.length) {\n return false;\n }\n var year = date.getFullYear();\n return dates[0].getFullYear() <= year && year <= (dates[dates.length - 1].getFullYear() + 9);\n };\n DecadeViewService.prototype.isInRange = function (candidate, min, max) {\n var year = candidate.getFullYear();\n var aboveMin = !min || min.getFullYear() <= year;\n var belowMax = !max || year <= max.getFullYear();\n return aboveMin && belowMax;\n };\n DecadeViewService.prototype.beginningOfPeriod = function (date) {\n if (!date) {\n return date;\n }\n var firstYear = firstYearOfDecade(date);\n return createDate(firstYear.getFullYear(), 0, 1);\n };\n DecadeViewService.prototype.isRangeStart = function (value) {\n return value.getFullYear() % 100 === 0;\n };\n DecadeViewService.prototype.move = function (value, action) {\n var modifier = ACTIONS$1[action];\n if (!modifier) {\n return value;\n }\n return modifier(value);\n };\n DecadeViewService.prototype.cellTitle = function (value) {\n return value.getFullYear().toString();\n };\n DecadeViewService.prototype.navigationTitle = function (value) {\n return value ? firstYearOfDecade(value).getFullYear().toString() : '';\n };\n DecadeViewService.prototype.title = function (value) {\n if (!value) {\n return '';\n }\n return firstYearOfDecade(value).getFullYear() + \" - \" + lastYearOfDecade(value).getFullYear();\n };\n DecadeViewService.prototype.rowLength = function (_) {\n return CELLS_LENGTH$1;\n };\n DecadeViewService.prototype.skip = function (value, min) {\n return durationInDecades(min, value);\n };\n DecadeViewService.prototype.total = function (min, max) {\n return durationInDecades(min, max) + 1;\n };\n DecadeViewService.prototype.value = function (current) {\n return current ? current.getFullYear().toString() : '';\n };\n DecadeViewService.prototype.viewDate = function (date, max, viewsCount) {\n if (viewsCount === void 0) { viewsCount = 1; }\n var viewsInRange = this.total(date, max);\n if (viewsInRange < viewsCount) {\n var decadesToSubtract = viewsCount - viewsInRange;\n return addDecades(date, -1 * decadesToSubtract);\n }\n return date;\n };\n DecadeViewService.prototype.normalize = function (cellDate, min, max) {\n if (cellDate < min && this.isEqual(cellDate, min)) {\n return cloneDate(min);\n }\n if (cellDate > max && this.isEqual(cellDate, max)) {\n return cloneDate(max);\n }\n return cellDate;\n };\n DecadeViewService.decorators = [\n { type: Injectable },\n ];\n return DecadeViewService;\n}());\n\nvar _a$2;\nvar EMPTY_DATA$2 = [[]];\nvar CELLS_LENGTH$2 = 7;\nvar ROWS_LENGTH$2 = 6;\nvar ACTIONS$2 = (_a$2 = {},\n _a$2[Action.Left] = function (date) { return addDays(date, -1); },\n _a$2[Action.Up] = function (date) { return addWeeks(date, -1); },\n _a$2[Action.Right] = function (date) { return addDays(date, 1); },\n _a$2[Action.Down] = function (date) { return addWeeks(date, 1); },\n _a$2[Action.PrevView] = function (date) { return addMonths(date, -1); },\n _a$2[Action.NextView] = function (date) { return addMonths(date, 1); },\n _a$2[Action.FirstInView] = function (date) { return firstDayOfMonth(date); },\n _a$2[Action.LastInView] = function (date) { return lastDayOfMonth(date); },\n _a$2);\n/**\n * @hidden\n */\nvar MonthViewService = /** @class */ (function () {\n function MonthViewService(_intlService) {\n this._intlService = _intlService;\n }\n MonthViewService.prototype.addToDate = function (min, skip) {\n return addMonths(min, skip);\n };\n MonthViewService.prototype.datesList = function (start, count) {\n return range(0, count).map(function (i) { return addMonths(start, i); });\n };\n MonthViewService.prototype.data = function (options) {\n var _this = this;\n var cellUID = options.cellUID, focusedDate = options.focusedDate, isActiveView = options.isActiveView, max = options.max, min = options.min, selectedDate = options.selectedDate, _a = options.selectionRange, selectionRange = _a === void 0 ? EMPTY_SELECTIONRANGE : _a, viewDate = options.viewDate, _b = options.isDateDisabled, isDateDisabled = _b === void 0 ? function () { return false; } : _b;\n if (!viewDate) {\n return EMPTY_DATA$2;\n }\n var firstMonthDate = firstDayOfMonth(viewDate);\n var firstMonthDay = getDate(firstMonthDate);\n var lastMonthDate = lastDayOfMonth(viewDate);\n var lastMonthDay = getDate(lastMonthDate);\n var backward = -1;\n var isSelectedDateInRange = isInRange(selectedDate, min, max);\n var date = dayOfWeek(firstMonthDate, this._intlService.firstDay(), backward);\n var cells = range(0, CELLS_LENGTH$2);\n var today = getToday();\n return range(0, ROWS_LENGTH$2).map(function (rowOffset) {\n var baseDate = addDays(date, rowOffset * CELLS_LENGTH$2);\n return cells.map(function (cellOffset) {\n var cellDate = _this.normalize(addDays(baseDate, cellOffset), min, max);\n var cellDay = getDate(cellDate);\n var otherMonth = cellDay < firstMonthDay || cellDay > lastMonthDay;\n var outOfRange = cellDate < min || cellDate > max;\n if (otherMonth || outOfRange) {\n return null;\n }\n var isRangeStart = _this.isEqual(cellDate, selectionRange.start);\n var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);\n var isInMiddle = !isRangeStart && !isRangeEnd;\n var isRangeMid = isInMiddle && isInSelectionRange(cellDate, selectionRange);\n return {\n formattedValue: _this.value(cellDate),\n id: \"\" + cellUID + cellDate.getTime(),\n isFocused: _this.isEqual(cellDate, focusedDate),\n isSelected: isActiveView && isSelectedDateInRange && _this.isEqual(cellDate, selectedDate),\n isWeekend: _this.isWeekend(cellDate),\n isRangeStart: isRangeStart,\n isRangeMid: isRangeMid,\n isRangeEnd: isRangeEnd,\n isRangeSplitStart: isRangeMid && _this.isEqual(cellDate, firstMonthDate),\n isRangeSplitEnd: isRangeMid && _this.isEqual(cellDate, lastMonthDate),\n isToday: _this.isEqual(cellDate, today),\n title: _this.cellTitle(cellDate),\n value: cellDate,\n isDisabled: isDateDisabled(cellDate)\n };\n });\n });\n };\n MonthViewService.prototype.isEqual = function (candidate, expected) {\n if (!candidate || !expected) {\n return false;\n }\n return getDate(candidate).getTime() === getDate(expected).getTime();\n };\n MonthViewService.prototype.isInArray = function (date, dates) {\n if (dates.length === 0) {\n return false;\n }\n var lowerBound = this.beginningOfPeriod(dates[0]);\n var upperBound = this.beginningOfPeriod(addMonths(dates[dates.length - 1], 1));\n return lowerBound <= date && date < upperBound;\n };\n MonthViewService.prototype.isInRange = function (candidate, min, max) {\n var value = getDate(candidate);\n var aboveMin = !min || getDate(min) <= value;\n var belowMax = !max || value <= getDate(max);\n return aboveMin && belowMax;\n };\n MonthViewService.prototype.beginningOfPeriod = function (date) {\n if (!date) {\n return date;\n }\n return createDate(date.getFullYear(), date.getMonth(), 1);\n };\n MonthViewService.prototype.isRangeStart = function (value) {\n return !value.getMonth();\n };\n MonthViewService.prototype.move = function (value, action) {\n var modifier = ACTIONS$2[action];\n if (!modifier) {\n return value;\n }\n return modifier(value);\n };\n MonthViewService.prototype.cellTitle = function (value) {\n return this._intlService.formatDate(value, 'D');\n };\n MonthViewService.prototype.navigationTitle = function (value) {\n if (!value) {\n return '';\n }\n return this.isRangeStart(value) ? value.getFullYear().toString() : this.abbrMonthNames()[value.getMonth()];\n };\n MonthViewService.prototype.title = function (current) {\n return this.wideMonthNames()[current.getMonth()] + \" \" + current.getFullYear();\n };\n MonthViewService.prototype.rowLength = function (prependCell) {\n return CELLS_LENGTH$2 + (prependCell ? 1 : 0);\n };\n MonthViewService.prototype.skip = function (value, min) {\n return durationInMonths(min, value);\n };\n MonthViewService.prototype.total = function (min, max) {\n return durationInMonths(min, max) + 1;\n };\n MonthViewService.prototype.value = function (current) {\n return current ? current.getDate().toString() : \"\";\n };\n MonthViewService.prototype.viewDate = function (date, max, viewsCount) {\n if (viewsCount === void 0) { viewsCount = 1; }\n var viewsInRange = this.total(date, max);\n if (viewsInRange < viewsCount) {\n var monthsToSubtract = viewsCount - viewsInRange;\n return addMonths(date, -1 * monthsToSubtract);\n }\n return date;\n };\n MonthViewService.prototype.isWeekend = function (date) {\n var _a = this._intlService.weekendRange(), start = _a.start, end = _a.end;\n var day = date.getDay();\n if (end < start) {\n return day <= end || start <= day;\n }\n return start <= day && day <= end;\n };\n MonthViewService.prototype.abbrMonthNames = function () {\n return this._intlService.dateFormatNames({ nameType: 'abbreviated', type: 'months' });\n };\n MonthViewService.prototype.normalize = function (cellDate, min, max) {\n if (cellDate < min && this.isEqual(cellDate, min)) {\n return cloneDate(min);\n }\n if (cellDate > max && this.isEqual(cellDate, max)) {\n return cloneDate(max);\n }\n return cellDate;\n };\n MonthViewService.prototype.wideMonthNames = function () {\n return this._intlService.dateFormatNames({ nameType: 'wide', type: 'months' });\n };\n MonthViewService.decorators = [\n { type: Injectable },\n ];\n /** @nocollapse */\n MonthViewService.ctorParameters = function () { return [\n { type: IntlService }\n ]; };\n return MonthViewService;\n}());\n\nvar _a$3;\nvar EMPTY_DATA$3 = [[]];\nvar CELLS_LENGTH$3 = 5;\nvar ROWS_LENGTH$3 = 3;\nvar upStep = function (month) {\n if (month > 4) {\n return -5;\n }\n if (month < 2) {\n return -2;\n }\n return -7;\n};\nvar downStep = function (month) {\n if (month < 7) {\n return 5;\n }\n if (month < 10) {\n return 7;\n }\n return 2;\n};\nvar ACTIONS$3 = (_a$3 = {},\n _a$3[Action.Left] = function (date) { return addMonths(date, -1); },\n _a$3[Action.Up] = function (date) { return addMonths(date, upStep(date.getMonth())); },\n _a$3[Action.Right] = function (date) { return addMonths(date, 1); },\n _a$3[Action.Down] = function (date) { return addMonths(date, downStep(date.getMonth())); },\n _a$3[Action.PrevView] = function (date) { return addYears(date, -1); },\n _a$3[Action.NextView] = function (date) { return addYears(date, 1); },\n _a$3[Action.FirstInView] = function (date) { return firstMonthOfYear(date); },\n _a$3[Action.LastInView] = function (date) { return lastMonthOfYear(date); },\n _a$3);\n/**\n * @hidden\n */\nvar YearViewService = /** @class */ (function () {\n function YearViewService(_intlService) {\n this._intlService = _intlService;\n }\n YearViewService.prototype.addToDate = function (min, skip) {\n return addYears(min, skip);\n };\n YearViewService.prototype.datesList = function (start, count) {\n return range(0, count).map(function (i) { return addYears(start, i); });\n };\n YearViewService.prototype.data = function (options) {\n var _this = this;\n var cellUID = options.cellUID, focusedDate = options.focusedDate, isActiveView = options.isActiveView, max = options.max, min = options.min, selectedDate = options.selectedDate, _a = options.selectionRange, selectionRange = _a === void 0 ? EMPTY_SELECTIONRANGE : _a, viewDate = options.viewDate;\n if (!viewDate) {\n return EMPTY_DATA$3;\n }\n var months = this.abbrMonthNames();\n var isSelectedDateInRange = isInRange(selectedDate, min, max);\n var firstDate = firstMonthOfYear(viewDate);\n var lastDate = lastMonthOfYear(viewDate);\n var currentYear = firstDate.getFullYear();\n var cells = range(0, CELLS_LENGTH$3);\n var today = getToday();\n return range(0, ROWS_LENGTH$3).map(function (rowOffset) {\n var baseDate = addMonths(firstDate, rowOffset * CELLS_LENGTH$3);\n return cells.map(function (cellOffset) {\n var cellDate = _this.normalize(addMonths(baseDate, cellOffset), min, max);\n var changedYear = currentYear < cellDate.getFullYear();\n if (!_this.isInRange(cellDate, min, max) || changedYear) {\n return null;\n }\n var isRangeStart = _this.isEqual(cellDate, selectionRange.start);\n var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);\n var isInMiddle = !isRangeStart && !isRangeEnd;\n var isRangeMid = isInMiddle && isInSelectionRange(cellDate, selectionRange);\n return {\n formattedValue: months[cellDate.getMonth()],\n id: \"\" + cellUID + cellDate.getTime(),\n isFocused: _this.isEqual(cellDate, focusedDate),\n isSelected: isActiveView && isSelectedDateInRange && _this.isEqual(cellDate, selectedDate),\n isWeekend: false,\n isRangeStart: isRangeStart,\n isRangeMid: isRangeMid,\n isRangeEnd: isRangeEnd,\n isRangeSplitEnd: isRangeMid && _this.isEqual(cellDate, lastDate),\n isRangeSplitStart: isRangeMid && _this.isEqual(cellDate, firstDate),\n isToday: _this.isEqual(cellDate, today),\n title: _this.cellTitle(cellDate),\n value: cellDate\n };\n });\n });\n };\n YearViewService.prototype.isEqual = function (candidate, expected) {\n if (!candidate || !expected) {\n return false;\n }\n return candidate.getFullYear() === expected.getFullYear() &&\n candidate.getMonth() === expected.getMonth();\n };\n YearViewService.prototype.isInArray = function (date, dates) {\n if (!dates.length) {\n return false;\n }\n var year = date.getFullYear();\n return dates[0].getFullYear() <= year && year <= dates[dates.length - 1].getFullYear();\n };\n YearViewService.prototype.isInRange = function (candidate, min, max) {\n var candidateValue = createDate(candidate.getFullYear(), candidate.getMonth(), 1);\n var aboveMin = !min || createDate(min.getFullYear(), min.getMonth(), 1) <= candidateValue;\n var belowMax = !max || candidateValue <= createDate(max.getFullYear(), max.getMonth(), 1);\n return aboveMin && belowMax;\n };\n YearViewService.prototype.beginningOfPeriod = function (date) {\n if (!date) {\n return date;\n }\n return createDate(date.getFullYear(), 0, 1);\n };\n YearViewService.prototype.isRangeStart = function (value) {\n return value.getFullYear() % 10 === 0;\n };\n YearViewService.prototype.move = function (value, action) {\n var modifier = ACTIONS$3[action];\n if (!modifier) {\n return value;\n }\n return modifier(value);\n };\n YearViewService.prototype.cellTitle = function (value) {\n return value.getFullYear() + \" \" + this.value(value);\n };\n YearViewService.prototype.navigationTitle = function (value) {\n return this.title(value);\n };\n YearViewService.prototype.title = function (current) {\n return current ? current.getFullYear().toString() : '';\n };\n YearViewService.prototype.rowLength = function (_) {\n return CELLS_LENGTH$3;\n };\n YearViewService.prototype.skip = function (value, min) {\n return durationInYears(min, value);\n };\n YearViewService.prototype.total = function (min, max) {\n return durationInYears(min, max) + 1;\n };\n YearViewService.prototype.value = function (current) {\n return current ? this.abbrMonthNames()[current.getMonth()] : '';\n };\n YearViewService.prototype.viewDate = function (date, max, viewsCount) {\n if (viewsCount === void 0) { viewsCount = 1; }\n var viewsInRange = this.total(date, max);\n if (viewsInRange < viewsCount) {\n var yearsToSubtract = viewsCount - viewsInRange;\n return addYears(date, -1 * yearsToSubtract);\n }\n return date;\n };\n YearViewService.prototype.abbrMonthNames = function () {\n return this._intlService.dateFormatNames({ nameType: 'abbreviated', type: 'months' });\n };\n YearViewService.prototype.normalize = function (cellDate, min, max) {\n if (cellDate < min && this.isEqual(cellDate, min)) {\n return cloneDate(min);\n }\n if (cellDate > max && this.isEqual(cellDate, max)) {\n return cloneDate(max);\n }\n return cellDate;\n };\n YearViewService.decorators = [\n { type: Injectable },\n ];\n /** @nocollapse */\n YearViewService.ctorParameters = function () { return [\n { type: IntlService }\n ]; };\n return YearViewService;\n}());\n\n/**\n * @hidden\n *\n * The Enum which defines all possible Calendar view types.\n */\nvar CalendarViewEnum;\n(function (CalendarViewEnum) {\n CalendarViewEnum[CalendarViewEnum[\"month\"] = 0] = \"month\";\n CalendarViewEnum[CalendarViewEnum[\"year\"] = 1] = \"year\";\n CalendarViewEnum[CalendarViewEnum[\"decade\"] = 2] = \"decade\";\n CalendarViewEnum[CalendarViewEnum[\"century\"] = 3] = \"century\";\n})(CalendarViewEnum || (CalendarViewEnum = {}));\n\nvar _a$4;\nvar services = (_a$4 = {},\n _a$4[CalendarViewEnum.month] = MonthViewService,\n _a$4[CalendarViewEnum.year] = YearViewService,\n _a$4[CalendarViewEnum.decade] = DecadeViewService,\n _a$4[CalendarViewEnum.century] = CenturyViewService,\n _a$4);\nvar viewOffset = function (view, offset) {\n var candidate = CalendarViewEnum[CalendarViewEnum[view + offset]];\n return candidate !== undefined ? candidate : view;\n};\n/**\n * @hidden\n */\nvar BusViewService = /** @class */ (function () {\n function BusViewService(injector) {\n this.injector = injector;\n this.viewChanged = new EventEmitter();\n this.bottom = CalendarViewEnum.month;\n this.top = CalendarViewEnum.century;\n }\n BusViewService.prototype.configure = function (bottom, top) {\n this.bottom = bottom;\n this.top = top;\n };\n BusViewService.prototype.service = function (view) {\n var serviceType = services[view];\n return serviceType ? this.injector.get(serviceType) : null;\n };\n BusViewService.prototype.moveDown = function (view) {\n this.move(view, -1);\n };\n BusViewService.prototype.moveUp = function (view) {\n this.move(view, 1);\n };\n BusViewService.prototype.moveToBottom = function (activeView) {\n if (activeView === this.bottom) {\n return;\n }\n this.viewChanged.emit({ view: this.bottom });\n };\n BusViewService.prototype.canMoveDown = function (view) {\n return this.bottom < view;\n };\n BusViewService.prototype.canMoveUp = function (view) {\n return view < this.top;\n };\n BusViewService.prototype.clamp = function (view) {\n if (view < this.bottom) {\n return this.bottom;\n }\n if (view > this.top) {\n return this.top;\n }\n return view;\n };\n BusViewService.prototype.move = function (view, offset) {\n var candidate = this.clamp(viewOffset(view, offset));\n if (candidate === view) {\n return;\n }\n this.viewChanged.emit({ view: candidate });\n };\n BusViewService.decorators = [\n { type: Injectable },\n ];\n /** @nocollapse */\n BusViewService.ctorParameters = function () { return [\n { type: Injector }\n ]; };\n return BusViewService;\n}());\n\nvar div = domContainerFactory('div');\nvar ul = domContainerFactory('ul');\nvar li = domContainerFactory('li');\nvar td = domContainerFactory('td');\nvar th = domContainerFactory('th');\nvar tr = domContainerFactory('tr');\nvar tbody = domContainerFactory('tbody');\nvar thead = domContainerFactory('thead');\nvar table = domContainerFactory('table');\nvar monthHeader = function () { return (div(\"\\n March 2017\\n TODAY\\n \", 'k-calendar-header')); };\nvar monthWeekHeader = function () { return (table([\n thead([\n tr([th('MO')])\n ])\n], 'k-calendar-weekdays')); };\nvar repeat = function (count, mapper) { return new Array(count).fill('1').map(mapper); };\nvar content = function (rows, cells) {\n if (cells === void 0) { cells = 1; }\n return (table([\n tbody([tr([th('1')])].concat(repeat(rows, function () { return tr(repeat(cells, function (c) { return td(\"\" + c + \"\"); })); })))\n ]));\n};\nvar scrollable = function (children) { return div(children, 'k-content k-scrollable'); };\nvar view = function (contentElement, className, renderWeekHeader) { return (div([\n monthHeader(),\n renderWeekHeader ? monthWeekHeader() : null,\n scrollable([contentElement, contentElement])\n], className, { left: '-10000px', position: 'absolute' })); };\nvar ɵ6 = function () {\n var navElement;\n return function () {\n if (!isDocumentAvailable) {\n return null;\n }\n if (!navElement) {\n navElement = div([scrollable([ul([li('FEB')])])], 'k-calendar-navigation', { left: '0px', position: 'absolute' });\n }\n return navElement;\n };\n};\nvar navigationList = (ɵ6)();\nvar viewFactory = function (_a, className, renderWeekHeader) {\n var cells = _a.cells, rows = _a.rows;\n var viewElement;\n return function () {\n if (!isDocumentAvailable) {\n return null;\n }\n if (!viewElement) {\n viewElement = view(content(rows, cells), className, renderWeekHeader);\n }\n return viewElement;\n };\n};\nvar getScrollable = function (element) { return element.querySelector('.k-scrollable'); };\nvar horizontal = function (element) {\n var scrollableElement = getScrollable(element);\n scrollableElement.classList.add('k-scrollable-horizontal');\n return element;\n};\nvar monthView = viewFactory({ cells: 7, rows: 6 }, 'k-calendar-view k-calendar-monthview', true);\nvar yearView = viewFactory({ cells: 5, rows: 3 }, 'k-calendar-view k-calendar-yearview', false);\nvar decadeView = viewFactory({ cells: 5, rows: 2 }, 'k-calendar-view k-calendar-decadeview', false);\nvar horzMonthView = function () { return horizontal(monthView()); };\nvar horzYearView = function () { return horizontal(yearView()); };\nvar horzDecadeView = function () { return horizontal(decadeView()); };\nvar height = function (element) { return (parseFloat(window.getComputedStyle(element).height) || element.offsetHeight); };\nvar width = function (element) {\n var styles = window.getComputedStyle(element);\n var computed = parseFloat(styles.width)\n + parseFloat(styles.paddingLeft)\n + parseFloat(styles.paddingRight);\n return computed || element.offsetWidth;\n};\nvar getBody = function (element) { return element.querySelector('tbody'); };\n/**\n * @hidden\n */\nvar CalendarDOMService = /** @class */ (function () {\n function CalendarDOMService() {\n }\n CalendarDOMService.prototype.ensureHeights = function () {\n if (this.calendarHeight !== undefined) {\n return;\n }\n this.calculateHeights();\n };\n CalendarDOMService.prototype.calculateHeights = function (container) {\n var _this = this;\n if (!isDocumentAvailable()) {\n return;\n }\n this.hostContainer = container;\n this.batch(monthView(), function (contentElement) {\n var viewElement = getBody(contentElement);\n _this.calendarHeight = height(contentElement);\n _this.monthViewHeight = height(viewElement);\n _this.headerHeight = height(viewElement.children[0]);\n _this.scrollableContentHeight = height(getScrollable(contentElement));\n });\n this.batch(horzMonthView(), function (contentElement) {\n var viewElement = getBody(contentElement);\n _this.calendarWidth = width(contentElement);\n _this.monthViewWidth = width(viewElement);\n _this.scrollableContentWidth = width(getScrollable(contentElement));\n });\n this.batch(yearView(), function (contentElement) {\n _this.yearViewHeight = height(getBody(contentElement));\n _this.scrollableYearContentHeight = height(getScrollable(contentElement));\n });\n this.batch(horzYearView(), function (contentElement) {\n _this.yearViewWidth = width(getBody(contentElement));\n });\n this.batch(decadeView(), function (contentElement) {\n _this.decadeViewHeight = height(getBody(contentElement));\n _this.centuryViewHeight = _this.decadeViewHeight;\n });\n this.batch(horzDecadeView(), function (contentElement) {\n _this.decadeViewWidth = width(getBody(contentElement));\n _this.centuryViewWidth = _this.decadeViewWidth;\n });\n this.batch(navigationList(), function (contentElement) {\n _this.navigationItemHeight = height(contentElement.querySelector('li'));\n });\n };\n CalendarDOMService.prototype.viewHeight = function (viewType) {\n return this.viewDimension(viewType, 'height');\n };\n CalendarDOMService.prototype.viewWidth = function (viewType) {\n return this.viewDimension(viewType, 'width');\n };\n CalendarDOMService.prototype.viewDimension = function (viewType, dimension) {\n var viewProp = dimension === 'height' ? 'ViewHeight' : 'ViewWidth';\n switch (viewType) {\n case CalendarViewEnum.month:\n return this[\"month\" + viewProp];\n case CalendarViewEnum.year:\n return this[\"year\" + viewProp];\n case CalendarViewEnum.decade:\n return this[\"decade\" + viewProp];\n case CalendarViewEnum.century:\n return this[\"century\" + viewProp];\n default:\n return 1;\n }\n };\n CalendarDOMService.prototype.batch = function (contentElement, action) {\n var hostContainer = this.hostContainer || document.body;\n var appendedContent = hostContainer.appendChild(contentElement);\n action(appendedContent);\n hostContainer.removeChild(appendedContent);\n };\n CalendarDOMService.decorators = [\n { type: Injectable },\n ];\n return CalendarDOMService;\n}());\n\n/**\n * @hidden\n */\nvar update = function (arr, idx, value) { return (arr.slice(0, idx + 1).concat((arr.slice(idx + 1).map(function (x) { return x + value; })))); };\n/**\n * @hidden\n */\nvar RowHeightService = /** @class */ (function () {\n function RowHeightService(total, rowHeight, detailRowHeight) {\n if (total === void 0) { total = 0; }\n this.total = total;\n this.rowHeight = rowHeight;\n this.detailRowHeight = detailRowHeight;\n this.offsets = [];\n this.heights = [];\n var agg = 0;\n for (var idx = 0; idx < total; idx++) {\n this.offsets.push(agg);\n agg += rowHeight;\n this.heights.push(rowHeight);\n }\n }\n RowHeightService.prototype.height = function (rowIndex) {\n return this.heights[rowIndex];\n };\n RowHeightService.prototype.expandDetail = function (rowIndex) {\n if (this.height(rowIndex) === this.rowHeight) {\n this.updateRowHeight(rowIndex, this.detailRowHeight);\n }\n };\n RowHeightService.prototype.collapseDetail = function (rowIndex) {\n if (this.height(rowIndex) > this.rowHeight) {\n this.updateRowHeight(rowIndex, this.detailRowHeight * -1);\n }\n };\n RowHeightService.prototype.index = function (position) {\n if (position < 0) {\n return undefined;\n }\n var result = this.offsets.reduce(function (prev, current, idx) {\n if (prev !== undefined) {\n return prev;\n }\n else if (current === position) {\n return idx;\n }\n else if (current > position) {\n return idx - 1;\n }\n return undefined;\n }, undefined); // tslint:disable-line:align\n return result === undefined ? this.total - 1 : result;\n };\n RowHeightService.prototype.offset = function (rowIndex) {\n return this.offsets[rowIndex];\n };\n RowHeightService.prototype.totalHeight = function () {\n return this.heights.reduce(function (prev, curr) { return prev + curr; }, 0);\n };\n RowHeightService.prototype.updateRowHeight = function (rowIndex, value) {\n this.heights[rowIndex] += value;\n this.offsets = update(this.offsets, rowIndex, value);\n };\n return RowHeightService;\n}());\n\nvar normalize = function (x) { return Math.max(x, 0); };\n/**\n * @hidden\n */\nvar ScrollAction = /** @class */ (function () {\n function ScrollAction(offset) {\n this.offset = offset;\n }\n return ScrollAction;\n}());\n/**\n * @hidden\n */\nvar PageAction = /** @class */ (function () {\n function PageAction(skip) {\n this.skip = skip;\n }\n return PageAction;\n}());\n/**\n * @hidden\n */\nvar ScrollerService = /** @class */ (function () {\n function ScrollerService(scrollObservable) {\n this.scrollObservable = scrollObservable;\n this.firstLoaded = 0;\n this.bottomOffset = 0;\n this.topOffset = 0;\n }\n ScrollerService.prototype.create = function (rowHeightService, skip, take, total, topOffset, bottomOffset, direction) {\n var _this = this;\n if (topOffset === void 0) { topOffset = 0; }\n if (bottomOffset === void 0) { bottomOffset = 0; }\n if (direction === void 0) { direction = 'vertical'; }\n this.rowHeightService = rowHeightService;\n this.firstLoaded = skip;\n this.lastLoaded = skip + take;\n this.take = take;\n this.total = total;\n this.lastScroll = 0;\n this.topOffset = topOffset;\n this.bottomOffset = bottomOffset;\n this.direction = direction;\n var subject = new ReplaySubject(2);\n var offsetBufferRows = this.rowsForHeight(topOffset);\n var skipWithOffset = normalize(skip - offsetBufferRows);\n subject.next(new ScrollAction(this.rowOffset(skipWithOffset)));\n if (offsetBufferRows) {\n subject.next(new PageAction(skipWithOffset));\n }\n this.subscription = Observable.create(function (observer) {\n _this.unsubscribe();\n _this.scrollSubscription = _this.scrollObservable.subscribe(function (x) { return _this.onScroll(x, observer); });\n }).subscribe(function (x) { return subject.next(x); });\n return subject;\n };\n ScrollerService.prototype.destroy = function () {\n this.unsubscribe();\n if (this.subscription) {\n this.subscription.unsubscribe();\n }\n };\n ScrollerService.prototype.onScroll = function (_a, observer) {\n var scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop, offsetHeight = _a.offsetHeight, offsetWidth = _a.offsetWidth;\n var scrollPosition = this.direction === 'vertical' ? scrollTop : scrollLeft;\n var offsetSize = this.direction === 'vertical' ? offsetHeight : offsetWidth;\n if (this.lastScroll === scrollPosition) {\n return;\n }\n var up = this.lastScroll >= scrollPosition;\n this.lastScroll = scrollPosition;\n var firstItemIndex = this.rowHeightService.index(normalize(scrollPosition - this.topOffset));\n var lastItemIndex = this.rowHeightService.index(normalize(scrollPosition + offsetSize - this.bottomOffset));\n if (!up && lastItemIndex >= this.lastLoaded && this.lastLoaded < this.total) {\n this.firstLoaded = firstItemIndex;\n observer.next(new ScrollAction(this.rowOffset(firstItemIndex)));\n this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total);\n observer.next(new PageAction(this.firstLoaded));\n }\n if (up && firstItemIndex <= this.firstLoaded) {\n var nonVisibleBuffer = Math.floor(this.take * 0.3);\n this.firstLoaded = normalize(firstItemIndex - nonVisibleBuffer);\n observer.next(new ScrollAction(this.rowOffset(this.firstLoaded)));\n this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total);\n observer.next(new PageAction(this.firstLoaded));\n }\n };\n ScrollerService.prototype.rowOffset = function (index) {\n return this.rowHeightService.offset(index) + this.topOffset;\n };\n ScrollerService.prototype.rowsForHeight = function (height) {\n return Math.ceil(height / this.rowHeightService.height(0));\n };\n ScrollerService.prototype.unsubscribe = function () {\n if (this.scrollSubscription) {\n this.scrollSubscription.unsubscribe();\n this.scrollSubscription = null;\n }\n };\n return ScrollerService;\n}());\n\nvar _a$5, _b, _c;\n/**\n * @hidden\n */\nvar SCROLLER_FACTORY_TOKEN = new InjectionToken('dateinputs-scroll-service-factory');\n/**\n * @hidden\n */\nfunction DEFAULT_SCROLLER_FACTORY(observable) {\n return new ScrollerService(observable);\n}\n/**\n * @hidden\n */\nvar ScrollDirection;\n(function (ScrollDirection) {\n ScrollDirection[ScrollDirection[\"Backward\"] = 0] = \"Backward\";\n ScrollDirection[ScrollDirection[\"Forward\"] = 1] = \"Forward\";\n})(ScrollDirection || (ScrollDirection = {}));\nvar FRAME_DURATION = 17;\nvar scrollModifiers = (_a$5 = {},\n _a$5[ScrollDirection.Forward] = function (step) { return function (value) { return value + step; }; },\n _a$5[ScrollDirection.Backward] = function (step) { return function (value) { return value - step; }; },\n _a$5);\nvar scrollNormalizers = (_b = {},\n _b[ScrollDirection.Forward] = function (end) { return function (value) { return Math.min(value, end); }; },\n _b[ScrollDirection.Backward] = function (end) { return function (value) { return Math.max(value, end); }; },\n _b);\nvar scrollValidators = (_c = {},\n _c[ScrollDirection.Forward] = function (end) { return function (start) { return start < end; }; },\n _c[ScrollDirection.Backward] = function (end) { return function (start) { return start > end; }; },\n _c);\nvar differenceToScroll = function (scrollTop, staticOffset, maxScrollDifference) {\n return Math.min(Math.abs(staticOffset - scrollTop), maxScrollDifference);\n};\n/**\n * @hidden\n */\nvar VirtualizationComponent = /** @class */ (function () {\n function VirtualizationComponent(scrollerFactory, container, renderer, zone) {\n this.container = container;\n this.renderer = renderer;\n this.zone = zone;\n this.direction = 'vertical';\n this.itemHeight = 1;\n this.itemWidth = 1;\n this.topOffset = 0;\n this.bottomOffset = 0;\n this.maxScrollDifference = 100;\n this.scrollOffsetSize = 0;\n this.scrollDuration = 150;\n this.activeIndexChange = new EventEmitter();\n this.pageChange = new EventEmitter();\n this.scrollChange = new EventEmitter();\n this.resolvedPromise = Promise.resolve(null);\n this.dispatcher = new Subject();\n this.scroller = scrollerFactory(this.dispatcher);\n }\n Object.defineProperty(VirtualizationComponent.prototype, \"totalVertexLength\", {\n get: function () {\n var value = this.totalSize + \"px\";\n return this.direction === 'vertical' ? { height: value } : { width: value };\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(VirtualizationComponent.prototype, \"containerOffsetSize\", {\n get: function () {\n return this.getContainerProperty(this.direction === 'vertical' ? 'offsetHeight' : 'offsetWidth');\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(VirtualizationComponent.prototype, \"containerScrollSize\", {\n get: function () {\n return this.getContainerProperty(this.direction === 'vertical' ? 'scrollHeight' : 'scrollWidth');\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(VirtualizationComponent.prototype, \"containerScrollPosition\", {\n get: function () {\n return this.getContainerProperty(this.direction === 'vertical' ? 'scrollTop' : 'scrollLeft');\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(VirtualizationComponent.prototype, \"wrapperClasses\", {\n get: function () {\n return true;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(VirtualizationComponent.prototype, \"horizontalClass\", {\n get: function () {\n return this.direction === 'horizontal';\n },\n enumerable: true,\n configurable: true\n });\n VirtualizationComponent.prototype.ngOnChanges = function (changes) {\n if (changes.direction || changes.take || changes.total) {\n this.initServices();\n this.totalSize = this.rowHeightService.totalHeight() + this.bottomOffset;\n }\n };\n VirtualizationComponent.prototype.ngOnInit = function () {\n if (!this.rowHeightService) {\n this.rowHeightService = this.createRowHeightService();\n }\n };\n VirtualizationComponent.prototype.ngAfterViewInit = function () {\n var _this = this;\n this.zone.runOutsideAngular(function () {\n _this.containerScrollSubscription = _this.scroll$()\n .pipe(map(function (event) { return event.target; }))\n .subscribe(function (t) {\n _this.dispatcher.next(t);\n _this.emitActiveIndex();\n });\n });\n };\n VirtualizationComponent.prototype.ngOnDestroy = function () {\n if (this.containerScrollSubscription) {\n this.containerScrollSubscription.unsubscribe();\n }\n if (this.scrollSubscription) {\n this.scrollSubscription.unsubscribe();\n }\n if (this.animationSubscription) {\n this.animationSubscription.unsubscribe();\n }\n };\n VirtualizationComponent.prototype.getContainerProperty = function (propertyName) {\n return this.container.nativeElement[propertyName];\n };\n VirtualizationComponent.prototype.activeIndex = function () {\n return this.itemIndex(Math.ceil(this.containerScrollPosition)); //handle subpixeling\n };\n VirtualizationComponent.prototype.itemIndex = function (offset) {\n return this.rowHeightService.index(offset);\n };\n VirtualizationComponent.prototype.itemOffset = function (index) {\n return this.rowHeightService.offset(index);\n };\n VirtualizationComponent.prototype.isIndexVisible = function (index) {\n if (!this.rowHeightService) {\n return false;\n }\n var containerTop = this.containerScrollPosition;\n var containerBottom = containerTop + this.containerOffsetSize;\n var top = this.rowHeightService.offset(index);\n var bottom = top + this.rowHeightService.height(index);\n return top >= containerTop && bottom <= containerBottom;\n };\n VirtualizationComponent.prototype.isListScrolled = function (index) {\n return this.containerScrollPosition !== this.rowHeightService.offset(index);\n };\n VirtualizationComponent.prototype.scrollTo = function (value) {\n var scrollProperty = this.direction === \"vertical\" ? 'scrollTop' : 'scrollLeft';\n this.renderer.setProperty(this.container.nativeElement, scrollProperty, value);\n };\n VirtualizationComponent.prototype.scrollToIndex = function (index) {\n //XXX: scrolling with tick is required to prevent list jump in Chrome.\n //Original issue: focus first day in the month and press LEFT arrow.\n //Notice how the view jumps on every day change.\n //\n var _this = this;\n this.zone.runOutsideAngular(function () {\n _this.resolvedPromise.then(function () {\n _this.scrollTo(_this.rowHeightService.offset(index));\n });\n });\n };\n VirtualizationComponent.prototype.scrollToBottom = function () {\n this.scrollTo(this.totalSize);\n };\n VirtualizationComponent.prototype.animateToIndex = function (index) {\n var _this = this;\n if (this.animationSubscription) {\n this.animationSubscription.unsubscribe();\n }\n var indexOffset = this.rowHeightService.offset(index);\n var direction = this.getContainerScrollDirection(indexOffset);\n var _a = this.scrollRange(indexOffset, direction), start = _a.start, end = _a.end;\n if (start === end) {\n return;\n }\n var step = this.scrollStep(start, end);\n var modifyScroll = scrollModifiers[direction](step);\n var normalizeScroll = scrollNormalizers[direction](end);\n var isScrollValid = scrollValidators[direction](modifyScroll(end));\n this.zone.runOutsideAngular(function () {\n _this.animationSubscription =\n combineLatest(of(start), interval(0, animationFrameScheduler)).pipe(map(function (stream) { return stream[0]; }), scan(modifyScroll), takeWhile(isScrollValid), map(normalizeScroll)).subscribe(function (x) { return _this.scrollTo(x); });\n });\n };\n VirtualizationComponent.prototype.scrollRange = function (indexOffset, direction) {\n var containerScroll = this.containerScrollPosition;\n if (parseInt(indexOffset, 10) === parseInt(containerScroll, 10)) {\n return { start: indexOffset, end: indexOffset };\n }\n var maxScroll = this.containerMaxScroll();\n var sign = direction === ScrollDirection.Backward ? 1 : -1;\n var difference = differenceToScroll(containerScroll, indexOffset, this.maxScrollDifference);\n var end = Math.min(indexOffset, maxScroll);\n var start = Math.min(Math.max(end + (sign * difference), 0), maxScroll);\n return { start: start, end: end };\n };\n VirtualizationComponent.prototype.scrollStep = function (start, end) {\n return Math.abs(end - start) / (this.scrollDuration / FRAME_DURATION);\n };\n VirtualizationComponent.prototype.scroll$ = function () {\n return isDocumentAvailable() ? fromEvent(this.container.nativeElement, 'scroll') : EMPTY;\n };\n VirtualizationComponent.prototype.initServices = function () {\n var _this = this;\n this.rowHeightService = this.createRowHeightService();\n if (this.scrollSubscription) {\n this.scrollSubscription.unsubscribe();\n }\n this.scrollSubscription = this.scroller\n .create(this.rowHeightService, this.skip, this.take, this.total, this.topOffset, this.scrollOffsetSize, this.direction)\n .subscribe(function (x) {\n if (x instanceof PageAction) {\n _this.pageChange.emit(x);\n }\n else {\n _this.scrollChange.emit(x);\n }\n });\n };\n VirtualizationComponent.prototype.createRowHeightService = function () {\n var dimension = this.direction === 'vertical' ? this.itemHeight : this.itemWidth;\n return new RowHeightService(this.total, dimension, 0);\n };\n VirtualizationComponent.prototype.emitActiveIndex = function () {\n var index = this.rowHeightService.index(this.containerScrollPosition - this.topOffset);\n if (this.lastActiveIndex !== index) {\n this.lastActiveIndex = index;\n this.activeIndexChange.emit(index);\n }\n };\n VirtualizationComponent.prototype.containerMaxScroll = function () {\n return this.containerScrollSize - this.containerOffsetSize;\n };\n VirtualizationComponent.prototype.getContainerScrollDirection = function (indexOffset) {\n return indexOffset < this.containerScrollPosition ? ScrollDirection.Backward : ScrollDirection.Forward;\n };\n VirtualizationComponent.decorators = [\n { type: Component, args: [{\n providers: [{\n provide: SCROLLER_FACTORY_TOKEN,\n useValue: DEFAULT_SCROLLER_FACTORY\n }],\n selector: 'kendo-virtualization',\n template: \"\\n \\n \\n \"\n },] },\n ];\n /** @nocollapse */\n VirtualizationComponent.ctorParameters = function () { return [\n { type: undefined, decorators: [{ type: Inject, args: [SCROLLER_FACTORY_TOKEN,] }] },\n { type: ElementRef },\n { type: Renderer2 },\n { type: NgZone }\n ]; };\n VirtualizationComponent.propDecorators = {\n direction: [{ type: Input }],\n itemHeight: [{ type: Input }],\n itemWidth: [{ type: Input }],\n topOffset: [{ type: Input }],\n bottomOffset: [{ type: Input }],\n maxScrollDifference: [{ type: Input }],\n scrollOffsetSize: [{ type: Input }],\n scrollDuration: [{ type: Input }],\n skip: [{ type: Input }],\n take: [{ type: Input }],\n total: [{ type: Input }],\n activeIndexChange: [{ type: Output }],\n pageChange: [{ type: Output }],\n scrollChange: [{ type: Output }],\n wrapperClasses: [{ type: HostBinding, args: ['class.k-content',] }, { type: HostBinding, args: ['class.k-scrollable',] }],\n horizontalClass: [{ type: HostBinding, args: ['class.k-scrollable-horizontal',] }]\n };\n return VirtualizationComponent;\n}());\n\n/**\n * @hidden\n */\nvar closestInScope = function (node, predicate, scope) {\n while (node && node !== scope && !predicate(node)) {\n node = node.parentNode;\n }\n if (node !== scope) {\n return node;\n }\n};\n/**\n * @hidden\n */\nvar closest = function (node, predicate) {\n while (node && !predicate(node)) {\n node = node.parentNode;\n }\n return node;\n};\n\n/* tslint:disable:component-selector-name component-selector-type */\nvar ITEMS_COUNT = 30;\n/**\n * @hidden\n */\nvar NavigationComponent = /** @class */ (function () {\n function NavigationComponent(bus, dom, intl, cdr, renderer) {\n this.bus = bus;\n this.dom = dom;\n this.intl = intl;\n this.cdr = cdr;\n this.renderer = renderer;\n this.min = new Date(MIN_DATE);\n this.max = new Date(MAX_DATE);\n this.focusedDate = new Date();\n this.valueChange = new EventEmitter();\n this.pageChange = new EventEmitter();\n this.dates = [];\n this.take = ITEMS_COUNT;\n this.indexToScroll = -1;\n }\n Object.defineProperty(NavigationComponent.prototype, \"getComponentClass\", {\n get: function () {\n return true;\n },\n enumerable: true,\n configurable: true\n });\n NavigationComponent.prototype.ngOnInit = function () {\n this.dom.ensureHeights();\n var calendarHeight = this.dom.calendarHeight;\n this.itemHeight = this.dom.navigationItemHeight;\n this.maxViewHeight = this.dom.monthViewHeight;\n this.topOffset = (calendarHeight - this.itemHeight) / 2;\n this.bottomOffset = calendarHeight - this.itemHeight;\n this.intlSubscription = this.intl.changes.subscribe(this.intlChange.bind(this));\n };\n NavigationComponent.prototype.ngOnChanges = function (changes) {\n this.service = this.bus.service(this.activeView);\n if (!this.service) {\n return;\n }\n this.activeViewValue = CalendarViewEnum[this.activeView];\n var viewDate = dateInRange(this.focusedDate, this.min, this.max);\n var total = this.service.total(this.min, this.max);\n var totalChanged = this.total && this.total !== total;\n this.skip = this.service.skip(viewDate, this.min);\n this.total = total;\n if (totalChanged || !this.service.isInArray(viewDate, this.dates)) {\n this.dates = this.service.datesList(viewDate, this.getTake(this.skip));\n }\n if (!!changes.focusedDate || totalChanged) {\n this.indexToScroll = this.service.skip(this.focusedDate, this.min);\n }\n };\n NavigationComponent.prototype.ngOnDestroy = function () {\n if (this.intlSubscription) {\n this.intlSubscription.unsubscribe();\n }\n };\n NavigationComponent.prototype.ngAfterViewInit = function () {\n if (this.indexToScroll === -1) {\n return;\n }\n this.virtualization.scrollToIndex(this.indexToScroll);\n this.indexToScroll = -1;\n };\n NavigationComponent.prototype.ngAfterViewChecked = function () {\n if (this.indexToScroll === -1) {\n return;\n }\n this.virtualization.scrollToIndex(this.indexToScroll);\n this.indexToScroll = -1;\n };\n NavigationComponent.prototype.onPageChange = function (_a) {\n var skip = _a.skip;\n this.dates = this.service.datesList(this.service.addToDate(this.min, skip), this.getTake(skip));\n this.pageChange.emit();\n };\n NavigationComponent.prototype.scrollChange = function (_a) {\n var offset = _a.offset;\n var el = this.list.nativeElement;\n var translate = \"translateY(\" + offset + \"px)\";\n this.renderer.setStyle(el, 'transform', translate);\n this.renderer.setStyle(el, '-ms-transform', translate);\n };\n NavigationComponent.prototype.handleDateChange = function (args) {\n var item = closestInScope(args.target, function (node) { return node.hasAttribute('data-date-index'); }, this.list.nativeElement);\n if (item) {\n var index = parseInt(item.getAttribute('data-date-index'), 10);\n var candidate = this.dates[index];\n this.valueChange.emit(cloneDate(candidate));\n }\n };\n NavigationComponent.prototype.getTake = function (skip) {\n return Math.min(this.total - skip, this.take);\n };\n NavigationComponent.prototype.intlChange = function () {\n if (this.activeView === CalendarViewEnum.month) {\n this.cdr.markForCheck();\n }\n };\n NavigationComponent.decorators = [\n { type: Component, args: [{\n changeDetection: ChangeDetectionStrategy.OnPush,\n selector: 'kendo-calendar-navigation',\n template: \"\\n