gd-bs 5.8.3 → 5.8.6

package/package.json

@@ -1,61 +1,62 @@
-{
-    "name": "gd-bs",
-    "version": "5.8.3",
-    "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
-    "main": "build/index.js",
-    "typings": "src/index.d.ts",
-    "scripts": {
-        "all": "npm run clean && npm run generate-icons && npm run build && npm run build-icons && npm run prod && npm run prod-icons && npm run typings",
-        "build": "tsc && npm run build-bs && webpack --mode=development && npm run post-build",
-        "build-bs": "webpack --mode=production --config webpack.sass.js",
-        "build-icons": "webpack --mode=development --config webpack.icons.js",
-        "post-build": "node ./post-build",
-        "clean": "node ./clean.js",
-        "docs": "typedoc",
-        "generate-icons": "node ./generateIcons",
-        "package": "npm run all && npm run docs",
-        "prod": "webpack --mode=production",
-        "prod-icons": "webpack --mode=production --config webpack.icons.js",
-        "typings": "dts-bundle --configJson dts-bundle.json"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/gunjandatta/gd-bs.git"
-    },
-    "keywords": [
-        "Bootstrap",
-        "TypeScript"
-    ],
-    "author": "Gunjan Datta <me@dattabase.com> (https://dattabase.com)",
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/gunjandatta/gd-bs/issues"
-    },
-    "homepage": "https://dattabase.com/extras/bs",
-    "dependencies": {
-        "@popperjs/core": "^2.11.5",
-        "bootstrap": "^5.2.0",
-        "bootstrap-icons": "^1.9.1",
-        "core-js": "^3.24.0",
-        "tippy.js": "^6.3.7"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.18.9",
-        "@babel/preset-env": "^7.18.9",
-        "@types/node": "^18.6.2",
-        "autoprefixer": "^10.4.7",
-        "babel-loader": "^8.2.5",
-        "css-loader": "^6.7.1",
-        "dts-bundle": "^0.7.3",
-        "html-loader": "^4.1.0",
-        "postcss-loader": "^7.0.1",
-        "sass": "^1.54.0",
-        "sass-loader": "^13.0.2",
-        "style-loader": "^3.3.1",
-        "ts-loader": "^9.3.1",
-        "typedoc": "^0.23.9",
-        "typescript": "^4.7.4",
-        "webpack": "^5.74.0",
-        "webpack-cli": "^4.10.0"
-    }
+{
+    "name": "gd-bs",
+    "version": "5.8.6",
+    "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
+    "main": "build/index.js",
+    "typings": "src/index.d.ts",
+    "scripts": {
+        "all": "npm run clean && npm run generate-icons && npm run build && npm run build-icons && npm run prod && npm run prod-icons && npm run typings",
+        "build": "tsc && npm run build-bs && webpack --mode=development && npm run post-build",
+        "build-bs": "webpack --mode=production --config webpack.sass.js",
+        "build-icons": "webpack --mode=development --config webpack.icons.js",
+        "post-build": "node ./post-build",
+        "clean": "node ./clean.js",
+        "docs": "typedoc",
+        "generate-icons": "node ./generateIcons",
+        "package": "npm run all && npm run docs",
+        "prod": "webpack --mode=production",
+        "prod-icons": "webpack --mode=production --config webpack.icons.js",
+        "typings": "dts-bundle --configJson dts-bundle.json"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/gunjandatta/gd-bs.git"
+    },
+    "keywords": [
+        "Bootstrap",
+        "TypeScript"
+    ],
+    "author": "Gunjan Datta <me@dattabase.com> (https://dattabase.com)",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/gunjandatta/gd-bs/issues"
+    },
+    "homepage": "https://dattabase.com/extras/bs",
+    "dependencies": {
+        "@popperjs/core": "^2.11.5",
+        "bootstrap": "^5.2.0",
+        "bootstrap-icons": "^1.9.1",
+        "core-js": "^3.24.0",
+        "tippy.js": "^6.3.7"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.18.9",
+        "@babel/preset-env": "^7.18.9",
+        "@types/node": "^18.6.2",
+        "autoprefixer": "^10.4.7",
+        "babel-loader": "^8.2.5",
+        "css-loader": "^6.7.1",
+        "dts-bundle": "^0.7.3",
+        "html-loader": "^4.1.0",
+        "postcss-loader": "^7.0.1",
+        "sass": "^1.54.0",
+        "sass-loader": "^13.0.2",
+        "style-loader": "^3.3.1",
+        "terser-webpack-plugin": "^5.3.3",
+        "ts-loader": "^9.3.1",
+        "typedoc": "^0.23.9",
+        "typescript": "^4.7.4",
+        "webpack": "^5.74.0",
+        "webpack-cli": "^4.10.0"
+    }
 }

