@dpouris/gswap 0.1.1 → 0.2.0

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_):

package/dist/src/index.js

@@ -3,3 +3,4 @@ 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; } });
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,+BAA+B;AAAtB,6FAAA,KAAK,OAAA"}

package/dist/src/main.d.ts

@@ -4,7 +4,7 @@ export declare class GSwap {
     containerElem: HTMLDivElement;
     images: string[];
     options: Options;
-    constructor(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

@@ -118,9 +118,21 @@ 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;
+            }
+            this.containerElem = container;
+        }
+        else {
+            this.containerElem = containerElem;
+        }
         this.options.imgDimensions = this.options.imgDimensions
             ? this.options.imgDimensions
             : { width: 300, height: 300 };
@@ -173,3 +185,4 @@ _GSwap_currentImg = new WeakMap(), _GSwap_createNavigation = new WeakMap(), _GSw
         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/dist/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpouris/gswap",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "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>