@plaidev/karte-action-sdk 1.0.35 → 1.0.38

package/dist/index.es.d.ts

@@ -165,12 +165,12 @@ type ModalMargin = {
     top?: string;
     bottom?: string;
 };
-type ModalPlacement = {
+type ModalPlacement<M = ModalMargin> = {
     position?: ModalPosition;
-    margin?: ModalMargin;
+    margin?: M;
     backgroundOverlay?: boolean;
 };
-declare const DefaultModalPlacement: ModalPlacement;
+declare const DefaultModalPlacement: Required<ModalPlacement<Required<ModalMargin>>>;
 type LongText = string;
 type Url = string;
 type Image = string;

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) {
@@ -2068,7 +2068,7 @@ function create_fragment$2(ctx) {
 			div0 = element("div");
 			attr(div0, "class", "text-block-inner svelte-1xf20ux");
 			attr(div1, "class", "text-block svelte-1xf20ux");
-			attr(div1, "style", /*_style*/ ctx[1]);
+			attr(div1, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
@@ -2077,8 +2077,8 @@ function create_fragment$2(ctx) {
 		},
 		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]);
+			if (dirty & /*style*/ 2) {
+				attr(div1, "style", /*style*/ ctx[1]);
 			}
 		},
 		i: noop,
@@ -2090,21 +2090,30 @@ function create_fragment$2(ctx) {
 }
 
 function instance$2($$self, $$props, $$invalidate) {
+	let style;
 	let { text = 'サンプルSample' } = $$props;
-	let { _style = 'font-size:12px;' } = $$props;
+	let { _textStyle = 'font-size:12px;' } = $$props;
+	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('_style' in $$props) $$invalidate(1, _style = $$props._style);
+		if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
+		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
+			$$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
+		}
 	};
 
-	return [text, _style];
+	return [text, style, _textStyle, _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);
+		init(this, options, instance$2, create_fragment$2, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$2);
 	}
 }
 
@@ -2217,13 +2226,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 +2241,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 +2273,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 +2294,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 +2316,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 +2338,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.38",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",