@progress/kendo-angular-scrollview 4.0.3 → 4.1.1-dev.202110290741

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/cdn/js/kendo-angular-scrollview.js +3 -3
  2. package/dist/cdn/main.js +2 -2
  3. package/dist/es/change-event-args.js +1 -1
  4. package/dist/es/data.collection.js +1 -1
  5. package/dist/es/direction.js +1 -1
  6. package/dist/es/enums.js +1 -1
  7. package/dist/es/index.js +1 -1
  8. package/dist/es/main.js +1 -1
  9. package/dist/es/package-metadata.js +2 -2
  10. package/dist/es/scrollview-pager.component.js +1 -1
  11. package/dist/es/scrollview.component.js +45 -1
  12. package/dist/es/scrollview.module.js +1 -1
  13. package/dist/es2015/change-event-args.d.ts +1 -1
  14. package/dist/es2015/change-event-args.js +1 -1
  15. package/dist/es2015/data.collection.d.ts +1 -1
  16. package/dist/es2015/data.collection.js +1 -1
  17. package/dist/es2015/direction.d.ts +1 -1
  18. package/dist/es2015/direction.js +1 -1
  19. package/dist/es2015/enums.d.ts +5 -1
  20. package/dist/es2015/enums.js +1 -1
  21. package/dist/es2015/index.d.ts +1 -1
  22. package/dist/es2015/index.js +1 -1
  23. package/dist/es2015/index.metadata.json +1 -1
  24. package/dist/es2015/main.d.ts +2 -1
  25. package/dist/es2015/main.js +1 -1
  26. package/dist/es2015/package-metadata.d.ts +1 -1
  27. package/dist/es2015/package-metadata.js +2 -2
  28. package/dist/es2015/scrollview-pager.component.d.ts +1 -1
  29. package/dist/es2015/scrollview-pager.component.js +1 -1
  30. package/dist/es2015/scrollview.component.d.ts +13 -2
  31. package/dist/es2015/scrollview.component.js +37 -1
  32. package/dist/es2015/scrollview.module.d.ts +1 -1
  33. package/dist/es2015/scrollview.module.js +1 -1
  34. package/dist/fesm2015/index.js +38 -2
  35. package/dist/fesm5/index.js +46 -2
  36. package/dist/npm/change-event-args.js +1 -1
  37. package/dist/npm/data.collection.js +1 -1
  38. package/dist/npm/direction.js +1 -1
  39. package/dist/npm/enums.js +1 -1
  40. package/dist/npm/index.js +1 -1
  41. package/dist/npm/main.js +1 -1
  42. package/dist/npm/package-metadata.js +2 -2
  43. package/dist/npm/scrollview-pager.component.js +1 -1
  44. package/dist/npm/scrollview.component.js +45 -1
  45. package/dist/npm/scrollview.module.js +1 -1
  46. package/dist/systemjs/kendo-angular-scrollview.js +2 -2
  47. package/package.json +6 -6
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"ScrollViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":86,"character":1},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":88,"character":8},"arguments":["animateTo",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":89,"character":12},"arguments":["center, left, right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":89,"character":41},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":90,"character":12},"arguments":["* => right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":91,"character":16},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":91,"character":42},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":93,"character":12},"arguments":["* => left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":94,"character":16},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":94,"character":42},"arguments":[{"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":96,"character":12},"arguments":["* => center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":97,"character":16},"arguments":["300ms ease-out"]}]]}]]}],"exportAs":"kendoScrollView","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":103,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":105,"character":21},"useValue":"kendo.scrollview"}],"selector":"kendo-scrollview","template":"\n <ul class='k-scrollview-wrap'\n [ngStyle]=\"{ transform: transitionStyle }\"\n [@animateTo]=\"animationState\"\n (@animateTo.done)=\"transitionEndHandler($event)\"\n kendoDraggable\n (kendoDrag)=\"handleDrag($event)\"\n (kendoPress)=\"handlePress($event)\"\n (kendoRelease)=\"handleRelease($event)\"\n >\n <li\n *ngFor=\"let item of view;let i=index\"\n [ngStyle]=\"inlineListItemStyles(i)\"\n [attr.aria-hidden]=\"i !== 1\"\n >\n <ng-template\n [ngTemplateOutlet]=\"itemTemplateRef\"\n [ngTemplateOutletContext]=\"{ item: item }\">\n </ng-template>\n </li>\n </ul>\n <div class='k-scrollview-elements'\n [ngStyle]=\"{'height': height}\"\n *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n\n <a class=\"k-scrollview-prev\"\n aria-label=\"previous\"\n *ngIf=\"arrows && displayLeftArrow()\"\n (click)=\"leftArrowClick()\">\n <span class=\"k-icon k-i-arrowhead-w\"></span>\n </a>\n <a class=\"k-scrollview-next\"\n aria-label=\"next\"\n *ngIf=\"arrows && displayRightArrow()\"\n (click)=\"rightArrowClick()\">\n <span class=\"k-icon k-i-arrowhead-e\"></span>\n </a>\n <kendo-scrollview-pager\n class='k-scrollview-nav-wrap'\n *ngIf=\"pageable\"\n (pagerIndexChange)=\"pageChange($event)\"\n [data]=\"data\"\n [activeIndex]=\"activeIndex\">\n </kendo-scrollview-pager>\n </div>\n "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":5}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":5}}]}],"endless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":5}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":5}}]}],"pageable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":5}}]}],"arrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":209,"character":5}}]}],"itemChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":214,"character":5}}]}],"itemTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":216,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":216,"character":18},{"static":false}]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":219,"character":5},"arguments":["class.k-widget"]}]}],"scrollViewClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":223,"character":5},"arguments":["class.k-scrollview"]}]}],"hostWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":227,"character":5},"arguments":["style.width"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":228,"character":5},"arguments":["style.height"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":229,"character":5},"arguments":["attr.tabindex"]}]}],"ariaLive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":230,"character":5},"arguments":["attr.aria-live"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":232,"character":5},"arguments":["attr.dir"]}]}],"touchAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":236,"character":5},"arguments":["style.touch-action"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":257,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":258,"character":31},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":259,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":260,"character":24}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":268,"character":5},"arguments":["keydown",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"transitionEndHandler":[{"__symbolic":"method"}],"handlePress":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"handleRelease":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"inlineListItemStyles":[{"__symbolic":"method"}],"displayLeftArrow":[{"__symbolic":"method"}],"leftArrowClick":[{"__symbolic":"method"}],"displayRightArrow":[{"__symbolic":"method"}],"rightArrowClick":[{"__symbolic":"method"}],"draggedInsideBounds":[{"__symbolic":"method"}],"draggedEnoughToNavigate":[{"__symbolic":"method"}],"isDragForbidden":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"changeIndex":[{"__symbolic":"method"}]}},"ScrollViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":46,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ScrollViewComponent"},{"__symbolic":"reference","name":"ScrollViewPagerComponent"}]],"exports":[[{"__symbolic":"reference","name":"ScrollViewComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":49,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"DraggableModule","line":49,"character":28}]}]}],"members":{}},"ScrollViewPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"kendo-scrollview-pager","template":"\n <ul class=\"k-scrollview-pageable k-scrollview-nav\">\n <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n [ngClass]=\"itemClass(i)\"\n (click)=\"indexChange(i)\">\n </li>\n </ul>\n "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"pagerIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"itemClass":[{"__symbolic":"method"}],"indexChange":[{"__symbolic":"method"}]}},"ItemChangedEvent":{"__symbolic":"interface"}},"origins":{"ScrollViewComponent":"./scrollview.component","ScrollViewModule":"./scrollview.module","ScrollViewPagerComponent":"./scrollview-pager.component","ItemChangedEvent":"./change-event-args"},"importAs":"@progress/kendo-angular-scrollview"}
1
+ {"__symbolic":"module","version":4,"metadata":{"ScrollViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":86,"character":1},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":88,"character":8},"arguments":["animateTo",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":89,"character":12},"arguments":["center, left, right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":89,"character":41},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":90,"character":12},"arguments":["* => right",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":91,"character":16},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":91,"character":42},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":93,"character":12},"arguments":["* => left",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":94,"character":16},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":94,"character":42},"arguments":[{"transform":"translateX(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":96,"character":12},"arguments":["* => center",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":97,"character":16},"arguments":["300ms ease-out"]}]]}]]}],"exportAs":"kendoScrollView","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":103,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":105,"character":21},"useValue":"kendo.scrollview"}],"selector":"kendo-scrollview","template":"\n <ul class='k-scrollview-wrap'\n [ngStyle]=\"{ transform: transitionStyle }\"\n [@animateTo]=\"animationState\"\n (@animateTo.done)=\"transitionEndHandler($event)\"\n kendoDraggable\n (kendoDrag)=\"handleDrag($event)\"\n (kendoPress)=\"handlePress($event)\"\n (kendoRelease)=\"handleRelease($event)\"\n >\n <li\n *ngFor=\"let item of view;let i=index\"\n [ngStyle]=\"inlineListItemStyles(i)\"\n [attr.aria-hidden]=\"i !== 1\"\n >\n <ng-template\n [ngTemplateOutlet]=\"itemTemplateRef\"\n [ngTemplateOutletContext]=\"{ item: item }\">\n </ng-template>\n </li>\n </ul>\n <div class='k-scrollview-elements'\n [ngStyle]=\"{'height': height}\"\n *ngIf=\"!isDataSourceEmpty && (pageable||arrows)\">\n\n <a class=\"k-scrollview-prev\"\n aria-label=\"previous\"\n *ngIf=\"arrows && displayLeftArrow()\"\n (click)=\"leftArrowClick()\">\n <span class=\"k-icon k-i-arrowhead-w\"></span>\n </a>\n <a class=\"k-scrollview-next\"\n aria-label=\"next\"\n *ngIf=\"arrows && displayRightArrow()\"\n (click)=\"rightArrowClick()\">\n <span class=\"k-icon k-i-arrowhead-e\"></span>\n </a>\n <kendo-scrollview-pager\n class='k-scrollview-nav-wrap'\n *ngIf=\"pageable\"\n (pagerIndexChange)=\"pageChange($event)\"\n [data]=\"data\"\n [activeIndex]=\"activeIndex\">\n </kendo-scrollview-pager>\n </div>\n "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":5}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":5}}]}],"endless":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":5}}]}],"pagerOverlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":198,"character":5}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":5}}]}],"pageable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":5}}]}],"arrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":216,"character":5}}]}],"itemChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":221,"character":5}}]}],"activeIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":226,"character":5}}]}],"itemTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":228,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":228,"character":18},{"static":false}]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":231,"character":5},"arguments":["class.k-widget"]}]}],"scrollViewClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":235,"character":5},"arguments":["class.k-scrollview"]}]}],"scrollViewLightOverlayClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":239,"character":5},"arguments":["class.k-scrollview-light"]}]}],"scrollViewDarkOverlayClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":243,"character":5},"arguments":["class.k-scrollview-dark"]}]}],"hostWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":247,"character":5},"arguments":["style.width"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":248,"character":5},"arguments":["style.height"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":249,"character":5},"arguments":["attr.tabindex"]}]}],"ariaLive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":250,"character":5},"arguments":["attr.aria-live"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":252,"character":5},"arguments":["attr.dir"]}]}],"touchAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":256,"character":5},"arguments":["style.touch-action"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":277,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":278,"character":31},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":279,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":280,"character":24}]}],"keyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":288,"character":5},"arguments":["keydown",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"transitionEndHandler":[{"__symbolic":"method"}],"handlePress":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}],"handleRelease":[{"__symbolic":"method"}],"pageChange":[{"__symbolic":"method"}],"inlineListItemStyles":[{"__symbolic":"method"}],"displayLeftArrow":[{"__symbolic":"method"}],"leftArrowClick":[{"__symbolic":"method"}],"displayRightArrow":[{"__symbolic":"method"}],"rightArrowClick":[{"__symbolic":"method"}],"draggedInsideBounds":[{"__symbolic":"method"}],"draggedEnoughToNavigate":[{"__symbolic":"method"}],"isDragForbidden":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"changeIndex":[{"__symbolic":"method"}]}},"ScrollViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":46,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ScrollViewComponent"},{"__symbolic":"reference","name":"ScrollViewPagerComponent"}]],"exports":[[{"__symbolic":"reference","name":"ScrollViewComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":49,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"DraggableModule","line":49,"character":28}]}]}],"members":{}},"ScrollViewPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"kendo-scrollview-pager","template":"\n <ul class=\"k-scrollview-pageable k-scrollview-nav\">\n <li class=\"k-button\" *ngFor=\"let item of data; let i = index\"\n [ngClass]=\"itemClass(i)\"\n (click)=\"indexChange(i)\">\n </li>\n </ul>\n "}]}],"members":{"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"pagerIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"itemClass":[{"__symbolic":"method"}],"indexChange":[{"__symbolic":"method"}]}},"ItemChangedEvent":{"__symbolic":"interface"},"ScrollViewPagerOverlay":{"__symbolic":"interface"}},"origins":{"ScrollViewComponent":"./scrollview.component","ScrollViewModule":"./scrollview.module","ScrollViewPagerComponent":"./scrollview-pager.component","ItemChangedEvent":"./change-event-args","ScrollViewPagerOverlay":"./enums"},"importAs":"@progress/kendo-angular-scrollview"}
@@ -1,8 +1,9 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  export { ScrollViewComponent } from './scrollview.component';
6
6
  export { ScrollViewModule } from './scrollview.module';
