New Interop finished bump VNext docs and version for preview release.

chanan · Jun 3, 2023 · 3a1f68b · 3a1f68b
1 parent 36e50be
commit 3a1f68b
Show file tree

Hide file tree

Showing 94 changed files with 408 additions and 299 deletions.
diff --git a/docs/VNext/_content/BlazorStrap/blazorstrapinterop.js b/docs/VNext/_content/BlazorStrap/blazorstrapinterop.js
@@ -4,7 +4,6 @@ let documentEventsSet = false;
 let docuemntEventId = [];
 let link;
 // Common
-
 export async function checkBackdrops(dotnet) {
     var backdrop = document.querySelector('.modal-backdrop');
     if (backdrop) {
@@ -54,10 +53,10 @@ export async function addEvent(targetId, creator, eventName, dotnet, ignoreChild
     if (eventName == "" || eventName == "sync" || eventName == "hide" || eventName == "show") return;
     var target = document.querySelector('[data-blazorstrap="' + targetId + '"]');
     if (target) {
-        let eventFunc = function (e) {
+        let eventFunc = debounce(function (e) {
             if (ignoreChildren && e.target.getAttribute("data-blazorstrap") != targetId) return;
             dotnet.invokeMethodAsync('InvokeEventAsync', "javascript", targetId, eventName, null);
-        };
+        },150);
         //add the eventfunc to eventcallbacks so we can remove it later
         let callback = eventCallbacks.find(x => x.id == targetId);
         if (callback)
@@ -315,6 +314,52 @@ export async function hideOffcanvas(offcanvas, dotnet) {
     };
 }
 
+//Dropdowns
+export async function showDropdown(dropdown, isPopper, targetId, placement, dotnet) {
+    if (!dropdown) return null;
+
+    if (isPopper) {
+        //using popper.js setup the tooltip
+        var target = document.querySelector('[data-blazorstrap="' + targetId + '"]');
+        if (target) {
+            var popper = Popper.createPopper(target, tooltip, {
+                placement: placement,
+                modifiers: [
+                ],
+            });
+        }
+    }
+
+    let documentClick = function (e) {
+        if (!dropdown.contains(e.target)) {
+            dotnet.invokeMethodAsync('InvokeEventAsync', "javascript", dropdown.getAttribute("data-blazorstrap"), "click", "");
+        }
+    };
+    onShowClassRemoved(dropdown, function () {
+        document.removeEventListener('click', documentClick);
+    });
+    dropdown.classList.add("show");
+    await waitForTransitionEnd(dropdown);
+
+    document.addEventListener('click', documentClick);
+    return {
+        ClassList: dropdown.classList.value,
+        Styles: dropdown.style.cssText,
+        Aria: getAriaAttributes(dropdown),
+    };
+}
+
+export async function hideDropdown(dropdown, dotnet) {
+    if (!dropdown) return null;
+    dropdown.classList.remove("show");
+    await waitForTransitionEnd(dropdown);
+    return {
+        ClassList: dropdown.classList.value,
+        Styles: dropdown.style.cssText,
+        Aria: getAriaAttributes(dropdown),
+    };
+}
+
 //Tooltips
 export async function showTooltip(tooltip, placement, targetId, dotnet) {
     if (!tooltip) return null;
@@ -668,6 +713,15 @@ function getAriaAttributes(element) {
     return ariaAttributes;
 }
 
+function onShowClassRemoved(element, callback) {
+    new MutationObserver(function (mutations) {
+        if (!element.classList.contains("show")) {
+            callback();
+            this.disconnect();
+        }
+    }).observe(element, { attributes: true, attributeFilter: ["class"] });
+}
+
 function onElementRemoved(element, callback) {
     new MutationObserver(function (mutations) {
         if (!document.body.contains(element)) {
@@ -687,69 +741,8 @@ function setupDocumentEvents(dotnet) {
             dotnet.invokeMethodAsync("InvokeEventAsync", "jsdocument", relatedstring, "resize", window.innerWidth);
         }
     }, 200);
-
-    var keydownFunc = debounce(function (event) {
-        var related = docuemntEventId.filter(x => x.eventtype == "keydown");
-        if (related.length > 0) {
-            var relatedIds = related.map(x => x.creator);
-            //check if its a child of a related element
-
-            const relatedShown = Array.from(document.querySelectorAll('[data-blazorstrap]'))
-                .filter(element => relatedIds.includes(element.getAttribute('data-blazorstrap')))
-                .filter(element => element.classList.contains('show'))
-                .map(element => element);
-            var canInvoke = true;
-            relatedIds = [];
-            if (relatedShown.length > 0) {
-                relatedShown.forEach(x => {
-                    relatedIds.push(x.getAttribute('data-blazorstrap'));
-                    //if its a child of of relatedShown or relatedShown return
-                    if (x.contains(event.target)) {
-                        canInvoke = false;
-                    }
-                });
-                if (canInvoke) {
-                    var relatedstring = relatedIds.join(',');
-                    dotnet.invokeMethodAsync("InvokeEventAsync", "jsdocument", relatedstring, "keydown", event.target.getAttribute("data-blazorstrap"));
-                }
-            }
-        }
-    }, 50);
-
-    var clickFunc = debounce(async function (event) {
-        var related = docuemntEventId.filter(x => x.eventtype == "click");
-        if (related.length > 0) {
-            var relatedIds = related.map(x => x.creator);
-            //check if its a child of a related element
-
-            const relatedShown = Array.from(document.querySelectorAll('[data-blazorstrap]'))
-                .filter(element => relatedIds.includes(element.getAttribute('data-blazorstrap')))
-                .filter(element => element.classList.contains('show'))
-                .map(element => element);
-            var canInvoke = true;
-            relatedIds = [];
-            if (relatedShown.length > 0) {
-                relatedShown.forEach(x => {
-                    let id = x.getAttribute('data-blazorstrap');
-                    relatedIds.push(id);
-                    if (event.target.getAttribute('data-blazorstrap-target') == id) {
-                        canInvoke = false;
-                    }
-                    if (x.contains(event.target)) {
-
-                        canInvoke = false;
-                    }
-                });
-                if (canInvoke) {
-                    var relatedstring = relatedIds.join(',');
-                    dotnet.invokeMethodAsync("InvokeEventAsync", "jsdocument", relatedstring, "click", event.target.getAttribute("data-blazorstrap"));
-                }
-            }
-        }
-    }, 50);
-    window.addEventListener('keydown', keydownFunc);
+
     window.addEventListener('resize', resizeFunc);
-    window.addEventListener('click', clickFunc);
     documentEventsSet = true;
 }
 

diff --git a/docs/VNext/_framework/BlazorStrap-Docs.dll b/docs/VNext/_framework/BlazorStrap-Docs.dll
diff --git a/docs/VNext/_framework/BlazorStrap-Docs.dll.br b/docs/VNext/_framework/BlazorStrap-Docs.dll.br
diff --git a/docs/VNext/_framework/BlazorStrap-Docs.dll.gz b/docs/VNext/_framework/BlazorStrap-Docs.dll.gz
diff --git a/docs/VNext/_framework/BlazorStrap-Docs.pdb.gz b/docs/VNext/_framework/BlazorStrap-Docs.pdb.gz
diff --git a/docs/VNext/_framework/BlazorStrap.V4.dll b/docs/VNext/_framework/BlazorStrap.V4.dll
diff --git a/docs/VNext/_framework/BlazorStrap.V4.dll.br b/docs/VNext/_framework/BlazorStrap.V4.dll.br
diff --git a/docs/VNext/_framework/BlazorStrap.V4.dll.gz b/docs/VNext/_framework/BlazorStrap.V4.dll.gz
diff --git a/docs/VNext/_framework/BlazorStrap.V4.pdb.gz b/docs/VNext/_framework/BlazorStrap.V4.pdb.gz
diff --git a/docs/VNext/_framework/BlazorStrap.V5.dll b/docs/VNext/_framework/BlazorStrap.V5.dll
diff --git a/docs/VNext/_framework/BlazorStrap.V5.dll.br b/docs/VNext/_framework/BlazorStrap.V5.dll.br
diff --git a/docs/VNext/_framework/BlazorStrap.V5.dll.gz b/docs/VNext/_framework/BlazorStrap.V5.dll.gz
diff --git a/docs/VNext/_framework/BlazorStrap.V5.pdb.gz b/docs/VNext/_framework/BlazorStrap.V5.pdb.gz
diff --git a/docs/VNext/_framework/BlazorStrap.WASM.dll b/docs/VNext/_framework/BlazorStrap.WASM.dll
diff --git a/docs/VNext/_framework/BlazorStrap.WASM.dll.br b/docs/VNext/_framework/BlazorStrap.WASM.dll.br
diff --git a/docs/VNext/_framework/BlazorStrap.WASM.dll.gz b/docs/VNext/_framework/BlazorStrap.WASM.dll.gz
diff --git a/docs/VNext/_framework/BlazorStrap.WASM.pdb.gz b/docs/VNext/_framework/BlazorStrap.WASM.pdb.gz
diff --git a/docs/VNext/_framework/BlazorStrap.dll b/docs/VNext/_framework/BlazorStrap.dll
diff --git a/docs/VNext/_framework/BlazorStrap.dll.br b/docs/VNext/_framework/BlazorStrap.dll.br
diff --git a/docs/VNext/_framework/BlazorStrap.dll.gz b/docs/VNext/_framework/BlazorStrap.dll.gz
diff --git a/docs/VNext/_framework/BlazorStrap.pdb.gz b/docs/VNext/_framework/BlazorStrap.pdb.gz
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.Forms.dll b/docs/VNext/_framework/Microsoft.AspNetCore.Components.Forms.dll
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.Forms.dll.br b/docs/VNext/_framework/Microsoft.AspNetCore.Components.Forms.dll.br
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.Forms.dll.gz b/docs/VNext/_framework/Microsoft.AspNetCore.Components.Forms.dll.gz
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.Web.dll b/docs/VNext/_framework/Microsoft.AspNetCore.Components.Web.dll
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.Web.dll.br b/docs/VNext/_framework/Microsoft.AspNetCore.Components.Web.dll.br
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.Web.dll.gz b/docs/VNext/_framework/Microsoft.AspNetCore.Components.Web.dll.gz
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.WebAssembly.dll b/docs/VNext/_framework/Microsoft.AspNetCore.Components.WebAssembly.dll
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.WebAssembly.dll.br b/docs/VNext/_framework/Microsoft.AspNetCore.Components.WebAssembly.dll.br
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.WebAssembly.dll.gz b/docs/VNext/_framework/Microsoft.AspNetCore.Components.WebAssembly.dll.gz
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.dll b/docs/VNext/_framework/Microsoft.AspNetCore.Components.dll
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.dll.br b/docs/VNext/_framework/Microsoft.AspNetCore.Components.dll.br
diff --git a/docs/VNext/_framework/Microsoft.AspNetCore.Components.dll.gz b/docs/VNext/_framework/Microsoft.AspNetCore.Components.dll.gz
diff --git a/docs/VNext/_framework/Microsoft.Extensions.Options.dll b/docs/VNext/_framework/Microsoft.Extensions.Options.dll
diff --git a/docs/VNext/_framework/Microsoft.Extensions.Options.dll.br b/docs/VNext/_framework/Microsoft.Extensions.Options.dll.br
diff --git a/docs/VNext/_framework/Microsoft.Extensions.Options.dll.gz b/docs/VNext/_framework/Microsoft.Extensions.Options.dll.gz
diff --git a/docs/VNext/_framework/Microsoft.JSInterop.WebAssembly.dll b/docs/VNext/_framework/Microsoft.JSInterop.WebAssembly.dll
diff --git a/docs/VNext/_framework/Microsoft.JSInterop.WebAssembly.dll.br b/docs/VNext/_framework/Microsoft.JSInterop.WebAssembly.dll.br
diff --git a/docs/VNext/_framework/Microsoft.JSInterop.WebAssembly.dll.gz b/docs/VNext/_framework/Microsoft.JSInterop.WebAssembly.dll.gz
diff --git a/docs/VNext/_framework/Microsoft.JSInterop.dll b/docs/VNext/_framework/Microsoft.JSInterop.dll
diff --git a/docs/VNext/_framework/Microsoft.JSInterop.dll.br b/docs/VNext/_framework/Microsoft.JSInterop.dll.br
diff --git a/docs/VNext/_framework/Microsoft.JSInterop.dll.gz b/docs/VNext/_framework/Microsoft.JSInterop.dll.gz
diff --git a/docs/VNext/_framework/System.Private.CoreLib.dll b/docs/VNext/_framework/System.Private.CoreLib.dll
diff --git a/docs/VNext/_framework/System.Private.CoreLib.dll.br b/docs/VNext/_framework/System.Private.CoreLib.dll.br
diff --git a/docs/VNext/_framework/System.Private.CoreLib.dll.gz b/docs/VNext/_framework/System.Private.CoreLib.dll.gz
diff --git a/docs/VNext/_framework/blazor.boot.json b/docs/VNext/_framework/blazor.boot.json
@@ -8,33 +8,33 @@
   "resources": {
     "assembly": {
       "BlazorComponentUtilities.dll": "sha256-UapksNiQg3lu5QM9uVSLyjEuzRH\/7o22fmcmxcLAAeI=",
-      "BlazorStrap.dll": "sha256-djeUXj\/pec\/VewGxxMW+qm8e\/+5iwZ5F32ih67moDBM=",
+      "BlazorStrap.dll": "sha256-ZES9WM476+FqEGHJsQgqooEmvHOvvuYOpwwfKZhUIAE=",
       "BlazorStrap.Extensions.FluentValidation.dll": "sha256-BzhF3enm19S\/hDwxJuWjJ+PiCPNYesAuAjudTtvh70s=",
       "BlazorStrap.Extensions.TreeView.dll": "sha256-lZdsF5d8dnhPvoIV4xPpp4k4X6jFdTu\/agY4ExWxwg8=",
       "BlazorStrap.Extensions.Wizard.dll": "sha256-c\/KTfBSCLKE7\/LdjOApOl8Lj5LttHa0ocUz0ICjhvd0=",
-      "BlazorStrap.V4.dll": "sha256-MIFODBlTGw2hj9hOh5BYFRVPdBZiHuz4QL+3hfUEdqM=",
-      "BlazorStrap.V5.dll": "sha256-fJn+UzbbmnAbI3RTVRApZHhktTShHDVEyNQvyHKkfXE=",
-      "BlazorStrap.WASM.dll": "sha256-9F+Ge28VGQygh2Sf8hqiBTumUZgkctr\/nmyyaRlTURs=",
-      "BlazorStrap-Docs.dll": "sha256-\/ZxCV4shw6brEkkbthCkSxaQoA4q7sm1W\/9rG1dfJGo=",
+      "BlazorStrap.V4.dll": "sha256-zjedS8U9YosPtcz0CvJseY2LlFESO8RRIV7HdmWzVog=",
+      "BlazorStrap.V5.dll": "sha256-3a1oqZmqjepzF38xaN2PV1axX+VALVb2B3X\/mUhnHNE=",
+      "BlazorStrap.WASM.dll": "sha256-QB0psmHjqjen7z3WGGyryj43LE+VRllyfHI1hxGm3FA=",
+      "BlazorStrap-Docs.dll": "sha256-McdbyAUuTOE0ygSOECAZ8nVMpq8\/3nxAVAN9rMHTD8E=",
       "ColorCode.dll": "sha256-hF07ps23in9mbwaN4uSoZklQVfyJIw2Ep4R448bfkOk=",
       "FluentValidation.dll": "sha256-NflrIQKcfYxeVjrVYw+AP1+xnZJp67Wq9L5Vsd5Cr\/8=",
       "Markdig.dll": "sha256-9\/ICq2gSL+hjhMdZXNoIRs8wyZFtZpr3yFSW+RQVdoQ=",
       "Markdig.SyntaxHighlighting.dll": "sha256-qkuHEt7805bTVSkNsvDi5CT5M3Q4VSK619BHVC+FdKs=",
-      "Microsoft.AspNetCore.Components.dll": "sha256-WddS7wTlut+8g81BwF9zR2sLE\/qCWODNA+spYxca6sU=",
-      "Microsoft.AspNetCore.Components.Forms.dll": "sha256-0WZBPcvmRfk6Mzb0t2Wee6rbF0RDCF2xlV3DCOmZYmw=",
-      "Microsoft.AspNetCore.Components.Web.dll": "sha256-pPO+eQW0htk5xzkexRdiceAu0XbuA\/tWo9ZsZp84VhM=",
-      "Microsoft.AspNetCore.Components.WebAssembly.dll": "sha256-DyhmTk41rhoqlJhgZMiziGX\/AeQxZt8JN5u4c0yrxHo=",
+      "Microsoft.AspNetCore.Components.dll": "sha256-huM3gyH0PTXphD0p3MwFw5aBjQT7whH\/mv3MfErPAPE=",
+      "Microsoft.AspNetCore.Components.Forms.dll": "sha256-tiuL22Ia9pfONRFLfZwtPqUo5ugVeAD3BLUiMQFeCNQ=",
+      "Microsoft.AspNetCore.Components.Web.dll": "sha256-MZOMbJAaxmQmGuoZbkJeXEnFsvVa00Ch1yfWSI0oPqM=",
+      "Microsoft.AspNetCore.Components.WebAssembly.dll": "sha256-mMcIoLwDtdf4GLuxVwW5OJe8ifn9ZJtjmsPus2SDhOk=",
       "Microsoft.Extensions.Configuration.Abstractions.dll": "sha256-X\/f4fDl2cuIRXeWHhK\/f2UqQbFioD+RU4a4CEh0zrrQ=",
       "Microsoft.Extensions.Configuration.dll": "sha256-DBOKSPriP2JDxVbbWrLXyD3K4\/x3RBifNBWk\/q1I39M=",
       "Microsoft.Extensions.Configuration.Json.dll": "sha256-Q5AqJneA2TZnzC0IYzBx6j\/tHRhWAeMbpH3BsV7KgWg=",
       "Microsoft.Extensions.DependencyInjection.Abstractions.dll": "sha256-iMKpGgh9DAXfoSj5FtHyOehznEHFava7l7ZP+DglnG8=",
       "Microsoft.Extensions.DependencyInjection.dll": "sha256-qi0kE7rp0kdsNqdL6DyPZEeimjUGvcLT4iWQX0YnRus=",
       "Microsoft.Extensions.Logging.Abstractions.dll": "sha256-M\/xZhgXtA\/uoto5VPlwoWe3\/fr\/IrnNCFSzrBUqvGHc=",
       "Microsoft.Extensions.Logging.dll": "sha256-RJE660TEC1wm3MyL1EXQfTQB1qK+JWy1efVUxI8nNUo=",
-      "Microsoft.Extensions.Options.dll": "sha256-QqyagFWSuupxyjIZM2m\/ovuMuvYHTCjR2+BRNiUT4WA=",
+      "Microsoft.Extensions.Options.dll": "sha256-WPBQk7rt2p4aMEo2pTp1sBpsiWdE8MmWuIYq+zl1ceo=",
       "Microsoft.Extensions.Primitives.dll": "sha256-eXvGx2jcjpTPEJoAHBsW\/VuMPbNyyU+AsuhPmkzSSRY=",
-      "Microsoft.JSInterop.dll": "sha256-ZQe7CvUIbh1VYJF0EkWhlp\/VALZ9of5zaXCEkFRk90k=",
-      "Microsoft.JSInterop.WebAssembly.dll": "sha256-6yDYSBiy48fNaYJlqK10GSN72A6Vsu3i\/6v3Lq7kL2E=",
+      "Microsoft.JSInterop.dll": "sha256-0x9FxvQX2O5kRwjq4esKh78Yxam9rjRvVmqnWWdOxjg=",
+      "Microsoft.JSInterop.WebAssembly.dll": "sha256-3+dHa65PgCYOsUMlsJSDYPxt294+nWZxeMbopoWb+fA=",
       "netstandard.dll": "sha256-mEju+UrEOVZS\/IUSAbGrPQ2twPT4p1oNU\/VLJ96FVzQ=",
       "System.Collections.Concurrent.dll": "sha256-\/\/oXEUl6z8aj1DhK70wX+C9\/Mfv2JJ+F0KKNDUcb1pE=",
       "System.Collections.dll": "sha256-HDB21wjMdwOW+Dqd5iHejE9tlM+tXWN0afynmpdDs14=",
@@ -54,7 +54,7 @@
       "System.Net.Http.dll": "sha256-suivXtcTciE6qDMZq2qORLagRntVNlgVic4BGbOzry8=",
       "System.Net.Primitives.dll": "sha256-voTFtlTk65vDMKp27+l6klBwL2L\/uEnrSfIHCdq+7Lg=",
       "System.ObjectModel.dll": "sha256-MK7PGrJ6gXAQf\/KfUHwCGTGesG95oucUsfFtEpUrVOs=",
-      "System.Private.CoreLib.dll": "sha256-n7RdHLQcaT+oFuAlP\/8xspnsfkCiUGiKYmGGSdnWRE8=",
+      "System.Private.CoreLib.dll": "sha256-rTond3RWF5maxxG252OM7frg563zsft0RrDd2xRSehw=",
       "System.Private.Uri.dll": "sha256-0BEOXflsAIu0qM76olib+wPACx8vpHU8SjYae8gfXKs=",
       "System.Resources.ResourceManager.dll": "sha256-eGojOmRMCAnjPne8792Qld80XElRYrK\/\/\/0C5uXQ9So=",
       "System.Runtime.CompilerServices.Unsafe.dll": "sha256-SQixVCwSEws4tTAdGu\/1zmqCczhO8aYimm8+YckO5Rg=",

diff --git a/docs/VNext/_framework/blazor.boot.json.br b/docs/VNext/_framework/blazor.boot.json.br
diff --git a/docs/VNext/_framework/blazor.boot.json.gz b/docs/VNext/_framework/blazor.boot.json.gz
diff --git a/docs/VNext/_framework/blazor.webassembly.js b/docs/VNext/_framework/blazor.webassembly.js
diff --git a/docs/VNext/_framework/blazor.webassembly.js.gz b/docs/VNext/_framework/blazor.webassembly.js.gz
diff --git a/docs/VNext/docs/Samples/V4/Components/Dropdowns/Dropdowns1a.md b/docs/VNext/docs/Samples/V4/Components/Dropdowns/Dropdowns1a.md
@@ -0,0 +1,8 @@
+<BSDropdown IsMouseover="true">
+    <Toggler><BSToggle IsButton="true" Color="BSColor.Secondary">Dropdown button</BSToggle></Toggler>
+    <Content>
+        <BSDropdownItem>Action</BSDropdownItem>
+        <BSDropdownItem>Another action</BSDropdownItem>
+        <BSDropdownItem>Something else here</BSDropdownItem>
+    </Content>
+</BSDropdown>
diff --git a/docs/VNext/docs/Samples/V5/Components/Dropdowns/Dropdowns1a.md b/docs/VNext/docs/Samples/V5/Components/Dropdowns/Dropdowns1a.md
@@ -0,0 +1,8 @@
+<BSDropdown IsMouseover="true">
+    <Toggler><BSToggle IsButton="true" Color="BSColor.Secondary">Dropdown button</BSToggle></Toggler>
+    <Content>
+        <BSDropdownItem>Action</BSDropdownItem>
+        <BSDropdownItem>Another action</BSDropdownItem>
+        <BSDropdownItem>Something else here</BSDropdownItem>
+    </Content>
+</BSDropdown>
diff --git a/docs/VNext/docs/Static/V4/Components/Dropdowns.md b/docs/VNext/docs/Static/V4/Components/Dropdowns.md
@@ -12,6 +12,7 @@ See [shared](layout/shared) for additional parameters
 | IsManual          | bool           | true/false     | Manual Close                                 |
 | IsDiv             | bool           | true/false     | Makes the dropdown menu a div and use popper |
 | IsStatic          | bool           | true/false     | Disables dynamic positioning                 |
+| IsMouseOver       | bool           | true/false     | Opens and closes when mouse is over          |
 | Offset            | string         | #,#            | Dropdown offset                              |
 | ShownAttribute    | string         | string         | Adds attribute when shown                    |
 | Target            | string         | string         | `data-blazorstrap` of target                 |
@@ -44,6 +45,8 @@ Dropdown Items
 
 {{sample=V4/Components/Dropdowns/Dropdowns1}}
 
+{{sample=V4/Components/Dropdowns/Dropdowns1a}}
+
 {{sample=V4/Components/Dropdowns/Dropdowns2}}
 
 {{sample=V4/Components/Dropdowns/Dropdowns3}}

diff --git a/docs/VNext/docs/Static/V4/Components/Modal.md b/docs/VNext/docs/Static/V4/Components/Modal.md
@@ -5,7 +5,8 @@ See [shared](layout/shared) for additional parameters
 
 | Parameter				| Type                      | Valid          | Remarks/Output                                                                     | 
 |-----------------------|---------------------------|----------------|------------------------------------------------------------------------------------|
-| FullScreenSize		| Enum                      | Side           | `.modal-fullscreen-[]-down`                                                        | {.table-striped}
+| DisableEscapeKey      | bool                      | true/false     | Disables the escape key from closing the modal	   						          | {.table-striped}
+| FullScreenSize		| Enum                      | Side           | `.modal-fullscreen-[]-down`                                                        | 
 | AllowScroll			| bool                      | true/false     | Allows Body Scrolling                                                              | 
 | ModalColor			| BSColor                   | BSColor        |                                                                                    |
 | Size					| Enum                      | Size           | `.modal-[]`                                                                        |

diff --git a/docs/VNext/docs/Static/V4/Components/Offcanvas.md b/docs/VNext/docs/Static/V4/Components/Offcanvas.md
@@ -12,6 +12,7 @@ See [shared](layout/shared) for additional parameters
 | Parameter             | Type						| Valid          | Remarks/Output													| 
 |-----------------------|---------------------------|----------------|------------------------------------------------------------------|
 | Color                 | Enum						| BSColor        | `.bg-[]`															| { .table-striped}
+| DisableEscapeKey      | bool                      | true/false     | Disables the escape key from closing the offcanvas               |
 | BodyClass             | Enum						| BSColor        | `.alert-[]`														|
 | Placement             | Enum						| Placement      | `.offcanvas-[]`													|
 | DisableBackdropClick  | bool						| true/false     |																	|

diff --git a/docs/VNext/docs/Static/V4/index.md b/docs/VNext/docs/Static/V4/index.md
@@ -17,11 +17,12 @@ Bootstrap 4 Components for Blazor Framework
       2. ```<link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"```
    2. At the end of the ```<body>``` add 
       1. ```<script src="_content/BlazorStrap/popper.min.js"></script>```
-      2. ```<script src="_content/BlazorStrap/blazorstrap.js"></script>```
 3. In ```Program.cs``` add 
    1. ```builder.Services.AddBlazorStrap();```
 4. In ```_Imports.razor``` add
    1. ```@using BlazorStrap.V4```
+   2. In your layout after @Body
+    - Add ```<BSCore/>```
 -----
 ##### Blazor Server Side
 1. - Download BlazorStrap package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap)
@@ -33,9 +34,10 @@ Bootstrap 4 Components for Blazor Framework
       2. ```<link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"```
    2. At the end of the ```<body>``` add
       1. ```<script src="_content/BlazorStrap/popper.min.js"></script>```
-      2. ```<script src="_content/BlazorStrap/blazorstrap.js"></script>```
 3. In ```Program.cs``` or ```Startup.cs``` add
    1. ```Services.AddBlazorStrap();``` to your build pipeline
 4. In ```_Imports.razor``` add
    1. ```@using BlazorStrap.V4```
+   2. In your layout after @Body
+    - Add ```<BSCore/>```
 
diff --git a/docs/VNext/docs/Static/V5/Components/Dropdowns.md b/docs/VNext/docs/Static/V5/Components/Dropdowns.md
@@ -12,6 +12,7 @@ See [shared](layout/shared) for additional parameters
 | IsManual          | bool           | true/false     | Manual Close                                 |
 | IsDiv             | bool           | true/false     | Makes the dropdown menu a div and use popper |
 | IsStatic          | bool           | true/false     | Disables dynamic positioning                 |
+| IsMouseOver       | bool           | true/false     | Opens and closes when mouse is over          |
 | Offset            | string         | #,#            | Dropdown offset                              |
 | ShownAttribute    | string         | string         | Adds attribute when shown                    |
 | Target            | string         | string         | `data-blazorstrap` of target                 |
@@ -44,6 +45,8 @@ Dropdown Items
 
 {{sample=V5/Components/Dropdowns/Dropdowns1}}
 
+{{sample=V5/Components/Dropdowns/Dropdowns1a}}
+
 {{sample=V5/Components/Dropdowns/Dropdowns2}}
 
 {{sample=V5/Components/Dropdowns/Dropdowns3}}

diff --git a/docs/VNext/docs/Static/V5/Components/Modal.md b/docs/VNext/docs/Static/V5/Components/Modal.md
@@ -5,7 +5,8 @@ See [shared](layout/shared) for additional parameters
 
 | Parameter				| Type                      | Valid          | Remarks/Output                                                                     | 
 |-----------------------|---------------------------|----------------|------------------------------------------------------------------------------------|
-| FullScreenSize		| Enum                      | Side           | `.modal-fullscreen-[]-down`                                                        | {.table-striped}
+| DisableEscapeKey      | bool                      | true/false     | Disables the escape key from closing the modal                                     | {.table-striped}
+| FullScreenSize		| Enum                      | Side           | `.modal-fullscreen-[]-down`                                                        | 
 | AllowScroll			| bool                      | true/false     | Allows Body Scrolling                                                              | 
 | ModalColor			| BSColor                   | BSColor        |                                                                                    |
 | Size					| Enum                      | Size           | `.modal-[]`                                                                        |

diff --git a/docs/VNext/docs/Static/V5/Components/Offcanvas.md b/docs/VNext/docs/Static/V5/Components/Offcanvas.md
@@ -6,6 +6,7 @@ See [shared](layout/shared) for additional parameters
 | Parameter             | Type						| Valid          | Remarks/Output													| 
 |-----------------------|---------------------------|----------------|------------------------------------------------------------------|
 | Color                 | Enum						| BSColor        | `.bg-[]`															| { .table-striped}
+| DisableEscapeKey      | bool                      | true/false     | Disables the escape key from closing the offcanvas               |
 | BodyClass             | Enum						| BSColor        | `.alert-[]`														|
 | Placement             | Enum						| Placement      | `.offcanvas-[]`													|
 | DisableBackdropClick  | bool						| true/false     |																	|