@plaidev/karte-action-sdk 1.1.267-29071733.fabf64a6 → 1.1.267-29082453.379cb476

package/dist/index.es.js

@@ -35,9 +35,14 @@ const KARTE_MODAL_ROOT = 'karte-modal-root';
 /** @internal */
 const NOOP = (_args) => { }; // eslint-disable-line @typescript-eslint/no-unused-vars
 /** @internal */
-const isPreview = () => {
-    return false;
-};
+const isPreview = () => (false);
+const isCanvasPreview = () => typeof document !== 'undefined'
+    ? (document?.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') ===
+        'true'
+    : false;
+const isOnSite = () => typeof document !== 'undefined'
+    ? (document?.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') === 'true'
+    : true;
 /** @internal */
 const setPreviousFocus = () => {
     const previously_focused = typeof document !== 'undefined' && document.activeElement;
@@ -1884,6 +1889,7 @@ function createModal(App, options = {
         close(trigger);
     };
     const show = async (trigger = 'none') => {
+        console.log('show trigger', trigger);
         if (app) {
             return;
         }
@@ -3464,33 +3470,7 @@ const EASING = {
  * @internal
  */
 function customAnimation(node, { transforms, animationStyle, delay = 0, duration = 1000 }) {
-    let [x, y] = [0, 0];
-    for (const { query, x: tx, y: ty } of transforms) {
-        if (query == null || window.matchMedia(query).matches) {
-            x = tx;
-            y = ty;
-            break;
-        }
-    }
-    return {
-        delay,
-        duration,
-        easing: EASING[animationStyle],
-        css: (progress) => getAnimation({ type: animationStyle, x, y, progress }),
-    };
-}
-/**
- * The function to activate svelte animation v2.
- *
- * @param node - A target node of animation. This argument is passed by svelte, by default.
- * @param customAnimationOptions - A custom animation option object
- *
- * @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
- *
- * @internal
- */
-function customAnimationV2(node, { transforms, animationStyle, delay = 0, duration = 1000, disabled, }) {
-    if (disabled) {
+    if (!isOnSite()) {
         return {};
     }
     let [x, y] = [0, 0];
@@ -17310,7 +17290,7 @@ function add_css$9(target) {
 	append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 
-// (222:0) {:else}
+// (219:0) {:else}
 function create_else_block(ctx) {
 	let backgroundoverlay;
 	let current;
@@ -17354,7 +17334,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (211:24) 
+// (208:24) 
 function create_if_block_2(ctx) {
 	let backgroundoverlay0;
 	let t;
@@ -17423,7 +17403,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (209:0) {#if isCanvasPreview}
+// (206:0) {#if isCanvasPreview()}
 function create_if_block_1$1(ctx) {
 	return {
 		c: noop,
@@ -17435,14 +17415,14 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (225:0) {#if visible}
+// (222:0) {#if visible}
 function create_if_block$3(ctx) {
 	let div;
 	let div_class_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[25].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[24], null);
 
 	return {
 		c() {
@@ -17452,7 +17432,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", Array.from(/*modalStyles*/ ctx[15]).join(';'));
+			attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -17461,22 +17441,22 @@ function create_if_block$3(ctx) {
 				default_slot.m(div, null);
 			}
 
-			/*div_binding*/ ctx[28](div);
+			/*div_binding*/ ctx[26](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*/ 16777216)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[26],
+						/*$$scope*/ ctx[24],
 						!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[24])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[24], dirty, null),
 						null
 					);
 				}
@@ -17496,10 +17476,9 @@ function create_if_block$3(ctx) {
 
 			if (!div_intro) {
 				add_render_callback(() => {
-					div_intro = create_in_transition(div, customAnimationV2, {
+					div_intro = create_in_transition(div, customAnimation, {
 						transforms: /*transforms*/ ctx[3],
-						animationStyle: /*animation*/ ctx[1],
-						disabled: !/*isOnSite*/ ctx[14]
+						animationStyle: /*animation*/ ctx[1]
 					});
 
 					div_intro.start();
@@ -17515,12 +17494,13 @@ 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[26](null);
 		}
 	};
 }
 
 function create_fragment$d(ctx) {
+	let show_if;
 	let current_block_type_index;
 	let if_block0;
 	let t;
@@ -17532,7 +17512,8 @@ function create_fragment$d(ctx) {
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
-		if (/*isCanvasPreview*/ ctx[13]) return 0;
+		if (show_if == null) show_if = !!isCanvasPreview();
+		if (show_if) return 0;
 		if (/*useBreakPoint*/ ctx[0]) return 1;
 		return 2;
 	}
@@ -17654,9 +17635,6 @@ function instance$d($$self, $$props, $$invalidate) {
 	let { closeEventValue = null } = $$props;
 	let { layerId = '' } = $$props;
 	const { brandKit } = useBrandKit();
-	const isCanvasPreview = (document.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') === 'true';
-	const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') === 'true';
-	console.log('isOnSite', isOnSite);
 
 	// モーダル背景の設定
 	const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
@@ -17689,20 +17667,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(14, placement = $$props.placement);
+		if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
+		if ('elasticity' in $$props) $$invalidate(16, 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(17, props = $$props.props);
+		if ('closeEventName' in $$props) $$invalidate(18, closeEventName = $$props.closeEventName);
+		if ('closeEventValue' in $$props) $$invalidate(19, 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(24, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 3145728) {
-			$$invalidate(25, close = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 786432) {
+			$$invalidate(23, close = () => {
 				const onClose = { operation: 'closeApp', args: ['button'] };
 
 				if (closeEventName) {
@@ -17713,9 +17691,9 @@ function instance$d($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
 			{
-				if (!isCanvasPreview && isExistBackgroundOverlayValue) {
+				if (!isCanvasPreview() && isExistBackgroundOverlayValue) {
 					$$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
 				}
 
@@ -17728,29 +17706,29 @@ function instance$d($$self, $$props, $$invalidate) {
 			}
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
 			{
 				if (placement && placement.backgroundClick) {
-					$$invalidate(22, backgroundClickFunction = placement.backgroundClick);
+					$$invalidate(20, backgroundClickFunction = placement.backgroundClick);
 				}
 
 				if (useBreakPoint) {
 					const pc = breakPoint?.PC?.placement?.backgroundClick;
 
 					if (pc) {
-						$$invalidate(23, backgroundClickFunctionPC = pc);
+						$$invalidate(21, backgroundClickFunctionPC = pc);
 					}
 
 					const sp = breakPoint?.SP?.placement?.backgroundClick;
 
 					if (sp) {
-						$$invalidate(24, backgroundClickFunctionSP = sp);
+						$$invalidate(22, backgroundClickFunctionSP = sp);
 					}
 				}
 			}
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 7340032) {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 1835008) {
 			$$invalidate(12, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
@@ -17760,7 +17738,7 @@ function instance$d($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 11534336) {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 2883584) {
 			$$invalidate(11, backgroundClickPC = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
@@ -17770,7 +17748,7 @@ function instance$d($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 19922944) {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 4980736) {
 			$$invalidate(10, backgroundClickSP = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
@@ -17780,13 +17758,13 @@ function instance$d($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 196617) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
 			// 表示位置のスタイルとアニメーションの動きを設定
 			{
 				// 表示位置のスタイルの設定
 				let position = DefaultModalPlacement.position;
 
-				if (!isCanvasPreview && placement && placement.position !== null) {
+				if (!isCanvasPreview() && placement && placement.position !== null) {
 					position = placement.position;
 				}
 
@@ -17803,7 +17781,7 @@ function instance$d($$self, $$props, $$invalidate) {
 				$$invalidate(3, transforms = []);
 
 				DEVICE_IDS.forEach(deviceId => {
-					if (!isCanvasPreview && useBreakPoint) {
+					if (!isCanvasPreview() && useBreakPoint) {
 						const positionWithBp = breakPoint[deviceId]?.placement?.position;
 
 						transforms.push({
@@ -17828,12 +17806,12 @@ function instance$d($$self, $$props, $$invalidate) {
 			}
 		}
 
-		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, props*/ 720897) {
+		if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, props*/ 180225) {
 			// 表示位置の調整のスタイルを設定
 			{
 				let margin = DefaultModalPlacement.margin;
 
-				if (!isCanvasPreview && placement && placement.margin !== null) {
+				if (!isCanvasPreview() && placement && placement.margin !== null) {
 					margin = placement.margin;
 				}
 
@@ -17844,7 +17822,7 @@ function instance$d($$self, $$props, $$invalidate) {
 				}
 
 				DEVICE_IDS.forEach(deviceId => {
-					if (!isCanvasPreview && useBreakPoint) {
+					if (!isCanvasPreview() && useBreakPoint) {
 						const marginWithBp = breakPoint[deviceId]?.placement?.margin;
 						marginStyle = getMarginStyle(marginWithBp);
 					}
@@ -17872,7 +17850,7 @@ function instance$d($$self, $$props, $$invalidate) {
 			}
 		}
 
-		if ($$self.$$.dirty & /*close*/ 33554432) {
+		if ($$self.$$.dirty & /*close*/ 8388608) {
 			$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
 		}
 	};
@@ -17896,8 +17874,6 @@ function instance$d($$self, $$props, $$invalidate) {
 		backgroundClickSP,
 		backgroundClickPC,
 		backgroundClick,
-		isCanvasPreview,
-		isOnSite,
 		modalStyles,
 		placement,
 		breakPoint,
@@ -17927,13 +17903,13 @@ class Modal extends SvelteComponent {
 			safe_not_equal,
 			{
 				useBreakPoint: 0,
-				placement: 16,
-				breakPoint: 17,
-				elasticity: 18,
+				placement: 14,
+				breakPoint: 15,
+				elasticity: 16,
 				animation: 1,
-				props: 19,
-				closeEventName: 20,
-				closeEventValue: 21,
+				props: 17,
+				closeEventName: 18,
+				closeEventValue: 19,
 				layerId: 2
 			},
 			add_css$9
@@ -19576,7 +19552,8 @@ function getActionRoot() {
     return root.shadowRoot;
 }
 /** @internal */
-function ensureActionRoot() {
+function ensureActionRoot(useShadow = true) {
+    console.log('useShadow', useShadow);
     const systemConfig = getSystem();
     const rootAttrs = {
         class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
@@ -19587,11 +19564,13 @@ function ensureActionRoot() {
         style: { display: 'block' },
     };
     let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
+    console.log('el', el);
     if (el == null) {
         el = h('div', rootAttrs);
         document.body.appendChild(el);
     }
-    const isShadow = !!document.body.attachShadow;
+    const isShadow = !!document.body.attachShadow && useShadow;
+    console.log('isShadow', isShadow);
     if (isShadow) {
         return el.shadowRoot ?? el.attachShadow({ mode: 'open' });
     }
@@ -19660,7 +19639,7 @@ function createApp(App, options = {
             },
         },
     };
-    const win = ensureModalRoot();
+    const win = ensureModalRoot(true);
     appArgs.target = win;
     return {
         close,

package/dist/svelte5/hydrate/index.es.d.ts

@@ -1419,7 +1419,7 @@ declare function getCssVariables(data: {
  */
 declare function getActionRoot(): ShadowRoot | null;
 /** @internal */
-declare function ensureActionRoot(): ShadowRoot | HTMLElement;
+declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
 /**
  * 非推奨
  *

package/dist/svelte5/hydrate/index.es.js

@@ -38,9 +38,15 @@ const KARTE_MODAL_ROOT = 'karte-modal-root';
 /** @internal */
 const NOOP = (_args) => { }; // eslint-disable-line @typescript-eslint/no-unused-vars
 /** @internal */
-const isPreview = () => {
-    return true;
-};
+const isPreview = () => (isInFrame() );
+const isCanvasPreview = () => typeof document !== 'undefined'
+    ? (document?.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') ===
+        'true'
+    : false;
+const isOnSite = () => typeof document !== 'undefined'
+    ? (document?.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') === 'true'
+    : true;
+const isInFrame = () => window && window.self !== window.top;
 /** @internal */
 const setPreviousFocus = () => {
     const previously_focused = typeof document !== 'undefined' && document.activeElement;
@@ -223,6 +229,10 @@ function onTime(time, fn) {
     const timeoutHandler = setTimeout(fn, time);
     return () => timeoutHandler && clearTimeout(timeoutHandler);
 }
+/** @internal */
+function randStr(digit = 8) {
+    return Math.random().toString(32).substring(digit);
+}
 /**
  * Goolge Fonts用のURLを生成
  *
@@ -754,7 +764,7 @@ const state = writable('/');
  * @public
  */
 function setState$1(stateId, options) {
-    if (options?.disableInPreview)
+    if (isPreview() && options?.disableInPreview)
         return;
     state.set(stateId);
 }
@@ -1198,8 +1208,11 @@ function cloneToJson(data) {
 
 // prettier-ignore
 /** @internal */
-const actionId = ALL_ACTION_ID
-    ;
+const actionId = isPreview()
+    ? ALL_ACTION_ID
+    : typeof __FLYER_GEN_ACTION_ID_ON_BUILD__ === 'string'
+        ? __FLYER_GEN_ACTION_ID_ON_BUILD__
+        : randStr();
 /** @internal */
 const ACTION_DESTROY_EVENT = `KARTE-ACTION-DESTROY-${actionId}`;
 /** @internal */
@@ -1553,8 +1566,23 @@ const loadActionTableQuery = async (config, data, api_key, collection_endpoint)
 /** @internal */
 const loadActionTable = async (config, data, api_key, collection_endpoint) => {
     console.debug('[debug] loadActionTable', isPreview(), api_key, collection_endpoint, JSON.stringify(config));
-    const results = config.map(c => c.preview_value)
-        ;
+    const results = isPreview()
+        ? config.map(c => c.preview_value)
+        : await Promise.all(config
+            .filter(c => c.resolver === 'action-table-row' ||
+            c.resolver === 'action-table-rows' ||
+            c.resolver === 'action-table-query')
+            .map(async (c) => {
+            if (c.resolver === 'action-table-row') {
+                return await loadActionTableRow(c, data, api_key, collection_endpoint);
+            }
+            else if (c.resolver === 'action-table-rows') {
+                return await loadActionTableRows(c, data, api_key, collection_endpoint);
+            }
+            else if (c.resolver === 'action-table-query') {
+                return await loadActionTableQuery(c, data, api_key, collection_endpoint);
+            }
+        }));
     return config.reduce((acc, c, i) => {
         const value = results[i] ?? c.query.default_value;
         if (value) {
@@ -1688,6 +1716,7 @@ function createModal(App, options = {
         close(trigger);
     };
     const show = async (trigger = 'none') => {
+        console.log('show trigger', trigger);
         if (app) {
             return;
         }
@@ -2245,7 +2274,8 @@ function getActionRoot() {
     return root.shadowRoot;
 }
 /** @internal */
-function ensureActionRoot() {
+function ensureActionRoot(useShadow = true) {
+    console.log('useShadow', useShadow);
     const systemConfig = getSystem();
     const rootAttrs = {
         class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
@@ -2256,11 +2286,13 @@ function ensureActionRoot() {
         style: { display: 'block' },
     };
     let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
+    console.log('el', el);
     if (el == null) {
         el = h('div', rootAttrs);
         document.body.appendChild(el);
     }
-    const isShadow = !!document.body.attachShadow;
+    const isShadow = !!document.body.attachShadow && useShadow;
+    console.log('isShadow', isShadow);
     if (isShadow) {
         return el.shadowRoot ?? el.attachShadow({ mode: 'open' });
     }
@@ -2329,7 +2361,7 @@ function createApp(App, options = {
             },
         },
     };
-    const win = ensureModalRoot();
+    const win = ensureModalRoot(true);
     appArgs.target = win;
     return {
         close,
@@ -2849,9 +2881,11 @@ function Header($$anchor, $$props) {
 			$fonts()
 		),
 		() => {
-			{
+			if (isPreview()) {
 				// フォントのロードが遅れてエディタのプレビューがガタつく対策
 				$.set(googleFontUrl, makeGoogleFontUrl(Fonts.filter((font) => font !== SYSTEM_FONT)));
+			} else if ($fonts().length > 0) {
+				$.set(googleFontUrl, makeGoogleFontUrl($fonts()));
 			}
 		}
 	);
@@ -3411,7 +3445,7 @@ const EASING = {
     none: linear,
 };
 /**
- * The function to activate svelte animation v2.
+ * The function to activate svelte animation.
  *
  * @param node - A target node of animation. This argument is passed by svelte, by default.
  * @param customAnimationOptions - A custom animation option object
@@ -3420,8 +3454,8 @@ const EASING = {
  *
  * @internal
  */
-function customAnimationV2(node, { transforms, animationStyle, delay = 0, duration = 1000, disabled, }) {
-    if (disabled) {
+function customAnimation(node, { transforms, animationStyle, delay = 0, duration = 1000 }) {
+    if (!isOnSite()) {
         return {};
     }
     let [x, y] = [0, 0];
@@ -6304,11 +6338,6 @@ function Modal($$anchor, $$props) {
 	let closeEventValue = $.prop($$props, 'closeEventValue', 8, null);
 	let layerId = $.prop($$props, 'layerId', 8, '');
 	const { brandKit } = useBrandKit();
-	const isCanvasPreview = (document.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') === 'true';
-	const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') === 'true';
-
-	console.log('isOnSite', isOnSite);
-
 	// モーダル背景の設定
 	const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== undefined;
 	let backgroundOverlay = $.mutable_state(DefaultModalPlacement.backgroundOverlay);
@@ -6354,7 +6383,7 @@ function Modal($$anchor, $$props) {
 			$.deep_read_state(breakPoint())
 		),
 		() => {
-			if (!isCanvasPreview && isExistBackgroundOverlayValue) {
+			if (!isCanvasPreview() && isExistBackgroundOverlayValue) {
 				$.set(backgroundOverlay, placement().backgroundOverlay);
 			}
 
@@ -6460,7 +6489,7 @@ function Modal($$anchor, $$props) {
 			// 表示位置のスタイルの設定
 			let position = DefaultModalPlacement.position;
 
-			if (!isCanvasPreview && placement() && placement().position !== null) {
+			if (!isCanvasPreview() && placement() && placement().position !== null) {
 				position = placement().position;
 			}
 
@@ -6477,7 +6506,7 @@ function Modal($$anchor, $$props) {
 			$.set(transforms, []);
 
 			DEVICE_IDS.forEach((deviceId) => {
-				if (!isCanvasPreview && useBreakPoint()) {
+				if (!isCanvasPreview() && useBreakPoint()) {
 					const positionWithBp = breakPoint()[deviceId]?.placement?.position;
 
 					$.get(transforms).push({
@@ -6513,7 +6542,7 @@ function Modal($$anchor, $$props) {
 		() => {
 			let margin = DefaultModalPlacement.margin;
 
-			if (!isCanvasPreview && placement() && placement().margin !== null) {
+			if (!isCanvasPreview() && placement() && placement().margin !== null) {
 				margin = placement().margin;
 			}
 
@@ -6524,7 +6553,7 @@ function Modal($$anchor, $$props) {
 			}
 
 			DEVICE_IDS.forEach((deviceId) => {
-				if (!isCanvasPreview && useBreakPoint()) {
+				if (!isCanvasPreview() && useBreakPoint()) {
 					const marginWithBp = breakPoint()[deviceId]?.placement?.margin;
 
 					marginStyle = getMarginStyle(marginWithBp);
@@ -6638,7 +6667,7 @@ function Modal($$anchor, $$props) {
 		};
 
 		$.if(node, ($$render) => {
-			if (isCanvasPreview) $$render(consequent); else $$render(alternate, false);
+			if (isCanvasPreview()) $$render(consequent); else $$render(alternate, false);
 		});
 	}
 
@@ -6669,10 +6698,9 @@ function Modal($$anchor, $$props) {
 				$.derived_safe_equal
 			);
 
-			$.transition(1, div, () => customAnimationV2, () => ({
+			$.transition(1, div, () => customAnimation, () => ({
 				transforms: $.get(transforms),
-				animationStyle: animation(),
-				disabled: !isOnSite
+				animationStyle: animation()
 			}));
 
 			$.append($$anchor, div);

package/dist/svelte5/index.es.d.ts

@@ -1419,7 +1419,7 @@ declare function getCssVariables(data: {
  */
 declare function getActionRoot(): ShadowRoot | null;
 /** @internal */
-declare function ensureActionRoot(): ShadowRoot | HTMLElement;
+declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
 /**
  * 非推奨
  *