@plaidev/karte-action-sdk 1.1.194 → 1.1.195-28164032.b3d0e1b0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.js +163 -161
- package/dist/index.es.js +163 -161
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
@@ -2588,7 +2588,7 @@ class State extends SvelteComponent {
|
|
2588
2588
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
2589
2589
|
|
2590
2590
|
function add_css$t(target) {
|
2591
|
-
append_styles(target, "svelte-
|
2591
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
2592
2592
|
}
|
2593
2593
|
|
2594
2594
|
// (23:0) {#if $state === path}
|
@@ -2605,7 +2605,7 @@ function create_if_block$8(ctx) {
|
|
2605
2605
|
t = space();
|
2606
2606
|
if (default_slot) default_slot.c();
|
2607
2607
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
2608
|
-
attr(div, "class", "state-item svelte-
|
2608
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
2609
2609
|
},
|
2610
2610
|
m(target, anchor) {
|
2611
2611
|
insert(target, div, anchor);
|
@@ -3007,7 +3007,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
|
|
3007
3007
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3008
3008
|
|
3009
3009
|
function add_css$s(target) {
|
3010
|
-
append_styles(target, "svelte-
|
3010
|
+
append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
3011
3011
|
}
|
3012
3012
|
|
3013
3013
|
// (9:0) {#if backgroundOverlay}
|
@@ -3019,7 +3019,7 @@ function create_if_block$7(ctx) {
|
|
3019
3019
|
return {
|
3020
3020
|
c() {
|
3021
3021
|
div = element("div");
|
3022
|
-
attr(div, "class", "background svelte-
|
3022
|
+
attr(div, "class", "background svelte-1d4fta");
|
3023
3023
|
},
|
3024
3024
|
m(target, anchor) {
|
3025
3025
|
insert(target, div, anchor);
|
@@ -3130,7 +3130,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3130
3130
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3131
3131
|
|
3132
3132
|
function add_css$r(target) {
|
3133
|
-
append_styles(target, "svelte-
|
3133
|
+
append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
|
3134
3134
|
}
|
3135
3135
|
|
3136
3136
|
// (50:0) {:else}
|
@@ -3159,7 +3159,7 @@ function create_else_block$3(ctx) {
|
|
3159
3159
|
button = element("button");
|
3160
3160
|
if (default_slot) default_slot.c();
|
3161
3161
|
set_attributes(button, button_data);
|
3162
|
-
toggle_class(button, "svelte-
|
3162
|
+
toggle_class(button, "svelte-1tg0tf", true);
|
3163
3163
|
},
|
3164
3164
|
m(target, anchor) {
|
3165
3165
|
insert(target, button, anchor);
|
@@ -3198,7 +3198,7 @@ function create_else_block$3(ctx) {
|
|
3198
3198
|
dataAttrStopPropagation('click')
|
3199
3199
|
]));
|
3200
3200
|
|
3201
|
-
toggle_class(button, "svelte-
|
3201
|
+
toggle_class(button, "svelte-1tg0tf", true);
|
3202
3202
|
},
|
3203
3203
|
i(local) {
|
3204
3204
|
if (current) return;
|
@@ -3229,7 +3229,7 @@ function create_if_block_2(ctx) {
|
|
3229
3229
|
c() {
|
3230
3230
|
div = element("div");
|
3231
3231
|
if (default_slot) default_slot.c();
|
3232
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
3232
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
|
3233
3233
|
attr(div, "style", /*style*/ ctx[1]);
|
3234
3234
|
},
|
3235
3235
|
m(target, anchor) {
|
@@ -3313,7 +3313,7 @@ function create_if_block_1$2(ctx) {
|
|
3313
3313
|
a = element("a");
|
3314
3314
|
if (default_slot) default_slot.c();
|
3315
3315
|
set_attributes(a, a_data);
|
3316
|
-
toggle_class(a, "svelte-
|
3316
|
+
toggle_class(a, "svelte-1tg0tf", true);
|
3317
3317
|
},
|
3318
3318
|
m(target, anchor) {
|
3319
3319
|
insert(target, a, anchor);
|
@@ -3355,7 +3355,7 @@ function create_if_block_1$2(ctx) {
|
|
3355
3355
|
dataAttrStopPropagation('click')
|
3356
3356
|
]));
|
3357
3357
|
|
3358
|
-
toggle_class(a, "svelte-
|
3358
|
+
toggle_class(a, "svelte-1tg0tf", true);
|
3359
3359
|
},
|
3360
3360
|
i(local) {
|
3361
3361
|
if (current) return;
|
@@ -3386,7 +3386,7 @@ function create_if_block$6(ctx) {
|
|
3386
3386
|
c() {
|
3387
3387
|
div = element("div");
|
3388
3388
|
if (default_slot) default_slot.c();
|
3389
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
3389
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
|
3390
3390
|
attr(div, "style", /*style*/ ctx[1]);
|
3391
3391
|
},
|
3392
3392
|
m(target, anchor) {
|
@@ -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-
|
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-
|
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-
|
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
|
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-
|
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 = '
|
3975
|
+
let { _style = '' } = $$props;
|
3976
3976
|
let { elasticity = 'none' } = $$props;
|
3977
3977
|
let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
|
3978
3978
|
let { closeEventName = '' } = $$props;
|
@@ -4273,7 +4273,7 @@ class Grid extends SvelteComponent {
|
|
4273
4273
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4274
4274
|
|
4275
4275
|
function add_css$p(target) {
|
4276
|
-
append_styles(target, "svelte-
|
4276
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
4277
4277
|
}
|
4278
4278
|
|
4279
4279
|
function create_fragment$r(ctx) {
|
@@ -4288,8 +4288,8 @@ function create_fragment$r(ctx) {
|
|
4288
4288
|
div1 = element("div");
|
4289
4289
|
div0 = element("div");
|
4290
4290
|
if (default_slot) default_slot.c();
|
4291
|
-
attr(div0, "class", "grid-item-inner svelte-
|
4292
|
-
attr(div1, "class", "grid-item svelte-
|
4291
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
4292
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
4293
4293
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
4294
4294
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
4295
4295
|
attr(div1, "style", /*_style*/ ctx[1]);
|
@@ -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-
|
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
|
-
// (
|
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-
|
4615
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
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-
|
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
|
-
// (
|
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-
|
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-
|
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-
|
4684
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
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-
|
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-
|
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 = '
|
4814
|
+
let { _textStyle = '' } = $$props;
|
4815
4815
|
let { textDirection = 'horizontal' } = $$props;
|
4816
|
-
let { _style = '
|
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-
|
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
|
-
// (
|
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-
|
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 = '
|
5023
|
-
let { _style = '
|
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-
|
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-
|
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-
|
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-
|
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 = '
|
5182
|
+
let { _style = '' } = $$props;
|
5183
5183
|
|
5184
5184
|
$$self.$$set = $$props => {
|
5185
5185
|
if ('src' in $$props) $$invalidate(0, src = $$props.src);
|
@@ -5223,7 +5223,7 @@ class ImageElement extends SvelteComponent {
|
|
5223
5223
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
5224
5224
|
|
5225
5225
|
function add_css$l(target) {
|
5226
|
-
append_styles(target, "svelte-
|
5226
|
+
append_styles(target, "svelte-1gh1zvv", ".list.svelte-1gh1zvv{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
5227
5227
|
}
|
5228
5228
|
|
5229
5229
|
function create_fragment$m(ctx) {
|
@@ -5236,7 +5236,7 @@ function create_fragment$m(ctx) {
|
|
5236
5236
|
c() {
|
5237
5237
|
div = element("div");
|
5238
5238
|
if (default_slot) default_slot.c();
|
5239
|
-
attr(div, "class", "list svelte-
|
5239
|
+
attr(div, "class", "list svelte-1gh1zvv");
|
5240
5240
|
attr(div, "style", /*style*/ ctx[0]);
|
5241
5241
|
},
|
5242
5242
|
m(target, anchor) {
|
@@ -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 = '
|
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-
|
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-
|
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 = '
|
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-
|
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-
|
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 = '
|
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-
|
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-
|
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 = '
|
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-
|
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-
|
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 = "
|
6017
|
+
let { _style = "" } = $$props;
|
6018
6018
|
|
6019
6019
|
// @ts-ignore
|
6020
6020
|
if (!window.Vimeo) {
|
@@ -6168,7 +6168,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6168
6168
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
6169
6169
|
|
6170
6170
|
function add_css$g(target) {
|
6171
|
-
append_styles(target, "svelte-
|
6171
|
+
append_styles(target, "svelte-kyay3k", ".textarea-wrapper.svelte-kyay3k{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-kyay3k{width:100%;resize:none}");
|
6172
6172
|
}
|
6173
6173
|
|
6174
6174
|
function create_fragment$h(ctx) {
|
@@ -6181,12 +6181,12 @@ function create_fragment$h(ctx) {
|
|
6181
6181
|
c() {
|
6182
6182
|
div = element("div");
|
6183
6183
|
textarea = element("textarea");
|
6184
|
-
attr(textarea, "class", "textarea svelte-
|
6184
|
+
attr(textarea, "class", "textarea svelte-kyay3k");
|
6185
6185
|
textarea.value = /*$value*/ ctx[3];
|
6186
6186
|
textarea.required = /*required*/ ctx[0];
|
6187
6187
|
attr(textarea, "rows", /*rows*/ ctx[1]);
|
6188
6188
|
attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
|
6189
|
-
attr(div, "class", "textarea-wrapper svelte-
|
6189
|
+
attr(div, "class", "textarea-wrapper svelte-kyay3k");
|
6190
6190
|
},
|
6191
6191
|
m(target, anchor) {
|
6192
6192
|
insert(target, div, anchor);
|
@@ -6282,7 +6282,7 @@ class FormTextarea extends SvelteComponent {
|
|
6282
6282
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
6283
6283
|
|
6284
6284
|
function add_css$f(target) {
|
6285
|
-
append_styles(target, "svelte-
|
6285
|
+
append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
|
6286
6286
|
}
|
6287
6287
|
|
6288
6288
|
function get_each_context$5(ctx, list, i) {
|
@@ -6315,14 +6315,14 @@ function create_each_block$5(ctx) {
|
|
6315
6315
|
t1 = text(t1_value);
|
6316
6316
|
t2 = space();
|
6317
6317
|
attr(input, "type", "radio");
|
6318
|
-
attr(input, "class", "radio-button-input svelte-
|
6318
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
6319
6319
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
6320
6320
|
attr(input, "name", /*name*/ ctx[0]);
|
6321
6321
|
input.value = input_value_value = /*option*/ ctx[16];
|
6322
6322
|
input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
|
6323
|
-
attr(span, "class", "radio-button-text svelte-
|
6323
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
6324
6324
|
attr(span, "style", /*_textStyle*/ ctx[2]);
|
6325
|
-
attr(label, "class", "radio-button svelte-
|
6325
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
6326
6326
|
},
|
6327
6327
|
m(target, anchor) {
|
6328
6328
|
insert(target, label, anchor);
|
@@ -6387,7 +6387,7 @@ function create_fragment$g(ctx) {
|
|
6387
6387
|
each_blocks[i].c();
|
6388
6388
|
}
|
6389
6389
|
|
6390
|
-
attr(div, "class", "radio-buttons svelte-
|
6390
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
6391
6391
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
6392
6392
|
},
|
6393
6393
|
m(target, anchor) {
|
@@ -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-
|
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-
|
6691
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
6692
6692
|
attr(select, "style", /*style*/ ctx[3]);
|
6693
|
-
attr(div0, "class", "select-icon svelte-
|
6694
|
-
attr(div1, "class", "select svelte-
|
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 = '
|
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 = '
|
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-
|
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-
|
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-
|
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-
|
6943
|
+
: ''}`) + " svelte-1p65cg8"));
|
6943
6944
|
|
6944
|
-
attr(span2, "class", "check-box-text svelte-
|
6945
|
-
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
6946
|
-
attr(label, "class", "check-box svelte-
|
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[
|
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-
|
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",
|
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-
|
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*/
|
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 = '
|
7073
|
+
let { _layoutStyle = '' } = $$props;
|
7073
7074
|
let { font = SYSTEM_FONT } = $$props;
|
7074
7075
|
const fontCss = font ? 'font-family:' + font : '';
|
7075
|
-
let { _textStyle =
|
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(
|
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(
|
7105
|
-
if ('required' in $$props) $$invalidate(
|
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(
|
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(
|
7110
|
-
if ('buttonColor' in $$props) $$invalidate(
|
7111
|
-
if ('buttonColorActive' in $$props) $$invalidate(
|
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*/
|
7116
|
+
if ($$self.$$.dirty & /*font*/ 2048) {
|
7116
7117
|
addFont(font);
|
7117
7118
|
}
|
7118
7119
|
|
7119
|
-
if ($$self.$$.dirty & /*options*/
|
7120
|
+
if ($$self.$$.dirty & /*options*/ 512) {
|
7120
7121
|
$$invalidate(3, _options = options.split(','));
|
7121
7122
|
}
|
7122
7123
|
|
7123
|
-
if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/
|
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*/
|
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:
|
7175
|
-
required:
|
7176
|
+
options: 9,
|
7177
|
+
required: 10,
|
7176
7178
|
_layoutStyle: 1,
|
7177
|
-
font:
|
7179
|
+
font: 11,
|
7178
7180
|
_textStyle: 2,
|
7179
|
-
buttonSize:
|
7180
|
-
buttonColor:
|
7181
|
-
buttonColorActive:
|
7181
|
+
buttonSize: 12,
|
7182
|
+
buttonColor: 13,
|
7183
|
+
buttonColorActive: 14
|
7182
7184
|
},
|
7183
7185
|
add_css$d
|
7184
7186
|
);
|
@@ -7188,7 +7190,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7188
7190
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7189
7191
|
|
7190
7192
|
function add_css$c(target) {
|
7191
|
-
append_styles(target, "svelte-
|
7193
|
+
append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
|
7192
7194
|
}
|
7193
7195
|
|
7194
7196
|
function get_each_context$2(ctx, list, i) {
|
@@ -7212,7 +7214,7 @@ function create_each_block$2(ctx) {
|
|
7212
7214
|
button = element("button");
|
7213
7215
|
t0 = text(t0_value);
|
7214
7216
|
t1 = space();
|
7215
|
-
attr(button, "class", "rating-button svelte-
|
7217
|
+
attr(button, "class", "rating-button svelte-zy2va9");
|
7216
7218
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
7217
7219
|
},
|
7218
7220
|
m(target, anchor) {
|
@@ -7261,7 +7263,7 @@ function create_fragment$d(ctx) {
|
|
7261
7263
|
each_blocks[i].c();
|
7262
7264
|
}
|
7263
7265
|
|
7264
|
-
attr(div, "class", "rating-buttons svelte-
|
7266
|
+
attr(div, "class", "rating-buttons svelte-zy2va9");
|
7265
7267
|
},
|
7266
7268
|
m(target, anchor) {
|
7267
7269
|
insert(target, div, anchor);
|
@@ -7398,7 +7400,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
7398
7400
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
7399
7401
|
|
7400
7402
|
function add_css$b(target) {
|
7401
|
-
append_styles(target, "svelte-
|
7403
|
+
append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
|
7402
7404
|
}
|
7403
7405
|
|
7404
7406
|
function get_each_context$1(ctx, list, i) {
|
@@ -7423,9 +7425,9 @@ function create_each_block$1(ctx) {
|
|
7423
7425
|
img = element("img");
|
7424
7426
|
t = space();
|
7425
7427
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
7426
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7428
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
7427
7429
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
7428
|
-
attr(button, "class", "rating-button svelte-
|
7430
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
7429
7431
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7430
7432
|
},
|
7431
7433
|
m(target, anchor) {
|
@@ -7441,7 +7443,7 @@ function create_each_block$1(ctx) {
|
|
7441
7443
|
p(new_ctx, dirty) {
|
7442
7444
|
ctx = new_ctx;
|
7443
7445
|
|
7444
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7446
|
+
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
|
7445
7447
|
attr(img, "class", img_class_value);
|
7446
7448
|
}
|
7447
7449
|
|
@@ -7474,7 +7476,7 @@ function create_fragment$c(ctx) {
|
|
7474
7476
|
each_blocks[i].c();
|
7475
7477
|
}
|
7476
7478
|
|
7477
|
-
attr(div, "class", "rating-buttons svelte-
|
7479
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
7478
7480
|
},
|
7479
7481
|
m(target, anchor) {
|
7480
7482
|
insert(target, div, anchor);
|
@@ -7582,7 +7584,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
7582
7584
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
7583
7585
|
|
7584
7586
|
function add_css$a(target) {
|
7585
|
-
append_styles(target, "svelte-
|
7587
|
+
append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
|
7586
7588
|
}
|
7587
7589
|
|
7588
7590
|
function get_each_context(ctx, list, i) {
|
@@ -7611,9 +7613,9 @@ function create_if_block_1(ctx) {
|
|
7611
7613
|
attr(svg, "viewBox", "0 0 10 16");
|
7612
7614
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7613
7615
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
7614
|
-
attr(button, "class", "move-button svelte-
|
7616
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
7615
7617
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
7616
|
-
attr(div, "class", "prev-button-container svelte-
|
7618
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
7617
7619
|
},
|
7618
7620
|
m(target, anchor) {
|
7619
7621
|
insert(target, div, anchor);
|
@@ -7662,9 +7664,9 @@ function create_if_block$1(ctx) {
|
|
7662
7664
|
attr(svg, "viewBox", "0 0 10 16");
|
7663
7665
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7664
7666
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
7665
|
-
attr(button, "class", "move-button svelte-
|
7667
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
7666
7668
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
7667
|
-
attr(div, "class", "next-button-container svelte-
|
7669
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
7668
7670
|
},
|
7669
7671
|
m(target, anchor) {
|
7670
7672
|
insert(target, div, anchor);
|
@@ -7712,9 +7714,9 @@ function create_each_block(ctx) {
|
|
7712
7714
|
button = element("button");
|
7713
7715
|
div = element("div");
|
7714
7716
|
t = space();
|
7715
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
7717
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
7716
7718
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
7717
|
-
attr(button, "class", "navigation-item svelte-
|
7719
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
7718
7720
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
7719
7721
|
},
|
7720
7722
|
m(target, anchor) {
|
@@ -7791,14 +7793,14 @@ function create_fragment$b(ctx) {
|
|
7791
7793
|
each_blocks[i].c();
|
7792
7794
|
}
|
7793
7795
|
|
7794
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
7796
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
7795
7797
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
7796
|
-
attr(div1, "class", "container svelte-
|
7798
|
+
attr(div1, "class", "container svelte-ji1fh");
|
7797
7799
|
attr(div1, "style", /*_style*/ ctx[0]);
|
7798
|
-
attr(div2, "class", "navigation svelte-
|
7800
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
7799
7801
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
7800
7802
|
set_attributes(div3, div3_data);
|
7801
|
-
toggle_class(div3, "svelte-
|
7803
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
7802
7804
|
},
|
7803
7805
|
m(target, anchor) {
|
7804
7806
|
insert(target, div3, anchor);
|
@@ -7840,7 +7842,7 @@ function create_fragment$b(ctx) {
|
|
7840
7842
|
}
|
7841
7843
|
}
|
7842
7844
|
|
7843
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
7845
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
7844
7846
|
attr(div0, "class", div0_class_value);
|
7845
7847
|
}
|
7846
7848
|
|
@@ -7906,7 +7908,7 @@ function create_fragment$b(ctx) {
|
|
7906
7908
|
}
|
7907
7909
|
|
7908
7910
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
7909
|
-
toggle_class(div3, "svelte-
|
7911
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
7910
7912
|
},
|
7911
7913
|
i(local) {
|
7912
7914
|
if (current) return;
|
@@ -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 = '
|
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-
|
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-
|
8438
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
8437
8439
|
attr(div0, "style", /*_style*/ ctx[0]);
|
8438
|
-
attr(div1, "class", "item svelte-
|
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 = '
|
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-
|
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-
|
8584
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
8583
8585
|
attr(div0, "style", /*_style*/ ctx[0]);
|
8584
|
-
attr(div1, "class", "countdown svelte-
|
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 = '
|
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-
|
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-
|
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 = '
|
8829
|
+
let { _style = '' } = $$props;
|
8828
8830
|
|
8829
8831
|
$$self.$$set = $$props => {
|
8830
8832
|
if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
|
@@ -8846,7 +8848,7 @@ class Box extends SvelteComponent {
|
|
8846
8848
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
8847
8849
|
|
8848
8850
|
function add_css$6(target) {
|
8849
|
-
append_styles(target, "svelte-
|
8851
|
+
append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .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}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
|
8850
8852
|
}
|
8851
8853
|
|
8852
8854
|
// (56:4) {#if svg}
|
@@ -8928,7 +8930,7 @@ function create_fragment$7(ctx) {
|
|
8928
8930
|
c() {
|
8929
8931
|
div = element("div");
|
8930
8932
|
create_component(button.$$.fragment);
|
8931
|
-
attr(div, "class", "icon svelte-
|
8933
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
8932
8934
|
},
|
8933
8935
|
m(target, anchor) {
|
8934
8936
|
insert(target, div, anchor);
|
@@ -9037,7 +9039,7 @@ class IconElement extends SvelteComponent {
|
|
9037
9039
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
9038
9040
|
|
9039
9041
|
function add_css$5(target) {
|
9040
|
-
append_styles(target, "svelte-
|
9042
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
9041
9043
|
}
|
9042
9044
|
|
9043
9045
|
function create_fragment$6(ctx) {
|
@@ -9063,7 +9065,7 @@ function create_fragment$6(ctx) {
|
|
9063
9065
|
c() {
|
9064
9066
|
div = element("div");
|
9065
9067
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
9066
|
-
attr(div, "class", "codeElement svelte-
|
9068
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
9067
9069
|
attr(div, "style", /*style*/ ctx[3]);
|
9068
9070
|
},
|
9069
9071
|
m(target, anchor) {
|
@@ -9152,7 +9154,7 @@ class CodeElement extends SvelteComponent {
|
|
9152
9154
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
9153
9155
|
|
9154
9156
|
function add_css$4(target) {
|
9155
|
-
append_styles(target, "svelte-
|
9157
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
9156
9158
|
}
|
9157
9159
|
|
9158
9160
|
function create_fragment$5(ctx) {
|
@@ -9166,7 +9168,7 @@ function create_fragment$5(ctx) {
|
|
9166
9168
|
c() {
|
9167
9169
|
div = element("div");
|
9168
9170
|
if (default_slot) default_slot.c();
|
9169
|
-
attr(div, "class", "flex svelte-
|
9171
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
9170
9172
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
9171
9173
|
},
|
9172
9174
|
m(target, anchor) {
|
@@ -9263,7 +9265,7 @@ class Flex extends SvelteComponent {
|
|
9263
9265
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
9264
9266
|
|
9265
9267
|
function add_css$3(target) {
|
9266
|
-
append_styles(target, "svelte-
|
9268
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
9267
9269
|
}
|
9268
9270
|
|
9269
9271
|
function create_fragment$4(ctx) {
|
@@ -9276,7 +9278,7 @@ function create_fragment$4(ctx) {
|
|
9276
9278
|
c() {
|
9277
9279
|
div = element("div");
|
9278
9280
|
if (default_slot) default_slot.c();
|
9279
|
-
attr(div, "class", "flex-item svelte-
|
9281
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
9280
9282
|
attr(div, "style", /*style*/ ctx[0]);
|
9281
9283
|
},
|
9282
9284
|
m(target, anchor) {
|
@@ -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-
|
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-
|
9704
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
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-
|
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 = '
|
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-
|
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-
|
9815
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
9814
9816
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
9815
|
-
attr(div, "class", "text-button-block svelte-
|
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 = '
|
9875
|
-
let { _style = '
|
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-
|
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-
|
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-
|
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-
|
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 = '
|
10006
|
+
let { _style = '' } = $$props;
|
10005
10007
|
|
10006
10008
|
$$self.$$set = $$props => {
|
10007
10009
|
if ('src' in $$props) $$invalidate(0, src = $$props.src);
|