Issue #3034065 by JeroenT, gillesbailleux, carles.zapater: Uncaught TypeError:...

Issue #3034065 by JeroenT, gillesbailleux, carles.zapater: Uncaught TypeError: $(...).toast is not a function

bootstrap_barrio.libraries.yml

@@ -123,6 +123,11 @@ tabs:
     component:
       css/components/tabs.css: {}
 
+toast:
+  version: VERSION
+  js:
+    js/toast.js: {}
+
 verticaltabs:
   version: VERSION
   css:

js/global.js

@@ -51,9 +51,6 @@
         // init
         toggleAffix(ele, $(window), wrapper);
       });
-
-      $('.toast').toast('show');
-      
     }
   };
 

js/toast.js

+/**
+ * @file
+ * Toast utilities.
+ *
+ */
+(function ($, Drupal) {
+
+  'use strict';
+
+  Drupal.behaviors.bootstrap_barrio_toast = {
+    attach: function (context, settings) {
+      $('.toast').toast('show');
+    }
+  };
+
+})(jQuery, Drupal);

templates/misc/status-messages--toasts.html.twig

@@ -25,6 +25,7 @@
  * @ingroup themeable
  */
 #}
+{{ attach_library('bootstrap_barrio/toast') }}
 
 <div class="toast-wrapper">