@dpouris/gswap 0.1.1 → 0.2.2

package/README.md

@@ -41,7 +41,7 @@ const gswap = new GSwap({
 This will create a new instance of gswap and will place the gallery absolutely inside the container you specified.
 
 - **containerElem** (_required_):
-  - The container (div) element where the gallery will be placed absolutely.
+  - The container (div) element where the gallery will be placed absolutely or a string value representing the id of an existing div in the document. If none is found the div will be created and be appended at the end of the body.
 - **images** (_required_):
   - An array of image paths.
 - **options** (_optional_):
@@ -98,6 +98,10 @@ This will create a new instance of gswap and will place the gallery absolutely i
 
     The direction of the gallery. # top || bottom
 
+## styled (_boolean_)
+
+    If true the images will have a nice box shadow and slightly rounded corners. # true || false
+
 ## imgDimensions (_object_ : {height : number, width: number})
 
     Takes in an object that contains the keys of width and height that will be applied as the dimensions of the images. # { height: 300, width: 300 }

package/dist/{types → @types}/GallerySwapTypes.d.ts

@@ -1,5 +1,11 @@
 export interface GallerySwap {
-    container: HTMLDivElement;
+    containerElem: HTMLDivElement;
+    images: string[];
+    options: Options;
+    stackImages(): void;
+    stackImages: () => void;
+    next: () => void;
+    prev: () => void;
 }
 export declare type Options = {
     animation?: string;
@@ -7,6 +13,7 @@ export declare type Options = {
     navigation?: boolean | "forwardOnly" | "backOnly";
     repeat?: boolean;
     direction?: "left" | "right" | "top" | "bottom";
+    styled?: boolean;
     imgDimensions?: {
         height: number;
         width: number;

package/dist/{types → @types}/GallerySwapTypes.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=GallerySwapTypes.js.map

package/dist/@types/GallerySwapTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GallerySwapTypes.js","sourceRoot":"","sources":["../../@types/GallerySwapTypes.ts"],"names":[],"mappings":""}

package/dist/src/main.d.ts

@@ -1,11 +1,15 @@
-import type { Options } from "../types/GallerySwapTypes";
-export declare class GSwap {
-    #private;
-    containerElem: HTMLDivElement;
-    images: string[];
-    options: Options;
-    constructor(containerElem: HTMLDivElement, images: string[], options?: Options);
-    stackImages: () => void;
-    next: () => void;
-    prev: () => void;
+import type { Options, GallerySwap } from "../@types/GallerySwapTypes";
+export declare class GSwap implements GallerySwap {
+  #private;
+  containerElem: HTMLDivElement;
+  images: string[];
+  options: Options;
+  constructor(
+    containerElem: string | HTMLDivElement,
+    images: string[],
+    options?: Options
+  );
+  stackImages: () => void;
+  next: () => void;
+  prev: () => void;
 }

package/dist/src/main.js

@@ -4,7 +4,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     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");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _GSwap_instances, _GSwap_currentImg, _GSwap_createGSwapElement, _GSwap_createImageElements, _GSwap_createNavigation, _GSwap_appendElementsOnContainer, _GSwap_shiftImagesToTheRight, _GSwap_shiftImagesToTheLeft, _GSwap_findPrevActiveElem, _GSwap_findNextActiveElement;
+var _GSwap_instances, _GSwap_currentImg, _GSwap_creatImageContainerElement, _GSwap_createImageElements, _GSwap_createNavigation, _GSwap_appendElementsOnMainContainer, _GSwap_shiftImagesToTheRight, _GSwap_shiftImagesToTheLeft, _GSwap_findPrevActiveElem, _GSwap_findNextActiveElement;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GSwap = void 0;
 class GSwap {
@@ -45,7 +45,6 @@ class GSwap {
             this.containerElem.children[0].insertAdjacentHTML("beforeend", first.outerHTML);
             first.style.opacity = "0";
             first.remove();
-            // first.remove();
         });
         _GSwap_findPrevActiveElem.set(this, () => {
             this.containerElem.children[0].childNodes.forEach((image) => {
@@ -99,12 +98,11 @@ class GSwap {
             }
             let counter = 0;
             this.containerElem.children[0].childNodes.forEach((image) => {
-                image.style.position = "absolute";
-                image.style.opacity = "1";
-                image.style.top =
-                    (counter * directionTop).toString() + "px";
-                image.style.left =
-                    (counter * directionLeft).toString() + "px";
+                const imgElem = image;
+                imgElem.style.position = "absolute";
+                imgElem.style.opacity = "1";
+                imgElem.style.top = (counter * directionTop).toString() + "px";
+                imgElem.style.left = (counter * directionLeft).toString() + "px";
                 counter++;
             });
         };
@@ -118,42 +116,51 @@ class GSwap {
             this.stackImages();
             __classPrivateFieldGet(this, _GSwap_findPrevActiveElem, "f").call(this);
         };
-        this.containerElem = containerElem;
         this.images = images;
         this.options = options;
+        if (typeof containerElem === "string") {
+            let container = document.getElementById(containerElem);
+            if (!container) {
+                container = document.createElement("div");
+                container.id = containerElem;
+                document.body.appendChild(container);
+            }
+            this.containerElem = container;
+        }
+        else {
+            this.containerElem = containerElem;
+        }
         this.options.imgDimensions = this.options.imgDimensions
             ? this.options.imgDimensions
             : { width: 300, height: 300 };
-        this.options.direction = this.options.direction;
+        this.options.direction =
+            this.options.direction === undefined ? "left" : this.options.direction;
         this.options.animationDuration =
             this.options.animationDuration === undefined
                 ? 300
                 : this.options.animationDuration;
-        this.options.direction =
-            this.options.direction === undefined ? "left" : this.options.direction;
         this.options.navigation =
             this.options.navigation === undefined ? true : this.options.navigation;
-        __classPrivateFieldGet(this, _GSwap_instances, "m", _GSwap_appendElementsOnContainer).call(this);
+        __classPrivateFieldGet(this, _GSwap_instances, "m", _GSwap_appendElementsOnMainContainer).call(this);
         this.stackImages();
     }
 }
 exports.GSwap = GSwap;
-_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_createGSwapElement = function _GSwap_createGSwapElement() {
-    const GSElement = document.createElement("div");
-    GSElement.classList.add("gallery-swap");
-    // GSElement.style.transition = `all ${this.options.animationDuration} ${this.options.animation}`;
-    GSElement.style.height = this.options.imgDimensions.height * 2 + "px";
-    GSElement.style.width = this.options.imgDimensions.width * 2 + "px";
-    GSElement.style.position = "relative";
-    // GSElement.style.animation = this.options.animation;
-    // GSElement.style.animationDuration = this.options.animationDuration;
-    // const imageContainer = document.createElement("div");
+_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() {
+    const imageContainer = document.createElement("div");
+    imageContainer.classList.add("gallery-swap");
+    imageContainer.style.height = this.options.imgDimensions.height + "px";
+    imageContainer.style.width = this.options.imgDimensions.width + "px";
+    imageContainer.style.position = "relative";
+    // imageContainer.style.transition = `all ${this.options.animationDuration} ${this.options.animation}`;
+    // imageContainer.style.animation = this.options.animation;
+    // imageContainer.style.animationDuration = this.options.animationDuration;
     // Place images inside div container
     const images = __classPrivateFieldGet(this, _GSwap_instances, "m", _GSwap_createImageElements).call(this);
     images.forEach((image) => {
-        GSElement.appendChild(image);
+        imageContainer.appendChild(image);
     });
-    return GSElement;
+    return imageContainer;
 }, _GSwap_createImageElements = function _GSwap_createImageElements() {
     return this.images.map((image) => {
         const imgElement = document.createElement("img");
@@ -164,12 +171,18 @@ _GSwap_currentImg = new WeakMap(), _GSwap_createNavigation = new WeakMap(), _GSw
         imgElement.width = this.options.imgDimensions.width;
         imgElement.height = this.options.imgDimensions.height;
         imgElement.style.transition = `all ${this.options.animationDuration}ms ease-in-out`;
+        // Optional image beautification
+        if (this.options.styled) {
+            imgElement.style.boxShadow = "rgb(0 0 0 / 30%) -6px 4px 6px 0px";
+            imgElement.style.borderRadius = "0.2em";
+        }
         return imgElement;
     });
-}, _GSwap_appendElementsOnContainer = function _GSwap_appendElementsOnContainer() {
+}, _GSwap_appendElementsOnMainContainer = function _GSwap_appendElementsOnMainContainer() {
     this.containerElem.innerHTML = "";
-    this.containerElem.appendChild(__classPrivateFieldGet(this, _GSwap_instances, "m", _GSwap_createGSwapElement).call(this));
-    if (this.options.navigation === true) {
+    this.containerElem.appendChild(__classPrivateFieldGet(this, _GSwap_instances, "m", _GSwap_creatImageContainerElement).call(this));
+    if (this.options.navigation) {
         this.containerElem.appendChild(__classPrivateFieldGet(this, _GSwap_createNavigation, "f").call(this));
     }
 };
+//# sourceMappingURL=main.js.map

package/dist/src/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpouris/gswap",
-  "version": "0.1.1",
+  "version": "0.2.2",
   "description": "A library for swapping between images in a gallery",
   "main": "dist/src/index.js",
   "types": "dist/src/index.d.ts",

package/dist/src/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="./main.js" defer></script>
-    <title>Document</title>
-  </head>
-  <body>
-    <div id="gallery"></div>
-  </body>
-</html>

package/dist/src/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GSwap = void 0;
-var main_1 = require("./main");
-Object.defineProperty(exports, "GSwap", { enumerable: true, get: function () { return main_1.GSwap; } });