@plaidev/karte-action-sdk 1.1.255-28810509.aa4fd817 → 1.1.255-28810552.9a96aac1
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 +79 -69
- package/dist/index.es.js +79 -70
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -16217,10 +16217,10 @@ class CloseButton extends SvelteComponent {
|
|
16217
16217
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
16218
16218
|
|
16219
16219
|
function add_css$7(target) {
|
16220
|
-
append_styles(target, "svelte-
|
16220
|
+
append_styles(target, "svelte-10a9nyt", ".image.svelte-10a9nyt{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-object.svelte-10a9nyt{width:100%;overflow:hidden}.image-img.svelte-10a9nyt{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
16221
16221
|
}
|
16222
16222
|
|
16223
|
-
// (19:0) <svelte:element
|
16223
|
+
// (19:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
|
16224
16224
|
function create_dynamic_element$2(ctx) {
|
16225
16225
|
let svelte_element;
|
16226
16226
|
let object;
|
@@ -16268,9 +16268,9 @@ function create_dynamic_element$2(ctx) {
|
|
16268
16268
|
h() {
|
16269
16269
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
16270
16270
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
16271
|
-
attr(img, "class", "image-img svelte-
|
16271
|
+
attr(img, "class", "image-img svelte-10a9nyt");
|
16272
16272
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
16273
|
-
attr(object, "class", "image-object svelte-
|
16273
|
+
attr(object, "class", "image-object svelte-10a9nyt");
|
16274
16274
|
|
16275
16275
|
if ((/-/).test(/*element*/ ctx[5])) {
|
16276
16276
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -16278,7 +16278,7 @@ function create_dynamic_element$2(ctx) {
|
|
16278
16278
|
set_attributes(svelte_element, svelte_element_data);
|
16279
16279
|
}
|
16280
16280
|
|
16281
|
-
toggle_class(svelte_element, "svelte-
|
16281
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
16282
16282
|
},
|
16283
16283
|
m(target, anchor) {
|
16284
16284
|
insert_hydration(target, svelte_element, anchor);
|
@@ -16316,7 +16316,7 @@ function create_dynamic_element$2(ctx) {
|
|
16316
16316
|
set_attributes(svelte_element, svelte_element_data);
|
16317
16317
|
}
|
16318
16318
|
|
16319
|
-
toggle_class(svelte_element, "svelte-
|
16319
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
16320
16320
|
},
|
16321
16321
|
d(detaching) {
|
16322
16322
|
if (detaching) detach(svelte_element);
|
@@ -17803,19 +17803,19 @@ function add_css$1(target) {
|
|
17803
17803
|
append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
17804
17804
|
}
|
17805
17805
|
|
17806
|
-
// (
|
17806
|
+
// (220:0) {:else}
|
17807
17807
|
function create_else_block(ctx) {
|
17808
17808
|
let backgroundoverlay;
|
17809
17809
|
let current;
|
17810
17810
|
|
17811
17811
|
backgroundoverlay = new BackgroundOverlay({
|
17812
17812
|
props: {
|
17813
|
-
backgroundOverlay: /*backgroundOverlay*/ ctx[
|
17813
|
+
backgroundOverlay: /*backgroundOverlay*/ ctx[4]
|
17814
17814
|
}
|
17815
17815
|
});
|
17816
17816
|
|
17817
17817
|
backgroundoverlay.$on("click", function () {
|
17818
|
-
if (is_function(/*backgroundClick*/ ctx[
|
17818
|
+
if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
|
17819
17819
|
});
|
17820
17820
|
|
17821
17821
|
return {
|
@@ -17832,7 +17832,7 @@ function create_else_block(ctx) {
|
|
17832
17832
|
p(new_ctx, dirty) {
|
17833
17833
|
ctx = new_ctx;
|
17834
17834
|
const backgroundoverlay_changes = {};
|
17835
|
-
if (dirty & /*backgroundOverlay*/
|
17835
|
+
if (dirty & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
|
17836
17836
|
backgroundoverlay.$set(backgroundoverlay_changes);
|
17837
17837
|
},
|
17838
17838
|
i(local) {
|
@@ -17850,7 +17850,7 @@ function create_else_block(ctx) {
|
|
17850
17850
|
};
|
17851
17851
|
}
|
17852
17852
|
|
17853
|
-
// (
|
17853
|
+
// (209:24)
|
17854
17854
|
function create_if_block_2(ctx) {
|
17855
17855
|
let backgroundoverlay0;
|
17856
17856
|
let t;
|
@@ -17860,23 +17860,23 @@ function create_if_block_2(ctx) {
|
|
17860
17860
|
backgroundoverlay0 = new BackgroundOverlay({
|
17861
17861
|
props: {
|
17862
17862
|
class: "background-bp-pc",
|
17863
|
-
backgroundOverlay: /*backgroundOverlayPC*/ ctx[
|
17863
|
+
backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
|
17864
17864
|
}
|
17865
17865
|
});
|
17866
17866
|
|
17867
17867
|
backgroundoverlay0.$on("click", function () {
|
17868
|
-
if (is_function(/*backgroundClickPC*/ ctx[
|
17868
|
+
if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
|
17869
17869
|
});
|
17870
17870
|
|
17871
17871
|
backgroundoverlay1 = new BackgroundOverlay({
|
17872
17872
|
props: {
|
17873
17873
|
class: "background-bp-sp ",
|
17874
|
-
backgroundOverlay: /*backgroundOverlaySP*/ ctx[
|
17874
|
+
backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
|
17875
17875
|
}
|
17876
17876
|
});
|
17877
17877
|
|
17878
17878
|
backgroundoverlay1.$on("click", function () {
|
17879
|
-
if (is_function(/*backgroundClickSP*/ ctx[
|
17879
|
+
if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
|
17880
17880
|
});
|
17881
17881
|
|
17882
17882
|
return {
|
@@ -17899,10 +17899,10 @@ function create_if_block_2(ctx) {
|
|
17899
17899
|
p(new_ctx, dirty) {
|
17900
17900
|
ctx = new_ctx;
|
17901
17901
|
const backgroundoverlay0_changes = {};
|
17902
|
-
if (dirty & /*backgroundOverlayPC*/
|
17902
|
+
if (dirty & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
|
17903
17903
|
backgroundoverlay0.$set(backgroundoverlay0_changes);
|
17904
17904
|
const backgroundoverlay1_changes = {};
|
17905
|
-
if (dirty & /*backgroundOverlaySP*/
|
17905
|
+
if (dirty & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
|
17906
17906
|
backgroundoverlay1.$set(backgroundoverlay1_changes);
|
17907
17907
|
},
|
17908
17908
|
i(local) {
|
@@ -17924,7 +17924,7 @@ function create_if_block_2(ctx) {
|
|
17924
17924
|
};
|
17925
17925
|
}
|
17926
17926
|
|
17927
|
-
// (
|
17927
|
+
// (207:0) {#if isPreview()}
|
17928
17928
|
function create_if_block_1(ctx) {
|
17929
17929
|
return {
|
17930
17930
|
c: noop,
|
@@ -17937,14 +17937,14 @@ function create_if_block_1(ctx) {
|
|
17937
17937
|
};
|
17938
17938
|
}
|
17939
17939
|
|
17940
|
-
// (
|
17940
|
+
// (223:0) {#if visible}
|
17941
17941
|
function create_if_block(ctx) {
|
17942
17942
|
let div;
|
17943
17943
|
let div_class_value;
|
17944
17944
|
let div_intro;
|
17945
17945
|
let current;
|
17946
|
-
const default_slot_template = /*#slots*/ ctx[
|
17947
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
17946
|
+
const default_slot_template = /*#slots*/ ctx[24].default;
|
17947
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[23], null);
|
17948
17948
|
|
17949
17949
|
return {
|
17950
17950
|
c() {
|
@@ -17957,6 +17957,7 @@ function create_if_block(ctx) {
|
|
17957
17957
|
class: true,
|
17958
17958
|
role: true,
|
17959
17959
|
"aria-modal": true,
|
17960
|
+
"data-layer-id": true,
|
17960
17961
|
style: true
|
17961
17962
|
});
|
17962
17963
|
|
@@ -17969,7 +17970,8 @@ function create_if_block(ctx) {
|
|
17969
17970
|
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
17970
17971
|
attr(div, "role", "dialog");
|
17971
17972
|
attr(div, "aria-modal", "true");
|
17972
|
-
attr(div, "
|
17973
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
17974
|
+
attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
|
17973
17975
|
},
|
17974
17976
|
m(target, anchor) {
|
17975
17977
|
insert_hydration(target, div, anchor);
|
@@ -17978,22 +17980,22 @@ function create_if_block(ctx) {
|
|
17978
17980
|
default_slot.m(div, null);
|
17979
17981
|
}
|
17980
17982
|
|
17981
|
-
/*div_binding*/ ctx[
|
17983
|
+
/*div_binding*/ ctx[25](div);
|
17982
17984
|
current = true;
|
17983
17985
|
},
|
17984
17986
|
p(new_ctx, dirty) {
|
17985
17987
|
ctx = new_ctx;
|
17986
17988
|
|
17987
17989
|
if (default_slot) {
|
17988
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
17990
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 8388608)) {
|
17989
17991
|
update_slot_base(
|
17990
17992
|
default_slot,
|
17991
17993
|
default_slot_template,
|
17992
17994
|
ctx,
|
17993
|
-
/*$$scope*/ ctx[
|
17995
|
+
/*$$scope*/ ctx[23],
|
17994
17996
|
!current
|
17995
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
17996
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
17997
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[23])
|
17998
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[23], dirty, null),
|
17997
17999
|
null
|
17998
18000
|
);
|
17999
18001
|
}
|
@@ -18002,6 +18004,10 @@ function create_if_block(ctx) {
|
|
18002
18004
|
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
18003
18005
|
attr(div, "class", div_class_value);
|
18004
18006
|
}
|
18007
|
+
|
18008
|
+
if (!current || dirty & /*layerId*/ 4) {
|
18009
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
18010
|
+
}
|
18005
18011
|
},
|
18006
18012
|
i(local) {
|
18007
18013
|
if (current) return;
|
@@ -18010,7 +18016,7 @@ function create_if_block(ctx) {
|
|
18010
18016
|
if (!div_intro) {
|
18011
18017
|
add_render_callback(() => {
|
18012
18018
|
div_intro = create_in_transition(div, customAnimation, {
|
18013
|
-
transforms: /*transforms*/ ctx[
|
18019
|
+
transforms: /*transforms*/ ctx[3],
|
18014
18020
|
animationStyle: /*animation*/ ctx[1]
|
18015
18021
|
});
|
18016
18022
|
|
@@ -18027,7 +18033,7 @@ function create_if_block(ctx) {
|
|
18027
18033
|
d(detaching) {
|
18028
18034
|
if (detaching) detach(div);
|
18029
18035
|
if (default_slot) default_slot.d(detaching);
|
18030
|
-
/*div_binding*/ ctx[
|
18036
|
+
/*div_binding*/ ctx[25](null);
|
18031
18037
|
}
|
18032
18038
|
};
|
18033
18039
|
}
|
@@ -18053,7 +18059,7 @@ function create_fragment$1(ctx) {
|
|
18053
18059
|
|
18054
18060
|
current_block_type_index = select_block_type(ctx);
|
18055
18061
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
18056
|
-
let if_block1 = /*visible*/ ctx[
|
18062
|
+
let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
|
18057
18063
|
|
18058
18064
|
return {
|
18059
18065
|
c() {
|
@@ -18077,7 +18083,7 @@ function create_fragment$1(ctx) {
|
|
18077
18083
|
|
18078
18084
|
if (!mounted) {
|
18079
18085
|
dispose = listen(window, "keydown", function () {
|
18080
|
-
if (is_function(/*handle_keydown*/ ctx[
|
18086
|
+
if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
|
18081
18087
|
});
|
18082
18088
|
|
18083
18089
|
mounted = true;
|
@@ -18111,11 +18117,11 @@ function create_fragment$1(ctx) {
|
|
18111
18117
|
if_block0.m(t.parentNode, t);
|
18112
18118
|
}
|
18113
18119
|
|
18114
|
-
if (/*visible*/ ctx[
|
18120
|
+
if (/*visible*/ ctx[8]) {
|
18115
18121
|
if (if_block1) {
|
18116
18122
|
if_block1.p(ctx, dirty);
|
18117
18123
|
|
18118
|
-
if (dirty & /*visible*/
|
18124
|
+
if (dirty & /*visible*/ 256) {
|
18119
18125
|
transition_in(if_block1, 1);
|
18120
18126
|
}
|
18121
18127
|
} else {
|
@@ -18171,6 +18177,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18171
18177
|
let { animation = 'none' } = $$props;
|
18172
18178
|
let { closeEventName = '' } = $$props;
|
18173
18179
|
let { closeEventValue = null } = $$props;
|
18180
|
+
let { layerId = '' } = $$props;
|
18174
18181
|
|
18175
18182
|
// モーダル背景の設定
|
18176
18183
|
placement && placement.backgroundOverlay !== undefined;
|
@@ -18189,7 +18196,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18189
18196
|
let modal;
|
18190
18197
|
|
18191
18198
|
onMount$1(() => {
|
18192
|
-
$$invalidate(
|
18199
|
+
$$invalidate(8, visible = true);
|
18193
18200
|
});
|
18194
18201
|
|
18195
18202
|
onDestroy$1(() => setPreviousFocus());
|
@@ -18197,24 +18204,25 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18197
18204
|
function div_binding($$value) {
|
18198
18205
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
18199
18206
|
modal = $$value;
|
18200
|
-
$$invalidate(
|
18207
|
+
$$invalidate(7, modal);
|
18201
18208
|
});
|
18202
18209
|
}
|
18203
18210
|
|
18204
18211
|
$$self.$$set = $$props => {
|
18205
18212
|
if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
|
18206
|
-
if ('placement' in $$props) $$invalidate(
|
18207
|
-
if ('breakPoint' in $$props) $$invalidate(
|
18208
|
-
if ('elasticity' in $$props) $$invalidate(
|
18213
|
+
if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
|
18214
|
+
if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
|
18215
|
+
if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
|
18209
18216
|
if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
|
18210
|
-
if ('closeEventName' in $$props) $$invalidate(
|
18211
|
-
if ('closeEventValue' in $$props) $$invalidate(
|
18212
|
-
if ('
|
18217
|
+
if ('closeEventName' in $$props) $$invalidate(17, closeEventName = $$props.closeEventName);
|
18218
|
+
if ('closeEventValue' in $$props) $$invalidate(18, closeEventValue = $$props.closeEventValue);
|
18219
|
+
if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
|
18220
|
+
if ('$$scope' in $$props) $$invalidate(23, $$scope = $$props.$$scope);
|
18213
18221
|
};
|
18214
18222
|
|
18215
18223
|
$$self.$$.update = () => {
|
18216
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/
|
18217
|
-
$$invalidate(
|
18224
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 393216) {
|
18225
|
+
$$invalidate(22, close = () => {
|
18218
18226
|
const onClose = { operation: 'closeApp', args: ['button'] };
|
18219
18227
|
|
18220
18228
|
if (closeEventName) {
|
@@ -18225,42 +18233,42 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18225
18233
|
});
|
18226
18234
|
}
|
18227
18235
|
|
18228
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
18236
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
|
18229
18237
|
{
|
18230
18238
|
|
18231
18239
|
if (useBreakPoint) {
|
18232
18240
|
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
18233
|
-
$$invalidate(
|
18241
|
+
$$invalidate(5, backgroundOverlayPC = pc ?? false);
|
18234
18242
|
const sp = breakPoint?.SP?.placement?.backgroundOverlay;
|
18235
|
-
$$invalidate(
|
18243
|
+
$$invalidate(6, backgroundOverlaySP = sp ?? false);
|
18236
18244
|
}
|
18237
18245
|
}
|
18238
18246
|
}
|
18239
18247
|
|
18240
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
18248
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
|
18241
18249
|
{
|
18242
18250
|
if (placement && placement.backgroundClick) {
|
18243
|
-
$$invalidate(
|
18251
|
+
$$invalidate(19, backgroundClickFunction = placement.backgroundClick);
|
18244
18252
|
}
|
18245
18253
|
|
18246
18254
|
if (useBreakPoint) {
|
18247
18255
|
const pc = breakPoint?.PC?.placement?.backgroundClick;
|
18248
18256
|
|
18249
18257
|
if (pc) {
|
18250
|
-
$$invalidate(
|
18258
|
+
$$invalidate(20, backgroundClickFunctionPC = pc);
|
18251
18259
|
}
|
18252
18260
|
|
18253
18261
|
const sp = breakPoint?.SP?.placement?.backgroundClick;
|
18254
18262
|
|
18255
18263
|
if (sp) {
|
18256
|
-
$$invalidate(
|
18264
|
+
$$invalidate(21, backgroundClickFunctionSP = sp);
|
18257
18265
|
}
|
18258
18266
|
}
|
18259
18267
|
}
|
18260
18268
|
}
|
18261
18269
|
|
18262
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
18263
|
-
$$invalidate(
|
18270
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 917504) {
|
18271
|
+
$$invalidate(12, backgroundClick = () => {
|
18264
18272
|
if (closeEventName) {
|
18265
18273
|
send_event(closeEventName, closeEventValue);
|
18266
18274
|
}
|
@@ -18269,8 +18277,8 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18269
18277
|
});
|
18270
18278
|
}
|
18271
18279
|
|
18272
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/
|
18273
|
-
$$invalidate(
|
18280
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 1441792) {
|
18281
|
+
$$invalidate(11, backgroundClickPC = () => {
|
18274
18282
|
if (closeEventName) {
|
18275
18283
|
send_event(closeEventName, closeEventValue);
|
18276
18284
|
}
|
@@ -18279,8 +18287,8 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18279
18287
|
});
|
18280
18288
|
}
|
18281
18289
|
|
18282
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/
|
18283
|
-
$$invalidate(
|
18290
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 2490368) {
|
18291
|
+
$$invalidate(10, backgroundClickSP = () => {
|
18284
18292
|
if (closeEventName) {
|
18285
18293
|
send_event(closeEventName, closeEventValue);
|
18286
18294
|
}
|
@@ -18289,7 +18297,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18289
18297
|
});
|
18290
18298
|
}
|
18291
18299
|
|
18292
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/
|
18300
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
|
18293
18301
|
// 表示位置のスタイルとアニメーションの動きを設定
|
18294
18302
|
{
|
18295
18303
|
// 表示位置のスタイルの設定
|
@@ -18301,7 +18309,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18301
18309
|
modalStyles.add(positionStyle);
|
18302
18310
|
}
|
18303
18311
|
|
18304
|
-
$$invalidate(
|
18312
|
+
$$invalidate(3, transforms = []);
|
18305
18313
|
|
18306
18314
|
DEVICE_IDS.forEach(deviceId => {
|
18307
18315
|
|
@@ -18319,7 +18327,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18319
18327
|
}
|
18320
18328
|
}
|
18321
18329
|
|
18322
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
18330
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
|
18323
18331
|
// 表示位置の調整のスタイルを設定
|
18324
18332
|
{
|
18325
18333
|
let margin = DefaultModalPlacement.margin;
|
@@ -18343,7 +18351,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18343
18351
|
}
|
18344
18352
|
}
|
18345
18353
|
|
18346
|
-
if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/
|
18354
|
+
if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 98305) {
|
18347
18355
|
// 拡大方法のスタイルを設定
|
18348
18356
|
{
|
18349
18357
|
let elasticStyle = ElasticityStyle['none' ];
|
@@ -18365,19 +18373,20 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
18365
18373
|
}
|
18366
18374
|
}
|
18367
18375
|
|
18368
|
-
if ($$self.$$.dirty & /*close*/
|
18369
|
-
$$invalidate(
|
18376
|
+
if ($$self.$$.dirty & /*close*/ 4194304) {
|
18377
|
+
$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
|
18370
18378
|
}
|
18371
18379
|
};
|
18372
18380
|
|
18373
|
-
$$invalidate(
|
18381
|
+
$$invalidate(7, modal = null);
|
18374
18382
|
|
18375
18383
|
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
18376
|
-
$$invalidate(
|
18384
|
+
$$invalidate(8, visible = false);
|
18377
18385
|
|
18378
18386
|
return [
|
18379
18387
|
useBreakPoint,
|
18380
18388
|
animation,
|
18389
|
+
layerId,
|
18381
18390
|
transforms,
|
18382
18391
|
backgroundOverlay,
|
18383
18392
|
backgroundOverlayPC,
|
@@ -18416,12 +18425,13 @@ class Modal extends SvelteComponent {
|
|
18416
18425
|
safe_not_equal,
|
18417
18426
|
{
|
18418
18427
|
useBreakPoint: 0,
|
18419
|
-
placement:
|
18420
|
-
breakPoint:
|
18421
|
-
elasticity:
|
18428
|
+
placement: 14,
|
18429
|
+
breakPoint: 15,
|
18430
|
+
elasticity: 16,
|
18422
18431
|
animation: 1,
|
18423
|
-
closeEventName:
|
18424
|
-
closeEventValue:
|
18432
|
+
closeEventName: 17,
|
18433
|
+
closeEventValue: 18,
|
18434
|
+
layerId: 2
|
18425
18435
|
},
|
18426
18436
|
add_css$1
|
18427
18437
|
);
|
package/dist/index.es.js
CHANGED
@@ -15012,10 +15012,10 @@ class CloseButton extends SvelteComponent {
|
|
15012
15012
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
15013
15013
|
|
15014
15014
|
function add_css$7(target) {
|
15015
|
-
append_styles(target, "svelte-
|
15015
|
+
append_styles(target, "svelte-10a9nyt", ".image.svelte-10a9nyt{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-object.svelte-10a9nyt{width:100%;overflow:hidden}.image-img.svelte-10a9nyt{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
15016
15016
|
}
|
15017
15017
|
|
15018
|
-
// (19:0) <svelte:element
|
15018
|
+
// (19:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
|
15019
15019
|
function create_dynamic_element$2(ctx) {
|
15020
15020
|
let svelte_element;
|
15021
15021
|
let object;
|
@@ -15045,9 +15045,9 @@ function create_dynamic_element$2(ctx) {
|
|
15045
15045
|
img = element("img");
|
15046
15046
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
15047
15047
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
15048
|
-
attr(img, "class", "image-img svelte-
|
15048
|
+
attr(img, "class", "image-img svelte-10a9nyt");
|
15049
15049
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
15050
|
-
attr(object, "class", "image-object svelte-
|
15050
|
+
attr(object, "class", "image-object svelte-10a9nyt");
|
15051
15051
|
|
15052
15052
|
if ((/-/).test(/*element*/ ctx[5])) {
|
15053
15053
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -15055,7 +15055,7 @@ function create_dynamic_element$2(ctx) {
|
|
15055
15055
|
set_attributes(svelte_element, svelte_element_data);
|
15056
15056
|
}
|
15057
15057
|
|
15058
|
-
toggle_class(svelte_element, "svelte-
|
15058
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
15059
15059
|
},
|
15060
15060
|
m(target, anchor) {
|
15061
15061
|
insert(target, svelte_element, anchor);
|
@@ -15093,7 +15093,7 @@ function create_dynamic_element$2(ctx) {
|
|
15093
15093
|
set_attributes(svelte_element, svelte_element_data);
|
15094
15094
|
}
|
15095
15095
|
|
15096
|
-
toggle_class(svelte_element, "svelte-
|
15096
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
15097
15097
|
},
|
15098
15098
|
d(detaching) {
|
15099
15099
|
if (detaching) detach(svelte_element);
|
@@ -16474,19 +16474,19 @@ function add_css$1(target) {
|
|
16474
16474
|
append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
16475
16475
|
}
|
16476
16476
|
|
16477
|
-
// (
|
16477
|
+
// (220:0) {:else}
|
16478
16478
|
function create_else_block(ctx) {
|
16479
16479
|
let backgroundoverlay;
|
16480
16480
|
let current;
|
16481
16481
|
|
16482
16482
|
backgroundoverlay = new BackgroundOverlay({
|
16483
16483
|
props: {
|
16484
|
-
backgroundOverlay: /*backgroundOverlay*/ ctx[
|
16484
|
+
backgroundOverlay: /*backgroundOverlay*/ ctx[4]
|
16485
16485
|
}
|
16486
16486
|
});
|
16487
16487
|
|
16488
16488
|
backgroundoverlay.$on("click", function () {
|
16489
|
-
if (is_function(/*backgroundClick*/ ctx[
|
16489
|
+
if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
|
16490
16490
|
});
|
16491
16491
|
|
16492
16492
|
return {
|
@@ -16500,7 +16500,7 @@ function create_else_block(ctx) {
|
|
16500
16500
|
p(new_ctx, dirty) {
|
16501
16501
|
ctx = new_ctx;
|
16502
16502
|
const backgroundoverlay_changes = {};
|
16503
|
-
if (dirty & /*backgroundOverlay*/
|
16503
|
+
if (dirty & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
|
16504
16504
|
backgroundoverlay.$set(backgroundoverlay_changes);
|
16505
16505
|
},
|
16506
16506
|
i(local) {
|
@@ -16518,7 +16518,7 @@ function create_else_block(ctx) {
|
|
16518
16518
|
};
|
16519
16519
|
}
|
16520
16520
|
|
16521
|
-
// (
|
16521
|
+
// (209:24)
|
16522
16522
|
function create_if_block_2(ctx) {
|
16523
16523
|
let backgroundoverlay0;
|
16524
16524
|
let t;
|
@@ -16528,23 +16528,23 @@ function create_if_block_2(ctx) {
|
|
16528
16528
|
backgroundoverlay0 = new BackgroundOverlay({
|
16529
16529
|
props: {
|
16530
16530
|
class: "background-bp-pc",
|
16531
|
-
backgroundOverlay: /*backgroundOverlayPC*/ ctx[
|
16531
|
+
backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
|
16532
16532
|
}
|
16533
16533
|
});
|
16534
16534
|
|
16535
16535
|
backgroundoverlay0.$on("click", function () {
|
16536
|
-
if (is_function(/*backgroundClickPC*/ ctx[
|
16536
|
+
if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
|
16537
16537
|
});
|
16538
16538
|
|
16539
16539
|
backgroundoverlay1 = new BackgroundOverlay({
|
16540
16540
|
props: {
|
16541
16541
|
class: "background-bp-sp ",
|
16542
|
-
backgroundOverlay: /*backgroundOverlaySP*/ ctx[
|
16542
|
+
backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
|
16543
16543
|
}
|
16544
16544
|
});
|
16545
16545
|
|
16546
16546
|
backgroundoverlay1.$on("click", function () {
|
16547
|
-
if (is_function(/*backgroundClickSP*/ ctx[
|
16547
|
+
if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
|
16548
16548
|
});
|
16549
16549
|
|
16550
16550
|
return {
|
@@ -16562,10 +16562,10 @@ function create_if_block_2(ctx) {
|
|
16562
16562
|
p(new_ctx, dirty) {
|
16563
16563
|
ctx = new_ctx;
|
16564
16564
|
const backgroundoverlay0_changes = {};
|
16565
|
-
if (dirty & /*backgroundOverlayPC*/
|
16565
|
+
if (dirty & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
|
16566
16566
|
backgroundoverlay0.$set(backgroundoverlay0_changes);
|
16567
16567
|
const backgroundoverlay1_changes = {};
|
16568
|
-
if (dirty & /*backgroundOverlaySP*/
|
16568
|
+
if (dirty & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
|
16569
16569
|
backgroundoverlay1.$set(backgroundoverlay1_changes);
|
16570
16570
|
},
|
16571
16571
|
i(local) {
|
@@ -16587,7 +16587,7 @@ function create_if_block_2(ctx) {
|
|
16587
16587
|
};
|
16588
16588
|
}
|
16589
16589
|
|
16590
|
-
// (
|
16590
|
+
// (207:0) {#if isPreview()}
|
16591
16591
|
function create_if_block_1(ctx) {
|
16592
16592
|
return {
|
16593
16593
|
c: noop,
|
@@ -16599,14 +16599,14 @@ function create_if_block_1(ctx) {
|
|
16599
16599
|
};
|
16600
16600
|
}
|
16601
16601
|
|
16602
|
-
// (
|
16602
|
+
// (223:0) {#if visible}
|
16603
16603
|
function create_if_block(ctx) {
|
16604
16604
|
let div;
|
16605
16605
|
let div_class_value;
|
16606
16606
|
let div_intro;
|
16607
16607
|
let current;
|
16608
|
-
const default_slot_template = /*#slots*/ ctx[
|
16609
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
16608
|
+
const default_slot_template = /*#slots*/ ctx[24].default;
|
16609
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[23], null);
|
16610
16610
|
|
16611
16611
|
return {
|
16612
16612
|
c() {
|
@@ -16615,7 +16615,8 @@ function create_if_block(ctx) {
|
|
16615
16615
|
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
16616
16616
|
attr(div, "role", "dialog");
|
16617
16617
|
attr(div, "aria-modal", "true");
|
16618
|
-
attr(div, "
|
16618
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
16619
|
+
attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
|
16619
16620
|
},
|
16620
16621
|
m(target, anchor) {
|
16621
16622
|
insert(target, div, anchor);
|
@@ -16624,22 +16625,22 @@ function create_if_block(ctx) {
|
|
16624
16625
|
default_slot.m(div, null);
|
16625
16626
|
}
|
16626
16627
|
|
16627
|
-
/*div_binding*/ ctx[
|
16628
|
+
/*div_binding*/ ctx[25](div);
|
16628
16629
|
current = true;
|
16629
16630
|
},
|
16630
16631
|
p(new_ctx, dirty) {
|
16631
16632
|
ctx = new_ctx;
|
16632
16633
|
|
16633
16634
|
if (default_slot) {
|
16634
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
16635
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 8388608)) {
|
16635
16636
|
update_slot_base(
|
16636
16637
|
default_slot,
|
16637
16638
|
default_slot_template,
|
16638
16639
|
ctx,
|
16639
|
-
/*$$scope*/ ctx[
|
16640
|
+
/*$$scope*/ ctx[23],
|
16640
16641
|
!current
|
16641
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
16642
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
16642
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[23])
|
16643
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[23], dirty, null),
|
16643
16644
|
null
|
16644
16645
|
);
|
16645
16646
|
}
|
@@ -16648,6 +16649,10 @@ function create_if_block(ctx) {
|
|
16648
16649
|
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
16649
16650
|
attr(div, "class", div_class_value);
|
16650
16651
|
}
|
16652
|
+
|
16653
|
+
if (!current || dirty & /*layerId*/ 4) {
|
16654
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
16655
|
+
}
|
16651
16656
|
},
|
16652
16657
|
i(local) {
|
16653
16658
|
if (current) return;
|
@@ -16656,7 +16661,7 @@ function create_if_block(ctx) {
|
|
16656
16661
|
if (!div_intro) {
|
16657
16662
|
add_render_callback(() => {
|
16658
16663
|
div_intro = create_in_transition(div, customAnimation, {
|
16659
|
-
transforms: /*transforms*/ ctx[
|
16664
|
+
transforms: /*transforms*/ ctx[3],
|
16660
16665
|
animationStyle: /*animation*/ ctx[1]
|
16661
16666
|
});
|
16662
16667
|
|
@@ -16673,7 +16678,7 @@ function create_if_block(ctx) {
|
|
16673
16678
|
d(detaching) {
|
16674
16679
|
if (detaching) detach(div);
|
16675
16680
|
if (default_slot) default_slot.d(detaching);
|
16676
|
-
/*div_binding*/ ctx[
|
16681
|
+
/*div_binding*/ ctx[25](null);
|
16677
16682
|
}
|
16678
16683
|
};
|
16679
16684
|
}
|
@@ -16699,7 +16704,7 @@ function create_fragment$1(ctx) {
|
|
16699
16704
|
|
16700
16705
|
current_block_type_index = select_block_type(ctx);
|
16701
16706
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
16702
|
-
let if_block1 = /*visible*/ ctx[
|
16707
|
+
let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
|
16703
16708
|
|
16704
16709
|
return {
|
16705
16710
|
c() {
|
@@ -16717,7 +16722,7 @@ function create_fragment$1(ctx) {
|
|
16717
16722
|
|
16718
16723
|
if (!mounted) {
|
16719
16724
|
dispose = listen(window, "keydown", function () {
|
16720
|
-
if (is_function(/*handle_keydown*/ ctx[
|
16725
|
+
if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
|
16721
16726
|
});
|
16722
16727
|
|
16723
16728
|
mounted = true;
|
@@ -16751,11 +16756,11 @@ function create_fragment$1(ctx) {
|
|
16751
16756
|
if_block0.m(t.parentNode, t);
|
16752
16757
|
}
|
16753
16758
|
|
16754
|
-
if (/*visible*/ ctx[
|
16759
|
+
if (/*visible*/ ctx[8]) {
|
16755
16760
|
if (if_block1) {
|
16756
16761
|
if_block1.p(ctx, dirty);
|
16757
16762
|
|
16758
|
-
if (dirty & /*visible*/
|
16763
|
+
if (dirty & /*visible*/ 256) {
|
16759
16764
|
transition_in(if_block1, 1);
|
16760
16765
|
}
|
16761
16766
|
} else {
|
@@ -16811,6 +16816,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
16811
16816
|
let { animation = 'none' } = $$props;
|
16812
16817
|
let { closeEventName = '' } = $$props;
|
16813
16818
|
let { closeEventValue = null } = $$props;
|
16819
|
+
let { layerId = '' } = $$props;
|
16814
16820
|
|
16815
16821
|
// モーダル背景の設定
|
16816
16822
|
const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
|
@@ -16829,7 +16835,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
16829
16835
|
let modal;
|
16830
16836
|
|
16831
16837
|
onMount$1(() => {
|
16832
|
-
$$invalidate(
|
16838
|
+
$$invalidate(8, visible = true);
|
16833
16839
|
});
|
16834
16840
|
|
16835
16841
|
onDestroy$1(() => setPreviousFocus());
|
@@ -16837,24 +16843,25 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
16837
16843
|
function div_binding($$value) {
|
16838
16844
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
16839
16845
|
modal = $$value;
|
16840
|
-
$$invalidate(
|
16846
|
+
$$invalidate(7, modal);
|
16841
16847
|
});
|
16842
16848
|
}
|
16843
16849
|
|
16844
16850
|
$$self.$$set = $$props => {
|
16845
16851
|
if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
|
16846
|
-
if ('placement' in $$props) $$invalidate(
|
16847
|
-
if ('breakPoint' in $$props) $$invalidate(
|
16848
|
-
if ('elasticity' in $$props) $$invalidate(
|
16852
|
+
if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
|
16853
|
+
if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
|
16854
|
+
if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
|
16849
16855
|
if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
|
16850
|
-
if ('closeEventName' in $$props) $$invalidate(
|
16851
|
-
if ('closeEventValue' in $$props) $$invalidate(
|
16852
|
-
if ('
|
16856
|
+
if ('closeEventName' in $$props) $$invalidate(17, closeEventName = $$props.closeEventName);
|
16857
|
+
if ('closeEventValue' in $$props) $$invalidate(18, closeEventValue = $$props.closeEventValue);
|
16858
|
+
if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
|
16859
|
+
if ('$$scope' in $$props) $$invalidate(23, $$scope = $$props.$$scope);
|
16853
16860
|
};
|
16854
16861
|
|
16855
16862
|
$$self.$$.update = () => {
|
16856
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/
|
16857
|
-
$$invalidate(
|
16863
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 393216) {
|
16864
|
+
$$invalidate(22, close = () => {
|
16858
16865
|
const onClose = { operation: 'closeApp', args: ['button'] };
|
16859
16866
|
|
16860
16867
|
if (closeEventName) {
|
@@ -16865,45 +16872,45 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
16865
16872
|
});
|
16866
16873
|
}
|
16867
16874
|
|
16868
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
16875
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
|
16869
16876
|
{
|
16870
16877
|
if (isExistBackgroundOverlayValue) {
|
16871
|
-
$$invalidate(
|
16878
|
+
$$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
|
16872
16879
|
}
|
16873
16880
|
|
16874
16881
|
if (useBreakPoint) {
|
16875
16882
|
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
16876
|
-
$$invalidate(
|
16883
|
+
$$invalidate(5, backgroundOverlayPC = pc ?? false);
|
16877
16884
|
const sp = breakPoint?.SP?.placement?.backgroundOverlay;
|
16878
|
-
$$invalidate(
|
16885
|
+
$$invalidate(6, backgroundOverlaySP = sp ?? false);
|
16879
16886
|
}
|
16880
16887
|
}
|
16881
16888
|
}
|
16882
16889
|
|
16883
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
16890
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
|
16884
16891
|
{
|
16885
16892
|
if (placement && placement.backgroundClick) {
|
16886
|
-
$$invalidate(
|
16893
|
+
$$invalidate(19, backgroundClickFunction = placement.backgroundClick);
|
16887
16894
|
}
|
16888
16895
|
|
16889
16896
|
if (useBreakPoint) {
|
16890
16897
|
const pc = breakPoint?.PC?.placement?.backgroundClick;
|
16891
16898
|
|
16892
16899
|
if (pc) {
|
16893
|
-
$$invalidate(
|
16900
|
+
$$invalidate(20, backgroundClickFunctionPC = pc);
|
16894
16901
|
}
|
16895
16902
|
|
16896
16903
|
const sp = breakPoint?.SP?.placement?.backgroundClick;
|
16897
16904
|
|
16898
16905
|
if (sp) {
|
16899
|
-
$$invalidate(
|
16906
|
+
$$invalidate(21, backgroundClickFunctionSP = sp);
|
16900
16907
|
}
|
16901
16908
|
}
|
16902
16909
|
}
|
16903
16910
|
}
|
16904
16911
|
|
16905
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
16906
|
-
$$invalidate(
|
16912
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 917504) {
|
16913
|
+
$$invalidate(12, backgroundClick = () => {
|
16907
16914
|
if (closeEventName) {
|
16908
16915
|
send_event(closeEventName, closeEventValue);
|
16909
16916
|
}
|
@@ -16912,8 +16919,8 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
16912
16919
|
});
|
16913
16920
|
}
|
16914
16921
|
|
16915
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/
|
16916
|
-
$$invalidate(
|
16922
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 1441792) {
|
16923
|
+
$$invalidate(11, backgroundClickPC = () => {
|
16917
16924
|
if (closeEventName) {
|
16918
16925
|
send_event(closeEventName, closeEventValue);
|
16919
16926
|
}
|
@@ -16922,8 +16929,8 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
16922
16929
|
});
|
16923
16930
|
}
|
16924
16931
|
|
16925
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/
|
16926
|
-
$$invalidate(
|
16932
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 2490368) {
|
16933
|
+
$$invalidate(10, backgroundClickSP = () => {
|
16927
16934
|
if (closeEventName) {
|
16928
16935
|
send_event(closeEventName, closeEventValue);
|
16929
16936
|
}
|
@@ -16932,7 +16939,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
16932
16939
|
});
|
16933
16940
|
}
|
16934
16941
|
|
16935
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/
|
16942
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
|
16936
16943
|
// 表示位置のスタイルとアニメーションの動きを設定
|
16937
16944
|
{
|
16938
16945
|
// 表示位置のスタイルの設定
|
@@ -16948,7 +16955,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
16948
16955
|
modalStyles.add(positionStyle);
|
16949
16956
|
}
|
16950
16957
|
|
16951
|
-
$$invalidate(
|
16958
|
+
$$invalidate(3, transforms = []);
|
16952
16959
|
|
16953
16960
|
DEVICE_IDS.forEach(deviceId => {
|
16954
16961
|
if (useBreakPoint) {
|
@@ -16976,7 +16983,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
16976
16983
|
}
|
16977
16984
|
}
|
16978
16985
|
|
16979
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
16986
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
|
16980
16987
|
// 表示位置の調整のスタイルを設定
|
16981
16988
|
{
|
16982
16989
|
let margin = DefaultModalPlacement.margin;
|
@@ -17008,7 +17015,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
17008
17015
|
}
|
17009
17016
|
}
|
17010
17017
|
|
17011
|
-
if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/
|
17018
|
+
if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 98305) {
|
17012
17019
|
// 拡大方法のスタイルを設定
|
17013
17020
|
{
|
17014
17021
|
let elasticStyle = ElasticityStyle[elasticity];
|
@@ -17034,19 +17041,20 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
17034
17041
|
}
|
17035
17042
|
}
|
17036
17043
|
|
17037
|
-
if ($$self.$$.dirty & /*close*/
|
17038
|
-
$$invalidate(
|
17044
|
+
if ($$self.$$.dirty & /*close*/ 4194304) {
|
17045
|
+
$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
|
17039
17046
|
}
|
17040
17047
|
};
|
17041
17048
|
|
17042
|
-
$$invalidate(
|
17049
|
+
$$invalidate(7, modal = null);
|
17043
17050
|
|
17044
17051
|
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
17045
|
-
$$invalidate(
|
17052
|
+
$$invalidate(8, visible = false);
|
17046
17053
|
|
17047
17054
|
return [
|
17048
17055
|
useBreakPoint,
|
17049
17056
|
animation,
|
17057
|
+
layerId,
|
17050
17058
|
transforms,
|
17051
17059
|
backgroundOverlay,
|
17052
17060
|
backgroundOverlayPC,
|
@@ -17085,12 +17093,13 @@ class Modal extends SvelteComponent {
|
|
17085
17093
|
safe_not_equal,
|
17086
17094
|
{
|
17087
17095
|
useBreakPoint: 0,
|
17088
|
-
placement:
|
17089
|
-
breakPoint:
|
17090
|
-
elasticity:
|
17096
|
+
placement: 14,
|
17097
|
+
breakPoint: 15,
|
17098
|
+
elasticity: 16,
|
17091
17099
|
animation: 1,
|
17092
|
-
closeEventName:
|
17093
|
-
closeEventValue:
|
17100
|
+
closeEventName: 17,
|
17101
|
+
closeEventValue: 18,
|
17102
|
+
layerId: 2
|
17094
17103
|
},
|
17095
17104
|
add_css$1
|
17096
17105
|
);
|