@plaidev/karte-action-sdk 1.1.240 → 1.1.241-28706520.9a16bb68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.d.ts +32 -1
- package/dist/hydrate/index.es.js +467 -419
- package/dist/index.es.d.ts +32 -1
- package/dist/index.es.js +448 -407
- package/dist/templates.cjs.js +1 -0
- package/dist/templates.js +1 -0
- package/package.json +1 -1
- package/meta/karte-action-sdk.api.json +0 -8155
package/dist/hydrate/index.es.js
CHANGED
|
@@ -1776,6 +1776,8 @@ function createModal(App, options = {
|
|
|
1776
1776
|
context: { api_key: '', collection_endpoint: undefined },
|
|
1777
1777
|
}) {
|
|
1778
1778
|
let app = null;
|
|
1779
|
+
let hasAlreadySentMessageOpenEvent = false;
|
|
1780
|
+
let hasAlreadySentMessageCloseEvent = false;
|
|
1779
1781
|
const data = getVariables();
|
|
1780
1782
|
const actionProps = {
|
|
1781
1783
|
send: options.send,
|
|
@@ -1786,8 +1788,9 @@ function createModal(App, options = {
|
|
|
1786
1788
|
if (!app) {
|
|
1787
1789
|
return NOOP;
|
|
1788
1790
|
}
|
|
1789
|
-
if (trigger !== 'auto') {
|
|
1791
|
+
if (trigger !== 'auto' && !hasAlreadySentMessageCloseEvent) {
|
|
1790
1792
|
options.send('message_close', { trigger, state: getState$1() });
|
|
1793
|
+
hasAlreadySentMessageCloseEvent = true;
|
|
1791
1794
|
}
|
|
1792
1795
|
options.send('_message_state_changed', {
|
|
1793
1796
|
trigger,
|
|
@@ -1829,8 +1832,9 @@ function createModal(App, options = {
|
|
|
1829
1832
|
if (!result.success)
|
|
1830
1833
|
return;
|
|
1831
1834
|
}
|
|
1832
|
-
if (
|
|
1835
|
+
if (!hasAlreadySentMessageOpenEvent) {
|
|
1833
1836
|
options.send('message_open', { state: getState$1() });
|
|
1837
|
+
hasAlreadySentMessageOpenEvent = true;
|
|
1834
1838
|
}
|
|
1835
1839
|
options.send('_message_state_changed', {
|
|
1836
1840
|
trigger,
|
|
@@ -2832,7 +2836,7 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
|
2832
2836
|
|
|
2833
2837
|
/* src/components/Header.svelte generated by Svelte v3.53.1 */
|
|
2834
2838
|
|
|
2835
|
-
function create_if_block$
|
|
2839
|
+
function create_if_block$f(ctx) {
|
|
2836
2840
|
let link;
|
|
2837
2841
|
|
|
2838
2842
|
return {
|
|
@@ -2865,7 +2869,7 @@ function create_if_block$e(ctx) {
|
|
|
2865
2869
|
|
|
2866
2870
|
function create_fragment$1a(ctx) {
|
|
2867
2871
|
let head;
|
|
2868
|
-
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$
|
|
2872
|
+
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$f(ctx);
|
|
2869
2873
|
|
|
2870
2874
|
return {
|
|
2871
2875
|
c() {
|
|
@@ -2887,7 +2891,7 @@ function create_fragment$1a(ctx) {
|
|
|
2887
2891
|
if (if_block) {
|
|
2888
2892
|
if_block.p(ctx, dirty);
|
|
2889
2893
|
} else {
|
|
2890
|
-
if_block = create_if_block$
|
|
2894
|
+
if_block = create_if_block$f(ctx);
|
|
2891
2895
|
if_block.c();
|
|
2892
2896
|
if_block.m(head, null);
|
|
2893
2897
|
}
|
|
@@ -3025,11 +3029,11 @@ class State extends SvelteComponent {
|
|
|
3025
3029
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3026
3030
|
|
|
3027
3031
|
function add_css$F(target) {
|
|
3028
|
-
append_styles(target, "svelte-
|
|
3032
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
3029
3033
|
}
|
|
3030
3034
|
|
|
3031
3035
|
// (23:0) {#if $state === path}
|
|
3032
|
-
function create_if_block$
|
|
3036
|
+
function create_if_block$e(ctx) {
|
|
3033
3037
|
let div;
|
|
3034
3038
|
let t;
|
|
3035
3039
|
let current;
|
|
@@ -3052,7 +3056,7 @@ function create_if_block$d(ctx) {
|
|
|
3052
3056
|
},
|
|
3053
3057
|
h() {
|
|
3054
3058
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
3055
|
-
attr(div, "class", "state-item svelte-
|
|
3059
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
3056
3060
|
},
|
|
3057
3061
|
m(target, anchor) {
|
|
3058
3062
|
insert_hydration(target, div, anchor);
|
|
@@ -3104,7 +3108,7 @@ function create_if_block$d(ctx) {
|
|
|
3104
3108
|
function create_fragment$18(ctx) {
|
|
3105
3109
|
let if_block_anchor;
|
|
3106
3110
|
let current;
|
|
3107
|
-
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$
|
|
3111
|
+
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$e(ctx);
|
|
3108
3112
|
|
|
3109
3113
|
return {
|
|
3110
3114
|
c() {
|
|
@@ -3129,7 +3133,7 @@ function create_fragment$18(ctx) {
|
|
|
3129
3133
|
transition_in(if_block, 1);
|
|
3130
3134
|
}
|
|
3131
3135
|
} else {
|
|
3132
|
-
if_block = create_if_block$
|
|
3136
|
+
if_block = create_if_block$e(ctx);
|
|
3133
3137
|
if_block.c();
|
|
3134
3138
|
transition_in(if_block, 1);
|
|
3135
3139
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
@@ -3319,11 +3323,11 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3319
3323
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3320
3324
|
|
|
3321
3325
|
function add_css$E(target) {
|
|
3322
|
-
append_styles(target, "svelte-
|
|
3326
|
+
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}");
|
|
3323
3327
|
}
|
|
3324
3328
|
|
|
3325
3329
|
// (14:0) {#if backgroundOverlay}
|
|
3326
|
-
function create_if_block$
|
|
3330
|
+
function create_if_block$d(ctx) {
|
|
3327
3331
|
let div;
|
|
3328
3332
|
let div_class_value;
|
|
3329
3333
|
let mounted;
|
|
@@ -3340,7 +3344,7 @@ function create_if_block$c(ctx) {
|
|
|
3340
3344
|
this.h();
|
|
3341
3345
|
},
|
|
3342
3346
|
h() {
|
|
3343
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3347
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
|
3344
3348
|
},
|
|
3345
3349
|
m(target, anchor) {
|
|
3346
3350
|
insert_hydration(target, div, anchor);
|
|
@@ -3351,7 +3355,7 @@ function create_if_block$c(ctx) {
|
|
|
3351
3355
|
}
|
|
3352
3356
|
},
|
|
3353
3357
|
p(ctx, dirty) {
|
|
3354
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3358
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
|
3355
3359
|
attr(div, "class", div_class_value);
|
|
3356
3360
|
}
|
|
3357
3361
|
},
|
|
@@ -3365,7 +3369,7 @@ function create_if_block$c(ctx) {
|
|
|
3365
3369
|
|
|
3366
3370
|
function create_fragment$17(ctx) {
|
|
3367
3371
|
let if_block_anchor;
|
|
3368
|
-
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$
|
|
3372
|
+
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$d(ctx);
|
|
3369
3373
|
|
|
3370
3374
|
return {
|
|
3371
3375
|
c() {
|
|
@@ -3385,7 +3389,7 @@ function create_fragment$17(ctx) {
|
|
|
3385
3389
|
if (if_block) {
|
|
3386
3390
|
if_block.p(ctx, dirty);
|
|
3387
3391
|
} else {
|
|
3388
|
-
if_block = create_if_block$
|
|
3392
|
+
if_block = create_if_block$d(ctx);
|
|
3389
3393
|
if_block.c();
|
|
3390
3394
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
3391
3395
|
}
|
|
@@ -3461,7 +3465,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3461
3465
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3462
3466
|
|
|
3463
3467
|
function add_css$D(target) {
|
|
3464
|
-
append_styles(target, "svelte-
|
|
3468
|
+
append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
|
|
3465
3469
|
}
|
|
3466
3470
|
|
|
3467
3471
|
// (50:0) {:else}
|
|
@@ -3500,7 +3504,7 @@ function create_else_block$5(ctx) {
|
|
|
3500
3504
|
},
|
|
3501
3505
|
h() {
|
|
3502
3506
|
set_attributes(button, button_data);
|
|
3503
|
-
toggle_class(button, "svelte-
|
|
3507
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3504
3508
|
},
|
|
3505
3509
|
m(target, anchor) {
|
|
3506
3510
|
insert_hydration(target, button, anchor);
|
|
@@ -3539,7 +3543,7 @@ function create_else_block$5(ctx) {
|
|
|
3539
3543
|
dataAttrStopPropagation('click')
|
|
3540
3544
|
]));
|
|
3541
3545
|
|
|
3542
|
-
toggle_class(button, "svelte-
|
|
3546
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3543
3547
|
},
|
|
3544
3548
|
i(local) {
|
|
3545
3549
|
if (current) return;
|
|
@@ -3580,7 +3584,7 @@ function create_if_block_2$2(ctx) {
|
|
|
3580
3584
|
this.h();
|
|
3581
3585
|
},
|
|
3582
3586
|
h() {
|
|
3583
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
|
3587
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
|
3584
3588
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3585
3589
|
},
|
|
3586
3590
|
m(target, anchor) {
|
|
@@ -3680,7 +3684,7 @@ function create_if_block_1$3(ctx) {
|
|
|
3680
3684
|
},
|
|
3681
3685
|
h() {
|
|
3682
3686
|
set_attributes(a, a_data);
|
|
3683
|
-
toggle_class(a, "svelte-
|
|
3687
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3684
3688
|
},
|
|
3685
3689
|
m(target, anchor) {
|
|
3686
3690
|
insert_hydration(target, a, anchor);
|
|
@@ -3722,7 +3726,7 @@ function create_if_block_1$3(ctx) {
|
|
|
3722
3726
|
dataAttrStopPropagation('click')
|
|
3723
3727
|
]));
|
|
3724
3728
|
|
|
3725
|
-
toggle_class(a, "svelte-
|
|
3729
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3726
3730
|
},
|
|
3727
3731
|
i(local) {
|
|
3728
3732
|
if (current) return;
|
|
@@ -3743,7 +3747,7 @@ function create_if_block_1$3(ctx) {
|
|
|
3743
3747
|
}
|
|
3744
3748
|
|
|
3745
3749
|
// (31:0) {#if disabled}
|
|
3746
|
-
function create_if_block$
|
|
3750
|
+
function create_if_block$c(ctx) {
|
|
3747
3751
|
let div;
|
|
3748
3752
|
let current;
|
|
3749
3753
|
const default_slot_template = /*#slots*/ ctx[9].default;
|
|
@@ -3763,7 +3767,7 @@ function create_if_block$b(ctx) {
|
|
|
3763
3767
|
this.h();
|
|
3764
3768
|
},
|
|
3765
3769
|
h() {
|
|
3766
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
|
3770
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
|
3767
3771
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3768
3772
|
},
|
|
3769
3773
|
m(target, anchor) {
|
|
@@ -3816,7 +3820,7 @@ function create_fragment$16(ctx) {
|
|
|
3816
3820
|
let if_block;
|
|
3817
3821
|
let if_block_anchor;
|
|
3818
3822
|
let current;
|
|
3819
|
-
const if_block_creators = [create_if_block$
|
|
3823
|
+
const if_block_creators = [create_if_block$c, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
|
|
3820
3824
|
const if_blocks = [];
|
|
3821
3825
|
|
|
3822
3826
|
function select_block_type(ctx, dirty) {
|
|
@@ -3971,7 +3975,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
3971
3975
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3972
3976
|
|
|
3973
3977
|
function add_css$C(target) {
|
|
3974
|
-
append_styles(target, "svelte-
|
|
3978
|
+
append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .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-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
|
3975
3979
|
}
|
|
3976
3980
|
|
|
3977
3981
|
// (277:0) {:else}
|
|
@@ -4022,7 +4026,7 @@ function create_else_block$4(ctx) {
|
|
|
4022
4026
|
}
|
|
4023
4027
|
|
|
4024
4028
|
// (266:24)
|
|
4025
|
-
function create_if_block_3
|
|
4029
|
+
function create_if_block_3(ctx) {
|
|
4026
4030
|
let backgroundoverlay0;
|
|
4027
4031
|
let t;
|
|
4028
4032
|
let backgroundoverlay1;
|
|
@@ -4109,7 +4113,7 @@ function create_if_block_2$1(ctx) {
|
|
|
4109
4113
|
}
|
|
4110
4114
|
|
|
4111
4115
|
// (280:0) {#if visible}
|
|
4112
|
-
function create_if_block$
|
|
4116
|
+
function create_if_block$b(ctx) {
|
|
4113
4117
|
let div;
|
|
4114
4118
|
let button;
|
|
4115
4119
|
let div_class_value;
|
|
@@ -4146,7 +4150,7 @@ function create_if_block$a(ctx) {
|
|
|
4146
4150
|
this.h();
|
|
4147
4151
|
},
|
|
4148
4152
|
h() {
|
|
4149
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4153
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
|
4150
4154
|
attr(div, "role", "dialog");
|
|
4151
4155
|
attr(div, "aria-modal", "true");
|
|
4152
4156
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
|
@@ -4170,7 +4174,7 @@ function create_if_block$a(ctx) {
|
|
|
4170
4174
|
|
|
4171
4175
|
button.$set(button_changes);
|
|
4172
4176
|
|
|
4173
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4177
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
|
4174
4178
|
attr(div, "class", div_class_value);
|
|
4175
4179
|
}
|
|
4176
4180
|
},
|
|
@@ -4234,7 +4238,7 @@ function create_if_block_1$2(ctx) {
|
|
|
4234
4238
|
this.h();
|
|
4235
4239
|
},
|
|
4236
4240
|
h() {
|
|
4237
|
-
attr(div, "class", "close svelte-
|
|
4241
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
|
4238
4242
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
4239
4243
|
},
|
|
4240
4244
|
m(target, anchor) {
|
|
@@ -4359,7 +4363,7 @@ function create_default_slot$6(ctx) {
|
|
|
4359
4363
|
this.h();
|
|
4360
4364
|
},
|
|
4361
4365
|
h() {
|
|
4362
|
-
attr(div, "class", "modal-content svelte-
|
|
4366
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
|
4363
4367
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
4364
4368
|
},
|
|
4365
4369
|
m(target, anchor) {
|
|
@@ -4445,7 +4449,7 @@ function create_fragment$15(ctx) {
|
|
|
4445
4449
|
let current;
|
|
4446
4450
|
let mounted;
|
|
4447
4451
|
let dispose;
|
|
4448
|
-
const if_block_creators = [create_if_block_2$1, create_if_block_3
|
|
4452
|
+
const if_block_creators = [create_if_block_2$1, create_if_block_3, create_else_block$4];
|
|
4449
4453
|
const if_blocks = [];
|
|
4450
4454
|
|
|
4451
4455
|
function select_block_type(ctx, dirty) {
|
|
@@ -4457,7 +4461,7 @@ function create_fragment$15(ctx) {
|
|
|
4457
4461
|
|
|
4458
4462
|
current_block_type_index = select_block_type(ctx);
|
|
4459
4463
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
|
4460
|
-
let if_block1 = /*visible*/ ctx[16] && create_if_block$
|
|
4464
|
+
let if_block1 = /*visible*/ ctx[16] && create_if_block$b(ctx);
|
|
4461
4465
|
|
|
4462
4466
|
return {
|
|
4463
4467
|
c() {
|
|
@@ -4523,7 +4527,7 @@ function create_fragment$15(ctx) {
|
|
|
4523
4527
|
transition_in(if_block1, 1);
|
|
4524
4528
|
}
|
|
4525
4529
|
} else {
|
|
4526
|
-
if_block1 = create_if_block$
|
|
4530
|
+
if_block1 = create_if_block$b(ctx);
|
|
4527
4531
|
if_block1.c();
|
|
4528
4532
|
transition_in(if_block1, 1);
|
|
4529
4533
|
if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
|
|
@@ -4996,7 +5000,7 @@ class Grid extends SvelteComponent {
|
|
|
4996
5000
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
4997
5001
|
|
|
4998
5002
|
function add_css$B(target) {
|
|
4999
|
-
append_styles(target, "svelte-
|
|
5003
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
5000
5004
|
}
|
|
5001
5005
|
|
|
5002
5006
|
function create_fragment$13(ctx) {
|
|
@@ -5030,8 +5034,8 @@ function create_fragment$13(ctx) {
|
|
|
5030
5034
|
this.h();
|
|
5031
5035
|
},
|
|
5032
5036
|
h() {
|
|
5033
|
-
attr(div0, "class", "grid-item-inner svelte-
|
|
5034
|
-
attr(div1, "class", "grid-item svelte-
|
|
5037
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
|
5038
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
|
5035
5039
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
|
5036
5040
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
|
5037
5041
|
attr(div1, "style", /*_style*/ ctx[1]);
|
|
@@ -5191,7 +5195,7 @@ function create_else_block$3(ctx) {
|
|
|
5191
5195
|
}
|
|
5192
5196
|
|
|
5193
5197
|
// (11:2) {#if item.match(regexp)}
|
|
5194
|
-
function create_if_block$
|
|
5198
|
+
function create_if_block$a(ctx) {
|
|
5195
5199
|
let br;
|
|
5196
5200
|
|
|
5197
5201
|
return {
|
|
@@ -5219,7 +5223,7 @@ function create_each_block$6(ctx) {
|
|
|
5219
5223
|
function select_block_type(ctx, dirty) {
|
|
5220
5224
|
if (dirty & /*items*/ 1) show_if = null;
|
|
5221
5225
|
if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
|
|
5222
|
-
if (show_if) return create_if_block$
|
|
5226
|
+
if (show_if) return create_if_block$a;
|
|
5223
5227
|
return create_else_block$3;
|
|
5224
5228
|
}
|
|
5225
5229
|
|
|
@@ -5353,7 +5357,7 @@ class RenderText extends SvelteComponent {
|
|
|
5353
5357
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5354
5358
|
|
|
5355
5359
|
function add_css$A(target) {
|
|
5356
|
-
append_styles(target, "svelte-
|
|
5360
|
+
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}");
|
|
5357
5361
|
}
|
|
5358
5362
|
|
|
5359
5363
|
// (94:2) {:else}
|
|
@@ -5383,8 +5387,8 @@ function create_else_block$2(ctx) {
|
|
|
5383
5387
|
this.h();
|
|
5384
5388
|
},
|
|
5385
5389
|
h() {
|
|
5386
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5387
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5390
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5391
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5388
5392
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
5389
5393
|
},
|
|
5390
5394
|
m(target, anchor) {
|
|
@@ -5398,7 +5402,7 @@ function create_else_block$2(ctx) {
|
|
|
5398
5402
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5399
5403
|
rendertext.$set(rendertext_changes);
|
|
5400
5404
|
|
|
5401
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5405
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
5402
5406
|
attr(div1, "class", div1_class_value);
|
|
5403
5407
|
}
|
|
5404
5408
|
|
|
@@ -5423,7 +5427,7 @@ function create_else_block$2(ctx) {
|
|
|
5423
5427
|
}
|
|
5424
5428
|
|
|
5425
5429
|
// (80:2) {#if enableCopy}
|
|
5426
|
-
function create_if_block$
|
|
5430
|
+
function create_if_block$9(ctx) {
|
|
5427
5431
|
let a;
|
|
5428
5432
|
let div0;
|
|
5429
5433
|
let rendertext;
|
|
@@ -5473,12 +5477,12 @@ function create_if_block$8(ctx) {
|
|
|
5473
5477
|
this.h();
|
|
5474
5478
|
},
|
|
5475
5479
|
h() {
|
|
5476
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5480
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5477
5481
|
attr(a, "href", '');
|
|
5478
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5482
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5479
5483
|
attr(a, "style", /*style*/ ctx[5]);
|
|
5480
|
-
attr(div1, "class", "tooltip svelte-
|
|
5481
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
|
5484
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
|
5485
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
|
5482
5486
|
},
|
|
5483
5487
|
m(target, anchor) {
|
|
5484
5488
|
insert_hydration(target, a, anchor);
|
|
@@ -5504,7 +5508,7 @@ function create_if_block$8(ctx) {
|
|
|
5504
5508
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5505
5509
|
rendertext.$set(rendertext_changes);
|
|
5506
5510
|
|
|
5507
|
-
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-
|
|
5511
|
+
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"))) {
|
|
5508
5512
|
attr(a, "class", a_class_value);
|
|
5509
5513
|
}
|
|
5510
5514
|
|
|
@@ -5541,7 +5545,7 @@ function create_fragment$11(ctx) {
|
|
|
5541
5545
|
let current_block_type_index;
|
|
5542
5546
|
let if_block;
|
|
5543
5547
|
let current;
|
|
5544
|
-
const if_block_creators = [create_if_block$
|
|
5548
|
+
const if_block_creators = [create_if_block$9, create_else_block$2];
|
|
5545
5549
|
const if_blocks = [];
|
|
5546
5550
|
|
|
5547
5551
|
function select_block_type(ctx, dirty) {
|
|
@@ -5566,7 +5570,7 @@ function create_fragment$11(ctx) {
|
|
|
5566
5570
|
this.h();
|
|
5567
5571
|
},
|
|
5568
5572
|
h() {
|
|
5569
|
-
attr(div, "class", "text-element-wrapper svelte-
|
|
5573
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
|
5570
5574
|
},
|
|
5571
5575
|
m(target, anchor) {
|
|
5572
5576
|
insert_hydration(target, div, anchor);
|
|
@@ -5732,7 +5736,7 @@ class TextElement extends SvelteComponent {
|
|
|
5732
5736
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5733
5737
|
|
|
5734
5738
|
function add_css$z(target) {
|
|
5735
|
-
append_styles(target, "svelte-
|
|
5739
|
+
append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .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:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
|
5736
5740
|
}
|
|
5737
5741
|
|
|
5738
5742
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5801,7 +5805,7 @@ function create_fragment$10(ctx) {
|
|
|
5801
5805
|
this.h();
|
|
5802
5806
|
},
|
|
5803
5807
|
h() {
|
|
5804
|
-
attr(div, "class", "text-button-element svelte-
|
|
5808
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
|
5805
5809
|
},
|
|
5806
5810
|
m(target, anchor) {
|
|
5807
5811
|
insert_hydration(target, div, anchor);
|
|
@@ -5893,7 +5897,7 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5893
5897
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5894
5898
|
|
|
5895
5899
|
function add_css$y(target) {
|
|
5896
|
-
append_styles(target, "svelte-
|
|
5900
|
+
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%}");
|
|
5897
5901
|
}
|
|
5898
5902
|
|
|
5899
5903
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -5921,7 +5925,7 @@ function create_default_slot$4(ctx) {
|
|
|
5921
5925
|
this.h();
|
|
5922
5926
|
},
|
|
5923
5927
|
h() {
|
|
5924
|
-
attr(img, "class", "image svelte-
|
|
5928
|
+
attr(img, "class", "image svelte-t6tu0e");
|
|
5925
5929
|
attr(img, "loading", "lazy");
|
|
5926
5930
|
attr(img, "width", "auto");
|
|
5927
5931
|
attr(img, "height", "auto");
|
|
@@ -5993,7 +5997,7 @@ function create_fragment$$(ctx) {
|
|
|
5993
5997
|
this.h();
|
|
5994
5998
|
},
|
|
5995
5999
|
h() {
|
|
5996
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
6000
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
|
5997
6001
|
},
|
|
5998
6002
|
m(target, anchor) {
|
|
5999
6003
|
insert_hydration(target, div, anchor);
|
|
@@ -6012,7 +6016,7 @@ function create_fragment$$(ctx) {
|
|
|
6012
6016
|
|
|
6013
6017
|
button.$set(button_changes);
|
|
6014
6018
|
|
|
6015
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
6019
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
|
6016
6020
|
attr(div, "class", div_class_value);
|
|
6017
6021
|
}
|
|
6018
6022
|
},
|
|
@@ -6084,7 +6088,7 @@ class ImageElement extends SvelteComponent {
|
|
|
6084
6088
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
6085
6089
|
|
|
6086
6090
|
function add_css$x(target) {
|
|
6087
|
-
append_styles(target, "svelte-
|
|
6091
|
+
append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
|
6088
6092
|
}
|
|
6089
6093
|
|
|
6090
6094
|
function create_fragment$_(ctx) {
|
|
@@ -6107,7 +6111,7 @@ function create_fragment$_(ctx) {
|
|
|
6107
6111
|
this.h();
|
|
6108
6112
|
},
|
|
6109
6113
|
h() {
|
|
6110
|
-
attr(div, "class", "list svelte-
|
|
6114
|
+
attr(div, "class", "list svelte-aquv6z");
|
|
6111
6115
|
attr(div, "style", /*style*/ ctx[0]);
|
|
6112
6116
|
},
|
|
6113
6117
|
m(target, anchor) {
|
|
@@ -6241,7 +6245,7 @@ class List extends SvelteComponent {
|
|
|
6241
6245
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6242
6246
|
|
|
6243
6247
|
function add_css$w(target) {
|
|
6244
|
-
append_styles(target, "svelte-
|
|
6248
|
+
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}");
|
|
6245
6249
|
}
|
|
6246
6250
|
|
|
6247
6251
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
|
@@ -6324,7 +6328,7 @@ function create_fragment$Z(ctx) {
|
|
|
6324
6328
|
this.h();
|
|
6325
6329
|
},
|
|
6326
6330
|
h() {
|
|
6327
|
-
attr(div, "class", "list-item svelte-
|
|
6331
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
|
6328
6332
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
|
6329
6333
|
},
|
|
6330
6334
|
m(target, anchor) {
|
|
@@ -6450,7 +6454,7 @@ class ListItem extends SvelteComponent {
|
|
|
6450
6454
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6451
6455
|
|
|
6452
6456
|
function add_css$v(target) {
|
|
6453
|
-
append_styles(target, "svelte-
|
|
6457
|
+
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}");
|
|
6454
6458
|
}
|
|
6455
6459
|
|
|
6456
6460
|
function create_fragment$Y(ctx) {
|
|
@@ -6468,7 +6472,7 @@ function create_fragment$Y(ctx) {
|
|
|
6468
6472
|
this.h();
|
|
6469
6473
|
},
|
|
6470
6474
|
h() {
|
|
6471
|
-
attr(div, "class", "embed svelte-
|
|
6475
|
+
attr(div, "class", "embed svelte-wocq4p");
|
|
6472
6476
|
attr(div, "style", /*_style*/ ctx[1]);
|
|
6473
6477
|
},
|
|
6474
6478
|
m(target, anchor) {
|
|
@@ -6511,7 +6515,7 @@ class EmbedElement extends SvelteComponent {
|
|
|
6511
6515
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6512
6516
|
|
|
6513
6517
|
function add_css$u(target) {
|
|
6514
|
-
append_styles(target, "svelte-
|
|
6518
|
+
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%}");
|
|
6515
6519
|
}
|
|
6516
6520
|
|
|
6517
6521
|
function create_fragment$X(ctx) {
|
|
@@ -6534,7 +6538,7 @@ function create_fragment$X(ctx) {
|
|
|
6534
6538
|
},
|
|
6535
6539
|
h() {
|
|
6536
6540
|
attr(div0, "class", "karte-player");
|
|
6537
|
-
attr(div1, "class", "embed svelte-
|
|
6541
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6538
6542
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6539
6543
|
},
|
|
6540
6544
|
m(target, anchor) {
|
|
@@ -6876,7 +6880,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6876
6880
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6877
6881
|
|
|
6878
6882
|
function add_css$t(target) {
|
|
6879
|
-
append_styles(target, "svelte-
|
|
6883
|
+
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%}");
|
|
6880
6884
|
}
|
|
6881
6885
|
|
|
6882
6886
|
function create_fragment$W(ctx) {
|
|
@@ -6899,7 +6903,7 @@ function create_fragment$W(ctx) {
|
|
|
6899
6903
|
},
|
|
6900
6904
|
h() {
|
|
6901
6905
|
attr(div0, "class", "karte-player");
|
|
6902
|
-
attr(div1, "class", "embed svelte-
|
|
6906
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6903
6907
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6904
6908
|
},
|
|
6905
6909
|
m(target, anchor) {
|
|
@@ -7083,7 +7087,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
7083
7087
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
7084
7088
|
|
|
7085
7089
|
function add_css$s(target) {
|
|
7086
|
-
append_styles(target, "svelte-
|
|
7090
|
+
append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
|
|
7087
7091
|
}
|
|
7088
7092
|
|
|
7089
7093
|
function create_fragment$V(ctx) {
|
|
@@ -7113,12 +7117,12 @@ function create_fragment$V(ctx) {
|
|
|
7113
7117
|
this.h();
|
|
7114
7118
|
},
|
|
7115
7119
|
h() {
|
|
7116
|
-
attr(textarea, "class", "textarea svelte-
|
|
7120
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
|
7117
7121
|
textarea.value = /*$value*/ ctx[4];
|
|
7118
7122
|
textarea.required = /*required*/ ctx[1];
|
|
7119
7123
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
|
7120
7124
|
attr(textarea, "style", /*style*/ ctx[3]);
|
|
7121
|
-
attr(div, "class", "textarea-wrapper svelte-
|
|
7125
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
|
7122
7126
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
|
7123
7127
|
},
|
|
7124
7128
|
m(target, anchor) {
|
|
@@ -7270,7 +7274,7 @@ class FormTextarea extends SvelteComponent {
|
|
|
7270
7274
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7271
7275
|
|
|
7272
7276
|
function add_css$r(target) {
|
|
7273
|
-
append_styles(target, "svelte-
|
|
7277
|
+
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}");
|
|
7274
7278
|
}
|
|
7275
7279
|
|
|
7276
7280
|
function get_each_context$5(ctx, list, i) {
|
|
@@ -7327,14 +7331,14 @@ function create_each_block$5(ctx) {
|
|
|
7327
7331
|
},
|
|
7328
7332
|
h() {
|
|
7329
7333
|
attr(input, "type", "radio");
|
|
7330
|
-
attr(input, "class", "radio-button-input svelte-
|
|
7334
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
|
7331
7335
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
|
7332
7336
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7333
7337
|
input.value = input_value_value = /*option*/ ctx[17];
|
|
7334
7338
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
|
7335
|
-
attr(span, "class", "radio-button-text svelte-
|
|
7339
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
|
7336
7340
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7337
|
-
attr(label, "class", "radio-button svelte-
|
|
7341
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
|
7338
7342
|
},
|
|
7339
7343
|
m(target, anchor) {
|
|
7340
7344
|
insert_hydration(target, label, anchor);
|
|
@@ -7413,7 +7417,7 @@ function create_fragment$U(ctx) {
|
|
|
7413
7417
|
this.h();
|
|
7414
7418
|
},
|
|
7415
7419
|
h() {
|
|
7416
|
-
attr(div, "class", "radio-buttons svelte-
|
|
7420
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
|
7417
7421
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7418
7422
|
},
|
|
7419
7423
|
m(target, anchor) {
|
|
@@ -7582,7 +7586,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7582
7586
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7583
7587
|
|
|
7584
7588
|
function add_css$q(target) {
|
|
7585
|
-
append_styles(target, "svelte-
|
|
7589
|
+
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}");
|
|
7586
7590
|
}
|
|
7587
7591
|
|
|
7588
7592
|
function get_each_context$4(ctx, list, i) {
|
|
@@ -7616,7 +7620,7 @@ function create_else_block$1(ctx) {
|
|
|
7616
7620
|
}
|
|
7617
7621
|
|
|
7618
7622
|
// (105:10) {#if option}
|
|
7619
|
-
function create_if_block$
|
|
7623
|
+
function create_if_block$8(ctx) {
|
|
7620
7624
|
let t_value = /*option*/ ctx[19] + "";
|
|
7621
7625
|
let t;
|
|
7622
7626
|
|
|
@@ -7647,7 +7651,7 @@ function create_each_block$4(ctx) {
|
|
|
7647
7651
|
let option_selected_value;
|
|
7648
7652
|
|
|
7649
7653
|
function select_block_type(ctx, dirty) {
|
|
7650
|
-
if (/*option*/ ctx[19]) return create_if_block$
|
|
7654
|
+
if (/*option*/ ctx[19]) return create_if_block$8;
|
|
7651
7655
|
return create_else_block$1;
|
|
7652
7656
|
}
|
|
7653
7657
|
|
|
@@ -7753,10 +7757,10 @@ function create_fragment$T(ctx) {
|
|
|
7753
7757
|
this.h();
|
|
7754
7758
|
},
|
|
7755
7759
|
h() {
|
|
7756
|
-
attr(select, "class", "select-select svelte-
|
|
7760
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
|
7757
7761
|
attr(select, "style", /*style*/ ctx[3]);
|
|
7758
|
-
attr(div0, "class", "select-icon svelte-
|
|
7759
|
-
attr(div1, "class", "select svelte-
|
|
7762
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
|
7763
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
|
7760
7764
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
|
7761
7765
|
},
|
|
7762
7766
|
m(target, anchor) {
|
|
@@ -7958,7 +7962,7 @@ class FormSelect extends SvelteComponent {
|
|
|
7958
7962
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7959
7963
|
|
|
7960
7964
|
function add_css$p(target) {
|
|
7961
|
-
append_styles(target, "svelte-
|
|
7965
|
+
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}");
|
|
7962
7966
|
}
|
|
7963
7967
|
|
|
7964
7968
|
function get_each_context$3(ctx, list, i) {
|
|
@@ -8020,19 +8024,19 @@ function create_each_block$3(ctx) {
|
|
|
8020
8024
|
this.h();
|
|
8021
8025
|
},
|
|
8022
8026
|
h() {
|
|
8023
|
-
attr(input, "class", "check-box-input svelte-
|
|
8027
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
|
8024
8028
|
attr(input, "type", "checkbox");
|
|
8025
8029
|
attr(input, "name", /*name*/ ctx[0]);
|
|
8026
8030
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
|
8027
|
-
attr(span0, "class", "check-box-icon svelte-
|
|
8031
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
|
8028
8032
|
|
|
8029
8033
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8030
8034
|
? ' _checked'
|
|
8031
|
-
: ''}`) + " svelte-
|
|
8035
|
+
: ''}`) + " svelte-1p65cg8"));
|
|
8032
8036
|
|
|
8033
|
-
attr(span2, "class", "check-box-text svelte-
|
|
8037
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
|
8034
8038
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
8035
|
-
attr(label, "class", "check-box svelte-
|
|
8039
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
|
8036
8040
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
|
8037
8041
|
},
|
|
8038
8042
|
m(target, anchor) {
|
|
@@ -8064,7 +8068,7 @@ function create_each_block$3(ctx) {
|
|
|
8064
8068
|
|
|
8065
8069
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8066
8070
|
? ' _checked'
|
|
8067
|
-
: ''}`) + " svelte-
|
|
8071
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
|
8068
8072
|
attr(span1, "class", span1_class_value);
|
|
8069
8073
|
}
|
|
8070
8074
|
|
|
@@ -8117,7 +8121,7 @@ function create_fragment$S(ctx) {
|
|
|
8117
8121
|
this.h();
|
|
8118
8122
|
},
|
|
8119
8123
|
h() {
|
|
8120
|
-
attr(div, "class", "check-boxes svelte-
|
|
8124
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
|
8121
8125
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
8122
8126
|
},
|
|
8123
8127
|
m(target, anchor) {
|
|
@@ -8292,7 +8296,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
8292
8296
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
8293
8297
|
|
|
8294
8298
|
function add_css$o(target) {
|
|
8295
|
-
append_styles(target, "svelte-
|
|
8299
|
+
append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{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}");
|
|
8296
8300
|
}
|
|
8297
8301
|
|
|
8298
8302
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -8327,7 +8331,7 @@ function create_each_block$2(ctx) {
|
|
|
8327
8331
|
this.h();
|
|
8328
8332
|
},
|
|
8329
8333
|
h() {
|
|
8330
|
-
attr(button, "class", "rating-button svelte-
|
|
8334
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
|
8331
8335
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
|
8332
8336
|
},
|
|
8333
8337
|
m(target, anchor) {
|
|
@@ -8390,7 +8394,7 @@ function create_fragment$R(ctx) {
|
|
|
8390
8394
|
this.h();
|
|
8391
8395
|
},
|
|
8392
8396
|
h() {
|
|
8393
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8397
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
|
8394
8398
|
},
|
|
8395
8399
|
m(target, anchor) {
|
|
8396
8400
|
insert_hydration(target, div, anchor);
|
|
@@ -8534,7 +8538,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8534
8538
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8535
8539
|
|
|
8536
8540
|
function add_css$n(target) {
|
|
8537
|
-
append_styles(target, "svelte-
|
|
8541
|
+
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%)}");
|
|
8538
8542
|
}
|
|
8539
8543
|
|
|
8540
8544
|
function get_each_context$1(ctx, list, i) {
|
|
@@ -8570,9 +8574,9 @@ function create_each_block$1(ctx) {
|
|
|
8570
8574
|
},
|
|
8571
8575
|
h() {
|
|
8572
8576
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
|
8573
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8577
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
|
8574
8578
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
|
8575
|
-
attr(button, "class", "rating-button svelte-
|
|
8579
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
|
8576
8580
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
|
8577
8581
|
},
|
|
8578
8582
|
m(target, anchor) {
|
|
@@ -8588,7 +8592,7 @@ function create_each_block$1(ctx) {
|
|
|
8588
8592
|
p(new_ctx, dirty) {
|
|
8589
8593
|
ctx = new_ctx;
|
|
8590
8594
|
|
|
8591
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8595
|
+
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"))) {
|
|
8592
8596
|
attr(img, "class", img_class_value);
|
|
8593
8597
|
}
|
|
8594
8598
|
|
|
@@ -8635,7 +8639,7 @@ function create_fragment$Q(ctx) {
|
|
|
8635
8639
|
this.h();
|
|
8636
8640
|
},
|
|
8637
8641
|
h() {
|
|
8638
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8642
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
|
8639
8643
|
},
|
|
8640
8644
|
m(target, anchor) {
|
|
8641
8645
|
insert_hydration(target, div, anchor);
|
|
@@ -8743,7 +8747,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
8743
8747
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8744
8748
|
|
|
8745
8749
|
function add_css$m(target) {
|
|
8746
|
-
append_styles(target, "svelte-
|
|
8750
|
+
append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
|
8747
8751
|
}
|
|
8748
8752
|
|
|
8749
8753
|
function create_fragment$P(ctx) {
|
|
@@ -8774,13 +8778,13 @@ function create_fragment$P(ctx) {
|
|
|
8774
8778
|
this.h();
|
|
8775
8779
|
},
|
|
8776
8780
|
h() {
|
|
8777
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8781
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
|
8778
8782
|
attr(input, "type", "text");
|
|
8779
8783
|
input.value = /*$value*/ ctx[2];
|
|
8780
8784
|
input.required = /*required*/ ctx[0];
|
|
8781
8785
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8782
8786
|
attr(input, "style", /*style*/ ctx[5]);
|
|
8783
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8787
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
|
8784
8788
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8785
8789
|
},
|
|
8786
8790
|
m(target, anchor) {
|
|
@@ -8793,7 +8797,7 @@ function create_fragment$P(ctx) {
|
|
|
8793
8797
|
}
|
|
8794
8798
|
},
|
|
8795
8799
|
p(ctx, [dirty]) {
|
|
8796
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8800
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
|
8797
8801
|
attr(input, "class", input_class_value);
|
|
8798
8802
|
}
|
|
8799
8803
|
|
|
@@ -8981,7 +8985,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8981
8985
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
8982
8986
|
|
|
8983
8987
|
function add_css$l(target) {
|
|
8984
|
-
append_styles(target, "svelte-
|
|
8988
|
+
append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{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-8zbmyo: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, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
|
|
8985
8989
|
}
|
|
8986
8990
|
|
|
8987
8991
|
function create_fragment$O(ctx) {
|
|
@@ -9047,20 +9051,20 @@ function create_fragment$O(ctx) {
|
|
|
9047
9051
|
},
|
|
9048
9052
|
h() {
|
|
9049
9053
|
attr(input0, "type", "radio");
|
|
9050
|
-
attr(input0, "class", "radio-button-input svelte-
|
|
9054
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
|
9051
9055
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
|
9052
9056
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
|
9053
|
-
attr(span0, "class", "radio-button-text svelte-
|
|
9057
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
|
9054
9058
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9055
|
-
attr(label0, "class", "radio-button svelte-
|
|
9059
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
|
9056
9060
|
attr(input1, "type", "radio");
|
|
9057
|
-
attr(input1, "class", "radio-button-input svelte-
|
|
9061
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
|
9058
9062
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
|
9059
9063
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
|
9060
|
-
attr(span1, "class", "radio-button-text svelte-
|
|
9064
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
|
9061
9065
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9062
|
-
attr(label1, "class", "radio-button svelte-
|
|
9063
|
-
attr(div, "class", "radio-buttons svelte-
|
|
9066
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
|
9067
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
|
9064
9068
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
|
9065
9069
|
},
|
|
9066
9070
|
m(target, anchor) {
|
|
@@ -9228,7 +9232,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
9228
9232
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
9229
9233
|
|
|
9230
9234
|
function add_css$k(target) {
|
|
9231
|
-
append_styles(target, "svelte-
|
|
9235
|
+
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%}");
|
|
9232
9236
|
}
|
|
9233
9237
|
|
|
9234
9238
|
function get_each_context(ctx, list, i) {
|
|
@@ -9274,9 +9278,9 @@ function create_if_block_1$1(ctx) {
|
|
|
9274
9278
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9275
9279
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9276
9280
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
|
9277
|
-
attr(button, "class", "move-button svelte-
|
|
9281
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9278
9282
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
|
9279
|
-
attr(div, "class", "prev-button-container svelte-
|
|
9283
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
|
9280
9284
|
},
|
|
9281
9285
|
m(target, anchor) {
|
|
9282
9286
|
insert_hydration(target, div, anchor);
|
|
@@ -9307,7 +9311,7 @@ function create_if_block_1$1(ctx) {
|
|
|
9307
9311
|
}
|
|
9308
9312
|
|
|
9309
9313
|
// (380:2) {#if isVisibleNextButton}
|
|
9310
|
-
function create_if_block$
|
|
9314
|
+
function create_if_block$7(ctx) {
|
|
9311
9315
|
let div;
|
|
9312
9316
|
let button;
|
|
9313
9317
|
let svg;
|
|
@@ -9342,9 +9346,9 @@ function create_if_block$6(ctx) {
|
|
|
9342
9346
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9343
9347
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9344
9348
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
|
9345
|
-
attr(button, "class", "move-button svelte-
|
|
9349
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9346
9350
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
|
9347
|
-
attr(div, "class", "next-button-container svelte-
|
|
9351
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
|
9348
9352
|
},
|
|
9349
9353
|
m(target, anchor) {
|
|
9350
9354
|
insert_hydration(target, div, anchor);
|
|
@@ -9404,9 +9408,9 @@ function create_each_block(ctx) {
|
|
|
9404
9408
|
this.h();
|
|
9405
9409
|
},
|
|
9406
9410
|
h() {
|
|
9407
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
|
9411
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
|
9408
9412
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
|
9409
|
-
attr(button, "class", "navigation-item svelte-
|
|
9413
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
|
9410
9414
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
|
9411
9415
|
},
|
|
9412
9416
|
m(target, anchor) {
|
|
@@ -9451,7 +9455,7 @@ function create_fragment$N(ctx) {
|
|
|
9451
9455
|
const default_slot_template = /*#slots*/ ctx[32].default;
|
|
9452
9456
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
|
|
9453
9457
|
let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
|
|
9454
|
-
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$
|
|
9458
|
+
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$7(ctx);
|
|
9455
9459
|
let each_value = /*items*/ ctx[1];
|
|
9456
9460
|
let each_blocks = [];
|
|
9457
9461
|
|
|
@@ -9512,14 +9516,14 @@ function create_fragment$N(ctx) {
|
|
|
9512
9516
|
this.h();
|
|
9513
9517
|
},
|
|
9514
9518
|
h() {
|
|
9515
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9519
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
|
9516
9520
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
|
9517
|
-
attr(div1, "class", "container svelte-
|
|
9521
|
+
attr(div1, "class", "container svelte-ji1fh");
|
|
9518
9522
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
9519
|
-
attr(div2, "class", "navigation svelte-
|
|
9523
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
|
9520
9524
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
|
9521
9525
|
set_attributes(div3, div3_data);
|
|
9522
|
-
toggle_class(div3, "svelte-
|
|
9526
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9523
9527
|
},
|
|
9524
9528
|
m(target, anchor) {
|
|
9525
9529
|
insert_hydration(target, div3, anchor);
|
|
@@ -9561,7 +9565,7 @@ function create_fragment$N(ctx) {
|
|
|
9561
9565
|
}
|
|
9562
9566
|
}
|
|
9563
9567
|
|
|
9564
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9568
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
|
9565
9569
|
attr(div0, "class", div0_class_value);
|
|
9566
9570
|
}
|
|
9567
9571
|
|
|
@@ -9590,7 +9594,7 @@ function create_fragment$N(ctx) {
|
|
|
9590
9594
|
if (if_block1) {
|
|
9591
9595
|
if_block1.p(ctx, dirty);
|
|
9592
9596
|
} else {
|
|
9593
|
-
if_block1 = create_if_block$
|
|
9597
|
+
if_block1 = create_if_block$7(ctx);
|
|
9594
9598
|
if_block1.c();
|
|
9595
9599
|
if_block1.m(div3, t2);
|
|
9596
9600
|
}
|
|
@@ -9627,7 +9631,7 @@ function create_fragment$N(ctx) {
|
|
|
9627
9631
|
}
|
|
9628
9632
|
|
|
9629
9633
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
|
9630
|
-
toggle_class(div3, "svelte-
|
|
9634
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9631
9635
|
},
|
|
9632
9636
|
i(local) {
|
|
9633
9637
|
if (current) return;
|
|
@@ -10139,7 +10143,7 @@ class Slide extends SvelteComponent {
|
|
|
10139
10143
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
10140
10144
|
|
|
10141
10145
|
function add_css$j(target) {
|
|
10142
|
-
append_styles(target, "svelte-
|
|
10146
|
+
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}");
|
|
10143
10147
|
}
|
|
10144
10148
|
|
|
10145
10149
|
function create_fragment$M(ctx) {
|
|
@@ -10167,9 +10171,9 @@ function create_fragment$M(ctx) {
|
|
|
10167
10171
|
this.h();
|
|
10168
10172
|
},
|
|
10169
10173
|
h() {
|
|
10170
|
-
attr(div0, "class", "item-inner svelte-
|
|
10174
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
|
10171
10175
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10172
|
-
attr(div1, "class", "item svelte-
|
|
10176
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
|
10173
10177
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
|
10174
10178
|
},
|
|
10175
10179
|
m(target, anchor) {
|
|
@@ -10295,7 +10299,7 @@ class SlideItem extends SvelteComponent {
|
|
|
10295
10299
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
10296
10300
|
|
|
10297
10301
|
function add_css$i(target) {
|
|
10298
|
-
append_styles(target, "svelte-
|
|
10302
|
+
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}");
|
|
10299
10303
|
}
|
|
10300
10304
|
|
|
10301
10305
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
@@ -10326,9 +10330,9 @@ function create_fragment$L(ctx) {
|
|
|
10326
10330
|
this.h();
|
|
10327
10331
|
},
|
|
10328
10332
|
h() {
|
|
10329
|
-
attr(div0, "class", "countdown-inner svelte-
|
|
10333
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
|
10330
10334
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10331
|
-
attr(div1, "class", "countdown svelte-
|
|
10335
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
|
10332
10336
|
},
|
|
10333
10337
|
m(target, anchor) {
|
|
10334
10338
|
insert_hydration(target, div1, anchor);
|
|
@@ -10458,7 +10462,7 @@ class Countdown extends SvelteComponent {
|
|
|
10458
10462
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
10459
10463
|
|
|
10460
10464
|
function add_css$h(target) {
|
|
10461
|
-
append_styles(target, "svelte-
|
|
10465
|
+
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}");
|
|
10462
10466
|
}
|
|
10463
10467
|
|
|
10464
10468
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -10541,7 +10545,7 @@ function create_fragment$K(ctx) {
|
|
|
10541
10545
|
this.h();
|
|
10542
10546
|
},
|
|
10543
10547
|
h() {
|
|
10544
|
-
attr(div, "class", "box svelte-
|
|
10548
|
+
attr(div, "class", "box svelte-1ccydfy");
|
|
10545
10549
|
},
|
|
10546
10550
|
m(target, anchor) {
|
|
10547
10551
|
insert_hydration(target, div, anchor);
|
|
@@ -10602,11 +10606,11 @@ class Box extends SvelteComponent {
|
|
|
10602
10606
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10603
10607
|
|
|
10604
10608
|
function add_css$g(target) {
|
|
10605
|
-
append_styles(target, "svelte-
|
|
10609
|
+
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)}");
|
|
10606
10610
|
}
|
|
10607
10611
|
|
|
10608
10612
|
// (56:4) {#if svg}
|
|
10609
|
-
function create_if_block$
|
|
10613
|
+
function create_if_block$6(ctx) {
|
|
10610
10614
|
let html_tag;
|
|
10611
10615
|
let html_anchor;
|
|
10612
10616
|
|
|
@@ -10641,7 +10645,7 @@ function create_if_block$5(ctx) {
|
|
|
10641
10645
|
// (55:2) <Button {onClick} {style} {eventName}>
|
|
10642
10646
|
function create_default_slot$1(ctx) {
|
|
10643
10647
|
let if_block_anchor;
|
|
10644
|
-
let if_block = /*svg*/ ctx[3] && create_if_block$
|
|
10648
|
+
let if_block = /*svg*/ ctx[3] && create_if_block$6(ctx);
|
|
10645
10649
|
|
|
10646
10650
|
return {
|
|
10647
10651
|
c() {
|
|
@@ -10661,7 +10665,7 @@ function create_default_slot$1(ctx) {
|
|
|
10661
10665
|
if (if_block) {
|
|
10662
10666
|
if_block.p(ctx, dirty);
|
|
10663
10667
|
} else {
|
|
10664
|
-
if_block = create_if_block$
|
|
10668
|
+
if_block = create_if_block$6(ctx);
|
|
10665
10669
|
if_block.c();
|
|
10666
10670
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
10667
10671
|
}
|
|
@@ -10706,7 +10710,7 @@ function create_fragment$J(ctx) {
|
|
|
10706
10710
|
this.h();
|
|
10707
10711
|
},
|
|
10708
10712
|
h() {
|
|
10709
|
-
attr(div, "class", "icon svelte-
|
|
10713
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
|
10710
10714
|
},
|
|
10711
10715
|
m(target, anchor) {
|
|
10712
10716
|
insert_hydration(target, div, anchor);
|
|
@@ -10815,7 +10819,7 @@ class IconElement extends SvelteComponent {
|
|
|
10815
10819
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10816
10820
|
|
|
10817
10821
|
function add_css$f(target) {
|
|
10818
|
-
append_styles(target, "svelte-
|
|
10822
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10819
10823
|
}
|
|
10820
10824
|
|
|
10821
10825
|
function create_fragment$I(ctx) {
|
|
@@ -10851,7 +10855,7 @@ function create_fragment$I(ctx) {
|
|
|
10851
10855
|
this.h();
|
|
10852
10856
|
},
|
|
10853
10857
|
h() {
|
|
10854
|
-
attr(div, "class", "codeElement svelte-
|
|
10858
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
|
10855
10859
|
attr(div, "style", /*style*/ ctx[3]);
|
|
10856
10860
|
},
|
|
10857
10861
|
m(target, anchor) {
|
|
@@ -10940,7 +10944,7 @@ class CodeElement extends SvelteComponent {
|
|
|
10940
10944
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10941
10945
|
|
|
10942
10946
|
function add_css$e(target) {
|
|
10943
|
-
append_styles(target, "svelte-
|
|
10947
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
10944
10948
|
}
|
|
10945
10949
|
|
|
10946
10950
|
function create_fragment$H(ctx) {
|
|
@@ -10964,7 +10968,7 @@ function create_fragment$H(ctx) {
|
|
|
10964
10968
|
this.h();
|
|
10965
10969
|
},
|
|
10966
10970
|
h() {
|
|
10967
|
-
attr(div, "class", "flex svelte-
|
|
10971
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
|
10968
10972
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
|
10969
10973
|
},
|
|
10970
10974
|
m(target, anchor) {
|
|
@@ -11061,7 +11065,7 @@ class Flex extends SvelteComponent {
|
|
|
11061
11065
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
11062
11066
|
|
|
11063
11067
|
function add_css$d(target) {
|
|
11064
|
-
append_styles(target, "svelte-
|
|
11068
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
11065
11069
|
}
|
|
11066
11070
|
|
|
11067
11071
|
function create_fragment$G(ctx) {
|
|
@@ -11084,7 +11088,7 @@ function create_fragment$G(ctx) {
|
|
|
11084
11088
|
this.h();
|
|
11085
11089
|
},
|
|
11086
11090
|
h() {
|
|
11087
|
-
attr(div, "class", "flex-item svelte-
|
|
11091
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
|
11088
11092
|
attr(div, "style", /*style*/ ctx[0]);
|
|
11089
11093
|
},
|
|
11090
11094
|
m(target, anchor) {
|
|
@@ -11504,7 +11508,7 @@ class GridModalState extends SvelteComponent {
|
|
|
11504
11508
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
11505
11509
|
|
|
11506
11510
|
function add_css$c(target) {
|
|
11507
|
-
append_styles(target, "svelte-
|
|
11511
|
+
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%}");
|
|
11508
11512
|
}
|
|
11509
11513
|
|
|
11510
11514
|
function create_fragment$E(ctx) {
|
|
@@ -11533,8 +11537,8 @@ function create_fragment$E(ctx) {
|
|
|
11533
11537
|
this.h();
|
|
11534
11538
|
},
|
|
11535
11539
|
h() {
|
|
11536
|
-
attr(div0, "class", "text-block-inner svelte-
|
|
11537
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
11540
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
|
11541
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
|
11538
11542
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
11539
11543
|
},
|
|
11540
11544
|
m(target, anchor) {
|
|
@@ -11548,7 +11552,7 @@ function create_fragment$E(ctx) {
|
|
|
11548
11552
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
11549
11553
|
rendertext.$set(rendertext_changes);
|
|
11550
11554
|
|
|
11551
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
11555
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
|
11552
11556
|
attr(div1, "class", div1_class_value);
|
|
11553
11557
|
}
|
|
11554
11558
|
|
|
@@ -11626,7 +11630,7 @@ class TextBlock extends SvelteComponent {
|
|
|
11626
11630
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
11627
11631
|
|
|
11628
11632
|
function add_css$b(target) {
|
|
11629
|
-
append_styles(target, "svelte-
|
|
11633
|
+
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)}");
|
|
11630
11634
|
}
|
|
11631
11635
|
|
|
11632
11636
|
function create_fragment$D(ctx) {
|
|
@@ -11656,9 +11660,9 @@ function create_fragment$D(ctx) {
|
|
|
11656
11660
|
this.h();
|
|
11657
11661
|
},
|
|
11658
11662
|
h() {
|
|
11659
|
-
attr(button, "class", "text-button svelte-
|
|
11663
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
|
11660
11664
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
11661
|
-
attr(div, "class", "text-button-block svelte-
|
|
11665
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
|
11662
11666
|
attr(div, "style", /*_style*/ ctx[2]);
|
|
11663
11667
|
},
|
|
11664
11668
|
m(target, anchor) {
|
|
@@ -11764,7 +11768,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11764
11768
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11765
11769
|
|
|
11766
11770
|
function add_css$a(target) {
|
|
11767
|
-
append_styles(target, "svelte-
|
|
11771
|
+
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)}");
|
|
11768
11772
|
}
|
|
11769
11773
|
|
|
11770
11774
|
function create_fragment$C(ctx) {
|
|
@@ -11800,14 +11804,14 @@ function create_fragment$C(ctx) {
|
|
|
11800
11804
|
this.h();
|
|
11801
11805
|
},
|
|
11802
11806
|
h() {
|
|
11803
|
-
attr(img, "class", "image svelte-
|
|
11807
|
+
attr(img, "class", "image svelte-1pdw891");
|
|
11804
11808
|
attr(img, "loading", "lazy");
|
|
11805
11809
|
attr(img, "width", "auto");
|
|
11806
11810
|
attr(img, "height", "auto");
|
|
11807
11811
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
|
11808
11812
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
|
11809
11813
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11810
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11814
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
|
11811
11815
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
11812
11816
|
},
|
|
11813
11817
|
m(target, anchor) {
|
|
@@ -11832,7 +11836,7 @@ function create_fragment$C(ctx) {
|
|
|
11832
11836
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11833
11837
|
}
|
|
11834
11838
|
|
|
11835
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11839
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
|
11836
11840
|
attr(div, "class", div_class_value);
|
|
11837
11841
|
}
|
|
11838
11842
|
|
|
@@ -12003,7 +12007,7 @@ const toCssShadow = (p) => {
|
|
|
12003
12007
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
12004
12008
|
|
|
12005
12009
|
function add_css$9(target) {
|
|
12006
|
-
append_styles(target, "svelte-
|
|
12010
|
+
append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
|
|
12007
12011
|
}
|
|
12008
12012
|
|
|
12009
12013
|
function create_fragment$B(ctx) {
|
|
@@ -12034,7 +12038,7 @@ function create_fragment$B(ctx) {
|
|
|
12034
12038
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
12035
12039
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
12036
12040
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
|
12037
|
-
attr(div, "class", "avatar svelte-
|
|
12041
|
+
attr(div, "class", "avatar svelte-17xar9h");
|
|
12038
12042
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
12039
12043
|
attr(div, "style", /*style*/ ctx[3]);
|
|
12040
12044
|
},
|
|
@@ -13972,11 +13976,11 @@ const ICON_PARAMS = [
|
|
|
13972
13976
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
13973
13977
|
|
|
13974
13978
|
function add_css$8(target) {
|
|
13975
|
-
append_styles(target, "svelte-
|
|
13979
|
+
append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
|
13976
13980
|
}
|
|
13977
13981
|
|
|
13978
|
-
// (
|
|
13979
|
-
function create_if_block$
|
|
13982
|
+
// (21:0) {#if (IconComponent)}
|
|
13983
|
+
function create_if_block$5(ctx) {
|
|
13980
13984
|
let div;
|
|
13981
13985
|
let switch_instance;
|
|
13982
13986
|
let current;
|
|
@@ -14012,7 +14016,7 @@ function create_if_block$4(ctx) {
|
|
|
14012
14016
|
},
|
|
14013
14017
|
h() {
|
|
14014
14018
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14015
|
-
attr(div, "class", "icon svelte-
|
|
14019
|
+
attr(div, "class", "icon svelte-1mx2edd");
|
|
14016
14020
|
attr(div, "style", /*style*/ ctx[3]);
|
|
14017
14021
|
},
|
|
14018
14022
|
m(target, anchor) {
|
|
@@ -14075,7 +14079,7 @@ function create_if_block$4(ctx) {
|
|
|
14075
14079
|
function create_fragment$8(ctx) {
|
|
14076
14080
|
let if_block_anchor;
|
|
14077
14081
|
let current;
|
|
14078
|
-
let if_block = /*IconComponent*/ ctx[2] && create_if_block$
|
|
14082
|
+
let if_block = /*IconComponent*/ ctx[2] && create_if_block$5(ctx);
|
|
14079
14083
|
|
|
14080
14084
|
return {
|
|
14081
14085
|
c() {
|
|
@@ -14100,7 +14104,7 @@ function create_fragment$8(ctx) {
|
|
|
14100
14104
|
transition_in(if_block, 1);
|
|
14101
14105
|
}
|
|
14102
14106
|
} else {
|
|
14103
|
-
if_block = create_if_block$
|
|
14107
|
+
if_block = create_if_block$5(ctx);
|
|
14104
14108
|
if_block.c();
|
|
14105
14109
|
transition_in(if_block, 1);
|
|
14106
14110
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
@@ -14151,6 +14155,8 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
14151
14155
|
};
|
|
14152
14156
|
};
|
|
14153
14157
|
|
|
14158
|
+
console.log(props.color);
|
|
14159
|
+
|
|
14154
14160
|
$$self.$$set = $$props => {
|
|
14155
14161
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
14156
14162
|
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
@@ -14194,7 +14200,6 @@ const BUTTON_VARIANTS = {
|
|
|
14194
14200
|
lineHeight: 1.5,
|
|
14195
14201
|
borderRadius: '4px',
|
|
14196
14202
|
},
|
|
14197
|
-
// 'min-h-10 px-6 text-sm py-2 leading-[150%]'
|
|
14198
14203
|
medium: {
|
|
14199
14204
|
minHeight: '40px',
|
|
14200
14205
|
paddingInline: '24px',
|
|
@@ -14203,7 +14208,6 @@ const BUTTON_VARIANTS = {
|
|
|
14203
14208
|
lineHeight: 1.5,
|
|
14204
14209
|
borderRadius: '4px',
|
|
14205
14210
|
},
|
|
14206
|
-
// 'min-h-14 px-8 text-lg py-3 leading-[150%]'
|
|
14207
14211
|
large: {
|
|
14208
14212
|
minHeight: '48px',
|
|
14209
14213
|
paddingInline: '32px',
|
|
@@ -14268,11 +14272,11 @@ const BUTTON_VARIANTS = {
|
|
|
14268
14272
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
|
14269
14273
|
|
|
14270
14274
|
function add_css$7(target) {
|
|
14271
|
-
append_styles(target, "svelte-
|
|
14275
|
+
append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
14272
14276
|
}
|
|
14273
14277
|
|
|
14274
|
-
// (
|
|
14275
|
-
function create_if_block$
|
|
14278
|
+
// (49:2) {#if (props.isIcon && props.iconVariant)}
|
|
14279
|
+
function create_if_block$4(ctx) {
|
|
14276
14280
|
let div;
|
|
14277
14281
|
let icon;
|
|
14278
14282
|
let current;
|
|
@@ -14281,7 +14285,7 @@ function create_if_block$3(ctx) {
|
|
|
14281
14285
|
props: {
|
|
14282
14286
|
props: {
|
|
14283
14287
|
variant: /*props*/ ctx[0].iconVariant,
|
|
14284
|
-
color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].
|
|
14288
|
+
color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
|
|
14285
14289
|
}
|
|
14286
14290
|
}
|
|
14287
14291
|
});
|
|
@@ -14300,7 +14304,7 @@ function create_if_block$3(ctx) {
|
|
|
14300
14304
|
this.h();
|
|
14301
14305
|
},
|
|
14302
14306
|
h() {
|
|
14303
|
-
attr(div, "class", "button-icon svelte-
|
|
14307
|
+
attr(div, "class", "button-icon svelte-bo01kn");
|
|
14304
14308
|
},
|
|
14305
14309
|
m(target, anchor) {
|
|
14306
14310
|
insert_hydration(target, div, anchor);
|
|
@@ -14312,7 +14316,7 @@ function create_if_block$3(ctx) {
|
|
|
14312
14316
|
|
|
14313
14317
|
if (dirty & /*props*/ 1) icon_changes.props = {
|
|
14314
14318
|
variant: /*props*/ ctx[0].iconVariant,
|
|
14315
|
-
color: BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].
|
|
14319
|
+
color: /*props*/ ctx[0].color ?? BUTTON_VARIANTS.theme[/*props*/ ctx[0].theme ?? 'default'].color
|
|
14316
14320
|
};
|
|
14317
14321
|
|
|
14318
14322
|
icon.$set(icon_changes);
|
|
@@ -14342,7 +14346,7 @@ function create_fragment$7(ctx) {
|
|
|
14342
14346
|
let current;
|
|
14343
14347
|
let mounted;
|
|
14344
14348
|
let dispose;
|
|
14345
|
-
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$
|
|
14349
|
+
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$4(ctx);
|
|
14346
14350
|
|
|
14347
14351
|
return {
|
|
14348
14352
|
c() {
|
|
@@ -14373,7 +14377,7 @@ function create_fragment$7(ctx) {
|
|
|
14373
14377
|
h() {
|
|
14374
14378
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14375
14379
|
attr(button, "style", /*style*/ ctx[2]);
|
|
14376
|
-
attr(button, "class", "button svelte-
|
|
14380
|
+
attr(button, "class", "button svelte-bo01kn");
|
|
14377
14381
|
},
|
|
14378
14382
|
m(target, anchor) {
|
|
14379
14383
|
insert_hydration(target, button, anchor);
|
|
@@ -14397,7 +14401,7 @@ function create_fragment$7(ctx) {
|
|
|
14397
14401
|
transition_in(if_block, 1);
|
|
14398
14402
|
}
|
|
14399
14403
|
} else {
|
|
14400
|
-
if_block = create_if_block$
|
|
14404
|
+
if_block = create_if_block$4(ctx);
|
|
14401
14405
|
if_block.c();
|
|
14402
14406
|
transition_in(if_block, 1);
|
|
14403
14407
|
if_block.m(button, t0);
|
|
@@ -14448,14 +14452,6 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14448
14452
|
let { props = {} } = $$props;
|
|
14449
14453
|
let { layerId = '' } = $$props;
|
|
14450
14454
|
|
|
14451
|
-
const getCssVariantTheme = () => {
|
|
14452
|
-
return {
|
|
14453
|
-
backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
|
|
14454
|
-
color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
|
|
14455
|
-
fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight
|
|
14456
|
-
};
|
|
14457
|
-
};
|
|
14458
|
-
|
|
14459
14455
|
function handleClick() {
|
|
14460
14456
|
if (eventName) {
|
|
14461
14457
|
send_event(eventName, eventValue);
|
|
@@ -14483,13 +14479,15 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14483
14479
|
border: 0,
|
|
14484
14480
|
transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
|
|
14485
14481
|
width: props.width,
|
|
14482
|
+
backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
|
|
14483
|
+
color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
|
|
14484
|
+
fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight,
|
|
14486
14485
|
...BUTTON_VARIANTS.size[props.size ?? 'medium'],
|
|
14487
14486
|
...BUTTON_VARIANTS.wrap[props.wrap ?? 'nowrap'],
|
|
14488
14487
|
...BUTTON_VARIANTS.round[props.round ?? 'default'],
|
|
14489
14488
|
...props.iconAngle
|
|
14490
14489
|
? { flexDirection: props.iconAngle }
|
|
14491
14490
|
: {},
|
|
14492
|
-
...getCssVariantTheme(),
|
|
14493
14491
|
...toCssCommon(props)
|
|
14494
14492
|
}));
|
|
14495
14493
|
}
|
|
@@ -14550,11 +14548,11 @@ const BUTTON_ICON_ANGLE = {
|
|
|
14550
14548
|
/* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
|
|
14551
14549
|
|
|
14552
14550
|
function add_css$6(target) {
|
|
14553
|
-
append_styles(target, "svelte-
|
|
14551
|
+
append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
14554
14552
|
}
|
|
14555
14553
|
|
|
14556
14554
|
// (103:4) {#if props.isIcon && props.iconVariant}
|
|
14557
|
-
function create_if_block$
|
|
14555
|
+
function create_if_block$3(ctx) {
|
|
14558
14556
|
let div;
|
|
14559
14557
|
let icon;
|
|
14560
14558
|
let current;
|
|
@@ -14582,7 +14580,7 @@ function create_if_block$2(ctx) {
|
|
|
14582
14580
|
this.h();
|
|
14583
14581
|
},
|
|
14584
14582
|
h() {
|
|
14585
|
-
attr(div, "class", "flex-text-button-icon svelte-
|
|
14583
|
+
attr(div, "class", "flex-text-button-icon svelte-2imv7z");
|
|
14586
14584
|
},
|
|
14587
14585
|
m(target, anchor) {
|
|
14588
14586
|
insert_hydration(target, div, anchor);
|
|
@@ -14624,7 +14622,7 @@ function create_fragment$6(ctx) {
|
|
|
14624
14622
|
let current;
|
|
14625
14623
|
let mounted;
|
|
14626
14624
|
let dispose;
|
|
14627
|
-
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$
|
|
14625
|
+
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$3(ctx);
|
|
14628
14626
|
|
|
14629
14627
|
return {
|
|
14630
14628
|
c() {
|
|
@@ -14655,7 +14653,7 @@ function create_fragment$6(ctx) {
|
|
|
14655
14653
|
h() {
|
|
14656
14654
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14657
14655
|
attr(button, "style", /*style*/ ctx[2]);
|
|
14658
|
-
attr(button, "class", "flex-text-button svelte-
|
|
14656
|
+
attr(button, "class", "flex-text-button svelte-2imv7z");
|
|
14659
14657
|
},
|
|
14660
14658
|
m(target, anchor) {
|
|
14661
14659
|
insert_hydration(target, button, anchor);
|
|
@@ -14679,7 +14677,7 @@ function create_fragment$6(ctx) {
|
|
|
14679
14677
|
transition_in(if_block, 1);
|
|
14680
14678
|
}
|
|
14681
14679
|
} else {
|
|
14682
|
-
if_block = create_if_block$
|
|
14680
|
+
if_block = create_if_block$3(ctx);
|
|
14683
14681
|
if_block.c();
|
|
14684
14682
|
transition_in(if_block, 1);
|
|
14685
14683
|
if_block.m(button, t0);
|
|
@@ -14873,22 +14871,86 @@ const TEXT_BUTTON_ICON_ANGLE = {
|
|
|
14873
14871
|
'row-reverse': '右側',
|
|
14874
14872
|
};
|
|
14875
14873
|
|
|
14874
|
+
const CLOSE_BUTTON_PLACEMENT = {
|
|
14875
|
+
topRight: 'topRight',
|
|
14876
|
+
topLeft: 'topLeft',
|
|
14877
|
+
bottomRight: 'bottomRight',
|
|
14878
|
+
bottomLeft: 'bottomLeft',
|
|
14879
|
+
};
|
|
14880
|
+
const CLOSE_BUTTON_ROUND = {
|
|
14881
|
+
default: 'デフォルト',
|
|
14882
|
+
none: 'なし',
|
|
14883
|
+
fulled: '円形',
|
|
14884
|
+
};
|
|
14885
|
+
const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
14886
|
+
right: 'right',
|
|
14887
|
+
left: 'left',
|
|
14888
|
+
};
|
|
14889
|
+
|
|
14876
14890
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
14877
14891
|
|
|
14878
14892
|
function add_css$5(target) {
|
|
14879
|
-
append_styles(target, "svelte-
|
|
14893
|
+
append_styles(target, "svelte-1l8m1e9", ".close.svelte-1l8m1e9{position:absolute;top:8px;right:8px}.close-button-row.svelte-1l8m1e9{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-1l8m1e9{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-1l8m1e9:hover{transform:rotate(90deg)}.close-button-order-one.svelte-1l8m1e9{order:1}.close-button-order-two.svelte-1l8m1e9{order:2}.close-button-label.svelte-1l8m1e9{color:var(--close-button-label-color, '#ccc')}");
|
|
14894
|
+
}
|
|
14895
|
+
|
|
14896
|
+
// (99:4) {#if hasLabel}
|
|
14897
|
+
function create_if_block$2(ctx) {
|
|
14898
|
+
let span;
|
|
14899
|
+
let t;
|
|
14900
|
+
|
|
14901
|
+
return {
|
|
14902
|
+
c() {
|
|
14903
|
+
span = element("span");
|
|
14904
|
+
t = text(/*label*/ ctx[7]);
|
|
14905
|
+
this.h();
|
|
14906
|
+
},
|
|
14907
|
+
l(nodes) {
|
|
14908
|
+
span = claim_element(nodes, "SPAN", { style: true, class: true });
|
|
14909
|
+
var span_nodes = children(span);
|
|
14910
|
+
t = claim_text(span_nodes, /*label*/ ctx[7]);
|
|
14911
|
+
span_nodes.forEach(detach);
|
|
14912
|
+
this.h();
|
|
14913
|
+
},
|
|
14914
|
+
h() {
|
|
14915
|
+
attr(span, "style", /*labelCssVariable*/ ctx[2]);
|
|
14916
|
+
|
|
14917
|
+
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
|
|
14918
|
+
? 'close-button-order-one'
|
|
14919
|
+
: '') + " svelte-1l8m1e9");
|
|
14920
|
+
},
|
|
14921
|
+
m(target, anchor) {
|
|
14922
|
+
insert_hydration(target, span, anchor);
|
|
14923
|
+
append_hydration(span, t);
|
|
14924
|
+
},
|
|
14925
|
+
p(ctx, dirty) {
|
|
14926
|
+
if (dirty & /*labelCssVariable*/ 4) {
|
|
14927
|
+
attr(span, "style", /*labelCssVariable*/ ctx[2]);
|
|
14928
|
+
}
|
|
14929
|
+
},
|
|
14930
|
+
d(detaching) {
|
|
14931
|
+
if (detaching) detach(span);
|
|
14932
|
+
}
|
|
14933
|
+
};
|
|
14880
14934
|
}
|
|
14881
14935
|
|
|
14882
14936
|
function create_fragment$5(ctx) {
|
|
14937
|
+
let div1;
|
|
14938
|
+
let div0;
|
|
14883
14939
|
let button;
|
|
14884
14940
|
let svg;
|
|
14885
14941
|
let path;
|
|
14942
|
+
let button_class_value;
|
|
14943
|
+
let t;
|
|
14886
14944
|
let mounted;
|
|
14887
14945
|
let dispose;
|
|
14888
14946
|
|
|
14889
14947
|
let button_levels = [
|
|
14890
14948
|
{ "data-layer-id": /*layerId*/ ctx[0] },
|
|
14891
|
-
{
|
|
14949
|
+
{
|
|
14950
|
+
class: button_class_value = "close-button " + (/*isLeftLabelPlacement*/ ctx[8]
|
|
14951
|
+
? 'close-button-order-two'
|
|
14952
|
+
: '')
|
|
14953
|
+
},
|
|
14892
14954
|
{ style: /*style*/ ctx[1] },
|
|
14893
14955
|
dataAttrStopPropagation('click')
|
|
14894
14956
|
];
|
|
@@ -14899,15 +14961,26 @@ function create_fragment$5(ctx) {
|
|
|
14899
14961
|
button_data = assign(button_data, button_levels[i]);
|
|
14900
14962
|
}
|
|
14901
14963
|
|
|
14964
|
+
let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
|
|
14965
|
+
|
|
14902
14966
|
return {
|
|
14903
14967
|
c() {
|
|
14968
|
+
div1 = element("div");
|
|
14969
|
+
div0 = element("div");
|
|
14904
14970
|
button = element("button");
|
|
14905
14971
|
svg = svg_element("svg");
|
|
14906
14972
|
path = svg_element("path");
|
|
14973
|
+
t = space();
|
|
14974
|
+
if (if_block) if_block.c();
|
|
14907
14975
|
this.h();
|
|
14908
14976
|
},
|
|
14909
14977
|
l(nodes) {
|
|
14910
|
-
|
|
14978
|
+
div1 = claim_element(nodes, "DIV", { class: true, style: true });
|
|
14979
|
+
var div1_nodes = children(div1);
|
|
14980
|
+
div0 = claim_element(div1_nodes, "DIV", { class: true });
|
|
14981
|
+
var div0_nodes = children(div0);
|
|
14982
|
+
|
|
14983
|
+
button = claim_element(div0_nodes, "BUTTON", {
|
|
14911
14984
|
"data-layer-id": true,
|
|
14912
14985
|
class: true,
|
|
14913
14986
|
style: true
|
|
@@ -14927,6 +15000,10 @@ function create_fragment$5(ctx) {
|
|
|
14927
15000
|
children(path).forEach(detach);
|
|
14928
15001
|
svg_nodes.forEach(detach);
|
|
14929
15002
|
button_nodes.forEach(detach);
|
|
15003
|
+
t = claim_space(div0_nodes);
|
|
15004
|
+
if (if_block) if_block.l(div0_nodes);
|
|
15005
|
+
div0_nodes.forEach(detach);
|
|
15006
|
+
div1_nodes.forEach(detach);
|
|
14930
15007
|
this.h();
|
|
14931
15008
|
},
|
|
14932
15009
|
h() {
|
|
@@ -14935,35 +15012,60 @@ function create_fragment$5(ctx) {
|
|
|
14935
15012
|
set_style(svg, "width", "75%");
|
|
14936
15013
|
set_style(svg, "height", "75%");
|
|
14937
15014
|
attr(svg, "viewBox", "0 0 50 50");
|
|
14938
|
-
attr(svg, "fill",
|
|
15015
|
+
attr(svg, "fill", /*color*/ ctx[6]);
|
|
14939
15016
|
set_attributes(button, button_data);
|
|
14940
|
-
toggle_class(button, "svelte-
|
|
15017
|
+
toggle_class(button, "svelte-1l8m1e9", true);
|
|
15018
|
+
attr(div0, "class", "close-button-row svelte-1l8m1e9");
|
|
15019
|
+
attr(div1, "class", "close svelte-1l8m1e9");
|
|
15020
|
+
attr(div1, "style", /*rootStyle*/ ctx[3]);
|
|
14941
15021
|
},
|
|
14942
15022
|
m(target, anchor) {
|
|
14943
|
-
insert_hydration(target,
|
|
15023
|
+
insert_hydration(target, div1, anchor);
|
|
15024
|
+
append_hydration(div1, div0);
|
|
15025
|
+
append_hydration(div0, button);
|
|
14944
15026
|
append_hydration(button, svg);
|
|
14945
15027
|
append_hydration(svg, path);
|
|
14946
15028
|
if (button.autofocus) button.focus();
|
|
15029
|
+
append_hydration(div0, t);
|
|
15030
|
+
if (if_block) if_block.m(div0, null);
|
|
14947
15031
|
|
|
14948
15032
|
if (!mounted) {
|
|
14949
|
-
dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[
|
|
15033
|
+
dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[5])));
|
|
14950
15034
|
mounted = true;
|
|
14951
15035
|
}
|
|
14952
15036
|
},
|
|
14953
15037
|
p(ctx, [dirty]) {
|
|
14954
15038
|
set_attributes(button, button_data = get_spread_update(button_levels, [
|
|
14955
15039
|
dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
|
|
14956
|
-
{ class:
|
|
15040
|
+
{ class: button_class_value },
|
|
14957
15041
|
dirty & /*style*/ 2 && { style: /*style*/ ctx[1] },
|
|
14958
15042
|
dataAttrStopPropagation('click')
|
|
14959
15043
|
]));
|
|
14960
15044
|
|
|
14961
|
-
toggle_class(button, "svelte-
|
|
15045
|
+
toggle_class(button, "svelte-1l8m1e9", true);
|
|
15046
|
+
|
|
15047
|
+
if (/*hasLabel*/ ctx[4]) {
|
|
15048
|
+
if (if_block) {
|
|
15049
|
+
if_block.p(ctx, dirty);
|
|
15050
|
+
} else {
|
|
15051
|
+
if_block = create_if_block$2(ctx);
|
|
15052
|
+
if_block.c();
|
|
15053
|
+
if_block.m(div0, null);
|
|
15054
|
+
}
|
|
15055
|
+
} else if (if_block) {
|
|
15056
|
+
if_block.d(1);
|
|
15057
|
+
if_block = null;
|
|
15058
|
+
}
|
|
15059
|
+
|
|
15060
|
+
if (dirty & /*rootStyle*/ 8) {
|
|
15061
|
+
attr(div1, "style", /*rootStyle*/ ctx[3]);
|
|
15062
|
+
}
|
|
14962
15063
|
},
|
|
14963
15064
|
i: noop,
|
|
14964
15065
|
o: noop,
|
|
14965
15066
|
d(detaching) {
|
|
14966
|
-
if (detaching) detach(
|
|
15067
|
+
if (detaching) detach(div1);
|
|
15068
|
+
if (if_block) if_block.d();
|
|
14967
15069
|
mounted = false;
|
|
14968
15070
|
dispose();
|
|
14969
15071
|
}
|
|
@@ -14971,14 +15073,34 @@ function create_fragment$5(ctx) {
|
|
|
14971
15073
|
}
|
|
14972
15074
|
|
|
14973
15075
|
function instance$5($$self, $$props, $$invalidate) {
|
|
15076
|
+
let hasLabel;
|
|
15077
|
+
let rootStyle;
|
|
15078
|
+
let labelCssVariable;
|
|
14974
15079
|
let style;
|
|
14975
|
-
let
|
|
15080
|
+
let $maximumZindex;
|
|
15081
|
+
component_subscribe($$self, maximumZindex, $$value => $$invalidate(12, $maximumZindex = $$value));
|
|
14976
15082
|
let { props = {} } = $$props;
|
|
14977
15083
|
let { layerId = '' } = $$props;
|
|
14978
15084
|
let { eventName = '' } = $$props;
|
|
14979
15085
|
let { eventValue = undefined } = $$props;
|
|
14980
15086
|
|
|
15087
|
+
const VARIANTS = {
|
|
15088
|
+
placement: {
|
|
15089
|
+
topRight: { top: '8px', right: '8px' },
|
|
15090
|
+
topLeft: { top: '8px', left: '8px' },
|
|
15091
|
+
bottomRight: { bottom: '8px', right: '8px' },
|
|
15092
|
+
bottomLeft: { bottom: '8px', left: '8px' }
|
|
15093
|
+
},
|
|
15094
|
+
round: {
|
|
15095
|
+
none: { borderRadius: 0 },
|
|
15096
|
+
default: {},
|
|
15097
|
+
fulled: { borderRadius: '56px' }
|
|
15098
|
+
}
|
|
15099
|
+
};
|
|
15100
|
+
|
|
14981
15101
|
function handleClick() {
|
|
15102
|
+
const onClick = { operation: 'closeApp', args: ['button'] };
|
|
15103
|
+
|
|
14982
15104
|
if (eventName) {
|
|
14983
15105
|
send_event(eventName, eventValue);
|
|
14984
15106
|
}
|
|
@@ -14987,27 +15109,64 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14987
15109
|
}
|
|
14988
15110
|
|
|
14989
15111
|
const size = props.size ?? 24;
|
|
15112
|
+
const color = props.color ?? '#666';
|
|
15113
|
+
const label = props.label;
|
|
15114
|
+
const isLeftLabelPlacement = props.labelPlacement === 'left';
|
|
15115
|
+
|
|
15116
|
+
const getCssPlacement = () => {
|
|
15117
|
+
return {
|
|
15118
|
+
top: props.top ?? VARIANTS.placement[props.placement ?? 'topRight'].top,
|
|
15119
|
+
right: props.right ?? VARIANTS.placement[props.placement ?? 'topRight'].right,
|
|
15120
|
+
left: props.left ?? VARIANTS.placement[props.placement ?? 'topRight'].left,
|
|
15121
|
+
bottom: props.bottom ?? VARIANTS.placement[props.placement ?? 'topRight'].bottom
|
|
15122
|
+
};
|
|
15123
|
+
};
|
|
14990
15124
|
|
|
14991
15125
|
$$self.$$set = $$props => {
|
|
14992
|
-
if ('
|
|
14993
|
-
if ('props' in $$props) $$invalidate(4, props = $$props.props);
|
|
15126
|
+
if ('props' in $$props) $$invalidate(9, props = $$props.props);
|
|
14994
15127
|
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14995
|
-
if ('eventName' in $$props) $$invalidate(
|
|
14996
|
-
if ('eventValue' in $$props) $$invalidate(
|
|
15128
|
+
if ('eventName' in $$props) $$invalidate(10, eventName = $$props.eventName);
|
|
15129
|
+
if ('eventValue' in $$props) $$invalidate(11, eventValue = $$props.eventValue);
|
|
14997
15130
|
};
|
|
14998
15131
|
|
|
14999
15132
|
$$self.$$.update = () => {
|
|
15000
|
-
if ($$self.$$.dirty &
|
|
15133
|
+
if ($$self.$$.dirty & /*$maximumZindex*/ 4096) {
|
|
15134
|
+
$$invalidate(3, rootStyle = objToStyle({
|
|
15135
|
+
...getCssPlacement(),
|
|
15136
|
+
zIndex: $maximumZindex + 1
|
|
15137
|
+
}));
|
|
15138
|
+
}
|
|
15139
|
+
|
|
15140
|
+
if ($$self.$$.dirty & /*props*/ 512) {
|
|
15001
15141
|
$$invalidate(1, style = objToStyle({
|
|
15002
15142
|
width: `${size}px`,
|
|
15003
15143
|
height: `${size}px`,
|
|
15004
15144
|
...props.bordered && { border: '1px solid #666' },
|
|
15145
|
+
backgroundColor: props.backgroundColor ?? 'transparent',
|
|
15146
|
+
...VARIANTS.round[props.round ?? 'default'],
|
|
15005
15147
|
...toCssCommon(props)
|
|
15006
15148
|
}));
|
|
15007
15149
|
}
|
|
15008
15150
|
};
|
|
15009
15151
|
|
|
15010
|
-
|
|
15152
|
+
$$invalidate(4, hasLabel = label !== undefined && label !== '');
|
|
15153
|
+
$$invalidate(2, labelCssVariable = '--close-button-label-color: {props.labelColor}');
|
|
15154
|
+
|
|
15155
|
+
return [
|
|
15156
|
+
layerId,
|
|
15157
|
+
style,
|
|
15158
|
+
labelCssVariable,
|
|
15159
|
+
rootStyle,
|
|
15160
|
+
hasLabel,
|
|
15161
|
+
handleClick,
|
|
15162
|
+
color,
|
|
15163
|
+
label,
|
|
15164
|
+
isLeftLabelPlacement,
|
|
15165
|
+
props,
|
|
15166
|
+
eventName,
|
|
15167
|
+
eventValue,
|
|
15168
|
+
$maximumZindex
|
|
15169
|
+
];
|
|
15011
15170
|
}
|
|
15012
15171
|
|
|
15013
15172
|
class CloseButton extends SvelteComponent {
|
|
@@ -15021,11 +15180,10 @@ class CloseButton extends SvelteComponent {
|
|
|
15021
15180
|
create_fragment$5,
|
|
15022
15181
|
safe_not_equal,
|
|
15023
15182
|
{
|
|
15024
|
-
|
|
15025
|
-
props: 4,
|
|
15183
|
+
props: 9,
|
|
15026
15184
|
layerId: 0,
|
|
15027
|
-
eventName:
|
|
15028
|
-
eventValue:
|
|
15185
|
+
eventName: 10,
|
|
15186
|
+
eventValue: 11
|
|
15029
15187
|
},
|
|
15030
15188
|
add_css$5
|
|
15031
15189
|
);
|
|
@@ -15035,7 +15193,7 @@ class CloseButton extends SvelteComponent {
|
|
|
15035
15193
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
|
15036
15194
|
|
|
15037
15195
|
function add_css$4(target) {
|
|
15038
|
-
append_styles(target, "svelte-
|
|
15196
|
+
append_styles(target, "svelte-52a988", ".image.svelte-52a988{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-52a988{width:100%;overflow:hidden}.image-img.svelte-52a988{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
|
|
15039
15197
|
}
|
|
15040
15198
|
|
|
15041
15199
|
function create_fragment$4(ctx) {
|
|
@@ -15070,11 +15228,11 @@ function create_fragment$4(ctx) {
|
|
|
15070
15228
|
h() {
|
|
15071
15229
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
15072
15230
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
15073
|
-
attr(img, "class", "image-img svelte-
|
|
15231
|
+
attr(img, "class", "image-img svelte-52a988");
|
|
15074
15232
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
|
15075
|
-
attr(object, "class", "image-object svelte-
|
|
15233
|
+
attr(object, "class", "image-object svelte-52a988");
|
|
15076
15234
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
15077
|
-
attr(div, "class", "image svelte-
|
|
15235
|
+
attr(div, "class", "image svelte-52a988");
|
|
15078
15236
|
attr(div, "style", /*style*/ ctx[3]);
|
|
15079
15237
|
},
|
|
15080
15238
|
m(target, anchor) {
|
|
@@ -15148,7 +15306,7 @@ class Image extends SvelteComponent {
|
|
|
15148
15306
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
15149
15307
|
|
|
15150
15308
|
function add_css$3(target) {
|
|
15151
|
-
append_styles(target, "svelte-
|
|
15309
|
+
append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
|
|
15152
15310
|
}
|
|
15153
15311
|
|
|
15154
15312
|
function create_fragment$3(ctx) {
|
|
@@ -15177,7 +15335,7 @@ function create_fragment$3(ctx) {
|
|
|
15177
15335
|
},
|
|
15178
15336
|
h() {
|
|
15179
15337
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15180
|
-
attr(div, "class", "layout svelte-
|
|
15338
|
+
attr(div, "class", "layout svelte-1g6q4hu");
|
|
15181
15339
|
attr(div, "style", /*style*/ ctx[1]);
|
|
15182
15340
|
},
|
|
15183
15341
|
m(target, anchor) {
|
|
@@ -15282,22 +15440,27 @@ const TEXT_VARIANTS = {
|
|
|
15282
15440
|
extra_small: {
|
|
15283
15441
|
fontSize: '10px',
|
|
15284
15442
|
lineHeight: 1.7,
|
|
15443
|
+
fontWeight: 'normal',
|
|
15285
15444
|
},
|
|
15286
15445
|
small: {
|
|
15287
15446
|
fontSize: '12px',
|
|
15288
15447
|
lineHeight: 1.7,
|
|
15448
|
+
fontWeight: 'normal',
|
|
15289
15449
|
},
|
|
15290
15450
|
medium: {
|
|
15291
15451
|
fontSize: '14px',
|
|
15292
15452
|
lineHeight: 1.7,
|
|
15453
|
+
fontWeight: 'normal',
|
|
15293
15454
|
},
|
|
15294
15455
|
large: {
|
|
15295
15456
|
fontSize: '16px',
|
|
15296
15457
|
lineHeight: 1.7,
|
|
15458
|
+
fontWeight: 'normal',
|
|
15297
15459
|
},
|
|
15298
15460
|
extra_large: {
|
|
15299
15461
|
fontSize: '18px',
|
|
15300
15462
|
lineHeight: 1.7,
|
|
15463
|
+
fontWeight: 'normal',
|
|
15301
15464
|
},
|
|
15302
15465
|
heading_extra_small: {
|
|
15303
15466
|
fontSize: '14px',
|
|
@@ -15330,7 +15493,7 @@ const TEXT_VARIANTS = {
|
|
|
15330
15493
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
|
15331
15494
|
|
|
15332
15495
|
function add_css$2(target) {
|
|
15333
|
-
append_styles(target, "svelte-
|
|
15496
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
|
15334
15497
|
}
|
|
15335
15498
|
|
|
15336
15499
|
function create_fragment$2(ctx) {
|
|
@@ -15354,7 +15517,7 @@ function create_fragment$2(ctx) {
|
|
|
15354
15517
|
},
|
|
15355
15518
|
h() {
|
|
15356
15519
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15357
|
-
attr(p, "class", "text svelte-
|
|
15520
|
+
attr(p, "class", "text svelte-1vl0c87");
|
|
15358
15521
|
attr(p, "style", /*style*/ ctx[1]);
|
|
15359
15522
|
},
|
|
15360
15523
|
m(target, anchor) {
|
|
@@ -15448,7 +15611,7 @@ const LAYER_TEXT_SIZE = {
|
|
|
15448
15611
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
15449
15612
|
|
|
15450
15613
|
function add_css$1(target) {
|
|
15451
|
-
append_styles(target, "svelte-
|
|
15614
|
+
append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
|
15452
15615
|
}
|
|
15453
15616
|
|
|
15454
15617
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -15469,7 +15632,7 @@ function create_if_block$1(ctx) {
|
|
|
15469
15632
|
this.h();
|
|
15470
15633
|
},
|
|
15471
15634
|
h() {
|
|
15472
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
15635
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
|
15473
15636
|
},
|
|
15474
15637
|
m(target, anchor) {
|
|
15475
15638
|
insert_hydration(target, div, anchor);
|
|
@@ -15480,7 +15643,7 @@ function create_if_block$1(ctx) {
|
|
|
15480
15643
|
}
|
|
15481
15644
|
},
|
|
15482
15645
|
p(ctx, dirty) {
|
|
15483
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
15646
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
|
15484
15647
|
attr(div, "class", div_class_value);
|
|
15485
15648
|
}
|
|
15486
15649
|
},
|
|
@@ -15556,22 +15719,22 @@ class BackgroundOverlay extends SvelteComponent {
|
|
|
15556
15719
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
|
15557
15720
|
|
|
15558
15721
|
function add_css(target) {
|
|
15559
|
-
append_styles(target, "svelte-
|
|
15722
|
+
append_styles(target, "svelte-5997yi", ".modal.svelte-5997yi{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-5997yi > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-5997yi{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-5997yi{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
|
15560
15723
|
}
|
|
15561
15724
|
|
|
15562
|
-
// (
|
|
15725
|
+
// (253:0) {:else}
|
|
15563
15726
|
function create_else_block(ctx) {
|
|
15564
15727
|
let backgroundoverlay;
|
|
15565
15728
|
let current;
|
|
15566
15729
|
|
|
15567
15730
|
backgroundoverlay = new BackgroundOverlay({
|
|
15568
15731
|
props: {
|
|
15569
|
-
backgroundOverlay: /*backgroundOverlay*/ ctx[
|
|
15732
|
+
backgroundOverlay: /*backgroundOverlay*/ ctx[3]
|
|
15570
15733
|
}
|
|
15571
15734
|
});
|
|
15572
15735
|
|
|
15573
15736
|
backgroundoverlay.$on("click", function () {
|
|
15574
|
-
if (is_function(/*backgroundClick*/ ctx[
|
|
15737
|
+
if (is_function(/*backgroundClick*/ ctx[11])) /*backgroundClick*/ ctx[11].apply(this, arguments);
|
|
15575
15738
|
});
|
|
15576
15739
|
|
|
15577
15740
|
return {
|
|
@@ -15588,7 +15751,7 @@ function create_else_block(ctx) {
|
|
|
15588
15751
|
p(new_ctx, dirty) {
|
|
15589
15752
|
ctx = new_ctx;
|
|
15590
15753
|
const backgroundoverlay_changes = {};
|
|
15591
|
-
if (dirty
|
|
15754
|
+
if (dirty & /*backgroundOverlay*/ 8) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[3];
|
|
15592
15755
|
backgroundoverlay.$set(backgroundoverlay_changes);
|
|
15593
15756
|
},
|
|
15594
15757
|
i(local) {
|
|
@@ -15606,8 +15769,8 @@ function create_else_block(ctx) {
|
|
|
15606
15769
|
};
|
|
15607
15770
|
}
|
|
15608
15771
|
|
|
15609
|
-
// (
|
|
15610
|
-
function
|
|
15772
|
+
// (242:24)
|
|
15773
|
+
function create_if_block_2(ctx) {
|
|
15611
15774
|
let backgroundoverlay0;
|
|
15612
15775
|
let t;
|
|
15613
15776
|
let backgroundoverlay1;
|
|
@@ -15616,23 +15779,23 @@ function create_if_block_3(ctx) {
|
|
|
15616
15779
|
backgroundoverlay0 = new BackgroundOverlay({
|
|
15617
15780
|
props: {
|
|
15618
15781
|
class: "background-bp-pc",
|
|
15619
|
-
backgroundOverlay: /*backgroundOverlayPC*/ ctx[
|
|
15782
|
+
backgroundOverlay: /*backgroundOverlayPC*/ ctx[4]
|
|
15620
15783
|
}
|
|
15621
15784
|
});
|
|
15622
15785
|
|
|
15623
15786
|
backgroundoverlay0.$on("click", function () {
|
|
15624
|
-
if (is_function(/*backgroundClickPC*/ ctx[
|
|
15787
|
+
if (is_function(/*backgroundClickPC*/ ctx[10])) /*backgroundClickPC*/ ctx[10].apply(this, arguments);
|
|
15625
15788
|
});
|
|
15626
15789
|
|
|
15627
15790
|
backgroundoverlay1 = new BackgroundOverlay({
|
|
15628
15791
|
props: {
|
|
15629
15792
|
class: "background-bp-sp ",
|
|
15630
|
-
backgroundOverlay: /*backgroundOverlaySP*/ ctx[
|
|
15793
|
+
backgroundOverlay: /*backgroundOverlaySP*/ ctx[5]
|
|
15631
15794
|
}
|
|
15632
15795
|
});
|
|
15633
15796
|
|
|
15634
15797
|
backgroundoverlay1.$on("click", function () {
|
|
15635
|
-
if (is_function(/*backgroundClickSP*/ ctx[
|
|
15798
|
+
if (is_function(/*backgroundClickSP*/ ctx[9])) /*backgroundClickSP*/ ctx[9].apply(this, arguments);
|
|
15636
15799
|
});
|
|
15637
15800
|
|
|
15638
15801
|
return {
|
|
@@ -15655,10 +15818,10 @@ function create_if_block_3(ctx) {
|
|
|
15655
15818
|
p(new_ctx, dirty) {
|
|
15656
15819
|
ctx = new_ctx;
|
|
15657
15820
|
const backgroundoverlay0_changes = {};
|
|
15658
|
-
if (dirty
|
|
15821
|
+
if (dirty & /*backgroundOverlayPC*/ 16) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[4];
|
|
15659
15822
|
backgroundoverlay0.$set(backgroundoverlay0_changes);
|
|
15660
15823
|
const backgroundoverlay1_changes = {};
|
|
15661
|
-
if (dirty
|
|
15824
|
+
if (dirty & /*backgroundOverlaySP*/ 32) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[5];
|
|
15662
15825
|
backgroundoverlay1.$set(backgroundoverlay1_changes);
|
|
15663
15826
|
},
|
|
15664
15827
|
i(local) {
|
|
@@ -15680,8 +15843,8 @@ function create_if_block_3(ctx) {
|
|
|
15680
15843
|
};
|
|
15681
15844
|
}
|
|
15682
15845
|
|
|
15683
|
-
// (
|
|
15684
|
-
function
|
|
15846
|
+
// (240:0) {#if isPreview()}
|
|
15847
|
+
function create_if_block_1(ctx) {
|
|
15685
15848
|
return {
|
|
15686
15849
|
c: noop,
|
|
15687
15850
|
l: noop,
|
|
@@ -15693,22 +15856,18 @@ function create_if_block_2(ctx) {
|
|
|
15693
15856
|
};
|
|
15694
15857
|
}
|
|
15695
15858
|
|
|
15696
|
-
// (
|
|
15859
|
+
// (256:0) {#if visible}
|
|
15697
15860
|
function create_if_block(ctx) {
|
|
15698
15861
|
let div;
|
|
15699
|
-
let t;
|
|
15700
15862
|
let div_class_value;
|
|
15701
15863
|
let div_intro;
|
|
15702
15864
|
let current;
|
|
15703
|
-
|
|
15704
|
-
const
|
|
15705
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
|
|
15865
|
+
const default_slot_template = /*#slots*/ ctx[26].default;
|
|
15866
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
|
|
15706
15867
|
|
|
15707
15868
|
return {
|
|
15708
15869
|
c() {
|
|
15709
15870
|
div = element("div");
|
|
15710
|
-
if (if_block) if_block.c();
|
|
15711
|
-
t = space();
|
|
15712
15871
|
if (default_slot) default_slot.c();
|
|
15713
15872
|
this.h();
|
|
15714
15873
|
},
|
|
@@ -15721,84 +15880,56 @@ function create_if_block(ctx) {
|
|
|
15721
15880
|
});
|
|
15722
15881
|
|
|
15723
15882
|
var div_nodes = children(div);
|
|
15724
|
-
if (if_block) if_block.l(div_nodes);
|
|
15725
|
-
t = claim_space(div_nodes);
|
|
15726
15883
|
if (default_slot) default_slot.l(div_nodes);
|
|
15727
15884
|
div_nodes.forEach(detach);
|
|
15728
15885
|
this.h();
|
|
15729
15886
|
},
|
|
15730
15887
|
h() {
|
|
15731
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
15888
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"));
|
|
15732
15889
|
attr(div, "role", "dialog");
|
|
15733
15890
|
attr(div, "aria-modal", "true");
|
|
15734
|
-
attr(div, "style", Array.from(/*modalStyles*/ ctx[
|
|
15891
|
+
attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
|
|
15735
15892
|
},
|
|
15736
15893
|
m(target, anchor) {
|
|
15737
15894
|
insert_hydration(target, div, anchor);
|
|
15738
|
-
if (if_block) if_block.m(div, null);
|
|
15739
|
-
append_hydration(div, t);
|
|
15740
15895
|
|
|
15741
15896
|
if (default_slot) {
|
|
15742
15897
|
default_slot.m(div, null);
|
|
15743
15898
|
}
|
|
15744
15899
|
|
|
15745
|
-
/*div_binding*/ ctx[
|
|
15900
|
+
/*div_binding*/ ctx[27](div);
|
|
15746
15901
|
current = true;
|
|
15747
15902
|
},
|
|
15748
15903
|
p(new_ctx, dirty) {
|
|
15749
15904
|
ctx = new_ctx;
|
|
15750
15905
|
|
|
15751
|
-
if (/*closable*/ ctx[16]) {
|
|
15752
|
-
if (if_block) {
|
|
15753
|
-
if_block.p(ctx, dirty);
|
|
15754
|
-
|
|
15755
|
-
if (dirty[0] & /*closable*/ 65536) {
|
|
15756
|
-
transition_in(if_block, 1);
|
|
15757
|
-
}
|
|
15758
|
-
} else {
|
|
15759
|
-
if_block = create_if_block_1(ctx);
|
|
15760
|
-
if_block.c();
|
|
15761
|
-
transition_in(if_block, 1);
|
|
15762
|
-
if_block.m(div, t);
|
|
15763
|
-
}
|
|
15764
|
-
} else if (if_block) {
|
|
15765
|
-
group_outros();
|
|
15766
|
-
|
|
15767
|
-
transition_out(if_block, 1, 1, () => {
|
|
15768
|
-
if_block = null;
|
|
15769
|
-
});
|
|
15770
|
-
|
|
15771
|
-
check_outros();
|
|
15772
|
-
}
|
|
15773
|
-
|
|
15774
15906
|
if (default_slot) {
|
|
15775
|
-
if (default_slot.p && (!current || dirty
|
|
15907
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
|
|
15776
15908
|
update_slot_base(
|
|
15777
15909
|
default_slot,
|
|
15778
15910
|
default_slot_template,
|
|
15779
15911
|
ctx,
|
|
15780
|
-
/*$$scope*/ ctx[
|
|
15912
|
+
/*$$scope*/ ctx[25],
|
|
15781
15913
|
!current
|
|
15782
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
15783
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
15914
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
|
|
15915
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
|
|
15784
15916
|
null
|
|
15785
15917
|
);
|
|
15786
15918
|
}
|
|
15787
15919
|
}
|
|
15788
15920
|
|
|
15789
|
-
if (!current || dirty
|
|
15921
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"))) {
|
|
15790
15922
|
attr(div, "class", div_class_value);
|
|
15791
15923
|
}
|
|
15792
15924
|
},
|
|
15793
15925
|
i(local) {
|
|
15794
15926
|
if (current) return;
|
|
15795
|
-
transition_in(if_block);
|
|
15796
15927
|
transition_in(default_slot, local);
|
|
15797
15928
|
|
|
15798
15929
|
if (!div_intro) {
|
|
15799
15930
|
add_render_callback(() => {
|
|
15800
15931
|
div_intro = create_in_transition(div, customAnimation, {
|
|
15801
|
-
transforms: /*transforms*/ ctx[
|
|
15932
|
+
transforms: /*transforms*/ ctx[2],
|
|
15802
15933
|
animationStyle: /*animation*/ ctx[1]
|
|
15803
15934
|
});
|
|
15804
15935
|
|
|
@@ -15809,80 +15940,13 @@ function create_if_block(ctx) {
|
|
|
15809
15940
|
current = true;
|
|
15810
15941
|
},
|
|
15811
15942
|
o(local) {
|
|
15812
|
-
transition_out(if_block);
|
|
15813
15943
|
transition_out(default_slot, local);
|
|
15814
15944
|
current = false;
|
|
15815
15945
|
},
|
|
15816
15946
|
d(detaching) {
|
|
15817
15947
|
if (detaching) detach(div);
|
|
15818
|
-
if (if_block) if_block.d();
|
|
15819
15948
|
if (default_slot) default_slot.d(detaching);
|
|
15820
|
-
/*div_binding*/ ctx[
|
|
15821
|
-
}
|
|
15822
|
-
};
|
|
15823
|
-
}
|
|
15824
|
-
|
|
15825
|
-
// (279:4) {#if closable}
|
|
15826
|
-
function create_if_block_1(ctx) {
|
|
15827
|
-
let div;
|
|
15828
|
-
let closebutton;
|
|
15829
|
-
let current;
|
|
15830
|
-
|
|
15831
|
-
closebutton = new CloseButton({
|
|
15832
|
-
props: {
|
|
15833
|
-
onClick: /*onClose*/ ctx[2],
|
|
15834
|
-
eventName: /*closeEventName*/ ctx[3],
|
|
15835
|
-
eventValue: /*closeEventValue*/ ctx[4],
|
|
15836
|
-
props: /*closeButtonProps*/ ctx[5]
|
|
15837
|
-
}
|
|
15838
|
-
});
|
|
15839
|
-
|
|
15840
|
-
return {
|
|
15841
|
-
c() {
|
|
15842
|
-
div = element("div");
|
|
15843
|
-
create_component(closebutton.$$.fragment);
|
|
15844
|
-
this.h();
|
|
15845
|
-
},
|
|
15846
|
-
l(nodes) {
|
|
15847
|
-
div = claim_element(nodes, "DIV", { class: true, style: true });
|
|
15848
|
-
var div_nodes = children(div);
|
|
15849
|
-
claim_component(closebutton.$$.fragment, div_nodes);
|
|
15850
|
-
div_nodes.forEach(detach);
|
|
15851
|
-
this.h();
|
|
15852
|
-
},
|
|
15853
|
-
h() {
|
|
15854
|
-
attr(div, "class", "close svelte-f7e8di");
|
|
15855
|
-
set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
|
|
15856
|
-
},
|
|
15857
|
-
m(target, anchor) {
|
|
15858
|
-
insert_hydration(target, div, anchor);
|
|
15859
|
-
mount_component(closebutton, div, null);
|
|
15860
|
-
current = true;
|
|
15861
|
-
},
|
|
15862
|
-
p(ctx, dirty) {
|
|
15863
|
-
const closebutton_changes = {};
|
|
15864
|
-
if (dirty[0] & /*onClose*/ 4) closebutton_changes.onClick = /*onClose*/ ctx[2];
|
|
15865
|
-
if (dirty[0] & /*closeEventName*/ 8) closebutton_changes.eventName = /*closeEventName*/ ctx[3];
|
|
15866
|
-
if (dirty[0] & /*closeEventValue*/ 16) closebutton_changes.eventValue = /*closeEventValue*/ ctx[4];
|
|
15867
|
-
if (dirty[0] & /*closeButtonProps*/ 32) closebutton_changes.props = /*closeButtonProps*/ ctx[5];
|
|
15868
|
-
closebutton.$set(closebutton_changes);
|
|
15869
|
-
|
|
15870
|
-
if (!current || dirty[0] & /*$maximumZindex*/ 131072) {
|
|
15871
|
-
set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
|
|
15872
|
-
}
|
|
15873
|
-
},
|
|
15874
|
-
i(local) {
|
|
15875
|
-
if (current) return;
|
|
15876
|
-
transition_in(closebutton.$$.fragment, local);
|
|
15877
|
-
current = true;
|
|
15878
|
-
},
|
|
15879
|
-
o(local) {
|
|
15880
|
-
transition_out(closebutton.$$.fragment, local);
|
|
15881
|
-
current = false;
|
|
15882
|
-
},
|
|
15883
|
-
d(detaching) {
|
|
15884
|
-
if (detaching) detach(div);
|
|
15885
|
-
destroy_component(closebutton);
|
|
15949
|
+
/*div_binding*/ ctx[27](null);
|
|
15886
15950
|
}
|
|
15887
15951
|
};
|
|
15888
15952
|
}
|
|
@@ -15896,7 +15960,7 @@ function create_fragment(ctx) {
|
|
|
15896
15960
|
let current;
|
|
15897
15961
|
let mounted;
|
|
15898
15962
|
let dispose;
|
|
15899
|
-
const if_block_creators = [
|
|
15963
|
+
const if_block_creators = [create_if_block_1, create_if_block_2, create_else_block];
|
|
15900
15964
|
const if_blocks = [];
|
|
15901
15965
|
|
|
15902
15966
|
function select_block_type(ctx, dirty) {
|
|
@@ -15908,7 +15972,7 @@ function create_fragment(ctx) {
|
|
|
15908
15972
|
|
|
15909
15973
|
current_block_type_index = select_block_type(ctx);
|
|
15910
15974
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
|
15911
|
-
let if_block1 = /*visible*/ ctx[
|
|
15975
|
+
let if_block1 = /*visible*/ ctx[7] && create_if_block(ctx);
|
|
15912
15976
|
|
|
15913
15977
|
return {
|
|
15914
15978
|
c() {
|
|
@@ -15932,13 +15996,13 @@ function create_fragment(ctx) {
|
|
|
15932
15996
|
|
|
15933
15997
|
if (!mounted) {
|
|
15934
15998
|
dispose = listen(window, "keydown", function () {
|
|
15935
|
-
if (is_function(/*handle_keydown*/ ctx[
|
|
15999
|
+
if (is_function(/*handle_keydown*/ ctx[8])) /*handle_keydown*/ ctx[8].apply(this, arguments);
|
|
15936
16000
|
});
|
|
15937
16001
|
|
|
15938
16002
|
mounted = true;
|
|
15939
16003
|
}
|
|
15940
16004
|
},
|
|
15941
|
-
p(new_ctx, dirty) {
|
|
16005
|
+
p(new_ctx, [dirty]) {
|
|
15942
16006
|
ctx = new_ctx;
|
|
15943
16007
|
let previous_block_index = current_block_type_index;
|
|
15944
16008
|
current_block_type_index = select_block_type(ctx);
|
|
@@ -15966,11 +16030,11 @@ function create_fragment(ctx) {
|
|
|
15966
16030
|
if_block0.m(t.parentNode, t);
|
|
15967
16031
|
}
|
|
15968
16032
|
|
|
15969
|
-
if (/*visible*/ ctx[
|
|
16033
|
+
if (/*visible*/ ctx[7]) {
|
|
15970
16034
|
if (if_block1) {
|
|
15971
16035
|
if_block1.p(ctx, dirty);
|
|
15972
16036
|
|
|
15973
|
-
if (dirty
|
|
16037
|
+
if (dirty & /*visible*/ 128) {
|
|
15974
16038
|
transition_in(if_block1, 1);
|
|
15975
16039
|
}
|
|
15976
16040
|
} else {
|
|
@@ -16013,14 +16077,11 @@ function create_fragment(ctx) {
|
|
|
16013
16077
|
|
|
16014
16078
|
function instance($$self, $$props, $$invalidate) {
|
|
16015
16079
|
let close;
|
|
16016
|
-
let closable;
|
|
16017
16080
|
let backgroundClick;
|
|
16018
16081
|
let backgroundClickPC;
|
|
16019
16082
|
let backgroundClickSP;
|
|
16020
16083
|
let handle_keydown;
|
|
16021
16084
|
let visible;
|
|
16022
|
-
let $maximumZindex;
|
|
16023
|
-
component_subscribe($$self, maximumZindex, $$value => $$invalidate(17, $maximumZindex = $$value));
|
|
16024
16085
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
16025
16086
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
16026
16087
|
let { clickEventName = '' } = $$props;
|
|
@@ -16030,10 +16091,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16030
16091
|
let { breakPoint } = $$props;
|
|
16031
16092
|
let { elasticity } = $$props;
|
|
16032
16093
|
let { animation = 'none' } = $$props;
|
|
16033
|
-
let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
|
|
16034
16094
|
let { closeEventName = '' } = $$props;
|
|
16035
16095
|
let { closeEventValue = null } = $$props;
|
|
16036
|
-
let { closeButtonProps = {} } = $$props;
|
|
16037
16096
|
|
|
16038
16097
|
// モーダル背景の設定
|
|
16039
16098
|
let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
|
|
@@ -16051,7 +16110,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16051
16110
|
let modal;
|
|
16052
16111
|
|
|
16053
16112
|
onMount$1(() => {
|
|
16054
|
-
$$invalidate(
|
|
16113
|
+
$$invalidate(7, visible = true);
|
|
16055
16114
|
});
|
|
16056
16115
|
|
|
16057
16116
|
onDestroy$1(() => setPreviousFocus());
|
|
@@ -16059,29 +16118,29 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16059
16118
|
function div_binding($$value) {
|
|
16060
16119
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
16061
16120
|
modal = $$value;
|
|
16062
|
-
$$invalidate(
|
|
16121
|
+
$$invalidate(6, modal);
|
|
16063
16122
|
});
|
|
16064
16123
|
}
|
|
16065
16124
|
|
|
16066
16125
|
$$self.$$set = $$props => {
|
|
16067
|
-
if ('onClick' in $$props) $$invalidate(
|
|
16068
|
-
if ('clickEventName' in $$props) $$invalidate(
|
|
16069
|
-
if ('clickEventValue' in $$props) $$invalidate(
|
|
16126
|
+
if ('onClick' in $$props) $$invalidate(13, onClick = $$props.onClick);
|
|
16127
|
+
if ('clickEventName' in $$props) $$invalidate(14, clickEventName = $$props.clickEventName);
|
|
16128
|
+
if ('clickEventValue' in $$props) $$invalidate(15, clickEventValue = $$props.clickEventValue);
|
|
16070
16129
|
if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
|
|
16071
|
-
if ('placement' in $$props) $$invalidate(
|
|
16072
|
-
if ('breakPoint' in $$props) $$invalidate(
|
|
16073
|
-
if ('elasticity' in $$props) $$invalidate(
|
|
16130
|
+
if ('placement' in $$props) $$invalidate(16, placement = $$props.placement);
|
|
16131
|
+
if ('breakPoint' in $$props) $$invalidate(17, breakPoint = $$props.breakPoint);
|
|
16132
|
+
if ('elasticity' in $$props) $$invalidate(18, elasticity = $$props.elasticity);
|
|
16074
16133
|
if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
|
|
16075
|
-
if ('
|
|
16076
|
-
if ('
|
|
16077
|
-
if ('
|
|
16078
|
-
if ('closeButtonProps' in $$props) $$invalidate(5, closeButtonProps = $$props.closeButtonProps);
|
|
16079
|
-
if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
|
|
16134
|
+
if ('closeEventName' in $$props) $$invalidate(19, closeEventName = $$props.closeEventName);
|
|
16135
|
+
if ('closeEventValue' in $$props) $$invalidate(20, closeEventValue = $$props.closeEventValue);
|
|
16136
|
+
if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
|
|
16080
16137
|
};
|
|
16081
16138
|
|
|
16082
16139
|
$$self.$$.update = () => {
|
|
16083
|
-
if ($$self.$$.dirty
|
|
16084
|
-
$$invalidate(
|
|
16140
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 1572864) {
|
|
16141
|
+
$$invalidate(24, close = () => {
|
|
16142
|
+
const onClose = { operation: 'closeApp', args: ['button'] };
|
|
16143
|
+
|
|
16085
16144
|
if (closeEventName) {
|
|
16086
16145
|
send_event(closeEventName, closeEventValue);
|
|
16087
16146
|
}
|
|
@@ -16090,46 +16149,42 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16090
16149
|
});
|
|
16091
16150
|
}
|
|
16092
16151
|
|
|
16093
|
-
if ($$self.$$.dirty
|
|
16094
|
-
$$invalidate(16, closable = haveFunction(onClose));
|
|
16095
|
-
}
|
|
16096
|
-
|
|
16097
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
|
|
16152
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
|
16098
16153
|
{
|
|
16099
16154
|
|
|
16100
16155
|
if (useBreakPoint) {
|
|
16101
16156
|
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
|
16102
|
-
$$invalidate(
|
|
16157
|
+
$$invalidate(4, backgroundOverlayPC = pc ?? false);
|
|
16103
16158
|
const sp = breakPoint?.SP?.placement?.backgroundOverlay;
|
|
16104
|
-
$$invalidate(
|
|
16159
|
+
$$invalidate(5, backgroundOverlaySP = sp ?? false);
|
|
16105
16160
|
}
|
|
16106
16161
|
}
|
|
16107
16162
|
}
|
|
16108
16163
|
|
|
16109
|
-
if ($$self.$$.dirty
|
|
16164
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
|
16110
16165
|
{
|
|
16111
16166
|
if (placement && placement.backgroundClick) {
|
|
16112
|
-
$$invalidate(
|
|
16167
|
+
$$invalidate(21, backgroundClickFunction = placement.backgroundClick);
|
|
16113
16168
|
}
|
|
16114
16169
|
|
|
16115
16170
|
if (useBreakPoint) {
|
|
16116
16171
|
const pc = breakPoint?.PC?.placement?.backgroundClick;
|
|
16117
16172
|
|
|
16118
16173
|
if (pc) {
|
|
16119
|
-
$$invalidate(
|
|
16174
|
+
$$invalidate(22, backgroundClickFunctionPC = pc);
|
|
16120
16175
|
}
|
|
16121
16176
|
|
|
16122
16177
|
const sp = breakPoint?.SP?.placement?.backgroundClick;
|
|
16123
16178
|
|
|
16124
16179
|
if (sp) {
|
|
16125
|
-
$$invalidate(
|
|
16180
|
+
$$invalidate(23, backgroundClickFunctionSP = sp);
|
|
16126
16181
|
}
|
|
16127
16182
|
}
|
|
16128
16183
|
}
|
|
16129
16184
|
}
|
|
16130
16185
|
|
|
16131
|
-
if ($$self.$$.dirty
|
|
16132
|
-
$$invalidate(
|
|
16186
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 3670016) {
|
|
16187
|
+
$$invalidate(11, backgroundClick = () => {
|
|
16133
16188
|
if (closeEventName) {
|
|
16134
16189
|
send_event(closeEventName, closeEventValue);
|
|
16135
16190
|
}
|
|
@@ -16138,8 +16193,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16138
16193
|
});
|
|
16139
16194
|
}
|
|
16140
16195
|
|
|
16141
|
-
if ($$self.$$.dirty
|
|
16142
|
-
$$invalidate(
|
|
16196
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 5767168) {
|
|
16197
|
+
$$invalidate(10, backgroundClickPC = () => {
|
|
16143
16198
|
if (closeEventName) {
|
|
16144
16199
|
send_event(closeEventName, closeEventValue);
|
|
16145
16200
|
}
|
|
@@ -16148,8 +16203,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16148
16203
|
});
|
|
16149
16204
|
}
|
|
16150
16205
|
|
|
16151
|
-
if ($$self.$$.dirty
|
|
16152
|
-
$$invalidate(
|
|
16206
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 9961472) {
|
|
16207
|
+
$$invalidate(9, backgroundClickSP = () => {
|
|
16153
16208
|
if (closeEventName) {
|
|
16154
16209
|
send_event(closeEventName, closeEventValue);
|
|
16155
16210
|
}
|
|
@@ -16158,7 +16213,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16158
16213
|
});
|
|
16159
16214
|
}
|
|
16160
16215
|
|
|
16161
|
-
if ($$self.$$.dirty
|
|
16216
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 196613) {
|
|
16162
16217
|
// 表示位置のスタイルとアニメーションの動きを設定
|
|
16163
16218
|
{
|
|
16164
16219
|
// 表示位置のスタイルの設定
|
|
@@ -16170,7 +16225,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16170
16225
|
modalStyles.add(positionStyle);
|
|
16171
16226
|
}
|
|
16172
16227
|
|
|
16173
|
-
$$invalidate(
|
|
16228
|
+
$$invalidate(2, transforms = []);
|
|
16174
16229
|
|
|
16175
16230
|
DEVICE_IDS.forEach(deviceId => {
|
|
16176
16231
|
|
|
@@ -16188,7 +16243,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16188
16243
|
}
|
|
16189
16244
|
}
|
|
16190
16245
|
|
|
16191
|
-
if ($$self.$$.dirty
|
|
16246
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
|
16192
16247
|
// 表示位置の調整のスタイルを設定
|
|
16193
16248
|
{
|
|
16194
16249
|
let margin = DefaultModalPlacement.margin;
|
|
@@ -16212,7 +16267,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16212
16267
|
}
|
|
16213
16268
|
}
|
|
16214
16269
|
|
|
16215
|
-
if ($$self.$$.dirty
|
|
16270
|
+
if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 393217) {
|
|
16216
16271
|
// 拡大方法のスタイルを設定
|
|
16217
16272
|
{
|
|
16218
16273
|
let elasticStyle = ElasticityStyle['none' ];
|
|
@@ -16234,23 +16289,19 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16234
16289
|
}
|
|
16235
16290
|
}
|
|
16236
16291
|
|
|
16237
|
-
if ($$self.$$.dirty
|
|
16238
|
-
$$invalidate(
|
|
16292
|
+
if ($$self.$$.dirty & /*close*/ 16777216) {
|
|
16293
|
+
$$invalidate(8, handle_keydown = handleKeydown({ Escape: close }));
|
|
16239
16294
|
}
|
|
16240
16295
|
};
|
|
16241
16296
|
|
|
16242
|
-
$$invalidate(
|
|
16297
|
+
$$invalidate(6, modal = null);
|
|
16243
16298
|
|
|
16244
16299
|
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
|
16245
|
-
$$invalidate(
|
|
16300
|
+
$$invalidate(7, visible = false);
|
|
16246
16301
|
|
|
16247
16302
|
return [
|
|
16248
16303
|
useBreakPoint,
|
|
16249
16304
|
animation,
|
|
16250
|
-
onClose,
|
|
16251
|
-
closeEventName,
|
|
16252
|
-
closeEventValue,
|
|
16253
|
-
closeButtonProps,
|
|
16254
16305
|
transforms,
|
|
16255
16306
|
backgroundOverlay,
|
|
16256
16307
|
backgroundOverlayPC,
|
|
@@ -16261,8 +16312,6 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16261
16312
|
backgroundClickSP,
|
|
16262
16313
|
backgroundClickPC,
|
|
16263
16314
|
backgroundClick,
|
|
16264
|
-
closable,
|
|
16265
|
-
$maximumZindex,
|
|
16266
16315
|
modalStyles,
|
|
16267
16316
|
onClick,
|
|
16268
16317
|
clickEventName,
|
|
@@ -16270,6 +16319,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16270
16319
|
placement,
|
|
16271
16320
|
breakPoint,
|
|
16272
16321
|
elasticity,
|
|
16322
|
+
closeEventName,
|
|
16323
|
+
closeEventValue,
|
|
16273
16324
|
backgroundClickFunction,
|
|
16274
16325
|
backgroundClickFunctionPC,
|
|
16275
16326
|
backgroundClickFunctionSP,
|
|
@@ -16291,23 +16342,20 @@ class Modal extends SvelteComponent {
|
|
|
16291
16342
|
create_fragment,
|
|
16292
16343
|
safe_not_equal,
|
|
16293
16344
|
{
|
|
16294
|
-
onClick:
|
|
16295
|
-
clickEventName:
|
|
16296
|
-
clickEventValue:
|
|
16345
|
+
onClick: 13,
|
|
16346
|
+
clickEventName: 14,
|
|
16347
|
+
clickEventValue: 15,
|
|
16297
16348
|
useBreakPoint: 0,
|
|
16298
|
-
placement:
|
|
16299
|
-
breakPoint:
|
|
16300
|
-
elasticity:
|
|
16349
|
+
placement: 16,
|
|
16350
|
+
breakPoint: 17,
|
|
16351
|
+
elasticity: 18,
|
|
16301
16352
|
animation: 1,
|
|
16302
|
-
|
|
16303
|
-
|
|
16304
|
-
closeEventValue: 4,
|
|
16305
|
-
closeButtonProps: 5
|
|
16353
|
+
closeEventName: 19,
|
|
16354
|
+
closeEventValue: 20
|
|
16306
16355
|
},
|
|
16307
|
-
add_css
|
|
16308
|
-
[-1, -1]
|
|
16356
|
+
add_css
|
|
16309
16357
|
);
|
|
16310
16358
|
}
|
|
16311
16359
|
}
|
|
16312
16360
|
|
|
16313
|
-
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|
|
16361
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BUTTON_THEME, BUTTON_VARIANTS, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|