@reuters-graphics/graphics-components 0.0.1-beta.16 → 0.0.1-beta.19

package/dist/@types/components/Article/Article.svelte.d.ts

@@ -27,6 +27,11 @@ declare const __propDef: {
 export declare type ArticleProps = typeof __propDef.props;
 export declare type ArticleEvents = typeof __propDef.events;
 export declare type ArticleSlots = typeof __propDef.slots;
+/**
+ * The `Article` component contains all the content of our story and also establishes the dimensions of our article well, the default central trunk of our page layout.
+ *
+ * [Docs](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-article--default)
+ */
 export default class Article extends SvelteComponentTyped<ArticleProps, ArticleEvents, ArticleSlots> {
 }
 export {};

package/dist/@types/components/Scroller/docProps.d.ts

@@ -0,0 +1,32 @@
+import type { ComponentType, SvelteComponentTyped } from 'svelte';
+interface BlockStep {
+    Background: string;
+    Text: string;
+}
+interface Block {
+    Type: string;
+    Width: string;
+    ForegroundPosition: string;
+    StackBackground?: string;
+    EmbeddedLayout?: string;
+    ID?: string;
+    Steps: BlockStep[];
+}
+interface AiCharts {
+    [key: string]: ComponentType;
+}
+export declare const getScrollerPropsFromDoc: (docBlock: Block, aiCharts: AiCharts, assetsPath?: string) => {
+    id: string;
+    backgroundWidth: string;
+    foregroundPosition: string;
+    stackBackground: boolean;
+    embeddedLayout: string;
+    steps: {
+        background: ComponentType<SvelteComponentTyped<any, any, any>>;
+        backgroundProps: {
+            assetsPath: string;
+        };
+        foreground: string;
+    }[];
+};
+export {};

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

@@ -23,4 +23,5 @@ export { default as Spinner } from "./components/Spinner/Spinner.svelte";
 export { default as Video } from "./components/Video/Video.svelte";
 export { default as Visible } from "./components/Visible/Visible.svelte";
 export { getPhotoPackPropsFromDoc } from "./components/PhotoPack/docProps.js";
+export { getScrollerPropsFromDoc } from "./components/Scroller/docProps.js";
 export { default as Theme, themes } from "./components/Theme/Theme.svelte";

package/dist/components/Article/Article.svelte

@@ -1,3 +1,8 @@
+<!-- 
+  @component The `Article` component contains all the content of our story and also establishes the dimensions of our article well, the default central trunk of our page layout.
+  
+  [Docs](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-article--default)
+-->
 <script>/** Set to true for embeddables. */
 export let embedded = false;
 /** Add an id to the article tag to target it with custom CSS. */

package/dist/components/SEO/SEO.svelte

@@ -71,6 +71,10 @@ const getOrigin = (baseUrl) => {
         return new URL(baseUrl).origin;
     }
     catch {
+        // This handles a weird case where Vite's base path is
+        // reset to './' after the app hydrates...
+        if (typeof window !== 'undefined')
+            return getOrigin(window.location.href);
         return '';
     }
 };

package/dist/components/Scroller/docProps.js

@@ -0,0 +1,15 @@
+;
+export const getScrollerPropsFromDoc = (docBlock, aiCharts, assetsPath = '') => {
+    return {
+        id: docBlock.ID,
+        backgroundWidth: docBlock.Width,
+        foregroundPosition: docBlock.ForegroundPosition,
+        stackBackground: docBlock.StackBackground === 'true' || !docBlock.StackBackground,
+        embeddedLayout: docBlock.EmbeddedLayout,
+        steps: docBlock.Steps.map((step) => ({
+            background: aiCharts[step.Background],
+            backgroundProps: { assetsPath },
+            foreground: step.Text,
+        })),
+    };
+};

package/dist/index.js

@@ -31,3 +31,4 @@ export { default as Visible } from './components/Visible/Visible.svelte';
 
 // Utilities
 export { getPhotoPackPropsFromDoc } from './components/PhotoPack/docProps.js';
+export { getScrollerPropsFromDoc } from './components/Scroller/docProps.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reuters-graphics/graphics-components",
-  "version": "0.0.1-beta.16",
+  "version": "0.0.1-beta.19",
   "type": "module",
   "private": false,
   "homepage": "https://reuters-graphics.github.io/graphics-components",
@@ -127,6 +127,7 @@
     "./components/Scroller/Embedded/index.svelte": "./dist/components/Scroller/Embedded/index.svelte",
     "./components/Scroller/Foreground.svelte": "./dist/components/Scroller/Foreground.svelte",
     "./components/Scroller/Scroller.svelte": "./dist/components/Scroller/Scroller.svelte",
+    "./components/Scroller/docProps.ts": "./dist/components/Scroller/docProps.ts",
     "./components/Sharer/Sharer.svelte": "./dist/components/Sharer/Sharer.svelte",
     "./components/Sharer/utils/copyToClipboard": "./dist/components/Sharer/utils/copyToClipboard.js",
     "./components/Sharer/utils/facebook": "./dist/components/Sharer/utils/facebook.js",