@plaidev/karte-action-sdk 1.1.254 → 1.1.255-28810509.aa4fd817
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.d.ts +6 -2
- package/dist/hydrate/index.es.js +352 -295
- package/dist/index.es.d.ts +6 -2
- package/dist/index.es.js +347 -294
- package/package.json +1 -1
- package/meta/karte-action-sdk.api.json +0 -6318
package/dist/index.es.js
CHANGED
@@ -3078,8 +3078,8 @@ class State extends SvelteComponent {
|
|
3078
3078
|
|
3079
3079
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3080
3080
|
|
3081
|
-
function add_css$
|
3082
|
-
append_styles(target, "svelte-
|
3081
|
+
function add_css$J(target) {
|
3082
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
3083
3083
|
}
|
3084
3084
|
|
3085
3085
|
// (23:0) {#if $state === path}
|
@@ -3096,7 +3096,7 @@ function create_if_block$f(ctx) {
|
|
3096
3096
|
t = space();
|
3097
3097
|
if (default_slot) default_slot.c();
|
3098
3098
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
3099
|
-
attr(div, "class", "state-item svelte-
|
3099
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
3100
3100
|
},
|
3101
3101
|
m(target, anchor) {
|
3102
3102
|
insert(target, div, anchor);
|
@@ -3232,7 +3232,7 @@ function instance$1f($$self, $$props, $$invalidate) {
|
|
3232
3232
|
class StateItem extends SvelteComponent {
|
3233
3233
|
constructor(options) {
|
3234
3234
|
super();
|
3235
|
-
init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$
|
3235
|
+
init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$J);
|
3236
3236
|
}
|
3237
3237
|
}
|
3238
3238
|
|
@@ -3417,8 +3417,8 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3417
3417
|
|
3418
3418
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3419
3419
|
|
3420
|
-
function add_css$
|
3421
|
-
append_styles(target, "svelte-
|
3420
|
+
function add_css$I(target) {
|
3421
|
+
append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
3422
3422
|
}
|
3423
3423
|
|
3424
3424
|
// (14:0) {#if backgroundOverlay}
|
@@ -3431,7 +3431,7 @@ function create_if_block$e(ctx) {
|
|
3431
3431
|
return {
|
3432
3432
|
c() {
|
3433
3433
|
div = element("div");
|
3434
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
3434
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
3435
3435
|
},
|
3436
3436
|
m(target, anchor) {
|
3437
3437
|
insert(target, div, anchor);
|
@@ -3442,7 +3442,7 @@ function create_if_block$e(ctx) {
|
|
3442
3442
|
}
|
3443
3443
|
},
|
3444
3444
|
p(ctx, dirty) {
|
3445
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
3445
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
3446
3446
|
attr(div, "class", div_class_value);
|
3447
3447
|
}
|
3448
3448
|
},
|
@@ -3507,7 +3507,7 @@ function instance$1e($$self, $$props, $$invalidate) {
|
|
3507
3507
|
let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
|
3508
3508
|
constructor(options) {
|
3509
3509
|
super();
|
3510
|
-
init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$
|
3510
|
+
init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$I);
|
3511
3511
|
}
|
3512
3512
|
};
|
3513
3513
|
|
@@ -3547,8 +3547,8 @@ function checkStopPropagation(eventName, handler) {
|
|
3547
3547
|
|
3548
3548
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3549
3549
|
|
3550
|
-
function add_css$
|
3551
|
-
append_styles(target, "svelte-
|
3550
|
+
function add_css$H(target) {
|
3551
|
+
append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
|
3552
3552
|
}
|
3553
3553
|
|
3554
3554
|
// (50:0) {:else}
|
@@ -3577,7 +3577,7 @@ function create_else_block$5(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$5(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$3(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$3(ctx) {
|
|
3773
3773
|
dataAttrStopPropagation('click')
|
3774
3774
|
]));
|
3775
3775
|
|
3776
|
-
toggle_class(a, "svelte-
|
3776
|
+
toggle_class(a, "svelte-15k4deh", true);
|
3777
3777
|
},
|
3778
3778
|
i(local) {
|
3779
3779
|
if (current) return;
|
@@ -3804,7 +3804,7 @@ function create_if_block$d(ctx) {
|
|
3804
3804
|
c() {
|
3805
3805
|
div = element("div");
|
3806
3806
|
if (default_slot) default_slot.c();
|
3807
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
3807
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
3808
3808
|
attr(div, "style", /*style*/ ctx[1]);
|
3809
3809
|
},
|
3810
3810
|
m(target, anchor) {
|
@@ -4000,15 +4000,15 @@ let Button$1 = class Button extends SvelteComponent {
|
|
4000
4000
|
eventValue: 6,
|
4001
4001
|
style: 1
|
4002
4002
|
},
|
4003
|
-
add_css$
|
4003
|
+
add_css$H
|
4004
4004
|
);
|
4005
4005
|
}
|
4006
4006
|
};
|
4007
4007
|
|
4008
4008
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
4009
4009
|
|
4010
|
-
function add_css$
|
4011
|
-
append_styles(target, "svelte-
|
4010
|
+
function add_css$G(target) {
|
4011
|
+
append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
4012
4012
|
}
|
4013
4013
|
|
4014
4014
|
// (278:0) {:else}
|
@@ -4158,7 +4158,7 @@ function create_if_block$c(ctx) {
|
|
4158
4158
|
c() {
|
4159
4159
|
div = element("div");
|
4160
4160
|
create_component(button.$$.fragment);
|
4161
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
4161
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
4162
4162
|
attr(div, "role", "dialog");
|
4163
4163
|
attr(div, "aria-modal", "true");
|
4164
4164
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
@@ -4182,7 +4182,7 @@ function create_if_block$c(ctx) {
|
|
4182
4182
|
|
4183
4183
|
button.$set(button_changes);
|
4184
4184
|
|
4185
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
4185
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
4186
4186
|
attr(div, "class", div_class_value);
|
4187
4187
|
}
|
4188
4188
|
},
|
@@ -4236,7 +4236,7 @@ function create_if_block_1$2(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$6(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) {
|
@@ -4851,7 +4851,7 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
4851
4851
|
closeButtonColor: 9,
|
4852
4852
|
_closeStyle: 10
|
4853
4853
|
},
|
4854
|
-
add_css$
|
4854
|
+
add_css$G,
|
4855
4855
|
[-1, -1]
|
4856
4856
|
);
|
4857
4857
|
}
|
@@ -4975,8 +4975,8 @@ class Grid extends SvelteComponent {
|
|
4975
4975
|
|
4976
4976
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4977
4977
|
|
4978
|
-
function add_css$
|
4979
|
-
append_styles(target, "svelte-
|
4978
|
+
function add_css$F(target) {
|
4979
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
4980
4980
|
}
|
4981
4981
|
|
4982
4982
|
function create_fragment$1a(ctx) {
|
@@ -4991,8 +4991,8 @@ function create_fragment$1a(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]);
|
@@ -5114,7 +5114,7 @@ class GridItem extends SvelteComponent {
|
|
5114
5114
|
background: 7,
|
5115
5115
|
gridItemId: 0
|
5116
5116
|
},
|
5117
|
-
add_css$
|
5117
|
+
add_css$F
|
5118
5118
|
);
|
5119
5119
|
}
|
5120
5120
|
}
|
@@ -5296,8 +5296,8 @@ class RenderText extends SvelteComponent {
|
|
5296
5296
|
|
5297
5297
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5298
5298
|
|
5299
|
-
function add_css$
|
5300
|
-
append_styles(target, "svelte-
|
5299
|
+
function add_css$E(target) {
|
5300
|
+
append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
|
5301
5301
|
}
|
5302
5302
|
|
5303
5303
|
// (94:2) {:else}
|
@@ -5314,8 +5314,8 @@ function create_else_block$2(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$2(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$a(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$a(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
|
|
@@ -5460,7 +5460,7 @@ function create_fragment$18(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);
|
@@ -5618,15 +5618,15 @@ class TextElement extends SvelteComponent {
|
|
5618
5618
|
enableCopy: 2,
|
5619
5619
|
eventName: 10
|
5620
5620
|
},
|
5621
|
-
add_css$
|
5621
|
+
add_css$E
|
5622
5622
|
);
|
5623
5623
|
}
|
5624
5624
|
}
|
5625
5625
|
|
5626
5626
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5627
5627
|
|
5628
|
-
function add_css$
|
5629
|
-
append_styles(target, "svelte-
|
5628
|
+
function add_css$D(target) {
|
5629
|
+
append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
5630
5630
|
}
|
5631
5631
|
|
5632
5632
|
// (48:2) <Button {onClick} {style} {eventName}>
|
@@ -5682,7 +5682,7 @@ function create_fragment$17(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);
|
@@ -5766,15 +5766,15 @@ class TextButtonElement extends SvelteComponent {
|
|
5766
5766
|
_buttonStyle: 5,
|
5767
5767
|
_style: 6
|
5768
5768
|
},
|
5769
|
-
add_css$
|
5769
|
+
add_css$D
|
5770
5770
|
);
|
5771
5771
|
}
|
5772
5772
|
}
|
5773
5773
|
|
5774
5774
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5775
5775
|
|
5776
|
-
function add_css$
|
5777
|
-
append_styles(target, "svelte-
|
5776
|
+
function add_css$C(target) {
|
5777
|
+
append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
|
5778
5778
|
}
|
5779
5779
|
|
5780
5780
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
@@ -5786,7 +5786,7 @@ function create_default_slot$4(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");
|
@@ -5848,7 +5848,7 @@ function create_fragment$16(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$16(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
|
},
|
@@ -5931,15 +5931,15 @@ class ImageElement extends SvelteComponent {
|
|
5931
5931
|
_imageStyle: 6,
|
5932
5932
|
_style: 7
|
5933
5933
|
},
|
5934
|
-
add_css$
|
5934
|
+
add_css$C
|
5935
5935
|
);
|
5936
5936
|
}
|
5937
5937
|
}
|
5938
5938
|
|
5939
5939
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
5940
5940
|
|
5941
|
-
function add_css$
|
5942
|
-
append_styles(target, "svelte-
|
5941
|
+
function add_css$B(target) {
|
5942
|
+
append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
5943
5943
|
}
|
5944
5944
|
|
5945
5945
|
function create_fragment$15(ctx) {
|
@@ -5952,7 +5952,7 @@ function create_fragment$15(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) {
|
@@ -6078,15 +6078,15 @@ class List extends SvelteComponent {
|
|
6078
6078
|
background: 3,
|
6079
6079
|
_style: 4
|
6080
6080
|
},
|
6081
|
-
add_css$
|
6081
|
+
add_css$B
|
6082
6082
|
);
|
6083
6083
|
}
|
6084
6084
|
}
|
6085
6085
|
|
6086
6086
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6087
6087
|
|
6088
|
-
function add_css$
|
6089
|
-
append_styles(target, "svelte-
|
6088
|
+
function add_css$A(target) {
|
6089
|
+
append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
6090
6090
|
}
|
6091
6091
|
|
6092
6092
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
@@ -6156,7 +6156,7 @@ function create_fragment$14(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) {
|
@@ -6275,14 +6275,14 @@ function instance$14($$self, $$props, $$invalidate) {
|
|
6275
6275
|
class ListItem extends SvelteComponent {
|
6276
6276
|
constructor(options) {
|
6277
6277
|
super();
|
6278
|
-
init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$
|
6278
|
+
init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$A);
|
6279
6279
|
}
|
6280
6280
|
}
|
6281
6281
|
|
6282
6282
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6283
6283
|
|
6284
|
-
function add_css$
|
6285
|
-
append_styles(target, "svelte-
|
6284
|
+
function add_css$z(target) {
|
6285
|
+
append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
6286
6286
|
}
|
6287
6287
|
|
6288
6288
|
function create_fragment$13(ctx) {
|
@@ -6291,7 +6291,7 @@ function create_fragment$13(ctx) {
|
|
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) {
|
@@ -6327,14 +6327,14 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
6327
6327
|
class EmbedElement extends SvelteComponent {
|
6328
6328
|
constructor(options) {
|
6329
6329
|
super();
|
6330
|
-
init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$
|
6330
|
+
init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$z);
|
6331
6331
|
}
|
6332
6332
|
}
|
6333
6333
|
|
6334
6334
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6335
6335
|
|
6336
|
-
function add_css$
|
6337
|
-
append_styles(target, "svelte-
|
6336
|
+
function add_css$y(target) {
|
6337
|
+
append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
6338
6338
|
}
|
6339
6339
|
|
6340
6340
|
function create_fragment$12(ctx) {
|
@@ -6346,7 +6346,7 @@ function create_fragment$12(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) {
|
@@ -6679,7 +6679,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6679
6679
|
mute: 25,
|
6680
6680
|
_style: 0
|
6681
6681
|
},
|
6682
|
-
add_css$
|
6682
|
+
add_css$y,
|
6683
6683
|
[-1, -1]
|
6684
6684
|
);
|
6685
6685
|
}
|
@@ -6687,8 +6687,8 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6687
6687
|
|
6688
6688
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6689
6689
|
|
6690
|
-
function add_css$
|
6691
|
-
append_styles(target, "svelte-
|
6690
|
+
function add_css$x(target) {
|
6691
|
+
append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
6692
6692
|
}
|
6693
6693
|
|
6694
6694
|
function create_fragment$11(ctx) {
|
@@ -6700,7 +6700,7 @@ function create_fragment$11(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) {
|
@@ -6876,15 +6876,15 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6876
6876
|
mute: 6,
|
6877
6877
|
_style: 0
|
6878
6878
|
},
|
6879
|
-
add_css$
|
6879
|
+
add_css$x
|
6880
6880
|
);
|
6881
6881
|
}
|
6882
6882
|
}
|
6883
6883
|
|
6884
6884
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
6885
6885
|
|
6886
|
-
function add_css$
|
6887
|
-
append_styles(target, "svelte-
|
6886
|
+
function add_css$w(target) {
|
6887
|
+
append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
|
6888
6888
|
}
|
6889
6889
|
|
6890
6890
|
function create_fragment$10(ctx) {
|
@@ -6897,12 +6897,12 @@ function create_fragment$10(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) {
|
@@ -7046,15 +7046,15 @@ class FormTextarea extends SvelteComponent {
|
|
7046
7046
|
_textStyle: 11,
|
7047
7047
|
_placeholderStyle: 12
|
7048
7048
|
},
|
7049
|
-
add_css$
|
7049
|
+
add_css$w
|
7050
7050
|
);
|
7051
7051
|
}
|
7052
7052
|
}
|
7053
7053
|
|
7054
7054
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7055
7055
|
|
7056
|
-
function add_css$
|
7057
|
-
append_styles(target, "svelte-
|
7056
|
+
function add_css$v(target) {
|
7057
|
+
append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
|
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);
|
@@ -7160,7 +7160,7 @@ function create_fragment$$(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) {
|
@@ -7321,15 +7321,15 @@ class FormRadioButtons extends SvelteComponent {
|
|
7321
7321
|
buttonColor: 13,
|
7322
7322
|
buttonColorActive: 14
|
7323
7323
|
},
|
7324
|
-
add_css$
|
7324
|
+
add_css$v
|
7325
7325
|
);
|
7326
7326
|
}
|
7327
7327
|
}
|
7328
7328
|
|
7329
7329
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7330
7330
|
|
7331
|
-
function add_css$
|
7332
|
-
append_styles(target, "svelte-
|
7331
|
+
function add_css$u(target) {
|
7332
|
+
append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
|
7333
7333
|
}
|
7334
7334
|
|
7335
7335
|
function get_each_context$5(ctx, list, i) {
|
@@ -7463,10 +7463,10 @@ function create_fragment$_(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) {
|
@@ -7660,15 +7660,15 @@ class FormSelect extends SvelteComponent {
|
|
7660
7660
|
iconColor: 15,
|
7661
7661
|
iconSize: 16
|
7662
7662
|
},
|
7663
|
-
add_css$
|
7663
|
+
add_css$u
|
7664
7664
|
);
|
7665
7665
|
}
|
7666
7666
|
}
|
7667
7667
|
|
7668
7668
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7669
7669
|
|
7670
|
-
function add_css$
|
7671
|
-
append_styles(target, "svelte-
|
7670
|
+
function add_css$t(target) {
|
7671
|
+
append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
|
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
|
|
@@ -7790,7 +7790,7 @@ function create_fragment$Z(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) {
|
@@ -7957,15 +7957,15 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7957
7957
|
buttonColor: 13,
|
7958
7958
|
buttonColorActive: 14
|
7959
7959
|
},
|
7960
|
-
add_css$
|
7960
|
+
add_css$t
|
7961
7961
|
);
|
7962
7962
|
}
|
7963
7963
|
}
|
7964
7964
|
|
7965
7965
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7966
7966
|
|
7967
|
-
function add_css$
|
7968
|
-
append_styles(target, "svelte-
|
7967
|
+
function add_css$s(target) {
|
7968
|
+
append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
|
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) {
|
@@ -8038,7 +8038,7 @@ function create_fragment$Y(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);
|
@@ -8174,15 +8174,15 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8174
8174
|
buttonStyle: 9,
|
8175
8175
|
buttonActiveStyle: 10
|
8176
8176
|
},
|
8177
|
-
add_css$
|
8177
|
+
add_css$s
|
8178
8178
|
);
|
8179
8179
|
}
|
8180
8180
|
}
|
8181
8181
|
|
8182
8182
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8183
8183
|
|
8184
|
-
function add_css$
|
8185
|
-
append_styles(target, "svelte-
|
8184
|
+
function add_css$r(target) {
|
8185
|
+
append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
|
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
|
|
@@ -8258,7 +8258,7 @@ function create_fragment$X(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);
|
@@ -8359,14 +8359,14 @@ function instance$X($$self, $$props, $$invalidate) {
|
|
8359
8359
|
class FormRatingButtonsFace extends SvelteComponent {
|
8360
8360
|
constructor(options) {
|
8361
8361
|
super();
|
8362
|
-
init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$
|
8362
|
+
init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$r);
|
8363
8363
|
}
|
8364
8364
|
}
|
8365
8365
|
|
8366
8366
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
8367
8367
|
|
8368
|
-
function add_css$
|
8369
|
-
append_styles(target, "svelte-
|
8368
|
+
function add_css$q(target) {
|
8369
|
+
append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
8370
8370
|
}
|
8371
8371
|
|
8372
8372
|
function create_fragment$W(ctx) {
|
@@ -8380,13 +8380,13 @@ function create_fragment$W(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$W(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
|
|
@@ -8579,15 +8579,15 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8579
8579
|
_textStyle: 15,
|
8580
8580
|
_placeholderStyle: 16
|
8581
8581
|
},
|
8582
|
-
add_css$
|
8582
|
+
add_css$q
|
8583
8583
|
);
|
8584
8584
|
}
|
8585
8585
|
}
|
8586
8586
|
|
8587
8587
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
8588
8588
|
|
8589
|
-
function add_css$
|
8590
|
-
append_styles(target, "svelte-
|
8589
|
+
function add_css$p(target) {
|
8590
|
+
append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
|
8591
8591
|
}
|
8592
8592
|
|
8593
8593
|
function create_fragment$V(ctx) {
|
@@ -8625,20 +8625,20 @@ function create_fragment$V(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) {
|
@@ -8798,15 +8798,15 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
8798
8798
|
buttonColor: 10,
|
8799
8799
|
buttonColorActive: 11
|
8800
8800
|
},
|
8801
|
-
add_css$
|
8801
|
+
add_css$p
|
8802
8802
|
);
|
8803
8803
|
}
|
8804
8804
|
}
|
8805
8805
|
|
8806
8806
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
8807
8807
|
|
8808
|
-
function add_css$
|
8809
|
-
append_styles(target, "svelte-
|
8808
|
+
function add_css$o(target) {
|
8809
|
+
append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
|
8810
8810
|
}
|
8811
8811
|
|
8812
8812
|
function get_each_context$1(ctx, list, i) {
|
@@ -8835,9 +8835,9 @@ function create_if_block_1$1(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$8(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) {
|
@@ -9015,14 +9015,14 @@ function create_fragment$U(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$U(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$U(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;
|
@@ -9633,7 +9633,7 @@ class Slide extends SvelteComponent {
|
|
9633
9633
|
navigationButton: 25,
|
9634
9634
|
navigationEdgePosition: 26
|
9635
9635
|
},
|
9636
|
-
add_css$
|
9636
|
+
add_css$o,
|
9637
9637
|
[-1, -1, -1]
|
9638
9638
|
);
|
9639
9639
|
}
|
@@ -9641,8 +9641,8 @@ class Slide extends SvelteComponent {
|
|
9641
9641
|
|
9642
9642
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
9643
9643
|
|
9644
|
-
function add_css$
|
9645
|
-
append_styles(target, "svelte-
|
9644
|
+
function add_css$n(target) {
|
9645
|
+
append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
|
9646
9646
|
}
|
9647
9647
|
|
9648
9648
|
function create_fragment$T(ctx) {
|
@@ -9657,9 +9657,9 @@ function create_fragment$T(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) {
|
@@ -9778,14 +9778,14 @@ function instance$T($$self, $$props, $$invalidate) {
|
|
9778
9778
|
class SlideItem extends SvelteComponent {
|
9779
9779
|
constructor(options) {
|
9780
9780
|
super();
|
9781
|
-
init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$
|
9781
|
+
init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$n);
|
9782
9782
|
}
|
9783
9783
|
}
|
9784
9784
|
|
9785
9785
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
9786
9786
|
|
9787
|
-
function add_css$
|
9788
|
-
append_styles(target, "svelte-
|
9787
|
+
function add_css$m(target) {
|
9788
|
+
append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
9789
9789
|
}
|
9790
9790
|
|
9791
9791
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
@@ -9803,9 +9803,9 @@ function create_fragment$S(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);
|
@@ -9932,14 +9932,14 @@ function instance$S($$self, $$props, $$invalidate) {
|
|
9932
9932
|
class Countdown extends SvelteComponent {
|
9933
9933
|
constructor(options) {
|
9934
9934
|
super();
|
9935
|
-
init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$
|
9935
|
+
init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$m);
|
9936
9936
|
}
|
9937
9937
|
}
|
9938
9938
|
|
9939
9939
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
9940
9940
|
|
9941
|
-
function add_css$
|
9942
|
-
append_styles(target, "svelte-
|
9941
|
+
function add_css$l(target) {
|
9942
|
+
append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
9943
9943
|
}
|
9944
9944
|
|
9945
9945
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
@@ -10009,7 +10009,7 @@ function create_fragment$R(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);
|
@@ -10063,14 +10063,14 @@ function instance$R($$self, $$props, $$invalidate) {
|
|
10063
10063
|
class Box extends SvelteComponent {
|
10064
10064
|
constructor(options) {
|
10065
10065
|
super();
|
10066
|
-
init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$
|
10066
|
+
init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$l);
|
10067
10067
|
}
|
10068
10068
|
}
|
10069
10069
|
|
10070
10070
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10071
10071
|
|
10072
|
-
function add_css$
|
10073
|
-
append_styles(target, "svelte-
|
10072
|
+
function add_css$k(target) {
|
10073
|
+
append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
|
10074
10074
|
}
|
10075
10075
|
|
10076
10076
|
// (56:4) {#if svg}
|
@@ -10152,7 +10152,7 @@ function create_fragment$Q(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);
|
@@ -10253,15 +10253,15 @@ class IconElement extends SvelteComponent {
|
|
10253
10253
|
color: 6,
|
10254
10254
|
_style: 7
|
10255
10255
|
},
|
10256
|
-
add_css$
|
10256
|
+
add_css$k
|
10257
10257
|
);
|
10258
10258
|
}
|
10259
10259
|
}
|
10260
10260
|
|
10261
10261
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
10262
10262
|
|
10263
|
-
function add_css$
|
10264
|
-
append_styles(target, "svelte-
|
10263
|
+
function add_css$j(target) {
|
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
10267
|
function create_fragment$P(ctx) {
|
@@ -10287,7 +10287,7 @@ function create_fragment$P(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) {
|
@@ -10369,14 +10369,14 @@ function instance$P($$self, $$props, $$invalidate) {
|
|
10369
10369
|
class CodeElement extends SvelteComponent {
|
10370
10370
|
constructor(options) {
|
10371
10371
|
super();
|
10372
|
-
init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$
|
10372
|
+
init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$j);
|
10373
10373
|
}
|
10374
10374
|
}
|
10375
10375
|
|
10376
10376
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
10377
10377
|
|
10378
|
-
function add_css$
|
10379
|
-
append_styles(target, "svelte-
|
10378
|
+
function add_css$i(target) {
|
10379
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
10380
10380
|
}
|
10381
10381
|
|
10382
10382
|
function create_fragment$O(ctx) {
|
@@ -10390,7 +10390,7 @@ function create_fragment$O(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) {
|
@@ -10479,15 +10479,15 @@ class Flex extends SvelteComponent {
|
|
10479
10479
|
height: 2,
|
10480
10480
|
_style: 3
|
10481
10481
|
},
|
10482
|
-
add_css$
|
10482
|
+
add_css$i
|
10483
10483
|
);
|
10484
10484
|
}
|
10485
10485
|
}
|
10486
10486
|
|
10487
10487
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
10488
10488
|
|
10489
|
-
function add_css$
|
10490
|
-
append_styles(target, "svelte-
|
10489
|
+
function add_css$h(target) {
|
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
10493
|
function create_fragment$N(ctx) {
|
@@ -10500,7 +10500,7 @@ function create_fragment$N(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) {
|
@@ -10591,7 +10591,7 @@ function instance$N($$self, $$props, $$invalidate) {
|
|
10591
10591
|
class FlexItem extends SvelteComponent {
|
10592
10592
|
constructor(options) {
|
10593
10593
|
super();
|
10594
|
-
init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$
|
10594
|
+
init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
|
10595
10595
|
}
|
10596
10596
|
}
|
10597
10597
|
|
@@ -10907,8 +10907,8 @@ class GridModalState extends SvelteComponent {
|
|
10907
10907
|
|
10908
10908
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
10909
10909
|
|
10910
|
-
function add_css$
|
10911
|
-
append_styles(target, "svelte-
|
10910
|
+
function add_css$g(target) {
|
10911
|
+
append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
|
10912
10912
|
}
|
10913
10913
|
|
10914
10914
|
function create_fragment$L(ctx) {
|
@@ -10924,8 +10924,8 @@ function create_fragment$L(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$L(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
|
|
@@ -11009,15 +11009,15 @@ class TextBlock extends SvelteComponent {
|
|
11009
11009
|
textDirection: 1,
|
11010
11010
|
_style: 5
|
11011
11011
|
},
|
11012
|
-
add_css$
|
11012
|
+
add_css$g
|
11013
11013
|
);
|
11014
11014
|
}
|
11015
11015
|
}
|
11016
11016
|
|
11017
11017
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
11018
11018
|
|
11019
|
-
function add_css$
|
11020
|
-
append_styles(target, "svelte-
|
11019
|
+
function add_css$f(target) {
|
11020
|
+
append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
11021
11021
|
}
|
11022
11022
|
|
11023
11023
|
function create_fragment$K(ctx) {
|
@@ -11034,9 +11034,9 @@ function create_fragment$K(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) {
|
@@ -11134,15 +11134,15 @@ class TextButtonBlock extends SvelteComponent {
|
|
11134
11134
|
_buttonStyle: 1,
|
11135
11135
|
_style: 2
|
11136
11136
|
},
|
11137
|
-
add_css$
|
11137
|
+
add_css$f
|
11138
11138
|
);
|
11139
11139
|
}
|
11140
11140
|
}
|
11141
11141
|
|
11142
11142
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
11143
11143
|
|
11144
|
-
function add_css$
|
11145
|
-
append_styles(target, "svelte-
|
11144
|
+
function add_css$e(target) {
|
11145
|
+
append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
|
11146
11146
|
}
|
11147
11147
|
|
11148
11148
|
function create_fragment$J(ctx) {
|
@@ -11158,14 +11158,14 @@ function create_fragment$J(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$J(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
|
|
@@ -11261,7 +11261,7 @@ class ImageBlock extends SvelteComponent {
|
|
11261
11261
|
_imageStyle: 4,
|
11262
11262
|
_style: 5
|
11263
11263
|
},
|
11264
|
-
add_css$
|
11264
|
+
add_css$e
|
11265
11265
|
);
|
11266
11266
|
}
|
11267
11267
|
}
|
@@ -11338,6 +11338,7 @@ const toCssBackgroundImage = (p) => {
|
|
11338
11338
|
return {
|
11339
11339
|
backgroundImage: url ? `url(${url})` : undefined,
|
11340
11340
|
backgroundSize: url ? 'cover' : undefined,
|
11341
|
+
backgroundPosition: 'center',
|
11341
11342
|
};
|
11342
11343
|
};
|
11343
11344
|
const toCssBackgroundColor = (p) => {
|
@@ -11415,13 +11416,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
|
|
11415
11416
|
};
|
11416
11417
|
};
|
11417
11418
|
|
11419
|
+
const useInjectCustomizeCss = (props) => {
|
11420
|
+
function injectCss() {
|
11421
|
+
const style = document.createElement('style');
|
11422
|
+
style.textContent = props.customizeCss;
|
11423
|
+
document.head.appendChild(style);
|
11424
|
+
return () => {
|
11425
|
+
document.head.removeChild(style);
|
11426
|
+
};
|
11427
|
+
}
|
11428
|
+
onMount$1(() => {
|
11429
|
+
if (!props.isCustomizeCss)
|
11430
|
+
return;
|
11431
|
+
const removeCss = injectCss();
|
11432
|
+
return () => {
|
11433
|
+
removeCss();
|
11434
|
+
};
|
11435
|
+
});
|
11436
|
+
};
|
11437
|
+
|
11418
11438
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
11419
11439
|
|
11420
|
-
function add_css$
|
11421
|
-
append_styles(target, "svelte-
|
11440
|
+
function add_css$d(target) {
|
11441
|
+
append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
|
11422
11442
|
}
|
11423
11443
|
|
11424
|
-
// (
|
11444
|
+
// (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
|
11425
11445
|
function create_dynamic_element$8(ctx) {
|
11426
11446
|
let svelte_element;
|
11427
11447
|
let img;
|
@@ -11448,7 +11468,7 @@ function create_dynamic_element$8(ctx) {
|
|
11448
11468
|
svelte_element = element(/*element*/ ctx[5]);
|
11449
11469
|
img = element("img");
|
11450
11470
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
11451
|
-
attr(img, "class", "avatar-image svelte-
|
11471
|
+
attr(img, "class", "avatar-image svelte-1vk223g");
|
11452
11472
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
11453
11473
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
11454
11474
|
|
@@ -11458,7 +11478,7 @@ function create_dynamic_element$8(ctx) {
|
|
11458
11478
|
set_attributes(svelte_element, svelte_element_data);
|
11459
11479
|
}
|
11460
11480
|
|
11461
|
-
toggle_class(svelte_element, "svelte-
|
11481
|
+
toggle_class(svelte_element, "svelte-1vk223g", true);
|
11462
11482
|
},
|
11463
11483
|
m(target, anchor) {
|
11464
11484
|
insert(target, svelte_element, anchor);
|
@@ -11495,7 +11515,7 @@ function create_dynamic_element$8(ctx) {
|
|
11495
11515
|
set_attributes(svelte_element, svelte_element_data);
|
11496
11516
|
}
|
11497
11517
|
|
11498
|
-
toggle_class(svelte_element, "svelte-
|
11518
|
+
toggle_class(svelte_element, "svelte-1vk223g", true);
|
11499
11519
|
},
|
11500
11520
|
d(detaching) {
|
11501
11521
|
if (detaching) detach(svelte_element);
|
@@ -11554,6 +11574,7 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
11554
11574
|
let imgStyle;
|
11555
11575
|
let { props = {} } = $$props;
|
11556
11576
|
let { layerId = '' } = $$props;
|
11577
|
+
useInjectCustomizeCss(props);
|
11557
11578
|
const { attributes, element, handleClick } = useClickable(props);
|
11558
11579
|
|
11559
11580
|
const VARIANTS = {
|
@@ -11594,7 +11615,7 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
11594
11615
|
class Avatar extends SvelteComponent {
|
11595
11616
|
constructor(options) {
|
11596
11617
|
super();
|
11597
|
-
init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
11618
|
+
init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$d);
|
11598
11619
|
}
|
11599
11620
|
}
|
11600
11621
|
|
@@ -13296,11 +13317,11 @@ const ICON_VARIANTS = {
|
|
13296
13317
|
|
13297
13318
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
13298
13319
|
|
13299
|
-
function add_css$
|
13300
|
-
append_styles(target, "svelte-
|
13320
|
+
function add_css$c(target) {
|
13321
|
+
append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
|
13301
13322
|
}
|
13302
13323
|
|
13303
|
-
// (
|
13324
|
+
// (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
|
13304
13325
|
function create_dynamic_element$7(ctx) {
|
13305
13326
|
let svelte_element;
|
13306
13327
|
let switch_instance;
|
@@ -13345,7 +13366,7 @@ function create_dynamic_element$7(ctx) {
|
|
13345
13366
|
set_attributes(svelte_element, svelte_element_data);
|
13346
13367
|
}
|
13347
13368
|
|
13348
|
-
toggle_class(svelte_element, "svelte-
|
13369
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
13349
13370
|
},
|
13350
13371
|
m(target, anchor) {
|
13351
13372
|
insert(target, svelte_element, anchor);
|
@@ -13398,7 +13419,7 @@ function create_dynamic_element$7(ctx) {
|
|
13398
13419
|
set_attributes(svelte_element, svelte_element_data);
|
13399
13420
|
}
|
13400
13421
|
|
13401
|
-
toggle_class(svelte_element, "svelte-
|
13422
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
13402
13423
|
},
|
13403
13424
|
i(local) {
|
13404
13425
|
if (current) return;
|
@@ -13469,6 +13490,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
13469
13490
|
let IconComponent;
|
13470
13491
|
let { props = {} } = $$props;
|
13471
13492
|
let { layerId = '' } = $$props;
|
13493
|
+
useInjectCustomizeCss(props);
|
13472
13494
|
const { attributes, element, handleClick } = useClickable(props);
|
13473
13495
|
|
13474
13496
|
const getSizeCss = () => {
|
@@ -13506,7 +13528,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
13506
13528
|
class Icon extends SvelteComponent {
|
13507
13529
|
constructor(options) {
|
13508
13530
|
super();
|
13509
|
-
init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
13531
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
|
13510
13532
|
}
|
13511
13533
|
}
|
13512
13534
|
|
@@ -13673,11 +13695,11 @@ function darkenColor(color, percent) {
|
|
13673
13695
|
|
13674
13696
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
13675
13697
|
|
13676
|
-
function add_css$
|
13677
|
-
append_styles(target, "svelte-
|
13698
|
+
function add_css$b(target) {
|
13699
|
+
append_styles(target, "svelte-1ix4ul", ".button.svelte-1ix4ul{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1ix4ul:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1ix4ul{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
13678
13700
|
}
|
13679
13701
|
|
13680
|
-
// (
|
13702
|
+
// (49:2) {#if props.isIcon && props.iconVariant}
|
13681
13703
|
function create_if_block$6(ctx) {
|
13682
13704
|
let div;
|
13683
13705
|
let icon;
|
@@ -13698,7 +13720,7 @@ function create_if_block$6(ctx) {
|
|
13698
13720
|
c() {
|
13699
13721
|
div = element("div");
|
13700
13722
|
create_component(icon.$$.fragment);
|
13701
|
-
attr(div, "class", "button-icon svelte-
|
13723
|
+
attr(div, "class", "button-icon svelte-1ix4ul");
|
13702
13724
|
},
|
13703
13725
|
m(target, anchor) {
|
13704
13726
|
insert(target, div, anchor);
|
@@ -13733,7 +13755,7 @@ function create_if_block$6(ctx) {
|
|
13733
13755
|
};
|
13734
13756
|
}
|
13735
13757
|
|
13736
|
-
// (
|
13758
|
+
// (41:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
|
13737
13759
|
function create_dynamic_element$6(ctx) {
|
13738
13760
|
let svelte_element;
|
13739
13761
|
let t0;
|
@@ -13765,7 +13787,7 @@ function create_dynamic_element$6(ctx) {
|
|
13765
13787
|
t0 = space();
|
13766
13788
|
span = element("span");
|
13767
13789
|
t1 = text(t1_value);
|
13768
|
-
attr(span, "class", "button-label svelte-
|
13790
|
+
attr(span, "class", "button-label svelte-1ix4ul");
|
13769
13791
|
|
13770
13792
|
if ((/-/).test(/*element*/ ctx[4])) {
|
13771
13793
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -13773,7 +13795,7 @@ function create_dynamic_element$6(ctx) {
|
|
13773
13795
|
set_attributes(svelte_element, svelte_element_data);
|
13774
13796
|
}
|
13775
13797
|
|
13776
|
-
toggle_class(svelte_element, "svelte-
|
13798
|
+
toggle_class(svelte_element, "svelte-1ix4ul", true);
|
13777
13799
|
},
|
13778
13800
|
m(target, anchor) {
|
13779
13801
|
insert(target, svelte_element, anchor);
|
@@ -13827,7 +13849,7 @@ function create_dynamic_element$6(ctx) {
|
|
13827
13849
|
set_attributes(svelte_element, svelte_element_data);
|
13828
13850
|
}
|
13829
13851
|
|
13830
|
-
toggle_class(svelte_element, "svelte-
|
13852
|
+
toggle_class(svelte_element, "svelte-1ix4ul", true);
|
13831
13853
|
},
|
13832
13854
|
i(local) {
|
13833
13855
|
if (current) return;
|
@@ -13898,6 +13920,7 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
13898
13920
|
let style;
|
13899
13921
|
let { props = {} } = $$props;
|
13900
13922
|
let { layerId = '' } = $$props;
|
13923
|
+
useInjectCustomizeCss(props);
|
13901
13924
|
const { attributes, element, handleClick } = useClickable(props);
|
13902
13925
|
const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
|
13903
13926
|
const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
|
@@ -13952,7 +13975,7 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
13952
13975
|
class Button extends SvelteComponent {
|
13953
13976
|
constructor(options) {
|
13954
13977
|
super();
|
13955
|
-
init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
13978
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
|
13956
13979
|
}
|
13957
13980
|
}
|
13958
13981
|
|
@@ -14049,11 +14072,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
14049
14072
|
|
14050
14073
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
14051
14074
|
|
14052
|
-
function add_css$
|
14053
|
-
append_styles(target, "svelte-
|
14075
|
+
function add_css$a(target) {
|
14076
|
+
append_styles(target, "svelte-b990ec", ".button-outlined.svelte-b990ec{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:#ffffff}.button-outlined.svelte-b990ec:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-b990ec{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
14054
14077
|
}
|
14055
14078
|
|
14056
|
-
// (
|
14079
|
+
// (44:2) {#if props.isIcon && props.iconVariant}
|
14057
14080
|
function create_if_block$5(ctx) {
|
14058
14081
|
let div;
|
14059
14082
|
let icon;
|
@@ -14074,7 +14097,7 @@ function create_if_block$5(ctx) {
|
|
14074
14097
|
c() {
|
14075
14098
|
div = element("div");
|
14076
14099
|
create_component(icon.$$.fragment);
|
14077
|
-
attr(div, "class", "button-outlined-icon svelte-
|
14100
|
+
attr(div, "class", "button-outlined-icon svelte-b990ec");
|
14078
14101
|
},
|
14079
14102
|
m(target, anchor) {
|
14080
14103
|
insert(target, div, anchor);
|
@@ -14109,7 +14132,7 @@ function create_if_block$5(ctx) {
|
|
14109
14132
|
};
|
14110
14133
|
}
|
14111
14134
|
|
14112
|
-
// (
|
14135
|
+
// (36:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
|
14113
14136
|
function create_dynamic_element$5(ctx) {
|
14114
14137
|
let svelte_element;
|
14115
14138
|
let t0;
|
@@ -14141,7 +14164,7 @@ function create_dynamic_element$5(ctx) {
|
|
14141
14164
|
t0 = space();
|
14142
14165
|
span = element("span");
|
14143
14166
|
t1 = text(t1_value);
|
14144
|
-
attr(span, "class", "button-outlined-label svelte-
|
14167
|
+
attr(span, "class", "button-outlined-label svelte-b990ec");
|
14145
14168
|
|
14146
14169
|
if ((/-/).test(/*element*/ ctx[4])) {
|
14147
14170
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -14149,7 +14172,7 @@ function create_dynamic_element$5(ctx) {
|
|
14149
14172
|
set_attributes(svelte_element, svelte_element_data);
|
14150
14173
|
}
|
14151
14174
|
|
14152
|
-
toggle_class(svelte_element, "svelte-
|
14175
|
+
toggle_class(svelte_element, "svelte-b990ec", true);
|
14153
14176
|
},
|
14154
14177
|
m(target, anchor) {
|
14155
14178
|
insert(target, svelte_element, anchor);
|
@@ -14203,7 +14226,7 @@ function create_dynamic_element$5(ctx) {
|
|
14203
14226
|
set_attributes(svelte_element, svelte_element_data);
|
14204
14227
|
}
|
14205
14228
|
|
14206
|
-
toggle_class(svelte_element, "svelte-
|
14229
|
+
toggle_class(svelte_element, "svelte-b990ec", true);
|
14207
14230
|
},
|
14208
14231
|
i(local) {
|
14209
14232
|
if (current) return;
|
@@ -14273,6 +14296,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
14273
14296
|
let style;
|
14274
14297
|
let { props = {} } = $$props;
|
14275
14298
|
let { layerId = '' } = $$props;
|
14299
|
+
useInjectCustomizeCss(props);
|
14276
14300
|
const { attributes, element, handleClick } = useClickable(props);
|
14277
14301
|
const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
|
14278
14302
|
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
|
@@ -14311,7 +14335,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
14311
14335
|
class ButtonOutlined extends SvelteComponent {
|
14312
14336
|
constructor(options) {
|
14313
14337
|
super();
|
14314
|
-
init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
14338
|
+
init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
|
14315
14339
|
}
|
14316
14340
|
}
|
14317
14341
|
|
@@ -14372,11 +14396,11 @@ const BUTTON_TEXT_THEME_STYLES = {
|
|
14372
14396
|
|
14373
14397
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
14374
14398
|
|
14375
|
-
function add_css$
|
14376
|
-
append_styles(target, "svelte-
|
14399
|
+
function add_css$9(target) {
|
14400
|
+
append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
14377
14401
|
}
|
14378
14402
|
|
14379
|
-
// (
|
14403
|
+
// (46:2) {#if props.isIcon && props.iconVariant}
|
14380
14404
|
function create_if_block$4(ctx) {
|
14381
14405
|
let div;
|
14382
14406
|
let icon;
|
@@ -14397,7 +14421,7 @@ function create_if_block$4(ctx) {
|
|
14397
14421
|
c() {
|
14398
14422
|
div = element("div");
|
14399
14423
|
create_component(icon.$$.fragment);
|
14400
|
-
attr(div, "class", "button-text-icon svelte-
|
14424
|
+
attr(div, "class", "button-text-icon svelte-1xgvp8r");
|
14401
14425
|
},
|
14402
14426
|
m(target, anchor) {
|
14403
14427
|
insert(target, div, anchor);
|
@@ -14432,7 +14456,7 @@ function create_if_block$4(ctx) {
|
|
14432
14456
|
};
|
14433
14457
|
}
|
14434
14458
|
|
14435
|
-
// (
|
14459
|
+
// (38:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
|
14436
14460
|
function create_dynamic_element$4(ctx) {
|
14437
14461
|
let svelte_element;
|
14438
14462
|
let t0;
|
@@ -14464,7 +14488,7 @@ function create_dynamic_element$4(ctx) {
|
|
14464
14488
|
t0 = space();
|
14465
14489
|
span = element("span");
|
14466
14490
|
t1 = text(t1_value);
|
14467
|
-
attr(span, "class", "button-text-label svelte-
|
14491
|
+
attr(span, "class", "button-text-label svelte-1xgvp8r");
|
14468
14492
|
|
14469
14493
|
if ((/-/).test(/*element*/ ctx[4])) {
|
14470
14494
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -14472,7 +14496,7 @@ function create_dynamic_element$4(ctx) {
|
|
14472
14496
|
set_attributes(svelte_element, svelte_element_data);
|
14473
14497
|
}
|
14474
14498
|
|
14475
|
-
toggle_class(svelte_element, "svelte-
|
14499
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
14476
14500
|
},
|
14477
14501
|
m(target, anchor) {
|
14478
14502
|
insert(target, svelte_element, anchor);
|
@@ -14526,7 +14550,7 @@ function create_dynamic_element$4(ctx) {
|
|
14526
14550
|
set_attributes(svelte_element, svelte_element_data);
|
14527
14551
|
}
|
14528
14552
|
|
14529
|
-
toggle_class(svelte_element, "svelte-
|
14553
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
14530
14554
|
},
|
14531
14555
|
i(local) {
|
14532
14556
|
if (current) return;
|
@@ -14597,6 +14621,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
14597
14621
|
let style;
|
14598
14622
|
let { props = {} } = $$props;
|
14599
14623
|
let { layerId = '' } = $$props;
|
14624
|
+
useInjectCustomizeCss(props);
|
14600
14625
|
const { attributes, element, handleClick } = useClickable(props);
|
14601
14626
|
const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
|
14602
14627
|
const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
|
@@ -14648,7 +14673,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
14648
14673
|
class ButtonText extends SvelteComponent {
|
14649
14674
|
constructor(options) {
|
14650
14675
|
super();
|
14651
|
-
init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
14676
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
|
14652
14677
|
}
|
14653
14678
|
}
|
14654
14679
|
|
@@ -14686,11 +14711,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
14686
14711
|
|
14687
14712
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
14688
14713
|
|
14689
|
-
function add_css$
|
14690
|
-
append_styles(target, "svelte-
|
14714
|
+
function add_css$8(target) {
|
14715
|
+
append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{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}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
|
14691
14716
|
}
|
14692
14717
|
|
14693
|
-
// (
|
14718
|
+
// (91:2) {#if hasLabel}
|
14694
14719
|
function create_if_block$3(ctx) {
|
14695
14720
|
let span;
|
14696
14721
|
let t;
|
@@ -14703,7 +14728,7 @@ function create_if_block$3(ctx) {
|
|
14703
14728
|
|
14704
14729
|
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
|
14705
14730
|
? 'close-button-order-one'
|
14706
|
-
: '') + " svelte-
|
14731
|
+
: '') + " svelte-3mvsv6");
|
14707
14732
|
},
|
14708
14733
|
m(target, anchor) {
|
14709
14734
|
insert(target, span, anchor);
|
@@ -14720,7 +14745,7 @@ function create_if_block$3(ctx) {
|
|
14720
14745
|
};
|
14721
14746
|
}
|
14722
14747
|
|
14723
|
-
// (
|
14748
|
+
// (72:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
|
14724
14749
|
function create_dynamic_element$3(ctx) {
|
14725
14750
|
let svelte_element;
|
14726
14751
|
let span;
|
@@ -14763,7 +14788,7 @@ function create_dynamic_element$3(ctx) {
|
|
14763
14788
|
set_style(svg, "width", "100%");
|
14764
14789
|
set_style(svg, "height", "100%");
|
14765
14790
|
attr(svg, "fill", /*color*/ ctx[8]);
|
14766
|
-
attr(svg, "class", "svelte-
|
14791
|
+
attr(svg, "class", "svelte-3mvsv6");
|
14767
14792
|
attr(span, "style", /*iconStyle*/ ctx[1]);
|
14768
14793
|
|
14769
14794
|
if ((/-/).test(/*element*/ ctx[6])) {
|
@@ -14772,7 +14797,7 @@ function create_dynamic_element$3(ctx) {
|
|
14772
14797
|
set_attributes(svelte_element, svelte_element_data);
|
14773
14798
|
}
|
14774
14799
|
|
14775
|
-
toggle_class(svelte_element, "svelte-
|
14800
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
14776
14801
|
},
|
14777
14802
|
m(target, anchor) {
|
14778
14803
|
insert(target, svelte_element, anchor);
|
@@ -14818,7 +14843,7 @@ function create_dynamic_element$3(ctx) {
|
|
14818
14843
|
set_attributes(svelte_element, svelte_element_data);
|
14819
14844
|
}
|
14820
14845
|
|
14821
|
-
toggle_class(svelte_element, "svelte-
|
14846
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
14822
14847
|
},
|
14823
14848
|
d(detaching) {
|
14824
14849
|
if (detaching) detach(svelte_element);
|
@@ -14882,6 +14907,7 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
14882
14907
|
let { layerId = '' } = $$props;
|
14883
14908
|
let { eventName = '' } = $$props;
|
14884
14909
|
let { eventValue = undefined } = $$props;
|
14910
|
+
useInjectCustomizeCss(props);
|
14885
14911
|
|
14886
14912
|
const { attributes, element, handleClick } = useClickable({
|
14887
14913
|
onClick: { operation: 'closeApp', args: ['button'] },
|
@@ -14978,18 +15004,18 @@ class CloseButton extends SvelteComponent {
|
|
14978
15004
|
eventName: 12,
|
14979
15005
|
eventValue: 13
|
14980
15006
|
},
|
14981
|
-
add_css$
|
15007
|
+
add_css$8
|
14982
15008
|
);
|
14983
15009
|
}
|
14984
15010
|
}
|
14985
15011
|
|
14986
15012
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
14987
15013
|
|
14988
|
-
function add_css$
|
14989
|
-
append_styles(target, "svelte-
|
15014
|
+
function add_css$7(target) {
|
15015
|
+
append_styles(target, "svelte-1jfwn73", ".image.svelte-1jfwn73{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1jfwn73{width:100%;overflow:hidden}.image-img.svelte-1jfwn73{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
14990
15016
|
}
|
14991
15017
|
|
14992
|
-
// (
|
15018
|
+
// (19:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
|
14993
15019
|
function create_dynamic_element$2(ctx) {
|
14994
15020
|
let svelte_element;
|
14995
15021
|
let object;
|
@@ -15019,9 +15045,9 @@ function create_dynamic_element$2(ctx) {
|
|
15019
15045
|
img = element("img");
|
15020
15046
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
15021
15047
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
15022
|
-
attr(img, "class", "image-img svelte-
|
15048
|
+
attr(img, "class", "image-img svelte-1jfwn73");
|
15023
15049
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
15024
|
-
attr(object, "class", "image-object svelte-
|
15050
|
+
attr(object, "class", "image-object svelte-1jfwn73");
|
15025
15051
|
|
15026
15052
|
if ((/-/).test(/*element*/ ctx[5])) {
|
15027
15053
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -15029,7 +15055,7 @@ function create_dynamic_element$2(ctx) {
|
|
15029
15055
|
set_attributes(svelte_element, svelte_element_data);
|
15030
15056
|
}
|
15031
15057
|
|
15032
|
-
toggle_class(svelte_element, "svelte-
|
15058
|
+
toggle_class(svelte_element, "svelte-1jfwn73", true);
|
15033
15059
|
},
|
15034
15060
|
m(target, anchor) {
|
15035
15061
|
insert(target, svelte_element, anchor);
|
@@ -15067,7 +15093,7 @@ function create_dynamic_element$2(ctx) {
|
|
15067
15093
|
set_attributes(svelte_element, svelte_element_data);
|
15068
15094
|
}
|
15069
15095
|
|
15070
|
-
toggle_class(svelte_element, "svelte-
|
15096
|
+
toggle_class(svelte_element, "svelte-1jfwn73", true);
|
15071
15097
|
},
|
15072
15098
|
d(detaching) {
|
15073
15099
|
if (detaching) detach(svelte_element);
|
@@ -15126,6 +15152,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
15126
15152
|
let objectStyle;
|
15127
15153
|
let { props = {} } = $$props;
|
15128
15154
|
let { layerId = '' } = $$props;
|
15155
|
+
useInjectCustomizeCss(props);
|
15129
15156
|
const { attributes, element, handleClick } = useClickable(props);
|
15130
15157
|
|
15131
15158
|
$$self.$$set = $$props => {
|
@@ -15153,17 +15180,17 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
15153
15180
|
class Image extends SvelteComponent {
|
15154
15181
|
constructor(options) {
|
15155
15182
|
super();
|
15156
|
-
init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
15183
|
+
init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
|
15157
15184
|
}
|
15158
15185
|
}
|
15159
15186
|
|
15160
15187
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
15161
15188
|
|
15162
|
-
function add_css$
|
15163
|
-
append_styles(target, "svelte-
|
15189
|
+
function add_css$6(target) {
|
15190
|
+
append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
|
15164
15191
|
}
|
15165
15192
|
|
15166
|
-
// (
|
15193
|
+
// (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
15167
15194
|
function create_dynamic_element$1(ctx) {
|
15168
15195
|
let svelte_element;
|
15169
15196
|
let current;
|
@@ -15196,7 +15223,7 @@ function create_dynamic_element$1(ctx) {
|
|
15196
15223
|
set_attributes(svelte_element, svelte_element_data);
|
15197
15224
|
}
|
15198
15225
|
|
15199
|
-
toggle_class(svelte_element, "svelte-
|
15226
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
15200
15227
|
},
|
15201
15228
|
m(target, anchor) {
|
15202
15229
|
insert(target, svelte_element, anchor);
|
@@ -15241,7 +15268,7 @@ function create_dynamic_element$1(ctx) {
|
|
15241
15268
|
set_attributes(svelte_element, svelte_element_data);
|
15242
15269
|
}
|
15243
15270
|
|
15244
|
-
toggle_class(svelte_element, "svelte-
|
15271
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
15245
15272
|
},
|
15246
15273
|
i(local) {
|
15247
15274
|
if (current) return;
|
@@ -15316,6 +15343,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
15316
15343
|
let { $$slots: slots = {}, $$scope } = $$props;
|
15317
15344
|
let { props = {} } = $$props;
|
15318
15345
|
let { layerId = '' } = $$props;
|
15346
|
+
useInjectCustomizeCss(props);
|
15319
15347
|
const { attributes, element, handleClick } = useClickable(props);
|
15320
15348
|
|
15321
15349
|
$$self.$$set = $$props => {
|
@@ -15352,7 +15380,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
15352
15380
|
class Layout extends SvelteComponent {
|
15353
15381
|
constructor(options) {
|
15354
15382
|
super();
|
15355
|
-
init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$
|
15383
|
+
init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$6);
|
15356
15384
|
}
|
15357
15385
|
}
|
15358
15386
|
|
@@ -15363,8 +15391,8 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
15363
15391
|
|
15364
15392
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
15365
15393
|
|
15366
|
-
function add_css$
|
15367
|
-
append_styles(target, "svelte-
|
15394
|
+
function add_css$5(target) {
|
15395
|
+
append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
|
15368
15396
|
}
|
15369
15397
|
|
15370
15398
|
function get_each_context(ctx, list, i) {
|
@@ -15466,7 +15494,7 @@ function create_fragment$5(ctx) {
|
|
15466
15494
|
each_blocks[i].c();
|
15467
15495
|
}
|
15468
15496
|
|
15469
|
-
attr(div0, "class", "container svelte-
|
15497
|
+
attr(div0, "class", "container svelte-17ij7ip");
|
15470
15498
|
attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
|
15471
15499
|
attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
|
15472
15500
|
attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
|
@@ -15783,7 +15811,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
15783
15811
|
class Slider extends SvelteComponent {
|
15784
15812
|
constructor(options) {
|
15785
15813
|
super();
|
15786
|
-
init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$
|
15814
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$5, [-1, -1]);
|
15787
15815
|
}
|
15788
15816
|
}
|
15789
15817
|
|
@@ -15871,8 +15899,8 @@ const TEXT_THEME_STYLES = {
|
|
15871
15899
|
|
15872
15900
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
15873
15901
|
|
15874
|
-
function add_css$
|
15875
|
-
append_styles(target, "svelte-
|
15902
|
+
function add_css$4(target) {
|
15903
|
+
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
15876
15904
|
}
|
15877
15905
|
|
15878
15906
|
function create_fragment$4(ctx) {
|
@@ -15881,7 +15909,7 @@ function create_fragment$4(ctx) {
|
|
15881
15909
|
return {
|
15882
15910
|
c() {
|
15883
15911
|
p = element("p");
|
15884
|
-
attr(p, "class", "text svelte-
|
15912
|
+
attr(p, "class", "text svelte-vifn7y");
|
15885
15913
|
attr(p, "style", /*style*/ ctx[1]);
|
15886
15914
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
15887
15915
|
},
|
@@ -15912,6 +15940,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
15912
15940
|
let style;
|
15913
15941
|
let { props = { content: '' } } = $$props;
|
15914
15942
|
let { layerId = '' } = $$props;
|
15943
|
+
useInjectCustomizeCss(props);
|
15915
15944
|
|
15916
15945
|
if (props.fontFamily) {
|
15917
15946
|
addFont(props.fontFamily);
|
@@ -15961,7 +15990,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
15961
15990
|
class Text extends SvelteComponent {
|
15962
15991
|
constructor(options) {
|
15963
15992
|
super();
|
15964
|
-
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$
|
15993
|
+
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$4);
|
15965
15994
|
}
|
15966
15995
|
}
|
15967
15996
|
|
@@ -16029,11 +16058,11 @@ const TEXT_LINK_THEME_STYLES = {
|
|
16029
16058
|
|
16030
16059
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
16031
16060
|
|
16032
|
-
function add_css$
|
16033
|
-
append_styles(target, "svelte-
|
16061
|
+
function add_css$3(target) {
|
16062
|
+
append_styles(target, "svelte-1y4hh01", ".link.svelte-1y4hh01{-webkit-appearance:none;border:0;background:none;padding:0}.link.svelte-1y4hh01,.link.svelte-1y4hh01:visited,.link.svelte-1y4hh01:link{color:var(--color)}.link.svelte-1y4hh01:hover{color:var(--hover-color)}.link.svelte-1y4hh01:active{color:var(--active-color)}.link.underline-hover-on.svelte-1y4hh01{text-decoration:none}.link.underline-hover-on.svelte-1y4hh01:hover{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01:hover{text-decoration:none}.link.underline-on.svelte-1y4hh01{text-decoration:underline}.link.underline-off.svelte-1y4hh01{text-decoration:none}");
|
16034
16063
|
}
|
16035
16064
|
|
16036
|
-
// (
|
16065
|
+
// (69:2) {#if props.isIcon && props.iconVariant}
|
16037
16066
|
function create_if_block$2(ctx) {
|
16038
16067
|
let icon;
|
16039
16068
|
let current;
|
@@ -16084,7 +16113,7 @@ function create_if_block$2(ctx) {
|
|
16084
16113
|
};
|
16085
16114
|
}
|
16086
16115
|
|
16087
|
-
// (
|
16116
|
+
// (61:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
|
16088
16117
|
function create_dynamic_element(ctx) {
|
16089
16118
|
let svelte_element;
|
16090
16119
|
let t;
|
@@ -16123,7 +16152,7 @@ function create_dynamic_element(ctx) {
|
|
16123
16152
|
set_attributes(svelte_element, svelte_element_data);
|
16124
16153
|
}
|
16125
16154
|
|
16126
|
-
toggle_class(svelte_element, "svelte-
|
16155
|
+
toggle_class(svelte_element, "svelte-1y4hh01", true);
|
16127
16156
|
},
|
16128
16157
|
m(target, anchor) {
|
16129
16158
|
insert(target, svelte_element, anchor);
|
@@ -16176,7 +16205,7 @@ function create_dynamic_element(ctx) {
|
|
16176
16205
|
set_attributes(svelte_element, svelte_element_data);
|
16177
16206
|
}
|
16178
16207
|
|
16179
|
-
toggle_class(svelte_element, "svelte-
|
16208
|
+
toggle_class(svelte_element, "svelte-1y4hh01", true);
|
16180
16209
|
},
|
16181
16210
|
i(local) {
|
16182
16211
|
if (current) return;
|
@@ -16248,6 +16277,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
16248
16277
|
let style;
|
16249
16278
|
let { props = { label: '' } } = $$props;
|
16250
16279
|
let { layerId = '' } = $$props;
|
16280
|
+
useInjectCustomizeCss(props);
|
16251
16281
|
const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
|
16252
16282
|
const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
|
16253
16283
|
const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
|
@@ -16318,7 +16348,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
16318
16348
|
class TextLink extends SvelteComponent {
|
16319
16349
|
constructor(options) {
|
16320
16350
|
super();
|
16321
|
-
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
16351
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
|
16322
16352
|
}
|
16323
16353
|
}
|
16324
16354
|
|
@@ -16344,8 +16374,8 @@ const TEXT_LINK_UNDERLINE = {
|
|
16344
16374
|
|
16345
16375
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
16346
16376
|
|
16347
|
-
function add_css$
|
16348
|
-
append_styles(target, "svelte-
|
16377
|
+
function add_css$2(target) {
|
16378
|
+
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}");
|
16349
16379
|
}
|
16350
16380
|
|
16351
16381
|
// (14:0) {#if backgroundOverlay}
|
@@ -16358,7 +16388,7 @@ function create_if_block$1(ctx) {
|
|
16358
16388
|
return {
|
16359
16389
|
c() {
|
16360
16390
|
div = element("div");
|
16361
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
16391
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
16362
16392
|
},
|
16363
16393
|
m(target, anchor) {
|
16364
16394
|
insert(target, div, anchor);
|
@@ -16369,7 +16399,7 @@ function create_if_block$1(ctx) {
|
|
16369
16399
|
}
|
16370
16400
|
},
|
16371
16401
|
p(ctx, dirty) {
|
16372
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
16402
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
16373
16403
|
attr(div, "class", div_class_value);
|
16374
16404
|
}
|
16375
16405
|
},
|
@@ -16434,14 +16464,14 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
16434
16464
|
class BackgroundOverlay extends SvelteComponent {
|
16435
16465
|
constructor(options) {
|
16436
16466
|
super();
|
16437
|
-
init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$
|
16467
|
+
init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$2);
|
16438
16468
|
}
|
16439
16469
|
}
|
16440
16470
|
|
16441
16471
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
16442
16472
|
|
16443
|
-
function add_css(target) {
|
16444
|
-
append_styles(target, "svelte-
|
16473
|
+
function add_css$1(target) {
|
16474
|
+
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}}");
|
16445
16475
|
}
|
16446
16476
|
|
16447
16477
|
// (219:0) {:else}
|
@@ -16582,7 +16612,7 @@ function create_if_block(ctx) {
|
|
16582
16612
|
c() {
|
16583
16613
|
div = element("div");
|
16584
16614
|
if (default_slot) default_slot.c();
|
16585
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
16615
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
16586
16616
|
attr(div, "role", "dialog");
|
16587
16617
|
attr(div, "aria-modal", "true");
|
16588
16618
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
|
@@ -16615,7 +16645,7 @@ function create_if_block(ctx) {
|
|
16615
16645
|
}
|
16616
16646
|
}
|
16617
16647
|
|
16618
|
-
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
16648
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
16619
16649
|
attr(div, "class", div_class_value);
|
16620
16650
|
}
|
16621
16651
|
},
|
@@ -17062,13 +17092,17 @@ class Modal extends SvelteComponent {
|
|
17062
17092
|
closeEventName: 16,
|
17063
17093
|
closeEventValue: 17
|
17064
17094
|
},
|
17065
|
-
add_css
|
17095
|
+
add_css$1
|
17066
17096
|
);
|
17067
17097
|
}
|
17068
17098
|
}
|
17069
17099
|
|
17070
17100
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
17071
17101
|
|
17102
|
+
function add_css(target) {
|
17103
|
+
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
17104
|
+
}
|
17105
|
+
|
17072
17106
|
function create_fragment(ctx) {
|
17073
17107
|
let div;
|
17074
17108
|
let raw_value = /*props*/ ctx[0].rawHtml + "";
|
@@ -17076,13 +17110,19 @@ function create_fragment(ctx) {
|
|
17076
17110
|
return {
|
17077
17111
|
c() {
|
17078
17112
|
div = element("div");
|
17113
|
+
attr(div, "class", "code svelte-igivoz");
|
17114
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
17079
17115
|
},
|
17080
17116
|
m(target, anchor) {
|
17081
17117
|
insert(target, div, anchor);
|
17082
17118
|
div.innerHTML = raw_value;
|
17083
17119
|
},
|
17084
17120
|
p(ctx, [dirty]) {
|
17085
|
-
if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
|
17121
|
+
if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
|
17122
|
+
if (dirty & /*layerId*/ 2) {
|
17123
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
17124
|
+
}
|
17125
|
+
},
|
17086
17126
|
i: noop,
|
17087
17127
|
o: noop,
|
17088
17128
|
d(detaching) {
|
@@ -17091,46 +17131,59 @@ function create_fragment(ctx) {
|
|
17091
17131
|
};
|
17092
17132
|
}
|
17093
17133
|
|
17134
|
+
function unescapeBraces(str) {
|
17135
|
+
if (!str) return str;
|
17136
|
+
return str.replace(/\\([{}])/g, '$1');
|
17137
|
+
}
|
17138
|
+
|
17094
17139
|
function instance($$self, $$props, $$invalidate) {
|
17095
17140
|
let { props = {} } = $$props;
|
17141
|
+
let { layerId = '' } = $$props;
|
17096
17142
|
|
17097
|
-
// JavaScriptの実行を安全に行う関数
|
17098
17143
|
function injectJavaScript() {
|
17099
17144
|
const script = document.createElement('script');
|
17100
|
-
script.
|
17101
|
-
|
17102
|
-
// 動的に作成したスクリプトを挿入
|
17145
|
+
script.type = 'text/javascript';
|
17146
|
+
script.textContent = unescapeBraces(props.rawScript);
|
17103
17147
|
document.body.appendChild(script);
|
17104
17148
|
|
17105
|
-
// スクリプトの削除
|
17106
17149
|
return () => {
|
17107
17150
|
document.body.removeChild(script);
|
17108
17151
|
};
|
17109
17152
|
}
|
17110
17153
|
|
17111
|
-
|
17154
|
+
function injectCss() {
|
17155
|
+
const style = document.createElement('style');
|
17156
|
+
style.textContent = props.rawCss;
|
17157
|
+
document.head.appendChild(style);
|
17158
|
+
|
17159
|
+
return () => {
|
17160
|
+
document.head.removeChild(style);
|
17161
|
+
};
|
17162
|
+
}
|
17163
|
+
|
17112
17164
|
onMount$1(() => {
|
17113
|
-
|
17114
|
-
|
17165
|
+
const removeScript = injectJavaScript();
|
17166
|
+
const removeCss = injectCss();
|
17115
17167
|
|
17116
|
-
|
17117
|
-
|
17118
|
-
|
17119
|
-
|
17120
|
-
}
|
17168
|
+
// コンポーネントが破棄された時にスクリプトも削除
|
17169
|
+
return () => {
|
17170
|
+
removeScript();
|
17171
|
+
removeCss();
|
17172
|
+
};
|
17121
17173
|
});
|
17122
17174
|
|
17123
17175
|
$$self.$$set = $$props => {
|
17124
17176
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
17177
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
17125
17178
|
};
|
17126
17179
|
|
17127
|
-
return [props];
|
17180
|
+
return [props, layerId];
|
17128
17181
|
}
|
17129
17182
|
|
17130
17183
|
class Code extends SvelteComponent {
|
17131
17184
|
constructor(options) {
|
17132
17185
|
super();
|
17133
|
-
init(this, options, instance, create_fragment, safe_not_equal, { props: 0 });
|
17186
|
+
init(this, options, instance, create_fragment, safe_not_equal, { props: 0, layerId: 1 }, add_css);
|
17134
17187
|
}
|
17135
17188
|
}
|
17136
17189
|
|