1 | "use strict";
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.default = void 0;
|
5 |
|
6 | var _ssrWindow = require("ssr-window");
|
7 |
|
8 | var _utils = require("../../utils/utils");
|
9 |
|
10 | function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
11 |
|
12 | var History = {
|
13 | init: function init() {
|
14 | var swiper = this;
|
15 | var window = (0, _ssrWindow.getWindow)();
|
16 | if (!swiper.params.history) return;
|
17 |
|
18 | if (!window.history || !window.history.pushState) {
|
19 | swiper.params.history.enabled = false;
|
20 | swiper.params.hashNavigation.enabled = true;
|
21 | return;
|
22 | }
|
23 |
|
24 | var history = swiper.history;
|
25 | history.initialized = true;
|
26 | history.paths = History.getPathValues(swiper.params.url);
|
27 | if (!history.paths.key && !history.paths.value) return;
|
28 | history.scrollToSlide(0, history.paths.value, swiper.params.runCallbacksOnInit);
|
29 |
|
30 | if (!swiper.params.history.replaceState) {
|
31 | window.addEventListener('popstate', swiper.history.setHistoryPopState);
|
32 | }
|
33 | },
|
34 | destroy: function destroy() {
|
35 | var swiper = this;
|
36 | var window = (0, _ssrWindow.getWindow)();
|
37 |
|
38 | if (!swiper.params.history.replaceState) {
|
39 | window.removeEventListener('popstate', swiper.history.setHistoryPopState);
|
40 | }
|
41 | },
|
42 | setHistoryPopState: function setHistoryPopState() {
|
43 | var swiper = this;
|
44 | swiper.history.paths = History.getPathValues(swiper.params.url);
|
45 | swiper.history.scrollToSlide(swiper.params.speed, swiper.history.paths.value, false);
|
46 | },
|
47 | getPathValues: function getPathValues(urlOverride) {
|
48 | var window = (0, _ssrWindow.getWindow)();
|
49 | var location;
|
50 |
|
51 | if (urlOverride) {
|
52 | location = new URL(urlOverride);
|
53 | } else {
|
54 | location = window.location;
|
55 | }
|
56 |
|
57 | var pathArray = location.pathname.slice(1).split('/').filter(function (part) {
|
58 | return part !== '';
|
59 | });
|
60 | var total = pathArray.length;
|
61 | var key = pathArray[total - 2];
|
62 | var value = pathArray[total - 1];
|
63 | return {
|
64 | key: key,
|
65 | value: value
|
66 | };
|
67 | },
|
68 | setHistory: function setHistory(key, index) {
|
69 | var swiper = this;
|
70 | var window = (0, _ssrWindow.getWindow)();
|
71 | if (!swiper.history.initialized || !swiper.params.history.enabled) return;
|
72 | var location;
|
73 |
|
74 | if (swiper.params.url) {
|
75 | location = new URL(swiper.params.url);
|
76 | } else {
|
77 | location = window.location;
|
78 | }
|
79 |
|
80 | var slide = swiper.slides.eq(index);
|
81 | var value = History.slugify(slide.attr('data-history'));
|
82 |
|
83 | if (!location.pathname.includes(key)) {
|
84 | value = key + "/" + value;
|
85 | }
|
86 |
|
87 | var currentState = window.history.state;
|
88 |
|
89 | if (currentState && currentState.value === value) {
|
90 | return;
|
91 | }
|
92 |
|
93 | if (swiper.params.history.replaceState) {
|
94 | window.history.replaceState({
|
95 | value: value
|
96 | }, null, value);
|
97 | } else {
|
98 | window.history.pushState({
|
99 | value: value
|
100 | }, null, value);
|
101 | }
|
102 | },
|
103 | slugify: function slugify(text) {
|
104 | return text.toString().replace(/\s+/g, '-').replace(/[^\w-]+/g, '').replace(/--+/g, '-').replace(/^-+/, '').replace(/-+$/, '');
|
105 | },
|
106 | scrollToSlide: function scrollToSlide(speed, value, runCallbacks) {
|
107 | var swiper = this;
|
108 |
|
109 | if (value) {
|
110 | for (var i = 0, length = swiper.slides.length; i < length; i += 1) {
|
111 | var slide = swiper.slides.eq(i);
|
112 | var slideHistory = History.slugify(slide.attr('data-history'));
|
113 |
|
114 | if (slideHistory === value && !slide.hasClass(swiper.params.slideDuplicateClass)) {
|
115 | var index = slide.index();
|
116 | swiper.slideTo(index, speed, runCallbacks);
|
117 | }
|
118 | }
|
119 | } else {
|
120 | swiper.slideTo(0, speed, runCallbacks);
|
121 | }
|
122 | }
|
123 | };
|
124 | var _default = {
|
125 | name: 'history',
|
126 | params: {
|
127 | history: {
|
128 | enabled: false,
|
129 | replaceState: false,
|
130 | key: 'slides'
|
131 | }
|
132 | },
|
133 | create: function create() {
|
134 | var swiper = this;
|
135 | (0, _utils.bindModuleMethods)(swiper, {
|
136 | history: _extends({}, History)
|
137 | });
|
138 | },
|
139 | on: {
|
140 | init: function init(swiper) {
|
141 | if (swiper.params.history.enabled) {
|
142 | swiper.history.init();
|
143 | }
|
144 | },
|
145 | destroy: function destroy(swiper) {
|
146 | if (swiper.params.history.enabled) {
|
147 | swiper.history.destroy();
|
148 | }
|
149 | },
|
150 | transitionEnd: function transitionEnd(swiper) {
|
151 | if (swiper.history.initialized) {
|
152 | swiper.history.setHistory(swiper.params.history.key, swiper.activeIndex);
|
153 | }
|
154 | },
|
155 | slideChange: function slideChange(swiper) {
|
156 | if (swiper.history.initialized && swiper.params.cssMode) {
|
157 | swiper.history.setHistory(swiper.params.history.key, swiper.activeIndex);
|
158 | }
|
159 | }
|
160 | }
|
161 | };
|
162 | exports.default = _default; |
\ | No newline at end of file |