@plaidev/karte-action-sdk 1.1.232-28663591.feead91d → 1.1.232-28686916.d479e0f0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +1 -0
- package/dist/hydrate/index.es.js +1386 -438
- package/dist/index.es.d.ts +1 -0
- package/dist/index.es.js +1315 -431
- package/dist/templates.cjs.js +1 -0
- package/dist/templates.js +1 -0
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -2818,7 +2818,7 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
2818
2818
|
|
2819
2819
|
/* src/components/Header.svelte generated by Svelte v3.53.1 */
|
2820
2820
|
|
2821
|
-
function create_if_block$
|
2821
|
+
function create_if_block$d(ctx) {
|
2822
2822
|
let link;
|
2823
2823
|
|
2824
2824
|
return {
|
@@ -2849,9 +2849,9 @@ function create_if_block$b(ctx) {
|
|
2849
2849
|
};
|
2850
2850
|
}
|
2851
2851
|
|
2852
|
-
function create_fragment$
|
2852
|
+
function create_fragment$17(ctx) {
|
2853
2853
|
let head;
|
2854
|
-
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$
|
2854
|
+
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
|
2855
2855
|
|
2856
2856
|
return {
|
2857
2857
|
c() {
|
@@ -2873,7 +2873,7 @@ function create_fragment$15(ctx) {
|
|
2873
2873
|
if (if_block) {
|
2874
2874
|
if_block.p(ctx, dirty);
|
2875
2875
|
} else {
|
2876
|
-
if_block = create_if_block$
|
2876
|
+
if_block = create_if_block$d(ctx);
|
2877
2877
|
if_block.c();
|
2878
2878
|
if_block.m(head, null);
|
2879
2879
|
}
|
@@ -2891,7 +2891,7 @@ function create_fragment$15(ctx) {
|
|
2891
2891
|
};
|
2892
2892
|
}
|
2893
2893
|
|
2894
|
-
function instance$
|
2894
|
+
function instance$17($$self, $$props, $$invalidate) {
|
2895
2895
|
let $fonts;
|
2896
2896
|
component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
|
2897
2897
|
let googleFontUrl = '';
|
@@ -2921,13 +2921,13 @@ function instance$15($$self, $$props, $$invalidate) {
|
|
2921
2921
|
class Header extends SvelteComponent {
|
2922
2922
|
constructor(options) {
|
2923
2923
|
super();
|
2924
|
-
init(this, options, instance$
|
2924
|
+
init(this, options, instance$17, create_fragment$17, safe_not_equal, {});
|
2925
2925
|
}
|
2926
2926
|
}
|
2927
2927
|
|
2928
2928
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
2929
2929
|
|
2930
|
-
function create_fragment$
|
2930
|
+
function create_fragment$16(ctx) {
|
2931
2931
|
let header;
|
2932
2932
|
let t;
|
2933
2933
|
let current;
|
@@ -2991,7 +2991,7 @@ function create_fragment$14(ctx) {
|
|
2991
2991
|
};
|
2992
2992
|
}
|
2993
2993
|
|
2994
|
-
function instance$
|
2994
|
+
function instance$16($$self, $$props, $$invalidate) {
|
2995
2995
|
let { $$slots: slots = {}, $$scope } = $$props;
|
2996
2996
|
|
2997
2997
|
$$self.$$set = $$props => {
|
@@ -3004,18 +3004,18 @@ function instance$14($$self, $$props, $$invalidate) {
|
|
3004
3004
|
class State extends SvelteComponent {
|
3005
3005
|
constructor(options) {
|
3006
3006
|
super();
|
3007
|
-
init(this, options, instance$
|
3007
|
+
init(this, options, instance$16, create_fragment$16, safe_not_equal, {});
|
3008
3008
|
}
|
3009
3009
|
}
|
3010
3010
|
|
3011
3011
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3012
3012
|
|
3013
|
-
function add_css$
|
3013
|
+
function add_css$E(target) {
|
3014
3014
|
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
3015
3015
|
}
|
3016
3016
|
|
3017
3017
|
// (23:0) {#if $state === path}
|
3018
|
-
function create_if_block$
|
3018
|
+
function create_if_block$c(ctx) {
|
3019
3019
|
let div;
|
3020
3020
|
let t;
|
3021
3021
|
let current;
|
@@ -3087,10 +3087,10 @@ function create_if_block$a(ctx) {
|
|
3087
3087
|
};
|
3088
3088
|
}
|
3089
3089
|
|
3090
|
-
function create_fragment$
|
3090
|
+
function create_fragment$15(ctx) {
|
3091
3091
|
let if_block_anchor;
|
3092
3092
|
let current;
|
3093
|
-
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$
|
3093
|
+
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
|
3094
3094
|
|
3095
3095
|
return {
|
3096
3096
|
c() {
|
@@ -3115,7 +3115,7 @@ function create_fragment$13(ctx) {
|
|
3115
3115
|
transition_in(if_block, 1);
|
3116
3116
|
}
|
3117
3117
|
} else {
|
3118
|
-
if_block = create_if_block$
|
3118
|
+
if_block = create_if_block$c(ctx);
|
3119
3119
|
if_block.c();
|
3120
3120
|
transition_in(if_block, 1);
|
3121
3121
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
@@ -3152,7 +3152,7 @@ function getStateItemContext() {
|
|
3152
3152
|
return getContext(STATE_ITEM_CONTEXT_KEY);
|
3153
3153
|
}
|
3154
3154
|
|
3155
|
-
function instance$
|
3155
|
+
function instance$15($$self, $$props, $$invalidate) {
|
3156
3156
|
let $state;
|
3157
3157
|
component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
|
3158
3158
|
let { $$slots: slots = {}, $$scope } = $$props;
|
@@ -3178,7 +3178,7 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
3178
3178
|
class StateItem extends SvelteComponent {
|
3179
3179
|
constructor(options) {
|
3180
3180
|
super();
|
3181
|
-
init(this, options, instance$
|
3181
|
+
init(this, options, instance$15, create_fragment$15, safe_not_equal, { path: 0 }, add_css$E);
|
3182
3182
|
}
|
3183
3183
|
}
|
3184
3184
|
|
@@ -3304,12 +3304,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3304
3304
|
|
3305
3305
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3306
3306
|
|
3307
|
-
function add_css$
|
3307
|
+
function add_css$D(target) {
|
3308
3308
|
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}");
|
3309
3309
|
}
|
3310
3310
|
|
3311
3311
|
// (14:0) {#if backgroundOverlay}
|
3312
|
-
function create_if_block$
|
3312
|
+
function create_if_block$b(ctx) {
|
3313
3313
|
let div;
|
3314
3314
|
let div_class_value;
|
3315
3315
|
let mounted;
|
@@ -3349,9 +3349,9 @@ function create_if_block$9(ctx) {
|
|
3349
3349
|
};
|
3350
3350
|
}
|
3351
3351
|
|
3352
|
-
function create_fragment$
|
3352
|
+
function create_fragment$14(ctx) {
|
3353
3353
|
let if_block_anchor;
|
3354
|
-
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$
|
3354
|
+
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
|
3355
3355
|
|
3356
3356
|
return {
|
3357
3357
|
c() {
|
@@ -3371,7 +3371,7 @@ function create_fragment$12(ctx) {
|
|
3371
3371
|
if (if_block) {
|
3372
3372
|
if_block.p(ctx, dirty);
|
3373
3373
|
} else {
|
3374
|
-
if_block = create_if_block$
|
3374
|
+
if_block = create_if_block$b(ctx);
|
3375
3375
|
if_block.c();
|
3376
3376
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
3377
3377
|
}
|
@@ -3389,7 +3389,7 @@ function create_fragment$12(ctx) {
|
|
3389
3389
|
};
|
3390
3390
|
}
|
3391
3391
|
|
3392
|
-
function instance$
|
3392
|
+
function instance$14($$self, $$props, $$invalidate) {
|
3393
3393
|
let { backgroundOverlay = false } = $$props;
|
3394
3394
|
let { class: className = undefined } = $$props;
|
3395
3395
|
const dispatch = createEventDispatcher();
|
@@ -3403,12 +3403,12 @@ function instance$12($$self, $$props, $$invalidate) {
|
|
3403
3403
|
return [backgroundOverlay, className, dispatch, click_handler];
|
3404
3404
|
}
|
3405
3405
|
|
3406
|
-
class BackgroundOverlay extends SvelteComponent {
|
3406
|
+
let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
|
3407
3407
|
constructor(options) {
|
3408
3408
|
super();
|
3409
|
-
init(this, options, instance$
|
3409
|
+
init(this, options, instance$14, create_fragment$14, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$D);
|
3410
3410
|
}
|
3411
|
-
}
|
3411
|
+
};
|
3412
3412
|
|
3413
3413
|
/**
|
3414
3414
|
* data属性とカスタムのイベントハンドラによるstopPropagation。
|
@@ -3446,12 +3446,12 @@ function checkStopPropagation(eventName, handler) {
|
|
3446
3446
|
|
3447
3447
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3448
3448
|
|
3449
|
-
function add_css$
|
3449
|
+
function add_css$C(target) {
|
3450
3450
|
append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
|
3451
3451
|
}
|
3452
3452
|
|
3453
3453
|
// (50:0) {:else}
|
3454
|
-
function create_else_block$
|
3454
|
+
function create_else_block$5(ctx) {
|
3455
3455
|
let button;
|
3456
3456
|
let current;
|
3457
3457
|
let mounted;
|
@@ -3546,7 +3546,7 @@ function create_else_block$4(ctx) {
|
|
3546
3546
|
}
|
3547
3547
|
|
3548
3548
|
// (46:39)
|
3549
|
-
function create_if_block_2$
|
3549
|
+
function create_if_block_2$2(ctx) {
|
3550
3550
|
let div;
|
3551
3551
|
let current;
|
3552
3552
|
const default_slot_template = /*#slots*/ ctx[9].default;
|
@@ -3615,7 +3615,7 @@ function create_if_block_2$1(ctx) {
|
|
3615
3615
|
}
|
3616
3616
|
|
3617
3617
|
// (35:41)
|
3618
|
-
function create_if_block_1$
|
3618
|
+
function create_if_block_1$3(ctx) {
|
3619
3619
|
let a;
|
3620
3620
|
let a_href_value;
|
3621
3621
|
let a_target_value;
|
@@ -3729,7 +3729,7 @@ function create_if_block_1$2(ctx) {
|
|
3729
3729
|
}
|
3730
3730
|
|
3731
3731
|
// (31:0) {#if disabled}
|
3732
|
-
function create_if_block$
|
3732
|
+
function create_if_block$a(ctx) {
|
3733
3733
|
let div;
|
3734
3734
|
let current;
|
3735
3735
|
const default_slot_template = /*#slots*/ ctx[9].default;
|
@@ -3797,12 +3797,12 @@ function create_if_block$8(ctx) {
|
|
3797
3797
|
};
|
3798
3798
|
}
|
3799
3799
|
|
3800
|
-
function create_fragment$
|
3800
|
+
function create_fragment$13(ctx) {
|
3801
3801
|
let current_block_type_index;
|
3802
3802
|
let if_block;
|
3803
3803
|
let if_block_anchor;
|
3804
3804
|
let current;
|
3805
|
-
const if_block_creators = [create_if_block$
|
3805
|
+
const if_block_creators = [create_if_block$a, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
|
3806
3806
|
const if_blocks = [];
|
3807
3807
|
|
3808
3808
|
function select_block_type(ctx, dirty) {
|
@@ -3874,7 +3874,7 @@ function create_fragment$11(ctx) {
|
|
3874
3874
|
|
3875
3875
|
const BUTTON_CLASS = 'button';
|
3876
3876
|
|
3877
|
-
function instance$
|
3877
|
+
function instance$13($$self, $$props, $$invalidate) {
|
3878
3878
|
let disabled;
|
3879
3879
|
let $valuesAreValid;
|
3880
3880
|
let { $$slots: slots = {}, $$scope } = $$props;
|
@@ -3940,8 +3940,8 @@ let Button$1 = class Button extends SvelteComponent {
|
|
3940
3940
|
init(
|
3941
3941
|
this,
|
3942
3942
|
options,
|
3943
|
-
instance$
|
3944
|
-
create_fragment$
|
3943
|
+
instance$13,
|
3944
|
+
create_fragment$13,
|
3945
3945
|
safe_not_equal,
|
3946
3946
|
{
|
3947
3947
|
onClick: 0,
|
@@ -3949,23 +3949,23 @@ let Button$1 = class Button extends SvelteComponent {
|
|
3949
3949
|
eventValue: 6,
|
3950
3950
|
style: 1
|
3951
3951
|
},
|
3952
|
-
add_css$
|
3952
|
+
add_css$C
|
3953
3953
|
);
|
3954
3954
|
}
|
3955
3955
|
};
|
3956
3956
|
|
3957
3957
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
3958
3958
|
|
3959
|
-
function add_css$
|
3959
|
+
function add_css$B(target) {
|
3960
3960
|
append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
3961
3961
|
}
|
3962
3962
|
|
3963
3963
|
// (277:0) {:else}
|
3964
|
-
function create_else_block$
|
3964
|
+
function create_else_block$4(ctx) {
|
3965
3965
|
let backgroundoverlay;
|
3966
3966
|
let current;
|
3967
3967
|
|
3968
|
-
backgroundoverlay = new BackgroundOverlay({
|
3968
|
+
backgroundoverlay = new BackgroundOverlay$1({
|
3969
3969
|
props: {
|
3970
3970
|
backgroundOverlay: /*backgroundOverlay*/ ctx[12]
|
3971
3971
|
}
|
@@ -4008,13 +4008,13 @@ function create_else_block$3(ctx) {
|
|
4008
4008
|
}
|
4009
4009
|
|
4010
4010
|
// (266:24)
|
4011
|
-
function create_if_block_3(ctx) {
|
4011
|
+
function create_if_block_3$1(ctx) {
|
4012
4012
|
let backgroundoverlay0;
|
4013
4013
|
let t;
|
4014
4014
|
let backgroundoverlay1;
|
4015
4015
|
let current;
|
4016
4016
|
|
4017
|
-
backgroundoverlay0 = new BackgroundOverlay({
|
4017
|
+
backgroundoverlay0 = new BackgroundOverlay$1({
|
4018
4018
|
props: {
|
4019
4019
|
class: "background-bp-pc",
|
4020
4020
|
backgroundOverlay: /*backgroundOverlayPC*/ ctx[13]
|
@@ -4025,7 +4025,7 @@ function create_if_block_3(ctx) {
|
|
4025
4025
|
if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
|
4026
4026
|
});
|
4027
4027
|
|
4028
|
-
backgroundoverlay1 = new BackgroundOverlay({
|
4028
|
+
backgroundoverlay1 = new BackgroundOverlay$1({
|
4029
4029
|
props: {
|
4030
4030
|
class: "background-bp-sp ",
|
4031
4031
|
backgroundOverlay: /*backgroundOverlaySP*/ ctx[14]
|
@@ -4082,7 +4082,7 @@ function create_if_block_3(ctx) {
|
|
4082
4082
|
}
|
4083
4083
|
|
4084
4084
|
// (264:0) {#if isPreview()}
|
4085
|
-
function create_if_block_2(ctx) {
|
4085
|
+
function create_if_block_2$1(ctx) {
|
4086
4086
|
return {
|
4087
4087
|
c: noop,
|
4088
4088
|
l: noop,
|
@@ -4095,7 +4095,7 @@ function create_if_block_2(ctx) {
|
|
4095
4095
|
}
|
4096
4096
|
|
4097
4097
|
// (280:0) {#if visible}
|
4098
|
-
function create_if_block$
|
4098
|
+
function create_if_block$9(ctx) {
|
4099
4099
|
let div;
|
4100
4100
|
let button;
|
4101
4101
|
let div_class_value;
|
@@ -4190,7 +4190,7 @@ function create_if_block$7(ctx) {
|
|
4190
4190
|
}
|
4191
4191
|
|
4192
4192
|
// (293:6) {#if closable}
|
4193
|
-
function create_if_block_1$
|
4193
|
+
function create_if_block_1$2(ctx) {
|
4194
4194
|
let div;
|
4195
4195
|
let button;
|
4196
4196
|
let current;
|
@@ -4323,7 +4323,7 @@ function create_default_slot$6(ctx) {
|
|
4323
4323
|
let t;
|
4324
4324
|
let div;
|
4325
4325
|
let current;
|
4326
|
-
let if_block = /*closable*/ ctx[21] && create_if_block_1$
|
4326
|
+
let if_block = /*closable*/ ctx[21] && create_if_block_1$2(ctx);
|
4327
4327
|
const default_slot_template = /*#slots*/ ctx[31].default;
|
4328
4328
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
|
4329
4329
|
|
@@ -4368,7 +4368,7 @@ function create_default_slot$6(ctx) {
|
|
4368
4368
|
transition_in(if_block, 1);
|
4369
4369
|
}
|
4370
4370
|
} else {
|
4371
|
-
if_block = create_if_block_1$
|
4371
|
+
if_block = create_if_block_1$2(ctx);
|
4372
4372
|
if_block.c();
|
4373
4373
|
transition_in(if_block, 1);
|
4374
4374
|
if_block.m(t.parentNode, t);
|
@@ -4422,7 +4422,7 @@ function create_default_slot$6(ctx) {
|
|
4422
4422
|
};
|
4423
4423
|
}
|
4424
4424
|
|
4425
|
-
function create_fragment$
|
4425
|
+
function create_fragment$12(ctx) {
|
4426
4426
|
let show_if;
|
4427
4427
|
let current_block_type_index;
|
4428
4428
|
let if_block0;
|
@@ -4431,7 +4431,7 @@ function create_fragment$10(ctx) {
|
|
4431
4431
|
let current;
|
4432
4432
|
let mounted;
|
4433
4433
|
let dispose;
|
4434
|
-
const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$
|
4434
|
+
const if_block_creators = [create_if_block_2$1, create_if_block_3$1, create_else_block$4];
|
4435
4435
|
const if_blocks = [];
|
4436
4436
|
|
4437
4437
|
function select_block_type(ctx, dirty) {
|
@@ -4443,7 +4443,7 @@ function create_fragment$10(ctx) {
|
|
4443
4443
|
|
4444
4444
|
current_block_type_index = select_block_type(ctx);
|
4445
4445
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
4446
|
-
let if_block1 = /*visible*/ ctx[16] && create_if_block$
|
4446
|
+
let if_block1 = /*visible*/ ctx[16] && create_if_block$9(ctx);
|
4447
4447
|
|
4448
4448
|
return {
|
4449
4449
|
c() {
|
@@ -4509,7 +4509,7 @@ function create_fragment$10(ctx) {
|
|
4509
4509
|
transition_in(if_block1, 1);
|
4510
4510
|
}
|
4511
4511
|
} else {
|
4512
|
-
if_block1 = create_if_block$
|
4512
|
+
if_block1 = create_if_block$9(ctx);
|
4513
4513
|
if_block1.c();
|
4514
4514
|
transition_in(if_block1, 1);
|
4515
4515
|
if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
|
@@ -4546,7 +4546,7 @@ function create_fragment$10(ctx) {
|
|
4546
4546
|
};
|
4547
4547
|
}
|
4548
4548
|
|
4549
|
-
function instance$
|
4549
|
+
function instance$12($$self, $$props, $$invalidate) {
|
4550
4550
|
let close;
|
4551
4551
|
let closable;
|
4552
4552
|
let backgroundClick;
|
@@ -4821,15 +4821,15 @@ function instance$10($$self, $$props, $$invalidate) {
|
|
4821
4821
|
];
|
4822
4822
|
}
|
4823
4823
|
|
4824
|
-
class Modal extends SvelteComponent {
|
4824
|
+
let Modal$1 = class Modal extends SvelteComponent {
|
4825
4825
|
constructor(options) {
|
4826
4826
|
super();
|
4827
4827
|
|
4828
4828
|
init(
|
4829
4829
|
this,
|
4830
4830
|
options,
|
4831
|
-
instance$
|
4832
|
-
create_fragment$
|
4831
|
+
instance$12,
|
4832
|
+
create_fragment$12,
|
4833
4833
|
safe_not_equal,
|
4834
4834
|
{
|
4835
4835
|
onClick: 0,
|
@@ -4847,15 +4847,15 @@ class Modal extends SvelteComponent {
|
|
4847
4847
|
closeButtonColor: 9,
|
4848
4848
|
_closeStyle: 10
|
4849
4849
|
},
|
4850
|
-
add_css$
|
4850
|
+
add_css$B,
|
4851
4851
|
[-1, -1]
|
4852
4852
|
);
|
4853
4853
|
}
|
4854
|
-
}
|
4854
|
+
};
|
4855
4855
|
|
4856
4856
|
/* src/components/Grid.svelte generated by Svelte v3.53.1 */
|
4857
4857
|
|
4858
|
-
function create_fragment
|
4858
|
+
function create_fragment$11(ctx) {
|
4859
4859
|
let div;
|
4860
4860
|
let current;
|
4861
4861
|
const default_slot_template = /*#slots*/ ctx[8].default;
|
@@ -4923,7 +4923,7 @@ function create_fragment$$(ctx) {
|
|
4923
4923
|
};
|
4924
4924
|
}
|
4925
4925
|
|
4926
|
-
function instance
|
4926
|
+
function instance$11($$self, $$props, $$invalidate) {
|
4927
4927
|
let _style;
|
4928
4928
|
let { $$slots: slots = {}, $$scope } = $$props;
|
4929
4929
|
let { width = '512px' } = $$props;
|
@@ -4968,7 +4968,7 @@ class Grid extends SvelteComponent {
|
|
4968
4968
|
constructor(options) {
|
4969
4969
|
super();
|
4970
4970
|
|
4971
|
-
init(this, options, instance
|
4971
|
+
init(this, options, instance$11, create_fragment$11, safe_not_equal, {
|
4972
4972
|
width: 1,
|
4973
4973
|
height: 2,
|
4974
4974
|
rows: 3,
|
@@ -4981,11 +4981,11 @@ class Grid extends SvelteComponent {
|
|
4981
4981
|
|
4982
4982
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4983
4983
|
|
4984
|
-
function add_css$
|
4984
|
+
function add_css$A(target) {
|
4985
4985
|
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
4986
4986
|
}
|
4987
4987
|
|
4988
|
-
function create_fragment$
|
4988
|
+
function create_fragment$10(ctx) {
|
4989
4989
|
let div1;
|
4990
4990
|
let div0;
|
4991
4991
|
let current;
|
@@ -5078,7 +5078,7 @@ function create_fragment$_(ctx) {
|
|
5078
5078
|
|
5079
5079
|
const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
|
5080
5080
|
|
5081
|
-
function instance$
|
5081
|
+
function instance$10($$self, $$props, $$invalidate) {
|
5082
5082
|
let _style;
|
5083
5083
|
let { $$slots: slots = {}, $$scope } = $$props;
|
5084
5084
|
let { x1 } = $$props;
|
@@ -5127,8 +5127,8 @@ class GridItem extends SvelteComponent {
|
|
5127
5127
|
init(
|
5128
5128
|
this,
|
5129
5129
|
options,
|
5130
|
-
instance$
|
5131
|
-
create_fragment$
|
5130
|
+
instance$10,
|
5131
|
+
create_fragment$10,
|
5132
5132
|
safe_not_equal,
|
5133
5133
|
{
|
5134
5134
|
x1: 2,
|
@@ -5139,7 +5139,7 @@ class GridItem extends SvelteComponent {
|
|
5139
5139
|
background: 7,
|
5140
5140
|
gridItemId: 0
|
5141
5141
|
},
|
5142
|
-
add_css$
|
5142
|
+
add_css$A
|
5143
5143
|
);
|
5144
5144
|
}
|
5145
5145
|
}
|
@@ -5153,7 +5153,7 @@ function get_each_context$6(ctx, list, i) {
|
|
5153
5153
|
}
|
5154
5154
|
|
5155
5155
|
// (13:2) {:else}
|
5156
|
-
function create_else_block$
|
5156
|
+
function create_else_block$3(ctx) {
|
5157
5157
|
let t_value = /*item*/ ctx[2] + "";
|
5158
5158
|
let t;
|
5159
5159
|
|
@@ -5177,7 +5177,7 @@ function create_else_block$2(ctx) {
|
|
5177
5177
|
}
|
5178
5178
|
|
5179
5179
|
// (11:2) {#if item.match(regexp)}
|
5180
|
-
function create_if_block$
|
5180
|
+
function create_if_block$8(ctx) {
|
5181
5181
|
let br;
|
5182
5182
|
|
5183
5183
|
return {
|
@@ -5205,8 +5205,8 @@ function create_each_block$6(ctx) {
|
|
5205
5205
|
function select_block_type(ctx, dirty) {
|
5206
5206
|
if (dirty & /*items*/ 1) show_if = null;
|
5207
5207
|
if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
|
5208
|
-
if (show_if) return create_if_block$
|
5209
|
-
return create_else_block$
|
5208
|
+
if (show_if) return create_if_block$8;
|
5209
|
+
return create_else_block$3;
|
5210
5210
|
}
|
5211
5211
|
|
5212
5212
|
let current_block_type = select_block_type(ctx, -1);
|
@@ -5245,7 +5245,7 @@ function create_each_block$6(ctx) {
|
|
5245
5245
|
};
|
5246
5246
|
}
|
5247
5247
|
|
5248
|
-
function create_fragment
|
5248
|
+
function create_fragment$$(ctx) {
|
5249
5249
|
let each_1_anchor;
|
5250
5250
|
let each_value = /*items*/ ctx[0];
|
5251
5251
|
let each_blocks = [];
|
@@ -5311,7 +5311,7 @@ function create_fragment$Z(ctx) {
|
|
5311
5311
|
|
5312
5312
|
const regexp = /(\r?\n)/;
|
5313
5313
|
|
5314
|
-
function instance
|
5314
|
+
function instance$$($$self, $$props, $$invalidate) {
|
5315
5315
|
let items;
|
5316
5316
|
let { text = 'サンプルSample' } = $$props;
|
5317
5317
|
|
@@ -5332,18 +5332,18 @@ function instance$Z($$self, $$props, $$invalidate) {
|
|
5332
5332
|
class RenderText extends SvelteComponent {
|
5333
5333
|
constructor(options) {
|
5334
5334
|
super();
|
5335
|
-
init(this, options, instance
|
5335
|
+
init(this, options, instance$$, create_fragment$$, safe_not_equal, { text: 1 });
|
5336
5336
|
}
|
5337
5337
|
}
|
5338
5338
|
|
5339
5339
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5340
5340
|
|
5341
|
-
function add_css$
|
5341
|
+
function add_css$z(target) {
|
5342
5342
|
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}");
|
5343
5343
|
}
|
5344
5344
|
|
5345
5345
|
// (94:2) {:else}
|
5346
|
-
function create_else_block$
|
5346
|
+
function create_else_block$2(ctx) {
|
5347
5347
|
let div1;
|
5348
5348
|
let div0;
|
5349
5349
|
let rendertext;
|
@@ -5409,7 +5409,7 @@ function create_else_block$1(ctx) {
|
|
5409
5409
|
}
|
5410
5410
|
|
5411
5411
|
// (80:2) {#if enableCopy}
|
5412
|
-
function create_if_block$
|
5412
|
+
function create_if_block$7(ctx) {
|
5413
5413
|
let a;
|
5414
5414
|
let div0;
|
5415
5415
|
let rendertext;
|
@@ -5522,12 +5522,12 @@ function create_if_block$5(ctx) {
|
|
5522
5522
|
};
|
5523
5523
|
}
|
5524
5524
|
|
5525
|
-
function create_fragment$
|
5525
|
+
function create_fragment$_(ctx) {
|
5526
5526
|
let div;
|
5527
5527
|
let current_block_type_index;
|
5528
5528
|
let if_block;
|
5529
5529
|
let current;
|
5530
|
-
const if_block_creators = [create_if_block$
|
5530
|
+
const if_block_creators = [create_if_block$7, create_else_block$2];
|
5531
5531
|
const if_blocks = [];
|
5532
5532
|
|
5533
5533
|
function select_block_type(ctx, dirty) {
|
@@ -5602,7 +5602,7 @@ function create_fragment$Y(ctx) {
|
|
5602
5602
|
};
|
5603
5603
|
}
|
5604
5604
|
|
5605
|
-
function instance$
|
5605
|
+
function instance$_($$self, $$props, $$invalidate) {
|
5606
5606
|
let style;
|
5607
5607
|
let { text = 'テキストのコンテンツ' } = $$props;
|
5608
5608
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -5698,8 +5698,8 @@ class TextElement extends SvelteComponent {
|
|
5698
5698
|
init(
|
5699
5699
|
this,
|
5700
5700
|
options,
|
5701
|
-
instance$
|
5702
|
-
create_fragment$
|
5701
|
+
instance$_,
|
5702
|
+
create_fragment$_,
|
5703
5703
|
safe_not_equal,
|
5704
5704
|
{
|
5705
5705
|
text: 0,
|
@@ -5710,14 +5710,14 @@ class TextElement extends SvelteComponent {
|
|
5710
5710
|
enableCopy: 2,
|
5711
5711
|
eventName: 10
|
5712
5712
|
},
|
5713
|
-
add_css$
|
5713
|
+
add_css$z
|
5714
5714
|
);
|
5715
5715
|
}
|
5716
5716
|
}
|
5717
5717
|
|
5718
5718
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5719
5719
|
|
5720
|
-
function add_css$
|
5720
|
+
function add_css$y(target) {
|
5721
5721
|
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)}");
|
5722
5722
|
}
|
5723
5723
|
|
@@ -5758,7 +5758,7 @@ function create_default_slot$5(ctx) {
|
|
5758
5758
|
};
|
5759
5759
|
}
|
5760
5760
|
|
5761
|
-
function create_fragment$
|
5761
|
+
function create_fragment$Z(ctx) {
|
5762
5762
|
let div;
|
5763
5763
|
let button;
|
5764
5764
|
let current;
|
@@ -5822,7 +5822,7 @@ function create_fragment$X(ctx) {
|
|
5822
5822
|
};
|
5823
5823
|
}
|
5824
5824
|
|
5825
|
-
function instance$
|
5825
|
+
function instance$Z($$self, $$props, $$invalidate) {
|
5826
5826
|
let style;
|
5827
5827
|
let { text = 'ボタンのラベル' } = $$props;
|
5828
5828
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
@@ -5860,8 +5860,8 @@ class TextButtonElement extends SvelteComponent {
|
|
5860
5860
|
init(
|
5861
5861
|
this,
|
5862
5862
|
options,
|
5863
|
-
instance$
|
5864
|
-
create_fragment$
|
5863
|
+
instance$Z,
|
5864
|
+
create_fragment$Z,
|
5865
5865
|
safe_not_equal,
|
5866
5866
|
{
|
5867
5867
|
text: 0,
|
@@ -5871,14 +5871,14 @@ class TextButtonElement extends SvelteComponent {
|
|
5871
5871
|
_buttonStyle: 5,
|
5872
5872
|
_style: 6
|
5873
5873
|
},
|
5874
|
-
add_css$
|
5874
|
+
add_css$y
|
5875
5875
|
);
|
5876
5876
|
}
|
5877
5877
|
}
|
5878
5878
|
|
5879
5879
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5880
5880
|
|
5881
|
-
function add_css$
|
5881
|
+
function add_css$x(target) {
|
5882
5882
|
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%}");
|
5883
5883
|
}
|
5884
5884
|
|
@@ -5949,7 +5949,7 @@ function create_default_slot$4(ctx) {
|
|
5949
5949
|
};
|
5950
5950
|
}
|
5951
5951
|
|
5952
|
-
function create_fragment$
|
5952
|
+
function create_fragment$Y(ctx) {
|
5953
5953
|
let div;
|
5954
5954
|
let button;
|
5955
5955
|
let div_class_value;
|
@@ -6018,7 +6018,7 @@ function create_fragment$W(ctx) {
|
|
6018
6018
|
};
|
6019
6019
|
}
|
6020
6020
|
|
6021
|
-
function instance$
|
6021
|
+
function instance$Y($$self, $$props, $$invalidate) {
|
6022
6022
|
let { src = '' } = $$props;
|
6023
6023
|
let { alt = '画像の説明' } = $$props;
|
6024
6024
|
let { transport = false } = $$props;
|
@@ -6049,8 +6049,8 @@ class ImageElement extends SvelteComponent {
|
|
6049
6049
|
init(
|
6050
6050
|
this,
|
6051
6051
|
options,
|
6052
|
-
instance$
|
6053
|
-
create_fragment$
|
6052
|
+
instance$Y,
|
6053
|
+
create_fragment$Y,
|
6054
6054
|
safe_not_equal,
|
6055
6055
|
{
|
6056
6056
|
src: 0,
|
@@ -6062,18 +6062,18 @@ class ImageElement extends SvelteComponent {
|
|
6062
6062
|
_imageStyle: 6,
|
6063
6063
|
_style: 7
|
6064
6064
|
},
|
6065
|
-
add_css$
|
6065
|
+
add_css$x
|
6066
6066
|
);
|
6067
6067
|
}
|
6068
6068
|
}
|
6069
6069
|
|
6070
6070
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
6071
6071
|
|
6072
|
-
function add_css$
|
6072
|
+
function add_css$w(target) {
|
6073
6073
|
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}");
|
6074
6074
|
}
|
6075
6075
|
|
6076
|
-
function create_fragment$
|
6076
|
+
function create_fragment$X(ctx) {
|
6077
6077
|
let div;
|
6078
6078
|
let current;
|
6079
6079
|
const default_slot_template = /*#slots*/ ctx[6].default;
|
@@ -6143,7 +6143,7 @@ function create_fragment$V(ctx) {
|
|
6143
6143
|
|
6144
6144
|
const LIST_CONTEXT_KEY = Symbol();
|
6145
6145
|
|
6146
|
-
function instance$
|
6146
|
+
function instance$X($$self, $$props, $$invalidate) {
|
6147
6147
|
let style;
|
6148
6148
|
let { $$slots: slots = {}, $$scope } = $$props;
|
6149
6149
|
let { direction = 'vertical' } = $$props;
|
@@ -6210,8 +6210,8 @@ class List extends SvelteComponent {
|
|
6210
6210
|
init(
|
6211
6211
|
this,
|
6212
6212
|
options,
|
6213
|
-
instance$
|
6214
|
-
create_fragment$
|
6213
|
+
instance$X,
|
6214
|
+
create_fragment$X,
|
6215
6215
|
safe_not_equal,
|
6216
6216
|
{
|
6217
6217
|
direction: 1,
|
@@ -6219,14 +6219,14 @@ class List extends SvelteComponent {
|
|
6219
6219
|
background: 3,
|
6220
6220
|
_style: 4
|
6221
6221
|
},
|
6222
|
-
add_css$
|
6222
|
+
add_css$w
|
6223
6223
|
);
|
6224
6224
|
}
|
6225
6225
|
}
|
6226
6226
|
|
6227
6227
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6228
6228
|
|
6229
|
-
function add_css$
|
6229
|
+
function add_css$v(target) {
|
6230
6230
|
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}");
|
6231
6231
|
}
|
6232
6232
|
|
@@ -6281,7 +6281,7 @@ function create_default_slot$3(ctx) {
|
|
6281
6281
|
};
|
6282
6282
|
}
|
6283
6283
|
|
6284
|
-
function create_fragment$
|
6284
|
+
function create_fragment$W(ctx) {
|
6285
6285
|
let div;
|
6286
6286
|
let button;
|
6287
6287
|
let current;
|
@@ -6350,7 +6350,7 @@ function create_fragment$U(ctx) {
|
|
6350
6350
|
};
|
6351
6351
|
}
|
6352
6352
|
|
6353
|
-
function instance$
|
6353
|
+
function instance$W($$self, $$props, $$invalidate) {
|
6354
6354
|
let listItemStyle;
|
6355
6355
|
let { $$slots: slots = {}, $$scope } = $$props;
|
6356
6356
|
const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
|
@@ -6429,17 +6429,17 @@ function instance$U($$self, $$props, $$invalidate) {
|
|
6429
6429
|
class ListItem extends SvelteComponent {
|
6430
6430
|
constructor(options) {
|
6431
6431
|
super();
|
6432
|
-
init(this, options, instance$
|
6432
|
+
init(this, options, instance$W, create_fragment$W, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$v);
|
6433
6433
|
}
|
6434
6434
|
}
|
6435
6435
|
|
6436
6436
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6437
6437
|
|
6438
|
-
function add_css$
|
6438
|
+
function add_css$u(target) {
|
6439
6439
|
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}");
|
6440
6440
|
}
|
6441
6441
|
|
6442
|
-
function create_fragment$
|
6442
|
+
function create_fragment$V(ctx) {
|
6443
6443
|
let div;
|
6444
6444
|
|
6445
6445
|
return {
|
@@ -6475,7 +6475,7 @@ function create_fragment$T(ctx) {
|
|
6475
6475
|
};
|
6476
6476
|
}
|
6477
6477
|
|
6478
|
-
function instance$
|
6478
|
+
function instance$V($$self, $$props, $$invalidate) {
|
6479
6479
|
let { code } = $$props;
|
6480
6480
|
let { _style = '' } = $$props;
|
6481
6481
|
|
@@ -6490,17 +6490,17 @@ function instance$T($$self, $$props, $$invalidate) {
|
|
6490
6490
|
class EmbedElement extends SvelteComponent {
|
6491
6491
|
constructor(options) {
|
6492
6492
|
super();
|
6493
|
-
init(this, options, instance$
|
6493
|
+
init(this, options, instance$V, create_fragment$V, safe_not_equal, { code: 0, _style: 1 }, add_css$u);
|
6494
6494
|
}
|
6495
6495
|
}
|
6496
6496
|
|
6497
6497
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6498
6498
|
|
6499
|
-
function add_css$
|
6499
|
+
function add_css$t(target) {
|
6500
6500
|
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%}");
|
6501
6501
|
}
|
6502
6502
|
|
6503
|
-
function create_fragment$
|
6503
|
+
function create_fragment$U(ctx) {
|
6504
6504
|
let div1;
|
6505
6505
|
let div0;
|
6506
6506
|
|
@@ -6552,7 +6552,7 @@ function _setValue(obj, key, value) {
|
|
6552
6552
|
}
|
6553
6553
|
}
|
6554
6554
|
|
6555
|
-
function instance$
|
6555
|
+
function instance$U($$self, $$props, $$invalidate) {
|
6556
6556
|
let $system;
|
6557
6557
|
component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
|
6558
6558
|
let { videoId = 'wt0OjOeX-JA' } = $$props;
|
@@ -6823,8 +6823,8 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6823
6823
|
init(
|
6824
6824
|
this,
|
6825
6825
|
options,
|
6826
|
-
instance$
|
6827
|
-
create_fragment$
|
6826
|
+
instance$U,
|
6827
|
+
create_fragment$U,
|
6828
6828
|
safe_not_equal,
|
6829
6829
|
{
|
6830
6830
|
videoId: 2,
|
@@ -6853,7 +6853,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6853
6853
|
mute: 25,
|
6854
6854
|
_style: 0
|
6855
6855
|
},
|
6856
|
-
add_css$
|
6856
|
+
add_css$t,
|
6857
6857
|
[-1, -1]
|
6858
6858
|
);
|
6859
6859
|
}
|
@@ -6861,11 +6861,11 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6861
6861
|
|
6862
6862
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6863
6863
|
|
6864
|
-
function add_css$
|
6864
|
+
function add_css$s(target) {
|
6865
6865
|
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%}");
|
6866
6866
|
}
|
6867
6867
|
|
6868
|
-
function create_fragment$
|
6868
|
+
function create_fragment$T(ctx) {
|
6869
6869
|
let div1;
|
6870
6870
|
let div0;
|
6871
6871
|
|
@@ -6907,7 +6907,7 @@ function create_fragment$R(ctx) {
|
|
6907
6907
|
};
|
6908
6908
|
}
|
6909
6909
|
|
6910
|
-
function instance$
|
6910
|
+
function instance$T($$self, $$props, $$invalidate) {
|
6911
6911
|
let $system;
|
6912
6912
|
component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
|
6913
6913
|
let { videoId = "201239468" } = $$props;
|
@@ -7050,8 +7050,8 @@ class MovieVimeoElement extends SvelteComponent {
|
|
7050
7050
|
init(
|
7051
7051
|
this,
|
7052
7052
|
options,
|
7053
|
-
instance$
|
7054
|
-
create_fragment$
|
7053
|
+
instance$T,
|
7054
|
+
create_fragment$T,
|
7055
7055
|
safe_not_equal,
|
7056
7056
|
{
|
7057
7057
|
videoId: 2,
|
@@ -7061,18 +7061,18 @@ class MovieVimeoElement extends SvelteComponent {
|
|
7061
7061
|
mute: 6,
|
7062
7062
|
_style: 0
|
7063
7063
|
},
|
7064
|
-
add_css$
|
7064
|
+
add_css$s
|
7065
7065
|
);
|
7066
7066
|
}
|
7067
7067
|
}
|
7068
7068
|
|
7069
7069
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
7070
7070
|
|
7071
|
-
function add_css$
|
7071
|
+
function add_css$r(target) {
|
7072
7072
|
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}");
|
7073
7073
|
}
|
7074
7074
|
|
7075
|
-
function create_fragment$
|
7075
|
+
function create_fragment$S(ctx) {
|
7076
7076
|
let div;
|
7077
7077
|
let textarea;
|
7078
7078
|
let mounted;
|
@@ -7147,7 +7147,7 @@ function create_fragment$Q(ctx) {
|
|
7147
7147
|
};
|
7148
7148
|
}
|
7149
7149
|
|
7150
|
-
function instance$
|
7150
|
+
function instance$S($$self, $$props, $$invalidate) {
|
7151
7151
|
let style;
|
7152
7152
|
let styleVariables;
|
7153
7153
|
let $value;
|
@@ -7235,8 +7235,8 @@ class FormTextarea extends SvelteComponent {
|
|
7235
7235
|
init(
|
7236
7236
|
this,
|
7237
7237
|
options,
|
7238
|
-
instance$
|
7239
|
-
create_fragment$
|
7238
|
+
instance$S,
|
7239
|
+
create_fragment$S,
|
7240
7240
|
safe_not_equal,
|
7241
7241
|
{
|
7242
7242
|
name: 7,
|
@@ -7248,14 +7248,14 @@ class FormTextarea extends SvelteComponent {
|
|
7248
7248
|
_textStyle: 11,
|
7249
7249
|
_placeholderStyle: 12
|
7250
7250
|
},
|
7251
|
-
add_css$
|
7251
|
+
add_css$r
|
7252
7252
|
);
|
7253
7253
|
}
|
7254
7254
|
}
|
7255
7255
|
|
7256
7256
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7257
7257
|
|
7258
|
-
function add_css$
|
7258
|
+
function add_css$q(target) {
|
7259
7259
|
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}");
|
7260
7260
|
}
|
7261
7261
|
|
@@ -7368,7 +7368,7 @@ function create_each_block$5(ctx) {
|
|
7368
7368
|
};
|
7369
7369
|
}
|
7370
7370
|
|
7371
|
-
function create_fragment$
|
7371
|
+
function create_fragment$R(ctx) {
|
7372
7372
|
let div;
|
7373
7373
|
let each_value = /*_options*/ ctx[4];
|
7374
7374
|
let each_blocks = [];
|
@@ -7446,7 +7446,7 @@ function create_fragment$P(ctx) {
|
|
7446
7446
|
};
|
7447
7447
|
}
|
7448
7448
|
|
7449
|
-
function instance$
|
7449
|
+
function instance$R($$self, $$props, $$invalidate) {
|
7450
7450
|
let _options;
|
7451
7451
|
let buttonStyle;
|
7452
7452
|
let _value;
|
@@ -7546,8 +7546,8 @@ class FormRadioButtons extends SvelteComponent {
|
|
7546
7546
|
init(
|
7547
7547
|
this,
|
7548
7548
|
options,
|
7549
|
-
instance$
|
7550
|
-
create_fragment$
|
7549
|
+
instance$R,
|
7550
|
+
create_fragment$R,
|
7551
7551
|
safe_not_equal,
|
7552
7552
|
{
|
7553
7553
|
name: 0,
|
@@ -7560,14 +7560,14 @@ class FormRadioButtons extends SvelteComponent {
|
|
7560
7560
|
buttonColor: 13,
|
7561
7561
|
buttonColorActive: 14
|
7562
7562
|
},
|
7563
|
-
add_css$
|
7563
|
+
add_css$q
|
7564
7564
|
);
|
7565
7565
|
}
|
7566
7566
|
}
|
7567
7567
|
|
7568
7568
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7569
7569
|
|
7570
|
-
function add_css$
|
7570
|
+
function add_css$p(target) {
|
7571
7571
|
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}");
|
7572
7572
|
}
|
7573
7573
|
|
@@ -7579,7 +7579,7 @@ function get_each_context$4(ctx, list, i) {
|
|
7579
7579
|
}
|
7580
7580
|
|
7581
7581
|
// (107:10) {:else}
|
7582
|
-
function create_else_block(ctx) {
|
7582
|
+
function create_else_block$1(ctx) {
|
7583
7583
|
let t;
|
7584
7584
|
|
7585
7585
|
return {
|
@@ -7602,7 +7602,7 @@ function create_else_block(ctx) {
|
|
7602
7602
|
}
|
7603
7603
|
|
7604
7604
|
// (105:10) {#if option}
|
7605
|
-
function create_if_block$
|
7605
|
+
function create_if_block$6(ctx) {
|
7606
7606
|
let t_value = /*option*/ ctx[19] + "";
|
7607
7607
|
let t;
|
7608
7608
|
|
@@ -7633,8 +7633,8 @@ function create_each_block$4(ctx) {
|
|
7633
7633
|
let option_selected_value;
|
7634
7634
|
|
7635
7635
|
function select_block_type(ctx, dirty) {
|
7636
|
-
if (/*option*/ ctx[19]) return create_if_block$
|
7637
|
-
return create_else_block;
|
7636
|
+
if (/*option*/ ctx[19]) return create_if_block$6;
|
7637
|
+
return create_else_block$1;
|
7638
7638
|
}
|
7639
7639
|
|
7640
7640
|
let current_block_type = select_block_type(ctx);
|
@@ -7694,7 +7694,7 @@ function create_each_block$4(ctx) {
|
|
7694
7694
|
};
|
7695
7695
|
}
|
7696
7696
|
|
7697
|
-
function create_fragment$
|
7697
|
+
function create_fragment$Q(ctx) {
|
7698
7698
|
let div1;
|
7699
7699
|
let select;
|
7700
7700
|
let t;
|
@@ -7804,7 +7804,7 @@ function create_fragment$O(ctx) {
|
|
7804
7804
|
};
|
7805
7805
|
}
|
7806
7806
|
|
7807
|
-
function instance$
|
7807
|
+
function instance$Q($$self, $$props, $$invalidate) {
|
7808
7808
|
let _options;
|
7809
7809
|
let style;
|
7810
7810
|
let styleVariables;
|
@@ -7920,8 +7920,8 @@ class FormSelect extends SvelteComponent {
|
|
7920
7920
|
init(
|
7921
7921
|
this,
|
7922
7922
|
options,
|
7923
|
-
instance$
|
7924
|
-
create_fragment$
|
7923
|
+
instance$Q,
|
7924
|
+
create_fragment$Q,
|
7925
7925
|
safe_not_equal,
|
7926
7926
|
{
|
7927
7927
|
name: 7,
|
@@ -7936,14 +7936,14 @@ class FormSelect extends SvelteComponent {
|
|
7936
7936
|
iconColor: 15,
|
7937
7937
|
iconSize: 16
|
7938
7938
|
},
|
7939
|
-
add_css$
|
7939
|
+
add_css$p
|
7940
7940
|
);
|
7941
7941
|
}
|
7942
7942
|
}
|
7943
7943
|
|
7944
7944
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7945
7945
|
|
7946
|
-
function add_css$
|
7946
|
+
function add_css$o(target) {
|
7947
7947
|
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}");
|
7948
7948
|
}
|
7949
7949
|
|
@@ -8072,7 +8072,7 @@ function create_each_block$3(ctx) {
|
|
8072
8072
|
};
|
8073
8073
|
}
|
8074
8074
|
|
8075
|
-
function create_fragment$
|
8075
|
+
function create_fragment$P(ctx) {
|
8076
8076
|
let div;
|
8077
8077
|
let each_value = /*_options*/ ctx[3];
|
8078
8078
|
let each_blocks = [];
|
@@ -8150,7 +8150,7 @@ function create_fragment$N(ctx) {
|
|
8150
8150
|
};
|
8151
8151
|
}
|
8152
8152
|
|
8153
|
-
function instance$
|
8153
|
+
function instance$P($$self, $$props, $$invalidate) {
|
8154
8154
|
let _options;
|
8155
8155
|
let styleVariables;
|
8156
8156
|
let isCheckedArray;
|
@@ -8256,8 +8256,8 @@ class FormCheckBoxes extends SvelteComponent {
|
|
8256
8256
|
init(
|
8257
8257
|
this,
|
8258
8258
|
options,
|
8259
|
-
instance$
|
8260
|
-
create_fragment$
|
8259
|
+
instance$P,
|
8260
|
+
create_fragment$P,
|
8261
8261
|
safe_not_equal,
|
8262
8262
|
{
|
8263
8263
|
name: 0,
|
@@ -8270,14 +8270,14 @@ class FormCheckBoxes extends SvelteComponent {
|
|
8270
8270
|
buttonColor: 13,
|
8271
8271
|
buttonColorActive: 14
|
8272
8272
|
},
|
8273
|
-
add_css$
|
8273
|
+
add_css$o
|
8274
8274
|
);
|
8275
8275
|
}
|
8276
8276
|
}
|
8277
8277
|
|
8278
8278
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
8279
8279
|
|
8280
|
-
function add_css$
|
8280
|
+
function add_css$n(target) {
|
8281
8281
|
append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
|
8282
8282
|
}
|
8283
8283
|
|
@@ -8345,7 +8345,7 @@ function create_each_block$2(ctx) {
|
|
8345
8345
|
};
|
8346
8346
|
}
|
8347
8347
|
|
8348
|
-
function create_fragment$
|
8348
|
+
function create_fragment$O(ctx) {
|
8349
8349
|
let div;
|
8350
8350
|
let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
|
8351
8351
|
let each_blocks = [];
|
@@ -8418,7 +8418,7 @@ function create_fragment$M(ctx) {
|
|
8418
8418
|
};
|
8419
8419
|
}
|
8420
8420
|
|
8421
|
-
function instance$
|
8421
|
+
function instance$O($$self, $$props, $$invalidate) {
|
8422
8422
|
let _value;
|
8423
8423
|
let $value;
|
8424
8424
|
let { name = '' } = $$props;
|
@@ -8500,8 +8500,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8500
8500
|
init(
|
8501
8501
|
this,
|
8502
8502
|
options,
|
8503
|
-
instance$
|
8504
|
-
create_fragment$
|
8503
|
+
instance$O,
|
8504
|
+
create_fragment$O,
|
8505
8505
|
safe_not_equal,
|
8506
8506
|
{
|
8507
8507
|
name: 6,
|
@@ -8512,14 +8512,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8512
8512
|
buttonStyle: 9,
|
8513
8513
|
buttonActiveStyle: 10
|
8514
8514
|
},
|
8515
|
-
add_css$
|
8515
|
+
add_css$n
|
8516
8516
|
);
|
8517
8517
|
}
|
8518
8518
|
}
|
8519
8519
|
|
8520
8520
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8521
8521
|
|
8522
|
-
function add_css$
|
8522
|
+
function add_css$m(target) {
|
8523
8523
|
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%)}");
|
8524
8524
|
}
|
8525
8525
|
|
@@ -8590,7 +8590,7 @@ function create_each_block$1(ctx) {
|
|
8590
8590
|
};
|
8591
8591
|
}
|
8592
8592
|
|
8593
|
-
function create_fragment$
|
8593
|
+
function create_fragment$N(ctx) {
|
8594
8594
|
let div;
|
8595
8595
|
let each_value = [...Array(count).keys()].reverse().map(func);
|
8596
8596
|
let each_blocks = [];
|
@@ -8666,7 +8666,7 @@ function create_fragment$L(ctx) {
|
|
8666
8666
|
const count = 5;
|
8667
8667
|
const func = i => i + 1;
|
8668
8668
|
|
8669
|
-
function instance$
|
8669
|
+
function instance$N($$self, $$props, $$invalidate) {
|
8670
8670
|
let _value;
|
8671
8671
|
let buttonStyle;
|
8672
8672
|
let $value;
|
@@ -8722,17 +8722,17 @@ function instance$L($$self, $$props, $$invalidate) {
|
|
8722
8722
|
class FormRatingButtonsFace extends SvelteComponent {
|
8723
8723
|
constructor(options) {
|
8724
8724
|
super();
|
8725
|
-
init(this, options, instance$
|
8725
|
+
init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$m);
|
8726
8726
|
}
|
8727
8727
|
}
|
8728
8728
|
|
8729
8729
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
8730
8730
|
|
8731
|
-
function add_css$
|
8731
|
+
function add_css$l(target) {
|
8732
8732
|
append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
8733
8733
|
}
|
8734
8734
|
|
8735
|
-
function create_fragment$
|
8735
|
+
function create_fragment$M(ctx) {
|
8736
8736
|
let div;
|
8737
8737
|
let input;
|
8738
8738
|
let input_class_value;
|
@@ -8813,7 +8813,7 @@ function create_fragment$K(ctx) {
|
|
8813
8813
|
};
|
8814
8814
|
}
|
8815
8815
|
|
8816
|
-
function instance$
|
8816
|
+
function instance$M($$self, $$props, $$invalidate) {
|
8817
8817
|
let style;
|
8818
8818
|
let styleVariables;
|
8819
8819
|
let isValidForUI;
|
@@ -8944,8 +8944,8 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8944
8944
|
init(
|
8945
8945
|
this,
|
8946
8946
|
options,
|
8947
|
-
instance$
|
8948
|
-
create_fragment$
|
8947
|
+
instance$M,
|
8948
|
+
create_fragment$M,
|
8949
8949
|
safe_not_equal,
|
8950
8950
|
{
|
8951
8951
|
field: 9,
|
@@ -8959,18 +8959,18 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8959
8959
|
_textStyle: 15,
|
8960
8960
|
_placeholderStyle: 16
|
8961
8961
|
},
|
8962
|
-
add_css$
|
8962
|
+
add_css$l
|
8963
8963
|
);
|
8964
8964
|
}
|
8965
8965
|
}
|
8966
8966
|
|
8967
8967
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
8968
8968
|
|
8969
|
-
function add_css$
|
8969
|
+
function add_css$k(target) {
|
8970
8970
|
append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
|
8971
8971
|
}
|
8972
8972
|
|
8973
|
-
function create_fragment$
|
8973
|
+
function create_fragment$L(ctx) {
|
8974
8974
|
let div;
|
8975
8975
|
let label0;
|
8976
8976
|
let input0;
|
@@ -9111,7 +9111,7 @@ function create_fragment$J(ctx) {
|
|
9111
9111
|
};
|
9112
9112
|
}
|
9113
9113
|
|
9114
|
-
function instance$
|
9114
|
+
function instance$L($$self, $$props, $$invalidate) {
|
9115
9115
|
let buttonStyle;
|
9116
9116
|
let $value;
|
9117
9117
|
let { field = 'subscription' } = $$props;
|
@@ -9193,8 +9193,8 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
9193
9193
|
init(
|
9194
9194
|
this,
|
9195
9195
|
options,
|
9196
|
-
instance$
|
9197
|
-
create_fragment$
|
9196
|
+
instance$L,
|
9197
|
+
create_fragment$L,
|
9198
9198
|
safe_not_equal,
|
9199
9199
|
{
|
9200
9200
|
field: 6,
|
@@ -9206,14 +9206,14 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
9206
9206
|
buttonColor: 10,
|
9207
9207
|
buttonColorActive: 11
|
9208
9208
|
},
|
9209
|
-
add_css$
|
9209
|
+
add_css$k
|
9210
9210
|
);
|
9211
9211
|
}
|
9212
9212
|
}
|
9213
9213
|
|
9214
9214
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
9215
9215
|
|
9216
|
-
function add_css$
|
9216
|
+
function add_css$j(target) {
|
9217
9217
|
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%}");
|
9218
9218
|
}
|
9219
9219
|
|
@@ -9225,7 +9225,7 @@ function get_each_context(ctx, list, i) {
|
|
9225
9225
|
}
|
9226
9226
|
|
9227
9227
|
// (371:2) {#if isVisiblePrevButton}
|
9228
|
-
function create_if_block_1(ctx) {
|
9228
|
+
function create_if_block_1$1(ctx) {
|
9229
9229
|
let div;
|
9230
9230
|
let button;
|
9231
9231
|
let svg;
|
@@ -9293,7 +9293,7 @@ function create_if_block_1(ctx) {
|
|
9293
9293
|
}
|
9294
9294
|
|
9295
9295
|
// (380:2) {#if isVisibleNextButton}
|
9296
|
-
function create_if_block$
|
9296
|
+
function create_if_block$5(ctx) {
|
9297
9297
|
let div;
|
9298
9298
|
let button;
|
9299
9299
|
let svg;
|
@@ -9424,7 +9424,7 @@ function create_each_block(ctx) {
|
|
9424
9424
|
};
|
9425
9425
|
}
|
9426
9426
|
|
9427
|
-
function create_fragment$
|
9427
|
+
function create_fragment$K(ctx) {
|
9428
9428
|
let div3;
|
9429
9429
|
let div1;
|
9430
9430
|
let div0;
|
@@ -9436,8 +9436,8 @@ function create_fragment$I(ctx) {
|
|
9436
9436
|
let current;
|
9437
9437
|
const default_slot_template = /*#slots*/ ctx[32].default;
|
9438
9438
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
|
9439
|
-
let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
|
9440
|
-
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$
|
9439
|
+
let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
|
9440
|
+
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
|
9441
9441
|
let each_value = /*items*/ ctx[1];
|
9442
9442
|
let each_blocks = [];
|
9443
9443
|
|
@@ -9563,7 +9563,7 @@ function create_fragment$I(ctx) {
|
|
9563
9563
|
if (if_block0) {
|
9564
9564
|
if_block0.p(ctx, dirty);
|
9565
9565
|
} else {
|
9566
|
-
if_block0 = create_if_block_1(ctx);
|
9566
|
+
if_block0 = create_if_block_1$1(ctx);
|
9567
9567
|
if_block0.c();
|
9568
9568
|
if_block0.m(div3, t1);
|
9569
9569
|
}
|
@@ -9576,7 +9576,7 @@ function create_fragment$I(ctx) {
|
|
9576
9576
|
if (if_block1) {
|
9577
9577
|
if_block1.p(ctx, dirty);
|
9578
9578
|
} else {
|
9579
|
-
if_block1 = create_if_block$
|
9579
|
+
if_block1 = create_if_block$5(ctx);
|
9580
9580
|
if_block1.c();
|
9581
9581
|
if_block1.m(div3, t2);
|
9582
9582
|
}
|
@@ -9648,7 +9648,7 @@ function calcPositionIndex(shift, index, length) {
|
|
9648
9648
|
}
|
9649
9649
|
}
|
9650
9650
|
|
9651
|
-
function instance$
|
9651
|
+
function instance$K($$self, $$props, $$invalidate) {
|
9652
9652
|
let slideStyle;
|
9653
9653
|
let slideClass;
|
9654
9654
|
let _loop;
|
@@ -10101,8 +10101,8 @@ class Slide extends SvelteComponent {
|
|
10101
10101
|
init(
|
10102
10102
|
this,
|
10103
10103
|
options,
|
10104
|
-
instance$
|
10105
|
-
create_fragment$
|
10104
|
+
instance$K,
|
10105
|
+
create_fragment$K,
|
10106
10106
|
safe_not_equal,
|
10107
10107
|
{
|
10108
10108
|
loop: 18,
|
@@ -10116,7 +10116,7 @@ class Slide extends SvelteComponent {
|
|
10116
10116
|
navigationButton: 25,
|
10117
10117
|
navigationEdgePosition: 26
|
10118
10118
|
},
|
10119
|
-
add_css$
|
10119
|
+
add_css$j,
|
10120
10120
|
[-1, -1, -1]
|
10121
10121
|
);
|
10122
10122
|
}
|
@@ -10124,11 +10124,11 @@ class Slide extends SvelteComponent {
|
|
10124
10124
|
|
10125
10125
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
10126
10126
|
|
10127
|
-
function add_css$
|
10127
|
+
function add_css$i(target) {
|
10128
10128
|
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}");
|
10129
10129
|
}
|
10130
10130
|
|
10131
|
-
function create_fragment$
|
10131
|
+
function create_fragment$J(ctx) {
|
10132
10132
|
let div1;
|
10133
10133
|
let div0;
|
10134
10134
|
let current;
|
@@ -10208,7 +10208,7 @@ function create_fragment$H(ctx) {
|
|
10208
10208
|
};
|
10209
10209
|
}
|
10210
10210
|
|
10211
|
-
function instance$
|
10211
|
+
function instance$J($$self, $$props, $$invalidate) {
|
10212
10212
|
let itemStyle;
|
10213
10213
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10214
10214
|
const { registerItem, unregisterItem } = getContext('SLIDE');
|
@@ -10274,20 +10274,20 @@ function instance$H($$self, $$props, $$invalidate) {
|
|
10274
10274
|
class SlideItem extends SvelteComponent {
|
10275
10275
|
constructor(options) {
|
10276
10276
|
super();
|
10277
|
-
init(this, options, instance$
|
10277
|
+
init(this, options, instance$J, create_fragment$J, safe_not_equal, { _style: 0 }, add_css$i);
|
10278
10278
|
}
|
10279
10279
|
}
|
10280
10280
|
|
10281
10281
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
10282
10282
|
|
10283
|
-
function add_css$
|
10283
|
+
function add_css$h(target) {
|
10284
10284
|
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}");
|
10285
10285
|
}
|
10286
10286
|
|
10287
10287
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
10288
10288
|
const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
|
10289
10289
|
|
10290
|
-
function create_fragment$
|
10290
|
+
function create_fragment$I(ctx) {
|
10291
10291
|
let div1;
|
10292
10292
|
let div0;
|
10293
10293
|
let current;
|
@@ -10380,7 +10380,7 @@ function formatTimeDiff(ms) {
|
|
10380
10380
|
};
|
10381
10381
|
}
|
10382
10382
|
|
10383
|
-
function instance$
|
10383
|
+
function instance$I($$self, $$props, $$invalidate) {
|
10384
10384
|
let countdown;
|
10385
10385
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10386
10386
|
let { timeLimit = '2023/12/31 23:59:59' } = $$props;
|
@@ -10437,13 +10437,13 @@ function instance$G($$self, $$props, $$invalidate) {
|
|
10437
10437
|
class Countdown extends SvelteComponent {
|
10438
10438
|
constructor(options) {
|
10439
10439
|
super();
|
10440
|
-
init(this, options, instance$
|
10440
|
+
init(this, options, instance$I, create_fragment$I, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$h);
|
10441
10441
|
}
|
10442
10442
|
}
|
10443
10443
|
|
10444
10444
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
10445
10445
|
|
10446
|
-
function add_css$
|
10446
|
+
function add_css$g(target) {
|
10447
10447
|
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}");
|
10448
10448
|
}
|
10449
10449
|
|
@@ -10498,7 +10498,7 @@ function create_default_slot$2(ctx) {
|
|
10498
10498
|
};
|
10499
10499
|
}
|
10500
10500
|
|
10501
|
-
function create_fragment$
|
10501
|
+
function create_fragment$H(ctx) {
|
10502
10502
|
let div;
|
10503
10503
|
let button;
|
10504
10504
|
let current;
|
@@ -10562,7 +10562,7 @@ function create_fragment$F(ctx) {
|
|
10562
10562
|
};
|
10563
10563
|
}
|
10564
10564
|
|
10565
|
-
function instance$
|
10565
|
+
function instance$H($$self, $$props, $$invalidate) {
|
10566
10566
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10567
10567
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
10568
10568
|
let { eventName = '' } = $$props;
|
@@ -10581,18 +10581,18 @@ function instance$F($$self, $$props, $$invalidate) {
|
|
10581
10581
|
class Box extends SvelteComponent {
|
10582
10582
|
constructor(options) {
|
10583
10583
|
super();
|
10584
|
-
init(this, options, instance$
|
10584
|
+
init(this, options, instance$H, create_fragment$H, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$g);
|
10585
10585
|
}
|
10586
10586
|
}
|
10587
10587
|
|
10588
10588
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10589
10589
|
|
10590
|
-
function add_css$
|
10590
|
+
function add_css$f(target) {
|
10591
10591
|
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)}");
|
10592
10592
|
}
|
10593
10593
|
|
10594
10594
|
// (56:4) {#if svg}
|
10595
|
-
function create_if_block$
|
10595
|
+
function create_if_block$4(ctx) {
|
10596
10596
|
let html_tag;
|
10597
10597
|
let html_anchor;
|
10598
10598
|
|
@@ -10627,7 +10627,7 @@ function create_if_block$2(ctx) {
|
|
10627
10627
|
// (55:2) <Button {onClick} {style} {eventName}>
|
10628
10628
|
function create_default_slot$1(ctx) {
|
10629
10629
|
let if_block_anchor;
|
10630
|
-
let if_block = /*svg*/ ctx[3] && create_if_block$
|
10630
|
+
let if_block = /*svg*/ ctx[3] && create_if_block$4(ctx);
|
10631
10631
|
|
10632
10632
|
return {
|
10633
10633
|
c() {
|
@@ -10647,7 +10647,7 @@ function create_default_slot$1(ctx) {
|
|
10647
10647
|
if (if_block) {
|
10648
10648
|
if_block.p(ctx, dirty);
|
10649
10649
|
} else {
|
10650
|
-
if_block = create_if_block$
|
10650
|
+
if_block = create_if_block$4(ctx);
|
10651
10651
|
if_block.c();
|
10652
10652
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
10653
10653
|
}
|
@@ -10663,7 +10663,7 @@ function create_default_slot$1(ctx) {
|
|
10663
10663
|
};
|
10664
10664
|
}
|
10665
10665
|
|
10666
|
-
function create_fragment$
|
10666
|
+
function create_fragment$G(ctx) {
|
10667
10667
|
let div;
|
10668
10668
|
let button;
|
10669
10669
|
let current;
|
@@ -10734,7 +10734,7 @@ function parseData(dataUrl) {
|
|
10734
10734
|
return decodeURIComponent(data).replaceAll('\'', '"');
|
10735
10735
|
}
|
10736
10736
|
|
10737
|
-
function instance$
|
10737
|
+
function instance$G($$self, $$props, $$invalidate) {
|
10738
10738
|
let svg;
|
10739
10739
|
let styleVariables;
|
10740
10740
|
let style;
|
@@ -10782,8 +10782,8 @@ class IconElement extends SvelteComponent {
|
|
10782
10782
|
init(
|
10783
10783
|
this,
|
10784
10784
|
options,
|
10785
|
-
instance$
|
10786
|
-
create_fragment$
|
10785
|
+
instance$G,
|
10786
|
+
create_fragment$G,
|
10787
10787
|
safe_not_equal,
|
10788
10788
|
{
|
10789
10789
|
icon: 4,
|
@@ -10793,18 +10793,18 @@ class IconElement extends SvelteComponent {
|
|
10793
10793
|
color: 6,
|
10794
10794
|
_style: 7
|
10795
10795
|
},
|
10796
|
-
add_css$
|
10796
|
+
add_css$f
|
10797
10797
|
);
|
10798
10798
|
}
|
10799
10799
|
}
|
10800
10800
|
|
10801
10801
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
10802
10802
|
|
10803
|
-
function add_css$
|
10803
|
+
function add_css$e(target) {
|
10804
10804
|
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
10805
10805
|
}
|
10806
10806
|
|
10807
|
-
function create_fragment$
|
10807
|
+
function create_fragment$F(ctx) {
|
10808
10808
|
let div;
|
10809
10809
|
let switch_instance;
|
10810
10810
|
let current;
|
@@ -10894,7 +10894,7 @@ function create_fragment$D(ctx) {
|
|
10894
10894
|
};
|
10895
10895
|
}
|
10896
10896
|
|
10897
|
-
function instance$
|
10897
|
+
function instance$F($$self, $$props, $$invalidate) {
|
10898
10898
|
let $data,
|
10899
10899
|
$$unsubscribe_data = noop,
|
10900
10900
|
$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
|
@@ -10919,17 +10919,17 @@ function instance$D($$self, $$props, $$invalidate) {
|
|
10919
10919
|
class CodeElement extends SvelteComponent {
|
10920
10920
|
constructor(options) {
|
10921
10921
|
super();
|
10922
|
-
init(this, options, instance$
|
10922
|
+
init(this, options, instance$F, create_fragment$F, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$e);
|
10923
10923
|
}
|
10924
10924
|
}
|
10925
10925
|
|
10926
10926
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
10927
10927
|
|
10928
|
-
function add_css$
|
10928
|
+
function add_css$d(target) {
|
10929
10929
|
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
10930
10930
|
}
|
10931
10931
|
|
10932
|
-
function create_fragment$
|
10932
|
+
function create_fragment$E(ctx) {
|
10933
10933
|
let div;
|
10934
10934
|
let div_style_value;
|
10935
10935
|
let current;
|
@@ -11004,7 +11004,7 @@ function getFlexContext() {
|
|
11004
11004
|
return getContext(FlexContextKey);
|
11005
11005
|
}
|
11006
11006
|
|
11007
|
-
function instance$
|
11007
|
+
function instance$E($$self, $$props, $$invalidate) {
|
11008
11008
|
let { $$slots: slots = {}, $$scope } = $$props;
|
11009
11009
|
let { direction = 'row' } = $$props;
|
11010
11010
|
let { width = '100%' } = $$props;
|
@@ -11030,8 +11030,8 @@ class Flex extends SvelteComponent {
|
|
11030
11030
|
init(
|
11031
11031
|
this,
|
11032
11032
|
options,
|
11033
|
-
instance$
|
11034
|
-
create_fragment$
|
11033
|
+
instance$E,
|
11034
|
+
create_fragment$E,
|
11035
11035
|
safe_not_equal,
|
11036
11036
|
{
|
11037
11037
|
direction: 0,
|
@@ -11039,18 +11039,18 @@ class Flex extends SvelteComponent {
|
|
11039
11039
|
height: 2,
|
11040
11040
|
_style: 3
|
11041
11041
|
},
|
11042
|
-
add_css$
|
11042
|
+
add_css$d
|
11043
11043
|
);
|
11044
11044
|
}
|
11045
11045
|
}
|
11046
11046
|
|
11047
11047
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
11048
11048
|
|
11049
|
-
function add_css$
|
11049
|
+
function add_css$c(target) {
|
11050
11050
|
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
11051
11051
|
}
|
11052
11052
|
|
11053
|
-
function create_fragment$
|
11053
|
+
function create_fragment$D(ctx) {
|
11054
11054
|
let div;
|
11055
11055
|
let current;
|
11056
11056
|
const default_slot_template = /*#slots*/ ctx[4].default;
|
@@ -11118,7 +11118,7 @@ function create_fragment$B(ctx) {
|
|
11118
11118
|
};
|
11119
11119
|
}
|
11120
11120
|
|
11121
|
-
function instance$
|
11121
|
+
function instance$D($$self, $$props, $$invalidate) {
|
11122
11122
|
let { $$slots: slots = {}, $$scope } = $$props;
|
11123
11123
|
let { length } = $$props;
|
11124
11124
|
let { _style = '' } = $$props;
|
@@ -11161,7 +11161,7 @@ function instance$B($$self, $$props, $$invalidate) {
|
|
11161
11161
|
class FlexItem extends SvelteComponent {
|
11162
11162
|
constructor(options) {
|
11163
11163
|
super();
|
11164
|
-
init(this, options, instance$
|
11164
|
+
init(this, options, instance$D, create_fragment$D, safe_not_equal, { length: 1, _style: 2 }, add_css$c);
|
11165
11165
|
}
|
11166
11166
|
}
|
11167
11167
|
|
@@ -11281,7 +11281,7 @@ function create_default_slot(ctx) {
|
|
11281
11281
|
let modal;
|
11282
11282
|
let current;
|
11283
11283
|
|
11284
|
-
modal = new Modal({
|
11284
|
+
modal = new Modal$1({
|
11285
11285
|
props: {
|
11286
11286
|
placement: /*placement*/ ctx[4],
|
11287
11287
|
animation: /*animation*/ ctx[5],
|
@@ -11345,7 +11345,7 @@ function create_default_slot(ctx) {
|
|
11345
11345
|
};
|
11346
11346
|
}
|
11347
11347
|
|
11348
|
-
function create_fragment$
|
11348
|
+
function create_fragment$C(ctx) {
|
11349
11349
|
let stateitem;
|
11350
11350
|
let current;
|
11351
11351
|
|
@@ -11393,7 +11393,7 @@ function create_fragment$A(ctx) {
|
|
11393
11393
|
};
|
11394
11394
|
}
|
11395
11395
|
|
11396
|
-
function instance$
|
11396
|
+
function instance$C($$self, $$props, $$invalidate) {
|
11397
11397
|
let { $$slots: slots = {}, $$scope } = $$props;
|
11398
11398
|
let { path } = $$props;
|
11399
11399
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
@@ -11464,7 +11464,7 @@ class GridModalState extends SvelteComponent {
|
|
11464
11464
|
constructor(options) {
|
11465
11465
|
super();
|
11466
11466
|
|
11467
|
-
init(this, options, instance$
|
11467
|
+
init(this, options, instance$C, create_fragment$C, safe_not_equal, {
|
11468
11468
|
path: 0,
|
11469
11469
|
onClick: 1,
|
11470
11470
|
clickEventName: 2,
|
@@ -11489,11 +11489,11 @@ class GridModalState extends SvelteComponent {
|
|
11489
11489
|
|
11490
11490
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
11491
11491
|
|
11492
|
-
function add_css$
|
11492
|
+
function add_css$b(target) {
|
11493
11493
|
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%}");
|
11494
11494
|
}
|
11495
11495
|
|
11496
|
-
function create_fragment$
|
11496
|
+
function create_fragment$B(ctx) {
|
11497
11497
|
let div1;
|
11498
11498
|
let div0;
|
11499
11499
|
let rendertext;
|
@@ -11558,7 +11558,7 @@ function create_fragment$z(ctx) {
|
|
11558
11558
|
};
|
11559
11559
|
}
|
11560
11560
|
|
11561
|
-
function instance$
|
11561
|
+
function instance$B($$self, $$props, $$invalidate) {
|
11562
11562
|
let style;
|
11563
11563
|
let { text = 'サンプルSample' } = $$props;
|
11564
11564
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -11594,8 +11594,8 @@ class TextBlock extends SvelteComponent {
|
|
11594
11594
|
init(
|
11595
11595
|
this,
|
11596
11596
|
options,
|
11597
|
-
instance$
|
11598
|
-
create_fragment$
|
11597
|
+
instance$B,
|
11598
|
+
create_fragment$B,
|
11599
11599
|
safe_not_equal,
|
11600
11600
|
{
|
11601
11601
|
text: 0,
|
@@ -11604,18 +11604,18 @@ class TextBlock extends SvelteComponent {
|
|
11604
11604
|
textDirection: 1,
|
11605
11605
|
_style: 5
|
11606
11606
|
},
|
11607
|
-
add_css$
|
11607
|
+
add_css$b
|
11608
11608
|
);
|
11609
11609
|
}
|
11610
11610
|
}
|
11611
11611
|
|
11612
11612
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
11613
11613
|
|
11614
|
-
function add_css$
|
11614
|
+
function add_css$a(target) {
|
11615
11615
|
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)}");
|
11616
11616
|
}
|
11617
11617
|
|
11618
|
-
function create_fragment$
|
11618
|
+
function create_fragment$A(ctx) {
|
11619
11619
|
let div;
|
11620
11620
|
let button;
|
11621
11621
|
let rendertext;
|
@@ -11689,7 +11689,7 @@ function create_fragment$y(ctx) {
|
|
11689
11689
|
};
|
11690
11690
|
}
|
11691
11691
|
|
11692
|
-
function instance$
|
11692
|
+
function instance$A($$self, $$props, $$invalidate) {
|
11693
11693
|
let { text = 'ボタンラベル' } = $$props;
|
11694
11694
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
11695
11695
|
|
@@ -11731,8 +11731,8 @@ class TextButtonBlock extends SvelteComponent {
|
|
11731
11731
|
init(
|
11732
11732
|
this,
|
11733
11733
|
options,
|
11734
|
-
instance$
|
11735
|
-
create_fragment$
|
11734
|
+
instance$A,
|
11735
|
+
create_fragment$A,
|
11736
11736
|
safe_not_equal,
|
11737
11737
|
{
|
11738
11738
|
text: 0,
|
@@ -11742,18 +11742,18 @@ class TextButtonBlock extends SvelteComponent {
|
|
11742
11742
|
_buttonStyle: 1,
|
11743
11743
|
_style: 2
|
11744
11744
|
},
|
11745
|
-
add_css$
|
11745
|
+
add_css$a
|
11746
11746
|
);
|
11747
11747
|
}
|
11748
11748
|
}
|
11749
11749
|
|
11750
11750
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
11751
11751
|
|
11752
|
-
function add_css$
|
11752
|
+
function add_css$9(target) {
|
11753
11753
|
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)}");
|
11754
11754
|
}
|
11755
11755
|
|
11756
|
-
function create_fragment$
|
11756
|
+
function create_fragment$z(ctx) {
|
11757
11757
|
let div;
|
11758
11758
|
let img;
|
11759
11759
|
let img_style_value;
|
@@ -11836,7 +11836,7 @@ function create_fragment$x(ctx) {
|
|
11836
11836
|
};
|
11837
11837
|
}
|
11838
11838
|
|
11839
|
-
function instance$
|
11839
|
+
function instance$z($$self, $$props, $$invalidate) {
|
11840
11840
|
let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
|
11841
11841
|
let { alt = 'No Image' } = $$props;
|
11842
11842
|
let { transport = false } = $$props;
|
@@ -11876,8 +11876,8 @@ class ImageBlock extends SvelteComponent {
|
|
11876
11876
|
init(
|
11877
11877
|
this,
|
11878
11878
|
options,
|
11879
|
-
instance$
|
11880
|
-
create_fragment$
|
11879
|
+
instance$z,
|
11880
|
+
create_fragment$z,
|
11881
11881
|
safe_not_equal,
|
11882
11882
|
{
|
11883
11883
|
src: 0,
|
@@ -11889,7 +11889,7 @@ class ImageBlock extends SvelteComponent {
|
|
11889
11889
|
_imageStyle: 4,
|
11890
11890
|
_style: 5
|
11891
11891
|
},
|
11892
|
-
add_css$
|
11892
|
+
add_css$9
|
11893
11893
|
);
|
11894
11894
|
}
|
11895
11895
|
}
|
@@ -11988,11 +11988,11 @@ const toCssShadow = (p) => {
|
|
11988
11988
|
|
11989
11989
|
/* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
11990
11990
|
|
11991
|
-
function add_css$
|
11991
|
+
function add_css$8(target) {
|
11992
11992
|
append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
|
11993
11993
|
}
|
11994
11994
|
|
11995
|
-
function create_fragment$
|
11995
|
+
function create_fragment$y(ctx) {
|
11996
11996
|
let div;
|
11997
11997
|
let img;
|
11998
11998
|
let img_src_value;
|
@@ -12005,7 +12005,12 @@ function create_fragment$w(ctx) {
|
|
12005
12005
|
this.h();
|
12006
12006
|
},
|
12007
12007
|
l(nodes) {
|
12008
|
-
div = claim_element(nodes, "DIV", {
|
12008
|
+
div = claim_element(nodes, "DIV", {
|
12009
|
+
class: true,
|
12010
|
+
"data-layer-id": true,
|
12011
|
+
style: true
|
12012
|
+
});
|
12013
|
+
|
12009
12014
|
var div_nodes = children(div);
|
12010
12015
|
img = claim_element(div_nodes, "IMG", { src: true, alt: true, style: true });
|
12011
12016
|
div_nodes.forEach(detach);
|
@@ -12014,9 +12019,10 @@ function create_fragment$w(ctx) {
|
|
12014
12019
|
h() {
|
12015
12020
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
12016
12021
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
12017
|
-
attr(img, "style", /*imgStyle*/ ctx[
|
12022
|
+
attr(img, "style", /*imgStyle*/ ctx[2]);
|
12018
12023
|
attr(div, "class", "avatar svelte-17xar9h");
|
12019
|
-
attr(div, "
|
12024
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
12025
|
+
attr(div, "style", /*style*/ ctx[3]);
|
12020
12026
|
},
|
12021
12027
|
m(target, anchor) {
|
12022
12028
|
insert_hydration(target, div, anchor);
|
@@ -12031,12 +12037,16 @@ function create_fragment$w(ctx) {
|
|
12031
12037
|
attr(img, "alt", img_alt_value);
|
12032
12038
|
}
|
12033
12039
|
|
12034
|
-
if (dirty & /*imgStyle*/
|
12035
|
-
attr(img, "style", /*imgStyle*/ ctx[
|
12040
|
+
if (dirty & /*imgStyle*/ 4) {
|
12041
|
+
attr(img, "style", /*imgStyle*/ ctx[2]);
|
12042
|
+
}
|
12043
|
+
|
12044
|
+
if (dirty & /*layerId*/ 2) {
|
12045
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
12036
12046
|
}
|
12037
12047
|
|
12038
|
-
if (dirty & /*style*/
|
12039
|
-
attr(div, "style", /*style*/ ctx[
|
12048
|
+
if (dirty & /*style*/ 8) {
|
12049
|
+
attr(div, "style", /*style*/ ctx[3]);
|
12040
12050
|
}
|
12041
12051
|
},
|
12042
12052
|
i: noop,
|
@@ -12047,10 +12057,11 @@ function create_fragment$w(ctx) {
|
|
12047
12057
|
};
|
12048
12058
|
}
|
12049
12059
|
|
12050
|
-
function instance$
|
12060
|
+
function instance$y($$self, $$props, $$invalidate) {
|
12051
12061
|
let style;
|
12052
12062
|
let imgStyle;
|
12053
12063
|
let { props = {} } = $$props;
|
12064
|
+
let { layerId = '' } = $$props;
|
12054
12065
|
|
12055
12066
|
const VARIANTS = {
|
12056
12067
|
shape: {
|
@@ -12063,11 +12074,12 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
12063
12074
|
|
12064
12075
|
$$self.$$set = $$props => {
|
12065
12076
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
12077
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
12066
12078
|
};
|
12067
12079
|
|
12068
12080
|
$$self.$$.update = () => {
|
12069
12081
|
if ($$self.$$.dirty & /*props*/ 1) {
|
12070
|
-
$$invalidate(
|
12082
|
+
$$invalidate(3, style = objToStyle({
|
12071
12083
|
width: `${size}px`,
|
12072
12084
|
height: `${size}px`,
|
12073
12085
|
...VARIANTS.shape[props.shape ?? 'square'],
|
@@ -12077,19 +12089,19 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
12077
12089
|
}
|
12078
12090
|
};
|
12079
12091
|
|
12080
|
-
$$invalidate(
|
12092
|
+
$$invalidate(2, imgStyle = objToStyle({
|
12081
12093
|
width: '100%',
|
12082
12094
|
height: '100%',
|
12083
12095
|
objectFit: 'cover'
|
12084
12096
|
}));
|
12085
12097
|
|
12086
|
-
return [props, imgStyle, style];
|
12098
|
+
return [props, layerId, imgStyle, style];
|
12087
12099
|
}
|
12088
12100
|
|
12089
12101
|
class Avatar extends SvelteComponent {
|
12090
12102
|
constructor(options) {
|
12091
12103
|
super();
|
12092
|
-
init(this, options, instance$
|
12104
|
+
init(this, options, instance$y, create_fragment$y, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
|
12093
12105
|
}
|
12094
12106
|
}
|
12095
12107
|
|
@@ -12107,7 +12119,7 @@ const AVATAR_SHAPE = {
|
|
12107
12119
|
|
12108
12120
|
/* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
|
12109
12121
|
|
12110
|
-
function create_fragment$
|
12122
|
+
function create_fragment$x(ctx) {
|
12111
12123
|
let svg;
|
12112
12124
|
let path;
|
12113
12125
|
|
@@ -12150,7 +12162,7 @@ function create_fragment$v(ctx) {
|
|
12150
12162
|
};
|
12151
12163
|
}
|
12152
12164
|
|
12153
|
-
function instance$
|
12165
|
+
function instance$x($$self, $$props, $$invalidate) {
|
12154
12166
|
let { color } = $$props;
|
12155
12167
|
|
12156
12168
|
$$self.$$set = $$props => {
|
@@ -12163,13 +12175,13 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
12163
12175
|
class IconArrowDown extends SvelteComponent {
|
12164
12176
|
constructor(options) {
|
12165
12177
|
super();
|
12166
|
-
init(this, options, instance$
|
12178
|
+
init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
|
12167
12179
|
}
|
12168
12180
|
}
|
12169
12181
|
|
12170
12182
|
/* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
|
12171
12183
|
|
12172
|
-
function create_fragment$
|
12184
|
+
function create_fragment$w(ctx) {
|
12173
12185
|
let svg;
|
12174
12186
|
let path;
|
12175
12187
|
|
@@ -12212,7 +12224,7 @@ function create_fragment$u(ctx) {
|
|
12212
12224
|
};
|
12213
12225
|
}
|
12214
12226
|
|
12215
|
-
function instance$
|
12227
|
+
function instance$w($$self, $$props, $$invalidate) {
|
12216
12228
|
let { color } = $$props;
|
12217
12229
|
|
12218
12230
|
$$self.$$set = $$props => {
|
@@ -12225,13 +12237,13 @@ function instance$u($$self, $$props, $$invalidate) {
|
|
12225
12237
|
class IconArrowUp extends SvelteComponent {
|
12226
12238
|
constructor(options) {
|
12227
12239
|
super();
|
12228
|
-
init(this, options, instance$
|
12240
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
|
12229
12241
|
}
|
12230
12242
|
}
|
12231
12243
|
|
12232
12244
|
/* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
|
12233
12245
|
|
12234
|
-
function create_fragment$
|
12246
|
+
function create_fragment$v(ctx) {
|
12235
12247
|
let svg;
|
12236
12248
|
let path;
|
12237
12249
|
|
@@ -12274,7 +12286,7 @@ function create_fragment$t(ctx) {
|
|
12274
12286
|
};
|
12275
12287
|
}
|
12276
12288
|
|
12277
|
-
function instance$
|
12289
|
+
function instance$v($$self, $$props, $$invalidate) {
|
12278
12290
|
let { color } = $$props;
|
12279
12291
|
|
12280
12292
|
$$self.$$set = $$props => {
|
@@ -12287,13 +12299,13 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
12287
12299
|
class IconUsers extends SvelteComponent {
|
12288
12300
|
constructor(options) {
|
12289
12301
|
super();
|
12290
|
-
init(this, options, instance$
|
12302
|
+
init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
|
12291
12303
|
}
|
12292
12304
|
}
|
12293
12305
|
|
12294
12306
|
/* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
|
12295
12307
|
|
12296
|
-
function create_fragment$
|
12308
|
+
function create_fragment$u(ctx) {
|
12297
12309
|
let svg;
|
12298
12310
|
let path;
|
12299
12311
|
|
@@ -12336,7 +12348,7 @@ function create_fragment$s(ctx) {
|
|
12336
12348
|
};
|
12337
12349
|
}
|
12338
12350
|
|
12339
|
-
function instance$
|
12351
|
+
function instance$u($$self, $$props, $$invalidate) {
|
12340
12352
|
let { color } = $$props;
|
12341
12353
|
|
12342
12354
|
$$self.$$set = $$props => {
|
@@ -12349,13 +12361,13 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
12349
12361
|
class IconArrowLeft extends SvelteComponent {
|
12350
12362
|
constructor(options) {
|
12351
12363
|
super();
|
12352
|
-
init(this, options, instance$
|
12364
|
+
init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
|
12353
12365
|
}
|
12354
12366
|
}
|
12355
12367
|
|
12356
12368
|
/* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
|
12357
12369
|
|
12358
|
-
function create_fragment$
|
12370
|
+
function create_fragment$t(ctx) {
|
12359
12371
|
let svg;
|
12360
12372
|
let path;
|
12361
12373
|
|
@@ -12398,7 +12410,7 @@ function create_fragment$r(ctx) {
|
|
12398
12410
|
};
|
12399
12411
|
}
|
12400
12412
|
|
12401
|
-
function instance$
|
12413
|
+
function instance$t($$self, $$props, $$invalidate) {
|
12402
12414
|
let { color } = $$props;
|
12403
12415
|
|
12404
12416
|
$$self.$$set = $$props => {
|
@@ -12411,13 +12423,13 @@ function instance$r($$self, $$props, $$invalidate) {
|
|
12411
12423
|
class IconArrowRight extends SvelteComponent {
|
12412
12424
|
constructor(options) {
|
12413
12425
|
super();
|
12414
|
-
init(this, options, instance$
|
12426
|
+
init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
|
12415
12427
|
}
|
12416
12428
|
}
|
12417
12429
|
|
12418
12430
|
/* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
|
12419
12431
|
|
12420
|
-
function create_fragment$
|
12432
|
+
function create_fragment$s(ctx) {
|
12421
12433
|
let svg;
|
12422
12434
|
let path;
|
12423
12435
|
|
@@ -12460,7 +12472,7 @@ function create_fragment$q(ctx) {
|
|
12460
12472
|
};
|
12461
12473
|
}
|
12462
12474
|
|
12463
|
-
function instance$
|
12475
|
+
function instance$s($$self, $$props, $$invalidate) {
|
12464
12476
|
let { color } = $$props;
|
12465
12477
|
|
12466
12478
|
$$self.$$set = $$props => {
|
@@ -12473,13 +12485,13 @@ function instance$q($$self, $$props, $$invalidate) {
|
|
12473
12485
|
class IconBell extends SvelteComponent {
|
12474
12486
|
constructor(options) {
|
12475
12487
|
super();
|
12476
|
-
init(this, options, instance$
|
12488
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
|
12477
12489
|
}
|
12478
12490
|
}
|
12479
12491
|
|
12480
12492
|
/* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
|
12481
12493
|
|
12482
|
-
function create_fragment$
|
12494
|
+
function create_fragment$r(ctx) {
|
12483
12495
|
let svg;
|
12484
12496
|
let path;
|
12485
12497
|
|
@@ -12522,7 +12534,7 @@ function create_fragment$p(ctx) {
|
|
12522
12534
|
};
|
12523
12535
|
}
|
12524
12536
|
|
12525
|
-
function instance$
|
12537
|
+
function instance$r($$self, $$props, $$invalidate) {
|
12526
12538
|
let { color } = $$props;
|
12527
12539
|
|
12528
12540
|
$$self.$$set = $$props => {
|
@@ -12535,13 +12547,13 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
12535
12547
|
class IconArrowUpFromSquare extends SvelteComponent {
|
12536
12548
|
constructor(options) {
|
12537
12549
|
super();
|
12538
|
-
init(this, options, instance$
|
12550
|
+
init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
|
12539
12551
|
}
|
12540
12552
|
}
|
12541
12553
|
|
12542
12554
|
/* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
|
12543
12555
|
|
12544
|
-
function create_fragment$
|
12556
|
+
function create_fragment$q(ctx) {
|
12545
12557
|
let svg;
|
12546
12558
|
let path;
|
12547
12559
|
|
@@ -12584,7 +12596,7 @@ function create_fragment$o(ctx) {
|
|
12584
12596
|
};
|
12585
12597
|
}
|
12586
12598
|
|
12587
|
-
function instance$
|
12599
|
+
function instance$q($$self, $$props, $$invalidate) {
|
12588
12600
|
let { color } = $$props;
|
12589
12601
|
|
12590
12602
|
$$self.$$set = $$props => {
|
@@ -12597,13 +12609,13 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
12597
12609
|
class IconTicket extends SvelteComponent {
|
12598
12610
|
constructor(options) {
|
12599
12611
|
super();
|
12600
|
-
init(this, options, instance$
|
12612
|
+
init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
|
12601
12613
|
}
|
12602
12614
|
}
|
12603
12615
|
|
12604
12616
|
/* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
|
12605
12617
|
|
12606
|
-
function create_fragment$
|
12618
|
+
function create_fragment$p(ctx) {
|
12607
12619
|
let svg;
|
12608
12620
|
let path;
|
12609
12621
|
|
@@ -12646,7 +12658,7 @@ function create_fragment$n(ctx) {
|
|
12646
12658
|
};
|
12647
12659
|
}
|
12648
12660
|
|
12649
|
-
function instance$
|
12661
|
+
function instance$p($$self, $$props, $$invalidate) {
|
12650
12662
|
let { color } = $$props;
|
12651
12663
|
|
12652
12664
|
$$self.$$set = $$props => {
|
@@ -12659,13 +12671,13 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
12659
12671
|
class IconTrack extends SvelteComponent {
|
12660
12672
|
constructor(options) {
|
12661
12673
|
super();
|
12662
|
-
init(this, options, instance$
|
12674
|
+
init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
|
12663
12675
|
}
|
12664
12676
|
}
|
12665
12677
|
|
12666
12678
|
/* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
|
12667
12679
|
|
12668
|
-
function create_fragment$
|
12680
|
+
function create_fragment$o(ctx) {
|
12669
12681
|
let svg;
|
12670
12682
|
let path;
|
12671
12683
|
|
@@ -12708,7 +12720,7 @@ function create_fragment$m(ctx) {
|
|
12708
12720
|
};
|
12709
12721
|
}
|
12710
12722
|
|
12711
|
-
function instance$
|
12723
|
+
function instance$o($$self, $$props, $$invalidate) {
|
12712
12724
|
let { color } = $$props;
|
12713
12725
|
|
12714
12726
|
$$self.$$set = $$props => {
|
@@ -12721,13 +12733,13 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
12721
12733
|
class IconCartShopping extends SvelteComponent {
|
12722
12734
|
constructor(options) {
|
12723
12735
|
super();
|
12724
|
-
init(this, options, instance$
|
12736
|
+
init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
|
12725
12737
|
}
|
12726
12738
|
}
|
12727
12739
|
|
12728
12740
|
/* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
|
12729
12741
|
|
12730
|
-
function create_fragment$
|
12742
|
+
function create_fragment$n(ctx) {
|
12731
12743
|
let svg;
|
12732
12744
|
let path;
|
12733
12745
|
|
@@ -12770,7 +12782,7 @@ function create_fragment$l(ctx) {
|
|
12770
12782
|
};
|
12771
12783
|
}
|
12772
12784
|
|
12773
|
-
function instance$
|
12785
|
+
function instance$n($$self, $$props, $$invalidate) {
|
12774
12786
|
let { color } = $$props;
|
12775
12787
|
|
12776
12788
|
$$self.$$set = $$props => {
|
@@ -12783,13 +12795,13 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
12783
12795
|
class IconCircle extends SvelteComponent {
|
12784
12796
|
constructor(options) {
|
12785
12797
|
super();
|
12786
|
-
init(this, options, instance$
|
12798
|
+
init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
|
12787
12799
|
}
|
12788
12800
|
}
|
12789
12801
|
|
12790
12802
|
/* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
|
12791
12803
|
|
12792
|
-
function create_fragment$
|
12804
|
+
function create_fragment$m(ctx) {
|
12793
12805
|
let svg;
|
12794
12806
|
let path;
|
12795
12807
|
|
@@ -12832,7 +12844,7 @@ function create_fragment$k(ctx) {
|
|
12832
12844
|
};
|
12833
12845
|
}
|
12834
12846
|
|
12835
|
-
function instance$
|
12847
|
+
function instance$m($$self, $$props, $$invalidate) {
|
12836
12848
|
let { color } = $$props;
|
12837
12849
|
|
12838
12850
|
$$self.$$set = $$props => {
|
@@ -12845,13 +12857,13 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
12845
12857
|
class IconCircleQuestion extends SvelteComponent {
|
12846
12858
|
constructor(options) {
|
12847
12859
|
super();
|
12848
|
-
init(this, options, instance$
|
12860
|
+
init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
|
12849
12861
|
}
|
12850
12862
|
}
|
12851
12863
|
|
12852
12864
|
/* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
|
12853
12865
|
|
12854
|
-
function create_fragment$
|
12866
|
+
function create_fragment$l(ctx) {
|
12855
12867
|
let svg;
|
12856
12868
|
let path;
|
12857
12869
|
|
@@ -12894,7 +12906,7 @@ function create_fragment$j(ctx) {
|
|
12894
12906
|
};
|
12895
12907
|
}
|
12896
12908
|
|
12897
|
-
function instance$
|
12909
|
+
function instance$l($$self, $$props, $$invalidate) {
|
12898
12910
|
let { color } = $$props;
|
12899
12911
|
|
12900
12912
|
$$self.$$set = $$props => {
|
@@ -12907,13 +12919,13 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
12907
12919
|
class IconCheck extends SvelteComponent {
|
12908
12920
|
constructor(options) {
|
12909
12921
|
super();
|
12910
|
-
init(this, options, instance$
|
12922
|
+
init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
|
12911
12923
|
}
|
12912
12924
|
}
|
12913
12925
|
|
12914
12926
|
/* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
|
12915
12927
|
|
12916
|
-
function create_fragment$
|
12928
|
+
function create_fragment$k(ctx) {
|
12917
12929
|
let svg;
|
12918
12930
|
let path;
|
12919
12931
|
|
@@ -12956,7 +12968,7 @@ function create_fragment$i(ctx) {
|
|
12956
12968
|
};
|
12957
12969
|
}
|
12958
12970
|
|
12959
|
-
function instance$
|
12971
|
+
function instance$k($$self, $$props, $$invalidate) {
|
12960
12972
|
let { color } = $$props;
|
12961
12973
|
|
12962
12974
|
$$self.$$set = $$props => {
|
@@ -12969,13 +12981,13 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
12969
12981
|
class IconXMark extends SvelteComponent {
|
12970
12982
|
constructor(options) {
|
12971
12983
|
super();
|
12972
|
-
init(this, options, instance$
|
12984
|
+
init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
|
12973
12985
|
}
|
12974
12986
|
}
|
12975
12987
|
|
12976
12988
|
/* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
|
12977
12989
|
|
12978
|
-
function create_fragment$
|
12990
|
+
function create_fragment$j(ctx) {
|
12979
12991
|
let svg;
|
12980
12992
|
let path;
|
12981
12993
|
|
@@ -13018,7 +13030,7 @@ function create_fragment$h(ctx) {
|
|
13018
13030
|
};
|
13019
13031
|
}
|
13020
13032
|
|
13021
|
-
function instance$
|
13033
|
+
function instance$j($$self, $$props, $$invalidate) {
|
13022
13034
|
let { color } = $$props;
|
13023
13035
|
|
13024
13036
|
$$self.$$set = $$props => {
|
@@ -13031,13 +13043,13 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
13031
13043
|
class IconPaperPlane extends SvelteComponent {
|
13032
13044
|
constructor(options) {
|
13033
13045
|
super();
|
13034
|
-
init(this, options, instance$
|
13046
|
+
init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
|
13035
13047
|
}
|
13036
13048
|
}
|
13037
13049
|
|
13038
13050
|
/* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
|
13039
13051
|
|
13040
|
-
function create_fragment$
|
13052
|
+
function create_fragment$i(ctx) {
|
13041
13053
|
let svg;
|
13042
13054
|
let path;
|
13043
13055
|
|
@@ -13080,7 +13092,7 @@ function create_fragment$g(ctx) {
|
|
13080
13092
|
};
|
13081
13093
|
}
|
13082
13094
|
|
13083
|
-
function instance$
|
13095
|
+
function instance$i($$self, $$props, $$invalidate) {
|
13084
13096
|
let { color } = $$props;
|
13085
13097
|
|
13086
13098
|
$$self.$$set = $$props => {
|
@@ -13093,13 +13105,13 @@ function instance$g($$self, $$props, $$invalidate) {
|
|
13093
13105
|
class IconCopy extends SvelteComponent {
|
13094
13106
|
constructor(options) {
|
13095
13107
|
super();
|
13096
|
-
init(this, options, instance$
|
13108
|
+
init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
|
13097
13109
|
}
|
13098
13110
|
}
|
13099
13111
|
|
13100
13112
|
/* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
|
13101
13113
|
|
13102
|
-
function create_fragment$
|
13114
|
+
function create_fragment$h(ctx) {
|
13103
13115
|
let svg;
|
13104
13116
|
let path;
|
13105
13117
|
|
@@ -13142,7 +13154,7 @@ function create_fragment$f(ctx) {
|
|
13142
13154
|
};
|
13143
13155
|
}
|
13144
13156
|
|
13145
|
-
function instance$
|
13157
|
+
function instance$h($$self, $$props, $$invalidate) {
|
13146
13158
|
let { color } = $$props;
|
13147
13159
|
|
13148
13160
|
$$self.$$set = $$props => {
|
@@ -13155,13 +13167,13 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
13155
13167
|
class IconCircleXMark extends SvelteComponent {
|
13156
13168
|
constructor(options) {
|
13157
13169
|
super();
|
13158
|
-
init(this, options, instance$
|
13170
|
+
init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
|
13159
13171
|
}
|
13160
13172
|
}
|
13161
13173
|
|
13162
13174
|
/* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
|
13163
13175
|
|
13164
|
-
function create_fragment$
|
13176
|
+
function create_fragment$g(ctx) {
|
13165
13177
|
let svg;
|
13166
13178
|
let path;
|
13167
13179
|
|
@@ -13204,7 +13216,7 @@ function create_fragment$e(ctx) {
|
|
13204
13216
|
};
|
13205
13217
|
}
|
13206
13218
|
|
13207
|
-
function instance$
|
13219
|
+
function instance$g($$self, $$props, $$invalidate) {
|
13208
13220
|
let { color } = $$props;
|
13209
13221
|
|
13210
13222
|
$$self.$$set = $$props => {
|
@@ -13217,13 +13229,13 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
13217
13229
|
class IconHeart extends SvelteComponent {
|
13218
13230
|
constructor(options) {
|
13219
13231
|
super();
|
13220
|
-
init(this, options, instance$
|
13232
|
+
init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
|
13221
13233
|
}
|
13222
13234
|
}
|
13223
13235
|
|
13224
13236
|
/* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
|
13225
13237
|
|
13226
|
-
function create_fragment$
|
13238
|
+
function create_fragment$f(ctx) {
|
13227
13239
|
let svg;
|
13228
13240
|
let path;
|
13229
13241
|
|
@@ -13266,7 +13278,7 @@ function create_fragment$d(ctx) {
|
|
13266
13278
|
};
|
13267
13279
|
}
|
13268
13280
|
|
13269
|
-
function instance$
|
13281
|
+
function instance$f($$self, $$props, $$invalidate) {
|
13270
13282
|
let { color } = $$props;
|
13271
13283
|
|
13272
13284
|
$$self.$$set = $$props => {
|
@@ -13279,13 +13291,13 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
13279
13291
|
class IconMagnifyingGrass extends SvelteComponent {
|
13280
13292
|
constructor(options) {
|
13281
13293
|
super();
|
13282
|
-
init(this, options, instance$
|
13294
|
+
init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
|
13283
13295
|
}
|
13284
13296
|
}
|
13285
13297
|
|
13286
13298
|
/* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
|
13287
13299
|
|
13288
|
-
function create_fragment$
|
13300
|
+
function create_fragment$e(ctx) {
|
13289
13301
|
let svg;
|
13290
13302
|
let path;
|
13291
13303
|
|
@@ -13328,7 +13340,7 @@ function create_fragment$c(ctx) {
|
|
13328
13340
|
};
|
13329
13341
|
}
|
13330
13342
|
|
13331
|
-
function instance$
|
13343
|
+
function instance$e($$self, $$props, $$invalidate) {
|
13332
13344
|
let { color } = $$props;
|
13333
13345
|
|
13334
13346
|
$$self.$$set = $$props => {
|
@@ -13341,13 +13353,13 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
13341
13353
|
class IconStar extends SvelteComponent {
|
13342
13354
|
constructor(options) {
|
13343
13355
|
super();
|
13344
|
-
init(this, options, instance$
|
13356
|
+
init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
|
13345
13357
|
}
|
13346
13358
|
}
|
13347
13359
|
|
13348
13360
|
/* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
|
13349
13361
|
|
13350
|
-
function create_fragment$
|
13362
|
+
function create_fragment$d(ctx) {
|
13351
13363
|
let svg;
|
13352
13364
|
let path;
|
13353
13365
|
|
@@ -13390,7 +13402,7 @@ function create_fragment$b(ctx) {
|
|
13390
13402
|
};
|
13391
13403
|
}
|
13392
13404
|
|
13393
|
-
function instance$
|
13405
|
+
function instance$d($$self, $$props, $$invalidate) {
|
13394
13406
|
let { color } = $$props;
|
13395
13407
|
|
13396
13408
|
$$self.$$set = $$props => {
|
@@ -13403,13 +13415,13 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
13403
13415
|
class IconCircleInfo extends SvelteComponent {
|
13404
13416
|
constructor(options) {
|
13405
13417
|
super();
|
13406
|
-
init(this, options, instance$
|
13418
|
+
init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
|
13407
13419
|
}
|
13408
13420
|
}
|
13409
13421
|
|
13410
13422
|
/* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
|
13411
13423
|
|
13412
|
-
function create_fragment$
|
13424
|
+
function create_fragment$c(ctx) {
|
13413
13425
|
let svg;
|
13414
13426
|
let path;
|
13415
13427
|
|
@@ -13452,7 +13464,7 @@ function create_fragment$a(ctx) {
|
|
13452
13464
|
};
|
13453
13465
|
}
|
13454
13466
|
|
13455
|
-
function instance$
|
13467
|
+
function instance$c($$self, $$props, $$invalidate) {
|
13456
13468
|
let { color } = $$props;
|
13457
13469
|
|
13458
13470
|
$$self.$$set = $$props => {
|
@@ -13465,13 +13477,13 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
13465
13477
|
class IconEnvelope extends SvelteComponent {
|
13466
13478
|
constructor(options) {
|
13467
13479
|
super();
|
13468
|
-
init(this, options, instance$
|
13480
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
|
13469
13481
|
}
|
13470
13482
|
}
|
13471
13483
|
|
13472
13484
|
/* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
|
13473
13485
|
|
13474
|
-
function create_fragment$
|
13486
|
+
function create_fragment$b(ctx) {
|
13475
13487
|
let svg;
|
13476
13488
|
let path;
|
13477
13489
|
|
@@ -13514,7 +13526,7 @@ function create_fragment$9(ctx) {
|
|
13514
13526
|
};
|
13515
13527
|
}
|
13516
13528
|
|
13517
|
-
function instance$
|
13529
|
+
function instance$b($$self, $$props, $$invalidate) {
|
13518
13530
|
let { color } = $$props;
|
13519
13531
|
|
13520
13532
|
$$self.$$set = $$props => {
|
@@ -13527,13 +13539,13 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
13527
13539
|
class IconGift extends SvelteComponent {
|
13528
13540
|
constructor(options) {
|
13529
13541
|
super();
|
13530
|
-
init(this, options, instance$
|
13542
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
|
13531
13543
|
}
|
13532
13544
|
}
|
13533
13545
|
|
13534
13546
|
/* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
|
13535
13547
|
|
13536
|
-
function create_fragment$
|
13548
|
+
function create_fragment$a(ctx) {
|
13537
13549
|
let svg;
|
13538
13550
|
let path;
|
13539
13551
|
|
@@ -13582,7 +13594,7 @@ function create_fragment$8(ctx) {
|
|
13582
13594
|
};
|
13583
13595
|
}
|
13584
13596
|
|
13585
|
-
function instance$
|
13597
|
+
function instance$a($$self, $$props, $$invalidate) {
|
13586
13598
|
let { color } = $$props;
|
13587
13599
|
|
13588
13600
|
$$self.$$set = $$props => {
|
@@ -13595,13 +13607,13 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
13595
13607
|
class IconPaperclip extends SvelteComponent {
|
13596
13608
|
constructor(options) {
|
13597
13609
|
super();
|
13598
|
-
init(this, options, instance$
|
13610
|
+
init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
|
13599
13611
|
}
|
13600
13612
|
}
|
13601
13613
|
|
13602
13614
|
/* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
|
13603
13615
|
|
13604
|
-
function create_fragment$
|
13616
|
+
function create_fragment$9(ctx) {
|
13605
13617
|
let svg;
|
13606
13618
|
let path;
|
13607
13619
|
|
@@ -13650,7 +13662,7 @@ function create_fragment$7(ctx) {
|
|
13650
13662
|
};
|
13651
13663
|
}
|
13652
13664
|
|
13653
|
-
function instance$
|
13665
|
+
function instance$9($$self, $$props, $$invalidate) {
|
13654
13666
|
let { color } = $$props;
|
13655
13667
|
|
13656
13668
|
$$self.$$set = $$props => {
|
@@ -13663,13 +13675,13 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
13663
13675
|
class IconFire extends SvelteComponent {
|
13664
13676
|
constructor(options) {
|
13665
13677
|
super();
|
13666
|
-
init(this, options, instance$
|
13678
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
|
13667
13679
|
}
|
13668
13680
|
}
|
13669
13681
|
|
13670
13682
|
/* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
|
13671
13683
|
|
13672
|
-
function create_fragment$
|
13684
|
+
function create_fragment$8(ctx) {
|
13673
13685
|
let svg;
|
13674
13686
|
let path;
|
13675
13687
|
|
@@ -13718,7 +13730,7 @@ function create_fragment$6(ctx) {
|
|
13718
13730
|
};
|
13719
13731
|
}
|
13720
13732
|
|
13721
|
-
function instance$
|
13733
|
+
function instance$8($$self, $$props, $$invalidate) {
|
13722
13734
|
let { color } = $$props;
|
13723
13735
|
|
13724
13736
|
$$self.$$set = $$props => {
|
@@ -13731,7 +13743,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
13731
13743
|
class IconLink extends SvelteComponent {
|
13732
13744
|
constructor(options) {
|
13733
13745
|
super();
|
13734
|
-
init(this, options, instance$
|
13746
|
+
init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
|
13735
13747
|
}
|
13736
13748
|
}
|
13737
13749
|
|
@@ -13819,16 +13831,16 @@ const ICON_PARAMS = [
|
|
13819
13831
|
|
13820
13832
|
/* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
|
13821
13833
|
|
13822
|
-
function add_css$
|
13834
|
+
function add_css$7(target) {
|
13823
13835
|
append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
13824
13836
|
}
|
13825
13837
|
|
13826
|
-
// (
|
13827
|
-
function create_if_block$
|
13838
|
+
// (15:0) {#if (IconComponent)}
|
13839
|
+
function create_if_block$3(ctx) {
|
13828
13840
|
let div;
|
13829
13841
|
let switch_instance;
|
13830
13842
|
let current;
|
13831
|
-
var switch_value = /*IconComponent*/ ctx[
|
13843
|
+
var switch_value = /*IconComponent*/ ctx[2];
|
13832
13844
|
|
13833
13845
|
function switch_props(ctx) {
|
13834
13846
|
return {
|
@@ -13847,15 +13859,21 @@ function create_if_block$1(ctx) {
|
|
13847
13859
|
this.h();
|
13848
13860
|
},
|
13849
13861
|
l(nodes) {
|
13850
|
-
div = claim_element(nodes, "DIV", {
|
13862
|
+
div = claim_element(nodes, "DIV", {
|
13863
|
+
"data-layer-id": true,
|
13864
|
+
class: true,
|
13865
|
+
style: true
|
13866
|
+
});
|
13867
|
+
|
13851
13868
|
var div_nodes = children(div);
|
13852
13869
|
if (switch_instance) claim_component(switch_instance.$$.fragment, div_nodes);
|
13853
13870
|
div_nodes.forEach(detach);
|
13854
13871
|
this.h();
|
13855
13872
|
},
|
13856
13873
|
h() {
|
13874
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
13857
13875
|
attr(div, "class", "icon svelte-1mx2edd");
|
13858
|
-
attr(div, "style", /*style*/ ctx[
|
13876
|
+
attr(div, "style", /*style*/ ctx[3]);
|
13859
13877
|
},
|
13860
13878
|
m(target, anchor) {
|
13861
13879
|
insert_hydration(target, div, anchor);
|
@@ -13866,7 +13884,7 @@ function create_if_block$1(ctx) {
|
|
13866
13884
|
const switch_instance_changes = {};
|
13867
13885
|
if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
|
13868
13886
|
|
13869
|
-
if (switch_value !== (switch_value = /*IconComponent*/ ctx[
|
13887
|
+
if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
|
13870
13888
|
if (switch_instance) {
|
13871
13889
|
group_outros();
|
13872
13890
|
const old_component = switch_instance;
|
@@ -13890,8 +13908,12 @@ function create_if_block$1(ctx) {
|
|
13890
13908
|
switch_instance.$set(switch_instance_changes);
|
13891
13909
|
}
|
13892
13910
|
|
13893
|
-
if (!current || dirty & /*
|
13894
|
-
attr(div, "
|
13911
|
+
if (!current || dirty & /*layerId*/ 2) {
|
13912
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
13913
|
+
}
|
13914
|
+
|
13915
|
+
if (!current || dirty & /*style*/ 8) {
|
13916
|
+
attr(div, "style", /*style*/ ctx[3]);
|
13895
13917
|
}
|
13896
13918
|
},
|
13897
13919
|
i(local) {
|
@@ -13910,10 +13932,10 @@ function create_if_block$1(ctx) {
|
|
13910
13932
|
};
|
13911
13933
|
}
|
13912
13934
|
|
13913
|
-
function create_fragment$
|
13935
|
+
function create_fragment$7(ctx) {
|
13914
13936
|
let if_block_anchor;
|
13915
13937
|
let current;
|
13916
|
-
let if_block = /*IconComponent*/ ctx[
|
13938
|
+
let if_block = /*IconComponent*/ ctx[2] && create_if_block$3(ctx);
|
13917
13939
|
|
13918
13940
|
return {
|
13919
13941
|
c() {
|
@@ -13930,15 +13952,15 @@ function create_fragment$5(ctx) {
|
|
13930
13952
|
current = true;
|
13931
13953
|
},
|
13932
13954
|
p(ctx, [dirty]) {
|
13933
|
-
if (/*IconComponent*/ ctx[
|
13955
|
+
if (/*IconComponent*/ ctx[2]) {
|
13934
13956
|
if (if_block) {
|
13935
13957
|
if_block.p(ctx, dirty);
|
13936
13958
|
|
13937
|
-
if (dirty & /*IconComponent*/
|
13959
|
+
if (dirty & /*IconComponent*/ 4) {
|
13938
13960
|
transition_in(if_block, 1);
|
13939
13961
|
}
|
13940
13962
|
} else {
|
13941
|
-
if_block = create_if_block$
|
13963
|
+
if_block = create_if_block$3(ctx);
|
13942
13964
|
if_block.c();
|
13943
13965
|
transition_in(if_block, 1);
|
13944
13966
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
@@ -13969,18 +13991,20 @@ function create_fragment$5(ctx) {
|
|
13969
13991
|
};
|
13970
13992
|
}
|
13971
13993
|
|
13972
|
-
function instance$
|
13994
|
+
function instance$7($$self, $$props, $$invalidate) {
|
13973
13995
|
let style;
|
13974
13996
|
let IconComponent;
|
13975
13997
|
let { props = {} } = $$props;
|
13998
|
+
let { layerId = '' } = $$props;
|
13976
13999
|
|
13977
14000
|
$$self.$$set = $$props => {
|
13978
14001
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
14002
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
13979
14003
|
};
|
13980
14004
|
|
13981
14005
|
$$self.$$.update = () => {
|
13982
14006
|
if ($$self.$$.dirty & /*props*/ 1) {
|
13983
|
-
$$invalidate(
|
14007
|
+
$$invalidate(3, style = objToStyle({
|
13984
14008
|
minWidth: props.size,
|
13985
14009
|
width: props.size,
|
13986
14010
|
height: props.size,
|
@@ -13989,28 +14013,28 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
13989
14013
|
}
|
13990
14014
|
|
13991
14015
|
if ($$self.$$.dirty & /*props*/ 1) {
|
13992
|
-
$$invalidate(
|
14016
|
+
$$invalidate(2, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
|
13993
14017
|
}
|
13994
14018
|
};
|
13995
14019
|
|
13996
|
-
return [props, IconComponent, style];
|
14020
|
+
return [props, layerId, IconComponent, style];
|
13997
14021
|
}
|
13998
14022
|
|
13999
14023
|
class Icon extends SvelteComponent {
|
14000
14024
|
constructor(options) {
|
14001
14025
|
super();
|
14002
|
-
init(this, options, instance$
|
14026
|
+
init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
|
14003
14027
|
}
|
14004
14028
|
}
|
14005
14029
|
|
14006
14030
|
/* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
|
14007
14031
|
|
14008
|
-
function add_css$
|
14032
|
+
function add_css$6(target) {
|
14009
14033
|
append_styles(target, "svelte-kz1c6t", ".v2-button.svelte-kz1c6t{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-kz1c6t{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
14010
14034
|
}
|
14011
14035
|
|
14012
|
-
// (
|
14013
|
-
function create_if_block(ctx) {
|
14036
|
+
// (127:2) {#if (props.isIcon && props.iconVariant)}
|
14037
|
+
function create_if_block$2(ctx) {
|
14014
14038
|
let div;
|
14015
14039
|
let icon;
|
14016
14040
|
let current;
|
@@ -14020,7 +14044,7 @@ function create_if_block(ctx) {
|
|
14020
14044
|
props: {
|
14021
14045
|
variant: /*props*/ ctx[0].iconVariant,
|
14022
14046
|
size: '1em',
|
14023
|
-
color: /*VARIANTS*/ ctx[
|
14047
|
+
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
14024
14048
|
}
|
14025
14049
|
}
|
14026
14050
|
});
|
@@ -14052,7 +14076,7 @@ function create_if_block(ctx) {
|
|
14052
14076
|
if (dirty & /*props*/ 1) icon_changes.props = {
|
14053
14077
|
variant: /*props*/ ctx[0].iconVariant,
|
14054
14078
|
size: '1em',
|
14055
|
-
color: /*VARIANTS*/ ctx[
|
14079
|
+
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
14056
14080
|
};
|
14057
14081
|
|
14058
14082
|
icon.$set(icon_changes);
|
@@ -14073,7 +14097,7 @@ function create_if_block(ctx) {
|
|
14073
14097
|
};
|
14074
14098
|
}
|
14075
14099
|
|
14076
|
-
function create_fragment$
|
14100
|
+
function create_fragment$6(ctx) {
|
14077
14101
|
let button;
|
14078
14102
|
let t0;
|
14079
14103
|
let span;
|
@@ -14082,7 +14106,7 @@ function create_fragment$4(ctx) {
|
|
14082
14106
|
let current;
|
14083
14107
|
let mounted;
|
14084
14108
|
let dispose;
|
14085
|
-
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block(ctx);
|
14109
|
+
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$2(ctx);
|
14086
14110
|
|
14087
14111
|
return {
|
14088
14112
|
c() {
|
@@ -14094,7 +14118,12 @@ function create_fragment$4(ctx) {
|
|
14094
14118
|
this.h();
|
14095
14119
|
},
|
14096
14120
|
l(nodes) {
|
14097
|
-
button = claim_element(nodes, "BUTTON", {
|
14121
|
+
button = claim_element(nodes, "BUTTON", {
|
14122
|
+
"data-layer-id": true,
|
14123
|
+
style: true,
|
14124
|
+
class: true
|
14125
|
+
});
|
14126
|
+
|
14098
14127
|
var button_nodes = children(button);
|
14099
14128
|
if (if_block) if_block.l(button_nodes);
|
14100
14129
|
t0 = claim_space(button_nodes);
|
@@ -14106,7 +14135,8 @@ function create_fragment$4(ctx) {
|
|
14106
14135
|
this.h();
|
14107
14136
|
},
|
14108
14137
|
h() {
|
14109
|
-
attr(button, "
|
14138
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
14139
|
+
attr(button, "style", /*style*/ ctx[2]);
|
14110
14140
|
attr(button, "class", "v2-button svelte-kz1c6t");
|
14111
14141
|
},
|
14112
14142
|
m(target, anchor) {
|
@@ -14118,7 +14148,7 @@ function create_fragment$4(ctx) {
|
|
14118
14148
|
current = true;
|
14119
14149
|
|
14120
14150
|
if (!mounted) {
|
14121
|
-
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[
|
14151
|
+
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
|
14122
14152
|
mounted = true;
|
14123
14153
|
}
|
14124
14154
|
},
|
@@ -14131,7 +14161,7 @@ function create_fragment$4(ctx) {
|
|
14131
14161
|
transition_in(if_block, 1);
|
14132
14162
|
}
|
14133
14163
|
} else {
|
14134
|
-
if_block = create_if_block(ctx);
|
14164
|
+
if_block = create_if_block$2(ctx);
|
14135
14165
|
if_block.c();
|
14136
14166
|
transition_in(if_block, 1);
|
14137
14167
|
if_block.m(button, t0);
|
@@ -14148,8 +14178,12 @@ function create_fragment$4(ctx) {
|
|
14148
14178
|
|
14149
14179
|
if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
|
14150
14180
|
|
14151
|
-
if (!current || dirty & /*
|
14152
|
-
attr(button, "
|
14181
|
+
if (!current || dirty & /*layerId*/ 2) {
|
14182
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
14183
|
+
}
|
14184
|
+
|
14185
|
+
if (!current || dirty & /*style*/ 4) {
|
14186
|
+
attr(button, "style", /*style*/ ctx[2]);
|
14153
14187
|
}
|
14154
14188
|
},
|
14155
14189
|
i(local) {
|
@@ -14170,12 +14204,13 @@ function create_fragment$4(ctx) {
|
|
14170
14204
|
};
|
14171
14205
|
}
|
14172
14206
|
|
14173
|
-
function instance$
|
14207
|
+
function instance$6($$self, $$props, $$invalidate) {
|
14174
14208
|
let style;
|
14175
14209
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
14176
14210
|
let { eventName = '' } = $$props;
|
14177
14211
|
let { eventValue = undefined } = $$props;
|
14178
14212
|
let { props = {} } = $$props;
|
14213
|
+
let { layerId = '' } = $$props;
|
14179
14214
|
|
14180
14215
|
const VARIANTS = {
|
14181
14216
|
size: {
|
@@ -14265,15 +14300,16 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
14265
14300
|
}
|
14266
14301
|
|
14267
14302
|
$$self.$$set = $$props => {
|
14268
|
-
if ('onClick' in $$props) $$invalidate(
|
14269
|
-
if ('eventName' in $$props) $$invalidate(
|
14270
|
-
if ('eventValue' in $$props) $$invalidate(
|
14303
|
+
if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
|
14304
|
+
if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
|
14305
|
+
if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
|
14271
14306
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
14307
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
14272
14308
|
};
|
14273
14309
|
|
14274
14310
|
$$self.$$.update = () => {
|
14275
14311
|
if ($$self.$$.dirty & /*props*/ 1) {
|
14276
|
-
$$invalidate(
|
14312
|
+
$$invalidate(2, style = objToStyle({
|
14277
14313
|
display: 'inline-flex',
|
14278
14314
|
gap: '0.65em',
|
14279
14315
|
alignItems: 'center',
|
@@ -14294,7 +14330,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
14294
14330
|
}
|
14295
14331
|
};
|
14296
14332
|
|
14297
|
-
return [props, style, VARIANTS, handleClick, onClick, eventName, eventValue];
|
14333
|
+
return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
|
14298
14334
|
}
|
14299
14335
|
|
14300
14336
|
class Button extends SvelteComponent {
|
@@ -14304,16 +14340,17 @@ class Button extends SvelteComponent {
|
|
14304
14340
|
init(
|
14305
14341
|
this,
|
14306
14342
|
options,
|
14307
|
-
instance$
|
14308
|
-
create_fragment$
|
14343
|
+
instance$6,
|
14344
|
+
create_fragment$6,
|
14309
14345
|
safe_not_equal,
|
14310
14346
|
{
|
14311
|
-
onClick:
|
14312
|
-
eventName:
|
14313
|
-
eventValue:
|
14314
|
-
props: 0
|
14347
|
+
onClick: 5,
|
14348
|
+
eventName: 6,
|
14349
|
+
eventValue: 7,
|
14350
|
+
props: 0,
|
14351
|
+
layerId: 1
|
14315
14352
|
},
|
14316
|
-
add_css$
|
14353
|
+
add_css$6
|
14317
14354
|
);
|
14318
14355
|
}
|
14319
14356
|
}
|
@@ -14347,11 +14384,11 @@ const BUTTON_ICON_ANGLE = {
|
|
14347
14384
|
|
14348
14385
|
/* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
14349
14386
|
|
14350
|
-
function add_css$
|
14387
|
+
function add_css$5(target) {
|
14351
14388
|
append_styles(target, "svelte-1dgpo5m", ".close-button.svelte-1dgpo5m{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}");
|
14352
14389
|
}
|
14353
14390
|
|
14354
|
-
function create_fragment$
|
14391
|
+
function create_fragment$5(ctx) {
|
14355
14392
|
let button;
|
14356
14393
|
let svg;
|
14357
14394
|
let path;
|
@@ -14364,7 +14401,12 @@ function create_fragment$3(ctx) {
|
|
14364
14401
|
this.h();
|
14365
14402
|
},
|
14366
14403
|
l(nodes) {
|
14367
|
-
button = claim_element(nodes, "BUTTON", {
|
14404
|
+
button = claim_element(nodes, "BUTTON", {
|
14405
|
+
"data-layer-id": true,
|
14406
|
+
class: true,
|
14407
|
+
style: true
|
14408
|
+
});
|
14409
|
+
|
14368
14410
|
var button_nodes = children(button);
|
14369
14411
|
|
14370
14412
|
svg = claim_svg_element(button_nodes, "svg", {
|
@@ -14388,8 +14430,9 @@ function create_fragment$3(ctx) {
|
|
14388
14430
|
set_style(svg, "height", "75%");
|
14389
14431
|
attr(svg, "viewBox", "0 0 50 50");
|
14390
14432
|
attr(svg, "fill", "#666666");
|
14433
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
14391
14434
|
attr(button, "class", "close-button svelte-1dgpo5m");
|
14392
|
-
attr(button, "style", /*style*/ ctx[
|
14435
|
+
attr(button, "style", /*style*/ ctx[1]);
|
14393
14436
|
},
|
14394
14437
|
m(target, anchor) {
|
14395
14438
|
insert_hydration(target, button, anchor);
|
@@ -14397,8 +14440,12 @@ function create_fragment$3(ctx) {
|
|
14397
14440
|
append_hydration(svg, path);
|
14398
14441
|
},
|
14399
14442
|
p(ctx, [dirty]) {
|
14400
|
-
if (dirty & /*
|
14401
|
-
attr(button, "
|
14443
|
+
if (dirty & /*layerId*/ 1) {
|
14444
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
14445
|
+
}
|
14446
|
+
|
14447
|
+
if (dirty & /*style*/ 2) {
|
14448
|
+
attr(button, "style", /*style*/ ctx[1]);
|
14402
14449
|
}
|
14403
14450
|
},
|
14404
14451
|
i: noop,
|
@@ -14409,18 +14456,20 @@ function create_fragment$3(ctx) {
|
|
14409
14456
|
};
|
14410
14457
|
}
|
14411
14458
|
|
14412
|
-
function instance$
|
14459
|
+
function instance$5($$self, $$props, $$invalidate) {
|
14413
14460
|
let style;
|
14414
14461
|
let { props = {} } = $$props;
|
14462
|
+
let { layerId = '' } = $$props;
|
14415
14463
|
const size = props.size ?? 24;
|
14416
14464
|
|
14417
14465
|
$$self.$$set = $$props => {
|
14418
|
-
if ('props' in $$props) $$invalidate(
|
14466
|
+
if ('props' in $$props) $$invalidate(2, props = $$props.props);
|
14467
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
14419
14468
|
};
|
14420
14469
|
|
14421
14470
|
$$self.$$.update = () => {
|
14422
|
-
if ($$self.$$.dirty & /*props*/
|
14423
|
-
$$invalidate(
|
14471
|
+
if ($$self.$$.dirty & /*props*/ 4) {
|
14472
|
+
$$invalidate(1, style = objToStyle({
|
14424
14473
|
width: `${size}px`,
|
14425
14474
|
height: `${size}px`,
|
14426
14475
|
...props.bordered && { border: '1px solid #666' },
|
@@ -14429,23 +14478,23 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
14429
14478
|
}
|
14430
14479
|
};
|
14431
14480
|
|
14432
|
-
return [style, props];
|
14481
|
+
return [layerId, style, props];
|
14433
14482
|
}
|
14434
14483
|
|
14435
14484
|
class CloseButton extends SvelteComponent {
|
14436
14485
|
constructor(options) {
|
14437
14486
|
super();
|
14438
|
-
init(this, options, instance$
|
14487
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 2, layerId: 0 }, add_css$5);
|
14439
14488
|
}
|
14440
14489
|
}
|
14441
14490
|
|
14442
14491
|
/* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
|
14443
14492
|
|
14444
|
-
function add_css$
|
14493
|
+
function add_css$4(target) {
|
14445
14494
|
append_styles(target, "svelte-vojroc", ".image.svelte-vojroc{display:flex;max-width:100%;align-items:center;justify-content:center;overflow:hidden}.image-object.svelte-vojroc{width:100%;overflow:hidden}.image-img.svelte-vojroc{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
|
14446
14495
|
}
|
14447
14496
|
|
14448
|
-
function create_fragment$
|
14497
|
+
function create_fragment$4(ctx) {
|
14449
14498
|
let div;
|
14450
14499
|
let object;
|
14451
14500
|
let img;
|
@@ -14460,7 +14509,12 @@ function create_fragment$2(ctx) {
|
|
14460
14509
|
this.h();
|
14461
14510
|
},
|
14462
14511
|
l(nodes) {
|
14463
|
-
div = claim_element(nodes, "DIV", {
|
14512
|
+
div = claim_element(nodes, "DIV", {
|
14513
|
+
"data-layer-id": true,
|
14514
|
+
class: true,
|
14515
|
+
style: true
|
14516
|
+
});
|
14517
|
+
|
14464
14518
|
var div_nodes = children(div);
|
14465
14519
|
object = claim_element(div_nodes, "OBJECT", { style: true, class: true });
|
14466
14520
|
var object_nodes = children(object);
|
@@ -14473,10 +14527,11 @@ function create_fragment$2(ctx) {
|
|
14473
14527
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
14474
14528
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
14475
14529
|
attr(img, "class", "image-img svelte-vojroc");
|
14476
|
-
attr(object, "style", /*objectStyle*/ ctx[
|
14530
|
+
attr(object, "style", /*objectStyle*/ ctx[2]);
|
14477
14531
|
attr(object, "class", "image-object svelte-vojroc");
|
14532
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
14478
14533
|
attr(div, "class", "image svelte-vojroc");
|
14479
|
-
attr(div, "style", /*style*/ ctx[
|
14534
|
+
attr(div, "style", /*style*/ ctx[3]);
|
14480
14535
|
},
|
14481
14536
|
m(target, anchor) {
|
14482
14537
|
insert_hydration(target, div, anchor);
|
@@ -14492,12 +14547,16 @@ function create_fragment$2(ctx) {
|
|
14492
14547
|
attr(img, "alt", img_alt_value);
|
14493
14548
|
}
|
14494
14549
|
|
14495
|
-
if (dirty & /*objectStyle*/
|
14496
|
-
attr(object, "style", /*objectStyle*/ ctx[
|
14550
|
+
if (dirty & /*objectStyle*/ 4) {
|
14551
|
+
attr(object, "style", /*objectStyle*/ ctx[2]);
|
14552
|
+
}
|
14553
|
+
|
14554
|
+
if (dirty & /*layerId*/ 2) {
|
14555
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
14497
14556
|
}
|
14498
14557
|
|
14499
|
-
if (dirty & /*style*/
|
14500
|
-
attr(div, "style", /*style*/ ctx[
|
14558
|
+
if (dirty & /*style*/ 8) {
|
14559
|
+
attr(div, "style", /*style*/ ctx[3]);
|
14501
14560
|
}
|
14502
14561
|
},
|
14503
14562
|
i: noop,
|
@@ -14508,49 +14567,51 @@ function create_fragment$2(ctx) {
|
|
14508
14567
|
};
|
14509
14568
|
}
|
14510
14569
|
|
14511
|
-
function instance$
|
14570
|
+
function instance$4($$self, $$props, $$invalidate) {
|
14512
14571
|
let style;
|
14513
14572
|
let objectStyle;
|
14514
14573
|
let { props = {} } = $$props;
|
14574
|
+
let { layerId = '' } = $$props;
|
14515
14575
|
|
14516
14576
|
$$self.$$set = $$props => {
|
14517
14577
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
14578
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
14518
14579
|
};
|
14519
14580
|
|
14520
14581
|
$$self.$$.update = () => {
|
14521
14582
|
if ($$self.$$.dirty & /*props*/ 1) {
|
14522
|
-
$$invalidate(
|
14583
|
+
$$invalidate(3, style = objToStyle({
|
14523
14584
|
width: props.width ?? '100%',
|
14524
14585
|
...toCssCommon(props)
|
14525
14586
|
}));
|
14526
14587
|
}
|
14527
14588
|
|
14528
14589
|
if ($$self.$$.dirty & /*props*/ 1) {
|
14529
|
-
$$invalidate(
|
14590
|
+
$$invalidate(2, objectStyle = objToStyle({ aspectRatio: props.aspect }));
|
14530
14591
|
}
|
14531
14592
|
};
|
14532
14593
|
|
14533
|
-
return [props, objectStyle, style];
|
14594
|
+
return [props, layerId, objectStyle, style];
|
14534
14595
|
}
|
14535
14596
|
|
14536
14597
|
class Image extends SvelteComponent {
|
14537
14598
|
constructor(options) {
|
14538
14599
|
super();
|
14539
|
-
init(this, options, instance$
|
14600
|
+
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 }, add_css$4);
|
14540
14601
|
}
|
14541
14602
|
}
|
14542
14603
|
|
14543
14604
|
/* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
|
14544
14605
|
|
14545
|
-
function add_css$
|
14606
|
+
function add_css$3(target) {
|
14546
14607
|
append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
|
14547
14608
|
}
|
14548
14609
|
|
14549
|
-
function create_fragment$
|
14610
|
+
function create_fragment$3(ctx) {
|
14550
14611
|
let div;
|
14551
14612
|
let current;
|
14552
|
-
const default_slot_template = /*#slots*/ ctx[
|
14553
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
14613
|
+
const default_slot_template = /*#slots*/ ctx[4].default;
|
14614
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
|
14554
14615
|
|
14555
14616
|
return {
|
14556
14617
|
c() {
|
@@ -14559,15 +14620,21 @@ function create_fragment$1(ctx) {
|
|
14559
14620
|
this.h();
|
14560
14621
|
},
|
14561
14622
|
l(nodes) {
|
14562
|
-
div = claim_element(nodes, "DIV", {
|
14623
|
+
div = claim_element(nodes, "DIV", {
|
14624
|
+
"data-layer-id": true,
|
14625
|
+
class: true,
|
14626
|
+
style: true
|
14627
|
+
});
|
14628
|
+
|
14563
14629
|
var div_nodes = children(div);
|
14564
14630
|
if (default_slot) default_slot.l(div_nodes);
|
14565
14631
|
div_nodes.forEach(detach);
|
14566
14632
|
this.h();
|
14567
14633
|
},
|
14568
14634
|
h() {
|
14635
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
14569
14636
|
attr(div, "class", "layout svelte-1g6q4hu");
|
14570
|
-
attr(div, "style", /*style*/ ctx[
|
14637
|
+
attr(div, "style", /*style*/ ctx[1]);
|
14571
14638
|
},
|
14572
14639
|
m(target, anchor) {
|
14573
14640
|
insert_hydration(target, div, anchor);
|
@@ -14580,22 +14647,26 @@ function create_fragment$1(ctx) {
|
|
14580
14647
|
},
|
14581
14648
|
p(ctx, [dirty]) {
|
14582
14649
|
if (default_slot) {
|
14583
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
14650
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
|
14584
14651
|
update_slot_base(
|
14585
14652
|
default_slot,
|
14586
14653
|
default_slot_template,
|
14587
14654
|
ctx,
|
14588
|
-
/*$$scope*/ ctx[
|
14655
|
+
/*$$scope*/ ctx[3],
|
14589
14656
|
!current
|
14590
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
14591
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
14657
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
|
14658
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
|
14592
14659
|
null
|
14593
14660
|
);
|
14594
14661
|
}
|
14595
14662
|
}
|
14596
14663
|
|
14597
|
-
if (!current || dirty & /*
|
14598
|
-
attr(div, "
|
14664
|
+
if (!current || dirty & /*layerId*/ 1) {
|
14665
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
14666
|
+
}
|
14667
|
+
|
14668
|
+
if (!current || dirty & /*style*/ 2) {
|
14669
|
+
attr(div, "style", /*style*/ ctx[1]);
|
14599
14670
|
}
|
14600
14671
|
},
|
14601
14672
|
i(local) {
|
@@ -14614,19 +14685,21 @@ function create_fragment$1(ctx) {
|
|
14614
14685
|
};
|
14615
14686
|
}
|
14616
14687
|
|
14617
|
-
function instance$
|
14688
|
+
function instance$3($$self, $$props, $$invalidate) {
|
14618
14689
|
let style;
|
14619
14690
|
let { $$slots: slots = {}, $$scope } = $$props;
|
14620
14691
|
let { props = {} } = $$props;
|
14692
|
+
let { layerId = '' } = $$props;
|
14621
14693
|
|
14622
14694
|
$$self.$$set = $$props => {
|
14623
|
-
if ('props' in $$props) $$invalidate(
|
14624
|
-
if ('
|
14695
|
+
if ('props' in $$props) $$invalidate(2, props = $$props.props);
|
14696
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
14697
|
+
if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
|
14625
14698
|
};
|
14626
14699
|
|
14627
14700
|
$$self.$$.update = () => {
|
14628
|
-
if ($$self.$$.dirty & /*props*/
|
14629
|
-
$$invalidate(
|
14701
|
+
if ($$self.$$.dirty & /*props*/ 4) {
|
14702
|
+
$$invalidate(1, style = objToStyle({
|
14630
14703
|
display: props.display ?? 'flex',
|
14631
14704
|
flexDirection: props.direction,
|
14632
14705
|
alignItems: props.align,
|
@@ -14645,13 +14718,13 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
14645
14718
|
}
|
14646
14719
|
};
|
14647
14720
|
|
14648
|
-
return [style, props, $$scope, slots];
|
14721
|
+
return [layerId, style, props, $$scope, slots];
|
14649
14722
|
}
|
14650
14723
|
|
14651
14724
|
class Layout extends SvelteComponent {
|
14652
14725
|
constructor(options) {
|
14653
14726
|
super();
|
14654
|
-
init(this, options, instance$
|
14727
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 2, layerId: 0 }, add_css$3);
|
14655
14728
|
}
|
14656
14729
|
}
|
14657
14730
|
|
@@ -14662,11 +14735,11 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
14662
14735
|
|
14663
14736
|
/* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
|
14664
14737
|
|
14665
|
-
function add_css(target) {
|
14738
|
+
function add_css$2(target) {
|
14666
14739
|
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
14667
14740
|
}
|
14668
14741
|
|
14669
|
-
function create_fragment(ctx) {
|
14742
|
+
function create_fragment$2(ctx) {
|
14670
14743
|
let p;
|
14671
14744
|
|
14672
14745
|
return {
|
@@ -14675,23 +14748,33 @@ function create_fragment(ctx) {
|
|
14675
14748
|
this.h();
|
14676
14749
|
},
|
14677
14750
|
l(nodes) {
|
14678
|
-
p = claim_element(nodes, "P", {
|
14751
|
+
p = claim_element(nodes, "P", {
|
14752
|
+
"data-layer-id": true,
|
14753
|
+
class: true,
|
14754
|
+
style: true
|
14755
|
+
});
|
14756
|
+
|
14679
14757
|
var p_nodes = children(p);
|
14680
14758
|
p_nodes.forEach(detach);
|
14681
14759
|
this.h();
|
14682
14760
|
},
|
14683
14761
|
h() {
|
14762
|
+
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
14684
14763
|
attr(p, "class", "text svelte-1vl0c87");
|
14685
|
-
attr(p, "style", /*style*/ ctx[
|
14764
|
+
attr(p, "style", /*style*/ ctx[1]);
|
14686
14765
|
},
|
14687
14766
|
m(target, anchor) {
|
14688
14767
|
insert_hydration(target, p, anchor);
|
14689
|
-
p.innerHTML = /*escapedHTML*/ ctx[
|
14768
|
+
p.innerHTML = /*escapedHTML*/ ctx[2];
|
14690
14769
|
},
|
14691
14770
|
p(ctx, [dirty]) {
|
14692
|
-
if (dirty & /*escapedHTML*/
|
14693
|
-
if (dirty & /*
|
14694
|
-
attr(p, "
|
14771
|
+
if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
|
14772
|
+
if (dirty & /*layerId*/ 1) {
|
14773
|
+
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
14774
|
+
}
|
14775
|
+
|
14776
|
+
if (dirty & /*style*/ 2) {
|
14777
|
+
attr(p, "style", /*style*/ ctx[1]);
|
14695
14778
|
}
|
14696
14779
|
},
|
14697
14780
|
i: noop,
|
@@ -14702,22 +14785,24 @@ function create_fragment(ctx) {
|
|
14702
14785
|
};
|
14703
14786
|
}
|
14704
14787
|
|
14705
|
-
function instance($$self, $$props, $$invalidate) {
|
14788
|
+
function instance$2($$self, $$props, $$invalidate) {
|
14706
14789
|
let escapedHTML;
|
14707
14790
|
let style;
|
14708
14791
|
let { props = { content: '' } } = $$props;
|
14792
|
+
let { layerId = '' } = $$props;
|
14709
14793
|
|
14710
14794
|
$$self.$$set = $$props => {
|
14711
|
-
if ('props' in $$props) $$invalidate(
|
14795
|
+
if ('props' in $$props) $$invalidate(3, props = $$props.props);
|
14796
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
14712
14797
|
};
|
14713
14798
|
|
14714
14799
|
$$self.$$.update = () => {
|
14715
|
-
if ($$self.$$.dirty & /*props*/
|
14716
|
-
$$invalidate(
|
14800
|
+
if ($$self.$$.dirty & /*props*/ 8) {
|
14801
|
+
$$invalidate(2, escapedHTML = props.content.replace(/&/g, '<').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\n/g, '<br />'));
|
14717
14802
|
}
|
14718
14803
|
|
14719
|
-
if ($$self.$$.dirty & /*props*/
|
14720
|
-
$$invalidate(
|
14804
|
+
if ($$self.$$.dirty & /*props*/ 8) {
|
14805
|
+
$$invalidate(1, style = objToStyle({
|
14721
14806
|
position: props?.position ?? 'static',
|
14722
14807
|
fontWeight: props.fontWeight,
|
14723
14808
|
fontSize: props.fontSize,
|
@@ -14733,17 +14818,880 @@ function instance($$self, $$props, $$invalidate) {
|
|
14733
14818
|
}
|
14734
14819
|
};
|
14735
14820
|
|
14736
|
-
return [style, escapedHTML, props];
|
14821
|
+
return [layerId, style, escapedHTML, props];
|
14737
14822
|
}
|
14738
14823
|
|
14739
14824
|
class Text extends SvelteComponent {
|
14740
14825
|
constructor(options) {
|
14741
14826
|
super();
|
14742
|
-
init(this, options, instance, create_fragment, safe_not_equal, { props:
|
14827
|
+
init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
|
14743
14828
|
}
|
14744
14829
|
}
|
14745
14830
|
|
14746
14831
|
const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
|
14747
14832
|
const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
|
14748
14833
|
|
14749
|
-
|
14834
|
+
/* src/components-v2/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
14835
|
+
|
14836
|
+
function add_css$1(target) {
|
14837
|
+
append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
14838
|
+
}
|
14839
|
+
|
14840
|
+
// (14:0) {#if backgroundOverlay}
|
14841
|
+
function create_if_block$1(ctx) {
|
14842
|
+
let div;
|
14843
|
+
let div_class_value;
|
14844
|
+
let mounted;
|
14845
|
+
let dispose;
|
14846
|
+
|
14847
|
+
return {
|
14848
|
+
c() {
|
14849
|
+
div = element("div");
|
14850
|
+
this.h();
|
14851
|
+
},
|
14852
|
+
l(nodes) {
|
14853
|
+
div = claim_element(nodes, "DIV", { class: true });
|
14854
|
+
children(div).forEach(detach);
|
14855
|
+
this.h();
|
14856
|
+
},
|
14857
|
+
h() {
|
14858
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
14859
|
+
},
|
14860
|
+
m(target, anchor) {
|
14861
|
+
insert_hydration(target, div, anchor);
|
14862
|
+
|
14863
|
+
if (!mounted) {
|
14864
|
+
dispose = listen(div, "click", /*click_handler*/ ctx[3]);
|
14865
|
+
mounted = true;
|
14866
|
+
}
|
14867
|
+
},
|
14868
|
+
p(ctx, dirty) {
|
14869
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
14870
|
+
attr(div, "class", div_class_value);
|
14871
|
+
}
|
14872
|
+
},
|
14873
|
+
d(detaching) {
|
14874
|
+
if (detaching) detach(div);
|
14875
|
+
mounted = false;
|
14876
|
+
dispose();
|
14877
|
+
}
|
14878
|
+
};
|
14879
|
+
}
|
14880
|
+
|
14881
|
+
function create_fragment$1(ctx) {
|
14882
|
+
let if_block_anchor;
|
14883
|
+
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$1(ctx);
|
14884
|
+
|
14885
|
+
return {
|
14886
|
+
c() {
|
14887
|
+
if (if_block) if_block.c();
|
14888
|
+
if_block_anchor = empty();
|
14889
|
+
},
|
14890
|
+
l(nodes) {
|
14891
|
+
if (if_block) if_block.l(nodes);
|
14892
|
+
if_block_anchor = empty();
|
14893
|
+
},
|
14894
|
+
m(target, anchor) {
|
14895
|
+
if (if_block) if_block.m(target, anchor);
|
14896
|
+
insert_hydration(target, if_block_anchor, anchor);
|
14897
|
+
},
|
14898
|
+
p(ctx, [dirty]) {
|
14899
|
+
if (/*backgroundOverlay*/ ctx[0]) {
|
14900
|
+
if (if_block) {
|
14901
|
+
if_block.p(ctx, dirty);
|
14902
|
+
} else {
|
14903
|
+
if_block = create_if_block$1(ctx);
|
14904
|
+
if_block.c();
|
14905
|
+
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
14906
|
+
}
|
14907
|
+
} else if (if_block) {
|
14908
|
+
if_block.d(1);
|
14909
|
+
if_block = null;
|
14910
|
+
}
|
14911
|
+
},
|
14912
|
+
i: noop,
|
14913
|
+
o: noop,
|
14914
|
+
d(detaching) {
|
14915
|
+
if (if_block) if_block.d(detaching);
|
14916
|
+
if (detaching) detach(if_block_anchor);
|
14917
|
+
}
|
14918
|
+
};
|
14919
|
+
}
|
14920
|
+
|
14921
|
+
function instance$1($$self, $$props, $$invalidate) {
|
14922
|
+
let { backgroundOverlay = false } = $$props;
|
14923
|
+
let { class: className = undefined } = $$props;
|
14924
|
+
const dispatch = createEventDispatcher();
|
14925
|
+
const click_handler = () => dispatch('click');
|
14926
|
+
|
14927
|
+
$$self.$$set = $$props => {
|
14928
|
+
if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
|
14929
|
+
if ('class' in $$props) $$invalidate(1, className = $$props.class);
|
14930
|
+
};
|
14931
|
+
|
14932
|
+
return [backgroundOverlay, className, dispatch, click_handler];
|
14933
|
+
}
|
14934
|
+
|
14935
|
+
class BackgroundOverlay extends SvelteComponent {
|
14936
|
+
constructor(options) {
|
14937
|
+
super();
|
14938
|
+
init(this, options, instance$1, create_fragment$1, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
|
14939
|
+
}
|
14940
|
+
}
|
14941
|
+
|
14942
|
+
/* src/components-v2/modal/Modal.svelte generated by Svelte v3.53.1 */
|
14943
|
+
|
14944
|
+
function add_css(target) {
|
14945
|
+
append_styles(target, "svelte-1fow8xp", ".v2-modal.svelte-1fow8xp{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.v2-modal.svelte-1fow8xp > .button{flex:auto;display:flex}.v2-close.svelte-1fow8xp{position:absolute;top:8px;right:8px}.v2-close.svelte-1fow8xp > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.v2-close.svelte-1fow8xp > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.v2-modal-bp.svelte-1fow8xp{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.v2-background-bp-pc{display:block}.v2-background-bp-sp{display:none}}@media screen and (max-width: 640px){.v2-modal-bp.svelte-1fow8xp{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.v2-background-bp-pc{display:none}.v2-background-bp-sp{display:block}}");
|
14946
|
+
}
|
14947
|
+
|
14948
|
+
// (264:0) {:else}
|
14949
|
+
function create_else_block(ctx) {
|
14950
|
+
let backgroundoverlay;
|
14951
|
+
let current;
|
14952
|
+
|
14953
|
+
backgroundoverlay = new BackgroundOverlay({
|
14954
|
+
props: {
|
14955
|
+
backgroundOverlay: /*backgroundOverlay*/ ctx[4]
|
14956
|
+
}
|
14957
|
+
});
|
14958
|
+
|
14959
|
+
backgroundoverlay.$on("click", function () {
|
14960
|
+
if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
|
14961
|
+
});
|
14962
|
+
|
14963
|
+
return {
|
14964
|
+
c() {
|
14965
|
+
create_component(backgroundoverlay.$$.fragment);
|
14966
|
+
},
|
14967
|
+
l(nodes) {
|
14968
|
+
claim_component(backgroundoverlay.$$.fragment, nodes);
|
14969
|
+
},
|
14970
|
+
m(target, anchor) {
|
14971
|
+
mount_component(backgroundoverlay, target, anchor);
|
14972
|
+
current = true;
|
14973
|
+
},
|
14974
|
+
p(new_ctx, dirty) {
|
14975
|
+
ctx = new_ctx;
|
14976
|
+
const backgroundoverlay_changes = {};
|
14977
|
+
if (dirty[0] & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
|
14978
|
+
backgroundoverlay.$set(backgroundoverlay_changes);
|
14979
|
+
},
|
14980
|
+
i(local) {
|
14981
|
+
if (current) return;
|
14982
|
+
transition_in(backgroundoverlay.$$.fragment, local);
|
14983
|
+
current = true;
|
14984
|
+
},
|
14985
|
+
o(local) {
|
14986
|
+
transition_out(backgroundoverlay.$$.fragment, local);
|
14987
|
+
current = false;
|
14988
|
+
},
|
14989
|
+
d(detaching) {
|
14990
|
+
destroy_component(backgroundoverlay, detaching);
|
14991
|
+
}
|
14992
|
+
};
|
14993
|
+
}
|
14994
|
+
|
14995
|
+
// (253:24)
|
14996
|
+
function create_if_block_3(ctx) {
|
14997
|
+
let backgroundoverlay0;
|
14998
|
+
let t;
|
14999
|
+
let backgroundoverlay1;
|
15000
|
+
let current;
|
15001
|
+
|
15002
|
+
backgroundoverlay0 = new BackgroundOverlay({
|
15003
|
+
props: {
|
15004
|
+
class: "v2-background-bp-pc",
|
15005
|
+
backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
|
15006
|
+
}
|
15007
|
+
});
|
15008
|
+
|
15009
|
+
backgroundoverlay0.$on("click", function () {
|
15010
|
+
if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
|
15011
|
+
});
|
15012
|
+
|
15013
|
+
backgroundoverlay1 = new BackgroundOverlay({
|
15014
|
+
props: {
|
15015
|
+
class: "v2-background-bp-sp ",
|
15016
|
+
backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
|
15017
|
+
}
|
15018
|
+
});
|
15019
|
+
|
15020
|
+
backgroundoverlay1.$on("click", function () {
|
15021
|
+
if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
|
15022
|
+
});
|
15023
|
+
|
15024
|
+
return {
|
15025
|
+
c() {
|
15026
|
+
create_component(backgroundoverlay0.$$.fragment);
|
15027
|
+
t = space();
|
15028
|
+
create_component(backgroundoverlay1.$$.fragment);
|
15029
|
+
},
|
15030
|
+
l(nodes) {
|
15031
|
+
claim_component(backgroundoverlay0.$$.fragment, nodes);
|
15032
|
+
t = claim_space(nodes);
|
15033
|
+
claim_component(backgroundoverlay1.$$.fragment, nodes);
|
15034
|
+
},
|
15035
|
+
m(target, anchor) {
|
15036
|
+
mount_component(backgroundoverlay0, target, anchor);
|
15037
|
+
insert_hydration(target, t, anchor);
|
15038
|
+
mount_component(backgroundoverlay1, target, anchor);
|
15039
|
+
current = true;
|
15040
|
+
},
|
15041
|
+
p(new_ctx, dirty) {
|
15042
|
+
ctx = new_ctx;
|
15043
|
+
const backgroundoverlay0_changes = {};
|
15044
|
+
if (dirty[0] & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
|
15045
|
+
backgroundoverlay0.$set(backgroundoverlay0_changes);
|
15046
|
+
const backgroundoverlay1_changes = {};
|
15047
|
+
if (dirty[0] & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
|
15048
|
+
backgroundoverlay1.$set(backgroundoverlay1_changes);
|
15049
|
+
},
|
15050
|
+
i(local) {
|
15051
|
+
if (current) return;
|
15052
|
+
transition_in(backgroundoverlay0.$$.fragment, local);
|
15053
|
+
transition_in(backgroundoverlay1.$$.fragment, local);
|
15054
|
+
current = true;
|
15055
|
+
},
|
15056
|
+
o(local) {
|
15057
|
+
transition_out(backgroundoverlay0.$$.fragment, local);
|
15058
|
+
transition_out(backgroundoverlay1.$$.fragment, local);
|
15059
|
+
current = false;
|
15060
|
+
},
|
15061
|
+
d(detaching) {
|
15062
|
+
destroy_component(backgroundoverlay0, detaching);
|
15063
|
+
if (detaching) detach(t);
|
15064
|
+
destroy_component(backgroundoverlay1, detaching);
|
15065
|
+
}
|
15066
|
+
};
|
15067
|
+
}
|
15068
|
+
|
15069
|
+
// (251:0) {#if isPreview()}
|
15070
|
+
function create_if_block_2(ctx) {
|
15071
|
+
return {
|
15072
|
+
c: noop,
|
15073
|
+
l: noop,
|
15074
|
+
m: noop,
|
15075
|
+
p: noop,
|
15076
|
+
i: noop,
|
15077
|
+
o: noop,
|
15078
|
+
d: noop
|
15079
|
+
};
|
15080
|
+
}
|
15081
|
+
|
15082
|
+
// (267:0) {#if visible}
|
15083
|
+
function create_if_block(ctx) {
|
15084
|
+
let div1;
|
15085
|
+
let t;
|
15086
|
+
let div0;
|
15087
|
+
let div1_class_value;
|
15088
|
+
let div1_intro;
|
15089
|
+
let current;
|
15090
|
+
let if_block = /*closable*/ ctx[13] && create_if_block_1(ctx);
|
15091
|
+
const default_slot_template = /*#slots*/ ctx[30].default;
|
15092
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
|
15093
|
+
|
15094
|
+
return {
|
15095
|
+
c() {
|
15096
|
+
div1 = element("div");
|
15097
|
+
if (if_block) if_block.c();
|
15098
|
+
t = space();
|
15099
|
+
div0 = element("div");
|
15100
|
+
if (default_slot) default_slot.c();
|
15101
|
+
this.h();
|
15102
|
+
},
|
15103
|
+
l(nodes) {
|
15104
|
+
div1 = claim_element(nodes, "DIV", {
|
15105
|
+
class: true,
|
15106
|
+
role: true,
|
15107
|
+
"aria-modal": true,
|
15108
|
+
style: true
|
15109
|
+
});
|
15110
|
+
|
15111
|
+
var div1_nodes = children(div1);
|
15112
|
+
if (if_block) if_block.l(div1_nodes);
|
15113
|
+
t = claim_space(div1_nodes);
|
15114
|
+
div0 = claim_element(div1_nodes, "DIV", {});
|
15115
|
+
var div0_nodes = children(div0);
|
15116
|
+
if (default_slot) default_slot.l(div0_nodes);
|
15117
|
+
div0_nodes.forEach(detach);
|
15118
|
+
div1_nodes.forEach(detach);
|
15119
|
+
this.h();
|
15120
|
+
},
|
15121
|
+
h() {
|
15122
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-1fow8xp"));
|
15123
|
+
attr(div1, "role", "dialog");
|
15124
|
+
attr(div1, "aria-modal", "true");
|
15125
|
+
attr(div1, "style", Array.from(/*modalStyles*/ ctx[15]).join(';'));
|
15126
|
+
},
|
15127
|
+
m(target, anchor) {
|
15128
|
+
insert_hydration(target, div1, anchor);
|
15129
|
+
if (if_block) if_block.m(div1, null);
|
15130
|
+
append_hydration(div1, t);
|
15131
|
+
append_hydration(div1, div0);
|
15132
|
+
|
15133
|
+
if (default_slot) {
|
15134
|
+
default_slot.m(div0, null);
|
15135
|
+
}
|
15136
|
+
|
15137
|
+
/*div1_binding*/ ctx[31](div1);
|
15138
|
+
current = true;
|
15139
|
+
},
|
15140
|
+
p(new_ctx, dirty) {
|
15141
|
+
ctx = new_ctx;
|
15142
|
+
|
15143
|
+
if (/*closable*/ ctx[13]) {
|
15144
|
+
if (if_block) {
|
15145
|
+
if_block.p(ctx, dirty);
|
15146
|
+
|
15147
|
+
if (dirty[0] & /*closable*/ 8192) {
|
15148
|
+
transition_in(if_block, 1);
|
15149
|
+
}
|
15150
|
+
} else {
|
15151
|
+
if_block = create_if_block_1(ctx);
|
15152
|
+
if_block.c();
|
15153
|
+
transition_in(if_block, 1);
|
15154
|
+
if_block.m(div1, t);
|
15155
|
+
}
|
15156
|
+
} else if (if_block) {
|
15157
|
+
group_outros();
|
15158
|
+
|
15159
|
+
transition_out(if_block, 1, 1, () => {
|
15160
|
+
if_block = null;
|
15161
|
+
});
|
15162
|
+
|
15163
|
+
check_outros();
|
15164
|
+
}
|
15165
|
+
|
15166
|
+
if (default_slot) {
|
15167
|
+
if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 536870912)) {
|
15168
|
+
update_slot_base(
|
15169
|
+
default_slot,
|
15170
|
+
default_slot_template,
|
15171
|
+
ctx,
|
15172
|
+
/*$$scope*/ ctx[29],
|
15173
|
+
!current
|
15174
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
|
15175
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
|
15176
|
+
null
|
15177
|
+
);
|
15178
|
+
}
|
15179
|
+
}
|
15180
|
+
|
15181
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-1fow8xp"))) {
|
15182
|
+
attr(div1, "class", div1_class_value);
|
15183
|
+
}
|
15184
|
+
},
|
15185
|
+
i(local) {
|
15186
|
+
if (current) return;
|
15187
|
+
transition_in(if_block);
|
15188
|
+
transition_in(default_slot, local);
|
15189
|
+
|
15190
|
+
if (!div1_intro) {
|
15191
|
+
add_render_callback(() => {
|
15192
|
+
div1_intro = create_in_transition(div1, customAnimation, {
|
15193
|
+
transforms: /*transforms*/ ctx[3],
|
15194
|
+
animationStyle: /*animation*/ ctx[1]
|
15195
|
+
});
|
15196
|
+
|
15197
|
+
div1_intro.start();
|
15198
|
+
});
|
15199
|
+
}
|
15200
|
+
|
15201
|
+
current = true;
|
15202
|
+
},
|
15203
|
+
o(local) {
|
15204
|
+
transition_out(if_block);
|
15205
|
+
transition_out(default_slot, local);
|
15206
|
+
current = false;
|
15207
|
+
},
|
15208
|
+
d(detaching) {
|
15209
|
+
if (detaching) detach(div1);
|
15210
|
+
if (if_block) if_block.d();
|
15211
|
+
if (default_slot) default_slot.d(detaching);
|
15212
|
+
/*div1_binding*/ ctx[31](null);
|
15213
|
+
}
|
15214
|
+
};
|
15215
|
+
}
|
15216
|
+
|
15217
|
+
// (279:4) {#if closable}
|
15218
|
+
function create_if_block_1(ctx) {
|
15219
|
+
let div;
|
15220
|
+
let closebutton;
|
15221
|
+
let current;
|
15222
|
+
|
15223
|
+
closebutton = new CloseButton({
|
15224
|
+
props: { props: /*closeButtonProps*/ ctx[2] }
|
15225
|
+
});
|
15226
|
+
|
15227
|
+
return {
|
15228
|
+
c() {
|
15229
|
+
div = element("div");
|
15230
|
+
create_component(closebutton.$$.fragment);
|
15231
|
+
this.h();
|
15232
|
+
},
|
15233
|
+
l(nodes) {
|
15234
|
+
div = claim_element(nodes, "DIV", { class: true, style: true });
|
15235
|
+
var div_nodes = children(div);
|
15236
|
+
claim_component(closebutton.$$.fragment, div_nodes);
|
15237
|
+
div_nodes.forEach(detach);
|
15238
|
+
this.h();
|
15239
|
+
},
|
15240
|
+
h() {
|
15241
|
+
attr(div, "class", "v2-close svelte-1fow8xp");
|
15242
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
|
15243
|
+
},
|
15244
|
+
m(target, anchor) {
|
15245
|
+
insert_hydration(target, div, anchor);
|
15246
|
+
mount_component(closebutton, div, null);
|
15247
|
+
current = true;
|
15248
|
+
},
|
15249
|
+
p(ctx, dirty) {
|
15250
|
+
const closebutton_changes = {};
|
15251
|
+
if (dirty[0] & /*closeButtonProps*/ 4) closebutton_changes.props = /*closeButtonProps*/ ctx[2];
|
15252
|
+
closebutton.$set(closebutton_changes);
|
15253
|
+
|
15254
|
+
if (!current || dirty[0] & /*$maximumZindex*/ 16384) {
|
15255
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
|
15256
|
+
}
|
15257
|
+
},
|
15258
|
+
i(local) {
|
15259
|
+
if (current) return;
|
15260
|
+
transition_in(closebutton.$$.fragment, local);
|
15261
|
+
current = true;
|
15262
|
+
},
|
15263
|
+
o(local) {
|
15264
|
+
transition_out(closebutton.$$.fragment, local);
|
15265
|
+
current = false;
|
15266
|
+
},
|
15267
|
+
d(detaching) {
|
15268
|
+
if (detaching) detach(div);
|
15269
|
+
destroy_component(closebutton);
|
15270
|
+
}
|
15271
|
+
};
|
15272
|
+
}
|
15273
|
+
|
15274
|
+
function create_fragment(ctx) {
|
15275
|
+
let show_if;
|
15276
|
+
let current_block_type_index;
|
15277
|
+
let if_block0;
|
15278
|
+
let t;
|
15279
|
+
let if_block1_anchor;
|
15280
|
+
let current;
|
15281
|
+
let mounted;
|
15282
|
+
let dispose;
|
15283
|
+
const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block];
|
15284
|
+
const if_blocks = [];
|
15285
|
+
|
15286
|
+
function select_block_type(ctx, dirty) {
|
15287
|
+
if (show_if == null) show_if = !!isPreview();
|
15288
|
+
if (show_if) return 0;
|
15289
|
+
if (/*useBreakPoint*/ ctx[0]) return 1;
|
15290
|
+
return 2;
|
15291
|
+
}
|
15292
|
+
|
15293
|
+
current_block_type_index = select_block_type(ctx);
|
15294
|
+
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
15295
|
+
let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
|
15296
|
+
|
15297
|
+
return {
|
15298
|
+
c() {
|
15299
|
+
if_block0.c();
|
15300
|
+
t = space();
|
15301
|
+
if (if_block1) if_block1.c();
|
15302
|
+
if_block1_anchor = empty();
|
15303
|
+
},
|
15304
|
+
l(nodes) {
|
15305
|
+
if_block0.l(nodes);
|
15306
|
+
t = claim_space(nodes);
|
15307
|
+
if (if_block1) if_block1.l(nodes);
|
15308
|
+
if_block1_anchor = empty();
|
15309
|
+
},
|
15310
|
+
m(target, anchor) {
|
15311
|
+
if_blocks[current_block_type_index].m(target, anchor);
|
15312
|
+
insert_hydration(target, t, anchor);
|
15313
|
+
if (if_block1) if_block1.m(target, anchor);
|
15314
|
+
insert_hydration(target, if_block1_anchor, anchor);
|
15315
|
+
current = true;
|
15316
|
+
|
15317
|
+
if (!mounted) {
|
15318
|
+
dispose = listen(window, "keydown", function () {
|
15319
|
+
if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
|
15320
|
+
});
|
15321
|
+
|
15322
|
+
mounted = true;
|
15323
|
+
}
|
15324
|
+
},
|
15325
|
+
p(new_ctx, dirty) {
|
15326
|
+
ctx = new_ctx;
|
15327
|
+
let previous_block_index = current_block_type_index;
|
15328
|
+
current_block_type_index = select_block_type(ctx);
|
15329
|
+
|
15330
|
+
if (current_block_type_index === previous_block_index) {
|
15331
|
+
if_blocks[current_block_type_index].p(ctx, dirty);
|
15332
|
+
} else {
|
15333
|
+
group_outros();
|
15334
|
+
|
15335
|
+
transition_out(if_blocks[previous_block_index], 1, 1, () => {
|
15336
|
+
if_blocks[previous_block_index] = null;
|
15337
|
+
});
|
15338
|
+
|
15339
|
+
check_outros();
|
15340
|
+
if_block0 = if_blocks[current_block_type_index];
|
15341
|
+
|
15342
|
+
if (!if_block0) {
|
15343
|
+
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
15344
|
+
if_block0.c();
|
15345
|
+
} else {
|
15346
|
+
if_block0.p(ctx, dirty);
|
15347
|
+
}
|
15348
|
+
|
15349
|
+
transition_in(if_block0, 1);
|
15350
|
+
if_block0.m(t.parentNode, t);
|
15351
|
+
}
|
15352
|
+
|
15353
|
+
if (/*visible*/ ctx[8]) {
|
15354
|
+
if (if_block1) {
|
15355
|
+
if_block1.p(ctx, dirty);
|
15356
|
+
|
15357
|
+
if (dirty[0] & /*visible*/ 256) {
|
15358
|
+
transition_in(if_block1, 1);
|
15359
|
+
}
|
15360
|
+
} else {
|
15361
|
+
if_block1 = create_if_block(ctx);
|
15362
|
+
if_block1.c();
|
15363
|
+
transition_in(if_block1, 1);
|
15364
|
+
if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
|
15365
|
+
}
|
15366
|
+
} else if (if_block1) {
|
15367
|
+
group_outros();
|
15368
|
+
|
15369
|
+
transition_out(if_block1, 1, 1, () => {
|
15370
|
+
if_block1 = null;
|
15371
|
+
});
|
15372
|
+
|
15373
|
+
check_outros();
|
15374
|
+
}
|
15375
|
+
},
|
15376
|
+
i(local) {
|
15377
|
+
if (current) return;
|
15378
|
+
transition_in(if_block0);
|
15379
|
+
transition_in(if_block1);
|
15380
|
+
current = true;
|
15381
|
+
},
|
15382
|
+
o(local) {
|
15383
|
+
transition_out(if_block0);
|
15384
|
+
transition_out(if_block1);
|
15385
|
+
current = false;
|
15386
|
+
},
|
15387
|
+
d(detaching) {
|
15388
|
+
if_blocks[current_block_type_index].d(detaching);
|
15389
|
+
if (detaching) detach(t);
|
15390
|
+
if (if_block1) if_block1.d(detaching);
|
15391
|
+
if (detaching) detach(if_block1_anchor);
|
15392
|
+
mounted = false;
|
15393
|
+
dispose();
|
15394
|
+
}
|
15395
|
+
};
|
15396
|
+
}
|
15397
|
+
|
15398
|
+
function instance($$self, $$props, $$invalidate) {
|
15399
|
+
let close;
|
15400
|
+
let closable;
|
15401
|
+
let backgroundClick;
|
15402
|
+
let backgroundClickPC;
|
15403
|
+
let backgroundClickSP;
|
15404
|
+
let handle_keydown;
|
15405
|
+
let visible;
|
15406
|
+
let $maximumZindex;
|
15407
|
+
component_subscribe($$self, maximumZindex, $$value => $$invalidate(14, $maximumZindex = $$value));
|
15408
|
+
let { $$slots: slots = {}, $$scope } = $$props;
|
15409
|
+
let { onClick = { operation: 'none', args: [] } } = $$props;
|
15410
|
+
let { clickEventName = '' } = $$props;
|
15411
|
+
let { clickEventValue = null } = $$props;
|
15412
|
+
let { useBreakPoint = false } = $$props;
|
15413
|
+
let { placement } = $$props;
|
15414
|
+
let { breakPoint } = $$props;
|
15415
|
+
let { elasticity } = $$props;
|
15416
|
+
let { animation = 'none' } = $$props;
|
15417
|
+
let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
|
15418
|
+
let { closeEventName = '' } = $$props;
|
15419
|
+
let { closeEventValue = null } = $$props;
|
15420
|
+
let { closeButtonProps = {} } = $$props;
|
15421
|
+
|
15422
|
+
// モーダル背景の設定
|
15423
|
+
let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
|
15424
|
+
|
15425
|
+
let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
|
15426
|
+
let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
|
15427
|
+
|
15428
|
+
// モーダル背景のクリック動作の設定
|
15429
|
+
let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
|
15430
|
+
|
15431
|
+
let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
|
15432
|
+
let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
|
15433
|
+
let modalStyles = new Set([]);
|
15434
|
+
let transforms = [{ query: null, ...getTransform('center') }];
|
15435
|
+
let modal;
|
15436
|
+
|
15437
|
+
onMount$1(() => {
|
15438
|
+
$$invalidate(8, visible = true);
|
15439
|
+
});
|
15440
|
+
|
15441
|
+
onDestroy$1(() => setPreviousFocus());
|
15442
|
+
|
15443
|
+
function div1_binding($$value) {
|
15444
|
+
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
15445
|
+
modal = $$value;
|
15446
|
+
$$invalidate(7, modal);
|
15447
|
+
});
|
15448
|
+
}
|
15449
|
+
|
15450
|
+
$$self.$$set = $$props => {
|
15451
|
+
if ('onClick' in $$props) $$invalidate(16, onClick = $$props.onClick);
|
15452
|
+
if ('clickEventName' in $$props) $$invalidate(17, clickEventName = $$props.clickEventName);
|
15453
|
+
if ('clickEventValue' in $$props) $$invalidate(18, clickEventValue = $$props.clickEventValue);
|
15454
|
+
if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
|
15455
|
+
if ('placement' in $$props) $$invalidate(19, placement = $$props.placement);
|
15456
|
+
if ('breakPoint' in $$props) $$invalidate(20, breakPoint = $$props.breakPoint);
|
15457
|
+
if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
|
15458
|
+
if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
|
15459
|
+
if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
|
15460
|
+
if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
|
15461
|
+
if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
|
15462
|
+
if ('closeButtonProps' in $$props) $$invalidate(2, closeButtonProps = $$props.closeButtonProps);
|
15463
|
+
if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
|
15464
|
+
};
|
15465
|
+
|
15466
|
+
$$self.$$.update = () => {
|
15467
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 29360128) {
|
15468
|
+
$$invalidate(28, close = () => {
|
15469
|
+
if (closeEventName) {
|
15470
|
+
send_event(closeEventName, closeEventValue);
|
15471
|
+
}
|
15472
|
+
|
15473
|
+
execOnClickOperation(onClose);
|
15474
|
+
});
|
15475
|
+
}
|
15476
|
+
|
15477
|
+
if ($$self.$$.dirty[0] & /*onClose*/ 4194304) {
|
15478
|
+
$$invalidate(13, closable = haveFunction(onClose));
|
15479
|
+
}
|
15480
|
+
|
15481
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
|
15482
|
+
{
|
15483
|
+
|
15484
|
+
if (useBreakPoint) {
|
15485
|
+
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
15486
|
+
$$invalidate(5, backgroundOverlayPC = pc ?? false);
|
15487
|
+
const sp = breakPoint?.SP?.placement?.backgroundOverlay;
|
15488
|
+
$$invalidate(6, backgroundOverlaySP = sp ?? false);
|
15489
|
+
}
|
15490
|
+
}
|
15491
|
+
}
|
15492
|
+
|
15493
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
|
15494
|
+
{
|
15495
|
+
if (placement && placement.backgroundClick) {
|
15496
|
+
$$invalidate(25, backgroundClickFunction = placement.backgroundClick);
|
15497
|
+
}
|
15498
|
+
|
15499
|
+
if (useBreakPoint) {
|
15500
|
+
const pc = breakPoint?.PC?.placement?.backgroundClick;
|
15501
|
+
|
15502
|
+
if (pc) {
|
15503
|
+
$$invalidate(26, backgroundClickFunctionPC = pc);
|
15504
|
+
}
|
15505
|
+
|
15506
|
+
const sp = breakPoint?.SP?.placement?.backgroundClick;
|
15507
|
+
|
15508
|
+
if (sp) {
|
15509
|
+
$$invalidate(27, backgroundClickFunctionSP = sp);
|
15510
|
+
}
|
15511
|
+
}
|
15512
|
+
}
|
15513
|
+
}
|
15514
|
+
|
15515
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 58720256) {
|
15516
|
+
$$invalidate(12, backgroundClick = () => {
|
15517
|
+
if (closeEventName) {
|
15518
|
+
send_event(closeEventName, closeEventValue);
|
15519
|
+
}
|
15520
|
+
|
15521
|
+
execOnClickOperation(backgroundClickFunction);
|
15522
|
+
});
|
15523
|
+
}
|
15524
|
+
|
15525
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 92274688) {
|
15526
|
+
$$invalidate(11, backgroundClickPC = () => {
|
15527
|
+
if (closeEventName) {
|
15528
|
+
send_event(closeEventName, closeEventValue);
|
15529
|
+
}
|
15530
|
+
|
15531
|
+
execOnClickOperation(backgroundClickFunctionPC);
|
15532
|
+
});
|
15533
|
+
}
|
15534
|
+
|
15535
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 159383552) {
|
15536
|
+
$$invalidate(10, backgroundClickSP = () => {
|
15537
|
+
if (closeEventName) {
|
15538
|
+
send_event(closeEventName, closeEventValue);
|
15539
|
+
}
|
15540
|
+
|
15541
|
+
execOnClickOperation(backgroundClickFunctionSP);
|
15542
|
+
});
|
15543
|
+
}
|
15544
|
+
|
15545
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 1572873) {
|
15546
|
+
// 表示位置のスタイルとアニメーションの動きを設定
|
15547
|
+
{
|
15548
|
+
// 表示位置のスタイルの設定
|
15549
|
+
let position = DefaultModalPlacement.position;
|
15550
|
+
|
15551
|
+
let positionStyle = getPositionStyle(position);
|
15552
|
+
|
15553
|
+
if (!useBreakPoint) {
|
15554
|
+
modalStyles.add(positionStyle);
|
15555
|
+
}
|
15556
|
+
|
15557
|
+
$$invalidate(3, transforms = []);
|
15558
|
+
|
15559
|
+
DEVICE_IDS.forEach(deviceId => {
|
15560
|
+
|
15561
|
+
const positionVariables = stringifyStyleObj(formatObjectKey({
|
15562
|
+
obj: parseStyle(positionStyle),
|
15563
|
+
prefix: '--modal-bp-',
|
15564
|
+
suffix: `-${deviceId.toLowerCase()}`
|
15565
|
+
}));
|
15566
|
+
|
15567
|
+
modalStyles.add(positionVariables);
|
15568
|
+
});
|
15569
|
+
|
15570
|
+
// アニメーションの動きの設定
|
15571
|
+
transforms.push({ query: null, ...getTransform(position) });
|
15572
|
+
}
|
15573
|
+
}
|
15574
|
+
|
15575
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
|
15576
|
+
// 表示位置の調整のスタイルを設定
|
15577
|
+
{
|
15578
|
+
let margin = DefaultModalPlacement.margin;
|
15579
|
+
|
15580
|
+
let marginStyle = getMarginStyle(margin);
|
15581
|
+
|
15582
|
+
if (!useBreakPoint) {
|
15583
|
+
modalStyles.add(marginStyle);
|
15584
|
+
}
|
15585
|
+
|
15586
|
+
DEVICE_IDS.forEach(deviceId => {
|
15587
|
+
|
15588
|
+
const marginVariables = stringifyStyleObj(formatObjectKey({
|
15589
|
+
obj: parseStyle(marginStyle),
|
15590
|
+
prefix: '--modal-bp-',
|
15591
|
+
suffix: `-${deviceId.toLowerCase()}`
|
15592
|
+
}));
|
15593
|
+
|
15594
|
+
modalStyles.add(marginVariables);
|
15595
|
+
});
|
15596
|
+
}
|
15597
|
+
}
|
15598
|
+
|
15599
|
+
if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 3145729) {
|
15600
|
+
// 拡大方法のスタイルを設定
|
15601
|
+
{
|
15602
|
+
let elasticStyle = ElasticityStyle['none' ];
|
15603
|
+
|
15604
|
+
if (!useBreakPoint) {
|
15605
|
+
modalStyles.add(elasticStyle);
|
15606
|
+
}
|
15607
|
+
|
15608
|
+
DEVICE_IDS.forEach(deviceId => {
|
15609
|
+
|
15610
|
+
const elasticityVariables = stringifyStyleObj(formatObjectKey({
|
15611
|
+
obj: parseStyle(elasticStyle),
|
15612
|
+
prefix: '--modal-bp-',
|
15613
|
+
suffix: `-${deviceId.toLowerCase()}`
|
15614
|
+
}));
|
15615
|
+
|
15616
|
+
modalStyles.add(elasticityVariables);
|
15617
|
+
});
|
15618
|
+
}
|
15619
|
+
}
|
15620
|
+
|
15621
|
+
if ($$self.$$.dirty[0] & /*close*/ 268435456) {
|
15622
|
+
$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
|
15623
|
+
}
|
15624
|
+
};
|
15625
|
+
|
15626
|
+
$$invalidate(7, modal = null);
|
15627
|
+
|
15628
|
+
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
15629
|
+
$$invalidate(8, visible = false);
|
15630
|
+
|
15631
|
+
return [
|
15632
|
+
useBreakPoint,
|
15633
|
+
animation,
|
15634
|
+
closeButtonProps,
|
15635
|
+
transforms,
|
15636
|
+
backgroundOverlay,
|
15637
|
+
backgroundOverlayPC,
|
15638
|
+
backgroundOverlaySP,
|
15639
|
+
modal,
|
15640
|
+
visible,
|
15641
|
+
handle_keydown,
|
15642
|
+
backgroundClickSP,
|
15643
|
+
backgroundClickPC,
|
15644
|
+
backgroundClick,
|
15645
|
+
closable,
|
15646
|
+
$maximumZindex,
|
15647
|
+
modalStyles,
|
15648
|
+
onClick,
|
15649
|
+
clickEventName,
|
15650
|
+
clickEventValue,
|
15651
|
+
placement,
|
15652
|
+
breakPoint,
|
15653
|
+
elasticity,
|
15654
|
+
onClose,
|
15655
|
+
closeEventName,
|
15656
|
+
closeEventValue,
|
15657
|
+
backgroundClickFunction,
|
15658
|
+
backgroundClickFunctionPC,
|
15659
|
+
backgroundClickFunctionSP,
|
15660
|
+
close,
|
15661
|
+
$$scope,
|
15662
|
+
slots,
|
15663
|
+
div1_binding
|
15664
|
+
];
|
15665
|
+
}
|
15666
|
+
|
15667
|
+
class Modal extends SvelteComponent {
|
15668
|
+
constructor(options) {
|
15669
|
+
super();
|
15670
|
+
|
15671
|
+
init(
|
15672
|
+
this,
|
15673
|
+
options,
|
15674
|
+
instance,
|
15675
|
+
create_fragment,
|
15676
|
+
safe_not_equal,
|
15677
|
+
{
|
15678
|
+
onClick: 16,
|
15679
|
+
clickEventName: 17,
|
15680
|
+
clickEventValue: 18,
|
15681
|
+
useBreakPoint: 0,
|
15682
|
+
placement: 19,
|
15683
|
+
breakPoint: 20,
|
15684
|
+
elasticity: 21,
|
15685
|
+
animation: 1,
|
15686
|
+
onClose: 22,
|
15687
|
+
closeEventName: 23,
|
15688
|
+
closeEventValue: 24,
|
15689
|
+
closeButtonProps: 2
|
15690
|
+
},
|
15691
|
+
add_css,
|
15692
|
+
[-1, -1]
|
15693
|
+
);
|
15694
|
+
}
|
15695
|
+
}
|
15696
|
+
|
15697
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Modal as V2Modal, Text as V2Text, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|