Merge branch 'main' into global-focus-varsglobal-focus-vars

1 files changed, 57 insertions, 63 deletions

diff --git a/build/build-plugins.js b/build/build-plugins.js
index d1930b855..15a537845 100644
--- a/build/build-plugins.js
+++ b/build/build-plugins.js
@@ -35,6 +35,7 @@ const bsPlugins = {
   Collapse: path.resolve(__dirname, '../js/src/collapse.js'),
   Dropdown: path.resolve(__dirname, '../js/src/dropdown.js'),
   Modal: path.resolve(__dirname, '../js/src/modal.js'),
+  Offcanvas: path.resolve(__dirname, '../js/src/offcanvas.js'),
   Popover: path.resolve(__dirname, '../js/src/popover.js'),
   ScrollSpy: path.resolve(__dirname, '../js/src/scrollspy.js'),
   Tab: path.resolve(__dirname, '../js/src/tab.js'),
@@ -58,81 +59,74 @@ const defaultPluginConfig = {
 }
 
 const getConfigByPluginKey = pluginKey => {
-  if (
-    pluginKey === 'Data' ||
-    pluginKey === 'Manipulator' ||
-    pluginKey === 'EventHandler' ||
-    pluginKey === 'SelectorEngine' ||
-    pluginKey === 'Util' ||
-    pluginKey === 'Sanitizer'
-  ) {
-    return {
-      external: []
+  switch (pluginKey) {
+    case 'Alert':
+    case 'Offcanvas':
+    case 'Tab':
+      return defaultPluginConfig
+
+    case 'Base':
+    case 'Button':
+    case 'Carousel':
+    case 'Collapse':
+    case 'Modal':
+    case 'ScrollSpy': {
+      const config = Object.assign(defaultPluginConfig)
+      config.external.push(bsPlugins.Manipulator)
+      config.globals[bsPlugins.Manipulator] = 'Manipulator'
+      return config
     }
-  }
-
-  if (pluginKey === 'Alert' || pluginKey === 'Tab') {
-    return defaultPluginConfig
-  }
 
-  if (
-    pluginKey === 'Base' ||
-    pluginKey === 'Button' ||
-    pluginKey === 'Carousel' ||
-    pluginKey === 'Collapse' ||
-    pluginKey === 'Modal' ||
-    pluginKey === 'ScrollSpy'
-  ) {
-    const config = Object.assign(defaultPluginConfig)
-    config.external.push(bsPlugins.Manipulator)
-    config.globals[bsPlugins.Manipulator] = 'Manipulator'
-    return config
-  }
+    case 'Dropdown':
+    case 'Tooltip': {
+      const config = Object.assign(defaultPluginConfig)
+      config.external.push(bsPlugins.Manipulator, '@popperjs/core')
+      config.globals[bsPlugins.Manipulator] = 'Manipulator'
+      config.globals['@popperjs/core'] = 'Popper'
+      return config
+    }
 
-  if (pluginKey === 'Dropdown' || pluginKey === 'Tooltip') {
-    const config = Object.assign(defaultPluginConfig)
-    config.external.push(bsPlugins.Manipulator, '@popperjs/core')
-    config.globals[bsPlugins.Manipulator] = 'Manipulator'
-    config.globals['@popperjs/core'] = 'Popper'
-    return config
-  }
+    case 'Popover':
+      return {
+        external: [
+          bsPlugins.Data,
+          bsPlugins.SelectorEngine,
+          bsPlugins.Tooltip
+        ],
+        globals: {
+          [bsPlugins.Data]: 'Data',
+          [bsPlugins.SelectorEngine]: 'SelectorEngine',
+          [bsPlugins.Tooltip]: 'Tooltip'
+        }
+      }
 
-  if (pluginKey === 'Popover') {
-    return {
-      external: [
-        bsPlugins.Data,
-        bsPlugins.SelectorEngine,
-        bsPlugins.Tooltip
-      ],
-      globals: {
-        [bsPlugins.Data]: 'Data',
-        [bsPlugins.SelectorEngine]: 'SelectorEngine',
-        [bsPlugins.Tooltip]: 'Tooltip'
+    case 'Toast':
+      return {
+        external: [
+          bsPlugins.Data,
+          bsPlugins.Base,
+          bsPlugins.EventHandler,
+          bsPlugins.Manipulator
+        ],
+        globals: {
+          [bsPlugins.Data]: 'Data',
+          [bsPlugins.Base]: 'Base',
+          [bsPlugins.EventHandler]: 'EventHandler',
+          [bsPlugins.Manipulator]: 'Manipulator'
+        }
       }
-    }
-  }
 
-  if (pluginKey === 'Toast') {
-    return {
-      external: [
-        bsPlugins.Data,
-        bsPlugins.Base,
-        bsPlugins.EventHandler,
-        bsPlugins.Manipulator
-      ],
-      globals: {
-        [bsPlugins.Data]: 'Data',
-        [bsPlugins.Base]: 'Base',
-        [bsPlugins.EventHandler]: 'EventHandler',
-        [bsPlugins.Manipulator]: 'Manipulator'
+    default:
+      return {
+        external: []
       }
-    }
   }
 }
 
 const utilObjects = new Set([
   'Util',
-  'Sanitizer'
+  'Sanitizer',
+  'Backdrop'
 ])
 
 const domObjects = new Set([