@plaidev/karte-action-sdk 1.1.177 → 1.1.178
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.js +12 -27
- package/dist/index.es.js +12 -27
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
|
@@ -277,21 +277,6 @@ const isPreview = () => {
|
|
|
277
277
|
const actionId = ALL_ACTION_ID
|
|
278
278
|
;
|
|
279
279
|
/** @internal */
|
|
280
|
-
const handleFocus = (node) => (e) => {
|
|
281
|
-
if (node) {
|
|
282
|
-
// trap focus
|
|
283
|
-
const nodes = node.querySelectorAll('*');
|
|
284
|
-
const tabbable = Array.from(nodes).filter((n) => n.tabIndex >= 0);
|
|
285
|
-
let index = tabbable.indexOf(document.activeElement);
|
|
286
|
-
if (index === -1 && e.shiftKey)
|
|
287
|
-
index = 0;
|
|
288
|
-
index += tabbable.length + (e.shiftKey ? -1 : 1);
|
|
289
|
-
index %= tabbable.length;
|
|
290
|
-
tabbable[index].focus();
|
|
291
|
-
e.preventDefault();
|
|
292
|
-
}
|
|
293
|
-
};
|
|
294
|
-
/** @internal */
|
|
295
280
|
const setPreviousFocus = () => {
|
|
296
281
|
const previously_focused = typeof document !== 'undefined' && document.activeElement;
|
|
297
282
|
if (previously_focused) {
|
|
@@ -3154,7 +3139,7 @@ function add_css$q(target) {
|
|
|
3154
3139
|
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}");
|
|
3155
3140
|
}
|
|
3156
3141
|
|
|
3157
|
-
// (
|
|
3142
|
+
// (145:0) {#if visible}
|
|
3158
3143
|
function create_if_block$5(ctx) {
|
|
3159
3144
|
let div;
|
|
3160
3145
|
let button;
|
|
@@ -3249,7 +3234,7 @@ function create_if_block$5(ctx) {
|
|
|
3249
3234
|
};
|
|
3250
3235
|
}
|
|
3251
3236
|
|
|
3252
|
-
// (
|
|
3237
|
+
// (162:6) {#if closable}
|
|
3253
3238
|
function create_if_block_1$1(ctx) {
|
|
3254
3239
|
let div;
|
|
3255
3240
|
let button;
|
|
@@ -3321,7 +3306,7 @@ function create_if_block_1$1(ctx) {
|
|
|
3321
3306
|
};
|
|
3322
3307
|
}
|
|
3323
3308
|
|
|
3324
|
-
// (
|
|
3309
|
+
// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
|
|
3325
3310
|
function create_default_slot_1$1(ctx) {
|
|
3326
3311
|
let svg;
|
|
3327
3312
|
let path;
|
|
@@ -3378,7 +3363,7 @@ function create_default_slot_1$1(ctx) {
|
|
|
3378
3363
|
};
|
|
3379
3364
|
}
|
|
3380
3365
|
|
|
3381
|
-
// (
|
|
3366
|
+
// (161:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
|
|
3382
3367
|
function create_default_slot$6(ctx) {
|
|
3383
3368
|
let t;
|
|
3384
3369
|
let div;
|
|
@@ -3492,7 +3477,7 @@ function create_fragment$t(ctx) {
|
|
|
3492
3477
|
|
|
3493
3478
|
backgroundoverray = new BackgroundOverray({
|
|
3494
3479
|
props: {
|
|
3495
|
-
backgroundOverray: /*backgroundOverray*/ ctx[
|
|
3480
|
+
backgroundOverray: /*backgroundOverray*/ ctx[10]
|
|
3496
3481
|
}
|
|
3497
3482
|
});
|
|
3498
3483
|
|
|
@@ -3533,7 +3518,7 @@ function create_fragment$t(ctx) {
|
|
|
3533
3518
|
p(new_ctx, [dirty]) {
|
|
3534
3519
|
ctx = new_ctx;
|
|
3535
3520
|
const backgroundoverray_changes = {};
|
|
3536
|
-
if (dirty & /*backgroundOverray*/
|
|
3521
|
+
if (dirty & /*backgroundOverray*/ 1024) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[10];
|
|
3537
3522
|
backgroundoverray.$set(backgroundoverray_changes);
|
|
3538
3523
|
|
|
3539
3524
|
if (/*visible*/ ctx[12]) {
|
|
@@ -3621,7 +3606,7 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
3621
3606
|
function div_binding($$value) {
|
|
3622
3607
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
3623
3608
|
modal = $$value;
|
|
3624
|
-
$$invalidate(
|
|
3609
|
+
$$invalidate(11, modal);
|
|
3625
3610
|
});
|
|
3626
3611
|
}
|
|
3627
3612
|
|
|
@@ -3659,7 +3644,7 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
3659
3644
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
|
3660
3645
|
{
|
|
3661
3646
|
{
|
|
3662
|
-
$$invalidate(
|
|
3647
|
+
$$invalidate(10, backgroundOverray = false);
|
|
3663
3648
|
}
|
|
3664
3649
|
}
|
|
3665
3650
|
}
|
|
@@ -3713,12 +3698,12 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
3713
3698
|
$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
|
|
3714
3699
|
}
|
|
3715
3700
|
|
|
3716
|
-
if ($$self.$$.dirty & /*close
|
|
3717
|
-
$$invalidate(13, handle_keydown = handleKeydown({ Escape: close
|
|
3701
|
+
if ($$self.$$.dirty & /*close*/ 16777216) {
|
|
3702
|
+
$$invalidate(13, handle_keydown = handleKeydown({ Escape: close }));
|
|
3718
3703
|
}
|
|
3719
3704
|
};
|
|
3720
3705
|
|
|
3721
|
-
$$invalidate(
|
|
3706
|
+
$$invalidate(11, modal = null);
|
|
3722
3707
|
|
|
3723
3708
|
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
|
3724
3709
|
$$invalidate(12, visible = false);
|
|
@@ -3734,8 +3719,8 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
3734
3719
|
closeEventValue,
|
|
3735
3720
|
closeButtonColor,
|
|
3736
3721
|
_closeStyle,
|
|
3737
|
-
modal,
|
|
3738
3722
|
backgroundOverray,
|
|
3723
|
+
modal,
|
|
3739
3724
|
visible,
|
|
3740
3725
|
handle_keydown,
|
|
3741
3726
|
marginStyle,
|
package/dist/index.es.js
CHANGED
|
@@ -280,21 +280,6 @@ const actionId = typeof __FIX_ACTION_CHANGE_STATE_EVENT__ === 'string'
|
|
|
280
280
|
? __FLYER_GEN_ACTION_ID_ON_BUILD__
|
|
281
281
|
: randStr();
|
|
282
282
|
/** @internal */
|
|
283
|
-
const handleFocus = (node) => (e) => {
|
|
284
|
-
if (node) {
|
|
285
|
-
// trap focus
|
|
286
|
-
const nodes = node.querySelectorAll('*');
|
|
287
|
-
const tabbable = Array.from(nodes).filter((n) => n.tabIndex >= 0);
|
|
288
|
-
let index = tabbable.indexOf(document.activeElement);
|
|
289
|
-
if (index === -1 && e.shiftKey)
|
|
290
|
-
index = 0;
|
|
291
|
-
index += tabbable.length + (e.shiftKey ? -1 : 1);
|
|
292
|
-
index %= tabbable.length;
|
|
293
|
-
tabbable[index].focus();
|
|
294
|
-
e.preventDefault();
|
|
295
|
-
}
|
|
296
|
-
};
|
|
297
|
-
/** @internal */
|
|
298
283
|
const setPreviousFocus = () => {
|
|
299
284
|
const previously_focused = typeof document !== 'undefined' && document.activeElement;
|
|
300
285
|
if (previously_focused) {
|
|
@@ -3184,7 +3169,7 @@ function add_css$q(target) {
|
|
|
3184
3169
|
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}");
|
|
3185
3170
|
}
|
|
3186
3171
|
|
|
3187
|
-
// (
|
|
3172
|
+
// (145:0) {#if visible}
|
|
3188
3173
|
function create_if_block$5(ctx) {
|
|
3189
3174
|
let div;
|
|
3190
3175
|
let button;
|
|
@@ -3263,7 +3248,7 @@ function create_if_block$5(ctx) {
|
|
|
3263
3248
|
};
|
|
3264
3249
|
}
|
|
3265
3250
|
|
|
3266
|
-
// (
|
|
3251
|
+
// (162:6) {#if closable}
|
|
3267
3252
|
function create_if_block_1$1(ctx) {
|
|
3268
3253
|
let div;
|
|
3269
3254
|
let button;
|
|
@@ -3325,7 +3310,7 @@ function create_if_block_1$1(ctx) {
|
|
|
3325
3310
|
};
|
|
3326
3311
|
}
|
|
3327
3312
|
|
|
3328
|
-
// (
|
|
3313
|
+
// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
|
|
3329
3314
|
function create_default_slot_1$1(ctx) {
|
|
3330
3315
|
let svg;
|
|
3331
3316
|
let path;
|
|
@@ -3358,7 +3343,7 @@ function create_default_slot_1$1(ctx) {
|
|
|
3358
3343
|
};
|
|
3359
3344
|
}
|
|
3360
3345
|
|
|
3361
|
-
// (
|
|
3346
|
+
// (161:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
|
|
3362
3347
|
function create_default_slot$6(ctx) {
|
|
3363
3348
|
let t;
|
|
3364
3349
|
let div;
|
|
@@ -3460,7 +3445,7 @@ function create_fragment$t(ctx) {
|
|
|
3460
3445
|
|
|
3461
3446
|
backgroundoverray = new BackgroundOverray({
|
|
3462
3447
|
props: {
|
|
3463
|
-
backgroundOverray: /*backgroundOverray*/ ctx[
|
|
3448
|
+
backgroundOverray: /*backgroundOverray*/ ctx[10]
|
|
3464
3449
|
}
|
|
3465
3450
|
});
|
|
3466
3451
|
|
|
@@ -3495,7 +3480,7 @@ function create_fragment$t(ctx) {
|
|
|
3495
3480
|
p(new_ctx, [dirty]) {
|
|
3496
3481
|
ctx = new_ctx;
|
|
3497
3482
|
const backgroundoverray_changes = {};
|
|
3498
|
-
if (dirty & /*backgroundOverray*/
|
|
3483
|
+
if (dirty & /*backgroundOverray*/ 1024) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[10];
|
|
3499
3484
|
backgroundoverray.$set(backgroundoverray_changes);
|
|
3500
3485
|
|
|
3501
3486
|
if (/*visible*/ ctx[12]) {
|
|
@@ -3583,7 +3568,7 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
3583
3568
|
function div_binding($$value) {
|
|
3584
3569
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
3585
3570
|
modal = $$value;
|
|
3586
|
-
$$invalidate(
|
|
3571
|
+
$$invalidate(11, modal);
|
|
3587
3572
|
});
|
|
3588
3573
|
}
|
|
3589
3574
|
|
|
@@ -3621,7 +3606,7 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
3621
3606
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
|
3622
3607
|
{
|
|
3623
3608
|
if (placement && placement.backgroundOverlay) {
|
|
3624
|
-
$$invalidate(
|
|
3609
|
+
$$invalidate(10, backgroundOverray = placement.backgroundOverlay);
|
|
3625
3610
|
}
|
|
3626
3611
|
}
|
|
3627
3612
|
}
|
|
@@ -3672,12 +3657,12 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
3672
3657
|
$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
|
|
3673
3658
|
}
|
|
3674
3659
|
|
|
3675
|
-
if ($$self.$$.dirty & /*close
|
|
3676
|
-
$$invalidate(13, handle_keydown = handleKeydown({ Escape: close
|
|
3660
|
+
if ($$self.$$.dirty & /*close*/ 16777216) {
|
|
3661
|
+
$$invalidate(13, handle_keydown = handleKeydown({ Escape: close }));
|
|
3677
3662
|
}
|
|
3678
3663
|
};
|
|
3679
3664
|
|
|
3680
|
-
$$invalidate(
|
|
3665
|
+
$$invalidate(11, modal = null);
|
|
3681
3666
|
|
|
3682
3667
|
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
|
3683
3668
|
$$invalidate(12, visible = false);
|
|
@@ -3693,8 +3678,8 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
3693
3678
|
closeEventValue,
|
|
3694
3679
|
closeButtonColor,
|
|
3695
3680
|
_closeStyle,
|
|
3696
|
-
modal,
|
|
3697
3681
|
backgroundOverray,
|
|
3682
|
+
modal,
|
|
3698
3683
|
visible,
|
|
3699
3684
|
handle_keydown,
|
|
3700
3685
|
marginStyle,
|