@plaidev/karte-action-sdk 1.1.243 → 1.1.244-28734528.818b8adc
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +15 -13
- package/dist/hydrate/index.es.js +1057 -758
- package/dist/index.es.d.ts +15 -13
- package/dist/index.es.js +999 -692
- package/dist/templates.cjs.js +1 -0
- package/dist/templates.js +1 -0
- package/package.json +2 -2
- package/meta/karte-action-sdk.api.json +0 -6318
package/dist/index.es.js
CHANGED
|
@@ -2929,7 +2929,7 @@ function create_if_block$g(ctx) {
|
|
|
2929
2929
|
};
|
|
2930
2930
|
}
|
|
2931
2931
|
|
|
2932
|
-
function create_fragment$
|
|
2932
|
+
function create_fragment$1c(ctx) {
|
|
2933
2933
|
let head;
|
|
2934
2934
|
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$g(ctx);
|
|
2935
2935
|
|
|
@@ -2965,7 +2965,7 @@ function create_fragment$1b(ctx) {
|
|
|
2965
2965
|
};
|
|
2966
2966
|
}
|
|
2967
2967
|
|
|
2968
|
-
function instance$
|
|
2968
|
+
function instance$1c($$self, $$props, $$invalidate) {
|
|
2969
2969
|
let $fonts;
|
|
2970
2970
|
component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
|
|
2971
2971
|
let googleFontUrl = '';
|
|
@@ -2994,13 +2994,13 @@ function instance$1b($$self, $$props, $$invalidate) {
|
|
|
2994
2994
|
class Header extends SvelteComponent {
|
|
2995
2995
|
constructor(options) {
|
|
2996
2996
|
super();
|
|
2997
|
-
init(this, options, instance$
|
|
2997
|
+
init(this, options, instance$1c, create_fragment$1c, safe_not_equal, {});
|
|
2998
2998
|
}
|
|
2999
2999
|
}
|
|
3000
3000
|
|
|
3001
3001
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
|
3002
3002
|
|
|
3003
|
-
function create_fragment$
|
|
3003
|
+
function create_fragment$1b(ctx) {
|
|
3004
3004
|
let header;
|
|
3005
3005
|
let t;
|
|
3006
3006
|
let current;
|
|
@@ -3059,7 +3059,7 @@ function create_fragment$1a(ctx) {
|
|
|
3059
3059
|
};
|
|
3060
3060
|
}
|
|
3061
3061
|
|
|
3062
|
-
function instance$
|
|
3062
|
+
function instance$1b($$self, $$props, $$invalidate) {
|
|
3063
3063
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
3064
3064
|
|
|
3065
3065
|
$$self.$$set = $$props => {
|
|
@@ -3072,14 +3072,14 @@ function instance$1a($$self, $$props, $$invalidate) {
|
|
|
3072
3072
|
class State extends SvelteComponent {
|
|
3073
3073
|
constructor(options) {
|
|
3074
3074
|
super();
|
|
3075
|
-
init(this, options, instance$
|
|
3075
|
+
init(this, options, instance$1b, create_fragment$1b, safe_not_equal, {});
|
|
3076
3076
|
}
|
|
3077
3077
|
}
|
|
3078
3078
|
|
|
3079
3079
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3080
3080
|
|
|
3081
|
-
function add_css$
|
|
3082
|
-
append_styles(target, "svelte-
|
|
3081
|
+
function add_css$D(target) {
|
|
3082
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
3083
3083
|
}
|
|
3084
3084
|
|
|
3085
3085
|
// (23:0) {#if $state === path}
|
|
@@ -3096,7 +3096,7 @@ function create_if_block$f(ctx) {
|
|
|
3096
3096
|
t = space();
|
|
3097
3097
|
if (default_slot) default_slot.c();
|
|
3098
3098
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
3099
|
-
attr(div, "class", "state-item svelte-
|
|
3099
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
3100
3100
|
},
|
|
3101
3101
|
m(target, anchor) {
|
|
3102
3102
|
insert(target, div, anchor);
|
|
@@ -3145,7 +3145,7 @@ function create_if_block$f(ctx) {
|
|
|
3145
3145
|
};
|
|
3146
3146
|
}
|
|
3147
3147
|
|
|
3148
|
-
function create_fragment$
|
|
3148
|
+
function create_fragment$1a(ctx) {
|
|
3149
3149
|
let if_block_anchor;
|
|
3150
3150
|
let current;
|
|
3151
3151
|
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$f(ctx);
|
|
@@ -3206,7 +3206,7 @@ function getStateItemContext() {
|
|
|
3206
3206
|
return getContext(STATE_ITEM_CONTEXT_KEY);
|
|
3207
3207
|
}
|
|
3208
3208
|
|
|
3209
|
-
function instance$
|
|
3209
|
+
function instance$1a($$self, $$props, $$invalidate) {
|
|
3210
3210
|
let $state;
|
|
3211
3211
|
component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
|
|
3212
3212
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
@@ -3232,7 +3232,7 @@ function instance$19($$self, $$props, $$invalidate) {
|
|
|
3232
3232
|
class StateItem extends SvelteComponent {
|
|
3233
3233
|
constructor(options) {
|
|
3234
3234
|
super();
|
|
3235
|
-
init(this, options, instance$
|
|
3235
|
+
init(this, options, instance$1a, create_fragment$1a, safe_not_equal, { path: 0 }, add_css$D);
|
|
3236
3236
|
}
|
|
3237
3237
|
}
|
|
3238
3238
|
|
|
@@ -3417,8 +3417,8 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3417
3417
|
|
|
3418
3418
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3419
3419
|
|
|
3420
|
-
function add_css$
|
|
3421
|
-
append_styles(target, "svelte-
|
|
3420
|
+
function add_css$C(target) {
|
|
3421
|
+
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}");
|
|
3422
3422
|
}
|
|
3423
3423
|
|
|
3424
3424
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -3431,7 +3431,7 @@ function create_if_block$e(ctx) {
|
|
|
3431
3431
|
return {
|
|
3432
3432
|
c() {
|
|
3433
3433
|
div = element("div");
|
|
3434
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3434
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
|
3435
3435
|
},
|
|
3436
3436
|
m(target, anchor) {
|
|
3437
3437
|
insert(target, div, anchor);
|
|
@@ -3442,7 +3442,7 @@ function create_if_block$e(ctx) {
|
|
|
3442
3442
|
}
|
|
3443
3443
|
},
|
|
3444
3444
|
p(ctx, dirty) {
|
|
3445
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3445
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
|
3446
3446
|
attr(div, "class", div_class_value);
|
|
3447
3447
|
}
|
|
3448
3448
|
},
|
|
@@ -3454,7 +3454,7 @@ function create_if_block$e(ctx) {
|
|
|
3454
3454
|
};
|
|
3455
3455
|
}
|
|
3456
3456
|
|
|
3457
|
-
function create_fragment$
|
|
3457
|
+
function create_fragment$19(ctx) {
|
|
3458
3458
|
let if_block_anchor;
|
|
3459
3459
|
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$e(ctx);
|
|
3460
3460
|
|
|
@@ -3490,7 +3490,7 @@ function create_fragment$18(ctx) {
|
|
|
3490
3490
|
};
|
|
3491
3491
|
}
|
|
3492
3492
|
|
|
3493
|
-
function instance$
|
|
3493
|
+
function instance$19($$self, $$props, $$invalidate) {
|
|
3494
3494
|
let { backgroundOverlay = false } = $$props;
|
|
3495
3495
|
let { class: className = undefined } = $$props;
|
|
3496
3496
|
const dispatch = createEventDispatcher();
|
|
@@ -3507,7 +3507,7 @@ function instance$18($$self, $$props, $$invalidate) {
|
|
|
3507
3507
|
let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
|
|
3508
3508
|
constructor(options) {
|
|
3509
3509
|
super();
|
|
3510
|
-
init(this, options, instance$
|
|
3510
|
+
init(this, options, instance$19, create_fragment$19, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$C);
|
|
3511
3511
|
}
|
|
3512
3512
|
};
|
|
3513
3513
|
|
|
@@ -3547,8 +3547,8 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3547
3547
|
|
|
3548
3548
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3549
3549
|
|
|
3550
|
-
function add_css$
|
|
3551
|
-
append_styles(target, "svelte-
|
|
3550
|
+
function add_css$B(target) {
|
|
3551
|
+
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}");
|
|
3552
3552
|
}
|
|
3553
3553
|
|
|
3554
3554
|
// (50:0) {:else}
|
|
@@ -3577,7 +3577,7 @@ function create_else_block$6(ctx) {
|
|
|
3577
3577
|
button = element("button");
|
|
3578
3578
|
if (default_slot) default_slot.c();
|
|
3579
3579
|
set_attributes(button, button_data);
|
|
3580
|
-
toggle_class(button, "svelte-
|
|
3580
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3581
3581
|
},
|
|
3582
3582
|
m(target, anchor) {
|
|
3583
3583
|
insert(target, button, anchor);
|
|
@@ -3616,7 +3616,7 @@ function create_else_block$6(ctx) {
|
|
|
3616
3616
|
dataAttrStopPropagation('click')
|
|
3617
3617
|
]));
|
|
3618
3618
|
|
|
3619
|
-
toggle_class(button, "svelte-
|
|
3619
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3620
3620
|
},
|
|
3621
3621
|
i(local) {
|
|
3622
3622
|
if (current) return;
|
|
@@ -3647,7 +3647,7 @@ function create_if_block_2$2(ctx) {
|
|
|
3647
3647
|
c() {
|
|
3648
3648
|
div = element("div");
|
|
3649
3649
|
if (default_slot) default_slot.c();
|
|
3650
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
|
3650
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
|
3651
3651
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3652
3652
|
},
|
|
3653
3653
|
m(target, anchor) {
|
|
@@ -3731,7 +3731,7 @@ function create_if_block_1$4(ctx) {
|
|
|
3731
3731
|
a = element("a");
|
|
3732
3732
|
if (default_slot) default_slot.c();
|
|
3733
3733
|
set_attributes(a, a_data);
|
|
3734
|
-
toggle_class(a, "svelte-
|
|
3734
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3735
3735
|
},
|
|
3736
3736
|
m(target, anchor) {
|
|
3737
3737
|
insert(target, a, anchor);
|
|
@@ -3773,7 +3773,7 @@ function create_if_block_1$4(ctx) {
|
|
|
3773
3773
|
dataAttrStopPropagation('click')
|
|
3774
3774
|
]));
|
|
3775
3775
|
|
|
3776
|
-
toggle_class(a, "svelte-
|
|
3776
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3777
3777
|
},
|
|
3778
3778
|
i(local) {
|
|
3779
3779
|
if (current) return;
|
|
@@ -3804,7 +3804,7 @@ function create_if_block$d(ctx) {
|
|
|
3804
3804
|
c() {
|
|
3805
3805
|
div = element("div");
|
|
3806
3806
|
if (default_slot) default_slot.c();
|
|
3807
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
|
3807
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
|
3808
3808
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3809
3809
|
},
|
|
3810
3810
|
m(target, anchor) {
|
|
@@ -3852,7 +3852,7 @@ function create_if_block$d(ctx) {
|
|
|
3852
3852
|
};
|
|
3853
3853
|
}
|
|
3854
3854
|
|
|
3855
|
-
function create_fragment$
|
|
3855
|
+
function create_fragment$18(ctx) {
|
|
3856
3856
|
let current_block_type_index;
|
|
3857
3857
|
let if_block;
|
|
3858
3858
|
let if_block_anchor;
|
|
@@ -3925,7 +3925,7 @@ function create_fragment$17(ctx) {
|
|
|
3925
3925
|
|
|
3926
3926
|
const BUTTON_CLASS = 'button';
|
|
3927
3927
|
|
|
3928
|
-
function instance$
|
|
3928
|
+
function instance$18($$self, $$props, $$invalidate) {
|
|
3929
3929
|
let disabled;
|
|
3930
3930
|
let $valuesAreValid;
|
|
3931
3931
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
@@ -3991,8 +3991,8 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
3991
3991
|
init(
|
|
3992
3992
|
this,
|
|
3993
3993
|
options,
|
|
3994
|
-
instance$
|
|
3995
|
-
create_fragment$
|
|
3994
|
+
instance$18,
|
|
3995
|
+
create_fragment$18,
|
|
3996
3996
|
safe_not_equal,
|
|
3997
3997
|
{
|
|
3998
3998
|
onClick: 0,
|
|
@@ -4000,18 +4000,18 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
4000
4000
|
eventValue: 6,
|
|
4001
4001
|
style: 1
|
|
4002
4002
|
},
|
|
4003
|
-
add_css$
|
|
4003
|
+
add_css$B
|
|
4004
4004
|
);
|
|
4005
4005
|
}
|
|
4006
4006
|
};
|
|
4007
4007
|
|
|
4008
4008
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
4009
4009
|
|
|
4010
|
-
function add_css$
|
|
4011
|
-
append_styles(target, "svelte-
|
|
4010
|
+
function add_css$A(target) {
|
|
4011
|
+
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}}");
|
|
4012
4012
|
}
|
|
4013
4013
|
|
|
4014
|
-
// (
|
|
4014
|
+
// (278:0) {:else}
|
|
4015
4015
|
function create_else_block$5(ctx) {
|
|
4016
4016
|
let backgroundoverlay;
|
|
4017
4017
|
let current;
|
|
@@ -4055,7 +4055,7 @@ function create_else_block$5(ctx) {
|
|
|
4055
4055
|
};
|
|
4056
4056
|
}
|
|
4057
4057
|
|
|
4058
|
-
// (
|
|
4058
|
+
// (267:24)
|
|
4059
4059
|
function create_if_block_3(ctx) {
|
|
4060
4060
|
let backgroundoverlay0;
|
|
4061
4061
|
let t;
|
|
@@ -4124,7 +4124,7 @@ function create_if_block_3(ctx) {
|
|
|
4124
4124
|
};
|
|
4125
4125
|
}
|
|
4126
4126
|
|
|
4127
|
-
// (
|
|
4127
|
+
// (265:0) {#if isPreview()}
|
|
4128
4128
|
function create_if_block_2$1(ctx) {
|
|
4129
4129
|
return {
|
|
4130
4130
|
c: noop,
|
|
@@ -4136,7 +4136,7 @@ function create_if_block_2$1(ctx) {
|
|
|
4136
4136
|
};
|
|
4137
4137
|
}
|
|
4138
4138
|
|
|
4139
|
-
// (
|
|
4139
|
+
// (281:0) {#if visible}
|
|
4140
4140
|
function create_if_block$c(ctx) {
|
|
4141
4141
|
let div;
|
|
4142
4142
|
let button;
|
|
@@ -4158,7 +4158,7 @@ function create_if_block$c(ctx) {
|
|
|
4158
4158
|
c() {
|
|
4159
4159
|
div = element("div");
|
|
4160
4160
|
create_component(button.$$.fragment);
|
|
4161
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4161
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
|
4162
4162
|
attr(div, "role", "dialog");
|
|
4163
4163
|
attr(div, "aria-modal", "true");
|
|
4164
4164
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
|
@@ -4182,7 +4182,7 @@ function create_if_block$c(ctx) {
|
|
|
4182
4182
|
|
|
4183
4183
|
button.$set(button_changes);
|
|
4184
4184
|
|
|
4185
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4185
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
|
4186
4186
|
attr(div, "class", div_class_value);
|
|
4187
4187
|
}
|
|
4188
4188
|
},
|
|
@@ -4215,7 +4215,7 @@ function create_if_block$c(ctx) {
|
|
|
4215
4215
|
};
|
|
4216
4216
|
}
|
|
4217
4217
|
|
|
4218
|
-
// (
|
|
4218
|
+
// (294:6) {#if closable}
|
|
4219
4219
|
function create_if_block_1$3(ctx) {
|
|
4220
4220
|
let div;
|
|
4221
4221
|
let button;
|
|
@@ -4236,7 +4236,7 @@ function create_if_block_1$3(ctx) {
|
|
|
4236
4236
|
c() {
|
|
4237
4237
|
div = element("div");
|
|
4238
4238
|
create_component(button.$$.fragment);
|
|
4239
|
-
attr(div, "class", "close svelte-
|
|
4239
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
|
4240
4240
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
4241
4241
|
},
|
|
4242
4242
|
m(target, anchor) {
|
|
@@ -4277,7 +4277,7 @@ function create_if_block_1$3(ctx) {
|
|
|
4277
4277
|
};
|
|
4278
4278
|
}
|
|
4279
4279
|
|
|
4280
|
-
// (
|
|
4280
|
+
// (296:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
|
|
4281
4281
|
function create_default_slot_1$1(ctx) {
|
|
4282
4282
|
let svg;
|
|
4283
4283
|
let path;
|
|
@@ -4310,7 +4310,7 @@ function create_default_slot_1$1(ctx) {
|
|
|
4310
4310
|
};
|
|
4311
4311
|
}
|
|
4312
4312
|
|
|
4313
|
-
// (
|
|
4313
|
+
// (293:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
|
|
4314
4314
|
function create_default_slot$b(ctx) {
|
|
4315
4315
|
let t;
|
|
4316
4316
|
let div;
|
|
@@ -4325,7 +4325,7 @@ function create_default_slot$b(ctx) {
|
|
|
4325
4325
|
t = space();
|
|
4326
4326
|
div = element("div");
|
|
4327
4327
|
if (default_slot) default_slot.c();
|
|
4328
|
-
attr(div, "class", "modal-content svelte-
|
|
4328
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
|
4329
4329
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
4330
4330
|
},
|
|
4331
4331
|
m(target, anchor) {
|
|
@@ -4402,7 +4402,7 @@ function create_default_slot$b(ctx) {
|
|
|
4402
4402
|
};
|
|
4403
4403
|
}
|
|
4404
4404
|
|
|
4405
|
-
function create_fragment$
|
|
4405
|
+
function create_fragment$17(ctx) {
|
|
4406
4406
|
let show_if;
|
|
4407
4407
|
let current_block_type_index;
|
|
4408
4408
|
let if_block0;
|
|
@@ -4520,7 +4520,7 @@ function create_fragment$16(ctx) {
|
|
|
4520
4520
|
};
|
|
4521
4521
|
}
|
|
4522
4522
|
|
|
4523
|
-
function instance$
|
|
4523
|
+
function instance$17($$self, $$props, $$invalidate) {
|
|
4524
4524
|
let close;
|
|
4525
4525
|
let closable;
|
|
4526
4526
|
let backgroundClick;
|
|
@@ -4547,8 +4547,9 @@ function instance$16($$self, $$props, $$invalidate) {
|
|
|
4547
4547
|
let { _closeStyle = '' } = $$props;
|
|
4548
4548
|
|
|
4549
4549
|
// モーダル背景の設定
|
|
4550
|
-
|
|
4550
|
+
const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
|
|
4551
4551
|
|
|
4552
|
+
let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
|
|
4552
4553
|
let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
|
|
4553
4554
|
let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
|
|
4554
4555
|
|
|
@@ -4609,7 +4610,7 @@ function instance$16($$self, $$props, $$invalidate) {
|
|
|
4609
4610
|
|
|
4610
4611
|
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 50331656) {
|
|
4611
4612
|
{
|
|
4612
|
-
if (
|
|
4613
|
+
if (isExistBackgroundOverlayValue) {
|
|
4613
4614
|
$$invalidate(12, backgroundOverlay = placement.backgroundOverlay);
|
|
4614
4615
|
}
|
|
4615
4616
|
|
|
@@ -4831,8 +4832,8 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
|
4831
4832
|
init(
|
|
4832
4833
|
this,
|
|
4833
4834
|
options,
|
|
4834
|
-
instance$
|
|
4835
|
-
create_fragment$
|
|
4835
|
+
instance$17,
|
|
4836
|
+
create_fragment$17,
|
|
4836
4837
|
safe_not_equal,
|
|
4837
4838
|
{
|
|
4838
4839
|
onClick: 0,
|
|
@@ -4850,7 +4851,7 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
|
4850
4851
|
closeButtonColor: 9,
|
|
4851
4852
|
_closeStyle: 10
|
|
4852
4853
|
},
|
|
4853
|
-
add_css$
|
|
4854
|
+
add_css$A,
|
|
4854
4855
|
[-1, -1]
|
|
4855
4856
|
);
|
|
4856
4857
|
}
|
|
@@ -4858,7 +4859,7 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
|
4858
4859
|
|
|
4859
4860
|
/* src/components/Grid.svelte generated by Svelte v3.53.1 */
|
|
4860
4861
|
|
|
4861
|
-
function create_fragment$
|
|
4862
|
+
function create_fragment$16(ctx) {
|
|
4862
4863
|
let div;
|
|
4863
4864
|
let current;
|
|
4864
4865
|
const default_slot_template = /*#slots*/ ctx[8].default;
|
|
@@ -4916,7 +4917,7 @@ function create_fragment$15(ctx) {
|
|
|
4916
4917
|
};
|
|
4917
4918
|
}
|
|
4918
4919
|
|
|
4919
|
-
function instance$
|
|
4920
|
+
function instance$16($$self, $$props, $$invalidate) {
|
|
4920
4921
|
let _style;
|
|
4921
4922
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
4922
4923
|
let { width = '512px' } = $$props;
|
|
@@ -4961,7 +4962,7 @@ class Grid extends SvelteComponent {
|
|
|
4961
4962
|
constructor(options) {
|
|
4962
4963
|
super();
|
|
4963
4964
|
|
|
4964
|
-
init(this, options, instance$
|
|
4965
|
+
init(this, options, instance$16, create_fragment$16, safe_not_equal, {
|
|
4965
4966
|
width: 1,
|
|
4966
4967
|
height: 2,
|
|
4967
4968
|
rows: 3,
|
|
@@ -4974,11 +4975,11 @@ class Grid extends SvelteComponent {
|
|
|
4974
4975
|
|
|
4975
4976
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
4976
4977
|
|
|
4977
|
-
function add_css$
|
|
4978
|
-
append_styles(target, "svelte-
|
|
4978
|
+
function add_css$z(target) {
|
|
4979
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
4979
4980
|
}
|
|
4980
4981
|
|
|
4981
|
-
function create_fragment$
|
|
4982
|
+
function create_fragment$15(ctx) {
|
|
4982
4983
|
let div1;
|
|
4983
4984
|
let div0;
|
|
4984
4985
|
let current;
|
|
@@ -4990,8 +4991,8 @@ function create_fragment$14(ctx) {
|
|
|
4990
4991
|
div1 = element("div");
|
|
4991
4992
|
div0 = element("div");
|
|
4992
4993
|
if (default_slot) default_slot.c();
|
|
4993
|
-
attr(div0, "class", "grid-item-inner svelte-
|
|
4994
|
-
attr(div1, "class", "grid-item svelte-
|
|
4994
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
|
4995
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
|
4995
4996
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
|
4996
4997
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
|
4997
4998
|
attr(div1, "style", /*_style*/ ctx[1]);
|
|
@@ -5052,7 +5053,7 @@ function create_fragment$14(ctx) {
|
|
|
5052
5053
|
|
|
5053
5054
|
const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
|
|
5054
5055
|
|
|
5055
|
-
function instance$
|
|
5056
|
+
function instance$15($$self, $$props, $$invalidate) {
|
|
5056
5057
|
let _style;
|
|
5057
5058
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
5058
5059
|
let { x1 } = $$props;
|
|
@@ -5101,8 +5102,8 @@ class GridItem extends SvelteComponent {
|
|
|
5101
5102
|
init(
|
|
5102
5103
|
this,
|
|
5103
5104
|
options,
|
|
5104
|
-
instance$
|
|
5105
|
-
create_fragment$
|
|
5105
|
+
instance$15,
|
|
5106
|
+
create_fragment$15,
|
|
5106
5107
|
safe_not_equal,
|
|
5107
5108
|
{
|
|
5108
5109
|
x1: 2,
|
|
@@ -5113,14 +5114,14 @@ class GridItem extends SvelteComponent {
|
|
|
5113
5114
|
background: 7,
|
|
5114
5115
|
gridItemId: 0
|
|
5115
5116
|
},
|
|
5116
|
-
add_css$
|
|
5117
|
+
add_css$z
|
|
5117
5118
|
);
|
|
5118
5119
|
}
|
|
5119
5120
|
}
|
|
5120
5121
|
|
|
5121
5122
|
/* src/components/RenderText.svelte generated by Svelte v3.53.1 */
|
|
5122
5123
|
|
|
5123
|
-
function get_each_context$
|
|
5124
|
+
function get_each_context$7(ctx, list, i) {
|
|
5124
5125
|
const child_ctx = ctx.slice();
|
|
5125
5126
|
child_ctx[2] = list[i];
|
|
5126
5127
|
return child_ctx;
|
|
@@ -5166,7 +5167,7 @@ function create_if_block$b(ctx) {
|
|
|
5166
5167
|
}
|
|
5167
5168
|
|
|
5168
5169
|
// (10:0) {#each items as item}
|
|
5169
|
-
function create_each_block$
|
|
5170
|
+
function create_each_block$7(ctx) {
|
|
5170
5171
|
let show_if;
|
|
5171
5172
|
let if_block_anchor;
|
|
5172
5173
|
|
|
@@ -5209,13 +5210,13 @@ function create_each_block$6(ctx) {
|
|
|
5209
5210
|
};
|
|
5210
5211
|
}
|
|
5211
5212
|
|
|
5212
|
-
function create_fragment$
|
|
5213
|
+
function create_fragment$14(ctx) {
|
|
5213
5214
|
let each_1_anchor;
|
|
5214
5215
|
let each_value = /*items*/ ctx[0];
|
|
5215
5216
|
let each_blocks = [];
|
|
5216
5217
|
|
|
5217
5218
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
5218
|
-
each_blocks[i] = create_each_block$
|
|
5219
|
+
each_blocks[i] = create_each_block$7(get_each_context$7(ctx, each_value, i));
|
|
5219
5220
|
}
|
|
5220
5221
|
|
|
5221
5222
|
return {
|
|
@@ -5239,12 +5240,12 @@ function create_fragment$13(ctx) {
|
|
|
5239
5240
|
let i;
|
|
5240
5241
|
|
|
5241
5242
|
for (i = 0; i < each_value.length; i += 1) {
|
|
5242
|
-
const child_ctx = get_each_context$
|
|
5243
|
+
const child_ctx = get_each_context$7(ctx, each_value, i);
|
|
5243
5244
|
|
|
5244
5245
|
if (each_blocks[i]) {
|
|
5245
5246
|
each_blocks[i].p(child_ctx, dirty);
|
|
5246
5247
|
} else {
|
|
5247
|
-
each_blocks[i] = create_each_block$
|
|
5248
|
+
each_blocks[i] = create_each_block$7(child_ctx);
|
|
5248
5249
|
each_blocks[i].c();
|
|
5249
5250
|
each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
|
|
5250
5251
|
}
|
|
@@ -5268,7 +5269,7 @@ function create_fragment$13(ctx) {
|
|
|
5268
5269
|
|
|
5269
5270
|
const regexp = /(\r?\n)/;
|
|
5270
5271
|
|
|
5271
|
-
function instance$
|
|
5272
|
+
function instance$14($$self, $$props, $$invalidate) {
|
|
5272
5273
|
let items;
|
|
5273
5274
|
let { text = 'サンプルSample' } = $$props;
|
|
5274
5275
|
|
|
@@ -5289,14 +5290,14 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
|
5289
5290
|
class RenderText extends SvelteComponent {
|
|
5290
5291
|
constructor(options) {
|
|
5291
5292
|
super();
|
|
5292
|
-
init(this, options, instance$
|
|
5293
|
+
init(this, options, instance$14, create_fragment$14, safe_not_equal, { text: 1 });
|
|
5293
5294
|
}
|
|
5294
5295
|
}
|
|
5295
5296
|
|
|
5296
5297
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5297
5298
|
|
|
5298
|
-
function add_css$
|
|
5299
|
-
append_styles(target, "svelte-
|
|
5299
|
+
function add_css$y(target) {
|
|
5300
|
+
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}");
|
|
5300
5301
|
}
|
|
5301
5302
|
|
|
5302
5303
|
// (94:2) {:else}
|
|
@@ -5313,8 +5314,8 @@ function create_else_block$3(ctx) {
|
|
|
5313
5314
|
div1 = element("div");
|
|
5314
5315
|
div0 = element("div");
|
|
5315
5316
|
create_component(rendertext.$$.fragment);
|
|
5316
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5317
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5317
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5318
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5318
5319
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
5319
5320
|
},
|
|
5320
5321
|
m(target, anchor) {
|
|
@@ -5328,7 +5329,7 @@ function create_else_block$3(ctx) {
|
|
|
5328
5329
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5329
5330
|
rendertext.$set(rendertext_changes);
|
|
5330
5331
|
|
|
5331
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5332
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
5332
5333
|
attr(div1, "class", div1_class_value);
|
|
5333
5334
|
}
|
|
5334
5335
|
|
|
@@ -5378,12 +5379,12 @@ function create_if_block$a(ctx) {
|
|
|
5378
5379
|
t2 = space();
|
|
5379
5380
|
div2 = element("div");
|
|
5380
5381
|
div2.textContent = "コピーできませんでした";
|
|
5381
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5382
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5382
5383
|
attr(a, "href", '');
|
|
5383
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5384
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5384
5385
|
attr(a, "style", /*style*/ ctx[5]);
|
|
5385
|
-
attr(div1, "class", "tooltip svelte-
|
|
5386
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
|
5386
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
|
5387
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
|
5387
5388
|
},
|
|
5388
5389
|
m(target, anchor) {
|
|
5389
5390
|
insert(target, a, anchor);
|
|
@@ -5407,7 +5408,7 @@ function create_if_block$a(ctx) {
|
|
|
5407
5408
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5408
5409
|
rendertext.$set(rendertext_changes);
|
|
5409
5410
|
|
|
5410
|
-
if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5411
|
+
if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
5411
5412
|
attr(a, "class", a_class_value);
|
|
5412
5413
|
}
|
|
5413
5414
|
|
|
@@ -5439,7 +5440,7 @@ function create_if_block$a(ctx) {
|
|
|
5439
5440
|
};
|
|
5440
5441
|
}
|
|
5441
5442
|
|
|
5442
|
-
function create_fragment$
|
|
5443
|
+
function create_fragment$13(ctx) {
|
|
5443
5444
|
let div;
|
|
5444
5445
|
let current_block_type_index;
|
|
5445
5446
|
let if_block;
|
|
@@ -5459,7 +5460,7 @@ function create_fragment$12(ctx) {
|
|
|
5459
5460
|
c() {
|
|
5460
5461
|
div = element("div");
|
|
5461
5462
|
if_block.c();
|
|
5462
|
-
attr(div, "class", "text-element-wrapper svelte-
|
|
5463
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
|
5463
5464
|
},
|
|
5464
5465
|
m(target, anchor) {
|
|
5465
5466
|
insert(target, div, anchor);
|
|
@@ -5509,7 +5510,7 @@ function create_fragment$12(ctx) {
|
|
|
5509
5510
|
};
|
|
5510
5511
|
}
|
|
5511
5512
|
|
|
5512
|
-
function instance$
|
|
5513
|
+
function instance$13($$self, $$props, $$invalidate) {
|
|
5513
5514
|
let style;
|
|
5514
5515
|
let { text = 'テキストのコンテンツ' } = $$props;
|
|
5515
5516
|
let { font = SYSTEM_FONT } = $$props;
|
|
@@ -5605,8 +5606,8 @@ class TextElement extends SvelteComponent {
|
|
|
5605
5606
|
init(
|
|
5606
5607
|
this,
|
|
5607
5608
|
options,
|
|
5608
|
-
instance$
|
|
5609
|
-
create_fragment$
|
|
5609
|
+
instance$13,
|
|
5610
|
+
create_fragment$13,
|
|
5610
5611
|
safe_not_equal,
|
|
5611
5612
|
{
|
|
5612
5613
|
text: 0,
|
|
@@ -5617,15 +5618,15 @@ class TextElement extends SvelteComponent {
|
|
|
5617
5618
|
enableCopy: 2,
|
|
5618
5619
|
eventName: 10
|
|
5619
5620
|
},
|
|
5620
|
-
add_css$
|
|
5621
|
+
add_css$y
|
|
5621
5622
|
);
|
|
5622
5623
|
}
|
|
5623
5624
|
}
|
|
5624
5625
|
|
|
5625
5626
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5626
5627
|
|
|
5627
|
-
function add_css$
|
|
5628
|
-
append_styles(target, "svelte-
|
|
5628
|
+
function add_css$x(target) {
|
|
5629
|
+
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)}");
|
|
5629
5630
|
}
|
|
5630
5631
|
|
|
5631
5632
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5662,7 +5663,7 @@ function create_default_slot$a(ctx) {
|
|
|
5662
5663
|
};
|
|
5663
5664
|
}
|
|
5664
5665
|
|
|
5665
|
-
function create_fragment$
|
|
5666
|
+
function create_fragment$12(ctx) {
|
|
5666
5667
|
let div;
|
|
5667
5668
|
let button;
|
|
5668
5669
|
let current;
|
|
@@ -5681,7 +5682,7 @@ function create_fragment$11(ctx) {
|
|
|
5681
5682
|
c() {
|
|
5682
5683
|
div = element("div");
|
|
5683
5684
|
create_component(button.$$.fragment);
|
|
5684
|
-
attr(div, "class", "text-button-element svelte-
|
|
5685
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
|
5685
5686
|
},
|
|
5686
5687
|
m(target, anchor) {
|
|
5687
5688
|
insert(target, div, anchor);
|
|
@@ -5716,7 +5717,7 @@ function create_fragment$11(ctx) {
|
|
|
5716
5717
|
};
|
|
5717
5718
|
}
|
|
5718
5719
|
|
|
5719
|
-
function instance$
|
|
5720
|
+
function instance$12($$self, $$props, $$invalidate) {
|
|
5720
5721
|
let style;
|
|
5721
5722
|
let { text = 'ボタンのラベル' } = $$props;
|
|
5722
5723
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
@@ -5754,8 +5755,8 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5754
5755
|
init(
|
|
5755
5756
|
this,
|
|
5756
5757
|
options,
|
|
5757
|
-
instance$
|
|
5758
|
-
create_fragment$
|
|
5758
|
+
instance$12,
|
|
5759
|
+
create_fragment$12,
|
|
5759
5760
|
safe_not_equal,
|
|
5760
5761
|
{
|
|
5761
5762
|
text: 0,
|
|
@@ -5765,15 +5766,15 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5765
5766
|
_buttonStyle: 5,
|
|
5766
5767
|
_style: 6
|
|
5767
5768
|
},
|
|
5768
|
-
add_css$
|
|
5769
|
+
add_css$x
|
|
5769
5770
|
);
|
|
5770
5771
|
}
|
|
5771
5772
|
}
|
|
5772
5773
|
|
|
5773
5774
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5774
5775
|
|
|
5775
|
-
function add_css$
|
|
5776
|
-
append_styles(target, "svelte-
|
|
5776
|
+
function add_css$w(target) {
|
|
5777
|
+
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%}");
|
|
5777
5778
|
}
|
|
5778
5779
|
|
|
5779
5780
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -5785,7 +5786,7 @@ function create_default_slot$9(ctx) {
|
|
|
5785
5786
|
return {
|
|
5786
5787
|
c() {
|
|
5787
5788
|
img = element("img");
|
|
5788
|
-
attr(img, "class", "image svelte-
|
|
5789
|
+
attr(img, "class", "image svelte-t6tu0e");
|
|
5789
5790
|
attr(img, "loading", "lazy");
|
|
5790
5791
|
attr(img, "width", "auto");
|
|
5791
5792
|
attr(img, "height", "auto");
|
|
@@ -5827,7 +5828,7 @@ function create_default_slot$9(ctx) {
|
|
|
5827
5828
|
};
|
|
5828
5829
|
}
|
|
5829
5830
|
|
|
5830
|
-
function create_fragment$
|
|
5831
|
+
function create_fragment$11(ctx) {
|
|
5831
5832
|
let div;
|
|
5832
5833
|
let button;
|
|
5833
5834
|
let div_class_value;
|
|
@@ -5847,7 +5848,7 @@ function create_fragment$10(ctx) {
|
|
|
5847
5848
|
c() {
|
|
5848
5849
|
div = element("div");
|
|
5849
5850
|
create_component(button.$$.fragment);
|
|
5850
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
5851
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
|
5851
5852
|
},
|
|
5852
5853
|
m(target, anchor) {
|
|
5853
5854
|
insert(target, div, anchor);
|
|
@@ -5866,7 +5867,7 @@ function create_fragment$10(ctx) {
|
|
|
5866
5867
|
|
|
5867
5868
|
button.$set(button_changes);
|
|
5868
5869
|
|
|
5869
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
5870
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
|
5870
5871
|
attr(div, "class", div_class_value);
|
|
5871
5872
|
}
|
|
5872
5873
|
},
|
|
@@ -5886,7 +5887,7 @@ function create_fragment$10(ctx) {
|
|
|
5886
5887
|
};
|
|
5887
5888
|
}
|
|
5888
5889
|
|
|
5889
|
-
function instance$
|
|
5890
|
+
function instance$11($$self, $$props, $$invalidate) {
|
|
5890
5891
|
let { src = '' } = $$props;
|
|
5891
5892
|
let { alt = '画像の説明' } = $$props;
|
|
5892
5893
|
let { transport = false } = $$props;
|
|
@@ -5917,8 +5918,8 @@ class ImageElement extends SvelteComponent {
|
|
|
5917
5918
|
init(
|
|
5918
5919
|
this,
|
|
5919
5920
|
options,
|
|
5920
|
-
instance$
|
|
5921
|
-
create_fragment$
|
|
5921
|
+
instance$11,
|
|
5922
|
+
create_fragment$11,
|
|
5922
5923
|
safe_not_equal,
|
|
5923
5924
|
{
|
|
5924
5925
|
src: 0,
|
|
@@ -5930,18 +5931,18 @@ class ImageElement extends SvelteComponent {
|
|
|
5930
5931
|
_imageStyle: 6,
|
|
5931
5932
|
_style: 7
|
|
5932
5933
|
},
|
|
5933
|
-
add_css$
|
|
5934
|
+
add_css$w
|
|
5934
5935
|
);
|
|
5935
5936
|
}
|
|
5936
5937
|
}
|
|
5937
5938
|
|
|
5938
5939
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
5939
5940
|
|
|
5940
|
-
function add_css$
|
|
5941
|
-
append_styles(target, "svelte-
|
|
5941
|
+
function add_css$v(target) {
|
|
5942
|
+
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}");
|
|
5942
5943
|
}
|
|
5943
5944
|
|
|
5944
|
-
function create_fragment
|
|
5945
|
+
function create_fragment$10(ctx) {
|
|
5945
5946
|
let div;
|
|
5946
5947
|
let current;
|
|
5947
5948
|
const default_slot_template = /*#slots*/ ctx[6].default;
|
|
@@ -5951,7 +5952,7 @@ function create_fragment$$(ctx) {
|
|
|
5951
5952
|
c() {
|
|
5952
5953
|
div = element("div");
|
|
5953
5954
|
if (default_slot) default_slot.c();
|
|
5954
|
-
attr(div, "class", "list svelte-
|
|
5955
|
+
attr(div, "class", "list svelte-aquv6z");
|
|
5955
5956
|
attr(div, "style", /*style*/ ctx[0]);
|
|
5956
5957
|
},
|
|
5957
5958
|
m(target, anchor) {
|
|
@@ -6001,7 +6002,7 @@ function create_fragment$$(ctx) {
|
|
|
6001
6002
|
|
|
6002
6003
|
const LIST_CONTEXT_KEY = Symbol();
|
|
6003
6004
|
|
|
6004
|
-
function instance
|
|
6005
|
+
function instance$10($$self, $$props, $$invalidate) {
|
|
6005
6006
|
let style;
|
|
6006
6007
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
6007
6008
|
let { direction = 'vertical' } = $$props;
|
|
@@ -6068,8 +6069,8 @@ class List extends SvelteComponent {
|
|
|
6068
6069
|
init(
|
|
6069
6070
|
this,
|
|
6070
6071
|
options,
|
|
6071
|
-
instance
|
|
6072
|
-
create_fragment
|
|
6072
|
+
instance$10,
|
|
6073
|
+
create_fragment$10,
|
|
6073
6074
|
safe_not_equal,
|
|
6074
6075
|
{
|
|
6075
6076
|
direction: 1,
|
|
@@ -6077,15 +6078,15 @@ class List extends SvelteComponent {
|
|
|
6077
6078
|
background: 3,
|
|
6078
6079
|
_style: 4
|
|
6079
6080
|
},
|
|
6080
|
-
add_css$
|
|
6081
|
+
add_css$v
|
|
6081
6082
|
);
|
|
6082
6083
|
}
|
|
6083
6084
|
}
|
|
6084
6085
|
|
|
6085
6086
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6086
6087
|
|
|
6087
|
-
function add_css$
|
|
6088
|
-
append_styles(target, "svelte-
|
|
6088
|
+
function add_css$u(target) {
|
|
6089
|
+
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}");
|
|
6089
6090
|
}
|
|
6090
6091
|
|
|
6091
6092
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
|
@@ -6136,7 +6137,7 @@ function create_default_slot$8(ctx) {
|
|
|
6136
6137
|
};
|
|
6137
6138
|
}
|
|
6138
6139
|
|
|
6139
|
-
function create_fragment
|
|
6140
|
+
function create_fragment$$(ctx) {
|
|
6140
6141
|
let div;
|
|
6141
6142
|
let button;
|
|
6142
6143
|
let current;
|
|
@@ -6155,7 +6156,7 @@ function create_fragment$_(ctx) {
|
|
|
6155
6156
|
c() {
|
|
6156
6157
|
div = element("div");
|
|
6157
6158
|
create_component(button.$$.fragment);
|
|
6158
|
-
attr(div, "class", "list-item svelte-
|
|
6159
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
|
6159
6160
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
|
6160
6161
|
},
|
|
6161
6162
|
m(target, anchor) {
|
|
@@ -6195,7 +6196,7 @@ function create_fragment$_(ctx) {
|
|
|
6195
6196
|
};
|
|
6196
6197
|
}
|
|
6197
6198
|
|
|
6198
|
-
function instance
|
|
6199
|
+
function instance$$($$self, $$props, $$invalidate) {
|
|
6199
6200
|
let listItemStyle;
|
|
6200
6201
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
6201
6202
|
const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
|
|
@@ -6274,23 +6275,23 @@ function instance$_($$self, $$props, $$invalidate) {
|
|
|
6274
6275
|
class ListItem extends SvelteComponent {
|
|
6275
6276
|
constructor(options) {
|
|
6276
6277
|
super();
|
|
6277
|
-
init(this, options, instance
|
|
6278
|
+
init(this, options, instance$$, create_fragment$$, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$u);
|
|
6278
6279
|
}
|
|
6279
6280
|
}
|
|
6280
6281
|
|
|
6281
6282
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6282
6283
|
|
|
6283
|
-
function add_css$
|
|
6284
|
-
append_styles(target, "svelte-
|
|
6284
|
+
function add_css$t(target) {
|
|
6285
|
+
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}");
|
|
6285
6286
|
}
|
|
6286
6287
|
|
|
6287
|
-
function create_fragment$
|
|
6288
|
+
function create_fragment$_(ctx) {
|
|
6288
6289
|
let div;
|
|
6289
6290
|
|
|
6290
6291
|
return {
|
|
6291
6292
|
c() {
|
|
6292
6293
|
div = element("div");
|
|
6293
|
-
attr(div, "class", "embed svelte-
|
|
6294
|
+
attr(div, "class", "embed svelte-wocq4p");
|
|
6294
6295
|
attr(div, "style", /*_style*/ ctx[1]);
|
|
6295
6296
|
},
|
|
6296
6297
|
m(target, anchor) {
|
|
@@ -6311,7 +6312,7 @@ function create_fragment$Z(ctx) {
|
|
|
6311
6312
|
};
|
|
6312
6313
|
}
|
|
6313
6314
|
|
|
6314
|
-
function instance$
|
|
6315
|
+
function instance$_($$self, $$props, $$invalidate) {
|
|
6315
6316
|
let { code } = $$props;
|
|
6316
6317
|
let { _style = '' } = $$props;
|
|
6317
6318
|
|
|
@@ -6326,17 +6327,17 @@ function instance$Z($$self, $$props, $$invalidate) {
|
|
|
6326
6327
|
class EmbedElement extends SvelteComponent {
|
|
6327
6328
|
constructor(options) {
|
|
6328
6329
|
super();
|
|
6329
|
-
init(this, options, instance$
|
|
6330
|
+
init(this, options, instance$_, create_fragment$_, safe_not_equal, { code: 0, _style: 1 }, add_css$t);
|
|
6330
6331
|
}
|
|
6331
6332
|
}
|
|
6332
6333
|
|
|
6333
6334
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6334
6335
|
|
|
6335
|
-
function add_css$
|
|
6336
|
-
append_styles(target, "svelte-
|
|
6336
|
+
function add_css$s(target) {
|
|
6337
|
+
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%}");
|
|
6337
6338
|
}
|
|
6338
6339
|
|
|
6339
|
-
function create_fragment$
|
|
6340
|
+
function create_fragment$Z(ctx) {
|
|
6340
6341
|
let div1;
|
|
6341
6342
|
let div0;
|
|
6342
6343
|
|
|
@@ -6345,7 +6346,7 @@ function create_fragment$Y(ctx) {
|
|
|
6345
6346
|
div1 = element("div");
|
|
6346
6347
|
div0 = element("div");
|
|
6347
6348
|
attr(div0, "class", "karte-player");
|
|
6348
|
-
attr(div1, "class", "embed svelte-
|
|
6349
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6349
6350
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6350
6351
|
},
|
|
6351
6352
|
m(target, anchor) {
|
|
@@ -6377,7 +6378,7 @@ function _setValue(obj, key, value) {
|
|
|
6377
6378
|
}
|
|
6378
6379
|
}
|
|
6379
6380
|
|
|
6380
|
-
function instance$
|
|
6381
|
+
function instance$Z($$self, $$props, $$invalidate) {
|
|
6381
6382
|
let $system;
|
|
6382
6383
|
component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
|
|
6383
6384
|
let { videoId = 'wt0OjOeX-JA' } = $$props;
|
|
@@ -6648,8 +6649,8 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6648
6649
|
init(
|
|
6649
6650
|
this,
|
|
6650
6651
|
options,
|
|
6651
|
-
instance$
|
|
6652
|
-
create_fragment$
|
|
6652
|
+
instance$Z,
|
|
6653
|
+
create_fragment$Z,
|
|
6653
6654
|
safe_not_equal,
|
|
6654
6655
|
{
|
|
6655
6656
|
videoId: 2,
|
|
@@ -6678,7 +6679,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6678
6679
|
mute: 25,
|
|
6679
6680
|
_style: 0
|
|
6680
6681
|
},
|
|
6681
|
-
add_css$
|
|
6682
|
+
add_css$s,
|
|
6682
6683
|
[-1, -1]
|
|
6683
6684
|
);
|
|
6684
6685
|
}
|
|
@@ -6686,11 +6687,11 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6686
6687
|
|
|
6687
6688
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6688
6689
|
|
|
6689
|
-
function add_css$
|
|
6690
|
-
append_styles(target, "svelte-
|
|
6690
|
+
function add_css$r(target) {
|
|
6691
|
+
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%}");
|
|
6691
6692
|
}
|
|
6692
6693
|
|
|
6693
|
-
function create_fragment$
|
|
6694
|
+
function create_fragment$Y(ctx) {
|
|
6694
6695
|
let div1;
|
|
6695
6696
|
let div0;
|
|
6696
6697
|
|
|
@@ -6699,7 +6700,7 @@ function create_fragment$X(ctx) {
|
|
|
6699
6700
|
div1 = element("div");
|
|
6700
6701
|
div0 = element("div");
|
|
6701
6702
|
attr(div0, "class", "karte-player");
|
|
6702
|
-
attr(div1, "class", "embed svelte-
|
|
6703
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6703
6704
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6704
6705
|
},
|
|
6705
6706
|
m(target, anchor) {
|
|
@@ -6721,7 +6722,7 @@ function create_fragment$X(ctx) {
|
|
|
6721
6722
|
};
|
|
6722
6723
|
}
|
|
6723
6724
|
|
|
6724
|
-
function instance$
|
|
6725
|
+
function instance$Y($$self, $$props, $$invalidate) {
|
|
6725
6726
|
let $system;
|
|
6726
6727
|
component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
|
|
6727
6728
|
let { videoId = "201239468" } = $$props;
|
|
@@ -6864,8 +6865,8 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
6864
6865
|
init(
|
|
6865
6866
|
this,
|
|
6866
6867
|
options,
|
|
6867
|
-
instance$
|
|
6868
|
-
create_fragment$
|
|
6868
|
+
instance$Y,
|
|
6869
|
+
create_fragment$Y,
|
|
6869
6870
|
safe_not_equal,
|
|
6870
6871
|
{
|
|
6871
6872
|
videoId: 2,
|
|
@@ -6875,18 +6876,18 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
6875
6876
|
mute: 6,
|
|
6876
6877
|
_style: 0
|
|
6877
6878
|
},
|
|
6878
|
-
add_css$
|
|
6879
|
+
add_css$r
|
|
6879
6880
|
);
|
|
6880
6881
|
}
|
|
6881
6882
|
}
|
|
6882
6883
|
|
|
6883
6884
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
6884
6885
|
|
|
6885
|
-
function add_css$
|
|
6886
|
-
append_styles(target, "svelte-
|
|
6886
|
+
function add_css$q(target) {
|
|
6887
|
+
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}");
|
|
6887
6888
|
}
|
|
6888
6889
|
|
|
6889
|
-
function create_fragment$
|
|
6890
|
+
function create_fragment$X(ctx) {
|
|
6890
6891
|
let div;
|
|
6891
6892
|
let textarea;
|
|
6892
6893
|
let mounted;
|
|
@@ -6896,12 +6897,12 @@ function create_fragment$W(ctx) {
|
|
|
6896
6897
|
c() {
|
|
6897
6898
|
div = element("div");
|
|
6898
6899
|
textarea = element("textarea");
|
|
6899
|
-
attr(textarea, "class", "textarea svelte-
|
|
6900
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
|
6900
6901
|
textarea.value = /*$value*/ ctx[4];
|
|
6901
6902
|
textarea.required = /*required*/ ctx[1];
|
|
6902
6903
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
|
6903
6904
|
attr(textarea, "style", /*style*/ ctx[3]);
|
|
6904
|
-
attr(div, "class", "textarea-wrapper svelte-
|
|
6905
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
|
6905
6906
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
|
6906
6907
|
},
|
|
6907
6908
|
m(target, anchor) {
|
|
@@ -6944,7 +6945,7 @@ function create_fragment$W(ctx) {
|
|
|
6944
6945
|
};
|
|
6945
6946
|
}
|
|
6946
6947
|
|
|
6947
|
-
function instance$
|
|
6948
|
+
function instance$X($$self, $$props, $$invalidate) {
|
|
6948
6949
|
let style;
|
|
6949
6950
|
let styleVariables;
|
|
6950
6951
|
let $value;
|
|
@@ -7032,8 +7033,8 @@ class FormTextarea extends SvelteComponent {
|
|
|
7032
7033
|
init(
|
|
7033
7034
|
this,
|
|
7034
7035
|
options,
|
|
7035
|
-
instance$
|
|
7036
|
-
create_fragment$
|
|
7036
|
+
instance$X,
|
|
7037
|
+
create_fragment$X,
|
|
7037
7038
|
safe_not_equal,
|
|
7038
7039
|
{
|
|
7039
7040
|
name: 7,
|
|
@@ -7045,18 +7046,18 @@ class FormTextarea extends SvelteComponent {
|
|
|
7045
7046
|
_textStyle: 11,
|
|
7046
7047
|
_placeholderStyle: 12
|
|
7047
7048
|
},
|
|
7048
|
-
add_css$
|
|
7049
|
+
add_css$q
|
|
7049
7050
|
);
|
|
7050
7051
|
}
|
|
7051
7052
|
}
|
|
7052
7053
|
|
|
7053
7054
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7054
7055
|
|
|
7055
|
-
function add_css$
|
|
7056
|
-
append_styles(target, "svelte-
|
|
7056
|
+
function add_css$p(target) {
|
|
7057
|
+
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}");
|
|
7057
7058
|
}
|
|
7058
7059
|
|
|
7059
|
-
function get_each_context$
|
|
7060
|
+
function get_each_context$6(ctx, list, i) {
|
|
7060
7061
|
const child_ctx = ctx.slice();
|
|
7061
7062
|
child_ctx[17] = list[i];
|
|
7062
7063
|
child_ctx[19] = i;
|
|
@@ -7064,7 +7065,7 @@ function get_each_context$5(ctx, list, i) {
|
|
|
7064
7065
|
}
|
|
7065
7066
|
|
|
7066
7067
|
// (99:2) {#each _options as option, i}
|
|
7067
|
-
function create_each_block$
|
|
7068
|
+
function create_each_block$6(ctx) {
|
|
7068
7069
|
let label;
|
|
7069
7070
|
let input;
|
|
7070
7071
|
let input_value_value;
|
|
@@ -7087,14 +7088,14 @@ function create_each_block$5(ctx) {
|
|
|
7087
7088
|
t1 = text(t1_value);
|
|
7088
7089
|
t2 = space();
|
|
7089
7090
|
attr(input, "type", "radio");
|
|
7090
|
-
attr(input, "class", "radio-button-input svelte-
|
|
7091
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
|
7091
7092
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
|
7092
7093
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7093
7094
|
input.value = input_value_value = /*option*/ ctx[17];
|
|
7094
7095
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
|
7095
|
-
attr(span, "class", "radio-button-text svelte-
|
|
7096
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
|
7096
7097
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7097
|
-
attr(label, "class", "radio-button svelte-
|
|
7098
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
|
7098
7099
|
},
|
|
7099
7100
|
m(target, anchor) {
|
|
7100
7101
|
insert(target, label, anchor);
|
|
@@ -7142,13 +7143,13 @@ function create_each_block$5(ctx) {
|
|
|
7142
7143
|
};
|
|
7143
7144
|
}
|
|
7144
7145
|
|
|
7145
|
-
function create_fragment$
|
|
7146
|
+
function create_fragment$W(ctx) {
|
|
7146
7147
|
let div;
|
|
7147
7148
|
let each_value = /*_options*/ ctx[4];
|
|
7148
7149
|
let each_blocks = [];
|
|
7149
7150
|
|
|
7150
7151
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
7151
|
-
each_blocks[i] = create_each_block$
|
|
7152
|
+
each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
|
|
7152
7153
|
}
|
|
7153
7154
|
|
|
7154
7155
|
return {
|
|
@@ -7159,7 +7160,7 @@ function create_fragment$V(ctx) {
|
|
|
7159
7160
|
each_blocks[i].c();
|
|
7160
7161
|
}
|
|
7161
7162
|
|
|
7162
|
-
attr(div, "class", "radio-buttons svelte-
|
|
7163
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
|
7163
7164
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7164
7165
|
},
|
|
7165
7166
|
m(target, anchor) {
|
|
@@ -7175,12 +7176,12 @@ function create_fragment$V(ctx) {
|
|
|
7175
7176
|
let i;
|
|
7176
7177
|
|
|
7177
7178
|
for (i = 0; i < each_value.length; i += 1) {
|
|
7178
|
-
const child_ctx = get_each_context$
|
|
7179
|
+
const child_ctx = get_each_context$6(ctx, each_value, i);
|
|
7179
7180
|
|
|
7180
7181
|
if (each_blocks[i]) {
|
|
7181
7182
|
each_blocks[i].p(child_ctx, dirty);
|
|
7182
7183
|
} else {
|
|
7183
|
-
each_blocks[i] = create_each_block$
|
|
7184
|
+
each_blocks[i] = create_each_block$6(child_ctx);
|
|
7184
7185
|
each_blocks[i].c();
|
|
7185
7186
|
each_blocks[i].m(div, null);
|
|
7186
7187
|
}
|
|
@@ -7206,7 +7207,7 @@ function create_fragment$V(ctx) {
|
|
|
7206
7207
|
};
|
|
7207
7208
|
}
|
|
7208
7209
|
|
|
7209
|
-
function instance$
|
|
7210
|
+
function instance$W($$self, $$props, $$invalidate) {
|
|
7210
7211
|
let _options;
|
|
7211
7212
|
let buttonStyle;
|
|
7212
7213
|
let _value;
|
|
@@ -7306,8 +7307,8 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7306
7307
|
init(
|
|
7307
7308
|
this,
|
|
7308
7309
|
options,
|
|
7309
|
-
instance$
|
|
7310
|
-
create_fragment$
|
|
7310
|
+
instance$W,
|
|
7311
|
+
create_fragment$W,
|
|
7311
7312
|
safe_not_equal,
|
|
7312
7313
|
{
|
|
7313
7314
|
name: 0,
|
|
@@ -7320,18 +7321,18 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7320
7321
|
buttonColor: 13,
|
|
7321
7322
|
buttonColorActive: 14
|
|
7322
7323
|
},
|
|
7323
|
-
add_css$
|
|
7324
|
+
add_css$p
|
|
7324
7325
|
);
|
|
7325
7326
|
}
|
|
7326
7327
|
}
|
|
7327
7328
|
|
|
7328
7329
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7329
7330
|
|
|
7330
|
-
function add_css$
|
|
7331
|
-
append_styles(target, "svelte-
|
|
7331
|
+
function add_css$o(target) {
|
|
7332
|
+
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}");
|
|
7332
7333
|
}
|
|
7333
7334
|
|
|
7334
|
-
function get_each_context$
|
|
7335
|
+
function get_each_context$5(ctx, list, i) {
|
|
7335
7336
|
const child_ctx = ctx.slice();
|
|
7336
7337
|
child_ctx[19] = list[i];
|
|
7337
7338
|
child_ctx[21] = i;
|
|
@@ -7380,7 +7381,7 @@ function create_if_block$9(ctx) {
|
|
|
7380
7381
|
}
|
|
7381
7382
|
|
|
7382
7383
|
// (103:6) {#each _options as option, i}
|
|
7383
|
-
function create_each_block$
|
|
7384
|
+
function create_each_block$5(ctx) {
|
|
7384
7385
|
let option;
|
|
7385
7386
|
let t;
|
|
7386
7387
|
let option_value_value;
|
|
@@ -7437,7 +7438,7 @@ function create_each_block$4(ctx) {
|
|
|
7437
7438
|
};
|
|
7438
7439
|
}
|
|
7439
7440
|
|
|
7440
|
-
function create_fragment$
|
|
7441
|
+
function create_fragment$V(ctx) {
|
|
7441
7442
|
let div1;
|
|
7442
7443
|
let select;
|
|
7443
7444
|
let t;
|
|
@@ -7448,7 +7449,7 @@ function create_fragment$U(ctx) {
|
|
|
7448
7449
|
let each_blocks = [];
|
|
7449
7450
|
|
|
7450
7451
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
7451
|
-
each_blocks[i] = create_each_block$
|
|
7452
|
+
each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
|
|
7452
7453
|
}
|
|
7453
7454
|
|
|
7454
7455
|
return {
|
|
@@ -7462,10 +7463,10 @@ function create_fragment$U(ctx) {
|
|
|
7462
7463
|
|
|
7463
7464
|
t = space();
|
|
7464
7465
|
div0 = element("div");
|
|
7465
|
-
attr(select, "class", "select-select svelte-
|
|
7466
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
|
7466
7467
|
attr(select, "style", /*style*/ ctx[3]);
|
|
7467
|
-
attr(div0, "class", "select-icon svelte-
|
|
7468
|
-
attr(div1, "class", "select svelte-
|
|
7468
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
|
7469
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
|
7469
7470
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
|
7470
7471
|
},
|
|
7471
7472
|
m(target, anchor) {
|
|
@@ -7490,12 +7491,12 @@ function create_fragment$U(ctx) {
|
|
|
7490
7491
|
let i;
|
|
7491
7492
|
|
|
7492
7493
|
for (i = 0; i < each_value.length; i += 1) {
|
|
7493
|
-
const child_ctx = get_each_context$
|
|
7494
|
+
const child_ctx = get_each_context$5(ctx, each_value, i);
|
|
7494
7495
|
|
|
7495
7496
|
if (each_blocks[i]) {
|
|
7496
7497
|
each_blocks[i].p(child_ctx, dirty);
|
|
7497
7498
|
} else {
|
|
7498
|
-
each_blocks[i] = create_each_block$
|
|
7499
|
+
each_blocks[i] = create_each_block$5(child_ctx);
|
|
7499
7500
|
each_blocks[i].c();
|
|
7500
7501
|
each_blocks[i].m(select, null);
|
|
7501
7502
|
}
|
|
@@ -7527,7 +7528,7 @@ function create_fragment$U(ctx) {
|
|
|
7527
7528
|
};
|
|
7528
7529
|
}
|
|
7529
7530
|
|
|
7530
|
-
function instance$
|
|
7531
|
+
function instance$V($$self, $$props, $$invalidate) {
|
|
7531
7532
|
let _options;
|
|
7532
7533
|
let style;
|
|
7533
7534
|
let styleVariables;
|
|
@@ -7643,8 +7644,8 @@ class FormSelect extends SvelteComponent {
|
|
|
7643
7644
|
init(
|
|
7644
7645
|
this,
|
|
7645
7646
|
options,
|
|
7646
|
-
instance$
|
|
7647
|
-
create_fragment$
|
|
7647
|
+
instance$V,
|
|
7648
|
+
create_fragment$V,
|
|
7648
7649
|
safe_not_equal,
|
|
7649
7650
|
{
|
|
7650
7651
|
name: 7,
|
|
@@ -7659,18 +7660,18 @@ class FormSelect extends SvelteComponent {
|
|
|
7659
7660
|
iconColor: 15,
|
|
7660
7661
|
iconSize: 16
|
|
7661
7662
|
},
|
|
7662
|
-
add_css$
|
|
7663
|
+
add_css$o
|
|
7663
7664
|
);
|
|
7664
7665
|
}
|
|
7665
7666
|
}
|
|
7666
7667
|
|
|
7667
7668
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7668
7669
|
|
|
7669
|
-
function add_css$
|
|
7670
|
-
append_styles(target, "svelte-
|
|
7670
|
+
function add_css$n(target) {
|
|
7671
|
+
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}");
|
|
7671
7672
|
}
|
|
7672
7673
|
|
|
7673
|
-
function get_each_context$
|
|
7674
|
+
function get_each_context$4(ctx, list, i) {
|
|
7674
7675
|
const child_ctx = ctx.slice();
|
|
7675
7676
|
child_ctx[17] = list[i];
|
|
7676
7677
|
child_ctx[19] = i;
|
|
@@ -7678,7 +7679,7 @@ function get_each_context$3(ctx, list, i) {
|
|
|
7678
7679
|
}
|
|
7679
7680
|
|
|
7680
7681
|
// (105:2) {#each _options as option, i}
|
|
7681
|
-
function create_each_block$
|
|
7682
|
+
function create_each_block$4(ctx) {
|
|
7682
7683
|
let label;
|
|
7683
7684
|
let input;
|
|
7684
7685
|
let input_checked_value;
|
|
@@ -7706,19 +7707,19 @@ function create_each_block$3(ctx) {
|
|
|
7706
7707
|
span2 = element("span");
|
|
7707
7708
|
t2 = text(t2_value);
|
|
7708
7709
|
t3 = space();
|
|
7709
|
-
attr(input, "class", "check-box-input svelte-
|
|
7710
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
|
7710
7711
|
attr(input, "type", "checkbox");
|
|
7711
7712
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7712
7713
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
|
7713
|
-
attr(span0, "class", "check-box-icon svelte-
|
|
7714
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
|
7714
7715
|
|
|
7715
7716
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
7716
7717
|
? ' _checked'
|
|
7717
|
-
: ''}`) + " svelte-
|
|
7718
|
+
: ''}`) + " svelte-1p65cg8"));
|
|
7718
7719
|
|
|
7719
|
-
attr(span2, "class", "check-box-text svelte-
|
|
7720
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
|
7720
7721
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7721
|
-
attr(label, "class", "check-box svelte-
|
|
7722
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
|
7722
7723
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
|
7723
7724
|
},
|
|
7724
7725
|
m(target, anchor) {
|
|
@@ -7750,7 +7751,7 @@ function create_each_block$3(ctx) {
|
|
|
7750
7751
|
|
|
7751
7752
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
7752
7753
|
? ' _checked'
|
|
7753
|
-
: ''}`) + " svelte-
|
|
7754
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
|
7754
7755
|
attr(span1, "class", span1_class_value);
|
|
7755
7756
|
}
|
|
7756
7757
|
|
|
@@ -7772,13 +7773,13 @@ function create_each_block$3(ctx) {
|
|
|
7772
7773
|
};
|
|
7773
7774
|
}
|
|
7774
7775
|
|
|
7775
|
-
function create_fragment$
|
|
7776
|
+
function create_fragment$U(ctx) {
|
|
7776
7777
|
let div;
|
|
7777
7778
|
let each_value = /*_options*/ ctx[3];
|
|
7778
7779
|
let each_blocks = [];
|
|
7779
7780
|
|
|
7780
7781
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
7781
|
-
each_blocks[i] = create_each_block$
|
|
7782
|
+
each_blocks[i] = create_each_block$4(get_each_context$4(ctx, each_value, i));
|
|
7782
7783
|
}
|
|
7783
7784
|
|
|
7784
7785
|
return {
|
|
@@ -7789,7 +7790,7 @@ function create_fragment$T(ctx) {
|
|
|
7789
7790
|
each_blocks[i].c();
|
|
7790
7791
|
}
|
|
7791
7792
|
|
|
7792
|
-
attr(div, "class", "check-boxes svelte-
|
|
7793
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
|
7793
7794
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7794
7795
|
},
|
|
7795
7796
|
m(target, anchor) {
|
|
@@ -7805,12 +7806,12 @@ function create_fragment$T(ctx) {
|
|
|
7805
7806
|
let i;
|
|
7806
7807
|
|
|
7807
7808
|
for (i = 0; i < each_value.length; i += 1) {
|
|
7808
|
-
const child_ctx = get_each_context$
|
|
7809
|
+
const child_ctx = get_each_context$4(ctx, each_value, i);
|
|
7809
7810
|
|
|
7810
7811
|
if (each_blocks[i]) {
|
|
7811
7812
|
each_blocks[i].p(child_ctx, dirty);
|
|
7812
7813
|
} else {
|
|
7813
|
-
each_blocks[i] = create_each_block$
|
|
7814
|
+
each_blocks[i] = create_each_block$4(child_ctx);
|
|
7814
7815
|
each_blocks[i].c();
|
|
7815
7816
|
each_blocks[i].m(div, null);
|
|
7816
7817
|
}
|
|
@@ -7836,7 +7837,7 @@ function create_fragment$T(ctx) {
|
|
|
7836
7837
|
};
|
|
7837
7838
|
}
|
|
7838
7839
|
|
|
7839
|
-
function instance$
|
|
7840
|
+
function instance$U($$self, $$props, $$invalidate) {
|
|
7840
7841
|
let _options;
|
|
7841
7842
|
let styleVariables;
|
|
7842
7843
|
let isCheckedArray;
|
|
@@ -7942,8 +7943,8 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
7942
7943
|
init(
|
|
7943
7944
|
this,
|
|
7944
7945
|
options,
|
|
7945
|
-
instance$
|
|
7946
|
-
create_fragment$
|
|
7946
|
+
instance$U,
|
|
7947
|
+
create_fragment$U,
|
|
7947
7948
|
safe_not_equal,
|
|
7948
7949
|
{
|
|
7949
7950
|
name: 0,
|
|
@@ -7956,25 +7957,25 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
7956
7957
|
buttonColor: 13,
|
|
7957
7958
|
buttonColorActive: 14
|
|
7958
7959
|
},
|
|
7959
|
-
add_css$
|
|
7960
|
+
add_css$n
|
|
7960
7961
|
);
|
|
7961
7962
|
}
|
|
7962
7963
|
}
|
|
7963
7964
|
|
|
7964
7965
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
7965
7966
|
|
|
7966
|
-
function add_css$
|
|
7967
|
-
append_styles(target, "svelte-
|
|
7967
|
+
function add_css$m(target) {
|
|
7968
|
+
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}");
|
|
7968
7969
|
}
|
|
7969
7970
|
|
|
7970
|
-
function get_each_context$
|
|
7971
|
+
function get_each_context$3(ctx, list, i) {
|
|
7971
7972
|
const child_ctx = ctx.slice();
|
|
7972
7973
|
child_ctx[14] = list[i];
|
|
7973
7974
|
return child_ctx;
|
|
7974
7975
|
}
|
|
7975
7976
|
|
|
7976
7977
|
// (68:2) {#each [...Array(count).keys()].map(i => i + startingNumber) as i}
|
|
7977
|
-
function create_each_block$
|
|
7978
|
+
function create_each_block$3(ctx) {
|
|
7978
7979
|
let button;
|
|
7979
7980
|
let t0_value = /*i*/ ctx[14] + "";
|
|
7980
7981
|
let t0;
|
|
@@ -7988,7 +7989,7 @@ function create_each_block$2(ctx) {
|
|
|
7988
7989
|
button = element("button");
|
|
7989
7990
|
t0 = text(t0_value);
|
|
7990
7991
|
t1 = space();
|
|
7991
|
-
attr(button, "class", "rating-button svelte-
|
|
7992
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
|
7992
7993
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
|
7993
7994
|
},
|
|
7994
7995
|
m(target, anchor) {
|
|
@@ -8020,13 +8021,13 @@ function create_each_block$2(ctx) {
|
|
|
8020
8021
|
};
|
|
8021
8022
|
}
|
|
8022
8023
|
|
|
8023
|
-
function create_fragment$
|
|
8024
|
+
function create_fragment$T(ctx) {
|
|
8024
8025
|
let div;
|
|
8025
8026
|
let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
|
|
8026
8027
|
let each_blocks = [];
|
|
8027
8028
|
|
|
8028
8029
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
8029
|
-
each_blocks[i] = create_each_block$
|
|
8030
|
+
each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
|
|
8030
8031
|
}
|
|
8031
8032
|
|
|
8032
8033
|
return {
|
|
@@ -8037,7 +8038,7 @@ function create_fragment$S(ctx) {
|
|
|
8037
8038
|
each_blocks[i].c();
|
|
8038
8039
|
}
|
|
8039
8040
|
|
|
8040
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8041
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
|
8041
8042
|
},
|
|
8042
8043
|
m(target, anchor) {
|
|
8043
8044
|
insert(target, div, anchor);
|
|
@@ -8052,12 +8053,12 @@ function create_fragment$S(ctx) {
|
|
|
8052
8053
|
let i;
|
|
8053
8054
|
|
|
8054
8055
|
for (i = 0; i < each_value.length; i += 1) {
|
|
8055
|
-
const child_ctx = get_each_context$
|
|
8056
|
+
const child_ctx = get_each_context$3(ctx, each_value, i);
|
|
8056
8057
|
|
|
8057
8058
|
if (each_blocks[i]) {
|
|
8058
8059
|
each_blocks[i].p(child_ctx, dirty);
|
|
8059
8060
|
} else {
|
|
8060
|
-
each_blocks[i] = create_each_block$
|
|
8061
|
+
each_blocks[i] = create_each_block$3(child_ctx);
|
|
8061
8062
|
each_blocks[i].c();
|
|
8062
8063
|
each_blocks[i].m(div, null);
|
|
8063
8064
|
}
|
|
@@ -8079,7 +8080,7 @@ function create_fragment$S(ctx) {
|
|
|
8079
8080
|
};
|
|
8080
8081
|
}
|
|
8081
8082
|
|
|
8082
|
-
function instance$
|
|
8083
|
+
function instance$T($$self, $$props, $$invalidate) {
|
|
8083
8084
|
let _value;
|
|
8084
8085
|
let $value;
|
|
8085
8086
|
let { name = '' } = $$props;
|
|
@@ -8161,8 +8162,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8161
8162
|
init(
|
|
8162
8163
|
this,
|
|
8163
8164
|
options,
|
|
8164
|
-
instance$
|
|
8165
|
-
create_fragment$
|
|
8165
|
+
instance$T,
|
|
8166
|
+
create_fragment$T,
|
|
8166
8167
|
safe_not_equal,
|
|
8167
8168
|
{
|
|
8168
8169
|
name: 6,
|
|
@@ -8173,25 +8174,25 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8173
8174
|
buttonStyle: 9,
|
|
8174
8175
|
buttonActiveStyle: 10
|
|
8175
8176
|
},
|
|
8176
|
-
add_css$
|
|
8177
|
+
add_css$m
|
|
8177
8178
|
);
|
|
8178
8179
|
}
|
|
8179
8180
|
}
|
|
8180
8181
|
|
|
8181
8182
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8182
8183
|
|
|
8183
|
-
function add_css$
|
|
8184
|
-
append_styles(target, "svelte-
|
|
8184
|
+
function add_css$l(target) {
|
|
8185
|
+
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%)}");
|
|
8185
8186
|
}
|
|
8186
8187
|
|
|
8187
|
-
function get_each_context$
|
|
8188
|
+
function get_each_context$2(ctx, list, i) {
|
|
8188
8189
|
const child_ctx = ctx.slice();
|
|
8189
8190
|
child_ctx[10] = list[i];
|
|
8190
8191
|
return child_ctx;
|
|
8191
8192
|
}
|
|
8192
8193
|
|
|
8193
8194
|
// (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
|
|
8194
|
-
function create_each_block$
|
|
8195
|
+
function create_each_block$2(ctx) {
|
|
8195
8196
|
let button;
|
|
8196
8197
|
let img;
|
|
8197
8198
|
let img_src_value;
|
|
@@ -8206,9 +8207,9 @@ function create_each_block$1(ctx) {
|
|
|
8206
8207
|
img = element("img");
|
|
8207
8208
|
t = space();
|
|
8208
8209
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
|
8209
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8210
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
|
8210
8211
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
|
8211
|
-
attr(button, "class", "rating-button svelte-
|
|
8212
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
|
8212
8213
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
|
8213
8214
|
},
|
|
8214
8215
|
m(target, anchor) {
|
|
@@ -8224,7 +8225,7 @@ function create_each_block$1(ctx) {
|
|
|
8224
8225
|
p(new_ctx, dirty) {
|
|
8225
8226
|
ctx = new_ctx;
|
|
8226
8227
|
|
|
8227
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8228
|
+
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
|
|
8228
8229
|
attr(img, "class", img_class_value);
|
|
8229
8230
|
}
|
|
8230
8231
|
|
|
@@ -8240,13 +8241,13 @@ function create_each_block$1(ctx) {
|
|
|
8240
8241
|
};
|
|
8241
8242
|
}
|
|
8242
8243
|
|
|
8243
|
-
function create_fragment$
|
|
8244
|
+
function create_fragment$S(ctx) {
|
|
8244
8245
|
let div;
|
|
8245
8246
|
let each_value = [...Array(count).keys()].reverse().map(func);
|
|
8246
8247
|
let each_blocks = [];
|
|
8247
8248
|
|
|
8248
8249
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
8249
|
-
each_blocks[i] = create_each_block$
|
|
8250
|
+
each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
|
|
8250
8251
|
}
|
|
8251
8252
|
|
|
8252
8253
|
return {
|
|
@@ -8257,7 +8258,7 @@ function create_fragment$R(ctx) {
|
|
|
8257
8258
|
each_blocks[i].c();
|
|
8258
8259
|
}
|
|
8259
8260
|
|
|
8260
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8261
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
|
8261
8262
|
},
|
|
8262
8263
|
m(target, anchor) {
|
|
8263
8264
|
insert(target, div, anchor);
|
|
@@ -8272,12 +8273,12 @@ function create_fragment$R(ctx) {
|
|
|
8272
8273
|
let i;
|
|
8273
8274
|
|
|
8274
8275
|
for (i = 0; i < each_value.length; i += 1) {
|
|
8275
|
-
const child_ctx = get_each_context$
|
|
8276
|
+
const child_ctx = get_each_context$2(ctx, each_value, i);
|
|
8276
8277
|
|
|
8277
8278
|
if (each_blocks[i]) {
|
|
8278
8279
|
each_blocks[i].p(child_ctx, dirty);
|
|
8279
8280
|
} else {
|
|
8280
|
-
each_blocks[i] = create_each_block$
|
|
8281
|
+
each_blocks[i] = create_each_block$2(child_ctx);
|
|
8281
8282
|
each_blocks[i].c();
|
|
8282
8283
|
each_blocks[i].m(div, null);
|
|
8283
8284
|
}
|
|
@@ -8302,7 +8303,7 @@ function create_fragment$R(ctx) {
|
|
|
8302
8303
|
const count = 5;
|
|
8303
8304
|
const func = i => i + 1;
|
|
8304
8305
|
|
|
8305
|
-
function instance$
|
|
8306
|
+
function instance$S($$self, $$props, $$invalidate) {
|
|
8306
8307
|
let _value;
|
|
8307
8308
|
let buttonStyle;
|
|
8308
8309
|
let $value;
|
|
@@ -8358,17 +8359,17 @@ function instance$R($$self, $$props, $$invalidate) {
|
|
|
8358
8359
|
class FormRatingButtonsFace extends SvelteComponent {
|
|
8359
8360
|
constructor(options) {
|
|
8360
8361
|
super();
|
|
8361
|
-
init(this, options, instance$
|
|
8362
|
+
init(this, options, instance$S, create_fragment$S, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$l);
|
|
8362
8363
|
}
|
|
8363
8364
|
}
|
|
8364
8365
|
|
|
8365
8366
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8366
8367
|
|
|
8367
|
-
function add_css$
|
|
8368
|
-
append_styles(target, "svelte-
|
|
8368
|
+
function add_css$k(target) {
|
|
8369
|
+
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}");
|
|
8369
8370
|
}
|
|
8370
8371
|
|
|
8371
|
-
function create_fragment$
|
|
8372
|
+
function create_fragment$R(ctx) {
|
|
8372
8373
|
let div;
|
|
8373
8374
|
let input;
|
|
8374
8375
|
let input_class_value;
|
|
@@ -8379,13 +8380,13 @@ function create_fragment$Q(ctx) {
|
|
|
8379
8380
|
c() {
|
|
8380
8381
|
div = element("div");
|
|
8381
8382
|
input = element("input");
|
|
8382
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8383
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
|
8383
8384
|
attr(input, "type", "text");
|
|
8384
8385
|
input.value = /*$value*/ ctx[2];
|
|
8385
8386
|
input.required = /*required*/ ctx[0];
|
|
8386
8387
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8387
8388
|
attr(input, "style", /*style*/ ctx[5]);
|
|
8388
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8389
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
|
8389
8390
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8390
8391
|
},
|
|
8391
8392
|
m(target, anchor) {
|
|
@@ -8398,7 +8399,7 @@ function create_fragment$Q(ctx) {
|
|
|
8398
8399
|
}
|
|
8399
8400
|
},
|
|
8400
8401
|
p(ctx, [dirty]) {
|
|
8401
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8402
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
|
8402
8403
|
attr(input, "class", input_class_value);
|
|
8403
8404
|
}
|
|
8404
8405
|
|
|
@@ -8432,7 +8433,7 @@ function create_fragment$Q(ctx) {
|
|
|
8432
8433
|
};
|
|
8433
8434
|
}
|
|
8434
8435
|
|
|
8435
|
-
function instance$
|
|
8436
|
+
function instance$R($$self, $$props, $$invalidate) {
|
|
8436
8437
|
let style;
|
|
8437
8438
|
let styleVariables;
|
|
8438
8439
|
let isValidForUI;
|
|
@@ -8563,8 +8564,8 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8563
8564
|
init(
|
|
8564
8565
|
this,
|
|
8565
8566
|
options,
|
|
8566
|
-
instance$
|
|
8567
|
-
create_fragment$
|
|
8567
|
+
instance$R,
|
|
8568
|
+
create_fragment$R,
|
|
8568
8569
|
safe_not_equal,
|
|
8569
8570
|
{
|
|
8570
8571
|
field: 9,
|
|
@@ -8578,18 +8579,18 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8578
8579
|
_textStyle: 15,
|
|
8579
8580
|
_placeholderStyle: 16
|
|
8580
8581
|
},
|
|
8581
|
-
add_css$
|
|
8582
|
+
add_css$k
|
|
8582
8583
|
);
|
|
8583
8584
|
}
|
|
8584
8585
|
}
|
|
8585
8586
|
|
|
8586
8587
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
8587
8588
|
|
|
8588
|
-
function add_css$
|
|
8589
|
-
append_styles(target, "svelte-
|
|
8589
|
+
function add_css$j(target) {
|
|
8590
|
+
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}");
|
|
8590
8591
|
}
|
|
8591
8592
|
|
|
8592
|
-
function create_fragment$
|
|
8593
|
+
function create_fragment$Q(ctx) {
|
|
8593
8594
|
let div;
|
|
8594
8595
|
let label0;
|
|
8595
8596
|
let input0;
|
|
@@ -8624,20 +8625,20 @@ function create_fragment$P(ctx) {
|
|
|
8624
8625
|
span1 = element("span");
|
|
8625
8626
|
t4 = text("いいえ");
|
|
8626
8627
|
attr(input0, "type", "radio");
|
|
8627
|
-
attr(input0, "class", "radio-button-input svelte-
|
|
8628
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
|
8628
8629
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
|
8629
8630
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
|
8630
|
-
attr(span0, "class", "radio-button-text svelte-
|
|
8631
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
|
8631
8632
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
8632
|
-
attr(label0, "class", "radio-button svelte-
|
|
8633
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
|
8633
8634
|
attr(input1, "type", "radio");
|
|
8634
|
-
attr(input1, "class", "radio-button-input svelte-
|
|
8635
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
|
8635
8636
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
|
8636
8637
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
|
8637
|
-
attr(span1, "class", "radio-button-text svelte-
|
|
8638
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
|
8638
8639
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
8639
|
-
attr(label1, "class", "radio-button svelte-
|
|
8640
|
-
attr(div, "class", "radio-buttons svelte-
|
|
8640
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
|
8641
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
|
8641
8642
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
|
8642
8643
|
},
|
|
8643
8644
|
m(target, anchor) {
|
|
@@ -8702,7 +8703,7 @@ function create_fragment$P(ctx) {
|
|
|
8702
8703
|
};
|
|
8703
8704
|
}
|
|
8704
8705
|
|
|
8705
|
-
function instance$
|
|
8706
|
+
function instance$Q($$self, $$props, $$invalidate) {
|
|
8706
8707
|
let buttonStyle;
|
|
8707
8708
|
let $value;
|
|
8708
8709
|
let { field = 'subscription' } = $$props;
|
|
@@ -8784,8 +8785,8 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
8784
8785
|
init(
|
|
8785
8786
|
this,
|
|
8786
8787
|
options,
|
|
8787
|
-
instance$
|
|
8788
|
-
create_fragment$
|
|
8788
|
+
instance$Q,
|
|
8789
|
+
create_fragment$Q,
|
|
8789
8790
|
safe_not_equal,
|
|
8790
8791
|
{
|
|
8791
8792
|
field: 6,
|
|
@@ -8797,18 +8798,18 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
8797
8798
|
buttonColor: 10,
|
|
8798
8799
|
buttonColorActive: 11
|
|
8799
8800
|
},
|
|
8800
|
-
add_css$
|
|
8801
|
+
add_css$j
|
|
8801
8802
|
);
|
|
8802
8803
|
}
|
|
8803
8804
|
}
|
|
8804
8805
|
|
|
8805
8806
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
8806
8807
|
|
|
8807
|
-
function add_css$
|
|
8808
|
-
append_styles(target, "svelte-
|
|
8808
|
+
function add_css$i(target) {
|
|
8809
|
+
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%}");
|
|
8809
8810
|
}
|
|
8810
8811
|
|
|
8811
|
-
function get_each_context(ctx, list, i) {
|
|
8812
|
+
function get_each_context$1(ctx, list, i) {
|
|
8812
8813
|
const child_ctx = ctx.slice();
|
|
8813
8814
|
child_ctx[61] = list[i];
|
|
8814
8815
|
child_ctx[63] = i;
|
|
@@ -8834,9 +8835,9 @@ function create_if_block_1$2(ctx) {
|
|
|
8834
8835
|
attr(svg, "viewBox", "0 0 10 16");
|
|
8835
8836
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
8836
8837
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
|
8837
|
-
attr(button, "class", "move-button svelte-
|
|
8838
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
8838
8839
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
|
8839
|
-
attr(div, "class", "prev-button-container svelte-
|
|
8840
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
|
8840
8841
|
},
|
|
8841
8842
|
m(target, anchor) {
|
|
8842
8843
|
insert(target, div, anchor);
|
|
@@ -8885,9 +8886,9 @@ function create_if_block$8(ctx) {
|
|
|
8885
8886
|
attr(svg, "viewBox", "0 0 10 16");
|
|
8886
8887
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
8887
8888
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
|
8888
|
-
attr(button, "class", "move-button svelte-
|
|
8889
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
8889
8890
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
|
8890
|
-
attr(div, "class", "next-button-container svelte-
|
|
8891
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
|
8891
8892
|
},
|
|
8892
8893
|
m(target, anchor) {
|
|
8893
8894
|
insert(target, div, anchor);
|
|
@@ -8918,7 +8919,7 @@ function create_if_block$8(ctx) {
|
|
|
8918
8919
|
}
|
|
8919
8920
|
|
|
8920
8921
|
// (393:4) {#each items as _, i}
|
|
8921
|
-
function create_each_block(ctx) {
|
|
8922
|
+
function create_each_block$1(ctx) {
|
|
8922
8923
|
let button;
|
|
8923
8924
|
let div;
|
|
8924
8925
|
let div_style_value;
|
|
@@ -8935,9 +8936,9 @@ function create_each_block(ctx) {
|
|
|
8935
8936
|
button = element("button");
|
|
8936
8937
|
div = element("div");
|
|
8937
8938
|
t = space();
|
|
8938
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
|
8939
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
|
8939
8940
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
|
8940
|
-
attr(button, "class", "navigation-item svelte-
|
|
8941
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
|
8941
8942
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
|
8942
8943
|
},
|
|
8943
8944
|
m(target, anchor) {
|
|
@@ -8969,7 +8970,7 @@ function create_each_block(ctx) {
|
|
|
8969
8970
|
};
|
|
8970
8971
|
}
|
|
8971
8972
|
|
|
8972
|
-
function create_fragment$
|
|
8973
|
+
function create_fragment$P(ctx) {
|
|
8973
8974
|
let div3;
|
|
8974
8975
|
let div1;
|
|
8975
8976
|
let div0;
|
|
@@ -8987,7 +8988,7 @@ function create_fragment$O(ctx) {
|
|
|
8987
8988
|
let each_blocks = [];
|
|
8988
8989
|
|
|
8989
8990
|
for (let i = 0; i < each_value.length; i += 1) {
|
|
8990
|
-
each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
|
|
8991
|
+
each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
|
|
8991
8992
|
}
|
|
8992
8993
|
|
|
8993
8994
|
let div3_levels = [{ class: "root" }, dataAttrStopPropagation('click')];
|
|
@@ -9014,14 +9015,14 @@ function create_fragment$O(ctx) {
|
|
|
9014
9015
|
each_blocks[i].c();
|
|
9015
9016
|
}
|
|
9016
9017
|
|
|
9017
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9018
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
|
9018
9019
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
|
9019
|
-
attr(div1, "class", "container svelte-
|
|
9020
|
+
attr(div1, "class", "container svelte-ji1fh");
|
|
9020
9021
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
9021
|
-
attr(div2, "class", "navigation svelte-
|
|
9022
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
|
9022
9023
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
|
9023
9024
|
set_attributes(div3, div3_data);
|
|
9024
|
-
toggle_class(div3, "svelte-
|
|
9025
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9025
9026
|
},
|
|
9026
9027
|
m(target, anchor) {
|
|
9027
9028
|
insert(target, div3, anchor);
|
|
@@ -9063,7 +9064,7 @@ function create_fragment$O(ctx) {
|
|
|
9063
9064
|
}
|
|
9064
9065
|
}
|
|
9065
9066
|
|
|
9066
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9067
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
|
9067
9068
|
attr(div0, "class", div0_class_value);
|
|
9068
9069
|
}
|
|
9069
9070
|
|
|
@@ -9106,12 +9107,12 @@ function create_fragment$O(ctx) {
|
|
|
9106
9107
|
let i;
|
|
9107
9108
|
|
|
9108
9109
|
for (i = 0; i < each_value.length; i += 1) {
|
|
9109
|
-
const child_ctx = get_each_context(ctx, each_value, i);
|
|
9110
|
+
const child_ctx = get_each_context$1(ctx, each_value, i);
|
|
9110
9111
|
|
|
9111
9112
|
if (each_blocks[i]) {
|
|
9112
9113
|
each_blocks[i].p(child_ctx, dirty);
|
|
9113
9114
|
} else {
|
|
9114
|
-
each_blocks[i] = create_each_block(child_ctx);
|
|
9115
|
+
each_blocks[i] = create_each_block$1(child_ctx);
|
|
9115
9116
|
each_blocks[i].c();
|
|
9116
9117
|
each_blocks[i].m(div2, null);
|
|
9117
9118
|
}
|
|
@@ -9129,7 +9130,7 @@ function create_fragment$O(ctx) {
|
|
|
9129
9130
|
}
|
|
9130
9131
|
|
|
9131
9132
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
|
9132
|
-
toggle_class(div3, "svelte-
|
|
9133
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9133
9134
|
},
|
|
9134
9135
|
i(local) {
|
|
9135
9136
|
if (current) return;
|
|
@@ -9164,7 +9165,7 @@ function calcPositionIndex(shift, index, length) {
|
|
|
9164
9165
|
}
|
|
9165
9166
|
}
|
|
9166
9167
|
|
|
9167
|
-
function instance$
|
|
9168
|
+
function instance$P($$self, $$props, $$invalidate) {
|
|
9168
9169
|
let slideStyle;
|
|
9169
9170
|
let slideClass;
|
|
9170
9171
|
let _loop;
|
|
@@ -9617,8 +9618,8 @@ class Slide extends SvelteComponent {
|
|
|
9617
9618
|
init(
|
|
9618
9619
|
this,
|
|
9619
9620
|
options,
|
|
9620
|
-
instance$
|
|
9621
|
-
create_fragment$
|
|
9621
|
+
instance$P,
|
|
9622
|
+
create_fragment$P,
|
|
9622
9623
|
safe_not_equal,
|
|
9623
9624
|
{
|
|
9624
9625
|
loop: 18,
|
|
@@ -9632,7 +9633,7 @@ class Slide extends SvelteComponent {
|
|
|
9632
9633
|
navigationButton: 25,
|
|
9633
9634
|
navigationEdgePosition: 26
|
|
9634
9635
|
},
|
|
9635
|
-
add_css$
|
|
9636
|
+
add_css$i,
|
|
9636
9637
|
[-1, -1, -1]
|
|
9637
9638
|
);
|
|
9638
9639
|
}
|
|
@@ -9640,11 +9641,11 @@ class Slide extends SvelteComponent {
|
|
|
9640
9641
|
|
|
9641
9642
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
9642
9643
|
|
|
9643
|
-
function add_css$
|
|
9644
|
-
append_styles(target, "svelte-
|
|
9644
|
+
function add_css$h(target) {
|
|
9645
|
+
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}");
|
|
9645
9646
|
}
|
|
9646
9647
|
|
|
9647
|
-
function create_fragment$
|
|
9648
|
+
function create_fragment$O(ctx) {
|
|
9648
9649
|
let div1;
|
|
9649
9650
|
let div0;
|
|
9650
9651
|
let current;
|
|
@@ -9656,9 +9657,9 @@ function create_fragment$N(ctx) {
|
|
|
9656
9657
|
div1 = element("div");
|
|
9657
9658
|
div0 = element("div");
|
|
9658
9659
|
if (default_slot) default_slot.c();
|
|
9659
|
-
attr(div0, "class", "item-inner svelte-
|
|
9660
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
|
9660
9661
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
9661
|
-
attr(div1, "class", "item svelte-
|
|
9662
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
|
9662
9663
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
|
9663
9664
|
},
|
|
9664
9665
|
m(target, anchor) {
|
|
@@ -9711,7 +9712,7 @@ function create_fragment$N(ctx) {
|
|
|
9711
9712
|
};
|
|
9712
9713
|
}
|
|
9713
9714
|
|
|
9714
|
-
function instance$
|
|
9715
|
+
function instance$O($$self, $$props, $$invalidate) {
|
|
9715
9716
|
let itemStyle;
|
|
9716
9717
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
9717
9718
|
const { registerItem, unregisterItem } = getContext('SLIDE');
|
|
@@ -9777,20 +9778,20 @@ function instance$N($$self, $$props, $$invalidate) {
|
|
|
9777
9778
|
class SlideItem extends SvelteComponent {
|
|
9778
9779
|
constructor(options) {
|
|
9779
9780
|
super();
|
|
9780
|
-
init(this, options, instance$
|
|
9781
|
+
init(this, options, instance$O, create_fragment$O, safe_not_equal, { _style: 0 }, add_css$h);
|
|
9781
9782
|
}
|
|
9782
9783
|
}
|
|
9783
9784
|
|
|
9784
9785
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
9785
9786
|
|
|
9786
|
-
function add_css$
|
|
9787
|
-
append_styles(target, "svelte-
|
|
9787
|
+
function add_css$g(target) {
|
|
9788
|
+
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}");
|
|
9788
9789
|
}
|
|
9789
9790
|
|
|
9790
9791
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
9791
9792
|
const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
|
|
9792
9793
|
|
|
9793
|
-
function create_fragment$
|
|
9794
|
+
function create_fragment$N(ctx) {
|
|
9794
9795
|
let div1;
|
|
9795
9796
|
let div0;
|
|
9796
9797
|
let current;
|
|
@@ -9802,9 +9803,9 @@ function create_fragment$M(ctx) {
|
|
|
9802
9803
|
div1 = element("div");
|
|
9803
9804
|
div0 = element("div");
|
|
9804
9805
|
if (default_slot) default_slot.c();
|
|
9805
|
-
attr(div0, "class", "countdown-inner svelte-
|
|
9806
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
|
9806
9807
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
9807
|
-
attr(div1, "class", "countdown svelte-
|
|
9808
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
|
9808
9809
|
},
|
|
9809
9810
|
m(target, anchor) {
|
|
9810
9811
|
insert(target, div1, anchor);
|
|
@@ -9870,7 +9871,7 @@ function formatTimeDiff(ms) {
|
|
|
9870
9871
|
};
|
|
9871
9872
|
}
|
|
9872
9873
|
|
|
9873
|
-
function instance$
|
|
9874
|
+
function instance$N($$self, $$props, $$invalidate) {
|
|
9874
9875
|
let countdown;
|
|
9875
9876
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
9876
9877
|
let { timeLimit = '2023/12/31 23:59:59' } = $$props;
|
|
@@ -9931,14 +9932,14 @@ function instance$M($$self, $$props, $$invalidate) {
|
|
|
9931
9932
|
class Countdown extends SvelteComponent {
|
|
9932
9933
|
constructor(options) {
|
|
9933
9934
|
super();
|
|
9934
|
-
init(this, options, instance$
|
|
9935
|
+
init(this, options, instance$N, create_fragment$N, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$g);
|
|
9935
9936
|
}
|
|
9936
9937
|
}
|
|
9937
9938
|
|
|
9938
9939
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
9939
9940
|
|
|
9940
|
-
function add_css$
|
|
9941
|
-
append_styles(target, "svelte-
|
|
9941
|
+
function add_css$f(target) {
|
|
9942
|
+
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}");
|
|
9942
9943
|
}
|
|
9943
9944
|
|
|
9944
9945
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -9989,7 +9990,7 @@ function create_default_slot$7(ctx) {
|
|
|
9989
9990
|
};
|
|
9990
9991
|
}
|
|
9991
9992
|
|
|
9992
|
-
function create_fragment$
|
|
9993
|
+
function create_fragment$M(ctx) {
|
|
9993
9994
|
let div;
|
|
9994
9995
|
let button;
|
|
9995
9996
|
let current;
|
|
@@ -10008,7 +10009,7 @@ function create_fragment$L(ctx) {
|
|
|
10008
10009
|
c() {
|
|
10009
10010
|
div = element("div");
|
|
10010
10011
|
create_component(button.$$.fragment);
|
|
10011
|
-
attr(div, "class", "box svelte-
|
|
10012
|
+
attr(div, "class", "box svelte-1ccydfy");
|
|
10012
10013
|
},
|
|
10013
10014
|
m(target, anchor) {
|
|
10014
10015
|
insert(target, div, anchor);
|
|
@@ -10043,7 +10044,7 @@ function create_fragment$L(ctx) {
|
|
|
10043
10044
|
};
|
|
10044
10045
|
}
|
|
10045
10046
|
|
|
10046
|
-
function instance$
|
|
10047
|
+
function instance$M($$self, $$props, $$invalidate) {
|
|
10047
10048
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
10048
10049
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
10049
10050
|
let { eventName = '' } = $$props;
|
|
@@ -10062,14 +10063,14 @@ function instance$L($$self, $$props, $$invalidate) {
|
|
|
10062
10063
|
class Box extends SvelteComponent {
|
|
10063
10064
|
constructor(options) {
|
|
10064
10065
|
super();
|
|
10065
|
-
init(this, options, instance$
|
|
10066
|
+
init(this, options, instance$M, create_fragment$M, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$f);
|
|
10066
10067
|
}
|
|
10067
10068
|
}
|
|
10068
10069
|
|
|
10069
10070
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10070
10071
|
|
|
10071
|
-
function add_css$
|
|
10072
|
-
append_styles(target, "svelte-
|
|
10072
|
+
function add_css$e(target) {
|
|
10073
|
+
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)}");
|
|
10073
10074
|
}
|
|
10074
10075
|
|
|
10075
10076
|
// (56:4) {#if svg}
|
|
@@ -10132,7 +10133,7 @@ function create_default_slot$6(ctx) {
|
|
|
10132
10133
|
};
|
|
10133
10134
|
}
|
|
10134
10135
|
|
|
10135
|
-
function create_fragment$
|
|
10136
|
+
function create_fragment$L(ctx) {
|
|
10136
10137
|
let div;
|
|
10137
10138
|
let button;
|
|
10138
10139
|
let current;
|
|
@@ -10151,7 +10152,7 @@ function create_fragment$K(ctx) {
|
|
|
10151
10152
|
c() {
|
|
10152
10153
|
div = element("div");
|
|
10153
10154
|
create_component(button.$$.fragment);
|
|
10154
|
-
attr(div, "class", "icon svelte-
|
|
10155
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
|
10155
10156
|
},
|
|
10156
10157
|
m(target, anchor) {
|
|
10157
10158
|
insert(target, div, anchor);
|
|
@@ -10193,7 +10194,7 @@ function parseData(dataUrl) {
|
|
|
10193
10194
|
return decodeURIComponent(data).replaceAll('\'', '"');
|
|
10194
10195
|
}
|
|
10195
10196
|
|
|
10196
|
-
function instance$
|
|
10197
|
+
function instance$L($$self, $$props, $$invalidate) {
|
|
10197
10198
|
let svg;
|
|
10198
10199
|
let styleVariables;
|
|
10199
10200
|
let style;
|
|
@@ -10241,8 +10242,8 @@ class IconElement extends SvelteComponent {
|
|
|
10241
10242
|
init(
|
|
10242
10243
|
this,
|
|
10243
10244
|
options,
|
|
10244
|
-
instance$
|
|
10245
|
-
create_fragment$
|
|
10245
|
+
instance$L,
|
|
10246
|
+
create_fragment$L,
|
|
10246
10247
|
safe_not_equal,
|
|
10247
10248
|
{
|
|
10248
10249
|
icon: 4,
|
|
@@ -10252,18 +10253,18 @@ class IconElement extends SvelteComponent {
|
|
|
10252
10253
|
color: 6,
|
|
10253
10254
|
_style: 7
|
|
10254
10255
|
},
|
|
10255
|
-
add_css$
|
|
10256
|
+
add_css$e
|
|
10256
10257
|
);
|
|
10257
10258
|
}
|
|
10258
10259
|
}
|
|
10259
10260
|
|
|
10260
10261
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10261
10262
|
|
|
10262
|
-
function add_css$
|
|
10263
|
-
append_styles(target, "svelte-
|
|
10263
|
+
function add_css$d(target) {
|
|
10264
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10264
10265
|
}
|
|
10265
10266
|
|
|
10266
|
-
function create_fragment$
|
|
10267
|
+
function create_fragment$K(ctx) {
|
|
10267
10268
|
let div;
|
|
10268
10269
|
let switch_instance;
|
|
10269
10270
|
let current;
|
|
@@ -10286,7 +10287,7 @@ function create_fragment$J(ctx) {
|
|
|
10286
10287
|
c() {
|
|
10287
10288
|
div = element("div");
|
|
10288
10289
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
|
10289
|
-
attr(div, "class", "codeElement svelte-
|
|
10290
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
|
10290
10291
|
attr(div, "style", /*style*/ ctx[3]);
|
|
10291
10292
|
},
|
|
10292
10293
|
m(target, anchor) {
|
|
@@ -10343,7 +10344,7 @@ function create_fragment$J(ctx) {
|
|
|
10343
10344
|
};
|
|
10344
10345
|
}
|
|
10345
10346
|
|
|
10346
|
-
function instance$
|
|
10347
|
+
function instance$K($$self, $$props, $$invalidate) {
|
|
10347
10348
|
let $data,
|
|
10348
10349
|
$$unsubscribe_data = noop,
|
|
10349
10350
|
$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
|
|
@@ -10368,17 +10369,17 @@ function instance$J($$self, $$props, $$invalidate) {
|
|
|
10368
10369
|
class CodeElement extends SvelteComponent {
|
|
10369
10370
|
constructor(options) {
|
|
10370
10371
|
super();
|
|
10371
|
-
init(this, options, instance$
|
|
10372
|
+
init(this, options, instance$K, create_fragment$K, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$d);
|
|
10372
10373
|
}
|
|
10373
10374
|
}
|
|
10374
10375
|
|
|
10375
10376
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10376
10377
|
|
|
10377
|
-
function add_css$
|
|
10378
|
-
append_styles(target, "svelte-
|
|
10378
|
+
function add_css$c(target) {
|
|
10379
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
10379
10380
|
}
|
|
10380
10381
|
|
|
10381
|
-
function create_fragment$
|
|
10382
|
+
function create_fragment$J(ctx) {
|
|
10382
10383
|
let div;
|
|
10383
10384
|
let div_style_value;
|
|
10384
10385
|
let current;
|
|
@@ -10389,7 +10390,7 @@ function create_fragment$I(ctx) {
|
|
|
10389
10390
|
c() {
|
|
10390
10391
|
div = element("div");
|
|
10391
10392
|
if (default_slot) default_slot.c();
|
|
10392
|
-
attr(div, "class", "flex svelte-
|
|
10393
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
|
10393
10394
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
|
10394
10395
|
},
|
|
10395
10396
|
m(target, anchor) {
|
|
@@ -10443,7 +10444,7 @@ function getFlexContext() {
|
|
|
10443
10444
|
return getContext(FlexContextKey);
|
|
10444
10445
|
}
|
|
10445
10446
|
|
|
10446
|
-
function instance$
|
|
10447
|
+
function instance$J($$self, $$props, $$invalidate) {
|
|
10447
10448
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
10448
10449
|
let { direction = 'row' } = $$props;
|
|
10449
10450
|
let { width = '100%' } = $$props;
|
|
@@ -10469,8 +10470,8 @@ class Flex extends SvelteComponent {
|
|
|
10469
10470
|
init(
|
|
10470
10471
|
this,
|
|
10471
10472
|
options,
|
|
10472
|
-
instance$
|
|
10473
|
-
create_fragment$
|
|
10473
|
+
instance$J,
|
|
10474
|
+
create_fragment$J,
|
|
10474
10475
|
safe_not_equal,
|
|
10475
10476
|
{
|
|
10476
10477
|
direction: 0,
|
|
@@ -10478,18 +10479,18 @@ class Flex extends SvelteComponent {
|
|
|
10478
10479
|
height: 2,
|
|
10479
10480
|
_style: 3
|
|
10480
10481
|
},
|
|
10481
|
-
add_css$
|
|
10482
|
+
add_css$c
|
|
10482
10483
|
);
|
|
10483
10484
|
}
|
|
10484
10485
|
}
|
|
10485
10486
|
|
|
10486
10487
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
10487
10488
|
|
|
10488
|
-
function add_css$
|
|
10489
|
-
append_styles(target, "svelte-
|
|
10489
|
+
function add_css$b(target) {
|
|
10490
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
10490
10491
|
}
|
|
10491
10492
|
|
|
10492
|
-
function create_fragment$
|
|
10493
|
+
function create_fragment$I(ctx) {
|
|
10493
10494
|
let div;
|
|
10494
10495
|
let current;
|
|
10495
10496
|
const default_slot_template = /*#slots*/ ctx[4].default;
|
|
@@ -10499,7 +10500,7 @@ function create_fragment$H(ctx) {
|
|
|
10499
10500
|
c() {
|
|
10500
10501
|
div = element("div");
|
|
10501
10502
|
if (default_slot) default_slot.c();
|
|
10502
|
-
attr(div, "class", "flex-item svelte-
|
|
10503
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
|
10503
10504
|
attr(div, "style", /*style*/ ctx[0]);
|
|
10504
10505
|
},
|
|
10505
10506
|
m(target, anchor) {
|
|
@@ -10547,7 +10548,7 @@ function create_fragment$H(ctx) {
|
|
|
10547
10548
|
};
|
|
10548
10549
|
}
|
|
10549
10550
|
|
|
10550
|
-
function instance$
|
|
10551
|
+
function instance$I($$self, $$props, $$invalidate) {
|
|
10551
10552
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
10552
10553
|
let { length } = $$props;
|
|
10553
10554
|
let { _style = '' } = $$props;
|
|
@@ -10590,7 +10591,7 @@ function instance$H($$self, $$props, $$invalidate) {
|
|
|
10590
10591
|
class FlexItem extends SvelteComponent {
|
|
10591
10592
|
constructor(options) {
|
|
10592
10593
|
super();
|
|
10593
|
-
init(this, options, instance$
|
|
10594
|
+
init(this, options, instance$I, create_fragment$I, safe_not_equal, { length: 1, _style: 2 }, add_css$b);
|
|
10594
10595
|
}
|
|
10595
10596
|
}
|
|
10596
10597
|
|
|
@@ -10765,7 +10766,7 @@ function create_default_slot$5(ctx) {
|
|
|
10765
10766
|
};
|
|
10766
10767
|
}
|
|
10767
10768
|
|
|
10768
|
-
function create_fragment$
|
|
10769
|
+
function create_fragment$H(ctx) {
|
|
10769
10770
|
let stateitem;
|
|
10770
10771
|
let current;
|
|
10771
10772
|
|
|
@@ -10810,7 +10811,7 @@ function create_fragment$G(ctx) {
|
|
|
10810
10811
|
};
|
|
10811
10812
|
}
|
|
10812
10813
|
|
|
10813
|
-
function instance$
|
|
10814
|
+
function instance$H($$self, $$props, $$invalidate) {
|
|
10814
10815
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
10815
10816
|
let { path } = $$props;
|
|
10816
10817
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
@@ -10881,7 +10882,7 @@ class GridModalState extends SvelteComponent {
|
|
|
10881
10882
|
constructor(options) {
|
|
10882
10883
|
super();
|
|
10883
10884
|
|
|
10884
|
-
init(this, options, instance$
|
|
10885
|
+
init(this, options, instance$H, create_fragment$H, safe_not_equal, {
|
|
10885
10886
|
path: 0,
|
|
10886
10887
|
onClick: 1,
|
|
10887
10888
|
clickEventName: 2,
|
|
@@ -10906,11 +10907,11 @@ class GridModalState extends SvelteComponent {
|
|
|
10906
10907
|
|
|
10907
10908
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
10908
10909
|
|
|
10909
|
-
function add_css$
|
|
10910
|
-
append_styles(target, "svelte-
|
|
10910
|
+
function add_css$a(target) {
|
|
10911
|
+
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%}");
|
|
10911
10912
|
}
|
|
10912
10913
|
|
|
10913
|
-
function create_fragment$
|
|
10914
|
+
function create_fragment$G(ctx) {
|
|
10914
10915
|
let div1;
|
|
10915
10916
|
let div0;
|
|
10916
10917
|
let rendertext;
|
|
@@ -10923,8 +10924,8 @@ function create_fragment$F(ctx) {
|
|
|
10923
10924
|
div1 = element("div");
|
|
10924
10925
|
div0 = element("div");
|
|
10925
10926
|
create_component(rendertext.$$.fragment);
|
|
10926
|
-
attr(div0, "class", "text-block-inner svelte-
|
|
10927
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
10927
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
|
10928
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
|
10928
10929
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
10929
10930
|
},
|
|
10930
10931
|
m(target, anchor) {
|
|
@@ -10938,7 +10939,7 @@ function create_fragment$F(ctx) {
|
|
|
10938
10939
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
10939
10940
|
rendertext.$set(rendertext_changes);
|
|
10940
10941
|
|
|
10941
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
10942
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
|
10942
10943
|
attr(div1, "class", div1_class_value);
|
|
10943
10944
|
}
|
|
10944
10945
|
|
|
@@ -10962,7 +10963,7 @@ function create_fragment$F(ctx) {
|
|
|
10962
10963
|
};
|
|
10963
10964
|
}
|
|
10964
10965
|
|
|
10965
|
-
function instance$
|
|
10966
|
+
function instance$G($$self, $$props, $$invalidate) {
|
|
10966
10967
|
let style;
|
|
10967
10968
|
let { text = 'サンプルSample' } = $$props;
|
|
10968
10969
|
let { font = SYSTEM_FONT } = $$props;
|
|
@@ -10998,8 +10999,8 @@ class TextBlock extends SvelteComponent {
|
|
|
10998
10999
|
init(
|
|
10999
11000
|
this,
|
|
11000
11001
|
options,
|
|
11001
|
-
instance$
|
|
11002
|
-
create_fragment$
|
|
11002
|
+
instance$G,
|
|
11003
|
+
create_fragment$G,
|
|
11003
11004
|
safe_not_equal,
|
|
11004
11005
|
{
|
|
11005
11006
|
text: 0,
|
|
@@ -11008,18 +11009,18 @@ class TextBlock extends SvelteComponent {
|
|
|
11008
11009
|
textDirection: 1,
|
|
11009
11010
|
_style: 5
|
|
11010
11011
|
},
|
|
11011
|
-
add_css$
|
|
11012
|
+
add_css$a
|
|
11012
11013
|
);
|
|
11013
11014
|
}
|
|
11014
11015
|
}
|
|
11015
11016
|
|
|
11016
11017
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
11017
11018
|
|
|
11018
|
-
function add_css$
|
|
11019
|
-
append_styles(target, "svelte-
|
|
11019
|
+
function add_css$9(target) {
|
|
11020
|
+
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)}");
|
|
11020
11021
|
}
|
|
11021
11022
|
|
|
11022
|
-
function create_fragment$
|
|
11023
|
+
function create_fragment$F(ctx) {
|
|
11023
11024
|
let div;
|
|
11024
11025
|
let button;
|
|
11025
11026
|
let rendertext;
|
|
@@ -11033,9 +11034,9 @@ function create_fragment$E(ctx) {
|
|
|
11033
11034
|
div = element("div");
|
|
11034
11035
|
button = element("button");
|
|
11035
11036
|
create_component(rendertext.$$.fragment);
|
|
11036
|
-
attr(button, "class", "text-button svelte-
|
|
11037
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
|
11037
11038
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
11038
|
-
attr(div, "class", "text-button-block svelte-
|
|
11039
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
|
11039
11040
|
attr(div, "style", /*_style*/ ctx[2]);
|
|
11040
11041
|
},
|
|
11041
11042
|
m(target, anchor) {
|
|
@@ -11080,7 +11081,7 @@ function create_fragment$E(ctx) {
|
|
|
11080
11081
|
};
|
|
11081
11082
|
}
|
|
11082
11083
|
|
|
11083
|
-
function instance$
|
|
11084
|
+
function instance$F($$self, $$props, $$invalidate) {
|
|
11084
11085
|
let { text = 'ボタンラベル' } = $$props;
|
|
11085
11086
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
11086
11087
|
|
|
@@ -11122,8 +11123,8 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11122
11123
|
init(
|
|
11123
11124
|
this,
|
|
11124
11125
|
options,
|
|
11125
|
-
instance$
|
|
11126
|
-
create_fragment$
|
|
11126
|
+
instance$F,
|
|
11127
|
+
create_fragment$F,
|
|
11127
11128
|
safe_not_equal,
|
|
11128
11129
|
{
|
|
11129
11130
|
text: 0,
|
|
@@ -11133,18 +11134,18 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11133
11134
|
_buttonStyle: 1,
|
|
11134
11135
|
_style: 2
|
|
11135
11136
|
},
|
|
11136
|
-
add_css$
|
|
11137
|
+
add_css$9
|
|
11137
11138
|
);
|
|
11138
11139
|
}
|
|
11139
11140
|
}
|
|
11140
11141
|
|
|
11141
11142
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11142
11143
|
|
|
11143
|
-
function add_css$
|
|
11144
|
-
append_styles(target, "svelte-
|
|
11144
|
+
function add_css$8(target) {
|
|
11145
|
+
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)}");
|
|
11145
11146
|
}
|
|
11146
11147
|
|
|
11147
|
-
function create_fragment$
|
|
11148
|
+
function create_fragment$E(ctx) {
|
|
11148
11149
|
let div;
|
|
11149
11150
|
let img;
|
|
11150
11151
|
let img_style_value;
|
|
@@ -11157,14 +11158,14 @@ function create_fragment$D(ctx) {
|
|
|
11157
11158
|
c() {
|
|
11158
11159
|
div = element("div");
|
|
11159
11160
|
img = element("img");
|
|
11160
|
-
attr(img, "class", "image svelte-
|
|
11161
|
+
attr(img, "class", "image svelte-1pdw891");
|
|
11161
11162
|
attr(img, "loading", "lazy");
|
|
11162
11163
|
attr(img, "width", "auto");
|
|
11163
11164
|
attr(img, "height", "auto");
|
|
11164
11165
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
|
11165
11166
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
|
11166
11167
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11167
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11168
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
|
11168
11169
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
11169
11170
|
},
|
|
11170
11171
|
m(target, anchor) {
|
|
@@ -11189,7 +11190,7 @@ function create_fragment$D(ctx) {
|
|
|
11189
11190
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11190
11191
|
}
|
|
11191
11192
|
|
|
11192
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11193
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
|
11193
11194
|
attr(div, "class", div_class_value);
|
|
11194
11195
|
}
|
|
11195
11196
|
|
|
@@ -11207,7 +11208,7 @@ function create_fragment$D(ctx) {
|
|
|
11207
11208
|
};
|
|
11208
11209
|
}
|
|
11209
11210
|
|
|
11210
|
-
function instance$
|
|
11211
|
+
function instance$E($$self, $$props, $$invalidate) {
|
|
11211
11212
|
let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
|
|
11212
11213
|
let { alt = 'No Image' } = $$props;
|
|
11213
11214
|
let { transport = false } = $$props;
|
|
@@ -11247,8 +11248,8 @@ class ImageBlock extends SvelteComponent {
|
|
|
11247
11248
|
init(
|
|
11248
11249
|
this,
|
|
11249
11250
|
options,
|
|
11250
|
-
instance$
|
|
11251
|
-
create_fragment$
|
|
11251
|
+
instance$E,
|
|
11252
|
+
create_fragment$E,
|
|
11252
11253
|
safe_not_equal,
|
|
11253
11254
|
{
|
|
11254
11255
|
src: 0,
|
|
@@ -11260,7 +11261,7 @@ class ImageBlock extends SvelteComponent {
|
|
|
11260
11261
|
_imageStyle: 4,
|
|
11261
11262
|
_style: 5
|
|
11262
11263
|
},
|
|
11263
|
-
add_css$
|
|
11264
|
+
add_css$8
|
|
11264
11265
|
);
|
|
11265
11266
|
}
|
|
11266
11267
|
}
|
|
@@ -11303,6 +11304,7 @@ const toCssPosition = (p) => {
|
|
|
11303
11304
|
left: p?.left,
|
|
11304
11305
|
bottom: p?.bottom,
|
|
11305
11306
|
right: p?.right,
|
|
11307
|
+
transform: p?.transform,
|
|
11306
11308
|
};
|
|
11307
11309
|
};
|
|
11308
11310
|
const toCssCommon = (p) => {
|
|
@@ -11311,7 +11313,6 @@ const toCssCommon = (p) => {
|
|
|
11311
11313
|
};
|
|
11312
11314
|
};
|
|
11313
11315
|
const toCssBorder = (p) => {
|
|
11314
|
-
console.log(p);
|
|
11315
11316
|
const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
|
|
11316
11317
|
if (borderWidth === null)
|
|
11317
11318
|
return {};
|
|
@@ -11360,21 +11361,22 @@ const toCssShadow = (p) => {
|
|
|
11360
11361
|
|
|
11361
11362
|
/* src/components-flex/shared/elements/Clickable.svelte generated by Svelte v3.53.1 */
|
|
11362
11363
|
|
|
11363
|
-
function add_css$
|
|
11364
|
-
append_styles(target, "svelte-
|
|
11364
|
+
function add_css$7(target) {
|
|
11365
|
+
append_styles(target, "svelte-1agjjit", ".clickable.svelte-1agjjit:link,.clickable.svelte-1agjjit:visited,.clickable.svelte-1agjjit:active,.clickable.svelte-1agjjit:hover{color:inherit}.clickable.svelte-1agjjit{cursor:pointer;text-decoration:none}");
|
|
11365
11366
|
}
|
|
11366
11367
|
|
|
11367
|
-
// (
|
|
11368
|
+
// (40:0) {:else}
|
|
11368
11369
|
function create_else_block$1(ctx) {
|
|
11369
11370
|
let button;
|
|
11370
11371
|
let current;
|
|
11371
11372
|
let mounted;
|
|
11372
11373
|
let dispose;
|
|
11373
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
11374
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
11374
|
+
const default_slot_template = /*#slots*/ ctx[9].default;
|
|
11375
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
|
|
11375
11376
|
|
|
11376
11377
|
let button_levels = [
|
|
11377
|
-
{
|
|
11378
|
+
{ "data-layer-id": /*layerId*/ ctx[2] },
|
|
11379
|
+
{ class: /*fixedClass*/ ctx[3] },
|
|
11378
11380
|
{ style: /*style*/ ctx[1] },
|
|
11379
11381
|
dataAttrStopPropagation('click')
|
|
11380
11382
|
];
|
|
@@ -11390,7 +11392,7 @@ function create_else_block$1(ctx) {
|
|
|
11390
11392
|
button = element("button");
|
|
11391
11393
|
if (default_slot) default_slot.c();
|
|
11392
11394
|
set_attributes(button, button_data);
|
|
11393
|
-
toggle_class(button, "svelte-
|
|
11395
|
+
toggle_class(button, "svelte-1agjjit", true);
|
|
11394
11396
|
},
|
|
11395
11397
|
m(target, anchor) {
|
|
11396
11398
|
insert(target, button, anchor);
|
|
@@ -11403,33 +11405,34 @@ function create_else_block$1(ctx) {
|
|
|
11403
11405
|
current = true;
|
|
11404
11406
|
|
|
11405
11407
|
if (!mounted) {
|
|
11406
|
-
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[
|
|
11408
|
+
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
|
|
11407
11409
|
mounted = true;
|
|
11408
11410
|
}
|
|
11409
11411
|
},
|
|
11410
11412
|
p(ctx, dirty) {
|
|
11411
11413
|
if (default_slot) {
|
|
11412
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
11414
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
|
|
11413
11415
|
update_slot_base(
|
|
11414
11416
|
default_slot,
|
|
11415
11417
|
default_slot_template,
|
|
11416
11418
|
ctx,
|
|
11417
|
-
/*$$scope*/ ctx[
|
|
11419
|
+
/*$$scope*/ ctx[8],
|
|
11418
11420
|
!current
|
|
11419
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
11420
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
11421
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
|
|
11422
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
|
|
11421
11423
|
null
|
|
11422
11424
|
);
|
|
11423
11425
|
}
|
|
11424
11426
|
}
|
|
11425
11427
|
|
|
11426
11428
|
set_attributes(button, button_data = get_spread_update(button_levels, [
|
|
11427
|
-
{
|
|
11429
|
+
(!current || dirty & /*layerId*/ 4) && { "data-layer-id": /*layerId*/ ctx[2] },
|
|
11430
|
+
(!current || dirty & /*fixedClass*/ 8) && { class: /*fixedClass*/ ctx[3] },
|
|
11428
11431
|
(!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
|
|
11429
11432
|
dataAttrStopPropagation('click')
|
|
11430
11433
|
]));
|
|
11431
11434
|
|
|
11432
|
-
toggle_class(button, "svelte-
|
|
11435
|
+
toggle_class(button, "svelte-1agjjit", true);
|
|
11433
11436
|
},
|
|
11434
11437
|
i(local) {
|
|
11435
11438
|
if (current) return;
|
|
@@ -11449,18 +11452,20 @@ function create_else_block$1(ctx) {
|
|
|
11449
11452
|
};
|
|
11450
11453
|
}
|
|
11451
11454
|
|
|
11452
|
-
// (
|
|
11455
|
+
// (32:39)
|
|
11453
11456
|
function create_if_block_1$1(ctx) {
|
|
11454
11457
|
let div;
|
|
11458
|
+
let div_class_value;
|
|
11455
11459
|
let current;
|
|
11456
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
11457
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
11460
|
+
const default_slot_template = /*#slots*/ ctx[9].default;
|
|
11461
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
|
|
11458
11462
|
|
|
11459
11463
|
return {
|
|
11460
11464
|
c() {
|
|
11461
11465
|
div = element("div");
|
|
11462
11466
|
if (default_slot) default_slot.c();
|
|
11463
|
-
attr(div, "
|
|
11467
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
|
11468
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-1agjjit"));
|
|
11464
11469
|
attr(div, "style", /*style*/ ctx[1]);
|
|
11465
11470
|
},
|
|
11466
11471
|
m(target, anchor) {
|
|
@@ -11474,20 +11479,28 @@ function create_if_block_1$1(ctx) {
|
|
|
11474
11479
|
},
|
|
11475
11480
|
p(ctx, dirty) {
|
|
11476
11481
|
if (default_slot) {
|
|
11477
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
11482
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
|
|
11478
11483
|
update_slot_base(
|
|
11479
11484
|
default_slot,
|
|
11480
11485
|
default_slot_template,
|
|
11481
11486
|
ctx,
|
|
11482
|
-
/*$$scope*/ ctx[
|
|
11487
|
+
/*$$scope*/ ctx[8],
|
|
11483
11488
|
!current
|
|
11484
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
11485
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
11489
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
|
|
11490
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
|
|
11486
11491
|
null
|
|
11487
11492
|
);
|
|
11488
11493
|
}
|
|
11489
11494
|
}
|
|
11490
11495
|
|
|
11496
|
+
if (!current || dirty & /*layerId*/ 4) {
|
|
11497
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
|
11498
|
+
}
|
|
11499
|
+
|
|
11500
|
+
if (!current || dirty & /*fixedClass*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-1agjjit"))) {
|
|
11501
|
+
attr(div, "class", div_class_value);
|
|
11502
|
+
}
|
|
11503
|
+
|
|
11491
11504
|
if (!current || dirty & /*style*/ 2) {
|
|
11492
11505
|
attr(div, "style", /*style*/ ctx[1]);
|
|
11493
11506
|
}
|
|
@@ -11508,7 +11521,7 @@ function create_if_block_1$1(ctx) {
|
|
|
11508
11521
|
};
|
|
11509
11522
|
}
|
|
11510
11523
|
|
|
11511
|
-
// (
|
|
11524
|
+
// (20:0) {#if onClick.operation === 'linkTo'}
|
|
11512
11525
|
function create_if_block$6(ctx) {
|
|
11513
11526
|
let a;
|
|
11514
11527
|
let a_href_value;
|
|
@@ -11516,11 +11529,12 @@ function create_if_block$6(ctx) {
|
|
|
11516
11529
|
let current;
|
|
11517
11530
|
let mounted;
|
|
11518
11531
|
let dispose;
|
|
11519
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
11520
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
11532
|
+
const default_slot_template = /*#slots*/ ctx[9].default;
|
|
11533
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
|
|
11521
11534
|
|
|
11522
11535
|
let a_levels = [
|
|
11523
|
-
{
|
|
11536
|
+
{ "data-layer-id": /*layerId*/ ctx[2] },
|
|
11537
|
+
{ class: /*fixedClass*/ ctx[3] },
|
|
11524
11538
|
{ style: /*style*/ ctx[1] },
|
|
11525
11539
|
{
|
|
11526
11540
|
href: a_href_value = /*onClick*/ ctx[0].args[2]
|
|
@@ -11544,7 +11558,7 @@ function create_if_block$6(ctx) {
|
|
|
11544
11558
|
a = element("a");
|
|
11545
11559
|
if (default_slot) default_slot.c();
|
|
11546
11560
|
set_attributes(a, a_data);
|
|
11547
|
-
toggle_class(a, "svelte-
|
|
11561
|
+
toggle_class(a, "svelte-1agjjit", true);
|
|
11548
11562
|
},
|
|
11549
11563
|
m(target, anchor) {
|
|
11550
11564
|
insert(target, a, anchor);
|
|
@@ -11556,28 +11570,29 @@ function create_if_block$6(ctx) {
|
|
|
11556
11570
|
current = true;
|
|
11557
11571
|
|
|
11558
11572
|
if (!mounted) {
|
|
11559
|
-
dispose = listen(a, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[
|
|
11573
|
+
dispose = listen(a, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[4])));
|
|
11560
11574
|
mounted = true;
|
|
11561
11575
|
}
|
|
11562
11576
|
},
|
|
11563
11577
|
p(ctx, dirty) {
|
|
11564
11578
|
if (default_slot) {
|
|
11565
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
11579
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
|
|
11566
11580
|
update_slot_base(
|
|
11567
11581
|
default_slot,
|
|
11568
11582
|
default_slot_template,
|
|
11569
11583
|
ctx,
|
|
11570
|
-
/*$$scope*/ ctx[
|
|
11584
|
+
/*$$scope*/ ctx[8],
|
|
11571
11585
|
!current
|
|
11572
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
11573
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
11586
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
|
|
11587
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
|
|
11574
11588
|
null
|
|
11575
11589
|
);
|
|
11576
11590
|
}
|
|
11577
11591
|
}
|
|
11578
11592
|
|
|
11579
11593
|
set_attributes(a, a_data = get_spread_update(a_levels, [
|
|
11580
|
-
{
|
|
11594
|
+
(!current || dirty & /*layerId*/ 4) && { "data-layer-id": /*layerId*/ ctx[2] },
|
|
11595
|
+
(!current || dirty & /*fixedClass*/ 8) && { class: /*fixedClass*/ ctx[3] },
|
|
11581
11596
|
(!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
|
|
11582
11597
|
(!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[2]
|
|
11583
11598
|
? decodeURI(/*onClick*/ ctx[0].args[0])
|
|
@@ -11586,7 +11601,7 @@ function create_if_block$6(ctx) {
|
|
|
11586
11601
|
dataAttrStopPropagation('click')
|
|
11587
11602
|
]));
|
|
11588
11603
|
|
|
11589
|
-
toggle_class(a, "svelte-
|
|
11604
|
+
toggle_class(a, "svelte-1agjjit", true);
|
|
11590
11605
|
},
|
|
11591
11606
|
i(local) {
|
|
11592
11607
|
if (current) return;
|
|
@@ -11606,7 +11621,7 @@ function create_if_block$6(ctx) {
|
|
|
11606
11621
|
};
|
|
11607
11622
|
}
|
|
11608
11623
|
|
|
11609
|
-
function create_fragment$
|
|
11624
|
+
function create_fragment$D(ctx) {
|
|
11610
11625
|
let current_block_type_index;
|
|
11611
11626
|
let if_block;
|
|
11612
11627
|
let if_block_anchor;
|
|
@@ -11678,12 +11693,15 @@ function create_fragment$C(ctx) {
|
|
|
11678
11693
|
|
|
11679
11694
|
const CLICKABLE_CLASS = 'clickable';
|
|
11680
11695
|
|
|
11681
|
-
function instance$
|
|
11696
|
+
function instance$D($$self, $$props, $$invalidate) {
|
|
11697
|
+
let fixedClass;
|
|
11682
11698
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
11683
11699
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
11684
11700
|
let { eventName = '' } = $$props;
|
|
11685
11701
|
let { eventValue = undefined } = $$props;
|
|
11686
11702
|
let { style = '' } = $$props;
|
|
11703
|
+
let { layerId = '' } = $$props;
|
|
11704
|
+
let { className = '' } = $$props;
|
|
11687
11705
|
|
|
11688
11706
|
function handleClick() {
|
|
11689
11707
|
if (eventName) {
|
|
@@ -11695,13 +11713,32 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
|
11695
11713
|
|
|
11696
11714
|
$$self.$$set = $$props => {
|
|
11697
11715
|
if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
|
|
11698
|
-
if ('eventName' in $$props) $$invalidate(
|
|
11699
|
-
if ('eventValue' in $$props) $$invalidate(
|
|
11716
|
+
if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
|
|
11717
|
+
if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
|
|
11700
11718
|
if ('style' in $$props) $$invalidate(1, style = $$props.style);
|
|
11701
|
-
if ('
|
|
11719
|
+
if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
|
|
11720
|
+
if ('className' in $$props) $$invalidate(7, className = $$props.className);
|
|
11721
|
+
if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
|
|
11702
11722
|
};
|
|
11703
11723
|
|
|
11704
|
-
|
|
11724
|
+
$$self.$$.update = () => {
|
|
11725
|
+
if ($$self.$$.dirty & /*className*/ 128) {
|
|
11726
|
+
$$invalidate(3, fixedClass = [CLICKABLE_CLASS, ...Array.isArray(className) ? className : [className]].join(' '));
|
|
11727
|
+
}
|
|
11728
|
+
};
|
|
11729
|
+
|
|
11730
|
+
return [
|
|
11731
|
+
onClick,
|
|
11732
|
+
style,
|
|
11733
|
+
layerId,
|
|
11734
|
+
fixedClass,
|
|
11735
|
+
handleClick,
|
|
11736
|
+
eventName,
|
|
11737
|
+
eventValue,
|
|
11738
|
+
className,
|
|
11739
|
+
$$scope,
|
|
11740
|
+
slots
|
|
11741
|
+
];
|
|
11705
11742
|
}
|
|
11706
11743
|
|
|
11707
11744
|
class Clickable extends SvelteComponent {
|
|
@@ -11711,27 +11748,24 @@ class Clickable extends SvelteComponent {
|
|
|
11711
11748
|
init(
|
|
11712
11749
|
this,
|
|
11713
11750
|
options,
|
|
11714
|
-
instance$
|
|
11715
|
-
create_fragment$
|
|
11751
|
+
instance$D,
|
|
11752
|
+
create_fragment$D,
|
|
11716
11753
|
safe_not_equal,
|
|
11717
11754
|
{
|
|
11718
11755
|
onClick: 0,
|
|
11719
|
-
eventName:
|
|
11720
|
-
eventValue:
|
|
11721
|
-
style: 1
|
|
11756
|
+
eventName: 5,
|
|
11757
|
+
eventValue: 6,
|
|
11758
|
+
style: 1,
|
|
11759
|
+
layerId: 2,
|
|
11760
|
+
className: 7
|
|
11722
11761
|
},
|
|
11723
|
-
add_css$
|
|
11762
|
+
add_css$7
|
|
11724
11763
|
);
|
|
11725
11764
|
}
|
|
11726
11765
|
}
|
|
11727
11766
|
|
|
11728
11767
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
11729
11768
|
|
|
11730
|
-
function add_css$9(target) {
|
|
11731
|
-
append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
|
|
11732
|
-
}
|
|
11733
|
-
|
|
11734
|
-
// (34:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue} >
|
|
11735
11769
|
function create_default_slot$4(ctx) {
|
|
11736
11770
|
let img;
|
|
11737
11771
|
let img_src_value;
|
|
@@ -11766,13 +11800,14 @@ function create_default_slot$4(ctx) {
|
|
|
11766
11800
|
};
|
|
11767
11801
|
}
|
|
11768
11802
|
|
|
11769
|
-
function create_fragment$
|
|
11770
|
-
let div;
|
|
11803
|
+
function create_fragment$C(ctx) {
|
|
11771
11804
|
let clickable;
|
|
11772
11805
|
let current;
|
|
11773
11806
|
|
|
11774
11807
|
clickable = new Clickable({
|
|
11775
11808
|
props: {
|
|
11809
|
+
layerId: /*layerId*/ ctx[1],
|
|
11810
|
+
style: /*style*/ ctx[3],
|
|
11776
11811
|
onClick: /*props*/ ctx[0].onClick,
|
|
11777
11812
|
eventName: /*props*/ ctx[0].eventName,
|
|
11778
11813
|
eventValue: /*props*/ ctx[0].eventValue,
|
|
@@ -11783,19 +11818,16 @@ function create_fragment$B(ctx) {
|
|
|
11783
11818
|
|
|
11784
11819
|
return {
|
|
11785
11820
|
c() {
|
|
11786
|
-
div = element("div");
|
|
11787
11821
|
create_component(clickable.$$.fragment);
|
|
11788
|
-
attr(div, "class", "avatar svelte-jnsixl");
|
|
11789
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
11790
|
-
attr(div, "style", /*style*/ ctx[3]);
|
|
11791
11822
|
},
|
|
11792
11823
|
m(target, anchor) {
|
|
11793
|
-
|
|
11794
|
-
mount_component(clickable, div, null);
|
|
11824
|
+
mount_component(clickable, target, anchor);
|
|
11795
11825
|
current = true;
|
|
11796
11826
|
},
|
|
11797
11827
|
p(ctx, [dirty]) {
|
|
11798
11828
|
const clickable_changes = {};
|
|
11829
|
+
if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
|
|
11830
|
+
if (dirty & /*style*/ 8) clickable_changes.style = /*style*/ ctx[3];
|
|
11799
11831
|
if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
|
|
11800
11832
|
if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
|
|
11801
11833
|
if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
|
|
@@ -11805,14 +11837,6 @@ function create_fragment$B(ctx) {
|
|
|
11805
11837
|
}
|
|
11806
11838
|
|
|
11807
11839
|
clickable.$set(clickable_changes);
|
|
11808
|
-
|
|
11809
|
-
if (!current || dirty & /*layerId*/ 2) {
|
|
11810
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
11811
|
-
}
|
|
11812
|
-
|
|
11813
|
-
if (!current || dirty & /*style*/ 8) {
|
|
11814
|
-
attr(div, "style", /*style*/ ctx[3]);
|
|
11815
|
-
}
|
|
11816
11840
|
},
|
|
11817
11841
|
i(local) {
|
|
11818
11842
|
if (current) return;
|
|
@@ -11824,13 +11848,12 @@ function create_fragment$B(ctx) {
|
|
|
11824
11848
|
current = false;
|
|
11825
11849
|
},
|
|
11826
11850
|
d(detaching) {
|
|
11827
|
-
|
|
11828
|
-
destroy_component(clickable);
|
|
11851
|
+
destroy_component(clickable, detaching);
|
|
11829
11852
|
}
|
|
11830
11853
|
};
|
|
11831
11854
|
}
|
|
11832
11855
|
|
|
11833
|
-
function instance$
|
|
11856
|
+
function instance$C($$self, $$props, $$invalidate) {
|
|
11834
11857
|
let style;
|
|
11835
11858
|
let imgStyle;
|
|
11836
11859
|
let { props = {} } = $$props;
|
|
@@ -11853,6 +11876,11 @@ function instance$B($$self, $$props, $$invalidate) {
|
|
|
11853
11876
|
$$self.$$.update = () => {
|
|
11854
11877
|
if ($$self.$$.dirty & /*props*/ 1) {
|
|
11855
11878
|
$$invalidate(3, style = objToStyle({
|
|
11879
|
+
display: 'flex',
|
|
11880
|
+
alignItems: 'center',
|
|
11881
|
+
justifyContent: 'center',
|
|
11882
|
+
overflow: 'hidden',
|
|
11883
|
+
flexShrink: 0,
|
|
11856
11884
|
width: `${size}px`,
|
|
11857
11885
|
height: `${size}px`,
|
|
11858
11886
|
...VARIANTS.shape[props.shape ?? 'square'],
|
|
@@ -11874,7 +11902,7 @@ function instance$B($$self, $$props, $$invalidate) {
|
|
|
11874
11902
|
class Avatar extends SvelteComponent {
|
|
11875
11903
|
constructor(options) {
|
|
11876
11904
|
super();
|
|
11877
|
-
init(this, options, instance$
|
|
11905
|
+
init(this, options, instance$C, create_fragment$C, safe_not_equal, { props: 0, layerId: 1 });
|
|
11878
11906
|
}
|
|
11879
11907
|
}
|
|
11880
11908
|
|
|
@@ -11927,7 +11955,7 @@ const buttonPropsDefault = {
|
|
|
11927
11955
|
|
|
11928
11956
|
/* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
|
|
11929
11957
|
|
|
11930
|
-
function create_fragment$
|
|
11958
|
+
function create_fragment$B(ctx) {
|
|
11931
11959
|
let svg;
|
|
11932
11960
|
let path;
|
|
11933
11961
|
|
|
@@ -11959,7 +11987,7 @@ function create_fragment$A(ctx) {
|
|
|
11959
11987
|
};
|
|
11960
11988
|
}
|
|
11961
11989
|
|
|
11962
|
-
function instance$
|
|
11990
|
+
function instance$B($$self, $$props, $$invalidate) {
|
|
11963
11991
|
let { color } = $$props;
|
|
11964
11992
|
|
|
11965
11993
|
$$self.$$set = $$props => {
|
|
@@ -11972,13 +12000,13 @@ function instance$A($$self, $$props, $$invalidate) {
|
|
|
11972
12000
|
class IconArrowDown extends SvelteComponent {
|
|
11973
12001
|
constructor(options) {
|
|
11974
12002
|
super();
|
|
11975
|
-
init(this, options, instance$
|
|
12003
|
+
init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
|
|
11976
12004
|
}
|
|
11977
12005
|
}
|
|
11978
12006
|
|
|
11979
12007
|
/* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
|
|
11980
12008
|
|
|
11981
|
-
function create_fragment$
|
|
12009
|
+
function create_fragment$A(ctx) {
|
|
11982
12010
|
let svg;
|
|
11983
12011
|
let path;
|
|
11984
12012
|
|
|
@@ -12010,7 +12038,7 @@ function create_fragment$z(ctx) {
|
|
|
12010
12038
|
};
|
|
12011
12039
|
}
|
|
12012
12040
|
|
|
12013
|
-
function instance$
|
|
12041
|
+
function instance$A($$self, $$props, $$invalidate) {
|
|
12014
12042
|
let { color } = $$props;
|
|
12015
12043
|
|
|
12016
12044
|
$$self.$$set = $$props => {
|
|
@@ -12023,13 +12051,13 @@ function instance$z($$self, $$props, $$invalidate) {
|
|
|
12023
12051
|
class IconArrowUp extends SvelteComponent {
|
|
12024
12052
|
constructor(options) {
|
|
12025
12053
|
super();
|
|
12026
|
-
init(this, options, instance$
|
|
12054
|
+
init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
|
|
12027
12055
|
}
|
|
12028
12056
|
}
|
|
12029
12057
|
|
|
12030
12058
|
/* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
|
|
12031
12059
|
|
|
12032
|
-
function create_fragment$
|
|
12060
|
+
function create_fragment$z(ctx) {
|
|
12033
12061
|
let svg;
|
|
12034
12062
|
let path;
|
|
12035
12063
|
|
|
@@ -12061,7 +12089,7 @@ function create_fragment$y(ctx) {
|
|
|
12061
12089
|
};
|
|
12062
12090
|
}
|
|
12063
12091
|
|
|
12064
|
-
function instance$
|
|
12092
|
+
function instance$z($$self, $$props, $$invalidate) {
|
|
12065
12093
|
let { color } = $$props;
|
|
12066
12094
|
|
|
12067
12095
|
$$self.$$set = $$props => {
|
|
@@ -12074,13 +12102,13 @@ function instance$y($$self, $$props, $$invalidate) {
|
|
|
12074
12102
|
class IconUsers extends SvelteComponent {
|
|
12075
12103
|
constructor(options) {
|
|
12076
12104
|
super();
|
|
12077
|
-
init(this, options, instance$
|
|
12105
|
+
init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
|
|
12078
12106
|
}
|
|
12079
12107
|
}
|
|
12080
12108
|
|
|
12081
12109
|
/* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
|
|
12082
12110
|
|
|
12083
|
-
function create_fragment$
|
|
12111
|
+
function create_fragment$y(ctx) {
|
|
12084
12112
|
let svg;
|
|
12085
12113
|
let path;
|
|
12086
12114
|
|
|
@@ -12112,7 +12140,7 @@ function create_fragment$x(ctx) {
|
|
|
12112
12140
|
};
|
|
12113
12141
|
}
|
|
12114
12142
|
|
|
12115
|
-
function instance$
|
|
12143
|
+
function instance$y($$self, $$props, $$invalidate) {
|
|
12116
12144
|
let { color } = $$props;
|
|
12117
12145
|
|
|
12118
12146
|
$$self.$$set = $$props => {
|
|
@@ -12125,13 +12153,13 @@ function instance$x($$self, $$props, $$invalidate) {
|
|
|
12125
12153
|
class IconArrowLeft extends SvelteComponent {
|
|
12126
12154
|
constructor(options) {
|
|
12127
12155
|
super();
|
|
12128
|
-
init(this, options, instance$
|
|
12156
|
+
init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
|
|
12129
12157
|
}
|
|
12130
12158
|
}
|
|
12131
12159
|
|
|
12132
12160
|
/* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
|
|
12133
12161
|
|
|
12134
|
-
function create_fragment$
|
|
12162
|
+
function create_fragment$x(ctx) {
|
|
12135
12163
|
let svg;
|
|
12136
12164
|
let path;
|
|
12137
12165
|
|
|
@@ -12163,7 +12191,7 @@ function create_fragment$w(ctx) {
|
|
|
12163
12191
|
};
|
|
12164
12192
|
}
|
|
12165
12193
|
|
|
12166
|
-
function instance$
|
|
12194
|
+
function instance$x($$self, $$props, $$invalidate) {
|
|
12167
12195
|
let { color } = $$props;
|
|
12168
12196
|
|
|
12169
12197
|
$$self.$$set = $$props => {
|
|
@@ -12176,13 +12204,13 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
|
12176
12204
|
class IconArrowRight extends SvelteComponent {
|
|
12177
12205
|
constructor(options) {
|
|
12178
12206
|
super();
|
|
12179
|
-
init(this, options, instance$
|
|
12207
|
+
init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
|
|
12180
12208
|
}
|
|
12181
12209
|
}
|
|
12182
12210
|
|
|
12183
12211
|
/* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
|
|
12184
12212
|
|
|
12185
|
-
function create_fragment$
|
|
12213
|
+
function create_fragment$w(ctx) {
|
|
12186
12214
|
let svg;
|
|
12187
12215
|
let path;
|
|
12188
12216
|
|
|
@@ -12214,7 +12242,7 @@ function create_fragment$v(ctx) {
|
|
|
12214
12242
|
};
|
|
12215
12243
|
}
|
|
12216
12244
|
|
|
12217
|
-
function instance$
|
|
12245
|
+
function instance$w($$self, $$props, $$invalidate) {
|
|
12218
12246
|
let { color } = $$props;
|
|
12219
12247
|
|
|
12220
12248
|
$$self.$$set = $$props => {
|
|
@@ -12227,13 +12255,13 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
|
12227
12255
|
class IconBell extends SvelteComponent {
|
|
12228
12256
|
constructor(options) {
|
|
12229
12257
|
super();
|
|
12230
|
-
init(this, options, instance$
|
|
12258
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
|
|
12231
12259
|
}
|
|
12232
12260
|
}
|
|
12233
12261
|
|
|
12234
12262
|
/* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
|
|
12235
12263
|
|
|
12236
|
-
function create_fragment$
|
|
12264
|
+
function create_fragment$v(ctx) {
|
|
12237
12265
|
let svg;
|
|
12238
12266
|
let path;
|
|
12239
12267
|
|
|
@@ -12265,7 +12293,7 @@ function create_fragment$u(ctx) {
|
|
|
12265
12293
|
};
|
|
12266
12294
|
}
|
|
12267
12295
|
|
|
12268
|
-
function instance$
|
|
12296
|
+
function instance$v($$self, $$props, $$invalidate) {
|
|
12269
12297
|
let { color } = $$props;
|
|
12270
12298
|
|
|
12271
12299
|
$$self.$$set = $$props => {
|
|
@@ -12278,13 +12306,13 @@ function instance$u($$self, $$props, $$invalidate) {
|
|
|
12278
12306
|
class IconArrowUpFromSquare extends SvelteComponent {
|
|
12279
12307
|
constructor(options) {
|
|
12280
12308
|
super();
|
|
12281
|
-
init(this, options, instance$
|
|
12309
|
+
init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
|
|
12282
12310
|
}
|
|
12283
12311
|
}
|
|
12284
12312
|
|
|
12285
12313
|
/* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
|
|
12286
12314
|
|
|
12287
|
-
function create_fragment$
|
|
12315
|
+
function create_fragment$u(ctx) {
|
|
12288
12316
|
let svg;
|
|
12289
12317
|
let path;
|
|
12290
12318
|
|
|
@@ -12316,7 +12344,7 @@ function create_fragment$t(ctx) {
|
|
|
12316
12344
|
};
|
|
12317
12345
|
}
|
|
12318
12346
|
|
|
12319
|
-
function instance$
|
|
12347
|
+
function instance$u($$self, $$props, $$invalidate) {
|
|
12320
12348
|
let { color } = $$props;
|
|
12321
12349
|
|
|
12322
12350
|
$$self.$$set = $$props => {
|
|
@@ -12329,13 +12357,13 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
12329
12357
|
class IconTicket extends SvelteComponent {
|
|
12330
12358
|
constructor(options) {
|
|
12331
12359
|
super();
|
|
12332
|
-
init(this, options, instance$
|
|
12360
|
+
init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
|
|
12333
12361
|
}
|
|
12334
12362
|
}
|
|
12335
12363
|
|
|
12336
12364
|
/* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
|
|
12337
12365
|
|
|
12338
|
-
function create_fragment$
|
|
12366
|
+
function create_fragment$t(ctx) {
|
|
12339
12367
|
let svg;
|
|
12340
12368
|
let path;
|
|
12341
12369
|
|
|
@@ -12367,7 +12395,7 @@ function create_fragment$s(ctx) {
|
|
|
12367
12395
|
};
|
|
12368
12396
|
}
|
|
12369
12397
|
|
|
12370
|
-
function instance$
|
|
12398
|
+
function instance$t($$self, $$props, $$invalidate) {
|
|
12371
12399
|
let { color } = $$props;
|
|
12372
12400
|
|
|
12373
12401
|
$$self.$$set = $$props => {
|
|
@@ -12380,13 +12408,13 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
12380
12408
|
class IconTrack extends SvelteComponent {
|
|
12381
12409
|
constructor(options) {
|
|
12382
12410
|
super();
|
|
12383
|
-
init(this, options, instance$
|
|
12411
|
+
init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
|
|
12384
12412
|
}
|
|
12385
12413
|
}
|
|
12386
12414
|
|
|
12387
12415
|
/* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
|
|
12388
12416
|
|
|
12389
|
-
function create_fragment$
|
|
12417
|
+
function create_fragment$s(ctx) {
|
|
12390
12418
|
let svg;
|
|
12391
12419
|
let path;
|
|
12392
12420
|
|
|
@@ -12418,7 +12446,7 @@ function create_fragment$r(ctx) {
|
|
|
12418
12446
|
};
|
|
12419
12447
|
}
|
|
12420
12448
|
|
|
12421
|
-
function instance$
|
|
12449
|
+
function instance$s($$self, $$props, $$invalidate) {
|
|
12422
12450
|
let { color } = $$props;
|
|
12423
12451
|
|
|
12424
12452
|
$$self.$$set = $$props => {
|
|
@@ -12431,13 +12459,13 @@ function instance$r($$self, $$props, $$invalidate) {
|
|
|
12431
12459
|
class IconCartShopping extends SvelteComponent {
|
|
12432
12460
|
constructor(options) {
|
|
12433
12461
|
super();
|
|
12434
|
-
init(this, options, instance$
|
|
12462
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
|
|
12435
12463
|
}
|
|
12436
12464
|
}
|
|
12437
12465
|
|
|
12438
12466
|
/* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
|
|
12439
12467
|
|
|
12440
|
-
function create_fragment$
|
|
12468
|
+
function create_fragment$r(ctx) {
|
|
12441
12469
|
let svg;
|
|
12442
12470
|
let path;
|
|
12443
12471
|
|
|
@@ -12469,7 +12497,7 @@ function create_fragment$q(ctx) {
|
|
|
12469
12497
|
};
|
|
12470
12498
|
}
|
|
12471
12499
|
|
|
12472
|
-
function instance$
|
|
12500
|
+
function instance$r($$self, $$props, $$invalidate) {
|
|
12473
12501
|
let { color } = $$props;
|
|
12474
12502
|
|
|
12475
12503
|
$$self.$$set = $$props => {
|
|
@@ -12482,13 +12510,13 @@ function instance$q($$self, $$props, $$invalidate) {
|
|
|
12482
12510
|
class IconCircle extends SvelteComponent {
|
|
12483
12511
|
constructor(options) {
|
|
12484
12512
|
super();
|
|
12485
|
-
init(this, options, instance$
|
|
12513
|
+
init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
|
|
12486
12514
|
}
|
|
12487
12515
|
}
|
|
12488
12516
|
|
|
12489
12517
|
/* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
|
|
12490
12518
|
|
|
12491
|
-
function create_fragment$
|
|
12519
|
+
function create_fragment$q(ctx) {
|
|
12492
12520
|
let svg;
|
|
12493
12521
|
let path;
|
|
12494
12522
|
|
|
@@ -12520,7 +12548,7 @@ function create_fragment$p(ctx) {
|
|
|
12520
12548
|
};
|
|
12521
12549
|
}
|
|
12522
12550
|
|
|
12523
|
-
function instance$
|
|
12551
|
+
function instance$q($$self, $$props, $$invalidate) {
|
|
12524
12552
|
let { color } = $$props;
|
|
12525
12553
|
|
|
12526
12554
|
$$self.$$set = $$props => {
|
|
@@ -12533,13 +12561,13 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
12533
12561
|
class IconCircleQuestion extends SvelteComponent {
|
|
12534
12562
|
constructor(options) {
|
|
12535
12563
|
super();
|
|
12536
|
-
init(this, options, instance$
|
|
12564
|
+
init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
|
|
12537
12565
|
}
|
|
12538
12566
|
}
|
|
12539
12567
|
|
|
12540
12568
|
/* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
|
|
12541
12569
|
|
|
12542
|
-
function create_fragment$
|
|
12570
|
+
function create_fragment$p(ctx) {
|
|
12543
12571
|
let svg;
|
|
12544
12572
|
let path;
|
|
12545
12573
|
|
|
@@ -12571,7 +12599,7 @@ function create_fragment$o(ctx) {
|
|
|
12571
12599
|
};
|
|
12572
12600
|
}
|
|
12573
12601
|
|
|
12574
|
-
function instance$
|
|
12602
|
+
function instance$p($$self, $$props, $$invalidate) {
|
|
12575
12603
|
let { color } = $$props;
|
|
12576
12604
|
|
|
12577
12605
|
$$self.$$set = $$props => {
|
|
@@ -12584,13 +12612,13 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
12584
12612
|
class IconCheck extends SvelteComponent {
|
|
12585
12613
|
constructor(options) {
|
|
12586
12614
|
super();
|
|
12587
|
-
init(this, options, instance$
|
|
12615
|
+
init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
|
|
12588
12616
|
}
|
|
12589
12617
|
}
|
|
12590
12618
|
|
|
12591
12619
|
/* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
|
|
12592
12620
|
|
|
12593
|
-
function create_fragment$
|
|
12621
|
+
function create_fragment$o(ctx) {
|
|
12594
12622
|
let svg;
|
|
12595
12623
|
let path;
|
|
12596
12624
|
|
|
@@ -12622,7 +12650,7 @@ function create_fragment$n(ctx) {
|
|
|
12622
12650
|
};
|
|
12623
12651
|
}
|
|
12624
12652
|
|
|
12625
|
-
function instance$
|
|
12653
|
+
function instance$o($$self, $$props, $$invalidate) {
|
|
12626
12654
|
let { color } = $$props;
|
|
12627
12655
|
|
|
12628
12656
|
$$self.$$set = $$props => {
|
|
@@ -12635,13 +12663,13 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
|
12635
12663
|
class IconXMark extends SvelteComponent {
|
|
12636
12664
|
constructor(options) {
|
|
12637
12665
|
super();
|
|
12638
|
-
init(this, options, instance$
|
|
12666
|
+
init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
|
|
12639
12667
|
}
|
|
12640
12668
|
}
|
|
12641
12669
|
|
|
12642
12670
|
/* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
|
|
12643
12671
|
|
|
12644
|
-
function create_fragment$
|
|
12672
|
+
function create_fragment$n(ctx) {
|
|
12645
12673
|
let svg;
|
|
12646
12674
|
let path;
|
|
12647
12675
|
|
|
@@ -12673,7 +12701,7 @@ function create_fragment$m(ctx) {
|
|
|
12673
12701
|
};
|
|
12674
12702
|
}
|
|
12675
12703
|
|
|
12676
|
-
function instance$
|
|
12704
|
+
function instance$n($$self, $$props, $$invalidate) {
|
|
12677
12705
|
let { color } = $$props;
|
|
12678
12706
|
|
|
12679
12707
|
$$self.$$set = $$props => {
|
|
@@ -12686,13 +12714,13 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
12686
12714
|
class IconPaperPlane extends SvelteComponent {
|
|
12687
12715
|
constructor(options) {
|
|
12688
12716
|
super();
|
|
12689
|
-
init(this, options, instance$
|
|
12717
|
+
init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
|
|
12690
12718
|
}
|
|
12691
12719
|
}
|
|
12692
12720
|
|
|
12693
12721
|
/* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
|
|
12694
12722
|
|
|
12695
|
-
function create_fragment$
|
|
12723
|
+
function create_fragment$m(ctx) {
|
|
12696
12724
|
let svg;
|
|
12697
12725
|
let path;
|
|
12698
12726
|
|
|
@@ -12724,7 +12752,7 @@ function create_fragment$l(ctx) {
|
|
|
12724
12752
|
};
|
|
12725
12753
|
}
|
|
12726
12754
|
|
|
12727
|
-
function instance$
|
|
12755
|
+
function instance$m($$self, $$props, $$invalidate) {
|
|
12728
12756
|
let { color } = $$props;
|
|
12729
12757
|
|
|
12730
12758
|
$$self.$$set = $$props => {
|
|
@@ -12737,13 +12765,13 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
12737
12765
|
class IconCopy extends SvelteComponent {
|
|
12738
12766
|
constructor(options) {
|
|
12739
12767
|
super();
|
|
12740
|
-
init(this, options, instance$
|
|
12768
|
+
init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
|
|
12741
12769
|
}
|
|
12742
12770
|
}
|
|
12743
12771
|
|
|
12744
12772
|
/* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
|
|
12745
12773
|
|
|
12746
|
-
function create_fragment$
|
|
12774
|
+
function create_fragment$l(ctx) {
|
|
12747
12775
|
let svg;
|
|
12748
12776
|
let path;
|
|
12749
12777
|
|
|
@@ -12775,7 +12803,7 @@ function create_fragment$k(ctx) {
|
|
|
12775
12803
|
};
|
|
12776
12804
|
}
|
|
12777
12805
|
|
|
12778
|
-
function instance$
|
|
12806
|
+
function instance$l($$self, $$props, $$invalidate) {
|
|
12779
12807
|
let { color } = $$props;
|
|
12780
12808
|
|
|
12781
12809
|
$$self.$$set = $$props => {
|
|
@@ -12788,13 +12816,13 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
|
12788
12816
|
class IconCircleXMark extends SvelteComponent {
|
|
12789
12817
|
constructor(options) {
|
|
12790
12818
|
super();
|
|
12791
|
-
init(this, options, instance$
|
|
12819
|
+
init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
|
|
12792
12820
|
}
|
|
12793
12821
|
}
|
|
12794
12822
|
|
|
12795
12823
|
/* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
|
|
12796
12824
|
|
|
12797
|
-
function create_fragment$
|
|
12825
|
+
function create_fragment$k(ctx) {
|
|
12798
12826
|
let svg;
|
|
12799
12827
|
let path;
|
|
12800
12828
|
|
|
@@ -12826,7 +12854,7 @@ function create_fragment$j(ctx) {
|
|
|
12826
12854
|
};
|
|
12827
12855
|
}
|
|
12828
12856
|
|
|
12829
|
-
function instance$
|
|
12857
|
+
function instance$k($$self, $$props, $$invalidate) {
|
|
12830
12858
|
let { color } = $$props;
|
|
12831
12859
|
|
|
12832
12860
|
$$self.$$set = $$props => {
|
|
@@ -12839,13 +12867,13 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
|
12839
12867
|
class IconHeart extends SvelteComponent {
|
|
12840
12868
|
constructor(options) {
|
|
12841
12869
|
super();
|
|
12842
|
-
init(this, options, instance$
|
|
12870
|
+
init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
|
|
12843
12871
|
}
|
|
12844
12872
|
}
|
|
12845
12873
|
|
|
12846
12874
|
/* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
|
|
12847
12875
|
|
|
12848
|
-
function create_fragment$
|
|
12876
|
+
function create_fragment$j(ctx) {
|
|
12849
12877
|
let svg;
|
|
12850
12878
|
let path;
|
|
12851
12879
|
|
|
@@ -12877,7 +12905,7 @@ function create_fragment$i(ctx) {
|
|
|
12877
12905
|
};
|
|
12878
12906
|
}
|
|
12879
12907
|
|
|
12880
|
-
function instance$
|
|
12908
|
+
function instance$j($$self, $$props, $$invalidate) {
|
|
12881
12909
|
let { color } = $$props;
|
|
12882
12910
|
|
|
12883
12911
|
$$self.$$set = $$props => {
|
|
@@ -12890,13 +12918,13 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
|
12890
12918
|
class IconMagnifyingGrass extends SvelteComponent {
|
|
12891
12919
|
constructor(options) {
|
|
12892
12920
|
super();
|
|
12893
|
-
init(this, options, instance$
|
|
12921
|
+
init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
|
|
12894
12922
|
}
|
|
12895
12923
|
}
|
|
12896
12924
|
|
|
12897
12925
|
/* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
|
|
12898
12926
|
|
|
12899
|
-
function create_fragment$
|
|
12927
|
+
function create_fragment$i(ctx) {
|
|
12900
12928
|
let svg;
|
|
12901
12929
|
let path;
|
|
12902
12930
|
|
|
@@ -12928,7 +12956,7 @@ function create_fragment$h(ctx) {
|
|
|
12928
12956
|
};
|
|
12929
12957
|
}
|
|
12930
12958
|
|
|
12931
|
-
function instance$
|
|
12959
|
+
function instance$i($$self, $$props, $$invalidate) {
|
|
12932
12960
|
let { color } = $$props;
|
|
12933
12961
|
|
|
12934
12962
|
$$self.$$set = $$props => {
|
|
@@ -12941,13 +12969,13 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
12941
12969
|
class IconStar extends SvelteComponent {
|
|
12942
12970
|
constructor(options) {
|
|
12943
12971
|
super();
|
|
12944
|
-
init(this, options, instance$
|
|
12972
|
+
init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
|
|
12945
12973
|
}
|
|
12946
12974
|
}
|
|
12947
12975
|
|
|
12948
12976
|
/* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
|
|
12949
12977
|
|
|
12950
|
-
function create_fragment$
|
|
12978
|
+
function create_fragment$h(ctx) {
|
|
12951
12979
|
let svg;
|
|
12952
12980
|
let path;
|
|
12953
12981
|
|
|
@@ -12979,7 +13007,7 @@ function create_fragment$g(ctx) {
|
|
|
12979
13007
|
};
|
|
12980
13008
|
}
|
|
12981
13009
|
|
|
12982
|
-
function instance$
|
|
13010
|
+
function instance$h($$self, $$props, $$invalidate) {
|
|
12983
13011
|
let { color } = $$props;
|
|
12984
13012
|
|
|
12985
13013
|
$$self.$$set = $$props => {
|
|
@@ -12992,13 +13020,13 @@ function instance$g($$self, $$props, $$invalidate) {
|
|
|
12992
13020
|
class IconCircleInfo extends SvelteComponent {
|
|
12993
13021
|
constructor(options) {
|
|
12994
13022
|
super();
|
|
12995
|
-
init(this, options, instance$
|
|
13023
|
+
init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
|
|
12996
13024
|
}
|
|
12997
13025
|
}
|
|
12998
13026
|
|
|
12999
13027
|
/* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
|
|
13000
13028
|
|
|
13001
|
-
function create_fragment$
|
|
13029
|
+
function create_fragment$g(ctx) {
|
|
13002
13030
|
let svg;
|
|
13003
13031
|
let path;
|
|
13004
13032
|
|
|
@@ -13030,7 +13058,7 @@ function create_fragment$f(ctx) {
|
|
|
13030
13058
|
};
|
|
13031
13059
|
}
|
|
13032
13060
|
|
|
13033
|
-
function instance$
|
|
13061
|
+
function instance$g($$self, $$props, $$invalidate) {
|
|
13034
13062
|
let { color } = $$props;
|
|
13035
13063
|
|
|
13036
13064
|
$$self.$$set = $$props => {
|
|
@@ -13043,13 +13071,13 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
13043
13071
|
class IconEnvelope extends SvelteComponent {
|
|
13044
13072
|
constructor(options) {
|
|
13045
13073
|
super();
|
|
13046
|
-
init(this, options, instance$
|
|
13074
|
+
init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
|
|
13047
13075
|
}
|
|
13048
13076
|
}
|
|
13049
13077
|
|
|
13050
13078
|
/* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
|
|
13051
13079
|
|
|
13052
|
-
function create_fragment$
|
|
13080
|
+
function create_fragment$f(ctx) {
|
|
13053
13081
|
let svg;
|
|
13054
13082
|
let path;
|
|
13055
13083
|
|
|
@@ -13081,7 +13109,7 @@ function create_fragment$e(ctx) {
|
|
|
13081
13109
|
};
|
|
13082
13110
|
}
|
|
13083
13111
|
|
|
13084
|
-
function instance$
|
|
13112
|
+
function instance$f($$self, $$props, $$invalidate) {
|
|
13085
13113
|
let { color } = $$props;
|
|
13086
13114
|
|
|
13087
13115
|
$$self.$$set = $$props => {
|
|
@@ -13094,13 +13122,13 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
|
13094
13122
|
class IconGift extends SvelteComponent {
|
|
13095
13123
|
constructor(options) {
|
|
13096
13124
|
super();
|
|
13097
|
-
init(this, options, instance$
|
|
13125
|
+
init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
|
|
13098
13126
|
}
|
|
13099
13127
|
}
|
|
13100
13128
|
|
|
13101
13129
|
/* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
|
|
13102
13130
|
|
|
13103
|
-
function create_fragment$
|
|
13131
|
+
function create_fragment$e(ctx) {
|
|
13104
13132
|
let svg;
|
|
13105
13133
|
let path;
|
|
13106
13134
|
|
|
@@ -13132,7 +13160,7 @@ function create_fragment$d(ctx) {
|
|
|
13132
13160
|
};
|
|
13133
13161
|
}
|
|
13134
13162
|
|
|
13135
|
-
function instance$
|
|
13163
|
+
function instance$e($$self, $$props, $$invalidate) {
|
|
13136
13164
|
let { color } = $$props;
|
|
13137
13165
|
|
|
13138
13166
|
$$self.$$set = $$props => {
|
|
@@ -13145,13 +13173,13 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
13145
13173
|
class IconPaperclip extends SvelteComponent {
|
|
13146
13174
|
constructor(options) {
|
|
13147
13175
|
super();
|
|
13148
|
-
init(this, options, instance$
|
|
13176
|
+
init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
|
|
13149
13177
|
}
|
|
13150
13178
|
}
|
|
13151
13179
|
|
|
13152
13180
|
/* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
|
|
13153
13181
|
|
|
13154
|
-
function create_fragment$
|
|
13182
|
+
function create_fragment$d(ctx) {
|
|
13155
13183
|
let svg;
|
|
13156
13184
|
let path;
|
|
13157
13185
|
|
|
@@ -13183,7 +13211,7 @@ function create_fragment$c(ctx) {
|
|
|
13183
13211
|
};
|
|
13184
13212
|
}
|
|
13185
13213
|
|
|
13186
|
-
function instance$
|
|
13214
|
+
function instance$d($$self, $$props, $$invalidate) {
|
|
13187
13215
|
let { color } = $$props;
|
|
13188
13216
|
|
|
13189
13217
|
$$self.$$set = $$props => {
|
|
@@ -13196,13 +13224,13 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
13196
13224
|
class IconFire extends SvelteComponent {
|
|
13197
13225
|
constructor(options) {
|
|
13198
13226
|
super();
|
|
13199
|
-
init(this, options, instance$
|
|
13227
|
+
init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
|
|
13200
13228
|
}
|
|
13201
13229
|
}
|
|
13202
13230
|
|
|
13203
13231
|
/* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
|
|
13204
13232
|
|
|
13205
|
-
function create_fragment$
|
|
13233
|
+
function create_fragment$c(ctx) {
|
|
13206
13234
|
let svg;
|
|
13207
13235
|
let path;
|
|
13208
13236
|
|
|
@@ -13234,7 +13262,7 @@ function create_fragment$b(ctx) {
|
|
|
13234
13262
|
};
|
|
13235
13263
|
}
|
|
13236
13264
|
|
|
13237
|
-
function instance$
|
|
13265
|
+
function instance$c($$self, $$props, $$invalidate) {
|
|
13238
13266
|
let { color } = $$props;
|
|
13239
13267
|
|
|
13240
13268
|
$$self.$$set = $$props => {
|
|
@@ -13247,13 +13275,13 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
|
13247
13275
|
class IconLink extends SvelteComponent {
|
|
13248
13276
|
constructor(options) {
|
|
13249
13277
|
super();
|
|
13250
|
-
init(this, options, instance$
|
|
13278
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
|
|
13251
13279
|
}
|
|
13252
13280
|
}
|
|
13253
13281
|
|
|
13254
13282
|
/* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
|
|
13255
13283
|
|
|
13256
|
-
function create_fragment$
|
|
13284
|
+
function create_fragment$b(ctx) {
|
|
13257
13285
|
let svg;
|
|
13258
13286
|
let path;
|
|
13259
13287
|
|
|
@@ -13285,7 +13313,7 @@ function create_fragment$a(ctx) {
|
|
|
13285
13313
|
};
|
|
13286
13314
|
}
|
|
13287
13315
|
|
|
13288
|
-
function instance$
|
|
13316
|
+
function instance$b($$self, $$props, $$invalidate) {
|
|
13289
13317
|
let { color } = $$props;
|
|
13290
13318
|
|
|
13291
13319
|
$$self.$$set = $$props => {
|
|
@@ -13298,13 +13326,13 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
|
13298
13326
|
class IconBuildings extends SvelteComponent {
|
|
13299
13327
|
constructor(options) {
|
|
13300
13328
|
super();
|
|
13301
|
-
init(this, options, instance$
|
|
13329
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
|
|
13302
13330
|
}
|
|
13303
13331
|
}
|
|
13304
13332
|
|
|
13305
13333
|
/* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
|
|
13306
13334
|
|
|
13307
|
-
function create_fragment$
|
|
13335
|
+
function create_fragment$a(ctx) {
|
|
13308
13336
|
let svg;
|
|
13309
13337
|
let path;
|
|
13310
13338
|
|
|
@@ -13336,7 +13364,7 @@ function create_fragment$9(ctx) {
|
|
|
13336
13364
|
};
|
|
13337
13365
|
}
|
|
13338
13366
|
|
|
13339
|
-
function instance$
|
|
13367
|
+
function instance$a($$self, $$props, $$invalidate) {
|
|
13340
13368
|
let { color } = $$props;
|
|
13341
13369
|
|
|
13342
13370
|
$$self.$$set = $$props => {
|
|
@@ -13349,7 +13377,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
|
13349
13377
|
class IconChevronsRight extends SvelteComponent {
|
|
13350
13378
|
constructor(options) {
|
|
13351
13379
|
super();
|
|
13352
|
-
init(this, options, instance$
|
|
13380
|
+
init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
|
|
13353
13381
|
}
|
|
13354
13382
|
}
|
|
13355
13383
|
|
|
@@ -13417,18 +13445,14 @@ const ICON_VARIANTS = {
|
|
|
13417
13445
|
|
|
13418
13446
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
13419
13447
|
|
|
13420
|
-
function add_css$8(target) {
|
|
13421
|
-
append_styles(target, "svelte-mtghsf", ".icon.svelte-mtghsf{display:flex;align-items:center;overflow:hidden;width:auto}");
|
|
13422
|
-
}
|
|
13423
|
-
|
|
13424
|
-
// (21:0) {#if (IconComponent)}
|
|
13425
13448
|
function create_if_block$5(ctx) {
|
|
13426
|
-
let div;
|
|
13427
13449
|
let clickable;
|
|
13428
13450
|
let current;
|
|
13429
13451
|
|
|
13430
13452
|
clickable = new Clickable({
|
|
13431
13453
|
props: {
|
|
13454
|
+
layerId: /*layerId*/ ctx[1],
|
|
13455
|
+
style: /*style*/ ctx[3],
|
|
13432
13456
|
onClick: /*props*/ ctx[0].onClick,
|
|
13433
13457
|
eventName: /*props*/ ctx[0].eventName,
|
|
13434
13458
|
eventValue: /*props*/ ctx[0].eventValue,
|
|
@@ -13439,19 +13463,16 @@ function create_if_block$5(ctx) {
|
|
|
13439
13463
|
|
|
13440
13464
|
return {
|
|
13441
13465
|
c() {
|
|
13442
|
-
div = element("div");
|
|
13443
13466
|
create_component(clickable.$$.fragment);
|
|
13444
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
13445
|
-
attr(div, "class", "icon svelte-mtghsf");
|
|
13446
|
-
attr(div, "style", /*style*/ ctx[3]);
|
|
13447
13467
|
},
|
|
13448
13468
|
m(target, anchor) {
|
|
13449
|
-
|
|
13450
|
-
mount_component(clickable, div, null);
|
|
13469
|
+
mount_component(clickable, target, anchor);
|
|
13451
13470
|
current = true;
|
|
13452
13471
|
},
|
|
13453
13472
|
p(ctx, dirty) {
|
|
13454
13473
|
const clickable_changes = {};
|
|
13474
|
+
if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
|
|
13475
|
+
if (dirty & /*style*/ 8) clickable_changes.style = /*style*/ ctx[3];
|
|
13455
13476
|
if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
|
|
13456
13477
|
if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
|
|
13457
13478
|
if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
|
|
@@ -13461,14 +13482,6 @@ function create_if_block$5(ctx) {
|
|
|
13461
13482
|
}
|
|
13462
13483
|
|
|
13463
13484
|
clickable.$set(clickable_changes);
|
|
13464
|
-
|
|
13465
|
-
if (!current || dirty & /*layerId*/ 2) {
|
|
13466
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
13467
|
-
}
|
|
13468
|
-
|
|
13469
|
-
if (!current || dirty & /*style*/ 8) {
|
|
13470
|
-
attr(div, "style", /*style*/ ctx[3]);
|
|
13471
|
-
}
|
|
13472
13485
|
},
|
|
13473
13486
|
i(local) {
|
|
13474
13487
|
if (current) return;
|
|
@@ -13480,13 +13493,12 @@ function create_if_block$5(ctx) {
|
|
|
13480
13493
|
current = false;
|
|
13481
13494
|
},
|
|
13482
13495
|
d(detaching) {
|
|
13483
|
-
|
|
13484
|
-
destroy_component(clickable);
|
|
13496
|
+
destroy_component(clickable, detaching);
|
|
13485
13497
|
}
|
|
13486
13498
|
};
|
|
13487
13499
|
}
|
|
13488
13500
|
|
|
13489
|
-
// (
|
|
13501
|
+
// (26:2) <CLICKABLE layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
|
|
13490
13502
|
function create_default_slot$3(ctx) {
|
|
13491
13503
|
let switch_instance;
|
|
13492
13504
|
let switch_instance_anchor;
|
|
@@ -13559,7 +13571,7 @@ function create_default_slot$3(ctx) {
|
|
|
13559
13571
|
};
|
|
13560
13572
|
}
|
|
13561
13573
|
|
|
13562
|
-
function create_fragment$
|
|
13574
|
+
function create_fragment$9(ctx) {
|
|
13563
13575
|
let if_block_anchor;
|
|
13564
13576
|
let current;
|
|
13565
13577
|
let if_block = /*IconComponent*/ ctx[2] && create_if_block$5(ctx);
|
|
@@ -13614,7 +13626,7 @@ function create_fragment$8(ctx) {
|
|
|
13614
13626
|
};
|
|
13615
13627
|
}
|
|
13616
13628
|
|
|
13617
|
-
function instance$
|
|
13629
|
+
function instance$9($$self, $$props, $$invalidate) {
|
|
13618
13630
|
let style;
|
|
13619
13631
|
let IconComponent;
|
|
13620
13632
|
let { props = {} } = $$props;
|
|
@@ -13641,7 +13653,14 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
13641
13653
|
|
|
13642
13654
|
$$self.$$.update = () => {
|
|
13643
13655
|
if ($$self.$$.dirty & /*props*/ 1) {
|
|
13644
|
-
$$invalidate(3, style = objToStyle({
|
|
13656
|
+
$$invalidate(3, style = objToStyle({
|
|
13657
|
+
display: 'flex',
|
|
13658
|
+
alignItems: 'center',
|
|
13659
|
+
overflow: 'hidden',
|
|
13660
|
+
width: 'auto',
|
|
13661
|
+
...getSizeCss(),
|
|
13662
|
+
...toCssCommon(props)
|
|
13663
|
+
}));
|
|
13645
13664
|
}
|
|
13646
13665
|
|
|
13647
13666
|
if ($$self.$$.dirty & /*props*/ 1) {
|
|
@@ -13655,7 +13674,7 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
13655
13674
|
class Icon extends SvelteComponent {
|
|
13656
13675
|
constructor(options) {
|
|
13657
13676
|
super();
|
|
13658
|
-
init(this, options, instance$
|
|
13677
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 });
|
|
13659
13678
|
}
|
|
13660
13679
|
}
|
|
13661
13680
|
|
|
@@ -13829,11 +13848,11 @@ const BUTTON_VARIANTS = {
|
|
|
13829
13848
|
|
|
13830
13849
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
|
13831
13850
|
|
|
13832
|
-
function add_css$
|
|
13833
|
-
append_styles(target, "svelte-
|
|
13851
|
+
function add_css$6(target) {
|
|
13852
|
+
append_styles(target, "svelte-cmn44g", ".button-icon.svelte-cmn44g{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
|
13834
13853
|
}
|
|
13835
13854
|
|
|
13836
|
-
// (
|
|
13855
|
+
// (36:2) {#if props.isIcon && props.iconVariant}
|
|
13837
13856
|
function create_if_block$4(ctx) {
|
|
13838
13857
|
let div;
|
|
13839
13858
|
let icon;
|
|
@@ -13854,7 +13873,7 @@ function create_if_block$4(ctx) {
|
|
|
13854
13873
|
c() {
|
|
13855
13874
|
div = element("div");
|
|
13856
13875
|
create_component(icon.$$.fragment);
|
|
13857
|
-
attr(div, "class", "button-icon svelte-
|
|
13876
|
+
attr(div, "class", "button-icon svelte-cmn44g");
|
|
13858
13877
|
},
|
|
13859
13878
|
m(target, anchor) {
|
|
13860
13879
|
insert(target, div, anchor);
|
|
@@ -13889,7 +13908,7 @@ function create_if_block$4(ctx) {
|
|
|
13889
13908
|
};
|
|
13890
13909
|
}
|
|
13891
13910
|
|
|
13892
|
-
// (
|
|
13911
|
+
// (35:0) <Clickable className="button" layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
|
|
13893
13912
|
function create_default_slot$2(ctx) {
|
|
13894
13913
|
let t0;
|
|
13895
13914
|
let span;
|
|
@@ -13955,13 +13974,15 @@ function create_default_slot$2(ctx) {
|
|
|
13955
13974
|
};
|
|
13956
13975
|
}
|
|
13957
13976
|
|
|
13958
|
-
function create_fragment$
|
|
13959
|
-
let div;
|
|
13977
|
+
function create_fragment$8(ctx) {
|
|
13960
13978
|
let clickable;
|
|
13961
13979
|
let current;
|
|
13962
13980
|
|
|
13963
13981
|
clickable = new Clickable({
|
|
13964
13982
|
props: {
|
|
13983
|
+
className: "button",
|
|
13984
|
+
layerId: /*layerId*/ ctx[1],
|
|
13985
|
+
style: /*style*/ ctx[2],
|
|
13965
13986
|
onClick: /*props*/ ctx[0].onClick,
|
|
13966
13987
|
eventName: /*props*/ ctx[0].eventName,
|
|
13967
13988
|
eventValue: /*props*/ ctx[0].eventValue,
|
|
@@ -13972,19 +13993,16 @@ function create_fragment$7(ctx) {
|
|
|
13972
13993
|
|
|
13973
13994
|
return {
|
|
13974
13995
|
c() {
|
|
13975
|
-
div = element("div");
|
|
13976
13996
|
create_component(clickable.$$.fragment);
|
|
13977
|
-
attr(div, "class", "button svelte-bing7g");
|
|
13978
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
13979
|
-
attr(div, "style", /*style*/ ctx[2]);
|
|
13980
13997
|
},
|
|
13981
13998
|
m(target, anchor) {
|
|
13982
|
-
|
|
13983
|
-
mount_component(clickable, div, null);
|
|
13999
|
+
mount_component(clickable, target, anchor);
|
|
13984
14000
|
current = true;
|
|
13985
14001
|
},
|
|
13986
14002
|
p(ctx, [dirty]) {
|
|
13987
14003
|
const clickable_changes = {};
|
|
14004
|
+
if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
|
|
14005
|
+
if (dirty & /*style*/ 4) clickable_changes.style = /*style*/ ctx[2];
|
|
13988
14006
|
if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
|
|
13989
14007
|
if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
|
|
13990
14008
|
if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
|
|
@@ -13994,14 +14012,6 @@ function create_fragment$7(ctx) {
|
|
|
13994
14012
|
}
|
|
13995
14013
|
|
|
13996
14014
|
clickable.$set(clickable_changes);
|
|
13997
|
-
|
|
13998
|
-
if (!current || dirty & /*layerId*/ 2) {
|
|
13999
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14000
|
-
}
|
|
14001
|
-
|
|
14002
|
-
if (!current || dirty & /*style*/ 4) {
|
|
14003
|
-
attr(div, "style", /*style*/ ctx[2]);
|
|
14004
|
-
}
|
|
14005
14015
|
},
|
|
14006
14016
|
i(local) {
|
|
14007
14017
|
if (current) return;
|
|
@@ -14013,13 +14023,12 @@ function create_fragment$7(ctx) {
|
|
|
14013
14023
|
current = false;
|
|
14014
14024
|
},
|
|
14015
14025
|
d(detaching) {
|
|
14016
|
-
|
|
14017
|
-
destroy_component(clickable);
|
|
14026
|
+
destroy_component(clickable, detaching);
|
|
14018
14027
|
}
|
|
14019
14028
|
};
|
|
14020
14029
|
}
|
|
14021
14030
|
|
|
14022
|
-
function instance$
|
|
14031
|
+
function instance$8($$self, $$props, $$invalidate) {
|
|
14023
14032
|
let style;
|
|
14024
14033
|
let { props = {} } = $$props;
|
|
14025
14034
|
let { layerId = '' } = $$props;
|
|
@@ -14062,14 +14071,14 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14062
14071
|
class Button extends SvelteComponent {
|
|
14063
14072
|
constructor(options) {
|
|
14064
14073
|
super();
|
|
14065
|
-
init(this, options, instance$
|
|
14074
|
+
init(this, options, instance$8, create_fragment$8, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
|
|
14066
14075
|
}
|
|
14067
14076
|
}
|
|
14068
14077
|
|
|
14069
14078
|
/* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
|
|
14070
14079
|
|
|
14071
|
-
function add_css$
|
|
14072
|
-
append_styles(target, "svelte-
|
|
14080
|
+
function add_css$5(target) {
|
|
14081
|
+
append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
14073
14082
|
}
|
|
14074
14083
|
|
|
14075
14084
|
// (103:4) {#if props.isIcon && props.iconVariant}
|
|
@@ -14091,7 +14100,7 @@ function create_if_block$3(ctx) {
|
|
|
14091
14100
|
c() {
|
|
14092
14101
|
div = element("div");
|
|
14093
14102
|
create_component(icon.$$.fragment);
|
|
14094
|
-
attr(div, "class", "flex-text-button-icon svelte-
|
|
14103
|
+
attr(div, "class", "flex-text-button-icon svelte-2imv7z");
|
|
14095
14104
|
},
|
|
14096
14105
|
m(target, anchor) {
|
|
14097
14106
|
insert(target, div, anchor);
|
|
@@ -14124,7 +14133,7 @@ function create_if_block$3(ctx) {
|
|
|
14124
14133
|
};
|
|
14125
14134
|
}
|
|
14126
14135
|
|
|
14127
|
-
function create_fragment$
|
|
14136
|
+
function create_fragment$7(ctx) {
|
|
14128
14137
|
let button;
|
|
14129
14138
|
let t0;
|
|
14130
14139
|
let span;
|
|
@@ -14144,7 +14153,7 @@ function create_fragment$6(ctx) {
|
|
|
14144
14153
|
t1 = text(t1_value);
|
|
14145
14154
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14146
14155
|
attr(button, "style", /*style*/ ctx[2]);
|
|
14147
|
-
attr(button, "class", "flex-text-button svelte-
|
|
14156
|
+
attr(button, "class", "flex-text-button svelte-2imv7z");
|
|
14148
14157
|
},
|
|
14149
14158
|
m(target, anchor) {
|
|
14150
14159
|
insert(target, button, anchor);
|
|
@@ -14211,7 +14220,7 @@ function create_fragment$6(ctx) {
|
|
|
14211
14220
|
};
|
|
14212
14221
|
}
|
|
14213
14222
|
|
|
14214
|
-
function instance$
|
|
14223
|
+
function instance$7($$self, $$props, $$invalidate) {
|
|
14215
14224
|
let style;
|
|
14216
14225
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
14217
14226
|
let { eventName = '' } = $$props;
|
|
@@ -14321,8 +14330,8 @@ class TextButton extends SvelteComponent {
|
|
|
14321
14330
|
init(
|
|
14322
14331
|
this,
|
|
14323
14332
|
options,
|
|
14324
|
-
instance$
|
|
14325
|
-
create_fragment$
|
|
14333
|
+
instance$7,
|
|
14334
|
+
create_fragment$7,
|
|
14326
14335
|
safe_not_equal,
|
|
14327
14336
|
{
|
|
14328
14337
|
onClick: 5,
|
|
@@ -14331,7 +14340,7 @@ class TextButton extends SvelteComponent {
|
|
|
14331
14340
|
props: 0,
|
|
14332
14341
|
layerId: 1
|
|
14333
14342
|
},
|
|
14334
|
-
add_css$
|
|
14343
|
+
add_css$5
|
|
14335
14344
|
);
|
|
14336
14345
|
}
|
|
14337
14346
|
}
|
|
@@ -14380,11 +14389,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
|
14380
14389
|
|
|
14381
14390
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
14382
14391
|
|
|
14383
|
-
function add_css$
|
|
14384
|
-
append_styles(target, "svelte-
|
|
14392
|
+
function add_css$4(target) {
|
|
14393
|
+
append_styles(target, "svelte-12v1h9t", ".close-button.svelte-12v1h9t{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s, transform 0.12s}.close-button.svelte-12v1h9t:hover{transform:rotate(90deg)}.close-button-order-one.svelte-12v1h9t{order:1}.close-button-order-two.svelte-12v1h9t{order:2}");
|
|
14385
14394
|
}
|
|
14386
14395
|
|
|
14387
|
-
// (
|
|
14396
|
+
// (93:2) {#if hasLabel}
|
|
14388
14397
|
function create_if_block$2(ctx) {
|
|
14389
14398
|
let span;
|
|
14390
14399
|
let t;
|
|
@@ -14393,19 +14402,19 @@ function create_if_block$2(ctx) {
|
|
|
14393
14402
|
c() {
|
|
14394
14403
|
span = element("span");
|
|
14395
14404
|
t = text(/*label*/ ctx[7]);
|
|
14396
|
-
attr(span, "style", /*
|
|
14405
|
+
attr(span, "style", /*labelStyle*/ ctx[2]);
|
|
14397
14406
|
|
|
14398
14407
|
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
|
|
14399
14408
|
? 'close-button-order-one'
|
|
14400
|
-
: '') + " svelte-
|
|
14409
|
+
: '') + " svelte-12v1h9t");
|
|
14401
14410
|
},
|
|
14402
14411
|
m(target, anchor) {
|
|
14403
14412
|
insert(target, span, anchor);
|
|
14404
14413
|
append(span, t);
|
|
14405
14414
|
},
|
|
14406
14415
|
p(ctx, dirty) {
|
|
14407
|
-
if (dirty & /*
|
|
14408
|
-
attr(span, "style", /*
|
|
14416
|
+
if (dirty & /*labelStyle*/ 4) {
|
|
14417
|
+
attr(span, "style", /*labelStyle*/ ctx[2]);
|
|
14409
14418
|
}
|
|
14410
14419
|
},
|
|
14411
14420
|
d(detaching) {
|
|
@@ -14414,16 +14423,16 @@ function create_if_block$2(ctx) {
|
|
|
14414
14423
|
};
|
|
14415
14424
|
}
|
|
14416
14425
|
|
|
14417
|
-
function create_fragment$
|
|
14418
|
-
let div1;
|
|
14419
|
-
let div0;
|
|
14426
|
+
function create_fragment$6(ctx) {
|
|
14420
14427
|
let button;
|
|
14428
|
+
let span;
|
|
14421
14429
|
let svg;
|
|
14422
14430
|
let path;
|
|
14423
|
-
let button_class_value;
|
|
14424
14431
|
let t;
|
|
14432
|
+
let button_class_value;
|
|
14425
14433
|
let mounted;
|
|
14426
14434
|
let dispose;
|
|
14435
|
+
let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
|
|
14427
14436
|
|
|
14428
14437
|
let button_levels = [
|
|
14429
14438
|
{ "data-layer-id": /*layerId*/ ctx[0] },
|
|
@@ -14432,7 +14441,7 @@ function create_fragment$5(ctx) {
|
|
|
14432
14441
|
? 'close-button-order-two'
|
|
14433
14442
|
: '')
|
|
14434
14443
|
},
|
|
14435
|
-
{ style: /*style*/ ctx[
|
|
14444
|
+
{ style: /*style*/ ctx[3] },
|
|
14436
14445
|
dataAttrStopPropagation('click')
|
|
14437
14446
|
];
|
|
14438
14447
|
|
|
@@ -14442,38 +14451,32 @@ function create_fragment$5(ctx) {
|
|
|
14442
14451
|
button_data = assign(button_data, button_levels[i]);
|
|
14443
14452
|
}
|
|
14444
14453
|
|
|
14445
|
-
let if_block = /*hasLabel*/ ctx[4] && create_if_block$2(ctx);
|
|
14446
|
-
|
|
14447
14454
|
return {
|
|
14448
14455
|
c() {
|
|
14449
|
-
div1 = element("div");
|
|
14450
|
-
div0 = element("div");
|
|
14451
14456
|
button = element("button");
|
|
14457
|
+
span = element("span");
|
|
14452
14458
|
svg = svg_element("svg");
|
|
14453
14459
|
path = svg_element("path");
|
|
14454
14460
|
t = space();
|
|
14455
14461
|
if (if_block) if_block.c();
|
|
14456
14462
|
attr(path, "d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z");
|
|
14457
14463
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
14458
|
-
set_style(svg, "width", "75%");
|
|
14459
|
-
set_style(svg, "height", "75%");
|
|
14460
14464
|
attr(svg, "viewBox", "0 0 384 512");
|
|
14465
|
+
set_style(svg, "width", "100%");
|
|
14466
|
+
set_style(svg, "height", "100%");
|
|
14461
14467
|
attr(svg, "fill", /*color*/ ctx[6]);
|
|
14468
|
+
attr(span, "style", /*iconStyle*/ ctx[1]);
|
|
14462
14469
|
set_attributes(button, button_data);
|
|
14463
|
-
toggle_class(button, "svelte-
|
|
14464
|
-
attr(div0, "class", "close-button-row svelte-liyx15");
|
|
14465
|
-
attr(div1, "class", "close svelte-liyx15");
|
|
14466
|
-
attr(div1, "style", /*rootStyle*/ ctx[3]);
|
|
14470
|
+
toggle_class(button, "svelte-12v1h9t", true);
|
|
14467
14471
|
},
|
|
14468
14472
|
m(target, anchor) {
|
|
14469
|
-
insert(target,
|
|
14470
|
-
append(
|
|
14471
|
-
append(
|
|
14472
|
-
append(button, svg);
|
|
14473
|
+
insert(target, button, anchor);
|
|
14474
|
+
append(button, span);
|
|
14475
|
+
append(span, svg);
|
|
14473
14476
|
append(svg, path);
|
|
14477
|
+
append(button, t);
|
|
14478
|
+
if (if_block) if_block.m(button, null);
|
|
14474
14479
|
if (button.autofocus) button.focus();
|
|
14475
|
-
append(div0, t);
|
|
14476
|
-
if (if_block) if_block.m(div0, null);
|
|
14477
14480
|
|
|
14478
14481
|
if (!mounted) {
|
|
14479
14482
|
dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[5])));
|
|
@@ -14481,14 +14484,9 @@ function create_fragment$5(ctx) {
|
|
|
14481
14484
|
}
|
|
14482
14485
|
},
|
|
14483
14486
|
p(ctx, [dirty]) {
|
|
14484
|
-
|
|
14485
|
-
|
|
14486
|
-
|
|
14487
|
-
dirty & /*style*/ 2 && { style: /*style*/ ctx[1] },
|
|
14488
|
-
dataAttrStopPropagation('click')
|
|
14489
|
-
]));
|
|
14490
|
-
|
|
14491
|
-
toggle_class(button, "svelte-liyx15", true);
|
|
14487
|
+
if (dirty & /*iconStyle*/ 2) {
|
|
14488
|
+
attr(span, "style", /*iconStyle*/ ctx[1]);
|
|
14489
|
+
}
|
|
14492
14490
|
|
|
14493
14491
|
if (/*hasLabel*/ ctx[4]) {
|
|
14494
14492
|
if (if_block) {
|
|
@@ -14496,21 +14494,26 @@ function create_fragment$5(ctx) {
|
|
|
14496
14494
|
} else {
|
|
14497
14495
|
if_block = create_if_block$2(ctx);
|
|
14498
14496
|
if_block.c();
|
|
14499
|
-
if_block.m(
|
|
14497
|
+
if_block.m(button, null);
|
|
14500
14498
|
}
|
|
14501
14499
|
} else if (if_block) {
|
|
14502
14500
|
if_block.d(1);
|
|
14503
14501
|
if_block = null;
|
|
14504
14502
|
}
|
|
14505
14503
|
|
|
14506
|
-
|
|
14507
|
-
|
|
14508
|
-
|
|
14504
|
+
set_attributes(button, button_data = get_spread_update(button_levels, [
|
|
14505
|
+
dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
|
|
14506
|
+
{ class: button_class_value },
|
|
14507
|
+
dirty & /*style*/ 8 && { style: /*style*/ ctx[3] },
|
|
14508
|
+
dataAttrStopPropagation('click')
|
|
14509
|
+
]));
|
|
14510
|
+
|
|
14511
|
+
toggle_class(button, "svelte-12v1h9t", true);
|
|
14509
14512
|
},
|
|
14510
14513
|
i: noop,
|
|
14511
14514
|
o: noop,
|
|
14512
14515
|
d(detaching) {
|
|
14513
|
-
if (detaching) detach(
|
|
14516
|
+
if (detaching) detach(button);
|
|
14514
14517
|
if (if_block) if_block.d();
|
|
14515
14518
|
mounted = false;
|
|
14516
14519
|
dispose();
|
|
@@ -14518,13 +14521,11 @@ function create_fragment$5(ctx) {
|
|
|
14518
14521
|
};
|
|
14519
14522
|
}
|
|
14520
14523
|
|
|
14521
|
-
function instance$
|
|
14524
|
+
function instance$6($$self, $$props, $$invalidate) {
|
|
14522
14525
|
let hasLabel;
|
|
14523
|
-
let rootStyle;
|
|
14524
|
-
let labelCssVariable;
|
|
14525
14526
|
let style;
|
|
14526
|
-
let
|
|
14527
|
-
|
|
14527
|
+
let labelStyle;
|
|
14528
|
+
let iconStyle;
|
|
14528
14529
|
let { props = {} } = $$props;
|
|
14529
14530
|
let { layerId = '' } = $$props;
|
|
14530
14531
|
let { eventName = '' } = $$props;
|
|
@@ -14559,15 +14560,6 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14559
14560
|
const label = props.label;
|
|
14560
14561
|
const isLeftLabelPlacement = props.labelPlacement === 'left';
|
|
14561
14562
|
|
|
14562
|
-
const getCssPlacement = () => {
|
|
14563
|
-
return {
|
|
14564
|
-
top: props.top ?? VARIANTS.placement[props.placement ?? 'topRight'].top,
|
|
14565
|
-
right: props.right ?? VARIANTS.placement[props.placement ?? 'topRight'].right,
|
|
14566
|
-
left: props.left ?? VARIANTS.placement[props.placement ?? 'topRight'].left,
|
|
14567
|
-
bottom: props.bottom ?? VARIANTS.placement[props.placement ?? 'topRight'].bottom
|
|
14568
|
-
};
|
|
14569
|
-
};
|
|
14570
|
-
|
|
14571
14563
|
$$self.$$set = $$props => {
|
|
14572
14564
|
if ('props' in $$props) $$invalidate(9, props = $$props.props);
|
|
14573
14565
|
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
@@ -14576,37 +14568,39 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14576
14568
|
};
|
|
14577
14569
|
|
|
14578
14570
|
$$self.$$.update = () => {
|
|
14579
|
-
if ($$self.$$.dirty & /*$maximumZindex*/ 4096) {
|
|
14580
|
-
$$invalidate(3, rootStyle = objToStyle({
|
|
14581
|
-
...getCssPlacement(),
|
|
14582
|
-
zIndex: $maximumZindex + 1
|
|
14583
|
-
}));
|
|
14584
|
-
}
|
|
14585
|
-
|
|
14586
14571
|
if ($$self.$$.dirty & /*props*/ 512) {
|
|
14587
|
-
$$invalidate(
|
|
14588
|
-
}
|
|
14589
|
-
|
|
14590
|
-
if ($$self.$$.dirty & /*props*/ 512) {
|
|
14591
|
-
$$invalidate(1, style = objToStyle({
|
|
14592
|
-
width: `${size}px`,
|
|
14593
|
-
height: `${size}px`,
|
|
14572
|
+
$$invalidate(3, style = objToStyle({
|
|
14594
14573
|
...props.bordered && { border: '1px solid #666' },
|
|
14574
|
+
height: `${size}px`,
|
|
14575
|
+
boxSizing: 'border-box',
|
|
14576
|
+
padding: '6px',
|
|
14595
14577
|
backgroundColor: props.backgroundColor ?? 'transparent',
|
|
14596
14578
|
...VARIANTS.round[props.round ?? 'default'],
|
|
14597
14579
|
...toCssCommon(props),
|
|
14598
14580
|
...toCssBorder(props)
|
|
14599
14581
|
}));
|
|
14600
14582
|
}
|
|
14583
|
+
|
|
14584
|
+
if ($$self.$$.dirty & /*props*/ 512) {
|
|
14585
|
+
$$invalidate(2, labelStyle = objToStyle({
|
|
14586
|
+
color: props.labelColor ?? color,
|
|
14587
|
+
fontSize: `${size / 2.1}px`
|
|
14588
|
+
}));
|
|
14589
|
+
}
|
|
14601
14590
|
};
|
|
14602
14591
|
|
|
14603
14592
|
$$invalidate(4, hasLabel = label !== undefined && label !== '');
|
|
14604
14593
|
|
|
14594
|
+
$$invalidate(1, iconStyle = objToStyle({
|
|
14595
|
+
width: `${size - 12}px`,
|
|
14596
|
+
height: `${size - 12}px`
|
|
14597
|
+
}));
|
|
14598
|
+
|
|
14605
14599
|
return [
|
|
14606
14600
|
layerId,
|
|
14601
|
+
iconStyle,
|
|
14602
|
+
labelStyle,
|
|
14607
14603
|
style,
|
|
14608
|
-
labelCssVariable,
|
|
14609
|
-
rootStyle,
|
|
14610
14604
|
hasLabel,
|
|
14611
14605
|
handleClick,
|
|
14612
14606
|
color,
|
|
@@ -14614,8 +14608,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14614
14608
|
isLeftLabelPlacement,
|
|
14615
14609
|
props,
|
|
14616
14610
|
eventName,
|
|
14617
|
-
eventValue
|
|
14618
|
-
$maximumZindex
|
|
14611
|
+
eventValue
|
|
14619
14612
|
];
|
|
14620
14613
|
}
|
|
14621
14614
|
|
|
@@ -14626,8 +14619,8 @@ class CloseButton extends SvelteComponent {
|
|
|
14626
14619
|
init(
|
|
14627
14620
|
this,
|
|
14628
14621
|
options,
|
|
14629
|
-
instance$
|
|
14630
|
-
create_fragment$
|
|
14622
|
+
instance$6,
|
|
14623
|
+
create_fragment$6,
|
|
14631
14624
|
safe_not_equal,
|
|
14632
14625
|
{
|
|
14633
14626
|
props: 9,
|
|
@@ -14635,15 +14628,15 @@ class CloseButton extends SvelteComponent {
|
|
|
14635
14628
|
eventName: 10,
|
|
14636
14629
|
eventValue: 11
|
|
14637
14630
|
},
|
|
14638
|
-
add_css$
|
|
14631
|
+
add_css$4
|
|
14639
14632
|
);
|
|
14640
14633
|
}
|
|
14641
14634
|
}
|
|
14642
14635
|
|
|
14643
14636
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
|
14644
14637
|
|
|
14645
|
-
function add_css$
|
|
14646
|
-
append_styles(target, "svelte-
|
|
14638
|
+
function add_css$3(target) {
|
|
14639
|
+
append_styles(target, "svelte-180u8ho", ".image.svelte-180u8ho{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-180u8ho{width:100%;overflow:hidden}.image-img.svelte-180u8ho{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
|
|
14647
14640
|
}
|
|
14648
14641
|
|
|
14649
14642
|
// (16:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
|
|
@@ -14659,9 +14652,9 @@ function create_default_slot$1(ctx) {
|
|
|
14659
14652
|
img = element("img");
|
|
14660
14653
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
14661
14654
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
14662
|
-
attr(img, "class", "image-img svelte-
|
|
14655
|
+
attr(img, "class", "image-img svelte-180u8ho");
|
|
14663
14656
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
|
14664
|
-
attr(object, "class", "image-object svelte-
|
|
14657
|
+
attr(object, "class", "image-object svelte-180u8ho");
|
|
14665
14658
|
},
|
|
14666
14659
|
m(target, anchor) {
|
|
14667
14660
|
insert(target, object, anchor);
|
|
@@ -14686,7 +14679,7 @@ function create_default_slot$1(ctx) {
|
|
|
14686
14679
|
};
|
|
14687
14680
|
}
|
|
14688
14681
|
|
|
14689
|
-
function create_fragment$
|
|
14682
|
+
function create_fragment$5(ctx) {
|
|
14690
14683
|
let div;
|
|
14691
14684
|
let clickable;
|
|
14692
14685
|
let current;
|
|
@@ -14706,7 +14699,7 @@ function create_fragment$4(ctx) {
|
|
|
14706
14699
|
div = element("div");
|
|
14707
14700
|
create_component(clickable.$$.fragment);
|
|
14708
14701
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14709
|
-
attr(div, "class", "image svelte-
|
|
14702
|
+
attr(div, "class", "image svelte-180u8ho");
|
|
14710
14703
|
attr(div, "style", /*style*/ ctx[3]);
|
|
14711
14704
|
},
|
|
14712
14705
|
m(target, anchor) {
|
|
@@ -14750,7 +14743,7 @@ function create_fragment$4(ctx) {
|
|
|
14750
14743
|
};
|
|
14751
14744
|
}
|
|
14752
14745
|
|
|
14753
|
-
function instance$
|
|
14746
|
+
function instance$5($$self, $$props, $$invalidate) {
|
|
14754
14747
|
let style;
|
|
14755
14748
|
let objectStyle;
|
|
14756
14749
|
let { props = {} } = $$props;
|
|
@@ -14780,17 +14773,12 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
14780
14773
|
class Image extends SvelteComponent {
|
|
14781
14774
|
constructor(options) {
|
|
14782
14775
|
super();
|
|
14783
|
-
init(this, options, instance$
|
|
14776
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
|
|
14784
14777
|
}
|
|
14785
14778
|
}
|
|
14786
14779
|
|
|
14787
14780
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
14788
14781
|
|
|
14789
|
-
function add_css$3(target) {
|
|
14790
|
-
append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
|
|
14791
|
-
}
|
|
14792
|
-
|
|
14793
|
-
// (26:2) <CLICKABLE onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
|
|
14794
14782
|
function create_default_slot(ctx) {
|
|
14795
14783
|
let current;
|
|
14796
14784
|
const default_slot_template = /*#slots*/ ctx[3].default;
|
|
@@ -14838,13 +14826,15 @@ function create_default_slot(ctx) {
|
|
|
14838
14826
|
};
|
|
14839
14827
|
}
|
|
14840
14828
|
|
|
14841
|
-
function create_fragment$
|
|
14842
|
-
let div;
|
|
14829
|
+
function create_fragment$4(ctx) {
|
|
14843
14830
|
let clickable;
|
|
14844
14831
|
let current;
|
|
14845
14832
|
|
|
14846
14833
|
clickable = new Clickable({
|
|
14847
14834
|
props: {
|
|
14835
|
+
layerId: /*layerId*/ ctx[1],
|
|
14836
|
+
className: "layout",
|
|
14837
|
+
style: /*style*/ ctx[2],
|
|
14848
14838
|
onClick: /*props*/ ctx[0].onClick,
|
|
14849
14839
|
eventName: /*props*/ ctx[0].eventName,
|
|
14850
14840
|
eventValue: /*props*/ ctx[0].eventValue,
|
|
@@ -14855,19 +14845,16 @@ function create_fragment$3(ctx) {
|
|
|
14855
14845
|
|
|
14856
14846
|
return {
|
|
14857
14847
|
c() {
|
|
14858
|
-
div = element("div");
|
|
14859
14848
|
create_component(clickable.$$.fragment);
|
|
14860
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14861
|
-
attr(div, "class", "layout svelte-19rjtwm");
|
|
14862
|
-
attr(div, "style", /*style*/ ctx[2]);
|
|
14863
14849
|
},
|
|
14864
14850
|
m(target, anchor) {
|
|
14865
|
-
|
|
14866
|
-
mount_component(clickable, div, null);
|
|
14851
|
+
mount_component(clickable, target, anchor);
|
|
14867
14852
|
current = true;
|
|
14868
14853
|
},
|
|
14869
14854
|
p(ctx, [dirty]) {
|
|
14870
14855
|
const clickable_changes = {};
|
|
14856
|
+
if (dirty & /*layerId*/ 2) clickable_changes.layerId = /*layerId*/ ctx[1];
|
|
14857
|
+
if (dirty & /*style*/ 4) clickable_changes.style = /*style*/ ctx[2];
|
|
14871
14858
|
if (dirty & /*props*/ 1) clickable_changes.onClick = /*props*/ ctx[0].onClick;
|
|
14872
14859
|
if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
|
|
14873
14860
|
if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
|
|
@@ -14877,14 +14864,6 @@ function create_fragment$3(ctx) {
|
|
|
14877
14864
|
}
|
|
14878
14865
|
|
|
14879
14866
|
clickable.$set(clickable_changes);
|
|
14880
|
-
|
|
14881
|
-
if (!current || dirty & /*layerId*/ 2) {
|
|
14882
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14883
|
-
}
|
|
14884
|
-
|
|
14885
|
-
if (!current || dirty & /*style*/ 4) {
|
|
14886
|
-
attr(div, "style", /*style*/ ctx[2]);
|
|
14887
|
-
}
|
|
14888
14867
|
},
|
|
14889
14868
|
i(local) {
|
|
14890
14869
|
if (current) return;
|
|
@@ -14896,13 +14875,12 @@ function create_fragment$3(ctx) {
|
|
|
14896
14875
|
current = false;
|
|
14897
14876
|
},
|
|
14898
14877
|
d(detaching) {
|
|
14899
|
-
|
|
14900
|
-
destroy_component(clickable);
|
|
14878
|
+
destroy_component(clickable, detaching);
|
|
14901
14879
|
}
|
|
14902
14880
|
};
|
|
14903
14881
|
}
|
|
14904
14882
|
|
|
14905
|
-
function instance$
|
|
14883
|
+
function instance$4($$self, $$props, $$invalidate) {
|
|
14906
14884
|
let style;
|
|
14907
14885
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
14908
14886
|
let { props = {} } = $$props;
|
|
@@ -14942,7 +14920,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
|
14942
14920
|
class Layout extends SvelteComponent {
|
|
14943
14921
|
constructor(options) {
|
|
14944
14922
|
super();
|
|
14945
|
-
init(this, options, instance$
|
|
14923
|
+
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 });
|
|
14946
14924
|
}
|
|
14947
14925
|
}
|
|
14948
14926
|
|
|
@@ -14951,6 +14929,335 @@ const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
|
|
|
14951
14929
|
const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
|
|
14952
14930
|
const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
14953
14931
|
|
|
14932
|
+
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
|
14933
|
+
|
|
14934
|
+
function get_each_context(ctx, list, i) {
|
|
14935
|
+
const child_ctx = ctx.slice();
|
|
14936
|
+
child_ctx[19] = list[i];
|
|
14937
|
+
child_ctx[21] = i;
|
|
14938
|
+
return child_ctx;
|
|
14939
|
+
}
|
|
14940
|
+
|
|
14941
|
+
// (87:4) {#each indicators ?? [] as indicator, i}
|
|
14942
|
+
function create_each_block(ctx) {
|
|
14943
|
+
let button;
|
|
14944
|
+
let i_1;
|
|
14945
|
+
let i_1_style_value;
|
|
14946
|
+
let t;
|
|
14947
|
+
let mounted;
|
|
14948
|
+
let dispose;
|
|
14949
|
+
|
|
14950
|
+
function click_handler() {
|
|
14951
|
+
return /*click_handler*/ ctx[16](/*i*/ ctx[21]);
|
|
14952
|
+
}
|
|
14953
|
+
|
|
14954
|
+
return {
|
|
14955
|
+
c() {
|
|
14956
|
+
button = element("button");
|
|
14957
|
+
i_1 = element("i");
|
|
14958
|
+
t = space();
|
|
14959
|
+
|
|
14960
|
+
attr(i_1, "style", i_1_style_value = objToStyle({
|
|
14961
|
+
.../*indicatorItemStyle*/ ctx[3],
|
|
14962
|
+
...{
|
|
14963
|
+
background: /*indicator*/ ctx[19].isActive ? '#555555' : '#AAAAAA'
|
|
14964
|
+
}
|
|
14965
|
+
}));
|
|
14966
|
+
|
|
14967
|
+
attr(button, "style", objToStyle({ padding: '4px' }));
|
|
14968
|
+
},
|
|
14969
|
+
m(target, anchor) {
|
|
14970
|
+
insert(target, button, anchor);
|
|
14971
|
+
append(button, i_1);
|
|
14972
|
+
append(button, t);
|
|
14973
|
+
|
|
14974
|
+
if (!mounted) {
|
|
14975
|
+
dispose = listen(button, "click", click_handler);
|
|
14976
|
+
mounted = true;
|
|
14977
|
+
}
|
|
14978
|
+
},
|
|
14979
|
+
p(new_ctx, dirty) {
|
|
14980
|
+
ctx = new_ctx;
|
|
14981
|
+
|
|
14982
|
+
if (dirty & /*indicatorItemStyle, indicators*/ 136 && i_1_style_value !== (i_1_style_value = objToStyle({
|
|
14983
|
+
.../*indicatorItemStyle*/ ctx[3],
|
|
14984
|
+
...{
|
|
14985
|
+
background: /*indicator*/ ctx[19].isActive ? '#555555' : '#AAAAAA'
|
|
14986
|
+
}
|
|
14987
|
+
}))) {
|
|
14988
|
+
attr(i_1, "style", i_1_style_value);
|
|
14989
|
+
}
|
|
14990
|
+
},
|
|
14991
|
+
d(detaching) {
|
|
14992
|
+
if (detaching) detach(button);
|
|
14993
|
+
mounted = false;
|
|
14994
|
+
dispose();
|
|
14995
|
+
}
|
|
14996
|
+
};
|
|
14997
|
+
}
|
|
14998
|
+
|
|
14999
|
+
function create_fragment$3(ctx) {
|
|
15000
|
+
let div2;
|
|
15001
|
+
let div0;
|
|
15002
|
+
let div0_style_value;
|
|
15003
|
+
let t;
|
|
15004
|
+
let div1;
|
|
15005
|
+
let current;
|
|
15006
|
+
const default_slot_template = /*#slots*/ ctx[14].default;
|
|
15007
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[13], null);
|
|
15008
|
+
let each_value = /*indicators*/ ctx[7] ?? [];
|
|
15009
|
+
let each_blocks = [];
|
|
15010
|
+
|
|
15011
|
+
for (let i = 0; i < each_value.length; i += 1) {
|
|
15012
|
+
each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
|
|
15013
|
+
}
|
|
15014
|
+
|
|
15015
|
+
return {
|
|
15016
|
+
c() {
|
|
15017
|
+
div2 = element("div");
|
|
15018
|
+
div0 = element("div");
|
|
15019
|
+
if (default_slot) default_slot.c();
|
|
15020
|
+
t = space();
|
|
15021
|
+
div1 = element("div");
|
|
15022
|
+
|
|
15023
|
+
for (let i = 0; i < each_blocks.length; i += 1) {
|
|
15024
|
+
each_blocks[i].c();
|
|
15025
|
+
}
|
|
15026
|
+
|
|
15027
|
+
attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
|
|
15028
|
+
attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
|
|
15029
|
+
attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15030
|
+
attr(div2, "style", /*style*/ ctx[6]);
|
|
15031
|
+
},
|
|
15032
|
+
m(target, anchor) {
|
|
15033
|
+
insert(target, div2, anchor);
|
|
15034
|
+
append(div2, div0);
|
|
15035
|
+
|
|
15036
|
+
if (default_slot) {
|
|
15037
|
+
default_slot.m(div0, null);
|
|
15038
|
+
}
|
|
15039
|
+
|
|
15040
|
+
/*div0_binding*/ ctx[15](div0);
|
|
15041
|
+
append(div2, t);
|
|
15042
|
+
append(div2, div1);
|
|
15043
|
+
|
|
15044
|
+
for (let i = 0; i < each_blocks.length; i += 1) {
|
|
15045
|
+
each_blocks[i].m(div1, null);
|
|
15046
|
+
}
|
|
15047
|
+
|
|
15048
|
+
current = true;
|
|
15049
|
+
},
|
|
15050
|
+
p(ctx, [dirty]) {
|
|
15051
|
+
if (default_slot) {
|
|
15052
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 8192)) {
|
|
15053
|
+
update_slot_base(
|
|
15054
|
+
default_slot,
|
|
15055
|
+
default_slot_template,
|
|
15056
|
+
ctx,
|
|
15057
|
+
/*$$scope*/ ctx[13],
|
|
15058
|
+
!current
|
|
15059
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[13])
|
|
15060
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[13], dirty, null),
|
|
15061
|
+
null
|
|
15062
|
+
);
|
|
15063
|
+
}
|
|
15064
|
+
}
|
|
15065
|
+
|
|
15066
|
+
if (!current || dirty & /*containerStyle, overrideStyle*/ 34 && div0_style_value !== (div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '))) {
|
|
15067
|
+
attr(div0, "style", div0_style_value);
|
|
15068
|
+
}
|
|
15069
|
+
|
|
15070
|
+
if (dirty & /*objToStyle, handleClickIndicator, indicatorItemStyle, indicators*/ 392) {
|
|
15071
|
+
each_value = /*indicators*/ ctx[7] ?? [];
|
|
15072
|
+
let i;
|
|
15073
|
+
|
|
15074
|
+
for (i = 0; i < each_value.length; i += 1) {
|
|
15075
|
+
const child_ctx = get_each_context(ctx, each_value, i);
|
|
15076
|
+
|
|
15077
|
+
if (each_blocks[i]) {
|
|
15078
|
+
each_blocks[i].p(child_ctx, dirty);
|
|
15079
|
+
} else {
|
|
15080
|
+
each_blocks[i] = create_each_block(child_ctx);
|
|
15081
|
+
each_blocks[i].c();
|
|
15082
|
+
each_blocks[i].m(div1, null);
|
|
15083
|
+
}
|
|
15084
|
+
}
|
|
15085
|
+
|
|
15086
|
+
for (; i < each_blocks.length; i += 1) {
|
|
15087
|
+
each_blocks[i].d(1);
|
|
15088
|
+
}
|
|
15089
|
+
|
|
15090
|
+
each_blocks.length = each_value.length;
|
|
15091
|
+
}
|
|
15092
|
+
|
|
15093
|
+
if (!current || dirty & /*indicatorListStyle*/ 16) {
|
|
15094
|
+
attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
|
|
15095
|
+
}
|
|
15096
|
+
|
|
15097
|
+
if (!current || dirty & /*layerId*/ 1) {
|
|
15098
|
+
attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15099
|
+
}
|
|
15100
|
+
|
|
15101
|
+
if (!current || dirty & /*style*/ 64) {
|
|
15102
|
+
attr(div2, "style", /*style*/ ctx[6]);
|
|
15103
|
+
}
|
|
15104
|
+
},
|
|
15105
|
+
i(local) {
|
|
15106
|
+
if (current) return;
|
|
15107
|
+
transition_in(default_slot, local);
|
|
15108
|
+
current = true;
|
|
15109
|
+
},
|
|
15110
|
+
o(local) {
|
|
15111
|
+
transition_out(default_slot, local);
|
|
15112
|
+
current = false;
|
|
15113
|
+
},
|
|
15114
|
+
d(detaching) {
|
|
15115
|
+
if (detaching) detach(div2);
|
|
15116
|
+
if (default_slot) default_slot.d(detaching);
|
|
15117
|
+
/*div0_binding*/ ctx[15](null);
|
|
15118
|
+
destroy_each(each_blocks, detaching);
|
|
15119
|
+
}
|
|
15120
|
+
};
|
|
15121
|
+
}
|
|
15122
|
+
|
|
15123
|
+
function instance$3($$self, $$props, $$invalidate) {
|
|
15124
|
+
let indicators;
|
|
15125
|
+
let itemWidthPercentage;
|
|
15126
|
+
let style;
|
|
15127
|
+
let containerStyle;
|
|
15128
|
+
let indicatorListStyle;
|
|
15129
|
+
let indicatorItemStyle;
|
|
15130
|
+
let { $$slots: slots = {}, $$scope } = $$props;
|
|
15131
|
+
let { layerId } = $$props;
|
|
15132
|
+
let { props } = $$props;
|
|
15133
|
+
let { overrideStyle } = $$props;
|
|
15134
|
+
let slotElement;
|
|
15135
|
+
let currentIndex = 0;
|
|
15136
|
+
let childCount = slotElement?.children?.length ?? 0;
|
|
15137
|
+
|
|
15138
|
+
const calcTransformX = (index, itemCount) => {
|
|
15139
|
+
if (index === 0) return undefined;
|
|
15140
|
+
|
|
15141
|
+
const movingX = (() => {
|
|
15142
|
+
let result = 0;
|
|
15143
|
+
const itemWidth = itemWidthPercentage;
|
|
15144
|
+
const itemMargin = (100 - itemWidthPercentage) / 2;
|
|
15145
|
+
|
|
15146
|
+
const movingMap = [...Array(currentIndex + 1)].map((_, index) => {
|
|
15147
|
+
if (index === 0) return 0;
|
|
15148
|
+
if (index === 1 || index === itemCount - 1) return itemWidth - itemMargin;
|
|
15149
|
+
return itemWidth;
|
|
15150
|
+
});
|
|
15151
|
+
|
|
15152
|
+
movingMap.forEach(value => result += value);
|
|
15153
|
+
return result;
|
|
15154
|
+
})();
|
|
15155
|
+
|
|
15156
|
+
return `translateX(calc(-${movingX}% - ${(props.gap ?? 0) * index}px))`;
|
|
15157
|
+
};
|
|
15158
|
+
|
|
15159
|
+
const handleClickIndicator = index => {
|
|
15160
|
+
$$invalidate(10, currentIndex = index);
|
|
15161
|
+
};
|
|
15162
|
+
|
|
15163
|
+
const setChildCount = () => {
|
|
15164
|
+
const count = slotElement?.children?.length ?? 0;
|
|
15165
|
+
|
|
15166
|
+
if (count !== childCount) {
|
|
15167
|
+
$$invalidate(11, childCount = slotElement?.children?.length ?? 0);
|
|
15168
|
+
}
|
|
15169
|
+
};
|
|
15170
|
+
|
|
15171
|
+
onMount$1(() => {
|
|
15172
|
+
setChildCount();
|
|
15173
|
+
setInterval(setChildCount, 300);
|
|
15174
|
+
});
|
|
15175
|
+
|
|
15176
|
+
function div0_binding($$value) {
|
|
15177
|
+
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
|
15178
|
+
slotElement = $$value;
|
|
15179
|
+
$$invalidate(2, slotElement);
|
|
15180
|
+
});
|
|
15181
|
+
}
|
|
15182
|
+
|
|
15183
|
+
const click_handler = i => handleClickIndicator(i);
|
|
15184
|
+
|
|
15185
|
+
$$self.$$set = $$props => {
|
|
15186
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
15187
|
+
if ('props' in $$props) $$invalidate(9, props = $$props.props);
|
|
15188
|
+
if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
|
|
15189
|
+
if ('$$scope' in $$props) $$invalidate(13, $$scope = $$props.$$scope);
|
|
15190
|
+
};
|
|
15191
|
+
|
|
15192
|
+
$$self.$$.update = () => {
|
|
15193
|
+
if ($$self.$$.dirty & /*childCount, currentIndex*/ 3072) {
|
|
15194
|
+
$$invalidate(7, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
|
|
15195
|
+
}
|
|
15196
|
+
|
|
15197
|
+
if ($$self.$$.dirty & /*props*/ 512) {
|
|
15198
|
+
$$invalidate(12, itemWidthPercentage = props.itemWidthPercentage ?? 100);
|
|
15199
|
+
}
|
|
15200
|
+
|
|
15201
|
+
if ($$self.$$.dirty & /*props, itemWidthPercentage, currentIndex, childCount*/ 7680) {
|
|
15202
|
+
$$invalidate(5, containerStyle = objToStyle({
|
|
15203
|
+
display: 'grid',
|
|
15204
|
+
// marginInline: `-${props.gap}px`,
|
|
15205
|
+
gap: `${props.gap}px`,
|
|
15206
|
+
gridTemplateColumns: `repeat(auto-fill, minmax(${itemWidthPercentage}%, 1fr))`,
|
|
15207
|
+
gridAutoFlow: 'column',
|
|
15208
|
+
gridAutoColumns: `minmax(${itemWidthPercentage}%, 1fr)`,
|
|
15209
|
+
flexShrink: 0,
|
|
15210
|
+
transition: 'transform 0.5s',
|
|
15211
|
+
transform: calcTransformX(currentIndex, childCount)
|
|
15212
|
+
}));
|
|
15213
|
+
}
|
|
15214
|
+
};
|
|
15215
|
+
|
|
15216
|
+
$$invalidate(6, style = objToStyle({ overflow: 'auto', width: '100%' }));
|
|
15217
|
+
|
|
15218
|
+
$$invalidate(4, indicatorListStyle = objToStyle({
|
|
15219
|
+
display: 'flex',
|
|
15220
|
+
justifyContent: 'center',
|
|
15221
|
+
gap: '4px',
|
|
15222
|
+
marginTop: '12px'
|
|
15223
|
+
}));
|
|
15224
|
+
|
|
15225
|
+
$$invalidate(3, indicatorItemStyle = {
|
|
15226
|
+
width: '8px',
|
|
15227
|
+
height: '8px',
|
|
15228
|
+
borderRadius: '100%',
|
|
15229
|
+
display: 'block',
|
|
15230
|
+
background: '#AAAAAA'
|
|
15231
|
+
});
|
|
15232
|
+
|
|
15233
|
+
return [
|
|
15234
|
+
layerId,
|
|
15235
|
+
overrideStyle,
|
|
15236
|
+
slotElement,
|
|
15237
|
+
indicatorItemStyle,
|
|
15238
|
+
indicatorListStyle,
|
|
15239
|
+
containerStyle,
|
|
15240
|
+
style,
|
|
15241
|
+
indicators,
|
|
15242
|
+
handleClickIndicator,
|
|
15243
|
+
props,
|
|
15244
|
+
currentIndex,
|
|
15245
|
+
childCount,
|
|
15246
|
+
itemWidthPercentage,
|
|
15247
|
+
$$scope,
|
|
15248
|
+
slots,
|
|
15249
|
+
div0_binding,
|
|
15250
|
+
click_handler
|
|
15251
|
+
];
|
|
15252
|
+
}
|
|
15253
|
+
|
|
15254
|
+
class Slider extends SvelteComponent {
|
|
15255
|
+
constructor(options) {
|
|
15256
|
+
super();
|
|
15257
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 9, overrideStyle: 1 });
|
|
15258
|
+
}
|
|
15259
|
+
}
|
|
15260
|
+
|
|
14954
15261
|
const TEXT_VARIANTS = {
|
|
14955
15262
|
size: {
|
|
14956
15263
|
extra_small: {
|
|
@@ -15009,7 +15316,7 @@ const TEXT_VARIANTS = {
|
|
|
15009
15316
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
|
15010
15317
|
|
|
15011
15318
|
function add_css$2(target) {
|
|
15012
|
-
append_styles(target, "svelte-
|
|
15319
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
|
15013
15320
|
}
|
|
15014
15321
|
|
|
15015
15322
|
function create_fragment$2(ctx) {
|
|
@@ -15019,7 +15326,7 @@ function create_fragment$2(ctx) {
|
|
|
15019
15326
|
c() {
|
|
15020
15327
|
p = element("p");
|
|
15021
15328
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15022
|
-
attr(p, "class", "text svelte-
|
|
15329
|
+
attr(p, "class", "text svelte-1vl0c87");
|
|
15023
15330
|
attr(p, "style", /*style*/ ctx[1]);
|
|
15024
15331
|
},
|
|
15025
15332
|
m(target, anchor) {
|
|
@@ -15111,7 +15418,7 @@ const LAYER_TEXT_SIZE = {
|
|
|
15111
15418
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
15112
15419
|
|
|
15113
15420
|
function add_css$1(target) {
|
|
15114
|
-
append_styles(target, "svelte-
|
|
15421
|
+
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}");
|
|
15115
15422
|
}
|
|
15116
15423
|
|
|
15117
15424
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -15124,7 +15431,7 @@ function create_if_block$1(ctx) {
|
|
|
15124
15431
|
return {
|
|
15125
15432
|
c() {
|
|
15126
15433
|
div = element("div");
|
|
15127
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
15434
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
|
15128
15435
|
},
|
|
15129
15436
|
m(target, anchor) {
|
|
15130
15437
|
insert(target, div, anchor);
|
|
@@ -15135,7 +15442,7 @@ function create_if_block$1(ctx) {
|
|
|
15135
15442
|
}
|
|
15136
15443
|
},
|
|
15137
15444
|
p(ctx, dirty) {
|
|
15138
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
15445
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
|
15139
15446
|
attr(div, "class", div_class_value);
|
|
15140
15447
|
}
|
|
15141
15448
|
},
|
|
@@ -15207,7 +15514,7 @@ class BackgroundOverlay extends SvelteComponent {
|
|
|
15207
15514
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
|
15208
15515
|
|
|
15209
15516
|
function add_css(target) {
|
|
15210
|
-
append_styles(target, "svelte-
|
|
15517
|
+
append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{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-45ue06{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}}");
|
|
15211
15518
|
}
|
|
15212
15519
|
|
|
15213
15520
|
// (253:0) {:else}
|
|
@@ -15348,7 +15655,7 @@ function create_if_block(ctx) {
|
|
|
15348
15655
|
c() {
|
|
15349
15656
|
div = element("div");
|
|
15350
15657
|
if (default_slot) default_slot.c();
|
|
15351
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
15658
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
|
15352
15659
|
attr(div, "role", "dialog");
|
|
15353
15660
|
attr(div, "aria-modal", "true");
|
|
15354
15661
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
|
|
@@ -15381,7 +15688,7 @@ function create_if_block(ctx) {
|
|
|
15381
15688
|
}
|
|
15382
15689
|
}
|
|
15383
15690
|
|
|
15384
|
-
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
15691
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
|
15385
15692
|
attr(div, "class", div_class_value);
|
|
15386
15693
|
}
|
|
15387
15694
|
},
|
|
@@ -15897,4 +16204,4 @@ const ROUND_STYLES = {
|
|
|
15897
16204
|
},
|
|
15898
16205
|
};
|
|
15899
16206
|
|
|
15900
|
-
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonPropsDefault, 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 };
|
|
16207
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonPropsDefault, 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 };
|