@progress/kendo-angular-scrollview 4.1.4-dev.202202251422 → 5.0.0-dev.202204191146
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/bundles/kendo-angular-scrollview.umd.js +5 -0
- package/{dist/es2015/change-event-args.d.ts → change-event-args.d.ts} +0 -0
- package/{dist/es2015/data.collection.d.ts → data.collection.d.ts} +4 -4
- package/{dist/es2015/direction.d.ts → direction.d.ts} +0 -0
- package/{dist/es2015/enums.d.ts → enums.d.ts} +0 -0
- package/{dist/es2015 → esm2015}/change-event-args.js +1 -0
- package/{dist/es2015 → esm2015}/data.collection.js +0 -1
- package/{dist/es → esm2015}/direction.js +1 -0
- package/{dist/es → esm2015}/enums.js +0 -0
- package/{dist/es/index.js → esm2015/kendo-angular-scrollview.js} +0 -0
- package/{dist/es → esm2015}/main.js +0 -0
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/esm2015/scrollview-pager.component.js +53 -0
- package/{dist/es2015 → esm2015}/scrollview.component.js +160 -136
- package/{dist/es2015 → esm2015}/scrollview.module.js +15 -11
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-scrollview.js} +221 -191
- package/{dist/es2015/index.d.ts → kendo-angular-scrollview.d.ts} +1 -0
- package/{dist/es2015/main.d.ts → main.d.ts} +0 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +30 -93
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/scrollview-pager.component.d.ts → scrollview-pager.component.d.ts} +3 -0
- package/{dist/es2015/scrollview.component.d.ts → scrollview.component.d.ts} +12 -8
- package/{dist/es2015/scrollview.module.d.ts → scrollview.module.d.ts} +8 -0
- package/dist/cdn/js/kendo-angular-scrollview.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/change-event-args.js +0 -4
- package/dist/es/data.collection.js +0 -109
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/scrollview-pager.component.js +0 -43
- package/dist/es/scrollview.component.js +0 -543
- package/dist/es/scrollview.module.js +0 -61
- package/dist/es2015/direction.js +0 -4
- package/dist/es2015/enums.js +0 -12
- package/dist/es2015/index.js +0 -8
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/main.js +0 -7
- package/dist/es2015/scrollview-pager.component.js +0 -52
- package/dist/fesm5/index.js +0 -759
- package/dist/npm/change-event-args.js +0 -6
- package/dist/npm/data.collection.js +0 -111
- package/dist/npm/direction.js +0 -6
- package/dist/npm/enums.js +0 -14
- package/dist/npm/index.js +0 -11
- package/dist/npm/main.js +0 -12
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/scrollview-pager.component.js +0 -45
- package/dist/npm/scrollview.component.js +0 -545
- package/dist/npm/scrollview.module.js +0 -63
- package/dist/systemjs/kendo-angular-scrollview.js +0 -5
|
@@ -3,6 +3,7 @@
|
|
|
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';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
6
7
|
/**
|
|
7
8
|
* @hidden
|
|
8
9
|
*/
|
|
@@ -12,4 +13,6 @@ export declare class ScrollViewPagerComponent {
|
|
|
12
13
|
pagerIndexChange: EventEmitter<number>;
|
|
13
14
|
itemClass(idx: number): any;
|
|
14
15
|
indexChange(selectedIndex: number): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewPagerComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewPagerComponent, "kendo-scrollview-pager", never, { "activeIndex": "activeIndex"; "data": "data"; }, { "pagerIndexChange": "pagerIndexChange"; }, never, never>;
|
|
15
18
|
}
|
|
@@ -9,6 +9,7 @@ import { ItemChangedEvent } from './change-event-args';
|
|
|
9
9
|
import { DataCollection } from './data.collection';
|
|
10
10
|
import { Direction } from './direction';
|
|
11
11
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
12
13
|
/**
|
|
13
14
|
* Represents the [Kendo UI ScrollView component for Angular]({% slug overview_scrollview %}).
|
|
14
15
|
*
|
|
@@ -74,7 +75,8 @@ export declare class ScrollViewComponent implements OnChanges {
|
|
|
74
75
|
/**
|
|
75
76
|
* Represents the current item index ([see example]({% slug activeitems_scrollview %})).
|
|
76
77
|
*/
|
|
77
|
-
activeIndex: number;
|
|
78
|
+
set activeIndex(value: number);
|
|
79
|
+
get activeIndex(): number;
|
|
78
80
|
/**
|
|
79
81
|
* Sets the width of the ScrollView ([see example]({% slug dimensions_scrollview %})).
|
|
80
82
|
* By default, the width is not set and you have to explicitly define the `width` value.
|
|
@@ -122,13 +124,13 @@ export declare class ScrollViewComponent implements OnChanges {
|
|
|
122
124
|
itemTemplateRef: TemplateRef<any>;
|
|
123
125
|
itemWrapper: ElementRef;
|
|
124
126
|
scrollViewClass: boolean;
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
127
|
+
get scrollViewLightOverlayClass(): boolean;
|
|
128
|
+
get scrollViewDarkOverlayClass(): boolean;
|
|
129
|
+
get hostWidth(): string;
|
|
130
|
+
get hostHeight(): string;
|
|
129
131
|
tabIndex: number;
|
|
130
132
|
ariaLive: string;
|
|
131
|
-
|
|
133
|
+
get dir(): Direction;
|
|
132
134
|
touchAction: string;
|
|
133
135
|
animationState: AnimationState;
|
|
134
136
|
view: DataCollection;
|
|
@@ -138,7 +140,7 @@ export declare class ScrollViewComponent implements OnChanges {
|
|
|
138
140
|
private initialTouchCoordinate;
|
|
139
141
|
private pageIndex;
|
|
140
142
|
private transforms;
|
|
141
|
-
private
|
|
143
|
+
private get direction();
|
|
142
144
|
constructor(element: ElementRef, localization: LocalizationService, ngZone: NgZone, renderer: Renderer2);
|
|
143
145
|
/**
|
|
144
146
|
* @hidden
|
|
@@ -200,5 +202,7 @@ export declare class ScrollViewComponent implements OnChanges {
|
|
|
200
202
|
protected isDragForbidden(deltaX: number): boolean;
|
|
201
203
|
private navigate;
|
|
202
204
|
private changeIndex;
|
|
203
|
-
private
|
|
205
|
+
private get isRTL();
|
|
206
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewComponent, never>;
|
|
207
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewComponent, "kendo-scrollview", ["kendoScrollView"], { "data": "data"; "activeIndex": "activeIndex"; "width": "width"; "height": "height"; "endless": "endless"; "pagerOverlay": "pagerOverlay"; "animate": "animate"; "pageable": "pageable"; "arrows": "arrows"; }, { "itemChanged": "itemChanged"; "activeIndexChange": "activeIndexChange"; }, ["itemTemplateRef"], never>;
|
|
204
208
|
}
|
|
@@ -2,6 +2,11 @@
|
|
|
2
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
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "./scrollview.component";
|
|
7
|
+
import * as i2 from "./scrollview-pager.component";
|
|
8
|
+
import * as i3 from "@angular/common";
|
|
9
|
+
import * as i4 from "@progress/kendo-angular-common";
|
|
5
10
|
/**
|
|
6
11
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
7
12
|
* definition for the ScrollView component.
|
|
@@ -34,4 +39,7 @@
|
|
|
34
39
|
* ```
|
|
35
40
|
*/
|
|
36
41
|
export declare class ScrollViewModule {
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewModule, never>;
|
|
43
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollViewModule, [typeof i1.ScrollViewComponent, typeof i2.ScrollViewPagerComponent], [typeof i3.CommonModule, typeof i4.DraggableModule], [typeof i1.ScrollViewComponent]>;
|
|
44
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ScrollViewModule>;
|
|
37
45
|
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@progress/kendo-angular-common"),require("@angular/animations"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-l10n"),require("@angular/common")):"function"==typeof define&&define.amd?define([,,,,,],t):"object"==typeof exports?exports.KendoAngularScrollview=t(require("@angular/core"),require("@progress/kendo-angular-common"),require("@angular/animations"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-l10n"),require("@angular/common")):e.KendoAngularScrollview=t(e.ng.core,e.KendoAngularCommon,e.ng.animations,e.KendoLicensing,e.KendoAngularL10N,e.ng.common)}(window,(function(e,t,n,r,i,o){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}([function(t,n){t.exports=e},function(e,t,n){"use strict";n.r(t),n.d(t,"__extends",(function(){return i})),n.d(t,"__assign",(function(){return o})),n.d(t,"__rest",(function(){return a})),n.d(t,"__decorate",(function(){return s})),n.d(t,"__param",(function(){return c})),n.d(t,"__metadata",(function(){return l})),n.d(t,"__awaiter",(function(){return u})),n.d(t,"__generator",(function(){return d})),n.d(t,"__createBinding",(function(){return p})),n.d(t,"__exportStar",(function(){return f})),n.d(t,"__values",(function(){return h})),n.d(t,"__read",(function(){return g})),n.d(t,"__spread",(function(){return y})),n.d(t,"__spreadArrays",(function(){return m})),n.d(t,"__await",(function(){return v})),n.d(t,"__asyncGenerator",(function(){return _})),n.d(t,"__asyncDelegator",(function(){return b})),n.d(t,"__asyncValues",(function(){return x})),n.d(t,"__makeTemplateObject",(function(){return w})),n.d(t,"__importStar",(function(){return I})),n.d(t,"__importDefault",(function(){return S})),n.d(t,"__classPrivateFieldGet",(function(){return O})),n.d(t,"__classPrivateFieldSet",(function(){return P}));
|
|
6
|
-
/*! *****************************************************************************
|
|
7
|
-
Copyright (c) Microsoft Corporation.
|
|
8
|
-
|
|
9
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
10
|
-
purpose with or without fee is hereby granted.
|
|
11
|
-
|
|
12
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
13
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
14
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
15
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
16
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
17
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
18
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
19
|
-
***************************************************************************** */
|
|
20
|
-
var r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function i(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var o=function(){return(o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function a(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}function s(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}function c(e,t){return function(n,r){t(n,r,e)}}function l(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function u(e,t,n,r){return new(n||(n=Promise))((function(i,o){function a(e){try{c(r.next(e))}catch(e){o(e)}}function s(e){try{c(r.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}c((r=r.apply(e,t||[])).next())}))}function d(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,s])}}}function p(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}function f(e,t){for(var n in e)"default"===n||t.hasOwnProperty(n)||(t[n]=e[n])}function h(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a}function y(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}function m(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),i=0;for(t=0;t<n;t++)for(var o=arguments[t],a=0,s=o.length;a<s;a++,i++)r[i]=o[a];return r}function v(e){return this instanceof v?(this.v=e,this):new v(e)}function _(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,i=n.apply(e,t||[]),o=[];return r={},a("next"),a("throw"),a("return"),r[Symbol.asyncIterator]=function(){return this},r;function a(e){i[e]&&(r[e]=function(t){return new Promise((function(n,r){o.push([e,t,n,r])>1||s(e,t)}))})}function s(e,t){try{(n=i[e](t)).value instanceof v?Promise.resolve(n.value.v).then(c,l):u(o[0][2],n)}catch(e){u(o[0][3],e)}var n}function c(e){s("next",e)}function l(e){s("throw",e)}function u(e,t){e(t),o.shift(),o.length&&s(o[0][0],o[0][1])}}function b(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,i){t[r]=e[r]?function(t){return(n=!n)?{value:v(e[r](t)),done:"return"===r}:i?i(t):t}:i}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=h(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,i){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,i,(t=e[n](t)).done,t.value)}))}}}function w(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function I(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}function S(e){return e&&e.__esModule?e:{default:e}}function O(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function P(e,t,n){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,n),n}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),i=n(0),o=n(6),a=n(7),s=n(3),c=n(8),l=n(9),u=n(10),d=n(11),p=function(){function e(e,t,n,r){var o=this;this.element=e,this.localization=t,this.ngZone=n,this.renderer=r,this.data=[],this.endless=!1,this.pagerOverlay="none",this.animate=!0,this.pageable=!1,this.arrows=!1,this.itemChanged=new i.EventEmitter,this.activeIndexChange=new i.EventEmitter,this.scrollViewClass=!0,this.tabIndex=1,this.ariaLive="assertive",this.touchAction="pan-y pinch-zoom",this.animationState=null,this.view=new u.DataCollection((function(){return new u.DataResultIterator(o.data,o.activeIndex,o.endless,o.pageIndex,o.isRTL)})),this.isDataSourceEmpty=!1,this._activeIndex=0,this.index=0,this.pageIndex=null,this.transforms=["translateX(-100%)","translateX(0%)","translateX(100%)"],c.validatePackage(l.packageMetadata)}return Object.defineProperty(e.prototype,"activeIndex",{get:function(){return this._activeIndex},set:function(e){this.index=this._activeIndex=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"scrollViewLightOverlayClass",{get:function(){return"light"===this.pagerOverlay},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"scrollViewDarkOverlayClass",{get:function(){return"dark"===this.pagerOverlay},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostWidth",{get:function(){return this.width},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostHeight",{get:function(){return this.height},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!0,configurable:!0}),e.prototype.keyDown=function(e){e.keyCode===s.Keys.ArrowLeft&&(this.isRTL?this.next():this.prev()),e.keyCode===s.Keys.ArrowRight&&(this.isRTL?this.prev():this.next())},e.prototype.ngOnChanges=function(e){this.activeIndex=Math.max(Math.min(this.activeIndex,this.view.total-1),0)},e.prototype.prev=function(){this.navigate(a.Dir.Prev)},e.prototype.next=function(){this.navigate(a.Dir.Next)},e.prototype.transitionEndHandler=function(e){this.animationState=null,"left"!==e.toState&&"right"!==e.toState||(null!==this.pageIndex&&(this.activeIndex=this.pageIndex,this.pageIndex=null),this.activeIndex=this.index,this.activeIndexChange.emit(this.activeIndex),this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}))},e.prototype.handlePress=function(e){this.initialTouchCoordinate=e.pageX},e.prototype.handleDrag=function(e){var t=e.pageX-this.initialTouchCoordinate;this.animationState||this.isDragForbidden(t)||!this.draggedInsideBounds(t)||this.renderer.setStyle(this.itemWrapper.nativeElement,"transform","translateX("+t+"px)")},e.prototype.handleRelease=function(e){var t=this,n=e.pageX-this.initialTouchCoordinate;this.isDragForbidden(n)||this.ngZone.run((function(){t.draggedEnoughToNavigate(n)?(t.isRTL?t.changeIndex(n<0?a.Dir.Prev:a.Dir.Next):t.changeIndex(n>0?a.Dir.Prev:a.Dir.Next),t.animate||(t.renderer.removeStyle(t.itemWrapper.nativeElement,"transform"),t.activeIndexChange.emit(t.activeIndex),t.itemChanged.emit({index:t.activeIndex,item:t.view.item(1)}))):t.animate&&n?t.animationState="center":t.renderer.removeStyle(t.itemWrapper.nativeElement,"transform")}))},e.prototype.pageChange=function(e){this.animationState||this.activeIndex===e||(this.animate?(this.pageIndex=e,this.isRTL?this.animationState=this.pageIndex>this.index?"right":"left":this.animationState=this.pageIndex>this.index?"left":"right"):this.activeIndex=e)},e.prototype.inlineListItemStyles=function(e){return{height:this.height,transform:this.transforms[e],width:"100%"}},e.prototype.displayLeftArrow=function(){var e;return e=this.isRTL?this.activeIndex+1<this.view.total:this.activeIndex>0,(this.endless||e)&&this.view.total>0},e.prototype.leftArrowClick=function(){this.isRTL?this.next():this.prev()},e.prototype.displayRightArrow=function(){var e;return e=this.isRTL?this.activeIndex>0:this.activeIndex+1<this.view.total,(this.endless||e)&&this.view.total>0},e.prototype.rightArrowClick=function(){this.isRTL?this.prev():this.next()},e.prototype.draggedInsideBounds=function(e){return Math.abs(e)<=this.element.nativeElement.offsetWidth},e.prototype.draggedEnoughToNavigate=function(e){return Math.abs(e)>this.element.nativeElement.offsetWidth/2},e.prototype.isDragForbidden=function(e){var t,n;return t=this.isRTL?e<0&&0!==e:e>0&&0!==e,n=0===this.activeIndex&&t||this.activeIndex===this.view.total-1&&!t,!this.endless&&n},e.prototype.navigate=function(e){this.isDataSourceEmpty||this.animationState||(this.changeIndex(e),this.animate||(this.activeIndexChange.emit(this.activeIndex),this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)})))},e.prototype.changeIndex=function(e){e===a.Dir.Next&&this.view.canMoveNext()?(this.index=(this.index+1)%this.view.total,this.animate?this.animationState=this.isRTL?"right":"left":this.activeIndex=this.index):e===a.Dir.Prev&&this.view.canMovePrev()&&(this.index=0===this.index?this.view.total-1:this.index-1,this.animate?this.animationState=this.isRTL?"left":"right":this.activeIndex=this.index)},Object.defineProperty(e.prototype,"isRTL",{get:function(){return"rtl"===this.direction},enumerable:!0,configurable:!0}),r.__decorate([i.Input(),r.__metadata("design:type",Array)],e.prototype,"data",void 0),r.__decorate([i.Input(),r.__metadata("design:type",Number),r.__metadata("design:paramtypes",[Number])],e.prototype,"activeIndex",null),r.__decorate([i.Input(),r.__metadata("design:type",String)],e.prototype,"width",void 0),r.__decorate([i.Input(),r.__metadata("design:type",String)],e.prototype,"height",void 0),r.__decorate([i.Input(),r.__metadata("design:type",Boolean)],e.prototype,"endless",void 0),r.__decorate([i.Input(),r.__metadata("design:type",String)],e.prototype,"pagerOverlay",void 0),r.__decorate([i.Input(),r.__metadata("design:type",Boolean)],e.prototype,"animate",void 0),r.__decorate([i.Input(),r.__metadata("design:type",Boolean)],e.prototype,"pageable",void 0),r.__decorate([i.Input(),r.__metadata("design:type",Boolean)],e.prototype,"arrows",void 0),r.__decorate([i.Output(),r.__metadata("design:type",i.EventEmitter)],e.prototype,"itemChanged",void 0),r.__decorate([i.Output(),r.__metadata("design:type",i.EventEmitter)],e.prototype,"activeIndexChange",void 0),r.__decorate([i.ContentChild(i.TemplateRef,{static:!1}),r.__metadata("design:type",i.TemplateRef)],e.prototype,"itemTemplateRef",void 0),r.__decorate([i.ViewChild("itemWrapper",{static:!1}),r.__metadata("design:type",i.ElementRef)],e.prototype,"itemWrapper",void 0),r.__decorate([i.HostBinding("class.k-scrollview"),r.__metadata("design:type",Boolean)],e.prototype,"scrollViewClass",void 0),r.__decorate([i.HostBinding("class.k-scrollview-light"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],e.prototype,"scrollViewLightOverlayClass",null),r.__decorate([i.HostBinding("class.k-scrollview-dark"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],e.prototype,"scrollViewDarkOverlayClass",null),r.__decorate([i.HostBinding("style.width"),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[])],e.prototype,"hostWidth",null),r.__decorate([i.HostBinding("style.height"),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[])],e.prototype,"hostHeight",null),r.__decorate([i.HostBinding("attr.tabindex"),r.__metadata("design:type",Number)],e.prototype,"tabIndex",void 0),r.__decorate([i.HostBinding("attr.aria-live"),r.__metadata("design:type",String)],e.prototype,"ariaLive",void 0),r.__decorate([i.HostBinding("attr.dir"),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[])],e.prototype,"dir",null),r.__decorate([i.HostBinding("style.touch-action"),r.__metadata("design:type",String)],e.prototype,"touchAction",void 0),r.__decorate([i.HostListener("keydown",["$event"]),r.__metadata("design:type",Function),r.__metadata("design:paramtypes",[Object]),r.__metadata("design:returntype",void 0)],e.prototype,"keyDown",null),e=r.__decorate([i.Component({animations:[o.trigger("animateTo",[o.state("center, left, right",o.style({transform:"translateX(0)"})),o.transition("* => right",[o.animate("300ms ease-out",o.style({transform:"translateX(100%)"}))]),o.transition("* => left",[o.animate("300ms ease-out",o.style({transform:"translateX(-100%)"}))]),o.transition("* => center",[o.animate("300ms ease-out")])])],exportAs:"kendoScrollView",providers:[d.LocalizationService,{provide:d.L10N_PREFIX,useValue:"kendo.scrollview"}],selector:"kendo-scrollview",template:'\n <ul class=\'k-scrollview-wrap\'\n #itemWrapper\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 '}),r.__metadata("design:paramtypes",[i.ElementRef,d.LocalizationService,i.NgZone,i.Renderer2])],e)}();t.ScrollViewComponent=p},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),i=n(0),o=n(0),a=function(){function e(){this.pagerIndexChange=new o.EventEmitter}return e.prototype.itemClass=function(e){return{"k-primary":e===this.activeIndex}},e.prototype.indexChange=function(e){this.pagerIndexChange.emit(e)},r.__decorate([i.Input(),r.__metadata("design:type",Number)],e.prototype,"activeIndex",void 0),r.__decorate([i.Input(),r.__metadata("design:type",Array)],e.prototype,"data",void 0),r.__decorate([i.Output(),r.__metadata("design:type",o.EventEmitter)],e.prototype,"pagerIndexChange",void 0),e=r.__decorate([i.Component({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 '})],e)}();t.ScrollViewPagerComponent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);t.ScrollViewComponent=r.ScrollViewComponent;var i=n(12);t.ScrollViewModule=i.ScrollViewModule;var o=n(4);t.ScrollViewPagerComponent=o.ScrollViewPagerComponent},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Next=1]="Next",e[e.Prev=-1]="Prev"}(t.Dir||(t.Dir={}))},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-scrollview",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1645798934,version:"",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"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){if("function"==typeof Symbol&&Symbol.iterator)return Symbol.iterator;for(var e=Object.getOwnPropertyNames(Map.prototype),t=Map.prototype,n=0;n<e.length;++n){var r=e[n];if("entries"!==r&&"size"!==r&&t[r]===t.entries)return r}}();var i={},o=function(){function e(e,t,n,r,i){this.rtl=!1,this.source=e||[],this.index=t||0,this.endless=n,this.pageIndex=r,this.rtl=i}return Object.defineProperty(e.prototype,"data",{get:function(){var e,t=this.total;this.endless?e=[this.source[(this.index-1+t)%t],this.source[this.index%t],this.source[(this.index+1+t)%t]]:e=[i].concat(this.source,[i]).slice(this.index,this.index+3);null!==this.pageIndex&&(e[this.pageIndex>this.index?2:0]=this.source[this.pageIndex]);return this.rtl?e.reverse():e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"total",{get:function(){return this.source.length},enumerable:!0,configurable:!0}),e.prototype.canMoveNext=function(){return this.endless||this.index<this.total-1},e.prototype.canMovePrev=function(){return this.endless||this.index>0},e.prototype[r]=function(){return this.data[r]()},e}();t.DataResultIterator=o;var a=function(){function e(e){this.accessor=e}return Object.defineProperty(e.prototype,"length",{get:function(){return this.accessor().data.length},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"total",{get:function(){return this.accessor().total},enumerable:!0,configurable:!0}),e.prototype.item=function(e){return this.accessor().data[e]},e.prototype.canMoveNext=function(){return this.accessor().canMoveNext()},e.prototype.canMovePrev=function(){return this.accessor().canMovePrev()},e.prototype[Symbol.iterator]=function(){return this.accessor()[Symbol.iterator]()},e}();t.DataCollection=a},function(e,t){e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),i=n(0),o=n(13),a=n(2),s=n(4),c=n(3),l=[a.ScrollViewComponent,s.ScrollViewPagerComponent],u=[a.ScrollViewComponent],d=function(){function e(){}return e=r.__decorate([i.NgModule({declarations:[l],exports:[u],imports:[o.CommonModule,c.DraggableModule]})],e)}();t.ScrollViewModule=d},function(e,t){e.exports=o}])}));
|
package/dist/cdn/main.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("tslib"),require("@progress/kendo-angular-common"),require("@angular/animations"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-l10n"),require("@angular/common")):"function"==typeof define&&define.amd?define([,,,,,,],t):"object"==typeof exports?exports.KendoAngularScrollview=t(require("@angular/core"),require("tslib"),require("@progress/kendo-angular-common"),require("@angular/animations"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-l10n"),require("@angular/common")):e.KendoAngularScrollview=t(e.ng.core,e.self,e.KendoAngularCommon,e.ng.animations,e.KendoLicensing,e.KendoAngularL10N,e.ng.common)}(window,(function(e,t,n,i,a,r,o){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(i,a,function(t){return e[t]}.bind(null,a));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=n(0),r=n(6),o=n(7),s=n(3),l=n(8),d=n(9),p=n(10),c=n(11),u=function(){function e(e,t,n,i){var r=this;this.element=e,this.localization=t,this.ngZone=n,this.renderer=i,this.data=[],this.endless=!1,this.pagerOverlay="none",this.animate=!0,this.pageable=!1,this.arrows=!1,this.itemChanged=new a.EventEmitter,this.activeIndexChange=new a.EventEmitter,this.scrollViewClass=!0,this.tabIndex=1,this.ariaLive="assertive",this.touchAction="pan-y pinch-zoom",this.animationState=null,this.view=new p.DataCollection((function(){return new p.DataResultIterator(r.data,r.activeIndex,r.endless,r.pageIndex,r.isRTL)})),this.isDataSourceEmpty=!1,this._activeIndex=0,this.index=0,this.pageIndex=null,this.transforms=["translateX(-100%)","translateX(0%)","translateX(100%)"],l.validatePackage(d.packageMetadata)}return Object.defineProperty(e.prototype,"activeIndex",{get:function(){return this._activeIndex},set:function(e){this.index=this._activeIndex=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"scrollViewLightOverlayClass",{get:function(){return"light"===this.pagerOverlay},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"scrollViewDarkOverlayClass",{get:function(){return"dark"===this.pagerOverlay},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostWidth",{get:function(){return this.width},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostHeight",{get:function(){return this.height},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!0,configurable:!0}),e.prototype.keyDown=function(e){e.keyCode===s.Keys.ArrowLeft&&(this.isRTL?this.next():this.prev()),e.keyCode===s.Keys.ArrowRight&&(this.isRTL?this.prev():this.next())},e.prototype.ngOnChanges=function(e){this.activeIndex=Math.max(Math.min(this.activeIndex,this.view.total-1),0)},e.prototype.prev=function(){this.navigate(o.Dir.Prev)},e.prototype.next=function(){this.navigate(o.Dir.Next)},e.prototype.transitionEndHandler=function(e){this.animationState=null,"left"!==e.toState&&"right"!==e.toState||(null!==this.pageIndex&&(this.activeIndex=this.pageIndex,this.pageIndex=null),this.activeIndex=this.index,this.activeIndexChange.emit(this.activeIndex),this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)}))},e.prototype.handlePress=function(e){this.initialTouchCoordinate=e.pageX},e.prototype.handleDrag=function(e){var t=e.pageX-this.initialTouchCoordinate;this.animationState||this.isDragForbidden(t)||!this.draggedInsideBounds(t)||this.renderer.setStyle(this.itemWrapper.nativeElement,"transform","translateX("+t+"px)")},e.prototype.handleRelease=function(e){var t=this,n=e.pageX-this.initialTouchCoordinate;this.isDragForbidden(n)||this.ngZone.run((function(){t.draggedEnoughToNavigate(n)?(t.isRTL?t.changeIndex(n<0?o.Dir.Prev:o.Dir.Next):t.changeIndex(n>0?o.Dir.Prev:o.Dir.Next),t.animate||(t.renderer.removeStyle(t.itemWrapper.nativeElement,"transform"),t.activeIndexChange.emit(t.activeIndex),t.itemChanged.emit({index:t.activeIndex,item:t.view.item(1)}))):t.animate&&n?t.animationState="center":t.renderer.removeStyle(t.itemWrapper.nativeElement,"transform")}))},e.prototype.pageChange=function(e){this.animationState||this.activeIndex===e||(this.animate?(this.pageIndex=e,this.isRTL?this.animationState=this.pageIndex>this.index?"right":"left":this.animationState=this.pageIndex>this.index?"left":"right"):this.activeIndex=e)},e.prototype.inlineListItemStyles=function(e){return{height:this.height,transform:this.transforms[e],width:"100%"}},e.prototype.displayLeftArrow=function(){var e;return e=this.isRTL?this.activeIndex+1<this.view.total:this.activeIndex>0,(this.endless||e)&&this.view.total>0},e.prototype.leftArrowClick=function(){this.isRTL?this.next():this.prev()},e.prototype.displayRightArrow=function(){var e;return e=this.isRTL?this.activeIndex>0:this.activeIndex+1<this.view.total,(this.endless||e)&&this.view.total>0},e.prototype.rightArrowClick=function(){this.isRTL?this.prev():this.next()},e.prototype.draggedInsideBounds=function(e){return Math.abs(e)<=this.element.nativeElement.offsetWidth},e.prototype.draggedEnoughToNavigate=function(e){return Math.abs(e)>this.element.nativeElement.offsetWidth/2},e.prototype.isDragForbidden=function(e){var t,n;return t=this.isRTL?e<0&&0!==e:e>0&&0!==e,n=0===this.activeIndex&&t||this.activeIndex===this.view.total-1&&!t,!this.endless&&n},e.prototype.navigate=function(e){this.isDataSourceEmpty||this.animationState||(this.changeIndex(e),this.animate||(this.activeIndexChange.emit(this.activeIndex),this.itemChanged.emit({index:this.activeIndex,item:this.view.item(1)})))},e.prototype.changeIndex=function(e){e===o.Dir.Next&&this.view.canMoveNext()?(this.index=(this.index+1)%this.view.total,this.animate?this.animationState=this.isRTL?"right":"left":this.activeIndex=this.index):e===o.Dir.Prev&&this.view.canMovePrev()&&(this.index=0===this.index?this.view.total-1:this.index-1,this.animate?this.animationState=this.isRTL?"left":"right":this.activeIndex=this.index)},Object.defineProperty(e.prototype,"isRTL",{get:function(){return"rtl"===this.direction},enumerable:!0,configurable:!0}),i.__decorate([a.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],e.prototype,"activeIndex",null),i.__decorate([a.Input(),i.__metadata("design:type",String)],e.prototype,"width",void 0),i.__decorate([a.Input(),i.__metadata("design:type",String)],e.prototype,"height",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"endless",void 0),i.__decorate([a.Input(),i.__metadata("design:type",String)],e.prototype,"pagerOverlay",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"animate",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"pageable",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Boolean)],e.prototype,"arrows",void 0),i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"itemChanged",void 0),i.__decorate([a.Output(),i.__metadata("design:type",a.EventEmitter)],e.prototype,"activeIndexChange",void 0),i.__decorate([a.ContentChild(a.TemplateRef,{static:!1}),i.__metadata("design:type",a.TemplateRef)],e.prototype,"itemTemplateRef",void 0),i.__decorate([a.ViewChild("itemWrapper",{static:!1}),i.__metadata("design:type",a.ElementRef)],e.prototype,"itemWrapper",void 0),i.__decorate([a.HostBinding("class.k-scrollview"),i.__metadata("design:type",Boolean)],e.prototype,"scrollViewClass",void 0),i.__decorate([a.HostBinding("class.k-scrollview-light"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"scrollViewLightOverlayClass",null),i.__decorate([a.HostBinding("class.k-scrollview-dark"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"scrollViewDarkOverlayClass",null),i.__decorate([a.HostBinding("style.width"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostWidth",null),i.__decorate([a.HostBinding("style.height"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"hostHeight",null),i.__decorate([a.HostBinding("attr.tabindex"),i.__metadata("design:type",Number)],e.prototype,"tabIndex",void 0),i.__decorate([a.HostBinding("attr.aria-live"),i.__metadata("design:type",String)],e.prototype,"ariaLive",void 0),i.__decorate([a.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"dir",null),i.__decorate([a.HostBinding("style.touch-action"),i.__metadata("design:type",String)],e.prototype,"touchAction",void 0),i.__decorate([a.HostListener("keydown",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Object]),i.__metadata("design:returntype",void 0)],e.prototype,"keyDown",null),e=i.__decorate([a.Component({animations:[r.trigger("animateTo",[r.state("center, left, right",r.style({transform:"translateX(0)"})),r.transition("* => right",[r.animate("300ms ease-out",r.style({transform:"translateX(100%)"}))]),r.transition("* => left",[r.animate("300ms ease-out",r.style({transform:"translateX(-100%)"}))]),r.transition("* => center",[r.animate("300ms ease-out")])])],exportAs:"kendoScrollView",providers:[c.LocalizationService,{provide:c.L10N_PREFIX,useValue:"kendo.scrollview"}],selector:"kendo-scrollview",template:'\n <ul class=\'k-scrollview-wrap\'\n #itemWrapper\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 '}),i.__metadata("design:paramtypes",[a.ElementRef,c.LocalizationService,a.NgZone,a.Renderer2])],e)}();t.ScrollViewComponent=u},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=n(0),r=n(0),o=function(){function e(){this.pagerIndexChange=new r.EventEmitter}return e.prototype.itemClass=function(e){return{"k-primary":e===this.activeIndex}},e.prototype.indexChange=function(e){this.pagerIndexChange.emit(e)},i.__decorate([a.Input(),i.__metadata("design:type",Number)],e.prototype,"activeIndex",void 0),i.__decorate([a.Input(),i.__metadata("design:type",Array)],e.prototype,"data",void 0),i.__decorate([a.Output(),i.__metadata("design:type",r.EventEmitter)],e.prototype,"pagerIndexChange",void 0),e=i.__decorate([a.Component({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 '})],e)}();t.ScrollViewPagerComponent=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.ScrollViewComponent=i.ScrollViewComponent;var a=n(12);t.ScrollViewModule=a.ScrollViewModule;var r=n(4);t.ScrollViewPagerComponent=r.ScrollViewPagerComponent},function(e,t){e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Next=1]="Next",e[e.Prev=-1]="Prev"}(t.Dir||(t.Dir={}))},function(e,t){e.exports=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-scrollview",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1645798934,version:"",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"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){if("function"==typeof Symbol&&Symbol.iterator)return Symbol.iterator;for(var e=Object.getOwnPropertyNames(Map.prototype),t=Map.prototype,n=0;n<e.length;++n){var i=e[n];if("entries"!==i&&"size"!==i&&t[i]===t.entries)return i}}();var a={},r=function(){function e(e,t,n,i,a){this.rtl=!1,this.source=e||[],this.index=t||0,this.endless=n,this.pageIndex=i,this.rtl=a}return Object.defineProperty(e.prototype,"data",{get:function(){var e,t=this.total;this.endless?e=[this.source[(this.index-1+t)%t],this.source[this.index%t],this.source[(this.index+1+t)%t]]:e=[a].concat(this.source,[a]).slice(this.index,this.index+3);null!==this.pageIndex&&(e[this.pageIndex>this.index?2:0]=this.source[this.pageIndex]);return this.rtl?e.reverse():e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"total",{get:function(){return this.source.length},enumerable:!0,configurable:!0}),e.prototype.canMoveNext=function(){return this.endless||this.index<this.total-1},e.prototype.canMovePrev=function(){return this.endless||this.index>0},e.prototype[i]=function(){return this.data[i]()},e}();t.DataResultIterator=r;var o=function(){function e(e){this.accessor=e}return Object.defineProperty(e.prototype,"length",{get:function(){return this.accessor().data.length},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"total",{get:function(){return this.accessor().total},enumerable:!0,configurable:!0}),e.prototype.item=function(e){return this.accessor().data[e]},e.prototype.canMoveNext=function(){return this.accessor().canMoveNext()},e.prototype.canMovePrev=function(){return this.accessor().canMovePrev()},e.prototype[Symbol.iterator]=function(){return this.accessor()[Symbol.iterator]()},e}();t.DataCollection=o},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=n(0),r=n(13),o=n(2),s=n(4),l=n(3),d=[o.ScrollViewComponent,s.ScrollViewPagerComponent],p=[o.ScrollViewComponent],c=function(){function e(){}return e=i.__decorate([a.NgModule({declarations:[d],exports:[p],imports:[r.CommonModule,l.DraggableModule]})],e)}();t.ScrollViewModule=c},function(e,t){e.exports=o}])}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/* tslint:disable:use-life-cycle-interface */
|
|
6
|
-
/** @hidden */
|
|
7
|
-
var iterator = getIterator();
|
|
8
|
-
// TODO: Move to kendo-common
|
|
9
|
-
function getIterator() {
|
|
10
|
-
if (typeof Symbol === 'function' && Symbol.iterator) {
|
|
11
|
-
return Symbol.iterator;
|
|
12
|
-
}
|
|
13
|
-
var keys = Object.getOwnPropertyNames(Map.prototype);
|
|
14
|
-
var proto = Map.prototype;
|
|
15
|
-
for (var i = 0; i < keys.length; ++i) {
|
|
16
|
-
var key = keys[i];
|
|
17
|
-
if (key !== 'entries' && key !== 'size' && proto[key] === proto.entries) {
|
|
18
|
-
return key;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
var EMPTY_OBJ = {};
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
var DataResultIterator = /** @class */ (function () {
|
|
27
|
-
function DataResultIterator(source, index, endless, pageIndex, rtl) {
|
|
28
|
-
this.rtl = false;
|
|
29
|
-
this.source = source ? source : [];
|
|
30
|
-
this.index = index ? index : 0;
|
|
31
|
-
this.endless = endless;
|
|
32
|
-
this.pageIndex = pageIndex;
|
|
33
|
-
this.rtl = rtl;
|
|
34
|
-
}
|
|
35
|
-
Object.defineProperty(DataResultIterator.prototype, "data", {
|
|
36
|
-
get: function () {
|
|
37
|
-
var itemCount = this.total;
|
|
38
|
-
var result;
|
|
39
|
-
if (this.endless) {
|
|
40
|
-
result = [
|
|
41
|
-
this.source[(this.index - 1 + itemCount) % itemCount],
|
|
42
|
-
this.source[this.index % itemCount],
|
|
43
|
-
this.source[(this.index + 1 + itemCount) % itemCount]
|
|
44
|
-
];
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
var data = [EMPTY_OBJ].concat(this.source, [EMPTY_OBJ]);
|
|
48
|
-
result = data.slice(this.index, this.index + 3);
|
|
49
|
-
}
|
|
50
|
-
if (this.pageIndex !== null) {
|
|
51
|
-
var isForward = this.pageIndex > this.index;
|
|
52
|
-
result[isForward ? 2 : 0] = this.source[this.pageIndex];
|
|
53
|
-
}
|
|
54
|
-
return this.rtl ? result.reverse() : result;
|
|
55
|
-
},
|
|
56
|
-
enumerable: true,
|
|
57
|
-
configurable: true
|
|
58
|
-
});
|
|
59
|
-
Object.defineProperty(DataResultIterator.prototype, "total", {
|
|
60
|
-
get: function () {
|
|
61
|
-
return this.source.length;
|
|
62
|
-
},
|
|
63
|
-
enumerable: true,
|
|
64
|
-
configurable: true
|
|
65
|
-
});
|
|
66
|
-
DataResultIterator.prototype.canMoveNext = function () {
|
|
67
|
-
return (this.endless || (this.index < this.total - 1));
|
|
68
|
-
};
|
|
69
|
-
DataResultIterator.prototype.canMovePrev = function () {
|
|
70
|
-
return (this.endless || this.index > 0);
|
|
71
|
-
};
|
|
72
|
-
DataResultIterator.prototype[iterator] = function () {
|
|
73
|
-
return this.data[iterator]();
|
|
74
|
-
};
|
|
75
|
-
return DataResultIterator;
|
|
76
|
-
}());
|
|
77
|
-
export { DataResultIterator };
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
var DataCollection = /** @class */ (function () {
|
|
82
|
-
function DataCollection(accessor) {
|
|
83
|
-
this.accessor = accessor;
|
|
84
|
-
}
|
|
85
|
-
Object.defineProperty(DataCollection.prototype, "length", {
|
|
86
|
-
get: function () { return this.accessor().data.length; },
|
|
87
|
-
enumerable: true,
|
|
88
|
-
configurable: true
|
|
89
|
-
});
|
|
90
|
-
Object.defineProperty(DataCollection.prototype, "total", {
|
|
91
|
-
get: function () { return this.accessor().total; },
|
|
92
|
-
enumerable: true,
|
|
93
|
-
configurable: true
|
|
94
|
-
});
|
|
95
|
-
DataCollection.prototype.item = function (index) {
|
|
96
|
-
return this.accessor().data[index];
|
|
97
|
-
};
|
|
98
|
-
DataCollection.prototype.canMoveNext = function () {
|
|
99
|
-
return this.accessor().canMoveNext();
|
|
100
|
-
};
|
|
101
|
-
DataCollection.prototype.canMovePrev = function () {
|
|
102
|
-
return this.accessor().canMovePrev();
|
|
103
|
-
};
|
|
104
|
-
DataCollection.prototype[Symbol.iterator] = function () {
|
|
105
|
-
return this.accessor()[Symbol.iterator]();
|
|
106
|
-
};
|
|
107
|
-
return DataCollection;
|
|
108
|
-
}());
|
|
109
|
-
export { DataCollection };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export var packageMetadata = {
|
|
9
|
-
name: '@progress/kendo-angular-scrollview',
|
|
10
|
-
productName: 'Kendo UI for Angular',
|
|
11
|
-
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate: 1645798934,
|
|
13
|
-
version: '',
|
|
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
|
-
};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
import { Component, Input, Output } from '@angular/core';
|
|
7
|
-
import { EventEmitter } from '@angular/core';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
var ScrollViewPagerComponent = /** @class */ (function () {
|
|
12
|
-
function ScrollViewPagerComponent() {
|
|
13
|
-
this.pagerIndexChange = new EventEmitter();
|
|
14
|
-
}
|
|
15
|
-
ScrollViewPagerComponent.prototype.itemClass = function (idx) {
|
|
16
|
-
return {
|
|
17
|
-
'k-primary': idx === this.activeIndex
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
ScrollViewPagerComponent.prototype.indexChange = function (selectedIndex) {
|
|
21
|
-
this.pagerIndexChange.emit(selectedIndex);
|
|
22
|
-
};
|
|
23
|
-
tslib_1.__decorate([
|
|
24
|
-
Input(),
|
|
25
|
-
tslib_1.__metadata("design:type", Number)
|
|
26
|
-
], ScrollViewPagerComponent.prototype, "activeIndex", void 0);
|
|
27
|
-
tslib_1.__decorate([
|
|
28
|
-
Input(),
|
|
29
|
-
tslib_1.__metadata("design:type", Array)
|
|
30
|
-
], ScrollViewPagerComponent.prototype, "data", void 0);
|
|
31
|
-
tslib_1.__decorate([
|
|
32
|
-
Output(),
|
|
33
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
34
|
-
], ScrollViewPagerComponent.prototype, "pagerIndexChange", void 0);
|
|
35
|
-
ScrollViewPagerComponent = tslib_1.__decorate([
|
|
36
|
-
Component({
|
|
37
|
-
selector: 'kendo-scrollview-pager',
|
|
38
|
-
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 "
|
|
39
|
-
})
|
|
40
|
-
], ScrollViewPagerComponent);
|
|
41
|
-
return ScrollViewPagerComponent;
|
|
42
|
-
}());
|
|
43
|
-
export { ScrollViewPagerComponent };
|