@plaidev/karte-action-sdk 1.1.234 → 1.1.235-28695399.37fa4bea
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.js +294 -233
- package/dist/index.es.js +295 -234
- package/package.json +1 -1
- package/meta/karte-action-sdk.api.json +0 -6318
package/dist/hydrate/index.es.js
CHANGED
@@ -3025,7 +3025,7 @@ class State extends SvelteComponent {
|
|
3025
3025
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3026
3026
|
|
3027
3027
|
function add_css$E(target) {
|
3028
|
-
append_styles(target, "svelte-
|
3028
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
3029
3029
|
}
|
3030
3030
|
|
3031
3031
|
// (23:0) {#if $state === path}
|
@@ -3052,7 +3052,7 @@ function create_if_block$c(ctx) {
|
|
3052
3052
|
},
|
3053
3053
|
h() {
|
3054
3054
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
3055
|
-
attr(div, "class", "state-item svelte-
|
3055
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
3056
3056
|
},
|
3057
3057
|
m(target, anchor) {
|
3058
3058
|
insert_hydration(target, div, anchor);
|
@@ -3319,7 +3319,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3319
3319
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3320
3320
|
|
3321
3321
|
function add_css$D(target) {
|
3322
|
-
append_styles(target, "svelte-
|
3322
|
+
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}");
|
3323
3323
|
}
|
3324
3324
|
|
3325
3325
|
// (14:0) {#if backgroundOverlay}
|
@@ -3340,7 +3340,7 @@ function create_if_block$b(ctx) {
|
|
3340
3340
|
this.h();
|
3341
3341
|
},
|
3342
3342
|
h() {
|
3343
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
3343
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
3344
3344
|
},
|
3345
3345
|
m(target, anchor) {
|
3346
3346
|
insert_hydration(target, div, anchor);
|
@@ -3351,7 +3351,7 @@ function create_if_block$b(ctx) {
|
|
3351
3351
|
}
|
3352
3352
|
},
|
3353
3353
|
p(ctx, dirty) {
|
3354
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
3354
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
3355
3355
|
attr(div, "class", div_class_value);
|
3356
3356
|
}
|
3357
3357
|
},
|
@@ -3461,7 +3461,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3461
3461
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3462
3462
|
|
3463
3463
|
function add_css$C(target) {
|
3464
|
-
append_styles(target, "svelte-
|
3464
|
+
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}");
|
3465
3465
|
}
|
3466
3466
|
|
3467
3467
|
// (50:0) {:else}
|
@@ -3500,7 +3500,7 @@ function create_else_block$5(ctx) {
|
|
3500
3500
|
},
|
3501
3501
|
h() {
|
3502
3502
|
set_attributes(button, button_data);
|
3503
|
-
toggle_class(button, "svelte-
|
3503
|
+
toggle_class(button, "svelte-15k4deh", true);
|
3504
3504
|
},
|
3505
3505
|
m(target, anchor) {
|
3506
3506
|
insert_hydration(target, button, anchor);
|
@@ -3539,7 +3539,7 @@ function create_else_block$5(ctx) {
|
|
3539
3539
|
dataAttrStopPropagation('click')
|
3540
3540
|
]));
|
3541
3541
|
|
3542
|
-
toggle_class(button, "svelte-
|
3542
|
+
toggle_class(button, "svelte-15k4deh", true);
|
3543
3543
|
},
|
3544
3544
|
i(local) {
|
3545
3545
|
if (current) return;
|
@@ -3580,7 +3580,7 @@ function create_if_block_2$2(ctx) {
|
|
3580
3580
|
this.h();
|
3581
3581
|
},
|
3582
3582
|
h() {
|
3583
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
3583
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
3584
3584
|
attr(div, "style", /*style*/ ctx[1]);
|
3585
3585
|
},
|
3586
3586
|
m(target, anchor) {
|
@@ -3680,7 +3680,7 @@ function create_if_block_1$3(ctx) {
|
|
3680
3680
|
},
|
3681
3681
|
h() {
|
3682
3682
|
set_attributes(a, a_data);
|
3683
|
-
toggle_class(a, "svelte-
|
3683
|
+
toggle_class(a, "svelte-15k4deh", true);
|
3684
3684
|
},
|
3685
3685
|
m(target, anchor) {
|
3686
3686
|
insert_hydration(target, a, anchor);
|
@@ -3722,7 +3722,7 @@ function create_if_block_1$3(ctx) {
|
|
3722
3722
|
dataAttrStopPropagation('click')
|
3723
3723
|
]));
|
3724
3724
|
|
3725
|
-
toggle_class(a, "svelte-
|
3725
|
+
toggle_class(a, "svelte-15k4deh", true);
|
3726
3726
|
},
|
3727
3727
|
i(local) {
|
3728
3728
|
if (current) return;
|
@@ -3763,7 +3763,7 @@ function create_if_block$a(ctx) {
|
|
3763
3763
|
this.h();
|
3764
3764
|
},
|
3765
3765
|
h() {
|
3766
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
3766
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
3767
3767
|
attr(div, "style", /*style*/ ctx[1]);
|
3768
3768
|
},
|
3769
3769
|
m(target, anchor) {
|
@@ -3971,7 +3971,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
3971
3971
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
3972
3972
|
|
3973
3973
|
function add_css$B(target) {
|
3974
|
-
append_styles(target, "svelte-
|
3974
|
+
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}}");
|
3975
3975
|
}
|
3976
3976
|
|
3977
3977
|
// (277:0) {:else}
|
@@ -4146,7 +4146,7 @@ function create_if_block$9(ctx) {
|
|
4146
4146
|
this.h();
|
4147
4147
|
},
|
4148
4148
|
h() {
|
4149
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
4149
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
4150
4150
|
attr(div, "role", "dialog");
|
4151
4151
|
attr(div, "aria-modal", "true");
|
4152
4152
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
@@ -4170,7 +4170,7 @@ function create_if_block$9(ctx) {
|
|
4170
4170
|
|
4171
4171
|
button.$set(button_changes);
|
4172
4172
|
|
4173
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
4173
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
4174
4174
|
attr(div, "class", div_class_value);
|
4175
4175
|
}
|
4176
4176
|
},
|
@@ -4234,7 +4234,7 @@ function create_if_block_1$2(ctx) {
|
|
4234
4234
|
this.h();
|
4235
4235
|
},
|
4236
4236
|
h() {
|
4237
|
-
attr(div, "class", "close svelte-
|
4237
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
4238
4238
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
4239
4239
|
},
|
4240
4240
|
m(target, anchor) {
|
@@ -4359,7 +4359,7 @@ function create_default_slot$6(ctx) {
|
|
4359
4359
|
this.h();
|
4360
4360
|
},
|
4361
4361
|
h() {
|
4362
|
-
attr(div, "class", "modal-content svelte-
|
4362
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
4363
4363
|
attr(div, "style", /*_style*/ ctx[5]);
|
4364
4364
|
},
|
4365
4365
|
m(target, anchor) {
|
@@ -4996,7 +4996,7 @@ class Grid extends SvelteComponent {
|
|
4996
4996
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4997
4997
|
|
4998
4998
|
function add_css$A(target) {
|
4999
|
-
append_styles(target, "svelte-
|
4999
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
5000
5000
|
}
|
5001
5001
|
|
5002
5002
|
function create_fragment$10(ctx) {
|
@@ -5030,8 +5030,8 @@ function create_fragment$10(ctx) {
|
|
5030
5030
|
this.h();
|
5031
5031
|
},
|
5032
5032
|
h() {
|
5033
|
-
attr(div0, "class", "grid-item-inner svelte-
|
5034
|
-
attr(div1, "class", "grid-item svelte-
|
5033
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
5034
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
5035
5035
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
5036
5036
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
5037
5037
|
attr(div1, "style", /*_style*/ ctx[1]);
|
@@ -5353,7 +5353,7 @@ class RenderText extends SvelteComponent {
|
|
5353
5353
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5354
5354
|
|
5355
5355
|
function add_css$z(target) {
|
5356
|
-
append_styles(target, "svelte-
|
5356
|
+
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}");
|
5357
5357
|
}
|
5358
5358
|
|
5359
5359
|
// (94:2) {:else}
|
@@ -5383,8 +5383,8 @@ function create_else_block$2(ctx) {
|
|
5383
5383
|
this.h();
|
5384
5384
|
},
|
5385
5385
|
h() {
|
5386
|
-
attr(div0, "class", "text-element-inner svelte-
|
5387
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
5386
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
5387
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
5388
5388
|
attr(div1, "style", /*style*/ ctx[5]);
|
5389
5389
|
},
|
5390
5390
|
m(target, anchor) {
|
@@ -5398,7 +5398,7 @@ function create_else_block$2(ctx) {
|
|
5398
5398
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
5399
5399
|
rendertext.$set(rendertext_changes);
|
5400
5400
|
|
5401
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
5401
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
5402
5402
|
attr(div1, "class", div1_class_value);
|
5403
5403
|
}
|
5404
5404
|
|
@@ -5473,12 +5473,12 @@ function create_if_block$7(ctx) {
|
|
5473
5473
|
this.h();
|
5474
5474
|
},
|
5475
5475
|
h() {
|
5476
|
-
attr(div0, "class", "text-element-inner svelte-
|
5476
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
5477
5477
|
attr(a, "href", '');
|
5478
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
5478
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
5479
5479
|
attr(a, "style", /*style*/ ctx[5]);
|
5480
|
-
attr(div1, "class", "tooltip svelte-
|
5481
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
5480
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
5481
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
5482
5482
|
},
|
5483
5483
|
m(target, anchor) {
|
5484
5484
|
insert_hydration(target, a, anchor);
|
@@ -5504,7 +5504,7 @@ function create_if_block$7(ctx) {
|
|
5504
5504
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
5505
5505
|
rendertext.$set(rendertext_changes);
|
5506
5506
|
|
5507
|
-
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-
|
5507
|
+
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"))) {
|
5508
5508
|
attr(a, "class", a_class_value);
|
5509
5509
|
}
|
5510
5510
|
|
@@ -5566,7 +5566,7 @@ function create_fragment$_(ctx) {
|
|
5566
5566
|
this.h();
|
5567
5567
|
},
|
5568
5568
|
h() {
|
5569
|
-
attr(div, "class", "text-element-wrapper svelte-
|
5569
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
5570
5570
|
},
|
5571
5571
|
m(target, anchor) {
|
5572
5572
|
insert_hydration(target, div, anchor);
|
@@ -5732,7 +5732,7 @@ class TextElement extends SvelteComponent {
|
|
5732
5732
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5733
5733
|
|
5734
5734
|
function add_css$y(target) {
|
5735
|
-
append_styles(target, "svelte-
|
5735
|
+
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)}");
|
5736
5736
|
}
|
5737
5737
|
|
5738
5738
|
// (48:2) <Button {onClick} {style} {eventName}>
|
@@ -5801,7 +5801,7 @@ function create_fragment$Z(ctx) {
|
|
5801
5801
|
this.h();
|
5802
5802
|
},
|
5803
5803
|
h() {
|
5804
|
-
attr(div, "class", "text-button-element svelte-
|
5804
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
5805
5805
|
},
|
5806
5806
|
m(target, anchor) {
|
5807
5807
|
insert_hydration(target, div, anchor);
|
@@ -5893,7 +5893,7 @@ class TextButtonElement extends SvelteComponent {
|
|
5893
5893
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5894
5894
|
|
5895
5895
|
function add_css$x(target) {
|
5896
|
-
append_styles(target, "svelte-
|
5896
|
+
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%}");
|
5897
5897
|
}
|
5898
5898
|
|
5899
5899
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
@@ -5921,7 +5921,7 @@ function create_default_slot$4(ctx) {
|
|
5921
5921
|
this.h();
|
5922
5922
|
},
|
5923
5923
|
h() {
|
5924
|
-
attr(img, "class", "image svelte-
|
5924
|
+
attr(img, "class", "image svelte-t6tu0e");
|
5925
5925
|
attr(img, "loading", "lazy");
|
5926
5926
|
attr(img, "width", "auto");
|
5927
5927
|
attr(img, "height", "auto");
|
@@ -5993,7 +5993,7 @@ function create_fragment$Y(ctx) {
|
|
5993
5993
|
this.h();
|
5994
5994
|
},
|
5995
5995
|
h() {
|
5996
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
5996
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
5997
5997
|
},
|
5998
5998
|
m(target, anchor) {
|
5999
5999
|
insert_hydration(target, div, anchor);
|
@@ -6012,7 +6012,7 @@ function create_fragment$Y(ctx) {
|
|
6012
6012
|
|
6013
6013
|
button.$set(button_changes);
|
6014
6014
|
|
6015
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
6015
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
6016
6016
|
attr(div, "class", div_class_value);
|
6017
6017
|
}
|
6018
6018
|
},
|
@@ -6084,7 +6084,7 @@ class ImageElement extends SvelteComponent {
|
|
6084
6084
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
6085
6085
|
|
6086
6086
|
function add_css$w(target) {
|
6087
|
-
append_styles(target, "svelte-
|
6087
|
+
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}");
|
6088
6088
|
}
|
6089
6089
|
|
6090
6090
|
function create_fragment$X(ctx) {
|
@@ -6107,7 +6107,7 @@ function create_fragment$X(ctx) {
|
|
6107
6107
|
this.h();
|
6108
6108
|
},
|
6109
6109
|
h() {
|
6110
|
-
attr(div, "class", "list svelte-
|
6110
|
+
attr(div, "class", "list svelte-aquv6z");
|
6111
6111
|
attr(div, "style", /*style*/ ctx[0]);
|
6112
6112
|
},
|
6113
6113
|
m(target, anchor) {
|
@@ -6241,7 +6241,7 @@ class List extends SvelteComponent {
|
|
6241
6241
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6242
6242
|
|
6243
6243
|
function add_css$v(target) {
|
6244
|
-
append_styles(target, "svelte-
|
6244
|
+
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}");
|
6245
6245
|
}
|
6246
6246
|
|
6247
6247
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
@@ -6324,7 +6324,7 @@ function create_fragment$W(ctx) {
|
|
6324
6324
|
this.h();
|
6325
6325
|
},
|
6326
6326
|
h() {
|
6327
|
-
attr(div, "class", "list-item svelte-
|
6327
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
6328
6328
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
6329
6329
|
},
|
6330
6330
|
m(target, anchor) {
|
@@ -6450,7 +6450,7 @@ class ListItem extends SvelteComponent {
|
|
6450
6450
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6451
6451
|
|
6452
6452
|
function add_css$u(target) {
|
6453
|
-
append_styles(target, "svelte-
|
6453
|
+
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}");
|
6454
6454
|
}
|
6455
6455
|
|
6456
6456
|
function create_fragment$V(ctx) {
|
@@ -6468,7 +6468,7 @@ function create_fragment$V(ctx) {
|
|
6468
6468
|
this.h();
|
6469
6469
|
},
|
6470
6470
|
h() {
|
6471
|
-
attr(div, "class", "embed svelte-
|
6471
|
+
attr(div, "class", "embed svelte-wocq4p");
|
6472
6472
|
attr(div, "style", /*_style*/ ctx[1]);
|
6473
6473
|
},
|
6474
6474
|
m(target, anchor) {
|
@@ -6511,7 +6511,7 @@ class EmbedElement extends SvelteComponent {
|
|
6511
6511
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6512
6512
|
|
6513
6513
|
function add_css$t(target) {
|
6514
|
-
append_styles(target, "svelte-
|
6514
|
+
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%}");
|
6515
6515
|
}
|
6516
6516
|
|
6517
6517
|
function create_fragment$U(ctx) {
|
@@ -6534,7 +6534,7 @@ function create_fragment$U(ctx) {
|
|
6534
6534
|
},
|
6535
6535
|
h() {
|
6536
6536
|
attr(div0, "class", "karte-player");
|
6537
|
-
attr(div1, "class", "embed svelte-
|
6537
|
+
attr(div1, "class", "embed svelte-vikz49");
|
6538
6538
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6539
6539
|
},
|
6540
6540
|
m(target, anchor) {
|
@@ -6876,7 +6876,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6876
6876
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6877
6877
|
|
6878
6878
|
function add_css$s(target) {
|
6879
|
-
append_styles(target, "svelte-
|
6879
|
+
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%}");
|
6880
6880
|
}
|
6881
6881
|
|
6882
6882
|
function create_fragment$T(ctx) {
|
@@ -6899,7 +6899,7 @@ function create_fragment$T(ctx) {
|
|
6899
6899
|
},
|
6900
6900
|
h() {
|
6901
6901
|
attr(div0, "class", "karte-player");
|
6902
|
-
attr(div1, "class", "embed svelte-
|
6902
|
+
attr(div1, "class", "embed svelte-vikz49");
|
6903
6903
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6904
6904
|
},
|
6905
6905
|
m(target, anchor) {
|
@@ -7083,7 +7083,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
7083
7083
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
7084
7084
|
|
7085
7085
|
function add_css$r(target) {
|
7086
|
-
append_styles(target, "svelte-
|
7086
|
+
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}");
|
7087
7087
|
}
|
7088
7088
|
|
7089
7089
|
function create_fragment$S(ctx) {
|
@@ -7113,12 +7113,12 @@ function create_fragment$S(ctx) {
|
|
7113
7113
|
this.h();
|
7114
7114
|
},
|
7115
7115
|
h() {
|
7116
|
-
attr(textarea, "class", "textarea svelte-
|
7116
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
7117
7117
|
textarea.value = /*$value*/ ctx[4];
|
7118
7118
|
textarea.required = /*required*/ ctx[1];
|
7119
7119
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
7120
7120
|
attr(textarea, "style", /*style*/ ctx[3]);
|
7121
|
-
attr(div, "class", "textarea-wrapper svelte-
|
7121
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
7122
7122
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
7123
7123
|
},
|
7124
7124
|
m(target, anchor) {
|
@@ -7270,7 +7270,7 @@ class FormTextarea extends SvelteComponent {
|
|
7270
7270
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7271
7271
|
|
7272
7272
|
function add_css$q(target) {
|
7273
|
-
append_styles(target, "svelte-
|
7273
|
+
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}");
|
7274
7274
|
}
|
7275
7275
|
|
7276
7276
|
function get_each_context$5(ctx, list, i) {
|
@@ -7327,14 +7327,14 @@ function create_each_block$5(ctx) {
|
|
7327
7327
|
},
|
7328
7328
|
h() {
|
7329
7329
|
attr(input, "type", "radio");
|
7330
|
-
attr(input, "class", "radio-button-input svelte-
|
7330
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
7331
7331
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
7332
7332
|
attr(input, "name", /*name*/ ctx[0]);
|
7333
7333
|
input.value = input_value_value = /*option*/ ctx[17];
|
7334
7334
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
7335
|
-
attr(span, "class", "radio-button-text svelte-
|
7335
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
7336
7336
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
7337
|
-
attr(label, "class", "radio-button svelte-
|
7337
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
7338
7338
|
},
|
7339
7339
|
m(target, anchor) {
|
7340
7340
|
insert_hydration(target, label, anchor);
|
@@ -7413,7 +7413,7 @@ function create_fragment$R(ctx) {
|
|
7413
7413
|
this.h();
|
7414
7414
|
},
|
7415
7415
|
h() {
|
7416
|
-
attr(div, "class", "radio-buttons svelte-
|
7416
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
7417
7417
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7418
7418
|
},
|
7419
7419
|
m(target, anchor) {
|
@@ -7582,7 +7582,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
7582
7582
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7583
7583
|
|
7584
7584
|
function add_css$p(target) {
|
7585
|
-
append_styles(target, "svelte-
|
7585
|
+
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}");
|
7586
7586
|
}
|
7587
7587
|
|
7588
7588
|
function get_each_context$4(ctx, list, i) {
|
@@ -7753,10 +7753,10 @@ function create_fragment$Q(ctx) {
|
|
7753
7753
|
this.h();
|
7754
7754
|
},
|
7755
7755
|
h() {
|
7756
|
-
attr(select, "class", "select-select svelte-
|
7756
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
7757
7757
|
attr(select, "style", /*style*/ ctx[3]);
|
7758
|
-
attr(div0, "class", "select-icon svelte-
|
7759
|
-
attr(div1, "class", "select svelte-
|
7758
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
7759
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
7760
7760
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
7761
7761
|
},
|
7762
7762
|
m(target, anchor) {
|
@@ -7958,7 +7958,7 @@ class FormSelect extends SvelteComponent {
|
|
7958
7958
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7959
7959
|
|
7960
7960
|
function add_css$o(target) {
|
7961
|
-
append_styles(target, "svelte-
|
7961
|
+
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}");
|
7962
7962
|
}
|
7963
7963
|
|
7964
7964
|
function get_each_context$3(ctx, list, i) {
|
@@ -8020,19 +8020,19 @@ function create_each_block$3(ctx) {
|
|
8020
8020
|
this.h();
|
8021
8021
|
},
|
8022
8022
|
h() {
|
8023
|
-
attr(input, "class", "check-box-input svelte-
|
8023
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
8024
8024
|
attr(input, "type", "checkbox");
|
8025
8025
|
attr(input, "name", /*name*/ ctx[0]);
|
8026
8026
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
8027
|
-
attr(span0, "class", "check-box-icon svelte-
|
8027
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
8028
8028
|
|
8029
8029
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
8030
8030
|
? ' _checked'
|
8031
|
-
: ''}`) + " svelte-
|
8031
|
+
: ''}`) + " svelte-1p65cg8"));
|
8032
8032
|
|
8033
|
-
attr(span2, "class", "check-box-text svelte-
|
8033
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
8034
8034
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
8035
|
-
attr(label, "class", "check-box svelte-
|
8035
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
8036
8036
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
8037
8037
|
},
|
8038
8038
|
m(target, anchor) {
|
@@ -8064,7 +8064,7 @@ function create_each_block$3(ctx) {
|
|
8064
8064
|
|
8065
8065
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
8066
8066
|
? ' _checked'
|
8067
|
-
: ''}`) + " svelte-
|
8067
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
8068
8068
|
attr(span1, "class", span1_class_value);
|
8069
8069
|
}
|
8070
8070
|
|
@@ -8117,7 +8117,7 @@ function create_fragment$P(ctx) {
|
|
8117
8117
|
this.h();
|
8118
8118
|
},
|
8119
8119
|
h() {
|
8120
|
-
attr(div, "class", "check-boxes svelte-
|
8120
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
8121
8121
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
8122
8122
|
},
|
8123
8123
|
m(target, anchor) {
|
@@ -8292,7 +8292,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
8292
8292
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
8293
8293
|
|
8294
8294
|
function add_css$n(target) {
|
8295
|
-
append_styles(target, "svelte-
|
8295
|
+
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}");
|
8296
8296
|
}
|
8297
8297
|
|
8298
8298
|
function get_each_context$2(ctx, list, i) {
|
@@ -8327,7 +8327,7 @@ function create_each_block$2(ctx) {
|
|
8327
8327
|
this.h();
|
8328
8328
|
},
|
8329
8329
|
h() {
|
8330
|
-
attr(button, "class", "rating-button svelte-
|
8330
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
8331
8331
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
8332
8332
|
},
|
8333
8333
|
m(target, anchor) {
|
@@ -8390,7 +8390,7 @@ function create_fragment$O(ctx) {
|
|
8390
8390
|
this.h();
|
8391
8391
|
},
|
8392
8392
|
h() {
|
8393
|
-
attr(div, "class", "rating-buttons svelte-
|
8393
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
8394
8394
|
},
|
8395
8395
|
m(target, anchor) {
|
8396
8396
|
insert_hydration(target, div, anchor);
|
@@ -8534,7 +8534,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8534
8534
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8535
8535
|
|
8536
8536
|
function add_css$m(target) {
|
8537
|
-
append_styles(target, "svelte-
|
8537
|
+
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%)}");
|
8538
8538
|
}
|
8539
8539
|
|
8540
8540
|
function get_each_context$1(ctx, list, i) {
|
@@ -8570,9 +8570,9 @@ function create_each_block$1(ctx) {
|
|
8570
8570
|
},
|
8571
8571
|
h() {
|
8572
8572
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
8573
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
8573
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
8574
8574
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
8575
|
-
attr(button, "class", "rating-button svelte-
|
8575
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
8576
8576
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
8577
8577
|
},
|
8578
8578
|
m(target, anchor) {
|
@@ -8588,7 +8588,7 @@ function create_each_block$1(ctx) {
|
|
8588
8588
|
p(new_ctx, dirty) {
|
8589
8589
|
ctx = new_ctx;
|
8590
8590
|
|
8591
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
8591
|
+
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"))) {
|
8592
8592
|
attr(img, "class", img_class_value);
|
8593
8593
|
}
|
8594
8594
|
|
@@ -8635,7 +8635,7 @@ function create_fragment$N(ctx) {
|
|
8635
8635
|
this.h();
|
8636
8636
|
},
|
8637
8637
|
h() {
|
8638
|
-
attr(div, "class", "rating-buttons svelte-
|
8638
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
8639
8639
|
},
|
8640
8640
|
m(target, anchor) {
|
8641
8641
|
insert_hydration(target, div, anchor);
|
@@ -8743,7 +8743,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
8743
8743
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
8744
8744
|
|
8745
8745
|
function add_css$l(target) {
|
8746
|
-
append_styles(target, "svelte-
|
8746
|
+
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}");
|
8747
8747
|
}
|
8748
8748
|
|
8749
8749
|
function create_fragment$M(ctx) {
|
@@ -8774,13 +8774,13 @@ function create_fragment$M(ctx) {
|
|
8774
8774
|
this.h();
|
8775
8775
|
},
|
8776
8776
|
h() {
|
8777
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
8777
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
8778
8778
|
attr(input, "type", "text");
|
8779
8779
|
input.value = /*$value*/ ctx[2];
|
8780
8780
|
input.required = /*required*/ ctx[0];
|
8781
8781
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
8782
8782
|
attr(input, "style", /*style*/ ctx[5]);
|
8783
|
-
attr(div, "class", "input-wrapper svelte-
|
8783
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
8784
8784
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
8785
8785
|
},
|
8786
8786
|
m(target, anchor) {
|
@@ -8793,7 +8793,7 @@ function create_fragment$M(ctx) {
|
|
8793
8793
|
}
|
8794
8794
|
},
|
8795
8795
|
p(ctx, [dirty]) {
|
8796
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
8796
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
8797
8797
|
attr(input, "class", input_class_value);
|
8798
8798
|
}
|
8799
8799
|
|
@@ -8981,7 +8981,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8981
8981
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
8982
8982
|
|
8983
8983
|
function add_css$k(target) {
|
8984
|
-
append_styles(target, "svelte-
|
8984
|
+
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}");
|
8985
8985
|
}
|
8986
8986
|
|
8987
8987
|
function create_fragment$L(ctx) {
|
@@ -9047,20 +9047,20 @@ function create_fragment$L(ctx) {
|
|
9047
9047
|
},
|
9048
9048
|
h() {
|
9049
9049
|
attr(input0, "type", "radio");
|
9050
|
-
attr(input0, "class", "radio-button-input svelte-
|
9050
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
9051
9051
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
9052
9052
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
9053
|
-
attr(span0, "class", "radio-button-text svelte-
|
9053
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
9054
9054
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
9055
|
-
attr(label0, "class", "radio-button svelte-
|
9055
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
9056
9056
|
attr(input1, "type", "radio");
|
9057
|
-
attr(input1, "class", "radio-button-input svelte-
|
9057
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
9058
9058
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
9059
9059
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
9060
|
-
attr(span1, "class", "radio-button-text svelte-
|
9060
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
9061
9061
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
9062
|
-
attr(label1, "class", "radio-button svelte-
|
9063
|
-
attr(div, "class", "radio-buttons svelte-
|
9062
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
9063
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
9064
9064
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
9065
9065
|
},
|
9066
9066
|
m(target, anchor) {
|
@@ -9228,7 +9228,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
9228
9228
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
9229
9229
|
|
9230
9230
|
function add_css$j(target) {
|
9231
|
-
append_styles(target, "svelte-
|
9231
|
+
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%}");
|
9232
9232
|
}
|
9233
9233
|
|
9234
9234
|
function get_each_context(ctx, list, i) {
|
@@ -9274,9 +9274,9 @@ function create_if_block_1$1(ctx) {
|
|
9274
9274
|
attr(svg, "viewBox", "0 0 10 16");
|
9275
9275
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
9276
9276
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
9277
|
-
attr(button, "class", "move-button svelte-
|
9277
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
9278
9278
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
9279
|
-
attr(div, "class", "prev-button-container svelte-
|
9279
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
9280
9280
|
},
|
9281
9281
|
m(target, anchor) {
|
9282
9282
|
insert_hydration(target, div, anchor);
|
@@ -9342,9 +9342,9 @@ function create_if_block$5(ctx) {
|
|
9342
9342
|
attr(svg, "viewBox", "0 0 10 16");
|
9343
9343
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
9344
9344
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
9345
|
-
attr(button, "class", "move-button svelte-
|
9345
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
9346
9346
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
9347
|
-
attr(div, "class", "next-button-container svelte-
|
9347
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
9348
9348
|
},
|
9349
9349
|
m(target, anchor) {
|
9350
9350
|
insert_hydration(target, div, anchor);
|
@@ -9404,9 +9404,9 @@ function create_each_block(ctx) {
|
|
9404
9404
|
this.h();
|
9405
9405
|
},
|
9406
9406
|
h() {
|
9407
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
9407
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
9408
9408
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
9409
|
-
attr(button, "class", "navigation-item svelte-
|
9409
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
9410
9410
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
9411
9411
|
},
|
9412
9412
|
m(target, anchor) {
|
@@ -9512,14 +9512,14 @@ function create_fragment$K(ctx) {
|
|
9512
9512
|
this.h();
|
9513
9513
|
},
|
9514
9514
|
h() {
|
9515
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
9515
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
9516
9516
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
9517
|
-
attr(div1, "class", "container svelte-
|
9517
|
+
attr(div1, "class", "container svelte-ji1fh");
|
9518
9518
|
attr(div1, "style", /*_style*/ ctx[0]);
|
9519
|
-
attr(div2, "class", "navigation svelte-
|
9519
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
9520
9520
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
9521
9521
|
set_attributes(div3, div3_data);
|
9522
|
-
toggle_class(div3, "svelte-
|
9522
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
9523
9523
|
},
|
9524
9524
|
m(target, anchor) {
|
9525
9525
|
insert_hydration(target, div3, anchor);
|
@@ -9561,7 +9561,7 @@ function create_fragment$K(ctx) {
|
|
9561
9561
|
}
|
9562
9562
|
}
|
9563
9563
|
|
9564
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
9564
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
9565
9565
|
attr(div0, "class", div0_class_value);
|
9566
9566
|
}
|
9567
9567
|
|
@@ -9627,7 +9627,7 @@ function create_fragment$K(ctx) {
|
|
9627
9627
|
}
|
9628
9628
|
|
9629
9629
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
9630
|
-
toggle_class(div3, "svelte-
|
9630
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
9631
9631
|
},
|
9632
9632
|
i(local) {
|
9633
9633
|
if (current) return;
|
@@ -10139,7 +10139,7 @@ class Slide extends SvelteComponent {
|
|
10139
10139
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
10140
10140
|
|
10141
10141
|
function add_css$i(target) {
|
10142
|
-
append_styles(target, "svelte-
|
10142
|
+
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}");
|
10143
10143
|
}
|
10144
10144
|
|
10145
10145
|
function create_fragment$J(ctx) {
|
@@ -10167,9 +10167,9 @@ function create_fragment$J(ctx) {
|
|
10167
10167
|
this.h();
|
10168
10168
|
},
|
10169
10169
|
h() {
|
10170
|
-
attr(div0, "class", "item-inner svelte-
|
10170
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
10171
10171
|
attr(div0, "style", /*_style*/ ctx[0]);
|
10172
|
-
attr(div1, "class", "item svelte-
|
10172
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
10173
10173
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
10174
10174
|
},
|
10175
10175
|
m(target, anchor) {
|
@@ -10295,7 +10295,7 @@ class SlideItem extends SvelteComponent {
|
|
10295
10295
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
10296
10296
|
|
10297
10297
|
function add_css$h(target) {
|
10298
|
-
append_styles(target, "svelte-
|
10298
|
+
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}");
|
10299
10299
|
}
|
10300
10300
|
|
10301
10301
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
@@ -10326,9 +10326,9 @@ function create_fragment$I(ctx) {
|
|
10326
10326
|
this.h();
|
10327
10327
|
},
|
10328
10328
|
h() {
|
10329
|
-
attr(div0, "class", "countdown-inner svelte-
|
10329
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
10330
10330
|
attr(div0, "style", /*_style*/ ctx[0]);
|
10331
|
-
attr(div1, "class", "countdown svelte-
|
10331
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
10332
10332
|
},
|
10333
10333
|
m(target, anchor) {
|
10334
10334
|
insert_hydration(target, div1, anchor);
|
@@ -10458,7 +10458,7 @@ class Countdown extends SvelteComponent {
|
|
10458
10458
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
10459
10459
|
|
10460
10460
|
function add_css$g(target) {
|
10461
|
-
append_styles(target, "svelte-
|
10461
|
+
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}");
|
10462
10462
|
}
|
10463
10463
|
|
10464
10464
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
@@ -10541,7 +10541,7 @@ function create_fragment$H(ctx) {
|
|
10541
10541
|
this.h();
|
10542
10542
|
},
|
10543
10543
|
h() {
|
10544
|
-
attr(div, "class", "box svelte-
|
10544
|
+
attr(div, "class", "box svelte-1ccydfy");
|
10545
10545
|
},
|
10546
10546
|
m(target, anchor) {
|
10547
10547
|
insert_hydration(target, div, anchor);
|
@@ -10602,7 +10602,7 @@ class Box extends SvelteComponent {
|
|
10602
10602
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10603
10603
|
|
10604
10604
|
function add_css$f(target) {
|
10605
|
-
append_styles(target, "svelte-
|
10605
|
+
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)}");
|
10606
10606
|
}
|
10607
10607
|
|
10608
10608
|
// (56:4) {#if svg}
|
@@ -10706,7 +10706,7 @@ function create_fragment$G(ctx) {
|
|
10706
10706
|
this.h();
|
10707
10707
|
},
|
10708
10708
|
h() {
|
10709
|
-
attr(div, "class", "icon svelte-
|
10709
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
10710
10710
|
},
|
10711
10711
|
m(target, anchor) {
|
10712
10712
|
insert_hydration(target, div, anchor);
|
@@ -10815,7 +10815,7 @@ class IconElement extends SvelteComponent {
|
|
10815
10815
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
10816
10816
|
|
10817
10817
|
function add_css$e(target) {
|
10818
|
-
append_styles(target, "svelte-
|
10818
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
10819
10819
|
}
|
10820
10820
|
|
10821
10821
|
function create_fragment$F(ctx) {
|
@@ -10851,7 +10851,7 @@ function create_fragment$F(ctx) {
|
|
10851
10851
|
this.h();
|
10852
10852
|
},
|
10853
10853
|
h() {
|
10854
|
-
attr(div, "class", "codeElement svelte-
|
10854
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
10855
10855
|
attr(div, "style", /*style*/ ctx[3]);
|
10856
10856
|
},
|
10857
10857
|
m(target, anchor) {
|
@@ -10940,7 +10940,7 @@ class CodeElement extends SvelteComponent {
|
|
10940
10940
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
10941
10941
|
|
10942
10942
|
function add_css$d(target) {
|
10943
|
-
append_styles(target, "svelte-
|
10943
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
10944
10944
|
}
|
10945
10945
|
|
10946
10946
|
function create_fragment$E(ctx) {
|
@@ -10964,7 +10964,7 @@ function create_fragment$E(ctx) {
|
|
10964
10964
|
this.h();
|
10965
10965
|
},
|
10966
10966
|
h() {
|
10967
|
-
attr(div, "class", "flex svelte-
|
10967
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
10968
10968
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
10969
10969
|
},
|
10970
10970
|
m(target, anchor) {
|
@@ -11061,7 +11061,7 @@ class Flex extends SvelteComponent {
|
|
11061
11061
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
11062
11062
|
|
11063
11063
|
function add_css$c(target) {
|
11064
|
-
append_styles(target, "svelte-
|
11064
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
11065
11065
|
}
|
11066
11066
|
|
11067
11067
|
function create_fragment$D(ctx) {
|
@@ -11084,7 +11084,7 @@ function create_fragment$D(ctx) {
|
|
11084
11084
|
this.h();
|
11085
11085
|
},
|
11086
11086
|
h() {
|
11087
|
-
attr(div, "class", "flex-item svelte-
|
11087
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
11088
11088
|
attr(div, "style", /*style*/ ctx[0]);
|
11089
11089
|
},
|
11090
11090
|
m(target, anchor) {
|
@@ -11504,7 +11504,7 @@ class GridModalState extends SvelteComponent {
|
|
11504
11504
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
11505
11505
|
|
11506
11506
|
function add_css$b(target) {
|
11507
|
-
append_styles(target, "svelte-
|
11507
|
+
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%}");
|
11508
11508
|
}
|
11509
11509
|
|
11510
11510
|
function create_fragment$B(ctx) {
|
@@ -11533,8 +11533,8 @@ function create_fragment$B(ctx) {
|
|
11533
11533
|
this.h();
|
11534
11534
|
},
|
11535
11535
|
h() {
|
11536
|
-
attr(div0, "class", "text-block-inner svelte-
|
11537
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
11536
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
11537
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
11538
11538
|
attr(div1, "style", /*style*/ ctx[2]);
|
11539
11539
|
},
|
11540
11540
|
m(target, anchor) {
|
@@ -11548,7 +11548,7 @@ function create_fragment$B(ctx) {
|
|
11548
11548
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
11549
11549
|
rendertext.$set(rendertext_changes);
|
11550
11550
|
|
11551
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
11551
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
11552
11552
|
attr(div1, "class", div1_class_value);
|
11553
11553
|
}
|
11554
11554
|
|
@@ -11626,7 +11626,7 @@ class TextBlock extends SvelteComponent {
|
|
11626
11626
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
11627
11627
|
|
11628
11628
|
function add_css$a(target) {
|
11629
|
-
append_styles(target, "svelte-
|
11629
|
+
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)}");
|
11630
11630
|
}
|
11631
11631
|
|
11632
11632
|
function create_fragment$A(ctx) {
|
@@ -11656,9 +11656,9 @@ function create_fragment$A(ctx) {
|
|
11656
11656
|
this.h();
|
11657
11657
|
},
|
11658
11658
|
h() {
|
11659
|
-
attr(button, "class", "text-button svelte-
|
11659
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
11660
11660
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
11661
|
-
attr(div, "class", "text-button-block svelte-
|
11661
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
11662
11662
|
attr(div, "style", /*_style*/ ctx[2]);
|
11663
11663
|
},
|
11664
11664
|
m(target, anchor) {
|
@@ -11764,7 +11764,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
11764
11764
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
11765
11765
|
|
11766
11766
|
function add_css$9(target) {
|
11767
|
-
append_styles(target, "svelte-
|
11767
|
+
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)}");
|
11768
11768
|
}
|
11769
11769
|
|
11770
11770
|
function create_fragment$z(ctx) {
|
@@ -11800,14 +11800,14 @@ function create_fragment$z(ctx) {
|
|
11800
11800
|
this.h();
|
11801
11801
|
},
|
11802
11802
|
h() {
|
11803
|
-
attr(img, "class", "image svelte-
|
11803
|
+
attr(img, "class", "image svelte-1pdw891");
|
11804
11804
|
attr(img, "loading", "lazy");
|
11805
11805
|
attr(img, "width", "auto");
|
11806
11806
|
attr(img, "height", "auto");
|
11807
11807
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
11808
11808
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
11809
11809
|
attr(img, "alt", /*alt*/ ctx[1]);
|
11810
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
11810
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
11811
11811
|
attr(div, "style", /*_style*/ ctx[5]);
|
11812
11812
|
},
|
11813
11813
|
m(target, anchor) {
|
@@ -11832,7 +11832,7 @@ function create_fragment$z(ctx) {
|
|
11832
11832
|
attr(img, "alt", /*alt*/ ctx[1]);
|
11833
11833
|
}
|
11834
11834
|
|
11835
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
11835
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
11836
11836
|
attr(div, "class", div_class_value);
|
11837
11837
|
}
|
11838
11838
|
|
@@ -12003,7 +12003,7 @@ const toCssShadow = (p) => {
|
|
12003
12003
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
12004
12004
|
|
12005
12005
|
function add_css$8(target) {
|
12006
|
-
append_styles(target, "svelte-
|
12006
|
+
append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
|
12007
12007
|
}
|
12008
12008
|
|
12009
12009
|
function create_fragment$y(ctx) {
|
@@ -12034,7 +12034,7 @@ function create_fragment$y(ctx) {
|
|
12034
12034
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
12035
12035
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
12036
12036
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
12037
|
-
attr(div, "class", "avatar svelte-
|
12037
|
+
attr(div, "class", "avatar svelte-17xar9h");
|
12038
12038
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
12039
12039
|
attr(div, "style", /*style*/ ctx[3]);
|
12040
12040
|
},
|
@@ -13846,7 +13846,7 @@ const ICON_PARAMS = [
|
|
13846
13846
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
13847
13847
|
|
13848
13848
|
function add_css$7(target) {
|
13849
|
-
append_styles(target, "svelte-
|
13849
|
+
append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
13850
13850
|
}
|
13851
13851
|
|
13852
13852
|
// (15:0) {#if (IconComponent)}
|
@@ -13886,7 +13886,7 @@ function create_if_block$3(ctx) {
|
|
13886
13886
|
},
|
13887
13887
|
h() {
|
13888
13888
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
13889
|
-
attr(div, "class", "icon svelte-
|
13889
|
+
attr(div, "class", "icon svelte-1mx2edd");
|
13890
13890
|
attr(div, "style", /*style*/ ctx[3]);
|
13891
13891
|
},
|
13892
13892
|
m(target, anchor) {
|
@@ -14044,7 +14044,7 @@ class Icon extends SvelteComponent {
|
|
14044
14044
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
14045
14045
|
|
14046
14046
|
function add_css$6(target) {
|
14047
|
-
append_styles(target, "svelte-
|
14047
|
+
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}");
|
14048
14048
|
}
|
14049
14049
|
|
14050
14050
|
// (127:2) {#if (props.isIcon && props.iconVariant)}
|
@@ -14077,7 +14077,7 @@ function create_if_block$2(ctx) {
|
|
14077
14077
|
this.h();
|
14078
14078
|
},
|
14079
14079
|
h() {
|
14080
|
-
attr(div, "class", "
|
14080
|
+
attr(div, "class", "button-icon svelte-bo01kn");
|
14081
14081
|
},
|
14082
14082
|
m(target, anchor) {
|
14083
14083
|
insert_hydration(target, div, anchor);
|
@@ -14151,7 +14151,7 @@ function create_fragment$6(ctx) {
|
|
14151
14151
|
h() {
|
14152
14152
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
14153
14153
|
attr(button, "style", /*style*/ ctx[2]);
|
14154
|
-
attr(button, "class", "
|
14154
|
+
attr(button, "class", "button svelte-bo01kn");
|
14155
14155
|
},
|
14156
14156
|
m(target, anchor) {
|
14157
14157
|
insert_hydration(target, button, anchor);
|
@@ -14399,13 +14399,28 @@ const BUTTON_ICON_ANGLE = {
|
|
14399
14399
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
14400
14400
|
|
14401
14401
|
function add_css$5(target) {
|
14402
|
-
append_styles(target, "svelte-
|
14402
|
+
append_styles(target, "svelte-13071ty", ".close-button.svelte-13071ty{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,\n border-color 0.12s,\n color 0.12s}");
|
14403
14403
|
}
|
14404
14404
|
|
14405
14405
|
function create_fragment$5(ctx) {
|
14406
14406
|
let button;
|
14407
14407
|
let svg;
|
14408
14408
|
let path;
|
14409
|
+
let mounted;
|
14410
|
+
let dispose;
|
14411
|
+
|
14412
|
+
let button_levels = [
|
14413
|
+
{ "data-layer-id": /*layerId*/ ctx[0] },
|
14414
|
+
{ class: "close-button" },
|
14415
|
+
{ style: /*style*/ ctx[1] },
|
14416
|
+
dataAttrStopPropagation('click')
|
14417
|
+
];
|
14418
|
+
|
14419
|
+
let button_data = {};
|
14420
|
+
|
14421
|
+
for (let i = 0; i < button_levels.length; i += 1) {
|
14422
|
+
button_data = assign(button_data, button_levels[i]);
|
14423
|
+
}
|
14409
14424
|
|
14410
14425
|
return {
|
14411
14426
|
c() {
|
@@ -14444,45 +14459,68 @@ function create_fragment$5(ctx) {
|
|
14444
14459
|
set_style(svg, "height", "75%");
|
14445
14460
|
attr(svg, "viewBox", "0 0 50 50");
|
14446
14461
|
attr(svg, "fill", "#666666");
|
14447
|
-
|
14448
|
-
|
14449
|
-
attr(button, "style", /*style*/ ctx[1]);
|
14462
|
+
set_attributes(button, button_data);
|
14463
|
+
toggle_class(button, "svelte-13071ty", true);
|
14450
14464
|
},
|
14451
14465
|
m(target, anchor) {
|
14452
14466
|
insert_hydration(target, button, anchor);
|
14453
14467
|
append_hydration(button, svg);
|
14454
14468
|
append_hydration(svg, path);
|
14469
|
+
if (button.autofocus) button.focus();
|
14470
|
+
|
14471
|
+
if (!mounted) {
|
14472
|
+
dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[2])));
|
14473
|
+
mounted = true;
|
14474
|
+
}
|
14455
14475
|
},
|
14456
14476
|
p(ctx, [dirty]) {
|
14457
|
-
|
14458
|
-
|
14459
|
-
|
14477
|
+
set_attributes(button, button_data = get_spread_update(button_levels, [
|
14478
|
+
dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
|
14479
|
+
{ class: "close-button" },
|
14480
|
+
dirty & /*style*/ 2 && { style: /*style*/ ctx[1] },
|
14481
|
+
dataAttrStopPropagation('click')
|
14482
|
+
]));
|
14460
14483
|
|
14461
|
-
|
14462
|
-
attr(button, "style", /*style*/ ctx[1]);
|
14463
|
-
}
|
14484
|
+
toggle_class(button, "svelte-13071ty", true);
|
14464
14485
|
},
|
14465
14486
|
i: noop,
|
14466
14487
|
o: noop,
|
14467
14488
|
d(detaching) {
|
14468
14489
|
if (detaching) detach(button);
|
14490
|
+
mounted = false;
|
14491
|
+
dispose();
|
14469
14492
|
}
|
14470
14493
|
};
|
14471
14494
|
}
|
14472
14495
|
|
14473
14496
|
function instance$5($$self, $$props, $$invalidate) {
|
14474
14497
|
let style;
|
14498
|
+
let { onClick = { operation: 'closeApp', args: ['button'] } } = $$props;
|
14475
14499
|
let { props = {} } = $$props;
|
14476
14500
|
let { layerId = '' } = $$props;
|
14501
|
+
let { eventName = '' } = $$props;
|
14502
|
+
let { eventValue = undefined } = $$props;
|
14503
|
+
|
14504
|
+
function handleClick() {
|
14505
|
+
if (eventName) {
|
14506
|
+
send_event(eventName, eventValue);
|
14507
|
+
}
|
14508
|
+
|
14509
|
+
execOnClickOperation(onClick);
|
14510
|
+
}
|
14511
|
+
|
14477
14512
|
const size = props.size ?? 24;
|
14478
14513
|
|
14479
14514
|
$$self.$$set = $$props => {
|
14480
|
-
if ('
|
14515
|
+
if ('onClick' in $$props) $$invalidate(3, onClick = $$props.onClick);
|
14516
|
+
if ('props' in $$props) $$invalidate(4, props = $$props.props);
|
14481
14517
|
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
14518
|
+
if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
|
14519
|
+
if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
|
14482
14520
|
};
|
14483
14521
|
|
14484
14522
|
$$self.$$.update = () => {
|
14485
|
-
if ($$self.$$.dirty & /*props*/
|
14523
|
+
if ($$self.$$.dirty & /*props*/ 16) {
|
14486
14524
|
$$invalidate(1, style = objToStyle({
|
14487
14525
|
width: `${size}px`,
|
14488
14526
|
height: `${size}px`,
|
@@ -14492,20 +14530,35 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
14492
14530
|
}
|
14493
14531
|
};
|
14494
14532
|
|
14495
|
-
return [layerId, style, props];
|
14533
|
+
return [layerId, style, handleClick, onClick, props, eventName, eventValue];
|
14496
14534
|
}
|
14497
14535
|
|
14498
14536
|
class CloseButton extends SvelteComponent {
|
14499
14537
|
constructor(options) {
|
14500
14538
|
super();
|
14501
|
-
|
14539
|
+
|
14540
|
+
init(
|
14541
|
+
this,
|
14542
|
+
options,
|
14543
|
+
instance$5,
|
14544
|
+
create_fragment$5,
|
14545
|
+
safe_not_equal,
|
14546
|
+
{
|
14547
|
+
onClick: 3,
|
14548
|
+
props: 4,
|
14549
|
+
layerId: 0,
|
14550
|
+
eventName: 5,
|
14551
|
+
eventValue: 6
|
14552
|
+
},
|
14553
|
+
add_css$5
|
14554
|
+
);
|
14502
14555
|
}
|
14503
14556
|
}
|
14504
14557
|
|
14505
14558
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
14506
14559
|
|
14507
14560
|
function add_css$4(target) {
|
14508
|
-
append_styles(target, "svelte-
|
14561
|
+
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}");
|
14509
14562
|
}
|
14510
14563
|
|
14511
14564
|
function create_fragment$4(ctx) {
|
@@ -14540,11 +14593,11 @@ function create_fragment$4(ctx) {
|
|
14540
14593
|
h() {
|
14541
14594
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
14542
14595
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
14543
|
-
attr(img, "class", "image-img svelte-
|
14596
|
+
attr(img, "class", "image-img svelte-52a988");
|
14544
14597
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
14545
|
-
attr(object, "class", "image-object svelte-
|
14598
|
+
attr(object, "class", "image-object svelte-52a988");
|
14546
14599
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
14547
|
-
attr(div, "class", "image svelte-
|
14600
|
+
attr(div, "class", "image svelte-52a988");
|
14548
14601
|
attr(div, "style", /*style*/ ctx[3]);
|
14549
14602
|
},
|
14550
14603
|
m(target, anchor) {
|
@@ -14618,7 +14671,7 @@ class Image extends SvelteComponent {
|
|
14618
14671
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
14619
14672
|
|
14620
14673
|
function add_css$3(target) {
|
14621
|
-
append_styles(target, "svelte-
|
14674
|
+
append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
|
14622
14675
|
}
|
14623
14676
|
|
14624
14677
|
function create_fragment$3(ctx) {
|
@@ -14647,7 +14700,7 @@ function create_fragment$3(ctx) {
|
|
14647
14700
|
},
|
14648
14701
|
h() {
|
14649
14702
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
14650
|
-
attr(div, "class", "layout svelte-
|
14703
|
+
attr(div, "class", "layout svelte-1g6q4hu");
|
14651
14704
|
attr(div, "style", /*style*/ ctx[1]);
|
14652
14705
|
},
|
14653
14706
|
m(target, anchor) {
|
@@ -14750,7 +14803,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
14750
14803
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
14751
14804
|
|
14752
14805
|
function add_css$2(target) {
|
14753
|
-
append_styles(target, "svelte-
|
14806
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
14754
14807
|
}
|
14755
14808
|
|
14756
14809
|
function create_fragment$2(ctx) {
|
@@ -14774,7 +14827,7 @@ function create_fragment$2(ctx) {
|
|
14774
14827
|
},
|
14775
14828
|
h() {
|
14776
14829
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
14777
|
-
attr(p, "class", "text svelte-
|
14830
|
+
attr(p, "class", "text svelte-1vl0c87");
|
14778
14831
|
attr(p, "style", /*style*/ ctx[1]);
|
14779
14832
|
},
|
14780
14833
|
m(target, anchor) {
|
@@ -14875,7 +14928,7 @@ const LAYER_TEXT_SIZE = {
|
|
14875
14928
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
14876
14929
|
|
14877
14930
|
function add_css$1(target) {
|
14878
|
-
append_styles(target, "svelte-
|
14931
|
+
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}");
|
14879
14932
|
}
|
14880
14933
|
|
14881
14934
|
// (14:0) {#if backgroundOverlay}
|
@@ -14896,7 +14949,7 @@ function create_if_block$1(ctx) {
|
|
14896
14949
|
this.h();
|
14897
14950
|
},
|
14898
14951
|
h() {
|
14899
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
14952
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
14900
14953
|
},
|
14901
14954
|
m(target, anchor) {
|
14902
14955
|
insert_hydration(target, div, anchor);
|
@@ -14907,7 +14960,7 @@ function create_if_block$1(ctx) {
|
|
14907
14960
|
}
|
14908
14961
|
},
|
14909
14962
|
p(ctx, dirty) {
|
14910
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
14963
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
14911
14964
|
attr(div, "class", div_class_value);
|
14912
14965
|
}
|
14913
14966
|
},
|
@@ -14983,7 +15036,7 @@ class BackgroundOverlay extends SvelteComponent {
|
|
14983
15036
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
14984
15037
|
|
14985
15038
|
function add_css(target) {
|
14986
|
-
append_styles(target, "svelte-
|
15039
|
+
append_styles(target, "svelte-1ks2ecq", ".modal.svelte-1ks2ecq{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ks2ecq > .button{flex:auto;display:flex}.close.svelte-1ks2ecq{position:absolute;top:8px;right:8px}.close.svelte-1ks2ecq > .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-1ks2ecq > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.modal-bp.svelte-1ks2ecq{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-1ks2ecq{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}}");
|
14987
15040
|
}
|
14988
15041
|
|
14989
15042
|
// (264:0) {:else}
|
@@ -14993,12 +15046,12 @@ function create_else_block(ctx) {
|
|
14993
15046
|
|
14994
15047
|
backgroundoverlay = new BackgroundOverlay({
|
14995
15048
|
props: {
|
14996
|
-
backgroundOverlay: /*backgroundOverlay*/ ctx[
|
15049
|
+
backgroundOverlay: /*backgroundOverlay*/ ctx[7]
|
14997
15050
|
}
|
14998
15051
|
});
|
14999
15052
|
|
15000
15053
|
backgroundoverlay.$on("click", function () {
|
15001
|
-
if (is_function(/*backgroundClick*/ ctx[
|
15054
|
+
if (is_function(/*backgroundClick*/ ctx[15])) /*backgroundClick*/ ctx[15].apply(this, arguments);
|
15002
15055
|
});
|
15003
15056
|
|
15004
15057
|
return {
|
@@ -15015,7 +15068,7 @@ function create_else_block(ctx) {
|
|
15015
15068
|
p(new_ctx, dirty) {
|
15016
15069
|
ctx = new_ctx;
|
15017
15070
|
const backgroundoverlay_changes = {};
|
15018
|
-
if (dirty[0] & /*backgroundOverlay*/
|
15071
|
+
if (dirty[0] & /*backgroundOverlay*/ 128) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[7];
|
15019
15072
|
backgroundoverlay.$set(backgroundoverlay_changes);
|
15020
15073
|
},
|
15021
15074
|
i(local) {
|
@@ -15042,24 +15095,24 @@ function create_if_block_3(ctx) {
|
|
15042
15095
|
|
15043
15096
|
backgroundoverlay0 = new BackgroundOverlay({
|
15044
15097
|
props: {
|
15045
|
-
class: "
|
15046
|
-
backgroundOverlay: /*backgroundOverlayPC*/ ctx[
|
15098
|
+
class: "background-bp-pc",
|
15099
|
+
backgroundOverlay: /*backgroundOverlayPC*/ ctx[8]
|
15047
15100
|
}
|
15048
15101
|
});
|
15049
15102
|
|
15050
15103
|
backgroundoverlay0.$on("click", function () {
|
15051
|
-
if (is_function(/*backgroundClickPC*/ ctx[
|
15104
|
+
if (is_function(/*backgroundClickPC*/ ctx[14])) /*backgroundClickPC*/ ctx[14].apply(this, arguments);
|
15052
15105
|
});
|
15053
15106
|
|
15054
15107
|
backgroundoverlay1 = new BackgroundOverlay({
|
15055
15108
|
props: {
|
15056
|
-
class: "
|
15057
|
-
backgroundOverlay: /*backgroundOverlaySP*/ ctx[
|
15109
|
+
class: "background-bp-sp ",
|
15110
|
+
backgroundOverlay: /*backgroundOverlaySP*/ ctx[9]
|
15058
15111
|
}
|
15059
15112
|
});
|
15060
15113
|
|
15061
15114
|
backgroundoverlay1.$on("click", function () {
|
15062
|
-
if (is_function(/*backgroundClickSP*/ ctx[
|
15115
|
+
if (is_function(/*backgroundClickSP*/ ctx[13])) /*backgroundClickSP*/ ctx[13].apply(this, arguments);
|
15063
15116
|
});
|
15064
15117
|
|
15065
15118
|
return {
|
@@ -15082,10 +15135,10 @@ function create_if_block_3(ctx) {
|
|
15082
15135
|
p(new_ctx, dirty) {
|
15083
15136
|
ctx = new_ctx;
|
15084
15137
|
const backgroundoverlay0_changes = {};
|
15085
|
-
if (dirty[0] & /*backgroundOverlayPC*/
|
15138
|
+
if (dirty[0] & /*backgroundOverlayPC*/ 256) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[8];
|
15086
15139
|
backgroundoverlay0.$set(backgroundoverlay0_changes);
|
15087
15140
|
const backgroundoverlay1_changes = {};
|
15088
|
-
if (dirty[0] & /*backgroundOverlaySP*/
|
15141
|
+
if (dirty[0] & /*backgroundOverlaySP*/ 512) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[9];
|
15089
15142
|
backgroundoverlay1.$set(backgroundoverlay1_changes);
|
15090
15143
|
},
|
15091
15144
|
i(local) {
|
@@ -15128,7 +15181,7 @@ function create_if_block(ctx) {
|
|
15128
15181
|
let div1_class_value;
|
15129
15182
|
let div1_intro;
|
15130
15183
|
let current;
|
15131
|
-
let if_block = /*closable*/ ctx[
|
15184
|
+
let if_block = /*closable*/ ctx[16] && create_if_block_1(ctx);
|
15132
15185
|
const default_slot_template = /*#slots*/ ctx[30].default;
|
15133
15186
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
|
15134
15187
|
|
@@ -15160,10 +15213,10 @@ function create_if_block(ctx) {
|
|
15160
15213
|
this.h();
|
15161
15214
|
},
|
15162
15215
|
h() {
|
15163
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(['
|
15216
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
|
15164
15217
|
attr(div1, "role", "dialog");
|
15165
15218
|
attr(div1, "aria-modal", "true");
|
15166
|
-
attr(div1, "style", Array.from(/*modalStyles*/ ctx[
|
15219
|
+
attr(div1, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
|
15167
15220
|
},
|
15168
15221
|
m(target, anchor) {
|
15169
15222
|
insert_hydration(target, div1, anchor);
|
@@ -15181,11 +15234,11 @@ function create_if_block(ctx) {
|
|
15181
15234
|
p(new_ctx, dirty) {
|
15182
15235
|
ctx = new_ctx;
|
15183
15236
|
|
15184
|
-
if (/*closable*/ ctx[
|
15237
|
+
if (/*closable*/ ctx[16]) {
|
15185
15238
|
if (if_block) {
|
15186
15239
|
if_block.p(ctx, dirty);
|
15187
15240
|
|
15188
|
-
if (dirty[0] & /*closable*/
|
15241
|
+
if (dirty[0] & /*closable*/ 65536) {
|
15189
15242
|
transition_in(if_block, 1);
|
15190
15243
|
}
|
15191
15244
|
} else {
|
@@ -15219,7 +15272,7 @@ function create_if_block(ctx) {
|
|
15219
15272
|
}
|
15220
15273
|
}
|
15221
15274
|
|
15222
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['
|
15275
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
|
15223
15276
|
attr(div1, "class", div1_class_value);
|
15224
15277
|
}
|
15225
15278
|
},
|
@@ -15231,7 +15284,7 @@ function create_if_block(ctx) {
|
|
15231
15284
|
if (!div1_intro) {
|
15232
15285
|
add_render_callback(() => {
|
15233
15286
|
div1_intro = create_in_transition(div1, customAnimation, {
|
15234
|
-
transforms: /*transforms*/ ctx[
|
15287
|
+
transforms: /*transforms*/ ctx[6],
|
15235
15288
|
animationStyle: /*animation*/ ctx[1]
|
15236
15289
|
});
|
15237
15290
|
|
@@ -15262,7 +15315,12 @@ function create_if_block_1(ctx) {
|
|
15262
15315
|
let current;
|
15263
15316
|
|
15264
15317
|
closebutton = new CloseButton({
|
15265
|
-
props: {
|
15318
|
+
props: {
|
15319
|
+
onClick: /*onClose*/ ctx[2],
|
15320
|
+
eventName: /*closeEventName*/ ctx[3],
|
15321
|
+
eventValue: /*closeEventValue*/ ctx[4],
|
15322
|
+
props: /*closeButtonProps*/ ctx[5]
|
15323
|
+
}
|
15266
15324
|
});
|
15267
15325
|
|
15268
15326
|
return {
|
@@ -15279,8 +15337,8 @@ function create_if_block_1(ctx) {
|
|
15279
15337
|
this.h();
|
15280
15338
|
},
|
15281
15339
|
h() {
|
15282
|
-
attr(div, "class", "
|
15283
|
-
set_style(div, "z-index", /*$maximumZindex*/ ctx[
|
15340
|
+
attr(div, "class", "close svelte-1ks2ecq");
|
15341
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
|
15284
15342
|
},
|
15285
15343
|
m(target, anchor) {
|
15286
15344
|
insert_hydration(target, div, anchor);
|
@@ -15289,11 +15347,14 @@ function create_if_block_1(ctx) {
|
|
15289
15347
|
},
|
15290
15348
|
p(ctx, dirty) {
|
15291
15349
|
const closebutton_changes = {};
|
15292
|
-
if (dirty[0] & /*
|
15350
|
+
if (dirty[0] & /*onClose*/ 4) closebutton_changes.onClick = /*onClose*/ ctx[2];
|
15351
|
+
if (dirty[0] & /*closeEventName*/ 8) closebutton_changes.eventName = /*closeEventName*/ ctx[3];
|
15352
|
+
if (dirty[0] & /*closeEventValue*/ 16) closebutton_changes.eventValue = /*closeEventValue*/ ctx[4];
|
15353
|
+
if (dirty[0] & /*closeButtonProps*/ 32) closebutton_changes.props = /*closeButtonProps*/ ctx[5];
|
15293
15354
|
closebutton.$set(closebutton_changes);
|
15294
15355
|
|
15295
|
-
if (!current || dirty[0] & /*$maximumZindex*/
|
15296
|
-
set_style(div, "z-index", /*$maximumZindex*/ ctx[
|
15356
|
+
if (!current || dirty[0] & /*$maximumZindex*/ 131072) {
|
15357
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
|
15297
15358
|
}
|
15298
15359
|
},
|
15299
15360
|
i(local) {
|
@@ -15333,7 +15394,7 @@ function create_fragment(ctx) {
|
|
15333
15394
|
|
15334
15395
|
current_block_type_index = select_block_type(ctx);
|
15335
15396
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
15336
|
-
let if_block1 = /*visible*/ ctx[
|
15397
|
+
let if_block1 = /*visible*/ ctx[11] && create_if_block(ctx);
|
15337
15398
|
|
15338
15399
|
return {
|
15339
15400
|
c() {
|
@@ -15357,7 +15418,7 @@ function create_fragment(ctx) {
|
|
15357
15418
|
|
15358
15419
|
if (!mounted) {
|
15359
15420
|
dispose = listen(window, "keydown", function () {
|
15360
|
-
if (is_function(/*handle_keydown*/ ctx[
|
15421
|
+
if (is_function(/*handle_keydown*/ ctx[12])) /*handle_keydown*/ ctx[12].apply(this, arguments);
|
15361
15422
|
});
|
15362
15423
|
|
15363
15424
|
mounted = true;
|
@@ -15391,11 +15452,11 @@ function create_fragment(ctx) {
|
|
15391
15452
|
if_block0.m(t.parentNode, t);
|
15392
15453
|
}
|
15393
15454
|
|
15394
|
-
if (/*visible*/ ctx[
|
15455
|
+
if (/*visible*/ ctx[11]) {
|
15395
15456
|
if (if_block1) {
|
15396
15457
|
if_block1.p(ctx, dirty);
|
15397
15458
|
|
15398
|
-
if (dirty[0] & /*visible*/
|
15459
|
+
if (dirty[0] & /*visible*/ 2048) {
|
15399
15460
|
transition_in(if_block1, 1);
|
15400
15461
|
}
|
15401
15462
|
} else {
|
@@ -15445,7 +15506,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
15445
15506
|
let handle_keydown;
|
15446
15507
|
let visible;
|
15447
15508
|
let $maximumZindex;
|
15448
|
-
component_subscribe($$self, maximumZindex, $$value => $$invalidate(
|
15509
|
+
component_subscribe($$self, maximumZindex, $$value => $$invalidate(17, $maximumZindex = $$value));
|
15449
15510
|
let { $$slots: slots = {}, $$scope } = $$props;
|
15450
15511
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
15451
15512
|
let { clickEventName = '' } = $$props;
|
@@ -15476,7 +15537,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
15476
15537
|
let modal;
|
15477
15538
|
|
15478
15539
|
onMount$1(() => {
|
15479
|
-
$$invalidate(
|
15540
|
+
$$invalidate(11, visible = true);
|
15480
15541
|
});
|
15481
15542
|
|
15482
15543
|
onDestroy$1(() => setPreviousFocus());
|
@@ -15484,28 +15545,28 @@ function instance($$self, $$props, $$invalidate) {
|
|
15484
15545
|
function div1_binding($$value) {
|
15485
15546
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
15486
15547
|
modal = $$value;
|
15487
|
-
$$invalidate(
|
15548
|
+
$$invalidate(10, modal);
|
15488
15549
|
});
|
15489
15550
|
}
|
15490
15551
|
|
15491
15552
|
$$self.$$set = $$props => {
|
15492
|
-
if ('onClick' in $$props) $$invalidate(
|
15493
|
-
if ('clickEventName' in $$props) $$invalidate(
|
15494
|
-
if ('clickEventValue' in $$props) $$invalidate(
|
15553
|
+
if ('onClick' in $$props) $$invalidate(19, onClick = $$props.onClick);
|
15554
|
+
if ('clickEventName' in $$props) $$invalidate(20, clickEventName = $$props.clickEventName);
|
15555
|
+
if ('clickEventValue' in $$props) $$invalidate(21, clickEventValue = $$props.clickEventValue);
|
15495
15556
|
if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
|
15496
|
-
if ('placement' in $$props) $$invalidate(
|
15497
|
-
if ('breakPoint' in $$props) $$invalidate(
|
15498
|
-
if ('elasticity' in $$props) $$invalidate(
|
15557
|
+
if ('placement' in $$props) $$invalidate(22, placement = $$props.placement);
|
15558
|
+
if ('breakPoint' in $$props) $$invalidate(23, breakPoint = $$props.breakPoint);
|
15559
|
+
if ('elasticity' in $$props) $$invalidate(24, elasticity = $$props.elasticity);
|
15499
15560
|
if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
|
15500
|
-
if ('onClose' in $$props) $$invalidate(
|
15501
|
-
if ('closeEventName' in $$props) $$invalidate(
|
15502
|
-
if ('closeEventValue' in $$props) $$invalidate(
|
15503
|
-
if ('closeButtonProps' in $$props) $$invalidate(
|
15561
|
+
if ('onClose' in $$props) $$invalidate(2, onClose = $$props.onClose);
|
15562
|
+
if ('closeEventName' in $$props) $$invalidate(3, closeEventName = $$props.closeEventName);
|
15563
|
+
if ('closeEventValue' in $$props) $$invalidate(4, closeEventValue = $$props.closeEventValue);
|
15564
|
+
if ('closeButtonProps' in $$props) $$invalidate(5, closeButtonProps = $$props.closeButtonProps);
|
15504
15565
|
if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
|
15505
15566
|
};
|
15506
15567
|
|
15507
15568
|
$$self.$$.update = () => {
|
15508
|
-
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/
|
15569
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 28) {
|
15509
15570
|
$$invalidate(28, close = () => {
|
15510
15571
|
if (closeEventName) {
|
15511
15572
|
send_event(closeEventName, closeEventValue);
|
@@ -15515,23 +15576,23 @@ function instance($$self, $$props, $$invalidate) {
|
|
15515
15576
|
});
|
15516
15577
|
}
|
15517
15578
|
|
15518
|
-
if ($$self.$$.dirty[0] & /*onClose*/
|
15519
|
-
$$invalidate(
|
15579
|
+
if ($$self.$$.dirty[0] & /*onClose*/ 4) {
|
15580
|
+
$$invalidate(16, closable = haveFunction(onClose));
|
15520
15581
|
}
|
15521
15582
|
|
15522
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/
|
15583
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
|
15523
15584
|
{
|
15524
15585
|
|
15525
15586
|
if (useBreakPoint) {
|
15526
15587
|
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
15527
|
-
$$invalidate(
|
15588
|
+
$$invalidate(8, backgroundOverlayPC = pc ?? false);
|
15528
15589
|
const sp = breakPoint?.SP?.placement?.backgroundOverlay;
|
15529
|
-
$$invalidate(
|
15590
|
+
$$invalidate(9, backgroundOverlaySP = sp ?? false);
|
15530
15591
|
}
|
15531
15592
|
}
|
15532
15593
|
}
|
15533
15594
|
|
15534
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/
|
15595
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
|
15535
15596
|
{
|
15536
15597
|
if (placement && placement.backgroundClick) {
|
15537
15598
|
$$invalidate(25, backgroundClickFunction = placement.backgroundClick);
|
@@ -15553,8 +15614,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
15553
15614
|
}
|
15554
15615
|
}
|
15555
15616
|
|
15556
|
-
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
15557
|
-
$$invalidate(
|
15617
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 33554456) {
|
15618
|
+
$$invalidate(15, backgroundClick = () => {
|
15558
15619
|
if (closeEventName) {
|
15559
15620
|
send_event(closeEventName, closeEventValue);
|
15560
15621
|
}
|
@@ -15563,8 +15624,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
15563
15624
|
});
|
15564
15625
|
}
|
15565
15626
|
|
15566
|
-
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/
|
15567
|
-
$$invalidate(
|
15627
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 67108888) {
|
15628
|
+
$$invalidate(14, backgroundClickPC = () => {
|
15568
15629
|
if (closeEventName) {
|
15569
15630
|
send_event(closeEventName, closeEventValue);
|
15570
15631
|
}
|
@@ -15573,8 +15634,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
15573
15634
|
});
|
15574
15635
|
}
|
15575
15636
|
|
15576
|
-
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/
|
15577
|
-
$$invalidate(
|
15637
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 134217752) {
|
15638
|
+
$$invalidate(13, backgroundClickSP = () => {
|
15578
15639
|
if (closeEventName) {
|
15579
15640
|
send_event(closeEventName, closeEventValue);
|
15580
15641
|
}
|
@@ -15583,7 +15644,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
15583
15644
|
});
|
15584
15645
|
}
|
15585
15646
|
|
15586
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/
|
15647
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 12582977) {
|
15587
15648
|
// 表示位置のスタイルとアニメーションの動きを設定
|
15588
15649
|
{
|
15589
15650
|
// 表示位置のスタイルの設定
|
@@ -15595,7 +15656,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
15595
15656
|
modalStyles.add(positionStyle);
|
15596
15657
|
}
|
15597
15658
|
|
15598
|
-
$$invalidate(
|
15659
|
+
$$invalidate(6, transforms = []);
|
15599
15660
|
|
15600
15661
|
DEVICE_IDS.forEach(deviceId => {
|
15601
15662
|
|
@@ -15613,7 +15674,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
15613
15674
|
}
|
15614
15675
|
}
|
15615
15676
|
|
15616
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/
|
15677
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
|
15617
15678
|
// 表示位置の調整のスタイルを設定
|
15618
15679
|
{
|
15619
15680
|
let margin = DefaultModalPlacement.margin;
|
@@ -15637,7 +15698,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
15637
15698
|
}
|
15638
15699
|
}
|
15639
15700
|
|
15640
|
-
if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/
|
15701
|
+
if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 25165825) {
|
15641
15702
|
// 拡大方法のスタイルを設定
|
15642
15703
|
{
|
15643
15704
|
let elasticStyle = ElasticityStyle['none' ];
|
@@ -15660,18 +15721,21 @@ function instance($$self, $$props, $$invalidate) {
|
|
15660
15721
|
}
|
15661
15722
|
|
15662
15723
|
if ($$self.$$.dirty[0] & /*close*/ 268435456) {
|
15663
|
-
$$invalidate(
|
15724
|
+
$$invalidate(12, handle_keydown = handleKeydown({ Escape: close }));
|
15664
15725
|
}
|
15665
15726
|
};
|
15666
15727
|
|
15667
|
-
$$invalidate(
|
15728
|
+
$$invalidate(10, modal = null);
|
15668
15729
|
|
15669
15730
|
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
15670
|
-
$$invalidate(
|
15731
|
+
$$invalidate(11, visible = false);
|
15671
15732
|
|
15672
15733
|
return [
|
15673
15734
|
useBreakPoint,
|
15674
15735
|
animation,
|
15736
|
+
onClose,
|
15737
|
+
closeEventName,
|
15738
|
+
closeEventValue,
|
15675
15739
|
closeButtonProps,
|
15676
15740
|
transforms,
|
15677
15741
|
backgroundOverlay,
|
@@ -15692,9 +15756,6 @@ function instance($$self, $$props, $$invalidate) {
|
|
15692
15756
|
placement,
|
15693
15757
|
breakPoint,
|
15694
15758
|
elasticity,
|
15695
|
-
onClose,
|
15696
|
-
closeEventName,
|
15697
|
-
closeEventValue,
|
15698
15759
|
backgroundClickFunction,
|
15699
15760
|
backgroundClickFunctionPC,
|
15700
15761
|
backgroundClickFunctionSP,
|
@@ -15716,18 +15777,18 @@ class Modal extends SvelteComponent {
|
|
15716
15777
|
create_fragment,
|
15717
15778
|
safe_not_equal,
|
15718
15779
|
{
|
15719
|
-
onClick:
|
15720
|
-
clickEventName:
|
15721
|
-
clickEventValue:
|
15780
|
+
onClick: 19,
|
15781
|
+
clickEventName: 20,
|
15782
|
+
clickEventValue: 21,
|
15722
15783
|
useBreakPoint: 0,
|
15723
|
-
placement:
|
15724
|
-
breakPoint:
|
15725
|
-
elasticity:
|
15784
|
+
placement: 22,
|
15785
|
+
breakPoint: 23,
|
15786
|
+
elasticity: 24,
|
15726
15787
|
animation: 1,
|
15727
|
-
onClose:
|
15728
|
-
closeEventName:
|
15729
|
-
closeEventValue:
|
15730
|
-
closeButtonProps:
|
15788
|
+
onClose: 2,
|
15789
|
+
closeEventName: 3,
|
15790
|
+
closeEventValue: 4,
|
15791
|
+
closeButtonProps: 5
|
15731
15792
|
},
|
15732
15793
|
add_css,
|
15733
15794
|
[-1, -1]
|