@plaidev/karte-action-sdk 1.0.35 → 1.0.36

package/dist/index.es.js

@@ -1706,7 +1706,7 @@ class GridModalState extends SvelteComponent {
 /* src/components/GridItem.svelte generated by Svelte v3.44.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-g0rfgr", ".grid-item.svelte-g0rfgr{word-break:break-all}");
+	append_styles(target, "svelte-1pachgk", ".grid-item.svelte-1pachgk{word-break:break-all;overflow:hidden}");
 }
 
 function create_fragment$5(ctx) {
@@ -1719,7 +1719,7 @@ function create_fragment$5(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "grid-item svelte-g0rfgr");
+			attr(div, "class", "grid-item svelte-1pachgk");
 			attr(div, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -2217,13 +2217,14 @@ class TextButtonBlock extends SvelteComponent {
 /* 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%}");
+	append_styles(target, "svelte-ci8ktf", ".image-block.svelte-ci8ktf{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-ci8ktf{width:100%;height:100%}.transport.svelte-ci8ktf:hover,.transport.svelte-ci8ktf:focus{opacity:.75;box-shadow:0 5px 16px rgba(0,0,0,.1), 0 8px 28px rgba(0,0,0,.16)}");
 }
 
 function create_fragment(ctx) {
 	let div;
 	let img;
 	let img_src_value;
+	let div_class_value;
 	let mounted;
 	let dispose;
 
@@ -2231,28 +2232,28 @@ function create_fragment(ctx) {
 		c() {
 			div = element("div");
 			img = element("img");
-			attr(img, "class", "image svelte-95tcq4");
+			attr(img, "class", "image svelte-ci8ktf");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
-			attr(img, "style", /*_imageStyle*/ ctx[2]);
+			attr(img, "style", /*_imageStyle*/ ctx[3]);
 			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]);
+			attr(div, "class", div_class_value = "" + (null_to_empty("image-block" + (/*transport*/ ctx[2] ? " transport" : "")) + " svelte-ci8ktf"));
+			attr(div, "style", /*_style*/ ctx[4]);
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
 			append(div, img);
 
 			if (!mounted) {
-				dispose = listen(div, "click", /*click*/ ctx[4]);
+				dispose = listen(div, "click", /*click*/ ctx[5]);
 				mounted = true;
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*_imageStyle*/ 4) {
-				attr(img, "style", /*_imageStyle*/ ctx[2]);
+			if (dirty & /*_imageStyle*/ 8) {
+				attr(img, "style", /*_imageStyle*/ ctx[3]);
 			}
 
 			if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
@@ -2263,8 +2264,12 @@ function create_fragment(ctx) {
 				attr(img, "alt", /*alt*/ ctx[1]);
 			}
 
-			if (dirty & /*_style*/ 8) {
-				attr(div, "style", /*_style*/ ctx[3]);
+			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty("image-block" + (/*transport*/ ctx[2] ? " transport" : "")) + " svelte-ci8ktf"))) {
+				attr(div, "class", div_class_value);
+			}
+
+			if (dirty & /*_style*/ 16) {
+				attr(div, "style", /*_style*/ ctx[4]);
 			}
 		},
 		i: noop,
@@ -2280,6 +2285,7 @@ function create_fragment(ctx) {
 function instance($$self, $$props, $$invalidate) {
 	let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
 	let { alt = 'No Image' } = $$props;
+	let { transport = false } = $$props;
 
 	/**
  * {"title": {"ja": "イベントタイプ", "en": "Event Type"}, "folder": {"ja": "クリックイベント", "en": "Click Event"}}
@@ -2301,12 +2307,13 @@ function instance($$self, $$props, $$invalidate) {
 	$$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 ('_imageStyle' in $$props) $$invalidate(2, _imageStyle = $$props._imageStyle);
-		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
+		if ('transport' in $$props) $$invalidate(2, transport = $$props.transport);
+		if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
+		if ('_imageStyle' in $$props) $$invalidate(3, _imageStyle = $$props._imageStyle);
+		if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
 	};
 
-	return [src, alt, _imageStyle, _style, click, eventName];
+	return [src, alt, transport, _imageStyle, _style, click, eventName];
 }
 
 class ImageBlock extends SvelteComponent {
@@ -2322,9 +2329,10 @@ class ImageBlock extends SvelteComponent {
 			{
 				src: 0,
 				alt: 1,
-				eventName: 5,
-				_imageStyle: 2,
-				_style: 3
+				transport: 2,
+				eventName: 6,
+				_imageStyle: 3,
+				_style: 4
 			},
 			add_css
 		);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.0.35",
+  "version": "1.0.36",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",