Import necessary styles.

Author: thet

src/pat/carousel/carousel.js

@@ -31,6 +31,10 @@ export default Base.extend({
     async init(el, opts) {
         await import("slick-carousel");
 
+        if (window.__patternslib_import_styles) {
+            import("slick-carousel/slick/slick.scss");
+        }
+
         if (el.jquery) {
             el = el[0];
         }

src/pat/date-picker/date-picker.js

@@ -66,7 +66,7 @@ export default Base.extend({
 
         const Pikaday = (await import("pikaday")).default;
         if (window.__patternslib_import_styles) {
-            await import("pikaday/scss/pikaday.scss");
+            import("pikaday/scss/pikaday.scss");
         }
 
         if (el.getAttribute("type") === "date") {

src/pat/datetime-picker/datetime-picker.js

@@ -35,7 +35,7 @@ export default Base.extend({
 
         const DatePicker = (await import("../date-picker/date-picker")).default;
         if (window.__patternslib_import_styles) {
-            await import("./_datetime-picker.scss");
+            import("./_datetime-picker.scss");
         }
 
         const value = this.el.value.split("T");

src/pat/gallery/gallery.js

@@ -25,6 +25,10 @@ export default Base.extend({
         const PhotoSwipe = (await import("photoswipe")).default;
         const PhotoSwipeUI = (await import("photoswipe/dist/photoswipe-ui-default")).default; // prettier-ignore
 
+        if (window.__patternslib_import_styles) {
+            import("photoswipe/dist/photoswipe.css");
+        }
+
         this.options = parser.parse(this.$el, opts);
         if ($("#photoswipe-template").length === 0) {
             const Template = (await import("./template.html")).default;

src/pat/modal/modal.js

@@ -25,7 +25,7 @@ export default Base.extend({
 
     async init($el, opts, trigger) {
         if (window.__patternslib_import_styles) {
-            await import("./_modal.scss");
+            import("./_modal.scss");
         }
 
         this.options = parser.parse(this.$el, opts);

src/pat/tooltip/tooltip.js

@@ -54,7 +54,7 @@ export default Base.extend({
         const Tippy = (await import("tippy.js")).default;
 
         if (window.__patternslib_import_styles) {
-            await import("tippy.js/dist/tippy.css");
+            import("tippy.js/dist/tippy.css");
         }
 
         this.options = parser.parse(el, opts);