7
7
  export { ScrollViewPagerComponent } from './scrollview-pager.component';
8
8
  export { ItemChangedEvent } from './change-event-args';
9
+ export { ScrollViewPagerOverlay } from './enums';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  export { ScrollViewComponent } from './scrollview.component';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { PackageMetadata } from '@progress/kendo-licensing';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-scrollview',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1620215054,
12
+ publishDate: 1635493249,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
15
  };
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { EventEmitter } from '@angular/core';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import * as tslib_1 from "tslib";
@@ -1,10 +1,10 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { ApplicationRef, ElementRef, EventEmitter, OnChanges, TemplateRef, NgZone } from '@angular/core';
6
6
  import { AnimationEvent } from '@angular/animations';
7
- import { AnimationState } from './enums';
7
+ import { AnimationState, ScrollViewPagerOverlay } from './enums';
8
8
  import { ItemChangedEvent } from './change-event-args';
9
9
  import { DataCollection } from './data.collection';
10
10
  import { Direction } from './direction';
@@ -91,6 +91,11 @@ export declare class ScrollViewComponent implements OnChanges {
91
91
  * and the endless scrolling mode is disabled.
92
92
  */
93
93
  endless: boolean;
94
+ /**
95
+ * Sets `pagerOverlay` to one of three possible values: `dark`, `light` or `none`.
96
+ * By default, the pager overlay is set to `none`.
97
+ */
98
+ pagerOverlay: ScrollViewPagerOverlay;
94
99
  /**
95
100
  * Enables or disables the built-in animations ([see example]({% slug animations_scrollview %})).
96
101
  * By default, `animate` is set to `true` and animations are enabled.
@@ -110,9 +115,15 @@ export declare class ScrollViewComponent implements OnChanges {
110
115
  * Fires after the current item is changed.
111
116
  */
112
117
  itemChanged: EventEmitter<ItemChangedEvent>;
118
+ /**
119
+ * Fires after the activeIndex has changed. Allows for two-way binding of the activeIndex property.
120
+ */
121
+ activeIndexChange: EventEmitter<number>;
113
122
  itemTemplateRef: TemplateRef<any>;
114
123
  readonly widgetClass: boolean;
115
124
  readonly scrollViewClass: boolean;
125
+ readonly scrollViewLightOverlayClass: boolean;
126
+ readonly scrollViewDarkOverlayClass: boolean;
116
127
  readonly hostWidth: string;
117
128
  readonly hostHeight: string;
118
129
  readonly tabIndex: number;
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import * as tslib_1 from "tslib";
@@ -80,6 +80,11 @@ let ScrollViewComponent = class ScrollViewComponent {
80
80
  * and the endless scrolling mode is disabled.
81
81
  */
82
82
  this.endless = false;
83
+ /**
84
+ * Sets `pagerOverlay` to one of three possible values: `dark`, `light` or `none`.
85
+ * By default, the pager overlay is set to `none`.
86
+ */
87
+ this.pagerOverlay = 'none';
83
88
  /**
84
89
  * Enables or disables the built-in animations ([see example]({% slug animations_scrollview %})).
85
90
  * By default, `animate` is set to `true` and animations are enabled.
@@ -99,6 +104,10 @@ let ScrollViewComponent = class ScrollViewComponent {
99
104
  * Fires after the current item is changed.
100
105
  */
101
106
  this.itemChanged = new EventEmitter();
107
+ /**
108
+ * Fires after the activeIndex has changed. Allows for two-way binding of the activeIndex property.
109
+ */
110
+ this.activeIndexChange = new EventEmitter();
102
111
  this.touchAction = 'pan-y pinch-zoom';
103
112
  this.animationState = null;
104
113
  this.transitionStyle = null;
@@ -125,6 +134,12 @@ let ScrollViewComponent = class ScrollViewComponent {
125
134
  get scrollViewClass() {
126
135
  return true;
127
136
  }
137
+ get scrollViewLightOverlayClass() {
138
+ return this.pagerOverlay === 'light';
139
+ }
140
+ get scrollViewDarkOverlayClass() {
141
+ return this.pagerOverlay === 'dark';
142
+ }
128
143
  get hostWidth() { return this.width; }
129
144
  get hostHeight() { return this.height; }
130
145
  get tabIndex() { return 1; }
@@ -186,6 +201,7 @@ let ScrollViewComponent = class ScrollViewComponent {
186
201
  this.pageIndex = null;
187
202
  }
188
203
  this.activeIndex = this.index;
204
+ this.activeIndexChange.emit(this.activeIndex);
189
205
  this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
190
206
  this.application.tick();
191
207
  }
@@ -226,6 +242,7 @@ let ScrollViewComponent = class ScrollViewComponent {
226
242
  }
227
243
  if (!this.animate) {
228
244
  this.transitionStyle = null;
245
+ this.activeIndexChange.emit(this.activeIndex);
229
246
  this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
230
247
  }
231
248
  }
@@ -340,6 +357,7 @@ let ScrollViewComponent = class ScrollViewComponent {
340
357
  }
341
358
  this.changeIndex(direction);
342
359
  if (!this.animate) {
360
+ this.activeIndexChange.emit(this.activeIndex);
343
361
  this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
344
362
  }
345
363
  }
