@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.
- package/dist/cdn/js/kendo-angular-scrollview.js +3 -3
- package/dist/cdn/main.js +2 -2
- package/dist/es/change-event-args.js +1 -1
- package/dist/es/data.collection.js +1 -1
- package/dist/es/direction.js +1 -1
- package/dist/es/enums.js +1 -1
- package/dist/es/index.js +1 -1
- package/dist/es/main.js +1 -1
- package/dist/es/package-metadata.js +2 -2
- package/dist/es/scrollview-pager.component.js +1 -1
- package/dist/es/scrollview.component.js +45 -1
- package/dist/es/scrollview.module.js +1 -1
- package/dist/es2015/change-event-args.d.ts +1 -1
- package/dist/es2015/change-event-args.js +1 -1
- package/dist/es2015/data.collection.d.ts +1 -1
- package/dist/es2015/data.collection.js +1 -1
- package/dist/es2015/direction.d.ts +1 -1
- package/dist/es2015/direction.js +1 -1
- package/dist/es2015/enums.d.ts +5 -1
- package/dist/es2015/enums.js +1 -1
- package/dist/es2015/index.d.ts +1 -1
- package/dist/es2015/index.js +1 -1
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/main.d.ts +2 -1
- package/dist/es2015/main.js +1 -1
- package/dist/es2015/package-metadata.d.ts +1 -1
- package/dist/es2015/package-metadata.js +2 -2
- package/dist/es2015/scrollview-pager.component.d.ts +1 -1
- package/dist/es2015/scrollview-pager.component.js +1 -1
- package/dist/es2015/scrollview.component.d.ts +13 -2
- package/dist/es2015/scrollview.component.js +37 -1
- package/dist/es2015/scrollview.module.d.ts +1 -1
- package/dist/es2015/scrollview.module.js +1 -1
- package/dist/fesm2015/index.js +38 -2
- package/dist/fesm5/index.js +46 -2
- package/dist/npm/change-event-args.js +1 -1
- package/dist/npm/data.collection.js +1 -1
- package/dist/npm/direction.js +1 -1
- package/dist/npm/enums.js +1 -1
- package/dist/npm/index.js +1 -1
- package/dist/npm/main.js +1 -1
- package/dist/npm/package-metadata.js +2 -2
- package/dist/npm/scrollview-pager.component.js +1 -1
- package/dist/npm/scrollview.component.js +45 -1
- package/dist/npm/scrollview.module.js +1 -1
- package/dist/systemjs/kendo-angular-scrollview.js +2 -2
- package/package.json +6 -6
package/dist/es2015/enums.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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
|
/**
|
package/dist/es2015/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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
|
/**
|
package/dist/es2015/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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"}
|
package/dist/es2015/main.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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';
|
package/dist/es2015/main.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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 ©
|
|
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 ©
|
|
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:
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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";
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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:
|
|
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),
|
package/dist/fesm5/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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:
|
|
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 ©
|
|
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 ©
|
|
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/direction.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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:
|
|
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
|
};
|