@getflip/swirl-components 0.173.3 → 0.174.1

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-03-21T12:26:41",
+  "timestamp": "2024-03-22T09:16:02",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.3.1",
@@ -39210,6 +39210,15 @@
         }
       ],
       "events": [
+        {
+          "event": "appThemeUpdated",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "themeChange",
           "detail": "{ activeTheme: SwirlOSTheme; preferredTheme: SwirlOSTheme; }",

package/dist/cjs/swirl-lightbox.cjs.entry.js

@@ -14,7 +14,6 @@ const SwirlLightbox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.dragging = false;
-    this.mediaPlayers = [];
     this.onCloseButtonClick = () => {
       this.close();
     };
@@ -31,7 +30,6 @@ const SwirlLightbox = class {
     this.registerSlides = () => {
       this.slides = Array.from(this.el.children).filter((el) => el.tagName === "SWIRL-FILE-VIEWER");
       this.setSlideAttributes();
-      this.updateMediaPlayers();
     };
     this.onPointerDown = (event) => {
       this.dragging = true;
@@ -186,7 +184,6 @@ const SwirlLightbox = class {
       });
     }, 300);
     this.stopAllMediaPlayers();
-    this.updateMediaPlayers();
     this.resetImageZoom();
   }
   setSlideAttributes() {
@@ -217,12 +214,12 @@ const SwirlLightbox = class {
   unlockBodyScroll() {
     bodyScrollLock_esm.enableBodyScroll(this.el);
   }
-  updateMediaPlayers() {
+  getMediaPlayers() {
     const mediaPlayers = utils.querySelectorAllDeep(this.el, "video");
-    this.mediaPlayers = mediaPlayers;
+    return mediaPlayers;
   }
   stopAllMediaPlayers() {
-    this.mediaPlayers.forEach((mediaPlayer) => mediaPlayer.pause());
+    this.getMediaPlayers().forEach((mediaPlayer) => mediaPlayer.pause());
   }
   resetImageZoom() {
     this.slides.forEach((slide) => {

package/dist/cjs/swirl-theme-provider.cjs.entry.js

@@ -10,6 +10,7 @@ const preferredThemeStorageKey = "swirl-preferred-theme";
 const SwirlThemeProvider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.appThemeUpdated = index.createEvent(this, "appThemeUpdated", 7);
     this.themeChange = index.createEvent(this, "themeChange", 7);
     this.setDesignTokens = [];
     this.config = undefined;
@@ -105,6 +106,7 @@ const SwirlThemeProvider = class {
       this.recentOSThemeChangeEventData = themeChangeEventData;
       this.themeChange.emit(this.recentOSThemeChangeEventData);
     }
+    this.appThemeUpdated.emit();
   }
   updateTenantAssets() {
     const theme = this.resolvedConfig?.themes?.[this.appOSTheme];

package/dist/collection/components/swirl-lightbox/swirl-lightbox.js

@@ -6,7 +6,6 @@ import { querySelectorAllDeep } from "../../utils";
 export class SwirlLightbox {
   constructor() {
     this.dragging = false;
-    this.mediaPlayers = [];
     this.onCloseButtonClick = () => {
       this.close();
     };
@@ -23,7 +22,6 @@ export class SwirlLightbox {
     this.registerSlides = () => {
       this.slides = Array.from(this.el.children).filter((el) => el.tagName === "SWIRL-FILE-VIEWER");
       this.setSlideAttributes();
-      this.updateMediaPlayers();
     };
     this.onPointerDown = (event) => {
       this.dragging = true;
@@ -178,7 +176,6 @@ export class SwirlLightbox {
       });
     }, 300);
     this.stopAllMediaPlayers();
-    this.updateMediaPlayers();
     this.resetImageZoom();
   }
   setSlideAttributes() {
@@ -209,12 +206,12 @@ export class SwirlLightbox {
   unlockBodyScroll() {
     enableBodyScroll(this.el);
   }
-  updateMediaPlayers() {
+  getMediaPlayers() {
     const mediaPlayers = querySelectorAllDeep(this.el, "video");
-    this.mediaPlayers = mediaPlayers;
+    return mediaPlayers;
   }
   stopAllMediaPlayers() {
-    this.mediaPlayers.forEach((mediaPlayer) => mediaPlayer.pause());
+    this.getMediaPlayers().forEach((mediaPlayer) => mediaPlayer.pause());
   }
   resetImageZoom() {
     this.slides.forEach((slide) => {

package/dist/collection/components/swirl-theme-provider/swirl-theme-provider.js

@@ -96,6 +96,7 @@ export class SwirlThemeProvider {
       this.recentOSThemeChangeEventData = themeChangeEventData;
       this.themeChange.emit(this.recentOSThemeChangeEventData);
     }
+    this.appThemeUpdated.emit();
   }
   updateTenantAssets() {
     const theme = this.resolvedConfig?.themes?.[this.appOSTheme];
@@ -168,6 +169,21 @@ export class SwirlThemeProvider {
   }
   static get events() {
     return [{
+        "method": "appThemeUpdated",
+        "name": "appThemeUpdated",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
         "method": "themeChange",
         "name": "themeChange",
         "bubbles": true,