feat(Bootstrap): support dynamic load bootstrap javascript

src/BootstrapBlazor.Server/Components/App.razor

@@ -43,7 +43,6 @@
     <BlazorReconnector @rendermode="new InteractiveServerRenderMode(false)" />
 
     <script src="_content/BootstrapBlazor.SummerNote/js/jquery-3.6.0.min.js"></script>
-    <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
     <script src="_framework/blazor.web.js"></script>
     @if (Env.IsProduction())
     {

src/BootstrapBlazor/Components/AnchorLink/AnchorLink.razor.js

@@ -1,4 +1,5 @@
-import { copy } from "../../modules/utility.js"
+import '../../js/bootstrap.blazor.bundle.min.js'
+import { copy } from "../../modules/utility.js"
 import Data from "../../modules/data.js"
 import EventHandler from "../../modules/event-handler.js"
 

src/BootstrapBlazor/Components/Button/Button.razor.js

@@ -1,4 +1,6 @@
-const showTooltip = (id, title) => {
+import '../../js/bootstrap.blazor.bundle.min.js'
+
+const showTooltip = (id, title) => {
     const el = document.getElementById(id)
 
     if (el) {

src/BootstrapBlazor/Components/Layout/Layout.razor.js

@@ -1,4 +1,5 @@
-import Data from "../../modules/data.js"
+import '../../js/bootstrap.blazor.bundle.min.js'
+import Data from "../../modules/data.js"
 import EventHandler from "../../modules/event-handler.js"
 
 export function init(id, invoke, callback) {

src/BootstrapBlazor/Components/Modal/Modal.razor.js

@@ -1,4 +1,5 @@
-import Data from "../../modules/data.js"
+import '../../js/bootstrap.blazor.bundle.min.js'
+import Data from "../../modules/data.js"
 import EventHandler from "../../modules/event-handler.js"
 
 export function init(id, invoke, shownCallback, closeCallback) {

src/BootstrapBlazor/Components/Popover/Popover.razor.js

@@ -1,4 +1,5 @@
-import { getDescribedElement, hackTooltip } from "../../modules/utility.js"
+import '../../js/bootstrap.blazor.bundle.min.js'
+import { getDescribedElement, hackTooltip } from "../../modules/utility.js"
 import EventHandler from "../../modules/event-handler.js"
 
 export function init(id, options) {

src/BootstrapBlazor/Components/Segmented/Segmented.razor.js

@@ -1,4 +1,5 @@
-import Data from '../../modules/data.js'
+import '../../js/bootstrap.blazor.bundle.min.js'
+import Data from '../../modules/data.js'
 import EventHandler from '../../modules/event-handler.js'
 
 export function init(id, invoke) {

src/BootstrapBlazor/wwwroot/modules/base-popover.js

@@ -1,4 +1,5 @@
-import { getDescribedElement, getDescribedOwner, hackTooltip, hackPopover, isDisabled, registerBootstrapBlazorModule } from "./utility.js"
+import '../js/bootstrap.blazor.bundle.min.js'
+import { getDescribedElement, getDescribedOwner, hackTooltip, hackPopover, isDisabled, registerBootstrapBlazorModule } from "./utility.js"
 import EventHandler from "./event-handler.js"
 
 const Popover = {

src/BootstrapBlazor/wwwroot/modules/utility.js

@@ -1,4 +1,5 @@
-import EventHandler from "./event-handler.js"
+import '../js/bootstrap.blazor.bundle.min.js'
+import EventHandler from "./event-handler.js"
 
 const vibrate = () => {
     if ('vibrate' in window.navigator) {