@plaidev/karte-action-sdk 1.1.234 → 1.1.235-28695399.37fa4bea
Sign up to get free protection for your applications and to get access to all the features.
- 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/index.es.js
CHANGED
@@ -3068,7 +3068,7 @@ class State extends SvelteComponent {
|
|
3068
3068
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3069
3069
|
|
3070
3070
|
function add_css$E(target) {
|
3071
|
-
append_styles(target, "svelte-
|
3071
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
3072
3072
|
}
|
3073
3073
|
|
3074
3074
|
// (23:0) {#if $state === path}
|
@@ -3085,7 +3085,7 @@ function create_if_block$c(ctx) {
|
|
3085
3085
|
t = space();
|
3086
3086
|
if (default_slot) default_slot.c();
|
3087
3087
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
3088
|
-
attr(div, "class", "state-item svelte-
|
3088
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
3089
3089
|
},
|
3090
3090
|
m(target, anchor) {
|
3091
3091
|
insert(target, div, anchor);
|
@@ -3407,7 +3407,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3407
3407
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3408
3408
|
|
3409
3409
|
function add_css$D(target) {
|
3410
|
-
append_styles(target, "svelte-
|
3410
|
+
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}");
|
3411
3411
|
}
|
3412
3412
|
|
3413
3413
|
// (14:0) {#if backgroundOverlay}
|
@@ -3420,7 +3420,7 @@ function create_if_block$b(ctx) {
|
|
3420
3420
|
return {
|
3421
3421
|
c() {
|
3422
3422
|
div = element("div");
|
3423
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
3423
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
3424
3424
|
},
|
3425
3425
|
m(target, anchor) {
|
3426
3426
|
insert(target, div, anchor);
|
@@ -3431,7 +3431,7 @@ function create_if_block$b(ctx) {
|
|
3431
3431
|
}
|
3432
3432
|
},
|
3433
3433
|
p(ctx, dirty) {
|
3434
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
3434
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
3435
3435
|
attr(div, "class", div_class_value);
|
3436
3436
|
}
|
3437
3437
|
},
|
@@ -3537,7 +3537,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3537
3537
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3538
3538
|
|
3539
3539
|
function add_css$C(target) {
|
3540
|
-
append_styles(target, "svelte-
|
3540
|
+
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}");
|
3541
3541
|
}
|
3542
3542
|
|
3543
3543
|
// (50:0) {:else}
|
@@ -3566,7 +3566,7 @@ function create_else_block$5(ctx) {
|
|
3566
3566
|
button = element("button");
|
3567
3567
|
if (default_slot) default_slot.c();
|
3568
3568
|
set_attributes(button, button_data);
|
3569
|
-
toggle_class(button, "svelte-
|
3569
|
+
toggle_class(button, "svelte-15k4deh", true);
|
3570
3570
|
},
|
3571
3571
|
m(target, anchor) {
|
3572
3572
|
insert(target, button, anchor);
|
@@ -3605,7 +3605,7 @@ function create_else_block$5(ctx) {
|
|
3605
3605
|
dataAttrStopPropagation('click')
|
3606
3606
|
]));
|
3607
3607
|
|
3608
|
-
toggle_class(button, "svelte-
|
3608
|
+
toggle_class(button, "svelte-15k4deh", true);
|
3609
3609
|
},
|
3610
3610
|
i(local) {
|
3611
3611
|
if (current) return;
|
@@ -3636,7 +3636,7 @@ function create_if_block_2$2(ctx) {
|
|
3636
3636
|
c() {
|
3637
3637
|
div = element("div");
|
3638
3638
|
if (default_slot) default_slot.c();
|
3639
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
3639
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
3640
3640
|
attr(div, "style", /*style*/ ctx[1]);
|
3641
3641
|
},
|
3642
3642
|
m(target, anchor) {
|
@@ -3720,7 +3720,7 @@ function create_if_block_1$3(ctx) {
|
|
3720
3720
|
a = element("a");
|
3721
3721
|
if (default_slot) default_slot.c();
|
3722
3722
|
set_attributes(a, a_data);
|
3723
|
-
toggle_class(a, "svelte-
|
3723
|
+
toggle_class(a, "svelte-15k4deh", true);
|
3724
3724
|
},
|
3725
3725
|
m(target, anchor) {
|
3726
3726
|
insert(target, a, anchor);
|
@@ -3762,7 +3762,7 @@ function create_if_block_1$3(ctx) {
|
|
3762
3762
|
dataAttrStopPropagation('click')
|
3763
3763
|
]));
|
3764
3764
|
|
3765
|
-
toggle_class(a, "svelte-
|
3765
|
+
toggle_class(a, "svelte-15k4deh", true);
|
3766
3766
|
},
|
3767
3767
|
i(local) {
|
3768
3768
|
if (current) return;
|
@@ -3793,7 +3793,7 @@ function create_if_block$a(ctx) {
|
|
3793
3793
|
c() {
|
3794
3794
|
div = element("div");
|
3795
3795
|
if (default_slot) default_slot.c();
|
3796
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
3796
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
3797
3797
|
attr(div, "style", /*style*/ ctx[1]);
|
3798
3798
|
},
|
3799
3799
|
m(target, anchor) {
|
@@ -3997,7 +3997,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
3997
3997
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
3998
3998
|
|
3999
3999
|
function add_css$B(target) {
|
4000
|
-
append_styles(target, "svelte-
|
4000
|
+
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}}");
|
4001
4001
|
}
|
4002
4002
|
|
4003
4003
|
// (277:0) {:else}
|
@@ -4147,7 +4147,7 @@ function create_if_block$9(ctx) {
|
|
4147
4147
|
c() {
|
4148
4148
|
div = element("div");
|
4149
4149
|
create_component(button.$$.fragment);
|
4150
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
4150
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
4151
4151
|
attr(div, "role", "dialog");
|
4152
4152
|
attr(div, "aria-modal", "true");
|
4153
4153
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
@@ -4171,7 +4171,7 @@ function create_if_block$9(ctx) {
|
|
4171
4171
|
|
4172
4172
|
button.$set(button_changes);
|
4173
4173
|
|
4174
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
4174
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
4175
4175
|
attr(div, "class", div_class_value);
|
4176
4176
|
}
|
4177
4177
|
},
|
@@ -4225,7 +4225,7 @@ function create_if_block_1$2(ctx) {
|
|
4225
4225
|
c() {
|
4226
4226
|
div = element("div");
|
4227
4227
|
create_component(button.$$.fragment);
|
4228
|
-
attr(div, "class", "close svelte-
|
4228
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
4229
4229
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
4230
4230
|
},
|
4231
4231
|
m(target, anchor) {
|
@@ -4314,7 +4314,7 @@ function create_default_slot$6(ctx) {
|
|
4314
4314
|
t = space();
|
4315
4315
|
div = element("div");
|
4316
4316
|
if (default_slot) default_slot.c();
|
4317
|
-
attr(div, "class", "modal-content svelte-
|
4317
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
4318
4318
|
attr(div, "style", /*_style*/ ctx[5]);
|
4319
4319
|
},
|
4320
4320
|
m(target, anchor) {
|
@@ -4964,7 +4964,7 @@ class Grid extends SvelteComponent {
|
|
4964
4964
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4965
4965
|
|
4966
4966
|
function add_css$A(target) {
|
4967
|
-
append_styles(target, "svelte-
|
4967
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
4968
4968
|
}
|
4969
4969
|
|
4970
4970
|
function create_fragment$10(ctx) {
|
@@ -4979,8 +4979,8 @@ function create_fragment$10(ctx) {
|
|
4979
4979
|
div1 = element("div");
|
4980
4980
|
div0 = element("div");
|
4981
4981
|
if (default_slot) default_slot.c();
|
4982
|
-
attr(div0, "class", "grid-item-inner svelte-
|
4983
|
-
attr(div1, "class", "grid-item svelte-
|
4982
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
4983
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
4984
4984
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
4985
4985
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
4986
4986
|
attr(div1, "style", /*_style*/ ctx[1]);
|
@@ -5285,7 +5285,7 @@ class RenderText extends SvelteComponent {
|
|
5285
5285
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5286
5286
|
|
5287
5287
|
function add_css$z(target) {
|
5288
|
-
append_styles(target, "svelte-
|
5288
|
+
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}");
|
5289
5289
|
}
|
5290
5290
|
|
5291
5291
|
// (94:2) {:else}
|
@@ -5302,8 +5302,8 @@ function create_else_block$2(ctx) {
|
|
5302
5302
|
div1 = element("div");
|
5303
5303
|
div0 = element("div");
|
5304
5304
|
create_component(rendertext.$$.fragment);
|
5305
|
-
attr(div0, "class", "text-element-inner svelte-
|
5306
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
5305
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
5306
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
5307
5307
|
attr(div1, "style", /*style*/ ctx[5]);
|
5308
5308
|
},
|
5309
5309
|
m(target, anchor) {
|
@@ -5317,7 +5317,7 @@ function create_else_block$2(ctx) {
|
|
5317
5317
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
5318
5318
|
rendertext.$set(rendertext_changes);
|
5319
5319
|
|
5320
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
5320
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
5321
5321
|
attr(div1, "class", div1_class_value);
|
5322
5322
|
}
|
5323
5323
|
|
@@ -5367,12 +5367,12 @@ function create_if_block$7(ctx) {
|
|
5367
5367
|
t2 = space();
|
5368
5368
|
div2 = element("div");
|
5369
5369
|
div2.textContent = "コピーできませんでした";
|
5370
|
-
attr(div0, "class", "text-element-inner svelte-
|
5370
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
5371
5371
|
attr(a, "href", '');
|
5372
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
5372
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
5373
5373
|
attr(a, "style", /*style*/ ctx[5]);
|
5374
|
-
attr(div1, "class", "tooltip svelte-
|
5375
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
5374
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
5375
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
5376
5376
|
},
|
5377
5377
|
m(target, anchor) {
|
5378
5378
|
insert(target, a, anchor);
|
@@ -5396,7 +5396,7 @@ function create_if_block$7(ctx) {
|
|
5396
5396
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
5397
5397
|
rendertext.$set(rendertext_changes);
|
5398
5398
|
|
5399
|
-
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-
|
5399
|
+
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"))) {
|
5400
5400
|
attr(a, "class", a_class_value);
|
5401
5401
|
}
|
5402
5402
|
|
@@ -5448,7 +5448,7 @@ function create_fragment$_(ctx) {
|
|
5448
5448
|
c() {
|
5449
5449
|
div = element("div");
|
5450
5450
|
if_block.c();
|
5451
|
-
attr(div, "class", "text-element-wrapper svelte-
|
5451
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
5452
5452
|
},
|
5453
5453
|
m(target, anchor) {
|
5454
5454
|
insert(target, div, anchor);
|
@@ -5614,7 +5614,7 @@ class TextElement extends SvelteComponent {
|
|
5614
5614
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5615
5615
|
|
5616
5616
|
function add_css$y(target) {
|
5617
|
-
append_styles(target, "svelte-
|
5617
|
+
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)}");
|
5618
5618
|
}
|
5619
5619
|
|
5620
5620
|
// (48:2) <Button {onClick} {style} {eventName}>
|
@@ -5670,7 +5670,7 @@ function create_fragment$Z(ctx) {
|
|
5670
5670
|
c() {
|
5671
5671
|
div = element("div");
|
5672
5672
|
create_component(button.$$.fragment);
|
5673
|
-
attr(div, "class", "text-button-element svelte-
|
5673
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
5674
5674
|
},
|
5675
5675
|
m(target, anchor) {
|
5676
5676
|
insert(target, div, anchor);
|
@@ -5762,7 +5762,7 @@ class TextButtonElement extends SvelteComponent {
|
|
5762
5762
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5763
5763
|
|
5764
5764
|
function add_css$x(target) {
|
5765
|
-
append_styles(target, "svelte-
|
5765
|
+
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%}");
|
5766
5766
|
}
|
5767
5767
|
|
5768
5768
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
@@ -5774,7 +5774,7 @@ function create_default_slot$4(ctx) {
|
|
5774
5774
|
return {
|
5775
5775
|
c() {
|
5776
5776
|
img = element("img");
|
5777
|
-
attr(img, "class", "image svelte-
|
5777
|
+
attr(img, "class", "image svelte-t6tu0e");
|
5778
5778
|
attr(img, "loading", "lazy");
|
5779
5779
|
attr(img, "width", "auto");
|
5780
5780
|
attr(img, "height", "auto");
|
@@ -5836,7 +5836,7 @@ function create_fragment$Y(ctx) {
|
|
5836
5836
|
c() {
|
5837
5837
|
div = element("div");
|
5838
5838
|
create_component(button.$$.fragment);
|
5839
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
5839
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
5840
5840
|
},
|
5841
5841
|
m(target, anchor) {
|
5842
5842
|
insert(target, div, anchor);
|
@@ -5855,7 +5855,7 @@ function create_fragment$Y(ctx) {
|
|
5855
5855
|
|
5856
5856
|
button.$set(button_changes);
|
5857
5857
|
|
5858
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
5858
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
5859
5859
|
attr(div, "class", div_class_value);
|
5860
5860
|
}
|
5861
5861
|
},
|
@@ -5927,7 +5927,7 @@ class ImageElement extends SvelteComponent {
|
|
5927
5927
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
5928
5928
|
|
5929
5929
|
function add_css$w(target) {
|
5930
|
-
append_styles(target, "svelte-
|
5930
|
+
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}");
|
5931
5931
|
}
|
5932
5932
|
|
5933
5933
|
function create_fragment$X(ctx) {
|
@@ -5940,7 +5940,7 @@ function create_fragment$X(ctx) {
|
|
5940
5940
|
c() {
|
5941
5941
|
div = element("div");
|
5942
5942
|
if (default_slot) default_slot.c();
|
5943
|
-
attr(div, "class", "list svelte-
|
5943
|
+
attr(div, "class", "list svelte-aquv6z");
|
5944
5944
|
attr(div, "style", /*style*/ ctx[0]);
|
5945
5945
|
},
|
5946
5946
|
m(target, anchor) {
|
@@ -6074,7 +6074,7 @@ class List extends SvelteComponent {
|
|
6074
6074
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6075
6075
|
|
6076
6076
|
function add_css$v(target) {
|
6077
|
-
append_styles(target, "svelte-
|
6077
|
+
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}");
|
6078
6078
|
}
|
6079
6079
|
|
6080
6080
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
@@ -6144,7 +6144,7 @@ function create_fragment$W(ctx) {
|
|
6144
6144
|
c() {
|
6145
6145
|
div = element("div");
|
6146
6146
|
create_component(button.$$.fragment);
|
6147
|
-
attr(div, "class", "list-item svelte-
|
6147
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
6148
6148
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
6149
6149
|
},
|
6150
6150
|
m(target, anchor) {
|
@@ -6270,7 +6270,7 @@ class ListItem extends SvelteComponent {
|
|
6270
6270
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6271
6271
|
|
6272
6272
|
function add_css$u(target) {
|
6273
|
-
append_styles(target, "svelte-
|
6273
|
+
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}");
|
6274
6274
|
}
|
6275
6275
|
|
6276
6276
|
function create_fragment$V(ctx) {
|
@@ -6279,7 +6279,7 @@ function create_fragment$V(ctx) {
|
|
6279
6279
|
return {
|
6280
6280
|
c() {
|
6281
6281
|
div = element("div");
|
6282
|
-
attr(div, "class", "embed svelte-
|
6282
|
+
attr(div, "class", "embed svelte-wocq4p");
|
6283
6283
|
attr(div, "style", /*_style*/ ctx[1]);
|
6284
6284
|
},
|
6285
6285
|
m(target, anchor) {
|
@@ -6322,7 +6322,7 @@ class EmbedElement extends SvelteComponent {
|
|
6322
6322
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6323
6323
|
|
6324
6324
|
function add_css$t(target) {
|
6325
|
-
append_styles(target, "svelte-
|
6325
|
+
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%}");
|
6326
6326
|
}
|
6327
6327
|
|
6328
6328
|
function create_fragment$U(ctx) {
|
@@ -6334,7 +6334,7 @@ function create_fragment$U(ctx) {
|
|
6334
6334
|
div1 = element("div");
|
6335
6335
|
div0 = element("div");
|
6336
6336
|
attr(div0, "class", "karte-player");
|
6337
|
-
attr(div1, "class", "embed svelte-
|
6337
|
+
attr(div1, "class", "embed svelte-vikz49");
|
6338
6338
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6339
6339
|
},
|
6340
6340
|
m(target, anchor) {
|
@@ -6676,7 +6676,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6676
6676
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6677
6677
|
|
6678
6678
|
function add_css$s(target) {
|
6679
|
-
append_styles(target, "svelte-
|
6679
|
+
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%}");
|
6680
6680
|
}
|
6681
6681
|
|
6682
6682
|
function create_fragment$T(ctx) {
|
@@ -6688,7 +6688,7 @@ function create_fragment$T(ctx) {
|
|
6688
6688
|
div1 = element("div");
|
6689
6689
|
div0 = element("div");
|
6690
6690
|
attr(div0, "class", "karte-player");
|
6691
|
-
attr(div1, "class", "embed svelte-
|
6691
|
+
attr(div1, "class", "embed svelte-vikz49");
|
6692
6692
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6693
6693
|
},
|
6694
6694
|
m(target, anchor) {
|
@@ -6872,7 +6872,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6872
6872
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
6873
6873
|
|
6874
6874
|
function add_css$r(target) {
|
6875
|
-
append_styles(target, "svelte-
|
6875
|
+
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}");
|
6876
6876
|
}
|
6877
6877
|
|
6878
6878
|
function create_fragment$S(ctx) {
|
@@ -6885,12 +6885,12 @@ function create_fragment$S(ctx) {
|
|
6885
6885
|
c() {
|
6886
6886
|
div = element("div");
|
6887
6887
|
textarea = element("textarea");
|
6888
|
-
attr(textarea, "class", "textarea svelte-
|
6888
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
6889
6889
|
textarea.value = /*$value*/ ctx[4];
|
6890
6890
|
textarea.required = /*required*/ ctx[1];
|
6891
6891
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
6892
6892
|
attr(textarea, "style", /*style*/ ctx[3]);
|
6893
|
-
attr(div, "class", "textarea-wrapper svelte-
|
6893
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
6894
6894
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
6895
6895
|
},
|
6896
6896
|
m(target, anchor) {
|
@@ -7042,7 +7042,7 @@ class FormTextarea extends SvelteComponent {
|
|
7042
7042
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7043
7043
|
|
7044
7044
|
function add_css$q(target) {
|
7045
|
-
append_styles(target, "svelte-
|
7045
|
+
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}");
|
7046
7046
|
}
|
7047
7047
|
|
7048
7048
|
function get_each_context$5(ctx, list, i) {
|
@@ -7076,14 +7076,14 @@ function create_each_block$5(ctx) {
|
|
7076
7076
|
t1 = text(t1_value);
|
7077
7077
|
t2 = space();
|
7078
7078
|
attr(input, "type", "radio");
|
7079
|
-
attr(input, "class", "radio-button-input svelte-
|
7079
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
7080
7080
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
7081
7081
|
attr(input, "name", /*name*/ ctx[0]);
|
7082
7082
|
input.value = input_value_value = /*option*/ ctx[17];
|
7083
7083
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
7084
|
-
attr(span, "class", "radio-button-text svelte-
|
7084
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
7085
7085
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
7086
|
-
attr(label, "class", "radio-button svelte-
|
7086
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
7087
7087
|
},
|
7088
7088
|
m(target, anchor) {
|
7089
7089
|
insert(target, label, anchor);
|
@@ -7148,7 +7148,7 @@ function create_fragment$R(ctx) {
|
|
7148
7148
|
each_blocks[i].c();
|
7149
7149
|
}
|
7150
7150
|
|
7151
|
-
attr(div, "class", "radio-buttons svelte-
|
7151
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
7152
7152
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7153
7153
|
},
|
7154
7154
|
m(target, anchor) {
|
@@ -7317,7 +7317,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
7317
7317
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7318
7318
|
|
7319
7319
|
function add_css$p(target) {
|
7320
|
-
append_styles(target, "svelte-
|
7320
|
+
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}");
|
7321
7321
|
}
|
7322
7322
|
|
7323
7323
|
function get_each_context$4(ctx, list, i) {
|
@@ -7451,10 +7451,10 @@ function create_fragment$Q(ctx) {
|
|
7451
7451
|
|
7452
7452
|
t = space();
|
7453
7453
|
div0 = element("div");
|
7454
|
-
attr(select, "class", "select-select svelte-
|
7454
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
7455
7455
|
attr(select, "style", /*style*/ ctx[3]);
|
7456
|
-
attr(div0, "class", "select-icon svelte-
|
7457
|
-
attr(div1, "class", "select svelte-
|
7456
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
7457
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
7458
7458
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
7459
7459
|
},
|
7460
7460
|
m(target, anchor) {
|
@@ -7656,7 +7656,7 @@ class FormSelect extends SvelteComponent {
|
|
7656
7656
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7657
7657
|
|
7658
7658
|
function add_css$o(target) {
|
7659
|
-
append_styles(target, "svelte-
|
7659
|
+
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}");
|
7660
7660
|
}
|
7661
7661
|
|
7662
7662
|
function get_each_context$3(ctx, list, i) {
|
@@ -7695,19 +7695,19 @@ function create_each_block$3(ctx) {
|
|
7695
7695
|
span2 = element("span");
|
7696
7696
|
t2 = text(t2_value);
|
7697
7697
|
t3 = space();
|
7698
|
-
attr(input, "class", "check-box-input svelte-
|
7698
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
7699
7699
|
attr(input, "type", "checkbox");
|
7700
7700
|
attr(input, "name", /*name*/ ctx[0]);
|
7701
7701
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
7702
|
-
attr(span0, "class", "check-box-icon svelte-
|
7702
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
7703
7703
|
|
7704
7704
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7705
7705
|
? ' _checked'
|
7706
|
-
: ''}`) + " svelte-
|
7706
|
+
: ''}`) + " svelte-1p65cg8"));
|
7707
7707
|
|
7708
|
-
attr(span2, "class", "check-box-text svelte-
|
7708
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
7709
7709
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
7710
|
-
attr(label, "class", "check-box svelte-
|
7710
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
7711
7711
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
7712
7712
|
},
|
7713
7713
|
m(target, anchor) {
|
@@ -7739,7 +7739,7 @@ function create_each_block$3(ctx) {
|
|
7739
7739
|
|
7740
7740
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7741
7741
|
? ' _checked'
|
7742
|
-
: ''}`) + " svelte-
|
7742
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
7743
7743
|
attr(span1, "class", span1_class_value);
|
7744
7744
|
}
|
7745
7745
|
|
@@ -7778,7 +7778,7 @@ function create_fragment$P(ctx) {
|
|
7778
7778
|
each_blocks[i].c();
|
7779
7779
|
}
|
7780
7780
|
|
7781
|
-
attr(div, "class", "check-boxes svelte-
|
7781
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
7782
7782
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7783
7783
|
},
|
7784
7784
|
m(target, anchor) {
|
@@ -7953,7 +7953,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7953
7953
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7954
7954
|
|
7955
7955
|
function add_css$n(target) {
|
7956
|
-
append_styles(target, "svelte-
|
7956
|
+
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}");
|
7957
7957
|
}
|
7958
7958
|
|
7959
7959
|
function get_each_context$2(ctx, list, i) {
|
@@ -7977,7 +7977,7 @@ function create_each_block$2(ctx) {
|
|
7977
7977
|
button = element("button");
|
7978
7978
|
t0 = text(t0_value);
|
7979
7979
|
t1 = space();
|
7980
|
-
attr(button, "class", "rating-button svelte-
|
7980
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
7981
7981
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
7982
7982
|
},
|
7983
7983
|
m(target, anchor) {
|
@@ -8026,7 +8026,7 @@ function create_fragment$O(ctx) {
|
|
8026
8026
|
each_blocks[i].c();
|
8027
8027
|
}
|
8028
8028
|
|
8029
|
-
attr(div, "class", "rating-buttons svelte-
|
8029
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
8030
8030
|
},
|
8031
8031
|
m(target, anchor) {
|
8032
8032
|
insert(target, div, anchor);
|
@@ -8170,7 +8170,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8170
8170
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8171
8171
|
|
8172
8172
|
function add_css$m(target) {
|
8173
|
-
append_styles(target, "svelte-
|
8173
|
+
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%)}");
|
8174
8174
|
}
|
8175
8175
|
|
8176
8176
|
function get_each_context$1(ctx, list, i) {
|
@@ -8195,9 +8195,9 @@ function create_each_block$1(ctx) {
|
|
8195
8195
|
img = element("img");
|
8196
8196
|
t = space();
|
8197
8197
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
8198
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
8198
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
8199
8199
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
8200
|
-
attr(button, "class", "rating-button svelte-
|
8200
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
8201
8201
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
8202
8202
|
},
|
8203
8203
|
m(target, anchor) {
|
@@ -8213,7 +8213,7 @@ function create_each_block$1(ctx) {
|
|
8213
8213
|
p(new_ctx, dirty) {
|
8214
8214
|
ctx = new_ctx;
|
8215
8215
|
|
8216
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
8216
|
+
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"))) {
|
8217
8217
|
attr(img, "class", img_class_value);
|
8218
8218
|
}
|
8219
8219
|
|
@@ -8246,7 +8246,7 @@ function create_fragment$N(ctx) {
|
|
8246
8246
|
each_blocks[i].c();
|
8247
8247
|
}
|
8248
8248
|
|
8249
|
-
attr(div, "class", "rating-buttons svelte-
|
8249
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
8250
8250
|
},
|
8251
8251
|
m(target, anchor) {
|
8252
8252
|
insert(target, div, anchor);
|
@@ -8354,7 +8354,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
8354
8354
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
8355
8355
|
|
8356
8356
|
function add_css$l(target) {
|
8357
|
-
append_styles(target, "svelte-
|
8357
|
+
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}");
|
8358
8358
|
}
|
8359
8359
|
|
8360
8360
|
function create_fragment$M(ctx) {
|
@@ -8368,13 +8368,13 @@ function create_fragment$M(ctx) {
|
|
8368
8368
|
c() {
|
8369
8369
|
div = element("div");
|
8370
8370
|
input = element("input");
|
8371
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
8371
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
8372
8372
|
attr(input, "type", "text");
|
8373
8373
|
input.value = /*$value*/ ctx[2];
|
8374
8374
|
input.required = /*required*/ ctx[0];
|
8375
8375
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
8376
8376
|
attr(input, "style", /*style*/ ctx[5]);
|
8377
|
-
attr(div, "class", "input-wrapper svelte-
|
8377
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
8378
8378
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
8379
8379
|
},
|
8380
8380
|
m(target, anchor) {
|
@@ -8387,7 +8387,7 @@ function create_fragment$M(ctx) {
|
|
8387
8387
|
}
|
8388
8388
|
},
|
8389
8389
|
p(ctx, [dirty]) {
|
8390
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
8390
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
8391
8391
|
attr(input, "class", input_class_value);
|
8392
8392
|
}
|
8393
8393
|
|
@@ -8575,7 +8575,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8575
8575
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
8576
8576
|
|
8577
8577
|
function add_css$k(target) {
|
8578
|
-
append_styles(target, "svelte-
|
8578
|
+
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}");
|
8579
8579
|
}
|
8580
8580
|
|
8581
8581
|
function create_fragment$L(ctx) {
|
@@ -8613,20 +8613,20 @@ function create_fragment$L(ctx) {
|
|
8613
8613
|
span1 = element("span");
|
8614
8614
|
t4 = text("いいえ");
|
8615
8615
|
attr(input0, "type", "radio");
|
8616
|
-
attr(input0, "class", "radio-button-input svelte-
|
8616
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
8617
8617
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
8618
8618
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
8619
|
-
attr(span0, "class", "radio-button-text svelte-
|
8619
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
8620
8620
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
8621
|
-
attr(label0, "class", "radio-button svelte-
|
8621
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
8622
8622
|
attr(input1, "type", "radio");
|
8623
|
-
attr(input1, "class", "radio-button-input svelte-
|
8623
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
8624
8624
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
8625
8625
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
8626
|
-
attr(span1, "class", "radio-button-text svelte-
|
8626
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
8627
8627
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
8628
|
-
attr(label1, "class", "radio-button svelte-
|
8629
|
-
attr(div, "class", "radio-buttons svelte-
|
8628
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
8629
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
8630
8630
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
8631
8631
|
},
|
8632
8632
|
m(target, anchor) {
|
@@ -8794,7 +8794,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
8794
8794
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
8795
8795
|
|
8796
8796
|
function add_css$j(target) {
|
8797
|
-
append_styles(target, "svelte-
|
8797
|
+
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%}");
|
8798
8798
|
}
|
8799
8799
|
|
8800
8800
|
function get_each_context(ctx, list, i) {
|
@@ -8823,9 +8823,9 @@ function create_if_block_1$1(ctx) {
|
|
8823
8823
|
attr(svg, "viewBox", "0 0 10 16");
|
8824
8824
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8825
8825
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
8826
|
-
attr(button, "class", "move-button svelte-
|
8826
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8827
8827
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
8828
|
-
attr(div, "class", "prev-button-container svelte-
|
8828
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
8829
8829
|
},
|
8830
8830
|
m(target, anchor) {
|
8831
8831
|
insert(target, div, anchor);
|
@@ -8874,9 +8874,9 @@ function create_if_block$5(ctx) {
|
|
8874
8874
|
attr(svg, "viewBox", "0 0 10 16");
|
8875
8875
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8876
8876
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
8877
|
-
attr(button, "class", "move-button svelte-
|
8877
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8878
8878
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
8879
|
-
attr(div, "class", "next-button-container svelte-
|
8879
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
8880
8880
|
},
|
8881
8881
|
m(target, anchor) {
|
8882
8882
|
insert(target, div, anchor);
|
@@ -8924,9 +8924,9 @@ function create_each_block(ctx) {
|
|
8924
8924
|
button = element("button");
|
8925
8925
|
div = element("div");
|
8926
8926
|
t = space();
|
8927
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
8927
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
8928
8928
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
8929
|
-
attr(button, "class", "navigation-item svelte-
|
8929
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
8930
8930
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
8931
8931
|
},
|
8932
8932
|
m(target, anchor) {
|
@@ -9003,14 +9003,14 @@ function create_fragment$K(ctx) {
|
|
9003
9003
|
each_blocks[i].c();
|
9004
9004
|
}
|
9005
9005
|
|
9006
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
9006
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
9007
9007
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
9008
|
-
attr(div1, "class", "container svelte-
|
9008
|
+
attr(div1, "class", "container svelte-ji1fh");
|
9009
9009
|
attr(div1, "style", /*_style*/ ctx[0]);
|
9010
|
-
attr(div2, "class", "navigation svelte-
|
9010
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
9011
9011
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
9012
9012
|
set_attributes(div3, div3_data);
|
9013
|
-
toggle_class(div3, "svelte-
|
9013
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
9014
9014
|
},
|
9015
9015
|
m(target, anchor) {
|
9016
9016
|
insert(target, div3, anchor);
|
@@ -9052,7 +9052,7 @@ function create_fragment$K(ctx) {
|
|
9052
9052
|
}
|
9053
9053
|
}
|
9054
9054
|
|
9055
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
9055
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
9056
9056
|
attr(div0, "class", div0_class_value);
|
9057
9057
|
}
|
9058
9058
|
|
@@ -9118,7 +9118,7 @@ function create_fragment$K(ctx) {
|
|
9118
9118
|
}
|
9119
9119
|
|
9120
9120
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
9121
|
-
toggle_class(div3, "svelte-
|
9121
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
9122
9122
|
},
|
9123
9123
|
i(local) {
|
9124
9124
|
if (current) return;
|
@@ -9630,7 +9630,7 @@ class Slide extends SvelteComponent {
|
|
9630
9630
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
9631
9631
|
|
9632
9632
|
function add_css$i(target) {
|
9633
|
-
append_styles(target, "svelte-
|
9633
|
+
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}");
|
9634
9634
|
}
|
9635
9635
|
|
9636
9636
|
function create_fragment$J(ctx) {
|
@@ -9645,9 +9645,9 @@ function create_fragment$J(ctx) {
|
|
9645
9645
|
div1 = element("div");
|
9646
9646
|
div0 = element("div");
|
9647
9647
|
if (default_slot) default_slot.c();
|
9648
|
-
attr(div0, "class", "item-inner svelte-
|
9648
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
9649
9649
|
attr(div0, "style", /*_style*/ ctx[0]);
|
9650
|
-
attr(div1, "class", "item svelte-
|
9650
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
9651
9651
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
9652
9652
|
},
|
9653
9653
|
m(target, anchor) {
|
@@ -9773,7 +9773,7 @@ class SlideItem extends SvelteComponent {
|
|
9773
9773
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
9774
9774
|
|
9775
9775
|
function add_css$h(target) {
|
9776
|
-
append_styles(target, "svelte-
|
9776
|
+
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}");
|
9777
9777
|
}
|
9778
9778
|
|
9779
9779
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
@@ -9791,9 +9791,9 @@ function create_fragment$I(ctx) {
|
|
9791
9791
|
div1 = element("div");
|
9792
9792
|
div0 = element("div");
|
9793
9793
|
if (default_slot) default_slot.c();
|
9794
|
-
attr(div0, "class", "countdown-inner svelte-
|
9794
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
9795
9795
|
attr(div0, "style", /*_style*/ ctx[0]);
|
9796
|
-
attr(div1, "class", "countdown svelte-
|
9796
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
9797
9797
|
},
|
9798
9798
|
m(target, anchor) {
|
9799
9799
|
insert(target, div1, anchor);
|
@@ -9927,7 +9927,7 @@ class Countdown extends SvelteComponent {
|
|
9927
9927
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
9928
9928
|
|
9929
9929
|
function add_css$g(target) {
|
9930
|
-
append_styles(target, "svelte-
|
9930
|
+
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}");
|
9931
9931
|
}
|
9932
9932
|
|
9933
9933
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
@@ -9997,7 +9997,7 @@ function create_fragment$H(ctx) {
|
|
9997
9997
|
c() {
|
9998
9998
|
div = element("div");
|
9999
9999
|
create_component(button.$$.fragment);
|
10000
|
-
attr(div, "class", "box svelte-
|
10000
|
+
attr(div, "class", "box svelte-1ccydfy");
|
10001
10001
|
},
|
10002
10002
|
m(target, anchor) {
|
10003
10003
|
insert(target, div, anchor);
|
@@ -10058,7 +10058,7 @@ class Box extends SvelteComponent {
|
|
10058
10058
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10059
10059
|
|
10060
10060
|
function add_css$f(target) {
|
10061
|
-
append_styles(target, "svelte-
|
10061
|
+
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)}");
|
10062
10062
|
}
|
10063
10063
|
|
10064
10064
|
// (56:4) {#if svg}
|
@@ -10140,7 +10140,7 @@ function create_fragment$G(ctx) {
|
|
10140
10140
|
c() {
|
10141
10141
|
div = element("div");
|
10142
10142
|
create_component(button.$$.fragment);
|
10143
|
-
attr(div, "class", "icon svelte-
|
10143
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
10144
10144
|
},
|
10145
10145
|
m(target, anchor) {
|
10146
10146
|
insert(target, div, anchor);
|
@@ -10249,7 +10249,7 @@ class IconElement extends SvelteComponent {
|
|
10249
10249
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
10250
10250
|
|
10251
10251
|
function add_css$e(target) {
|
10252
|
-
append_styles(target, "svelte-
|
10252
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
10253
10253
|
}
|
10254
10254
|
|
10255
10255
|
function create_fragment$F(ctx) {
|
@@ -10275,7 +10275,7 @@ function create_fragment$F(ctx) {
|
|
10275
10275
|
c() {
|
10276
10276
|
div = element("div");
|
10277
10277
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
10278
|
-
attr(div, "class", "codeElement svelte-
|
10278
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
10279
10279
|
attr(div, "style", /*style*/ ctx[3]);
|
10280
10280
|
},
|
10281
10281
|
m(target, anchor) {
|
@@ -10364,7 +10364,7 @@ class CodeElement extends SvelteComponent {
|
|
10364
10364
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
10365
10365
|
|
10366
10366
|
function add_css$d(target) {
|
10367
|
-
append_styles(target, "svelte-
|
10367
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
10368
10368
|
}
|
10369
10369
|
|
10370
10370
|
function create_fragment$E(ctx) {
|
@@ -10378,7 +10378,7 @@ function create_fragment$E(ctx) {
|
|
10378
10378
|
c() {
|
10379
10379
|
div = element("div");
|
10380
10380
|
if (default_slot) default_slot.c();
|
10381
|
-
attr(div, "class", "flex svelte-
|
10381
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
10382
10382
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
10383
10383
|
},
|
10384
10384
|
m(target, anchor) {
|
@@ -10475,7 +10475,7 @@ class Flex extends SvelteComponent {
|
|
10475
10475
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
10476
10476
|
|
10477
10477
|
function add_css$c(target) {
|
10478
|
-
append_styles(target, "svelte-
|
10478
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
10479
10479
|
}
|
10480
10480
|
|
10481
10481
|
function create_fragment$D(ctx) {
|
@@ -10488,7 +10488,7 @@ function create_fragment$D(ctx) {
|
|
10488
10488
|
c() {
|
10489
10489
|
div = element("div");
|
10490
10490
|
if (default_slot) default_slot.c();
|
10491
|
-
attr(div, "class", "flex-item svelte-
|
10491
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
10492
10492
|
attr(div, "style", /*style*/ ctx[0]);
|
10493
10493
|
},
|
10494
10494
|
m(target, anchor) {
|
@@ -10896,7 +10896,7 @@ class GridModalState extends SvelteComponent {
|
|
10896
10896
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
10897
10897
|
|
10898
10898
|
function add_css$b(target) {
|
10899
|
-
append_styles(target, "svelte-
|
10899
|
+
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%}");
|
10900
10900
|
}
|
10901
10901
|
|
10902
10902
|
function create_fragment$B(ctx) {
|
@@ -10912,8 +10912,8 @@ function create_fragment$B(ctx) {
|
|
10912
10912
|
div1 = element("div");
|
10913
10913
|
div0 = element("div");
|
10914
10914
|
create_component(rendertext.$$.fragment);
|
10915
|
-
attr(div0, "class", "text-block-inner svelte-
|
10916
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
10915
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
10916
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
10917
10917
|
attr(div1, "style", /*style*/ ctx[2]);
|
10918
10918
|
},
|
10919
10919
|
m(target, anchor) {
|
@@ -10927,7 +10927,7 @@ function create_fragment$B(ctx) {
|
|
10927
10927
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
10928
10928
|
rendertext.$set(rendertext_changes);
|
10929
10929
|
|
10930
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
10930
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
10931
10931
|
attr(div1, "class", div1_class_value);
|
10932
10932
|
}
|
10933
10933
|
|
@@ -11005,7 +11005,7 @@ class TextBlock extends SvelteComponent {
|
|
11005
11005
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
11006
11006
|
|
11007
11007
|
function add_css$a(target) {
|
11008
|
-
append_styles(target, "svelte-
|
11008
|
+
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)}");
|
11009
11009
|
}
|
11010
11010
|
|
11011
11011
|
function create_fragment$A(ctx) {
|
@@ -11022,9 +11022,9 @@ function create_fragment$A(ctx) {
|
|
11022
11022
|
div = element("div");
|
11023
11023
|
button = element("button");
|
11024
11024
|
create_component(rendertext.$$.fragment);
|
11025
|
-
attr(button, "class", "text-button svelte-
|
11025
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
11026
11026
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
11027
|
-
attr(div, "class", "text-button-block svelte-
|
11027
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
11028
11028
|
attr(div, "style", /*_style*/ ctx[2]);
|
11029
11029
|
},
|
11030
11030
|
m(target, anchor) {
|
@@ -11130,7 +11130,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
11130
11130
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
11131
11131
|
|
11132
11132
|
function add_css$9(target) {
|
11133
|
-
append_styles(target, "svelte-
|
11133
|
+
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)}");
|
11134
11134
|
}
|
11135
11135
|
|
11136
11136
|
function create_fragment$z(ctx) {
|
@@ -11146,14 +11146,14 @@ function create_fragment$z(ctx) {
|
|
11146
11146
|
c() {
|
11147
11147
|
div = element("div");
|
11148
11148
|
img = element("img");
|
11149
|
-
attr(img, "class", "image svelte-
|
11149
|
+
attr(img, "class", "image svelte-1pdw891");
|
11150
11150
|
attr(img, "loading", "lazy");
|
11151
11151
|
attr(img, "width", "auto");
|
11152
11152
|
attr(img, "height", "auto");
|
11153
11153
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
11154
11154
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
11155
11155
|
attr(img, "alt", /*alt*/ ctx[1]);
|
11156
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
11156
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
11157
11157
|
attr(div, "style", /*_style*/ ctx[5]);
|
11158
11158
|
},
|
11159
11159
|
m(target, anchor) {
|
@@ -11178,7 +11178,7 @@ function create_fragment$z(ctx) {
|
|
11178
11178
|
attr(img, "alt", /*alt*/ ctx[1]);
|
11179
11179
|
}
|
11180
11180
|
|
11181
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
11181
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
11182
11182
|
attr(div, "class", div_class_value);
|
11183
11183
|
}
|
11184
11184
|
|
@@ -11349,7 +11349,7 @@ const toCssShadow = (p) => {
|
|
11349
11349
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
11350
11350
|
|
11351
11351
|
function add_css$8(target) {
|
11352
|
-
append_styles(target, "svelte-
|
11352
|
+
append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
|
11353
11353
|
}
|
11354
11354
|
|
11355
11355
|
function create_fragment$y(ctx) {
|
@@ -11365,7 +11365,7 @@ function create_fragment$y(ctx) {
|
|
11365
11365
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
11366
11366
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
11367
11367
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
11368
|
-
attr(div, "class", "avatar svelte-
|
11368
|
+
attr(div, "class", "avatar svelte-17xar9h");
|
11369
11369
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
11370
11370
|
attr(div, "style", /*style*/ ctx[3]);
|
11371
11371
|
},
|
@@ -12873,7 +12873,7 @@ const ICON_PARAMS = [
|
|
12873
12873
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
12874
12874
|
|
12875
12875
|
function add_css$7(target) {
|
12876
|
-
append_styles(target, "svelte-
|
12876
|
+
append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
12877
12877
|
}
|
12878
12878
|
|
12879
12879
|
// (15:0) {#if (IconComponent)}
|
@@ -12898,7 +12898,7 @@ function create_if_block$3(ctx) {
|
|
12898
12898
|
div = element("div");
|
12899
12899
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
12900
12900
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
12901
|
-
attr(div, "class", "icon svelte-
|
12901
|
+
attr(div, "class", "icon svelte-1mx2edd");
|
12902
12902
|
attr(div, "style", /*style*/ ctx[3]);
|
12903
12903
|
},
|
12904
12904
|
m(target, anchor) {
|
@@ -13052,7 +13052,7 @@ class Icon extends SvelteComponent {
|
|
13052
13052
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
13053
13053
|
|
13054
13054
|
function add_css$6(target) {
|
13055
|
-
append_styles(target, "svelte-
|
13055
|
+
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}");
|
13056
13056
|
}
|
13057
13057
|
|
13058
13058
|
// (127:2) {#if (props.isIcon && props.iconVariant)}
|
@@ -13075,7 +13075,7 @@ function create_if_block$2(ctx) {
|
|
13075
13075
|
c() {
|
13076
13076
|
div = element("div");
|
13077
13077
|
create_component(icon.$$.fragment);
|
13078
|
-
attr(div, "class", "
|
13078
|
+
attr(div, "class", "button-icon svelte-bo01kn");
|
13079
13079
|
},
|
13080
13080
|
m(target, anchor) {
|
13081
13081
|
insert(target, div, anchor);
|
@@ -13129,7 +13129,7 @@ function create_fragment$6(ctx) {
|
|
13129
13129
|
t1 = text(t1_value);
|
13130
13130
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
13131
13131
|
attr(button, "style", /*style*/ ctx[2]);
|
13132
|
-
attr(button, "class", "
|
13132
|
+
attr(button, "class", "button svelte-bo01kn");
|
13133
13133
|
},
|
13134
13134
|
m(target, anchor) {
|
13135
13135
|
insert(target, button, anchor);
|
@@ -13377,13 +13377,28 @@ const BUTTON_ICON_ANGLE = {
|
|
13377
13377
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
13378
13378
|
|
13379
13379
|
function add_css$5(target) {
|
13380
|
-
append_styles(target, "svelte-
|
13380
|
+
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}");
|
13381
13381
|
}
|
13382
13382
|
|
13383
13383
|
function create_fragment$5(ctx) {
|
13384
13384
|
let button;
|
13385
13385
|
let svg;
|
13386
13386
|
let path;
|
13387
|
+
let mounted;
|
13388
|
+
let dispose;
|
13389
|
+
|
13390
|
+
let button_levels = [
|
13391
|
+
{ "data-layer-id": /*layerId*/ ctx[0] },
|
13392
|
+
{ class: "close-button" },
|
13393
|
+
{ style: /*style*/ ctx[1] },
|
13394
|
+
dataAttrStopPropagation('click')
|
13395
|
+
];
|
13396
|
+
|
13397
|
+
let button_data = {};
|
13398
|
+
|
13399
|
+
for (let i = 0; i < button_levels.length; i += 1) {
|
13400
|
+
button_data = assign(button_data, button_levels[i]);
|
13401
|
+
}
|
13387
13402
|
|
13388
13403
|
return {
|
13389
13404
|
c() {
|
@@ -13396,45 +13411,68 @@ function create_fragment$5(ctx) {
|
|
13396
13411
|
set_style(svg, "height", "75%");
|
13397
13412
|
attr(svg, "viewBox", "0 0 50 50");
|
13398
13413
|
attr(svg, "fill", "#666666");
|
13399
|
-
|
13400
|
-
|
13401
|
-
attr(button, "style", /*style*/ ctx[1]);
|
13414
|
+
set_attributes(button, button_data);
|
13415
|
+
toggle_class(button, "svelte-13071ty", true);
|
13402
13416
|
},
|
13403
13417
|
m(target, anchor) {
|
13404
13418
|
insert(target, button, anchor);
|
13405
13419
|
append(button, svg);
|
13406
13420
|
append(svg, path);
|
13421
|
+
if (button.autofocus) button.focus();
|
13422
|
+
|
13423
|
+
if (!mounted) {
|
13424
|
+
dispose = listen(button, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[2])));
|
13425
|
+
mounted = true;
|
13426
|
+
}
|
13407
13427
|
},
|
13408
13428
|
p(ctx, [dirty]) {
|
13409
|
-
|
13410
|
-
|
13411
|
-
|
13429
|
+
set_attributes(button, button_data = get_spread_update(button_levels, [
|
13430
|
+
dirty & /*layerId*/ 1 && { "data-layer-id": /*layerId*/ ctx[0] },
|
13431
|
+
{ class: "close-button" },
|
13432
|
+
dirty & /*style*/ 2 && { style: /*style*/ ctx[1] },
|
13433
|
+
dataAttrStopPropagation('click')
|
13434
|
+
]));
|
13412
13435
|
|
13413
|
-
|
13414
|
-
attr(button, "style", /*style*/ ctx[1]);
|
13415
|
-
}
|
13436
|
+
toggle_class(button, "svelte-13071ty", true);
|
13416
13437
|
},
|
13417
13438
|
i: noop,
|
13418
13439
|
o: noop,
|
13419
13440
|
d(detaching) {
|
13420
13441
|
if (detaching) detach(button);
|
13442
|
+
mounted = false;
|
13443
|
+
dispose();
|
13421
13444
|
}
|
13422
13445
|
};
|
13423
13446
|
}
|
13424
13447
|
|
13425
13448
|
function instance$5($$self, $$props, $$invalidate) {
|
13426
13449
|
let style;
|
13450
|
+
let { onClick = { operation: 'closeApp', args: ['button'] } } = $$props;
|
13427
13451
|
let { props = {} } = $$props;
|
13428
13452
|
let { layerId = '' } = $$props;
|
13453
|
+
let { eventName = '' } = $$props;
|
13454
|
+
let { eventValue = undefined } = $$props;
|
13455
|
+
|
13456
|
+
function handleClick() {
|
13457
|
+
if (eventName) {
|
13458
|
+
send_event(eventName, eventValue);
|
13459
|
+
}
|
13460
|
+
|
13461
|
+
execOnClickOperation(onClick);
|
13462
|
+
}
|
13463
|
+
|
13429
13464
|
const size = props.size ?? 24;
|
13430
13465
|
|
13431
13466
|
$$self.$$set = $$props => {
|
13432
|
-
if ('
|
13467
|
+
if ('onClick' in $$props) $$invalidate(3, onClick = $$props.onClick);
|
13468
|
+
if ('props' in $$props) $$invalidate(4, props = $$props.props);
|
13433
13469
|
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
13470
|
+
if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
|
13471
|
+
if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
|
13434
13472
|
};
|
13435
13473
|
|
13436
13474
|
$$self.$$.update = () => {
|
13437
|
-
if ($$self.$$.dirty & /*props*/
|
13475
|
+
if ($$self.$$.dirty & /*props*/ 16) {
|
13438
13476
|
$$invalidate(1, style = objToStyle({
|
13439
13477
|
width: `${size}px`,
|
13440
13478
|
height: `${size}px`,
|
@@ -13444,20 +13482,35 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
13444
13482
|
}
|
13445
13483
|
};
|
13446
13484
|
|
13447
|
-
return [layerId, style, props];
|
13485
|
+
return [layerId, style, handleClick, onClick, props, eventName, eventValue];
|
13448
13486
|
}
|
13449
13487
|
|
13450
13488
|
class CloseButton extends SvelteComponent {
|
13451
13489
|
constructor(options) {
|
13452
13490
|
super();
|
13453
|
-
|
13491
|
+
|
13492
|
+
init(
|
13493
|
+
this,
|
13494
|
+
options,
|
13495
|
+
instance$5,
|
13496
|
+
create_fragment$5,
|
13497
|
+
safe_not_equal,
|
13498
|
+
{
|
13499
|
+
onClick: 3,
|
13500
|
+
props: 4,
|
13501
|
+
layerId: 0,
|
13502
|
+
eventName: 5,
|
13503
|
+
eventValue: 6
|
13504
|
+
},
|
13505
|
+
add_css$5
|
13506
|
+
);
|
13454
13507
|
}
|
13455
13508
|
}
|
13456
13509
|
|
13457
13510
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
13458
13511
|
|
13459
13512
|
function add_css$4(target) {
|
13460
|
-
append_styles(target, "svelte-
|
13513
|
+
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}");
|
13461
13514
|
}
|
13462
13515
|
|
13463
13516
|
function create_fragment$4(ctx) {
|
@@ -13474,11 +13527,11 @@ function create_fragment$4(ctx) {
|
|
13474
13527
|
img = element("img");
|
13475
13528
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
13476
13529
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
13477
|
-
attr(img, "class", "image-img svelte-
|
13530
|
+
attr(img, "class", "image-img svelte-52a988");
|
13478
13531
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
13479
|
-
attr(object, "class", "image-object svelte-
|
13532
|
+
attr(object, "class", "image-object svelte-52a988");
|
13480
13533
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
13481
|
-
attr(div, "class", "image svelte-
|
13534
|
+
attr(div, "class", "image svelte-52a988");
|
13482
13535
|
attr(div, "style", /*style*/ ctx[3]);
|
13483
13536
|
},
|
13484
13537
|
m(target, anchor) {
|
@@ -13552,7 +13605,7 @@ class Image extends SvelteComponent {
|
|
13552
13605
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
13553
13606
|
|
13554
13607
|
function add_css$3(target) {
|
13555
|
-
append_styles(target, "svelte-
|
13608
|
+
append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
|
13556
13609
|
}
|
13557
13610
|
|
13558
13611
|
function create_fragment$3(ctx) {
|
@@ -13566,7 +13619,7 @@ function create_fragment$3(ctx) {
|
|
13566
13619
|
div = element("div");
|
13567
13620
|
if (default_slot) default_slot.c();
|
13568
13621
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
13569
|
-
attr(div, "class", "layout svelte-
|
13622
|
+
attr(div, "class", "layout svelte-1g6q4hu");
|
13570
13623
|
attr(div, "style", /*style*/ ctx[1]);
|
13571
13624
|
},
|
13572
13625
|
m(target, anchor) {
|
@@ -13669,7 +13722,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
13669
13722
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
13670
13723
|
|
13671
13724
|
function add_css$2(target) {
|
13672
|
-
append_styles(target, "svelte-
|
13725
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
13673
13726
|
}
|
13674
13727
|
|
13675
13728
|
function create_fragment$2(ctx) {
|
@@ -13679,7 +13732,7 @@ function create_fragment$2(ctx) {
|
|
13679
13732
|
c() {
|
13680
13733
|
p = element("p");
|
13681
13734
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
13682
|
-
attr(p, "class", "text svelte-
|
13735
|
+
attr(p, "class", "text svelte-1vl0c87");
|
13683
13736
|
attr(p, "style", /*style*/ ctx[1]);
|
13684
13737
|
},
|
13685
13738
|
m(target, anchor) {
|
@@ -13780,7 +13833,7 @@ const LAYER_TEXT_SIZE = {
|
|
13780
13833
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
13781
13834
|
|
13782
13835
|
function add_css$1(target) {
|
13783
|
-
append_styles(target, "svelte-
|
13836
|
+
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}");
|
13784
13837
|
}
|
13785
13838
|
|
13786
13839
|
// (14:0) {#if backgroundOverlay}
|
@@ -13793,7 +13846,7 @@ function create_if_block$1(ctx) {
|
|
13793
13846
|
return {
|
13794
13847
|
c() {
|
13795
13848
|
div = element("div");
|
13796
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
13849
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
13797
13850
|
},
|
13798
13851
|
m(target, anchor) {
|
13799
13852
|
insert(target, div, anchor);
|
@@ -13804,7 +13857,7 @@ function create_if_block$1(ctx) {
|
|
13804
13857
|
}
|
13805
13858
|
},
|
13806
13859
|
p(ctx, dirty) {
|
13807
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
13860
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
13808
13861
|
attr(div, "class", div_class_value);
|
13809
13862
|
}
|
13810
13863
|
},
|
@@ -13876,7 +13929,7 @@ class BackgroundOverlay extends SvelteComponent {
|
|
13876
13929
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
13877
13930
|
|
13878
13931
|
function add_css(target) {
|
13879
|
-
append_styles(target, "svelte-
|
13932
|
+
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}}");
|
13880
13933
|
}
|
13881
13934
|
|
13882
13935
|
// (264:0) {:else}
|
@@ -13886,12 +13939,12 @@ function create_else_block(ctx) {
|
|
13886
13939
|
|
13887
13940
|
backgroundoverlay = new BackgroundOverlay({
|
13888
13941
|
props: {
|
13889
|
-
backgroundOverlay: /*backgroundOverlay*/ ctx[
|
13942
|
+
backgroundOverlay: /*backgroundOverlay*/ ctx[7]
|
13890
13943
|
}
|
13891
13944
|
});
|
13892
13945
|
|
13893
13946
|
backgroundoverlay.$on("click", function () {
|
13894
|
-
if (is_function(/*backgroundClick*/ ctx[
|
13947
|
+
if (is_function(/*backgroundClick*/ ctx[15])) /*backgroundClick*/ ctx[15].apply(this, arguments);
|
13895
13948
|
});
|
13896
13949
|
|
13897
13950
|
return {
|
@@ -13905,7 +13958,7 @@ function create_else_block(ctx) {
|
|
13905
13958
|
p(new_ctx, dirty) {
|
13906
13959
|
ctx = new_ctx;
|
13907
13960
|
const backgroundoverlay_changes = {};
|
13908
|
-
if (dirty[0] & /*backgroundOverlay*/
|
13961
|
+
if (dirty[0] & /*backgroundOverlay*/ 128) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[7];
|
13909
13962
|
backgroundoverlay.$set(backgroundoverlay_changes);
|
13910
13963
|
},
|
13911
13964
|
i(local) {
|
@@ -13932,24 +13985,24 @@ function create_if_block_3(ctx) {
|
|
13932
13985
|
|
13933
13986
|
backgroundoverlay0 = new BackgroundOverlay({
|
13934
13987
|
props: {
|
13935
|
-
class: "
|
13936
|
-
backgroundOverlay: /*backgroundOverlayPC*/ ctx[
|
13988
|
+
class: "background-bp-pc",
|
13989
|
+
backgroundOverlay: /*backgroundOverlayPC*/ ctx[8]
|
13937
13990
|
}
|
13938
13991
|
});
|
13939
13992
|
|
13940
13993
|
backgroundoverlay0.$on("click", function () {
|
13941
|
-
if (is_function(/*backgroundClickPC*/ ctx[
|
13994
|
+
if (is_function(/*backgroundClickPC*/ ctx[14])) /*backgroundClickPC*/ ctx[14].apply(this, arguments);
|
13942
13995
|
});
|
13943
13996
|
|
13944
13997
|
backgroundoverlay1 = new BackgroundOverlay({
|
13945
13998
|
props: {
|
13946
|
-
class: "
|
13947
|
-
backgroundOverlay: /*backgroundOverlaySP*/ ctx[
|
13999
|
+
class: "background-bp-sp ",
|
14000
|
+
backgroundOverlay: /*backgroundOverlaySP*/ ctx[9]
|
13948
14001
|
}
|
13949
14002
|
});
|
13950
14003
|
|
13951
14004
|
backgroundoverlay1.$on("click", function () {
|
13952
|
-
if (is_function(/*backgroundClickSP*/ ctx[
|
14005
|
+
if (is_function(/*backgroundClickSP*/ ctx[13])) /*backgroundClickSP*/ ctx[13].apply(this, arguments);
|
13953
14006
|
});
|
13954
14007
|
|
13955
14008
|
return {
|
@@ -13967,10 +14020,10 @@ function create_if_block_3(ctx) {
|
|
13967
14020
|
p(new_ctx, dirty) {
|
13968
14021
|
ctx = new_ctx;
|
13969
14022
|
const backgroundoverlay0_changes = {};
|
13970
|
-
if (dirty[0] & /*backgroundOverlayPC*/
|
14023
|
+
if (dirty[0] & /*backgroundOverlayPC*/ 256) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[8];
|
13971
14024
|
backgroundoverlay0.$set(backgroundoverlay0_changes);
|
13972
14025
|
const backgroundoverlay1_changes = {};
|
13973
|
-
if (dirty[0] & /*backgroundOverlaySP*/
|
14026
|
+
if (dirty[0] & /*backgroundOverlaySP*/ 512) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[9];
|
13974
14027
|
backgroundoverlay1.$set(backgroundoverlay1_changes);
|
13975
14028
|
},
|
13976
14029
|
i(local) {
|
@@ -14012,7 +14065,7 @@ function create_if_block(ctx) {
|
|
14012
14065
|
let div1_class_value;
|
14013
14066
|
let div1_intro;
|
14014
14067
|
let current;
|
14015
|
-
let if_block = /*closable*/ ctx[
|
14068
|
+
let if_block = /*closable*/ ctx[16] && create_if_block_1(ctx);
|
14016
14069
|
const default_slot_template = /*#slots*/ ctx[30].default;
|
14017
14070
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
|
14018
14071
|
|
@@ -14023,10 +14076,10 @@ function create_if_block(ctx) {
|
|
14023
14076
|
t = space();
|
14024
14077
|
div0 = element("div");
|
14025
14078
|
if (default_slot) default_slot.c();
|
14026
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(['
|
14079
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
|
14027
14080
|
attr(div1, "role", "dialog");
|
14028
14081
|
attr(div1, "aria-modal", "true");
|
14029
|
-
attr(div1, "style", Array.from(/*modalStyles*/ ctx[
|
14082
|
+
attr(div1, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
|
14030
14083
|
},
|
14031
14084
|
m(target, anchor) {
|
14032
14085
|
insert(target, div1, anchor);
|
@@ -14044,11 +14097,11 @@ function create_if_block(ctx) {
|
|
14044
14097
|
p(new_ctx, dirty) {
|
14045
14098
|
ctx = new_ctx;
|
14046
14099
|
|
14047
|
-
if (/*closable*/ ctx[
|
14100
|
+
if (/*closable*/ ctx[16]) {
|
14048
14101
|
if (if_block) {
|
14049
14102
|
if_block.p(ctx, dirty);
|
14050
14103
|
|
14051
|
-
if (dirty[0] & /*closable*/
|
14104
|
+
if (dirty[0] & /*closable*/ 65536) {
|
14052
14105
|
transition_in(if_block, 1);
|
14053
14106
|
}
|
14054
14107
|
} else {
|
@@ -14082,7 +14135,7 @@ function create_if_block(ctx) {
|
|
14082
14135
|
}
|
14083
14136
|
}
|
14084
14137
|
|
14085
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['
|
14138
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
|
14086
14139
|
attr(div1, "class", div1_class_value);
|
14087
14140
|
}
|
14088
14141
|
},
|
@@ -14094,7 +14147,7 @@ function create_if_block(ctx) {
|
|
14094
14147
|
if (!div1_intro) {
|
14095
14148
|
add_render_callback(() => {
|
14096
14149
|
div1_intro = create_in_transition(div1, customAnimation, {
|
14097
|
-
transforms: /*transforms*/ ctx[
|
14150
|
+
transforms: /*transforms*/ ctx[6],
|
14098
14151
|
animationStyle: /*animation*/ ctx[1]
|
14099
14152
|
});
|
14100
14153
|
|
@@ -14125,15 +14178,20 @@ function create_if_block_1(ctx) {
|
|
14125
14178
|
let current;
|
14126
14179
|
|
14127
14180
|
closebutton = new CloseButton({
|
14128
|
-
props: {
|
14181
|
+
props: {
|
14182
|
+
onClick: /*onClose*/ ctx[2],
|
14183
|
+
eventName: /*closeEventName*/ ctx[3],
|
14184
|
+
eventValue: /*closeEventValue*/ ctx[4],
|
14185
|
+
props: /*closeButtonProps*/ ctx[5]
|
14186
|
+
}
|
14129
14187
|
});
|
14130
14188
|
|
14131
14189
|
return {
|
14132
14190
|
c() {
|
14133
14191
|
div = element("div");
|
14134
14192
|
create_component(closebutton.$$.fragment);
|
14135
|
-
attr(div, "class", "
|
14136
|
-
set_style(div, "z-index", /*$maximumZindex*/ ctx[
|
14193
|
+
attr(div, "class", "close svelte-1ks2ecq");
|
14194
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
|
14137
14195
|
},
|
14138
14196
|
m(target, anchor) {
|
14139
14197
|
insert(target, div, anchor);
|
@@ -14142,11 +14200,14 @@ function create_if_block_1(ctx) {
|
|
14142
14200
|
},
|
14143
14201
|
p(ctx, dirty) {
|
14144
14202
|
const closebutton_changes = {};
|
14145
|
-
if (dirty[0] & /*
|
14203
|
+
if (dirty[0] & /*onClose*/ 4) closebutton_changes.onClick = /*onClose*/ ctx[2];
|
14204
|
+
if (dirty[0] & /*closeEventName*/ 8) closebutton_changes.eventName = /*closeEventName*/ ctx[3];
|
14205
|
+
if (dirty[0] & /*closeEventValue*/ 16) closebutton_changes.eventValue = /*closeEventValue*/ ctx[4];
|
14206
|
+
if (dirty[0] & /*closeButtonProps*/ 32) closebutton_changes.props = /*closeButtonProps*/ ctx[5];
|
14146
14207
|
closebutton.$set(closebutton_changes);
|
14147
14208
|
|
14148
|
-
if (!current || dirty[0] & /*$maximumZindex*/
|
14149
|
-
set_style(div, "z-index", /*$maximumZindex*/ ctx[
|
14209
|
+
if (!current || dirty[0] & /*$maximumZindex*/ 131072) {
|
14210
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
|
14150
14211
|
}
|
14151
14212
|
},
|
14152
14213
|
i(local) {
|
@@ -14186,7 +14247,7 @@ function create_fragment(ctx) {
|
|
14186
14247
|
|
14187
14248
|
current_block_type_index = select_block_type(ctx);
|
14188
14249
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
14189
|
-
let if_block1 = /*visible*/ ctx[
|
14250
|
+
let if_block1 = /*visible*/ ctx[11] && create_if_block(ctx);
|
14190
14251
|
|
14191
14252
|
return {
|
14192
14253
|
c() {
|
@@ -14204,7 +14265,7 @@ function create_fragment(ctx) {
|
|
14204
14265
|
|
14205
14266
|
if (!mounted) {
|
14206
14267
|
dispose = listen(window, "keydown", function () {
|
14207
|
-
if (is_function(/*handle_keydown*/ ctx[
|
14268
|
+
if (is_function(/*handle_keydown*/ ctx[12])) /*handle_keydown*/ ctx[12].apply(this, arguments);
|
14208
14269
|
});
|
14209
14270
|
|
14210
14271
|
mounted = true;
|
@@ -14238,11 +14299,11 @@ function create_fragment(ctx) {
|
|
14238
14299
|
if_block0.m(t.parentNode, t);
|
14239
14300
|
}
|
14240
14301
|
|
14241
|
-
if (/*visible*/ ctx[
|
14302
|
+
if (/*visible*/ ctx[11]) {
|
14242
14303
|
if (if_block1) {
|
14243
14304
|
if_block1.p(ctx, dirty);
|
14244
14305
|
|
14245
|
-
if (dirty[0] & /*visible*/
|
14306
|
+
if (dirty[0] & /*visible*/ 2048) {
|
14246
14307
|
transition_in(if_block1, 1);
|
14247
14308
|
}
|
14248
14309
|
} else {
|
@@ -14292,7 +14353,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
14292
14353
|
let handle_keydown;
|
14293
14354
|
let visible;
|
14294
14355
|
let $maximumZindex;
|
14295
|
-
component_subscribe($$self, maximumZindex, $$value => $$invalidate(
|
14356
|
+
component_subscribe($$self, maximumZindex, $$value => $$invalidate(17, $maximumZindex = $$value));
|
14296
14357
|
let { $$slots: slots = {}, $$scope } = $$props;
|
14297
14358
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
14298
14359
|
let { clickEventName = '' } = $$props;
|
@@ -14323,7 +14384,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
14323
14384
|
let modal;
|
14324
14385
|
|
14325
14386
|
onMount$1(() => {
|
14326
|
-
$$invalidate(
|
14387
|
+
$$invalidate(11, visible = true);
|
14327
14388
|
});
|
14328
14389
|
|
14329
14390
|
onDestroy$1(() => setPreviousFocus());
|
@@ -14331,28 +14392,28 @@ function instance($$self, $$props, $$invalidate) {
|
|
14331
14392
|
function div1_binding($$value) {
|
14332
14393
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
14333
14394
|
modal = $$value;
|
14334
|
-
$$invalidate(
|
14395
|
+
$$invalidate(10, modal);
|
14335
14396
|
});
|
14336
14397
|
}
|
14337
14398
|
|
14338
14399
|
$$self.$$set = $$props => {
|
14339
|
-
if ('onClick' in $$props) $$invalidate(
|
14340
|
-
if ('clickEventName' in $$props) $$invalidate(
|
14341
|
-
if ('clickEventValue' in $$props) $$invalidate(
|
14400
|
+
if ('onClick' in $$props) $$invalidate(19, onClick = $$props.onClick);
|
14401
|
+
if ('clickEventName' in $$props) $$invalidate(20, clickEventName = $$props.clickEventName);
|
14402
|
+
if ('clickEventValue' in $$props) $$invalidate(21, clickEventValue = $$props.clickEventValue);
|
14342
14403
|
if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
|
14343
|
-
if ('placement' in $$props) $$invalidate(
|
14344
|
-
if ('breakPoint' in $$props) $$invalidate(
|
14345
|
-
if ('elasticity' in $$props) $$invalidate(
|
14404
|
+
if ('placement' in $$props) $$invalidate(22, placement = $$props.placement);
|
14405
|
+
if ('breakPoint' in $$props) $$invalidate(23, breakPoint = $$props.breakPoint);
|
14406
|
+
if ('elasticity' in $$props) $$invalidate(24, elasticity = $$props.elasticity);
|
14346
14407
|
if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
|
14347
|
-
if ('onClose' in $$props) $$invalidate(
|
14348
|
-
if ('closeEventName' in $$props) $$invalidate(
|
14349
|
-
if ('closeEventValue' in $$props) $$invalidate(
|
14350
|
-
if ('closeButtonProps' in $$props) $$invalidate(
|
14408
|
+
if ('onClose' in $$props) $$invalidate(2, onClose = $$props.onClose);
|
14409
|
+
if ('closeEventName' in $$props) $$invalidate(3, closeEventName = $$props.closeEventName);
|
14410
|
+
if ('closeEventValue' in $$props) $$invalidate(4, closeEventValue = $$props.closeEventValue);
|
14411
|
+
if ('closeButtonProps' in $$props) $$invalidate(5, closeButtonProps = $$props.closeButtonProps);
|
14351
14412
|
if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
|
14352
14413
|
};
|
14353
14414
|
|
14354
14415
|
$$self.$$.update = () => {
|
14355
|
-
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/
|
14416
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 28) {
|
14356
14417
|
$$invalidate(28, close = () => {
|
14357
14418
|
if (closeEventName) {
|
14358
14419
|
send_event(closeEventName, closeEventValue);
|
@@ -14362,26 +14423,26 @@ function instance($$self, $$props, $$invalidate) {
|
|
14362
14423
|
});
|
14363
14424
|
}
|
14364
14425
|
|
14365
|
-
if ($$self.$$.dirty[0] & /*onClose*/
|
14366
|
-
$$invalidate(
|
14426
|
+
if ($$self.$$.dirty[0] & /*onClose*/ 4) {
|
14427
|
+
$$invalidate(16, closable = haveFunction(onClose));
|
14367
14428
|
}
|
14368
14429
|
|
14369
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/
|
14430
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
|
14370
14431
|
{
|
14371
14432
|
if (placement && placement.backgroundOverlay) {
|
14372
|
-
$$invalidate(
|
14433
|
+
$$invalidate(7, backgroundOverlay = placement.backgroundOverlay);
|
14373
14434
|
}
|
14374
14435
|
|
14375
14436
|
if (useBreakPoint) {
|
14376
14437
|
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
14377
|
-
$$invalidate(
|
14438
|
+
$$invalidate(8, backgroundOverlayPC = pc ?? false);
|
14378
14439
|
const sp = breakPoint?.SP?.placement?.backgroundOverlay;
|
14379
|
-
$$invalidate(
|
14440
|
+
$$invalidate(9, backgroundOverlaySP = sp ?? false);
|
14380
14441
|
}
|
14381
14442
|
}
|
14382
14443
|
}
|
14383
14444
|
|
14384
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/
|
14445
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
|
14385
14446
|
{
|
14386
14447
|
if (placement && placement.backgroundClick) {
|
14387
14448
|
$$invalidate(25, backgroundClickFunction = placement.backgroundClick);
|
@@ -14403,8 +14464,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
14403
14464
|
}
|
14404
14465
|
}
|
14405
14466
|
|
14406
|
-
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
14407
|
-
$$invalidate(
|
14467
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 33554456) {
|
14468
|
+
$$invalidate(15, backgroundClick = () => {
|
14408
14469
|
if (closeEventName) {
|
14409
14470
|
send_event(closeEventName, closeEventValue);
|
14410
14471
|
}
|
@@ -14413,8 +14474,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
14413
14474
|
});
|
14414
14475
|
}
|
14415
14476
|
|
14416
|
-
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/
|
14417
|
-
$$invalidate(
|
14477
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 67108888) {
|
14478
|
+
$$invalidate(14, backgroundClickPC = () => {
|
14418
14479
|
if (closeEventName) {
|
14419
14480
|
send_event(closeEventName, closeEventValue);
|
14420
14481
|
}
|
@@ -14423,8 +14484,8 @@ function instance($$self, $$props, $$invalidate) {
|
|
14423
14484
|
});
|
14424
14485
|
}
|
14425
14486
|
|
14426
|
-
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/
|
14427
|
-
$$invalidate(
|
14487
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 134217752) {
|
14488
|
+
$$invalidate(13, backgroundClickSP = () => {
|
14428
14489
|
if (closeEventName) {
|
14429
14490
|
send_event(closeEventName, closeEventValue);
|
14430
14491
|
}
|
@@ -14433,7 +14494,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
14433
14494
|
});
|
14434
14495
|
}
|
14435
14496
|
|
14436
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/
|
14497
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 12582977) {
|
14437
14498
|
// 表示位置のスタイルとアニメーションの動きを設定
|
14438
14499
|
{
|
14439
14500
|
// 表示位置のスタイルの設定
|
@@ -14449,7 +14510,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
14449
14510
|
modalStyles.add(positionStyle);
|
14450
14511
|
}
|
14451
14512
|
|
14452
|
-
$$invalidate(
|
14513
|
+
$$invalidate(6, transforms = []);
|
14453
14514
|
|
14454
14515
|
DEVICE_IDS.forEach(deviceId => {
|
14455
14516
|
if (useBreakPoint) {
|
@@ -14477,7 +14538,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
14477
14538
|
}
|
14478
14539
|
}
|
14479
14540
|
|
14480
|
-
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/
|
14541
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 12582913) {
|
14481
14542
|
// 表示位置の調整のスタイルを設定
|
14482
14543
|
{
|
14483
14544
|
let margin = DefaultModalPlacement.margin;
|
@@ -14509,7 +14570,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
14509
14570
|
}
|
14510
14571
|
}
|
14511
14572
|
|
14512
|
-
if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/
|
14573
|
+
if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 25165825) {
|
14513
14574
|
// 拡大方法のスタイルを設定
|
14514
14575
|
{
|
14515
14576
|
let elasticStyle = ElasticityStyle[elasticity];
|
@@ -14536,18 +14597,21 @@ function instance($$self, $$props, $$invalidate) {
|
|
14536
14597
|
}
|
14537
14598
|
|
14538
14599
|
if ($$self.$$.dirty[0] & /*close*/ 268435456) {
|
14539
|
-
$$invalidate(
|
14600
|
+
$$invalidate(12, handle_keydown = handleKeydown({ Escape: close }));
|
14540
14601
|
}
|
14541
14602
|
};
|
14542
14603
|
|
14543
|
-
$$invalidate(
|
14604
|
+
$$invalidate(10, modal = null);
|
14544
14605
|
|
14545
14606
|
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
14546
|
-
$$invalidate(
|
14607
|
+
$$invalidate(11, visible = false);
|
14547
14608
|
|
14548
14609
|
return [
|
14549
14610
|
useBreakPoint,
|
14550
14611
|
animation,
|
14612
|
+
onClose,
|
14613
|
+
closeEventName,
|
14614
|
+
closeEventValue,
|
14551
14615
|
closeButtonProps,
|
14552
14616
|
transforms,
|
14553
14617
|
backgroundOverlay,
|
@@ -14568,9 +14632,6 @@ function instance($$self, $$props, $$invalidate) {
|
|
14568
14632
|
placement,
|
14569
14633
|
breakPoint,
|
14570
14634
|
elasticity,
|
14571
|
-
onClose,
|
14572
|
-
closeEventName,
|
14573
|
-
closeEventValue,
|
14574
14635
|
backgroundClickFunction,
|
14575
14636
|
backgroundClickFunctionPC,
|
14576
14637
|
backgroundClickFunctionSP,
|
@@ -14592,18 +14653,18 @@ class Modal extends SvelteComponent {
|
|
14592
14653
|
create_fragment,
|
14593
14654
|
safe_not_equal,
|
14594
14655
|
{
|
14595
|
-
onClick:
|
14596
|
-
clickEventName:
|
14597
|
-
clickEventValue:
|
14656
|
+
onClick: 19,
|
14657
|
+
clickEventName: 20,
|
14658
|
+
clickEventValue: 21,
|
14598
14659
|
useBreakPoint: 0,
|
14599
|
-
placement:
|
14600
|
-
breakPoint:
|
14601
|
-
elasticity:
|
14660
|
+
placement: 22,
|
14661
|
+
breakPoint: 23,
|
14662
|
+
elasticity: 24,
|
14602
14663
|
animation: 1,
|
14603
|
-
onClose:
|
14604
|
-
closeEventName:
|
14605
|
-
closeEventValue:
|
14606
|
-
closeButtonProps:
|
14664
|
+
onClose: 2,
|
14665
|
+
closeEventName: 3,
|
14666
|
+
closeEventValue: 4,
|
14667
|
+
closeButtonProps: 5
|
14607
14668
|
},
|
14608
14669
|
add_css,
|
14609
14670
|
[-1, -1]
|