@plaidev/karte-action-sdk 1.1.176-28038941.d49e152f → 1.1.176-28039456.06c11c78

package/dist/hydrate/index.es.js

@@ -2651,7 +2651,7 @@ function add_css$r(target) {
 }
 
 // (48:0) {:else}
-function create_else_block$2(ctx) {
+function create_else_block$3(ctx) {
 	let button;
 	let current;
 	let mounted;
@@ -2967,7 +2967,7 @@ function create_fragment$u(ctx) {
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2, create_else_block$2];
+	const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2, create_else_block$3];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -3136,7 +3136,7 @@ function add_css$q(target) {
 	append_styles(target, "svelte-yyiwdt", ".modal.svelte-yyiwdt{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-yyiwdt > .button{flex:auto;display:flex}.close.svelte-yyiwdt{position:absolute;top:0;right:0}.close.svelte-yyiwdt > .button{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-yyiwdt > .button:hover{transform:rotate(90deg)}.modal-content.svelte-yyiwdt{flex:auto;display:flex;justify-content:center;align-items:center}");
 }
 
-// (144:0) {#if visible}
+// (145:0) {#if visible}
 function create_if_block$5(ctx) {
 	let div;
 	let button;
@@ -3231,7 +3231,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-// (161:6) {#if closable}
+// (162:6) {#if closable}
 function create_if_block_1$1(ctx) {
 	let div;
 	let button;
@@ -3303,7 +3303,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (163:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
+// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
 function create_default_slot_1$1(ctx) {
 	let svg;
 	let path;
@@ -3360,7 +3360,7 @@ function create_default_slot_1$1(ctx) {
 	};
 }
 
-// (160:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
+// (161:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
 function create_default_slot$6(ctx) {
 	let t;
 	let div;
@@ -4068,7 +4068,7 @@ function get_each_context$6(ctx, list, i) {
 }
 
 // (13:2) {:else}
-function create_else_block$1(ctx) {
+function create_else_block$2(ctx) {
 	let t_value = /*item*/ ctx[2] + "";
 	let t;
 
@@ -4121,7 +4121,7 @@ function create_each_block$6(ctx) {
 		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;
-		return create_else_block$1;
+		return create_else_block$2;
 	}
 
 	let current_block_type = select_block_type(ctx, -1);
@@ -4254,159 +4254,163 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$o(target) {
-	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}");
+	append_styles(target, "svelte-600oh0", ".text-element-wrapper.svelte-600oh0.svelte-600oh0{position:relative;height:100%}.text-element.svelte-600oh0.svelte-600oh0{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto;margin:0px;padding:0px}.text-link-element.svelte-600oh0.svelte-600oh0{text-decoration:none;color:inherit}.text-element-inner.svelte-600oh0.svelte-600oh0{width:100%;height:auto}.text-direction-vertical.svelte-600oh0.svelte-600oh0{writing-mode:vertical-rl}.text-direction-vertical.svelte-600oh0 .text-element-inner.svelte-600oh0{width:auto;height:100%}.tooltip.svelte-600oh0.svelte-600oh0{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-600oh0.svelte-600oh0:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-600oh0.svelte-600oh0{display:block}.tooltip-error.svelte-600oh0.svelte-600oh0{background-color:#c00}.tooltip-error.svelte-600oh0.svelte-600oh0:before{border-bottom:7px solid #c00}");
 }
 
-// (58:2) {#if enableCopy}
-function create_if_block$3(ctx) {
-	let div0;
-	let t0;
-	let t1;
+// (78:2) {:else}
+function create_else_block$1(ctx) {
 	let div1;
-	let t2;
+	let div0;
+	let rendertext;
+	let div1_class_value;
+	let current;
+	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
 
 	return {
 		c() {
-			div0 = element("div");
-			t0 = text("コピーしました");
-			t1 = space();
 			div1 = element("div");
-			t2 = text("コピーできませんでした");
+			div0 = element("div");
+			create_component(rendertext.$$.fragment);
 			this.h();
 		},
 		l(nodes) {
-			div0 = claim_element(nodes, "DIV", { class: true });
+			div1 = claim_element(nodes, "DIV", { class: true, style: true });
+			var div1_nodes = children(div1);
+			div0 = claim_element(div1_nodes, "DIV", { class: true });
 			var div0_nodes = children(div0);
-			t0 = claim_text(div0_nodes, "コピーしました");
+			claim_component(rendertext.$$.fragment, 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");
+			attr(div0, "class", "text-element-inner svelte-600oh0");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-600oh0"));
+			attr(div1, "style", /*style*/ ctx[5]);
 		},
 		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);
+			append_hydration(div1, div0);
+			mount_component(rendertext, div0, null);
+			current = 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-600oh0"))) {
+				attr(div1, "class", div1_class_value);
+			}
+
+			if (!current || dirty & /*style*/ 32) {
+				attr(div1, "style", /*style*/ ctx[5]);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(rendertext.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(rendertext.$$.fragment, local);
+			current = false;
 		},
-		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);
+			destroy_component(rendertext);
 		}
 	};
 }
 
-function create_fragment$p(ctx) {
-	let div2;
-	let link;
-	let link_href_value;
-	let t0;
-	let div1;
+// (69:2) {#if enableCopy}
+function create_if_block$3(ctx) {
+	let a;
 	let div0;
 	let rendertext;
-	let div1_class_value;
+	let a_class_value;
+	let t0;
+	let div1;
 	let t1;
+	let t2;
+	let div2;
+	let t3;
 	let current;
 	let mounted;
 	let dispose;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
-	let if_block = /*enableCopy*/ ctx[1] && create_if_block$3(ctx);
 
 	return {
 		c() {
-			div2 = element("div");
-			link = element("link");
-			t0 = space();
-			div1 = element("div");
+			a = element("a");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
-			t1 = space();
-			if (if_block) if_block.c();
+			t0 = space();
+			div1 = element("div");
+			t1 = text("コピーしました");
+			t2 = space();
+			div2 = element("div");
+			t3 = text("コピーできませんでした");
 			this.h();
 		},
 		l(nodes) {
-			div2 = claim_element(nodes, "DIV", { class: true });
-			var div2_nodes = children(div2);
-			link = claim_element(div2_nodes, "LINK", { href: true, rel: true });
-			t0 = claim_space(div2_nodes);
-			div1 = claim_element(div2_nodes, "DIV", { class: true, style: true });
-			var div1_nodes = children(div1);
-			div0 = claim_element(div1_nodes, "DIV", { class: true });
+			a = claim_element(nodes, "A", { href: true, class: true, style: true });
+			var a_nodes = children(a);
+			div0 = claim_element(a_nodes, "DIV", { class: true });
 			var div0_nodes = children(div0);
 			claim_component(rendertext.$$.fragment, div0_nodes);
 			div0_nodes.forEach(detach);
+			a_nodes.forEach(detach);
+			t0 = claim_space(nodes);
+			div1 = claim_element(nodes, "DIV", { class: true });
+			var div1_nodes = children(div1);
+			t1 = claim_text(div1_nodes, "コピーしました");
 			div1_nodes.forEach(detach);
-			t1 = claim_space(div2_nodes);
-			if (if_block) if_block.l(div2_nodes);
+			t2 = claim_space(nodes);
+			div2 = claim_element(nodes, "DIV", { class: true });
+			var div2_nodes = children(div2);
+			t3 = claim_text(div2_nodes, "コピーできませんでした");
 			div2_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
-			attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
-			attr(link, "rel", "stylesheet");
-			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");
+			attr(div0, "class", "text-element-inner svelte-600oh0");
+			attr(a, "href", '');
+			attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-600oh0"));
+			attr(a, "style", /*style*/ ctx[5]);
+			attr(div1, "class", "tooltip svelte-600oh0");
+			attr(div2, "class", "tooltip tooltip-error svelte-600oh0");
 		},
 		m(target, anchor) {
-			insert_hydration(target, div2, anchor);
-			append_hydration(div2, link);
-			append_hydration(div2, t0);
-			append_hydration(div2, div1);
-			append_hydration(div1, div0);
+			insert_hydration(target, a, anchor);
+			append_hydration(a, div0);
 			mount_component(rendertext, div0, null);
-			append_hydration(div2, t1);
-			if (if_block) if_block.m(div2, null);
+			insert_hydration(target, t0, anchor);
+			insert_hydration(target, div1, anchor);
+			append_hydration(div1, t1);
+			/*div1_binding*/ ctx[10](div1);
+			insert_hydration(target, t2, anchor);
+			insert_hydration(target, div2, anchor);
+			append_hydration(div2, t3);
+			/*div2_binding*/ ctx[11](div2);
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(div1, "click", /*click*/ ctx[6]);
+				dispose = listen(a, "click", /*onCopy*/ ctx[6]);
 				mounted = true;
 			}
 		},
-		p(ctx, [dirty]) {
-			if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
-				attr(link, "href", link_href_value);
-			}
-
+		p(ctx, dirty) {
 			const rendertext_changes = {};
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			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 & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-600oh0"))) {
+				attr(a, "class", a_class_value);
 			}
 
 			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$3(ctx);
-					if_block.c();
-					if_block.m(div2, null);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
+				attr(a, "style", /*style*/ ctx[5]);
 			}
 		},
 		i(local) {
@@ -4419,53 +4423,159 @@ function create_fragment$p(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div2);
+			if (detaching) detach(a);
 			destroy_component(rendertext);
-			if (if_block) if_block.d();
+			if (detaching) detach(t0);
+			if (detaching) detach(div1);
+			/*div1_binding*/ ctx[10](null);
+			if (detaching) detach(t2);
+			if (detaching) detach(div2);
+			/*div2_binding*/ ctx[11](null);
 			mounted = false;
 			dispose();
 		}
 	};
 }
 
+function create_fragment$p(ctx) {
+	let div;
+	let link;
+	let link_href_value;
+	let t;
+	let current_block_type_index;
+	let if_block;
+	let current;
+	const if_block_creators = [create_if_block$3, create_else_block$1];
+	const if_blocks = [];
+
+	function select_block_type(ctx, dirty) {
+		if (/*enableCopy*/ ctx[2]) return 0;
+		return 1;
+	}
+
+	current_block_type_index = select_block_type(ctx);
+	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+	return {
+		c() {
+			div = element("div");
+			link = element("link");
+			t = space();
+			if_block.c();
+			this.h();
+		},
+		l(nodes) {
+			div = claim_element(nodes, "DIV", { class: true });
+			var div_nodes = children(div);
+			link = claim_element(div_nodes, "LINK", { href: true, rel: true });
+			t = claim_space(div_nodes);
+			if_block.l(div_nodes);
+			div_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
+			attr(link, "rel", "stylesheet");
+			attr(div, "class", "text-element-wrapper svelte-600oh0");
+		},
+		m(target, anchor) {
+			insert_hydration(target, div, anchor);
+			append_hydration(div, link);
+			append_hydration(div, t);
+			if_blocks[current_block_type_index].m(div, null);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
+				attr(link, "href", link_href_value);
+			}
+
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type(ctx);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block = if_blocks[current_block_type_index];
+
+				if (!if_block) {
+					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block.c();
+				} else {
+					if_block.p(ctx, dirty);
+				}
+
+				transition_in(if_block, 1);
+				if_block.m(div, null);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if_blocks[current_block_type_index].d();
+		}
+	};
+}
+
 function instance$p($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
+	let { _textStyle = 'font-size:12px; line-height: 1.5;' } = $$props;
+	let { textDirection = 'horizontal' } = $$props;
+	let { _style = '' } = $$props;
 	let { enableCopy = false } = $$props;
+	let { eventName = '' } = $$props;
+	let eventValue = undefined;
 	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
-			);
+	const onCopy = async e => {
+		e.preventDefault();
+
+		try {
+			await navigator.clipboard.writeText(text);
+
+			if (eventName) {
+				send_event(eventName, eventValue);
+			}
+
+			tooltipEl.classList.add('show');
+		} catch(err) {
+			tooltipErrorEl.classList.add('show');
 		}
-	};
 
-	let { _textStyle = 'font-size:12px; line-height: 1.5;' } = $$props;
-	let { textDirection = 'horizontal' } = $$props;
-	let { _style = '' } = $$props;
+		setTimeout(
+			() => {
+				tooltipEl.classList.remove('show');
+				tooltipErrorEl.classList.remove('show');
+			},
+			1000
+		);
+	};
 
-	function div0_binding($$value) {
+	function div1_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			tooltipEl = $$value;
 			$$invalidate(3, tooltipEl);
 		});
 	}
 
