@plaidev/karte-action-sdk 1.1.174 → 1.1.175-28034237.abae79ac
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 +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
|
);
|