@plaidev/karte-action-sdk 1.1.266-29059851.1bdc68e9 → 1.1.266-29065938.e3ec46c6

package/dist/hydrate/index.es.js

@@ -16649,10 +16649,10 @@ const IMAGE_ROUND_STYLES = {
 /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
 
 function add_css$h(target) {
-	append_styles(target, "svelte-gzaieg", ".image.svelte-gzaieg{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-gzaieg{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
+	append_styles(target, "svelte-rewdem", ".image.svelte-rewdem{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-img.svelte-rewdem{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
 }
 
-// (24:0) <svelte:element   this={element}   {...attributes}   class="image"   {style}   data-layer-id={layerId}   on:click={handleClick} >
+// (26:0) <svelte:element   this={element}   {...attributes}   class="image"   {style}   data-layer-id={layerId}   on:click={handleClick} >
 function create_dynamic_element$5(ctx) {
 	let svelte_element;
 	let img;
@@ -16695,7 +16695,7 @@ function create_dynamic_element$5(ctx) {
 		h() {
 			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
 			attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
-			attr(img, "class", "image-img svelte-gzaieg");
+			attr(img, "class", "image-img svelte-rewdem");
 
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -16703,7 +16703,7 @@ function create_dynamic_element$5(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-gzaieg", true);
+			toggle_class(svelte_element, "svelte-rewdem", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, svelte_element, anchor);
@@ -16736,7 +16736,7 @@ function create_dynamic_element$5(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-gzaieg", true);
+			toggle_class(svelte_element, "svelte-rewdem", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -16801,6 +16801,7 @@ function instance$l($$self, $$props, $$invalidate) {
 	useInjectCustomizeCss(props);
 	const { attributes, element, handleClick } = useClickable(props);
 	const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
+	const width = props.width ?? '100%';
 
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
@@ -16813,7 +16814,8 @@ function instance$l($$self, $$props, $$invalidate) {
 				...props.borderTopLeftRadius
 				? toCssRadius(props)
 				: IMAGE_ROUND_STYLES[props.shape ?? 'square'],
-				width: props.width ?? '100%',
+				width,
+				flexShrink: String(width).indexOf('px') !== -1 ? 0 : 1,
 				height: props.height ?? 'auto',
 				aspectRatio: props.aspect ?? aspectVariantStyles?.aspect,
 				...toCssCommon(props),
@@ -18661,7 +18663,7 @@ function create_else_block(ctx) {
 		});
 
 	backgroundoverlay.$on("click", function () {
-		if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
+		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
 	});
 
 	return {
@@ -18711,7 +18713,7 @@ function create_if_block_2(ctx) {
 		});
 
 	backgroundoverlay0.$on("click", function () {
-		if (is_function(/*backgroundClickPC*/ ctx[12])) /*backgroundClickPC*/ ctx[12].apply(this, arguments);
+		if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
 	});
 
 	backgroundoverlay1 = new BackgroundOverlay({
@@ -18722,7 +18724,7 @@ function create_if_block_2(ctx) {
 		});
 
 	backgroundoverlay1.$on("click", function () {
-		if (is_function(/*backgroundClickSP*/ ctx[11])) /*backgroundClickSP*/ ctx[11].apply(this, arguments);
+		if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
 	});
 
 	return {
@@ -18770,7 +18772,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (207:0) {#if !isOnSite}
+// (207:0) {#if isCanvasPreview}
 function create_if_block_1$1(ctx) {
 	return {
 		c: noop,
@@ -18787,11 +18789,10 @@ function create_if_block_1$1(ctx) {
 function create_if_block$3(ctx) {
 	let div;
 	let div_class_value;
-	let div_style_value;
 	let div_intro;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[27].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], null);
+	const default_slot_template = /*#slots*/ ctx[26].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
 
 	return {
 		c() {
@@ -18818,7 +18819,7 @@ function create_if_block$3(ctx) {
 			attr(div, "role", "dialog");
 			attr(div, "aria-modal", "true");
 			attr(div, "data-layer-id", /*layerId*/ ctx[2]);
-			attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '));
+			attr(div, "style", Array.from(/*modalStyles*/ ctx[14]).join(';'));
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -18827,22 +18828,22 @@ function create_if_block$3(ctx) {
 				default_slot.m(div, null);
 			}
 
-			/*div_binding*/ ctx[28](div);
+			/*div_binding*/ ctx[27](div);
 			current = true;
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 67108864)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[26],
+						/*$$scope*/ ctx[25],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[26], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
 						null
 					);
 				}
@@ -18855,10 +18856,6 @@ function create_if_block$3(ctx) {
 			if (!current || dirty & /*layerId*/ 4) {
 				attr(div, "data-layer-id", /*layerId*/ ctx[2]);
 			}
-
-			if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '))) {
-				attr(div, "style", div_style_value);
-			}
 		},
 		i(local) {
 			if (current) return;
@@ -18884,7 +18881,7 @@ function create_if_block$3(ctx) {
 		d(detaching) {
 			if (detaching) detach(div);
 			if (default_slot) default_slot.d(detaching);
-			/*div_binding*/ ctx[28](null);
+			/*div_binding*/ ctx[27](null);
 		}
 	};
 }
@@ -18901,7 +18898,7 @@ function create_fragment$d(ctx) {
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
-		if (!/*isOnSite*/ ctx[14]) return 0;
+		if (/*isCanvasPreview*/ ctx[13]) return 0;
 		if (/*useBreakPoint*/ ctx[0]) return 1;
 		return 2;
 	}
@@ -18932,7 +18929,7 @@ function create_fragment$d(ctx) {
 
 			if (!mounted) {
 				dispose = listen(window, "keydown", function () {
-					if (is_function(/*handle_keydown*/ ctx[10])) /*handle_keydown*/ ctx[10].apply(this, arguments);
+					if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
 				});
 
 				mounted = true;
@@ -19018,7 +19015,6 @@ function instance$d($$self, $$props, $$invalidate) {
 	let backgroundClickSP;
 	let handle_keydown;
 	let visible;
-	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { useBreakPoint = false } = $$props;
 	let { placement } = $$props;
@@ -19030,9 +19026,7 @@ function instance$d($$self, $$props, $$invalidate) {
 	let { closeEventValue = null } = $$props;
 	let { layerId = '' } = $$props;
 	const { brandKit } = useBrandKit();
-
-	// falseが明示的に指定されている場合以外はtrueにする
-	const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') !== 'false';
+	const isCanvasPreview = (document.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') === 'true';
 
 	// モーダル背景の設定
 	const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
@@ -19065,20 +19059,20 @@ function instance$d($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
-		if ('placement' in $$props) $$invalidate(16, placement = $$props.placement);
-		if ('breakPoint' in $$props) $$invalidate(17, breakPoint = $$props.breakPoint);
-		if ('elasticity' in $$props) $$invalidate(18, elasticity = $$props.elasticity);
+		if ('placement' in $$props) $$invalidate(15, placement = $$props.placement);
+		if ('breakPoint' in $$props) $$invalidate(16, breakPoint = $$props.breakPoint);
+		if ('elasticity' in $$props) $$invalidate(17, elasticity = $$props.elasticity);
 		if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
-		if ('props' in $$props) $$invalidate(19, props = $$props.props);
-		if ('closeEventName' in $$props) $$invalidate(20, closeEventName = $$props.closeEventName);
-		if ('closeEventValue' in $$props) $$invalidate(21, closeEventValue = $$props.closeEventValue);
+		if ('props' in $$props) $$invalidate(18, props = $$props.props);
+		if ('closeEventName' in $$props) $$invalidate(19, closeEventName = $$props.closeEventName);
+		if ('closeEventValue' in $$props) $$invalidate(20, closeEventValue = $$props.closeEventValue);
 		if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
-		if ('$$scope' in $$props) $$invalidate(26, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 3145728) {
-			$$invalidate(25, close = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 1572864) {
+			$$invalidate(24, close = () => {
 				const onClose = { operation: 'closeApp', args: ['button'] };
 
 				if (closeEventName) {
@@ -19089,9 +19083,9 @@ function instance$d($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
 			{
-				if (isOnSite && isExistBackgroundOverlayValue) {
+				if (!isCanvasPreview && isExistBackgroundOverlayValue) {
 					$$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
 				}
 
@@ -19104,30 +19098,30 @@ function instance$d($$self, $$props, $$invalidate) {
 			}
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
 			{
 				if (placement && placement.backgroundClick) {
-					$$invalidate(22, backgroundClickFunction = placement.backgroundClick);
+					$$invalidate(21, backgroundClickFunction = placement.backgroundClick);
 				}
 
 				if (useBreakPoint) {
 					const pc = breakPoint?.PC?.placement?.backgroundClick;
 
 					if (pc) {
-						$$invalidate(23, backgroundClickFunctionPC = pc);
+						$$invalidate(22, backgroundClickFunctionPC = pc);
 					}
 
 					const sp = breakPoint?.SP?.placement?.backgroundClick;
 
 					if (sp) {
-						$$invalidate(24, backgroundClickFunctionSP = sp);
+						$$invalidate(23, backgroundClickFunctionSP = sp);
 					}
 				}
 			}
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 7340032) {
-			$$invalidate(13, backgroundClick = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 3670016) {
+			$$invalidate(12, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -19136,8 +19130,8 @@ function instance$d($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 11534336) {
-			$$invalidate(12, backgroundClickPC = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 5767168) {
+			$$invalidate(11, backgroundClickPC = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -19146,8 +19140,8 @@ function instance$d($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 19922944) {
-			$$invalidate(11, backgroundClickSP = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 9961472) {
+			$$invalidate(10, backgroundClickSP = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -19156,13 +19150,13 @@ function instance$d($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 196617) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 98313) {
 			// 表示位置のスタイルとアニメーションの動きを設定
 			{
 				// 表示位置のスタイルの設定
 				let position = DefaultModalPlacement.position;
 
-				if (isOnSite && placement && placement.position !== null) {
+				if (!isCanvasPreview && placement && placement.position !== null) {
 					position = placement.position;
 				}
 
@@ -19179,7 +19173,7 @@ function instance$d($$self, $$props, $$invalidate) {
 				$$invalidate(3, transforms = []);
 
 				DEVICE_IDS.forEach(deviceId => {
-					if (isOnSite && useBreakPoint) {
+					if (!isCanvasPreview && useBreakPoint) {
 						const positionWithBp = breakPoint[deviceId]?.placement?.position;
 
 						transforms.push({
@@ -19204,12 +19198,12 @@ function instance$d($$self, $$props, $$invalidate) {
 			}
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, props*/ 360449) {
 			// 表示位置の調整のスタイルを設定
 			{
 				let margin = DefaultModalPlacement.margin;
 
-				if (isOnSite && placement && placement.margin !== null) {
+				if (!isCanvasPreview && placement && placement.margin !== null) {
 					margin = placement.margin;
 				}
 
@@ -19220,7 +19214,7 @@ function instance$d($$self, $$props, $$invalidate) {
 				}
 
 				DEVICE_IDS.forEach(deviceId => {
-					if (isOnSite && useBreakPoint) {
+					if (!isCanvasPreview && useBreakPoint) {
 						const marginWithBp = breakPoint[deviceId]?.placement?.margin;
 						marginStyle = getMarginStyle(marginWithBp);
 					}
@@ -19233,23 +19227,23 @@ function instance$d($$self, $$props, $$invalidate) {
 
 					modalStyles.add(marginVariables);
 				});
-			}
-		}
 
-		if ($$self.$$.dirty & /*close*/ 33554432) {
-			$$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
+				const propsStyle = objToStyle({
+					width: props.width,
+					...toCssOverflow(props),
+					...toCssShadow(props),
+					...toCssRadius(props),
+					...toCssBackgroundImage(props),
+					...toCssBackgroundColor(props),
+					...toCssBorder(props)
+				});
+
+				modalStyles.add(propsStyle);
+			}
 		}
 
-		if ($$self.$$.dirty & /*props*/ 524288) {
-			$$invalidate(9, style = objToStyle({
-				width: props.width,
-				...toCssOverflow(props),
-				...toCssShadow(props),
-				...toCssRadius(props),
-				...toCssBackgroundImage(props),
-				...toCssBackgroundColor(props),
-				...toCssBorder(props)
-			}));
+		if ($$self.$$.dirty & /*close*/ 16777216) {
+			$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
 		}
 	};
 
@@ -19268,12 +19262,11 @@ function instance$d($$self, $$props, $$invalidate) {
 		backgroundOverlaySP,
 		modal,
 		visible,
-		style,
 		handle_keydown,
 		backgroundClickSP,
 		backgroundClickPC,
 		backgroundClick,
-		isOnSite,
+		isCanvasPreview,
 		modalStyles,
 		placement,
 		breakPoint,
@@ -19303,13 +19296,13 @@ class Modal extends SvelteComponent {
 			safe_not_equal,
 			{
 				useBreakPoint: 0,
-				placement: 16,
-				breakPoint: 17,
-				elasticity: 18,
+				placement: 15,
+				breakPoint: 16,
+				elasticity: 17,
 				animation: 1,
-				props: 19,
-				closeEventName: 20,
-				closeEventValue: 21,
+				props: 18,
+				closeEventName: 19,
+				closeEventValue: 20,
 				layerId: 2
 			},
 			add_css$9
@@ -22027,7 +22020,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (13:0) {#if component}
+// (12:0) {#if component}
 function create_if_block(ctx) {
 	let switch_instance;
 	let switch_instance_anchor;
@@ -22115,7 +22108,7 @@ function create_if_block(ctx) {
 	};
 }
 
-// (20:4) {#if option.children}
+// (19:4) {#if option.children}
 function create_if_block_1(ctx) {
 	let each_1_anchor;
 	let current;
@@ -22206,7 +22199,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (21:6) {#each option.children as child}
+// (20:6) {#each option.children as child}
 function create_each_block(ctx) {
 	let thumbnailpreview;
 	let current;
@@ -22243,7 +22236,7 @@ function create_each_block(ctx) {
 	};
 }
 
-// (14:2) <svelte:component     this={component}     props={'previewProps' in option && typeof option.previewProps !== 'undefined'       ? option.previewProps       : option.props}   >
+// (13:2) <svelte:component     this={component}     props={'previewProps' in option && typeof option.previewProps !== 'undefined'       ? option.previewProps       : option.props}   >
 function create_default_slot(ctx) {
 	let if_block_anchor;
 	let current;
@@ -22366,7 +22359,6 @@ function instance($$self, $$props, $$invalidate) {
 	let component;
 	let { option = {} } = $$props;
 	let { customBrandKit = undefined } = $$props;
-	console.log('option', option);
 
 	const getComponent = key => {
 		return key in sdk ? sdk[key] : null;