@plaidev/karte-action-sdk 1.1.207 → 1.1.208-28223127.8251d5b4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +21 -4
- package/dist/hydrate/index.es.js +570 -282
- package/dist/index.es.d.ts +21 -4
- package/dist/index.es.js +581 -276
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { writable, get } from 'svelte/store';
|
|
2
2
|
import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, setContext, getContext, createEventDispatcher } from 'svelte';
|
|
3
|
-
import { SvelteComponent, init, safe_not_equal, element, insert, noop, detach, component_subscribe, attr, create_slot, create_component, space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, listen, assign, set_attributes, toggle_class, get_spread_update,
|
|
3
|
+
import { SvelteComponent, init, safe_not_equal, element, insert, noop, detach, component_subscribe, attr, create_slot, create_component, space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, append, destroy_each, text, set_data, src_url_equal, HtmlTag, construct_svelte_component, subscribe } from 'svelte/internal';
|
|
4
4
|
import { linear, elasticOut, cubicOut } from 'svelte/easing';
|
|
5
5
|
|
|
6
6
|
/** @internal */
|
|
@@ -15,6 +15,8 @@ const KARTE_ACTION_SHORTEN_ID = 'karte-action-id';
|
|
|
15
15
|
const ALL_ACTION_ID = 'KARTE_ALL_ACTION_ID';
|
|
16
16
|
/** @internal */
|
|
17
17
|
const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
|
|
18
|
+
/** @internal */
|
|
19
|
+
const DEVICE_IDS = ['PC', 'SP'];
|
|
18
20
|
// -------- The following codes are deprecated --------
|
|
19
21
|
/**
|
|
20
22
|
* 非推奨
|
|
@@ -96,7 +98,12 @@ const getMarginStyle = (margin) => {
|
|
|
96
98
|
};
|
|
97
99
|
/** @internal */
|
|
98
100
|
const parseStyle = (style) => {
|
|
99
|
-
return
|
|
101
|
+
return style
|
|
102
|
+
? Object.fromEntries(style
|
|
103
|
+
.split(';')
|
|
104
|
+
.filter(attr => attr.trim())
|
|
105
|
+
.map(attr => attr.split(':').map(str => str.trim())))
|
|
106
|
+
: {};
|
|
100
107
|
};
|
|
101
108
|
/** @internal */
|
|
102
109
|
const stringifyStyleObj = (styleObj) => {
|
|
@@ -104,6 +111,8 @@ const stringifyStyleObj = (styleObj) => {
|
|
|
104
111
|
.map(([key, value]) => `${key}:${value}`)
|
|
105
112
|
.join(';');
|
|
106
113
|
};
|
|
114
|
+
/** @internal */
|
|
115
|
+
const formatObjectKey = ({ obj, prefix, suffix, }) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [`${prefix ?? ''}${key}${suffix ?? ''}`, value]));
|
|
107
116
|
/**
|
|
108
117
|
* スクロール率が達したときに呼び出すコールバックを登録します
|
|
109
118
|
*
|
|
@@ -333,6 +342,8 @@ const ElasticityStyle = {
|
|
|
333
342
|
horizontal: 'width: 100%',
|
|
334
343
|
};
|
|
335
344
|
/** @internal */
|
|
345
|
+
const DefaultElasticity = 'none';
|
|
346
|
+
/** @internal */
|
|
336
347
|
const TextDirections = ['horizontal', 'vertical'];
|
|
337
348
|
/** @internal */
|
|
338
349
|
const OnClickOperationOptions = [
|
|
@@ -571,6 +582,17 @@ const DefaultFormButtonColor = {
|
|
|
571
582
|
main: '#2aab9f',
|
|
572
583
|
sub: '#fff',
|
|
573
584
|
};
|
|
585
|
+
/** @internal */
|
|
586
|
+
const DefaultModalBreakPoint = {
|
|
587
|
+
PC: {
|
|
588
|
+
placement: DefaultModalPlacement,
|
|
589
|
+
elasticity: DefaultElasticity,
|
|
590
|
+
},
|
|
591
|
+
SP: {
|
|
592
|
+
placement: DefaultModalPlacement,
|
|
593
|
+
elasticity: DefaultElasticity,
|
|
594
|
+
},
|
|
595
|
+
};
|
|
574
596
|
|
|
575
597
|
/**
|
|
576
598
|
* Store to handle action setting
|
|
@@ -2716,7 +2738,7 @@ class State extends SvelteComponent {
|
|
|
2716
2738
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
2717
2739
|
|
|
2718
2740
|
function add_css$t(target) {
|
|
2719
|
-
append_styles(target, "svelte-
|
|
2741
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
2720
2742
|
}
|
|
2721
2743
|
|
|
2722
2744
|
// (23:0) {#if $state === path}
|
|
@@ -2733,7 +2755,7 @@ function create_if_block$8(ctx) {
|
|
|
2733
2755
|
t = space();
|
|
2734
2756
|
if (default_slot) default_slot.c();
|
|
2735
2757
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
2736
|
-
attr(div, "class", "state-item svelte-
|
|
2758
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
2737
2759
|
},
|
|
2738
2760
|
m(target, anchor) {
|
|
2739
2761
|
insert(target, div, anchor);
|
|
@@ -3138,29 +3160,34 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
|
|
|
3138
3160
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3139
3161
|
|
|
3140
3162
|
function add_css$s(target) {
|
|
3141
|
-
append_styles(target, "svelte-
|
|
3163
|
+
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}");
|
|
3142
3164
|
}
|
|
3143
3165
|
|
|
3144
|
-
// (
|
|
3166
|
+
// (14:0) {#if backgroundOverlay}
|
|
3145
3167
|
function create_if_block$7(ctx) {
|
|
3146
3168
|
let div;
|
|
3169
|
+
let div_class_value;
|
|
3147
3170
|
let mounted;
|
|
3148
3171
|
let dispose;
|
|
3149
3172
|
|
|
3150
3173
|
return {
|
|
3151
3174
|
c() {
|
|
3152
3175
|
div = element("div");
|
|
3153
|
-
attr(div, "class", "background svelte-
|
|
3176
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
|
3154
3177
|
},
|
|
3155
3178
|
m(target, anchor) {
|
|
3156
3179
|
insert(target, div, anchor);
|
|
3157
3180
|
|
|
3158
3181
|
if (!mounted) {
|
|
3159
|
-
dispose = listen(div, "click", /*click_handler*/ ctx[
|
|
3182
|
+
dispose = listen(div, "click", /*click_handler*/ ctx[3]);
|
|
3160
3183
|
mounted = true;
|
|
3161
3184
|
}
|
|
3162
3185
|
},
|
|
3163
|
-
p
|
|
3186
|
+
p(ctx, dirty) {
|
|
3187
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
|
3188
|
+
attr(div, "class", div_class_value);
|
|
3189
|
+
}
|
|
3190
|
+
},
|
|
3164
3191
|
d(detaching) {
|
|
3165
3192
|
if (detaching) detach(div);
|
|
3166
3193
|
mounted = false;
|
|
@@ -3207,20 +3234,22 @@ function create_fragment$v(ctx) {
|
|
|
3207
3234
|
|
|
3208
3235
|
function instance$v($$self, $$props, $$invalidate) {
|
|
3209
3236
|
let { backgroundOverlay = false } = $$props;
|
|
3237
|
+
let { class: className = undefined } = $$props;
|
|
3210
3238
|
const dispatch = createEventDispatcher();
|
|
3211
3239
|
const click_handler = () => dispatch('click');
|
|
3212
3240
|
|
|
3213
3241
|
$$self.$$set = $$props => {
|
|
3214
3242
|
if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
|
|
3243
|
+
if ('class' in $$props) $$invalidate(1, className = $$props.class);
|
|
3215
3244
|
};
|
|
3216
3245
|
|
|
3217
|
-
return [backgroundOverlay, dispatch, click_handler];
|
|
3246
|
+
return [backgroundOverlay, className, dispatch, click_handler];
|
|
3218
3247
|
}
|
|
3219
3248
|
|
|
3220
3249
|
class BackgroundOverlay extends SvelteComponent {
|
|
3221
3250
|
constructor(options) {
|
|
3222
3251
|
super();
|
|
3223
|
-
init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
|
|
3252
|
+
init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$s);
|
|
3224
3253
|
}
|
|
3225
3254
|
}
|
|
3226
3255
|
|
|
@@ -3261,11 +3290,11 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3261
3290
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3262
3291
|
|
|
3263
3292
|
function add_css$r(target) {
|
|
3264
|
-
append_styles(target, "svelte-
|
|
3293
|
+
append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
|
|
3265
3294
|
}
|
|
3266
3295
|
|
|
3267
3296
|
// (50:0) {:else}
|
|
3268
|
-
function create_else_block$
|
|
3297
|
+
function create_else_block$4(ctx) {
|
|
3269
3298
|
let button;
|
|
3270
3299
|
let current;
|
|
3271
3300
|
let mounted;
|
|
@@ -3290,7 +3319,7 @@ function create_else_block$3(ctx) {
|
|
|
3290
3319
|
button = element("button");
|
|
3291
3320
|
if (default_slot) default_slot.c();
|
|
3292
3321
|
set_attributes(button, button_data);
|
|
3293
|
-
toggle_class(button, "svelte-
|
|
3322
|
+
toggle_class(button, "svelte-1tg0tf", true);
|
|
3294
3323
|
},
|
|
3295
3324
|
m(target, anchor) {
|
|
3296
3325
|
insert(target, button, anchor);
|
|
@@ -3329,7 +3358,7 @@ function create_else_block$3(ctx) {
|
|
|
3329
3358
|
dataAttrStopPropagation('click')
|
|
3330
3359
|
]));
|
|
3331
3360
|
|
|
3332
|
-
toggle_class(button, "svelte-
|
|
3361
|
+
toggle_class(button, "svelte-1tg0tf", true);
|
|
3333
3362
|
},
|
|
3334
3363
|
i(local) {
|
|
3335
3364
|
if (current) return;
|
|
@@ -3350,7 +3379,7 @@ function create_else_block$3(ctx) {
|
|
|
3350
3379
|
}
|
|
3351
3380
|
|
|
3352
3381
|
// (46:39)
|
|
3353
|
-
function create_if_block_2(ctx) {
|
|
3382
|
+
function create_if_block_2$1(ctx) {
|
|
3354
3383
|
let div;
|
|
3355
3384
|
let current;
|
|
3356
3385
|
const default_slot_template = /*#slots*/ ctx[9].default;
|
|
@@ -3360,7 +3389,7 @@ function create_if_block_2(ctx) {
|
|
|
3360
3389
|
c() {
|
|
3361
3390
|
div = element("div");
|
|
3362
3391
|
if (default_slot) default_slot.c();
|
|
3363
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
|
3392
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
|
|
3364
3393
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3365
3394
|
},
|
|
3366
3395
|
m(target, anchor) {
|
|
@@ -3444,7 +3473,7 @@ function create_if_block_1$2(ctx) {
|
|
|
3444
3473
|
a = element("a");
|
|
3445
3474
|
if (default_slot) default_slot.c();
|
|
3446
3475
|
set_attributes(a, a_data);
|
|
3447
|
-
toggle_class(a, "svelte-
|
|
3476
|
+
toggle_class(a, "svelte-1tg0tf", true);
|
|
3448
3477
|
},
|
|
3449
3478
|
m(target, anchor) {
|
|
3450
3479
|
insert(target, a, anchor);
|
|
@@ -3486,7 +3515,7 @@ function create_if_block_1$2(ctx) {
|
|
|
3486
3515
|
dataAttrStopPropagation('click')
|
|
3487
3516
|
]));
|
|
3488
3517
|
|
|
3489
|
-
toggle_class(a, "svelte-
|
|
3518
|
+
toggle_class(a, "svelte-1tg0tf", true);
|
|
3490
3519
|
},
|
|
3491
3520
|
i(local) {
|
|
3492
3521
|
if (current) return;
|
|
@@ -3517,7 +3546,7 @@ function create_if_block$6(ctx) {
|
|
|
3517
3546
|
c() {
|
|
3518
3547
|
div = element("div");
|
|
3519
3548
|
if (default_slot) default_slot.c();
|
|
3520
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
|
3549
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
|
|
3521
3550
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3522
3551
|
},
|
|
3523
3552
|
m(target, anchor) {
|
|
@@ -3570,7 +3599,7 @@ function create_fragment$u(ctx) {
|
|
|
3570
3599
|
let if_block;
|
|
3571
3600
|
let if_block_anchor;
|
|
3572
3601
|
let current;
|
|
3573
|
-
const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2, create_else_block$
|
|
3602
|
+
const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
|
|
3574
3603
|
const if_blocks = [];
|
|
3575
3604
|
|
|
3576
3605
|
function select_block_type(ctx, dirty) {
|
|
@@ -3721,14 +3750,139 @@ class Button extends SvelteComponent {
|
|
|
3721
3750
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3722
3751
|
|
|
3723
3752
|
function add_css$q(target) {
|
|
3724
|
-
append_styles(target, "svelte-
|
|
3753
|
+
append_styles(target, "svelte-1j0m3x1", ".modal.svelte-1j0m3x1{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1j0m3x1 > .button{flex:auto;display:flex}.close.svelte-1j0m3x1{position:absolute;top:0;right:0}.close.svelte-1j0m3x1 > .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-1j0m3x1 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1j0m3x1{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-1j0m3x1{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) !important;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-1j0m3x1{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) !important;margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
|
3754
|
+
}
|
|
3755
|
+
|
|
3756
|
+
// (265:0) {:else}
|
|
3757
|
+
function create_else_block$3(ctx) {
|
|
3758
|
+
let backgroundoverlay;
|
|
3759
|
+
let current;
|
|
3760
|
+
|
|
3761
|
+
backgroundoverlay = new BackgroundOverlay({
|
|
3762
|
+
props: {
|
|
3763
|
+
backgroundOverlay: /*backgroundOverlay*/ ctx[11]
|
|
3764
|
+
}
|
|
3765
|
+
});
|
|
3766
|
+
|
|
3767
|
+
backgroundoverlay.$on("click", function () {
|
|
3768
|
+
if (is_function(/*backgroundClick*/ ctx[20])) /*backgroundClick*/ ctx[20].apply(this, arguments);
|
|
3769
|
+
});
|
|
3770
|
+
|
|
3771
|
+
return {
|
|
3772
|
+
c() {
|
|
3773
|
+
create_component(backgroundoverlay.$$.fragment);
|
|
3774
|
+
},
|
|
3775
|
+
m(target, anchor) {
|
|
3776
|
+
mount_component(backgroundoverlay, target, anchor);
|
|
3777
|
+
current = true;
|
|
3778
|
+
},
|
|
3779
|
+
p(new_ctx, dirty) {
|
|
3780
|
+
ctx = new_ctx;
|
|
3781
|
+
const backgroundoverlay_changes = {};
|
|
3782
|
+
if (dirty[0] & /*backgroundOverlay*/ 2048) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[11];
|
|
3783
|
+
backgroundoverlay.$set(backgroundoverlay_changes);
|
|
3784
|
+
},
|
|
3785
|
+
i(local) {
|
|
3786
|
+
if (current) return;
|
|
3787
|
+
transition_in(backgroundoverlay.$$.fragment, local);
|
|
3788
|
+
current = true;
|
|
3789
|
+
},
|
|
3790
|
+
o(local) {
|
|
3791
|
+
transition_out(backgroundoverlay.$$.fragment, local);
|
|
3792
|
+
current = false;
|
|
3793
|
+
},
|
|
3794
|
+
d(detaching) {
|
|
3795
|
+
destroy_component(backgroundoverlay, detaching);
|
|
3796
|
+
}
|
|
3797
|
+
};
|
|
3798
|
+
}
|
|
3799
|
+
|
|
3800
|
+
// (254:24)
|
|
3801
|
+
function create_if_block_3(ctx) {
|
|
3802
|
+
let backgroundoverlay0;
|
|
3803
|
+
let t;
|
|
3804
|
+
let backgroundoverlay1;
|
|
3805
|
+
let current;
|
|
3806
|
+
|
|
3807
|
+
backgroundoverlay0 = new BackgroundOverlay({
|
|
3808
|
+
props: {
|
|
3809
|
+
class: "background-bp-pc",
|
|
3810
|
+
backgroundOverlay: /*backgroundOverlayPC*/ ctx[12]
|
|
3811
|
+
}
|
|
3812
|
+
});
|
|
3813
|
+
|
|
3814
|
+
backgroundoverlay0.$on("click", function () {
|
|
3815
|
+
if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
|
|
3816
|
+
});
|
|
3817
|
+
|
|
3818
|
+
backgroundoverlay1 = new BackgroundOverlay({
|
|
3819
|
+
props: {
|
|
3820
|
+
class: "background-bp-sp ",
|
|
3821
|
+
backgroundOverlay: /*backgroundOverlaySP*/ ctx[13]
|
|
3822
|
+
}
|
|
3823
|
+
});
|
|
3824
|
+
|
|
3825
|
+
backgroundoverlay1.$on("click", function () {
|
|
3826
|
+
if (is_function(/*backgroundClickSP*/ ctx[18])) /*backgroundClickSP*/ ctx[18].apply(this, arguments);
|
|
3827
|
+
});
|
|
3828
|
+
|
|
3829
|
+
return {
|
|
3830
|
+
c() {
|
|
3831
|
+
create_component(backgroundoverlay0.$$.fragment);
|
|
3832
|
+
t = space();
|
|
3833
|
+
create_component(backgroundoverlay1.$$.fragment);
|
|
3834
|
+
},
|
|
3835
|
+
m(target, anchor) {
|
|
3836
|
+
mount_component(backgroundoverlay0, target, anchor);
|
|
3837
|
+
insert(target, t, anchor);
|
|
3838
|
+
mount_component(backgroundoverlay1, target, anchor);
|
|
3839
|
+
current = true;
|
|
3840
|
+
},
|
|
3841
|
+
p(new_ctx, dirty) {
|
|
3842
|
+
ctx = new_ctx;
|
|
3843
|
+
const backgroundoverlay0_changes = {};
|
|
3844
|
+
if (dirty[0] & /*backgroundOverlayPC*/ 4096) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[12];
|
|
3845
|
+
backgroundoverlay0.$set(backgroundoverlay0_changes);
|
|
3846
|
+
const backgroundoverlay1_changes = {};
|
|
3847
|
+
if (dirty[0] & /*backgroundOverlaySP*/ 8192) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[13];
|
|
3848
|
+
backgroundoverlay1.$set(backgroundoverlay1_changes);
|
|
3849
|
+
},
|
|
3850
|
+
i(local) {
|
|
3851
|
+
if (current) return;
|
|
3852
|
+
transition_in(backgroundoverlay0.$$.fragment, local);
|
|
3853
|
+
transition_in(backgroundoverlay1.$$.fragment, local);
|
|
3854
|
+
current = true;
|
|
3855
|
+
},
|
|
3856
|
+
o(local) {
|
|
3857
|
+
transition_out(backgroundoverlay0.$$.fragment, local);
|
|
3858
|
+
transition_out(backgroundoverlay1.$$.fragment, local);
|
|
3859
|
+
current = false;
|
|
3860
|
+
},
|
|
3861
|
+
d(detaching) {
|
|
3862
|
+
destroy_component(backgroundoverlay0, detaching);
|
|
3863
|
+
if (detaching) detach(t);
|
|
3864
|
+
destroy_component(backgroundoverlay1, detaching);
|
|
3865
|
+
}
|
|
3866
|
+
};
|
|
3725
3867
|
}
|
|
3726
3868
|
|
|
3727
|
-
// (
|
|
3869
|
+
// (252:0) {#if isPreview()}
|
|
3870
|
+
function create_if_block_2(ctx) {
|
|
3871
|
+
return {
|
|
3872
|
+
c: noop,
|
|
3873
|
+
m: noop,
|
|
3874
|
+
p: noop,
|
|
3875
|
+
i: noop,
|
|
3876
|
+
o: noop,
|
|
3877
|
+
d: noop
|
|
3878
|
+
};
|
|
3879
|
+
}
|
|
3880
|
+
|
|
3881
|
+
// (268:0) {#if visible}
|
|
3728
3882
|
function create_if_block$5(ctx) {
|
|
3729
3883
|
let div;
|
|
3730
3884
|
let button;
|
|
3731
|
-
let
|
|
3885
|
+
let div_class_value;
|
|
3732
3886
|
let div_intro;
|
|
3733
3887
|
let current;
|
|
3734
3888
|
|
|
@@ -3746,32 +3900,32 @@ function create_if_block$5(ctx) {
|
|
|
3746
3900
|
c() {
|
|
3747
3901
|
div = element("div");
|
|
3748
3902
|
create_component(button.$$.fragment);
|
|
3749
|
-
attr(div, "class", "modal svelte-
|
|
3903
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1j0m3x1"));
|
|
3750
3904
|
attr(div, "role", "dialog");
|
|
3751
3905
|
attr(div, "aria-modal", "true");
|
|
3752
|
-
attr(div, "style",
|
|
3906
|
+
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
|
3753
3907
|
},
|
|
3754
3908
|
m(target, anchor) {
|
|
3755
3909
|
insert(target, div, anchor);
|
|
3756
3910
|
mount_component(button, div, null);
|
|
3757
|
-
/*div_binding*/ ctx[
|
|
3911
|
+
/*div_binding*/ ctx[32](div);
|
|
3758
3912
|
current = true;
|
|
3759
3913
|
},
|
|
3760
3914
|
p(new_ctx, dirty) {
|
|
3761
3915
|
ctx = new_ctx;
|
|
3762
3916
|
const button_changes = {};
|
|
3763
|
-
if (dirty & /*onClick*/ 1) button_changes.onClick = /*onClick*/ ctx[0];
|
|
3764
|
-
if (dirty & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
|
|
3765
|
-
if (dirty & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
|
|
3917
|
+
if (dirty[0] & /*onClick*/ 1) button_changes.onClick = /*onClick*/ ctx[0];
|
|
3918
|
+
if (dirty[0] & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
|
|
3919
|
+
if (dirty[0] & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
|
|
3766
3920
|
|
|
3767
|
-
if (dirty &
|
|
3921
|
+
if (dirty[0] & /*_style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 6293472 | dirty[1] & /*$$scope*/ 4) {
|
|
3768
3922
|
button_changes.$$scope = { dirty, ctx };
|
|
3769
3923
|
}
|
|
3770
3924
|
|
|
3771
3925
|
button.$set(button_changes);
|
|
3772
3926
|
|
|
3773
|
-
if (!current || dirty & /*
|
|
3774
|
-
attr(div, "
|
|
3927
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1j0m3x1"))) {
|
|
3928
|
+
attr(div, "class", div_class_value);
|
|
3775
3929
|
}
|
|
3776
3930
|
},
|
|
3777
3931
|
i(local) {
|
|
@@ -3781,8 +3935,8 @@ function create_if_block$5(ctx) {
|
|
|
3781
3935
|
if (!div_intro) {
|
|
3782
3936
|
add_render_callback(() => {
|
|
3783
3937
|
div_intro = create_in_transition(div, customAnimation, {
|
|
3784
|
-
transform: /*transform*/ ctx[
|
|
3785
|
-
animationStyle: /*animation*/ ctx[
|
|
3938
|
+
transform: /*transform*/ ctx[14],
|
|
3939
|
+
animationStyle: /*animation*/ ctx[4]
|
|
3786
3940
|
});
|
|
3787
3941
|
|
|
3788
3942
|
div_intro.start();
|
|
@@ -3798,12 +3952,12 @@ function create_if_block$5(ctx) {
|
|
|
3798
3952
|
d(detaching) {
|
|
3799
3953
|
if (detaching) detach(div);
|
|
3800
3954
|
destroy_component(button);
|
|
3801
|
-
/*div_binding*/ ctx[
|
|
3955
|
+
/*div_binding*/ ctx[32](null);
|
|
3802
3956
|
}
|
|
3803
3957
|
};
|
|
3804
3958
|
}
|
|
3805
3959
|
|
|
3806
|
-
// (
|
|
3960
|
+
// (281:6) {#if closable}
|
|
3807
3961
|
function create_if_block_1$1(ctx) {
|
|
3808
3962
|
let div;
|
|
3809
3963
|
let button;
|
|
@@ -3811,10 +3965,10 @@ function create_if_block_1$1(ctx) {
|
|
|
3811
3965
|
|
|
3812
3966
|
button = new Button({
|
|
3813
3967
|
props: {
|
|
3814
|
-
onClick: /*onClose*/ ctx[
|
|
3815
|
-
style: /*_closeStyle*/ ctx[
|
|
3816
|
-
eventName: /*closeEventName*/ ctx[
|
|
3817
|
-
eventValue: /*closeEventValue*/ ctx[
|
|
3968
|
+
onClick: /*onClose*/ ctx[6],
|
|
3969
|
+
style: /*_closeStyle*/ ctx[10],
|
|
3970
|
+
eventName: /*closeEventName*/ ctx[7],
|
|
3971
|
+
eventValue: /*closeEventValue*/ ctx[8],
|
|
3818
3972
|
$$slots: { default: [create_default_slot_1$1] },
|
|
3819
3973
|
$$scope: { ctx }
|
|
3820
3974
|
}
|
|
@@ -3824,8 +3978,8 @@ function create_if_block_1$1(ctx) {
|
|
|
3824
3978
|
c() {
|
|
3825
3979
|
div = element("div");
|
|
3826
3980
|
create_component(button.$$.fragment);
|
|
3827
|
-
attr(div, "class", "close svelte-
|
|
3828
|
-
set_style(div, "z-index", /*$maximumZindex*/ ctx[
|
|
3981
|
+
attr(div, "class", "close svelte-1j0m3x1");
|
|
3982
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
3829
3983
|
},
|
|
3830
3984
|
m(target, anchor) {
|
|
3831
3985
|
insert(target, div, anchor);
|
|
@@ -3834,19 +3988,19 @@ function create_if_block_1$1(ctx) {
|
|
|
3834
3988
|
},
|
|
3835
3989
|
p(ctx, dirty) {
|
|
3836
3990
|
const button_changes = {};
|
|
3837
|
-
if (dirty & /*onClose*/
|
|
3838
|
-
if (dirty & /*_closeStyle*/
|
|
3839
|
-
if (dirty & /*closeEventName*/
|
|
3840
|
-
if (dirty & /*closeEventValue*/
|
|
3991
|
+
if (dirty[0] & /*onClose*/ 64) button_changes.onClick = /*onClose*/ ctx[6];
|
|
3992
|
+
if (dirty[0] & /*_closeStyle*/ 1024) button_changes.style = /*_closeStyle*/ ctx[10];
|
|
3993
|
+
if (dirty[0] & /*closeEventName*/ 128) button_changes.eventName = /*closeEventName*/ ctx[7];
|
|
3994
|
+
if (dirty[0] & /*closeEventValue*/ 256) button_changes.eventValue = /*closeEventValue*/ ctx[8];
|
|
3841
3995
|
|
|
3842
|
-
if (dirty & /*$$scope
|
|
3996
|
+
if (dirty[0] & /*closeButtonColor*/ 512 | dirty[1] & /*$$scope*/ 4) {
|
|
3843
3997
|
button_changes.$$scope = { dirty, ctx };
|
|
3844
3998
|
}
|
|
3845
3999
|
|
|
3846
4000
|
button.$set(button_changes);
|
|
3847
4001
|
|
|
3848
|
-
if (!current || dirty & /*$maximumZindex*/
|
|
3849
|
-
set_style(div, "z-index", /*$maximumZindex*/ ctx[
|
|
4002
|
+
if (!current || dirty[0] & /*$maximumZindex*/ 4194304) {
|
|
4003
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
3850
4004
|
}
|
|
3851
4005
|
},
|
|
3852
4006
|
i(local) {
|
|
@@ -3865,7 +4019,7 @@ function create_if_block_1$1(ctx) {
|
|
|
3865
4019
|
};
|
|
3866
4020
|
}
|
|
3867
4021
|
|
|
3868
|
-
// (
|
|
4022
|
+
// (283:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
|
|
3869
4023
|
function create_default_slot_1$1(ctx) {
|
|
3870
4024
|
let svg;
|
|
3871
4025
|
let path;
|
|
@@ -3875,7 +4029,7 @@ function create_default_slot_1$1(ctx) {
|
|
|
3875
4029
|
svg = svg_element("svg");
|
|
3876
4030
|
path = svg_element("path");
|
|
3877
4031
|
attr(path, "d", "M5.78516 4.75L8.73828 1.82422C8.90234 1.66016 8.90234 1.35938 8.73828 1.19531L8.05469 0.511719C7.89062 0.347656 7.58984 0.347656 7.42578 0.511719L4.5 3.46484L1.54688 0.511719C1.38281 0.347656 1.08203 0.347656 0.917969 0.511719L0.234375 1.19531C0.0703125 1.35938 0.0703125 1.66016 0.234375 1.82422L3.1875 4.75L0.234375 7.70312C0.0703125 7.86719 0.0703125 8.16797 0.234375 8.33203L0.917969 9.01562C1.08203 9.17969 1.38281 9.17969 1.54688 9.01562L4.5 6.0625L7.42578 9.01562C7.58984 9.17969 7.89062 9.17969 8.05469 9.01562L8.73828 8.33203C8.90234 8.16797 8.90234 7.86719 8.73828 7.70312L5.78516 4.75Z");
|
|
3878
|
-
attr(path, "fill", /*closeButtonColor*/ ctx[
|
|
4032
|
+
attr(path, "fill", /*closeButtonColor*/ ctx[9]);
|
|
3879
4033
|
attr(path, "fill-opacity", "0.8");
|
|
3880
4034
|
attr(svg, "width", "100%");
|
|
3881
4035
|
attr(svg, "height", "100%");
|
|
@@ -3888,8 +4042,8 @@ function create_default_slot_1$1(ctx) {
|
|
|
3888
4042
|
append(svg, path);
|
|
3889
4043
|
},
|
|
3890
4044
|
p(ctx, dirty) {
|
|
3891
|
-
if (dirty & /*closeButtonColor*/
|
|
3892
|
-
attr(path, "fill", /*closeButtonColor*/ ctx[
|
|
4045
|
+
if (dirty[0] & /*closeButtonColor*/ 512) {
|
|
4046
|
+
attr(path, "fill", /*closeButtonColor*/ ctx[9]);
|
|
3893
4047
|
}
|
|
3894
4048
|
},
|
|
3895
4049
|
d(detaching) {
|
|
@@ -3898,14 +4052,14 @@ function create_default_slot_1$1(ctx) {
|
|
|
3898
4052
|
};
|
|
3899
4053
|
}
|
|
3900
4054
|
|
|
3901
|
-
// (
|
|
4055
|
+
// (280:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
|
|
3902
4056
|
function create_default_slot$6(ctx) {
|
|
3903
4057
|
let t;
|
|
3904
4058
|
let div;
|
|
3905
4059
|
let current;
|
|
3906
|
-
let if_block = /*closable*/ ctx[
|
|
3907
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
3908
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
4060
|
+
let if_block = /*closable*/ ctx[21] && create_if_block_1$1(ctx);
|
|
4061
|
+
const default_slot_template = /*#slots*/ ctx[31].default;
|
|
4062
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
|
|
3909
4063
|
|
|
3910
4064
|
return {
|
|
3911
4065
|
c() {
|
|
@@ -3913,8 +4067,8 @@ function create_default_slot$6(ctx) {
|
|
|
3913
4067
|
t = space();
|
|
3914
4068
|
div = element("div");
|
|
3915
4069
|
if (default_slot) default_slot.c();
|
|
3916
|
-
attr(div, "class", "modal-content svelte-
|
|
3917
|
-
attr(div, "style", /*_style*/ ctx[
|
|
4070
|
+
attr(div, "class", "modal-content svelte-1j0m3x1");
|
|
4071
|
+
attr(div, "style", /*_style*/ ctx[5]);
|
|
3918
4072
|
},
|
|
3919
4073
|
m(target, anchor) {
|
|
3920
4074
|
if (if_block) if_block.m(target, anchor);
|
|
@@ -3928,11 +4082,11 @@ function create_default_slot$6(ctx) {
|
|
|
3928
4082
|
current = true;
|
|
3929
4083
|
},
|
|
3930
4084
|
p(ctx, dirty) {
|
|
3931
|
-
if (/*closable*/ ctx[
|
|
4085
|
+
if (/*closable*/ ctx[21]) {
|
|
3932
4086
|
if (if_block) {
|
|
3933
4087
|
if_block.p(ctx, dirty);
|
|
3934
4088
|
|
|
3935
|
-
if (dirty & /*closable*/
|
|
4089
|
+
if (dirty[0] & /*closable*/ 2097152) {
|
|
3936
4090
|
transition_in(if_block, 1);
|
|
3937
4091
|
}
|
|
3938
4092
|
} else {
|
|
@@ -3952,22 +4106,22 @@ function create_default_slot$6(ctx) {
|
|
|
3952
4106
|
}
|
|
3953
4107
|
|
|
3954
4108
|
if (default_slot) {
|
|
3955
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
4109
|
+
if (default_slot.p && (!current || dirty[1] & /*$$scope*/ 4)) {
|
|
3956
4110
|
update_slot_base(
|
|
3957
4111
|
default_slot,
|
|
3958
4112
|
default_slot_template,
|
|
3959
4113
|
ctx,
|
|
3960
|
-
/*$$scope*/ ctx[
|
|
4114
|
+
/*$$scope*/ ctx[33],
|
|
3961
4115
|
!current
|
|
3962
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
3963
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
4116
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[33])
|
|
4117
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[33], dirty, null),
|
|
3964
4118
|
null
|
|
3965
4119
|
);
|
|
3966
4120
|
}
|
|
3967
4121
|
}
|
|
3968
4122
|
|
|
3969
|
-
if (!current || dirty & /*_style*/
|
|
3970
|
-
attr(div, "style", /*_style*/ ctx[
|
|
4123
|
+
if (!current || dirty[0] & /*_style*/ 32) {
|
|
4124
|
+
attr(div, "style", /*_style*/ ctx[5]);
|
|
3971
4125
|
}
|
|
3972
4126
|
},
|
|
3973
4127
|
i(local) {
|
|
@@ -3991,71 +4145,96 @@ function create_default_slot$6(ctx) {
|
|
|
3991
4145
|
}
|
|
3992
4146
|
|
|
3993
4147
|
function create_fragment$t(ctx) {
|
|
3994
|
-
let
|
|
4148
|
+
let show_if;
|
|
4149
|
+
let current_block_type_index;
|
|
4150
|
+
let if_block0;
|
|
3995
4151
|
let t;
|
|
3996
|
-
let
|
|
4152
|
+
let if_block1_anchor;
|
|
3997
4153
|
let current;
|
|
3998
4154
|
let mounted;
|
|
3999
4155
|
let dispose;
|
|
4156
|
+
const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$3];
|
|
4157
|
+
const if_blocks = [];
|
|
4000
4158
|
|
|
4001
|
-
|
|
4002
|
-
|
|
4003
|
-
|
|
4004
|
-
|
|
4005
|
-
|
|
4006
|
-
|
|
4007
|
-
backgroundoverlay.$on("click", function () {
|
|
4008
|
-
if (is_function(/*backgroundClick*/ ctx[18])) /*backgroundClick*/ ctx[18].apply(this, arguments);
|
|
4009
|
-
});
|
|
4159
|
+
function select_block_type(ctx, dirty) {
|
|
4160
|
+
if (show_if == null) show_if = !!isPreview();
|
|
4161
|
+
if (show_if) return 0;
|
|
4162
|
+
if (/*useBreakPoint*/ ctx[3]) return 1;
|
|
4163
|
+
return 2;
|
|
4164
|
+
}
|
|
4010
4165
|
|
|
4011
|
-
|
|
4166
|
+
current_block_type_index = select_block_type(ctx);
|
|
4167
|
+
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
|
4168
|
+
let if_block1 = /*visible*/ ctx[16] && create_if_block$5(ctx);
|
|
4012
4169
|
|
|
4013
4170
|
return {
|
|
4014
4171
|
c() {
|
|
4015
|
-
|
|
4172
|
+
if_block0.c();
|
|
4016
4173
|
t = space();
|
|
4017
|
-
if (
|
|
4018
|
-
|
|
4174
|
+
if (if_block1) if_block1.c();
|
|
4175
|
+
if_block1_anchor = empty();
|
|
4019
4176
|
},
|
|
4020
4177
|
m(target, anchor) {
|
|
4021
|
-
|
|
4178
|
+
if_blocks[current_block_type_index].m(target, anchor);
|
|
4022
4179
|
insert(target, t, anchor);
|
|
4023
|
-
if (
|
|
4024
|
-
insert(target,
|
|
4180
|
+
if (if_block1) if_block1.m(target, anchor);
|
|
4181
|
+
insert(target, if_block1_anchor, anchor);
|
|
4025
4182
|
current = true;
|
|
4026
4183
|
|
|
4027
4184
|
if (!mounted) {
|
|
4028
4185
|
dispose = listen(window, "keydown", function () {
|
|
4029
|
-
if (is_function(/*handle_keydown*/ ctx[
|
|
4186
|
+
if (is_function(/*handle_keydown*/ ctx[17])) /*handle_keydown*/ ctx[17].apply(this, arguments);
|
|
4030
4187
|
});
|
|
4031
4188
|
|
|
4032
4189
|
mounted = true;
|
|
4033
4190
|
}
|
|
4034
4191
|
},
|
|
4035
|
-
p(new_ctx,
|
|
4192
|
+
p(new_ctx, dirty) {
|
|
4036
4193
|
ctx = new_ctx;
|
|
4037
|
-
|
|
4038
|
-
|
|
4039
|
-
backgroundoverlay.$set(backgroundoverlay_changes);
|
|
4194
|
+
let previous_block_index = current_block_type_index;
|
|
4195
|
+
current_block_type_index = select_block_type(ctx);
|
|
4040
4196
|
|
|
4041
|
-
if (
|
|
4042
|
-
|
|
4043
|
-
|
|
4197
|
+
if (current_block_type_index === previous_block_index) {
|
|
4198
|
+
if_blocks[current_block_type_index].p(ctx, dirty);
|
|
4199
|
+
} else {
|
|
4200
|
+
group_outros();
|
|
4044
4201
|
|
|
4045
|
-
|
|
4046
|
-
|
|
4202
|
+
transition_out(if_blocks[previous_block_index], 1, 1, () => {
|
|
4203
|
+
if_blocks[previous_block_index] = null;
|
|
4204
|
+
});
|
|
4205
|
+
|
|
4206
|
+
check_outros();
|
|
4207
|
+
if_block0 = if_blocks[current_block_type_index];
|
|
4208
|
+
|
|
4209
|
+
if (!if_block0) {
|
|
4210
|
+
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
|
4211
|
+
if_block0.c();
|
|
4212
|
+
} else {
|
|
4213
|
+
if_block0.p(ctx, dirty);
|
|
4214
|
+
}
|
|
4215
|
+
|
|
4216
|
+
transition_in(if_block0, 1);
|
|
4217
|
+
if_block0.m(t.parentNode, t);
|
|
4218
|
+
}
|
|
4219
|
+
|
|
4220
|
+
if (/*visible*/ ctx[16]) {
|
|
4221
|
+
if (if_block1) {
|
|
4222
|
+
if_block1.p(ctx, dirty);
|
|
4223
|
+
|
|
4224
|
+
if (dirty[0] & /*visible*/ 65536) {
|
|
4225
|
+
transition_in(if_block1, 1);
|
|
4047
4226
|
}
|
|
4048
4227
|
} else {
|
|
4049
|
-
|
|
4050
|
-
|
|
4051
|
-
transition_in(
|
|
4052
|
-
|
|
4228
|
+
if_block1 = create_if_block$5(ctx);
|
|
4229
|
+
if_block1.c();
|
|
4230
|
+
transition_in(if_block1, 1);
|
|
4231
|
+
if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
|
|
4053
4232
|
}
|
|
4054
|
-
} else if (
|
|
4233
|
+
} else if (if_block1) {
|
|
4055
4234
|
group_outros();
|
|
4056
4235
|
|
|
4057
|
-
transition_out(
|
|
4058
|
-
|
|
4236
|
+
transition_out(if_block1, 1, 1, () => {
|
|
4237
|
+
if_block1 = null;
|
|
4059
4238
|
});
|
|
4060
4239
|
|
|
4061
4240
|
check_outros();
|
|
@@ -4063,20 +4242,20 @@ function create_fragment$t(ctx) {
|
|
|
4063
4242
|
},
|
|
4064
4243
|
i(local) {
|
|
4065
4244
|
if (current) return;
|
|
4066
|
-
transition_in(
|
|
4067
|
-
transition_in(
|
|
4245
|
+
transition_in(if_block0);
|
|
4246
|
+
transition_in(if_block1);
|
|
4068
4247
|
current = true;
|
|
4069
4248
|
},
|
|
4070
4249
|
o(local) {
|
|
4071
|
-
transition_out(
|
|
4072
|
-
transition_out(
|
|
4250
|
+
transition_out(if_block0);
|
|
4251
|
+
transition_out(if_block1);
|
|
4073
4252
|
current = false;
|
|
4074
4253
|
},
|
|
4075
4254
|
d(detaching) {
|
|
4076
|
-
|
|
4255
|
+
if_blocks[current_block_type_index].d(detaching);
|
|
4077
4256
|
if (detaching) detach(t);
|
|
4078
|
-
if (
|
|
4079
|
-
if (detaching) detach(
|
|
4257
|
+
if (if_block1) if_block1.d(detaching);
|
|
4258
|
+
if (detaching) detach(if_block1_anchor);
|
|
4080
4259
|
mounted = false;
|
|
4081
4260
|
dispose();
|
|
4082
4261
|
}
|
|
@@ -4087,35 +4266,45 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
4087
4266
|
let close;
|
|
4088
4267
|
let closable;
|
|
4089
4268
|
let backgroundClick;
|
|
4090
|
-
let
|
|
4091
|
-
let
|
|
4092
|
-
let overwriteElasticity;
|
|
4093
|
-
let pos;
|
|
4094
|
-
let transform;
|
|
4095
|
-
let marginStyle;
|
|
4269
|
+
let backgroundClickPC;
|
|
4270
|
+
let backgroundClickSP;
|
|
4096
4271
|
let handle_keydown;
|
|
4097
4272
|
let visible;
|
|
4098
4273
|
let $maximumZindex;
|
|
4099
|
-
component_subscribe($$self, maximumZindex, $$value => $$invalidate(
|
|
4274
|
+
component_subscribe($$self, maximumZindex, $$value => $$invalidate(22, $maximumZindex = $$value));
|
|
4100
4275
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
4101
4276
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
4102
4277
|
let { clickEventName = '' } = $$props;
|
|
4103
4278
|
let { clickEventValue = null } = $$props;
|
|
4104
|
-
let {
|
|
4279
|
+
let { useBreakPoint = false } = $$props;
|
|
4280
|
+
let { placement } = $$props;
|
|
4281
|
+
let { breakPoint } = $$props;
|
|
4282
|
+
let { elasticity } = $$props;
|
|
4105
4283
|
let { animation = 'none' } = $$props;
|
|
4106
4284
|
let { _style = '' } = $$props;
|
|
4107
|
-
let { elasticity = 'none' } = $$props;
|
|
4108
4285
|
let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
|
|
4109
4286
|
let { closeEventName = '' } = $$props;
|
|
4110
4287
|
let { closeEventValue = null } = $$props;
|
|
4111
4288
|
let { closeButtonColor = '#000000' } = $$props;
|
|
4112
4289
|
let { _closeStyle = '' } = $$props;
|
|
4290
|
+
|
|
4291
|
+
// モーダル背景の設定
|
|
4113
4292
|
let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
|
|
4293
|
+
|
|
4294
|
+
let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
|
|
4295
|
+
let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
|
|
4296
|
+
|
|
4297
|
+
// モーダル背景のクリック動作の設定
|
|
4114
4298
|
let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
|
|
4299
|
+
|
|
4300
|
+
let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
|
|
4301
|
+
let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
|
|
4302
|
+
let modalStyles = new Set([]);
|
|
4303
|
+
let transform = getTransform('center');
|
|
4115
4304
|
let modal;
|
|
4116
4305
|
|
|
4117
4306
|
onMount$1(() => {
|
|
4118
|
-
$$invalidate(
|
|
4307
|
+
$$invalidate(16, visible = true);
|
|
4119
4308
|
});
|
|
4120
4309
|
|
|
4121
4310
|
onDestroy$1(() => setPreviousFocus());
|
|
@@ -4123,7 +4312,7 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
4123
4312
|
function div_binding($$value) {
|
|
4124
4313
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
4125
4314
|
modal = $$value;
|
|
4126
|
-
$$invalidate(
|
|
4315
|
+
$$invalidate(15, modal);
|
|
4127
4316
|
});
|
|
4128
4317
|
}
|
|
4129
4318
|
|
|
@@ -4131,21 +4320,23 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
4131
4320
|
if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
|
|
4132
4321
|
if ('clickEventName' in $$props) $$invalidate(1, clickEventName = $$props.clickEventName);
|
|
4133
4322
|
if ('clickEventValue' in $$props) $$invalidate(2, clickEventValue = $$props.clickEventValue);
|
|
4134
|
-
if ('
|
|
4135
|
-
if ('
|
|
4136
|
-
if ('
|
|
4137
|
-
if ('elasticity' in $$props) $$invalidate(
|
|
4138
|
-
if ('
|
|
4139
|
-
if ('
|
|
4140
|
-
if ('
|
|
4141
|
-
if ('
|
|
4142
|
-
if ('
|
|
4143
|
-
if ('
|
|
4323
|
+
if ('useBreakPoint' in $$props) $$invalidate(3, useBreakPoint = $$props.useBreakPoint);
|
|
4324
|
+
if ('placement' in $$props) $$invalidate(24, placement = $$props.placement);
|
|
4325
|
+
if ('breakPoint' in $$props) $$invalidate(25, breakPoint = $$props.breakPoint);
|
|
4326
|
+
if ('elasticity' in $$props) $$invalidate(26, elasticity = $$props.elasticity);
|
|
4327
|
+
if ('animation' in $$props) $$invalidate(4, animation = $$props.animation);
|
|
4328
|
+
if ('_style' in $$props) $$invalidate(5, _style = $$props._style);
|
|
4329
|
+
if ('onClose' in $$props) $$invalidate(6, onClose = $$props.onClose);
|
|
4330
|
+
if ('closeEventName' in $$props) $$invalidate(7, closeEventName = $$props.closeEventName);
|
|
4331
|
+
if ('closeEventValue' in $$props) $$invalidate(8, closeEventValue = $$props.closeEventValue);
|
|
4332
|
+
if ('closeButtonColor' in $$props) $$invalidate(9, closeButtonColor = $$props.closeButtonColor);
|
|
4333
|
+
if ('_closeStyle' in $$props) $$invalidate(10, _closeStyle = $$props._closeStyle);
|
|
4334
|
+
if ('$$scope' in $$props) $$invalidate(33, $$scope = $$props.$$scope);
|
|
4144
4335
|
};
|
|
4145
4336
|
|
|
4146
4337
|
$$self.$$.update = () => {
|
|
4147
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/
|
|
4148
|
-
$$invalidate(
|
|
4338
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 448) {
|
|
4339
|
+
$$invalidate(30, close = () => {
|
|
4149
4340
|
if (closeEventName) {
|
|
4150
4341
|
send_event(closeEventName, closeEventValue);
|
|
4151
4342
|
}
|
|
@@ -4154,28 +4345,49 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
4154
4345
|
});
|
|
4155
4346
|
}
|
|
4156
4347
|
|
|
4157
|
-
if ($$self.$$.dirty & /*onClose*/
|
|
4158
|
-
$$invalidate(
|
|
4348
|
+
if ($$self.$$.dirty[0] & /*onClose*/ 64) {
|
|
4349
|
+
$$invalidate(21, closable = haveFunction(onClose));
|
|
4159
4350
|
}
|
|
4160
4351
|
|
|
4161
|
-
if ($$self.$$.dirty & /*placement*/
|
|
4352
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
|
|
4162
4353
|
{
|
|
4163
4354
|
if (placement && placement.backgroundOverlay) {
|
|
4164
|
-
$$invalidate(
|
|
4355
|
+
$$invalidate(11, backgroundOverlay = placement.backgroundOverlay);
|
|
4356
|
+
}
|
|
4357
|
+
|
|
4358
|
+
if (useBreakPoint) {
|
|
4359
|
+
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
|
4360
|
+
$$invalidate(12, backgroundOverlayPC = pc ?? false);
|
|
4361
|
+
const sp = breakPoint?.SP?.placement?.backgroundOverlay;
|
|
4362
|
+
$$invalidate(13, backgroundOverlaySP = sp ?? false);
|
|
4165
4363
|
}
|
|
4166
4364
|
}
|
|
4167
4365
|
}
|
|
4168
4366
|
|
|
4169
|
-
if ($$self.$$.dirty & /*placement*/
|
|
4367
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
|
|
4170
4368
|
{
|
|
4171
4369
|
if (placement && placement.backgroundClick) {
|
|
4172
|
-
$$invalidate(
|
|
4370
|
+
$$invalidate(27, backgroundClickFunction = placement.backgroundClick);
|
|
4371
|
+
}
|
|
4372
|
+
|
|
4373
|
+
if (useBreakPoint) {
|
|
4374
|
+
const pc = breakPoint?.PC?.placement?.backgroundClick;
|
|
4375
|
+
|
|
4376
|
+
if (pc) {
|
|
4377
|
+
$$invalidate(28, backgroundClickFunctionPC = pc);
|
|
4378
|
+
}
|
|
4379
|
+
|
|
4380
|
+
const sp = breakPoint?.SP?.placement?.backgroundClick;
|
|
4381
|
+
|
|
4382
|
+
if (sp) {
|
|
4383
|
+
$$invalidate(29, backgroundClickFunctionSP = sp);
|
|
4384
|
+
}
|
|
4173
4385
|
}
|
|
4174
4386
|
}
|
|
4175
4387
|
}
|
|
4176
4388
|
|
|
4177
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
|
4178
|
-
$$invalidate(
|
|
4389
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 134218112) {
|
|
4390
|
+
$$invalidate(20, backgroundClick = () => {
|
|
4179
4391
|
if (closeEventName) {
|
|
4180
4392
|
send_event(closeEventName, closeEventValue);
|
|
4181
4393
|
}
|
|
@@ -4184,48 +4396,135 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
4184
4396
|
});
|
|
4185
4397
|
}
|
|
4186
4398
|
|
|
4187
|
-
if ($$self.$$.dirty & /*
|
|
4188
|
-
$$invalidate(
|
|
4189
|
-
|
|
4190
|
-
|
|
4191
|
-
|
|
4399
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 268435840) {
|
|
4400
|
+
$$invalidate(19, backgroundClickPC = () => {
|
|
4401
|
+
if (closeEventName) {
|
|
4402
|
+
send_event(closeEventName, closeEventValue);
|
|
4403
|
+
}
|
|
4192
4404
|
|
|
4193
|
-
|
|
4194
|
-
|
|
4195
|
-
? placement.margin
|
|
4196
|
-
: DefaultModalPlacement.margin);
|
|
4405
|
+
execOnClickOperation(backgroundClickFunctionPC);
|
|
4406
|
+
});
|
|
4197
4407
|
}
|
|
4198
4408
|
|
|
4199
|
-
if ($$self.$$.dirty & /*
|
|
4200
|
-
$$invalidate(
|
|
4409
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 536871296) {
|
|
4410
|
+
$$invalidate(18, backgroundClickSP = () => {
|
|
4411
|
+
if (closeEventName) {
|
|
4412
|
+
send_event(closeEventName, closeEventValue);
|
|
4413
|
+
}
|
|
4414
|
+
|
|
4415
|
+
execOnClickOperation(backgroundClickFunctionSP);
|
|
4416
|
+
});
|
|
4201
4417
|
}
|
|
4202
4418
|
|
|
4203
|
-
if ($$self.$$.dirty & /*
|
|
4204
|
-
|
|
4419
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
|
|
4420
|
+
// 表示位置のスタイルとアニメーションの動きを設定
|
|
4421
|
+
{
|
|
4422
|
+
// 表示位置のスタイルの設定
|
|
4423
|
+
let position = DefaultModalPlacement.position;
|
|
4424
|
+
|
|
4425
|
+
if (placement && placement.position !== null) {
|
|
4426
|
+
position = placement.position;
|
|
4427
|
+
}
|
|
4428
|
+
|
|
4429
|
+
let positionStyle = getPositionStyle(position);
|
|
4430
|
+
|
|
4431
|
+
if (!useBreakPoint) {
|
|
4432
|
+
modalStyles.add(positionStyle);
|
|
4433
|
+
}
|
|
4434
|
+
|
|
4435
|
+
DEVICE_IDS.forEach(deviceId => {
|
|
4436
|
+
if (useBreakPoint) {
|
|
4437
|
+
const positionWithBp = breakPoint[deviceId]?.placement?.position;
|
|
4438
|
+
positionStyle = getPositionStyle(positionWithBp);
|
|
4439
|
+
}
|
|
4440
|
+
|
|
4441
|
+
const positionVariables = stringifyStyleObj(formatObjectKey({
|
|
4442
|
+
obj: parseStyle(positionStyle),
|
|
4443
|
+
prefix: '--modal-bp-',
|
|
4444
|
+
suffix: `-${deviceId.toLowerCase()}`
|
|
4445
|
+
}));
|
|
4446
|
+
|
|
4447
|
+
modalStyles.add(positionVariables);
|
|
4448
|
+
});
|
|
4449
|
+
|
|
4450
|
+
// アニメーションの動きの設定
|
|
4451
|
+
$$invalidate(14, transform = getTransform(position));
|
|
4452
|
+
}
|
|
4205
4453
|
}
|
|
4206
4454
|
|
|
4207
|
-
if ($$self.$$.dirty & /*
|
|
4208
|
-
|
|
4455
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
|
|
4456
|
+
// 表示位置の調整のスタイルを設定
|
|
4457
|
+
{
|
|
4458
|
+
let margin = DefaultModalPlacement.margin;
|
|
4459
|
+
|
|
4460
|
+
if (placement && placement.margin !== null) {
|
|
4461
|
+
margin = placement.margin;
|
|
4462
|
+
}
|
|
4463
|
+
|
|
4464
|
+
let marginStyle = getMarginStyle(margin);
|
|
4465
|
+
|
|
4466
|
+
if (!useBreakPoint) {
|
|
4467
|
+
modalStyles.add(marginStyle);
|
|
4468
|
+
}
|
|
4469
|
+
|
|
4470
|
+
DEVICE_IDS.forEach(deviceId => {
|
|
4471
|
+
if (useBreakPoint) {
|
|
4472
|
+
const marginWithBp = breakPoint[deviceId]?.placement?.margin;
|
|
4473
|
+
marginStyle = getMarginStyle(marginWithBp);
|
|
4474
|
+
}
|
|
4475
|
+
|
|
4476
|
+
const marginVariables = stringifyStyleObj(formatObjectKey({
|
|
4477
|
+
obj: parseStyle(marginStyle),
|
|
4478
|
+
prefix: '--modal-bp-',
|
|
4479
|
+
suffix: `-${deviceId.toLowerCase()}`
|
|
4480
|
+
}));
|
|
4481
|
+
|
|
4482
|
+
modalStyles.add(marginVariables);
|
|
4483
|
+
});
|
|
4484
|
+
}
|
|
4209
4485
|
}
|
|
4210
4486
|
|
|
4211
|
-
if ($$self.$$.dirty & /*
|
|
4212
|
-
|
|
4487
|
+
if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 100663304) {
|
|
4488
|
+
// 拡大方法のスタイルを設定
|
|
4489
|
+
{
|
|
4490
|
+
let elasticStyle = ElasticityStyle[elasticity];
|
|
4491
|
+
|
|
4492
|
+
if (!useBreakPoint) {
|
|
4493
|
+
modalStyles.add(elasticStyle);
|
|
4494
|
+
}
|
|
4495
|
+
|
|
4496
|
+
DEVICE_IDS.forEach(deviceId => {
|
|
4497
|
+
if (useBreakPoint) {
|
|
4498
|
+
const elasticityWithBp = breakPoint[deviceId]?.elasticity;
|
|
4499
|
+
elasticStyle = ElasticityStyle[elasticityWithBp];
|
|
4500
|
+
}
|
|
4501
|
+
|
|
4502
|
+
const elasticityVariables = stringifyStyleObj(formatObjectKey({
|
|
4503
|
+
obj: parseStyle(elasticStyle),
|
|
4504
|
+
prefix: '--modal-bp-',
|
|
4505
|
+
suffix: `-${deviceId.toLowerCase()}`
|
|
4506
|
+
}));
|
|
4507
|
+
|
|
4508
|
+
modalStyles.add(elasticityVariables);
|
|
4509
|
+
});
|
|
4510
|
+
}
|
|
4213
4511
|
}
|
|
4214
4512
|
|
|
4215
|
-
if ($$self.$$.dirty & /*close*/
|
|
4216
|
-
$$invalidate(
|
|
4513
|
+
if ($$self.$$.dirty[0] & /*close*/ 1073741824) {
|
|
4514
|
+
$$invalidate(17, handle_keydown = handleKeydown({ Escape: close }));
|
|
4217
4515
|
}
|
|
4218
4516
|
};
|
|
4219
4517
|
|
|
4220
|
-
$$invalidate(
|
|
4518
|
+
$$invalidate(15, modal = null);
|
|
4221
4519
|
|
|
4222
4520
|
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
|
4223
|
-
$$invalidate(
|
|
4521
|
+
$$invalidate(16, visible = false);
|
|
4224
4522
|
|
|
4225
4523
|
return [
|
|
4226
4524
|
onClick,
|
|
4227
4525
|
clickEventName,
|
|
4228
4526
|
clickEventValue,
|
|
4527
|
+
useBreakPoint,
|
|
4229
4528
|
animation,
|
|
4230
4529
|
_style,
|
|
4231
4530
|
onClose,
|
|
@@ -4234,22 +4533,25 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
4234
4533
|
closeButtonColor,
|
|
4235
4534
|
_closeStyle,
|
|
4236
4535
|
backgroundOverlay,
|
|
4536
|
+
backgroundOverlayPC,
|
|
4537
|
+
backgroundOverlaySP,
|
|
4538
|
+
transform,
|
|
4237
4539
|
modal,
|
|
4238
4540
|
visible,
|
|
4239
4541
|
handle_keydown,
|
|
4240
|
-
|
|
4241
|
-
|
|
4242
|
-
pos,
|
|
4243
|
-
overwriteElasticity,
|
|
4542
|
+
backgroundClickSP,
|
|
4543
|
+
backgroundClickPC,
|
|
4244
4544
|
backgroundClick,
|
|
4245
4545
|
closable,
|
|
4246
4546
|
$maximumZindex,
|
|
4547
|
+
modalStyles,
|
|
4247
4548
|
placement,
|
|
4549
|
+
breakPoint,
|
|
4248
4550
|
elasticity,
|
|
4249
4551
|
backgroundClickFunction,
|
|
4552
|
+
backgroundClickFunctionPC,
|
|
4553
|
+
backgroundClickFunctionSP,
|
|
4250
4554
|
close,
|
|
4251
|
-
overwriteMargin,
|
|
4252
|
-
overwritePosition,
|
|
4253
4555
|
slots,
|
|
4254
4556
|
div_binding,
|
|
4255
4557
|
$$scope
|
|
@@ -4270,17 +4572,20 @@ class Modal extends SvelteComponent {
|
|
|
4270
4572
|
onClick: 0,
|
|
4271
4573
|
clickEventName: 1,
|
|
4272
4574
|
clickEventValue: 2,
|
|
4273
|
-
|
|
4274
|
-
|
|
4275
|
-
|
|
4276
|
-
elasticity:
|
|
4277
|
-
|
|
4278
|
-
|
|
4279
|
-
|
|
4280
|
-
|
|
4281
|
-
|
|
4575
|
+
useBreakPoint: 3,
|
|
4576
|
+
placement: 24,
|
|
4577
|
+
breakPoint: 25,
|
|
4578
|
+
elasticity: 26,
|
|
4579
|
+
animation: 4,
|
|
4580
|
+
_style: 5,
|
|
4581
|
+
onClose: 6,
|
|
4582
|
+
closeEventName: 7,
|
|
4583
|
+
closeEventValue: 8,
|
|
4584
|
+
closeButtonColor: 9,
|
|
4585
|
+
_closeStyle: 10
|
|
4282
4586
|
},
|
|
4283
|
-
add_css$q
|
|
4587
|
+
add_css$q,
|
|
4588
|
+
[-1, -1]
|
|
4284
4589
|
);
|
|
4285
4590
|
}
|
|
4286
4591
|
}
|
|
@@ -4404,7 +4709,7 @@ class Grid extends SvelteComponent {
|
|
|
4404
4709
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
4405
4710
|
|
|
4406
4711
|
function add_css$p(target) {
|
|
4407
|
-
append_styles(target, "svelte-
|
|
4712
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
4408
4713
|
}
|
|
4409
4714
|
|
|
4410
4715
|
function create_fragment$r(ctx) {
|
|
@@ -4419,8 +4724,8 @@ function create_fragment$r(ctx) {
|
|
|
4419
4724
|
div1 = element("div");
|
|
4420
4725
|
div0 = element("div");
|
|
4421
4726
|
if (default_slot) default_slot.c();
|
|
4422
|
-
attr(div0, "class", "grid-item-inner svelte-
|
|
4423
|
-
attr(div1, "class", "grid-item svelte-
|
|
4727
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
|
4728
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
|
4424
4729
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
|
4425
4730
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
|
4426
4731
|
attr(div1, "style", /*_style*/ ctx[1]);
|
|
@@ -4725,7 +5030,7 @@ class RenderText extends SvelteComponent {
|
|
|
4725
5030
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
4726
5031
|
|
|
4727
5032
|
function add_css$o(target) {
|
|
4728
|
-
append_styles(target, "svelte-
|
|
5033
|
+
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}");
|
|
4729
5034
|
}
|
|
4730
5035
|
|
|
4731
5036
|
// (94:2) {:else}
|
|
@@ -4742,8 +5047,8 @@ function create_else_block$1(ctx) {
|
|
|
4742
5047
|
div1 = element("div");
|
|
4743
5048
|
div0 = element("div");
|
|
4744
5049
|
create_component(rendertext.$$.fragment);
|
|
4745
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
4746
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5050
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5051
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
4747
5052
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
4748
5053
|
},
|
|
4749
5054
|
m(target, anchor) {
|
|
@@ -4757,7 +5062,7 @@ function create_else_block$1(ctx) {
|
|
|
4757
5062
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
4758
5063
|
rendertext.$set(rendertext_changes);
|
|
4759
5064
|
|
|
4760
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5065
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
4761
5066
|
attr(div1, "class", div1_class_value);
|
|
4762
5067
|
}
|
|
4763
5068
|
|
|
@@ -4807,12 +5112,12 @@ function create_if_block$3(ctx) {
|
|
|
4807
5112
|
t2 = space();
|
|
4808
5113
|
div2 = element("div");
|
|
4809
5114
|
div2.textContent = "コピーできませんでした";
|
|
4810
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5115
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
4811
5116
|
attr(a, "href", '');
|
|
4812
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5117
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
4813
5118
|
attr(a, "style", /*style*/ ctx[5]);
|
|
4814
|
-
attr(div1, "class", "tooltip svelte-
|
|
4815
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
|
5119
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
|
5120
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
|
4816
5121
|
},
|
|
4817
5122
|
m(target, anchor) {
|
|
4818
5123
|
insert(target, a, anchor);
|
|
@@ -4836,7 +5141,7 @@ function create_if_block$3(ctx) {
|
|
|
4836
5141
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
4837
5142
|
rendertext.$set(rendertext_changes);
|
|
4838
5143
|
|
|
4839
|
-
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-
|
|
5144
|
+
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"))) {
|
|
4840
5145
|
attr(a, "class", a_class_value);
|
|
4841
5146
|
}
|
|
4842
5147
|
|
|
@@ -4888,7 +5193,7 @@ function create_fragment$p(ctx) {
|
|
|
4888
5193
|
c() {
|
|
4889
5194
|
div = element("div");
|
|
4890
5195
|
if_block.c();
|
|
4891
|
-
attr(div, "class", "text-element-wrapper svelte-
|
|
5196
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
|
4892
5197
|
},
|
|
4893
5198
|
m(target, anchor) {
|
|
4894
5199
|
insert(target, div, anchor);
|
|
@@ -5054,7 +5359,7 @@ class TextElement extends SvelteComponent {
|
|
|
5054
5359
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5055
5360
|
|
|
5056
5361
|
function add_css$n(target) {
|
|
5057
|
-
append_styles(target, "svelte-
|
|
5362
|
+
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)}");
|
|
5058
5363
|
}
|
|
5059
5364
|
|
|
5060
5365
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5110,7 +5415,7 @@ function create_fragment$o(ctx) {
|
|
|
5110
5415
|
c() {
|
|
5111
5416
|
div = element("div");
|
|
5112
5417
|
create_component(button.$$.fragment);
|
|
5113
|
-
attr(div, "class", "text-button-element svelte-
|
|
5418
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
|
5114
5419
|
},
|
|
5115
5420
|
m(target, anchor) {
|
|
5116
5421
|
insert(target, div, anchor);
|
|
@@ -5202,7 +5507,7 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5202
5507
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5203
5508
|
|
|
5204
5509
|
function add_css$m(target) {
|
|
5205
|
-
append_styles(target, "svelte-
|
|
5510
|
+
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%}");
|
|
5206
5511
|
}
|
|
5207
5512
|
|
|
5208
5513
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -5214,7 +5519,7 @@ function create_default_slot$4(ctx) {
|
|
|
5214
5519
|
return {
|
|
5215
5520
|
c() {
|
|
5216
5521
|
img = element("img");
|
|
5217
|
-
attr(img, "class", "image svelte-
|
|
5522
|
+
attr(img, "class", "image svelte-t6tu0e");
|
|
5218
5523
|
attr(img, "loading", "lazy");
|
|
5219
5524
|
attr(img, "width", "auto");
|
|
5220
5525
|
attr(img, "height", "auto");
|
|
@@ -5276,7 +5581,7 @@ function create_fragment$n(ctx) {
|
|
|
5276
5581
|
c() {
|
|
5277
5582
|
div = element("div");
|
|
5278
5583
|
create_component(button.$$.fragment);
|
|
5279
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
5584
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
|
5280
5585
|
},
|
|
5281
5586
|
m(target, anchor) {
|
|
5282
5587
|
insert(target, div, anchor);
|
|
@@ -5295,7 +5600,7 @@ function create_fragment$n(ctx) {
|
|
|
5295
5600
|
|
|
5296
5601
|
button.$set(button_changes);
|
|
5297
5602
|
|
|
5298
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
5603
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
|
5299
5604
|
attr(div, "class", div_class_value);
|
|
5300
5605
|
}
|
|
5301
5606
|
},
|
|
@@ -5367,7 +5672,7 @@ class ImageElement extends SvelteComponent {
|
|
|
5367
5672
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
5368
5673
|
|
|
5369
5674
|
function add_css$l(target) {
|
|
5370
|
-
append_styles(target, "svelte-
|
|
5675
|
+
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}");
|
|
5371
5676
|
}
|
|
5372
5677
|
|
|
5373
5678
|
function create_fragment$m(ctx) {
|
|
@@ -5380,7 +5685,7 @@ function create_fragment$m(ctx) {
|
|
|
5380
5685
|
c() {
|
|
5381
5686
|
div = element("div");
|
|
5382
5687
|
if (default_slot) default_slot.c();
|
|
5383
|
-
attr(div, "class", "list svelte-
|
|
5688
|
+
attr(div, "class", "list svelte-aquv6z");
|
|
5384
5689
|
attr(div, "style", /*style*/ ctx[0]);
|
|
5385
5690
|
},
|
|
5386
5691
|
m(target, anchor) {
|
|
@@ -5514,7 +5819,7 @@ class List extends SvelteComponent {
|
|
|
5514
5819
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
5515
5820
|
|
|
5516
5821
|
function add_css$k(target) {
|
|
5517
|
-
append_styles(target, "svelte-
|
|
5822
|
+
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}");
|
|
5518
5823
|
}
|
|
5519
5824
|
|
|
5520
5825
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
|
@@ -5584,7 +5889,7 @@ function create_fragment$l(ctx) {
|
|
|
5584
5889
|
c() {
|
|
5585
5890
|
div = element("div");
|
|
5586
5891
|
create_component(button.$$.fragment);
|
|
5587
|
-
attr(div, "class", "list-item svelte-
|
|
5892
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
|
5588
5893
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
|
5589
5894
|
},
|
|
5590
5895
|
m(target, anchor) {
|
|
@@ -5710,7 +6015,7 @@ class ListItem extends SvelteComponent {
|
|
|
5710
6015
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
5711
6016
|
|
|
5712
6017
|
function add_css$j(target) {
|
|
5713
|
-
append_styles(target, "svelte-
|
|
6018
|
+
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}");
|
|
5714
6019
|
}
|
|
5715
6020
|
|
|
5716
6021
|
function create_fragment$k(ctx) {
|
|
@@ -5719,7 +6024,7 @@ function create_fragment$k(ctx) {
|
|
|
5719
6024
|
return {
|
|
5720
6025
|
c() {
|
|
5721
6026
|
div = element("div");
|
|
5722
|
-
attr(div, "class", "embed svelte-
|
|
6027
|
+
attr(div, "class", "embed svelte-wocq4p");
|
|
5723
6028
|
attr(div, "style", /*_style*/ ctx[1]);
|
|
5724
6029
|
},
|
|
5725
6030
|
m(target, anchor) {
|
|
@@ -5762,7 +6067,7 @@ class EmbedElement extends SvelteComponent {
|
|
|
5762
6067
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
5763
6068
|
|
|
5764
6069
|
function add_css$i(target) {
|
|
5765
|
-
append_styles(target, "svelte-
|
|
6070
|
+
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%}");
|
|
5766
6071
|
}
|
|
5767
6072
|
|
|
5768
6073
|
function create_fragment$j(ctx) {
|
|
@@ -5774,7 +6079,7 @@ function create_fragment$j(ctx) {
|
|
|
5774
6079
|
div1 = element("div");
|
|
5775
6080
|
div0 = element("div");
|
|
5776
6081
|
attr(div0, "class", "karte-player");
|
|
5777
|
-
attr(div1, "class", "embed svelte-
|
|
6082
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
5778
6083
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
5779
6084
|
},
|
|
5780
6085
|
m(target, anchor) {
|
|
@@ -6116,7 +6421,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6116
6421
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6117
6422
|
|
|
6118
6423
|
function add_css$h(target) {
|
|
6119
|
-
append_styles(target, "svelte-
|
|
6424
|
+
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%}");
|
|
6120
6425
|
}
|
|
6121
6426
|
|
|
6122
6427
|
function create_fragment$i(ctx) {
|
|
@@ -6128,7 +6433,7 @@ function create_fragment$i(ctx) {
|
|
|
6128
6433
|
div1 = element("div");
|
|
6129
6434
|
div0 = element("div");
|
|
6130
6435
|
attr(div0, "class", "karte-player");
|
|
6131
|
-
attr(div1, "class", "embed svelte-
|
|
6436
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6132
6437
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6133
6438
|
},
|
|
6134
6439
|
m(target, anchor) {
|
|
@@ -6312,7 +6617,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
6312
6617
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
6313
6618
|
|
|
6314
6619
|
function add_css$g(target) {
|
|
6315
|
-
append_styles(target, "svelte-
|
|
6620
|
+
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}");
|
|
6316
6621
|
}
|
|
6317
6622
|
|
|
6318
6623
|
function create_fragment$h(ctx) {
|
|
@@ -6325,12 +6630,12 @@ function create_fragment$h(ctx) {
|
|
|
6325
6630
|
c() {
|
|
6326
6631
|
div = element("div");
|
|
6327
6632
|
textarea = element("textarea");
|
|
6328
|
-
attr(textarea, "class", "textarea svelte-
|
|
6633
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
|
6329
6634
|
textarea.value = /*$value*/ ctx[4];
|
|
6330
6635
|
textarea.required = /*required*/ ctx[1];
|
|
6331
6636
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
|
6332
6637
|
attr(textarea, "style", /*style*/ ctx[3]);
|
|
6333
|
-
attr(div, "class", "textarea-wrapper svelte-
|
|
6638
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
|
6334
6639
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
|
6335
6640
|
},
|
|
6336
6641
|
m(target, anchor) {
|
|
@@ -6482,7 +6787,7 @@ class FormTextarea extends SvelteComponent {
|
|
|
6482
6787
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
6483
6788
|
|
|
6484
6789
|
function add_css$f(target) {
|
|
6485
|
-
append_styles(target, "svelte-
|
|
6790
|
+
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}");
|
|
6486
6791
|
}
|
|
6487
6792
|
|
|
6488
6793
|
function get_each_context$5(ctx, list, i) {
|
|
@@ -6516,14 +6821,14 @@ function create_each_block$5(ctx) {
|
|
|
6516
6821
|
t1 = text(t1_value);
|
|
6517
6822
|
t2 = space();
|
|
6518
6823
|
attr(input, "type", "radio");
|
|
6519
|
-
attr(input, "class", "radio-button-input svelte-
|
|
6824
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
|
6520
6825
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
|
6521
6826
|
attr(input, "name", /*name*/ ctx[0]);
|
|
6522
6827
|
input.value = input_value_value = /*option*/ ctx[17];
|
|
6523
6828
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
|
6524
|
-
attr(span, "class", "radio-button-text svelte-
|
|
6829
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
|
6525
6830
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
6526
|
-
attr(label, "class", "radio-button svelte-
|
|
6831
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
|
6527
6832
|
},
|
|
6528
6833
|
m(target, anchor) {
|
|
6529
6834
|
insert(target, label, anchor);
|
|
@@ -6588,7 +6893,7 @@ function create_fragment$g(ctx) {
|
|
|
6588
6893
|
each_blocks[i].c();
|
|
6589
6894
|
}
|
|
6590
6895
|
|
|
6591
|
-
attr(div, "class", "radio-buttons svelte-
|
|
6896
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
|
6592
6897
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
6593
6898
|
},
|
|
6594
6899
|
m(target, anchor) {
|
|
@@ -6757,7 +7062,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
6757
7062
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
6758
7063
|
|
|
6759
7064
|
function add_css$e(target) {
|
|
6760
|
-
append_styles(target, "svelte-
|
|
7065
|
+
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}");
|
|
6761
7066
|
}
|
|
6762
7067
|
|
|
6763
7068
|
function get_each_context$4(ctx, list, i) {
|
|
@@ -6891,10 +7196,10 @@ function create_fragment$f(ctx) {
|
|
|
6891
7196
|
|
|
6892
7197
|
t = space();
|
|
6893
7198
|
div0 = element("div");
|
|
6894
|
-
attr(select, "class", "select-select svelte-
|
|
7199
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
|
6895
7200
|
attr(select, "style", /*style*/ ctx[3]);
|
|
6896
|
-
attr(div0, "class", "select-icon svelte-
|
|
6897
|
-
attr(div1, "class", "select svelte-
|
|
7201
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
|
7202
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
|
6898
7203
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
|
6899
7204
|
},
|
|
6900
7205
|
m(target, anchor) {
|
|
@@ -7096,7 +7401,7 @@ class FormSelect extends SvelteComponent {
|
|
|
7096
7401
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7097
7402
|
|
|
7098
7403
|
function add_css$d(target) {
|
|
7099
|
-
append_styles(target, "svelte-
|
|
7404
|
+
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}");
|
|
7100
7405
|
}
|
|
7101
7406
|
|
|
7102
7407
|
function get_each_context$3(ctx, list, i) {
|
|
@@ -7135,19 +7440,19 @@ function create_each_block$3(ctx) {
|
|
|
7135
7440
|
span2 = element("span");
|
|
7136
7441
|
t2 = text(t2_value);
|
|
7137
7442
|
t3 = space();
|
|
7138
|
-
attr(input, "class", "check-box-input svelte-
|
|
7443
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
|
7139
7444
|
attr(input, "type", "checkbox");
|
|
7140
7445
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7141
7446
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
|
7142
|
-
attr(span0, "class", "check-box-icon svelte-
|
|
7447
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
|
7143
7448
|
|
|
7144
7449
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
7145
7450
|
? ' _checked'
|
|
7146
|
-
: ''}`) + " svelte-
|
|
7451
|
+
: ''}`) + " svelte-1p65cg8"));
|
|
7147
7452
|
|
|
7148
|
-
attr(span2, "class", "check-box-text svelte-
|
|
7453
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
|
7149
7454
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7150
|
-
attr(label, "class", "check-box svelte-
|
|
7455
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
|
7151
7456
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
|
7152
7457
|
},
|
|
7153
7458
|
m(target, anchor) {
|
|
@@ -7179,7 +7484,7 @@ function create_each_block$3(ctx) {
|
|
|
7179
7484
|
|
|
7180
7485
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
7181
7486
|
? ' _checked'
|
|
7182
|
-
: ''}`) + " svelte-
|
|
7487
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
|
7183
7488
|
attr(span1, "class", span1_class_value);
|
|
7184
7489
|
}
|
|
7185
7490
|
|
|
@@ -7218,7 +7523,7 @@ function create_fragment$e(ctx) {
|
|
|
7218
7523
|
each_blocks[i].c();
|
|
7219
7524
|
}
|
|
7220
7525
|
|
|
7221
|
-
attr(div, "class", "check-boxes svelte-
|
|
7526
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
|
7222
7527
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7223
7528
|
},
|
|
7224
7529
|
m(target, anchor) {
|
|
@@ -7393,7 +7698,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
7393
7698
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
7394
7699
|
|
|
7395
7700
|
function add_css$c(target) {
|
|
7396
|
-
append_styles(target, "svelte-
|
|
7701
|
+
append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
|
|
7397
7702
|
}
|
|
7398
7703
|
|
|
7399
7704
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -7417,7 +7722,7 @@ function create_each_block$2(ctx) {
|
|
|
7417
7722
|
button = element("button");
|
|
7418
7723
|
t0 = text(t0_value);
|
|
7419
7724
|
t1 = space();
|
|
7420
|
-
attr(button, "class", "rating-button svelte-
|
|
7725
|
+
attr(button, "class", "rating-button svelte-zy2va9");
|
|
7421
7726
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
|
7422
7727
|
},
|
|
7423
7728
|
m(target, anchor) {
|
|
@@ -7466,7 +7771,7 @@ function create_fragment$d(ctx) {
|
|
|
7466
7771
|
each_blocks[i].c();
|
|
7467
7772
|
}
|
|
7468
7773
|
|
|
7469
|
-
attr(div, "class", "rating-buttons svelte-
|
|
7774
|
+
attr(div, "class", "rating-buttons svelte-zy2va9");
|
|
7470
7775
|
},
|
|
7471
7776
|
m(target, anchor) {
|
|
7472
7777
|
insert(target, div, anchor);
|
|
@@ -7605,7 +7910,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
7605
7910
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
7606
7911
|
|
|
7607
7912
|
function add_css$b(target) {
|
|
7608
|
-
append_styles(target, "svelte-
|
|
7913
|
+
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%)}");
|
|
7609
7914
|
}
|
|
7610
7915
|
|
|
7611
7916
|
function get_each_context$1(ctx, list, i) {
|
|
@@ -7630,9 +7935,9 @@ function create_each_block$1(ctx) {
|
|
|
7630
7935
|
img = element("img");
|
|
7631
7936
|
t = space();
|
|
7632
7937
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
|
7633
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
7938
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
|
7634
7939
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
|
7635
|
-
attr(button, "class", "rating-button svelte-
|
|
7940
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
|
7636
7941
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
|
7637
7942
|
},
|
|
7638
7943
|
m(target, anchor) {
|
|
@@ -7648,7 +7953,7 @@ function create_each_block$1(ctx) {
|
|
|
7648
7953
|
p(new_ctx, dirty) {
|
|
7649
7954
|
ctx = new_ctx;
|
|
7650
7955
|
|
|
7651
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
7956
|
+
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"))) {
|
|
7652
7957
|
attr(img, "class", img_class_value);
|
|
7653
7958
|
}
|
|
7654
7959
|
|
|
@@ -7681,7 +7986,7 @@ function create_fragment$c(ctx) {
|
|
|
7681
7986
|
each_blocks[i].c();
|
|
7682
7987
|
}
|
|
7683
7988
|
|
|
7684
|
-
attr(div, "class", "rating-buttons svelte-
|
|
7989
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
|
7685
7990
|
},
|
|
7686
7991
|
m(target, anchor) {
|
|
7687
7992
|
insert(target, div, anchor);
|
|
@@ -7789,7 +8094,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
7789
8094
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
7790
8095
|
|
|
7791
8096
|
function add_css$a(target) {
|
|
7792
|
-
append_styles(target, "svelte-
|
|
8097
|
+
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%}");
|
|
7793
8098
|
}
|
|
7794
8099
|
|
|
7795
8100
|
function get_each_context(ctx, list, i) {
|
|
@@ -7818,9 +8123,9 @@ function create_if_block_1(ctx) {
|
|
|
7818
8123
|
attr(svg, "viewBox", "0 0 10 16");
|
|
7819
8124
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
7820
8125
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
|
7821
|
-
attr(button, "class", "move-button svelte-
|
|
8126
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
7822
8127
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
|
7823
|
-
attr(div, "class", "prev-button-container svelte-
|
|
8128
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
|
7824
8129
|
},
|
|
7825
8130
|
m(target, anchor) {
|
|
7826
8131
|
insert(target, div, anchor);
|
|
@@ -7869,9 +8174,9 @@ function create_if_block$1(ctx) {
|
|
|
7869
8174
|
attr(svg, "viewBox", "0 0 10 16");
|
|
7870
8175
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
7871
8176
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
|
7872
|
-
attr(button, "class", "move-button svelte-
|
|
8177
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
7873
8178
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
|
7874
|
-
attr(div, "class", "next-button-container svelte-
|
|
8179
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
|
7875
8180
|
},
|
|
7876
8181
|
m(target, anchor) {
|
|
7877
8182
|
insert(target, div, anchor);
|
|
@@ -7919,9 +8224,9 @@ function create_each_block(ctx) {
|
|
|
7919
8224
|
button = element("button");
|
|
7920
8225
|
div = element("div");
|
|
7921
8226
|
t = space();
|
|
7922
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
|
8227
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
|
7923
8228
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
|
7924
|
-
attr(button, "class", "navigation-item svelte-
|
|
8229
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
|
7925
8230
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
|
7926
8231
|
},
|
|
7927
8232
|
m(target, anchor) {
|
|
@@ -7998,14 +8303,14 @@ function create_fragment$b(ctx) {
|
|
|
7998
8303
|
each_blocks[i].c();
|
|
7999
8304
|
}
|
|
8000
8305
|
|
|
8001
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
8306
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
|
8002
8307
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
|
8003
|
-
attr(div1, "class", "container svelte-
|
|
8308
|
+
attr(div1, "class", "container svelte-ji1fh");
|
|
8004
8309
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
8005
|
-
attr(div2, "class", "navigation svelte-
|
|
8310
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
|
8006
8311
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
|
8007
8312
|
set_attributes(div3, div3_data);
|
|
8008
|
-
toggle_class(div3, "svelte-
|
|
8313
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
8009
8314
|
},
|
|
8010
8315
|
m(target, anchor) {
|
|
8011
8316
|
insert(target, div3, anchor);
|
|
@@ -8047,7 +8352,7 @@ function create_fragment$b(ctx) {
|
|
|
8047
8352
|
}
|
|
8048
8353
|
}
|
|
8049
8354
|
|
|
8050
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
8355
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
|
8051
8356
|
attr(div0, "class", div0_class_value);
|
|
8052
8357
|
}
|
|
8053
8358
|
|
|
@@ -8113,7 +8418,7 @@ function create_fragment$b(ctx) {
|
|
|
8113
8418
|
}
|
|
8114
8419
|
|
|
8115
8420
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
|
8116
|
-
toggle_class(div3, "svelte-
|
|
8421
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
8117
8422
|
},
|
|
8118
8423
|
i(local) {
|
|
8119
8424
|
if (current) return;
|
|
@@ -8625,7 +8930,7 @@ class Slide extends SvelteComponent {
|
|
|
8625
8930
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
8626
8931
|
|
|
8627
8932
|
function add_css$9(target) {
|
|
8628
|
-
append_styles(target, "svelte-
|
|
8933
|
+
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}");
|
|
8629
8934
|
}
|
|
8630
8935
|
|
|
8631
8936
|
function create_fragment$a(ctx) {
|
|
@@ -8640,9 +8945,9 @@ function create_fragment$a(ctx) {
|
|
|
8640
8945
|
div1 = element("div");
|
|
8641
8946
|
div0 = element("div");
|
|
8642
8947
|
if (default_slot) default_slot.c();
|
|
8643
|
-
attr(div0, "class", "item-inner svelte-
|
|
8948
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
|
8644
8949
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
8645
|
-
attr(div1, "class", "item svelte-
|
|
8950
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
|
8646
8951
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
|
8647
8952
|
},
|
|
8648
8953
|
m(target, anchor) {
|
|
@@ -8768,7 +9073,7 @@ class SlideItem extends SvelteComponent {
|
|
|
8768
9073
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
8769
9074
|
|
|
8770
9075
|
function add_css$8(target) {
|
|
8771
|
-
append_styles(target, "svelte-
|
|
9076
|
+
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}");
|
|
8772
9077
|
}
|
|
8773
9078
|
|
|
8774
9079
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
@@ -8786,9 +9091,9 @@ function create_fragment$9(ctx) {
|
|
|
8786
9091
|
div1 = element("div");
|
|
8787
9092
|
div0 = element("div");
|
|
8788
9093
|
if (default_slot) default_slot.c();
|
|
8789
|
-
attr(div0, "class", "countdown-inner svelte-
|
|
9094
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
|
8790
9095
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
8791
|
-
attr(div1, "class", "countdown svelte-
|
|
9096
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
|
8792
9097
|
},
|
|
8793
9098
|
m(target, anchor) {
|
|
8794
9099
|
insert(target, div1, anchor);
|
|
@@ -8922,7 +9227,7 @@ class Countdown extends SvelteComponent {
|
|
|
8922
9227
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
8923
9228
|
|
|
8924
9229
|
function add_css$7(target) {
|
|
8925
|
-
append_styles(target, "svelte-
|
|
9230
|
+
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}");
|
|
8926
9231
|
}
|
|
8927
9232
|
|
|
8928
9233
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -8992,7 +9297,7 @@ function create_fragment$8(ctx) {
|
|
|
8992
9297
|
c() {
|
|
8993
9298
|
div = element("div");
|
|
8994
9299
|
create_component(button.$$.fragment);
|
|
8995
|
-
attr(div, "class", "box svelte-
|
|
9300
|
+
attr(div, "class", "box svelte-1ccydfy");
|
|
8996
9301
|
},
|
|
8997
9302
|
m(target, anchor) {
|
|
8998
9303
|
insert(target, div, anchor);
|
|
@@ -9053,7 +9358,7 @@ class Box extends SvelteComponent {
|
|
|
9053
9358
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
9054
9359
|
|
|
9055
9360
|
function add_css$6(target) {
|
|
9056
|
-
append_styles(target, "svelte-
|
|
9361
|
+
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)}");
|
|
9057
9362
|
}
|
|
9058
9363
|
|
|
9059
9364
|
// (56:4) {#if svg}
|
|
@@ -9135,7 +9440,7 @@ function create_fragment$7(ctx) {
|
|
|
9135
9440
|
c() {
|
|
9136
9441
|
div = element("div");
|
|
9137
9442
|
create_component(button.$$.fragment);
|
|
9138
|
-
attr(div, "class", "icon svelte-
|
|
9443
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
|
9139
9444
|
},
|
|
9140
9445
|
m(target, anchor) {
|
|
9141
9446
|
insert(target, div, anchor);
|
|
@@ -9244,7 +9549,7 @@ class IconElement extends SvelteComponent {
|
|
|
9244
9549
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
9245
9550
|
|
|
9246
9551
|
function add_css$5(target) {
|
|
9247
|
-
append_styles(target, "svelte-
|
|
9552
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
9248
9553
|
}
|
|
9249
9554
|
|
|
9250
9555
|
function create_fragment$6(ctx) {
|
|
@@ -9270,7 +9575,7 @@ function create_fragment$6(ctx) {
|
|
|
9270
9575
|
c() {
|
|
9271
9576
|
div = element("div");
|
|
9272
9577
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
|
9273
|
-
attr(div, "class", "codeElement svelte-
|
|
9578
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
|
9274
9579
|
attr(div, "style", /*style*/ ctx[3]);
|
|
9275
9580
|
},
|
|
9276
9581
|
m(target, anchor) {
|
|
@@ -9359,7 +9664,7 @@ class CodeElement extends SvelteComponent {
|
|
|
9359
9664
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
9360
9665
|
|
|
9361
9666
|
function add_css$4(target) {
|
|
9362
|
-
append_styles(target, "svelte-
|
|
9667
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
9363
9668
|
}
|
|
9364
9669
|
|
|
9365
9670
|
function create_fragment$5(ctx) {
|
|
@@ -9373,7 +9678,7 @@ function create_fragment$5(ctx) {
|
|
|
9373
9678
|
c() {
|
|
9374
9679
|
div = element("div");
|
|
9375
9680
|
if (default_slot) default_slot.c();
|
|
9376
|
-
attr(div, "class", "flex svelte-
|
|
9681
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
|
9377
9682
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
|
9378
9683
|
},
|
|
9379
9684
|
m(target, anchor) {
|
|
@@ -9470,7 +9775,7 @@ class Flex extends SvelteComponent {
|
|
|
9470
9775
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
9471
9776
|
|
|
9472
9777
|
function add_css$3(target) {
|
|
9473
|
-
append_styles(target, "svelte-
|
|
9778
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
9474
9779
|
}
|
|
9475
9780
|
|
|
9476
9781
|
function create_fragment$4(ctx) {
|
|
@@ -9483,7 +9788,7 @@ function create_fragment$4(ctx) {
|
|
|
9483
9788
|
c() {
|
|
9484
9789
|
div = element("div");
|
|
9485
9790
|
if (default_slot) default_slot.c();
|
|
9486
|
-
attr(div, "class", "flex-item svelte-
|
|
9791
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
|
9487
9792
|
attr(div, "style", /*style*/ ctx[0]);
|
|
9488
9793
|
},
|
|
9489
9794
|
m(target, anchor) {
|
|
@@ -9891,7 +10196,7 @@ class GridModalState extends SvelteComponent {
|
|
|
9891
10196
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
9892
10197
|
|
|
9893
10198
|
function add_css$2(target) {
|
|
9894
|
-
append_styles(target, "svelte-
|
|
10199
|
+
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%}");
|
|
9895
10200
|
}
|
|
9896
10201
|
|
|
9897
10202
|
function create_fragment$2(ctx) {
|
|
@@ -9907,8 +10212,8 @@ function create_fragment$2(ctx) {
|
|
|
9907
10212
|
div1 = element("div");
|
|
9908
10213
|
div0 = element("div");
|
|
9909
10214
|
create_component(rendertext.$$.fragment);
|
|
9910
|
-
attr(div0, "class", "text-block-inner svelte-
|
|
9911
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
10215
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
|
10216
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
|
9912
10217
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
9913
10218
|
},
|
|
9914
10219
|
m(target, anchor) {
|
|
@@ -9922,7 +10227,7 @@ function create_fragment$2(ctx) {
|
|
|
9922
10227
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
9923
10228
|
rendertext.$set(rendertext_changes);
|
|
9924
10229
|
|
|
9925
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
10230
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
|
9926
10231
|
attr(div1, "class", div1_class_value);
|
|
9927
10232
|
}
|
|
9928
10233
|
|
|
@@ -10000,7 +10305,7 @@ class TextBlock extends SvelteComponent {
|
|
|
10000
10305
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
10001
10306
|
|
|
10002
10307
|
function add_css$1(target) {
|
|
10003
|
-
append_styles(target, "svelte-
|
|
10308
|
+
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)}");
|
|
10004
10309
|
}
|
|
10005
10310
|
|
|
10006
10311
|
function create_fragment$1(ctx) {
|
|
@@ -10017,9 +10322,9 @@ function create_fragment$1(ctx) {
|
|
|
10017
10322
|
div = element("div");
|
|
10018
10323
|
button = element("button");
|
|
10019
10324
|
create_component(rendertext.$$.fragment);
|
|
10020
|
-
attr(button, "class", "text-button svelte-
|
|
10325
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
|
10021
10326
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
10022
|
-
attr(div, "class", "text-button-block svelte-
|
|
10327
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
|
10023
10328
|
attr(div, "style", /*_style*/ ctx[2]);
|
|
10024
10329
|
},
|
|
10025
10330
|
m(target, anchor) {
|
|
@@ -10125,7 +10430,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
10125
10430
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
10126
10431
|
|
|
10127
10432
|
function add_css(target) {
|
|
10128
|
-
append_styles(target, "svelte-
|
|
10433
|
+
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)}");
|
|
10129
10434
|
}
|
|
10130
10435
|
|
|
10131
10436
|
function create_fragment(ctx) {
|
|
@@ -10141,14 +10446,14 @@ function create_fragment(ctx) {
|
|
|
10141
10446
|
c() {
|
|
10142
10447
|
div = element("div");
|
|
10143
10448
|
img = element("img");
|
|
10144
|
-
attr(img, "class", "image svelte-
|
|
10449
|
+
attr(img, "class", "image svelte-1pdw891");
|
|
10145
10450
|
attr(img, "loading", "lazy");
|
|
10146
10451
|
attr(img, "width", "auto");
|
|
10147
10452
|
attr(img, "height", "auto");
|
|
10148
10453
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
|
10149
10454
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
|
10150
10455
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
10151
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
10456
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
|
10152
10457
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
10153
10458
|
},
|
|
10154
10459
|
m(target, anchor) {
|
|
@@ -10173,7 +10478,7 @@ function create_fragment(ctx) {
|
|
|
10173
10478
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
10174
10479
|
}
|
|
10175
10480
|
|
|
10176
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
10481
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
|
10177
10482
|
attr(div, "class", div_class_value);
|
|
10178
10483
|
}
|
|
10179
10484
|
|
|
@@ -10249,4 +10554,4 @@ class ImageBlock extends SvelteComponent {
|
|
|
10249
10554
|
}
|
|
10250
10555
|
}
|
|
10251
10556
|
|
|
10252
|
-
export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, 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, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|
|
10557
|
+
export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, 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, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|