@plaidev/karte-action-sdk 1.1.241 → 1.1.242-28708542.18985484
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +28 -43
- package/dist/hydrate/index.es.js +379 -250
- package/dist/index.es.d.ts +28 -43
- package/dist/index.es.js +379 -250
- package/package.json +1 -1
- package/meta/karte-action-sdk.api.json +0 -8155
package/dist/hydrate/index.es.js
CHANGED
|
@@ -3029,7 +3029,7 @@ class State extends SvelteComponent {
|
|
|
3029
3029
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3030
3030
|
|
|
3031
3031
|
function add_css$F(target) {
|
|
3032
|
-
append_styles(target, "svelte-
|
|
3032
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
3033
3033
|
}
|
|
3034
3034
|
|
|
3035
3035
|
// (23:0) {#if $state === path}
|
|
@@ -3056,7 +3056,7 @@ function create_if_block$e(ctx) {
|
|
|
3056
3056
|
},
|
|
3057
3057
|
h() {
|
|
3058
3058
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
3059
|
-
attr(div, "class", "state-item svelte-
|
|
3059
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
3060
3060
|
},
|
|
3061
3061
|
m(target, anchor) {
|
|
3062
3062
|
insert_hydration(target, div, anchor);
|
|
@@ -3323,7 +3323,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3323
3323
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3324
3324
|
|
|
3325
3325
|
function add_css$E(target) {
|
|
3326
|
-
append_styles(target, "svelte-
|
|
3326
|
+
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}");
|
|
3327
3327
|
}
|
|
3328
3328
|
|
|
3329
3329
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -3344,7 +3344,7 @@ function create_if_block$d(ctx) {
|
|
|
3344
3344
|
this.h();
|
|
3345
3345
|
},
|
|
3346
3346
|
h() {
|
|
3347
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3347
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
|
3348
3348
|
},
|
|
3349
3349
|
m(target, anchor) {
|
|
3350
3350
|
insert_hydration(target, div, anchor);
|
|
@@ -3355,7 +3355,7 @@ function create_if_block$d(ctx) {
|
|
|
3355
3355
|
}
|
|
3356
3356
|
},
|
|
3357
3357
|
p(ctx, dirty) {
|
|
3358
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3358
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
|
3359
3359
|
attr(div, "class", div_class_value);
|
|
3360
3360
|
}
|
|
3361
3361
|
},
|
|
@@ -3465,7 +3465,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3465
3465
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3466
3466
|
|
|
3467
3467
|
function add_css$D(target) {
|
|
3468
|
-
append_styles(target, "svelte-
|
|
3468
|
+
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}");
|
|
3469
3469
|
}
|
|
3470
3470
|
|
|
3471
3471
|
// (50:0) {:else}
|
|
@@ -3504,7 +3504,7 @@ function create_else_block$5(ctx) {
|
|
|
3504
3504
|
},
|
|
3505
3505
|
h() {
|
|
3506
3506
|
set_attributes(button, button_data);
|
|
3507
|
-
toggle_class(button, "svelte-
|
|
3507
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3508
3508
|
},
|
|
3509
3509
|
m(target, anchor) {
|
|
3510
3510
|
insert_hydration(target, button, anchor);
|
|
@@ -3543,7 +3543,7 @@ function create_else_block$5(ctx) {
|
|
|
3543
3543
|
dataAttrStopPropagation('click')
|
|
3544
3544
|
]));
|
|
3545
3545
|
|
|
3546
|
-
toggle_class(button, "svelte-
|
|
3546
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3547
3547
|
},
|
|
3548
3548
|
i(local) {
|
|
3549
3549
|
if (current) return;
|
|
@@ -3584,7 +3584,7 @@ function create_if_block_2$2(ctx) {
|
|
|
3584
3584
|
this.h();
|
|
3585
3585
|
},
|
|
3586
3586
|
h() {
|
|
3587
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
|
3587
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
|
3588
3588
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3589
3589
|
},
|
|
3590
3590
|
m(target, anchor) {
|
|
@@ -3684,7 +3684,7 @@ function create_if_block_1$3(ctx) {
|
|
|
3684
3684
|
},
|
|
3685
3685
|
h() {
|
|
3686
3686
|
set_attributes(a, a_data);
|
|
3687
|
-
toggle_class(a, "svelte-
|
|
3687
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3688
3688
|
},
|
|
3689
3689
|
m(target, anchor) {
|
|
3690
3690
|
insert_hydration(target, a, anchor);
|
|
@@ -3726,7 +3726,7 @@ function create_if_block_1$3(ctx) {
|
|
|
3726
3726
|
dataAttrStopPropagation('click')
|
|
3727
3727
|
]));
|
|
3728
3728
|
|
|
3729
|
-
toggle_class(a, "svelte-
|
|
3729
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3730
3730
|
},
|
|
3731
3731
|
i(local) {
|
|
3732
3732
|
if (current) return;
|
|
@@ -3767,7 +3767,7 @@ function create_if_block$c(ctx) {
|
|
|
3767
3767
|
this.h();
|
|
3768
3768
|
},
|
|
3769
3769
|
h() {
|
|
3770
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
|
3770
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
|
3771
3771
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3772
3772
|
},
|
|
3773
3773
|
m(target, anchor) {
|
|
@@ -3975,7 +3975,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
3975
3975
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3976
3976
|
|
|
3977
3977
|
function add_css$C(target) {
|
|
3978
|
-
append_styles(target, "svelte-
|
|
3978
|
+
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}}");
|
|
3979
3979
|
}
|
|
3980
3980
|
|
|
3981
3981
|
// (277:0) {:else}
|
|
@@ -4150,7 +4150,7 @@ function create_if_block$b(ctx) {
|
|
|
4150
4150
|
this.h();
|
|
4151
4151
|
},
|
|
4152
4152
|
h() {
|
|
4153
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4153
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
|
4154
4154
|
attr(div, "role", "dialog");
|
|
4155
4155
|
attr(div, "aria-modal", "true");
|
|
4156
4156
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
|
@@ -4174,7 +4174,7 @@ function create_if_block$b(ctx) {
|
|
|
4174
4174
|
|
|
4175
4175
|
button.$set(button_changes);
|
|
4176
4176
|
|
|
4177
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4177
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
|
4178
4178
|
attr(div, "class", div_class_value);
|
|
4179
4179
|
}
|
|
4180
4180
|
},
|
|
@@ -4238,7 +4238,7 @@ function create_if_block_1$2(ctx) {
|
|
|
4238
4238
|
this.h();
|
|
4239
4239
|
},
|
|
4240
4240
|
h() {
|
|
4241
|
-
attr(div, "class", "close svelte-
|
|
4241
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
|
4242
4242
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
4243
4243
|
},
|
|
4244
4244
|
m(target, anchor) {
|
|
@@ -4363,7 +4363,7 @@ function create_default_slot$6(ctx) {
|
|
|
4363
4363
|
this.h();
|
|
4364
4364
|
},
|
|
4365
4365
|
h() {
|
|
4366
|
-
attr(div, "class", "modal-content svelte-
|
|
4366
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
|
4367
4367
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
4368
4368
|
},
|
|
4369
4369
|
m(target, anchor) {
|
|
@@ -5000,7 +5000,7 @@ class Grid extends SvelteComponent {
|
|
|
5000
5000
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
5001
5001
|
|
|
5002
5002
|
function add_css$B(target) {
|
|
5003
|
-
append_styles(target, "svelte-
|
|
5003
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
5004
5004
|
}
|
|
5005
5005
|
|
|
5006
5006
|
function create_fragment$13(ctx) {
|
|
@@ -5034,8 +5034,8 @@ function create_fragment$13(ctx) {
|
|
|
5034
5034
|
this.h();
|
|
5035
5035
|
},
|
|
5036
5036
|
h() {
|
|
5037
|
-
attr(div0, "class", "grid-item-inner svelte-
|
|
5038
|
-
attr(div1, "class", "grid-item svelte-
|
|
5037
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
|
5038
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
|
5039
5039
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
|
5040
5040
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
|
5041
5041
|
attr(div1, "style", /*_style*/ ctx[1]);
|
|
@@ -5357,7 +5357,7 @@ class RenderText extends SvelteComponent {
|
|
|
5357
5357
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5358
5358
|
|
|
5359
5359
|
function add_css$A(target) {
|
|
5360
|
-
append_styles(target, "svelte-
|
|
5360
|
+
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}");
|
|
5361
5361
|
}
|
|
5362
5362
|
|
|
5363
5363
|
// (94:2) {:else}
|
|
@@ -5387,8 +5387,8 @@ function create_else_block$2(ctx) {
|
|
|
5387
5387
|
this.h();
|
|
5388
5388
|
},
|
|
5389
5389
|
h() {
|
|
5390
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5391
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5390
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5391
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5392
5392
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
5393
5393
|
},
|
|
5394
5394
|
m(target, anchor) {
|
|
@@ -5402,7 +5402,7 @@ function create_else_block$2(ctx) {
|
|
|
5402
5402
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5403
5403
|
rendertext.$set(rendertext_changes);
|
|
5404
5404
|
|
|
5405
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5405
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
5406
5406
|
attr(div1, "class", div1_class_value);
|
|
5407
5407
|
}
|
|
5408
5408
|
|
|
@@ -5477,12 +5477,12 @@ function create_if_block$9(ctx) {
|
|
|
5477
5477
|
this.h();
|
|
5478
5478
|
},
|
|
5479
5479
|
h() {
|
|
5480
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5480
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5481
5481
|
attr(a, "href", '');
|
|
5482
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5482
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5483
5483
|
attr(a, "style", /*style*/ ctx[5]);
|
|
5484
|
-
attr(div1, "class", "tooltip svelte-
|
|
5485
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
|
5484
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
|
5485
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
|
5486
5486
|
},
|
|
5487
5487
|
m(target, anchor) {
|
|
5488
5488
|
insert_hydration(target, a, anchor);
|
|
@@ -5508,7 +5508,7 @@ function create_if_block$9(ctx) {
|
|
|
5508
5508
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5509
5509
|
rendertext.$set(rendertext_changes);
|
|
5510
5510
|
|
|
5511
|
-
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-
|
|
5511
|
+
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"))) {
|
|
5512
5512
|
attr(a, "class", a_class_value);
|
|
5513
5513
|
}
|
|
5514
5514
|
|
|
@@ -5570,7 +5570,7 @@ function create_fragment$11(ctx) {
|
|
|
5570
5570
|
this.h();
|
|
5571
5571
|
},
|
|
5572
5572
|
h() {
|
|
5573
|
-
attr(div, "class", "text-element-wrapper svelte-
|
|
5573
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
|
5574
5574
|
},
|
|
5575
5575
|
m(target, anchor) {
|
|
5576
5576
|
insert_hydration(target, div, anchor);
|
|
@@ -5736,7 +5736,7 @@ class TextElement extends SvelteComponent {
|
|
|
5736
5736
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5737
5737
|
|
|
5738
5738
|
function add_css$z(target) {
|
|
5739
|
-
append_styles(target, "svelte-
|
|
5739
|
+
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)}");
|
|
5740
5740
|
}
|
|
5741
5741
|
|
|
5742
5742
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5805,7 +5805,7 @@ function create_fragment$10(ctx) {
|
|
|
5805
5805
|
this.h();
|
|
5806
5806
|
},
|
|
5807
5807
|
h() {
|
|
5808
|
-
attr(div, "class", "text-button-element svelte-
|
|
5808
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
|
5809
5809
|
},
|
|
5810
5810
|
m(target, anchor) {
|
|
5811
5811
|
insert_hydration(target, div, anchor);
|
|
@@ -5897,7 +5897,7 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5897
5897
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5898
5898
|
|
|
5899
5899
|
function add_css$y(target) {
|
|
5900
|
-
append_styles(target, "svelte-
|
|
5900
|
+
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%}");
|
|
5901
5901
|
}
|
|
5902
5902
|
|
|
5903
5903
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -5925,7 +5925,7 @@ function create_default_slot$4(ctx) {
|
|
|
5925
5925
|
this.h();
|
|
5926
5926
|
},
|
|
5927
5927
|
h() {
|
|
5928
|
-
attr(img, "class", "image svelte-
|
|
5928
|
+
attr(img, "class", "image svelte-t6tu0e");
|
|
5929
5929
|
attr(img, "loading", "lazy");
|
|
5930
5930
|
attr(img, "width", "auto");
|
|
5931
5931
|
attr(img, "height", "auto");
|
|
@@ -5997,7 +5997,7 @@ function create_fragment$$(ctx) {
|
|
|
5997
5997
|
this.h();
|
|
5998
5998
|
},
|
|
5999
5999
|
h() {
|
|
6000
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
6000
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
|
6001
6001
|
},
|
|
6002
6002
|
m(target, anchor) {
|
|
6003
6003
|
insert_hydration(target, div, anchor);
|
|
@@ -6016,7 +6016,7 @@ function create_fragment$$(ctx) {
|
|
|
6016
6016
|
|
|
6017
6017
|
button.$set(button_changes);
|
|
6018
6018
|
|
|
6019
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
6019
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
|
6020
6020
|
attr(div, "class", div_class_value);
|
|
6021
6021
|
}
|
|
6022
6022
|
},
|
|
@@ -6088,7 +6088,7 @@ class ImageElement extends SvelteComponent {
|
|
|
6088
6088
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
6089
6089
|
|
|
6090
6090
|
function add_css$x(target) {
|
|
6091
|
-
append_styles(target, "svelte-
|
|
6091
|
+
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}");
|
|
6092
6092
|
}
|
|
6093
6093
|
|
|
6094
6094
|
function create_fragment$_(ctx) {
|
|
@@ -6111,7 +6111,7 @@ function create_fragment$_(ctx) {
|
|
|
6111
6111
|
this.h();
|
|
6112
6112
|
},
|
|
6113
6113
|
h() {
|
|
6114
|
-
attr(div, "class", "list svelte-
|
|
6114
|
+
attr(div, "class", "list svelte-aquv6z");
|
|
6115
6115
|
attr(div, "style", /*style*/ ctx[0]);
|
|
6116
6116
|
},
|
|
6117
6117
|
m(target, anchor) {
|
|
@@ -6245,7 +6245,7 @@ class List extends SvelteComponent {
|
|
|
6245
6245
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6246
6246
|
|
|
6247
6247
|
function add_css$w(target) {
|
|
6248
|
-
append_styles(target, "svelte-
|
|
6248
|
+
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}");
|
|
6249
6249
|
}
|
|
6250
6250
|
|
|
6251
6251
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
|
@@ -6328,7 +6328,7 @@ function create_fragment$Z(ctx) {
|
|
|
6328
6328
|
this.h();
|
|
6329
6329
|
},
|
|
6330
6330
|
h() {
|
|
6331
|
-
attr(div, "class", "list-item svelte-
|
|
6331
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
|
6332
6332
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
|
6333
6333
|
},
|
|
6334
6334
|
m(target, anchor) {
|
|
@@ -6454,7 +6454,7 @@ class ListItem extends SvelteComponent {
|
|
|
6454
6454
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6455
6455
|
|
|
6456
6456
|
function add_css$v(target) {
|
|
6457
|
-
append_styles(target, "svelte-
|
|
6457
|
+
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}");
|
|
6458
6458
|
}
|
|
6459
6459
|
|
|
6460
6460
|
function create_fragment$Y(ctx) {
|
|
@@ -6472,7 +6472,7 @@ function create_fragment$Y(ctx) {
|
|
|
6472
6472
|
this.h();
|
|
6473
6473
|
},
|
|
6474
6474
|
h() {
|
|
6475
|
-
attr(div, "class", "embed svelte-
|
|
6475
|
+
attr(div, "class", "embed svelte-wocq4p");
|
|
6476
6476
|
attr(div, "style", /*_style*/ ctx[1]);
|
|
6477
6477
|
},
|
|
6478
6478
|
m(target, anchor) {
|
|
@@ -6515,7 +6515,7 @@ class EmbedElement extends SvelteComponent {
|
|
|
6515
6515
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6516
6516
|
|
|
6517
6517
|
function add_css$u(target) {
|
|
6518
|
-
append_styles(target, "svelte-
|
|
6518
|
+
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%}");
|
|
6519
6519
|
}
|
|
6520
6520
|
|
|
6521
6521
|
function create_fragment$X(ctx) {
|
|
@@ -6538,7 +6538,7 @@ function create_fragment$X(ctx) {
|
|
|
6538
6538
|
},
|
|
6539
6539
|
h() {
|
|
6540
6540
|
attr(div0, "class", "karte-player");
|
|
6541
|
-
attr(div1, "class", "embed svelte-
|
|
6541
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6542
6542
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6543
6543
|
},
|
|
6544
6544
|
m(target, anchor) {
|
|
@@ -6880,7 +6880,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6880
6880
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6881
6881
|
|
|
6882
6882
|
function add_css$t(target) {
|
|
6883
|
-
append_styles(target, "svelte-
|
|
6883
|
+
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%}");
|
|
6884
6884
|
}
|
|
6885
6885
|
|
|
6886
6886
|
function create_fragment$W(ctx) {
|
|
@@ -6903,7 +6903,7 @@ function create_fragment$W(ctx) {
|
|
|
6903
6903
|
},
|
|
6904
6904
|
h() {
|
|
6905
6905
|
attr(div0, "class", "karte-player");
|
|
6906
|
-
attr(div1, "class", "embed svelte-
|
|
6906
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6907
6907
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6908
6908
|
},
|
|
6909
6909
|
m(target, anchor) {
|
|
@@ -7087,7 +7087,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
7087
7087
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
7088
7088
|
|
|
7089
7089
|
function add_css$s(target) {
|
|
7090
|
-
append_styles(target, "svelte-
|
|
7090
|
+
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}");
|
|
7091
7091
|
}
|
|
7092
7092
|
|
|
7093
7093
|
function create_fragment$V(ctx) {
|
|
@@ -7117,12 +7117,12 @@ function create_fragment$V(ctx) {
|
|
|
7117
7117
|
this.h();
|
|
7118
7118
|
},
|
|
7119
7119
|
h() {
|
|
7120
|
-
attr(textarea, "class", "textarea svelte-
|
|
7120
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
|
7121
7121
|
textarea.value = /*$value*/ ctx[4];
|
|
7122
7122
|
textarea.required = /*required*/ ctx[1];
|
|
7123
7123
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
|
7124
7124
|
attr(textarea, "style", /*style*/ ctx[3]);
|
|
7125
|
-
attr(div, "class", "textarea-wrapper svelte-
|
|
7125
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
|
7126
7126
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
|
7127
7127
|
},
|
|
7128
7128
|
m(target, anchor) {
|
|
@@ -7274,7 +7274,7 @@ class FormTextarea extends SvelteComponent {
|
|
|
7274
7274
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7275
7275
|
|
|
7276
7276
|
function add_css$r(target) {
|
|
7277
|
-
append_styles(target, "svelte-
|
|
7277
|
+
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}");
|
|
7278
7278
|
}
|
|
7279
7279
|
|
|
7280
7280
|
function get_each_context$5(ctx, list, i) {
|
|
@@ -7331,14 +7331,14 @@ function create_each_block$5(ctx) {
|
|
|
7331
7331
|
},
|
|
7332
7332
|
h() {
|
|
7333
7333
|
attr(input, "type", "radio");
|
|
7334
|
-
attr(input, "class", "radio-button-input svelte-
|
|
7334
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
|
7335
7335
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
|
7336
7336
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7337
7337
|
input.value = input_value_value = /*option*/ ctx[17];
|
|
7338
7338
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
|
7339
|
-
attr(span, "class", "radio-button-text svelte-
|
|
7339
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
|
7340
7340
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7341
|
-
attr(label, "class", "radio-button svelte-
|
|
7341
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
|
7342
7342
|
},
|
|
7343
7343
|
m(target, anchor) {
|
|
7344
7344
|
insert_hydration(target, label, anchor);
|
|
@@ -7417,7 +7417,7 @@ function create_fragment$U(ctx) {
|
|
|
7417
7417
|
this.h();
|
|
7418
7418
|
},
|
|
7419
7419
|
h() {
|
|
7420
|
-
attr(div, "class", "radio-buttons svelte-
|
|
7420
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
|
7421
7421
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7422
7422
|
},
|
|
7423
7423
|
m(target, anchor) {
|
|
@@ -7586,7 +7586,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7586
7586
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7587
7587
|
|
|
7588
7588
|
function add_css$q(target) {
|
|
7589
|
-
append_styles(target, "svelte-
|
|
7589
|
+
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}");
|
|
7590
7590
|
}
|
|
7591
7591
|
|
|
7592
7592
|
function get_each_context$4(ctx, list, i) {
|
|
@@ -7757,10 +7757,10 @@ function create_fragment$T(ctx) {
|
|
|
7757
7757
|
this.h();
|
|
7758
7758
|
},
|
|
7759
7759
|
h() {
|
|
7760
|
-
attr(select, "class", "select-select svelte-
|
|
7760
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
|
7761
7761
|
attr(select, "style", /*style*/ ctx[3]);
|
|
7762
|
-
attr(div0, "class", "select-icon svelte-
|
|
7763
|
-
attr(div1, "class", "select svelte-
|
|
7762
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
|
7763
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
|
7764
7764
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
|
7765
7765
|
},
|
|
7766
7766
|
m(target, anchor) {
|
|
@@ -7962,7 +7962,7 @@ class FormSelect extends SvelteComponent {
|
|
|
7962
7962
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7963
7963
|
|
|
7964
7964
|
function add_css$p(target) {
|
|
7965
|
-
append_styles(target, "svelte-
|
|
7965
|
+
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}");
|
|
7966
7966
|
}
|
|
7967
7967
|
|
|
7968
7968
|
function get_each_context$3(ctx, list, i) {
|
|
@@ -8024,19 +8024,19 @@ function create_each_block$3(ctx) {
|
|
|
8024
8024
|
this.h();
|
|
8025
8025
|
},
|
|
8026
8026
|
h() {
|
|
8027
|
-
attr(input, "class", "check-box-input svelte-
|
|
8027
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
|
8028
8028
|
attr(input, "type", "checkbox");
|
|
8029
8029
|
attr(input, "name", /*name*/ ctx[0]);
|
|
8030
8030
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
|
8031
|
-
attr(span0, "class", "check-box-icon svelte-
|
|
8031
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
|
8032
8032
|
|
|
8033
8033
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8034
8034
|
? ' _checked'
|
|
8035
|
-
: ''}`) + " svelte-
|
|
8035
|
+
: ''}`) + " svelte-1p65cg8"));
|
|
8036
8036
|
|
|
8037
|
-
attr(span2, "class", "check-box-text svelte-
|
|
8037
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
|
8038
8038
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
8039
|
-
attr(label, "class", "check-box svelte-
|
|
8039
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
|
8040
8040
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
|
8041
8041
|
},
|
|
8042
8042
|
m(target, anchor) {
|
|
@@ -8068,7 +8068,7 @@ function create_each_block$3(ctx) {
|
|
|
8068
8068
|
|
|
8069
8069
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8070
8070
|
? ' _checked'
|
|
8071
|
-
: ''}`) + " svelte-
|
|
8071
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
|
8072
8072
|
attr(span1, "class", span1_class_value);
|
|
8073
8073
|
}
|
|
8074
8074
|
|
|
@@ -8121,7 +8121,7 @@ function create_fragment$S(ctx) {
|
|
|
8121
8121
|
this.h();
|
|
8122
8122
|
},
|
|
8123
8123
|
h() {
|
|
8124
|
-
attr(div, "class", "check-boxes svelte-
|
|
8124
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
|
8125
8125
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
8126
8126
|
},
|
|
8127
8127
|
m(target, anchor) {
|
|
@@ -8296,7 +8296,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
8296
8296
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
8297
8297
|
|
|
8298
8298
|
function add_css$o(target) {
|
|
8299
|
-
append_styles(target, "svelte-
|
|
8299
|
+
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}");
|
|
8300
8300
|
}
|
|
8301
8301
|
|
|
8302
8302
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -8331,7 +8331,7 @@ function create_each_block$2(ctx) {
|
|
|
8331
8331
|
this.h();
|
|
8332
8332
|
},
|
|
8333
8333
|
h() {
|
|
8334
|
-
attr(button, "class", "rating-button svelte-
|
|
8334
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
|
8335
8335
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
|
8336
8336
|
},
|
|
8337
8337
|
m(target, anchor) {
|
|
@@ -8394,7 +8394,7 @@ function create_fragment$R(ctx) {
|
|
|
8394
8394
|
this.h();
|
|
8395
8395
|
},
|
|
8396
8396
|
h() {
|
|
8397
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8397
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
|
8398
8398
|
},
|
|
8399
8399
|
m(target, anchor) {
|
|
8400
8400
|
insert_hydration(target, div, anchor);
|
|
@@ -8538,7 +8538,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8538
8538
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8539
8539
|
|
|
8540
8540
|
function add_css$n(target) {
|
|
8541
|
-
append_styles(target, "svelte-
|
|
8541
|
+
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%)}");
|
|
8542
8542
|
}
|
|
8543
8543
|
|
|
8544
8544
|
function get_each_context$1(ctx, list, i) {
|
|
@@ -8574,9 +8574,9 @@ function create_each_block$1(ctx) {
|
|
|
8574
8574
|
},
|
|
8575
8575
|
h() {
|
|
8576
8576
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
|
8577
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8577
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
|
8578
8578
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
|
8579
|
-
attr(button, "class", "rating-button svelte-
|
|
8579
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
|
8580
8580
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
|
8581
8581
|
},
|
|
8582
8582
|
m(target, anchor) {
|
|
@@ -8592,7 +8592,7 @@ function create_each_block$1(ctx) {
|
|
|
8592
8592
|
p(new_ctx, dirty) {
|
|
8593
8593
|
ctx = new_ctx;
|
|
8594
8594
|
|
|
8595
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8595
|
+
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"))) {
|
|
8596
8596
|
attr(img, "class", img_class_value);
|
|
8597
8597
|
}
|
|
8598
8598
|
|
|
@@ -8639,7 +8639,7 @@ function create_fragment$Q(ctx) {
|
|
|
8639
8639
|
this.h();
|
|
8640
8640
|
},
|
|
8641
8641
|
h() {
|
|
8642
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8642
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
|
8643
8643
|
},
|
|
8644
8644
|
m(target, anchor) {
|
|
8645
8645
|
insert_hydration(target, div, anchor);
|
|
@@ -8747,7 +8747,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
8747
8747
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8748
8748
|
|
|
8749
8749
|
function add_css$m(target) {
|
|
8750
|
-
append_styles(target, "svelte-
|
|
8750
|
+
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}");
|
|
8751
8751
|
}
|
|
8752
8752
|
|
|
8753
8753
|
function create_fragment$P(ctx) {
|
|
@@ -8778,13 +8778,13 @@ function create_fragment$P(ctx) {
|
|
|
8778
8778
|
this.h();
|
|
8779
8779
|
},
|
|
8780
8780
|
h() {
|
|
8781
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8781
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
|
8782
8782
|
attr(input, "type", "text");
|
|
8783
8783
|
input.value = /*$value*/ ctx[2];
|
|
8784
8784
|
input.required = /*required*/ ctx[0];
|
|
8785
8785
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8786
8786
|
attr(input, "style", /*style*/ ctx[5]);
|
|
8787
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8787
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
|
8788
8788
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8789
8789
|
},
|
|
8790
8790
|
m(target, anchor) {
|
|
@@ -8797,7 +8797,7 @@ function create_fragment$P(ctx) {
|
|
|
8797
8797
|
}
|
|
8798
8798
|
},
|
|
8799
8799
|
p(ctx, [dirty]) {
|
|
8800
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8800
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
|
8801
8801
|
attr(input, "class", input_class_value);
|
|
8802
8802
|
}
|
|
8803
8803
|
|
|
@@ -8985,7 +8985,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8985
8985
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
8986
8986
|
|
|
8987
8987
|
function add_css$l(target) {
|
|
8988
|
-
append_styles(target, "svelte-
|
|
8988
|
+
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}");
|
|
8989
8989
|
}
|
|
8990
8990
|
|
|
8991
8991
|
function create_fragment$O(ctx) {
|
|
@@ -9051,20 +9051,20 @@ function create_fragment$O(ctx) {
|
|
|
9051
9051
|
},
|
|
9052
9052
|
h() {
|
|
9053
9053
|
attr(input0, "type", "radio");
|
|
9054
|
-
attr(input0, "class", "radio-button-input svelte-
|
|
9054
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
|
9055
9055
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
|
9056
9056
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
|
9057
|
-
attr(span0, "class", "radio-button-text svelte-
|
|
9057
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
|
9058
9058
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9059
|
-
attr(label0, "class", "radio-button svelte-
|
|
9059
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
|
9060
9060
|
attr(input1, "type", "radio");
|
|
9061
|
-
attr(input1, "class", "radio-button-input svelte-
|
|
9061
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
|
9062
9062
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
|
9063
9063
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
|
9064
|
-
attr(span1, "class", "radio-button-text svelte-
|
|
9064
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
|
9065
9065
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9066
|
-
attr(label1, "class", "radio-button svelte-
|
|
9067
|
-
attr(div, "class", "radio-buttons svelte-
|
|
9066
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
|
9067
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
|
9068
9068
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
|
9069
9069
|
},
|
|
9070
9070
|
m(target, anchor) {
|
|
@@ -9232,7 +9232,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
9232
9232
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
9233
9233
|
|
|
9234
9234
|
function add_css$k(target) {
|
|
9235
|
-
append_styles(target, "svelte-
|
|
9235
|
+
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%}");
|
|
9236
9236
|
}
|
|
9237
9237
|
|
|
9238
9238
|
function get_each_context(ctx, list, i) {
|
|
@@ -9278,9 +9278,9 @@ function create_if_block_1$1(ctx) {
|
|
|
9278
9278
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9279
9279
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9280
9280
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
|
9281
|
-
attr(button, "class", "move-button svelte-
|
|
9281
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9282
9282
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
|
9283
|
-
attr(div, "class", "prev-button-container svelte-
|
|
9283
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
|
9284
9284
|
},
|
|
9285
9285
|
m(target, anchor) {
|
|
9286
9286
|
insert_hydration(target, div, anchor);
|
|
@@ -9346,9 +9346,9 @@ function create_if_block$7(ctx) {
|
|
|
9346
9346
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9347
9347
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9348
9348
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
|
9349
|
-
attr(button, "class", "move-button svelte-
|
|
9349
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9350
9350
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
|
9351
|
-
attr(div, "class", "next-button-container svelte-
|
|
9351
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
|
9352
9352
|
},
|
|
9353
9353
|
m(target, anchor) {
|
|
9354
9354
|
insert_hydration(target, div, anchor);
|
|
@@ -9408,9 +9408,9 @@ function create_each_block(ctx) {
|
|
|
9408
9408
|
this.h();
|
|
9409
9409
|
},
|
|
9410
9410
|
h() {
|
|
9411
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
|
9411
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
|
9412
9412
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
|
9413
|
-
attr(button, "class", "navigation-item svelte-
|
|
9413
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
|
9414
9414
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
|
9415
9415
|
},
|
|
9416
9416
|
m(target, anchor) {
|
|
@@ -9516,14 +9516,14 @@ function create_fragment$N(ctx) {
|
|
|
9516
9516
|
this.h();
|
|
9517
9517
|
},
|
|
9518
9518
|
h() {
|
|
9519
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9519
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
|
9520
9520
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
|
9521
|
-
attr(div1, "class", "container svelte-
|
|
9521
|
+
attr(div1, "class", "container svelte-ji1fh");
|
|
9522
9522
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
9523
|
-
attr(div2, "class", "navigation svelte-
|
|
9523
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
|
9524
9524
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
|
9525
9525
|
set_attributes(div3, div3_data);
|
|
9526
|
-
toggle_class(div3, "svelte-
|
|
9526
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9527
9527
|
},
|
|
9528
9528
|
m(target, anchor) {
|
|
9529
9529
|
insert_hydration(target, div3, anchor);
|
|
@@ -9565,7 +9565,7 @@ function create_fragment$N(ctx) {
|
|
|
9565
9565
|
}
|
|
9566
9566
|
}
|
|
9567
9567
|
|
|
9568
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9568
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
|
9569
9569
|
attr(div0, "class", div0_class_value);
|
|
9570
9570
|
}
|
|
9571
9571
|
|
|
@@ -9631,7 +9631,7 @@ function create_fragment$N(ctx) {
|
|
|
9631
9631
|
}
|
|
9632
9632
|
|
|
9633
9633
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
|
9634
|
-
toggle_class(div3, "svelte-
|
|
9634
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9635
9635
|
},
|
|
9636
9636
|
i(local) {
|
|
9637
9637
|
if (current) return;
|
|
@@ -10143,7 +10143,7 @@ class Slide extends SvelteComponent {
|
|
|
10143
10143
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
10144
10144
|
|
|
10145
10145
|
function add_css$j(target) {
|
|
10146
|
-
append_styles(target, "svelte-
|
|
10146
|
+
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}");
|
|
10147
10147
|
}
|
|
10148
10148
|
|
|
10149
10149
|
function create_fragment$M(ctx) {
|
|
@@ -10171,9 +10171,9 @@ function create_fragment$M(ctx) {
|
|
|
10171
10171
|
this.h();
|
|
10172
10172
|
},
|
|
10173
10173
|
h() {
|
|
10174
|
-
attr(div0, "class", "item-inner svelte-
|
|
10174
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
|
10175
10175
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10176
|
-
attr(div1, "class", "item svelte-
|
|
10176
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
|
10177
10177
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
|
10178
10178
|
},
|
|
10179
10179
|
m(target, anchor) {
|
|
@@ -10299,7 +10299,7 @@ class SlideItem extends SvelteComponent {
|
|
|
10299
10299
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
10300
10300
|
|
|
10301
10301
|
function add_css$i(target) {
|
|
10302
|
-
append_styles(target, "svelte-
|
|
10302
|
+
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}");
|
|
10303
10303
|
}
|
|
10304
10304
|
|
|
10305
10305
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
@@ -10330,9 +10330,9 @@ function create_fragment$L(ctx) {
|
|
|
10330
10330
|
this.h();
|
|
10331
10331
|
},
|
|
10332
10332
|
h() {
|
|
10333
|
-
attr(div0, "class", "countdown-inner svelte-
|
|
10333
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
|
10334
10334
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10335
|
-
attr(div1, "class", "countdown svelte-
|
|
10335
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
|
10336
10336
|
},
|
|
10337
10337
|
m(target, anchor) {
|
|
10338
10338
|
insert_hydration(target, div1, anchor);
|
|
@@ -10462,7 +10462,7 @@ class Countdown extends SvelteComponent {
|
|
|
10462
10462
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
10463
10463
|
|
|
10464
10464
|
function add_css$h(target) {
|
|
10465
|
-
append_styles(target, "svelte-
|
|
10465
|
+
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}");
|
|
10466
10466
|
}
|
|
10467
10467
|
|
|
10468
10468
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -10545,7 +10545,7 @@ function create_fragment$K(ctx) {
|
|
|
10545
10545
|
this.h();
|
|
10546
10546
|
},
|
|
10547
10547
|
h() {
|
|
10548
|
-
attr(div, "class", "box svelte-
|
|
10548
|
+
attr(div, "class", "box svelte-1ccydfy");
|
|
10549
10549
|
},
|
|
10550
10550
|
m(target, anchor) {
|
|
10551
10551
|
insert_hydration(target, div, anchor);
|
|
@@ -10606,7 +10606,7 @@ class Box extends SvelteComponent {
|
|
|
10606
10606
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10607
10607
|
|
|
10608
10608
|
function add_css$g(target) {
|
|
10609
|
-
append_styles(target, "svelte-
|
|
10609
|
+
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)}");
|
|
10610
10610
|
}
|
|
10611
10611
|
|
|
10612
10612
|
// (56:4) {#if svg}
|
|
@@ -10710,7 +10710,7 @@ function create_fragment$J(ctx) {
|
|
|
10710
10710
|
this.h();
|
|
10711
10711
|
},
|
|
10712
10712
|
h() {
|
|
10713
|
-
attr(div, "class", "icon svelte-
|
|
10713
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
|
10714
10714
|
},
|
|
10715
10715
|
m(target, anchor) {
|
|
10716
10716
|
insert_hydration(target, div, anchor);
|
|
@@ -10819,7 +10819,7 @@ class IconElement extends SvelteComponent {
|
|
|
10819
10819
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10820
10820
|
|
|
10821
10821
|
function add_css$f(target) {
|
|
10822
|
-
append_styles(target, "svelte-
|
|
10822
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10823
10823
|
}
|
|
10824
10824
|
|
|
10825
10825
|
function create_fragment$I(ctx) {
|
|
@@ -10855,7 +10855,7 @@ function create_fragment$I(ctx) {
|
|
|
10855
10855
|
this.h();
|
|
10856
10856
|
},
|
|
10857
10857
|
h() {
|
|
10858
|
-
attr(div, "class", "codeElement svelte-
|
|
10858
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
|
10859
10859
|
attr(div, "style", /*style*/ ctx[3]);
|
|
10860
10860
|
},
|
|
10861
10861
|
m(target, anchor) {
|
|
@@ -10944,7 +10944,7 @@ class CodeElement extends SvelteComponent {
|
|
|
10944
10944
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10945
10945
|
|
|
10946
10946
|
function add_css$e(target) {
|
|
10947
|
-
append_styles(target, "svelte-
|
|
10947
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
10948
10948
|
}
|
|
10949
10949
|
|
|
10950
10950
|
function create_fragment$H(ctx) {
|
|
@@ -10968,7 +10968,7 @@ function create_fragment$H(ctx) {
|
|
|
10968
10968
|
this.h();
|
|
10969
10969
|
},
|
|
10970
10970
|
h() {
|
|
10971
|
-
attr(div, "class", "flex svelte-
|
|
10971
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
|
10972
10972
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
|
10973
10973
|
},
|
|
10974
10974
|
m(target, anchor) {
|
|
@@ -11065,7 +11065,7 @@ class Flex extends SvelteComponent {
|
|
|
11065
11065
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
11066
11066
|
|
|
11067
11067
|
function add_css$d(target) {
|
|
11068
|
-
append_styles(target, "svelte-
|
|
11068
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
11069
11069
|
}
|
|
11070
11070
|
|
|
11071
11071
|
function create_fragment$G(ctx) {
|
|
@@ -11088,7 +11088,7 @@ function create_fragment$G(ctx) {
|
|
|
11088
11088
|
this.h();
|
|
11089
11089
|
},
|
|
11090
11090
|
h() {
|
|
11091
|
-
attr(div, "class", "flex-item svelte-
|
|
11091
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
|
11092
11092
|
attr(div, "style", /*style*/ ctx[0]);
|
|
11093
11093
|
},
|
|
11094
11094
|
m(target, anchor) {
|
|
@@ -11508,7 +11508,7 @@ class GridModalState extends SvelteComponent {
|
|
|
11508
11508
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
11509
11509
|
|
|
11510
11510
|
function add_css$c(target) {
|
|
11511
|
-
append_styles(target, "svelte-
|
|
11511
|
+
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%}");
|
|
11512
11512
|
}
|
|
11513
11513
|
|
|
11514
11514
|
function create_fragment$E(ctx) {
|
|
@@ -11537,8 +11537,8 @@ function create_fragment$E(ctx) {
|
|
|
11537
11537
|
this.h();
|
|
11538
11538
|
},
|
|
11539
11539
|
h() {
|
|
11540
|
-
attr(div0, "class", "text-block-inner svelte-
|
|
11541
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
11540
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
|
11541
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
|
11542
11542
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
11543
11543
|
},
|
|
11544
11544
|
m(target, anchor) {
|
|
@@ -11552,7 +11552,7 @@ function create_fragment$E(ctx) {
|
|
|
11552
11552
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
11553
11553
|
rendertext.$set(rendertext_changes);
|
|
11554
11554
|
|
|
11555
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
11555
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
|
11556
11556
|
attr(div1, "class", div1_class_value);
|
|
11557
11557
|
}
|
|
11558
11558
|
|
|
@@ -11630,7 +11630,7 @@ class TextBlock extends SvelteComponent {
|
|
|
11630
11630
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
11631
11631
|
|
|
11632
11632
|
function add_css$b(target) {
|
|
11633
|
-
append_styles(target, "svelte-
|
|
11633
|
+
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)}");
|
|
11634
11634
|
}
|
|
11635
11635
|
|
|
11636
11636
|
function create_fragment$D(ctx) {
|
|
@@ -11660,9 +11660,9 @@ function create_fragment$D(ctx) {
|
|
|
11660
11660
|
this.h();
|
|
11661
11661
|
},
|
|
11662
11662
|
h() {
|
|
11663
|
-
attr(button, "class", "text-button svelte-
|
|
11663
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
|
11664
11664
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
11665
|
-
attr(div, "class", "text-button-block svelte-
|
|
11665
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
|
11666
11666
|
attr(div, "style", /*_style*/ ctx[2]);
|
|
11667
11667
|
},
|
|
11668
11668
|
m(target, anchor) {
|
|
@@ -11768,7 +11768,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11768
11768
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11769
11769
|
|
|
11770
11770
|
function add_css$a(target) {
|
|
11771
|
-
append_styles(target, "svelte-
|
|
11771
|
+
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)}");
|
|
11772
11772
|
}
|
|
11773
11773
|
|
|
11774
11774
|
function create_fragment$C(ctx) {
|
|
@@ -11804,14 +11804,14 @@ function create_fragment$C(ctx) {
|
|
|
11804
11804
|
this.h();
|
|
11805
11805
|
},
|
|
11806
11806
|
h() {
|
|
11807
|
-
attr(img, "class", "image svelte-
|
|
11807
|
+
attr(img, "class", "image svelte-1pdw891");
|
|
11808
11808
|
attr(img, "loading", "lazy");
|
|
11809
11809
|
attr(img, "width", "auto");
|
|
11810
11810
|
attr(img, "height", "auto");
|
|
11811
11811
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
|
11812
11812
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
|
11813
11813
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11814
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11814
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
|
11815
11815
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
11816
11816
|
},
|
|
11817
11817
|
m(target, anchor) {
|
|
@@ -11836,7 +11836,7 @@ function create_fragment$C(ctx) {
|
|
|
11836
11836
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11837
11837
|
}
|
|
11838
11838
|
|
|
11839
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11839
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
|
11840
11840
|
attr(div, "class", div_class_value);
|
|
11841
11841
|
}
|
|
11842
11842
|
|
|
@@ -11912,19 +11912,19 @@ class ImageBlock extends SvelteComponent {
|
|
|
11912
11912
|
}
|
|
11913
11913
|
}
|
|
11914
11914
|
|
|
11915
|
-
const
|
|
11916
|
-
|
|
11917
|
-
|
|
11918
|
-
|
|
11919
|
-
|
|
11920
|
-
|
|
11921
|
-
|
|
11922
|
-
|
|
11923
|
-
|
|
11924
|
-
|
|
11925
|
-
|
|
11926
|
-
|
|
11927
|
-
|
|
11915
|
+
const SHADOW_VARIANT = {
|
|
11916
|
+
extra_small: 'XSmall',
|
|
11917
|
+
small: 'Small',
|
|
11918
|
+
medium: 'Medium',
|
|
11919
|
+
large: 'Large',
|
|
11920
|
+
};
|
|
11921
|
+
const ROUND_VARIANT = {
|
|
11922
|
+
extra_small: 'XSmall (2px)',
|
|
11923
|
+
small: 'Small (4px)',
|
|
11924
|
+
medium: 'Medium (8px)',
|
|
11925
|
+
large: 'Large (16px)',
|
|
11926
|
+
extra_large: 'Large (24px)',
|
|
11927
|
+
fulled: 'Full (100%)',
|
|
11928
11928
|
};
|
|
11929
11929
|
|
|
11930
11930
|
const toHyphenCase = (str) => {
|
|
@@ -11958,6 +11958,7 @@ const toCssCommon = (p) => {
|
|
|
11958
11958
|
};
|
|
11959
11959
|
};
|
|
11960
11960
|
const toCssBorder = (p) => {
|
|
11961
|
+
console.log(p);
|
|
11961
11962
|
const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
|
|
11962
11963
|
if (borderWidth === null)
|
|
11963
11964
|
return {};
|
|
@@ -12007,7 +12008,7 @@ const toCssShadow = (p) => {
|
|
|
12007
12008
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
12008
12009
|
|
|
12009
12010
|
function add_css$9(target) {
|
|
12010
|
-
append_styles(target, "svelte-
|
|
12011
|
+
append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
|
|
12011
12012
|
}
|
|
12012
12013
|
|
|
12013
12014
|
function create_fragment$B(ctx) {
|
|
@@ -12038,7 +12039,7 @@ function create_fragment$B(ctx) {
|
|
|
12038
12039
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
12039
12040
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
12040
12041
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
|
12041
|
-
attr(div, "class", "avatar svelte-
|
|
12042
|
+
attr(div, "class", "avatar svelte-17xar9h");
|
|
12042
12043
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
12043
12044
|
attr(div, "style", /*style*/ ctx[3]);
|
|
12044
12045
|
},
|
|
@@ -12135,6 +12136,41 @@ const AVATAR_SHAPE = {
|
|
|
12135
12136
|
square: 'スクエア',
|
|
12136
12137
|
};
|
|
12137
12138
|
|
|
12139
|
+
const BUTTON_SIZE = {
|
|
12140
|
+
extra_small: 'XSmall',
|
|
12141
|
+
small: 'Small',
|
|
12142
|
+
medium: 'Medium',
|
|
12143
|
+
large: 'Large',
|
|
12144
|
+
extra_large: 'XLarge',
|
|
12145
|
+
};
|
|
12146
|
+
const BUTTON_THEME = {
|
|
12147
|
+
default: 'デフォルト',
|
|
12148
|
+
theme: 'テーマカラー',
|
|
12149
|
+
alert: 'アラート',
|
|
12150
|
+
transparent: '背景なし',
|
|
12151
|
+
};
|
|
12152
|
+
const BUTTON_ROUND = {
|
|
12153
|
+
default: 'デフォルト',
|
|
12154
|
+
none: 'なし',
|
|
12155
|
+
fulled: '円形',
|
|
12156
|
+
};
|
|
12157
|
+
const BUTTON_LINK_TARGET = {
|
|
12158
|
+
_self: '画面内遷移',
|
|
12159
|
+
_blank: '別タブで開く',
|
|
12160
|
+
};
|
|
12161
|
+
const BUTTON_ICON_ANGLE = {
|
|
12162
|
+
row: '左側',
|
|
12163
|
+
'row-reverse': '右側',
|
|
12164
|
+
};
|
|
12165
|
+
const buttonPropsDefault = {
|
|
12166
|
+
label: 'ボタン',
|
|
12167
|
+
size: 'medium',
|
|
12168
|
+
theme: 'default',
|
|
12169
|
+
round: 'default',
|
|
12170
|
+
width: 'auto',
|
|
12171
|
+
wrap: 'nowrap',
|
|
12172
|
+
};
|
|
12173
|
+
|
|
12138
12174
|
/* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
|
|
12139
12175
|
|
|
12140
12176
|
function create_fragment$A(ctx) {
|
|
@@ -13950,36 +13986,14 @@ const ICON_VARIANTS = {
|
|
|
13950
13986
|
users: IconUsers,
|
|
13951
13987
|
x_mark: IconXMark,
|
|
13952
13988
|
};
|
|
13953
|
-
// @ts-ignore
|
|
13954
|
-
const ICON_PARAMS = [
|
|
13955
|
-
{
|
|
13956
|
-
id: 'variant',
|
|
13957
|
-
name: 'アイコン',
|
|
13958
|
-
type: 'icon',
|
|
13959
|
-
},
|
|
13960
|
-
{
|
|
13961
|
-
id: 'color',
|
|
13962
|
-
name: 'カラー',
|
|
13963
|
-
type: 'color',
|
|
13964
|
-
},
|
|
13965
|
-
{
|
|
13966
|
-
id: 'size',
|
|
13967
|
-
name: 'サイズ',
|
|
13968
|
-
type: 'select',
|
|
13969
|
-
options: Object.keys(ICON_SIZE).map(key => ({
|
|
13970
|
-
label: ICON_SIZE[key].label,
|
|
13971
|
-
value: ICON_SIZE[key].value,
|
|
13972
|
-
})),
|
|
13973
|
-
},
|
|
13974
|
-
];
|
|
13975
13989
|
|
|
13976
13990
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
13977
13991
|
|
|
13978
13992
|
function add_css$8(target) {
|
|
13979
|
-
append_styles(target, "svelte-
|
|
13993
|
+
append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
|
13980
13994
|
}
|
|
13981
13995
|
|
|
13982
|
-
// (
|
|
13996
|
+
// (21:0) {#if (IconComponent)}
|
|
13983
13997
|
function create_if_block$5(ctx) {
|
|
13984
13998
|
let div;
|
|
13985
13999
|
let switch_instance;
|
|
@@ -14016,7 +14030,7 @@ function create_if_block$5(ctx) {
|
|
|
14016
14030
|
},
|
|
14017
14031
|
h() {
|
|
14018
14032
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14019
|
-
attr(div, "class", "icon svelte-
|
|
14033
|
+
attr(div, "class", "icon svelte-1mx2edd");
|
|
14020
14034
|
attr(div, "style", /*style*/ ctx[3]);
|
|
14021
14035
|
},
|
|
14022
14036
|
m(target, anchor) {
|
|
@@ -14155,6 +14169,8 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
14155
14169
|
};
|
|
14156
14170
|
};
|
|
14157
14171
|
|
|
14172
|
+
console.log(props.color);
|
|
14173
|
+
|
|
14158
14174
|
$$self.$$set = $$props => {
|
|
14159
14175
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
14160
14176
|
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
@@ -14180,6 +14196,87 @@ class Icon extends SvelteComponent {
|
|
|
14180
14196
|
}
|
|
14181
14197
|
}
|
|
14182
14198
|
|
|
14199
|
+
const BUTTON_SIZE_STYLES = {
|
|
14200
|
+
extra_small: {
|
|
14201
|
+
minHeight: '32px',
|
|
14202
|
+
paddingInline: '12px',
|
|
14203
|
+
fontSize: '12px',
|
|
14204
|
+
paddingBlock: '8px',
|
|
14205
|
+
lineHeight: 1.5,
|
|
14206
|
+
borderRadius: '4px',
|
|
14207
|
+
},
|
|
14208
|
+
small: {
|
|
14209
|
+
minHeight: '36px',
|
|
14210
|
+
paddingInline: '16px',
|
|
14211
|
+
fontSize: '13px',
|
|
14212
|
+
paddingBlock: '8px',
|
|
14213
|
+
lineHeight: 1.5,
|
|
14214
|
+
borderRadius: '4px',
|
|
14215
|
+
},
|
|
14216
|
+
medium: {
|
|
14217
|
+
minHeight: '40px',
|
|
14218
|
+
paddingInline: '24px',
|
|
14219
|
+
fontSize: '14px',
|
|
14220
|
+
paddingBlock: '8px',
|
|
14221
|
+
lineHeight: 1.5,
|
|
14222
|
+
borderRadius: '4px',
|
|
14223
|
+
},
|
|
14224
|
+
large: {
|
|
14225
|
+
minHeight: '48px',
|
|
14226
|
+
paddingInline: '32px',
|
|
14227
|
+
fontSize: '14px',
|
|
14228
|
+
paddingBlock: '10px',
|
|
14229
|
+
lineHeight: 1.5,
|
|
14230
|
+
borderRadius: '4px',
|
|
14231
|
+
},
|
|
14232
|
+
extra_large: {
|
|
14233
|
+
minHeight: '56px',
|
|
14234
|
+
paddingInline: '40px',
|
|
14235
|
+
fontSize: '17px',
|
|
14236
|
+
paddingBlock: '12px',
|
|
14237
|
+
lineHeight: 1.5,
|
|
14238
|
+
borderRadius: '4px',
|
|
14239
|
+
},
|
|
14240
|
+
};
|
|
14241
|
+
const BUTTON_THEME_STYLES = {
|
|
14242
|
+
theme: {
|
|
14243
|
+
backgroundColor: 'rgba(18,160,160,1)',
|
|
14244
|
+
color: '#FFFFFF',
|
|
14245
|
+
fontWeight: 'bold',
|
|
14246
|
+
},
|
|
14247
|
+
default: {
|
|
14248
|
+
backgroundColor: '#33403e',
|
|
14249
|
+
color: '#FFFFFF',
|
|
14250
|
+
fontWeight: 'bold',
|
|
14251
|
+
},
|
|
14252
|
+
transparent: {
|
|
14253
|
+
backgroundColor: 'rgba(255, 255, 255, 0)',
|
|
14254
|
+
color: '#00100ea1',
|
|
14255
|
+
fontWeight: 'bold',
|
|
14256
|
+
},
|
|
14257
|
+
alert: {
|
|
14258
|
+
backgroundColor: 'rgb(242,83,32,1)',
|
|
14259
|
+
color: '#FFFFFF',
|
|
14260
|
+
fontWeight: 'bold',
|
|
14261
|
+
},
|
|
14262
|
+
};
|
|
14263
|
+
const BUTTON_ROUND_STYLES = {
|
|
14264
|
+
none: {
|
|
14265
|
+
borderRadius: 0,
|
|
14266
|
+
},
|
|
14267
|
+
default: {},
|
|
14268
|
+
fulled: {
|
|
14269
|
+
borderRadius: '56px',
|
|
14270
|
+
},
|
|
14271
|
+
};
|
|
14272
|
+
const BUTTON_WRAP_STYLES = {
|
|
14273
|
+
nowrap: {
|
|
14274
|
+
whiteSpace: 'nowrap',
|
|
14275
|
+
},
|
|
14276
|
+
wrap: {
|
|
14277
|
+
whiteSpace: 'pre-wrap',
|
|
14278
|
+
},
|
|
14279
|
+
};
|
|
14183
14280
|
const BUTTON_VARIANTS = {
|
|
14184
14281
|
size: {
|
|
14185
14282
|
extra_small: {
|
|
@@ -14198,7 +14295,6 @@ const BUTTON_VARIANTS = {
|
|
|
14198
14295
|
lineHeight: 1.5,
|
|
14199
14296
|
borderRadius: '4px',
|
|
14200
14297
|
},
|
|
14201
|
-
// 'min-h-10 px-6 text-sm py-2 leading-[150%]'
|
|
14202
14298
|
medium: {
|
|
14203
14299
|
minHeight: '40px',
|
|
14204
14300
|
paddingInline: '24px',
|
|
@@ -14207,7 +14303,6 @@ const BUTTON_VARIANTS = {
|
|
|
14207
14303
|
lineHeight: 1.5,
|
|
14208
14304
|
borderRadius: '4px',
|
|
14209
14305
|
},
|
|
14210
|
-
// 'min-h-14 px-8 text-lg py-3 leading-[150%]'
|
|
14211
14306
|
large: {
|
|
14212
14307
|
minHeight: '48px',
|
|
14213
14308
|
paddingInline: '32px',
|
|
@@ -14272,10 +14367,10 @@ const BUTTON_VARIANTS = {
|
|
|
14272
14367
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
|
14273
14368
|
|
|
14274
14369
|
function add_css$7(target) {
|
|
14275
|
-
append_styles(target, "svelte-
|
|
14370
|
+
append_styles(target, "svelte-bo01kn", ".button.svelte-bo01kn{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.button-icon.svelte-bo01kn{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
14276
14371
|
}
|
|
14277
14372
|
|
|
14278
|
-
// (
|
|
14373
|
+
// (45:2) {#if (props.isIcon && props.iconVariant)}
|
|
14279
14374
|
function create_if_block$4(ctx) {
|
|
14280
14375
|
let div;
|
|
14281
14376
|
let icon;
|
|
@@ -14285,7 +14380,7 @@ function create_if_block$4(ctx) {
|
|
|
14285
14380
|
props: {
|
|
14286
14381
|
props: {
|
|
14287
14382
|
variant: /*props*/ ctx[0].iconVariant,
|
|
14288
|
-
color:
|
|
14383
|
+
color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
|
|
14289
14384
|
}
|
|
14290
14385
|
}
|
|
14291
14386
|
});
|
|
@@ -14304,7 +14399,7 @@ function create_if_block$4(ctx) {
|
|
|
14304
14399
|
this.h();
|
|
14305
14400
|
},
|
|
14306
14401
|
h() {
|
|
14307
|
-
attr(div, "class", "button-icon svelte-
|
|
14402
|
+
attr(div, "class", "button-icon svelte-bo01kn");
|
|
14308
14403
|
},
|
|
14309
14404
|
m(target, anchor) {
|
|
14310
14405
|
insert_hydration(target, div, anchor);
|
|
@@ -14316,7 +14411,7 @@ function create_if_block$4(ctx) {
|
|
|
14316
14411
|
|
|
14317
14412
|
if (dirty & /*props*/ 1) icon_changes.props = {
|
|
14318
14413
|
variant: /*props*/ ctx[0].iconVariant,
|
|
14319
|
-
color:
|
|
14414
|
+
color: /*props*/ ctx[0].color ?? /*buttonThemeStyle*/ ctx[3].color
|
|
14320
14415
|
};
|
|
14321
14416
|
|
|
14322
14417
|
icon.$set(icon_changes);
|
|
@@ -14341,7 +14436,7 @@ function create_fragment$7(ctx) {
|
|
|
14341
14436
|
let button;
|
|
14342
14437
|
let t0;
|
|
14343
14438
|
let span;
|
|
14344
|
-
let t1_value = /*props*/ ctx[0].label + "";
|
|
14439
|
+
let t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "";
|
|
14345
14440
|
let t1;
|
|
14346
14441
|
let current;
|
|
14347
14442
|
let mounted;
|
|
@@ -14377,7 +14472,7 @@ function create_fragment$7(ctx) {
|
|
|
14377
14472
|
h() {
|
|
14378
14473
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14379
14474
|
attr(button, "style", /*style*/ ctx[2]);
|
|
14380
|
-
attr(button, "class", "button svelte-
|
|
14475
|
+
attr(button, "class", "button svelte-bo01kn");
|
|
14381
14476
|
},
|
|
14382
14477
|
m(target, anchor) {
|
|
14383
14478
|
insert_hydration(target, button, anchor);
|
|
@@ -14388,7 +14483,7 @@ function create_fragment$7(ctx) {
|
|
|
14388
14483
|
current = true;
|
|
14389
14484
|
|
|
14390
14485
|
if (!mounted) {
|
|
14391
|
-
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[
|
|
14486
|
+
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
|
|
14392
14487
|
mounted = true;
|
|
14393
14488
|
}
|
|
14394
14489
|
},
|
|
@@ -14416,7 +14511,7 @@ function create_fragment$7(ctx) {
|
|
|
14416
14511
|
check_outros();
|
|
14417
14512
|
}
|
|
14418
14513
|
|
|
14419
|
-
if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
|
|
14514
|
+
if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = (/*props*/ ctx[0].label ?? buttonPropsDefault.label) + "")) set_data(t1, t1_value);
|
|
14420
14515
|
|
|
14421
14516
|
if (!current || dirty & /*layerId*/ 2) {
|
|
14422
14517
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
|
@@ -14451,14 +14546,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14451
14546
|
let { eventValue = undefined } = $$props;
|
|
14452
14547
|
let { props = {} } = $$props;
|
|
14453
14548
|
let { layerId = '' } = $$props;
|
|
14454
|
-
|
|
14455
|
-
const getCssVariantTheme = () => {
|
|
14456
|
-
return {
|
|
14457
|
-
backgroundColor: props.backgroundColor ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].backgroundColor,
|
|
14458
|
-
color: props.color ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].color,
|
|
14459
|
-
fontWeight: props.fontWeight ?? BUTTON_VARIANTS.theme[props.theme ?? 'default'].fontWeight
|
|
14460
|
-
};
|
|
14461
|
-
};
|
|
14549
|
+
const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
|
|
14462
14550
|
|
|
14463
14551
|
function handleClick() {
|
|
14464
14552
|
if (eventName) {
|
|
@@ -14469,9 +14557,9 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14469
14557
|
}
|
|
14470
14558
|
|
|
14471
14559
|
$$self.$$set = $$props => {
|
|
14472
|
-
if ('onClick' in $$props) $$invalidate(
|
|
14473
|
-
if ('eventName' in $$props) $$invalidate(
|
|
14474
|
-
if ('eventValue' in $$props) $$invalidate(
|
|
14560
|
+
if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
|
|
14561
|
+
if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
|
|
14562
|
+
if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
|
|
14475
14563
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
14476
14564
|
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
14477
14565
|
};
|
|
@@ -14487,19 +14575,31 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
14487
14575
|
border: 0,
|
|
14488
14576
|
transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
|
|
14489
14577
|
width: props.width,
|
|
14490
|
-
|
|
14491
|
-
|
|
14492
|
-
|
|
14578
|
+
backgroundColor: props.backgroundColor ?? buttonThemeStyle.backgroundColor,
|
|
14579
|
+
color: props.color ?? buttonThemeStyle.color,
|
|
14580
|
+
fontWeight: props.fontWeight ?? buttonThemeStyle.fontWeight,
|
|
14581
|
+
...BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size],
|
|
14582
|
+
...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
|
|
14583
|
+
...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
|
|
14493
14584
|
...props.iconAngle
|
|
14494
14585
|
? { flexDirection: props.iconAngle }
|
|
14495
14586
|
: {},
|
|
14496
|
-
...
|
|
14497
|
-
...
|
|
14587
|
+
...toCssCommon(props),
|
|
14588
|
+
...toCssBorder(props)
|
|
14498
14589
|
}));
|
|
14499
14590
|
}
|
|
14500
14591
|
};
|
|
14501
14592
|
|
|
14502
|
-
return [
|
|
14593
|
+
return [
|
|
14594
|
+
props,
|
|
14595
|
+
layerId,
|
|
14596
|
+
style,
|
|
14597
|
+
buttonThemeStyle,
|
|
14598
|
+
handleClick,
|
|
14599
|
+
onClick,
|
|
14600
|
+
eventName,
|
|
14601
|
+
eventValue
|
|
14602
|
+
];
|
|
14503
14603
|
}
|
|
14504
14604
|
|
|
14505
14605
|
class Button extends SvelteComponent {
|
|
@@ -14513,9 +14613,9 @@ class Button extends SvelteComponent {
|
|
|
14513
14613
|
create_fragment$7,
|
|
14514
14614
|
safe_not_equal,
|
|
14515
14615
|
{
|
|
14516
|
-
onClick:
|
|
14517
|
-
eventName:
|
|
14518
|
-
eventValue:
|
|
14616
|
+
onClick: 5,
|
|
14617
|
+
eventName: 6,
|
|
14618
|
+
eventValue: 7,
|
|
14519
14619
|
props: 0,
|
|
14520
14620
|
layerId: 1
|
|
14521
14621
|
},
|
|
@@ -14524,37 +14624,10 @@ class Button extends SvelteComponent {
|
|
|
14524
14624
|
}
|
|
14525
14625
|
}
|
|
14526
14626
|
|
|
14527
|
-
const BUTTON_SIZE = {
|
|
14528
|
-
extra_small: 'XSmall',
|
|
14529
|
-
small: 'Small',
|
|
14530
|
-
medium: 'Medium',
|
|
14531
|
-
large: 'Large',
|
|
14532
|
-
extra_large: 'XLarge',
|
|
14533
|
-
};
|
|
14534
|
-
const BUTTON_THEME = {
|
|
14535
|
-
default: 'デフォルト',
|
|
14536
|
-
theme: 'テーマカラー',
|
|
14537
|
-
alert: 'アラート',
|
|
14538
|
-
transparent: '背景なし',
|
|
14539
|
-
};
|
|
14540
|
-
const BUTTON_ROUND = {
|
|
14541
|
-
default: 'デフォルト',
|
|
14542
|
-
none: 'なし',
|
|
14543
|
-
fulled: '円形',
|
|
14544
|
-
};
|
|
14545
|
-
const BUTTON_LINK_TARGET = {
|
|
14546
|
-
_self: '画面内遷移',
|
|
14547
|
-
_blank: '別タブで開く',
|
|
14548
|
-
};
|
|
14549
|
-
const BUTTON_ICON_ANGLE = {
|
|
14550
|
-
row: '左側',
|
|
14551
|
-
'row-reverse': '右側',
|
|
14552
|
-
};
|
|
14553
|
-
|
|
14554
14627
|
/* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
|
|
14555
14628
|
|
|
14556
14629
|
function add_css$6(target) {
|
|
14557
|
-
append_styles(target, "svelte-
|
|
14630
|
+
append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
14558
14631
|
}
|
|
14559
14632
|
|
|
14560
14633
|
// (103:4) {#if props.isIcon && props.iconVariant}
|
|
@@ -14586,7 +14659,7 @@ function create_if_block$3(ctx) {
|
|
|
14586
14659
|
this.h();
|
|
14587
14660
|
},
|
|
14588
14661
|
h() {
|
|
14589
|
-
attr(div, "class", "flex-text-button-icon svelte-
|
|
14662
|
+
attr(div, "class", "flex-text-button-icon svelte-2imv7z");
|
|
14590
14663
|
},
|
|
14591
14664
|
m(target, anchor) {
|
|
14592
14665
|
insert_hydration(target, div, anchor);
|
|
@@ -14659,7 +14732,7 @@ function create_fragment$6(ctx) {
|
|
|
14659
14732
|
h() {
|
|
14660
14733
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14661
14734
|
attr(button, "style", /*style*/ ctx[2]);
|
|
14662
|
-
attr(button, "class", "flex-text-button svelte-
|
|
14735
|
+
attr(button, "class", "flex-text-button svelte-2imv7z");
|
|
14663
14736
|
},
|
|
14664
14737
|
m(target, anchor) {
|
|
14665
14738
|
insert_hydration(target, button, anchor);
|
|
@@ -14896,7 +14969,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
|
14896
14969
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
14897
14970
|
|
|
14898
14971
|
function add_css$5(target) {
|
|
14899
|
-
append_styles(target, "svelte-
|
|
14972
|
+
append_styles(target, "svelte-1l8m1e9", ".close.svelte-1l8m1e9{position:absolute;top:8px;right:8px}.close-button-row.svelte-1l8m1e9{display:flex;flex-direction:row;align-items:center;gap:4px}.close-button.svelte-1l8m1e9{display:inline-flex;align-items:center;justify-content:center;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-1l8m1e9:hover{transform:rotate(90deg)}.close-button-order-one.svelte-1l8m1e9{order:1}.close-button-order-two.svelte-1l8m1e9{order:2}.close-button-label.svelte-1l8m1e9{color:var(--close-button-label-color, '#ccc')}");
|
|
14900
14973
|
}
|
|
14901
14974
|
|
|
14902
14975
|
// (99:4) {#if hasLabel}
|
|
@@ -14922,7 +14995,7 @@ function create_if_block$2(ctx) {
|
|
|
14922
14995
|
|
|
14923
14996
|
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[8]
|
|
14924
14997
|
? 'close-button-order-one'
|
|
14925
|
-
: '') + " svelte-
|
|
14998
|
+
: '') + " svelte-1l8m1e9");
|
|
14926
14999
|
},
|
|
14927
15000
|
m(target, anchor) {
|
|
14928
15001
|
insert_hydration(target, span, anchor);
|
|
@@ -15020,9 +15093,9 @@ function create_fragment$5(ctx) {
|
|
|
15020
15093
|
attr(svg, "viewBox", "0 0 50 50");
|
|
15021
15094
|
attr(svg, "fill", /*color*/ ctx[6]);
|
|
15022
15095
|
set_attributes(button, button_data);
|
|
15023
|
-
toggle_class(button, "svelte-
|
|
15024
|
-
attr(div0, "class", "close-button-row svelte-
|
|
15025
|
-
attr(div1, "class", "close svelte-
|
|
15096
|
+
toggle_class(button, "svelte-1l8m1e9", true);
|
|
15097
|
+
attr(div0, "class", "close-button-row svelte-1l8m1e9");
|
|
15098
|
+
attr(div1, "class", "close svelte-1l8m1e9");
|
|
15026
15099
|
attr(div1, "style", /*rootStyle*/ ctx[3]);
|
|
15027
15100
|
},
|
|
15028
15101
|
m(target, anchor) {
|
|
@@ -15048,7 +15121,7 @@ function create_fragment$5(ctx) {
|
|
|
15048
15121
|
dataAttrStopPropagation('click')
|
|
15049
15122
|
]));
|
|
15050
15123
|
|
|
15051
|
-
toggle_class(button, "svelte-
|
|
15124
|
+
toggle_class(button, "svelte-1l8m1e9", true);
|
|
15052
15125
|
|
|
15053
15126
|
if (/*hasLabel*/ ctx[4]) {
|
|
15054
15127
|
if (if_block) {
|
|
@@ -15199,7 +15272,7 @@ class CloseButton extends SvelteComponent {
|
|
|
15199
15272
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
|
15200
15273
|
|
|
15201
15274
|
function add_css$4(target) {
|
|
15202
|
-
append_styles(target, "svelte-
|
|
15275
|
+
append_styles(target, "svelte-52a988", ".image.svelte-52a988{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-52a988{width:100%;overflow:hidden}.image-img.svelte-52a988{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
|
|
15203
15276
|
}
|
|
15204
15277
|
|
|
15205
15278
|
function create_fragment$4(ctx) {
|
|
@@ -15234,11 +15307,11 @@ function create_fragment$4(ctx) {
|
|
|
15234
15307
|
h() {
|
|
15235
15308
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
15236
15309
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
15237
|
-
attr(img, "class", "image-img svelte-
|
|
15310
|
+
attr(img, "class", "image-img svelte-52a988");
|
|
15238
15311
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
|
15239
|
-
attr(object, "class", "image-object svelte-
|
|
15312
|
+
attr(object, "class", "image-object svelte-52a988");
|
|
15240
15313
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
15241
|
-
attr(div, "class", "image svelte-
|
|
15314
|
+
attr(div, "class", "image svelte-52a988");
|
|
15242
15315
|
attr(div, "style", /*style*/ ctx[3]);
|
|
15243
15316
|
},
|
|
15244
15317
|
m(target, anchor) {
|
|
@@ -15312,7 +15385,7 @@ class Image extends SvelteComponent {
|
|
|
15312
15385
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
15313
15386
|
|
|
15314
15387
|
function add_css$3(target) {
|
|
15315
|
-
append_styles(target, "svelte-
|
|
15388
|
+
append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
|
|
15316
15389
|
}
|
|
15317
15390
|
|
|
15318
15391
|
function create_fragment$3(ctx) {
|
|
@@ -15341,7 +15414,7 @@ function create_fragment$3(ctx) {
|
|
|
15341
15414
|
},
|
|
15342
15415
|
h() {
|
|
15343
15416
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15344
|
-
attr(div, "class", "layout svelte-
|
|
15417
|
+
attr(div, "class", "layout svelte-1g6q4hu");
|
|
15345
15418
|
attr(div, "style", /*style*/ ctx[1]);
|
|
15346
15419
|
},
|
|
15347
15420
|
m(target, anchor) {
|
|
@@ -15446,22 +15519,27 @@ const TEXT_VARIANTS = {
|
|
|
15446
15519
|
extra_small: {
|
|
15447
15520
|
fontSize: '10px',
|
|
15448
15521
|
lineHeight: 1.7,
|
|
15522
|
+
fontWeight: 'normal',
|
|
15449
15523
|
},
|
|
15450
15524
|
small: {
|
|
15451
15525
|
fontSize: '12px',
|
|
15452
15526
|
lineHeight: 1.7,
|
|
15527
|
+
fontWeight: 'normal',
|
|
15453
15528
|
},
|
|
15454
15529
|
medium: {
|
|
15455
15530
|
fontSize: '14px',
|
|
15456
15531
|
lineHeight: 1.7,
|
|
15532
|
+
fontWeight: 'normal',
|
|
15457
15533
|
},
|
|
15458
15534
|
large: {
|
|
15459
15535
|
fontSize: '16px',
|
|
15460
15536
|
lineHeight: 1.7,
|
|
15537
|
+
fontWeight: 'normal',
|
|
15461
15538
|
},
|
|
15462
15539
|
extra_large: {
|
|
15463
15540
|
fontSize: '18px',
|
|
15464
15541
|
lineHeight: 1.7,
|
|
15542
|
+
fontWeight: 'normal',
|
|
15465
15543
|
},
|
|
15466
15544
|
heading_extra_small: {
|
|
15467
15545
|
fontSize: '14px',
|
|
@@ -15494,7 +15572,7 @@ const TEXT_VARIANTS = {
|
|
|
15494
15572
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
|
15495
15573
|
|
|
15496
15574
|
function add_css$2(target) {
|
|
15497
|
-
append_styles(target, "svelte-
|
|
15575
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
|
15498
15576
|
}
|
|
15499
15577
|
|
|
15500
15578
|
function create_fragment$2(ctx) {
|
|
@@ -15518,7 +15596,7 @@ function create_fragment$2(ctx) {
|
|
|
15518
15596
|
},
|
|
15519
15597
|
h() {
|
|
15520
15598
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15521
|
-
attr(p, "class", "text svelte-
|
|
15599
|
+
attr(p, "class", "text svelte-1vl0c87");
|
|
15522
15600
|
attr(p, "style", /*style*/ ctx[1]);
|
|
15523
15601
|
},
|
|
15524
15602
|
m(target, anchor) {
|
|
@@ -15594,8 +15672,6 @@ class Text extends SvelteComponent {
|
|
|
15594
15672
|
}
|
|
15595
15673
|
}
|
|
15596
15674
|
|
|
15597
|
-
const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
|
|
15598
|
-
const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
|
|
15599
15675
|
const LAYER_TEXT_SIZE = {
|
|
15600
15676
|
extra_small: 'ExtraSmall',
|
|
15601
15677
|
small: 'Small',
|
|
@@ -15612,7 +15688,7 @@ const LAYER_TEXT_SIZE = {
|
|
|
15612
15688
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
15613
15689
|
|
|
15614
15690
|
function add_css$1(target) {
|
|
15615
|
-
append_styles(target, "svelte-
|
|
15691
|
+
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}");
|
|
15616
15692
|
}
|
|
15617
15693
|
|
|
15618
15694
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -15633,7 +15709,7 @@ function create_if_block$1(ctx) {
|
|
|
15633
15709
|
this.h();
|
|
15634
15710
|
},
|
|
15635
15711
|
h() {
|
|
15636
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
15712
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
|
15637
15713
|
},
|
|
15638
15714
|
m(target, anchor) {
|
|
15639
15715
|
insert_hydration(target, div, anchor);
|
|
@@ -15644,7 +15720,7 @@ function create_if_block$1(ctx) {
|
|
|
15644
15720
|
}
|
|
15645
15721
|
},
|
|
15646
15722
|
p(ctx, dirty) {
|
|
15647
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
15723
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
|
15648
15724
|
attr(div, "class", div_class_value);
|
|
15649
15725
|
}
|
|
15650
15726
|
},
|
|
@@ -15720,7 +15796,7 @@ class BackgroundOverlay extends SvelteComponent {
|
|
|
15720
15796
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
|
15721
15797
|
|
|
15722
15798
|
function add_css(target) {
|
|
15723
|
-
append_styles(target, "svelte-
|
|
15799
|
+
append_styles(target, "svelte-5997yi", ".modal.svelte-5997yi{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-5997yi > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-5997yi{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-5997yi{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}}");
|
|
15724
15800
|
}
|
|
15725
15801
|
|
|
15726
15802
|
// (253:0) {:else}
|
|
@@ -15886,7 +15962,7 @@ function create_if_block(ctx) {
|
|
|
15886
15962
|
this.h();
|
|
15887
15963
|
},
|
|
15888
15964
|
h() {
|
|
15889
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
15965
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"));
|
|
15890
15966
|
attr(div, "role", "dialog");
|
|
15891
15967
|
attr(div, "aria-modal", "true");
|
|
15892
15968
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[12]).join(';'));
|
|
@@ -15919,7 +15995,7 @@ function create_if_block(ctx) {
|
|
|
15919
15995
|
}
|
|
15920
15996
|
}
|
|
15921
15997
|
|
|
15922
|
-
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
15998
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-5997yi"))) {
|
|
15923
15999
|
attr(div, "class", div_class_value);
|
|
15924
16000
|
}
|
|
15925
16001
|
},
|
|
@@ -16359,4 +16435,57 @@ class Modal extends SvelteComponent {
|
|
|
16359
16435
|
}
|
|
16360
16436
|
}
|
|
16361
16437
|
|
|
16362
|
-
|
|
16438
|
+
const SHADOW_STYLES = {
|
|
16439
|
+
extra_small: {
|
|
16440
|
+
boxShadow: '0 1px 2px 0 rgba(0,0,0,0.1)',
|
|
16441
|
+
},
|
|
16442
|
+
small: {
|
|
16443
|
+
boxShadow: '0 2px 4px 1px rgba(0,0,0,0.1)',
|
|
16444
|
+
},
|
|
16445
|
+
medium: {
|
|
16446
|
+
boxShadow: '0px 4px 8px 2px rgba(0,0,0,0.1)',
|
|
16447
|
+
},
|
|
16448
|
+
large: {
|
|
16449
|
+
boxShadow: '0px 8px 16px 4px rgba(0,0,0,0.1)',
|
|
16450
|
+
},
|
|
16451
|
+
};
|
|
16452
|
+
const ROUND_STYLES = {
|
|
16453
|
+
extra_small: {
|
|
16454
|
+
borderTopLeftRadius: '2px',
|
|
16455
|
+
borderTopRightRadius: '2px',
|
|
16456
|
+
borderBottomLeftRadius: '2px',
|
|
16457
|
+
borderBottomRightRadius: '2px',
|
|
16458
|
+
},
|
|
16459
|
+
small: {
|
|
16460
|
+
borderTopLeftRadius: '4px',
|
|
16461
|
+
borderTopRightRadius: '4px',
|
|
16462
|
+
borderBottomLeftRadius: '4px',
|
|
16463
|
+
borderBottomRightRadius: '4px',
|
|
16464
|
+
},
|
|
16465
|
+
medium: {
|
|
16466
|
+
borderTopLeftRadius: '8px',
|
|
16467
|
+
borderTopRightRadius: '8px',
|
|
16468
|
+
borderBottomLeftRadius: '8px',
|
|
16469
|
+
borderBottomRightRadius: '8px',
|
|
16470
|
+
},
|
|
16471
|
+
large: {
|
|
16472
|
+
borderTopLeftRadius: '16px',
|
|
16473
|
+
borderTopRightRadius: '16px',
|
|
16474
|
+
borderBottomLeftRadius: '16px',
|
|
16475
|
+
borderBottomRightRadius: '16px',
|
|
16476
|
+
},
|
|
16477
|
+
extra_large: {
|
|
16478
|
+
borderTopLeftRadius: '24px',
|
|
16479
|
+
borderTopRightRadius: '24px',
|
|
16480
|
+
borderBottomLeftRadius: '24px',
|
|
16481
|
+
borderBottomRightRadius: '24px',
|
|
16482
|
+
},
|
|
16483
|
+
fulled: {
|
|
16484
|
+
borderTopLeftRadius: '100%',
|
|
16485
|
+
borderTopRightRadius: '100%',
|
|
16486
|
+
borderBottomLeftRadius: '100%',
|
|
16487
|
+
borderBottomRightRadius: '100%',
|
|
16488
|
+
},
|
|
16489
|
+
};
|
|
16490
|
+
|
|
16491
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_VARIANTS, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|