@uniprank/ngx-scrollspy 1.0.9 → 2.0.1
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/README.md +102 -81
- package/fesm2022/uniprank-ngx-scrollspy.mjs +389 -0
- package/fesm2022/uniprank-ngx-scrollspy.mjs.map +1 -0
- package/index.d.ts +6 -0
- package/lib/ngx-scrollspy.module.d.ts +24 -1
- package/lib/ngx-scrollspy.module.d.ts.map +1 -0
- package/lib/scroll-direction.enum.d.ts +1 -0
- package/lib/scroll-direction.enum.d.ts.map +1 -0
- package/lib/scroll-element.directive.d.ts +12 -9
- package/lib/scroll-element.directive.d.ts.map +1 -0
- package/lib/scroll-element.interface.d.ts +1 -0
- package/lib/scroll-element.interface.d.ts.map +1 -0
- package/lib/scroll-item.directive.d.ts +12 -12
- package/lib/scroll-item.directive.d.ts.map +1 -0
- package/lib/scroll-object.interface.d.ts +1 -0
- package/lib/scroll-object.interface.d.ts.map +1 -0
- package/lib/scroll-spy.directive.d.ts +11 -10
- package/lib/scroll-spy.directive.d.ts.map +1 -0
- package/lib/scroll-spy.service.d.ts +13 -10
- package/lib/scroll-spy.service.d.ts.map +1 -0
- package/package.json +22 -15
- package/public-api.d.ts +3 -1
- package/public-api.d.ts.map +1 -0
- package/uniprank-ngx-scrollspy.d.ts.map +1 -0
- package/CHANGELOG.md +0 -26
- package/bundles/uniprank-ngx-scrollspy.umd.js +0 -649
- package/bundles/uniprank-ngx-scrollspy.umd.js.map +0 -1
- package/bundles/uniprank-ngx-scrollspy.umd.min.js +0 -16
- package/bundles/uniprank-ngx-scrollspy.umd.min.js.map +0 -1
- package/esm2015/lib/ngx-scrollspy.module.js +0 -28
- package/esm2015/lib/scroll-direction.enum.js +0 -6
- package/esm2015/lib/scroll-element.directive.js +0 -63
- package/esm2015/lib/scroll-element.interface.js +0 -1
- package/esm2015/lib/scroll-item.directive.js +0 -61
- package/esm2015/lib/scroll-object.interface.js +0 -1
- package/esm2015/lib/scroll-spy.directive.js +0 -60
- package/esm2015/lib/scroll-spy.service.js +0 -210
- package/esm2015/public-api.js +0 -14
- package/esm2015/uniprank-ngx-scrollspy.js +0 -6
- package/esm5/lib/ngx-scrollspy.module.js +0 -33
- package/esm5/lib/scroll-direction.enum.js +0 -6
- package/esm5/lib/scroll-element.directive.js +0 -65
- package/esm5/lib/scroll-element.interface.js +0 -1
- package/esm5/lib/scroll-item.directive.js +0 -63
- package/esm5/lib/scroll-object.interface.js +0 -1
- package/esm5/lib/scroll-spy.directive.js +0 -62
- package/esm5/lib/scroll-spy.service.js +0 -219
- package/esm5/public-api.js +0 -14
- package/esm5/uniprank-ngx-scrollspy.js +0 -6
- package/fesm2015/uniprank-ngx-scrollspy.js +0 -415
- package/fesm2015/uniprank-ngx-scrollspy.js.map +0 -1
- package/fesm5/uniprank-ngx-scrollspy.js +0 -435
- package/fesm5/uniprank-ngx-scrollspy.js.map +0 -1
- package/uniprank-ngx-scrollspy.d.ts +0 -5
- package/uniprank-ngx-scrollspy.metadata.json +0 -1
|
@@ -1,649 +0,0 @@
|
|
|
1
|
-
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs'), require('rxjs/operators')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@uniprank/ngx-scrollspy', ['exports', '@angular/core', '@angular/common', 'rxjs', 'rxjs/operators'], factory) :
|
|
4
|
-
(global = global || self, factory((global.uniprank = global.uniprank || {}, global.uniprank['ngx-scrollspy'] = {}), global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators));
|
|
5
|
-
}(this, (function (exports, core, common, rxjs, operators) { 'use strict';
|
|
6
|
-
|
|
7
|
-
/*! *****************************************************************************
|
|
8
|
-
Copyright (c) Microsoft Corporation. All rights reserved.
|
|
9
|
-
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
|
10
|
-
this file except in compliance with the License. You may obtain a copy of the
|
|
11
|
-
License at http://www.apache.org/licenses/LICENSE-2.0
|
|
12
|
-
|
|
13
|
-
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
14
|
-
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
|
15
|
-
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
|
16
|
-
MERCHANTABLITY OR NON-INFRINGEMENT.
|
|
17
|
-
|
|
18
|
-
See the Apache Version 2.0 License for specific language governing permissions
|
|
19
|
-
and limitations under the License.
|
|
20
|
-
***************************************************************************** */
|
|
21
|
-
/* global Reflect, Promise */
|
|
22
|
-
|
|
23
|
-
var extendStatics = function(d, b) {
|
|
24
|
-
extendStatics = Object.setPrototypeOf ||
|
|
25
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
26
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
27
|
-
return extendStatics(d, b);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
function __extends(d, b) {
|
|
31
|
-
extendStatics(d, b);
|
|
32
|
-
function __() { this.constructor = d; }
|
|
33
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
var __assign = function() {
|
|
37
|
-
__assign = Object.assign || function __assign(t) {
|
|
38
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
39
|
-
s = arguments[i];
|
|
40
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
41
|
-
}
|
|
42
|
-
return t;
|
|
43
|
-
};
|
|
44
|
-
return __assign.apply(this, arguments);
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
function __rest(s, e) {
|
|
48
|
-
var t = {};
|
|
49
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
50
|
-
t[p] = s[p];
|
|
51
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
52
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
53
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
54
|
-
t[p[i]] = s[p[i]];
|
|
55
|
-
}
|
|
56
|
-
return t;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
function __decorate(decorators, target, key, desc) {
|
|
60
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
61
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
62
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
63
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
function __param(paramIndex, decorator) {
|
|
67
|
-
return function (target, key) { decorator(target, key, paramIndex); }
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
function __metadata(metadataKey, metadataValue) {
|
|
71
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
function __awaiter(thisArg, _arguments, P, generator) {
|
|
75
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
76
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
77
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
78
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
79
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
80
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
function __generator(thisArg, body) {
|
|
85
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
86
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
87
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
88
|
-
function step(op) {
|
|
89
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
90
|
-
while (_) try {
|
|
91
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
92
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
93
|
-
switch (op[0]) {
|
|
94
|
-
case 0: case 1: t = op; break;
|
|
95
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
96
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
97
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
98
|
-
default:
|
|
99
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
100
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
101
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
102
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
103
|
-
if (t[2]) _.ops.pop();
|
|
104
|
-
_.trys.pop(); continue;
|
|
105
|
-
}
|
|
106
|
-
op = body.call(thisArg, _);
|
|
107
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
108
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
function __exportStar(m, exports) {
|
|
113
|
-
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
function __values(o) {
|
|
117
|
-
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
118
|
-
if (m) return m.call(o);
|
|
119
|
-
if (o && typeof o.length === "number") return {
|
|
120
|
-
next: function () {
|
|
121
|
-
if (o && i >= o.length) o = void 0;
|
|
122
|
-
return { value: o && o[i++], done: !o };
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
function __read(o, n) {
|
|
129
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
130
|
-
if (!m) return o;
|
|
131
|
-
var i = m.call(o), r, ar = [], e;
|
|
132
|
-
try {
|
|
133
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
134
|
-
}
|
|
135
|
-
catch (error) { e = { error: error }; }
|
|
136
|
-
finally {
|
|
137
|
-
try {
|
|
138
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
139
|
-
}
|
|
140
|
-
finally { if (e) throw e.error; }
|
|
141
|
-
}
|
|
142
|
-
return ar;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
function __spread() {
|
|
146
|
-
for (var ar = [], i = 0; i < arguments.length; i++)
|
|
147
|
-
ar = ar.concat(__read(arguments[i]));
|
|
148
|
-
return ar;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
function __spreadArrays() {
|
|
152
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
153
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
154
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
155
|
-
r[k] = a[j];
|
|
156
|
-
return r;
|
|
157
|
-
};
|
|
158
|
-
|
|
159
|
-
function __await(v) {
|
|
160
|
-
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
function __asyncGenerator(thisArg, _arguments, generator) {
|
|
164
|
-
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
165
|
-
var g = generator.apply(thisArg, _arguments || []), i, q = [];
|
|
166
|
-
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
|
|
167
|
-
function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
|
|
168
|
-
function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
|
|
169
|
-
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
|
|
170
|
-
function fulfill(value) { resume("next", value); }
|
|
171
|
-
function reject(value) { resume("throw", value); }
|
|
172
|
-
function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
function __asyncDelegator(o) {
|
|
176
|
-
var i, p;
|
|
177
|
-
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
|
|
178
|
-
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
function __asyncValues(o) {
|
|
182
|
-
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
183
|
-
var m = o[Symbol.asyncIterator], i;
|
|
184
|
-
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
|
|
185
|
-
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
|
|
186
|
-
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
function __makeTemplateObject(cooked, raw) {
|
|
190
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
191
|
-
return cooked;
|
|
192
|
-
};
|
|
193
|
-
|
|
194
|
-
function __importStar(mod) {
|
|
195
|
-
if (mod && mod.__esModule) return mod;
|
|
196
|
-
var result = {};
|
|
197
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
|
|
198
|
-
result.default = mod;
|
|
199
|
-
return result;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
function __importDefault(mod) {
|
|
203
|
-
return (mod && mod.__esModule) ? mod : { default: mod };
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
function __classPrivateFieldGet(receiver, privateMap) {
|
|
207
|
-
if (!privateMap.has(receiver)) {
|
|
208
|
-
throw new TypeError("attempted to get private field on non-instance");
|
|
209
|
-
}
|
|
210
|
-
return privateMap.get(receiver);
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
function __classPrivateFieldSet(receiver, privateMap, value) {
|
|
214
|
-
if (!privateMap.has(receiver)) {
|
|
215
|
-
throw new TypeError("attempted to set private field on non-instance");
|
|
216
|
-
}
|
|
217
|
-
privateMap.set(receiver, value);
|
|
218
|
-
return value;
|
|
219
|
-
}
|
|
220
|
-
|
|
221
|
-
(function (ScrollDirectionEnum) {
|
|
222
|
-
ScrollDirectionEnum["vertical"] = "vertical";
|
|
223
|
-
ScrollDirectionEnum["horizontal"] = "horizontal";
|
|
224
|
-
})(exports.ScrollDirectionEnum || (exports.ScrollDirectionEnum = {}));
|
|
225
|
-
|
|
226
|
-
var defaultElementId = 'window';
|
|
227
|
-
var SPY_CONFIG = new core.InjectionToken(null);
|
|
228
|
-
var ScrollSpyService = /** @class */ (function () {
|
|
229
|
-
function ScrollSpyService(doc, config) {
|
|
230
|
-
var _this = this;
|
|
231
|
-
this.doc = doc;
|
|
232
|
-
this._scrollItems = {};
|
|
233
|
-
this._scrollElements = {};
|
|
234
|
-
this._$scrollElementListener = {};
|
|
235
|
-
this._scrollElementListener = {};
|
|
236
|
-
this._onStopListening = new rxjs.Subject();
|
|
237
|
-
this._resizeEvents = rxjs.fromEvent(window, 'resize').pipe(operators.auditTime(300), operators.takeUntil(this._onStopListening));
|
|
238
|
-
this._scrollEvents = rxjs.fromEvent(window, 'scroll').pipe(operators.auditTime(10), operators.takeUntil(this._onStopListening));
|
|
239
|
-
this._initScrollElementListener(defaultElementId, this._generateScrollElement(defaultElementId, new core.ElementRef(doc.documentElement || doc.body), exports.ScrollDirectionEnum.vertical));
|
|
240
|
-
this._resizeEvents.subscribe(function () { return _this._windowScroll(); });
|
|
241
|
-
this._scrollEvents.subscribe(function () { return _this._windowScroll(); });
|
|
242
|
-
this._windowScroll();
|
|
243
|
-
if (config !== null) {
|
|
244
|
-
this._lookAhead = config.lookAhead;
|
|
245
|
-
this._activateOnlySetItems = config.activateOnlySetItems;
|
|
246
|
-
this.attributeType = config.attributeType;
|
|
247
|
-
}
|
|
248
|
-
else {
|
|
249
|
-
this._lookAhead = false;
|
|
250
|
-
this._activateOnlySetItems = false;
|
|
251
|
-
this.attributeType = 'id';
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
ScrollSpyService.prototype._initScrollElementListener = function (scrollElementId, scrollElement) {
|
|
255
|
-
this._scrollElements[scrollElementId] = scrollElement;
|
|
256
|
-
this._scrollElementListener[scrollElementId] = null;
|
|
257
|
-
this._$scrollElementListener[scrollElementId] = new rxjs.BehaviorSubject(null);
|
|
258
|
-
};
|
|
259
|
-
ScrollSpyService.prototype._windowScroll = function () {
|
|
260
|
-
this.updateScrollElement(defaultElementId);
|
|
261
|
-
};
|
|
262
|
-
ScrollSpyService.prototype._generateScrollElement = function (scrollElementId, elementRef, direction, offset) {
|
|
263
|
-
if (offset === void 0) { offset = 0; }
|
|
264
|
-
return {
|
|
265
|
-
id: scrollElementId,
|
|
266
|
-
elementRef: elementRef,
|
|
267
|
-
direction: direction,
|
|
268
|
-
offset: offset
|
|
269
|
-
};
|
|
270
|
-
};
|
|
271
|
-
ScrollSpyService.prototype.setOffset = function (scrollElementId, offset) {
|
|
272
|
-
this._checkScrollElementExists(scrollElementId);
|
|
273
|
-
this._scrollElements[scrollElementId].offset = offset;
|
|
274
|
-
};
|
|
275
|
-
ScrollSpyService.prototype.setScrollElement = function (scrollElementId, elementRef, direction, offset) {
|
|
276
|
-
if (offset === void 0) { offset = 0; }
|
|
277
|
-
this._checkScrollElementNotExists(scrollElementId);
|
|
278
|
-
this._initScrollElementListener(scrollElementId, this._generateScrollElement(scrollElementId, elementRef, direction, offset));
|
|
279
|
-
};
|
|
280
|
-
ScrollSpyService.prototype._checkScrollElementNotExists = function (scrollElementId) {
|
|
281
|
-
if (this._scrollElements[scrollElementId] != null) {
|
|
282
|
-
throw new Error("ScrollSpyService: The scroll element with the id [" + scrollElementId + "] exists.");
|
|
283
|
-
}
|
|
284
|
-
};
|
|
285
|
-
ScrollSpyService.prototype.setItem = function (itemId, elementRef, scrollElementId) {
|
|
286
|
-
if (scrollElementId === void 0) { scrollElementId = defaultElementId; }
|
|
287
|
-
this._checkItemNotExists(itemId);
|
|
288
|
-
this._scrollItems[itemId] = this._generateScrollObject(itemId, elementRef, scrollElementId);
|
|
289
|
-
this._setDefaultItem(itemId, scrollElementId);
|
|
290
|
-
};
|
|
291
|
-
ScrollSpyService.prototype._checkItemNotExists = function (itemId) {
|
|
292
|
-
if (this._scrollItems[itemId] != null) {
|
|
293
|
-
throw new Error("ScrollSpyService: The scroll item with the id [" + itemId + "] exists.");
|
|
294
|
-
}
|
|
295
|
-
};
|
|
296
|
-
ScrollSpyService.prototype._generateScrollObject = function (id, elementRef, scrollElementId) {
|
|
297
|
-
return {
|
|
298
|
-
id: id,
|
|
299
|
-
scrollElementId: scrollElementId,
|
|
300
|
-
elementRef: elementRef,
|
|
301
|
-
nativeElement: elementRef.nativeElement
|
|
302
|
-
};
|
|
303
|
-
};
|
|
304
|
-
ScrollSpyService.prototype._setDefaultItem = function (itemId, scrollElementId) {
|
|
305
|
-
if (this._lookAhead) {
|
|
306
|
-
return;
|
|
307
|
-
}
|
|
308
|
-
var _value = this._scrollElementListener[scrollElementId];
|
|
309
|
-
if (_value == null) {
|
|
310
|
-
this._setScrollElementListener(scrollElementId, this._scrollItems[itemId]);
|
|
311
|
-
}
|
|
312
|
-
};
|
|
313
|
-
ScrollSpyService.prototype._setScrollElementListener = function (scrollElementId, scrollObject) {
|
|
314
|
-
var _this = this;
|
|
315
|
-
this._scrollElementListener[scrollElementId] = scrollObject;
|
|
316
|
-
setTimeout(function () { return _this._$scrollElementListener[scrollElementId].next(scrollObject); });
|
|
317
|
-
};
|
|
318
|
-
ScrollSpyService.prototype.changeScrollElement = function (itemId, oldElementId, newElementId, override) {
|
|
319
|
-
if (override === void 0) { override = false; }
|
|
320
|
-
this._checkScrollElementExists(oldElementId);
|
|
321
|
-
this._checkScrollElementExists(newElementId);
|
|
322
|
-
this._checkItemExists(itemId);
|
|
323
|
-
var _scrollItem = this._scrollItems[itemId];
|
|
324
|
-
if ((_scrollItem.scrollElementId !== defaultElementId && override) || _scrollItem.scrollElementId === defaultElementId) {
|
|
325
|
-
this._scrollItems[itemId].scrollElementId = newElementId;
|
|
326
|
-
}
|
|
327
|
-
this._setDefaultItem(itemId, newElementId);
|
|
328
|
-
var _oldElements = this._getElementItems(oldElementId);
|
|
329
|
-
if (_oldElements.length > 0) {
|
|
330
|
-
this._setDefaultItem(_oldElements[0].id, oldElementId);
|
|
331
|
-
}
|
|
332
|
-
};
|
|
333
|
-
ScrollSpyService.prototype._getElementItems = function (scrollElementId) {
|
|
334
|
-
var _items = [];
|
|
335
|
-
for (var key in this._scrollItems) {
|
|
336
|
-
if (this._scrollItems.hasOwnProperty(key)) {
|
|
337
|
-
var value = this._scrollItems[key];
|
|
338
|
-
if (value.scrollElementId === scrollElementId) {
|
|
339
|
-
_items.push(value);
|
|
340
|
-
}
|
|
341
|
-
}
|
|
342
|
-
}
|
|
343
|
-
return _items;
|
|
344
|
-
};
|
|
345
|
-
ScrollSpyService.prototype._checkItemExists = function (itemId) {
|
|
346
|
-
if (this._scrollItems[itemId] == null) {
|
|
347
|
-
throw new Error("ScrollSpyService: The scroll item with the id [" + itemId + "] doesn't exist.");
|
|
348
|
-
}
|
|
349
|
-
};
|
|
350
|
-
ScrollSpyService.prototype.observe = function (scrollElementId) {
|
|
351
|
-
if (scrollElementId === void 0) { scrollElementId = defaultElementId; }
|
|
352
|
-
this._checkScrollElementExists(scrollElementId);
|
|
353
|
-
return this._$scrollElementListener[scrollElementId].asObservable();
|
|
354
|
-
};
|
|
355
|
-
ScrollSpyService.prototype._checkScrollElementExists = function (scrollElementId) {
|
|
356
|
-
if (this._scrollElements[scrollElementId] == null) {
|
|
357
|
-
throw new Error("ScrollSpyService: The scroll element with the id [" + scrollElementId + "] doesn't exist.");
|
|
358
|
-
}
|
|
359
|
-
};
|
|
360
|
-
ScrollSpyService.prototype.updateScrollElement = function (scrollElementId) {
|
|
361
|
-
this._checkScrollElementExists(scrollElementId);
|
|
362
|
-
var _element = this._scrollElements[scrollElementId];
|
|
363
|
-
var _elementItems = this._getElementItems(scrollElementId);
|
|
364
|
-
var _nextActiveItem = this._getActiveItem(_element, _elementItems);
|
|
365
|
-
var _currentActiveItem = this._scrollElementListener[scrollElementId];
|
|
366
|
-
if (_currentActiveItem == null) {
|
|
367
|
-
if (_nextActiveItem != null) {
|
|
368
|
-
this._setScrollElementListener(scrollElementId, _nextActiveItem);
|
|
369
|
-
}
|
|
370
|
-
}
|
|
371
|
-
else if (_nextActiveItem != null) {
|
|
372
|
-
if (_currentActiveItem.id !== _nextActiveItem.id) {
|
|
373
|
-
this._setScrollElementListener(scrollElementId, _nextActiveItem);
|
|
374
|
-
}
|
|
375
|
-
}
|
|
376
|
-
else if (_nextActiveItem == null && this._lookAhead) {
|
|
377
|
-
this._setScrollElementListener(scrollElementId, null);
|
|
378
|
-
}
|
|
379
|
-
};
|
|
380
|
-
ScrollSpyService.prototype._getActiveItem = function (scrollElement, listOfElements) {
|
|
381
|
-
var _this = this;
|
|
382
|
-
var _direction = scrollElement.direction;
|
|
383
|
-
var _scrollObject = null;
|
|
384
|
-
var nativeElement = scrollElement.elementRef.nativeElement;
|
|
385
|
-
listOfElements.forEach(function (_element) {
|
|
386
|
-
var _active = false;
|
|
387
|
-
switch (_direction) {
|
|
388
|
-
case exports.ScrollDirectionEnum.horizontal:
|
|
389
|
-
var _scrollLeft = scrollElement.id.toLowerCase() === 'window' ? (window && window.pageXOffset) || 0 : nativeElement.scrollLeft;
|
|
390
|
-
_active = _element.nativeElement.offsetLeft <= _scrollLeft + scrollElement.offset;
|
|
391
|
-
break;
|
|
392
|
-
default: {
|
|
393
|
-
var _scrollTop = scrollElement.id.toLowerCase() === 'window' ? (window && window.pageYOffset) || 0 : nativeElement.scrollTop;
|
|
394
|
-
if (_this._activateOnlySetItems) {
|
|
395
|
-
_active =
|
|
396
|
-
_element.nativeElement.offsetTop < _scrollTop + scrollElement.offset &&
|
|
397
|
-
_element.nativeElement.offsetTop + _element.nativeElement.offsetHeight > _scrollTop + scrollElement.offset;
|
|
398
|
-
}
|
|
399
|
-
else {
|
|
400
|
-
_active = _element.nativeElement.offsetTop <= _scrollTop + scrollElement.offset;
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
}
|
|
404
|
-
if (_active) {
|
|
405
|
-
_scrollObject = _element;
|
|
406
|
-
}
|
|
407
|
-
});
|
|
408
|
-
return _scrollObject;
|
|
409
|
-
};
|
|
410
|
-
ScrollSpyService.prototype.deleteScrollElement = function (scrollElementId) {
|
|
411
|
-
if (scrollElementId === 'window') {
|
|
412
|
-
this._setScrollElementListener(scrollElementId, null);
|
|
413
|
-
}
|
|
414
|
-
else {
|
|
415
|
-
this._checkScrollElementExists(scrollElementId);
|
|
416
|
-
delete this._scrollElements[scrollElementId];
|
|
417
|
-
delete this._$scrollElementListener[scrollElementId];
|
|
418
|
-
delete this._scrollElementListener[scrollElementId];
|
|
419
|
-
}
|
|
420
|
-
};
|
|
421
|
-
ScrollSpyService.prototype.deleteItem = function (itemId) {
|
|
422
|
-
if (this._scrollItems[itemId] != null) {
|
|
423
|
-
delete this._scrollItems[itemId];
|
|
424
|
-
}
|
|
425
|
-
};
|
|
426
|
-
ScrollSpyService.ctorParameters = function () { return [
|
|
427
|
-
{ type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
|
|
428
|
-
{ type: undefined, decorators: [{ type: core.Inject, args: [SPY_CONFIG,] }, { type: core.Optional }] }
|
|
429
|
-
]; };
|
|
430
|
-
ScrollSpyService = __decorate([
|
|
431
|
-
core.Injectable(),
|
|
432
|
-
__param(0, core.Inject(common.DOCUMENT)), __param(1, core.Inject(SPY_CONFIG)), __param(1, core.Optional()),
|
|
433
|
-
__metadata("design:paramtypes", [Object, Object])
|
|
434
|
-
], ScrollSpyService);
|
|
435
|
-
return ScrollSpyService;
|
|
436
|
-
}());
|
|
437
|
-
|
|
438
|
-
var ScrollSpyDirective = /** @class */ (function () {
|
|
439
|
-
function ScrollSpyDirective(_el, _scrollSpyService, _cdr) {
|
|
440
|
-
this._el = _el;
|
|
441
|
-
this._scrollSpyService = _scrollSpyService;
|
|
442
|
-
this._cdr = _cdr;
|
|
443
|
-
this.classActive = false;
|
|
444
|
-
this.scrollElement = 'window';
|
|
445
|
-
}
|
|
446
|
-
ScrollSpyDirective.prototype.ngOnDestroy = function () {
|
|
447
|
-
if (this._subscriber) {
|
|
448
|
-
this._subscriber.unsubscribe();
|
|
449
|
-
}
|
|
450
|
-
this._scrollSpyService.deleteItem(this.itemId);
|
|
451
|
-
};
|
|
452
|
-
ScrollSpyDirective.prototype.ngAfterViewInit = function () {
|
|
453
|
-
var _this = this;
|
|
454
|
-
this._subscriber = this._scrollSpyService.observe(this.scrollElement).subscribe(function (element) {
|
|
455
|
-
if (element != null) {
|
|
456
|
-
var _active_1 = element.id === _this.itemId;
|
|
457
|
-
setTimeout(function () {
|
|
458
|
-
_this.classActive = _active_1;
|
|
459
|
-
_this._cdr.markForCheck();
|
|
460
|
-
});
|
|
461
|
-
}
|
|
462
|
-
});
|
|
463
|
-
this._scrollSpyService.setItem(this.itemId, this._el, this.scrollElement);
|
|
464
|
-
var _keyType = 'id';
|
|
465
|
-
if (this._scrollSpyService.attributeType === 'data-id') {
|
|
466
|
-
_keyType = 'data-id';
|
|
467
|
-
}
|
|
468
|
-
this._el.nativeElement.setAttribute(_keyType, this.itemId);
|
|
469
|
-
};
|
|
470
|
-
ScrollSpyDirective.ctorParameters = function () { return [
|
|
471
|
-
{ type: core.ElementRef },
|
|
472
|
-
{ type: ScrollSpyService },
|
|
473
|
-
{ type: core.ChangeDetectorRef }
|
|
474
|
-
]; };
|
|
475
|
-
__decorate([
|
|
476
|
-
core.HostBinding('class.active'),
|
|
477
|
-
__metadata("design:type", Object)
|
|
478
|
-
], ScrollSpyDirective.prototype, "classActive", void 0);
|
|
479
|
-
__decorate([
|
|
480
|
-
core.Input('uniScrollSpy'),
|
|
481
|
-
__metadata("design:type", String)
|
|
482
|
-
], ScrollSpyDirective.prototype, "itemId", void 0);
|
|
483
|
-
__decorate([
|
|
484
|
-
core.Input(),
|
|
485
|
-
__metadata("design:type", Object)
|
|
486
|
-
], ScrollSpyDirective.prototype, "scrollElement", void 0);
|
|
487
|
-
ScrollSpyDirective = __decorate([
|
|
488
|
-
core.Directive({
|
|
489
|
-
selector: '[uniScrollSpy]'
|
|
490
|
-
}),
|
|
491
|
-
__metadata("design:paramtypes", [core.ElementRef, ScrollSpyService, core.ChangeDetectorRef])
|
|
492
|
-
], ScrollSpyDirective);
|
|
493
|
-
return ScrollSpyDirective;
|
|
494
|
-
}());
|
|
495
|
-
|
|
496
|
-
var ScrollElementDirective = /** @class */ (function () {
|
|
497
|
-
function ScrollElementDirective(_el, _scrollSpyService) {
|
|
498
|
-
this._el = _el;
|
|
499
|
-
this._scrollSpyService = _scrollSpyService;
|
|
500
|
-
this.direction = exports.ScrollDirectionEnum.vertical;
|
|
501
|
-
}
|
|
502
|
-
ScrollElementDirective.prototype.onScroll = function ($event) {
|
|
503
|
-
this._scrollSpyService.updateScrollElement(this.elementId);
|
|
504
|
-
};
|
|
505
|
-
ScrollElementDirective.prototype.ngOnInit = function () {
|
|
506
|
-
this._scrollSpyService.setScrollElement(this.elementId, this._el, this.direction);
|
|
507
|
-
if (this._scrollSpyService.attributeType === 'id') {
|
|
508
|
-
this._el.nativeElement.setAttribute('id', this.elementId);
|
|
509
|
-
}
|
|
510
|
-
else {
|
|
511
|
-
this._el.nativeElement.setAttribute('data-id', this.elementId);
|
|
512
|
-
}
|
|
513
|
-
};
|
|
514
|
-
ScrollElementDirective.prototype.ngAfterViewInit = function () {
|
|
515
|
-
var _this = this;
|
|
516
|
-
var _scrollSpyElements = this._scrollSpyElements.toArray();
|
|
517
|
-
_scrollSpyElements.forEach(function (element) {
|
|
518
|
-
_this._scrollSpyService.changeScrollElement(element.itemId, element.scrollElement, _this.elementId);
|
|
519
|
-
});
|
|
520
|
-
};
|
|
521
|
-
ScrollElementDirective.prototype.ngOnDestroy = function () {
|
|
522
|
-
this._scrollSpyService.deleteScrollElement(this.elementId);
|
|
523
|
-
};
|
|
524
|
-
ScrollElementDirective.ctorParameters = function () { return [
|
|
525
|
-
{ type: core.ElementRef },
|
|
526
|
-
{ type: ScrollSpyService }
|
|
527
|
-
]; };
|
|
528
|
-
__decorate([
|
|
529
|
-
core.Input('uniScrollElement'),
|
|
530
|
-
__metadata("design:type", String)
|
|
531
|
-
], ScrollElementDirective.prototype, "elementId", void 0);
|
|
532
|
-
__decorate([
|
|
533
|
-
core.Input(),
|
|
534
|
-
__metadata("design:type", String)
|
|
535
|
-
], ScrollElementDirective.prototype, "direction", void 0);
|
|
536
|
-
__decorate([
|
|
537
|
-
core.ContentChildren(ScrollSpyDirective, { descendants: true }),
|
|
538
|
-
__metadata("design:type", core.QueryList)
|
|
539
|
-
], ScrollElementDirective.prototype, "_scrollSpyElements", void 0);
|
|
540
|
-
__decorate([
|
|
541
|
-
core.HostListener('scroll', ['$event']),
|
|
542
|
-
__metadata("design:type", Function),
|
|
543
|
-
__metadata("design:paramtypes", [Object]),
|
|
544
|
-
__metadata("design:returntype", void 0)
|
|
545
|
-
], ScrollElementDirective.prototype, "onScroll", null);
|
|
546
|
-
ScrollElementDirective = __decorate([
|
|
547
|
-
core.Directive({
|
|
548
|
-
selector: '[uniScrollElement]'
|
|
549
|
-
}),
|
|
550
|
-
__metadata("design:paramtypes", [core.ElementRef, ScrollSpyService])
|
|
551
|
-
], ScrollElementDirective);
|
|
552
|
-
return ScrollElementDirective;
|
|
553
|
-
}());
|
|
554
|
-
|
|
555
|
-
var ScrollItemDirective = /** @class */ (function () {
|
|
556
|
-
function ScrollItemDirective(_scrollSpyService, _cdr) {
|
|
557
|
-
this._scrollSpyService = _scrollSpyService;
|
|
558
|
-
this._cdr = _cdr;
|
|
559
|
-
this.classActive = false;
|
|
560
|
-
this.scrollElement = 'window';
|
|
561
|
-
this.activeEvent = new core.EventEmitter();
|
|
562
|
-
}
|
|
563
|
-
ScrollItemDirective.prototype.ngOnDestroy = function () {
|
|
564
|
-
if (this._subscriber) {
|
|
565
|
-
this._subscriber.unsubscribe();
|
|
566
|
-
}
|
|
567
|
-
};
|
|
568
|
-
ScrollItemDirective.prototype.ngAfterViewInit = function () {
|
|
569
|
-
var _this = this;
|
|
570
|
-
this._subscriber = this._scrollSpyService.observe(this.scrollElement).subscribe(function (element) {
|
|
571
|
-
var _active;
|
|
572
|
-
if (element != null) {
|
|
573
|
-
_active = element.id === _this.itemId;
|
|
574
|
-
_this.activeEvent.emit(_active);
|
|
575
|
-
}
|
|
576
|
-
else {
|
|
577
|
-
_active = false;
|
|
578
|
-
}
|
|
579
|
-
setTimeout(function () {
|
|
580
|
-
_this.classActive = _active;
|
|
581
|
-
_this._cdr.markForCheck();
|
|
582
|
-
});
|
|
583
|
-
});
|
|
584
|
-
};
|
|
585
|
-
ScrollItemDirective.ctorParameters = function () { return [
|
|
586
|
-
{ type: ScrollSpyService },
|
|
587
|
-
{ type: core.ChangeDetectorRef }
|
|
588
|
-
]; };
|
|
589
|
-
__decorate([
|
|
590
|
-
core.HostBinding('class.active'),
|
|
591
|
-
__metadata("design:type", Object)
|
|
592
|
-
], ScrollItemDirective.prototype, "classActive", void 0);
|
|
593
|
-
__decorate([
|
|
594
|
-
core.Input('uniScrollItem'),
|
|
595
|
-
__metadata("design:type", String)
|
|
596
|
-
], ScrollItemDirective.prototype, "itemId", void 0);
|
|
597
|
-
__decorate([
|
|
598
|
-
core.Input(),
|
|
599
|
-
__metadata("design:type", Object)
|
|
600
|
-
], ScrollItemDirective.prototype, "scrollElement", void 0);
|
|
601
|
-
__decorate([
|
|
602
|
-
core.Output(),
|
|
603
|
-
__metadata("design:type", core.EventEmitter)
|
|
604
|
-
], ScrollItemDirective.prototype, "activeEvent", void 0);
|
|
605
|
-
ScrollItemDirective = __decorate([
|
|
606
|
-
core.Directive({
|
|
607
|
-
selector: '[uniScrollItem]'
|
|
608
|
-
}),
|
|
609
|
-
__metadata("design:paramtypes", [ScrollSpyService, core.ChangeDetectorRef])
|
|
610
|
-
], ScrollItemDirective);
|
|
611
|
-
return ScrollItemDirective;
|
|
612
|
-
}());
|
|
613
|
-
|
|
614
|
-
var directives = [ScrollSpyDirective, ScrollItemDirective, ScrollElementDirective];
|
|
615
|
-
var components = [];
|
|
616
|
-
var providers = [ScrollSpyService];
|
|
617
|
-
var NgxScrollspyModule = /** @class */ (function () {
|
|
618
|
-
function NgxScrollspyModule() {
|
|
619
|
-
}
|
|
620
|
-
NgxScrollspyModule_1 = NgxScrollspyModule;
|
|
621
|
-
NgxScrollspyModule.forRoot = function (parameters) {
|
|
622
|
-
if (parameters === void 0) { parameters = { lookAhead: false }; }
|
|
623
|
-
return {
|
|
624
|
-
ngModule: NgxScrollspyModule_1,
|
|
625
|
-
providers: __spread(providers, [{ provide: SPY_CONFIG, useValue: parameters }])
|
|
626
|
-
};
|
|
627
|
-
};
|
|
628
|
-
var NgxScrollspyModule_1;
|
|
629
|
-
NgxScrollspyModule = NgxScrollspyModule_1 = __decorate([
|
|
630
|
-
core.NgModule({
|
|
631
|
-
imports: [common.CommonModule],
|
|
632
|
-
declarations: __spread(directives, components),
|
|
633
|
-
exports: __spread(directives, components)
|
|
634
|
-
})
|
|
635
|
-
], NgxScrollspyModule);
|
|
636
|
-
return NgxScrollspyModule;
|
|
637
|
-
}());
|
|
638
|
-
|
|
639
|
-
exports.NgxScrollspyModule = NgxScrollspyModule;
|
|
640
|
-
exports.ScrollElementDirective = ScrollElementDirective;
|
|
641
|
-
exports.ScrollItemDirective = ScrollItemDirective;
|
|
642
|
-
exports.ScrollSpyDirective = ScrollSpyDirective;
|
|
643
|
-
exports.ScrollSpyService = ScrollSpyService;
|
|
644
|
-
exports.ɵa = SPY_CONFIG;
|
|
645
|
-
|
|
646
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
647
|
-
|
|
648
|
-
})));
|
|
649
|
-
//# sourceMappingURL=uniprank-ngx-scrollspy.umd.js.map
|