@plaidev/karte-action-sdk 1.0.25 → 1.0.26

package/dist/index.es.d.ts

@@ -226,3 +226,6 @@ export { default as GridItem } from './GridItem.svelte';
 export { default as Flex } from './components/Flex.svelte';
 export { default as FlexItem } from './components/FlexItem.svelte';
 export { default as Modal } from './components/Modal.svelte';
+export { default as TextBlock } from './components/TextBlock.svelte';
+export { default as TextButtonBlock } from './components/TextButtonBlock.svelte';
+export { default as ImageBlock } from './components/ImageBlock.svelte';

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { writable, get } from 'svelte/store';
-import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, listen, noop, null_to_empty, svg_element, append, binding_callbacks } from 'svelte/internal';
+import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, listen, noop, null_to_empty, svg_element, append, binding_callbacks, src_url_equal } from 'svelte/internal';
 import { createEventDispatcher, onDestroy, onMount, setContext, getContext } from 'svelte';
 
 /**
@@ -310,20 +310,20 @@ const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
 
 /* src/components/Normalize.svelte generated by Svelte v3.44.1 */
 
-function add_css$6(target) {
+function add_css$9(target) {
 	append_styles(target, "svelte-zmz1k7", "@import 'https://cdn.skypack.dev/normalize.css';");
 }
 
 class Normalize extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, null, null, safe_not_equal, {}, add_css$6);
+		init(this, options, null, null, safe_not_equal, {}, add_css$9);
 	}
 }
 
 /* src/State.svelte generated by Svelte v3.44.1 */
 
-function create_fragment$9(ctx) {
+function create_fragment$c(ctx) {
 	let normalize;
 	let t;
 	let current;
@@ -382,7 +382,7 @@ function create_fragment$9(ctx) {
 	};
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 
 	$$self.$$set = $$props => {
@@ -395,7 +395,7 @@ function instance$9($$self, $$props, $$invalidate) {
 class State extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$9, create_fragment$9, safe_not_equal, {});
+		init(this, options, instance$c, create_fragment$c, safe_not_equal, {});
 	}
 }
 
@@ -448,7 +448,7 @@ function create_if_block$2(ctx) {
 	};
 }
 
-function create_fragment$8(ctx) {
+function create_fragment$b(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$2(ctx);
@@ -503,7 +503,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let $state;
 	component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -520,13 +520,13 @@ function instance$8($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$8, create_fragment$8, safe_not_equal, { path: 0 });
+		init(this, options, instance$b, create_fragment$b, safe_not_equal, { path: 0 });
 	}
 }
 
 /* src/components/BackgroundOverray.svelte generated by Svelte v3.44.1 */
 
-function add_css$5(target) {
+function add_css$8(target) {
 	append_styles(target, "svelte-1h4b6e3", ".background.svelte-1h4b6e3{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3)}");
 }
 
@@ -558,7 +558,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$a(ctx) {
 	let if_block_anchor;
 	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$1(ctx);
 
@@ -594,7 +594,7 @@ function create_fragment$7(ctx) {
 	};
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	let { backgroundOverray = false } = $$props;
 	const dispatch = createEventDispatcher();
 	const click_handler = () => dispatch('click');
@@ -609,17 +609,17 @@ function instance$7($$self, $$props, $$invalidate) {
 class BackgroundOverray extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$7, create_fragment$7, safe_not_equal, { backgroundOverray: 0 }, add_css$5);
+		init(this, options, instance$a, create_fragment$a, safe_not_equal, { backgroundOverray: 0 }, add_css$8);
 	}
 }
 
 /* src/components/Animation.svelte generated by Svelte v3.44.1 */
 