-	function div1_binding($$value) {
+	function div2_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			tooltipErrorEl = $$value;
 			$$invalidate(4, tooltipErrorEl);
@@ -4474,10 +4584,11 @@ function instance$p($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		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 ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
 		if ('_style' in $$props) $$invalidate(8, _style = $$props._style);
+		if ('enableCopy' in $$props) $$invalidate(2, enableCopy = $$props.enableCopy);
+		if ('eventName' in $$props) $$invalidate(9, eventName = $$props.eventName);
 	};
 
 	$$self.$$.update = () => {
@@ -4488,16 +4599,17 @@ function instance$p($$self, $$props, $$invalidate) {
 
 	return [
 		text,
-		enableCopy,
 		textDirection,
+		enableCopy,
 		tooltipEl,
 		tooltipErrorEl,
 		style,
-		click,
+		onCopy,
 		_textStyle,
 		_style,
-		div0_binding,
-		div1_binding
+		eventName,
+		div1_binding,
+		div2_binding
 	];
 }
 
@@ -4513,10 +4625,11 @@ class TextElement extends SvelteComponent {
 			safe_not_equal,
 			{
 				text: 0,
-				enableCopy: 1,
 				_textStyle: 7,
-				textDirection: 2,
-				_style: 8
+				textDirection: 1,
+				_style: 8,
+				enableCopy: 2,
+				eventName: 9
 			},
 			add_css$o
 		);

package/dist/index.es.js

@@ -2731,7 +2731,7 @@ function add_css$r(target) {
 }
 
 // (48:0) {:else}
-function create_else_block$2(ctx) {
+function create_else_block$3(ctx) {
 	let button;
 	let current;
 	let mounted;
@@ -3001,7 +3001,7 @@ function create_fragment$u(ctx) {
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2, create_else_block$2];
+	const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2, create_else_block$3];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -3166,7 +3166,7 @@ function add_css$q(target) {
 	append_styles(target, "svelte-yyiwdt", ".modal.svelte-yyiwdt{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-yyiwdt > .button{flex:auto;display:flex}.close.svelte-yyiwdt{position:absolute;top:0;right:0}.close.svelte-yyiwdt > .button{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-yyiwdt > .button:hover{transform:rotate(90deg)}.modal-content.svelte-yyiwdt{flex:auto;display:flex;justify-content:center;align-items:center}");
 }
 
-// (144:0) {#if visible}
+// (145:0) {#if visible}
 function create_if_block$5(ctx) {
 	let div;
 	let button;
@@ -3245,7 +3245,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-// (161:6) {#if closable}
+// (162:6) {#if closable}
 function create_if_block_1$1(ctx) {
 	let div;
 	let button;
@@ -3307,7 +3307,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (163:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
+// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
 function create_default_slot_1$1(ctx) {
 	let svg;
 	let path;
@@ -3340,7 +3340,7 @@ function create_default_slot_1$1(ctx) {
 	};
 }
 
-// (160:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
+// (161:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
 function create_default_slot$6(ctx) {
 	let t;
 	let div;
@@ -3998,7 +3998,7 @@ function get_each_context$6(ctx, list, i) {
 }
 
 // (13:2) {:else}
-function create_else_block$1(ctx) {
+function create_else_block$2(ctx) {
 	let t_value = /*item*/ ctx[2] + "";
 	let t;
 
@@ -4045,7 +4045,7 @@ function create_each_block$6(ctx) {
 		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;
-		return create_else_block$1;
+		return create_else_block$2;
 	}
 
 	let current_block_type = select_block_type(ctx, -1);
@@ -4167,120 +4167,123 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$o(target) {
-	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}");
+	append_styles(target, "svelte-600oh0", ".text-element-wrapper.svelte-600oh0.svelte-600oh0{position:relative;height:100%}.text-element.svelte-600oh0.svelte-600oh0{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto;margin:0px;padding:0px}.text-link-element.svelte-600oh0.svelte-600oh0{text-decoration:none;color:inherit}.text-element-inner.svelte-600oh0.svelte-600oh0{width:100%;height:auto}.text-direction-vertical.svelte-600oh0.svelte-600oh0{writing-mode:vertical-rl}.text-direction-vertical.svelte-600oh0 .text-element-inner.svelte-600oh0{width:auto;height:100%}.tooltip.svelte-600oh0.svelte-600oh0{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-600oh0.svelte-600oh0:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-600oh0.svelte-600oh0{display:block}.tooltip-error.svelte-600oh0.svelte-600oh0{background-color:#c00}.tooltip-error.svelte-600oh0.svelte-600oh0:before{border-bottom:7px solid #c00}");
 }
 
-// (58:2) {#if enableCopy}
-function create_if_block$3(ctx) {
-	let div0;
-	let t1;
+// (78:2) {:else}
+function create_else_block$1(ctx) {
 	let div1;
+	let div0;
+	let rendertext;
+	let div1_class_value;
+	let current;
+	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
 
 	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");
+			div0 = element("div");
+			create_component(rendertext.$$.fragment);
+			attr(div0, "class", "text-element-inner svelte-600oh0");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-600oh0"));
+			attr(div1, "style", /*style*/ ctx[5]);
 		},
 		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);
+			append(div1, div0);
+			mount_component(rendertext, div0, null);
+			current = 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-600oh0"))) {
+				attr(div1, "class", div1_class_value);
+			}
+
+			if (!current || dirty & /*style*/ 32) {
+				attr(div1, "style", /*style*/ ctx[5]);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(rendertext.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(rendertext.$$.fragment, local);
+			current = false;
 		},
-		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);
+			destroy_component(rendertext);
 		}
 	};
 }
 
-function create_fragment$p(ctx) {
-	let div2;
-	let link;
-	let link_href_value;
-	let t0;
-	let div1;
+// (69:2) {#if enableCopy}
+function create_if_block$3(ctx) {
+	let a;
 	let div0;
 	let rendertext;
-	let div1_class_value;
-	let t1;
+	let a_class_value;
+	let t0;
+	let div1;
+	let t2;
+	let div2;
 	let current;
 	let mounted;
 	let dispose;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
-	let if_block = /*enableCopy*/ ctx[1] && create_if_block$3(ctx);
 
 	return {
 		c() {
-			div2 = element("div");
-			link = element("link");
-			t0 = space();
-			div1 = element("div");
+			a = element("a");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
-			t1 = space();
-			if (if_block) if_block.c();
-			attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
-			attr(link, "rel", "stylesheet");
-			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");
+			t0 = space();
+			div1 = element("div");
+			div1.textContent = "コピーしました";
+			t2 = space();
+			div2 = element("div");
+			div2.textContent = "コピーできませんでした";
+			attr(div0, "class", "text-element-inner svelte-600oh0");
+			attr(a, "href", '');
+			attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-600oh0"));
+			attr(a, "style", /*style*/ ctx[5]);
+			attr(div1, "class", "tooltip svelte-600oh0");
+			attr(div2, "class", "tooltip tooltip-error svelte-600oh0");
 		},
 		m(target, anchor) {
-			insert(target, div2, anchor);
-			append(div2, link);
-			append(div2, t0);
-			append(div2, div1);
-			append(div1, div0);
+			insert(target, a, anchor);
+			append(a, div0);
 			mount_component(rendertext, div0, null);
-			append(div2, t1);
-			if (if_block) if_block.m(div2, null);
+			insert(target, t0, anchor);
+			insert(target, div1, anchor);
+			/*div1_binding*/ ctx[10](div1);
+			insert(target, t2, anchor);
+			insert(target, div2, anchor);
+			/*div2_binding*/ ctx[11](div2);
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(div1, "click", /*click*/ ctx[6]);
+				dispose = listen(a, "click", /*onCopy*/ ctx[6]);
 				mounted = true;
 			}
 		},
-		p(ctx, [dirty]) {
-			if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
-				attr(link, "href", link_href_value);
-			}
-
+		p(ctx, dirty) {
 			const rendertext_changes = {};
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			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 & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-600oh0"))) {
+				attr(a, "class", a_class_value);
 			}
 
 			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$3(ctx);
-					if_block.c();
-					if_block.m(div2, null);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
+				attr(a, "style", /*style*/ ctx[5]);
 			}
 		},
 		i(local) {
@@ -4293,53 +4296,147 @@ function create_fragment$p(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div2);
+			if (detaching) detach(a);
 			destroy_component(rendertext);
-			if (if_block) if_block.d();
+			if (detaching) detach(t0);
+			if (detaching) detach(div1);
+			/*div1_binding*/ ctx[10](null);
+			if (detaching) detach(t2);
+			if (detaching) detach(div2);
+			/*div2_binding*/ ctx[11](null);
 			mounted = false;
 			dispose();
 		}
 	};
 }
 
+function create_fragment$p(ctx) {
+	let div;
+	let link;
+	let link_href_value;
+	let t;
+	let current_block_type_index;
+	let if_block;
+	let current;
+	const if_block_creators = [create_if_block$3, create_else_block$1];
+	const if_blocks = [];
+
+	function select_block_type(ctx, dirty) {
+		if (/*enableCopy*/ ctx[2]) return 0;
+		return 1;
+	}
+
+	current_block_type_index = select_block_type(ctx);
+	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+	return {
+		c() {
+			div = element("div");
+			link = element("link");
+			t = space();
+			if_block.c();
+			attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
+			attr(link, "rel", "stylesheet");
+			attr(div, "class", "text-element-wrapper svelte-600oh0");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, link);
+			append(div, t);
+			if_blocks[current_block_type_index].m(div, null);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
+				attr(link, "href", link_href_value);
+			}
+
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type(ctx);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block = if_blocks[current_block_type_index];
+
+				if (!if_block) {
+					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block.c();
+				} else {
+					if_block.p(ctx, dirty);
+				}
+
+				transition_in(if_block, 1);
+				if_block.m(div, null);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if_blocks[current_block_type_index].d();
+		}
+	};
+}
+
 function instance$p($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
+	let { _textStyle = 'font-size:12px; line-height: 1.5;' } = $$props;
+	let { textDirection = 'horizontal' } = $$props;
+	let { _style = '' } = $$props;
 	let { enableCopy = false } = $$props;
+	let { eventName = '' } = $$props;
+	let eventValue = undefined;
 	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');
+	const onCopy = async e => {
+		e.preventDefault();
+
+		try {
+			await navigator.clipboard.writeText(text);
+
+			if (eventName) {
+				send_event(eventName, eventValue);
 			}
 
-			setTimeout(
-				() => {
-					tooltipEl.classList.remove('show');
-					tooltipErrorEl.classList.remove('show');
-				},
-				1000
-			);
+			tooltipEl.classList.add('show');
+		} catch(err) {
+			tooltipErrorEl.classList.add('show');
 		}
-	};
 
-	let { _textStyle = 'font-size:12px; line-height: 1.5;' } = $$props;
-	let { textDirection = 'horizontal' } = $$props;
-	let { _style = '' } = $$props;
+		setTimeout(
+			() => {
+				tooltipEl.classList.remove('show');
+				tooltipErrorEl.classList.remove('show');
+			},
+			1000
+		);
+	};
 
