@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.
@@ -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-1jfwn73", ".image.svelte-1jfwn73{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1jfwn73{width:100%;overflow:hidden}.image-img.svelte-1jfwn73{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
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 {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
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-1jfwn73");
16271
+ attr(img, "class", "image-img svelte-10a9nyt");
16272
16272
  attr(object, "style", /*objectStyle*/ ctx[2]);
16273
- attr(object, "class", "image-object svelte-1jfwn73");
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-1jfwn73", true);
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-1jfwn73", true);
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
- // (219:0) {:else}
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[3]
17813
+ backgroundOverlay: /*backgroundOverlay*/ ctx[4]
17814
17814
  }
17815
17815
  });
17816
17816
 
17817
17817
  backgroundoverlay.$on("click", function () {
17818
- if (is_function(/*backgroundClick*/ ctx[11])) /*backgroundClick*/ ctx[11].apply(this, arguments);
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*/ 8) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[3];
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
- // (208:24)
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[4]
17863
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
17864
17864
  }
17865
17865
  });
17866
17866
 
17867
17867
  backgroundoverlay0.$on("click", function () {
17868
- if (is_function(/*backgroundClickPC*/ ctx[10])) /*backgroundClickPC*/ ctx[10].apply(this, arguments);
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[5]
17874
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
17875
17875
  }
17876
17876
  });
17877
17877
 
