@reuters-graphics/graphics-components 0.0.30 → 0.0.31

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

@@ -0,0 +1,30 @@
+import { SvelteComponentTyped } from "svelte";
+import type { ContainerWidth } from '../@types/global';
+declare const __propDef: {
+    props: {
+        /**
+           * Width of the container, one of: normal, wide, wider, widest or fluid
+           */ width?: ContainerWidth;
+        /**
+           * The unique identifier for the document.
+           * @required
+           */ slug: string;
+        /**
+           * Alt text for the document.
+           * @required
+           */ altText: string;
+        /** Add an ID to target with SCSS. */ id?: string;
+        /** Add a class to target with SCSS. */ cls?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type DocumentCloudProps = typeof __propDef.props;
+export declare type DocumentCloudEvents = typeof __propDef.events;
+export declare type DocumentCloudSlots = typeof __propDef.slots;
+/** `DocumentCloud` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-DocumentCloud--default) */
+export default class DocumentCloud extends SvelteComponentTyped<DocumentCloudProps, DocumentCloudEvents, DocumentCloudSlots> {
+}
+export {};

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

@@ -3,6 +3,7 @@ export { default as BeforeAfter } from "./components/BeforeAfter/BeforeAfter.sve
 export { default as Block } from "./components/Block/Block.svelte";
 export { default as BodyText } from "./components/BodyText/BodyText.svelte";
 export { default as DatawrapperChart } from "./components/DatawrapperChart/DatawrapperChart.svelte";
+export { default as DocumentCloud } from "./components/DocumentCloud/DocumentCloud.svelte";
 export { default as EmbedPreviewerLink } from "./components/EmbedPreviewerLink/EmbedPreviewerLink.svelte";
 export { default as FeaturePhoto } from "./components/FeaturePhoto/FeaturePhoto.svelte";
 export { default as Framer } from "./components/Framer/Framer.svelte";

package/dist/components/DocumentCloud/DocumentCloud.svelte

@@ -0,0 +1,33 @@
+<!-- @component `DocumentCloud` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-DocumentCloud--default) -->
+<script>/** ✏️ DOCUMENT your chart's props using TypeScript and JSDoc comments like below! */
+/**
+ * Width of the container, one of: normal, wide, wider, widest or fluid
+ */
+export let width = 'normal';
+/**
+ * The unique identifier for the document.
+ * @required
+ */
+export let slug;
+/**
+ * Alt text for the document.
+ * @required
+ */
+export let altText;
+/** Add an ID to target with SCSS. */
+export let id = '';
+/** Add a class to target with SCSS. */
+export let cls = '';
+import Block from '../Block/Block.svelte';
+</script>
+
+<Block width="{width}" id="{id}" cls="photo {cls}">
+  <iframe
+    src="https://embed.documentcloud.org/documents/{slug}/?embed=1&amp;responsive=1&amp;title=1"
+    title="{altText}"
+    width="700"
+    height="540"
+    style="border: 1px solid #aaa; width: 100%; height: 800px; height: calc(100vh - 100px);"
+    sandbox="allow-scripts allow-same-origin allow-popups allow-forms allow-popups-to-escape-sandbox"
+  ></iframe>
+</Block>

package/dist/index.js

@@ -4,6 +4,7 @@ export { default as BeforeAfter } from './components/BeforeAfter/BeforeAfter.sve
 export { default as Block } from './components/Block/Block.svelte';
 export { default as BodyText } from './components/BodyText/BodyText.svelte';
 export { default as DatawrapperChart } from './components/DatawrapperChart/DatawrapperChart.svelte';
+export { default as DocumentCloud } from './components/DocumentCloud/DocumentCloud.svelte';
 export { default as EmbedPreviewerLink } from './components/EmbedPreviewerLink/EmbedPreviewerLink.svelte';
 export { default as FeaturePhoto } from './components/FeaturePhoto/FeaturePhoto.svelte';
 export { default as Framer } from './components/Framer/Framer.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reuters-graphics/graphics-components",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "type": "module",
   "private": false,
   "homepage": "https://reuters-graphics.github.io/graphics-components",
@@ -105,6 +105,7 @@
     "./components/Block/Block.svelte": "./dist/components/Block/Block.svelte",
     "./components/BodyText/BodyText.svelte": "./dist/components/BodyText/BodyText.svelte",
     "./components/DatawrapperChart/DatawrapperChart.svelte": "./dist/components/DatawrapperChart/DatawrapperChart.svelte",
+    "./components/DocumentCloud/DocumentCloud.svelte": "./dist/components/DocumentCloud/DocumentCloud.svelte",
     "./components/EmbedPreviewerLink/EmbedPreviewerLink.svelte": "./dist/components/EmbedPreviewerLink/EmbedPreviewerLink.svelte",
     "./components/FeaturePhoto/FeaturePhoto.svelte": "./dist/components/FeaturePhoto/FeaturePhoto.svelte",
     "./components/Framer/Framer.svelte": "./dist/components/Framer/Framer.svelte",