-	function div0_binding($$value) {
+	function div1_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			tooltipEl = $$value;
 			$$invalidate(3, tooltipEl);
 		});
 	}
 
-	function div1_binding($$value) {
+	function div2_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			tooltipErrorEl = $$value;
 			$$invalidate(4, tooltipErrorEl);
@@ -4348,10 +4445,11 @@ function instance$p($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		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 ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
 		if ('_style' in $$props) $$invalidate(8, _style = $$props._style);
+		if ('enableCopy' in $$props) $$invalidate(2, enableCopy = $$props.enableCopy);
+		if ('eventName' in $$props) $$invalidate(9, eventName = $$props.eventName);
 	};
 
 	$$self.$$.update = () => {
@@ -4362,16 +4460,17 @@ function instance$p($$self, $$props, $$invalidate) {
 
 	return [
 		text,
-		enableCopy,
 		textDirection,
+		enableCopy,
 		tooltipEl,
 		tooltipErrorEl,
 		style,
-		click,
+		onCopy,
 		_textStyle,
 		_style,
-		div0_binding,
-		div1_binding
+		eventName,
+		div1_binding,
+		div2_binding
 	];
 }
 
@@ -4387,10 +4486,11 @@ class TextElement extends SvelteComponent {
 			safe_not_equal,
 			{
 				text: 0,
-				enableCopy: 1,
 				_textStyle: 7,
-				textDirection: 2,
-				_style: 8
+				textDirection: 1,
+				_style: 8,
+				enableCopy: 2,
+				eventName: 9
 			},
 			add_css$o
 		);

package/package.json

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