@reuters-graphics/graphics-components 0.0.15 → 0.0.17

package/dist/@types/components/PymChild/stores.d.ts

@@ -0,0 +1 @@
+export const pymChildStore: import("svelte/store").Writable<any>;

package/dist/@types/index.d.ts

@@ -13,6 +13,7 @@ export { default as NoteText } from "./components/NoteText/NoteText.svelte";
 export { default as PaddingReset } from "./components/PaddingReset/PaddingReset.svelte";
 export { default as PhotoPack } from "./components/PhotoPack/PhotoPack.svelte";
 export { default as PymChild } from "./components/PymChild/PymChild.svelte";
+export { pymChildStore } from "./components/PymChild/stores.js";
 export { default as ReutersLogo } from "./components/ReutersLogo/ReutersLogo.svelte";
 export { default as Scroller } from "./components/Scroller/Scroller.svelte";
 export { default as SEO } from "./components/SEO/SEO.svelte";

package/dist/components/Framer/Framer.svelte

@@ -113,63 +113,71 @@
   maxFrameWidth="{maxFrameWidth}"
 />
 
-<style>
-  header {
-    font-family: 'Knowledge', 'Source Sans Pro', Arial, sans-serif;
-    font-size: 50px;
-    text-align: center;
-    text-transform: uppercase;
-    font-weight: 700;
-    margin: 20px 0;
-  }
-
-  div#typeahead-container {
-    max-width: 660px;
-    margin: 0 auto 15px;
-    position: relative;
-  }
-  div#typeahead-container div.embed-link {
-    position: absolute;
-    top: 0;
-    right: 0;
-    display: inline-block;
-    z-index: 2;
-  }
-  div#typeahead-container div.embed-link a {
-    font-family: 'Knowledge', 'Source Sans Pro', Arial, sans-serif;
-    color: #bbb;
-    font-size: 12px;
-    text-decoration: none !important;
-  }
-  div#typeahead-container div.embed-link a:hover {
-    color: #666;
-  }
-
-  div#preview-label {
-    margin: 0 auto;
-  }
-  div#preview-label p {
-    font-family: 'Knowledge', 'Source Sans Pro', Arial, sans-serif;
-    color: #aaa;
-    font-size: 0.75rem;
-    margin: 0 0 0.25rem;
-  }
-
-  #frame-parent {
-    border: 1px solid #ddd;
-    margin: 0 auto;
-    width: var(--width);
-  }
-
-  div#home-link {
-    position: fixed;
-    bottom: 5px;
-    left: 10px;
-    font-size: 18px;
-  }
-  div#home-link a {
-    color: #ccc;
-  }
-  div#home-link a:hover {
-    color: #666;
-  }</style>
+<style>header {
+  font-family: "Knowledge", "Source Sans Pro", Arial, sans-serif;
+  font-size: 50px;
+  text-align: center;
+  text-transform: uppercase;
+  font-weight: 700;
+  margin: 20px 0;
+}
+
+div#typeahead-container {
+  max-width: 660px;
+  margin: 0 auto 15px;
+  position: relative;
+}
+
+div#typeahead-container div.embed-link {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: inline-block;
+  z-index: 2;
+}
+
+div#typeahead-container div.embed-link a {
+  font-family: "Knowledge", "Source Sans Pro", Arial, sans-serif;
+  color: #bbb;
+  font-size: 12px;
+  text-decoration: none !important;
+}
+
+div#typeahead-container div.embed-link a:hover {
+  color: #666;
+}
+
+div#preview-label {
+  margin: 0 auto;
+}
+
+div#preview-label p {
+  font-family: "Knowledge", "Source Sans Pro", Arial, sans-serif;
+  color: #aaa;
+  font-size: 0.75rem;
+  margin: 0 0 0.25rem;
+}
+
+#frame-parent {
+  border: 1px solid #ddd;
+  margin: 0 auto;
+  width: var(--width);
+}
+#frame-parent :global(iframe) {
+  display: block;
+}
+
+div#home-link {
+  position: fixed;
+  bottom: 5px;
+  left: 10px;
+  font-size: 18px;
+}
+
+div#home-link a {
+  color: #ccc;
+}
+
+div#home-link a:hover {
+  color: #666;
+}</style>

package/dist/components/PymChild/PymChild.svelte

@@ -3,9 +3,10 @@
 export let polling = 500;
 import { onMount } from 'svelte';
 import pym from 'pym.js';
-// @ts-ignore
+import { pymChildStore } from './stores.js';
 let pymChild;
 onMount(() => {
     pymChild = new pym.Child({ polling });
+    pymChildStore.set(pymChild);
 });
 </script>

package/dist/components/PymChild/stores.js

@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const pymChildStore = writable(null);

package/dist/index.js

@@ -14,6 +14,7 @@ export { default as NoteText } from './components/NoteText/NoteText.svelte';
 export { default as PaddingReset } from './components/PaddingReset/PaddingReset.svelte';
 export { default as PhotoPack } from './components/PhotoPack/PhotoPack.svelte';
 export { default as PymChild } from './components/PymChild/PymChild.svelte';
+export { pymChildStore } from './components/PymChild/stores.js';
 export { default as ReutersLogo } from './components/ReutersLogo/ReutersLogo.svelte';
 export { default as Scroller } from './components/Scroller/Scroller.svelte';
 export { default as SEO } from './components/SEO/SEO.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reuters-graphics/graphics-components",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "type": "module",
   "private": false,
   "homepage": "https://reuters-graphics.github.io/graphics-components",
@@ -122,6 +122,7 @@
     "./components/PhotoPack/PhotoPack.svelte": "./dist/components/PhotoPack/PhotoPack.svelte",
     "./components/PhotoPack/docProps.ts": "./dist/components/PhotoPack/docProps.ts",
     "./components/PymChild/PymChild.svelte": "./dist/components/PymChild/PymChild.svelte",
+    "./components/PymChild/stores": "./dist/components/PymChild/stores.js",
     "./components/ReutersLogo/ReutersLogo.svelte": "./dist/components/ReutersLogo/ReutersLogo.svelte",
     "./components/SEO/SEO.svelte": "./dist/components/SEO/SEO.svelte",
     "./components/SEO/analytics": "./dist/components/SEO/analytics.js",