@plaidev/karte-action-sdk 1.0.37 → 1.0.40

package/dist/index.es.js

@@ -873,7 +873,7 @@ 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)}");
 }
 
-// (116:4) {#if closable}
+// (119:4) {#if closable}
 function create_if_block(ctx) {
 	let button;
 	let svg;
@@ -925,7 +925,7 @@ function create_if_block(ctx) {
 	};
 }
 
-// (103:0) <Animation {animation}>
+// (106:0) <Animation {animation}>
 function create_default_slot$1(ctx) {
 	let div;
 	let t;
@@ -1120,7 +1120,10 @@ function instance$8($$self, $$props, $$invalidate) {
 	let { closable = true } = $$props;
 
 	/**
- * {"title": {"ja": "イベントタイプ", "en": "Event Type"}, "folder": {"ja": "閉じるボタン", "en": "Close Button"}}
+ * {
+ * "title": {"ja": "タイプ", "en": "Type"},
+ * "folder": {"ja": "閉じるボタン", "en": "Close Button"}
+ * }
  */
 	const dispatchClose = createEventDispatcher();
 
@@ -1417,7 +1420,7 @@ function create_default_slot_2(ctx) {
 	};
 }
 
-// (115:2) <Modal     {placement}     {animation}     {closable}     {closeButtonColor}     {_closeStyle}     _style={_modalStyle}     {clickEventName}     {clickEventValue}     on:click={click}     {closeEventName}     {closeEventValue}     on:close={close}   >
+// (118:2) <Modal     {placement}     {animation}     {closable}     {closeButtonColor}     {_closeStyle}     _style={_modalStyle}     {clickEventName}     {clickEventValue}     on:click={click}     {closeEventName}     {closeEventValue}     on:close={close}   >
 function create_default_slot_1(ctx) {
 	let grid;
 	let current;
@@ -1473,7 +1476,7 @@ function create_default_slot_1(ctx) {
 	};
 }
 
-// (114:0) <StateItem {path}>
+// (117:0) <StateItem {path}>
 function create_default_slot(ctx) {
 	let modal;
 	let current;
@@ -1706,27 +1709,31 @@ class GridModalState extends SvelteComponent {
 /* src/components/GridItem.svelte generated by Svelte v3.44.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-1pachgk", ".grid-item.svelte-1pachgk{word-break:break-all;overflow:hidden}");
+	append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
 }
 
 function create_fragment$5(ctx) {
-	let div;
+	let div1;
+	let div0;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[8].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
 
 	return {
 		c() {
-			div = element("div");
+			div1 = element("div");
+			div0 = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "grid-item svelte-1pachgk");
-			attr(div, "style", /*_style*/ ctx[0]);
+			attr(div0, "class", "grid-item-inner svelte-n7kdl3");
+			attr(div1, "class", "grid-item svelte-n7kdl3");
+			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
-			insert(target, div, anchor);
+			insert(target, div1, anchor);
+			append(div1, div0);
 
 			if (default_slot) {
-				default_slot.m(div, null);
+				default_slot.m(div0, null);
 			}
 
 			current = true;
@@ -1748,7 +1755,7 @@ function create_fragment$5(ctx) {
 			}
 
 			if (!current || dirty & /*_style*/ 1) {
-				attr(div, "style", /*_style*/ ctx[0]);
+				attr(div1, "style", /*_style*/ ctx[0]);
 			}
 		},
 		i(local) {
@@ -1761,7 +1768,7 @@ function create_fragment$5(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div);
+			if (detaching) detach(div1);
 			if (default_slot) default_slot.d(detaching);
 		}
 	};