package/pnpm-lock.yaml

@@ -10,7 +10,6 @@ devDependencies:
   '@types/node': 18.6.2
   autoprefixer: 10.4.7
   babel-loader: 8.2.5_c6d75f4dbec394724794fdd3c4eb4fbf
-  compression-webpack-plugin: 10.0.0_webpack@5.74.0
   css-loader: 6.7.1_webpack@5.74.0
   dts-bundle: 0.7.3
   html-loader: 4.1.0_webpack@5.74.0
@@ -18,6 +17,7 @@ devDependencies:
   sass: 1.54.0
   sass-loader: 13.0.2_sass@1.54.0+webpack@5.74.0
   style-loader: 3.3.1_webpack@5.74.0
+  terser-webpack-plugin: 5.3.3_webpack@5.74.0
   ts-loader: 9.3.1_typescript@4.7.4+webpack@5.74.0
   typedoc: 0.23.9_typescript@4.7.4
   typescript: 4.7.4
@@ -1484,15 +1484,6 @@ packages:
     hasBin: true
     resolution:
       integrity: sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
-  /ajv-formats/2.1.1:
-    dependencies:
-      ajv: 8.11.0
-    dev: true
-    peerDependenciesMeta:
-      ajv:
-        optional: true
-    resolution:
-      integrity: sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
   /ajv-keywords/3.5.2_ajv@6.12.6:
     dependencies:
       ajv: 6.12.6
@@ -1501,15 +1492,6 @@ packages:
       ajv: ^6.9.1
     resolution:
       integrity: sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
-  /ajv-keywords/5.1.0_ajv@8.11.0:
-    dependencies:
-      ajv: 8.11.0
-      fast-deep-equal: 3.1.3
-    dev: true
-    peerDependencies:
-      ajv: ^8.8.2
-    resolution:
-      integrity: sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
   /ajv/6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -1519,15 +1501,6 @@ packages:
     dev: true
     resolution:
       integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
-  /ajv/8.11.0:
-    dependencies:
-      fast-deep-equal: 3.1.3
-      json-schema-traverse: 1.0.0
-      require-from-string: 2.0.2
-      uri-js: 4.4.1
-    dev: true
-    resolution:
-      integrity: sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==
   /ansi-styles/3.2.1:
     dependencies:
       color-convert: 1.9.3
@@ -1813,18 +1786,6 @@ packages:
     dev: true
     resolution:
       integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
-  /compression-webpack-plugin/10.0.0_webpack@5.74.0:
-    dependencies:
-      schema-utils: 4.0.0
-      serialize-javascript: 6.0.0
-      webpack: 5.74.0_webpack-cli@4.10.0
-    dev: true
-    engines:
-      node: '>= 14.15.0'
-    peerDependencies:
-      webpack: ^5.1.0
-    resolution:
-      integrity: sha512-wLXLIBwpul/ALcm7Aj+69X0pYT3BYt6DdPn3qrgBIh9YejV9Bju9ShhlAsjujLyWMo6SAweFIWaUoFmXZNuNrg==
   /concat-map/0.0.1:
     dev: true
     resolution:
@@ -2326,7 +2287,7 @@ packages:
       integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
   /jest-worker/27.5.1:
     dependencies:
-      '@types/node': 16.11.46
+      '@types/node': 18.6.2
       merge-stream: 2.0.0
       supports-color: 8.1.1
     dev: true
@@ -2358,10 +2319,6 @@ packages:
     dev: true
     resolution:
       integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-  /json-schema-traverse/1.0.0:
-    dev: true
-    resolution:
-      integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
   /json5/2.2.1:
     dev: true
     engines:
@@ -2836,12 +2793,6 @@ packages:
       node: '>= 0.10'
     resolution:
       integrity: sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
-  /require-from-string/2.0.2:
-    dev: true
-    engines:
-      node: '>=0.10.0'
-    resolution:
-      integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
   /resolve-cwd/3.0.0:
     dependencies:
       resolve-from: 5.0.0
@@ -2936,17 +2887,6 @@ packages:
       node: '>= 10.13.0'
     resolution:
       integrity: sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
