@plaidev/karte-action-sdk 1.1.174-28032965.486af7df → 1.1.174-28034051.c6a1c676
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 +29 -62
- package/dist/index.es.js +29 -63
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import 'svelte/easing';
|
2
2
|
import { writable, get } from 'svelte/store';
|
3
3
|
import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, setContext, getContext, createEventDispatcher } from 'svelte';
|
4
|
-
import { SvelteComponent, init, safe_not_equal,
|
4
|
+
import { SvelteComponent, init, safe_not_equal, create_slot, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, append_styles, empty, insert_hydration, group_outros, check_outros, detach, component_subscribe, element, space, claim_element, children, claim_space, attr, noop, listen, null_to_empty, is_function, create_component, claim_component, mount_component, destroy_component, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe } from 'svelte/internal';
|
5
5
|
|
6
6
|
/** @internal */
|
7
7
|
const PropTypes = [
|
@@ -2300,44 +2300,21 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
2300
2300
|
'StateItem',
|
2301
2301
|
];
|
2302
2302
|
|
2303
|
-
/* src/components/Normalize.svelte generated by Svelte v3.53.1 */
|
2304
|
-
|
2305
|
-
function add_css$u(target) {
|
2306
|
-
append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
|
2307
|
-
}
|
2308
|
-
|
2309
|
-
class Normalize extends SvelteComponent {
|
2310
|
-
constructor(options) {
|
2311
|
-
super();
|
2312
|
-
init(this, options, null, null, safe_not_equal, {}, add_css$u);
|
2313
|
-
}
|
2314
|
-
}
|
2315
|
-
|
2316
2303
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
2317
2304
|
|
2318
2305
|
function create_fragment$x(ctx) {
|
2319
|
-
let normalize;
|
2320
|
-
let t;
|
2321
2306
|
let current;
|
2322
|
-
normalize = new Normalize({});
|
2323
2307
|
const default_slot_template = /*#slots*/ ctx[1].default;
|
2324
2308
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
|
2325
2309
|
|
2326
2310
|
return {
|
2327
2311
|
c() {
|
2328
|
-
create_component(normalize.$$.fragment);
|
2329
|
-
t = space();
|
2330
2312
|
if (default_slot) default_slot.c();
|
2331
2313
|
},
|
2332
2314
|
l(nodes) {
|
2333
|
-
claim_component(normalize.$$.fragment, nodes);
|
2334
|
-
t = claim_space(nodes);
|
2335
2315
|
if (default_slot) default_slot.l(nodes);
|
2336
2316
|
},
|
2337
2317
|
m(target, anchor) {
|
2338
|
-
mount_component(normalize, target, anchor);
|
2339
|
-
insert_hydration(target, t, anchor);
|
2340
|
-
|
2341
2318
|
if (default_slot) {
|
2342
2319
|
default_slot.m(target, anchor);
|
2343
2320
|
}
|
@@ -2362,18 +2339,14 @@ function create_fragment$x(ctx) {
|
|
2362
2339
|
},
|
2363
2340
|
i(local) {
|
2364
2341
|
if (current) return;
|
2365
|
-
transition_in(normalize.$$.fragment, local);
|
2366
2342
|
transition_in(default_slot, local);
|
2367
2343
|
current = true;
|
2368
2344
|
},
|
2369
2345
|
o(local) {
|
2370
|
-
transition_out(normalize.$$.fragment, local);
|
2371
2346
|
transition_out(default_slot, local);
|
2372
2347
|
current = false;
|
2373
2348
|
},
|
2374
2349
|
d(detaching) {
|
2375
|
-
destroy_component(normalize, detaching);
|
2376
|
-
if (detaching) detach(t);
|
2377
2350
|
if (default_slot) default_slot.d(detaching);
|
2378
2351
|
}
|
2379
2352
|
};
|
@@ -3163,7 +3136,7 @@ function add_css$q(target) {
|
|
3163
3136
|
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}");
|
3164
3137
|
}
|
3165
3138
|
|
3166
|
-
// (
|
3139
|
+
// (144:0) {#if visible}
|
3167
3140
|
function create_if_block$5(ctx) {
|
3168
3141
|
let div;
|
3169
3142
|
let button;
|
@@ -3209,7 +3182,7 @@ function create_if_block$5(ctx) {
|
|
3209
3182
|
m(target, anchor) {
|
3210
3183
|
insert_hydration(target, div, anchor);
|
3211
3184
|
mount_component(button, div, null);
|
3212
|
-
/*div_binding*/ ctx[
|
3185
|
+
/*div_binding*/ ctx[28](div);
|
3213
3186
|
current = true;
|
3214
3187
|
},
|
3215
3188
|
p(new_ctx, dirty) {
|
@@ -3219,7 +3192,7 @@ function create_if_block$5(ctx) {
|
|
3219
3192
|
if (dirty & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
|
3220
3193
|
if (dirty & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
|
3221
3194
|
|
3222
|
-
if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/
|
3195
|
+
if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 538444784) {
|
3223
3196
|
button_changes.$$scope = { dirty, ctx };
|
3224
3197
|
}
|
3225
3198
|
|
@@ -3253,12 +3226,12 @@ function create_if_block$5(ctx) {
|
|
3253
3226
|
d(detaching) {
|
3254
3227
|
if (detaching) detach(div);
|
3255
3228
|
destroy_component(button);
|
3256
|
-
/*div_binding*/ ctx[
|
3229
|
+
/*div_binding*/ ctx[28](null);
|
3257
3230
|
}
|
3258
3231
|
};
|
3259
3232
|
}
|
3260
3233
|
|
3261
|
-
// (
|
3234
|
+
// (161:6) {#if closable}
|
3262
3235
|
function create_if_block_1$1(ctx) {
|
3263
3236
|
let div;
|
3264
3237
|
let button;
|
@@ -3304,7 +3277,7 @@ function create_if_block_1$1(ctx) {
|
|
3304
3277
|
if (dirty & /*closeEventName*/ 64) button_changes.eventName = /*closeEventName*/ ctx[6];
|
3305
3278
|
if (dirty & /*closeEventValue*/ 128) button_changes.eventValue = /*closeEventValue*/ ctx[7];
|
3306
3279
|
|
3307
|
-
if (dirty & /*$$scope, closeButtonColor*/
|
3280
|
+
if (dirty & /*$$scope, closeButtonColor*/ 536871168) {
|
3308
3281
|
button_changes.$$scope = { dirty, ctx };
|
3309
3282
|
}
|
3310
3283
|
|
@@ -3330,7 +3303,7 @@ function create_if_block_1$1(ctx) {
|
|
3330
3303
|
};
|
3331
3304
|
}
|
3332
3305
|
|
3333
|
-
// (
|
3306
|
+
// (163:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
|
3334
3307
|
function create_default_slot_1$1(ctx) {
|
3335
3308
|
let svg;
|
3336
3309
|
let path;
|
@@ -3387,14 +3360,14 @@ function create_default_slot_1$1(ctx) {
|
|
3387
3360
|
};
|
3388
3361
|
}
|
3389
3362
|
|
3390
|
-
// (
|
3363
|
+
// (160:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
|
3391
3364
|
function create_default_slot$6(ctx) {
|
3392
3365
|
let t;
|
3393
3366
|
let div;
|
3394
3367
|
let current;
|
3395
3368
|
let if_block = /*closable*/ ctx[19] && create_if_block_1$1(ctx);
|
3396
|
-
const default_slot_template = /*#slots*/ ctx[
|
3397
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
3369
|
+
const default_slot_template = /*#slots*/ ctx[27].default;
|
3370
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
|
3398
3371
|
|
3399
3372
|
return {
|
3400
3373
|
c() {
|
@@ -3453,15 +3426,15 @@ function create_default_slot$6(ctx) {
|
|
3453
3426
|
}
|
3454
3427
|
|
3455
3428
|
if (default_slot) {
|
3456
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
3429
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
|
3457
3430
|
update_slot_base(
|
3458
3431
|
default_slot,
|
3459
3432
|
default_slot_template,
|
3460
3433
|
ctx,
|
3461
|
-
/*$$scope*/ ctx[
|
3434
|
+
/*$$scope*/ ctx[29],
|
3462
3435
|
!current
|
3463
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
3464
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
3436
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
|
3437
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
|
3465
3438
|
null
|
3466
3439
|
);
|
3467
3440
|
}
|
@@ -3620,7 +3593,6 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3620
3593
|
let backgroundOverray = DefaultModalPlacement.backgroundOverlay;
|
3621
3594
|
let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
|
3622
3595
|
let modal;
|
3623
|
-
let { debugDisableAnimation = false } = $$props;
|
3624
3596
|
|
3625
3597
|
onMount$1(() => {
|
3626
3598
|
$$invalidate(12, visible = true);
|
@@ -3648,13 +3620,12 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3648
3620
|
if ('closeEventValue' in $$props) $$invalidate(7, closeEventValue = $$props.closeEventValue);
|
3649
3621
|
if ('closeButtonColor' in $$props) $$invalidate(8, closeButtonColor = $$props.closeButtonColor);
|
3650
3622
|
if ('_closeStyle' in $$props) $$invalidate(9, _closeStyle = $$props._closeStyle);
|
3651
|
-
if ('
|
3652
|
-
if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
|
3623
|
+
if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
|
3653
3624
|
};
|
3654
3625
|
|
3655
3626
|
$$self.$$.update = () => {
|
3656
3627
|
if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
|
3657
|
-
$$invalidate(
|
3628
|
+
$$invalidate(24, close = () => {
|
3658
3629
|
if (closeEventName) {
|
3659
3630
|
send_event(closeEventName, closeEventValue);
|
3660
3631
|
}
|
@@ -3678,12 +3649,12 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3678
3649
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
3679
3650
|
{
|
3680
3651
|
if (placement && placement.backgroundClick) {
|
3681
|
-
$$invalidate(
|
3652
|
+
$$invalidate(23, backgroundClickFunction = placement.backgroundClick);
|
3682
3653
|
}
|
3683
3654
|
}
|
3684
3655
|
}
|
3685
3656
|
|
3686
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
3657
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
|
3687
3658
|
$$invalidate(18, backgroundClick = () => {
|
3688
3659
|
if (closeEventName) {
|
3689
3660
|
send_event(closeEventName, closeEventValue);
|
@@ -3694,12 +3665,12 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3694
3665
|
}
|
3695
3666
|
|
3696
3667
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
3697
|
-
$$invalidate(
|
3668
|
+
$$invalidate(26, overwritePosition = 'center'
|
3698
3669
|
);
|
3699
3670
|
}
|
3700
3671
|
|
3701
3672
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
3702
|
-
$$invalidate(
|
3673
|
+
$$invalidate(25, overwriteMargin = {
|
3703
3674
|
left: '0px',
|
3704
3675
|
right: '0px',
|
3705
3676
|
top: '0px',
|
@@ -3712,30 +3683,28 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3712
3683
|
$$invalidate(17, overwriteElasticity = 'none' );
|
3713
3684
|
}
|
3714
3685
|
|
3715
|
-
if ($$self.$$.dirty & /*overwritePosition*/
|
3686
|
+
if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
|
3716
3687
|
$$invalidate(16, pos = getPositionStyle(overwritePosition));
|
3717
3688
|
}
|
3718
3689
|
|
3719
|
-
if ($$self.$$.dirty & /*overwritePosition*/
|
3690
|
+
if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
|
3720
3691
|
$$invalidate(15, transform = getTransform(overwritePosition));
|
3721
3692
|
}
|
3722
3693
|
|
3723
|
-
if ($$self.$$.dirty & /*overwriteMargin*/
|
3694
|
+
if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
|
3724
3695
|
$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
|
3725
3696
|
}
|
3726
3697
|
|
3727
|
-
if ($$self.$$.dirty & /*close, modal*/
|
3698
|
+
if ($$self.$$.dirty & /*close, modal*/ 16778240) {
|
3728
3699
|
$$invalidate(13, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
|
3729
3700
|
}
|
3730
|
-
|
3731
|
-
if ($$self.$$.dirty & /*debugDisableAnimation*/ 8388608) {
|
3732
|
-
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
3733
|
-
$$invalidate(12, visible = debugDisableAnimation ? true : false);
|
3734
|
-
}
|
3735
3701
|
};
|
3736
3702
|
|
3737
3703
|
$$invalidate(10, modal = null);
|
3738
3704
|
|
3705
|
+
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
3706
|
+
$$invalidate(12, visible = false);
|
3707
|
+
|
3739
3708
|
return [
|
3740
3709
|
onClick,
|
3741
3710
|
clickEventName,
|
@@ -3760,7 +3729,6 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3760
3729
|
$maximumZindex,
|
3761
3730
|
placement,
|
3762
3731
|
elasticity,
|
3763
|
-
debugDisableAnimation,
|
3764
3732
|
backgroundClickFunction,
|
3765
3733
|
close,
|
3766
3734
|
overwriteMargin,
|
@@ -3793,8 +3761,7 @@ class Modal extends SvelteComponent {
|
|
3793
3761
|
closeEventName: 6,
|
3794
3762
|
closeEventValue: 7,
|
3795
3763
|
closeButtonColor: 8,
|
3796
|
-
_closeStyle: 9
|
3797
|
-
debugDisableAnimation: 23
|
3764
|
+
_closeStyle: 9
|
3798
3765
|
},
|
3799
3766
|
add_css$q
|
3800
3767
|
);
|
package/dist/index.es.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import { linear, elasticOut, cubicOut } from 'svelte/easing';
|
2
2
|
import { writable, get } from 'svelte/store';
|
3
3
|
import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, setContext, getContext, createEventDispatcher } from 'svelte';
|
4
|
-
import { SvelteComponent, init, safe_not_equal,
|
4
|
+
import { SvelteComponent, init, safe_not_equal, create_slot, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, append_styles, empty, insert, group_outros, check_outros, detach, component_subscribe, element, space, attr, noop, listen, null_to_empty, is_function, create_component, mount_component, destroy_component, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, append, destroy_each, text, set_data, src_url_equal, HtmlTag, construct_svelte_component, subscribe } from 'svelte/internal';
|
5
5
|
|
6
6
|
/** @internal */
|
7
7
|
const PropTypes = [
|
@@ -1068,9 +1068,6 @@ const EASING = {
|
|
1068
1068
|
* @internal
|
1069
1069
|
*/
|
1070
1070
|
function customAnimation(node, { transform, animationStyle, delay = 0, duration = 1000 }) {
|
1071
|
-
if (animationStyle === 'none') {
|
1072
|
-
return {};
|
1073
|
-
}
|
1074
1071
|
const [x, y] = transform;
|
1075
1072
|
return {
|
1076
1073
|
delay,
|
@@ -2412,39 +2409,18 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
2412
2409
|
'StateItem',
|
2413
2410
|
];
|
2414
2411
|
|
2415
|
-
/* src/components/Normalize.svelte generated by Svelte v3.53.1 */
|
2416
|
-
|
2417
|
-
function add_css$u(target) {
|
2418
|
-
append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
|
2419
|
-
}
|
2420
|
-
|
2421
|
-
class Normalize extends SvelteComponent {
|
2422
|
-
constructor(options) {
|
2423
|
-
super();
|
2424
|
-
init(this, options, null, null, safe_not_equal, {}, add_css$u);
|
2425
|
-
}
|
2426
|
-
}
|
2427
|
-
|
2428
2412
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
2429
2413
|
|
2430
2414
|
function create_fragment$x(ctx) {
|
2431
|
-
let normalize;
|
2432
|
-
let t;
|
2433
2415
|
let current;
|
2434
|
-
normalize = new Normalize({});
|
2435
2416
|
const default_slot_template = /*#slots*/ ctx[1].default;
|
2436
2417
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
|
2437
2418
|
|
2438
2419
|
return {
|
2439
2420
|
c() {
|
2440
|
-
create_component(normalize.$$.fragment);
|
2441
|
-
t = space();
|
2442
2421
|
if (default_slot) default_slot.c();
|
2443
2422
|
},
|
2444
2423
|
m(target, anchor) {
|
2445
|
-
mount_component(normalize, target, anchor);
|
2446
|
-
insert(target, t, anchor);
|
2447
|
-
|
2448
2424
|
if (default_slot) {
|
2449
2425
|
default_slot.m(target, anchor);
|
2450
2426
|
}
|
@@ -2469,18 +2445,14 @@ function create_fragment$x(ctx) {
|
|
2469
2445
|
},
|
2470
2446
|
i(local) {
|
2471
2447
|
if (current) return;
|
2472
|
-
transition_in(normalize.$$.fragment, local);
|
2473
2448
|
transition_in(default_slot, local);
|
2474
2449
|
current = true;
|
2475
2450
|
},
|
2476
2451
|
o(local) {
|
2477
|
-
transition_out(normalize.$$.fragment, local);
|
2478
2452
|
transition_out(default_slot, local);
|
2479
2453
|
current = false;
|
2480
2454
|
},
|
2481
2455
|
d(detaching) {
|
2482
|
-
destroy_component(normalize, detaching);
|
2483
|
-
if (detaching) detach(t);
|
2484
2456
|
if (default_slot) default_slot.d(detaching);
|
2485
2457
|
}
|
2486
2458
|
};
|
@@ -3194,7 +3166,7 @@ function add_css$q(target) {
|
|
3194
3166
|
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}");
|
3195
3167
|
}
|
3196
3168
|
|
3197
|
-
// (
|
3169
|
+
// (144:0) {#if visible}
|
3198
3170
|
function create_if_block$5(ctx) {
|
3199
3171
|
let div;
|
3200
3172
|
let button;
|
@@ -3224,7 +3196,7 @@ function create_if_block$5(ctx) {
|
|
3224
3196
|
m(target, anchor) {
|
3225
3197
|
insert(target, div, anchor);
|
3226
3198
|
mount_component(button, div, null);
|
3227
|
-
/*div_binding*/ ctx[
|
3199
|
+
/*div_binding*/ ctx[28](div);
|
3228
3200
|
current = true;
|
3229
3201
|
},
|
3230
3202
|
p(new_ctx, dirty) {
|
@@ -3234,7 +3206,7 @@ function create_if_block$5(ctx) {
|
|
3234
3206
|
if (dirty & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
|
3235
3207
|
if (dirty & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
|
3236
3208
|
|
3237
|
-
if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/
|
3209
|
+
if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 538444784) {
|
3238
3210
|
button_changes.$$scope = { dirty, ctx };
|
3239
3211
|
}
|
3240
3212
|
|
@@ -3268,12 +3240,12 @@ function create_if_block$5(ctx) {
|
|
3268
3240
|
d(detaching) {
|
3269
3241
|
if (detaching) detach(div);
|
3270
3242
|
destroy_component(button);
|
3271
|
-
/*div_binding*/ ctx[
|
3243
|
+
/*div_binding*/ ctx[28](null);
|
3272
3244
|
}
|
3273
3245
|
};
|
3274
3246
|
}
|
3275
3247
|
|
3276
|
-
// (
|
3248
|
+
// (161:6) {#if closable}
|
3277
3249
|
function create_if_block_1$1(ctx) {
|
3278
3250
|
let div;
|
3279
3251
|
let button;
|
@@ -3309,7 +3281,7 @@ function create_if_block_1$1(ctx) {
|
|
3309
3281
|
if (dirty & /*closeEventName*/ 64) button_changes.eventName = /*closeEventName*/ ctx[6];
|
3310
3282
|
if (dirty & /*closeEventValue*/ 128) button_changes.eventValue = /*closeEventValue*/ ctx[7];
|
3311
3283
|
|
3312
|
-
if (dirty & /*$$scope, closeButtonColor*/
|
3284
|
+
if (dirty & /*$$scope, closeButtonColor*/ 536871168) {
|
3313
3285
|
button_changes.$$scope = { dirty, ctx };
|
3314
3286
|
}
|
3315
3287
|
|
@@ -3335,7 +3307,7 @@ function create_if_block_1$1(ctx) {
|
|
3335
3307
|
};
|
3336
3308
|
}
|
3337
3309
|
|
3338
|
-
// (
|
3310
|
+
// (163:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
|
3339
3311
|
function create_default_slot_1$1(ctx) {
|
3340
3312
|
let svg;
|
3341
3313
|
let path;
|
@@ -3368,14 +3340,14 @@ function create_default_slot_1$1(ctx) {
|
|
3368
3340
|
};
|
3369
3341
|
}
|
3370
3342
|
|
3371
|
-
// (
|
3343
|
+
// (160:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
|
3372
3344
|
function create_default_slot$6(ctx) {
|
3373
3345
|
let t;
|
3374
3346
|
let div;
|
3375
3347
|
let current;
|
3376
3348
|
let if_block = /*closable*/ ctx[19] && create_if_block_1$1(ctx);
|
3377
|
-
const default_slot_template = /*#slots*/ ctx[
|
3378
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
3349
|
+
const default_slot_template = /*#slots*/ ctx[27].default;
|
3350
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
|
3379
3351
|
|
3380
3352
|
return {
|
3381
3353
|
c() {
|
@@ -3422,15 +3394,15 @@ function create_default_slot$6(ctx) {
|
|
3422
3394
|
}
|
3423
3395
|
|
3424
3396
|
if (default_slot) {
|
3425
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
3397
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
|
3426
3398
|
update_slot_base(
|
3427
3399
|
default_slot,
|
3428
3400
|
default_slot_template,
|
3429
3401
|
ctx,
|
3430
|
-
/*$$scope*/ ctx[
|
3402
|
+
/*$$scope*/ ctx[29],
|
3431
3403
|
!current
|
3432
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
3433
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
3404
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
|
3405
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
|
3434
3406
|
null
|
3435
3407
|
);
|
3436
3408
|
}
|
@@ -3583,7 +3555,6 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3583
3555
|
let backgroundOverray = DefaultModalPlacement.backgroundOverlay;
|
3584
3556
|
let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
|
3585
3557
|
let modal;
|
3586
|
-
let { debugDisableAnimation = false } = $$props;
|
3587
3558
|
|
3588
3559
|
onMount$1(() => {
|
3589
3560
|
$$invalidate(12, visible = true);
|
@@ -3611,13 +3582,12 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3611
3582
|
if ('closeEventValue' in $$props) $$invalidate(7, closeEventValue = $$props.closeEventValue);
|
3612
3583
|
if ('closeButtonColor' in $$props) $$invalidate(8, closeButtonColor = $$props.closeButtonColor);
|
3613
3584
|
if ('_closeStyle' in $$props) $$invalidate(9, _closeStyle = $$props._closeStyle);
|
3614
|
-
if ('
|
3615
|
-
if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
|
3585
|
+
if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
|
3616
3586
|
};
|
3617
3587
|
|
3618
3588
|
$$self.$$.update = () => {
|
3619
3589
|
if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
|
3620
|
-
$$invalidate(
|
3590
|
+
$$invalidate(24, close = () => {
|
3621
3591
|
if (closeEventName) {
|
3622
3592
|
send_event(closeEventName, closeEventValue);
|
3623
3593
|
}
|
@@ -3641,12 +3611,12 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3641
3611
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
3642
3612
|
{
|
3643
3613
|
if (placement && placement.backgroundClick) {
|
3644
|
-
$$invalidate(
|
3614
|
+
$$invalidate(23, backgroundClickFunction = placement.backgroundClick);
|
3645
3615
|
}
|
3646
3616
|
}
|
3647
3617
|
}
|
3648
3618
|
|
3649
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
3619
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
|
3650
3620
|
$$invalidate(18, backgroundClick = () => {
|
3651
3621
|
if (closeEventName) {
|
3652
3622
|
send_event(closeEventName, closeEventValue);
|
@@ -3657,13 +3627,13 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3657
3627
|
}
|
3658
3628
|
|
3659
3629
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
3660
|
-
$$invalidate(
|
3630
|
+
$$invalidate(26, overwritePosition = placement && placement.position != null
|
3661
3631
|
? placement.position
|
3662
3632
|
: DefaultModalPlacement.position);
|
3663
3633
|
}
|
3664
3634
|
|
3665
3635
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
3666
|
-
$$invalidate(
|
3636
|
+
$$invalidate(25, overwriteMargin = placement && placement.margin != null
|
3667
3637
|
? placement.margin
|
3668
3638
|
: DefaultModalPlacement.margin);
|
3669
3639
|
}
|
@@ -3672,30 +3642,28 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3672
3642
|
$$invalidate(17, overwriteElasticity = elasticity);
|
3673
3643
|
}
|
3674
3644
|
|
3675
|
-
if ($$self.$$.dirty & /*overwritePosition*/
|
3645
|
+
if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
|
3676
3646
|
$$invalidate(16, pos = getPositionStyle(overwritePosition));
|
3677
3647
|
}
|
3678
3648
|
|
3679
|
-
if ($$self.$$.dirty & /*overwritePosition*/
|
3649
|
+
if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
|
3680
3650
|
$$invalidate(15, transform = getTransform(overwritePosition));
|
3681
3651
|
}
|
3682
3652
|
|
3683
|
-
if ($$self.$$.dirty & /*overwriteMargin*/
|
3653
|
+
if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
|
3684
3654
|
$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
|
3685
3655
|
}
|
3686
3656
|
|
3687
|
-
if ($$self.$$.dirty & /*close, modal*/
|
3657
|
+
if ($$self.$$.dirty & /*close, modal*/ 16778240) {
|
3688
3658
|
$$invalidate(13, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
|
3689
3659
|
}
|
3690
|
-
|
3691
|
-
if ($$self.$$.dirty & /*debugDisableAnimation*/ 8388608) {
|
3692
|
-
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
3693
|
-
$$invalidate(12, visible = debugDisableAnimation ? true : false);
|
3694
|
-
}
|
3695
3660
|
};
|
3696
3661
|
|
3697
3662
|
$$invalidate(10, modal = null);
|
3698
3663
|
|
3664
|
+
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
3665
|
+
$$invalidate(12, visible = false);
|
3666
|
+
|
3699
3667
|
return [
|
3700
3668
|
onClick,
|
3701
3669
|
clickEventName,
|
@@ -3720,7 +3688,6 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3720
3688
|
$maximumZindex,
|
3721
3689
|
placement,
|
3722
3690
|
elasticity,
|
3723
|
-
debugDisableAnimation,
|
3724
3691
|
backgroundClickFunction,
|
3725
3692
|
close,
|
3726
3693
|
overwriteMargin,
|
@@ -3753,8 +3720,7 @@ class Modal extends SvelteComponent {
|
|
3753
3720
|
closeEventName: 6,
|
3754
3721
|
closeEventValue: 7,
|
3755
3722
|
closeButtonColor: 8,
|
3756
|
-
_closeStyle: 9
|
3757
|
-
debugDisableAnimation: 23
|
3723
|
+
_closeStyle: 9
|
3758
3724
|
},
|
3759
3725
|
add_css$q
|
3760
3726
|
);
|