gd-bs 5.8.4 → 5.8.7

package/index.html

@@ -978,10 +978,11 @@
                 id: "offcanvas-demo",
                 title: "Offcanvas Demo",
                 body: "<h5>Hello Canvas</h5><input />",
-                size: 5,
-                type: 3,
+                size: 7,
+                type: 2,
                 options: {
-                    backdrop: true
+                    autoClose: false,
+                    backdrop: false
                 }
             });
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "5.8.4",
+    "version": "5.8.7",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/inputGroup/index.ts

@@ -242,9 +242,6 @@ class _InputGroup extends Base<IInputGroupProps> implements IInputGroup {
 
                     // File
                     case InputGroupTypes.File:
-                        this.el.classList.add("form-file");
-                        input.classList.remove("form-control");
-                        input.classList.add("form-file-input");
                         input.type = "file";
                         break;
 

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
  */