@dpouris/gswap 0.2.0 → 0.2.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/dist/src/main.js +23 -28
- package/dist/src/main.js.map +1 -1
- package/package.json +1 -1
package/dist/src/main.js
CHANGED
|
@@ -4,7 +4,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
4
4
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
5
5
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6
6
|
};
|
|
7
|
-
var _GSwap_instances, _GSwap_currentImg,
|
|
7
|
+
var _GSwap_instances, _GSwap_currentImg, _GSwap_creatImageContainerElement, _GSwap_createImageElements, _GSwap_createNavigation, _GSwap_appendElementsOnMainContainer, _GSwap_shiftImagesToTheRight, _GSwap_shiftImagesToTheLeft, _GSwap_findPrevActiveElem, _GSwap_findNextActiveElement;
|
|
8
8
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
9
|
exports.GSwap = void 0;
|
|
10
10
|
class GSwap {
|
|
@@ -45,7 +45,6 @@ class GSwap {
|
|
|
45
45
|
this.containerElem.children[0].insertAdjacentHTML("beforeend", first.outerHTML);
|
|
46
46
|
first.style.opacity = "0";
|
|
47
47
|
first.remove();
|
|
48
|
-
// first.remove();
|
|
49
48
|
});
|
|
50
49
|
_GSwap_findPrevActiveElem.set(this, () => {
|
|
51
50
|
this.containerElem.children[0].childNodes.forEach((image) => {
|
|
@@ -99,12 +98,11 @@ class GSwap {
|
|
|
99
98
|
}
|
|
100
99
|
let counter = 0;
|
|
101
100
|
this.containerElem.children[0].childNodes.forEach((image) => {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
(counter * directionLeft).toString() + "px";
|
|
101
|
+
const imgElem = image;
|
|
102
|
+
imgElem.style.position = "absolute";
|
|
103
|
+
imgElem.style.opacity = "1";
|
|
104
|
+
imgElem.style.top = (counter * directionTop).toString() + "px";
|
|
105
|
+
imgElem.style.left = (counter * directionLeft).toString() + "px";
|
|
108
106
|
counter++;
|
|
109
107
|
});
|
|
110
108
|
};
|
|
@@ -126,7 +124,6 @@ class GSwap {
|
|
|
126
124
|
container = document.createElement("div");
|
|
127
125
|
container.id = containerElem;
|
|
128
126
|
document.body.appendChild(container);
|
|
129
|
-
this.containerElem = container;
|
|
130
127
|
}
|
|
131
128
|
this.containerElem = container;
|
|
132
129
|
}
|
|
@@ -136,36 +133,34 @@ class GSwap {
|
|
|
136
133
|
this.options.imgDimensions = this.options.imgDimensions
|
|
137
134
|
? this.options.imgDimensions
|
|
138
135
|
: { width: 300, height: 300 };
|
|
139
|
-
this.options.direction =
|
|
136
|
+
this.options.direction =
|
|
137
|
+
this.options.direction === undefined ? "left" : this.options.direction;
|
|
140
138
|
this.options.animationDuration =
|
|
141
139
|
this.options.animationDuration === undefined
|
|
142
140
|
? 300
|
|
143
141
|
: this.options.animationDuration;
|
|
144
|
-
this.options.direction =
|
|
145
|
-
this.options.direction === undefined ? "left" : this.options.direction;
|
|
146
142
|
this.options.navigation =
|
|
147
143
|
this.options.navigation === undefined ? true : this.options.navigation;
|
|
148
|
-
__classPrivateFieldGet(this, _GSwap_instances, "m",
|
|
144
|
+
__classPrivateFieldGet(this, _GSwap_instances, "m", _GSwap_appendElementsOnMainContainer).call(this);
|
|
149
145
|
this.stackImages();
|
|
150
146
|
}
|
|
151
147
|
}
|
|
152
148
|
exports.GSwap = GSwap;
|
|
153
|
-
_GSwap_currentImg = new WeakMap(), _GSwap_createNavigation = new WeakMap(), _GSwap_shiftImagesToTheRight = new WeakMap(), _GSwap_shiftImagesToTheLeft = new WeakMap(), _GSwap_findPrevActiveElem = new WeakMap(), _GSwap_findNextActiveElement = new WeakMap(), _GSwap_instances = new WeakSet(),
|
|
154
|
-
const
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
//
|
|
161
|
-
//
|
|
162
|
-
// const imageContainer = document.createElement("div");
|
|
149
|
+
_GSwap_currentImg = new WeakMap(), _GSwap_createNavigation = new WeakMap(), _GSwap_shiftImagesToTheRight = new WeakMap(), _GSwap_shiftImagesToTheLeft = new WeakMap(), _GSwap_findPrevActiveElem = new WeakMap(), _GSwap_findNextActiveElement = new WeakMap(), _GSwap_instances = new WeakSet(), _GSwap_creatImageContainerElement = function _GSwap_creatImageContainerElement() {
|
|
150
|
+
const imageContainer = document.createElement("div");
|
|
151
|
+
imageContainer.classList.add("gallery-swap");
|
|
152
|
+
imageContainer.style.height = this.options.imgDimensions.height + "px";
|
|
153
|
+
imageContainer.style.width = this.options.imgDimensions.width + "px";
|
|
154
|
+
imageContainer.style.position = "relative";
|
|
155
|
+
// imageContainer.style.transition = `all ${this.options.animationDuration} ${this.options.animation}`;
|
|
156
|
+
// imageContainer.style.animation = this.options.animation;
|
|
157
|
+
// imageContainer.style.animationDuration = this.options.animationDuration;
|
|
163
158
|
// Place images inside div container
|
|
164
159
|
const images = __classPrivateFieldGet(this, _GSwap_instances, "m", _GSwap_createImageElements).call(this);
|
|
165
160
|
images.forEach((image) => {
|
|
166
|
-
|
|
161
|
+
imageContainer.appendChild(image);
|
|
167
162
|
});
|
|
168
|
-
return
|
|
163
|
+
return imageContainer;
|
|
169
164
|
}, _GSwap_createImageElements = function _GSwap_createImageElements() {
|
|
170
165
|
return this.images.map((image) => {
|
|
171
166
|
const imgElement = document.createElement("img");
|
|
@@ -178,10 +173,10 @@ _GSwap_currentImg = new WeakMap(), _GSwap_createNavigation = new WeakMap(), _GSw
|
|
|
178
173
|
imgElement.style.transition = `all ${this.options.animationDuration}ms ease-in-out`;
|
|
179
174
|
return imgElement;
|
|
180
175
|
});
|
|
181
|
-
},
|
|
176
|
+
}, _GSwap_appendElementsOnMainContainer = function _GSwap_appendElementsOnMainContainer() {
|
|
182
177
|
this.containerElem.innerHTML = "";
|
|
183
|
-
this.containerElem.appendChild(__classPrivateFieldGet(this, _GSwap_instances, "m",
|
|
184
|
-
if (this.options.navigation
|
|
178
|
+
this.containerElem.appendChild(__classPrivateFieldGet(this, _GSwap_instances, "m", _GSwap_creatImageContainerElement).call(this));
|
|
179
|
+
if (this.options.navigation) {
|
|
185
180
|
this.containerElem.appendChild(__classPrivateFieldGet(this, _GSwap_createNavigation, "f").call(this));
|
|
186
181
|
}
|
|
187
182
|
};
|
package/dist/src/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":";;;;;;;;;AAEA,MAAa,KAAK;
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"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"}
|