@plaidev/karte-action-sdk 1.1.194-28162847.09cf3dda → 1.1.195-28164032.b3d0e1b0

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/index.es.js CHANGED
@@ -3590,7 +3590,7 @@ class Button extends SvelteComponent {
3590
3590
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3591
3591
 
3592
3592
  function add_css$q(target) {
3593
- append_styles(target, "svelte-1invh97", ".modal.svelte-1invh97{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1invh97 > .button{flex:auto;display:flex}.close.svelte-1invh97{position:absolute;top:0;right:0}.close.svelte-1invh97 > .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-1invh97 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1invh97{flex:auto;display:flex;justify-content:center;align-items:center}");
3593
+ append_styles(target, "svelte-yvwr7u", ".modal.svelte-yvwr7u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-yvwr7u > .button{flex:auto;display:flex}.close.svelte-yvwr7u{position:absolute;top:0;right:0}.close.svelte-yvwr7u > .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-yvwr7u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-yvwr7u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
3594
3594
  }
3595
3595
 
3596
3596
  // (145:0) {#if visible}
@@ -3615,7 +3615,7 @@ function create_if_block$5(ctx) {
3615
3615
  c() {
3616
3616
  div = element("div");
3617
3617
  create_component(button.$$.fragment);
3618
- attr(div, "class", "modal svelte-1invh97");
3618
+ attr(div, "class", "modal svelte-yvwr7u");
3619
3619
  attr(div, "role", "dialog");
3620
3620
  attr(div, "aria-modal", "true");
3621
3621
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3693,7 +3693,7 @@ function create_if_block_1$1(ctx) {
3693
3693
  c() {
3694
3694
  div = element("div");
3695
3695
  create_component(button.$$.fragment);
3696
- attr(div, "class", "close svelte-1invh97");
3696
+ attr(div, "class", "close svelte-yvwr7u");
3697
3697
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3698
3698
  },
3699
3699
  m(target, anchor) {
@@ -3734,7 +3734,7 @@ function create_if_block_1$1(ctx) {
3734
3734
  };
3735
3735
  }
3736
3736
 
3737
- // (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
3737
+ // (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
3738
3738
  function create_default_slot_1$1(ctx) {
3739
3739
  let svg;
3740
3740
  let path;
@@ -3782,7 +3782,7 @@ function create_default_slot$6(ctx) {
3782
3782
  t = space();
3783
3783
  div = element("div");
3784
3784
  if (default_slot) default_slot.c();
3785
- attr(div, "class", "modal-content svelte-1invh97");
3785
+ attr(div, "class", "modal-content svelte-yvwr7u");
3786
3786
  attr(div, "style", /*_style*/ ctx[4]);
3787
3787
  },
3788
3788
  m(target, anchor) {
@@ -3972,7 +3972,7 @@ function instance$t($$self, $$props, $$invalidate) {
3972
3972
  let { clickEventValue = null } = $$props;
3973
3973
  let { placement = DefaultModalPlacement } = $$props;
3974
3974
  let { animation = 'none' } = $$props;
3975
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
3975
+ let { _style = '' } = $$props;
3976
3976
  let { elasticity = 'none' } = $$props;
3977
3977
  let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
3978
3978
  let { closeEventName = '' } = $$props;
@@ -4594,10 +4594,10 @@ class RenderText extends SvelteComponent {
4594
4594
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4595
4595
 
4596
4596
  function add_css$o(target) {
4597
- append_styles(target, "svelte-13kv866", ".text-element-wrapper.svelte-13kv866.svelte-13kv866{position:relative;height:100%}.text-element.svelte-13kv866.svelte-13kv866{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000}.text-link-element.svelte-13kv866.svelte-13kv866{text-decoration:none;color:inherit}.text-element-inner.svelte-13kv866.svelte-13kv866{width:100%;height:auto}.text-direction-vertical.svelte-13kv866.svelte-13kv866{writing-mode:vertical-rl}.text-direction-vertical.svelte-13kv866 .text-element-inner.svelte-13kv866{width:auto;height:100%}.tooltip.svelte-13kv866.svelte-13kv866{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-13kv866.svelte-13kv866:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-13kv866.svelte-13kv866{display:block}.tooltip-error.svelte-13kv866.svelte-13kv866{background-color:#c00}.tooltip-error.svelte-13kv866.svelte-13kv866:before{border-bottom:7px solid #c00}");
4597
+ append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
4598
4598
  }
4599
4599
 
4600
- // (86:2) {:else}
4600
+ // (93:2) {:else}
4601
4601
  function create_else_block$1(ctx) {
4602
4602
  let div1;
4603
4603
  let div0;
@@ -4611,8 +4611,8 @@ function create_else_block$1(ctx) {
4611
4611
  div1 = element("div");
4612
4612
  div0 = element("div");
4613
4613
  create_component(rendertext.$$.fragment);
4614
- attr(div0, "class", "text-element-inner svelte-13kv866");
4615
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-13kv866"));
4614
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4615
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4616
4616
  attr(div1, "style", /*style*/ ctx[5]);
4617
4617
  },
4618
4618
  m(target, anchor) {
@@ -4626,7 +4626,7 @@ function create_else_block$1(ctx) {
4626
4626
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4627
4627
  rendertext.$set(rendertext_changes);
4628
4628
 
4629
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-13kv866"))) {
4629
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4630
4630
  attr(div1, "class", div1_class_value);
4631
4631
  }
4632
4632
 
@@ -4650,7 +4650,7 @@ function create_else_block$1(ctx) {
4650
4650
  };
4651
4651
  }
4652
4652
 
4653
- // (77:2) {#if enableCopy}
4653
+ // (79:2) {#if enableCopy}
4654
4654
  function create_if_block$3(ctx) {
4655
4655
  let a;
4656
4656
  let div0;
@@ -4676,12 +4676,12 @@ function create_if_block$3(ctx) {
4676
4676
  t2 = space();
4677
4677
  div2 = element("div");
4678
4678
  div2.textContent = "コピーできませんでした";
4679
- attr(div0, "class", "text-element-inner svelte-13kv866");
4679
+ attr(div0, "class", "text-element-inner svelte-9ixs0b");
4680
4680
  attr(a, "href", '');
4681
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-13kv866"));
4681
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
4682
4682
  attr(a, "style", /*style*/ ctx[5]);
4683
- attr(div1, "class", "tooltip svelte-13kv866");
4684
- attr(div2, "class", "tooltip tooltip-error svelte-13kv866");
4683
+ attr(div1, "class", "tooltip svelte-9ixs0b");
4684
+ attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
4685
4685
  },
4686
4686
  m(target, anchor) {
4687
4687
  insert(target, a, anchor);
@@ -4705,7 +4705,7 @@ function create_if_block$3(ctx) {
4705
4705
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4706
4706
  rendertext.$set(rendertext_changes);
4707
4707
 
4708
- if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-13kv866"))) {
4708
+ if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
4709
4709
  attr(a, "class", a_class_value);
4710
4710
  }
4711
4711
 
@@ -4757,7 +4757,7 @@ function create_fragment$p(ctx) {
4757
4757
  c() {
4758
4758
  div = element("div");
4759
4759
  if_block.c();
4760
- attr(div, "class", "text-element-wrapper svelte-13kv866");
4760
+ attr(div, "class", "text-element-wrapper svelte-9ixs0b");
4761
4761
  },
4762
4762
  m(target, anchor) {
4763
4763
  insert(target, div, anchor);
@@ -4811,9 +4811,9 @@ function instance$p($$self, $$props, $$invalidate) {
4811
4811
  let style;
4812
4812
  let { text = 'サンプルSample' } = $$props;
4813
4813
  let { font = SYSTEM_FONT } = $$props;
4814
- let { _textStyle = 'font-size:12px; line-height: 1.5;' } = $$props;
4814
+ let { _textStyle = '' } = $$props;
4815
4815
  let { textDirection = 'horizontal' } = $$props;
4816
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
4816
+ let { _style = '' } = $$props;
4817
4817
  let { enableCopy = false } = $$props;
4818
4818
  let { eventName = '' } = $$props;
4819
4819
  let eventValue = undefined;
@@ -4922,10 +4922,10 @@ class TextElement extends SvelteComponent {
4922
4922
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
4923
4923
 
4924
4924
  function add_css$n(target) {
4925
- append_styles(target, "svelte-wb7ek", ".text-button-element.svelte-wb7ek{width:100%;height:100%}.text-button-element.svelte-wb7ek > .button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button-element.svelte-wb7ek > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-wb7ek > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-wb7ek > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
4925
+ append_styles(target, "svelte-3hgcnq", ".text-button-element.svelte-3hgcnq{width:100%;height:100%}.text-button-element.svelte-3hgcnq > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#000000;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-3hgcnq > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-3hgcnq > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-3hgcnq > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
4926
4926
  }
4927
4927
 
4928
- // (46:2) <Button onClick={onClick} {style} {eventName}>
4928
+ // (48:2) <Button {onClick} {style} {eventName}>
4929
4929
  function create_default_slot$5(ctx) {
4930
4930
  let rendertext;
4931
4931
  let current;
@@ -4978,7 +4978,7 @@ function create_fragment$o(ctx) {
4978
4978
  c() {
4979
4979
  div = element("div");
4980
4980
  create_component(button.$$.fragment);
4981
- attr(div, "class", "text-button-element svelte-wb7ek");
4981
+ attr(div, "class", "text-button-element svelte-3hgcnq");
4982
4982
  },
4983
4983
  m(target, anchor) {
4984
4984
  insert(target, div, anchor);
@@ -5019,8 +5019,8 @@ function instance$o($$self, $$props, $$invalidate) {
5019
5019
  let { onClick = { operation: 'none', args: [] } } = $$props;
5020
5020
  let { eventName = '' } = $$props;
5021
5021
  let { font = SYSTEM_FONT } = $$props;
5022
- let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px; line-height: 1.5;' } = $$props;
5023
- let { _style = 'background-color: #000000; border-radius:4px; cursor: pointer; border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
5022
+ let { _buttonStyle = '' } = $$props;
5023
+ let { _style = '' } = $$props;
5024
5024
 
5025
5025
  $$self.$$set = $$props => {
5026
5026
  if ('text' in $$props) $$invalidate(0, text = $$props.text);
@@ -5070,7 +5070,7 @@ class TextButtonElement extends SvelteComponent {
5070
5070
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5071
5071
 
5072
5072
  function add_css$m(target) {
5073
- append_styles(target, "svelte-1v4alzq", ".image-element.svelte-1v4alzq{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1v4alzq > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.image-element.svelte-1v4alzq > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1v4alzq > .button:not(._disabled):hover,.image-element.transport.svelte-1v4alzq > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1v4alzq{width:100%;height:100%}");
5073
+ append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
5074
5074
  }
5075
5075
 
5076
5076
  // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -5082,7 +5082,7 @@ function create_default_slot$4(ctx) {
5082
5082
  return {
5083
5083
  c() {
5084
5084
  img = element("img");
5085
- attr(img, "class", "image svelte-1v4alzq");
5085
+ attr(img, "class", "image svelte-t6tu0e");
5086
5086
  attr(img, "loading", "lazy");
5087
5087
  attr(img, "width", "auto");
5088
5088
  attr(img, "height", "auto");
@@ -5132,7 +5132,7 @@ function create_fragment$n(ctx) {
5132
5132
  c() {
5133
5133
  div = element("div");
5134
5134
  create_component(button.$$.fragment);
5135
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq");
5135
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
5136
5136
  },
5137
5137
  m(target, anchor) {
5138
5138
  insert(target, div, anchor);
@@ -5151,7 +5151,7 @@ function create_fragment$n(ctx) {
5151
5151
 
5152
5152
  button.$set(button_changes);
5153
5153
 
5154
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq")) {
5154
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
5155
5155
  attr(div, "class", div_class_value);
5156
5156
  }
5157
5157
  },
@@ -5179,7 +5179,7 @@ function instance$n($$self, $$props, $$invalidate) {
5179
5179
  let { onClick = { operation: 'none', args: [] } } = $$props;
5180
5180
  let { eventName = '' } = $$props;
5181
5181
  let { _imageStyle = '' } = $$props;
5182
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
5182
+ let { _style = '' } = $$props;
5183
5183
 
5184
5184
  $$self.$$set = $$props => {
5185
5185
  if ('src' in $$props) $$invalidate(0, src = $$props.src);
@@ -5292,7 +5292,7 @@ function instance$m($$self, $$props, $$invalidate) {
5292
5292
  let { direction = 'vertical' } = $$props;
5293
5293
  let { separator = DefaultListSeparator } = $$props;
5294
5294
  let { background = DefaultListBackground } = $$props;
5295
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
5295
+ let { _style = '' } = $$props;
5296
5296
  let items = [];
5297
5297
 
5298
5298
  setContext(LIST_CONTEXT_KEY, {
@@ -5370,7 +5370,7 @@ class List extends SvelteComponent {
5370
5370
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5371
5371
 
5372
5372
  function add_css$k(target) {
5373
- append_styles(target, "svelte-pd7cyv", ".list-item.svelte-pd7cyv{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-pd7cyv > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
5373
+ append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5374
5374
  }
5375
5375
 
5376
5376
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5440,7 +5440,7 @@ function create_fragment$l(ctx) {
5440
5440
  c() {
5441
5441
  div = element("div");
5442
5442
  create_component(button.$$.fragment);
5443
- attr(div, "class", "list-item svelte-pd7cyv");
5443
+ attr(div, "class", "list-item svelte-9n97pe");
5444
5444
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5445
5445
  },
5446
5446
  m(target, anchor) {
@@ -5494,7 +5494,7 @@ function instance$l($$self, $$props, $$invalidate) {
5494
5494
 
5495
5495
  let { onClick = { operation: 'none', args: [] } } = $$props;
5496
5496
  let { clickEventName = '' } = $$props;
5497
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
5497
+ let { _style = '' } = $$props;
5498
5498
 
5499
5499
  onDestroy$1(() => {
5500
5500
  unregisterItem(id);
@@ -5566,7 +5566,7 @@ class ListItem extends SvelteComponent {
5566
5566
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5567
5567
 
5568
5568
  function add_css$j(target) {
5569
- append_styles(target, "svelte-g5f8hw", ".embed.svelte-g5f8hw{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-g5f8hw iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000}");
5569
+ append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
5570
5570
  }
5571
5571
 
5572
5572
  function create_fragment$k(ctx) {
@@ -5575,7 +5575,7 @@ function create_fragment$k(ctx) {
5575
5575
  return {
5576
5576
  c() {
5577
5577
  div = element("div");
5578
- attr(div, "class", "embed svelte-g5f8hw");
5578
+ attr(div, "class", "embed svelte-wocq4p");
5579
5579
  attr(div, "style", /*_style*/ ctx[1]);
5580
5580
  },
5581
5581
  m(target, anchor) {
@@ -5598,7 +5598,7 @@ function create_fragment$k(ctx) {
5598
5598
 
5599
5599
  function instance$k($$self, $$props, $$invalidate) {
5600
5600
  let { code } = $$props;
5601
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
5601
+ let { _style = '' } = $$props;
5602
5602
 
5603
5603
  $$self.$$set = $$props => {
5604
5604
  if ('code' in $$props) $$invalidate(0, code = $$props.code);
@@ -5618,7 +5618,7 @@ class EmbedElement extends SvelteComponent {
5618
5618
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5619
5619
 
5620
5620
  function add_css$i(target) {
5621
- append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000}.embed.svelte-1gvn5zq iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5621
+ append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5622
5622
  }
5623
5623
 
5624
5624
  function create_fragment$j(ctx) {
@@ -5630,7 +5630,7 @@ function create_fragment$j(ctx) {
5630
5630
  div1 = element("div");
5631
5631
  div0 = element("div");
5632
5632
  attr(div0, "class", "karte-player");
5633
- attr(div1, "class", "embed svelte-1gvn5zq");
5633
+ attr(div1, "class", "embed svelte-vikz49");
5634
5634
  attr(div1, "style", /*_style*/ ctx[0]);
5635
5635
  },
5636
5636
  m(target, anchor) {
@@ -5689,7 +5689,7 @@ function instance$j($$self, $$props, $$invalidate) {
5689
5689
  let { start = -1 } = $$props;
5690
5690
  let { widget_referrer = '' } = $$props;
5691
5691
  let { mute = false } = $$props;
5692
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
5692
+ let { _style = '' } = $$props;
5693
5693
 
5694
5694
  // @ts-ignore
5695
5695
  if (!window.YT) {
@@ -5972,7 +5972,7 @@ class MovieYouTubeElement extends SvelteComponent {
5972
5972
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
5973
5973
 
5974
5974
  function add_css$h(target) {
5975
- append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000}.embed.svelte-1gvn5zq iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5975
+ append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5976
5976
  }
5977
5977
 
5978
5978
  function create_fragment$i(ctx) {
@@ -5984,7 +5984,7 @@ function create_fragment$i(ctx) {
5984
5984
  div1 = element("div");
5985
5985
  div0 = element("div");
5986
5986
  attr(div0, "class", "karte-player");
5987
- attr(div1, "class", "embed svelte-1gvn5zq");
5987
+ attr(div1, "class", "embed svelte-vikz49");
5988
5988
  attr(div1, "style", /*_style*/ ctx[0]);
5989
5989
  },
5990
5990
  m(target, anchor) {
@@ -6014,7 +6014,7 @@ function instance$i($$self, $$props, $$invalidate) {
6014
6014
  let { autoplay = false } = $$props;
6015
6015
  let { loop = false } = $$props;
6016
6016
  let { mute = false } = $$props;
6017
- let { _style = "border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;" } = $$props;
6017
+ let { _style = "" } = $$props;
6018
6018
 
6019
6019
  // @ts-ignore
6020
6020
  if (!window.Vimeo) {
@@ -6554,7 +6554,7 @@ class FormRadioButtons extends SvelteComponent {
6554
6554
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6555
6555
 
6556
6556
  function add_css$e(target) {
6557
- append_styles(target, "svelte-1n4ag74", ".select.svelte-1n4ag74{width:100%;height:100%}.select-select.svelte-1n4ag74{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-1n4ag74:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-1n4ag74{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
6557
+ append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
6558
6558
  }
6559
6559
 
6560
6560
  function get_each_context$4(ctx, list, i) {
@@ -6688,10 +6688,10 @@ function create_fragment$f(ctx) {
6688
6688
 
6689
6689
  t = space();
6690
6690
  div0 = element("div");
6691
- attr(select, "class", "select-select svelte-1n4ag74");
6691
+ attr(select, "class", "select-select svelte-t9ynyj");
6692
6692
  attr(select, "style", /*style*/ ctx[3]);
6693
- attr(div0, "class", "select-icon svelte-1n4ag74");
6694
- attr(div1, "class", "select svelte-1n4ag74");
6693
+ attr(div0, "class", "select-icon svelte-t9ynyj");
6694
+ attr(div1, "class", "select svelte-t9ynyj");
6695
6695
  attr(div1, "style", /*styleVariables*/ ctx[2]);
6696
6696
  },
6697
6697
  m(target, anchor) {
@@ -6763,10 +6763,10 @@ function instance$f($$self, $$props, $$invalidate) {
6763
6763
  let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
6764
6764
  let { placeholder = '回答を選択して下さい' } = $$props;
6765
6765
  let { required = false } = $$props;
6766
- let { _style = 'cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; padding: 0 0 0 10px;' } = $$props;
6766
+ let { _style = '' } = $$props;
6767
6767
  let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
6768
6768
  let { font = SYSTEM_FONT } = $$props;
6769
- let { _textStyle = 'font-size: 12px; line-height:1.5;' } = $$props;
6769
+ let { _textStyle = '' } = $$props;
6770
6770
  let { _placeholderStyle = 'color: #ccc;' } = $$props;
6771
6771
  let { iconColor = 'rgba(0, 16, 14, 0.8)' } = $$props;
6772
6772
  let { iconSize = '12px' } = $$props;
@@ -6893,7 +6893,7 @@ class FormSelect extends SvelteComponent {
6893
6893
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
6894
6894
 
6895
6895
  function add_css$d(target) {
6896
- append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
6896
+ append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
6897
6897
  }
6898
6898
 
6899
6899
  function get_each_context$3(ctx, list, i) {
@@ -6916,6 +6916,7 @@ function create_each_block$3(ctx) {
6916
6916
  let span2;
6917
6917
  let t2_value = /*option*/ ctx[17] + "";
6918
6918
  let t2;
6919
+ let span2_style_value;
6919
6920
  let t3;
6920
6921
  let mounted;
6921
6922
  let dispose;
@@ -6931,19 +6932,19 @@ function create_each_block$3(ctx) {
6931
6932
  span2 = element("span");
6932
6933
  t2 = text(t2_value);
6933
6934
  t3 = space();
6934
- attr(input, "class", "check-box-input svelte-p15pvn");
6935
+ attr(input, "class", "check-box-input svelte-1p65cg8");
6935
6936
  attr(input, "type", "checkbox");
6936
6937
  attr(input, "name", /*name*/ ctx[0]);
6937
6938
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
6938
- attr(span0, "class", "check-box-icon svelte-p15pvn");
6939
+ attr(span0, "class", "check-box-icon svelte-1p65cg8");
6939
6940
 
6940
6941
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
6941
6942
  ? ' _checked'
6942
- : ''}`) + " svelte-p15pvn"));
6943
+ : ''}`) + " svelte-1p65cg8"));
6943
6944
 
6944
- attr(span2, "class", "check-box-text svelte-p15pvn");
6945
- attr(span2, "style", /*_textStyle*/ ctx[2]);
6946
- attr(label, "class", "check-box svelte-p15pvn");
6945
+ attr(span2, "class", "check-box-text svelte-1p65cg8");
6946
+ attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
6947
+ attr(label, "class", "check-box svelte-1p65cg8");
6947
6948
  attr(label, "style", /*styleVariables*/ ctx[5]);
6948
6949
  },
6949
6950
  m(target, anchor) {
@@ -6958,7 +6959,7 @@ function create_each_block$3(ctx) {
6958
6959
  append(label, t3);
6959
6960
 
6960
6961
  if (!mounted) {
6961
- dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[19]));
6962
+ dispose = listen(input, "change", /*handleChange*/ ctx[8](/*i*/ ctx[19]));
6962
6963
  mounted = true;
6963
6964
  }
6964
6965
  },
@@ -6975,14 +6976,14 @@ function create_each_block$3(ctx) {
6975
6976
 
6976
6977
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
6977
6978
  ? ' _checked'
6978
- : ''}`) + " svelte-p15pvn"))) {
6979
+ : ''}`) + " svelte-1p65cg8"))) {
6979
6980
  attr(span1, "class", span1_class_value);
6980
6981
  }
6981
6982
 
6982
6983
  if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
6983
6984
 
6984
- if (dirty & /*_textStyle*/ 4) {
6985
- attr(span2, "style", /*_textStyle*/ ctx[2]);
6985
+ if (dirty & /*_textStyle*/ 4 && span2_style_value !== (span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`)) {
6986
+ attr(span2, "style", span2_style_value);
6986
6987
  }
6987
6988
 
6988
6989
  if (dirty & /*styleVariables*/ 32) {
@@ -7014,7 +7015,7 @@ function create_fragment$e(ctx) {
7014
7015
  each_blocks[i].c();
7015
7016
  }
7016
7017
 
7017
- attr(div, "class", "check-boxes svelte-p15pvn");
7018
+ attr(div, "class", "check-boxes svelte-1p65cg8");
7018
7019
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7019
7020
  },
7020
7021
  m(target, anchor) {
@@ -7025,7 +7026,7 @@ function create_fragment$e(ctx) {
7025
7026
  }
7026
7027
  },
7027
7028
  p(ctx, [dirty]) {
7028
- if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/ 189) {
7029
+ if (dirty & /*styleVariables, _textStyle, fontCss, _options, isCheckedArray, name, handleChange*/ 381) {
7029
7030
  each_value = /*_options*/ ctx[3];
7030
7031
  let i;
7031
7032
 
@@ -7069,10 +7070,10 @@ function instance$e($$self, $$props, $$invalidate) {
7069
7070
  let { name = '' } = $$props;
7070
7071
  let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
7071
7072
  let { required = false } = $$props;
7072
- let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
7073
+ let { _layoutStyle = '' } = $$props;
7073
7074
  let { font = SYSTEM_FONT } = $$props;
7074
7075
  const fontCss = font ? 'font-family:' + font : '';
7075
- let { _textStyle = `color:#333; font-size:12px; line-height:1.5; ${fontCss}` } = $$props;
7076
+ let { _textStyle = '' } = $$props;
7076
7077
  let { buttonSize = '16px' } = $$props;
7077
7078
  let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
7078
7079
  let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
@@ -7088,7 +7089,7 @@ function instance$e($$self, $$props, $$invalidate) {
7088
7089
  }
7089
7090
  });
7090
7091
 
7091
- component_subscribe($$self, value, value => $$invalidate(14, $value = value));
7092
+ component_subscribe($$self, value, value => $$invalidate(15, $value = value));
7092
7093
 
7093
7094
  const handleChange = index => event => {
7094
7095
  if (isCheckedArray[index] !== event.target.checked) {
@@ -7101,26 +7102,26 @@ function instance$e($$self, $$props, $$invalidate) {
7101
7102
 
7102
7103
  $$self.$$set = $$props => {
7103
7104
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
7104
- if ('options' in $$props) $$invalidate(8, options = $$props.options);
7105
- if ('required' in $$props) $$invalidate(9, required = $$props.required);
7105
+ if ('options' in $$props) $$invalidate(9, options = $$props.options);
7106
+ if ('required' in $$props) $$invalidate(10, required = $$props.required);
7106
7107
  if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
7107
- if ('font' in $$props) $$invalidate(10, font = $$props.font);
7108
+ if ('font' in $$props) $$invalidate(11, font = $$props.font);
7108
7109
  if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
7109
- if ('buttonSize' in $$props) $$invalidate(11, buttonSize = $$props.buttonSize);
7110
- if ('buttonColor' in $$props) $$invalidate(12, buttonColor = $$props.buttonColor);
7111
- if ('buttonColorActive' in $$props) $$invalidate(13, buttonColorActive = $$props.buttonColorActive);
7110
+ if ('buttonSize' in $$props) $$invalidate(12, buttonSize = $$props.buttonSize);
7111
+ if ('buttonColor' in $$props) $$invalidate(13, buttonColor = $$props.buttonColor);
7112
+ if ('buttonColorActive' in $$props) $$invalidate(14, buttonColorActive = $$props.buttonColorActive);
7112
7113
  };
7113
7114
 
7114
7115
  $$self.$$.update = () => {
7115
- if ($$self.$$.dirty & /*font*/ 1024) {
7116
+ if ($$self.$$.dirty & /*font*/ 2048) {
7116
7117
  addFont(font);
7117
7118
  }
7118
7119
 
7119
- if ($$self.$$.dirty & /*options*/ 256) {
7120
+ if ($$self.$$.dirty & /*options*/ 512) {
7120
7121
  $$invalidate(3, _options = options.split(','));
7121
7122
  }
7122
7123
 
7123
- if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 14336) {
7124
+ if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 28672) {
7124
7125
  $$invalidate(5, styleVariables = (() => {
7125
7126
  return stringifyStyleObj({
7126
7127
  '--color-main': buttonColor.main,
@@ -7132,7 +7133,7 @@ function instance$e($$self, $$props, $$invalidate) {
7132
7133
  })());
7133
7134
  }
7134
7135
 
7135
- if ($$self.$$.dirty & /*$value, _options*/ 16392) {
7136
+ if ($$self.$$.dirty & /*$value, _options*/ 32776) {
7136
7137
  $$invalidate(4, isCheckedArray = (() => {
7137
7138
  const checkedSet = new Set($value);
7138
7139
  return _options.map(option => checkedSet.has(option));
@@ -7147,6 +7148,7 @@ function instance$e($$self, $$props, $$invalidate) {
7147
7148
  _options,
7148
7149
  isCheckedArray,
7149
7150
  styleVariables,
7151
+ fontCss,
7150
7152
  value,
7151
7153
  handleChange,
7152
7154
  options,
@@ -7171,14 +7173,14 @@ class FormCheckBoxes extends SvelteComponent {
7171
7173
  safe_not_equal,
7172
7174
  {
7173
7175
  name: 0,
7174
- options: 8,
7175
- required: 9,
7176
+ options: 9,
7177
+ required: 10,
7176
7178
  _layoutStyle: 1,
7177
- font: 10,
7179
+ font: 11,
7178
7180
  _textStyle: 2,
7179
- buttonSize: 11,
7180
- buttonColor: 12,
7181
- buttonColorActive: 13
7181
+ buttonSize: 12,
7182
+ buttonColor: 13,
7183
+ buttonColorActive: 14
7182
7184
  },
7183
7185
  add_css$d
7184
7186
  );
@@ -7956,7 +7958,7 @@ function instance$b($$self, $$props, $$invalidate) {
7956
7958
  let navigationStyle;
7957
7959
  let { $$slots: slots = {}, $$scope } = $$props;
7958
7960
  let { loop = false } = $$props;
7959
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
7961
+ let { _style = '' } = $$props;
7960
7962
 
7961
7963
  let { nextButton = {
7962
7964
  type: 'icon',
@@ -8418,7 +8420,7 @@ class Slide extends SvelteComponent {
8418
8420
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8419
8421
 
8420
8422
  function add_css$9(target) {
8421
- append_styles(target, "svelte-1fqq17x", ".item.svelte-1fqq17x{height:100%;flex:none;position:relative}.item.svelte-1fqq17x img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1fqq17x{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8423
+ append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
8422
8424
  }
8423
8425
 
8424
8426
  function create_fragment$a(ctx) {
@@ -8433,9 +8435,9 @@ function create_fragment$a(ctx) {
8433
8435
  div1 = element("div");
8434
8436
  div0 = element("div");
8435
8437
  if (default_slot) default_slot.c();
8436
- attr(div0, "class", "item-inner svelte-1fqq17x");
8438
+ attr(div0, "class", "item-inner svelte-9ygf1w");
8437
8439
  attr(div0, "style", /*_style*/ ctx[0]);
8438
- attr(div1, "class", "item svelte-1fqq17x");
8440
+ attr(div1, "class", "item svelte-9ygf1w");
8439
8441
  attr(div1, "style", /*itemStyle*/ ctx[1]);
8440
8442
  },
8441
8443
  m(target, anchor) {
@@ -8531,7 +8533,7 @@ function instance$a($$self, $$props, $$invalidate) {
8531
8533
  unregisterItem(id);
8532
8534
  });
8533
8535
 
8534
- let { _style = 'cursor: default; border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
8536
+ let { _style = '' } = $$props;
8535
8537
  let itemWidth = null;
8536
8538
  let itemTransform = 0;
8537
8539
 
@@ -8561,7 +8563,7 @@ class SlideItem extends SvelteComponent {
8561
8563
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
8562
8564
 
8563
8565
  function add_css$8(target) {
8564
- append_styles(target, "svelte-192lor2", ".countdown.svelte-192lor2{position:relative;width:100%;height:100%}.countdown-inner.svelte-192lor2{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8566
+ append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
8565
8567
  }
8566
8568
 
8567
8569
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -8579,9 +8581,9 @@ function create_fragment$9(ctx) {
8579
8581
  div1 = element("div");
8580
8582
  div0 = element("div");
8581
8583
  if (default_slot) default_slot.c();
8582
- attr(div0, "class", "countdown-inner svelte-192lor2");
8584
+ attr(div0, "class", "countdown-inner svelte-rroxiz");
8583
8585
  attr(div0, "style", /*_style*/ ctx[0]);
8584
- attr(div1, "class", "countdown svelte-192lor2");
8586
+ attr(div1, "class", "countdown svelte-rroxiz");
8585
8587
  },
8586
8588
  m(target, anchor) {
8587
8589
  insert(target, div1, anchor);
@@ -8652,7 +8654,7 @@ function instance$9($$self, $$props, $$invalidate) {
8652
8654
  let { $$slots: slots = {}, $$scope } = $$props;
8653
8655
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
8654
8656
  let { stateOnEnd } = $$props;
8655
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
8657
+ let { _style = '' } = $$props;
8656
8658
  let remainingTime;
8657
8659
 
8658
8660
  function onEachSecond() {
@@ -8715,7 +8717,7 @@ class Countdown extends SvelteComponent {
8715
8717
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
8716
8718
 
8717
8719
  function add_css$7(target) {
8718
- append_styles(target, "svelte-6g6etj", ".box.svelte-6g6etj{position:relative;width:100%;height:100%}.box.svelte-6g6etj > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8720
+ append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
8719
8721
  }
8720
8722
 
8721
8723
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -8785,7 +8787,7 @@ function create_fragment$8(ctx) {
8785
8787
  c() {
8786
8788
  div = element("div");
8787
8789
  create_component(button.$$.fragment);
8788
- attr(div, "class", "box svelte-6g6etj");
8790
+ attr(div, "class", "box svelte-1ccydfy");
8789
8791
  },
8790
8792
  m(target, anchor) {
8791
8793
  insert(target, div, anchor);
@@ -8824,7 +8826,7 @@ function instance$8($$self, $$props, $$invalidate) {
8824
8826
  let { $$slots: slots = {}, $$scope } = $$props;
8825
8827
  let { onClick = { operation: 'none', args: [] } } = $$props;
8826
8828
  let { eventName = '' } = $$props;
8827
- let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
8829
+ let { _style = '' } = $$props;
8828
8830
 
8829
8831
  $$self.$$set = $$props => {
8830
8832
  if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
@@ -9684,7 +9686,7 @@ class GridModalState extends SvelteComponent {
9684
9686
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
9685
9687
 
9686
9688
  function add_css$2(target) {
9687
- append_styles(target, "svelte-11rpuv5", ".text-block.svelte-11rpuv5.svelte-11rpuv5{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-11rpuv5.svelte-11rpuv5{width:100%;height:auto}.text-direction-vertical.svelte-11rpuv5.svelte-11rpuv5{writing-mode:vertical-rl}.text-direction-vertical.svelte-11rpuv5 .text-block-inner.svelte-11rpuv5{width:auto;height:100%}");
9689
+ append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
9688
9690
  }
9689
9691
 
9690
9692
  function create_fragment$2(ctx) {
@@ -9700,8 +9702,8 @@ function create_fragment$2(ctx) {
9700
9702
  div1 = element("div");
9701
9703
  div0 = element("div");
9702
9704
  create_component(rendertext.$$.fragment);
9703
- attr(div0, "class", "text-block-inner svelte-11rpuv5");
9704
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
9705
+ attr(div0, "class", "text-block-inner svelte-15pej1m");
9706
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
9705
9707
  attr(div1, "style", /*style*/ ctx[2]);
9706
9708
  },
9707
9709
  m(target, anchor) {
@@ -9715,7 +9717,7 @@ function create_fragment$2(ctx) {
9715
9717
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
9716
9718
  rendertext.$set(rendertext_changes);
9717
9719
 
9718
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
9720
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
9719
9721
  attr(div1, "class", div1_class_value);
9720
9722
  }
9721
9723
 
@@ -9745,7 +9747,7 @@ function instance$2($$self, $$props, $$invalidate) {
9745
9747
  let { font = SYSTEM_FONT } = $$props;
9746
9748
  let { _textStyle = 'font-size:12px; line-height:1.5;' } = $$props;
9747
9749
  let { textDirection = 'horizontal' } = $$props;
9748
- let { _style = 'overflow: hidden;' } = $$props;
9750
+ let { _style = '' } = $$props;
9749
9751
 
9750
9752
  $$self.$$set = $$props => {
9751
9753
  if ('text' in $$props) $$invalidate(0, text = $$props.text);
@@ -9793,7 +9795,7 @@ class TextBlock extends SvelteComponent {
9793
9795
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
9794
9796
 
9795
9797
  function add_css$1(target) {
9796
- append_styles(target, "svelte-1t5i3za", ".text-button-block.svelte-1t5i3za{width:100%;height:100%}.text-button.svelte-1t5i3za{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1t5i3za:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1t5i3za:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
9798
+ append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
9797
9799
  }
9798
9800
 
9799
9801
  function create_fragment$1(ctx) {
@@ -9810,9 +9812,9 @@ function create_fragment$1(ctx) {
9810
9812
  div = element("div");
9811
9813
  button = element("button");
9812
9814
  create_component(rendertext.$$.fragment);
9813
- attr(button, "class", "text-button svelte-1t5i3za");
9815
+ attr(button, "class", "text-button svelte-ff0k6r");
9814
9816
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
9815
- attr(div, "class", "text-button-block svelte-1t5i3za");
9817
+ attr(div, "class", "text-button-block svelte-ff0k6r");
9816
9818
  attr(div, "style", /*_style*/ ctx[2]);
9817
9819
  },
9818
9820
  m(target, anchor) {
@@ -9871,8 +9873,8 @@ function instance$1($$self, $$props, $$invalidate) {
9871
9873
 
9872
9874
  let { eventName = '' } = $$props;
9873
9875
  let { font = SYSTEM_FONT } = $$props;
9874
- let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px; line-height:1.5;' } = $$props;
9875
- let { _style = 'background-color: #000000; border-radius:4px;' } = $$props;
9876
+ let { _buttonStyle = '' } = $$props;
9877
+ let { _style = '' } = $$props;
9876
9878
 
9877
9879
  $$self.$$set = $$props => {
9878
9880
  if ('text' in $$props) $$invalidate(0, text = $$props.text);
@@ -9918,7 +9920,7 @@ class TextButtonBlock extends SvelteComponent {
9918
9920
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
9919
9921
 
9920
9922
  function add_css(target) {
9921
- append_styles(target, "svelte-1um32br", ".image-block.svelte-1um32br{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.image.svelte-1um32br{width:100%;height:100%}.transport.svelte-1um32br:hover,.transport.svelte-1um32br:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
9923
+ append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
9922
9924
  }
9923
9925
 
9924
9926
  function create_fragment(ctx) {
@@ -9934,14 +9936,14 @@ function create_fragment(ctx) {
9934
9936
  c() {
9935
9937
  div = element("div");
9936
9938
  img = element("img");
9937
- attr(img, "class", "image svelte-1um32br");
9939
+ attr(img, "class", "image svelte-1pdw891");
9938
9940
  attr(img, "loading", "lazy");
9939
9941
  attr(img, "width", "auto");
9940
9942
  attr(img, "height", "auto");
9941
9943
  attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
9942
9944
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
9943
9945
  attr(img, "alt", /*alt*/ ctx[1]);
9944
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"));
9946
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
9945
9947
  attr(div, "style", /*_style*/ ctx[5]);
9946
9948
  },
9947
9949
  m(target, anchor) {
@@ -9966,7 +9968,7 @@ function create_fragment(ctx) {
9966
9968
  attr(img, "alt", /*alt*/ ctx[1]);
9967
9969
  }
9968
9970
 
9969
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"))) {
9971
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
9970
9972
  attr(div, "class", div_class_value);
9971
9973
  }
9972
9974
 
@@ -10001,7 +10003,7 @@ function instance($$self, $$props, $$invalidate) {
10001
10003
 
10002
10004
  let { eventName = '' } = $$props;
10003
10005
  let { _imageStyle = '' } = $$props;
10004
- let { _style = 'overflow: hidden;' } = $$props;
10006
+ let { _style = '' } = $$props;
10005
10007
 
10006
10008
  $$self.$$set = $$props => {
10007
10009
  if ('src' in $$props) $$invalidate(0, src = $$props.src);