@plaidev/karte-action-sdk 1.1.174 → 1.1.175-28034088.7491fef8
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.js +29 -62
- package/dist/index.es.js +34 -66
- 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 = [
|
@@ -908,9 +908,11 @@ const ALL_ACTION_ID = 'KARTE_ALL_ACTION_ID';
|
|
908
908
|
const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
|
909
909
|
// prettier-ignore
|
910
910
|
/** @internal */
|
911
|
-
const actionId = typeof
|
912
|
-
?
|
913
|
-
:
|
911
|
+
const actionId = typeof __FIX_ACTION_CHANGE_STATE_EVENT__ === 'string'
|
912
|
+
? __FIX_ACTION_CHANGE_STATE_EVENT__
|
913
|
+
: typeof __FLYER_GEN_ACTION_ID_ON_BUILD__ === 'string'
|
914
|
+
? __FLYER_GEN_ACTION_ID_ON_BUILD__
|
915
|
+
: randStr();
|
914
916
|
/** @internal */
|
915
917
|
const ACTION_SHOW_EVENT = `KARTE-ACTION-SHOW-${actionId}`;
|
916
918
|
/** @internal */
|
@@ -1066,9 +1068,6 @@ const EASING = {
|
|
1066
1068
|
* @internal
|
1067
1069
|
*/
|
1068
1070
|
function customAnimation(node, { transform, animationStyle, delay = 0, duration = 1000 }) {
|
1069
|
-
if (animationStyle === 'none') {
|
1070
|
-
return {};
|
1071
|
-
}
|
1072
1071
|
const [x, y] = transform;
|
1073
1072
|
return {
|
1074
1073
|
delay,
|
@@ -2410,39 +2409,18 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
2410
2409
|
'StateItem',
|
2411
2410
|
];
|
2412
2411
|
|
2413
|
-
/* src/components/Normalize.svelte generated by Svelte v3.53.1 */
|
2414
|
-
|
2415
|
-
function add_css$u(target) {
|
2416
|
-
append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
|
2417
|
-
}
|
2418
|
-
|
2419
|
-
class Normalize extends SvelteComponent {
|
2420
|
-
constructor(options) {
|
2421
|
-
super();
|
2422
|
-
init(this, options, null, null, safe_not_equal, {}, add_css$u);
|
2423
|
-
}
|
2424
|
-
}
|
2425
|
-
|
2426
2412
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
2427
2413
|
|
2428
2414
|
function create_fragment$x(ctx) {
|
2429
|
-
let normalize;
|
2430
|
-
let t;
|
2431
2415
|
let current;
|
2432
|
-
normalize = new Normalize({});
|
2433
2416
|
const default_slot_template = /*#slots*/ ctx[1].default;
|
2434
2417
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
|
2435
2418
|
|
2436
2419
|
return {
|
2437
2420
|
c() {
|
2438
|
-
create_component(normalize.$$.fragment);
|
2439
|
-
t = space();
|
2440
2421
|
if (default_slot) default_slot.c();
|
2441
2422
|
},
|
2442
2423
|
m(target, anchor) {
|
2443
|
-
mount_component(normalize, target, anchor);
|
2444
|
-
insert(target, t, anchor);
|
2445
|
-
|
2446
2424
|
if (default_slot) {
|
2447
2425
|
default_slot.m(target, anchor);
|
2448
2426
|
}
|
@@ -2467,18 +2445,14 @@ function create_fragment$x(ctx) {
|
|
2467
2445
|
},
|
2468
2446
|
i(local) {
|
2469
2447
|
if (current) return;
|
2470
|
-
transition_in(normalize.$$.fragment, local);
|
2471
2448
|
transition_in(default_slot, local);
|
2472
2449
|
current = true;
|
2473
2450
|
},
|
2474
2451
|
o(local) {
|
2475
|
-
transition_out(normalize.$$.fragment, local);
|
2476
2452
|
transition_out(default_slot, local);
|
2477
2453
|
current = false;
|
2478
2454
|
},
|
2479
2455
|
d(detaching) {
|
2480
|
-
destroy_component(normalize, detaching);
|
2481
|
-
if (detaching) detach(t);
|
2482
2456
|
if (default_slot) default_slot.d(detaching);
|
2483
2457
|
}
|
2484
2458
|
};
|
@@ -3192,7 +3166,7 @@ function add_css$q(target) {
|
|
3192
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}");
|
3193
3167
|
}
|
3194
3168
|
|
3195
|
-
// (
|
3169
|
+
// (144:0) {#if visible}
|
3196
3170
|
function create_if_block$5(ctx) {
|
3197
3171
|
let div;
|
3198
3172
|
let button;
|
@@ -3222,7 +3196,7 @@ function create_if_block$5(ctx) {
|
|
3222
3196
|
m(target, anchor) {
|
3223
3197
|
insert(target, div, anchor);
|
3224
3198
|
mount_component(button, div, null);
|
3225
|
-
/*div_binding*/ ctx[
|
3199
|
+
/*div_binding*/ ctx[28](div);
|
3226
3200
|
current = true;
|
3227
3201
|
},
|
3228
3202
|
p(new_ctx, dirty) {
|
@@ -3232,7 +3206,7 @@ function create_if_block$5(ctx) {
|
|
3232
3206
|
if (dirty & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
|
3233
3207
|
if (dirty & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
|
3234
3208
|
|
3235
|
-
if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/
|
3209
|
+
if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 538444784) {
|
3236
3210
|
button_changes.$$scope = { dirty, ctx };
|
3237
3211
|
}
|
3238
3212
|
|
@@ -3266,12 +3240,12 @@ function create_if_block$5(ctx) {
|
|
3266
3240
|
d(detaching) {
|
3267
3241
|
if (detaching) detach(div);
|
3268
3242
|
destroy_component(button);
|
3269
|
-
/*div_binding*/ ctx[
|
3243
|
+
/*div_binding*/ ctx[28](null);
|
3270
3244
|
}
|
3271
3245
|
};
|
3272
3246
|
}
|
3273
3247
|
|
3274
|
-
// (
|
3248
|
+
// (161:6) {#if closable}
|
3275
3249
|
function create_if_block_1$1(ctx) {
|
3276
3250
|
let div;
|
3277
3251
|
let button;
|
@@ -3307,7 +3281,7 @@ function create_if_block_1$1(ctx) {
|
|
3307
3281
|
if (dirty & /*closeEventName*/ 64) button_changes.eventName = /*closeEventName*/ ctx[6];
|
3308
3282
|
if (dirty & /*closeEventValue*/ 128) button_changes.eventValue = /*closeEventValue*/ ctx[7];
|
3309
3283
|
|
3310
|
-
if (dirty & /*$$scope, closeButtonColor*/
|
3284
|
+
if (dirty & /*$$scope, closeButtonColor*/ 536871168) {
|
3311
3285
|
button_changes.$$scope = { dirty, ctx };
|
3312
3286
|
}
|
3313
3287
|
|
@@ -3333,7 +3307,7 @@ function create_if_block_1$1(ctx) {
|
|
3333
3307
|
};
|
3334
3308
|
}
|
3335
3309
|
|
3336
|
-
// (
|
3310
|
+
// (163:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
|
3337
3311
|
function create_default_slot_1$1(ctx) {
|
3338
3312
|
let svg;
|
3339
3313
|
let path;
|
@@ -3366,14 +3340,14 @@ function create_default_slot_1$1(ctx) {
|
|
3366
3340
|
};
|
3367
3341
|
}
|
3368
3342
|
|
3369
|
-
// (
|
3343
|
+
// (160:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
|
3370
3344
|
function create_default_slot$6(ctx) {
|
3371
3345
|
let t;
|
3372
3346
|
let div;
|
3373
3347
|
let current;
|
3374
3348
|
let if_block = /*closable*/ ctx[19] && create_if_block_1$1(ctx);
|
3375
|
-
const default_slot_template = /*#slots*/ ctx[
|
3376
|
-
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);
|
3377
3351
|
|
3378
3352
|
return {
|
3379
3353
|
c() {
|
@@ -3420,15 +3394,15 @@ function create_default_slot$6(ctx) {
|
|
3420
3394
|
}
|
3421
3395
|
|
3422
3396
|
if (default_slot) {
|
3423
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
3397
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
|
3424
3398
|
update_slot_base(
|
3425
3399
|
default_slot,
|
3426
3400
|
default_slot_template,
|
3427
3401
|
ctx,
|
3428
|
-
/*$$scope*/ ctx[
|
3402
|
+
/*$$scope*/ ctx[29],
|
3429
3403
|
!current
|
3430
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
3431
|
-
: 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),
|
3432
3406
|
null
|
3433
3407
|
);
|
3434
3408
|
}
|
@@ -3581,7 +3555,6 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3581
3555
|
let backgroundOverray = DefaultModalPlacement.backgroundOverlay;
|
3582
3556
|
let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
|
3583
3557
|
let modal;
|
3584
|
-
let { debugDisableAnimation = false } = $$props;
|
3585
3558
|
|
3586
3559
|
onMount$1(() => {
|
3587
3560
|
$$invalidate(12, visible = true);
|
@@ -3609,13 +3582,12 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3609
3582
|
if ('closeEventValue' in $$props) $$invalidate(7, closeEventValue = $$props.closeEventValue);
|
3610
3583
|
if ('closeButtonColor' in $$props) $$invalidate(8, closeButtonColor = $$props.closeButtonColor);
|
3611
3584
|
if ('_closeStyle' in $$props) $$invalidate(9, _closeStyle = $$props._closeStyle);
|
3612
|
-
if ('
|
3613
|
-
if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
|
3585
|
+
if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
|
3614
3586
|
};
|
3615
3587
|
|
3616
3588
|
$$self.$$.update = () => {
|
3617
3589
|
if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
|
3618
|
-
$$invalidate(
|
3590
|
+
$$invalidate(24, close = () => {
|
3619
3591
|
if (closeEventName) {
|
3620
3592
|
send_event(closeEventName, closeEventValue);
|
3621
3593
|
}
|
@@ -3639,12 +3611,12 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3639
3611
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
3640
3612
|
{
|
3641
3613
|
if (placement && placement.backgroundClick) {
|
3642
|
-
$$invalidate(
|
3614
|
+
$$invalidate(23, backgroundClickFunction = placement.backgroundClick);
|
3643
3615
|
}
|
3644
3616
|
}
|
3645
3617
|
}
|
3646
3618
|
|
3647
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
3619
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
|
3648
3620
|
$$invalidate(18, backgroundClick = () => {
|
3649
3621
|
if (closeEventName) {
|
3650
3622
|
send_event(closeEventName, closeEventValue);
|
@@ -3655,13 +3627,13 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3655
3627
|
}
|
3656
3628
|
|
3657
3629
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
3658
|
-
$$invalidate(
|
3630
|
+
$$invalidate(26, overwritePosition = placement && placement.position != null
|
3659
3631
|
? placement.position
|
3660
3632
|
: DefaultModalPlacement.position);
|
3661
3633
|
}
|
3662
3634
|
|
3663
3635
|
if ($$self.$$.dirty & /*placement*/ 2097152) {
|
3664
|
-
$$invalidate(
|
3636
|
+
$$invalidate(25, overwriteMargin = placement && placement.margin != null
|
3665
3637
|
? placement.margin
|
3666
3638
|
: DefaultModalPlacement.margin);
|
3667
3639
|
}
|
@@ -3670,30 +3642,28 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3670
3642
|
$$invalidate(17, overwriteElasticity = elasticity);
|
3671
3643
|
}
|
3672
3644
|
|
3673
|
-
if ($$self.$$.dirty & /*overwritePosition*/
|
3645
|
+
if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
|
3674
3646
|
$$invalidate(16, pos = getPositionStyle(overwritePosition));
|
3675
3647
|
}
|
3676
3648
|
|
3677
|
-
if ($$self.$$.dirty & /*overwritePosition*/
|
3649
|
+
if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
|
3678
3650
|
$$invalidate(15, transform = getTransform(overwritePosition));
|
3679
3651
|
}
|
3680
3652
|
|
3681
|
-
if ($$self.$$.dirty & /*overwriteMargin*/
|
3653
|
+
if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
|
3682
3654
|
$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
|
3683
3655
|
}
|
3684
3656
|
|
3685
|
-
if ($$self.$$.dirty & /*close, modal*/
|
3657
|
+
if ($$self.$$.dirty & /*close, modal*/ 16778240) {
|
3686
3658
|
$$invalidate(13, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
|
3687
3659
|
}
|
3688
|
-
|
3689
|
-
if ($$self.$$.dirty & /*debugDisableAnimation*/ 8388608) {
|
3690
|
-
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
3691
|
-
$$invalidate(12, visible = debugDisableAnimation ? true : false);
|
3692
|
-
}
|
3693
3660
|
};
|
3694
3661
|
|
3695
3662
|
$$invalidate(10, modal = null);
|
3696
3663
|
|
3664
|
+
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
3665
|
+
$$invalidate(12, visible = false);
|
3666
|
+
|
3697
3667
|
return [
|
3698
3668
|
onClick,
|
3699
3669
|
clickEventName,
|
@@ -3718,7 +3688,6 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
3718
3688
|
$maximumZindex,
|
3719
3689
|
placement,
|
3720
3690
|
elasticity,
|
3721
|
-
debugDisableAnimation,
|
3722
3691
|
backgroundClickFunction,
|
3723
3692
|
close,
|
3724
3693
|
overwriteMargin,
|
@@ -3751,8 +3720,7 @@ class Modal extends SvelteComponent {
|
|
3751
3720
|
closeEventName: 6,
|
3752
3721
|
closeEventValue: 7,
|
3753
3722
|
closeButtonColor: 8,
|
3754
|
-
_closeStyle: 9
|
3755
|
-
debugDisableAnimation: 23
|
3723
|
+
_closeStyle: 9
|
3756
3724
|
},
|
3757
3725
|
add_css$q
|
3758
3726
|
);
|