@plaidev/karte-action-sdk 1.1.249 → 1.1.250-28786077.a0d6c5ff
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +50 -11
- package/dist/hydrate/index.es.js +597 -484
- package/dist/index.es.d.ts +50 -11
- package/dist/index.es.js +587 -485
- package/package.json +1 -1
- package/meta/karte-action-sdk.api.json +0 -8155
package/dist/index.es.js
CHANGED
@@ -2929,7 +2929,7 @@ function create_if_block$h(ctx) {
|
|
2929
2929
|
};
|
2930
2930
|
}
|
2931
2931
|
|
2932
|
-
function create_fragment$
|
2932
|
+
function create_fragment$1g(ctx) {
|
2933
2933
|
let head;
|
2934
2934
|
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$h(ctx);
|
2935
2935
|
|
@@ -2965,7 +2965,7 @@ function create_fragment$1f(ctx) {
|
|
2965
2965
|
};
|
2966
2966
|
}
|
2967
2967
|
|
2968
|
-
function instance$
|
2968
|
+
function instance$1g($$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$1f($$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$1g, create_fragment$1g, 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$1f(ctx) {
|
3004
3004
|
let header;
|
3005
3005
|
let t;
|
3006
3006
|
let current;
|
@@ -3059,7 +3059,7 @@ function create_fragment$1e(ctx) {
|
|
3059
3059
|
};
|
3060
3060
|
}
|
3061
3061
|
|
3062
|
-
function instance$
|
3062
|
+
function instance$1f($$self, $$props, $$invalidate) {
|
3063
3063
|
let { $$slots: slots = {}, $$scope } = $$props;
|
3064
3064
|
|
3065
3065
|
$$self.$$set = $$props => {
|
@@ -3072,14 +3072,14 @@ function instance$1e($$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$1f, create_fragment$1f, safe_not_equal, {});
|
3076
3076
|
}
|
3077
3077
|
}
|
3078
3078
|
|
3079
3079
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3080
3080
|
|
3081
3081
|
function add_css$F(target) {
|
3082
|
-
append_styles(target, "svelte-
|
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$g(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$g(ctx) {
|
|
3145
3145
|
};
|
3146
3146
|
}
|
3147
3147
|
|
3148
|
-
function create_fragment$
|
3148
|
+
function create_fragment$1e(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$g(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$1e($$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$1d($$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$1e, create_fragment$1e, safe_not_equal, { path: 0 }, add_css$F);
|
3236
3236
|
}
|
3237
3237
|
}
|
3238
3238
|
|
@@ -3418,7 +3418,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3418
3418
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3419
3419
|
|
3420
3420
|
function add_css$E(target) {
|
3421
|
-
append_styles(target, "svelte-
|
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$f(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$f(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$f(ctx) {
|
|
3454
3454
|
};
|
3455
3455
|
}
|
3456
3456
|
|
3457
|
-
function create_fragment$
|
3457
|
+
function create_fragment$1d(ctx) {
|
3458
3458
|
let if_block_anchor;
|
3459
3459
|
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$f(ctx);
|
3460
3460
|
|
@@ -3490,7 +3490,7 @@ function create_fragment$1c(ctx) {
|
|
3490
3490
|
};
|
3491
3491
|
}
|
3492
3492
|
|
3493
|
-
function instance$
|
3493
|
+
function instance$1d($$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$1c($$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$1d, create_fragment$1d, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$E);
|
3511
3511
|
}
|
3512
3512
|
};
|
3513
3513
|
|
@@ -3548,7 +3548,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3548
3548
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3549
3549
|
|
3550
3550
|
function add_css$D(target) {
|
3551
|
-
append_styles(target, "svelte-
|
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$e(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$e(ctx) {
|
|
3852
3852
|
};
|
3853
3853
|
}
|
3854
3854
|
|
3855
|
-
function create_fragment$
|
3855
|
+
function create_fragment$1c(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$1b(ctx) {
|
|
3925
3925
|
|
3926
3926
|
const BUTTON_CLASS = 'button';
|
3927
3927
|
|
3928
|
-
function instance$
|
3928
|
+
function instance$1c($$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$1c,
|
3995
|
+
create_fragment$1c,
|
3996
3996
|
safe_not_equal,
|
3997
3997
|
{
|
3998
3998
|
onClick: 0,
|
@@ -4008,7 +4008,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
4008
4008
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
4009
4009
|
|
4010
4010
|
function add_css$C(target) {
|
4011
|
-
append_styles(target, "svelte-
|
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}
|
@@ -4158,7 +4158,7 @@ function create_if_block$d(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$d(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
|
},
|
@@ -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) {
|
@@ -4325,7 +4325,7 @@ function create_default_slot$d(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$d(ctx) {
|
|
4402
4402
|
};
|
4403
4403
|
}
|
4404
4404
|
|
4405
|
-
function create_fragment$
|
4405
|
+
function create_fragment$1b(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$1a(ctx) {
|
|
4520
4520
|
};
|
4521
4521
|
}
|
4522
4522
|
|
4523
|
-
function instance$
|
4523
|
+
function instance$1b($$self, $$props, $$invalidate) {
|
4524
4524
|
let close;
|
4525
4525
|
let closable;
|
4526
4526
|
let backgroundClick;
|
@@ -4832,8 +4832,8 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
4832
4832
|
init(
|
4833
4833
|
this,
|
4834
4834
|
options,
|
4835
|
-
instance$
|
4836
|
-
create_fragment$
|
4835
|
+
instance$1b,
|
4836
|
+
create_fragment$1b,
|
4837
4837
|
safe_not_equal,
|
4838
4838
|
{
|
4839
4839
|
onClick: 0,
|
@@ -4859,7 +4859,7 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
4859
4859
|
|
4860
4860
|
/* src/components/Grid.svelte generated by Svelte v3.53.1 */
|
4861
4861
|
|
4862
|
-
function create_fragment$
|
4862
|
+
function create_fragment$1a(ctx) {
|
4863
4863
|
let div;
|
4864
4864
|
let current;
|
4865
4865
|
const default_slot_template = /*#slots*/ ctx[8].default;
|
@@ -4917,7 +4917,7 @@ function create_fragment$19(ctx) {
|
|
4917
4917
|
};
|
4918
4918
|
}
|
4919
4919
|
|
4920
|
-
function instance$
|
4920
|
+
function instance$1a($$self, $$props, $$invalidate) {
|
4921
4921
|
let _style;
|
4922
4922
|
let { $$slots: slots = {}, $$scope } = $$props;
|
4923
4923
|
let { width = '512px' } = $$props;
|
@@ -4962,7 +4962,7 @@ class Grid extends SvelteComponent {
|
|
4962
4962
|
constructor(options) {
|
4963
4963
|
super();
|
4964
4964
|
|
4965
|
-
init(this, options, instance$
|
4965
|
+
init(this, options, instance$1a, create_fragment$1a, safe_not_equal, {
|
4966
4966
|
width: 1,
|
4967
4967
|
height: 2,
|
4968
4968
|
rows: 3,
|
@@ -4976,10 +4976,10 @@ class Grid extends SvelteComponent {
|
|
4976
4976
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4977
4977
|
|
4978
4978
|
function add_css$B(target) {
|
4979
|
-
append_styles(target, "svelte-
|
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}");
|
4980
4980
|
}
|
4981
4981
|
|
4982
|
-
function create_fragment$
|
4982
|
+
function create_fragment$19(ctx) {
|
4983
4983
|
let div1;
|
4984
4984
|
let div0;
|
4985
4985
|
let current;
|
@@ -4991,8 +4991,8 @@ function create_fragment$18(ctx) {
|
|
4991
4991
|
div1 = element("div");
|
4992
4992
|
div0 = element("div");
|
4993
4993
|
if (default_slot) default_slot.c();
|
4994
|
-
attr(div0, "class", "grid-item-inner svelte-
|
4995
|
-
attr(div1, "class", "grid-item svelte-
|
4994
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
4995
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
4996
4996
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
4997
4997
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
4998
4998
|
attr(div1, "style", /*_style*/ ctx[1]);
|
@@ -5053,7 +5053,7 @@ function create_fragment$18(ctx) {
|
|
5053
5053
|
|
5054
5054
|
const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
|
5055
5055
|
|
5056
|
-
function instance$
|
5056
|
+
function instance$19($$self, $$props, $$invalidate) {
|
5057
5057
|
let _style;
|
5058
5058
|
let { $$slots: slots = {}, $$scope } = $$props;
|
5059
5059
|
let { x1 } = $$props;
|
@@ -5102,8 +5102,8 @@ class GridItem extends SvelteComponent {
|
|
5102
5102
|
init(
|
5103
5103
|
this,
|
5104
5104
|
options,
|
5105
|
-
instance$
|
5106
|
-
create_fragment$
|
5105
|
+
instance$19,
|
5106
|
+
create_fragment$19,
|
5107
5107
|
safe_not_equal,
|
5108
5108
|
{
|
5109
5109
|
x1: 2,
|
@@ -5210,7 +5210,7 @@ function create_each_block$7(ctx) {
|
|
5210
5210
|
};
|
5211
5211
|
}
|
5212
5212
|
|
5213
|
-
function create_fragment$
|
5213
|
+
function create_fragment$18(ctx) {
|
5214
5214
|
let each_1_anchor;
|
5215
5215
|
let each_value = /*items*/ ctx[0];
|
5216
5216
|
let each_blocks = [];
|
@@ -5269,7 +5269,7 @@ function create_fragment$17(ctx) {
|
|
5269
5269
|
|
5270
5270
|
const regexp = /(\r?\n)/;
|
5271
5271
|
|
5272
|
-
function instance$
|
5272
|
+
function instance$18($$self, $$props, $$invalidate) {
|
5273
5273
|
let items;
|
5274
5274
|
let { text = 'サンプルSample' } = $$props;
|
5275
5275
|
|
@@ -5290,14 +5290,14 @@ function instance$17($$self, $$props, $$invalidate) {
|
|
5290
5290
|
class RenderText extends SvelteComponent {
|
5291
5291
|
constructor(options) {
|
5292
5292
|
super();
|
5293
|
-
init(this, options, instance$
|
5293
|
+
init(this, options, instance$18, create_fragment$18, safe_not_equal, { text: 1 });
|
5294
5294
|
}
|
5295
5295
|
}
|
5296
5296
|
|
5297
5297
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5298
5298
|
|
5299
5299
|
function add_css$A(target) {
|
5300
|
-
append_styles(target, "svelte-
|
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}");
|
5301
5301
|
}
|
5302
5302
|
|
5303
5303
|
// (94:2) {:else}
|
@@ -5314,8 +5314,8 @@ function create_else_block$3(ctx) {
|
|
5314
5314
|
div1 = element("div");
|
5315
5315
|
div0 = element("div");
|
5316
5316
|
create_component(rendertext.$$.fragment);
|
5317
|
-
attr(div0, "class", "text-element-inner svelte-
|
5318
|
-
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"));
|
5319
5319
|
attr(div1, "style", /*style*/ ctx[5]);
|
5320
5320
|
},
|
5321
5321
|
m(target, anchor) {
|
@@ -5329,7 +5329,7 @@ function create_else_block$3(ctx) {
|
|
5329
5329
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
5330
5330
|
rendertext.$set(rendertext_changes);
|
5331
5331
|
|
5332
|
-
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"))) {
|
5333
5333
|
attr(div1, "class", div1_class_value);
|
5334
5334
|
}
|
5335
5335
|
|
@@ -5379,12 +5379,12 @@ function create_if_block$b(ctx) {
|
|
5379
5379
|
t2 = space();
|
5380
5380
|
div2 = element("div");
|
5381
5381
|
div2.textContent = "コピーできませんでした";
|
5382
|
-
attr(div0, "class", "text-element-inner svelte-
|
5382
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
5383
5383
|
attr(a, "href", '');
|
5384
|
-
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"));
|
5385
5385
|
attr(a, "style", /*style*/ ctx[5]);
|
5386
|
-
attr(div1, "class", "tooltip svelte-
|
5387
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
5386
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
5387
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
5388
5388
|
},
|
5389
5389
|
m(target, anchor) {
|
5390
5390
|
insert(target, a, anchor);
|
@@ -5408,7 +5408,7 @@ function create_if_block$b(ctx) {
|
|
5408
5408
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
5409
5409
|
rendertext.$set(rendertext_changes);
|
5410
5410
|
|
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-
|
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"))) {
|
5412
5412
|
attr(a, "class", a_class_value);
|
5413
5413
|
}
|
5414
5414
|
|
@@ -5440,7 +5440,7 @@ function create_if_block$b(ctx) {
|
|
5440
5440
|
};
|
5441
5441
|
}
|
5442
5442
|
|
5443
|
-
function create_fragment$
|
5443
|
+
function create_fragment$17(ctx) {
|
5444
5444
|
let div;
|
5445
5445
|
let current_block_type_index;
|
5446
5446
|
let if_block;
|
@@ -5460,7 +5460,7 @@ function create_fragment$16(ctx) {
|
|
5460
5460
|
c() {
|
5461
5461
|
div = element("div");
|
5462
5462
|
if_block.c();
|
5463
|
-
attr(div, "class", "text-element-wrapper svelte-
|
5463
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
5464
5464
|
},
|
5465
5465
|
m(target, anchor) {
|
5466
5466
|
insert(target, div, anchor);
|
@@ -5510,7 +5510,7 @@ function create_fragment$16(ctx) {
|
|
5510
5510
|
};
|
5511
5511
|
}
|
5512
5512
|
|
5513
|
-
function instance$
|
5513
|
+
function instance$17($$self, $$props, $$invalidate) {
|
5514
5514
|
let style;
|
5515
5515
|
let { text = 'テキストのコンテンツ' } = $$props;
|
5516
5516
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -5606,8 +5606,8 @@ class TextElement extends SvelteComponent {
|
|
5606
5606
|
init(
|
5607
5607
|
this,
|
5608
5608
|
options,
|
5609
|
-
instance$
|
5610
|
-
create_fragment$
|
5609
|
+
instance$17,
|
5610
|
+
create_fragment$17,
|
5611
5611
|
safe_not_equal,
|
5612
5612
|
{
|
5613
5613
|
text: 0,
|
@@ -5626,7 +5626,7 @@ class TextElement extends SvelteComponent {
|
|
5626
5626
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5627
5627
|
|
5628
5628
|
function add_css$z(target) {
|
5629
|
-
append_styles(target, "svelte-
|
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)}");
|
5630
5630
|
}
|
5631
5631
|
|
5632
5632
|
// (48:2) <Button {onClick} {style} {eventName}>
|
@@ -5663,7 +5663,7 @@ function create_default_slot$c(ctx) {
|
|
5663
5663
|
};
|
5664
5664
|
}
|
5665
5665
|
|
5666
|
-
function create_fragment$
|
5666
|
+
function create_fragment$16(ctx) {
|
5667
5667
|
let div;
|
5668
5668
|
let button;
|
5669
5669
|
let current;
|
@@ -5682,7 +5682,7 @@ function create_fragment$15(ctx) {
|
|
5682
5682
|
c() {
|
5683
5683
|
div = element("div");
|
5684
5684
|
create_component(button.$$.fragment);
|
5685
|
-
attr(div, "class", "text-button-element svelte-
|
5685
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
5686
5686
|
},
|
5687
5687
|
m(target, anchor) {
|
5688
5688
|
insert(target, div, anchor);
|
@@ -5717,7 +5717,7 @@ function create_fragment$15(ctx) {
|
|
5717
5717
|
};
|
5718
5718
|
}
|
5719
5719
|
|
5720
|
-
function instance$
|
5720
|
+
function instance$16($$self, $$props, $$invalidate) {
|
5721
5721
|
let style;
|
5722
5722
|
let { text = 'ボタンのラベル' } = $$props;
|
5723
5723
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
@@ -5755,8 +5755,8 @@ class TextButtonElement extends SvelteComponent {
|
|
5755
5755
|
init(
|
5756
5756
|
this,
|
5757
5757
|
options,
|
5758
|
-
instance$
|
5759
|
-
create_fragment$
|
5758
|
+
instance$16,
|
5759
|
+
create_fragment$16,
|
5760
5760
|
safe_not_equal,
|
5761
5761
|
{
|
5762
5762
|
text: 0,
|
@@ -5774,7 +5774,7 @@ class TextButtonElement extends SvelteComponent {
|
|
5774
5774
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5775
5775
|
|
5776
5776
|
function add_css$y(target) {
|
5777
|
-
append_styles(target, "svelte-
|
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%}");
|
5778
5778
|
}
|
5779
5779
|
|
5780
5780
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
@@ -5786,7 +5786,7 @@ function create_default_slot$b(ctx) {
|
|
5786
5786
|
return {
|
5787
5787
|
c() {
|
5788
5788
|
img = element("img");
|
5789
|
-
attr(img, "class", "image svelte-
|
5789
|
+
attr(img, "class", "image svelte-t6tu0e");
|
5790
5790
|
attr(img, "loading", "lazy");
|
5791
5791
|
attr(img, "width", "auto");
|
5792
5792
|
attr(img, "height", "auto");
|
@@ -5828,7 +5828,7 @@ function create_default_slot$b(ctx) {
|
|
5828
5828
|
};
|
5829
5829
|
}
|
5830
5830
|
|
5831
|
-
function create_fragment$
|
5831
|
+
function create_fragment$15(ctx) {
|
5832
5832
|
let div;
|
5833
5833
|
let button;
|
5834
5834
|
let div_class_value;
|
@@ -5848,7 +5848,7 @@ function create_fragment$14(ctx) {
|
|
5848
5848
|
c() {
|
5849
5849
|
div = element("div");
|
5850
5850
|
create_component(button.$$.fragment);
|
5851
|
-
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");
|
5852
5852
|
},
|
5853
5853
|
m(target, anchor) {
|
5854
5854
|
insert(target, div, anchor);
|
@@ -5867,7 +5867,7 @@ function create_fragment$14(ctx) {
|
|
5867
5867
|
|
5868
5868
|
button.$set(button_changes);
|
5869
5869
|
|
5870
|
-
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")) {
|
5871
5871
|
attr(div, "class", div_class_value);
|
5872
5872
|
}
|
5873
5873
|
},
|
@@ -5887,7 +5887,7 @@ function create_fragment$14(ctx) {
|
|
5887
5887
|
};
|
5888
5888
|
}
|
5889
5889
|
|
5890
|
-
function instance$
|
5890
|
+
function instance$15($$self, $$props, $$invalidate) {
|
5891
5891
|
let { src = '' } = $$props;
|
5892
5892
|
let { alt = '画像の説明' } = $$props;
|
5893
5893
|
let { transport = false } = $$props;
|
@@ -5918,8 +5918,8 @@ class ImageElement extends SvelteComponent {
|
|
5918
5918
|
init(
|
5919
5919
|
this,
|
5920
5920
|
options,
|
5921
|
-
instance$
|
5922
|
-
create_fragment$
|
5921
|
+
instance$15,
|
5922
|
+
create_fragment$15,
|
5923
5923
|
safe_not_equal,
|
5924
5924
|
{
|
5925
5925
|
src: 0,
|
@@ -5939,10 +5939,10 @@ class ImageElement extends SvelteComponent {
|
|
5939
5939
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
5940
5940
|
|
5941
5941
|
function add_css$x(target) {
|
5942
|
-
append_styles(target, "svelte-
|
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}");
|
5943
5943
|
}
|
5944
5944
|
|
5945
|
-
function create_fragment$
|
5945
|
+
function create_fragment$14(ctx) {
|
5946
5946
|
let div;
|
5947
5947
|
let current;
|
5948
5948
|
const default_slot_template = /*#slots*/ ctx[6].default;
|
@@ -5952,7 +5952,7 @@ function create_fragment$13(ctx) {
|
|
5952
5952
|
c() {
|
5953
5953
|
div = element("div");
|
5954
5954
|
if (default_slot) default_slot.c();
|
5955
|
-
attr(div, "class", "list svelte-
|
5955
|
+
attr(div, "class", "list svelte-aquv6z");
|
5956
5956
|
attr(div, "style", /*style*/ ctx[0]);
|
5957
5957
|
},
|
5958
5958
|
m(target, anchor) {
|
@@ -6002,7 +6002,7 @@ function create_fragment$13(ctx) {
|
|
6002
6002
|
|
6003
6003
|
const LIST_CONTEXT_KEY = Symbol();
|
6004
6004
|
|
6005
|
-
function instance$
|
6005
|
+
function instance$14($$self, $$props, $$invalidate) {
|
6006
6006
|
let style;
|
6007
6007
|
let { $$slots: slots = {}, $$scope } = $$props;
|
6008
6008
|
let { direction = 'vertical' } = $$props;
|
@@ -6069,8 +6069,8 @@ class List extends SvelteComponent {
|
|
6069
6069
|
init(
|
6070
6070
|
this,
|
6071
6071
|
options,
|
6072
|
-
instance$
|
6073
|
-
create_fragment$
|
6072
|
+
instance$14,
|
6073
|
+
create_fragment$14,
|
6074
6074
|
safe_not_equal,
|
6075
6075
|
{
|
6076
6076
|
direction: 1,
|
@@ -6086,7 +6086,7 @@ class List extends SvelteComponent {
|
|
6086
6086
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6087
6087
|
|
6088
6088
|
function add_css$w(target) {
|
6089
|
-
append_styles(target, "svelte-
|
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}");
|
6090
6090
|
}
|
6091
6091
|
|
6092
6092
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
@@ -6137,7 +6137,7 @@ function create_default_slot$a(ctx) {
|
|
6137
6137
|
};
|
6138
6138
|
}
|
6139
6139
|
|
6140
|
-
function create_fragment$
|
6140
|
+
function create_fragment$13(ctx) {
|
6141
6141
|
let div;
|
6142
6142
|
let button;
|
6143
6143
|
let current;
|
@@ -6156,7 +6156,7 @@ function create_fragment$12(ctx) {
|
|
6156
6156
|
c() {
|
6157
6157
|
div = element("div");
|
6158
6158
|
create_component(button.$$.fragment);
|
6159
|
-
attr(div, "class", "list-item svelte-
|
6159
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
6160
6160
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
6161
6161
|
},
|
6162
6162
|
m(target, anchor) {
|
@@ -6196,7 +6196,7 @@ function create_fragment$12(ctx) {
|
|
6196
6196
|
};
|
6197
6197
|
}
|
6198
6198
|
|
6199
|
-
function instance$
|
6199
|
+
function instance$13($$self, $$props, $$invalidate) {
|
6200
6200
|
let listItemStyle;
|
6201
6201
|
let { $$slots: slots = {}, $$scope } = $$props;
|
6202
6202
|
const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
|
@@ -6275,23 +6275,23 @@ function instance$12($$self, $$props, $$invalidate) {
|
|
6275
6275
|
class ListItem extends SvelteComponent {
|
6276
6276
|
constructor(options) {
|
6277
6277
|
super();
|
6278
|
-
init(this, options, instance$
|
6278
|
+
init(this, options, instance$13, create_fragment$13, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$w);
|
6279
6279
|
}
|
6280
6280
|
}
|
6281
6281
|
|
6282
6282
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6283
6283
|
|
6284
6284
|
function add_css$v(target) {
|
6285
|
-
append_styles(target, "svelte-
|
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}");
|
6286
6286
|
}
|
6287
6287
|
|
6288
|
-
function create_fragment$
|
6288
|
+
function create_fragment$12(ctx) {
|
6289
6289
|
let div;
|
6290
6290
|
|
6291
6291
|
return {
|
6292
6292
|
c() {
|
6293
6293
|
div = element("div");
|
6294
|
-
attr(div, "class", "embed svelte-
|
6294
|
+
attr(div, "class", "embed svelte-wocq4p");
|
6295
6295
|
attr(div, "style", /*_style*/ ctx[1]);
|
6296
6296
|
},
|
6297
6297
|
m(target, anchor) {
|
@@ -6312,7 +6312,7 @@ function create_fragment$11(ctx) {
|
|
6312
6312
|
};
|
6313
6313
|
}
|
6314
6314
|
|
6315
|
-
function instance$
|
6315
|
+
function instance$12($$self, $$props, $$invalidate) {
|
6316
6316
|
let { code } = $$props;
|
6317
6317
|
let { _style = '' } = $$props;
|
6318
6318
|
|
@@ -6327,17 +6327,17 @@ function instance$11($$self, $$props, $$invalidate) {
|
|
6327
6327
|
class EmbedElement extends SvelteComponent {
|
6328
6328
|
constructor(options) {
|
6329
6329
|
super();
|
6330
|
-
init(this, options, instance$
|
6330
|
+
init(this, options, instance$12, create_fragment$12, safe_not_equal, { code: 0, _style: 1 }, add_css$v);
|
6331
6331
|
}
|
6332
6332
|
}
|
6333
6333
|
|
6334
6334
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6335
6335
|
|
6336
6336
|
function add_css$u(target) {
|
6337
|
-
append_styles(target, "svelte-
|
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%}");
|
6338
6338
|
}
|
6339
6339
|
|
6340
|
-
function create_fragment$
|
6340
|
+
function create_fragment$11(ctx) {
|
6341
6341
|
let div1;
|
6342
6342
|
let div0;
|
6343
6343
|
|
@@ -6346,7 +6346,7 @@ function create_fragment$10(ctx) {
|
|
6346
6346
|
div1 = element("div");
|
6347
6347
|
div0 = element("div");
|
6348
6348
|
attr(div0, "class", "karte-player");
|
6349
|
-
attr(div1, "class", "embed svelte-
|
6349
|
+
attr(div1, "class", "embed svelte-vikz49");
|
6350
6350
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6351
6351
|
},
|
6352
6352
|
m(target, anchor) {
|
@@ -6378,7 +6378,7 @@ function _setValue(obj, key, value) {
|
|
6378
6378
|
}
|
6379
6379
|
}
|
6380
6380
|
|
6381
|
-
function instance$
|
6381
|
+
function instance$11($$self, $$props, $$invalidate) {
|
6382
6382
|
let $system;
|
6383
6383
|
component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
|
6384
6384
|
let { videoId = 'wt0OjOeX-JA' } = $$props;
|
@@ -6649,8 +6649,8 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6649
6649
|
init(
|
6650
6650
|
this,
|
6651
6651
|
options,
|
6652
|
-
instance$
|
6653
|
-
create_fragment$
|
6652
|
+
instance$11,
|
6653
|
+
create_fragment$11,
|
6654
6654
|
safe_not_equal,
|
6655
6655
|
{
|
6656
6656
|
videoId: 2,
|
@@ -6688,10 +6688,10 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6688
6688
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6689
6689
|
|
6690
6690
|
function add_css$t(target) {
|
6691
|
-
append_styles(target, "svelte-
|
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%}");
|
6692
6692
|
}
|
6693
6693
|
|
6694
|
-
function create_fragment
|
6694
|
+
function create_fragment$10(ctx) {
|
6695
6695
|
let div1;
|
6696
6696
|
let div0;
|
6697
6697
|
|
@@ -6700,7 +6700,7 @@ function create_fragment$$(ctx) {
|
|
6700
6700
|
div1 = element("div");
|
6701
6701
|
div0 = element("div");
|
6702
6702
|
attr(div0, "class", "karte-player");
|
6703
|
-
attr(div1, "class", "embed svelte-
|
6703
|
+
attr(div1, "class", "embed svelte-vikz49");
|
6704
6704
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6705
6705
|
},
|
6706
6706
|
m(target, anchor) {
|
@@ -6722,7 +6722,7 @@ function create_fragment$$(ctx) {
|
|
6722
6722
|
};
|
6723
6723
|
}
|
6724
6724
|
|
6725
|
-
function instance
|
6725
|
+
function instance$10($$self, $$props, $$invalidate) {
|
6726
6726
|
let $system;
|
6727
6727
|
component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
|
6728
6728
|
let { videoId = "201239468" } = $$props;
|
@@ -6865,8 +6865,8 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6865
6865
|
init(
|
6866
6866
|
this,
|
6867
6867
|
options,
|
6868
|
-
instance
|
6869
|
-
create_fragment
|
6868
|
+
instance$10,
|
6869
|
+
create_fragment$10,
|
6870
6870
|
safe_not_equal,
|
6871
6871
|
{
|
6872
6872
|
videoId: 2,
|
@@ -6884,10 +6884,10 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6884
6884
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
6885
6885
|
|
6886
6886
|
function add_css$s(target) {
|
6887
|
-
append_styles(target, "svelte-
|
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}");
|
6888
6888
|
}
|
6889
6889
|
|
6890
|
-
function create_fragment
|
6890
|
+
function create_fragment$$(ctx) {
|
6891
6891
|
let div;
|
6892
6892
|
let textarea;
|
6893
6893
|
let mounted;
|
@@ -6897,12 +6897,12 @@ function create_fragment$_(ctx) {
|
|
6897
6897
|
c() {
|
6898
6898
|
div = element("div");
|
6899
6899
|
textarea = element("textarea");
|
6900
|
-
attr(textarea, "class", "textarea svelte-
|
6900
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
6901
6901
|
textarea.value = /*$value*/ ctx[4];
|
6902
6902
|
textarea.required = /*required*/ ctx[1];
|
6903
6903
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
6904
6904
|
attr(textarea, "style", /*style*/ ctx[3]);
|
6905
|
-
attr(div, "class", "textarea-wrapper svelte-
|
6905
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
6906
6906
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
6907
6907
|
},
|
6908
6908
|
m(target, anchor) {
|
@@ -6945,7 +6945,7 @@ function create_fragment$_(ctx) {
|
|
6945
6945
|
};
|
6946
6946
|
}
|
6947
6947
|
|
6948
|
-
function instance
|
6948
|
+
function instance$$($$self, $$props, $$invalidate) {
|
6949
6949
|
let style;
|
6950
6950
|
let styleVariables;
|
6951
6951
|
let $value;
|
@@ -7033,8 +7033,8 @@ class FormTextarea extends SvelteComponent {
|
|
7033
7033
|
init(
|
7034
7034
|
this,
|
7035
7035
|
options,
|
7036
|
-
instance
|
7037
|
-
create_fragment
|
7036
|
+
instance$$,
|
7037
|
+
create_fragment$$,
|
7038
7038
|
safe_not_equal,
|
7039
7039
|
{
|
7040
7040
|
name: 7,
|
@@ -7054,7 +7054,7 @@ class FormTextarea extends SvelteComponent {
|
|
7054
7054
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7055
7055
|
|
7056
7056
|
function add_css$r(target) {
|
7057
|
-
append_styles(target, "svelte-
|
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}");
|
7058
7058
|
}
|
7059
7059
|
|
7060
7060
|
function get_each_context$6(ctx, list, i) {
|
@@ -7088,14 +7088,14 @@ function create_each_block$6(ctx) {
|
|
7088
7088
|
t1 = text(t1_value);
|
7089
7089
|
t2 = space();
|
7090
7090
|
attr(input, "type", "radio");
|
7091
|
-
attr(input, "class", "radio-button-input svelte-
|
7091
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
7092
7092
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
7093
7093
|
attr(input, "name", /*name*/ ctx[0]);
|
7094
7094
|
input.value = input_value_value = /*option*/ ctx[17];
|
7095
7095
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
7096
|
-
attr(span, "class", "radio-button-text svelte-
|
7096
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
7097
7097
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
7098
|
-
attr(label, "class", "radio-button svelte-
|
7098
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
7099
7099
|
},
|
7100
7100
|
m(target, anchor) {
|
7101
7101
|
insert(target, label, anchor);
|
@@ -7143,7 +7143,7 @@ function create_each_block$6(ctx) {
|
|
7143
7143
|
};
|
7144
7144
|
}
|
7145
7145
|
|
7146
|
-
function create_fragment$
|
7146
|
+
function create_fragment$_(ctx) {
|
7147
7147
|
let div;
|
7148
7148
|
let each_value = /*_options*/ ctx[4];
|
7149
7149
|
let each_blocks = [];
|
@@ -7160,7 +7160,7 @@ function create_fragment$Z(ctx) {
|
|
7160
7160
|
each_blocks[i].c();
|
7161
7161
|
}
|
7162
7162
|
|
7163
|
-
attr(div, "class", "radio-buttons svelte-
|
7163
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
7164
7164
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7165
7165
|
},
|
7166
7166
|
m(target, anchor) {
|
@@ -7207,7 +7207,7 @@ function create_fragment$Z(ctx) {
|
|
7207
7207
|
};
|
7208
7208
|
}
|
7209
7209
|
|
7210
|
-
function instance$
|
7210
|
+
function instance$_($$self, $$props, $$invalidate) {
|
7211
7211
|
let _options;
|
7212
7212
|
let buttonStyle;
|
7213
7213
|
let _value;
|
@@ -7307,8 +7307,8 @@ class FormRadioButtons extends SvelteComponent {
|
|
7307
7307
|
init(
|
7308
7308
|
this,
|
7309
7309
|
options,
|
7310
|
-
instance$
|
7311
|
-
create_fragment$
|
7310
|
+
instance$_,
|
7311
|
+
create_fragment$_,
|
7312
7312
|
safe_not_equal,
|
7313
7313
|
{
|
7314
7314
|
name: 0,
|
@@ -7329,7 +7329,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
7329
7329
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7330
7330
|
|
7331
7331
|
function add_css$q(target) {
|
7332
|
-
append_styles(target, "svelte-
|
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}");
|
7333
7333
|
}
|
7334
7334
|
|
7335
7335
|
function get_each_context$5(ctx, list, i) {
|
@@ -7438,7 +7438,7 @@ function create_each_block$5(ctx) {
|
|
7438
7438
|
};
|
7439
7439
|
}
|
7440
7440
|
|
7441
|
-
function create_fragment$
|
7441
|
+
function create_fragment$Z(ctx) {
|
7442
7442
|
let div1;
|
7443
7443
|
let select;
|
7444
7444
|
let t;
|
@@ -7463,10 +7463,10 @@ function create_fragment$Y(ctx) {
|
|
7463
7463
|
|
7464
7464
|
t = space();
|
7465
7465
|
div0 = element("div");
|
7466
|
-
attr(select, "class", "select-select svelte-
|
7466
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
7467
7467
|
attr(select, "style", /*style*/ ctx[3]);
|
7468
|
-
attr(div0, "class", "select-icon svelte-
|
7469
|
-
attr(div1, "class", "select svelte-
|
7468
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
7469
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
7470
7470
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
7471
7471
|
},
|
7472
7472
|
m(target, anchor) {
|
@@ -7528,7 +7528,7 @@ function create_fragment$Y(ctx) {
|
|
7528
7528
|
};
|
7529
7529
|
}
|
7530
7530
|
|
7531
|
-
function instance$
|
7531
|
+
function instance$Z($$self, $$props, $$invalidate) {
|
7532
7532
|
let _options;
|
7533
7533
|
let style;
|
7534
7534
|
let styleVariables;
|
@@ -7644,8 +7644,8 @@ class FormSelect extends SvelteComponent {
|
|
7644
7644
|
init(
|
7645
7645
|
this,
|
7646
7646
|
options,
|
7647
|
-
instance$
|
7648
|
-
create_fragment$
|
7647
|
+
instance$Z,
|
7648
|
+
create_fragment$Z,
|
7649
7649
|
safe_not_equal,
|
7650
7650
|
{
|
7651
7651
|
name: 7,
|
@@ -7668,7 +7668,7 @@ class FormSelect extends SvelteComponent {
|
|
7668
7668
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7669
7669
|
|
7670
7670
|
function add_css$p(target) {
|
7671
|
-
append_styles(target, "svelte-
|
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}");
|
7672
7672
|
}
|
7673
7673
|
|
7674
7674
|
function get_each_context$4(ctx, list, i) {
|
@@ -7707,19 +7707,19 @@ function create_each_block$4(ctx) {
|
|
7707
7707
|
span2 = element("span");
|
7708
7708
|
t2 = text(t2_value);
|
7709
7709
|
t3 = space();
|
7710
|
-
attr(input, "class", "check-box-input svelte-
|
7710
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
7711
7711
|
attr(input, "type", "checkbox");
|
7712
7712
|
attr(input, "name", /*name*/ ctx[0]);
|
7713
7713
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
7714
|
-
attr(span0, "class", "check-box-icon svelte-
|
7714
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
7715
7715
|
|
7716
7716
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7717
7717
|
? ' _checked'
|
7718
|
-
: ''}`) + " svelte-
|
7718
|
+
: ''}`) + " svelte-1p65cg8"));
|
7719
7719
|
|
7720
|
-
attr(span2, "class", "check-box-text svelte-
|
7720
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
7721
7721
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
7722
|
-
attr(label, "class", "check-box svelte-
|
7722
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
7723
7723
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
7724
7724
|
},
|
7725
7725
|
m(target, anchor) {
|
@@ -7751,7 +7751,7 @@ function create_each_block$4(ctx) {
|
|
7751
7751
|
|
7752
7752
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7753
7753
|
? ' _checked'
|
7754
|
-
: ''}`) + " svelte-
|
7754
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
7755
7755
|
attr(span1, "class", span1_class_value);
|
7756
7756
|
}
|
7757
7757
|
|
@@ -7773,7 +7773,7 @@ function create_each_block$4(ctx) {
|
|
7773
7773
|
};
|
7774
7774
|
}
|
7775
7775
|
|
7776
|
-
function create_fragment$
|
7776
|
+
function create_fragment$Y(ctx) {
|
7777
7777
|
let div;
|
7778
7778
|
let each_value = /*_options*/ ctx[3];
|
7779
7779
|
let each_blocks = [];
|
@@ -7790,7 +7790,7 @@ function create_fragment$X(ctx) {
|
|
7790
7790
|
each_blocks[i].c();
|
7791
7791
|
}
|
7792
7792
|
|
7793
|
-
attr(div, "class", "check-boxes svelte-
|
7793
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
7794
7794
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7795
7795
|
},
|
7796
7796
|
m(target, anchor) {
|
@@ -7837,7 +7837,7 @@ function create_fragment$X(ctx) {
|
|
7837
7837
|
};
|
7838
7838
|
}
|
7839
7839
|
|
7840
|
-
function instance$
|
7840
|
+
function instance$Y($$self, $$props, $$invalidate) {
|
7841
7841
|
let _options;
|
7842
7842
|
let styleVariables;
|
7843
7843
|
let isCheckedArray;
|
@@ -7943,8 +7943,8 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7943
7943
|
init(
|
7944
7944
|
this,
|
7945
7945
|
options,
|
7946
|
-
instance$
|
7947
|
-
create_fragment$
|
7946
|
+
instance$Y,
|
7947
|
+
create_fragment$Y,
|
7948
7948
|
safe_not_equal,
|
7949
7949
|
{
|
7950
7950
|
name: 0,
|
@@ -7965,7 +7965,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7965
7965
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7966
7966
|
|
7967
7967
|
function add_css$o(target) {
|
7968
|
-
append_styles(target, "svelte-
|
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}");
|
7969
7969
|
}
|
7970
7970
|
|
7971
7971
|
function get_each_context$3(ctx, list, i) {
|
@@ -7989,7 +7989,7 @@ function create_each_block$3(ctx) {
|
|
7989
7989
|
button = element("button");
|
7990
7990
|
t0 = text(t0_value);
|
7991
7991
|
t1 = space();
|
7992
|
-
attr(button, "class", "rating-button svelte-
|
7992
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
7993
7993
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
7994
7994
|
},
|
7995
7995
|
m(target, anchor) {
|
@@ -8021,7 +8021,7 @@ function create_each_block$3(ctx) {
|
|
8021
8021
|
};
|
8022
8022
|
}
|
8023
8023
|
|
8024
|
-
function create_fragment$
|
8024
|
+
function create_fragment$X(ctx) {
|
8025
8025
|
let div;
|
8026
8026
|
let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
|
8027
8027
|
let each_blocks = [];
|
@@ -8038,7 +8038,7 @@ function create_fragment$W(ctx) {
|
|
8038
8038
|
each_blocks[i].c();
|
8039
8039
|
}
|
8040
8040
|
|
8041
|
-
attr(div, "class", "rating-buttons svelte-
|
8041
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
8042
8042
|
},
|
8043
8043
|
m(target, anchor) {
|
8044
8044
|
insert(target, div, anchor);
|
@@ -8080,7 +8080,7 @@ function create_fragment$W(ctx) {
|
|
8080
8080
|
};
|
8081
8081
|
}
|
8082
8082
|
|
8083
|
-
function instance$
|
8083
|
+
function instance$X($$self, $$props, $$invalidate) {
|
8084
8084
|
let _value;
|
8085
8085
|
let $value;
|
8086
8086
|
let { name = '' } = $$props;
|
@@ -8162,8 +8162,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8162
8162
|
init(
|
8163
8163
|
this,
|
8164
8164
|
options,
|
8165
|
-
instance$
|
8166
|
-
create_fragment$
|
8165
|
+
instance$X,
|
8166
|
+
create_fragment$X,
|
8167
8167
|
safe_not_equal,
|
8168
8168
|
{
|
8169
8169
|
name: 6,
|
@@ -8182,7 +8182,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8182
8182
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8183
8183
|
|
8184
8184
|
function add_css$n(target) {
|
8185
|
-
append_styles(target, "svelte-
|
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%)}");
|
8186
8186
|
}
|
8187
8187
|
|
8188
8188
|
function get_each_context$2(ctx, list, i) {
|
@@ -8207,9 +8207,9 @@ function create_each_block$2(ctx) {
|
|
8207
8207
|
img = element("img");
|
8208
8208
|
t = space();
|
8209
8209
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
8210
|
-
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"));
|
8211
8211
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
8212
|
-
attr(button, "class", "rating-button svelte-
|
8212
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
8213
8213
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
8214
8214
|
},
|
8215
8215
|
m(target, anchor) {
|
@@ -8225,7 +8225,7 @@ function create_each_block$2(ctx) {
|
|
8225
8225
|
p(new_ctx, dirty) {
|
8226
8226
|
ctx = new_ctx;
|
8227
8227
|
|
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-
|
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"))) {
|
8229
8229
|
attr(img, "class", img_class_value);
|
8230
8230
|
}
|
8231
8231
|
|
@@ -8241,7 +8241,7 @@ function create_each_block$2(ctx) {
|
|
8241
8241
|
};
|
8242
8242
|
}
|
8243
8243
|
|
8244
|
-
function create_fragment$
|
8244
|
+
function create_fragment$W(ctx) {
|
8245
8245
|
let div;
|
8246
8246
|
let each_value = [...Array(count).keys()].reverse().map(func);
|
8247
8247
|
let each_blocks = [];
|
@@ -8258,7 +8258,7 @@ function create_fragment$V(ctx) {
|
|
8258
8258
|
each_blocks[i].c();
|
8259
8259
|
}
|
8260
8260
|
|
8261
|
-
attr(div, "class", "rating-buttons svelte-
|
8261
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
8262
8262
|
},
|
8263
8263
|
m(target, anchor) {
|
8264
8264
|
insert(target, div, anchor);
|
@@ -8303,7 +8303,7 @@ function create_fragment$V(ctx) {
|
|
8303
8303
|
const count = 5;
|
8304
8304
|
const func = i => i + 1;
|
8305
8305
|
|
8306
|
-
function instance$
|
8306
|
+
function instance$W($$self, $$props, $$invalidate) {
|
8307
8307
|
let _value;
|
8308
8308
|
let buttonStyle;
|
8309
8309
|
let $value;
|
@@ -8359,17 +8359,17 @@ function instance$V($$self, $$props, $$invalidate) {
|
|
8359
8359
|
class FormRatingButtonsFace extends SvelteComponent {
|
8360
8360
|
constructor(options) {
|
8361
8361
|
super();
|
8362
|
-
init(this, options, instance$
|
8362
|
+
init(this, options, instance$W, create_fragment$W, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$n);
|
8363
8363
|
}
|
8364
8364
|
}
|
8365
8365
|
|
8366
8366
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
8367
8367
|
|
8368
8368
|
function add_css$m(target) {
|
8369
|
-
append_styles(target, "svelte-
|
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}");
|
8370
8370
|
}
|
8371
8371
|
|
8372
|
-
function create_fragment$
|
8372
|
+
function create_fragment$V(ctx) {
|
8373
8373
|
let div;
|
8374
8374
|
let input;
|
8375
8375
|
let input_class_value;
|
@@ -8380,13 +8380,13 @@ function create_fragment$U(ctx) {
|
|
8380
8380
|
c() {
|
8381
8381
|
div = element("div");
|
8382
8382
|
input = element("input");
|
8383
|
-
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"));
|
8384
8384
|
attr(input, "type", "text");
|
8385
8385
|
input.value = /*$value*/ ctx[2];
|
8386
8386
|
input.required = /*required*/ ctx[0];
|
8387
8387
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
8388
8388
|
attr(input, "style", /*style*/ ctx[5]);
|
8389
|
-
attr(div, "class", "input-wrapper svelte-
|
8389
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
8390
8390
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
8391
8391
|
},
|
8392
8392
|
m(target, anchor) {
|
@@ -8399,7 +8399,7 @@ function create_fragment$U(ctx) {
|
|
8399
8399
|
}
|
8400
8400
|
},
|
8401
8401
|
p(ctx, [dirty]) {
|
8402
|
-
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"))) {
|
8403
8403
|
attr(input, "class", input_class_value);
|
8404
8404
|
}
|
8405
8405
|
|
@@ -8433,7 +8433,7 @@ function create_fragment$U(ctx) {
|
|
8433
8433
|
};
|
8434
8434
|
}
|
8435
8435
|
|
8436
|
-
function instance$
|
8436
|
+
function instance$V($$self, $$props, $$invalidate) {
|
8437
8437
|
let style;
|
8438
8438
|
let styleVariables;
|
8439
8439
|
let isValidForUI;
|
@@ -8564,8 +8564,8 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8564
8564
|
init(
|
8565
8565
|
this,
|
8566
8566
|
options,
|
8567
|
-
instance$
|
8568
|
-
create_fragment$
|
8567
|
+
instance$V,
|
8568
|
+
create_fragment$V,
|
8569
8569
|
safe_not_equal,
|
8570
8570
|
{
|
8571
8571
|
field: 9,
|
@@ -8587,10 +8587,10 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8587
8587
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
8588
8588
|
|
8589
8589
|
function add_css$l(target) {
|
8590
|
-
append_styles(target, "svelte-
|
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}");
|
8591
8591
|
}
|
8592
8592
|
|
8593
|
-
function create_fragment$
|
8593
|
+
function create_fragment$U(ctx) {
|
8594
8594
|
let div;
|
8595
8595
|
let label0;
|
8596
8596
|
let input0;
|
@@ -8625,20 +8625,20 @@ function create_fragment$T(ctx) {
|
|
8625
8625
|
span1 = element("span");
|
8626
8626
|
t4 = text("いいえ");
|
8627
8627
|
attr(input0, "type", "radio");
|
8628
|
-
attr(input0, "class", "radio-button-input svelte-
|
8628
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
8629
8629
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
8630
8630
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
8631
|
-
attr(span0, "class", "radio-button-text svelte-
|
8631
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
8632
8632
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
8633
|
-
attr(label0, "class", "radio-button svelte-
|
8633
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
8634
8634
|
attr(input1, "type", "radio");
|
8635
|
-
attr(input1, "class", "radio-button-input svelte-
|
8635
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
8636
8636
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
8637
8637
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
8638
|
-
attr(span1, "class", "radio-button-text svelte-
|
8638
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
8639
8639
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
8640
|
-
attr(label1, "class", "radio-button svelte-
|
8641
|
-
attr(div, "class", "radio-buttons svelte-
|
8640
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
8641
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
8642
8642
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
8643
8643
|
},
|
8644
8644
|
m(target, anchor) {
|
@@ -8703,7 +8703,7 @@ function create_fragment$T(ctx) {
|
|
8703
8703
|
};
|
8704
8704
|
}
|
8705
8705
|
|
8706
|
-
function instance$
|
8706
|
+
function instance$U($$self, $$props, $$invalidate) {
|
8707
8707
|
let buttonStyle;
|
8708
8708
|
let $value;
|
8709
8709
|
let { field = 'subscription' } = $$props;
|
@@ -8785,8 +8785,8 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
8785
8785
|
init(
|
8786
8786
|
this,
|
8787
8787
|
options,
|
8788
|
-
instance$
|
8789
|
-
create_fragment$
|
8788
|
+
instance$U,
|
8789
|
+
create_fragment$U,
|
8790
8790
|
safe_not_equal,
|
8791
8791
|
{
|
8792
8792
|
field: 6,
|
@@ -8806,7 +8806,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
8806
8806
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
8807
8807
|
|
8808
8808
|
function add_css$k(target) {
|
8809
|
-
append_styles(target, "svelte-
|
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%}");
|
8810
8810
|
}
|
8811
8811
|
|
8812
8812
|
function get_each_context$1(ctx, list, i) {
|
@@ -8835,9 +8835,9 @@ function create_if_block_1$2(ctx) {
|
|
8835
8835
|
attr(svg, "viewBox", "0 0 10 16");
|
8836
8836
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8837
8837
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
8838
|
-
attr(button, "class", "move-button svelte-
|
8838
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8839
8839
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
8840
|
-
attr(div, "class", "prev-button-container svelte-
|
8840
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
8841
8841
|
},
|
8842
8842
|
m(target, anchor) {
|
8843
8843
|
insert(target, div, anchor);
|
@@ -8886,9 +8886,9 @@ function create_if_block$9(ctx) {
|
|
8886
8886
|
attr(svg, "viewBox", "0 0 10 16");
|
8887
8887
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8888
8888
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
8889
|
-
attr(button, "class", "move-button svelte-
|
8889
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8890
8890
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
8891
|
-
attr(div, "class", "next-button-container svelte-
|
8891
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
8892
8892
|
},
|
8893
8893
|
m(target, anchor) {
|
8894
8894
|
insert(target, div, anchor);
|
@@ -8936,9 +8936,9 @@ function create_each_block$1(ctx) {
|
|
8936
8936
|
button = element("button");
|
8937
8937
|
div = element("div");
|
8938
8938
|
t = space();
|
8939
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
8939
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
8940
8940
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
8941
|
-
attr(button, "class", "navigation-item svelte-
|
8941
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
8942
8942
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
8943
8943
|
},
|
8944
8944
|
m(target, anchor) {
|
@@ -8970,7 +8970,7 @@ function create_each_block$1(ctx) {
|
|
8970
8970
|
};
|
8971
8971
|
}
|
8972
8972
|
|
8973
|
-
function create_fragment$
|
8973
|
+
function create_fragment$T(ctx) {
|
8974
8974
|
let div3;
|
8975
8975
|
let div1;
|
8976
8976
|
let div0;
|
@@ -9015,14 +9015,14 @@ function create_fragment$S(ctx) {
|
|
9015
9015
|
each_blocks[i].c();
|
9016
9016
|
}
|
9017
9017
|
|
9018
|
-
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"));
|
9019
9019
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
9020
|
-
attr(div1, "class", "container svelte-
|
9020
|
+
attr(div1, "class", "container svelte-ji1fh");
|
9021
9021
|
attr(div1, "style", /*_style*/ ctx[0]);
|
9022
|
-
attr(div2, "class", "navigation svelte-
|
9022
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
9023
9023
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
9024
9024
|
set_attributes(div3, div3_data);
|
9025
|
-
toggle_class(div3, "svelte-
|
9025
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
9026
9026
|
},
|
9027
9027
|
m(target, anchor) {
|
9028
9028
|
insert(target, div3, anchor);
|
@@ -9064,7 +9064,7 @@ function create_fragment$S(ctx) {
|
|
9064
9064
|
}
|
9065
9065
|
}
|
9066
9066
|
|
9067
|
-
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"))) {
|
9068
9068
|
attr(div0, "class", div0_class_value);
|
9069
9069
|
}
|
9070
9070
|
|
@@ -9130,7 +9130,7 @@ function create_fragment$S(ctx) {
|
|
9130
9130
|
}
|
9131
9131
|
|
9132
9132
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
9133
|
-
toggle_class(div3, "svelte-
|
9133
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
9134
9134
|
},
|
9135
9135
|
i(local) {
|
9136
9136
|
if (current) return;
|
@@ -9165,7 +9165,7 @@ function calcPositionIndex(shift, index, length) {
|
|
9165
9165
|
}
|
9166
9166
|
}
|
9167
9167
|
|
9168
|
-
function instance$
|
9168
|
+
function instance$T($$self, $$props, $$invalidate) {
|
9169
9169
|
let slideStyle;
|
9170
9170
|
let slideClass;
|
9171
9171
|
let _loop;
|
@@ -9618,8 +9618,8 @@ class Slide extends SvelteComponent {
|
|
9618
9618
|
init(
|
9619
9619
|
this,
|
9620
9620
|
options,
|
9621
|
-
instance$
|
9622
|
-
create_fragment$
|
9621
|
+
instance$T,
|
9622
|
+
create_fragment$T,
|
9623
9623
|
safe_not_equal,
|
9624
9624
|
{
|
9625
9625
|
loop: 18,
|
@@ -9642,10 +9642,10 @@ class Slide extends SvelteComponent {
|
|
9642
9642
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
9643
9643
|
|
9644
9644
|
function add_css$j(target) {
|
9645
|
-
append_styles(target, "svelte-
|
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}");
|
9646
9646
|
}
|
9647
9647
|
|
9648
|
-
function create_fragment$
|
9648
|
+
function create_fragment$S(ctx) {
|
9649
9649
|
let div1;
|
9650
9650
|
let div0;
|
9651
9651
|
let current;
|
@@ -9657,9 +9657,9 @@ function create_fragment$R(ctx) {
|
|
9657
9657
|
div1 = element("div");
|
9658
9658
|
div0 = element("div");
|
9659
9659
|
if (default_slot) default_slot.c();
|
9660
|
-
attr(div0, "class", "item-inner svelte-
|
9660
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
9661
9661
|
attr(div0, "style", /*_style*/ ctx[0]);
|
9662
|
-
attr(div1, "class", "item svelte-
|
9662
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
9663
9663
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
9664
9664
|
},
|
9665
9665
|
m(target, anchor) {
|
@@ -9712,7 +9712,7 @@ function create_fragment$R(ctx) {
|
|
9712
9712
|
};
|
9713
9713
|
}
|
9714
9714
|
|
9715
|
-
function instance$
|
9715
|
+
function instance$S($$self, $$props, $$invalidate) {
|
9716
9716
|
let itemStyle;
|
9717
9717
|
let { $$slots: slots = {}, $$scope } = $$props;
|
9718
9718
|
const { registerItem, unregisterItem } = getContext('SLIDE');
|
@@ -9778,20 +9778,20 @@ function instance$R($$self, $$props, $$invalidate) {
|
|
9778
9778
|
class SlideItem extends SvelteComponent {
|
9779
9779
|
constructor(options) {
|
9780
9780
|
super();
|
9781
|
-
init(this, options, instance$
|
9781
|
+
init(this, options, instance$S, create_fragment$S, safe_not_equal, { _style: 0 }, add_css$j);
|
9782
9782
|
}
|
9783
9783
|
}
|
9784
9784
|
|
9785
9785
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
9786
9786
|
|
9787
9787
|
function add_css$i(target) {
|
9788
|
-
append_styles(target, "svelte-
|
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}");
|
9789
9789
|
}
|
9790
9790
|
|
9791
9791
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
9792
9792
|
const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
|
9793
9793
|
|
9794
|
-
function create_fragment$
|
9794
|
+
function create_fragment$R(ctx) {
|
9795
9795
|
let div1;
|
9796
9796
|
let div0;
|
9797
9797
|
let current;
|
@@ -9803,9 +9803,9 @@ function create_fragment$Q(ctx) {
|
|
9803
9803
|
div1 = element("div");
|
9804
9804
|
div0 = element("div");
|
9805
9805
|
if (default_slot) default_slot.c();
|
9806
|
-
attr(div0, "class", "countdown-inner svelte-
|
9806
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
9807
9807
|
attr(div0, "style", /*_style*/ ctx[0]);
|
9808
|
-
attr(div1, "class", "countdown svelte-
|
9808
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
9809
9809
|
},
|
9810
9810
|
m(target, anchor) {
|
9811
9811
|
insert(target, div1, anchor);
|
@@ -9871,7 +9871,7 @@ function formatTimeDiff(ms) {
|
|
9871
9871
|
};
|
9872
9872
|
}
|
9873
9873
|
|
9874
|
-
function instance$
|
9874
|
+
function instance$R($$self, $$props, $$invalidate) {
|
9875
9875
|
let countdown;
|
9876
9876
|
let { $$slots: slots = {}, $$scope } = $$props;
|
9877
9877
|
let { timeLimit = '2023/12/31 23:59:59' } = $$props;
|
@@ -9932,14 +9932,14 @@ function instance$Q($$self, $$props, $$invalidate) {
|
|
9932
9932
|
class Countdown extends SvelteComponent {
|
9933
9933
|
constructor(options) {
|
9934
9934
|
super();
|
9935
|
-
init(this, options, instance$
|
9935
|
+
init(this, options, instance$R, create_fragment$R, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$i);
|
9936
9936
|
}
|
9937
9937
|
}
|
9938
9938
|
|
9939
9939
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
9940
9940
|
|
9941
9941
|
function add_css$h(target) {
|
9942
|
-
append_styles(target, "svelte-
|
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}");
|
9943
9943
|
}
|
9944
9944
|
|
9945
9945
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
@@ -9990,7 +9990,7 @@ function create_default_slot$9(ctx) {
|
|
9990
9990
|
};
|
9991
9991
|
}
|
9992
9992
|
|
9993
|
-
function create_fragment$
|
9993
|
+
function create_fragment$Q(ctx) {
|
9994
9994
|
let div;
|
9995
9995
|
let button;
|
9996
9996
|
let current;
|
@@ -10009,7 +10009,7 @@ function create_fragment$P(ctx) {
|
|
10009
10009
|
c() {
|
10010
10010
|
div = element("div");
|
10011
10011
|
create_component(button.$$.fragment);
|
10012
|
-
attr(div, "class", "box svelte-
|
10012
|
+
attr(div, "class", "box svelte-1ccydfy");
|
10013
10013
|
},
|
10014
10014
|
m(target, anchor) {
|
10015
10015
|
insert(target, div, anchor);
|
@@ -10044,7 +10044,7 @@ function create_fragment$P(ctx) {
|
|
10044
10044
|
};
|
10045
10045
|
}
|
10046
10046
|
|
10047
|
-
function instance$
|
10047
|
+
function instance$Q($$self, $$props, $$invalidate) {
|
10048
10048
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10049
10049
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
10050
10050
|
let { eventName = '' } = $$props;
|
@@ -10063,14 +10063,14 @@ function instance$P($$self, $$props, $$invalidate) {
|
|
10063
10063
|
class Box extends SvelteComponent {
|
10064
10064
|
constructor(options) {
|
10065
10065
|
super();
|
10066
|
-
init(this, options, instance$
|
10066
|
+
init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$h);
|
10067
10067
|
}
|
10068
10068
|
}
|
10069
10069
|
|
10070
10070
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10071
10071
|
|
10072
10072
|
function add_css$g(target) {
|
10073
|
-
append_styles(target, "svelte-
|
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)}");
|
10074
10074
|
}
|
10075
10075
|
|
10076
10076
|
// (56:4) {#if svg}
|
@@ -10133,7 +10133,7 @@ function create_default_slot$8(ctx) {
|
|
10133
10133
|
};
|
10134
10134
|
}
|
10135
10135
|
|
10136
|
-
function create_fragment$
|
10136
|
+
function create_fragment$P(ctx) {
|
10137
10137
|
let div;
|
10138
10138
|
let button;
|
10139
10139
|
let current;
|
@@ -10152,7 +10152,7 @@ function create_fragment$O(ctx) {
|
|
10152
10152
|
c() {
|
10153
10153
|
div = element("div");
|
10154
10154
|
create_component(button.$$.fragment);
|
10155
|
-
attr(div, "class", "icon svelte-
|
10155
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
10156
10156
|
},
|
10157
10157
|
m(target, anchor) {
|
10158
10158
|
insert(target, div, anchor);
|
@@ -10194,7 +10194,7 @@ function parseData(dataUrl) {
|
|
10194
10194
|
return decodeURIComponent(data).replaceAll('\'', '"');
|
10195
10195
|
}
|
10196
10196
|
|
10197
|
-
function instance$
|
10197
|
+
function instance$P($$self, $$props, $$invalidate) {
|
10198
10198
|
let svg;
|
10199
10199
|
let styleVariables;
|
10200
10200
|
let style;
|
@@ -10242,8 +10242,8 @@ class IconElement extends SvelteComponent {
|
|
10242
10242
|
init(
|
10243
10243
|
this,
|
10244
10244
|
options,
|
10245
|
-
instance$
|
10246
|
-
create_fragment$
|
10245
|
+
instance$P,
|
10246
|
+
create_fragment$P,
|
10247
10247
|
safe_not_equal,
|
10248
10248
|
{
|
10249
10249
|
icon: 4,
|
@@ -10261,10 +10261,10 @@ class IconElement extends SvelteComponent {
|
|
10261
10261
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
10262
10262
|
|
10263
10263
|
function add_css$f(target) {
|
10264
|
-
append_styles(target, "svelte-
|
10264
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
10265
10265
|
}
|
10266
10266
|
|
10267
|
-
function create_fragment$
|
10267
|
+
function create_fragment$O(ctx) {
|
10268
10268
|
let div;
|
10269
10269
|
let switch_instance;
|
10270
10270
|
let current;
|
@@ -10287,7 +10287,7 @@ function create_fragment$N(ctx) {
|
|
10287
10287
|
c() {
|
10288
10288
|
div = element("div");
|
10289
10289
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
10290
|
-
attr(div, "class", "codeElement svelte-
|
10290
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
10291
10291
|
attr(div, "style", /*style*/ ctx[3]);
|
10292
10292
|
},
|
10293
10293
|
m(target, anchor) {
|
@@ -10344,7 +10344,7 @@ function create_fragment$N(ctx) {
|
|
10344
10344
|
};
|
10345
10345
|
}
|
10346
10346
|
|
10347
|
-
function instance$
|
10347
|
+
function instance$O($$self, $$props, $$invalidate) {
|
10348
10348
|
let $data,
|
10349
10349
|
$$unsubscribe_data = noop,
|
10350
10350
|
$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
|
@@ -10369,17 +10369,17 @@ function instance$N($$self, $$props, $$invalidate) {
|
|
10369
10369
|
class CodeElement extends SvelteComponent {
|
10370
10370
|
constructor(options) {
|
10371
10371
|
super();
|
10372
|
-
init(this, options, instance$
|
10372
|
+
init(this, options, instance$O, create_fragment$O, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$f);
|
10373
10373
|
}
|
10374
10374
|
}
|
10375
10375
|
|
10376
10376
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
10377
10377
|
|
10378
10378
|
function add_css$e(target) {
|
10379
|
-
append_styles(target, "svelte-
|
10379
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
10380
10380
|
}
|
10381
10381
|
|
10382
|
-
function create_fragment$
|
10382
|
+
function create_fragment$N(ctx) {
|
10383
10383
|
let div;
|
10384
10384
|
let div_style_value;
|
10385
10385
|
let current;
|
@@ -10390,7 +10390,7 @@ function create_fragment$M(ctx) {
|
|
10390
10390
|
c() {
|
10391
10391
|
div = element("div");
|
10392
10392
|
if (default_slot) default_slot.c();
|
10393
|
-
attr(div, "class", "flex svelte-
|
10393
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
10394
10394
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
10395
10395
|
},
|
10396
10396
|
m(target, anchor) {
|
@@ -10444,7 +10444,7 @@ function getFlexContext() {
|
|
10444
10444
|
return getContext(FlexContextKey);
|
10445
10445
|
}
|
10446
10446
|
|
10447
|
-
function instance$
|
10447
|
+
function instance$N($$self, $$props, $$invalidate) {
|
10448
10448
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10449
10449
|
let { direction = 'row' } = $$props;
|
10450
10450
|
let { width = '100%' } = $$props;
|
@@ -10470,8 +10470,8 @@ class Flex extends SvelteComponent {
|
|
10470
10470
|
init(
|
10471
10471
|
this,
|
10472
10472
|
options,
|
10473
|
-
instance$
|
10474
|
-
create_fragment$
|
10473
|
+
instance$N,
|
10474
|
+
create_fragment$N,
|
10475
10475
|
safe_not_equal,
|
10476
10476
|
{
|
10477
10477
|
direction: 0,
|
@@ -10487,10 +10487,10 @@ class Flex extends SvelteComponent {
|
|
10487
10487
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
10488
10488
|
|
10489
10489
|
function add_css$d(target) {
|
10490
|
-
append_styles(target, "svelte-
|
10490
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
10491
10491
|
}
|
10492
10492
|
|
10493
|
-
function create_fragment$
|
10493
|
+
function create_fragment$M(ctx) {
|
10494
10494
|
let div;
|
10495
10495
|
let current;
|
10496
10496
|
const default_slot_template = /*#slots*/ ctx[4].default;
|
@@ -10500,7 +10500,7 @@ function create_fragment$L(ctx) {
|
|
10500
10500
|
c() {
|
10501
10501
|
div = element("div");
|
10502
10502
|
if (default_slot) default_slot.c();
|
10503
|
-
attr(div, "class", "flex-item svelte-
|
10503
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
10504
10504
|
attr(div, "style", /*style*/ ctx[0]);
|
10505
10505
|
},
|
10506
10506
|
m(target, anchor) {
|
@@ -10548,7 +10548,7 @@ function create_fragment$L(ctx) {
|
|
10548
10548
|
};
|
10549
10549
|
}
|
10550
10550
|
|
10551
|
-
function instance$
|
10551
|
+
function instance$M($$self, $$props, $$invalidate) {
|
10552
10552
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10553
10553
|
let { length } = $$props;
|
10554
10554
|
let { _style = '' } = $$props;
|
@@ -10591,7 +10591,7 @@ function instance$L($$self, $$props, $$invalidate) {
|
|
10591
10591
|
class FlexItem extends SvelteComponent {
|
10592
10592
|
constructor(options) {
|
10593
10593
|
super();
|
10594
|
-
init(this, options, instance$
|
10594
|
+
init(this, options, instance$M, create_fragment$M, safe_not_equal, { length: 1, _style: 2 }, add_css$d);
|
10595
10595
|
}
|
10596
10596
|
}
|
10597
10597
|
|
@@ -10766,7 +10766,7 @@ function create_default_slot$7(ctx) {
|
|
10766
10766
|
};
|
10767
10767
|
}
|
10768
10768
|
|
10769
|
-
function create_fragment$
|
10769
|
+
function create_fragment$L(ctx) {
|
10770
10770
|
let stateitem;
|
10771
10771
|
let current;
|
10772
10772
|
|
@@ -10811,7 +10811,7 @@ function create_fragment$K(ctx) {
|
|
10811
10811
|
};
|
10812
10812
|
}
|
10813
10813
|
|
10814
|
-
function instance$
|
10814
|
+
function instance$L($$self, $$props, $$invalidate) {
|
10815
10815
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10816
10816
|
let { path } = $$props;
|
10817
10817
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
@@ -10882,7 +10882,7 @@ class GridModalState extends SvelteComponent {
|
|
10882
10882
|
constructor(options) {
|
10883
10883
|
super();
|
10884
10884
|
|
10885
|
-
init(this, options, instance$
|
10885
|
+
init(this, options, instance$L, create_fragment$L, safe_not_equal, {
|
10886
10886
|
path: 0,
|
10887
10887
|
onClick: 1,
|
10888
10888
|
clickEventName: 2,
|
@@ -10908,10 +10908,10 @@ class GridModalState extends SvelteComponent {
|
|
10908
10908
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
10909
10909
|
|
10910
10910
|
function add_css$c(target) {
|
10911
|
-
append_styles(target, "svelte-
|
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%}");
|
10912
10912
|
}
|
10913
10913
|
|
10914
|
-
function create_fragment$
|
10914
|
+
function create_fragment$K(ctx) {
|
10915
10915
|
let div1;
|
10916
10916
|
let div0;
|
10917
10917
|
let rendertext;
|
@@ -10924,8 +10924,8 @@ function create_fragment$J(ctx) {
|
|
10924
10924
|
div1 = element("div");
|
10925
10925
|
div0 = element("div");
|
10926
10926
|
create_component(rendertext.$$.fragment);
|
10927
|
-
attr(div0, "class", "text-block-inner svelte-
|
10928
|
-
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"));
|
10929
10929
|
attr(div1, "style", /*style*/ ctx[2]);
|
10930
10930
|
},
|
10931
10931
|
m(target, anchor) {
|
@@ -10939,7 +10939,7 @@ function create_fragment$J(ctx) {
|
|
10939
10939
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
10940
10940
|
rendertext.$set(rendertext_changes);
|
10941
10941
|
|
10942
|
-
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"))) {
|
10943
10943
|
attr(div1, "class", div1_class_value);
|
10944
10944
|
}
|
10945
10945
|
|
@@ -10963,7 +10963,7 @@ function create_fragment$J(ctx) {
|
|
10963
10963
|
};
|
10964
10964
|
}
|
10965
10965
|
|
10966
|
-
function instance$
|
10966
|
+
function instance$K($$self, $$props, $$invalidate) {
|
10967
10967
|
let style;
|
10968
10968
|
let { text = 'サンプルSample' } = $$props;
|
10969
10969
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -10999,8 +10999,8 @@ class TextBlock extends SvelteComponent {
|
|
10999
10999
|
init(
|
11000
11000
|
this,
|
11001
11001
|
options,
|
11002
|
-
instance$
|
11003
|
-
create_fragment$
|
11002
|
+
instance$K,
|
11003
|
+
create_fragment$K,
|
11004
11004
|
safe_not_equal,
|
11005
11005
|
{
|
11006
11006
|
text: 0,
|
@@ -11017,10 +11017,10 @@ class TextBlock extends SvelteComponent {
|
|
11017
11017
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
11018
11018
|
|
11019
11019
|
function add_css$b(target) {
|
11020
|
-
append_styles(target, "svelte-
|
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)}");
|
11021
11021
|
}
|
11022
11022
|
|
11023
|
-
function create_fragment$
|
11023
|
+
function create_fragment$J(ctx) {
|
11024
11024
|
let div;
|
11025
11025
|
let button;
|
11026
11026
|
let rendertext;
|
@@ -11034,9 +11034,9 @@ function create_fragment$I(ctx) {
|
|
11034
11034
|
div = element("div");
|
11035
11035
|
button = element("button");
|
11036
11036
|
create_component(rendertext.$$.fragment);
|
11037
|
-
attr(button, "class", "text-button svelte-
|
11037
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
11038
11038
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
11039
|
-
attr(div, "class", "text-button-block svelte-
|
11039
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
11040
11040
|
attr(div, "style", /*_style*/ ctx[2]);
|
11041
11041
|
},
|
11042
11042
|
m(target, anchor) {
|
@@ -11081,7 +11081,7 @@ function create_fragment$I(ctx) {
|
|
11081
11081
|
};
|
11082
11082
|
}
|
11083
11083
|
|
11084
|
-
function instance$
|
11084
|
+
function instance$J($$self, $$props, $$invalidate) {
|
11085
11085
|
let { text = 'ボタンラベル' } = $$props;
|
11086
11086
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
11087
11087
|
|
@@ -11123,8 +11123,8 @@ class TextButtonBlock extends SvelteComponent {
|
|
11123
11123
|
init(
|
11124
11124
|
this,
|
11125
11125
|
options,
|
11126
|
-
instance$
|
11127
|
-
create_fragment$
|
11126
|
+
instance$J,
|
11127
|
+
create_fragment$J,
|
11128
11128
|
safe_not_equal,
|
11129
11129
|
{
|
11130
11130
|
text: 0,
|
@@ -11142,10 +11142,10 @@ class TextButtonBlock extends SvelteComponent {
|
|
11142
11142
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
11143
11143
|
|
11144
11144
|
function add_css$a(target) {
|
11145
|
-
append_styles(target, "svelte-
|
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)}");
|
11146
11146
|
}
|
11147
11147
|
|
11148
|
-
function create_fragment$
|
11148
|
+
function create_fragment$I(ctx) {
|
11149
11149
|
let div;
|
11150
11150
|
let img;
|
11151
11151
|
let img_style_value;
|
@@ -11158,14 +11158,14 @@ function create_fragment$H(ctx) {
|
|
11158
11158
|
c() {
|
11159
11159
|
div = element("div");
|
11160
11160
|
img = element("img");
|
11161
|
-
attr(img, "class", "image svelte-
|
11161
|
+
attr(img, "class", "image svelte-1pdw891");
|
11162
11162
|
attr(img, "loading", "lazy");
|
11163
11163
|
attr(img, "width", "auto");
|
11164
11164
|
attr(img, "height", "auto");
|
11165
11165
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
11166
11166
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
11167
11167
|
attr(img, "alt", /*alt*/ ctx[1]);
|
11168
|
-
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"));
|
11169
11169
|
attr(div, "style", /*_style*/ ctx[5]);
|
11170
11170
|
},
|
11171
11171
|
m(target, anchor) {
|
@@ -11190,7 +11190,7 @@ function create_fragment$H(ctx) {
|
|
11190
11190
|
attr(img, "alt", /*alt*/ ctx[1]);
|
11191
11191
|
}
|
11192
11192
|
|
11193
|
-
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"))) {
|
11194
11194
|
attr(div, "class", div_class_value);
|
11195
11195
|
}
|
11196
11196
|
|
@@ -11208,7 +11208,7 @@ function create_fragment$H(ctx) {
|
|
11208
11208
|
};
|
11209
11209
|
}
|
11210
11210
|
|
11211
|
-
function instance$
|
11211
|
+
function instance$I($$self, $$props, $$invalidate) {
|
11212
11212
|
let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
|
11213
11213
|
let { alt = 'No Image' } = $$props;
|
11214
11214
|
let { transport = false } = $$props;
|
@@ -11248,8 +11248,8 @@ class ImageBlock extends SvelteComponent {
|
|
11248
11248
|
init(
|
11249
11249
|
this,
|
11250
11250
|
options,
|
11251
|
-
instance$
|
11252
|
-
create_fragment$
|
11251
|
+
instance$I,
|
11252
|
+
create_fragment$I,
|
11253
11253
|
safe_not_equal,
|
11254
11254
|
{
|
11255
11255
|
src: 0,
|
@@ -11367,7 +11367,7 @@ const toCssOverflow = (p) => {
|
|
11367
11367
|
/* src/components-flex/shared/elements/Clickable.svelte generated by Svelte v3.53.1 */
|
11368
11368
|
|
11369
11369
|
function add_css$9(target) {
|
11370
|
-
append_styles(target, "svelte-
|
11370
|
+
append_styles(target, "svelte-12c4e5i", ".clickable.svelte-12c4e5i:link,.clickable.svelte-12c4e5i:visited,.clickable.svelte-12c4e5i:active,.clickable.svelte-12c4e5i:hover{color:inherit}.clickable.svelte-12c4e5i:enabled{cursor:pointer}.clickable.svelte-12c4e5i{text-decoration:none}");
|
11371
11371
|
}
|
11372
11372
|
|
11373
11373
|
// (40:0) {:else}
|
@@ -11397,7 +11397,7 @@ function create_else_block$1(ctx) {
|
|
11397
11397
|
button = element("button");
|
11398
11398
|
if (default_slot) default_slot.c();
|
11399
11399
|
set_attributes(button, button_data);
|
11400
|
-
toggle_class(button, "svelte-
|
11400
|
+
toggle_class(button, "svelte-12c4e5i", true);
|
11401
11401
|
},
|
11402
11402
|
m(target, anchor) {
|
11403
11403
|
insert(target, button, anchor);
|
@@ -11437,7 +11437,7 @@ function create_else_block$1(ctx) {
|
|
11437
11437
|
dataAttrStopPropagation('click')
|
11438
11438
|
]));
|
11439
11439
|
|
11440
|
-
toggle_class(button, "svelte-
|
11440
|
+
toggle_class(button, "svelte-12c4e5i", true);
|
11441
11441
|
},
|
11442
11442
|
i(local) {
|
11443
11443
|
if (current) return;
|
@@ -11470,7 +11470,7 @@ function create_if_block_1$1(ctx) {
|
|
11470
11470
|
div = element("div");
|
11471
11471
|
if (default_slot) default_slot.c();
|
11472
11472
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
11473
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-
|
11473
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-12c4e5i"));
|
11474
11474
|
attr(div, "style", /*style*/ ctx[1]);
|
11475
11475
|
},
|
11476
11476
|
m(target, anchor) {
|
@@ -11502,7 +11502,7 @@ function create_if_block_1$1(ctx) {
|
|
11502
11502
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
11503
11503
|
}
|
11504
11504
|
|
11505
|
-
if (!current || dirty & /*fixedClass*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-
|
11505
|
+
if (!current || dirty & /*fixedClass*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(/*fixedClass*/ ctx[3]) + " svelte-12c4e5i"))) {
|
11506
11506
|
attr(div, "class", div_class_value);
|
11507
11507
|
}
|
11508
11508
|
|
@@ -11563,7 +11563,7 @@ function create_if_block$7(ctx) {
|
|
11563
11563
|
a = element("a");
|
11564
11564
|
if (default_slot) default_slot.c();
|
11565
11565
|
set_attributes(a, a_data);
|
11566
|
-
toggle_class(a, "svelte-
|
11566
|
+
toggle_class(a, "svelte-12c4e5i", true);
|
11567
11567
|
},
|
11568
11568
|
m(target, anchor) {
|
11569
11569
|
insert(target, a, anchor);
|
@@ -11606,7 +11606,7 @@ function create_if_block$7(ctx) {
|
|
11606
11606
|
dataAttrStopPropagation('click')
|
11607
11607
|
]));
|
11608
11608
|
|
11609
|
-
toggle_class(a, "svelte-
|
11609
|
+
toggle_class(a, "svelte-12c4e5i", true);
|
11610
11610
|
},
|
11611
11611
|
i(local) {
|
11612
11612
|
if (current) return;
|
@@ -11626,7 +11626,7 @@ function create_if_block$7(ctx) {
|
|
11626
11626
|
};
|
11627
11627
|
}
|
11628
11628
|
|
11629
|
-
function create_fragment$
|
11629
|
+
function create_fragment$H(ctx) {
|
11630
11630
|
let current_block_type_index;
|
11631
11631
|
let if_block;
|
11632
11632
|
let if_block_anchor;
|
@@ -11698,7 +11698,7 @@ function create_fragment$G(ctx) {
|
|
11698
11698
|
|
11699
11699
|
const CLICKABLE_CLASS = 'clickable';
|
11700
11700
|
|
11701
|
-
function instance$
|
11701
|
+
function instance$H($$self, $$props, $$invalidate) {
|
11702
11702
|
let fixedClass;
|
11703
11703
|
let { $$slots: slots = {}, $$scope } = $$props;
|
11704
11704
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
@@ -11753,8 +11753,8 @@ class Clickable extends SvelteComponent {
|
|
11753
11753
|
init(
|
11754
11754
|
this,
|
11755
11755
|
options,
|
11756
|
-
instance$
|
11757
|
-
create_fragment$
|
11756
|
+
instance$H,
|
11757
|
+
create_fragment$H,
|
11758
11758
|
safe_not_equal,
|
11759
11759
|
{
|
11760
11760
|
onClick: 0,
|
@@ -11805,7 +11805,7 @@ function create_default_slot$6(ctx) {
|
|
11805
11805
|
};
|
11806
11806
|
}
|
11807
11807
|
|
11808
|
-
function create_fragment$
|
11808
|
+
function create_fragment$G(ctx) {
|
11809
11809
|
let clickable;
|
11810
11810
|
let current;
|
11811
11811
|
|
@@ -11858,7 +11858,7 @@ function create_fragment$F(ctx) {
|
|
11858
11858
|
};
|
11859
11859
|
}
|
11860
11860
|
|
11861
|
-
function instance$
|
11861
|
+
function instance$G($$self, $$props, $$invalidate) {
|
11862
11862
|
let style;
|
11863
11863
|
let imgStyle;
|
11864
11864
|
let { props = {} } = $$props;
|
@@ -11907,7 +11907,7 @@ function instance$F($$self, $$props, $$invalidate) {
|
|
11907
11907
|
class Avatar extends SvelteComponent {
|
11908
11908
|
constructor(options) {
|
11909
11909
|
super();
|
11910
|
-
init(this, options, instance$
|
11910
|
+
init(this, options, instance$G, create_fragment$G, safe_not_equal, { props: 0, layerId: 1 });
|
11911
11911
|
}
|
11912
11912
|
}
|
11913
11913
|
|
@@ -11965,7 +11965,7 @@ const buttonPropsDefault = {
|
|
11965
11965
|
|
11966
11966
|
/* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
|
11967
11967
|
|
11968
|
-
function create_fragment$
|
11968
|
+
function create_fragment$F(ctx) {
|
11969
11969
|
let svg;
|
11970
11970
|
let path;
|
11971
11971
|
|
@@ -11997,7 +11997,7 @@ function create_fragment$E(ctx) {
|
|
11997
11997
|
};
|
11998
11998
|
}
|
11999
11999
|
|
12000
|
-
function instance$
|
12000
|
+
function instance$F($$self, $$props, $$invalidate) {
|
12001
12001
|
let { color } = $$props;
|
12002
12002
|
|
12003
12003
|
$$self.$$set = $$props => {
|
@@ -12010,13 +12010,13 @@ function instance$E($$self, $$props, $$invalidate) {
|
|
12010
12010
|
class IconArrowDown extends SvelteComponent {
|
12011
12011
|
constructor(options) {
|
12012
12012
|
super();
|
12013
|
-
init(this, options, instance$
|
12013
|
+
init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
|
12014
12014
|
}
|
12015
12015
|
}
|
12016
12016
|
|
12017
12017
|
/* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
|
12018
12018
|
|
12019
|
-
function create_fragment$
|
12019
|
+
function create_fragment$E(ctx) {
|
12020
12020
|
let svg;
|
12021
12021
|
let path;
|
12022
12022
|
|
@@ -12048,7 +12048,7 @@ function create_fragment$D(ctx) {
|
|
12048
12048
|
};
|
12049
12049
|
}
|
12050
12050
|
|
12051
|
-
function instance$
|
12051
|
+
function instance$E($$self, $$props, $$invalidate) {
|
12052
12052
|
let { color } = $$props;
|
12053
12053
|
|
12054
12054
|
$$self.$$set = $$props => {
|
@@ -12061,13 +12061,13 @@ function instance$D($$self, $$props, $$invalidate) {
|
|
12061
12061
|
class IconArrowUp extends SvelteComponent {
|
12062
12062
|
constructor(options) {
|
12063
12063
|
super();
|
12064
|
-
init(this, options, instance$
|
12064
|
+
init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
|
12065
12065
|
}
|
12066
12066
|
}
|
12067
12067
|
|
12068
12068
|
/* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
|
12069
12069
|
|
12070
|
-
function create_fragment$
|
12070
|
+
function create_fragment$D(ctx) {
|
12071
12071
|
let svg;
|
12072
12072
|
let path;
|
12073
12073
|
|
@@ -12099,7 +12099,7 @@ function create_fragment$C(ctx) {
|
|
12099
12099
|
};
|
12100
12100
|
}
|
12101
12101
|
|
12102
|
-
function instance$
|
12102
|
+
function instance$D($$self, $$props, $$invalidate) {
|
12103
12103
|
let { color } = $$props;
|
12104
12104
|
|
12105
12105
|
$$self.$$set = $$props => {
|
@@ -12112,13 +12112,13 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
12112
12112
|
class IconUsers extends SvelteComponent {
|
12113
12113
|
constructor(options) {
|
12114
12114
|
super();
|
12115
|
-
init(this, options, instance$
|
12115
|
+
init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
|
12116
12116
|
}
|
12117
12117
|
}
|
12118
12118
|
|
12119
12119
|
/* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
|
12120
12120
|
|
12121
|
-
function create_fragment$
|
12121
|
+
function create_fragment$C(ctx) {
|
12122
12122
|
let svg;
|
12123
12123
|
let path;
|
12124
12124
|
|
@@ -12150,7 +12150,7 @@ function create_fragment$B(ctx) {
|
|
12150
12150
|
};
|
12151
12151
|
}
|
12152
12152
|
|
12153
|
-
function instance$
|
12153
|
+
function instance$C($$self, $$props, $$invalidate) {
|
12154
12154
|
let { color } = $$props;
|
12155
12155
|
|
12156
12156
|
$$self.$$set = $$props => {
|
@@ -12163,13 +12163,13 @@ function instance$B($$self, $$props, $$invalidate) {
|
|
12163
12163
|
class IconArrowLeft extends SvelteComponent {
|
12164
12164
|
constructor(options) {
|
12165
12165
|
super();
|
12166
|
-
init(this, options, instance$
|
12166
|
+
init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
|
12167
12167
|
}
|
12168
12168
|
}
|
12169
12169
|
|
12170
12170
|
/* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
|
12171
12171
|
|
12172
|
-
function create_fragment$
|
12172
|
+
function create_fragment$B(ctx) {
|
12173
12173
|
let svg;
|
12174
12174
|
let path;
|
12175
12175
|
|
@@ -12201,7 +12201,7 @@ function create_fragment$A(ctx) {
|
|
12201
12201
|
};
|
12202
12202
|
}
|
12203
12203
|
|
12204
|
-
function instance$
|
12204
|
+
function instance$B($$self, $$props, $$invalidate) {
|
12205
12205
|
let { color } = $$props;
|
12206
12206
|
|
12207
12207
|
$$self.$$set = $$props => {
|
@@ -12214,13 +12214,13 @@ function instance$A($$self, $$props, $$invalidate) {
|
|
12214
12214
|
class IconArrowRight extends SvelteComponent {
|
12215
12215
|
constructor(options) {
|
12216
12216
|
super();
|
12217
|
-
init(this, options, instance$
|
12217
|
+
init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
|
12218
12218
|
}
|
12219
12219
|
}
|
12220
12220
|
|
12221
12221
|
/* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
|
12222
12222
|
|
12223
|
-
function create_fragment$
|
12223
|
+
function create_fragment$A(ctx) {
|
12224
12224
|
let svg;
|
12225
12225
|
let path;
|
12226
12226
|
|
@@ -12252,7 +12252,7 @@ function create_fragment$z(ctx) {
|
|
12252
12252
|
};
|
12253
12253
|
}
|
12254
12254
|
|
12255
|
-
function instance$
|
12255
|
+
function instance$A($$self, $$props, $$invalidate) {
|
12256
12256
|
let { color } = $$props;
|
12257
12257
|
|
12258
12258
|
$$self.$$set = $$props => {
|
@@ -12265,13 +12265,13 @@ function instance$z($$self, $$props, $$invalidate) {
|
|
12265
12265
|
class IconBell extends SvelteComponent {
|
12266
12266
|
constructor(options) {
|
12267
12267
|
super();
|
12268
|
-
init(this, options, instance$
|
12268
|
+
init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
|
12269
12269
|
}
|
12270
12270
|
}
|
12271
12271
|
|
12272
12272
|
/* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
|
12273
12273
|
|
12274
|
-
function create_fragment$
|
12274
|
+
function create_fragment$z(ctx) {
|
12275
12275
|
let svg;
|
12276
12276
|
let path;
|
12277
12277
|
|
@@ -12303,7 +12303,7 @@ function create_fragment$y(ctx) {
|
|
12303
12303
|
};
|
12304
12304
|
}
|
12305
12305
|
|
12306
|
-
function instance$
|
12306
|
+
function instance$z($$self, $$props, $$invalidate) {
|
12307
12307
|
let { color } = $$props;
|
12308
12308
|
|
12309
12309
|
$$self.$$set = $$props => {
|
@@ -12316,13 +12316,13 @@ function instance$y($$self, $$props, $$invalidate) {
|
|
12316
12316
|
class IconArrowUpFromSquare extends SvelteComponent {
|
12317
12317
|
constructor(options) {
|
12318
12318
|
super();
|
12319
|
-
init(this, options, instance$
|
12319
|
+
init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
|
12320
12320
|
}
|
12321
12321
|
}
|
12322
12322
|
|
12323
12323
|
/* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
|
12324
12324
|
|
12325
|
-
function create_fragment$
|
12325
|
+
function create_fragment$y(ctx) {
|
12326
12326
|
let svg;
|
12327
12327
|
let path;
|
12328
12328
|
|
@@ -12354,7 +12354,7 @@ function create_fragment$x(ctx) {
|
|
12354
12354
|
};
|
12355
12355
|
}
|
12356
12356
|
|
12357
|
-
function instance$
|
12357
|
+
function instance$y($$self, $$props, $$invalidate) {
|
12358
12358
|
let { color } = $$props;
|
12359
12359
|
|
12360
12360
|
$$self.$$set = $$props => {
|
@@ -12367,13 +12367,13 @@ function instance$x($$self, $$props, $$invalidate) {
|
|
12367
12367
|
class IconTicket extends SvelteComponent {
|
12368
12368
|
constructor(options) {
|
12369
12369
|
super();
|
12370
|
-
init(this, options, instance$
|
12370
|
+
init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
|
12371
12371
|
}
|
12372
12372
|
}
|
12373
12373
|
|
12374
12374
|
/* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
|
12375
12375
|
|
12376
|
-
function create_fragment$
|
12376
|
+
function create_fragment$x(ctx) {
|
12377
12377
|
let svg;
|
12378
12378
|
let path;
|
12379
12379
|
|
@@ -12405,7 +12405,7 @@ function create_fragment$w(ctx) {
|
|
12405
12405
|
};
|
12406
12406
|
}
|
12407
12407
|
|
12408
|
-
function instance$
|
12408
|
+
function instance$x($$self, $$props, $$invalidate) {
|
12409
12409
|
let { color } = $$props;
|
12410
12410
|
|
12411
12411
|
$$self.$$set = $$props => {
|
@@ -12418,13 +12418,13 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
12418
12418
|
class IconTrack extends SvelteComponent {
|
12419
12419
|
constructor(options) {
|
12420
12420
|
super();
|
12421
|
-
init(this, options, instance$
|
12421
|
+
init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
|
12422
12422
|
}
|
12423
12423
|
}
|
12424
12424
|
|
12425
12425
|
/* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
|
12426
12426
|
|
12427
|
-
function create_fragment$
|
12427
|
+
function create_fragment$w(ctx) {
|
12428
12428
|
let svg;
|
12429
12429
|
let path;
|
12430
12430
|
|
@@ -12456,7 +12456,7 @@ function create_fragment$v(ctx) {
|
|
12456
12456
|
};
|
12457
12457
|
}
|
12458
12458
|
|
12459
|
-
function instance$
|
12459
|
+
function instance$w($$self, $$props, $$invalidate) {
|
12460
12460
|
let { color } = $$props;
|
12461
12461
|
|
12462
12462
|
$$self.$$set = $$props => {
|
@@ -12469,13 +12469,13 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
12469
12469
|
class IconCartShopping extends SvelteComponent {
|
12470
12470
|
constructor(options) {
|
12471
12471
|
super();
|
12472
|
-
init(this, options, instance$
|
12472
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
|
12473
12473
|
}
|
12474
12474
|
}
|
12475
12475
|
|
12476
12476
|
/* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
|
12477
12477
|
|
12478
|
-
function create_fragment$
|
12478
|
+
function create_fragment$v(ctx) {
|
12479
12479
|
let svg;
|
12480
12480
|
let path;
|
12481
12481
|
|
@@ -12507,7 +12507,7 @@ function create_fragment$u(ctx) {
|
|
12507
12507
|
};
|
12508
12508
|
}
|
12509
12509
|
|
12510
|
-
function instance$
|
12510
|
+
function instance$v($$self, $$props, $$invalidate) {
|
12511
12511
|
let { color } = $$props;
|
12512
12512
|
|
12513
12513
|
$$self.$$set = $$props => {
|
@@ -12520,13 +12520,13 @@ function instance$u($$self, $$props, $$invalidate) {
|
|
12520
12520
|
class IconCircle extends SvelteComponent {
|
12521
12521
|
constructor(options) {
|
12522
12522
|
super();
|
12523
|
-
init(this, options, instance$
|
12523
|
+
init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
|
12524
12524
|
}
|
12525
12525
|
}
|
12526
12526
|
|
12527
12527
|
/* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
|
12528
12528
|
|
12529
|
-
function create_fragment$
|
12529
|
+
function create_fragment$u(ctx) {
|
12530
12530
|
let svg;
|
12531
12531
|
let path;
|
12532
12532
|
|
@@ -12558,7 +12558,7 @@ function create_fragment$t(ctx) {
|
|
12558
12558
|
};
|
12559
12559
|
}
|
12560
12560
|
|
12561
|
-
function instance$
|
12561
|
+
function instance$u($$self, $$props, $$invalidate) {
|
12562
12562
|
let { color } = $$props;
|
12563
12563
|
|
12564
12564
|
$$self.$$set = $$props => {
|
@@ -12571,13 +12571,13 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
12571
12571
|
class IconCircleQuestion extends SvelteComponent {
|
12572
12572
|
constructor(options) {
|
12573
12573
|
super();
|
12574
|
-
init(this, options, instance$
|
12574
|
+
init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
|
12575
12575
|
}
|
12576
12576
|
}
|
12577
12577
|
|
12578
12578
|
/* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
|
12579
12579
|
|
12580
|
-
function create_fragment$
|
12580
|
+
function create_fragment$t(ctx) {
|
12581
12581
|
let svg;
|
12582
12582
|
let path;
|
12583
12583
|
|
@@ -12609,7 +12609,7 @@ function create_fragment$s(ctx) {
|
|
12609
12609
|
};
|
12610
12610
|
}
|
12611
12611
|
|
12612
|
-
function instance$
|
12612
|
+
function instance$t($$self, $$props, $$invalidate) {
|
12613
12613
|
let { color } = $$props;
|
12614
12614
|
|
12615
12615
|
$$self.$$set = $$props => {
|
@@ -12622,13 +12622,13 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
12622
12622
|
class IconCheck extends SvelteComponent {
|
12623
12623
|
constructor(options) {
|
12624
12624
|
super();
|
12625
|
-
init(this, options, instance$
|
12625
|
+
init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
|
12626
12626
|
}
|
12627
12627
|
}
|
12628
12628
|
|
12629
12629
|
/* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
|
12630
12630
|
|
12631
|
-
function create_fragment$
|
12631
|
+
function create_fragment$s(ctx) {
|
12632
12632
|
let svg;
|
12633
12633
|
let path;
|
12634
12634
|
|
@@ -12660,7 +12660,7 @@ function create_fragment$r(ctx) {
|
|
12660
12660
|
};
|
12661
12661
|
}
|
12662
12662
|
|
12663
|
-
function instance$
|
12663
|
+
function instance$s($$self, $$props, $$invalidate) {
|
12664
12664
|
let { color } = $$props;
|
12665
12665
|
|
12666
12666
|
$$self.$$set = $$props => {
|
@@ -12673,13 +12673,13 @@ function instance$r($$self, $$props, $$invalidate) {
|
|
12673
12673
|
class IconXMark extends SvelteComponent {
|
12674
12674
|
constructor(options) {
|
12675
12675
|
super();
|
12676
|
-
init(this, options, instance$
|
12676
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
|
12677
12677
|
}
|
12678
12678
|
}
|
12679
12679
|
|
12680
12680
|
/* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
|
12681
12681
|
|
12682
|
-
function create_fragment$
|
12682
|
+
function create_fragment$r(ctx) {
|
12683
12683
|
let svg;
|
12684
12684
|
let path;
|
12685
12685
|
|
@@ -12711,7 +12711,7 @@ function create_fragment$q(ctx) {
|
|
12711
12711
|
};
|
12712
12712
|
}
|
12713
12713
|
|
12714
|
-
function instance$
|
12714
|
+
function instance$r($$self, $$props, $$invalidate) {
|
12715
12715
|
let { color } = $$props;
|
12716
12716
|
|
12717
12717
|
$$self.$$set = $$props => {
|
@@ -12724,13 +12724,13 @@ function instance$q($$self, $$props, $$invalidate) {
|
|
12724
12724
|
class IconPaperPlane extends SvelteComponent {
|
12725
12725
|
constructor(options) {
|
12726
12726
|
super();
|
12727
|
-
init(this, options, instance$
|
12727
|
+
init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
|
12728
12728
|
}
|
12729
12729
|
}
|
12730
12730
|
|
12731
12731
|
/* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
|
12732
12732
|
|
12733
|
-
function create_fragment$
|
12733
|
+
function create_fragment$q(ctx) {
|
12734
12734
|
let svg;
|
12735
12735
|
let path;
|
12736
12736
|
|
@@ -12762,7 +12762,7 @@ function create_fragment$p(ctx) {
|
|
12762
12762
|
};
|
12763
12763
|
}
|
12764
12764
|
|
12765
|
-
function instance$
|
12765
|
+
function instance$q($$self, $$props, $$invalidate) {
|
12766
12766
|
let { color } = $$props;
|
12767
12767
|
|
12768
12768
|
$$self.$$set = $$props => {
|
@@ -12775,13 +12775,13 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
12775
12775
|
class IconCopy extends SvelteComponent {
|
12776
12776
|
constructor(options) {
|
12777
12777
|
super();
|
12778
|
-
init(this, options, instance$
|
12778
|
+
init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
|
12779
12779
|
}
|
12780
12780
|
}
|
12781
12781
|
|
12782
12782
|
/* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
|
12783
12783
|
|
12784
|
-
function create_fragment$
|
12784
|
+
function create_fragment$p(ctx) {
|
12785
12785
|
let svg;
|
12786
12786
|
let path;
|
12787
12787
|
|
@@ -12813,7 +12813,7 @@ function create_fragment$o(ctx) {
|
|
12813
12813
|
};
|
12814
12814
|
}
|
12815
12815
|
|
12816
|
-
function instance$
|
12816
|
+
function instance$p($$self, $$props, $$invalidate) {
|
12817
12817
|
let { color } = $$props;
|
12818
12818
|
|
12819
12819
|
$$self.$$set = $$props => {
|
@@ -12826,13 +12826,13 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
12826
12826
|
class IconCircleXMark extends SvelteComponent {
|
12827
12827
|
constructor(options) {
|
12828
12828
|
super();
|
12829
|
-
init(this, options, instance$
|
12829
|
+
init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
|
12830
12830
|
}
|
12831
12831
|
}
|
12832
12832
|
|
12833
12833
|
/* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
|
12834
12834
|
|
12835
|
-
function create_fragment$
|
12835
|
+
function create_fragment$o(ctx) {
|
12836
12836
|
let svg;
|
12837
12837
|
let path;
|
12838
12838
|
|
@@ -12864,7 +12864,7 @@ function create_fragment$n(ctx) {
|
|
12864
12864
|
};
|
12865
12865
|
}
|
12866
12866
|
|
12867
|
-
function instance$
|
12867
|
+
function instance$o($$self, $$props, $$invalidate) {
|
12868
12868
|
let { color } = $$props;
|
12869
12869
|
|
12870
12870
|
$$self.$$set = $$props => {
|
@@ -12877,13 +12877,13 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
12877
12877
|
class IconHeart extends SvelteComponent {
|
12878
12878
|
constructor(options) {
|
12879
12879
|
super();
|
12880
|
-
init(this, options, instance$
|
12880
|
+
init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
|
12881
12881
|
}
|
12882
12882
|
}
|
12883
12883
|
|
12884
12884
|
/* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
|
12885
12885
|
|
12886
|
-
function create_fragment$
|
12886
|
+
function create_fragment$n(ctx) {
|
12887
12887
|
let svg;
|
12888
12888
|
let path;
|
12889
12889
|
|
@@ -12915,7 +12915,7 @@ function create_fragment$m(ctx) {
|
|
12915
12915
|
};
|
12916
12916
|
}
|
12917
12917
|
|
12918
|
-
function instance$
|
12918
|
+
function instance$n($$self, $$props, $$invalidate) {
|
12919
12919
|
let { color } = $$props;
|
12920
12920
|
|
12921
12921
|
$$self.$$set = $$props => {
|
@@ -12928,13 +12928,13 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
12928
12928
|
class IconMagnifyingGrass extends SvelteComponent {
|
12929
12929
|
constructor(options) {
|
12930
12930
|
super();
|
12931
|
-
init(this, options, instance$
|
12931
|
+
init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
|
12932
12932
|
}
|
12933
12933
|
}
|
12934
12934
|
|
12935
12935
|
/* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
|
12936
12936
|
|
12937
|
-
function create_fragment$
|
12937
|
+
function create_fragment$m(ctx) {
|
12938
12938
|
let svg;
|
12939
12939
|
let path;
|
12940
12940
|
|
@@ -12966,7 +12966,7 @@ function create_fragment$l(ctx) {
|
|
12966
12966
|
};
|
12967
12967
|
}
|
12968
12968
|
|
12969
|
-
function instance$
|
12969
|
+
function instance$m($$self, $$props, $$invalidate) {
|
12970
12970
|
let { color } = $$props;
|
12971
12971
|
|
12972
12972
|
$$self.$$set = $$props => {
|
@@ -12979,13 +12979,13 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
12979
12979
|
class IconStar extends SvelteComponent {
|
12980
12980
|
constructor(options) {
|
12981
12981
|
super();
|
12982
|
-
init(this, options, instance$
|
12982
|
+
init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
|
12983
12983
|
}
|
12984
12984
|
}
|
12985
12985
|
|
12986
12986
|
/* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
|
12987
12987
|
|
12988
|
-
function create_fragment$
|
12988
|
+
function create_fragment$l(ctx) {
|
12989
12989
|
let svg;
|
12990
12990
|
let path;
|
12991
12991
|
|
@@ -13017,7 +13017,7 @@ function create_fragment$k(ctx) {
|
|
13017
13017
|
};
|
13018
13018
|
}
|
13019
13019
|
|
13020
|
-
function instance$
|
13020
|
+
function instance$l($$self, $$props, $$invalidate) {
|
13021
13021
|
let { color } = $$props;
|
13022
13022
|
|
13023
13023
|
$$self.$$set = $$props => {
|
@@ -13030,13 +13030,13 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
13030
13030
|
class IconCircleInfo extends SvelteComponent {
|
13031
13031
|
constructor(options) {
|
13032
13032
|
super();
|
13033
|
-
init(this, options, instance$
|
13033
|
+
init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
|
13034
13034
|
}
|
13035
13035
|
}
|
13036
13036
|
|
13037
13037
|
/* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
|
13038
13038
|
|
13039
|
-
function create_fragment$
|
13039
|
+
function create_fragment$k(ctx) {
|
13040
13040
|
let svg;
|
13041
13041
|
let path;
|
13042
13042
|
|
@@ -13068,7 +13068,7 @@ function create_fragment$j(ctx) {
|
|
13068
13068
|
};
|
13069
13069
|
}
|
13070
13070
|
|
13071
|
-
function instance$
|
13071
|
+
function instance$k($$self, $$props, $$invalidate) {
|
13072
13072
|
let { color } = $$props;
|
13073
13073
|
|
13074
13074
|
$$self.$$set = $$props => {
|
@@ -13081,13 +13081,13 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
13081
13081
|
class IconEnvelope extends SvelteComponent {
|
13082
13082
|
constructor(options) {
|
13083
13083
|
super();
|
13084
|
-
init(this, options, instance$
|
13084
|
+
init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
|
13085
13085
|
}
|
13086
13086
|
}
|
13087
13087
|
|
13088
13088
|
/* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
|
13089
13089
|
|
13090
|
-
function create_fragment$
|
13090
|
+
function create_fragment$j(ctx) {
|
13091
13091
|
let svg;
|
13092
13092
|
let path;
|
13093
13093
|
|
@@ -13119,7 +13119,7 @@ function create_fragment$i(ctx) {
|
|
13119
13119
|
};
|
13120
13120
|
}
|
13121
13121
|
|
13122
|
-
function instance$
|
13122
|
+
function instance$j($$self, $$props, $$invalidate) {
|
13123
13123
|
let { color } = $$props;
|
13124
13124
|
|
13125
13125
|
$$self.$$set = $$props => {
|
@@ -13132,13 +13132,13 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
13132
13132
|
class IconGift extends SvelteComponent {
|
13133
13133
|
constructor(options) {
|
13134
13134
|
super();
|
13135
|
-
init(this, options, instance$
|
13135
|
+
init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
|
13136
13136
|
}
|
13137
13137
|
}
|
13138
13138
|
|
13139
13139
|
/* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
|
13140
13140
|
|
13141
|
-
function create_fragment$
|
13141
|
+
function create_fragment$i(ctx) {
|
13142
13142
|
let svg;
|
13143
13143
|
let path;
|
13144
13144
|
|
@@ -13170,7 +13170,7 @@ function create_fragment$h(ctx) {
|
|
13170
13170
|
};
|
13171
13171
|
}
|
13172
13172
|
|
13173
|
-
function instance$
|
13173
|
+
function instance$i($$self, $$props, $$invalidate) {
|
13174
13174
|
let { color } = $$props;
|
13175
13175
|
|
13176
13176
|
$$self.$$set = $$props => {
|
@@ -13183,13 +13183,13 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
13183
13183
|
class IconPaperclip extends SvelteComponent {
|
13184
13184
|
constructor(options) {
|
13185
13185
|
super();
|
13186
|
-
init(this, options, instance$
|
13186
|
+
init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
|
13187
13187
|
}
|
13188
13188
|
}
|
13189
13189
|
|
13190
13190
|
/* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
|
13191
13191
|
|
13192
|
-
function create_fragment$
|
13192
|
+
function create_fragment$h(ctx) {
|
13193
13193
|
let svg;
|
13194
13194
|
let path;
|
13195
13195
|
|
@@ -13221,7 +13221,7 @@ function create_fragment$g(ctx) {
|
|
13221
13221
|
};
|
13222
13222
|
}
|
13223
13223
|
|
13224
|
-
function instance$
|
13224
|
+
function instance$h($$self, $$props, $$invalidate) {
|
13225
13225
|
let { color } = $$props;
|
13226
13226
|
|
13227
13227
|
$$self.$$set = $$props => {
|
@@ -13234,13 +13234,13 @@ function instance$g($$self, $$props, $$invalidate) {
|
|
13234
13234
|
class IconFire extends SvelteComponent {
|
13235
13235
|
constructor(options) {
|
13236
13236
|
super();
|
13237
|
-
init(this, options, instance$
|
13237
|
+
init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
|
13238
13238
|
}
|
13239
13239
|
}
|
13240
13240
|
|
13241
13241
|
/* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
|
13242
13242
|
|
13243
|
-
function create_fragment$
|
13243
|
+
function create_fragment$g(ctx) {
|
13244
13244
|
let svg;
|
13245
13245
|
let path;
|
13246
13246
|
|
@@ -13272,7 +13272,7 @@ function create_fragment$f(ctx) {
|
|
13272
13272
|
};
|
13273
13273
|
}
|
13274
13274
|
|
13275
|
-
function instance$
|
13275
|
+
function instance$g($$self, $$props, $$invalidate) {
|
13276
13276
|
let { color } = $$props;
|
13277
13277
|
|
13278
13278
|
$$self.$$set = $$props => {
|
@@ -13285,13 +13285,13 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
13285
13285
|
class IconLink extends SvelteComponent {
|
13286
13286
|
constructor(options) {
|
13287
13287
|
super();
|
13288
|
-
init(this, options, instance$
|
13288
|
+
init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
|
13289
13289
|
}
|
13290
13290
|
}
|
13291
13291
|
|
13292
13292
|
/* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
|
13293
13293
|
|
13294
|
-
function create_fragment$
|
13294
|
+
function create_fragment$f(ctx) {
|
13295
13295
|
let svg;
|
13296
13296
|
let path;
|
13297
13297
|
|
@@ -13323,7 +13323,7 @@ function create_fragment$e(ctx) {
|
|
13323
13323
|
};
|
13324
13324
|
}
|
13325
13325
|
|
13326
|
-
function instance$
|
13326
|
+
function instance$f($$self, $$props, $$invalidate) {
|
13327
13327
|
let { color } = $$props;
|
13328
13328
|
|
13329
13329
|
$$self.$$set = $$props => {
|
@@ -13336,13 +13336,13 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
13336
13336
|
class IconBuildings extends SvelteComponent {
|
13337
13337
|
constructor(options) {
|
13338
13338
|
super();
|
13339
|
-
init(this, options, instance$
|
13339
|
+
init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
|
13340
13340
|
}
|
13341
13341
|
}
|
13342
13342
|
|
13343
13343
|
/* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
|
13344
13344
|
|
13345
|
-
function create_fragment$
|
13345
|
+
function create_fragment$e(ctx) {
|
13346
13346
|
let svg;
|
13347
13347
|
let path;
|
13348
13348
|
|
@@ -13374,7 +13374,7 @@ function create_fragment$d(ctx) {
|
|
13374
13374
|
};
|
13375
13375
|
}
|
13376
13376
|
|
13377
|
-
function instance$
|
13377
|
+
function instance$e($$self, $$props, $$invalidate) {
|
13378
13378
|
let { color } = $$props;
|
13379
13379
|
|
13380
13380
|
$$self.$$set = $$props => {
|
@@ -13385,6 +13385,57 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
13385
13385
|
}
|
13386
13386
|
|
13387
13387
|
class IconChevronsRight extends SvelteComponent {
|
13388
|
+
constructor(options) {
|
13389
|
+
super();
|
13390
|
+
init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
|
13391
|
+
}
|
13392
|
+
}
|
13393
|
+
|
13394
|
+
/* src/components-flex/icon/variants/IconChevronRight.svelte generated by Svelte v3.53.1 */
|
13395
|
+
|
13396
|
+
function create_fragment$d(ctx) {
|
13397
|
+
let svg;
|
13398
|
+
let path;
|
13399
|
+
|
13400
|
+
return {
|
13401
|
+
c() {
|
13402
|
+
svg = svg_element("svg");
|
13403
|
+
path = svg_element("path");
|
13404
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
13405
|
+
attr(path, "d", "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z");
|
13406
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
13407
|
+
set_style(svg, "width", "100%");
|
13408
|
+
set_style(svg, "height", "100%");
|
13409
|
+
attr(svg, "viewBox", "0 0 320 512");
|
13410
|
+
},
|
13411
|
+
m(target, anchor) {
|
13412
|
+
insert(target, svg, anchor);
|
13413
|
+
append(svg, path);
|
13414
|
+
},
|
13415
|
+
p(ctx, [dirty]) {
|
13416
|
+
if (dirty & /*color*/ 1) {
|
13417
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
13418
|
+
}
|
13419
|
+
},
|
13420
|
+
i: noop,
|
13421
|
+
o: noop,
|
13422
|
+
d(detaching) {
|
13423
|
+
if (detaching) detach(svg);
|
13424
|
+
}
|
13425
|
+
};
|
13426
|
+
}
|
13427
|
+
|
13428
|
+
function instance$d($$self, $$props, $$invalidate) {
|
13429
|
+
let { color } = $$props;
|
13430
|
+
|
13431
|
+
$$self.$$set = $$props => {
|
13432
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
13433
|
+
};
|
13434
|
+
|
13435
|
+
return [color];
|
13436
|
+
}
|
13437
|
+
|
13438
|
+
class IconChevronRight extends SvelteComponent {
|
13388
13439
|
constructor(options) {
|
13389
13440
|
super();
|
13390
13441
|
init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
|
@@ -13534,6 +13585,7 @@ const ICON_VARIANTS = {
|
|
13534
13585
|
cart_shopping: IconCartShopping,
|
13535
13586
|
check: IconCheck,
|
13536
13587
|
chevrons_right: IconChevronsRight,
|
13588
|
+
chevron_right: IconChevronRight,
|
13537
13589
|
circle: IconCircle,
|
13538
13590
|
circle_info: IconCircleInfo,
|
13539
13591
|
circle_question: IconCircleQuestion,
|
@@ -13794,44 +13846,34 @@ class Icon extends SvelteComponent {
|
|
13794
13846
|
|
13795
13847
|
const BUTTON_SIZE_STYLES = {
|
13796
13848
|
extra_small: {
|
13797
|
-
|
13798
|
-
|
13849
|
+
height: '32px',
|
13850
|
+
paddingLeft: '12px',
|
13851
|
+
paddingRight: '12px',
|
13799
13852
|
fontSize: '12px',
|
13800
|
-
paddingBlock: '8px',
|
13801
|
-
lineHeight: 1.5,
|
13802
|
-
borderRadius: '4px',
|
13803
13853
|
},
|
13804
13854
|
small: {
|
13805
|
-
|
13806
|
-
|
13855
|
+
height: '36px',
|
13856
|
+
paddingLeft: '16px',
|
13857
|
+
paddingRight: '16px',
|
13807
13858
|
fontSize: '13px',
|
13808
|
-
paddingBlock: '8px',
|
13809
|
-
lineHeight: 1.5,
|
13810
|
-
borderRadius: '4px',
|
13811
13859
|
},
|
13812
13860
|
medium: {
|
13813
|
-
|
13814
|
-
|
13861
|
+
height: '40px',
|
13862
|
+
paddingLeft: '24px',
|
13863
|
+
paddingRight: '24px',
|
13815
13864
|
fontSize: '14px',
|
13816
|
-
paddingBlock: '8px',
|
13817
|
-
lineHeight: 1.5,
|
13818
|
-
borderRadius: '4px',
|
13819
13865
|
},
|
13820
13866
|
large: {
|
13821
|
-
|
13822
|
-
|
13867
|
+
height: '48px',
|
13868
|
+
paddingLeft: '32px',
|
13869
|
+
paddingRight: '32px',
|
13823
13870
|
fontSize: '14px',
|
13824
|
-
paddingBlock: '10px',
|
13825
|
-
lineHeight: 1.5,
|
13826
|
-
borderRadius: '4px',
|
13827
13871
|
},
|
13828
13872
|
extra_large: {
|
13829
|
-
|
13830
|
-
|
13831
|
-
|
13832
|
-
|
13833
|
-
lineHeight: 1.5,
|
13834
|
-
borderRadius: '4px',
|
13873
|
+
height: '56px',
|
13874
|
+
paddingLeft: '40px',
|
13875
|
+
paddingRight: '40px',
|
13876
|
+
fontSize: '16px',
|
13835
13877
|
},
|
13836
13878
|
};
|
13837
13879
|
const BUTTON_THEME_STYLES = {
|
@@ -13877,7 +13919,7 @@ const BUTTON_THEME_STYLES = {
|
|
13877
13919
|
},
|
13878
13920
|
transparent: {
|
13879
13921
|
backgroundColor: 'rgba(255, 255, 255, 0)',
|
13880
|
-
color: '
|
13922
|
+
color: 'rgba(0, 16, 14, 1)',
|
13881
13923
|
fontWeight: 'bold',
|
13882
13924
|
},
|
13883
13925
|
};
|
@@ -13885,7 +13927,9 @@ const BUTTON_ROUND_STYLES = {
|
|
13885
13927
|
none: {
|
13886
13928
|
borderRadius: 0,
|
13887
13929
|
},
|
13888
|
-
default: {
|
13930
|
+
default: {
|
13931
|
+
borderRadius: '4px',
|
13932
|
+
},
|
13889
13933
|
fulled: {
|
13890
13934
|
borderRadius: '56px',
|
13891
13935
|
},
|
@@ -13948,10 +13992,10 @@ function darkenColor(color, percent) {
|
|
13948
13992
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
13949
13993
|
|
13950
13994
|
function add_css$8(target) {
|
13951
|
-
append_styles(target, "svelte-
|
13995
|
+
append_styles(target, "svelte-jar2a9", ".button{background-color:var(--bg-color)}.button:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-jar2a9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
13952
13996
|
}
|
13953
13997
|
|
13954
|
-
// (
|
13998
|
+
// (48:2) {#if props.isIcon && props.iconVariant}
|
13955
13999
|
function create_if_block$5(ctx) {
|
13956
14000
|
let div;
|
13957
14001
|
let icon;
|
@@ -13972,7 +14016,7 @@ function create_if_block$5(ctx) {
|
|
13972
14016
|
c() {
|
13973
14017
|
div = element("div");
|
13974
14018
|
create_component(icon.$$.fragment);
|
13975
|
-
attr(div, "class", "button-icon svelte-
|
14019
|
+
attr(div, "class", "button-icon svelte-jar2a9");
|
13976
14020
|
},
|
13977
14021
|
m(target, anchor) {
|
13978
14022
|
insert(target, div, anchor);
|
@@ -14007,7 +14051,7 @@ function create_if_block$5(ctx) {
|
|
14007
14051
|
};
|
14008
14052
|
}
|
14009
14053
|
|
14010
|
-
// (
|
14054
|
+
// (47:0) <Clickable className="button" layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
|
14011
14055
|
function create_default_slot$4(ctx) {
|
14012
14056
|
let t0;
|
14013
14057
|
let span;
|
@@ -14106,7 +14150,7 @@ function create_fragment$9(ctx) {
|
|
14106
14150
|
if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
|
14107
14151
|
if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
|
14108
14152
|
|
14109
|
-
if (dirty & /*$$scope, props*/
|
14153
|
+
if (dirty & /*$$scope, props*/ 65) {
|
14110
14154
|
clickable_changes.$$scope = { dirty, ctx };
|
14111
14155
|
}
|
14112
14156
|
|
@@ -14133,6 +14177,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
14133
14177
|
let { props = {} } = $$props;
|
14134
14178
|
let { layerId = '' } = $$props;
|
14135
14179
|
const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
|
14180
|
+
const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
|
14136
14181
|
|
14137
14182
|
$$self.$$set = $$props => {
|
14138
14183
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
@@ -14160,14 +14205,19 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
14160
14205
|
color: props.color ?? buttonThemeStyle.color,
|
14161
14206
|
fontWeight: props.fontWeight ?? buttonThemeStyle.fontWeight,
|
14162
14207
|
cursor: 'pointer',
|
14163
|
-
|
14208
|
+
lineHeight: 1.5,
|
14164
14209
|
...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
|
14165
14210
|
...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
|
14166
14211
|
...props.iconAngle
|
14167
14212
|
? { flexDirection: props.iconAngle }
|
14168
14213
|
: {},
|
14214
|
+
height: props.height ?? buttonSizeStyle.height,
|
14215
|
+
paddingLeft: props.paddingLeft ?? buttonSizeStyle.paddingLeft,
|
14216
|
+
paddingRight: props.paddingRight ?? buttonSizeStyle.paddingRight,
|
14217
|
+
fontSize: props.fontSize ?? buttonSizeStyle.fontSize,
|
14169
14218
|
...toCssCommon(props),
|
14170
14219
|
...toCssBorder(props),
|
14220
|
+
...toCssShadow(props),
|
14171
14221
|
...variables
|
14172
14222
|
}));
|
14173
14223
|
}
|
@@ -14255,7 +14305,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
14255
14305
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
14256
14306
|
|
14257
14307
|
function add_css$7(target) {
|
14258
|
-
append_styles(target, "svelte-
|
14308
|
+
append_styles(target, "svelte-11hj92h", ".button-outlined{background-color:#ffffff}.button-outlined:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-11hj92h{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
14259
14309
|
}
|
14260
14310
|
|
14261
14311
|
// (46:2) {#if props.isIcon && props.iconVariant}
|
@@ -14279,7 +14329,7 @@ function create_if_block$4(ctx) {
|
|
14279
14329
|
c() {
|
14280
14330
|
div = element("div");
|
14281
14331
|
create_component(icon.$$.fragment);
|
14282
|
-
attr(div, "class", "button-outlined-icon svelte-
|
14332
|
+
attr(div, "class", "button-outlined-icon svelte-11hj92h");
|
14283
14333
|
},
|
14284
14334
|
m(target, anchor) {
|
14285
14335
|
insert(target, div, anchor);
|
@@ -14483,13 +14533,72 @@ class ButtonOutlined extends SvelteComponent {
|
|
14483
14533
|
}
|
14484
14534
|
}
|
14485
14535
|
|
14536
|
+
const BUTTON_TEXT_SIZE_STYLES = {
|
14537
|
+
small: {
|
14538
|
+
height: '32px',
|
14539
|
+
paddingLeft: '16px',
|
14540
|
+
paddingRight: '16px',
|
14541
|
+
fontSize: '12px',
|
14542
|
+
},
|
14543
|
+
medium: {
|
14544
|
+
height: '40px',
|
14545
|
+
paddingLeft: '24px',
|
14546
|
+
paddingRight: '24px',
|
14547
|
+
fontSize: '14px',
|
14548
|
+
},
|
14549
|
+
large: {
|
14550
|
+
height: '48px',
|
14551
|
+
paddingLeft: '32px',
|
14552
|
+
paddingRight: '32px',
|
14553
|
+
fontSize: '16px',
|
14554
|
+
},
|
14555
|
+
};
|
14556
|
+
const BUTTON_TEXT_THEME_STYLES = {
|
14557
|
+
default: {
|
14558
|
+
backgroundColor: '#f3f4f6',
|
14559
|
+
color: 'rgba(0, 16, 14, 1)',
|
14560
|
+
},
|
14561
|
+
link: {
|
14562
|
+
backgroundColor: '#f3f4f6',
|
14563
|
+
color: '#1558d6',
|
14564
|
+
},
|
14565
|
+
brand: {
|
14566
|
+
backgroundColor: '#f3f4f6',
|
14567
|
+
color: 'rgba(18,160,160,1)',
|
14568
|
+
},
|
14569
|
+
success: {
|
14570
|
+
backgroundColor: '#f3f4f6',
|
14571
|
+
color: '#10b981',
|
14572
|
+
},
|
14573
|
+
warning: {
|
14574
|
+
backgroundColor: '#f3f4f6',
|
14575
|
+
color: '#fbbf24',
|
14576
|
+
},
|
14577
|
+
alert: {
|
14578
|
+
backgroundColor: '#f3f4f6',
|
14579
|
+
color: '#ef4444',
|
14580
|
+
},
|
14581
|
+
info: {
|
14582
|
+
backgroundColor: '#f3f4f6',
|
14583
|
+
color: '#0ea5e9',
|
14584
|
+
},
|
14585
|
+
gray: {
|
14586
|
+
backgroundColor: '#0ea5e9',
|
14587
|
+
color: '#666666',
|
14588
|
+
},
|
14589
|
+
white: {
|
14590
|
+
backgroundColor: '#f3f4f6',
|
14591
|
+
color: '#FFFFFF',
|
14592
|
+
},
|
14593
|
+
};
|
14594
|
+
|
14486
14595
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
14487
14596
|
|
14488
14597
|
function add_css$6(target) {
|
14489
|
-
append_styles(target, "svelte-
|
14598
|
+
append_styles(target, "svelte-30fvi7", ".flex-button-text:hover{background-color:var(--hover-bg-color)}.flex-button-text-icon.svelte-30fvi7{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
14490
14599
|
}
|
14491
14600
|
|
14492
|
-
// (
|
14601
|
+
// (54:2) {#if props.isIcon && props.iconVariant}
|
14493
14602
|
function create_if_block$3(ctx) {
|
14494
14603
|
let div;
|
14495
14604
|
let icon;
|
@@ -14499,7 +14608,9 @@ function create_if_block$3(ctx) {
|
|
14499
14608
|
props: {
|
14500
14609
|
props: {
|
14501
14610
|
variant: /*props*/ ctx[0].iconVariant,
|
14502
|
-
color: /*
|
14611
|
+
color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
|
14612
|
+
width: '1em',
|
14613
|
+
height: '1em'
|
14503
14614
|
}
|
14504
14615
|
}
|
14505
14616
|
});
|
@@ -14508,7 +14619,7 @@ function create_if_block$3(ctx) {
|
|
14508
14619
|
c() {
|
14509
14620
|
div = element("div");
|
14510
14621
|
create_component(icon.$$.fragment);
|
14511
|
-
attr(div, "class", "flex-button-text-icon svelte-
|
14622
|
+
attr(div, "class", "flex-button-text-icon svelte-30fvi7");
|
14512
14623
|
},
|
14513
14624
|
m(target, anchor) {
|
14514
14625
|
insert(target, div, anchor);
|
@@ -14520,7 +14631,9 @@ function create_if_block$3(ctx) {
|
|
14520
14631
|
|
14521
14632
|
if (dirty & /*props*/ 1) icon_changes.props = {
|
14522
14633
|
variant: /*props*/ ctx[0].iconVariant,
|
14523
|
-
color: /*
|
14634
|
+
color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color,
|
14635
|
+
width: '1em',
|
14636
|
+
height: '1em'
|
14524
14637
|
};
|
14525
14638
|
|
14526
14639
|
icon.$set(icon_changes);
|
@@ -14541,7 +14654,7 @@ function create_if_block$3(ctx) {
|
|
14541
14654
|
};
|
14542
14655
|
}
|
14543
14656
|
|
14544
|
-
// (
|
14657
|
+
// (46:0) <Clickable className="flex-button-text" {layerId} {style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue} >
|
14545
14658
|
function create_default_slot$2(ctx) {
|
14546
14659
|
let t0;
|
14547
14660
|
let span;
|
@@ -14613,7 +14726,7 @@ function create_fragment$7(ctx) {
|
|
14613
14726
|
|
14614
14727
|
clickable = new Clickable({
|
14615
14728
|
props: {
|
14616
|
-
className: "
|
14729
|
+
className: "flex-button-text",
|
14617
14730
|
layerId: /*layerId*/ ctx[1],
|
14618
14731
|
style: /*style*/ ctx[2],
|
14619
14732
|
onClick: /*props*/ ctx[0].onClick,
|
@@ -14640,7 +14753,7 @@ function create_fragment$7(ctx) {
|
|
14640
14753
|
if (dirty & /*props*/ 1) clickable_changes.eventName = /*props*/ ctx[0].eventName;
|
14641
14754
|
if (dirty & /*props*/ 1) clickable_changes.eventValue = /*props*/ ctx[0].eventValue;
|
14642
14755
|
|
14643
|
-
if (dirty & /*$$scope, props*/
|
14756
|
+
if (dirty & /*$$scope, props*/ 513) {
|
14644
14757
|
clickable_changes.$$scope = { dirty, ctx };
|
14645
14758
|
}
|
14646
14759
|
|
@@ -14662,67 +14775,15 @@ function create_fragment$7(ctx) {
|
|
14662
14775
|
}
|
14663
14776
|
|
14664
14777
|
function instance$7($$self, $$props, $$invalidate) {
|
14778
|
+
let variables;
|
14665
14779
|
let style;
|
14666
14780
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
14667
14781
|
let { eventName = '' } = $$props;
|
14668
14782
|
let { eventValue = undefined } = $$props;
|
14669
14783
|
let { props = {} } = $$props;
|
14670
14784
|
let { layerId = '' } = $$props;
|
14671
|
-
|
14672
|
-
const
|
14673
|
-
size: {
|
14674
|
-
extra_small: {
|
14675
|
-
fontSize: '12px',
|
14676
|
-
lineHeight: 1.5,
|
14677
|
-
borderRadius: '4px'
|
14678
|
-
},
|
14679
|
-
small: {
|
14680
|
-
fontSize: '13px',
|
14681
|
-
lineHeight: 1.5,
|
14682
|
-
borderRadius: '4px'
|
14683
|
-
},
|
14684
|
-
medium: {
|
14685
|
-
fontSize: '14px',
|
14686
|
-
lineHeight: 1.5,
|
14687
|
-
borderRadius: '4px'
|
14688
|
-
},
|
14689
|
-
large: {
|
14690
|
-
fontSize: '14px',
|
14691
|
-
lineHeight: 1.5,
|
14692
|
-
borderRadius: '4px'
|
14693
|
-
},
|
14694
|
-
extra_large: {
|
14695
|
-
fontSize: '17px',
|
14696
|
-
lineHeight: 1.5,
|
14697
|
-
borderRadius: '4px'
|
14698
|
-
}
|
14699
|
-
},
|
14700
|
-
color: {
|
14701
|
-
theme: {
|
14702
|
-
color: 'rgba(18,160,160,1)',
|
14703
|
-
fontWeight: 'bold'
|
14704
|
-
},
|
14705
|
-
default: { color: '#00100ea1', fontWeight: 'bold' }, // 'bg-action-default hover:bg-action-default-hover text-default'
|
14706
|
-
alert: {
|
14707
|
-
color: 'rgb(242,83,32,1)',
|
14708
|
-
fontWeight: 'bold'
|
14709
|
-
}, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
|
14710
|
-
|
14711
|
-
},
|
14712
|
-
wrap: {
|
14713
|
-
nowrap: { whiteSpace: 'nowrap' },
|
14714
|
-
wrap: { whiteSpace: 'pre-wrap' }
|
14715
|
-
}
|
14716
|
-
};
|
14717
|
-
|
14718
|
-
const getCustomColor = () => {
|
14719
|
-
return {
|
14720
|
-
color: VARIANTS.color[props.color ?? 'default'].color,
|
14721
|
-
fontWeight: props.fontWeight
|
14722
|
-
? props.fontWeight
|
14723
|
-
: VARIANTS.color[props.color ?? 'default'].fontWeight
|
14724
|
-
};
|
14725
|
-
};
|
14785
|
+
const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
|
14786
|
+
const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
|
14726
14787
|
|
14727
14788
|
$$self.$$set = $$props => {
|
14728
14789
|
if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
|
@@ -14734,26 +14795,49 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
14734
14795
|
|
14735
14796
|
$$self.$$.update = () => {
|
14736
14797
|
if ($$self.$$.dirty & /*props*/ 1) {
|
14798
|
+
$$invalidate(7, variables = {
|
14799
|
+
'--hover-bg-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor
|
14800
|
+
});
|
14801
|
+
}
|
14802
|
+
|
14803
|
+
if ($$self.$$.dirty & /*props, variables*/ 129) {
|
14737
14804
|
$$invalidate(2, style = objToStyle({
|
14738
14805
|
display: 'inline-flex',
|
14739
14806
|
gap: '0.65em',
|
14740
14807
|
alignItems: 'center',
|
14741
14808
|
justifyContent: 'center',
|
14809
|
+
outline: 0,
|
14742
14810
|
border: 0,
|
14743
|
-
transition: 'color 0.12s',
|
14811
|
+
transition: 'background-color 0.12s, color 0.12s',
|
14744
14812
|
width: props.width,
|
14745
|
-
|
14746
|
-
|
14813
|
+
height: props.height ?? buttonSizeStyle.height,
|
14814
|
+
paddingLeft: props.paddingLeft ?? buttonSizeStyle.paddingLeft,
|
14815
|
+
paddingRight: props.paddingRight ?? buttonSizeStyle.paddingRight,
|
14816
|
+
fontSize: props.fontSize ?? buttonSizeStyle.fontSize,
|
14817
|
+
color: props.color ?? buttonThemeStyle.color,
|
14818
|
+
fontWeight: props.fontWeight ?? 'bold',
|
14819
|
+
cursor: 'pointer',
|
14820
|
+
...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
|
14821
|
+
...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
|
14747
14822
|
...props.iconAngle
|
14748
14823
|
? { flexDirection: props.iconAngle }
|
14749
14824
|
: {},
|
14750
|
-
...
|
14751
|
-
...
|
14825
|
+
...toCssCommon(props),
|
14826
|
+
...variables
|
14752
14827
|
}));
|
14753
14828
|
}
|
14754
14829
|
};
|
14755
14830
|
|
14756
|
-
return [
|
14831
|
+
return [
|
14832
|
+
props,
|
14833
|
+
layerId,
|
14834
|
+
style,
|
14835
|
+
buttonThemeStyle,
|
14836
|
+
onClick,
|
14837
|
+
eventName,
|
14838
|
+
eventValue,
|
14839
|
+
variables
|
14840
|
+
];
|
14757
14841
|
}
|
14758
14842
|
|
14759
14843
|
class ButtonText extends SvelteComponent {
|
@@ -14778,6 +14862,23 @@ class ButtonText extends SvelteComponent {
|
|
14778
14862
|
}
|
14779
14863
|
}
|
14780
14864
|
|
14865
|
+
const BUTTON_TEXT_SIZE = {
|
14866
|
+
small: 'Small',
|
14867
|
+
medium: 'Medium',
|
14868
|
+
large: 'Large',
|
14869
|
+
};
|
14870
|
+
const BUTTON_TEXT_THEME = {
|
14871
|
+
default: 'デフォルト',
|
14872
|
+
link: 'Link',
|
14873
|
+
brand: 'Brand',
|
14874
|
+
success: 'Success',
|
14875
|
+
warning: 'Warning',
|
14876
|
+
alert: 'Danger',
|
14877
|
+
info: 'Info',
|
14878
|
+
gray: 'Gray',
|
14879
|
+
white: 'White',
|
14880
|
+
};
|
14881
|
+
|
14781
14882
|
const CLOSE_BUTTON_PLACEMENT = {
|
14782
14883
|
topRight: 'topRight',
|
14783
14884
|
topLeft: 'topLeft',
|
@@ -14797,7 +14898,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
14797
14898
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
14798
14899
|
|
14799
14900
|
function add_css$5(target) {
|
14800
|
-
append_styles(target, "svelte-
|
14901
|
+
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}");
|
14801
14902
|
}
|
14802
14903
|
|
14803
14904
|
// (93:2) {#if hasLabel}
|
@@ -14813,7 +14914,7 @@ function create_if_block$2(ctx) {
|
|
14813
14914
|
|
14814
14915
|
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
|
14815
14916
|
? 'close-button-order-one'
|
14816
|
-
: '') + " svelte-
|
14917
|
+
: '') + " svelte-12v1h9t");
|
14817
14918
|
},
|
14818
14919
|
m(target, anchor) {
|
14819
14920
|
insert(target, span, anchor);
|
@@ -14874,7 +14975,7 @@ function create_fragment$6(ctx) {
|
|
14874
14975
|
attr(svg, "fill", /*color*/ ctx[6]);
|
14875
14976
|
attr(span, "style", /*iconStyle*/ ctx[1]);
|
14876
14977
|
set_attributes(button, button_data);
|
14877
|
-
toggle_class(button, "svelte-
|
14978
|
+
toggle_class(button, "svelte-12v1h9t", true);
|
14878
14979
|
},
|
14879
14980
|
m(target, anchor) {
|
14880
14981
|
insert(target, button, anchor);
|
@@ -14915,7 +15016,7 @@ function create_fragment$6(ctx) {
|
|
14915
15016
|
dataAttrStopPropagation('click')
|
14916
15017
|
]));
|
14917
15018
|
|
14918
|
-
toggle_class(button, "svelte-
|
15019
|
+
toggle_class(button, "svelte-12v1h9t", true);
|
14919
15020
|
},
|
14920
15021
|
i: noop,
|
14921
15022
|
o: noop,
|
@@ -15043,7 +15144,7 @@ class CloseButton extends SvelteComponent {
|
|
15043
15144
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
15044
15145
|
|
15045
15146
|
function add_css$4(target) {
|
15046
|
-
append_styles(target, "svelte-
|
15147
|
+
append_styles(target, "svelte-1nwdvab", ".image-object.svelte-1nwdvab{width:100%;overflow:hidden}.image-img.svelte-1nwdvab{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
15047
15148
|
}
|
15048
15149
|
|
15049
15150
|
// (21:0) <CLICKABLE layerId={layerId} style={style} onClick={props.onClick} eventName={props.eventName} eventValue={props.eventValue}>
|
@@ -15059,9 +15160,9 @@ function create_default_slot$1(ctx) {
|
|
15059
15160
|
img = element("img");
|
15060
15161
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
15061
15162
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
15062
|
-
attr(img, "class", "image-img svelte-
|
15163
|
+
attr(img, "class", "image-img svelte-1nwdvab");
|
15063
15164
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
15064
|
-
attr(object, "class", "image-object svelte-
|
15165
|
+
attr(object, "class", "image-object svelte-1nwdvab");
|
15065
15166
|
},
|
15066
15167
|
m(target, anchor) {
|
15067
15168
|
insert(target, object, anchor);
|
@@ -15334,7 +15435,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
15334
15435
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
15335
15436
|
|
15336
15437
|
function add_css$3(target) {
|
15337
|
-
append_styles(target, "svelte-
|
15438
|
+
append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
|
15338
15439
|
}
|
15339
15440
|
|
15340
15441
|
function get_each_context(ctx, list, i) {
|
@@ -15436,7 +15537,7 @@ function create_fragment$3(ctx) {
|
|
15436
15537
|
each_blocks[i].c();
|
15437
15538
|
}
|
15438
15539
|
|
15439
|
-
attr(div0, "class", "container svelte-
|
15540
|
+
attr(div0, "class", "container svelte-17ij7ip");
|
15440
15541
|
attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
|
15441
15542
|
attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
|
15442
15543
|
attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
|
@@ -15815,7 +15916,7 @@ const TEXT_VARIANTS = {
|
|
15815
15916
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
15816
15917
|
|
15817
15918
|
function add_css$2(target) {
|
15818
|
-
append_styles(target, "svelte-
|
15919
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
15819
15920
|
}
|
15820
15921
|
|
15821
15922
|
function create_fragment$2(ctx) {
|
@@ -15825,7 +15926,7 @@ function create_fragment$2(ctx) {
|
|
15825
15926
|
c() {
|
15826
15927
|
p = element("p");
|
15827
15928
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
15828
|
-
attr(p, "class", "text svelte-
|
15929
|
+
attr(p, "class", "text svelte-1vl0c87");
|
15829
15930
|
attr(p, "style", /*style*/ ctx[1]);
|
15830
15931
|
},
|
15831
15932
|
m(target, anchor) {
|
@@ -15917,7 +16018,7 @@ const LAYER_TEXT_SIZE = {
|
|
15917
16018
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
15918
16019
|
|
15919
16020
|
function add_css$1(target) {
|
15920
|
-
append_styles(target, "svelte-
|
16021
|
+
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}");
|
15921
16022
|
}
|
15922
16023
|
|
15923
16024
|
// (14:0) {#if backgroundOverlay}
|
@@ -15930,7 +16031,7 @@ function create_if_block$1(ctx) {
|
|
15930
16031
|
return {
|
15931
16032
|
c() {
|
15932
16033
|
div = element("div");
|
15933
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
16034
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
15934
16035
|
},
|
15935
16036
|
m(target, anchor) {
|
15936
16037
|
insert(target, div, anchor);
|
@@ -15941,7 +16042,7 @@ function create_if_block$1(ctx) {
|
|
15941
16042
|
}
|
15942
16043
|
},
|
15943
16044
|
p(ctx, dirty) {
|
15944
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
16045
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
15945
16046
|
attr(div, "class", div_class_value);
|
15946
16047
|
}
|
15947
16048
|
},
|
@@ -16013,10 +16114,10 @@ class BackgroundOverlay extends SvelteComponent {
|
|
16013
16114
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
16014
16115
|
|
16015
16116
|
function add_css(target) {
|
16016
|
-
append_styles(target, "svelte-
|
16117
|
+
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}}");
|
16017
16118
|
}
|
16018
16119
|
|
16019
|
-
// (
|
16120
|
+
// (254:0) {:else}
|
16020
16121
|
function create_else_block(ctx) {
|
16021
16122
|
let backgroundoverlay;
|
16022
16123
|
let current;
|
@@ -16060,7 +16161,7 @@ function create_else_block(ctx) {
|
|
16060
16161
|
};
|
16061
16162
|
}
|
16062
16163
|
|
16063
|
-
// (
|
16164
|
+
// (243:24)
|
16064
16165
|
function create_if_block_2(ctx) {
|
16065
16166
|
let backgroundoverlay0;
|
16066
16167
|
let t;
|
@@ -16129,7 +16230,7 @@ function create_if_block_2(ctx) {
|
|
16129
16230
|
};
|
16130
16231
|
}
|
16131
16232
|
|
16132
|
-
// (
|
16233
|
+
// (241:0) {#if isPreview()}
|
16133
16234
|
function create_if_block_1(ctx) {
|
16134
16235
|
return {
|
16135
16236
|
c: noop,
|
@@ -16141,7 +16242,7 @@ function create_if_block_1(ctx) {
|
|
16141
16242
|
};
|
16142
16243
|
}
|
16143
16244
|
|
16144
|
-
// (
|
16245
|
+
// (257:0) {#if visible}
|
16145
16246
|
function create_if_block(ctx) {
|
16146
16247
|
let div;
|
16147
16248
|
let div_class_value;
|
@@ -16154,7 +16255,7 @@ function create_if_block(ctx) {
|
|
16154
16255
|
c() {
|
16155
16256
|
div = element("div");
|
16156
16257
|
if (default_slot) default_slot.c();
|
16157
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
16258
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
16158
16259
|
attr(div, "role", "dialog");
|
16159
16260
|
attr(div, "aria-modal", "true");
|
16160
16261
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
|
@@ -16187,7 +16288,7 @@ function create_if_block(ctx) {
|
|
16187
16288
|
}
|
16188
16289
|
}
|
16189
16290
|
|
16190
|
-
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
16291
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
16191
16292
|
attr(div, "class", div_class_value);
|
16192
16293
|
}
|
16193
16294
|
},
|
@@ -16358,8 +16459,9 @@ function instance($$self, $$props, $$invalidate) {
|
|
16358
16459
|
let { closeEventValue = null } = $$props;
|
16359
16460
|
|
16360
16461
|
// モーダル背景の設定
|
16361
|
-
|
16462
|
+
const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
|
16362
16463
|
|
16464
|
+
let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
|
16363
16465
|
let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
|
16364
16466
|
let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
|
16365
16467
|
|
@@ -16414,7 +16516,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
16414
16516
|
|
16415
16517
|
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 196609) {
|
16416
16518
|
{
|
16417
|
-
if (
|
16519
|
+
if (isExistBackgroundOverlayValue) {
|
16418
16520
|
$$invalidate(3, backgroundOverlay = placement.backgroundOverlay);
|
16419
16521
|
}
|
16420
16522
|
|
@@ -16703,4 +16805,4 @@ const ROUND_STYLES = {
|
|
16703
16805
|
},
|
16704
16806
|
};
|
16705
16807
|
|
16706
|
-
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, 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, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, 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_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonOutlinedPropsDefault, 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 };
|
16808
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_TEXT_THEME_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, 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, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, 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_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonOutlinedPropsDefault, 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 };
|