@txstate-mws/svelte-components 1.2.1 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,12 +1,12 @@
1
1
  <script >import { onDestroy, tick, setContext, onMount } from 'svelte';
2
2
  import { writable } from 'svelte/store';
3
- import { browser } from '$app/env';
4
3
  import { resize } from '../actions';
5
4
  import { CARDLAYOUT } from '../types';
6
5
  export let maxwidth = 500;
7
6
  export let preserveorder = false;
8
7
  export let gutter = 10;
9
8
  export let className = '';
9
+ const ssr = navigator.userAgent.includes('jsdom');
10
10
  const blocks = [];
11
11
  const gutterstore = writable(gutter);
12
12
  let defaultOrder = 0;
@@ -177,7 +177,7 @@ function onResize(e) {
177
177
  onMount(() => triggerrecalc(layoutelement.clientWidth));
178
178
  </script>
179
179
 
180
- <ul class="cardlayout {className}" class:ssr={!browser} style:height={browser ? `${fullheight + gutter}px` : undefined} bind:this={layoutelement} use:resize on:resize={onResize}>
180
+ <ul class="cardlayout {className}" class:ssr style:height={ssr ? undefined : `${fullheight + gutter}px`} bind:this={layoutelement} use:resize on:resize={onResize}>
181
181
  <slot></slot>
182
182
  </ul>
183
183
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@txstate-mws/svelte-components",
3
- "version": "1.2.1",
3
+ "version": "1.2.2",
4
4
  "description": "Svelte components that are generically useful.",
5
5
  "dependencies": {
6
6
  "@txstate-mws/svelte-store": "^1.0.3",