@miso.ai/client-sdk-ui 1.11.5-beta.7 → 1.11.5-beta.9

package/dist/cjs/layout/list/gallery.js

@@ -198,8 +198,7 @@ class GalleryLayout extends _collection.default {
   _syncCssVariables() {
     const context = this._galleryContext;
     let {
-      itemAspectRatio = 1,
-      height = DEFAULT_HEIGHT
+      itemAspectRatio = 1
     } = this.options;
     itemAspectRatio = context.itemAspectRatio = (0, _dom.cssAspectRatio)(itemAspectRatio);
     const {
@@ -209,7 +208,6 @@ class GalleryLayout extends _collection.default {
       return;
     }
     // TODO: skip if equal to default values
-    element.style.setProperty('--miso-gallery-height', `${height}`);
     element.style.setProperty('--miso-gallery-item-1x1-aspect-ratio', `${itemAspectRatio}`);
     element.style.setProperty('--miso-gallery-item-1x2-aspect-ratio', `${itemAspectRatio.scaleBy([1, 2])}`);
   }
@@ -234,7 +232,7 @@ class GalleryLayout extends _collection.default {
 
     // update DOM
     listElement.style.aspectRatio = `${columnCount} / 2`;
-    listElement.style.height = 'auto';
+    listElement.style.height = itemCount > 0 ? 'auto' : '0';
   }
   _syncItemCount() {
     let {

package/dist/cjs/layout/templates.js

@@ -269,7 +269,8 @@ function tagPair(_ref13, _ref14) {
   const roleAttrs = role ? `data-role="${role}"` : '';
   return [`<${tag} class="${className}__${classSuffix}" ${roleAttrs} ${productAttrs} ${urlAttrs}>`, `</${tag}>`];
 }
-function linkAttrs(link) {
+function linkAttrs() {
+  let link = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     target = '_blank',
     rel = 'noopener',

package/dist/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '1.11.5-beta.7';
+var _default = exports.default = '1.11.5-beta.9';

package/package.json

@@ -26,7 +26,7 @@
     "url": "https://github.com/MisoAI/miso-client-js-sdk/issues"
   },
   "dependencies": {
-    "@miso.ai/commons": "1.11.5-beta.7"
+    "@miso.ai/commons": "1.11.5-beta.9"
   },
-  "version": "1.11.5-beta.7"
+  "version": "1.11.5-beta.9"
 }

package/src/layout/list/gallery.js

@@ -170,14 +170,13 @@ export default class GalleryLayout extends CollectionLayout {
 
   _syncCssVariables() {
     const context = this._galleryContext;
-    let { itemAspectRatio = 1, height = DEFAULT_HEIGHT } = this.options;
+    let { itemAspectRatio = 1 } = this.options;
     itemAspectRatio = context.itemAspectRatio = cssAspectRatio(itemAspectRatio);
     const { element } = this._view;
     if (!element) {
       return;
     }
     // TODO: skip if equal to default values
-    element.style.setProperty('--miso-gallery-height', `${height}`);
     element.style.setProperty('--miso-gallery-item-1x1-aspect-ratio', `${itemAspectRatio}`);
     element.style.setProperty('--miso-gallery-item-1x2-aspect-ratio', `${itemAspectRatio.scaleBy([1, 2])}`);
   }
@@ -198,7 +197,7 @@ export default class GalleryLayout extends CollectionLayout {
 
     // update DOM
     listElement.style.aspectRatio = `${columnCount} / 2`;
-    listElement.style.height = 'auto';
+    listElement.style.height = itemCount > 0 ? 'auto' : '0';
   }
 
   _syncItemCount({ state } = {}) {

package/src/layout/templates.js

@@ -194,7 +194,7 @@ function tagPair({ className, options = {} }, { product_id, url }, { classSuffix
   return [`<${tag} class="${className}__${classSuffix}" ${roleAttrs} ${productAttrs} ${urlAttrs}>`, `</${tag}>`];
 }
 
-function linkAttrs(link) {
+function linkAttrs(link = {}) {
   const { target = '_blank', rel = 'noopener', open = true } = link; // TODO: other properties
   let attrs = '';
   if (open) {

package/src/version.js

@@ -1 +1 @@
-export default '1.11.5-beta.7';
+export default '1.11.5-beta.9';