@plaidev/karte-action-sdk 1.1.177 → 1.1.178-28040275.da0d6f6c

package/dist/hydrate/index.es.js

@@ -277,21 +277,6 @@ const isPreview = () => {
 const actionId = ALL_ACTION_ID
     ;
 /** @internal */
-const handleFocus = (node) => (e) => {
-    if (node) {
-        // trap focus
-        const nodes = node.querySelectorAll('*');
-        const tabbable = Array.from(nodes).filter((n) => n.tabIndex >= 0);
-        let index = tabbable.indexOf(document.activeElement);
-        if (index === -1 && e.shiftKey)
-            index = 0;
-        index += tabbable.length + (e.shiftKey ? -1 : 1);
-        index %= tabbable.length;
-        tabbable[index].focus();
-        e.preventDefault();
-    }
-};
-/** @internal */
 const setPreviousFocus = () => {
     const previously_focused = typeof document !== 'undefined' && document.activeElement;
     if (previously_focused) {
@@ -3154,7 +3139,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}");
 }
 
-// (146:0) {#if visible}
+// (145:0) {#if visible}
 function create_if_block$5(ctx) {
 	let div;
 	let button;
@@ -3249,7 +3234,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-// (163:6) {#if closable}
+// (162:6) {#if closable}
 function create_if_block_1$1(ctx) {
 	let div;
 	let button;
@@ -3321,7 +3306,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (165: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;
@@ -3378,7 +3363,7 @@ function create_default_slot_1$1(ctx) {
 	};
 }
 
-// (162: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;
@@ -3492,7 +3477,7 @@ function create_fragment$t(ctx) {
 
 	backgroundoverray = new BackgroundOverray({
 			props: {
-				backgroundOverray: /*backgroundOverray*/ ctx[11]
+				backgroundOverray: /*backgroundOverray*/ ctx[10]
 			}
 		});
 
@@ -3533,7 +3518,7 @@ function create_fragment$t(ctx) {
 		p(new_ctx, [dirty]) {
 			ctx = new_ctx;
 			const backgroundoverray_changes = {};
-			if (dirty & /*backgroundOverray*/ 2048) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[11];
+			if (dirty & /*backgroundOverray*/ 1024) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[10];
 			backgroundoverray.$set(backgroundoverray_changes);
 
 			if (/*visible*/ ctx[12]) {
@@ -3621,7 +3606,7 @@ function instance$t($$self, $$props, $$invalidate) {
 	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			modal = $$value;
-			$$invalidate(10, modal);
+			$$invalidate(11, modal);
 		});
 	}
 
@@ -3659,7 +3644,7 @@ function instance$t($$self, $$props, $$invalidate) {
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
 			{
 				{
-					$$invalidate(11, backgroundOverray = false);
+					$$invalidate(10, backgroundOverray = false);
 				}
 			}
 		}
@@ -3713,12 +3698,12 @@ function instance$t($$self, $$props, $$invalidate) {
 			$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
-		if ($$self.$$.dirty & /*close, modal*/ 16778240) {
-			$$invalidate(13, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
+		if ($$self.$$.dirty & /*close*/ 16777216) {
+			$$invalidate(13, handle_keydown = handleKeydown({ Escape: close }));
 		}
 	};
 
-	$$invalidate(10, modal = null);
+	$$invalidate(11, modal = null);
 
 	// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
 	$$invalidate(12, visible = false);
@@ -3734,8 +3719,8 @@ function instance$t($$self, $$props, $$invalidate) {
 		closeEventValue,
 		closeButtonColor,
 		_closeStyle,
-		modal,
 		backgroundOverray,
+		modal,
 		visible,
 		handle_keydown,
 		marginStyle,

package/dist/index.es.js

@@ -280,21 +280,6 @@ const actionId = typeof __FIX_ACTION_CHANGE_STATE_EVENT__ === 'string'
             ? __FLYER_GEN_ACTION_ID_ON_BUILD__
             : randStr();
 /** @internal */
-const handleFocus = (node) => (e) => {
-    if (node) {
-        // trap focus
-        const nodes = node.querySelectorAll('*');
-        const tabbable = Array.from(nodes).filter((n) => n.tabIndex >= 0);
-        let index = tabbable.indexOf(document.activeElement);
-        if (index === -1 && e.shiftKey)
-            index = 0;
-        index += tabbable.length + (e.shiftKey ? -1 : 1);
-        index %= tabbable.length;
-        tabbable[index].focus();
-        e.preventDefault();
-    }
-};
-/** @internal */
 const setPreviousFocus = () => {
     const previously_focused = typeof document !== 'undefined' && document.activeElement;
     if (previously_focused) {
@@ -3184,7 +3169,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}");
 }
 
-// (146:0) {#if visible}
+// (145:0) {#if visible}
 function create_if_block$5(ctx) {
 	let div;
 	let button;
@@ -3263,7 +3248,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-// (163:6) {#if closable}
+// (162:6) {#if closable}
 function create_if_block_1$1(ctx) {
 	let div;
 	let button;
@@ -3325,7 +3310,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (165: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;
@@ -3358,7 +3343,7 @@ function create_default_slot_1$1(ctx) {
 	};
 }
 
-// (162: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;
@@ -3460,7 +3445,7 @@ function create_fragment$t(ctx) {
 
 	backgroundoverray = new BackgroundOverray({
 			props: {
-				backgroundOverray: /*backgroundOverray*/ ctx[11]
+				backgroundOverray: /*backgroundOverray*/ ctx[10]
 			}
 		});
 
@@ -3495,7 +3480,7 @@ function create_fragment$t(ctx) {
 		p(new_ctx, [dirty]) {
 			ctx = new_ctx;
 			const backgroundoverray_changes = {};
-			if (dirty & /*backgroundOverray*/ 2048) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[11];
+			if (dirty & /*backgroundOverray*/ 1024) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[10];
 			backgroundoverray.$set(backgroundoverray_changes);
 
 			if (/*visible*/ ctx[12]) {
@@ -3583,7 +3568,7 @@ function instance$t($$self, $$props, $$invalidate) {
 	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			modal = $$value;
-			$$invalidate(10, modal);
+			$$invalidate(11, modal);
 		});
 	}
 
@@ -3621,7 +3606,7 @@ function instance$t($$self, $$props, $$invalidate) {
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
 			{
 				if (placement && placement.backgroundOverlay) {
-					$$invalidate(11, backgroundOverray = placement.backgroundOverlay);
+					$$invalidate(10, backgroundOverray = placement.backgroundOverlay);
 				}
 			}
 		}
@@ -3672,12 +3657,12 @@ function instance$t($$self, $$props, $$invalidate) {
 			$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
-		if ($$self.$$.dirty & /*close, modal*/ 16778240) {
-			$$invalidate(13, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
+		if ($$self.$$.dirty & /*close*/ 16777216) {
+			$$invalidate(13, handle_keydown = handleKeydown({ Escape: close }));
 		}
 	};
 
-	$$invalidate(10, modal = null);
+	$$invalidate(11, modal = null);
 
 	// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
 	$$invalidate(12, visible = false);
@@ -3693,8 +3678,8 @@ function instance$t($$self, $$props, $$invalidate) {
 		closeEventValue,
 		closeButtonColor,
 		_closeStyle,
-		modal,
 		backgroundOverray,
+		modal,
 		visible,
 		handle_keydown,
 		marginStyle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.177",
+  "version": "1.1.178-28040275.da0d6f6c",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",