@@ -388,6 +406,10 @@ tslib_1.__decorate([
388
406
  Input(),
389
407
  tslib_1.__metadata("design:type", Boolean)
390
408
  ], ScrollViewComponent.prototype, "endless", void 0);
409
+ tslib_1.__decorate([
410
+ Input(),
411
+ tslib_1.__metadata("design:type", String)
412
+ ], ScrollViewComponent.prototype, "pagerOverlay", void 0);
391
413
  tslib_1.__decorate([
392
414
  Input(),
393
415
  tslib_1.__metadata("design:type", Boolean)
@@ -404,6 +426,10 @@ tslib_1.__decorate([
404
426
  Output(),
405
427
  tslib_1.__metadata("design:type", EventEmitter)
406
428
  ], ScrollViewComponent.prototype, "itemChanged", void 0);
429
+ tslib_1.__decorate([
430
+ Output(),
431
+ tslib_1.__metadata("design:type", EventEmitter)
432
+ ], ScrollViewComponent.prototype, "activeIndexChange", void 0);
407
433
  tslib_1.__decorate([
408
434
  ContentChild(TemplateRef, { static: false }),
409
435
  tslib_1.__metadata("design:type", TemplateRef)
@@ -418,6 +444,16 @@ tslib_1.__decorate([
418
444
  tslib_1.__metadata("design:type", Boolean),
419
445
  tslib_1.__metadata("design:paramtypes", [])
420
446
  ], ScrollViewComponent.prototype, "scrollViewClass", null);
447
+ tslib_1.__decorate([
448
+ HostBinding('class.k-scrollview-light'),
449
+ tslib_1.__metadata("design:type", Boolean),
450
+ tslib_1.__metadata("design:paramtypes", [])
451
+ ], ScrollViewComponent.prototype, "scrollViewLightOverlayClass", null);
452
+ tslib_1.__decorate([
453
+ HostBinding('class.k-scrollview-dark'),
454
+ tslib_1.__metadata("design:type", Boolean),
455
+ tslib_1.__metadata("design:paramtypes", [])
456
+ ], ScrollViewComponent.prototype, "scrollViewDarkOverlayClass", null);
421
457
  tslib_1.__decorate([
422
458
  HostBinding('style.width'),
423
459
  tslib_1.__metadata("design:type", String),
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import * as tslib_1 from "tslib";
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { __decorate, __metadata } from 'tslib';
@@ -26,7 +26,7 @@ const packageMetadata = {
26
26
  name: '@progress/kendo-angular-scrollview',
27
27
  productName: 'Kendo UI for Angular',
28
28
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
29
- publishDate: 1620215054,
29
+ publishDate: 1635493249,
30
30
  version: '',
31
31
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
32
32
  };
@@ -186,6 +186,11 @@ let ScrollViewComponent = class ScrollViewComponent {
186
186
  * and the endless scrolling mode is disabled.
187
187
  */
188
188
  this.endless = false;
189
+ /**
190
+ * Sets `pagerOverlay` to one of three possible values: `dark`, `light` or `none`.
191
+ * By default, the pager overlay is set to `none`.
192
+ */
193
+ this.pagerOverlay = 'none';
189
194
  /**
190
195
  * Enables or disables the built-in animations ([see example]({% slug animations_scrollview %})).
191
196
  * By default, `animate` is set to `true` and animations are enabled.
@@ -205,6 +210,10 @@ let ScrollViewComponent = class ScrollViewComponent {
205
210
  * Fires after the current item is changed.
206
211
  */
207
212
  this.itemChanged = new EventEmitter();
213
+ /**
214
+ * Fires after the activeIndex has changed. Allows for two-way binding of the activeIndex property.
215
+ */
216
+ this.activeIndexChange = new EventEmitter();
208
217
  this.touchAction = 'pan-y pinch-zoom';
209
218
  this.animationState = null;
210
219
  this.transitionStyle = null;
@@ -231,6 +240,12 @@ let ScrollViewComponent = class ScrollViewComponent {
231
240
  get scrollViewClass() {
232
241
  return true;
233
242
  }
243
+ get scrollViewLightOverlayClass() {
244
+ return this.pagerOverlay === 'light';
245
+ }
246
+ get scrollViewDarkOverlayClass() {
247
+ return this.pagerOverlay === 'dark';
248
+ }
234
249
  get hostWidth() { return this.width; }
235
250
  get hostHeight() { return this.height; }
236
251
  get tabIndex() { return 1; }
@@ -292,6 +307,7 @@ let ScrollViewComponent = class ScrollViewComponent {
292
307
  this.pageIndex = null;
293
308
  }
294
309
  this.activeIndex = this.index;
310
+ this.activeIndexChange.emit(this.activeIndex);
295
311
  this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
296
312
  this.application.tick();
297
313
  }
@@ -332,6 +348,7 @@ let ScrollViewComponent = class ScrollViewComponent {
332
348
  }
333
349
  if (!this.animate) {
334
350
  this.transitionStyle = null;
351
+ this.activeIndexChange.emit(this.activeIndex);
335
352
  this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
336
353
  }
337
354
  }
@@ -446,6 +463,7 @@ let ScrollViewComponent = class ScrollViewComponent {
446
463
  }
447
464
  this.changeIndex(direction);
448
465
  if (!this.animate) {
466
+ this.activeIndexChange.emit(this.activeIndex);
449
467
  this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
450
468
  }
451
469
  }
@@ -494,6 +512,10 @@ __decorate([
494
512
  Input(),
495
513
  __metadata("design:type", Boolean)
496
514
  ], ScrollViewComponent.prototype, "endless", void 0);
515
+ __decorate([
516
+ Input(),
517
+ __metadata("design:type", String)
518
+ ], ScrollViewComponent.prototype, "pagerOverlay", void 0);
497
519
  __decorate([
498
520
  Input(),
499
521
  __metadata("design:type", Boolean)
@@ -510,6 +532,10 @@ __decorate([
510
532
  Output(),
511
533
  __metadata("design:type", EventEmitter)
512
534
  ], ScrollViewComponent.prototype, "itemChanged", void 0);
535
+ __decorate([
536
+ Output(),
537
+ __metadata("design:type", EventEmitter)
538
+ ], ScrollViewComponent.prototype, "activeIndexChange", void 0);
513
539
  __decorate([
514
540
  ContentChild(TemplateRef, { static: false }),
515
541
  __metadata("design:type", TemplateRef)
@@ -524,6 +550,16 @@ __decorate([
524
550
  __metadata("design:type", Boolean),
525
551
  __metadata("design:paramtypes", [])
526
552
  ], ScrollViewComponent.prototype, "scrollViewClass", null);
553
+ __decorate([
554
+ HostBinding('class.k-scrollview-light'),
555
+ __metadata("design:type", Boolean),
556
+ __metadata("design:paramtypes", [])
557
+ ], ScrollViewComponent.prototype, "scrollViewLightOverlayClass", null);
558
+ __decorate([
559
+ HostBinding('class.k-scrollview-dark'),
560
+ __metadata("design:type", Boolean),
561
+ __metadata("design:paramtypes", [])
562
+ ], ScrollViewComponent.prototype, "scrollViewDarkOverlayClass", null);
527
563
  __decorate([
528
564
  HostBinding('style.width'),
529
565
  __metadata("design:type", String),
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { __decorate, __metadata } from 'tslib';
@@ -26,7 +26,7 @@ var packageMetadata = {
26
26
  name: '@progress/kendo-angular-scrollview',
27
27
  productName: 'Kendo UI for Angular',
28
28
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
29
- publishDate: 1620215054,
29
+ publishDate: 1635493249,
30
30
  version: '',
31
31
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
32
32
  };
@@ -205,6 +205,11 @@ var ScrollViewComponent = /** @class */ (function () {
205
205
  * and the endless scrolling mode is disabled.
206
206
  */
207
207
  this.endless = false;
208
+ /**
209
+ * Sets `pagerOverlay` to one of three possible values: `dark`, `light` or `none`.
210
+ * By default, the pager overlay is set to `none`.
211
+ */
212
+ this.pagerOverlay = 'none';
208
213
  /**
209
214
  * Enables or disables the built-in animations ([see example]({% slug animations_scrollview %})).
210
215
  * By default, `animate` is set to `true` and animations are enabled.
@@ -224,6 +229,10 @@ var ScrollViewComponent = /** @class */ (function () {
224
229
  * Fires after the current item is changed.
225
230
  */
226
231
  this.itemChanged = new EventEmitter();
232
+ /**
233
+ * Fires after the activeIndex has changed. Allows for two-way binding of the activeIndex property.
234
+ */
235
+ this.activeIndexChange = new EventEmitter();
227
236
  this.touchAction = 'pan-y pinch-zoom';
228
237
  this.animationState = null;
229
238
  this.transitionStyle = null;
@@ -264,6 +273,20 @@ var ScrollViewComponent = /** @class */ (function () {
264
273
  enumerable: true,
265
274
  configurable: true
266
275
  });
276
+ Object.defineProperty(ScrollViewComponent.prototype, "scrollViewLightOverlayClass", {
277
+ get: function () {
278
+ return this.pagerOverlay === 'light';
279
+ },
280
+ enumerable: true,
281
+ configurable: true
282
+ });
283
+ Object.defineProperty(ScrollViewComponent.prototype, "scrollViewDarkOverlayClass", {
284
+ get: function () {
285
+ return this.pagerOverlay === 'dark';
286
+ },
287
+ enumerable: true,
288
+ configurable: true
289
+ });
267
290
  Object.defineProperty(ScrollViewComponent.prototype, "hostWidth", {
268
291
  get: function () { return this.width; },
269
292
  enumerable: true,
@@ -349,6 +372,7 @@ var ScrollViewComponent = /** @class */ (function () {
349
372
  this.pageIndex = null;
350
373
  }
351
374
  this.activeIndex = this.index;
375
+ this.activeIndexChange.emit(this.activeIndex);
352
376
  this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
353
377
  this.application.tick();
354
378
  }
@@ -391,6 +415,7 @@ var ScrollViewComponent = /** @class */ (function () {
391
415
  }
392
416
  if (!_this.animate) {
393
417
  _this.transitionStyle = null;
418
+ _this.activeIndexChange.emit(_this.activeIndex);
394
419
  _this.itemChanged.emit({ index: _this.activeIndex, item: _this.view.item(1) });
395
420
  }
396
421
  }
@@ -505,6 +530,7 @@ var ScrollViewComponent = /** @class */ (function () {
505
530
  }
506
531
  this.changeIndex(direction);
507
532
  if (!this.animate) {
533
+ this.activeIndexChange.emit(this.activeIndex);
508
534
  this.itemChanged.emit({ index: this.activeIndex, item: this.view.item(1) });
509
535
  }
510
536
  };
@@ -556,6 +582,10 @@ var ScrollViewComponent = /** @class */ (function () {
556
582
  Input(),
557
583
  __metadata("design:type", Boolean)
558
584
  ], ScrollViewComponent.prototype, "endless", void 0);
585
+ __decorate([
586
+ Input(),
587
+ __metadata("design:type", String)
588
+ ], ScrollViewComponent.prototype, "pagerOverlay", void 0);
559
589
  __decorate([
560
590
  Input(),
561
591
  __metadata("design:type", Boolean)
@@ -572,6 +602,10 @@ var ScrollViewComponent = /** @class */ (function () {
572
602
  Output(),
573
603
  __metadata("design:type", EventEmitter)
574
604
  ], ScrollViewComponent.prototype, "itemChanged", void 0);
605
+ __decorate([
606
+ Output(),
607
+ __metadata("design:type", EventEmitter)
608
+ ], ScrollViewComponent.prototype, "activeIndexChange", void 0);
575
609
  __decorate([
576
610
  ContentChild(TemplateRef, { static: false }),
577
611
  __metadata("design:type", TemplateRef)
@@ -586,6 +620,16 @@ var ScrollViewComponent = /** @class */ (function () {
586
620
  __metadata("design:type", Boolean),
587
621
  __metadata("design:paramtypes", [])
588
622
  ], ScrollViewComponent.prototype, "scrollViewClass", null);
623
+ __decorate([
624
+ HostBinding('class.k-scrollview-light'),
625
+ __metadata("design:type", Boolean),
626
+ __metadata("design:paramtypes", [])
627
+ ], ScrollViewComponent.prototype, "scrollViewLightOverlayClass", null);
628
+ __decorate([
629
+ HostBinding('class.k-scrollview-dark'),
630
+ __metadata("design:type", Boolean),
631
+ __metadata("design:paramtypes", [])
632
+ ], ScrollViewComponent.prototype, "scrollViewDarkOverlayClass", null);
589
633
  __decorate([
590
634
  HostBinding('style.width'),
591
635
  __metadata("design:type", String),
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  "use strict";
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  "use strict";
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  "use strict";
package/dist/npm/enums.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  "use strict";
package/dist/npm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  "use strict";
package/dist/npm/main.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  "use strict";
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2020 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  "use strict";
@@ -11,7 +11,7 @@ exports.packageMetadata = {
11
11
  name: '@progress/kendo-angular-scrollview',
12
12
  productName: 'Kendo UI for Angular',
13
13
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
14
- publishDate: 1620215054,
14
+ publishDate: 1635493249,
15
15
  version: '',
16
16
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
17
17
  };