@plaidev/karte-action-sdk 1.1.120-27931993.5f24f9af → 1.1.120-27932497.7c9501cf

package/dist/hydrate/index.es.js

@@ -2153,7 +2153,7 @@ function add_css$n(target) {
 }
 
 // (23:0) {#if $state === path}
-function create_if_block$7(ctx) {
+function create_if_block$8(ctx) {
 	let div;
 	let t;
 	let current;
@@ -2228,7 +2228,7 @@ function create_if_block$7(ctx) {
 function create_fragment$q(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$7(ctx);
+	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$8(ctx);
 
 	return {
 		c() {
@@ -2253,7 +2253,7 @@ function create_fragment$q(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$7(ctx);
+					if_block = create_if_block$8(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2327,7 +2327,7 @@ function add_css$m(target) {
 }
 
 // (9:0) {#if backgroundOverray}
-function create_if_block$6(ctx) {
+function create_if_block$7(ctx) {
 	let div;
 	let mounted;
 	let dispose;
@@ -2364,7 +2364,7 @@ function create_if_block$6(ctx) {
 
 function create_fragment$p(ctx) {
 	let if_block_anchor;
-	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$6(ctx);
+	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$7(ctx);
 
 	return {
 		c() {
@@ -2384,7 +2384,7 @@ function create_fragment$p(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$6(ctx);
+					if_block = create_if_block$7(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -2428,7 +2428,7 @@ function add_css$l(target) {
 }
 
 // (142:0) {#if visible}
-function create_if_block$5(ctx) {
+function create_if_block$6(ctx) {
 	let div1;
 	let t;
 	let div0;
@@ -2671,7 +2671,7 @@ function create_fragment$o(ctx) {
 		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
 	});
 
-	let if_block = /*visible*/ ctx[6] && create_if_block$5(ctx);
+	let if_block = /*visible*/ ctx[6] && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -2715,7 +2715,7 @@ function create_fragment$o(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$5(ctx);
+					if_block = create_if_block$6(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3844,7 +3844,7 @@ function create_else_block$1(ctx) {
 }
 
 // (10:2) {#if item.match(regexp)}
-function create_if_block$4(ctx) {
+function create_if_block$5(ctx) {
 	let br;
 
 	return {
@@ -3872,7 +3872,7 @@ function create_each_block$5(ctx) {
 	function select_block_type(ctx, dirty) {
 		if (dirty & /*items*/ 1) show_if = null;
 		if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
-		if (show_if) return create_if_block$4;
+		if (show_if) return create_if_block$5;
 		return create_else_block$1;
 	}
 
@@ -4005,56 +4005,144 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$h(target) {
-	append_styles(target, "svelte-9en2jg", ".text-element.svelte-9en2jg.svelte-9en2jg{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-9en2jg.svelte-9en2jg{width:100%;height:auto}.text-direction-vertical.svelte-9en2jg.svelte-9en2jg{writing-mode:vertical-rl}.text-direction-vertical.svelte-9en2jg .text-element-inner.svelte-9en2jg{width:auto;height:100%}");
+	append_styles(target, "svelte-13cs3g2", ".text-element-wrapper.svelte-13cs3g2.svelte-13cs3g2{position:relative;height:100%}.text-element.svelte-13cs3g2.svelte-13cs3g2{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-13cs3g2.svelte-13cs3g2{width:100%;height:auto}.text-direction-vertical.svelte-13cs3g2.svelte-13cs3g2{writing-mode:vertical-rl}.text-direction-vertical.svelte-13cs3g2 .text-element-inner.svelte-13cs3g2{width:auto;height:100%}.tooltip.svelte-13cs3g2.svelte-13cs3g2{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-13cs3g2.svelte-13cs3g2:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-13cs3g2.svelte-13cs3g2{display:block}.tooltip-error.svelte-13cs3g2.svelte-13cs3g2{background-color:#c00}.tooltip-error.svelte-13cs3g2.svelte-13cs3g2:before{border-bottom:7px solid #c00}");
+}
+
+// (56:2) {#if enableCopy}
+function create_if_block$4(ctx) {
+	let div0;
+	let t0;
+	let t1;
+	let div1;
+	let t2;
+
+	return {
+		c() {
+			div0 = element("div");
+			t0 = text("コピーしました");
+			t1 = space();
+			div1 = element("div");
+			t2 = text("コピーできませんでした");
+			this.h();
+		},
+		l(nodes) {
+			div0 = claim_element(nodes, "DIV", { class: true });
+			var div0_nodes = children(div0);
+			t0 = claim_text(div0_nodes, "コピーしました");
+			div0_nodes.forEach(detach);
+			t1 = claim_space(nodes);
+			div1 = claim_element(nodes, "DIV", { class: true });
+			var div1_nodes = children(div1);
+			t2 = claim_text(div1_nodes, "コピーできませんでした");
+			div1_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(div0, "class", "tooltip svelte-13cs3g2");
+			attr(div1, "class", "tooltip tooltip-error svelte-13cs3g2");
+		},
+		m(target, anchor) {
+			insert_hydration(target, div0, anchor);
+			append_hydration(div0, t0);
+			/*div0_binding*/ ctx[9](div0);
+			insert_hydration(target, t1, anchor);
+			insert_hydration(target, div1, anchor);
+			append_hydration(div1, t2);
+			/*div1_binding*/ ctx[10](div1);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(div0);
+			/*div0_binding*/ ctx[9](null);
+			if (detaching) detach(t1);
+			if (detaching) detach(div1);
+			/*div1_binding*/ ctx[10](null);
+		}
+	};
 }
 
 function create_fragment$h(ctx) {
+	let div2;
 	let div1;
 	let div0;
 	let rendertext;
 	let div1_class_value;
+	let t;
 	let current;
+	let mounted;
+	let dispose;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
+	let if_block = /*enableCopy*/ ctx[1] && create_if_block$4(ctx);
 
 	return {
 		c() {
+			div2 = element("div");
 			div1 = element("div");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
+			t = space();
+			if (if_block) if_block.c();
 			this.h();
 		},
 		l(nodes) {
-			div1 = claim_element(nodes, "DIV", { class: true, style: true });
+			div2 = claim_element(nodes, "DIV", { class: true });
+			var div2_nodes = children(div2);
+			div1 = claim_element(div2_nodes, "DIV", { class: true, style: true });
 			var div1_nodes = children(div1);
 			div0 = claim_element(div1_nodes, "DIV", { class: true });
 			var div0_nodes = children(div0);
 			claim_component(rendertext.$$.fragment, div0_nodes);
 			div0_nodes.forEach(detach);
 			div1_nodes.forEach(detach);
+			t = claim_space(div2_nodes);
+			if (if_block) if_block.l(div2_nodes);
+			div2_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-element-inner svelte-9en2jg");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"));
-			attr(div1, "style", /*style*/ ctx[2]);
+			attr(div0, "class", "text-element-inner svelte-13cs3g2");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[2]}`) + " svelte-13cs3g2"));
+			attr(div1, "style", /*style*/ ctx[5]);
+			attr(div2, "class", "text-element-wrapper svelte-13cs3g2");
 		},
 		m(target, anchor) {
-			insert_hydration(target, div1, anchor);
+			insert_hydration(target, div2, anchor);
+			append_hydration(div2, div1);
 			append_hydration(div1, div0);
 			mount_component(rendertext, div0, null);
+			append_hydration(div2, t);
+			if (if_block) if_block.m(div2, null);
 			current = true;
+
+			if (!mounted) {
+				dispose = listen(div1, "click", /*click*/ ctx[6]);
+				mounted = true;
+			}
 		},
 		p(ctx, [dirty]) {
 			const rendertext_changes = {};
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"))) {
+			if (!current || dirty & /*textDirection*/ 4 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[2]}`) + " svelte-13cs3g2"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
-			if (!current || dirty & /*style*/ 4) {
-				attr(div1, "style", /*style*/ ctx[2]);
+			if (!current || dirty & /*style*/ 32) {
+				attr(div1, "style", /*style*/ ctx[5]);
+			}
+
+			if (/*enableCopy*/ ctx[1]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block$4(ctx);
+					if_block.c();
+					if_block.m(div2, null);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
 			}
 		},
 		i(local) {
@@ -4067,8 +4155,11 @@ function create_fragment$h(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(div2);
 			destroy_component(rendertext);
+			if (if_block) if_block.d();
+			mounted = false;
+			dispose();
 		}
 	};
 }
@@ -4076,24 +4167,74 @@ function create_fragment$h(ctx) {
 function instance$h($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
+	let { enableCopy = false } = $$props;
+	let tooltipEl;
+	let tooltipErrorEl;
+
+	const click = async () => {
+		if (enableCopy) {
+			try {
+				await navigator.clipboard.writeText(text);
+				tooltipEl.classList.add('show');
+			} catch(err) {
+				tooltipErrorEl.classList.add('show');
+			}
+
+			setTimeout(
+				() => {
+					tooltipEl.classList.remove('show');
+					tooltipErrorEl.classList.remove('show');
+				},
+				1000
+			);
+		}
+	};
+
 	let { _textStyle = 'font-size:12px;' } = $$props;
 	let { textDirection = 'horizontal' } = $$props;
 	let { _style = '' } = $$props;
 
+	function div0_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			tooltipEl = $$value;
+			$$invalidate(3, tooltipEl);
+		});
+	}
+
+	function div1_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			tooltipErrorEl = $$value;
+			$$invalidate(4, tooltipErrorEl);
+		});
+	}
+
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
-		if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
-		if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
+		if ('enableCopy' in $$props) $$invalidate(1, enableCopy = $$props.enableCopy);
+		if ('_textStyle' in $$props) $$invalidate(7, _textStyle = $$props._textStyle);
+		if ('textDirection' in $$props) $$invalidate(2, textDirection = $$props.textDirection);
+		if ('_style' in $$props) $$invalidate(8, _style = $$props._style);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
-			$$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
+		if ($$self.$$.dirty & /*_textStyle, _style*/ 384) {
+			$$invalidate(5, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
 		}
 	};
 
-	return [text, textDirection, style, _textStyle, _style];
+	return [
+		text,
+		enableCopy,
+		textDirection,
+		tooltipEl,
+		tooltipErrorEl,
+		style,
+		click,
+		_textStyle,
+		_style,
+		div0_binding,
+		div1_binding
+	];
 }
 
 class TextElement extends SvelteComponent {
@@ -4108,9 +4249,10 @@ class TextElement extends SvelteComponent {
 			safe_not_equal,
 			{
 				text: 0,
-				_textStyle: 3,
-				textDirection: 1,
-				_style: 4
+				enableCopy: 1,
+				_textStyle: 7,
+				textDirection: 2,
+				_style: 8
 			},
 			add_css$h
 		);

package/dist/index.es.js

@@ -2263,7 +2263,7 @@ function add_css$n(target) {
 }
 
 // (23:0) {#if $state === path}
-function create_if_block$7(ctx) {
+function create_if_block$8(ctx) {
 	let div;
 	let t;
 	let current;
@@ -2328,7 +2328,7 @@ function create_if_block$7(ctx) {
 function create_fragment$q(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$7(ctx);
+	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$8(ctx);
 
 	return {
 		c() {
@@ -2349,7 +2349,7 @@ function create_fragment$q(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$7(ctx);
+					if_block = create_if_block$8(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2423,7 +2423,7 @@ function add_css$m(target) {
 }
 
 // (9:0) {#if backgroundOverray}
-function create_if_block$6(ctx) {
+function create_if_block$7(ctx) {
 	let div;
 	let mounted;
 	let dispose;
@@ -2452,7 +2452,7 @@ function create_if_block$6(ctx) {
 
 function create_fragment$p(ctx) {
 	let if_block_anchor;
-	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$6(ctx);
+	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$7(ctx);
 
 	return {
 		c() {
@@ -2468,7 +2468,7 @@ function create_fragment$p(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$6(ctx);
+					if_block = create_if_block$7(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -2512,7 +2512,7 @@ function add_css$l(target) {
 }
 
 // (142:0) {#if visible}
-function create_if_block$5(ctx) {
+function create_if_block$6(ctx) {
 	let div1;
 	let t;
 	let div0;
@@ -2706,7 +2706,7 @@ function create_fragment$o(ctx) {
 		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
 	});
 
-	let if_block = /*visible*/ ctx[6] && create_if_block$5(ctx);
+	let if_block = /*visible*/ ctx[6] && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -2744,7 +2744,7 @@ function create_fragment$o(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$5(ctx);
+					if_block = create_if_block$6(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3807,7 +3807,7 @@ function create_else_block$1(ctx) {
 }
 
 // (10:2) {#if item.match(regexp)}
-function create_if_block$4(ctx) {
+function create_if_block$5(ctx) {
 	let br;
 
 	return {
@@ -3832,7 +3832,7 @@ function create_each_block$5(ctx) {
 	function select_block_type(ctx, dirty) {
 		if (dirty & /*items*/ 1) show_if = null;
 		if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
-		if (show_if) return create_if_block$4;
+		if (show_if) return create_if_block$5;
 		return create_else_block$1;
 	}
 
@@ -3954,43 +3954,107 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$h(target) {
-	append_styles(target, "svelte-9en2jg", ".text-element.svelte-9en2jg.svelte-9en2jg{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-9en2jg.svelte-9en2jg{width:100%;height:auto}.text-direction-vertical.svelte-9en2jg.svelte-9en2jg{writing-mode:vertical-rl}.text-direction-vertical.svelte-9en2jg .text-element-inner.svelte-9en2jg{width:auto;height:100%}");
+	append_styles(target, "svelte-13cs3g2", ".text-element-wrapper.svelte-13cs3g2.svelte-13cs3g2{position:relative;height:100%}.text-element.svelte-13cs3g2.svelte-13cs3g2{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-13cs3g2.svelte-13cs3g2{width:100%;height:auto}.text-direction-vertical.svelte-13cs3g2.svelte-13cs3g2{writing-mode:vertical-rl}.text-direction-vertical.svelte-13cs3g2 .text-element-inner.svelte-13cs3g2{width:auto;height:100%}.tooltip.svelte-13cs3g2.svelte-13cs3g2{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-13cs3g2.svelte-13cs3g2:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-13cs3g2.svelte-13cs3g2{display:block}.tooltip-error.svelte-13cs3g2.svelte-13cs3g2{background-color:#c00}.tooltip-error.svelte-13cs3g2.svelte-13cs3g2:before{border-bottom:7px solid #c00}");
+}
+
+// (56:2) {#if enableCopy}
+function create_if_block$4(ctx) {
+	let div0;
+	let t1;
+	let div1;
+
+	return {
+		c() {
+			div0 = element("div");
+			div0.textContent = "コピーしました";
+			t1 = space();
+			div1 = element("div");
+			div1.textContent = "コピーできませんでした";
+			attr(div0, "class", "tooltip svelte-13cs3g2");
+			attr(div1, "class", "tooltip tooltip-error svelte-13cs3g2");
+		},
+		m(target, anchor) {
+			insert(target, div0, anchor);
+			/*div0_binding*/ ctx[9](div0);
+			insert(target, t1, anchor);
+			insert(target, div1, anchor);
+			/*div1_binding*/ ctx[10](div1);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(div0);
+			/*div0_binding*/ ctx[9](null);
+			if (detaching) detach(t1);
+			if (detaching) detach(div1);
+			/*div1_binding*/ ctx[10](null);
+		}
+	};
 }
 
 function create_fragment$h(ctx) {
+	let div2;
 	let div1;
 	let div0;
 	let rendertext;
 	let div1_class_value;
+	let t;
 	let current;
+	let mounted;
+	let dispose;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
+	let if_block = /*enableCopy*/ ctx[1] && create_if_block$4(ctx);
 
 	return {
 		c() {
+			div2 = element("div");
 			div1 = element("div");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
-			attr(div0, "class", "text-element-inner svelte-9en2jg");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"));
-			attr(div1, "style", /*style*/ ctx[2]);
+			t = space();
+			if (if_block) if_block.c();
+			attr(div0, "class", "text-element-inner svelte-13cs3g2");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[2]}`) + " svelte-13cs3g2"));
+			attr(div1, "style", /*style*/ ctx[5]);
+			attr(div2, "class", "text-element-wrapper svelte-13cs3g2");
 		},
 		m(target, anchor) {
-			insert(target, div1, anchor);
+			insert(target, div2, anchor);
+			append(div2, div1);
 			append(div1, div0);
 			mount_component(rendertext, div0, null);
+			append(div2, t);
+			if (if_block) if_block.m(div2, null);
 			current = true;
+
+			if (!mounted) {
+				dispose = listen(div1, "click", /*click*/ ctx[6]);
+				mounted = true;
+			}
 		},
 		p(ctx, [dirty]) {
 			const rendertext_changes = {};
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"))) {
+			if (!current || dirty & /*textDirection*/ 4 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[2]}`) + " svelte-13cs3g2"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
-			if (!current || dirty & /*style*/ 4) {
-				attr(div1, "style", /*style*/ ctx[2]);
+			if (!current || dirty & /*style*/ 32) {
+				attr(div1, "style", /*style*/ ctx[5]);
+			}
+
+			if (/*enableCopy*/ ctx[1]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block$4(ctx);
+					if_block.c();
+					if_block.m(div2, null);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
 			}
 		},
 		i(local) {
@@ -4003,8 +4067,11 @@ function create_fragment$h(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(div2);
 			destroy_component(rendertext);
+			if (if_block) if_block.d();
+			mounted = false;
+			dispose();
 		}
 	};
 }
@@ -4012,24 +4079,74 @@ function create_fragment$h(ctx) {
 function instance$h($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
+	let { enableCopy = false } = $$props;
+	let tooltipEl;
+	let tooltipErrorEl;
+
+	const click = async () => {
+		if (enableCopy) {
+			try {
+				await navigator.clipboard.writeText(text);
+				tooltipEl.classList.add('show');
+			} catch(err) {
+				tooltipErrorEl.classList.add('show');
+			}
+
+			setTimeout(
+				() => {
+					tooltipEl.classList.remove('show');
+					tooltipErrorEl.classList.remove('show');
+				},
+				1000
+			);
+		}
+	};
+
 	let { _textStyle = 'font-size:12px;' } = $$props;
 	let { textDirection = 'horizontal' } = $$props;
 	let { _style = '' } = $$props;
 
+	function div0_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			tooltipEl = $$value;
+			$$invalidate(3, tooltipEl);
+		});
+	}
+
+	function div1_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			tooltipErrorEl = $$value;
+			$$invalidate(4, tooltipErrorEl);
+		});
+	}
+
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
-		if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
-		if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
+		if ('enableCopy' in $$props) $$invalidate(1, enableCopy = $$props.enableCopy);
+		if ('_textStyle' in $$props) $$invalidate(7, _textStyle = $$props._textStyle);
+		if ('textDirection' in $$props) $$invalidate(2, textDirection = $$props.textDirection);
+		if ('_style' in $$props) $$invalidate(8, _style = $$props._style);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
-			$$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
+		if ($$self.$$.dirty & /*_textStyle, _style*/ 384) {
+			$$invalidate(5, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
 		}
 	};
 
-	return [text, textDirection, style, _textStyle, _style];
+	return [
+		text,
+		enableCopy,
+		textDirection,
+		tooltipEl,
+		tooltipErrorEl,
+		style,
+		click,
+		_textStyle,
+		_style,
+		div0_binding,
+		div1_binding
+	];
 }
 
 class TextElement extends SvelteComponent {
@@ -4044,9 +4161,10 @@ class TextElement extends SvelteComponent {
 			safe_not_equal,
 			{
 				text: 0,
-				_textStyle: 3,
-				textDirection: 1,
-				_style: 4
+				enableCopy: 1,
+				_textStyle: 7,
+				textDirection: 2,
+				_style: 8
 			},
 			add_css$h
 		);

package/package.json

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