@plaidev/karte-action-sdk 1.0.31 → 1.0.32

package/dist/index.es.d.ts

@@ -36,6 +36,7 @@ declare const PropTypes: readonly [
     "Length",
     "Color",
     "Alignment",
+    "State",
     "Style"
 ];
 type PropType = typeof PropTypes[number];
@@ -159,15 +160,15 @@ declare const ModalMarginTranslations: {
     };
 };
 type ModalMargin = {
-    left: string;
-    right: string;
-    top: string;
-    bottom: string;
+    left?: string;
+    right?: string;
+    top?: string;
+    bottom?: string;
 };
 type ModalPlacement = {
-    position: ModalPosition;
-    margin: ModalMargin;
-    backgroundOverlay: boolean;
+    position?: ModalPosition;
+    margin?: ModalMargin;
+    backgroundOverlay?: boolean;
 };
 declare const DefaultModalPlacement: ModalPlacement;
 type LongText = string;
@@ -276,13 +277,11 @@ declare const collection: (config: {
 };
 export { state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, _default, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, AnimationStyleTranslations, ModalPositions, ModalPosition, ModalPositionTranslations, ModalMarginTranslations, ModalMargin, ModalPlacement, DefaultModalPlacement, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ensureModalRoot, h, createFog, EmbedLogic, embed, collection };
 export { default as State } from './components/State.svelte';
-export { default as StateItem } from './components/StateItem.svelte';
-export { default as Modal } from './components/Modal.svelte';
 export { default as GridModalState } from './components/GridModalState.svelte';
-export { default as Grid } from './components/Grid.svelte';
 export { default as GridItem } from './components/GridItem.svelte';
 export { default as Flex } from './components/Flex.svelte';
 export { default as FlexItem } from './components/FlexItem.svelte';
+export { default as Modal } from './components/Modal.svelte';
 export { default as TextBlock } from './components/TextBlock.svelte';
 export { default as TextButtonBlock } from './components/TextButtonBlock.svelte';
 export { default as ImageBlock } from './components/ImageBlock.svelte';

package/dist/index.es.js

@@ -67,7 +67,7 @@ const getPositionStyle = (position) => {
         .trimStart();
 };
 const getMarginStyle = (margin) => {
-    return `margin: ${margin.top} ${margin.right} ${margin.bottom} ${margin.left};`;
+    return `margin: ${margin?.top ?? 0} ${margin?.right ?? 0} ${margin?.bottom ?? 0} ${margin?.left ?? 0};`;
 };
 function onScroll(fn, rate) {
     const target = document.querySelector('body');
@@ -178,6 +178,7 @@ const PropTypes = [
     'Length',
     'Color',
     'Alignment',
+    'State',
     'Style',
 ];
 const MediaQueries = {
@@ -887,7 +888,7 @@ function create_if_block(ctx) {
 			svg = svg_element("svg");
 			path = svg_element("path");
 			attr(path, "d", "M5.78516 4.75L8.73828 1.82422C8.90234 1.66016 8.90234 1.35938 8.73828 1.19531L8.05469 0.511719C7.89062 0.347656 7.58984 0.347656 7.42578 0.511719L4.5 3.46484L1.54688 0.511719C1.38281 0.347656 1.08203 0.347656 0.917969 0.511719L0.234375 1.19531C0.0703125 1.35938 0.0703125 1.66016 0.234375 1.82422L3.1875 4.75L0.234375 7.70312C0.0703125 7.86719 0.0703125 8.16797 0.234375 8.33203L0.917969 9.01562C1.08203 9.17969 1.38281 9.17969 1.54688 9.01562L4.5 6.0625L7.42578 9.01562C7.58984 9.17969 7.89062 9.17969 8.05469 9.01562L8.73828 8.33203C8.90234 8.16797 8.90234 7.86719 8.73828 7.70312L5.78516 4.75Z");
-			attr(path, "fill", /*closeButtonColor*/ ctx[1]);
+			attr(path, "fill", /*closeButtonColor*/ ctx[3]);
 			attr(path, "fill-opacity", "0.8");
 			attr(svg, "width", "100%");
 			attr(svg, "height", "100%");
@@ -908,8 +909,8 @@ function create_if_block(ctx) {
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty & /*closeButtonColor*/ 2) {
-				attr(path, "fill", /*closeButtonColor*/ ctx[1]);
+			if (dirty & /*closeButtonColor*/ 8) {
+				attr(path, "fill", /*closeButtonColor*/ ctx[3]);
 			}
 
 			if (dirty & /*$maximumZindex, _closeStyle*/ 528 && button_style_value !== (button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[9] + 1) + "; " + /*_closeStyle*/ ctx[4] + "")) {
@@ -930,7 +931,7 @@ function create_default_slot$1(ctx) {
 	let t;
 	let div_style_value;
 	let current;
-	let if_block = /*closable*/ ctx[0] && create_if_block(ctx);
+	let if_block = /*closable*/ ctx[2] && create_if_block(ctx);
 	const default_slot_template = /*#slots*/ ctx[17].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[19], null);
 
@@ -943,7 +944,7 @@ function create_default_slot$1(ctx) {
 			attr(div, "class", "modal svelte-1bxl6mz");
 			attr(div, "role", "dialog");
 			attr(div, "aria-modal", "true");
-			attr(div, "style", div_style_value = "" + /*pos*/ ctx[7] + " " + /*marginStyle*/ ctx[6] + " " + /*_style*/ ctx[3] + "");
+			attr(div, "style", div_style_value = "" + /*pos*/ ctx[7] + " " + /*marginStyle*/ ctx[6] + " " + /*_style*/ ctx[1] + "");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -958,7 +959,7 @@ function create_default_slot$1(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			if (/*closable*/ ctx[0]) {
+			if (/*closable*/ ctx[2]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
@@ -986,7 +987,7 @@ function create_default_slot$1(ctx) {
 				}
 			}
 
-			if (!current || dirty & /*pos, marginStyle, _style*/ 200 && div_style_value !== (div_style_value = "" + /*pos*/ ctx[7] + " " + /*marginStyle*/ ctx[6] + " " + /*_style*/ ctx[3] + "")) {
+			if (!current || dirty & /*pos, marginStyle, _style*/ 194 && div_style_value !== (div_style_value = "" + /*pos*/ ctx[7] + " " + /*marginStyle*/ ctx[6] + " " + /*_style*/ ctx[1] + "")) {
 				attr(div, "style", div_style_value);
 			}
 		},
@@ -1026,7 +1027,7 @@ function create_fragment$8(ctx) {
 
 	animation_1 = new Animation({
 			props: {
-				animation: /*animation*/ ctx[2],
+				animation: /*animation*/ ctx[0],
 				$$slots: { default: [create_default_slot$1] },
 				$$scope: { ctx }
 			}
@@ -1054,9 +1055,9 @@ function create_fragment$8(ctx) {
 			if (dirty & /*backgroundOverray*/ 256) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[8];
 			backgroundoverray.$set(backgroundoverray_changes);
 			const animation_1_changes = {};
-			if (dirty & /*animation*/ 4) animation_1_changes.animation = /*animation*/ ctx[2];
+			if (dirty & /*animation*/ 1) animation_1_changes.animation = /*animation*/ ctx[0];
 
-			if (dirty & /*$$scope, pos, marginStyle, _style, modal, $maximumZindex, _closeStyle, closeButtonColor, closable*/ 525051) {
+			if (dirty & /*$$scope, pos, marginStyle, _style, modal, $maximumZindex, _closeStyle, closeButtonColor, closable*/ 525054) {
 				animation_1_changes.$$scope = { dirty, ctx };
 			}
 
@@ -1092,13 +1093,13 @@ function instance$8($$self, $$props, $$invalidate) {
 	let $maximumZindex;
 	component_subscribe($$self, maximumZindex, $$value => $$invalidate(9, $maximumZindex = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
+	let { placement = DefaultModalPlacement } = $$props;
+	let { animation = 'none' } = $$props;
+	let { _style = '' } = $$props;
 	let { closable = true } = $$props;
 	let { closeButtonColor = '#000000' } = $$props;
 	let { eventName = '' } = $$props;
 	let { eventValue = null } = $$props;
-	let { animation = 'none' } = $$props;
-	let { placement = DefaultModalPlacement } = $$props;
-	let { _style = '' } = $$props;
 	let { _closeStyle = '' } = $$props;
 
 	/**
@@ -1126,27 +1127,33 @@ function instance$8($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		if ('closable' in $$props) $$invalidate(0, closable = $$props.closable);
-		if ('closeButtonColor' in $$props) $$invalidate(1, closeButtonColor = $$props.closeButtonColor);
-		if ('eventName' in $$props) $$invalidate(12, eventName = $$props.eventName);
-		if ('eventValue' in $$props) $$invalidate(13, eventValue = $$props.eventValue);
-		if ('animation' in $$props) $$invalidate(2, animation = $$props.animation);
-		if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
-		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
+		if ('placement' in $$props) $$invalidate(12, placement = $$props.placement);
+		if ('animation' in $$props) $$invalidate(0, animation = $$props.animation);
+		if ('_style' in $$props) $$invalidate(1, _style = $$props._style);
+		if ('closable' in $$props) $$invalidate(2, closable = $$props.closable);
+		if ('closeButtonColor' in $$props) $$invalidate(3, closeButtonColor = $$props.closeButtonColor);
+		if ('eventName' in $$props) $$invalidate(13, eventName = $$props.eventName);
+		if ('eventValue' in $$props) $$invalidate(14, eventValue = $$props.eventValue);
 		if ('_closeStyle' in $$props) $$invalidate(4, _closeStyle = $$props._closeStyle);
 		if ('$$scope' in $$props) $$invalidate(19, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*placement*/ 16384) {
-			$$invalidate(8, backgroundOverray = placement.backgroundOverlay);
+		if ($$self.$$.dirty & /*placement*/ 4096) {
+			$$invalidate(8, backgroundOverray = placement && placement.backgroundOverlay != null
+			? placement.backgroundOverlay
+			: DefaultModalPlacement.backgroundOverlay);
 		}
 
-		if ($$self.$$.dirty & /*placement*/ 16384) {
-			$$invalidate(16, overwritePosition = isPreview() ? 'center' : placement.position);
+		if ($$self.$$.dirty & /*placement*/ 4096) {
+			$$invalidate(16, overwritePosition = isPreview()
+			? 'center'
+			: placement && placement.position != null
+				? placement.position
+				: DefaultModalPlacement.position);
 		}
 
-		if ($$self.$$.dirty & /*placement*/ 16384) {
+		if ($$self.$$.dirty & /*placement*/ 4096) {
 			$$invalidate(15, overwriteMargin = isPreview()
 			? {
 					left: '0px',
@@ -1154,7 +1161,9 @@ function instance$8($$self, $$props, $$invalidate) {
 					top: '0px',
 					bottom: '0px'
 				}
-			: placement.margin);
+			: placement && placement.margin != null
+				? placement.margin
+				: DefaultModalPlacement.margin);
 		}
 
 		if ($$self.$$.dirty & /*overwritePosition*/ 65536) {
@@ -1167,10 +1176,10 @@ function instance$8($$self, $$props, $$invalidate) {
 	};
 
 	return [
-		closable,
-		closeButtonColor,
 		animation,
 		_style,
+		closable,
+		closeButtonColor,
 		_closeStyle,
 		modal,
 		marginStyle,
@@ -1179,9 +1188,9 @@ function instance$8($$self, $$props, $$invalidate) {
 		$maximumZindex,
 		close,
 		handle_keydown,
+		placement,
 		eventName,
 		eventValue,
-		placement,
 		overwriteMargin,
 		overwritePosition,
 		slots,
@@ -1201,13 +1210,13 @@ class Modal extends SvelteComponent {
 			create_fragment$8,
 			safe_not_equal,
 			{
-				closable: 0,
-				closeButtonColor: 1,
-				eventName: 12,
-				eventValue: 13,
-				animation: 2,
-				placement: 14,
-				_style: 3,
+				placement: 12,
+				animation: 0,
+				_style: 1,
+				closable: 2,
+				closeButtonColor: 3,
+				eventName: 13,
+				eventValue: 14,
 				_closeStyle: 4
 			},
 			add_css$6
@@ -1380,19 +1389,19 @@ function create_default_slot_2(ctx) {
 	};
 }
 
-// (85:2) <Modal     {closable}     {closeButtonColor}     {_closeStyle}     _style={_modalStyle}     on:close={close}   >
+// (85:2) <Modal     {eventName}     {eventValue}     {closable}     {closeButtonColor}     {_closeStyle}     _style={_modalStyle}     on:close={close}   >
 function create_default_slot_1(ctx) {
 	let grid;
 	let current;
 
 	grid = new Grid({
 			props: {
-				width: /*width*/ ctx[5],
-				height: /*height*/ ctx[6],
-				rows: /*rows*/ ctx[7],
-				columns: /*columns*/ ctx[8],
-				gap: /*gap*/ ctx[9],
-				background: /*background*/ ctx[10],
+				width: /*width*/ ctx[7],
+				height: /*height*/ ctx[8],
+				rows: /*rows*/ ctx[9],
+				columns: /*columns*/ ctx[10],
+				gap: /*gap*/ ctx[11],
+				background: /*background*/ ctx[12],
 				$$slots: { default: [create_default_slot_2] },
 				$$scope: { ctx }
 			}
@@ -1408,12 +1417,12 @@ function create_default_slot_1(ctx) {
 		},
 		p(ctx, dirty) {
 			const grid_changes = {};
-			if (dirty & /*width*/ 32) grid_changes.width = /*width*/ ctx[5];
-			if (dirty & /*height*/ 64) grid_changes.height = /*height*/ ctx[6];
-			if (dirty & /*rows*/ 128) grid_changes.rows = /*rows*/ ctx[7];
-			if (dirty & /*columns*/ 256) grid_changes.columns = /*columns*/ ctx[8];
-			if (dirty & /*gap*/ 512) grid_changes.gap = /*gap*/ ctx[9];
-			if (dirty & /*background*/ 1024) grid_changes.background = /*background*/ ctx[10];
+			if (dirty & /*width*/ 128) grid_changes.width = /*width*/ ctx[7];
+			if (dirty & /*height*/ 256) grid_changes.height = /*height*/ ctx[8];
+			if (dirty & /*rows*/ 512) grid_changes.rows = /*rows*/ ctx[9];
+			if (dirty & /*columns*/ 1024) grid_changes.columns = /*columns*/ ctx[10];
+			if (dirty & /*gap*/ 2048) grid_changes.gap = /*gap*/ ctx[11];
+			if (dirty & /*background*/ 4096) grid_changes.background = /*background*/ ctx[12];
 
 			if (dirty & /*$$scope*/ 131072) {
 				grid_changes.$$scope = { dirty, ctx };
@@ -1443,16 +1452,18 @@ function create_default_slot(ctx) {
 
 	modal = new Modal({
 			props: {
+				eventName: /*eventName*/ ctx[4],
+				eventValue: /*eventValue*/ ctx[5],
 				closable: /*closable*/ ctx[2],
 				closeButtonColor: /*closeButtonColor*/ ctx[3],
-				_closeStyle: /*_closeStyle*/ ctx[4],
+				_closeStyle: /*_closeStyle*/ ctx[6],
 				_style: /*_modalStyle*/ ctx[1],
 				$$slots: { default: [create_default_slot_1] },
 				$$scope: { ctx }
 			}
 		});
 
-	modal.$on("close", /*close*/ ctx[11]);
+	modal.$on("close", /*close*/ ctx[13]);
 
 	return {
 		c() {
@@ -1464,12 +1475,14 @@ function create_default_slot(ctx) {
 		},
 		p(ctx, dirty) {
 			const modal_changes = {};
+			if (dirty & /*eventName*/ 16) modal_changes.eventName = /*eventName*/ ctx[4];
+			if (dirty & /*eventValue*/ 32) modal_changes.eventValue = /*eventValue*/ ctx[5];
 			if (dirty & /*closable*/ 4) modal_changes.closable = /*closable*/ ctx[2];
 			if (dirty & /*closeButtonColor*/ 8) modal_changes.closeButtonColor = /*closeButtonColor*/ ctx[3];
-			if (dirty & /*_closeStyle*/ 16) modal_changes._closeStyle = /*_closeStyle*/ ctx[4];
+			if (dirty & /*_closeStyle*/ 64) modal_changes._closeStyle = /*_closeStyle*/ ctx[6];
 			if (dirty & /*_modalStyle*/ 2) modal_changes._style = /*_modalStyle*/ ctx[1];
 
-			if (dirty & /*$$scope, width, height, rows, columns, gap, background*/ 133088) {
+			if (dirty & /*$$scope, width, height, rows, columns, gap, background*/ 139136) {
 				modal_changes.$$scope = { dirty, ctx };
 			}
 
@@ -1514,7 +1527,7 @@ function create_fragment$6(ctx) {
 			const stateitem_changes = {};
 			if (dirty & /*path*/ 1) stateitem_changes.path = /*path*/ ctx[0];
 
-			if (dirty & /*$$scope, closable, closeButtonColor, _closeStyle, _modalStyle, width, height, rows, columns, gap, background*/ 133118) {
+			if (dirty & /*$$scope, eventName, eventValue, closable, closeButtonColor, _closeStyle, _modalStyle, width, height, rows, columns, gap, background*/ 139262) {
 				stateitem_changes.$$scope = { dirty, ctx };
 			}
 
@@ -1564,20 +1577,20 @@ function instance$6($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('path' in $$props) $$invalidate(0, path = $$props.path);
-		if ('placement' in $$props) $$invalidate(12, placement = $$props.placement);
-		if ('animation' in $$props) $$invalidate(13, animation = $$props.animation);
+		if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
+		if ('animation' in $$props) $$invalidate(15, animation = $$props.animation);
 		if ('_modalStyle' in $$props) $$invalidate(1, _modalStyle = $$props._modalStyle);
 		if ('closable' in $$props) $$invalidate(2, closable = $$props.closable);
 		if ('closeButtonColor' in $$props) $$invalidate(3, closeButtonColor = $$props.closeButtonColor);
-		if ('eventName' in $$props) $$invalidate(14, eventName = $$props.eventName);
-		if ('eventValue' in $$props) $$invalidate(15, eventValue = $$props.eventValue);
-		if ('_closeStyle' in $$props) $$invalidate(4, _closeStyle = $$props._closeStyle);
-		if ('width' in $$props) $$invalidate(5, width = $$props.width);
-		if ('height' in $$props) $$invalidate(6, height = $$props.height);
-		if ('rows' in $$props) $$invalidate(7, rows = $$props.rows);
-		if ('columns' in $$props) $$invalidate(8, columns = $$props.columns);
-		if ('gap' in $$props) $$invalidate(9, gap = $$props.gap);
-		if ('background' in $$props) $$invalidate(10, background = $$props.background);
+		if ('eventName' in $$props) $$invalidate(4, eventName = $$props.eventName);
+		if ('eventValue' in $$props) $$invalidate(5, eventValue = $$props.eventValue);
+		if ('_closeStyle' in $$props) $$invalidate(6, _closeStyle = $$props._closeStyle);
+		if ('width' in $$props) $$invalidate(7, width = $$props.width);
+		if ('height' in $$props) $$invalidate(8, height = $$props.height);
+		if ('rows' in $$props) $$invalidate(9, rows = $$props.rows);
+		if ('columns' in $$props) $$invalidate(10, columns = $$props.columns);
+		if ('gap' in $$props) $$invalidate(11, gap = $$props.gap);
+		if ('background' in $$props) $$invalidate(12, background = $$props.background);
 		if ('$$scope' in $$props) $$invalidate(17, $$scope = $$props.$$scope);
 	};
 
@@ -1586,6 +1599,8 @@ function instance$6($$self, $$props, $$invalidate) {
 		_modalStyle,
 		closable,
 		closeButtonColor,
+		eventName,
+		eventValue,
 		_closeStyle,
 		width,
 		height,
@@ -1596,8 +1611,6 @@ function instance$6($$self, $$props, $$invalidate) {
 		close,
 		placement,
 		animation,
-		eventName,
-		eventValue,
 		slots,
 		$$scope
 	];
@@ -1609,20 +1622,20 @@ class GridModalState extends SvelteComponent {
 
 		init(this, options, instance$6, create_fragment$6, safe_not_equal, {
 			path: 0,
-			placement: 12,
-			animation: 13,
+			placement: 14,
+			animation: 15,
 			_modalStyle: 1,
 			closable: 2,
 			closeButtonColor: 3,
-			eventName: 14,
-			eventValue: 15,
-			_closeStyle: 4,
-			width: 5,
-			height: 6,
-			rows: 7,
-			columns: 8,
-			gap: 9,
-			background: 10
+			eventName: 4,
+			eventValue: 5,
+			_closeStyle: 6,
+			width: 7,
+			height: 8,
+			rows: 9,
+			columns: 10,
+			gap: 11,
+			background: 12
 		});
 	}
 }
@@ -2085,38 +2098,36 @@ function create_fragment$1(ctx) {
 }
 
 function instance$1($$self, $$props, $$invalidate) {
-	let { text = 'クリック' } = $$props;
+	let { text = 'ボタンラベル' } = $$props;
 
 	/**
  * {
- * "title": {"ja": "クリック", "en": "Click"},
- * "folder": {"ja": "クリック時の動作", "en": "Behavior when clicking"}
+ * "title": {"ja": "イベントタイプ", "en": "Event Type"},
+ * "folder": {"ja": "クリックイベント", "en": "Click Event"}
  * }
  */
 	const dispatch = createEventDispatcher();
 
 	const click = () => {
 		if (eventName) {
-			send_event(eventName, eventValue);
+			send_event(eventName);
 		}
 
 		dispatch('click');
 	};
 
 	let { eventName = '' } = $$props;
-	let { eventValue = null } = $$props;
 	let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px;' } = $$props;
 	let { _style = 'background-color: #000000; border-radius:4px;' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
 		if ('eventName' in $$props) $$invalidate(4, eventName = $$props.eventName);
-		if ('eventValue' in $$props) $$invalidate(5, eventValue = $$props.eventValue);
 		if ('_buttonStyle' in $$props) $$invalidate(1, _buttonStyle = $$props._buttonStyle);
 		if ('_style' in $$props) $$invalidate(2, _style = $$props._style);
 	};
 
-	return [text, _buttonStyle, _style, click, eventName, eventValue];
+	return [text, _buttonStyle, _style, click, eventName];
 }
 
 class TextButtonBlock extends SvelteComponent {
@@ -2132,7 +2143,6 @@ class TextButtonBlock extends SvelteComponent {
 			{
 				text: 0,
 				eventName: 4,
-				eventValue: 5,
 				_buttonStyle: 1,
 				_style: 2
 			},
@@ -2205,36 +2215,35 @@ function create_fragment(ctx) {
 }
 
 function instance($$self, $$props, $$invalidate) {
-	let { src = '' } = $$props;
-	let { alt = '' } = $$props;
-	let { eventName = '' } = $$props;
-	let { eventValue = null } = $$props;
-	let { _imageStyle = 'object-fit: contain;' } = $$props;
-	let { _style = '' } = $$props;
+	let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
+	let { alt = 'No Image' } = $$props;
 
 	/**
- * {"title": {"ja": "クリック", "en": "Click"}}
+ * {"title": {"ja": "イベントタイプ", "en": "Event Type"}, "folder": {"ja": "クリックイベント", "en": "Click Event"}}
  */
 	const dispatch = createEventDispatcher();
 
 	const click = () => {
 		if (eventName) {
-			send_event(eventName, eventValue);
+			send_event(eventName);
 		}
 
 		dispatch('click');
 	};
 
+	let { eventName = '' } = $$props;
+	let { _imageStyle = 'object-fit: contain;' } = $$props;
+	let { _style = '' } = $$props;
+
 	$$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 ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
 		if ('_imageStyle' in $$props) $$invalidate(2, _imageStyle = $$props._imageStyle);
 		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
 	};
 
-	return [src, alt, _imageStyle, _style, click, eventName, eventValue];
+	return [src, alt, _imageStyle, _style, click, eventName];
 }
 
 class ImageBlock extends SvelteComponent {
@@ -2251,7 +2260,6 @@ class ImageBlock extends SvelteComponent {
 				src: 0,
 				alt: 1,
 				eventName: 5,
-				eventValue: 6,
 				_imageStyle: 2,
 				_style: 3
 			},
@@ -2260,4 +2268,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { Alignments, AnimationStyleTranslations, AnimationStyles, BackgroundSizes, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, Justifies, LengthUnits, MediaQueries, Modal, ModalMarginTranslations, ModalPositionTranslations, ModalPositions, ObjectFits, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, closeApp, closed, collection, createFog, embed, ensureModalRoot, finalize, getMarginStyle, getPositionStyle, h, handleFocus, handleKeydown, hasSuffix, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, showOnScroll, showOnTime, state, toBr };
+export { Alignments, AnimationStyleTranslations, AnimationStyles, BackgroundSizes, DefaultModalPlacement, Directions, Flex, FlexItem, GridItem, GridModalState, ImageBlock, Justifies, LengthUnits, MediaQueries, Modal, ModalMarginTranslations, ModalPositionTranslations, ModalPositions, ObjectFits, PropTypes, Repeats, State, TextBlock, TextButtonBlock, closeApp, closed, collection, createFog, embed, ensureModalRoot, finalize, getMarginStyle, getPositionStyle, h, handleFocus, handleKeydown, hasSuffix, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, showOnScroll, showOnTime, state, toBr };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",
@@ -75,6 +75,7 @@
     "test:watch": "vitest test",
     "test:ui": "vitest test --ui",
     "test:e2e": "vitest run spec",
+    "test:update": "vitest -u",
     "coverage": "vitest run test --coverage"
   },
   "publishConfig": {