@plaidev/karte-action-sdk 1.1.240 → 1.1.241-28705558.eff03b11
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 +27 -1
- package/dist/hydrate/index.es.js +453 -404
- package/dist/index.es.d.ts +27 -1
- package/dist/index.es.js +434 -392
- 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
13982
|
// (20:0) {#if (IconComponent)}
|
|
13979
|
-
function create_if_block$
|
|
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);
|
|
@@ -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
14278
|
// (47:2) {#if (props.isIcon && props.iconVariant)}
|
|
14275
|
-
function create_if_block$
|
|
14279
|
+
function create_if_block$4(ctx) {
|
|
14276
14280
|
let div;
|
|
14277
14281
|
let icon;
|
|
14278
14282
|
let current;
|
|
@@ -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);
|
|
@@ -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);
|
|
@@ -14550,11 +14554,11 @@ const BUTTON_ICON_ANGLE = {
|
|
|
14550
14554
|
/* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
|
|
14551
14555
|
|
|
14552
14556
|
function add_css$6(target) {
|
|
14553
|
-
append_styles(target, "svelte-
|
|
14557
|
+
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
14558
|
}
|
|
14555
14559
|
|
|
14556
14560
|
// (103:4) {#if props.isIcon && props.iconVariant}
|
|
14557
|
-
function create_if_block$
|
|
14561
|
+
function create_if_block$3(ctx) {
|
|
14558
14562
|
let div;
|
|
14559
14563
|
let icon;
|
|
14560
14564
|
let current;
|
|
@@ -14582,7 +14586,7 @@ function create_if_block$2(ctx) {
|
|
|
14582
14586
|
this.h();
|
|
14583
14587
|
},
|
|
14584
14588
|
h() {
|
|
14585
|
-
attr(div, "class", "flex-text-button-icon svelte-
|
|
14589
|
+
attr(div, "class", "flex-text-button-icon svelte-2imv7z");
|
|
14586
14590
|
},
|
|
14587
14591
|
m(target, anchor) {
|
|
14588
14592
|
insert_hydration(target, div, anchor);
|
|
@@ -14624,7 +14628,7 @@ function create_fragment$6(ctx) {
|
|
|
14624
14628
|
let current;
|
|
14625
14629
|
let mounted;
|
|
14626
14630
|
let dispose;
|
|
14627
|
-
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$
|
|
14631
|
+
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$3(ctx);
|
|
14628
14632
|
|
|
14629
14633
|
return {
|
|
14630
14634
|
c() {
|
|
@@ -14655,7 +14659,7 @@ function create_fragment$6(ctx) {
|
|
|
14655
14659
|
h() {
|
|
14656
14660
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14657
14661
|
attr(button, "style", /*style*/ ctx[2]);
|
|
14658
|
-
attr(button, "class", "flex-text-button svelte-
|
|
14662
|
+
attr(button, "class", "flex-text-button svelte-2imv7z");
|
|
14659
14663
|
},
|
|
14660
14664
|
m(target, anchor) {
|
|
14661
14665
|
insert_hydration(target, button, anchor);
|
|
@@ -14679,7 +14683,7 @@ function create_fragment$6(ctx) {
|
|
|
14679
14683
|
transition_in(if_block, 1);
|
|
14680
14684
|
}
|
|
14681
14685
|
} else {
|
|
14682
|
-
if_block = create_if_block$
|
|
14686
|
+
if_block = create_if_block$3(ctx);
|
|
14683
14687
|
if_block.c();
|
|
14684
14688
|
transition_in(if_block, 1);
|
|
14685
14689
|
if_block.m(button, t0);
|
|
@@ -14873,22 +14877,86 @@ const TEXT_BUTTON_ICON_ANGLE = {
|
|
|
14873
14877
|
'row-reverse': '右側',
|
|
14874
14878
|
};
|
|
14875
14879
|
|
|
14880
|
+
const CLOSE_BUTTON_PLACEMENT = {
|
|
14881
|
+
topRight: 'topRight',
|
|
14882
|
+
topLeft: 'topLeft',
|
|
14883
|
+
bottomRight: 'bottomRight',
|
|
14884
|
+
bottomLeft: 'bottomLeft',
|
|
14885
|
+
};
|
|
14886
|
+
const CLOSE_BUTTON_ROUND = {
|
|
14887
|
+
default: 'デフォルト',
|
|
14888
|
+
none: 'なし',
|
|
14889
|
+
fulled: '円形',
|
|
14890
|
+
};
|
|
14891
|
+
const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
14892
|
+
right: 'right',
|
|
14893
|
+
left: 'left',
|
|
14894
|
+
};
|
|
14895
|
+
|
|
14876
14896
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
14877
14897
|
|
|
14878
14898
|
function add_css$5(target) {
|
|
14879
|
-
append_styles(target, "svelte-
|
|
14899
|
+
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')}");
|
|
14900
|
+
}
|
|
14901
|
+
|
|
14902
|
+
// (99:4) {#if hasLabel}
|
|
14903
|
+
function create_if_block$2(ctx) {
|
|
14904
|
+
let span;
|
|
14905
|
+
let t;
|
|
14906
|
+
|
|
14907
|
+
return {
|
|
14908
|
+
c() {
|
|
14909
|
+
span = element("span");
|
|
14910
|
+
t = text(/*label*/ ctx[7]);
|
|
14911
|
+
this.h();
|
|
14912
|
+
},
|
|
14913
|
+
l(nodes) {
|
|
14914
|
+
span = claim_element(nodes, "SPAN", { style: true, class: true });
|
|
14915
|
+
var span_nodes = children(span);
|
|
14916
|
+
t = claim_text(span_nodes, /*label*/ ctx[7]);
|
|
14917
|
+
span_nodes.forEach(detach);
|
|
14918
|
+
this.h();
|
|
14919
|
+
},
|
|
14920
|
+
h() {
|
|
14921
|
+
attr(span, "style", /*labelCssVariable*/ ctx[2]);
|
|
14922
|
+
|
|
14923
|
+
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
|
|
14924
|
+
? 'close-button-order-one'
|
|
14925
|
+
: '') + " svelte-1l8m1e9");
|
|
14926
|
+
},
|
|
14927
|
+
m(target, anchor) {
|
|
14928
|
+
insert_hydration(target, span, anchor);
|
|
14929
|
+
append_hydration(span, t);
|
|
14930
|
+
},
|
|
14931
|
+
p(ctx, dirty) {
|
|
14932
|
+
if (dirty & /*labelCssVariable*/ 4) {
|
|
14933
|
+
attr(span, "style", /*labelCssVariable*/ ctx[2]);
|
|
14934
|
+
}
|
|
14935
|
+
},
|
|
14936
|
+
d(detaching) {
|
|
14937
|
+
if (detaching) detach(span);
|
|
14938
|
+
}
|
|
14939
|
+
};
|
|
14880
14940
|
}
|
|
14881
14941
|
|
|
14882
14942
|
function create_fragment$5(ctx) {
|
|
14943
|
+
let div1;
|
|
14944
|
+
let div0;
|
|
14883
14945
|
let button;
|
|
14884
14946
|
let svg;
|
|
14885
14947
|
let path;
|
|
14948
|
+
let button_class_value;
|
|
14949
|
+
let t;
|
|
14886
14950
|
let mounted;
|
|
14887
14951
|
let dispose;
|
|
14888
14952
|
|
|
14889
14953
|
let button_levels = [
|
|
14890
14954
|
{ "data-layer-id": /*layerId*/ ctx[0] },
|
|
14891
|
-
{
|
|
14955
|
+
{
|
|
14956
|
+
class: button_class_value = "close-button " + (/*isLeftLabelPlacement*/ ctx[8]
|
|
14957
|
+
? 'close-button-order-two'
|
|
14958
|
+
: '')
|
|
14959
|
+
},
|
|
14892
14960
|
{ style: /*style*/ ctx[1] },
|
|
14893
14961
|
dataAttrStopPropagation('click')
|
|
14894
14962
|
];
|
|
@@ -14899,15 +14967,26 @@ function create_fragment$5(ctx) {
|
|
|
14899
14967
|
button_data = assign(button_data, button_levels[i]);
|
|
14900
14968
|
}
|
|
14901
14969
|
|
|
14970
|
+
let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
|
|
14971
|
+
|
|
14902
14972
|
return {
|
|
14903
14973
|
c() {
|
|
14974
|
+
div1 = element("div");
|
|
14975
|
+
div0 = element("div");
|
|
14904
14976
|
button = element("button");
|
|
14905
14977
|
svg = svg_element("svg");
|
|
14906
14978
|
path = svg_element("path");
|
|
14979
|
+
t = space();
|
|
14980
|
+
if (if_block) if_block.c();
|
|
14907
14981
|
this.h();
|
|
14908
14982
|
},
|
|
14909
14983
|
l(nodes) {
|
|
14910
|
-
|
|
14984
|
+
div1 = claim_element(nodes, "DIV", { class: true, style: true });
|
|
14985
|
+
var div1_nodes = children(div1);
|
|
14986
|
+
div0 = claim_element(div1_nodes, "DIV", { class: true });
|
|
14987
|
+
var div0_nodes = children(div0);
|
|
14988
|
+
|
|
14989
|
+
button = claim_element(div0_nodes, "BUTTON", {
|
|
14911
14990
|
"data-layer-id": true,
|
|
14912
14991
|
class: true,
|
|
14913
14992
|
style: true
|
|
@@ -14927,6 +15006,10 @@ function create_fragment$5(ctx) {
|
|
|
14927
15006
|
children(path).forEach(detach);
|
|
14928
15007
|
svg_nodes.forEach(detach);
|
|
14929
15008
|
button_nodes.forEach(detach);
|
|
15009
|
+
t = claim_space(div0_nodes);
|
|
15010
|
+
if (if_block) if_block.l(div0_nodes);
|
|
15011
|
+
div0_nodes.forEach(detach);
|
|
15012
|
+
div1_nodes.forEach(detach);
|
|
14930
15013
|
this.h();
|
|
14931
15014
|
},
|
|
14932
15015
|
h() {
|
|
@@ -14935,35 +15018,60 @@ function create_fragment$5(ctx) {
|
|
|
14935
15018
|
set_style(svg, "width", "75%");
|
|
14936
15019
|
set_style(svg, "height", "75%");
|
|
14937
15020
|
attr(svg, "viewBox", "0 0 50 50");
|
|
14938
|
-
attr(svg, "fill",
|
|
15021
|
+
attr(svg, "fill", /*color*/ ctx[6]);
|
|
14939
15022
|
set_attributes(button, button_data);
|
|
14940
|
-
toggle_class(button, "svelte-
|
|
15023
|
+
toggle_class(button, "svelte-1l8m1e9", true);
|
|
15024
|
+
attr(div0, "class", "close-button-row svelte-1l8m1e9");
|
|
15025
|
+
attr(div1, "class", "close svelte-1l8m1e9");
|
|
15026
|
+
attr(div1, "style", /*rootStyle*/ ctx[3]);
|
|
14941
15027
|
},
|
|
14942
15028
|
m(target, anchor) {
|
|
14943
|
-
insert_hydration(target,
|
|
15029
|
+
insert_hydration(target, div1, anchor);
|
|
15030
|
+
append_hydration(div1, div0);
|
|
15031
|
+
append_hydration(div0, button);
|
|
14944
15032
|
append_hydration(button, svg);
|
|
14945
15033
|
append_hydration(svg, path);
|
|
14946
15034
|
if (button.autofocus) button.focus();
|
|
15035
|
+
append_hydration(div0, t);
|
|
15036
|
+
if (if_block) if_block.m(div0, null);
|
|
14947
15037
|
|
|
14948
15038
|
if (!mounted) {
|
|
14949
|
-
dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[
|
|
15039
|
+
dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[5])));
|
|
14950
15040
|
mounted = true;
|
|
14951
15041
|
}
|
|
14952
15042
|
},
|
|
14953
15043
|
p(ctx, [dirty]) {
|
|
14954
15044
|
set_attributes(button, button_data = get_spread_update(button_levels, [
|
|
14955
15045
|
dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
|
|
14956
|
-
{ class:
|
|
15046
|
+
{ class: button_class_value },
|
|
14957
15047
|
dirty & /*style*/ 2 && { style: /*style*/ ctx[1] },
|
|
14958
15048
|
dataAttrStopPropagation('click')
|
|
14959
15049
|
]));
|
|
14960
15050
|
|
|
14961
|
-
toggle_class(button, "svelte-
|
|
15051
|
+
toggle_class(button, "svelte-1l8m1e9", true);
|
|
15052
|
+
|
|
15053
|
+
if (/*hasLabel*/ ctx[4]) {
|
|
15054
|
+
if (if_block) {
|
|
15055
|
+
if_block.p(ctx, dirty);
|
|
15056
|
+
} else {
|
|
15057
|
+
if_block = create_if_block$2(ctx);
|
|
15058
|
+
if_block.c();
|
|
15059
|
+
if_block.m(div0, null);
|
|
15060
|
+
}
|
|
15061
|
+
} else if (if_block) {
|
|
15062
|
+
if_block.d(1);
|
|
15063
|
+
if_block = null;
|
|
15064
|
+
}
|
|
15065
|
+
|
|
15066
|
+
if (dirty & /*rootStyle*/ 8) {
|
|
15067
|
+
attr(div1, "style", /*rootStyle*/ ctx[3]);
|
|
15068
|
+
}
|
|
14962
15069
|
},
|
|
14963
15070
|
i: noop,
|
|
14964
15071
|
o: noop,
|
|
14965
15072
|
d(detaching) {
|
|
14966
|
-
if (detaching) detach(
|
|
15073
|
+
if (detaching) detach(div1);
|
|
15074
|
+
if (if_block) if_block.d();
|
|
14967
15075
|
mounted = false;
|
|
14968
15076
|
dispose();
|
|
14969
15077
|
}
|
|
@@ -14971,14 +15079,34 @@ function create_fragment$5(ctx) {
|
|
|
14971
15079
|
}
|
|
14972
15080
|
|
|
14973
15081
|
function instance$5($$self, $$props, $$invalidate) {
|
|
15082
|
+
let hasLabel;
|
|
15083
|
+
let rootStyle;
|
|
15084
|
+
let labelCssVariable;
|
|
14974
15085
|
let style;
|
|
14975
|
-
let
|
|
15086
|
+
let $maximumZindex;
|
|
15087
|
+
component_subscribe($$self, maximumZindex, $$value => $$invalidate(12, $maximumZindex = $$value));
|
|
14976
15088
|
let { props = {} } = $$props;
|
|
14977
15089
|
let { layerId = '' } = $$props;
|
|
14978
15090
|
let { eventName = '' } = $$props;
|
|
14979
15091
|
let { eventValue = undefined } = $$props;
|
|
14980
15092
|
|
|
15093
|
+
const VARIANTS = {
|
|
15094
|
+
placement: {
|
|
15095
|
+
topRight: { top: '8px', right: '8px' },
|
|
15096
|
+
topLeft: { top: '8px', left: '8px' },
|
|
15097
|
+
bottomRight: { bottom: '8px', right: '8px' },
|
|
15098
|
+
bottomLeft: { bottom: '8px', left: '8px' }
|
|
15099
|
+
},
|
|
15100
|
+
round: {
|
|
15101
|
+
none: { borderRadius: 0 },
|
|
15102
|
+
default: {},
|
|
15103
|
+
fulled: { borderRadius: '56px' }
|
|
15104
|
+
}
|
|
15105
|
+
};
|
|
15106
|
+
|
|
14981
15107
|
function handleClick() {
|
|
15108
|
+
const onClick = { operation: 'closeApp', args: ['button'] };
|
|
15109
|
+
|
|
14982
15110
|
if (eventName) {
|
|
14983
15111
|
send_event(eventName, eventValue);
|
|
14984
15112
|
}
|
|
@@ -14987,27 +15115,64 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14987
15115
|
}
|
|
14988
15116
|
|
|
14989
15117
|
const size = props.size ?? 24;
|
|
15118
|
+
const color = props.color ?? '#666';
|
|
15119
|
+
const label = props.label;
|
|
15120
|
+
const isLeftLabelPlacement = props.labelPlacement === 'left';
|
|
15121
|
+
|
|
15122
|
+
const getCssPlacement = () => {
|
|
15123
|
+
return {
|
|
15124
|
+
top: props.top ?? VARIANTS.placement[props.placement ?? 'topRight'].top,
|
|
15125
|
+
right: props.right ?? VARIANTS.placement[props.placement ?? 'topRight'].right,
|
|
15126
|
+
left: props.left ?? VARIANTS.placement[props.placement ?? 'topRight'].left,
|
|
15127
|
+
bottom: props.bottom ?? VARIANTS.placement[props.placement ?? 'topRight'].bottom
|
|
15128
|
+
};
|
|
15129
|
+
};
|
|
14990
15130
|
|
|
14991
15131
|
$$self.$$set = $$props => {
|
|
14992
|
-
if ('
|
|
14993
|
-
if ('props' in $$props) $$invalidate(4, props = $$props.props);
|
|
15132
|
+
if ('props' in $$props) $$invalidate(9, props = $$props.props);
|
|
14994
15133
|
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14995
|
-
if ('eventName' in $$props) $$invalidate(
|
|
14996
|
-
if ('eventValue' in $$props) $$invalidate(
|
|
15134
|
+
if ('eventName' in $$props) $$invalidate(10, eventName = $$props.eventName);
|
|
15135
|
+
if ('eventValue' in $$props) $$invalidate(11, eventValue = $$props.eventValue);
|
|
14997
15136
|
};
|
|
14998
15137
|
|
|
14999
15138
|
$$self.$$.update = () => {
|
|
15000
|
-
if ($$self.$$.dirty &
|
|
15139
|
+
if ($$self.$$.dirty & /*$maximumZindex*/ 4096) {
|
|
15140
|
+
$$invalidate(3, rootStyle = objToStyle({
|
|
15141
|
+
...getCssPlacement(),
|
|
15142
|
+
zIndex: $maximumZindex + 1
|
|
15143
|
+
}));
|
|
15144
|
+
}
|
|
15145
|
+
|
|
15146
|
+
if ($$self.$$.dirty & /*props*/ 512) {
|
|
15001
15147
|
$$invalidate(1, style = objToStyle({
|
|
15002
15148
|
width: `${size}px`,
|
|
15003
15149
|
height: `${size}px`,
|
|
15004
15150
|
...props.bordered && { border: '1px solid #666' },
|
|
15151
|
+
backgroundColor: props.backgroundColor ?? 'transparent',
|
|
15152
|
+
...VARIANTS.round[props.round ?? 'default'],
|
|
15005
15153
|
...toCssCommon(props)
|
|
15006
15154
|
}));
|
|
15007
15155
|
}
|
|
15008
15156
|
};
|
|
15009
15157
|
|
|
15010
|
-
|
|
15158
|
+
$$invalidate(4, hasLabel = label !== undefined && label !== '');
|
|
15159
|
+
$$invalidate(2, labelCssVariable = '--close-button-label-color: {props.labelColor}');
|
|
15160
|
+
|
|
15161
|
+
return [
|
|
15162
|
+
layerId,
|
|
15163
|
+
style,
|
|
15164
|
+
labelCssVariable,
|
|
15165
|
+
rootStyle,
|
|
15166
|
+
hasLabel,
|
|
15167
|
+
handleClick,
|
|
15168
|
+
color,
|
|
15169
|
+
label,
|
|
15170
|
+
isLeftLabelPlacement,
|
|
15171
|
+
props,
|
|
15172
|
+
eventName,
|
|
15173
|
+
eventValue,
|
|
15174
|
+
$maximumZindex
|
|
15175
|
+
];
|
|
15011
15176
|
}
|
|
15012
15177
|
|
|
15013
15178
|
class CloseButton extends SvelteComponent {
|
|
@@ -15021,11 +15186,10 @@ class CloseButton extends SvelteComponent {
|
|
|
15021
15186
|
create_fragment$5,
|
|
15022
15187
|
safe_not_equal,
|
|
15023
15188
|
{
|
|
15024
|
-
|
|
15025
|
-
props: 4,
|
|
15189
|
+
props: 9,
|
|
15026
15190
|
layerId: 0,
|
|
15027
|
-
eventName:
|
|
15028
|
-
eventValue:
|
|
15191
|
+
eventName: 10,
|
|
15192
|
+
eventValue: 11
|
|
15029
15193
|
},
|
|
15030
15194
|
add_css$5
|
|
15031
15195
|
);
|
|
@@ -15035,7 +15199,7 @@ class CloseButton extends SvelteComponent {
|
|
|
15035
15199
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
|
15036
15200
|
|
|
15037
15201
|
function add_css$4(target) {
|
|
15038
|
-
append_styles(target, "svelte-
|
|
15202
|
+
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
15203
|
}
|
|
15040
15204
|
|
|
15041
15205
|
function create_fragment$4(ctx) {
|
|
@@ -15070,11 +15234,11 @@ function create_fragment$4(ctx) {
|
|
|
15070
15234
|
h() {
|
|
15071
15235
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
15072
15236
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
15073
|
-
attr(img, "class", "image-img svelte-
|
|
15237
|
+
attr(img, "class", "image-img svelte-52a988");
|
|
15074
15238
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
|
15075
|
-
attr(object, "class", "image-object svelte-
|
|
15239
|
+
attr(object, "class", "image-object svelte-52a988");
|
|
15076
15240
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
15077
|
-
attr(div, "class", "image svelte-
|
|
15241
|
+
attr(div, "class", "image svelte-52a988");
|
|
15078
15242
|
attr(div, "style", /*style*/ ctx[3]);
|
|
15079
15243
|
},
|
|
15080
15244
|
m(target, anchor) {
|
|
@@ -15148,7 +15312,7 @@ class Image extends SvelteComponent {
|
|
|
15148
15312
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
15149
15313
|
|
|
15150
15314
|
function add_css$3(target) {
|
|
15151
|
-
append_styles(target, "svelte-
|
|
15315
|
+
append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
|
|
15152
15316
|
}
|
|
15153
15317
|
|
|
15154
15318
|
function create_fragment$3(ctx) {
|
|
@@ -15177,7 +15341,7 @@ function create_fragment$3(ctx) {
|
|
|
15177
15341
|
},
|
|
15178
15342
|
h() {
|
|
15179
15343
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15180
|
-
attr(div, "class", "layout svelte-
|
|
15344
|
+
attr(div, "class", "layout svelte-1g6q4hu");
|
|
15181
15345
|
attr(div, "style", /*style*/ ctx[1]);
|
|
15182
15346
|
},
|
|
15183
15347
|
m(target, anchor) {
|
|
@@ -15330,7 +15494,7 @@ const TEXT_VARIANTS = {
|
|
|
15330
15494
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
|
15331
15495
|
|
|
15332
15496
|
function add_css$2(target) {
|
|
15333
|
-
append_styles(target, "svelte-
|
|
15497
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
|
15334
15498
|
}
|
|
15335
15499
|
|
|
15336
15500
|
function create_fragment$2(ctx) {
|
|
@@ -15354,7 +15518,7 @@ function create_fragment$2(ctx) {
|
|
|
15354
15518
|
},
|
|
15355
15519
|
h() {
|
|
15356
15520
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15357
|
-
attr(p, "class", "text svelte-
|
|
15521
|
+
attr(p, "class", "text svelte-1vl0c87");
|
|
15358
15522
|
attr(p, "style", /*style*/ ctx[1]);
|
|
15359
15523
|
},
|
|
15360
15524
|
m(target, anchor) {
|
|
@@ -15448,7 +15612,7 @@ const LAYER_TEXT_SIZE = {
|
|
|
15448
15612
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
15449
15613
|
|
|
15450
15614
|
function add_css$1(target) {
|
|
15451
|
-
append_styles(target, "svelte-
|
|
15615
|
+
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
15616
|
}
|
|
15453
15617
|
|
|
15454
15618
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -15469,7 +15633,7 @@ function create_if_block$1(ctx) {
|
|
|
15469
15633
|
this.h();
|
|
15470
15634
|
},
|
|
15471
15635
|
h() {
|
|
15472
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
15636
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
|
15473
15637
|
},
|
|
15474
15638
|
m(target, anchor) {
|
|
15475
15639
|
insert_hydration(target, div, anchor);
|
|
@@ -15480,7 +15644,7 @@ function create_if_block$1(ctx) {
|
|
|
15480
15644
|
}
|
|
15481
15645
|
},
|
|
15482
15646
|
p(ctx, dirty) {
|
|
15483
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
15647
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
|
15484
15648
|
attr(div, "class", div_class_value);
|
|
15485
15649
|
}
|
|
15486
15650
|
},
|
|
@@ -15556,22 +15720,22 @@ class BackgroundOverlay extends SvelteComponent {
|
|
|
15556
15720
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
|
15557
15721
|
|
|
15558
15722
|
function add_css(target) {
|
|
15559
|
-
append_styles(target, "svelte-
|
|
15723
|
+
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
15724
|
}
|
|
15561
15725
|
|
|
15562
|
-
// (
|
|
15726
|
+
// (253:0) {:else}
|
|
15563
15727
|
function create_else_block(ctx) {
|
|
15564
15728
|
let backgroundoverlay;
|
|
15565
15729
|
let current;
|
|
15566
15730
|
|
|
15567
15731
|
backgroundoverlay = new BackgroundOverlay({
|
|
15568
15732
|
props: {
|
|
15569
|
-
backgroundOverlay: /*backgroundOverlay*/ ctx[
|
|
15733
|
+
backgroundOverlay: /*backgroundOverlay*/ ctx[3]
|
|
15570
15734
|
}
|
|
15571
15735
|
});
|
|
15572
15736
|
|
|
15573
15737
|
backgroundoverlay.$on("click", function () {
|
|
15574
|
-
if (is_function(/*backgroundClick*/ ctx[
|
|
15738
|
+
if (is_function(/*backgroundClick*/ ctx[11])) /*backgroundClick*/ ctx[11].apply(this, arguments);
|
|
15575
15739
|
});
|
|
15576
15740
|
|
|
15577
15741
|
return {
|
|
@@ -15588,7 +15752,7 @@ function create_else_block(ctx) {
|
|
|
15588
15752
|
p(new_ctx, dirty) {
|
|
15589
15753
|
ctx = new_ctx;
|
|
15590
15754
|
const backgroundoverlay_changes = {};
|
|
15591
|
-
if (dirty
|
|
15755
|
+
if (dirty & /*backgroundOverlay*/ 8) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[3];
|
|
15592
15756
|
backgroundoverlay.$set(backgroundoverlay_changes);
|
|
15593
15757
|
},
|
|
15594
15758
|
i(local) {
|
|
@@ -15606,8 +15770,8 @@ function create_else_block(ctx) {
|
|
|
15606
15770
|
};
|
|
15607
15771
|
}
|
|
15608
15772
|
|
|
15609
|
-
// (
|
|
15610
|
-
function
|
|
15773
|
+
// (242:24)
|
|
15774
|
+
function create_if_block_2(ctx) {
|
|
15611
15775
|
let backgroundoverlay0;
|
|
15612
15776
|
let t;
|
|
15613
15777
|
let backgroundoverlay1;
|
|
@@ -15616,23 +15780,23 @@ function create_if_block_3(ctx) {
|
|
|
15616
15780
|
backgroundoverlay0 = new BackgroundOverlay({
|
|
15617
15781
|
props: {
|
|
15618
15782
|
class: "background-bp-pc",
|
|
15619
|
-
backgroundOverlay: /*backgroundOverlayPC*/ ctx[
|
|
15783
|
+
backgroundOverlay: /*backgroundOverlayPC*/ ctx[4]
|
|
15620
15784
|
}
|
|
15621
15785
|
});
|
|
15622
15786
|
|
|
15623
15787
|
backgroundoverlay0.$on("click", function () {
|
|
15624
|
-
if (is_function(/*backgroundClickPC*/ ctx[
|
|
15788
|
+
if (is_function(/*backgroundClickPC*/ ctx[10])) /*backgroundClickPC*/ ctx[10].apply(this, arguments);
|
|
15625
15789
|
});
|
|
15626
15790
|
|
|
15627
15791
|
backgroundoverlay1 = new BackgroundOverlay({
|
|
15628
15792
|
props: {
|
|
15629
15793
|
class: "background-bp-sp ",
|
|
15630
|
-
backgroundOverlay: /*backgroundOverlaySP*/ ctx[
|
|
15794
|
+
backgroundOverlay: /*backgroundOverlaySP*/ ctx[5]
|
|
15631
15795
|
}
|
|
15632
15796
|
});
|
|
15633
15797
|
|
|
15634
15798
|
backgroundoverlay1.$on("click", function () {
|
|
15635
|
-
if (is_function(/*backgroundClickSP*/ ctx[
|
|
15799
|
+
if (is_function(/*backgroundClickSP*/ ctx[9])) /*backgroundClickSP*/ ctx[9].apply(this, arguments);
|
|
15636
15800
|
});
|
|
15637
15801
|
|
|
15638
15802
|
return {
|
|
@@ -15655,10 +15819,10 @@ function create_if_block_3(ctx) {
|
|
|
15655
15819
|
p(new_ctx, dirty) {
|
|
15656
15820
|
ctx = new_ctx;
|
|
15657
15821
|
const backgroundoverlay0_changes = {};
|
|
15658
|
-
if (dirty
|
|
15822
|
+
if (dirty & /*backgroundOverlayPC*/ 16) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[4];
|
|
15659
15823
|
backgroundoverlay0.$set(backgroundoverlay0_changes);
|
|
15660
15824
|
const backgroundoverlay1_changes = {};
|
|
15661
|
-
if (dirty
|
|
15825
|
+
if (dirty & /*backgroundOverlaySP*/ 32) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[5];
|
|
15662
15826
|
backgroundoverlay1.$set(backgroundoverlay1_changes);
|
|
15663
15827
|
},
|
|
15664
15828
|
i(local) {
|
|
@@ -15680,8 +15844,8 @@ function create_if_block_3(ctx) {
|
|
|
15680
15844
|
};
|
|
15681
15845
|
}
|
|
15682
15846
|
|
|
15683
|
-
// (
|
|
15684
|
-
function
|
|
15847
|
+
// (240:0) {#if isPreview()}
|
|
15848
|
+
function create_if_block_1(ctx) {
|
|
15685
15849
|
return {
|
|
15686
15850
|
c: noop,
|
|
15687
15851
|
l: noop,
|
|
@@ -15693,22 +15857,18 @@ function create_if_block_2(ctx) {
|
|
|
15693
15857
|
};
|
|
15694
15858
|
}
|
|
15695
15859
|
|
|
15696
|
-
// (
|
|
15860
|
+
// (256:0) {#if visible}
|
|
15697
15861
|
function create_if_block(ctx) {
|
|
15698
15862
|
let div;
|
|
15699
|
-
let t;
|
|
15700
15863
|
let div_class_value;
|
|
15701
15864
|
let div_intro;
|
|
15702
15865
|
let current;
|
|
15703
|
-
|
|
15704
|
-
const
|
|
15705
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
|
|
15866
|
+
const default_slot_template = /*#slots*/ ctx[26].default;
|
|
15867
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
|
|
15706
15868
|
|
|
15707
15869
|
return {
|
|
15708
15870
|
c() {
|
|
15709
15871
|
div = element("div");
|
|
15710
|
-
if (if_block) if_block.c();
|
|
15711
|
-
t = space();
|
|
15712
15872
|
if (default_slot) default_slot.c();
|
|
15713
15873
|
this.h();
|
|
15714
15874
|
},
|
|
@@ -15721,84 +15881,56 @@ function create_if_block(ctx) {
|
|
|
15721
15881
|
});
|
|
15722
15882
|
|
|
15723
15883
|
var div_nodes = children(div);
|
|
15724
|
-
if (if_block) if_block.l(div_nodes);
|
|
15725
|
-
t = claim_space(div_nodes);
|
|
15726
15884
|
if (default_slot) default_slot.l(div_nodes);
|
|
15727
15885
|
div_nodes.forEach(detach);
|
|
15728
15886
|
this.h();
|
|
15729
15887
|
},
|
|
15730
15888
|
h() {
|
|
15731
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
15889
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"));
|
|
15732
15890
|
attr(div, "role", "dialog");
|
|
15733
15891
|
attr(div, "aria-modal", "true");
|
|
15734
|
-
attr(div, "style", Array.from(/*modalStyles*/ ctx[
|
|
15892
|
+
attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
|
|
15735
15893
|
},
|
|
15736
15894
|
m(target, anchor) {
|
|
15737
15895
|
insert_hydration(target, div, anchor);
|
|
15738
|
-
if (if_block) if_block.m(div, null);
|
|
15739
|
-
append_hydration(div, t);
|
|
15740
15896
|
|
|
15741
15897
|
if (default_slot) {
|
|
15742
15898
|
default_slot.m(div, null);
|
|
15743
15899
|
}
|
|
15744
15900
|
|
|
15745
|
-
/*div_binding*/ ctx[
|
|
15901
|
+
/*div_binding*/ ctx[27](div);
|
|
15746
15902
|
current = true;
|
|
15747
15903
|
},
|
|
15748
15904
|
p(new_ctx, dirty) {
|
|
15749
15905
|
ctx = new_ctx;
|
|
15750
15906
|
|
|
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
15907
|
if (default_slot) {
|
|
15775
|
-
if (default_slot.p && (!current || dirty
|
|
15908
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
|
|
15776
15909
|
update_slot_base(
|
|
15777
15910
|
default_slot,
|
|
15778
15911
|
default_slot_template,
|
|
15779
15912
|
ctx,
|
|
15780
|
-
/*$$scope*/ ctx[
|
|
15913
|
+
/*$$scope*/ ctx[25],
|
|
15781
15914
|
!current
|
|
15782
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
15783
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
15915
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
|
|
15916
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
|
|
15784
15917
|
null
|
|
15785
15918
|
);
|
|
15786
15919
|
}
|
|
15787
15920
|
}
|
|
15788
15921
|
|
|
15789
|
-
if (!current || dirty
|
|
15922
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"))) {
|
|
15790
15923
|
attr(div, "class", div_class_value);
|
|
15791
15924
|
}
|
|
15792
15925
|
},
|
|
15793
15926
|
i(local) {
|
|
15794
15927
|
if (current) return;
|
|
15795
|
-
transition_in(if_block);
|
|
15796
15928
|
transition_in(default_slot, local);
|
|
15797
15929
|
|
|
15798
15930
|
if (!div_intro) {
|
|
15799
15931
|
add_render_callback(() => {
|
|
15800
15932
|
div_intro = create_in_transition(div, customAnimation, {
|
|
15801
|
-
transforms: /*transforms*/ ctx[
|
|
15933
|
+
transforms: /*transforms*/ ctx[2],
|
|
15802
15934
|
animationStyle: /*animation*/ ctx[1]
|
|
15803
15935
|
});
|
|
15804
15936
|
|
|
@@ -15809,80 +15941,13 @@ function create_if_block(ctx) {
|
|
|
15809
15941
|
current = true;
|
|
15810
15942
|
},
|
|
15811
15943
|
o(local) {
|
|
15812
|
-
transition_out(if_block);
|
|
15813
15944
|
transition_out(default_slot, local);
|
|
15814
15945
|
current = false;
|
|
15815
15946
|
},
|
|
15816
15947
|
d(detaching) {
|
|
15817
15948
|
if (detaching) detach(div);
|
|
15818
|
-
if (if_block) if_block.d();
|
|
15819
15949
|
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);
|
|
15950
|
+
/*div_binding*/ ctx[27](null);
|
|
15886
15951
|
}
|
|
15887
15952
|
};
|
|
15888
15953
|
}
|
|
@@ -15896,7 +15961,7 @@ function create_fragment(ctx) {
|
|
|
15896
15961
|
let current;
|
|
15897
15962
|
let mounted;
|
|
15898
15963
|
let dispose;
|
|
15899
|
-
const if_block_creators = [
|
|
15964
|
+
const if_block_creators = [create_if_block_1, create_if_block_2, create_else_block];
|
|
15900
15965
|
const if_blocks = [];
|
|
15901
15966
|
|
|
15902
15967
|
function select_block_type(ctx, dirty) {
|
|
@@ -15908,7 +15973,7 @@ function create_fragment(ctx) {
|
|
|
15908
15973
|
|
|
15909
15974
|
current_block_type_index = select_block_type(ctx);
|
|
15910
15975
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
|
15911
|
-
let if_block1 = /*visible*/ ctx[
|
|
15976
|
+
let if_block1 = /*visible*/ ctx[7] && create_if_block(ctx);
|
|
15912
15977
|
|
|
15913
15978
|
return {
|
|
15914
15979
|
c() {
|
|
@@ -15932,13 +15997,13 @@ function create_fragment(ctx) {
|
|
|
15932
15997
|
|
|
15933
15998
|
if (!mounted) {
|
|
15934
15999
|
dispose = listen(window, "keydown", function () {
|
|
15935
|
-
if (is_function(/*handle_keydown*/ ctx[
|
|
16000
|
+
if (is_function(/*handle_keydown*/ ctx[8])) /*handle_keydown*/ ctx[8].apply(this, arguments);
|
|
15936
16001
|
});
|
|
15937
16002
|
|
|
15938
16003
|
mounted = true;
|
|
15939
16004
|
}
|
|
15940
16005
|
},
|
|
15941
|
-
p(new_ctx, dirty) {
|
|
16006
|
+
p(new_ctx, [dirty]) {
|
|
15942
16007
|
ctx = new_ctx;
|
|
15943
16008
|
let previous_block_index = current_block_type_index;
|
|
15944
16009
|
current_block_type_index = select_block_type(ctx);
|
|
@@ -15966,11 +16031,11 @@ function create_fragment(ctx) {
|
|
|
15966
16031
|
if_block0.m(t.parentNode, t);
|
|
15967
16032
|
}
|
|
15968
16033
|
|
|
15969
|
-
if (/*visible*/ ctx[
|
|
16034
|
+
if (/*visible*/ ctx[7]) {
|
|
15970
16035
|
if (if_block1) {
|
|
15971
16036
|
if_block1.p(ctx, dirty);
|
|
15972
16037
|
|
|
15973
|
-
if (dirty
|
|
16038
|
+
if (dirty & /*visible*/ 128) {
|
|
15974
16039
|
transition_in(if_block1, 1);
|
|
15975
16040
|
}
|
|
15976
16041
|
} else {
|
|
@@ -16013,14 +16078,11 @@ function create_fragment(ctx) {
|
|
|
16013
16078
|
|
|
16014
16079
|
function instance($$self, $$props, $$invalidate) {
|
|
16015
16080
|
let close;
|
|
16016
|
-
let closable;
|
|
16017
16081
|
let backgroundClick;
|
|
16018
16082
|
let backgroundClickPC;
|
|
16019
16083
|
let backgroundClickSP;
|
|
16020
16084
|
let handle_keydown;
|
|
16021
16085
|
let visible;
|
|
16022
|
-
let $maximumZindex;
|
|
16023
|
-
component_subscribe($$self, maximumZindex, $$value => $$invalidate(17, $maximumZindex = $$value));
|
|
16024
16086
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
16025
16087
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
16026
16088
|
let { clickEventName = '' } = $$props;
|
|
@@ -16030,10 +16092,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16030
16092
|
let { breakPoint } = $$props;
|
|
16031
16093
|
let { elasticity } = $$props;
|
|
16032
16094
|
let { animation = 'none' } = $$props;
|
|
16033
|
-
let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
|
|
16034
16095
|
let { closeEventName = '' } = $$props;
|
|
16035
16096
|
let { closeEventValue = null } = $$props;
|
|
16036
|
-
let { closeButtonProps = {} } = $$props;
|
|
16037
16097
|
|
|
16038
16098
|
// モーダル背景の設定
|
|
16039
16099
|
let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
|
|
@@ -16051,7 +16111,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16051
16111
|
let modal;
|
|
16052
16112
|
|
|
16053
16113
|
onMount$1(() => {
|
|
16054
|
-
$$invalidate(
|
|
16114
|
+
$$invalidate(7, visible = true);
|
|
16055
16115
|
});
|
|
16056
16116
|
|
|
16057
16117
|
onDestroy$1(() => setPreviousFocus());
|
|
@@ -16059,29 +16119,29 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16059
16119
|
function div_binding($$value) {
|
|
16060
16120
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
16061
16121
|
modal = $$value;
|
|
16062
|
-
$$invalidate(
|
|
16122
|
+
$$invalidate(6, modal);
|
|
16063
16123
|
});
|
|
16064
16124
|
}
|
|
16065
16125
|
|
|
16066
16126
|
$$self.$$set = $$props => {
|
|
16067
|
-
if ('onClick' in $$props) $$invalidate(
|
|
16068
|
-
if ('clickEventName' in $$props) $$invalidate(
|
|
16069
|
-
if ('clickEventValue' in $$props) $$invalidate(
|
|
16127
|
+
if ('onClick' in $$props) $$invalidate(13, onClick = $$props.onClick);
|
|
16128
|
+
if ('clickEventName' in $$props) $$invalidate(14, clickEventName = $$props.clickEventName);
|
|
16129
|
+
if ('clickEventValue' in $$props) $$invalidate(15, clickEventValue = $$props.clickEventValue);
|
|
16070
16130
|
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(
|
|
16131
|
+
if ('placement' in $$props) $$invalidate(16, placement = $$props.placement);
|
|
16132
|
+
if ('breakPoint' in $$props) $$invalidate(17, breakPoint = $$props.breakPoint);
|
|
16133
|
+
if ('elasticity' in $$props) $$invalidate(18, elasticity = $$props.elasticity);
|
|
16074
16134
|
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);
|
|
16135
|
+
if ('closeEventName' in $$props) $$invalidate(19, closeEventName = $$props.closeEventName);
|
|
16136
|
+
if ('closeEventValue' in $$props) $$invalidate(20, closeEventValue = $$props.closeEventValue);
|
|
16137
|
+
if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
|
|
16080
16138
|
};
|
|
16081
16139
|
|
|
16082
16140
|
$$self.$$.update = () => {
|
|
16083
|
-
if ($$self.$$.dirty
|
|
16084
|
-
$$invalidate(
|
|
16141
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 1572864) {
|
|
16142
|
+
$$invalidate(24, close = () => {
|
|
16143
|
+
const onClose = { operation: 'closeApp', args: ['button'] };
|
|
16144
|
+
|
|
16085
16145
|
if (closeEventName) {
|
|
16086
16146
|
send_event(closeEventName, closeEventValue);
|
|
16087
16147
|
}
|
|
@@ -16090,46 +16150,42 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16090
16150
|
});
|
|
16091
16151
|
}
|
|
16092
16152
|
|
|
16093
|
-
if ($$self.$$.dirty
|
|
16094
|
-
$$invalidate(16, closable = haveFunction(onClose));
|
|
16095
|
-
}
|
|
16096
|
-
|
|
16097
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
|
|
16153
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
|
16098
16154
|
{
|
|
16099
16155
|
|
|
16100
16156
|
if (useBreakPoint) {
|
|
16101
16157
|
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
|
16102
|
-
$$invalidate(
|
|
16158
|
+
$$invalidate(4, backgroundOverlayPC = pc ?? false);
|
|
16103
16159
|
const sp = breakPoint?.SP?.placement?.backgroundOverlay;
|
|
16104
|
-
$$invalidate(
|
|
16160
|
+
$$invalidate(5, backgroundOverlaySP = sp ?? false);
|
|
16105
16161
|
}
|
|
16106
16162
|
}
|
|
16107
16163
|
}
|
|
16108
16164
|
|
|
16109
|
-
if ($$self.$$.dirty
|
|
16165
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
|
16110
16166
|
{
|
|
16111
16167
|
if (placement && placement.backgroundClick) {
|
|
16112
|
-
$$invalidate(
|
|
16168
|
+
$$invalidate(21, backgroundClickFunction = placement.backgroundClick);
|
|
16113
16169
|
}
|
|
16114
16170
|
|
|
16115
16171
|
if (useBreakPoint) {
|
|
16116
16172
|
const pc = breakPoint?.PC?.placement?.backgroundClick;
|
|
16117
16173
|
|
|
16118
16174
|
if (pc) {
|
|
16119
|
-
$$invalidate(
|
|
16175
|
+
$$invalidate(22, backgroundClickFunctionPC = pc);
|
|
16120
16176
|
}
|
|
16121
16177
|
|
|
16122
16178
|
const sp = breakPoint?.SP?.placement?.backgroundClick;
|
|
16123
16179
|
|
|
16124
16180
|
if (sp) {
|
|
16125
|
-
$$invalidate(
|
|
16181
|
+
$$invalidate(23, backgroundClickFunctionSP = sp);
|
|
16126
16182
|
}
|
|
16127
16183
|
}
|
|
16128
16184
|
}
|
|
16129
16185
|
}
|
|
16130
16186
|
|
|
16131
|
-
if ($$self.$$.dirty
|
|
16132
|
-
$$invalidate(
|
|
16187
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 3670016) {
|
|
16188
|
+
$$invalidate(11, backgroundClick = () => {
|
|
16133
16189
|
if (closeEventName) {
|
|
16134
16190
|
send_event(closeEventName, closeEventValue);
|
|
16135
16191
|
}
|
|
@@ -16138,8 +16194,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16138
16194
|
});
|
|
16139
16195
|
}
|
|
16140
16196
|
|
|
16141
|
-
if ($$self.$$.dirty
|
|
16142
|
-
$$invalidate(
|
|
16197
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 5767168) {
|
|
16198
|
+
$$invalidate(10, backgroundClickPC = () => {
|
|
16143
16199
|
if (closeEventName) {
|
|
16144
16200
|
send_event(closeEventName, closeEventValue);
|
|
16145
16201
|
}
|
|
@@ -16148,8 +16204,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16148
16204
|
});
|
|
16149
16205
|
}
|
|
16150
16206
|
|
|
16151
|
-
if ($$self.$$.dirty
|
|
16152
|
-
$$invalidate(
|
|
16207
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 9961472) {
|
|
16208
|
+
$$invalidate(9, backgroundClickSP = () => {
|
|
16153
16209
|
if (closeEventName) {
|
|
16154
16210
|
send_event(closeEventName, closeEventValue);
|
|
16155
16211
|
}
|
|
@@ -16158,7 +16214,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16158
16214
|
});
|
|
16159
16215
|
}
|
|
16160
16216
|
|
|
16161
|
-
if ($$self.$$.dirty
|
|
16217
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 196613) {
|
|
16162
16218
|
// 表示位置のスタイルとアニメーションの動きを設定
|
|
16163
16219
|
{
|
|
16164
16220
|
// 表示位置のスタイルの設定
|
|
@@ -16170,7 +16226,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16170
16226
|
modalStyles.add(positionStyle);
|
|
16171
16227
|
}
|
|
16172
16228
|
|
|
16173
|
-
$$invalidate(
|
|
16229
|
+
$$invalidate(2, transforms = []);
|
|
16174
16230
|
|
|
16175
16231
|
DEVICE_IDS.forEach(deviceId => {
|
|
16176
16232
|
|
|
@@ -16188,7 +16244,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16188
16244
|
}
|
|
16189
16245
|
}
|
|
16190
16246
|
|
|
16191
|
-
if ($$self.$$.dirty
|
|
16247
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
|
16192
16248
|
// 表示位置の調整のスタイルを設定
|
|
16193
16249
|
{
|
|
16194
16250
|
let margin = DefaultModalPlacement.margin;
|
|
@@ -16212,7 +16268,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16212
16268
|
}
|
|
16213
16269
|
}
|
|
16214
16270
|
|
|
16215
|
-
if ($$self.$$.dirty
|
|
16271
|
+
if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 393217) {
|
|
16216
16272
|
// 拡大方法のスタイルを設定
|
|
16217
16273
|
{
|
|
16218
16274
|
let elasticStyle = ElasticityStyle['none' ];
|
|
@@ -16234,23 +16290,19 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16234
16290
|
}
|
|
16235
16291
|
}
|
|
16236
16292
|
|
|
16237
|
-
if ($$self.$$.dirty
|
|
16238
|
-
$$invalidate(
|
|
16293
|
+
if ($$self.$$.dirty & /*close*/ 16777216) {
|
|
16294
|
+
$$invalidate(8, handle_keydown = handleKeydown({ Escape: close }));
|
|
16239
16295
|
}
|
|
16240
16296
|
};
|
|
16241
16297
|
|
|
16242
|
-
$$invalidate(
|
|
16298
|
+
$$invalidate(6, modal = null);
|
|
16243
16299
|
|
|
16244
16300
|
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
|
16245
|
-
$$invalidate(
|
|
16301
|
+
$$invalidate(7, visible = false);
|
|
16246
16302
|
|
|
16247
16303
|
return [
|
|
16248
16304
|
useBreakPoint,
|
|
16249
16305
|
animation,
|
|
16250
|
-
onClose,
|
|
16251
|
-
closeEventName,
|
|
16252
|
-
closeEventValue,
|
|
16253
|
-
closeButtonProps,
|
|
16254
16306
|
transforms,
|
|
16255
16307
|
backgroundOverlay,
|
|
16256
16308
|
backgroundOverlayPC,
|
|
@@ -16261,8 +16313,6 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16261
16313
|
backgroundClickSP,
|
|
16262
16314
|
backgroundClickPC,
|
|
16263
16315
|
backgroundClick,
|
|
16264
|
-
closable,
|
|
16265
|
-
$maximumZindex,
|
|
16266
16316
|
modalStyles,
|
|
16267
16317
|
onClick,
|
|
16268
16318
|
clickEventName,
|
|
@@ -16270,6 +16320,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
|
16270
16320
|
placement,
|
|
16271
16321
|
breakPoint,
|
|
16272
16322
|
elasticity,
|
|
16323
|
+
closeEventName,
|
|
16324
|
+
closeEventValue,
|
|
16273
16325
|
backgroundClickFunction,
|
|
16274
16326
|
backgroundClickFunctionPC,
|
|
16275
16327
|
backgroundClickFunctionSP,
|
|
@@ -16291,23 +16343,20 @@ class Modal extends SvelteComponent {
|
|
|
16291
16343
|
create_fragment,
|
|
16292
16344
|
safe_not_equal,
|
|
16293
16345
|
{
|
|
16294
|
-
onClick:
|
|
16295
|
-
clickEventName:
|
|
16296
|
-
clickEventValue:
|
|
16346
|
+
onClick: 13,
|
|
16347
|
+
clickEventName: 14,
|
|
16348
|
+
clickEventValue: 15,
|
|
16297
16349
|
useBreakPoint: 0,
|
|
16298
|
-
placement:
|
|
16299
|
-
breakPoint:
|
|
16300
|
-
elasticity:
|
|
16350
|
+
placement: 16,
|
|
16351
|
+
breakPoint: 17,
|
|
16352
|
+
elasticity: 18,
|
|
16301
16353
|
animation: 1,
|
|
16302
|
-
|
|
16303
|
-
|
|
16304
|
-
closeEventValue: 4,
|
|
16305
|
-
closeButtonProps: 5
|
|
16354
|
+
closeEventName: 19,
|
|
16355
|
+
closeEventValue: 20
|
|
16306
16356
|
},
|
|
16307
|
-
add_css
|
|
16308
|
-
[-1, -1]
|
|
16357
|
+
add_css
|
|
16309
16358
|
);
|
|
16310
16359
|
}
|
|
16311
16360
|
}
|
|
16312
16361
|
|
|
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 };
|
|
16362
|
+
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 };
|