-  /schema-utils/4.0.0:
-    dependencies:
-      '@types/json-schema': 7.0.11
-      ajv: 8.11.0
-      ajv-formats: 2.1.1
-      ajv-keywords: 5.1.0_ajv@8.11.0
-    dev: true
-    engines:
-      node: '>= 12.13.0'
-    resolution:
-      integrity: sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==
   /semver/6.3.0:
     dev: true
     hasBin: true
@@ -3356,7 +3296,6 @@ specifiers:
   babel-loader: ^8.2.5
   bootstrap: ^5.2.0
   bootstrap-icons: ^1.9.1
-  compression-webpack-plugin: ^10.0.0
   core-js: ^3.24.0
   css-loader: ^6.7.1
   dts-bundle: ^0.7.3
@@ -3365,6 +3304,7 @@ specifiers:
   sass: ^1.54.0
   sass-loader: ^13.0.2
   style-loader: ^3.3.1
+  terser-webpack-plugin: ^5.3.3
   tippy.js: ^6.3.7
   ts-loader: ^9.3.1
   typedoc: ^0.23.9

package/src/components/modal/index.ts

@@ -212,8 +212,23 @@ class _Modal extends Base<IModalProps> implements IModal {
 
     // Hides the modal
     hide() {
-        // Toggle the modal
-        this.isVisible ? this.toggle() : null;
+        // See if a transition is currently happening
+        if (this._tranisitioningFl) {
+            // Wait for the transition to complete
+            let id = setInterval(() => {
+                // See if the transition is complete
+                if (!this._tranisitioningFl) {
+                    // Stop the loop
+                    clearInterval(id);
+
+                    // Toggle the modal
+                    this.isVisible ? this.toggle() : null;
+                }
+            }, 250);
+        } else {
+            // Toggle the modal
+            this.isVisible ? this.toggle() : null;
+        }
     }
 
     // Returns true if the modal is visible
@@ -313,8 +328,23 @@ class _Modal extends Base<IModalProps> implements IModal {
 
     // Shows the modal
     show() {
-        // Toggle the modal
-        this.isVisible ? null : this.toggle();
+        // See if a transition is currently happening
+        if (this._tranisitioningFl) {
+            // Wait for the transition to complete
+            let id = setInterval(() => {
+                // See if the transition is complete
+                if (!this._tranisitioningFl) {
+                    // Stop the loop
+                    clearInterval(id);
+
+                    // Toggle the modal
+                    this.isVisible ? null : this.toggle();
+                }
+            }, 250);
+        } else {
+            // Toggle the modal
+            this.isVisible ? null : this.toggle();
+        }
     }
 
     // Toggles the modal

package/src/components/offcanvas/index.ts

@@ -204,8 +204,23 @@ class _Offcanvas extends Base<IOffcanvasProps> implements IOffcanvas {
 
     // Hides the modal
     hide() {
-        // Toggle the modal
-        this.isVisible ? this.toggle() : null;
+        // See if a transition is currently happening
+        if (this._tranisitioningFl) {
+            // Wait for the transition to complete
+            let id = setInterval(() => {
+                // See if the transition is complete
+                if (!this._tranisitioningFl) {
+                    // Stop the loop
+                    clearInterval(id);
+
+                    // Toggle the modal
+                    this.isVisible ? this.toggle() : null;
+                }
+            }, 250);
+        } else {
+            // Toggle the modal
+            this.isVisible ? this.toggle() : null;
+        }
     }
 
     // Returns true if the modal is visible
@@ -248,8 +263,23 @@ class _Offcanvas extends Base<IOffcanvasProps> implements IOffcanvas {
 
     // Shows the modal
     show() {
-        // Toggle the modal
-        this.isVisible ? null : this.toggle();
+        // See if a transition is currently happening
+        if (this._tranisitioningFl) {
+            // Wait for the transition to complete
+            let id = setInterval(() => {
+                // See if the transition is complete
+                if (!this._tranisitioningFl) {
+                    // Stop the loop
+                    clearInterval(id);
+
+                    // Toggle the modal
+                    this.isVisible ? null : this.toggle();
+                }
+            }, 250);
+        } else {
+            // Toggle the modal
+            this.isVisible ? null : this.toggle();
+        }
     }
 
     // Toggles the modal

package/src/components/offcanvas/types.d.ts

@@ -65,6 +65,11 @@
  */
 export const Offcanvas: (props: IOffcanvasProps, template?: string) => IOffcanvas;
 
+/**
+ * Offcanvas Sizes
+ */
+export const OffcanvasSize: IOffcanvasSize;
+
 /**
  * Offcanvas Types
  */