@plaidev/karte-action-sdk 1.1.238 → 1.1.239-28698610.0749fd40
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +61 -3
- package/dist/hydrate/index.es.js +259 -212
- package/dist/index.es.d.ts +61 -3
- package/dist/index.es.js +253 -203
- package/package.json +1 -1
- package/meta/karte-action-sdk.api.json +0 -8155
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$F(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$d(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$E(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$c(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$c(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$D(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$b(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$C(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$a(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$a(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$B(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$13(ctx) {
|
@@ -4979,8 +4979,8 @@ function create_fragment$13(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$A(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$8(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$8(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$11(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$z(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$10(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$y(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$$(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$$(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$x(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$_(ctx) {
|
@@ -5940,7 +5940,7 @@ function create_fragment$_(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$w(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$Z(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$v(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$Y(ctx) {
|
@@ -6279,7 +6279,7 @@ function create_fragment$Y(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$u(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$X(ctx) {
|
@@ -6334,7 +6334,7 @@ function create_fragment$X(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$t(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$W(ctx) {
|
@@ -6688,7 +6688,7 @@ function create_fragment$W(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$s(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$V(ctx) {
|
@@ -6885,12 +6885,12 @@ function create_fragment$V(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$r(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$U(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$q(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$T(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$p(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$S(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$o(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$R(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$n(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$Q(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$m(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$P(ctx) {
|
@@ -8368,13 +8368,13 @@ function create_fragment$P(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$P(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$l(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$O(ctx) {
|
@@ -8613,20 +8613,20 @@ function create_fragment$O(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$k(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$6(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$N(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$N(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$N(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$j(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$M(ctx) {
|
@@ -9645,9 +9645,9 @@ function create_fragment$M(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$i(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$L(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$h(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$K(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$g(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$J(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$f(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$I(ctx) {
|
@@ -10275,7 +10275,7 @@ function create_fragment$I(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$e(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$H(ctx) {
|
@@ -10378,7 +10378,7 @@ function create_fragment$H(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$d(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$G(ctx) {
|
@@ -10488,7 +10488,7 @@ function create_fragment$G(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$c(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$E(ctx) {
|
@@ -10912,8 +10912,8 @@ function create_fragment$E(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$E(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$b(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$D(ctx) {
|
@@ -11022,9 +11022,9 @@ function create_fragment$D(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$a(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$C(ctx) {
|
@@ -11146,14 +11146,14 @@ function create_fragment$C(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$C(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$9(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$B(ctx) {
|
@@ -11365,7 +11365,7 @@ function create_fragment$B(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
|
},
|
@@ -12977,7 +12977,7 @@ const ICON_PARAMS = [
|
|
12977
12977
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
12978
12978
|
|
12979
12979
|
function add_css$8(target) {
|
12980
|
-
append_styles(target, "svelte-
|
12980
|
+
append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
12981
12981
|
}
|
12982
12982
|
|
12983
12983
|
// (20:0) {#if (IconComponent)}
|
@@ -13002,7 +13002,7 @@ function create_if_block$4(ctx) {
|
|
13002
13002
|
div = element("div");
|
13003
13003
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
13004
13004
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
13005
|
-
attr(div, "class", "icon svelte-
|
13005
|
+
attr(div, "class", "icon svelte-1mx2edd");
|
13006
13006
|
attr(div, "style", /*style*/ ctx[3]);
|
13007
13007
|
},
|
13008
13008
|
m(target, anchor) {
|
@@ -13165,10 +13165,10 @@ class Icon extends SvelteComponent {
|
|
13165
13165
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
13166
13166
|
|
13167
13167
|
function add_css$7(target) {
|
13168
|
-
append_styles(target, "svelte-
|
13168
|
+
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}");
|
13169
13169
|
}
|
13170
13170
|
|
13171
|
-
// (
|
13171
|
+
// (134:2) {#if (props.isIcon && props.iconVariant)}
|
13172
13172
|
function create_if_block$3(ctx) {
|
13173
13173
|
let div;
|
13174
13174
|
let icon;
|
@@ -13178,7 +13178,6 @@ function create_if_block$3(ctx) {
|
|
13178
13178
|
props: {
|
13179
13179
|
props: {
|
13180
13180
|
variant: /*props*/ ctx[0].iconVariant,
|
13181
|
-
size: '1em',
|
13182
13181
|
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
13183
13182
|
}
|
13184
13183
|
}
|
@@ -13188,7 +13187,7 @@ function create_if_block$3(ctx) {
|
|
13188
13187
|
c() {
|
13189
13188
|
div = element("div");
|
13190
13189
|
create_component(icon.$$.fragment);
|
13191
|
-
attr(div, "class", "button-icon svelte-
|
13190
|
+
attr(div, "class", "button-icon svelte-bo01kn");
|
13192
13191
|
},
|
13193
13192
|
m(target, anchor) {
|
13194
13193
|
insert(target, div, anchor);
|
@@ -13200,7 +13199,6 @@ function create_if_block$3(ctx) {
|
|
13200
13199
|
|
13201
13200
|
if (dirty & /*props*/ 1) icon_changes.props = {
|
13202
13201
|
variant: /*props*/ ctx[0].iconVariant,
|
13203
|
-
size: '1em',
|
13204
13202
|
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
13205
13203
|
};
|
13206
13204
|
|
@@ -13242,7 +13240,7 @@ function create_fragment$7(ctx) {
|
|
13242
13240
|
t1 = text(t1_value);
|
13243
13241
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
13244
13242
|
attr(button, "style", /*style*/ ctx[2]);
|
13245
|
-
attr(button, "class", "button svelte-
|
13243
|
+
attr(button, "class", "button svelte-bo01kn");
|
13246
13244
|
},
|
13247
13245
|
m(target, anchor) {
|
13248
13246
|
insert(target, button, anchor);
|
@@ -13396,6 +13394,20 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
13396
13394
|
}
|
13397
13395
|
};
|
13398
13396
|
|
13397
|
+
const getCssColor = () => {
|
13398
|
+
return {
|
13399
|
+
backgroundColor: props.backgroundColor
|
13400
|
+
? props.backgroundColor
|
13401
|
+
: VARIANTS.color[props.color ?? 'default'].backgroundColor,
|
13402
|
+
color: props.fontColor
|
13403
|
+
? props.fontColor
|
13404
|
+
: VARIANTS.color[props.color ?? 'default'].color,
|
13405
|
+
fontWeight: props.fontWeight
|
13406
|
+
? props.fontWeight
|
13407
|
+
: VARIANTS.color[props.color ?? 'default'].fontWeight
|
13408
|
+
};
|
13409
|
+
};
|
13410
|
+
|
13399
13411
|
function handleClick() {
|
13400
13412
|
if (eventName) {
|
13401
13413
|
send_event(eventName, eventValue);
|
@@ -13424,12 +13436,12 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
13424
13436
|
transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
|
13425
13437
|
width: props.width,
|
13426
13438
|
...VARIANTS.size[props.size ?? 'medium'],
|
13427
|
-
...VARIANTS.color[props.color ?? 'default'],
|
13428
13439
|
...VARIANTS.wrap[props.wrap ?? 'nowrap'],
|
13429
13440
|
...VARIANTS.round[props.round ?? 'default'],
|
13430
13441
|
...props.iconAngle
|
13431
13442
|
? { flexDirection: props.iconAngle }
|
13432
13443
|
: {},
|
13444
|
+
...getCssColor(),
|
13433
13445
|
...toCssCommon(props)
|
13434
13446
|
}));
|
13435
13447
|
}
|
@@ -13490,7 +13502,7 @@ const BUTTON_ICON_ANGLE = {
|
|
13490
13502
|
/* src/components-flex/text-button/TextButton.svelte generated by Svelte v3.53.1 */
|
13491
13503
|
|
13492
13504
|
function add_css$6(target) {
|
13493
|
-
append_styles(target, "svelte-
|
13505
|
+
append_styles(target, "svelte-2imv7z", ".flex-text-button.svelte-2imv7z{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;padding:0;text-decoration:underline;background-color:rgba(255, 255, 255, 0);transition:color 0.12s}.flex-text-button.svelte-2imv7z:hover{text-decoration:none}.flex-text-button-icon.svelte-2imv7z{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
13494
13506
|
}
|
13495
13507
|
|
13496
13508
|
// (103:4) {#if props.isIcon && props.iconVariant}
|
@@ -13503,7 +13515,6 @@ function create_if_block$2(ctx) {
|
|
13503
13515
|
props: {
|
13504
13516
|
props: {
|
13505
13517
|
variant: /*props*/ ctx[0].iconVariant,
|
13506
|
-
size: '1em',
|
13507
13518
|
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
13508
13519
|
}
|
13509
13520
|
}
|
@@ -13513,7 +13524,7 @@ function create_if_block$2(ctx) {
|
|
13513
13524
|
c() {
|
13514
13525
|
div = element("div");
|
13515
13526
|
create_component(icon.$$.fragment);
|
13516
|
-
attr(div, "class", "flex-text-button-icon svelte-
|
13527
|
+
attr(div, "class", "flex-text-button-icon svelte-2imv7z");
|
13517
13528
|
},
|
13518
13529
|
m(target, anchor) {
|
13519
13530
|
insert(target, div, anchor);
|
@@ -13525,7 +13536,6 @@ function create_if_block$2(ctx) {
|
|
13525
13536
|
|
13526
13537
|
if (dirty & /*props*/ 1) icon_changes.props = {
|
13527
13538
|
variant: /*props*/ ctx[0].iconVariant,
|
13528
|
-
size: '1em',
|
13529
13539
|
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
13530
13540
|
};
|
13531
13541
|
|
@@ -13567,7 +13577,7 @@ function create_fragment$6(ctx) {
|
|
13567
13577
|
t1 = text(t1_value);
|
13568
13578
|
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
13569
13579
|
attr(button, "style", /*style*/ ctx[2]);
|
13570
|
-
attr(button, "class", "flex-text-button svelte-
|
13580
|
+
attr(button, "class", "flex-text-button svelte-2imv7z");
|
13571
13581
|
},
|
13572
13582
|
m(target, anchor) {
|
13573
13583
|
insert(target, button, anchor);
|
@@ -13788,7 +13798,7 @@ const TEXT_BUTTON_ICON_ANGLE = {
|
|
13788
13798
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
13789
13799
|
|
13790
13800
|
function add_css$5(target) {
|
13791
|
-
append_styles(target, "svelte-
|
13801
|
+
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}");
|
13792
13802
|
}
|
13793
13803
|
|
13794
13804
|
function create_fragment$5(ctx) {
|
@@ -13823,7 +13833,7 @@ function create_fragment$5(ctx) {
|
|
13823
13833
|
attr(svg, "viewBox", "0 0 50 50");
|
13824
13834
|
attr(svg, "fill", "#666666");
|
13825
13835
|
set_attributes(button, button_data);
|
13826
|
-
toggle_class(button, "svelte-
|
13836
|
+
toggle_class(button, "svelte-13071ty", true);
|
13827
13837
|
},
|
13828
13838
|
m(target, anchor) {
|
13829
13839
|
insert(target, button, anchor);
|
@@ -13844,7 +13854,7 @@ function create_fragment$5(ctx) {
|
|
13844
13854
|
dataAttrStopPropagation('click')
|
13845
13855
|
]));
|
13846
13856
|
|
13847
|
-
toggle_class(button, "svelte-
|
13857
|
+
toggle_class(button, "svelte-13071ty", true);
|
13848
13858
|
},
|
13849
13859
|
i: noop,
|
13850
13860
|
o: noop,
|
@@ -13921,7 +13931,7 @@ class CloseButton extends SvelteComponent {
|
|
13921
13931
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
13922
13932
|
|
13923
13933
|
function add_css$4(target) {
|
13924
|
-
append_styles(target, "svelte-
|
13934
|
+
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}");
|
13925
13935
|
}
|
13926
13936
|
|
13927
13937
|
function create_fragment$4(ctx) {
|
@@ -13938,11 +13948,11 @@ function create_fragment$4(ctx) {
|
|
13938
13948
|
img = element("img");
|
13939
13949
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
13940
13950
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
13941
|
-
attr(img, "class", "image-img svelte-
|
13951
|
+
attr(img, "class", "image-img svelte-52a988");
|
13942
13952
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
13943
|
-
attr(object, "class", "image-object svelte-
|
13953
|
+
attr(object, "class", "image-object svelte-52a988");
|
13944
13954
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
13945
|
-
attr(div, "class", "image svelte-
|
13955
|
+
attr(div, "class", "image svelte-52a988");
|
13946
13956
|
attr(div, "style", /*style*/ ctx[3]);
|
13947
13957
|
},
|
13948
13958
|
m(target, anchor) {
|
@@ -14016,7 +14026,7 @@ class Image extends SvelteComponent {
|
|
14016
14026
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
14017
14027
|
|
14018
14028
|
function add_css$3(target) {
|
14019
|
-
append_styles(target, "svelte-
|
14029
|
+
append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
|
14020
14030
|
}
|
14021
14031
|
|
14022
14032
|
function create_fragment$3(ctx) {
|
@@ -14030,7 +14040,7 @@ function create_fragment$3(ctx) {
|
|
14030
14040
|
div = element("div");
|
14031
14041
|
if (default_slot) default_slot.c();
|
14032
14042
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
14033
|
-
attr(div, "class", "layout svelte-
|
14043
|
+
attr(div, "class", "layout svelte-1g6q4hu");
|
14034
14044
|
attr(div, "style", /*style*/ ctx[1]);
|
14035
14045
|
},
|
14036
14046
|
m(target, anchor) {
|
@@ -14130,10 +14140,60 @@ const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
|
|
14130
14140
|
const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
|
14131
14141
|
const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
14132
14142
|
|
14143
|
+
const TEXT_VARIANTS = {
|
14144
|
+
size: {
|
14145
|
+
extra_small: {
|
14146
|
+
fontSize: '10px',
|
14147
|
+
lineHeight: 1.7,
|
14148
|
+
},
|
14149
|
+
small: {
|
14150
|
+
fontSize: '12px',
|
14151
|
+
lineHeight: 1.7,
|
14152
|
+
},
|
14153
|
+
medium: {
|
14154
|
+
fontSize: '14px',
|
14155
|
+
lineHeight: 1.7,
|
14156
|
+
},
|
14157
|
+
large: {
|
14158
|
+
fontSize: '16px',
|
14159
|
+
lineHeight: 1.7,
|
14160
|
+
},
|
14161
|
+
extra_large: {
|
14162
|
+
fontSize: '18px',
|
14163
|
+
lineHeight: 1.7,
|
14164
|
+
},
|
14165
|
+
heading_extra_small: {
|
14166
|
+
fontSize: '14px',
|
14167
|
+
lineHeight: 1.5,
|
14168
|
+
fontWeight: 'bold',
|
14169
|
+
},
|
14170
|
+
heading_small: {
|
14171
|
+
fontSize: '16px',
|
14172
|
+
lineHeight: 1.5,
|
14173
|
+
fontWeight: 'bold',
|
14174
|
+
},
|
14175
|
+
heading_medium: {
|
14176
|
+
fontSize: '18px',
|
14177
|
+
lineHeight: 1.5,
|
14178
|
+
fontWeight: 'bold',
|
14179
|
+
},
|
14180
|
+
heading_large: {
|
14181
|
+
fontSize: '20px',
|
14182
|
+
lineHeight: 1.5,
|
14183
|
+
fontWeight: 'bold',
|
14184
|
+
},
|
14185
|
+
heading_extra_large: {
|
14186
|
+
fontSize: '22px',
|
14187
|
+
lineHeight: 1.5,
|
14188
|
+
fontWeight: 'bold',
|
14189
|
+
},
|
14190
|
+
},
|
14191
|
+
};
|
14192
|
+
|
14133
14193
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
14134
14194
|
|
14135
14195
|
function add_css$2(target) {
|
14136
|
-
append_styles(target, "svelte-
|
14196
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
14137
14197
|
}
|
14138
14198
|
|
14139
14199
|
function create_fragment$2(ctx) {
|
@@ -14143,7 +14203,7 @@ function create_fragment$2(ctx) {
|
|
14143
14203
|
c() {
|
14144
14204
|
p = element("p");
|
14145
14205
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
14146
|
-
attr(p, "class", "text svelte-
|
14206
|
+
attr(p, "class", "text svelte-1vl0c87");
|
14147
14207
|
attr(p, "style", /*style*/ ctx[1]);
|
14148
14208
|
},
|
14149
14209
|
m(target, anchor) {
|
@@ -14174,23 +14234,12 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
14174
14234
|
let { props = { content: '' } } = $$props;
|
14175
14235
|
let { layerId = '' } = $$props;
|
14176
14236
|
|
14177
|
-
const VARIANTS = {
|
14178
|
-
size: {
|
14179
|
-
small: { fontSize: '10px', lineHeight: 1.5 },
|
14180
|
-
medium: { fontSize: '12px', lineHeight: 2.0 },
|
14181
|
-
large: { fontSize: '14px', lineHeight: 2.0 },
|
14182
|
-
extra_large: { fontSize: '16px', lineHeight: 2.0 }
|
14183
|
-
}
|
14184
|
-
};
|
14185
|
-
|
14186
14237
|
const getCssSize = () => {
|
14187
14238
|
return {
|
14188
|
-
fontSize: props.fontSize
|
14189
|
-
|
14190
|
-
|
14191
|
-
|
14192
|
-
? props.lineHeight
|
14193
|
-
: VARIANTS.size[props.size ?? 'medium'].lineHeight
|
14239
|
+
fontSize: props.fontSize ?? TEXT_VARIANTS.size[props.size ?? 'medium'].fontSize,
|
14240
|
+
lineHeight: props.lineHeight ?? TEXT_VARIANTS.size[props.size ?? 'medium'].lineHeight,
|
14241
|
+
// @ts-ignore
|
14242
|
+
fontWeight: props.fontWeight ?? (TEXT_VARIANTS.size[props.size ?? 'medium'].fontWeight ?? 'normal')
|
14194
14243
|
};
|
14195
14244
|
};
|
14196
14245
|
|
@@ -14207,8 +14256,6 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
14207
14256
|
if ($$self.$$.dirty & /*props*/ 8) {
|
14208
14257
|
$$invalidate(1, style = objToStyle({
|
14209
14258
|
position: props?.position ?? 'static',
|
14210
|
-
fontWeight: props.fontWeight,
|
14211
|
-
fontSize: props.fontSize,
|
14212
14259
|
color: props.color,
|
14213
14260
|
textAlign: props.align,
|
14214
14261
|
width: props.width,
|
@@ -14235,16 +14282,22 @@ class Text extends SvelteComponent {
|
|
14235
14282
|
const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
|
14236
14283
|
const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
|
14237
14284
|
const LAYER_TEXT_SIZE = {
|
14285
|
+
extra_small: 'ExtraSmall',
|
14238
14286
|
small: 'Small',
|
14239
14287
|
medium: 'Medium',
|
14240
14288
|
large: 'Large',
|
14241
|
-
extra_large: '
|
14289
|
+
extra_large: 'ExtraLarge',
|
14290
|
+
heading_extra_small: 'HeadingExtraSmall',
|
14291
|
+
heading_small: 'HeadingSmall',
|
14292
|
+
heading_medium: 'HeadingMedium',
|
14293
|
+
heading_large: 'HeadingLarge',
|
14294
|
+
heading_extra_large: 'HeadingExtraLarge',
|
14242
14295
|
};
|
14243
14296
|
|
14244
14297
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
14245
14298
|
|
14246
14299
|
function add_css$1(target) {
|
14247
|
-
append_styles(target, "svelte-
|
14300
|
+
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}");
|
14248
14301
|
}
|
14249
14302
|
|
14250
14303
|
// (14:0) {#if backgroundOverlay}
|
@@ -14257,7 +14310,7 @@ function create_if_block$1(ctx) {
|
|
14257
14310
|
return {
|
14258
14311
|
c() {
|
14259
14312
|
div = element("div");
|
14260
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
14313
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
14261
14314
|
},
|
14262
14315
|
m(target, anchor) {
|
14263
14316
|
insert(target, div, anchor);
|
@@ -14268,7 +14321,7 @@ function create_if_block$1(ctx) {
|
|
14268
14321
|
}
|
14269
14322
|
},
|
14270
14323
|
p(ctx, dirty) {
|
14271
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
14324
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
14272
14325
|
attr(div, "class", div_class_value);
|
14273
14326
|
}
|
14274
14327
|
},
|
@@ -14340,7 +14393,7 @@ class BackgroundOverlay extends SvelteComponent {
|
|
14340
14393
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
14341
14394
|
|
14342
14395
|
function add_css(target) {
|
14343
|
-
append_styles(target, "svelte-
|
14396
|
+
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}}");
|
14344
14397
|
}
|
14345
14398
|
|
14346
14399
|
// (264:0) {:else}
|
@@ -14470,11 +14523,10 @@ function create_if_block_2(ctx) {
|
|
14470
14523
|
|
14471
14524
|
// (267:0) {#if visible}
|
14472
14525
|
function create_if_block(ctx) {
|
14473
|
-
let
|
14526
|
+
let div;
|
14474
14527
|
let t;
|
14475
|
-
let
|
14476
|
-
let
|
14477
|
-
let div1_intro;
|
14528
|
+
let div_class_value;
|
14529
|
+
let div_intro;
|
14478
14530
|
let current;
|
14479
14531
|
let if_block = /*closable*/ ctx[16] && create_if_block_1(ctx);
|
14480
14532
|
const default_slot_template = /*#slots*/ ctx[30].default;
|
@@ -14482,27 +14534,25 @@ function create_if_block(ctx) {
|
|
14482
14534
|
|
14483
14535
|
return {
|
14484
14536
|
c() {
|
14485
|
-
|
14537
|
+
div = element("div");
|
14486
14538
|
if (if_block) if_block.c();
|
14487
14539
|
t = space();
|
14488
|
-
div0 = element("div");
|
14489
14540
|
if (default_slot) default_slot.c();
|
14490
|
-
attr(
|
14491
|
-
attr(
|
14492
|
-
attr(
|
14493
|
-
attr(
|
14541
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"));
|
14542
|
+
attr(div, "role", "dialog");
|
14543
|
+
attr(div, "aria-modal", "true");
|
14544
|
+
attr(div, "style", Array.from(/*modalStyles*/ ctx[18]).join(';'));
|
14494
14545
|
},
|
14495
14546
|
m(target, anchor) {
|
14496
|
-
insert(target,
|
14497
|
-
if (if_block) if_block.m(
|
14498
|
-
append(
|
14499
|
-
append(div1, div0);
|
14547
|
+
insert(target, div, anchor);
|
14548
|
+
if (if_block) if_block.m(div, null);
|
14549
|
+
append(div, t);
|
14500
14550
|
|
14501
14551
|
if (default_slot) {
|
14502
|
-
default_slot.m(
|
14552
|
+
default_slot.m(div, null);
|
14503
14553
|
}
|
14504
14554
|
|
14505
|
-
/*
|
14555
|
+
/*div_binding*/ ctx[31](div);
|
14506
14556
|
current = true;
|
14507
14557
|
},
|
14508
14558
|
p(new_ctx, dirty) {
|
@@ -14519,7 +14569,7 @@ function create_if_block(ctx) {
|
|
14519
14569
|
if_block = create_if_block_1(ctx);
|
14520
14570
|
if_block.c();
|
14521
14571
|
transition_in(if_block, 1);
|
14522
|
-
if_block.m(
|
14572
|
+
if_block.m(div, t);
|
14523
14573
|
}
|
14524
14574
|
} else if (if_block) {
|
14525
14575
|
group_outros();
|
@@ -14546,8 +14596,8 @@ function create_if_block(ctx) {
|
|
14546
14596
|
}
|
14547
14597
|
}
|
14548
14598
|
|
14549
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 1 &&
|
14550
|
-
attr(
|
14599
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-1ks2ecq"))) {
|
14600
|
+
attr(div, "class", div_class_value);
|
14551
14601
|
}
|
14552
14602
|
},
|
14553
14603
|
i(local) {
|
@@ -14555,14 +14605,14 @@ function create_if_block(ctx) {
|
|
14555
14605
|
transition_in(if_block);
|
14556
14606
|
transition_in(default_slot, local);
|
14557
14607
|
|
14558
|
-
if (!
|
14608
|
+
if (!div_intro) {
|
14559
14609
|
add_render_callback(() => {
|
14560
|
-
|
14610
|
+
div_intro = create_in_transition(div, customAnimation, {
|
14561
14611
|
transforms: /*transforms*/ ctx[6],
|
14562
14612
|
animationStyle: /*animation*/ ctx[1]
|
14563
14613
|
});
|
14564
14614
|
|
14565
|
-
|
14615
|
+
div_intro.start();
|
14566
14616
|
});
|
14567
14617
|
}
|
14568
14618
|
|
@@ -14574,10 +14624,10 @@ function create_if_block(ctx) {
|
|
14574
14624
|
current = false;
|
14575
14625
|
},
|
14576
14626
|
d(detaching) {
|
14577
|
-
if (detaching) detach(
|
14627
|
+
if (detaching) detach(div);
|
14578
14628
|
if (if_block) if_block.d();
|
14579
14629
|
if (default_slot) default_slot.d(detaching);
|
14580
|
-
/*
|
14630
|
+
/*div_binding*/ ctx[31](null);
|
14581
14631
|
}
|
14582
14632
|
};
|
14583
14633
|
}
|
@@ -14601,7 +14651,7 @@ function create_if_block_1(ctx) {
|
|
14601
14651
|
c() {
|
14602
14652
|
div = element("div");
|
14603
14653
|
create_component(closebutton.$$.fragment);
|
14604
|
-
attr(div, "class", "close svelte-
|
14654
|
+
attr(div, "class", "close svelte-1ks2ecq");
|
14605
14655
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[17] + 1);
|
14606
14656
|
},
|
14607
14657
|
m(target, anchor) {
|
@@ -14800,7 +14850,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
14800
14850
|
|
14801
14851
|
onDestroy$1(() => setPreviousFocus());
|
14802
14852
|
|
14803
|
-
function
|
14853
|
+
function div_binding($$value) {
|
14804
14854
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
14805
14855
|
modal = $$value;
|
14806
14856
|
$$invalidate(10, modal);
|
@@ -15049,7 +15099,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
15049
15099
|
close,
|
15050
15100
|
$$scope,
|
15051
15101
|
slots,
|
15052
|
-
|
15102
|
+
div_binding
|
15053
15103
|
];
|
15054
15104
|
}
|
15055
15105
|
|
@@ -15083,4 +15133,4 @@ class Modal extends SvelteComponent {
|
|
15083
15133
|
}
|
15084
15134
|
}
|
15085
15135
|
|
15086
|
-
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|
15136
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, TextButton as FlexTextButton, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_BUTTON_COLOR, TEXT_BUTTON_ICON_ANGLE, TEXT_BUTTON_LINK_TARGET, TEXT_BUTTON_ROUND, TEXT_BUTTON_SIZE, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|