@@ -2054,7 +2061,7 @@ class FlexItem extends SvelteComponent {
 /* src/components/TextBlock.svelte generated by Svelte v3.44.1 */
 
 function add_css$2(target) {
-	append_styles(target, "svelte-sxonpr", ".text-block.svelte-sxonpr{display:flex;width:100%;height:100%;box-sizing:border-box}.text-block-inner.svelte-sxonpr{display:flex;width:100%;height:100%}");
+	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) {
@@ -2066,10 +2073,9 @@ function create_fragment$2(ctx) {
 		c() {
 			div1 = element("div");
 			div0 = element("div");
-			attr(div0, "class", "text-block-inner svelte-sxonpr");
-			attr(div0, "style", /*_textStyle*/ ctx[1]);
-			attr(div1, "class", "text-block svelte-sxonpr");
-			attr(div1, "style", /*_style*/ ctx[2]);
+			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);
@@ -2078,12 +2084,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 & /*_textStyle*/ 2) {
-				attr(div0, "style", /*_textStyle*/ ctx[1]);
-			}
-
-			if (dirty & /*_style*/ 4) {
-				attr(div1, "style", /*_style*/ ctx[2]);
+			if (dirty & /*style*/ 2) {
+				attr(div1, "style", /*style*/ ctx[1]);
 			}
 		},
 		i: noop,
@@ -2095,23 +2097,30 @@ function create_fragment$2(ctx) {
 }
 
 function instance$2($$self, $$props, $$invalidate) {
+	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { _textStyle = 'font-size:12px;' } = $$props;
 	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('_textStyle' in $$props) $$invalidate(1, _textStyle = $$props._textStyle);
-		if ('_style' in $$props) $$invalidate(2, _style = $$props._style);
+		if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
+		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
 	};
 
-	return [text, _textStyle, _style];
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
+			$$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
+		}
+	};
+
+	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, _textStyle: 1, _style: 2 }, add_css$2);
+		init(this, options, instance$2, create_fragment$2, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$2);
 	}
 }
 
@@ -2172,8 +2181,8 @@ function instance$1($$self, $$props, $$invalidate) {
 
 	/**
  * {
- * "title": {"ja": "イベントタイプ", "en": "Event Type"},
- * "folder": {"ja": "クリックイベント", "en": "Click Event"}
+ * "title": {"ja": "タイプ", "en": "Type"},
+ * "folder": {"ja": "クリック時の動作", "en": "Behavior to Click"}
  * }
  */
 	const dispatch = createEventDispatcher();
@@ -2224,7 +2233,7 @@ class TextButtonBlock extends SvelteComponent {
 /* src/components/ImageBlock.svelte generated by Svelte v3.44.1 */
 
 function add_css(target) {
-	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)}");
+	append_styles(target, "svelte-wa67vf", ".image-block.svelte-wa67vf{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-wa67vf{width:100%;height:100%}.transport.svelte-wa67vf:hover,.transport.svelte-wa67vf:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
 function create_fragment(ctx) {
@@ -2239,14 +2248,14 @@ function create_fragment(ctx) {
 		c() {
 			div = element("div");
 			img = element("img");
-			attr(img, "class", "image svelte-ci8ktf");
+			attr(img, "class", "image svelte-wa67vf");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
 			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", div_class_value = "" + (null_to_empty("image-block" + (/*transport*/ ctx[2] ? " transport" : "")) + " svelte-ci8ktf"));
+			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-wa67vf"));
 			attr(div, "style", /*_style*/ ctx[4]);
 		},
 		m(target, anchor) {
@@ -2271,7 +2280,7 @@ function create_fragment(ctx) {
 				attr(img, "alt", /*alt*/ ctx[1]);
 			}
 
-			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty("image-block" + (/*transport*/ ctx[2] ? " transport" : "")) + " svelte-ci8ktf"))) {
+			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-wa67vf"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -2295,7 +2304,10 @@ function instance($$self, $$props, $$invalidate) {
 	let { transport = false } = $$props;
 
 	/**
- * {"title": {"ja": "イベントタイプ", "en": "Event Type"}, "folder": {"ja": "クリックイベント", "en": "Click Event"}}
+ * {
+ * "title": {"ja": "タイプ", "en": "Type"},
+ * "folder": {"ja": "クリック時の動作", "en": "Behavior to Click"}
+ * }
  */
 	const dispatch = createEventDispatcher();
 

package/package.json

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