@getflip/swirl-components 0.173.1 → 0.173.3

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-03-21T10:36:13",
+  "timestamp": "2024-03-21T12:26:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.3.1",

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

@@ -148,6 +148,7 @@ const SwirlLightbox = class {
     setTimeout(() => {
       this.modal.hide();
       this.resetImageZoom();
+      this.stopAllMediaPlayers();
       this.closing = false;
     }, 150);
   }

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

@@ -972,11 +972,12 @@ const SwirlText = class {
   }
   render() {
     const Tag = this.as;
+    const truncate = this.truncate && (!Boolean(this.lines) || this.lines === 1);
     const className = index.classnames("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--truncate-direction-${this.truncateDirection}`, `text--weight-${this.weight}`, {
-      "text--truncate": this.truncate && (!Boolean(this.lines) || this.lines === 1),
+      "text--truncate": truncate,
     });
     const styles = {
-      whiteSpace: this.whiteSpace,
+      whiteSpace: truncate ? "nowrap" : this.whiteSpace,
     };
     return (index$1.h(index$1.Host, null, index$1.h(Tag, { class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", null))));
   }