17878
17878
  backgroundoverlay1.$on("click", function () {
17879
- if (is_function(/*backgroundClickSP*/ ctx[9])) /*backgroundClickSP*/ ctx[9].apply(this, arguments);
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*/ 16) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[4];
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*/ 32) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[5];
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
- // (206:0) {#if isPreview()}
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
- // (222:0) {#if visible}
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[23].default;
17947
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[22], null);
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, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
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[24](div);
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*/ 4194304)) {
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[22],
17995
+ /*$$scope*/ ctx[23],
17994
17996
  !current
17995
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[22])
17996
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[22], dirty, null),
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[2],
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[24](null);
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[7] && create_if_block(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[8])) /*handle_keydown*/ ctx[8].apply(this, arguments);
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[7]) {
18120
+ if (/*visible*/ ctx[8]) {
18115
18121
  if (if_block1) {
18116
18122
  if_block1.p(ctx, dirty);
18117
18123
 
18118
- if (dirty & /*visible*/ 128) {
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(7, visible = true);
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(6, modal);
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(13, placement = $$props.placement);
18207
- if ('breakPoint' in $$props) $$invalidate(14, breakPoint = $$props.breakPoint);
18208
- if ('elasticity' in $$props) $$invalidate(15, elasticity = $$props.elasticity);
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(16, closeEventName = $$props.closeEventName);
18211
- if ('closeEventValue' in $$props) $$invalidate(17, closeEventValue = $$props.closeEventValue);
18212
- if ('$$scope' in $$props) $$invalidate(22, $$scope = $$props.$$scope);
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*/ 196608) {
18217
- $$invalidate(21, close = () => {
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*/ 24577) {
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(4, backgroundOverlayPC = pc ?? false);
18241
+ $$invalidate(5, backgroundOverlayPC = pc ?? false);
18234
18242
  const sp = breakPoint?.SP?.placement?.backgroundOverlay;
18235
- $$invalidate(5, backgroundOverlaySP = sp ?? false);
18243
+ $$invalidate(6, backgroundOverlaySP = sp ?? false);
18236
18244
  }
18237
18245
  }
18238
18246
  }
18239
18247
 
18240
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
18248
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
18241
18249
  {
18242
18250
  if (placement && placement.backgroundClick) {
18243
- $$invalidate(18, backgroundClickFunction = placement.backgroundClick);
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(19, backgroundClickFunctionPC = pc);
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(20, backgroundClickFunctionSP = sp);
18264
+ $$invalidate(21, backgroundClickFunctionSP = sp);
18257
18265
  }
18258
18266
  }
18259
18267
  }
18260
18268
  }
18261
18269
 
18262
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 458752) {
18263
- $$invalidate(11, backgroundClick = () => {
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*/ 720896) {
18273
- $$invalidate(10, backgroundClickPC = () => {
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*/ 1245184) {
18283
- $$invalidate(9, backgroundClickSP = () => {
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*/ 24581) {
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(2, transforms = []);
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*/ 24577) {
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*/ 49153) {
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*/ 2097152) {
18369
- $$invalidate(8, handle_keydown = handleKeydown({ Escape: close }));
18376
+ if ($$self.$$.dirty & /*close*/ 4194304) {
18377
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
18370
18378
  }
18371
18379
  };
18372
18380
 
18373
- $$invalidate(6, modal = null);
18381
+ $$invalidate(7, modal = null);
18374
18382
 
18375
18383
  // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
18376
- $$invalidate(7, visible = false);
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: 13,
18420
- breakPoint: 14,
18421
- elasticity: 15,
18428
+ placement: 14,
18429
+ breakPoint: 15,
18430
+ elasticity: 16,
18422
18431
  animation: 1,
18423
- closeEventName: 16,
18424
- closeEventValue: 17
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-1jfwn73", ".image.svelte-1jfwn73{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1jfwn73{width:100%;overflow:hidden}.image-img.svelte-1jfwn73{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
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 {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
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-1jfwn73");
15048
+ attr(img, "class", "image-img svelte-10a9nyt");
15049
15049
  attr(object, "style", /*objectStyle*/ ctx[2]);
15050
- attr(object, "class", "image-object svelte-1jfwn73");
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-1jfwn73", true);
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-1jfwn73", true);
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
- // (219:0) {:else}
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[3]
16484
+ backgroundOverlay: /*backgroundOverlay*/ ctx[4]
16485
16485
  }
16486
16486
  });
16487
16487
 
16488
16488
  backgroundoverlay.$on("click", function () {
16489
- if (is_function(/*backgroundClick*/ ctx[11])) /*backgroundClick*/ ctx[11].apply(this, arguments);
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*/ 8) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[3];
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
- // (208:24)
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[4]
16531
+ backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
16532
16532
  }
16533
16533
  });
16534
16534
 
16535
16535
  backgroundoverlay0.$on("click", function () {
16536
- if (is_function(/*backgroundClickPC*/ ctx[10])) /*backgroundClickPC*/ ctx[10].apply(this, arguments);
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[5]
16542
+ backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
16543
16543
  }
16544
16544
  });
16545
16545
 
16546
16546
  backgroundoverlay1.$on("click", function () {
16547
- if (is_function(/*backgroundClickSP*/ ctx[9])) /*backgroundClickSP*/ ctx[9].apply(this, arguments);
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*/ 16) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[4];
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*/ 32) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[5];
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
- // (206:0) {#if isPreview()}
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
- // (222:0) {#if visible}
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[23].default;
16609
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[22], null);
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, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
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[24](div);
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*/ 4194304)) {
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[22],
16640
+ /*$$scope*/ ctx[23],
16640
16641
  !current
16641
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[22])
16642
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[22], dirty, null),
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[2],
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[24](null);
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[7] && create_if_block(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[8])) /*handle_keydown*/ ctx[8].apply(this, arguments);
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[7]) {
16759
+ if (/*visible*/ ctx[8]) {
16755
16760
  if (if_block1) {
16756
16761
  if_block1.p(ctx, dirty);
16757
16762
 
16758
- if (dirty & /*visible*/ 128) {
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(7, visible = true);
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(6, modal);
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(13, placement = $$props.placement);
16847
- if ('breakPoint' in $$props) $$invalidate(14, breakPoint = $$props.breakPoint);
16848
- if ('elasticity' in $$props) $$invalidate(15, elasticity = $$props.elasticity);
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(16, closeEventName = $$props.closeEventName);
16851
- if ('closeEventValue' in $$props) $$invalidate(17, closeEventValue = $$props.closeEventValue);
16852
- if ('$$scope' in $$props) $$invalidate(22, $$scope = $$props.$$scope);
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*/ 196608) {
16857
- $$invalidate(21, close = () => {
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*/ 24577) {
16875
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
16869
16876
  {
16870
16877
  if (isExistBackgroundOverlayValue) {
16871
- $$invalidate(3, backgroundOverlay = placement.backgroundOverlay);
16878
+ $$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
16872
16879
  }
16873
16880
 
16874
16881
  if (useBreakPoint) {
16875
16882
  const pc = breakPoint?.PC?.placement?.backgroundOverlay;
16876
- $$invalidate(4, backgroundOverlayPC = pc ?? false);
16883
+ $$invalidate(5, backgroundOverlayPC = pc ?? false);
16877
16884
  const sp = breakPoint?.SP?.placement?.backgroundOverlay;
16878
- $$invalidate(5, backgroundOverlaySP = sp ?? false);
16885
+ $$invalidate(6, backgroundOverlaySP = sp ?? false);
16879
16886
  }
16880
16887
  }
16881
16888
  }
16882
16889
 
16883
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 24577) {
16890
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
16884
16891
  {
16885
16892
  if (placement && placement.backgroundClick) {
16886
- $$invalidate(18, backgroundClickFunction = placement.backgroundClick);
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(19, backgroundClickFunctionPC = pc);
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(20, backgroundClickFunctionSP = sp);
16906
+ $$invalidate(21, backgroundClickFunctionSP = sp);
16900
16907
  }
16901
16908
  }
16902
16909
  }
16903
16910
  }
16904
16911
 
16905
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 458752) {
16906
- $$invalidate(11, backgroundClick = () => {
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*/ 720896) {
16916
- $$invalidate(10, backgroundClickPC = () => {
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*/ 1245184) {
16926
- $$invalidate(9, backgroundClickSP = () => {
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*/ 24581) {
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(2, transforms = []);
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*/ 24577) {
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*/ 49153) {
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*/ 2097152) {
17038
- $$invalidate(8, handle_keydown = handleKeydown({ Escape: close }));
17044
+ if ($$self.$$.dirty & /*close*/ 4194304) {
17045
+ $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
17039
17046
  }
17040
17047
  };
17041
17048
 
17042
- $$invalidate(6, modal = null);
17049
+ $$invalidate(7, modal = null);
17043
17050
 
17044
17051
  // svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
17045
- $$invalidate(7, visible = false);
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: 13,
17089
- breakPoint: 14,
17090
- elasticity: 15,
17096
+ placement: 14,
17097
+ breakPoint: 15,
17098
+ elasticity: 16,
17091
17099
  animation: 1,
17092
- closeEventName: 16,
17093
- closeEventValue: 17
17100
+ closeEventName: 17,
17101
+ closeEventValue: 18,
17102
+ layerId: 2
17094
17103
  },
17095
17104
  add_css$1
17096
17105
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.255-28810509.aa4fd817",
3
+ "version": "1.1.255-28810552.9a96aac1",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",