-function add_css$4(target) {
+function add_css$7(target) {
 	append_styles(target, "svelte-sa0cac", "@keyframes svelte-sa0cac-fade{0%{opacity:0}100%{opacity:1}}.fade.svelte-sa0cac{animation-name:svelte-sa0cac-fade;animation-duration:1s}@keyframes svelte-sa0cac-bounce{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounce.svelte-sa0cac{animation-name:svelte-sa0cac-bounce;animation-duration:1s}@keyframes svelte-sa0cac-slide-down{0%{transform:translate3d(0, -100%, 0);visibility:visible}100%{transform:translate3d(0, 0, 0)}}.slide-down.svelte-sa0cac{animation-name:svelte-sa0cac-slide-down;animation-duration:1s;animation-delay:0.1s}@keyframes svelte-sa0cac-slide-up{0%{transform:translate3d(0, 100%, 0);visibility:visible}100%{transform:translate3d(0, 0, 0)}}.slide-up.svelte-sa0cac{animation-name:svelte-sa0cac-slide-up;animation-duration:1s;animation-delay:0.1s}@keyframes svelte-sa0cac-slide-left{0%{transform:translate3d(100%, 0, 0);visibility:visible}100%{transform:translate3d(0, 0, 0)}}.slide-left.svelte-sa0cac{animation-name:svelte-sa0cac-slide-left;animation-duration:1s;animation-delay:0.1s}@keyframes svelte-sa0cac-slide-right{0%{transform:translate3d(-100%, 0, 0);visibility:visible}100%{transform:translate3d(0, 0, 0)}}.slide-right.svelte-sa0cac{animation-name:svelte-sa0cac-slide-right;animation-duration:1s;animation-delay:0.1s}");
 }
 
-function create_fragment$6(ctx) {
+function create_fragment$9(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[3].default;
@@ -672,7 +672,7 @@ function create_fragment$6(ctx) {
 	};
 }
 
-function instance$6($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { animation = 'none' } = $$props;
 	const overwriteAnimation = isPreview() ? 'none' : animation;
@@ -688,13 +688,13 @@ function instance$6($$self, $$props, $$invalidate) {
 class Animation extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$6, create_fragment$6, safe_not_equal, { animation: 1 }, add_css$4);
+		init(this, options, instance$9, create_fragment$9, safe_not_equal, { animation: 1 }, add_css$7);
 	}
 }
 
 /* src/components/Modal.svelte generated by Svelte v3.44.1 */
 
-function add_css$3(target) {
+function add_css$6(target) {
 	append_styles(target, "svelte-1bxl6mz", ".modal.svelte-1bxl6mz{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-1bxl6mz{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1bxl6mz:hover{transform:rotate(90deg)}");
 }
 
@@ -750,7 +750,7 @@ function create_if_block(ctx) {
 	};
 }
 
-function create_fragment$5(ctx) {
+function create_fragment$8(ctx) {
 	let div;
 	let t;
 	let div_style_value;
@@ -842,7 +842,7 @@ function create_fragment$5(ctx) {
 	};
 }
 
-function instance$5($$self, $$props, $$invalidate) {
+function instance$8($$self, $$props, $$invalidate) {
 	let pos;
 	let margin;
 	let $maximumZindex;
@@ -933,8 +933,8 @@ class Modal extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$5,
-			create_fragment$5,
+			instance$8,
+			create_fragment$8,
 			safe_not_equal,
 			{
 				closable: 0,
@@ -947,14 +947,14 @@ class Modal extends SvelteComponent {
 				_style: 2,
 				_closeStyle: 3
 			},
-			add_css$3
+			add_css$6
 		);
 	}
 }
 
 /* src/components/Grid.svelte generated by Svelte v3.44.1 */
 
-function create_fragment$4(ctx) {
+function create_fragment$7(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[8].default;
@@ -1012,7 +1012,7 @@ function create_fragment$4(ctx) {
 	};
 }
 
-function instance$4($$self, $$props, $$invalidate) {
+function instance$7($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { width = '512px' } = $$props;
@@ -1057,7 +1057,7 @@ class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$4, create_fragment$4, safe_not_equal, {
+		init(this, options, instance$7, create_fragment$7, safe_not_equal, {
 			width: 1,
 			height: 2,
 			rows: 3,
@@ -1300,7 +1300,7 @@ function create_default_slot(ctx) {
 	};
 }
 
-function create_fragment$3(ctx) {
+function create_fragment$6(ctx) {
 	let stateitem;
 	let current;
 
@@ -1345,7 +1345,7 @@ function create_fragment$3(ctx) {
 	};
 }
 
-function instance$3($$self, $$props, $$invalidate) {
+function instance$6($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { path } = $$props;
 	let { position = 'center' } = $$props;
@@ -1430,7 +1430,7 @@ class GridModalState extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$3, create_fragment$3, safe_not_equal, {
+		init(this, options, instance$6, create_fragment$6, safe_not_equal, {
 			path: 0,
 			position: 1,
 			modalMarginX: 2,
@@ -1455,11 +1455,11 @@ class GridModalState extends SvelteComponent {
 
 /* src/GridItem.svelte generated by Svelte v3.44.1 */
 
-function add_css$2(target) {
+function add_css$5(target) {
 	append_styles(target, "svelte-g0rfgr", ".grid-item.svelte-g0rfgr{word-break:break-all}");
 }
 
-function create_fragment$2(ctx) {
+function create_fragment$5(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[8].default;
@@ -1517,7 +1517,7 @@ function create_fragment$2(ctx) {
 	};
 }
 
-function instance$2($$self, $$props, $$invalidate) {
+function instance$5($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { x1 } = $$props;
@@ -1563,8 +1563,8 @@ class GridItem extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$2,
-			create_fragment$2,
+			instance$5,
+			create_fragment$5,
 			safe_not_equal,
 			{
 				x1: 1,
@@ -1574,18 +1574,18 @@ class GridItem extends SvelteComponent {
 				z: 5,
 				background: 6
 			},
-			add_css$2
+			add_css$5
 		);
 	}
 }
 
 /* src/components/Flex.svelte generated by Svelte v3.44.1 */
 
-function add_css$1(target) {
+function add_css$4(target) {
 	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 
-function create_fragment$1(ctx) {
+function create_fragment$4(ctx) {
 	let div;
 	let div_style_value;
 	let current;
@@ -1650,7 +1650,7 @@ function getFlexContext() {
 	return getContext(FlexContextKey);
 }
 
-function instance$1($$self, $$props, $$invalidate) {
+function instance$4($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'row' } = $$props;
 	let { width = '100%' } = $$props;
@@ -1676,8 +1676,8 @@ class Flex extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1,
-			create_fragment$1,
+			instance$4,
+			create_fragment$4,
 			safe_not_equal,
 			{
 				direction: 0,
@@ -1685,18 +1685,18 @@ class Flex extends SvelteComponent {
 				height: 2,
 				_style: 3
 			},
-			add_css$1
+			add_css$4
 		);
 	}
 }
 
 /* src/components/FlexItem.svelte generated by Svelte v3.44.1 */
 
-function add_css(target) {
+function add_css$3(target) {
 	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
-function create_fragment(ctx) {
+function create_fragment$3(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
@@ -1754,7 +1754,7 @@ function create_fragment(ctx) {
 	};
 }
 
-function instance($$self, $$props, $$invalidate) {
+function instance$3($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { length } = $$props;
 	let { _style = '' } = $$props;
@@ -1797,8 +1797,293 @@ function instance($$self, $$props, $$invalidate) {
 class FlexItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { length: 1, _style: 2 }, add_css);
+		init(this, options, instance$3, create_fragment$3, safe_not_equal, { length: 1, _style: 2 }, add_css$3);
+	}
+}
+
+/* src/components/TextBlock.svelte generated by Svelte v3.44.1 */
+
+function add_css$2(target) {
+	append_styles(target, "svelte-1xf20ux", ".text-block.svelte-1xf20ux{display:flex;width:100%;height:100%;box-sizing:border-box}.text-block-inner.svelte-1xf20ux{width:100%}");
+}
+
+function create_fragment$2(ctx) {
+	let div1;
+	let div0;
+	let raw_value = toBr(/*text*/ ctx[0]) + "";
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			attr(div0, "class", "text-block-inner svelte-1xf20ux");
+			attr(div1, "class", "text-block svelte-1xf20ux");
+			attr(div1, "style", /*_style*/ ctx[1]);
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, div0);
+			div0.innerHTML = raw_value;
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*text*/ 1 && raw_value !== (raw_value = toBr(/*text*/ ctx[0]) + "")) div0.innerHTML = raw_value;
+			if (dirty & /*_style*/ 2) {
+				attr(div1, "style", /*_style*/ ctx[1]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+		}
+	};
+}
+
+function instance$2($$self, $$props, $$invalidate) {
+	let { text = 'サンプルSample' } = $$props;
+	let { _style = 'font-size:12px;' } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('text' in $$props) $$invalidate(0, text = $$props.text);
+		if ('_style' in $$props) $$invalidate(1, _style = $$props._style);
+	};
+
+	return [text, _style];
+}
+
+class TextBlock extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$2, create_fragment$2, safe_not_equal, { text: 0, _style: 1 }, add_css$2);
+	}
+}
+
+/* src/components/TextButtonBlock.svelte generated by Svelte v3.44.1 */
+
+function add_css$1(target) {
+	append_styles(target, "svelte-1t5i3za", ".text-button-block.svelte-1t5i3za{width:100%;height:100%}.text-button.svelte-1t5i3za{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1t5i3za:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1t5i3za:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+}
+
+function create_fragment$1(ctx) {
+	let div;
+	let button;
+	let raw_value = toBr(/*text*/ ctx[0]) + "";
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			div = element("div");
+			button = element("button");
+			attr(button, "class", "text-button svelte-1t5i3za");
+			attr(button, "style", /*_buttonStyle*/ ctx[1]);
+			attr(div, "class", "text-button-block svelte-1t5i3za");
+			attr(div, "style", /*_style*/ ctx[2]);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, button);
+			button.innerHTML = raw_value;
+
+			if (!mounted) {
+				dispose = listen(button, "click", /*click*/ ctx[3]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*text*/ 1 && raw_value !== (raw_value = toBr(/*text*/ ctx[0]) + "")) button.innerHTML = raw_value;
+			if (dirty & /*_buttonStyle*/ 2) {
+				attr(button, "style", /*_buttonStyle*/ ctx[1]);
+			}
+
+			if (dirty & /*_style*/ 4) {
+				attr(div, "style", /*_style*/ ctx[2]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function instance$1($$self, $$props, $$invalidate) {
+	let { text = 'クリック' } = $$props;
+
+	/**
+ * {
+ * "title": {"ja": "クリック", "en": "Click"},
+ * "folder": {"ja": "クリック時の動作", "en": "Behavior when clicking"}
+ * }
+ */
+	const dispatch = createEventDispatcher();
+
+	const click = () => {
+		if (eventName) {
+			send_event(eventName, eventValue);
+		}
+
+		dispatch('click');
+	};
+
+	let { eventName = '' } = $$props;
+	let { eventValue = null } = $$props;
+	let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px;' } = $$props;
+	let { _style = 'background-color: #000000; border-radius:4px;' } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('text' in $$props) $$invalidate(0, text = $$props.text);
+		if ('eventName' in $$props) $$invalidate(4, eventName = $$props.eventName);
+		if ('eventValue' in $$props) $$invalidate(5, eventValue = $$props.eventValue);
+		if ('_buttonStyle' in $$props) $$invalidate(1, _buttonStyle = $$props._buttonStyle);
+		if ('_style' in $$props) $$invalidate(2, _style = $$props._style);
+	};
+
+	return [text, _buttonStyle, _style, click, eventName, eventValue];
+}
+
+class TextButtonBlock extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance$1,
+			create_fragment$1,
+			safe_not_equal,
+			{
+				text: 0,
+				eventName: 4,
+				eventValue: 5,
+				_buttonStyle: 1,
+				_style: 2
+			},
+			add_css$1
+		);
+	}
+}
+
+/* src/components/ImageBlock.svelte generated by Svelte v3.44.1 */
+
+function add_css(target) {
+	append_styles(target, "svelte-95tcq4", ".image-block.svelte-95tcq4{display:flex;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box}.image.svelte-95tcq4{width:100%;height:100%}");
+}
+
+function create_fragment(ctx) {
+	let div;
+	let img;
+	let img_src_value;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			div = element("div");
+			img = element("img");
+			attr(img, "class", "image svelte-95tcq4");
+			attr(img, "loading", "lazy");
+			attr(img, "width", "auto");
+			attr(img, "height", "auto");
+			attr(img, "style", /*_imageStyle*/ ctx[2]);
+			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
+			attr(img, "alt", /*alt*/ ctx[1]);
+			attr(div, "class", "image-block svelte-95tcq4");
+			attr(div, "style", /*_style*/ ctx[3]);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, img);
+
+			if (!mounted) {
+				dispose = listen(div, "click", /*click*/ ctx[4]);
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*_imageStyle*/ 4) {
+				attr(img, "style", /*_imageStyle*/ ctx[2]);
+			}
+
+			if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
+				attr(img, "src", img_src_value);
+			}
+
+			if (dirty & /*alt*/ 2) {
+				attr(img, "alt", /*alt*/ ctx[1]);
+			}
+
+			if (dirty & /*_style*/ 8) {
+				attr(div, "style", /*_style*/ ctx[3]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { src = '' } = $$props;
+	let { alt = '' } = $$props;
+	let { eventName = '' } = $$props;
+	let { eventValue = null } = $$props;
+	let { _imageStyle = 'object-fit: contain;' } = $$props;
+	let { _style = '' } = $$props;
+
+	/**
+ * {"title": {"ja": "クリック", "en": "Click"}}
+ */
+	const dispatch = createEventDispatcher();
+
+	const click = () => {
+		if (eventName) {
+			send_event(eventName, eventValue);
+		}
+
+		dispatch('click');
+	};
+
+	$$self.$$set = $$props => {
+		if ('src' in $$props) $$invalidate(0, src = $$props.src);
+		if ('alt' in $$props) $$invalidate(1, alt = $$props.alt);
+		if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
+		if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
+		if ('_imageStyle' in $$props) $$invalidate(2, _imageStyle = $$props._imageStyle);
+		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
+	};
+
+	return [src, alt, _imageStyle, _style, click, eventName, eventValue];
+}
+
+class ImageBlock extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				src: 0,
+				alt: 1,
+				eventName: 5,
+				eventValue: 6,
+				_imageStyle: 2,
+				_style: 3
+			},
+			add_css
+		);
 	}
 }
 
-export { Alignments, AnimationStyleTranslations, AnimationStyles, Directions, Flex, FlexItem, GridItem, GridModalState, Justifies, LengthUnits, MediaQueries, Modal, ModalMarginTranslations, ModalPositionTranslations, ModalPositions, ObjectFits, PropTypes, Repeats, State, closeApp, closed, finalize, getMarginStyle, getPositionStyle, handleFocus, handleKeydown, hasSuffix, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, state, toBr };
+export { Alignments, AnimationStyleTranslations, AnimationStyles, Directions, Flex, FlexItem, GridItem, GridModalState, ImageBlock, Justifies, LengthUnits, MediaQueries, Modal, ModalMarginTranslations, ModalPositionTranslations, ModalPositions, ObjectFits, PropTypes, Repeats, State, TextBlock, TextButtonBlock, closeApp, closed, finalize, getMarginStyle, getPositionStyle, handleFocus, handleKeydown, hasSuffix, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, state, toBr };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",
@@ -23,7 +23,9 @@
     "LICENSE"
   ],
   "devDependencies": {
-    "@plaidev/action-compiler": "^0.4.178",
+    "@plaidev/action-compiler": "^0.4.180",
+    "@plaidev/sender-types": "^0.4.140",
+    "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -31,17 +33,26 @@
     "@sveltejs/vite-plugin-svelte": "1.0.0-next.37",
     "@testing-library/svelte": "^3.1.3",
     "@tsconfig/svelte": "^2.0.1",
+    "@types/serve-static": "^1.13.10",
     "@vitest/ui": "latest",
+    "c8": "^7.12.0",
     "happy-dom": "^6.0.3",
-    "jiti": "1.14.0",
+    "isomorphic-fetch": "3.0.0",
+    "jiti": "^1.14.0",
+    "listhen": "^0.2.13",
     "node-fetch": "2.6.7",
+    "picocolors": "^1.0.0",
+    "playwright": "^1.23.4",
     "rimraf": "^3.0.2",
     "rollup": "^2.75.7",
     "rollup-plugin-http-resolve": "4.0.1-alpha.0",
     "rollup-plugin-livereload": "^2.0.0",
     "rollup-plugin-serve": "^2.0.0",
     "rollup-plugin-svelte": "^7.1.0",
+    "rollup-plugin-terser": "7.0.2",
     "rollup-plugin-ts": "^2.0.7",
+    "serve": "^14.0.1",
+    "serve-static": "^1.15.0",
     "svelte": "3.44.1",
     "svelte-check": "^2.2.7",
     "svelte-preprocess": "4.9.8",
@@ -51,13 +62,19 @@
   },
   "scripts": {
     "dev": "jiti ./scripts/preview.ts",
+    "setup:default": "jiti ./scripts/default.ts",
+    "setup:template": "jiti ./scripts/template.ts",
+    "setup:concat": "jiti ./scripts/concat.ts",
+    "setup:compile": "jiti ./scripts/compile.ts",
+    "prepare": "npm run setup:default && npm run setup:template && npm run setup:concat",
     "build": "rollup -c",
     "build:watch": "rollup -c -w",
     "check": "svelte-check --tsconfig ./tsconfig.json",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:ui": "vitest --ui",
-    "coverage": "vitest run --coverage"
+    "test": "vitest run test",
+    "test:watch": "vitest test",
+    "test:ui": "vitest test --ui",
+    "test:e2e": "vitest run spec",
+    "coverage": "vitest run test --coverage"
   },
   "publishConfig": {
     "access": "public"