@plaidev/karte-action-sdk 1.1.266 → 1.1.267-29071859.db1ade43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.js +279 -286
- package/dist/index.es.js +279 -286
- package/dist/svelte5/hydrate/index.es.js +125 -46
- package/dist/svelte5/index.es.js +46 -41
- package/dist/svelte5/index.front2.es.js +46 -43
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
@@ -38,6 +38,7 @@ const NOOP = (_args) => { }; // eslint-disable-line @typescript-eslint/no-unused
|
|
38
38
|
const isPreview = () => {
|
39
39
|
return false;
|
40
40
|
};
|
41
|
+
const isCanvasPreview = () => (document.querySelector('#preview')?.getAttribute('data-canvas-preview') ?? 'false') === 'true';
|
41
42
|
/** @internal */
|
42
43
|
const setPreviousFocus = () => {
|
43
44
|
const previously_focused = typeof document !== 'undefined' && document.activeElement;
|
@@ -3144,7 +3145,7 @@ let State$1 = class State extends SvelteComponent {
|
|
3144
3145
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3145
3146
|
|
3146
3147
|
function add_css$T(target) {
|
3147
|
-
append_styles(target, "svelte-
|
3148
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
3148
3149
|
}
|
3149
3150
|
|
3150
3151
|
// (22:0) {#if $state === path}
|
@@ -3161,7 +3162,7 @@ function create_if_block$i(ctx) {
|
|
3161
3162
|
t = space();
|
3162
3163
|
if (default_slot) default_slot.c();
|
3163
3164
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
3164
|
-
attr(div, "class", "state-item svelte-
|
3165
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
3165
3166
|
},
|
3166
3167
|
m(target, anchor) {
|
3167
3168
|
insert(target, div, anchor);
|
@@ -3483,7 +3484,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3483
3484
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3484
3485
|
|
3485
3486
|
function add_css$S(target) {
|
3486
|
-
append_styles(target, "svelte-
|
3487
|
+
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}");
|
3487
3488
|
}
|
3488
3489
|
|
3489
3490
|
// (14:0) {#if backgroundOverlay}
|
@@ -3496,7 +3497,7 @@ function create_if_block$h(ctx) {
|
|
3496
3497
|
return {
|
3497
3498
|
c() {
|
3498
3499
|
div = element("div");
|
3499
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
3500
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
3500
3501
|
},
|
3501
3502
|
m(target, anchor) {
|
3502
3503
|
insert(target, div, anchor);
|
@@ -3507,7 +3508,7 @@ function create_if_block$h(ctx) {
|
|
3507
3508
|
}
|
3508
3509
|
},
|
3509
3510
|
p(ctx, dirty) {
|
3510
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
3511
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
3511
3512
|
attr(div, "class", div_class_value);
|
3512
3513
|
}
|
3513
3514
|
},
|
@@ -3613,7 +3614,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3613
3614
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3614
3615
|
|
3615
3616
|
function add_css$R(target) {
|
3616
|
-
append_styles(target, "svelte-
|
3617
|
+
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}");
|
3617
3618
|
}
|
3618
3619
|
|
3619
3620
|
// (53:0) {:else}
|
@@ -3642,7 +3643,7 @@ function create_else_block$5(ctx) {
|
|
3642
3643
|
button = element("button");
|
3643
3644
|
if (default_slot) default_slot.c();
|
3644
3645
|
set_attributes(button, button_data);
|
3645
|
-
toggle_class(button, "svelte-
|
3646
|
+
toggle_class(button, "svelte-15k4deh", true);
|
3646
3647
|
},
|
3647
3648
|
m(target, anchor) {
|
3648
3649
|
insert(target, button, anchor);
|
@@ -3681,7 +3682,7 @@ function create_else_block$5(ctx) {
|
|
3681
3682
|
dataAttrStopPropagation('click')
|
3682
3683
|
]));
|
3683
3684
|
|
3684
|
-
toggle_class(button, "svelte-
|
3685
|
+
toggle_class(button, "svelte-15k4deh", true);
|
3685
3686
|
},
|
3686
3687
|
i(local) {
|
3687
3688
|
if (current) return;
|
@@ -3712,7 +3713,7 @@ function create_if_block_2$2(ctx) {
|
|
3712
3713
|
c() {
|
3713
3714
|
div = element("div");
|
3714
3715
|
if (default_slot) default_slot.c();
|
3715
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
3716
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
3716
3717
|
attr(div, "style", /*style*/ ctx[1]);
|
3717
3718
|
},
|
3718
3719
|
m(target, anchor) {
|
@@ -3796,7 +3797,7 @@ function create_if_block_1$4(ctx) {
|
|
3796
3797
|
a = element("a");
|
3797
3798
|
if (default_slot) default_slot.c();
|
3798
3799
|
set_attributes(a, a_data);
|
3799
|
-
toggle_class(a, "svelte-
|
3800
|
+
toggle_class(a, "svelte-15k4deh", true);
|
3800
3801
|
},
|
3801
3802
|
m(target, anchor) {
|
3802
3803
|
insert(target, a, anchor);
|
@@ -3838,7 +3839,7 @@ function create_if_block_1$4(ctx) {
|
|
3838
3839
|
dataAttrStopPropagation('click')
|
3839
3840
|
]));
|
3840
3841
|
|
3841
|
-
toggle_class(a, "svelte-
|
3842
|
+
toggle_class(a, "svelte-15k4deh", true);
|
3842
3843
|
},
|
3843
3844
|
i(local) {
|
3844
3845
|
if (current) return;
|
@@ -3869,7 +3870,7 @@ function create_if_block$g(ctx) {
|
|
3869
3870
|
c() {
|
3870
3871
|
div = element("div");
|
3871
3872
|
if (default_slot) default_slot.c();
|
3872
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
3873
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
3873
3874
|
attr(div, "style", /*style*/ ctx[1]);
|
3874
3875
|
},
|
3875
3876
|
m(target, anchor) {
|
@@ -4078,7 +4079,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
4078
4079
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
4079
4080
|
|
4080
4081
|
function add_css$Q(target) {
|
4081
|
-
append_styles(target, "svelte-
|
4082
|
+
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}}");
|
4082
4083
|
}
|
4083
4084
|
|
4084
4085
|
// (278:0) {:else}
|
@@ -4228,7 +4229,7 @@ function create_if_block$f(ctx) {
|
|
4228
4229
|
c() {
|
4229
4230
|
div = element("div");
|
4230
4231
|
create_component(button.$$.fragment);
|
4231
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
4232
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
4232
4233
|
attr(div, "role", "dialog");
|
4233
4234
|
attr(div, "aria-modal", "true");
|
4234
4235
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
@@ -4252,7 +4253,7 @@ function create_if_block$f(ctx) {
|
|
4252
4253
|
|
4253
4254
|
button.$set(button_changes);
|
4254
4255
|
|
4255
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
4256
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
4256
4257
|
attr(div, "class", div_class_value);
|
4257
4258
|
}
|
4258
4259
|
},
|
@@ -4307,7 +4308,7 @@ function create_if_block_1$3(ctx) {
|
|
4307
4308
|
c() {
|
4308
4309
|
div = element("div");
|
4309
4310
|
create_component(button.$$.fragment);
|
4310
|
-
attr(div, "class", "close svelte-
|
4311
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
4311
4312
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
4312
4313
|
},
|
4313
4314
|
m(target, anchor) {
|
@@ -4396,7 +4397,7 @@ function create_default_slot$7(ctx) {
|
|
4396
4397
|
t = space();
|
4397
4398
|
div = element("div");
|
4398
4399
|
if (default_slot) default_slot.c();
|
4399
|
-
attr(div, "class", "modal-content svelte-
|
4400
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
4400
4401
|
attr(div, "style", /*_style*/ ctx[5]);
|
4401
4402
|
},
|
4402
4403
|
m(target, anchor) {
|
@@ -5047,7 +5048,7 @@ class Grid extends SvelteComponent {
|
|
5047
5048
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
5048
5049
|
|
5049
5050
|
function add_css$P(target) {
|
5050
|
-
append_styles(target, "svelte-
|
5051
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
5051
5052
|
}
|
5052
5053
|
|
5053
5054
|
function create_fragment$1o(ctx) {
|
@@ -5062,8 +5063,8 @@ function create_fragment$1o(ctx) {
|
|
5062
5063
|
div1 = element("div");
|
5063
5064
|
div0 = element("div");
|
5064
5065
|
if (default_slot) default_slot.c();
|
5065
|
-
attr(div0, "class", "grid-item-inner svelte-
|
5066
|
-
attr(div1, "class", "grid-item svelte-
|
5066
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
5067
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
5067
5068
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
5068
5069
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
5069
5070
|
attr(div1, "style", /*_style*/ ctx[1]);
|
@@ -5368,7 +5369,7 @@ class RenderText extends SvelteComponent {
|
|
5368
5369
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5369
5370
|
|
5370
5371
|
function add_css$O(target) {
|
5371
|
-
append_styles(target, "svelte-
|
5372
|
+
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}");
|
5372
5373
|
}
|
5373
5374
|
|
5374
5375
|
// (92:2) {:else}
|
@@ -5385,8 +5386,8 @@ function create_else_block$2(ctx) {
|
|
5385
5386
|
div1 = element("div");
|
5386
5387
|
div0 = element("div");
|
5387
5388
|
create_component(rendertext.$$.fragment);
|
5388
|
-
attr(div0, "class", "text-element-inner svelte-
|
5389
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
5389
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
5390
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
5390
5391
|
attr(div1, "style", /*style*/ ctx[5]);
|
5391
5392
|
},
|
5392
5393
|
m(target, anchor) {
|
@@ -5400,7 +5401,7 @@ function create_else_block$2(ctx) {
|
|
5400
5401
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
5401
5402
|
rendertext.$set(rendertext_changes);
|
5402
5403
|
|
5403
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
5404
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
5404
5405
|
attr(div1, "class", div1_class_value);
|
5405
5406
|
}
|
5406
5407
|
|
@@ -5450,12 +5451,12 @@ function create_if_block$d(ctx) {
|
|
5450
5451
|
t2 = space();
|
5451
5452
|
div2 = element("div");
|
5452
5453
|
div2.textContent = "コピーできませんでした";
|
5453
|
-
attr(div0, "class", "text-element-inner svelte-
|
5454
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
5454
5455
|
attr(a, "href", '');
|
5455
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
5456
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
5456
5457
|
attr(a, "style", /*style*/ ctx[5]);
|
5457
|
-
attr(div1, "class", "tooltip svelte-
|
5458
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
5458
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
5459
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
5459
5460
|
},
|
5460
5461
|
m(target, anchor) {
|
5461
5462
|
insert(target, a, anchor);
|
@@ -5479,7 +5480,7 @@ function create_if_block$d(ctx) {
|
|
5479
5480
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
5480
5481
|
rendertext.$set(rendertext_changes);
|
5481
5482
|
|
5482
|
-
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-
|
5483
|
+
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"))) {
|
5483
5484
|
attr(a, "class", a_class_value);
|
5484
5485
|
}
|
5485
5486
|
|
@@ -5531,7 +5532,7 @@ function create_fragment$1m(ctx) {
|
|
5531
5532
|
c() {
|
5532
5533
|
div = element("div");
|
5533
5534
|
if_block.c();
|
5534
|
-
attr(div, "class", "text-element-wrapper svelte-
|
5535
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
5535
5536
|
},
|
5536
5537
|
m(target, anchor) {
|
5537
5538
|
insert(target, div, anchor);
|
@@ -5697,7 +5698,7 @@ class TextElement extends SvelteComponent {
|
|
5697
5698
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5698
5699
|
|
5699
5700
|
function add_css$N(target) {
|
5700
|
-
append_styles(target, "svelte-
|
5701
|
+
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)}");
|
5701
5702
|
}
|
5702
5703
|
|
5703
5704
|
// (48:2) <Button {onClick} {style} {eventName}>
|
@@ -5753,7 +5754,7 @@ function create_fragment$1l(ctx) {
|
|
5753
5754
|
c() {
|
5754
5755
|
div = element("div");
|
5755
5756
|
create_component(button.$$.fragment);
|
5756
|
-
attr(div, "class", "text-button-element svelte-
|
5757
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
5757
5758
|
},
|
5758
5759
|
m(target, anchor) {
|
5759
5760
|
insert(target, div, anchor);
|
@@ -5845,7 +5846,7 @@ class TextButtonElement extends SvelteComponent {
|
|
5845
5846
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5846
5847
|
|
5847
5848
|
function add_css$M(target) {
|
5848
|
-
append_styles(target, "svelte-
|
5849
|
+
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%}");
|
5849
5850
|
}
|
5850
5851
|
|
5851
5852
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
@@ -5857,7 +5858,7 @@ function create_default_slot$5(ctx) {
|
|
5857
5858
|
return {
|
5858
5859
|
c() {
|
5859
5860
|
img = element("img");
|
5860
|
-
attr(img, "class", "image svelte-
|
5861
|
+
attr(img, "class", "image svelte-t6tu0e");
|
5861
5862
|
attr(img, "loading", "lazy");
|
5862
5863
|
attr(img, "width", "auto");
|
5863
5864
|
attr(img, "height", "auto");
|
@@ -5919,7 +5920,7 @@ function create_fragment$1k(ctx) {
|
|
5919
5920
|
c() {
|
5920
5921
|
div = element("div");
|
5921
5922
|
create_component(button.$$.fragment);
|
5922
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
5923
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
5923
5924
|
},
|
5924
5925
|
m(target, anchor) {
|
5925
5926
|
insert(target, div, anchor);
|
@@ -5938,7 +5939,7 @@ function create_fragment$1k(ctx) {
|
|
5938
5939
|
|
5939
5940
|
button.$set(button_changes);
|
5940
5941
|
|
5941
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
5942
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
5942
5943
|
attr(div, "class", div_class_value);
|
5943
5944
|
}
|
5944
5945
|
},
|
@@ -6010,7 +6011,7 @@ class ImageElement extends SvelteComponent {
|
|
6010
6011
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
6011
6012
|
|
6012
6013
|
function add_css$L(target) {
|
6013
|
-
append_styles(target, "svelte-
|
6014
|
+
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}");
|
6014
6015
|
}
|
6015
6016
|
|
6016
6017
|
function create_fragment$1j(ctx) {
|
@@ -6023,7 +6024,7 @@ function create_fragment$1j(ctx) {
|
|
6023
6024
|
c() {
|
6024
6025
|
div = element("div");
|
6025
6026
|
if (default_slot) default_slot.c();
|
6026
|
-
attr(div, "class", "list svelte-
|
6027
|
+
attr(div, "class", "list svelte-aquv6z");
|
6027
6028
|
attr(div, "style", /*style*/ ctx[0]);
|
6028
6029
|
},
|
6029
6030
|
m(target, anchor) {
|
@@ -6157,7 +6158,7 @@ let List$1 = class List extends SvelteComponent {
|
|
6157
6158
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6158
6159
|
|
6159
6160
|
function add_css$K(target) {
|
6160
|
-
append_styles(target, "svelte-
|
6161
|
+
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}");
|
6161
6162
|
}
|
6162
6163
|
|
6163
6164
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
@@ -6227,7 +6228,7 @@ function create_fragment$1i(ctx) {
|
|
6227
6228
|
c() {
|
6228
6229
|
div = element("div");
|
6229
6230
|
create_component(button.$$.fragment);
|
6230
|
-
attr(div, "class", "list-item svelte-
|
6231
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
6231
6232
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
6232
6233
|
},
|
6233
6234
|
m(target, anchor) {
|
@@ -6353,7 +6354,7 @@ let ListItem$1 = class ListItem extends SvelteComponent {
|
|
6353
6354
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6354
6355
|
|
6355
6356
|
function add_css$J(target) {
|
6356
|
-
append_styles(target, "svelte-
|
6357
|
+
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}");
|
6357
6358
|
}
|
6358
6359
|
|
6359
6360
|
function create_fragment$1h(ctx) {
|
@@ -6362,7 +6363,7 @@ function create_fragment$1h(ctx) {
|
|
6362
6363
|
return {
|
6363
6364
|
c() {
|
6364
6365
|
div = element("div");
|
6365
|
-
attr(div, "class", "embed svelte-
|
6366
|
+
attr(div, "class", "embed svelte-wocq4p");
|
6366
6367
|
attr(div, "style", /*_style*/ ctx[1]);
|
6367
6368
|
},
|
6368
6369
|
m(target, anchor) {
|
@@ -6405,7 +6406,7 @@ class EmbedElement extends SvelteComponent {
|
|
6405
6406
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6406
6407
|
|
6407
6408
|
function add_css$I(target) {
|
6408
|
-
append_styles(target, "svelte-
|
6409
|
+
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%}");
|
6409
6410
|
}
|
6410
6411
|
|
6411
6412
|
function create_fragment$1g(ctx) {
|
@@ -6417,7 +6418,7 @@ function create_fragment$1g(ctx) {
|
|
6417
6418
|
div1 = element("div");
|
6418
6419
|
div0 = element("div");
|
6419
6420
|
attr(div0, "class", "karte-player");
|
6420
|
-
attr(div1, "class", "embed svelte-
|
6421
|
+
attr(div1, "class", "embed svelte-vikz49");
|
6421
6422
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6422
6423
|
},
|
6423
6424
|
m(target, anchor) {
|
@@ -6759,7 +6760,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6759
6760
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6760
6761
|
|
6761
6762
|
function add_css$H(target) {
|
6762
|
-
append_styles(target, "svelte-
|
6763
|
+
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%}");
|
6763
6764
|
}
|
6764
6765
|
|
6765
6766
|
function create_fragment$1f(ctx) {
|
@@ -6771,7 +6772,7 @@ function create_fragment$1f(ctx) {
|
|
6771
6772
|
div1 = element("div");
|
6772
6773
|
div0 = element("div");
|
6773
6774
|
attr(div0, "class", "karte-player");
|
6774
|
-
attr(div1, "class", "embed svelte-
|
6775
|
+
attr(div1, "class", "embed svelte-vikz49");
|
6775
6776
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6776
6777
|
},
|
6777
6778
|
m(target, anchor) {
|
@@ -6955,7 +6956,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6955
6956
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
6956
6957
|
|
6957
6958
|
function add_css$G(target) {
|
6958
|
-
append_styles(target, "svelte-
|
6959
|
+
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}");
|
6959
6960
|
}
|
6960
6961
|
|
6961
6962
|
function create_fragment$1e(ctx) {
|
@@ -6968,12 +6969,12 @@ function create_fragment$1e(ctx) {
|
|
6968
6969
|
c() {
|
6969
6970
|
div = element("div");
|
6970
6971
|
textarea = element("textarea");
|
6971
|
-
attr(textarea, "class", "textarea svelte-
|
6972
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
6972
6973
|
textarea.value = /*$value*/ ctx[4];
|
6973
6974
|
textarea.required = /*required*/ ctx[1];
|
6974
6975
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
6975
6976
|
attr(textarea, "style", /*style*/ ctx[3]);
|
6976
|
-
attr(div, "class", "textarea-wrapper svelte-
|
6977
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
6977
6978
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
6978
6979
|
},
|
6979
6980
|
m(target, anchor) {
|
@@ -7125,7 +7126,7 @@ class FormTextarea extends SvelteComponent {
|
|
7125
7126
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7126
7127
|
|
7127
7128
|
function add_css$F(target) {
|
7128
|
-
append_styles(target, "svelte-
|
7129
|
+
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}");
|
7129
7130
|
}
|
7130
7131
|
|
7131
7132
|
function get_each_context$7(ctx, list, i) {
|
@@ -7159,14 +7160,14 @@ function create_each_block$7(ctx) {
|
|
7159
7160
|
t1 = text(t1_value);
|
7160
7161
|
t2 = space();
|
7161
7162
|
attr(input, "type", "radio");
|
7162
|
-
attr(input, "class", "radio-button-input svelte-
|
7163
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
7163
7164
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
7164
7165
|
attr(input, "name", /*name*/ ctx[0]);
|
7165
7166
|
input.value = input_value_value = /*option*/ ctx[17];
|
7166
7167
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
7167
|
-
attr(span, "class", "radio-button-text svelte-
|
7168
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
7168
7169
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
7169
|
-
attr(label, "class", "radio-button svelte-
|
7170
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
7170
7171
|
},
|
7171
7172
|
m(target, anchor) {
|
7172
7173
|
insert(target, label, anchor);
|
@@ -7231,7 +7232,7 @@ function create_fragment$1d(ctx) {
|
|
7231
7232
|
each_blocks[i].c();
|
7232
7233
|
}
|
7233
7234
|
|
7234
|
-
attr(div, "class", "radio-buttons svelte-
|
7235
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
7235
7236
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7236
7237
|
},
|
7237
7238
|
m(target, anchor) {
|
@@ -7400,7 +7401,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
7400
7401
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7401
7402
|
|
7402
7403
|
function add_css$E(target) {
|
7403
|
-
append_styles(target, "svelte-
|
7404
|
+
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}");
|
7404
7405
|
}
|
7405
7406
|
|
7406
7407
|
function get_each_context$6(ctx, list, i) {
|
@@ -7534,10 +7535,10 @@ function create_fragment$1c(ctx) {
|
|
7534
7535
|
|
7535
7536
|
t = space();
|
7536
7537
|
div0 = element("div");
|
7537
|
-
attr(select, "class", "select-select svelte-
|
7538
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
7538
7539
|
attr(select, "style", /*style*/ ctx[3]);
|
7539
|
-
attr(div0, "class", "select-icon svelte-
|
7540
|
-
attr(div1, "class", "select svelte-
|
7540
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
7541
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
7541
7542
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
7542
7543
|
},
|
7543
7544
|
m(target, anchor) {
|
@@ -7739,7 +7740,7 @@ class FormSelect extends SvelteComponent {
|
|
7739
7740
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7740
7741
|
|
7741
7742
|
function add_css$D(target) {
|
7742
|
-
append_styles(target, "svelte-
|
7743
|
+
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}");
|
7743
7744
|
}
|
7744
7745
|
|
7745
7746
|
function get_each_context$5(ctx, list, i) {
|
@@ -7778,19 +7779,19 @@ function create_each_block$5(ctx) {
|
|
7778
7779
|
span2 = element("span");
|
7779
7780
|
t2 = text(t2_value);
|
7780
7781
|
t3 = space();
|
7781
|
-
attr(input, "class", "check-box-input svelte-
|
7782
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
7782
7783
|
attr(input, "type", "checkbox");
|
7783
7784
|
attr(input, "name", /*name*/ ctx[0]);
|
7784
7785
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
7785
|
-
attr(span0, "class", "check-box-icon svelte-
|
7786
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
7786
7787
|
|
7787
7788
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7788
7789
|
? ' _checked'
|
7789
|
-
: ''}`) + " svelte-
|
7790
|
+
: ''}`) + " svelte-1p65cg8"));
|
7790
7791
|
|
7791
|
-
attr(span2, "class", "check-box-text svelte-
|
7792
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
7792
7793
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
7793
|
-
attr(label, "class", "check-box svelte-
|
7794
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
7794
7795
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
7795
7796
|
},
|
7796
7797
|
m(target, anchor) {
|
@@ -7822,7 +7823,7 @@ function create_each_block$5(ctx) {
|
|
7822
7823
|
|
7823
7824
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7824
7825
|
? ' _checked'
|
7825
|
-
: ''}`) + " svelte-
|
7826
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
7826
7827
|
attr(span1, "class", span1_class_value);
|
7827
7828
|
}
|
7828
7829
|
|
@@ -7861,7 +7862,7 @@ function create_fragment$1b(ctx) {
|
|
7861
7862
|
each_blocks[i].c();
|
7862
7863
|
}
|
7863
7864
|
|
7864
|
-
attr(div, "class", "check-boxes svelte-
|
7865
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
7865
7866
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7866
7867
|
},
|
7867
7868
|
m(target, anchor) {
|
@@ -8036,7 +8037,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
8036
8037
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
8037
8038
|
|
8038
8039
|
function add_css$C(target) {
|
8039
|
-
append_styles(target, "svelte-
|
8040
|
+
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}");
|
8040
8041
|
}
|
8041
8042
|
|
8042
8043
|
function get_each_context$4(ctx, list, i) {
|
@@ -8060,7 +8061,7 @@ function create_each_block$4(ctx) {
|
|
8060
8061
|
button = element("button");
|
8061
8062
|
t0 = text(t0_value);
|
8062
8063
|
t1 = space();
|
8063
|
-
attr(button, "class", "rating-button svelte-
|
8064
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
8064
8065
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
8065
8066
|
},
|
8066
8067
|
m(target, anchor) {
|
@@ -8109,7 +8110,7 @@ function create_fragment$1a(ctx) {
|
|
8109
8110
|
each_blocks[i].c();
|
8110
8111
|
}
|
8111
8112
|
|
8112
|
-
attr(div, "class", "rating-buttons svelte-
|
8113
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
8113
8114
|
},
|
8114
8115
|
m(target, anchor) {
|
8115
8116
|
insert(target, div, anchor);
|
@@ -8253,7 +8254,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8253
8254
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8254
8255
|
|
8255
8256
|
function add_css$B(target) {
|
8256
|
-
append_styles(target, "svelte-
|
8257
|
+
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%)}");
|
8257
8258
|
}
|
8258
8259
|
|
8259
8260
|
function get_each_context$3(ctx, list, i) {
|
@@ -8278,9 +8279,9 @@ function create_each_block$3(ctx) {
|
|
8278
8279
|
img = element("img");
|
8279
8280
|
t = space();
|
8280
8281
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
8281
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
8282
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
8282
8283
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
8283
|
-
attr(button, "class", "rating-button svelte-
|
8284
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
8284
8285
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
8285
8286
|
},
|
8286
8287
|
m(target, anchor) {
|
@@ -8296,7 +8297,7 @@ function create_each_block$3(ctx) {
|
|
8296
8297
|
p(new_ctx, dirty) {
|
8297
8298
|
ctx = new_ctx;
|
8298
8299
|
|
8299
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
8300
|
+
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"))) {
|
8300
8301
|
attr(img, "class", img_class_value);
|
8301
8302
|
}
|
8302
8303
|
|
@@ -8329,7 +8330,7 @@ function create_fragment$19(ctx) {
|
|
8329
8330
|
each_blocks[i].c();
|
8330
8331
|
}
|
8331
8332
|
|
8332
|
-
attr(div, "class", "rating-buttons svelte-
|
8333
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
8333
8334
|
},
|
8334
8335
|
m(target, anchor) {
|
8335
8336
|
insert(target, div, anchor);
|
@@ -8437,7 +8438,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
8437
8438
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
8438
8439
|
|
8439
8440
|
function add_css$A(target) {
|
8440
|
-
append_styles(target, "svelte-
|
8441
|
+
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}");
|
8441
8442
|
}
|
8442
8443
|
|
8443
8444
|
function create_fragment$18(ctx) {
|
@@ -8451,13 +8452,13 @@ function create_fragment$18(ctx) {
|
|
8451
8452
|
c() {
|
8452
8453
|
div = element("div");
|
8453
8454
|
input = element("input");
|
8454
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
8455
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
8455
8456
|
attr(input, "type", "text");
|
8456
8457
|
input.value = /*$value*/ ctx[2];
|
8457
8458
|
input.required = /*required*/ ctx[0];
|
8458
8459
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
8459
8460
|
attr(input, "style", /*style*/ ctx[5]);
|
8460
|
-
attr(div, "class", "input-wrapper svelte-
|
8461
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
8461
8462
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
8462
8463
|
},
|
8463
8464
|
m(target, anchor) {
|
@@ -8470,7 +8471,7 @@ function create_fragment$18(ctx) {
|
|
8470
8471
|
}
|
8471
8472
|
},
|
8472
8473
|
p(ctx, [dirty]) {
|
8473
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
8474
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
8474
8475
|
attr(input, "class", input_class_value);
|
8475
8476
|
}
|
8476
8477
|
|
@@ -8658,7 +8659,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8658
8659
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
8659
8660
|
|
8660
8661
|
function add_css$z(target) {
|
8661
|
-
append_styles(target, "svelte-
|
8662
|
+
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}");
|
8662
8663
|
}
|
8663
8664
|
|
8664
8665
|
function create_fragment$17(ctx) {
|
@@ -8696,20 +8697,20 @@ function create_fragment$17(ctx) {
|
|
8696
8697
|
span1 = element("span");
|
8697
8698
|
t4 = text("いいえ");
|
8698
8699
|
attr(input0, "type", "radio");
|
8699
|
-
attr(input0, "class", "radio-button-input svelte-
|
8700
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
8700
8701
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
8701
8702
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
8702
|
-
attr(span0, "class", "radio-button-text svelte-
|
8703
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
8703
8704
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
8704
|
-
attr(label0, "class", "radio-button svelte-
|
8705
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
8705
8706
|
attr(input1, "type", "radio");
|
8706
|
-
attr(input1, "class", "radio-button-input svelte-
|
8707
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
8707
8708
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
8708
8709
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
8709
|
-
attr(span1, "class", "radio-button-text svelte-
|
8710
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
8710
8711
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
8711
|
-
attr(label1, "class", "radio-button svelte-
|
8712
|
-
attr(div, "class", "radio-buttons svelte-
|
8712
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
8713
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
8713
8714
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
8714
8715
|
},
|
8715
8716
|
m(target, anchor) {
|
@@ -8877,7 +8878,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
8877
8878
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
8878
8879
|
|
8879
8880
|
function add_css$y(target) {
|
8880
|
-
append_styles(target, "svelte-
|
8881
|
+
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%}");
|
8881
8882
|
}
|
8882
8883
|
|
8883
8884
|
function get_each_context$2(ctx, list, i) {
|
@@ -8906,9 +8907,9 @@ function create_if_block_1$2(ctx) {
|
|
8906
8907
|
attr(svg, "viewBox", "0 0 10 16");
|
8907
8908
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8908
8909
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
8909
|
-
attr(button, "class", "move-button svelte-
|
8910
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8910
8911
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
8911
|
-
attr(div, "class", "prev-button-container svelte-
|
8912
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
8912
8913
|
},
|
8913
8914
|
m(target, anchor) {
|
8914
8915
|
insert(target, div, anchor);
|
@@ -8957,9 +8958,9 @@ function create_if_block$b(ctx) {
|
|
8957
8958
|
attr(svg, "viewBox", "0 0 10 16");
|
8958
8959
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8959
8960
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
8960
|
-
attr(button, "class", "move-button svelte-
|
8961
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8961
8962
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
8962
|
-
attr(div, "class", "next-button-container svelte-
|
8963
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
8963
8964
|
},
|
8964
8965
|
m(target, anchor) {
|
8965
8966
|
insert(target, div, anchor);
|
@@ -9007,9 +9008,9 @@ function create_each_block$2(ctx) {
|
|
9007
9008
|
button = element("button");
|
9008
9009
|
div = element("div");
|
9009
9010
|
t = space();
|
9010
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
9011
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
9011
9012
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
9012
|
-
attr(button, "class", "navigation-item svelte-
|
9013
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
9013
9014
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
9014
9015
|
},
|
9015
9016
|
m(target, anchor) {
|
@@ -9086,14 +9087,14 @@ function create_fragment$16(ctx) {
|
|
9086
9087
|
each_blocks[i].c();
|
9087
9088
|
}
|
9088
9089
|
|
9089
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
9090
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
9090
9091
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
9091
|
-
attr(div1, "class", "container svelte-
|
9092
|
+
attr(div1, "class", "container svelte-ji1fh");
|
9092
9093
|
attr(div1, "style", /*_style*/ ctx[0]);
|
9093
|
-
attr(div2, "class", "navigation svelte-
|
9094
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
9094
9095
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
9095
9096
|
set_attributes(div3, div3_data);
|
9096
|
-
toggle_class(div3, "svelte-
|
9097
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
9097
9098
|
},
|
9098
9099
|
m(target, anchor) {
|
9099
9100
|
insert(target, div3, anchor);
|
@@ -9135,7 +9136,7 @@ function create_fragment$16(ctx) {
|
|
9135
9136
|
}
|
9136
9137
|
}
|
9137
9138
|
|
9138
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
9139
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
9139
9140
|
attr(div0, "class", div0_class_value);
|
9140
9141
|
}
|
9141
9142
|
|
@@ -9201,7 +9202,7 @@ function create_fragment$16(ctx) {
|
|
9201
9202
|
}
|
9202
9203
|
|
9203
9204
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
9204
|
-
toggle_class(div3, "svelte-
|
9205
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
9205
9206
|
},
|
9206
9207
|
i(local) {
|
9207
9208
|
if (current) return;
|
@@ -9713,7 +9714,7 @@ class Slide extends SvelteComponent {
|
|
9713
9714
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
9714
9715
|
|
9715
9716
|
function add_css$x(target) {
|
9716
|
-
append_styles(target, "svelte-
|
9717
|
+
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}");
|
9717
9718
|
}
|
9718
9719
|
|
9719
9720
|
function create_fragment$15(ctx) {
|
@@ -9728,9 +9729,9 @@ function create_fragment$15(ctx) {
|
|
9728
9729
|
div1 = element("div");
|
9729
9730
|
div0 = element("div");
|
9730
9731
|
if (default_slot) default_slot.c();
|
9731
|
-
attr(div0, "class", "item-inner svelte-
|
9732
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
9732
9733
|
attr(div0, "style", /*_style*/ ctx[0]);
|
9733
|
-
attr(div1, "class", "item svelte-
|
9734
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
9734
9735
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
9735
9736
|
},
|
9736
9737
|
m(target, anchor) {
|
@@ -9856,7 +9857,7 @@ class SlideItem extends SvelteComponent {
|
|
9856
9857
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
9857
9858
|
|
9858
9859
|
function add_css$w(target) {
|
9859
|
-
append_styles(target, "svelte-
|
9860
|
+
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}");
|
9860
9861
|
}
|
9861
9862
|
|
9862
9863
|
const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
@@ -9874,9 +9875,9 @@ function create_fragment$14(ctx) {
|
|
9874
9875
|
div1 = element("div");
|
9875
9876
|
div0 = element("div");
|
9876
9877
|
if (default_slot) default_slot.c();
|
9877
|
-
attr(div0, "class", "countdown-inner svelte-
|
9878
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
9878
9879
|
attr(div0, "style", /*_style*/ ctx[0]);
|
9879
|
-
attr(div1, "class", "countdown svelte-
|
9880
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
9880
9881
|
},
|
9881
9882
|
m(target, anchor) {
|
9882
9883
|
insert(target, div1, anchor);
|
@@ -10010,7 +10011,7 @@ class Countdown extends SvelteComponent {
|
|
10010
10011
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
10011
10012
|
|
10012
10013
|
function add_css$v(target) {
|
10013
|
-
append_styles(target, "svelte-
|
10014
|
+
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}");
|
10014
10015
|
}
|
10015
10016
|
|
10016
10017
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
@@ -10080,7 +10081,7 @@ function create_fragment$13(ctx) {
|
|
10080
10081
|
c() {
|
10081
10082
|
div = element("div");
|
10082
10083
|
create_component(button.$$.fragment);
|
10083
|
-
attr(div, "class", "box svelte-
|
10084
|
+
attr(div, "class", "box svelte-1ccydfy");
|
10084
10085
|
},
|
10085
10086
|
m(target, anchor) {
|
10086
10087
|
insert(target, div, anchor);
|
@@ -10141,7 +10142,7 @@ class Box extends SvelteComponent {
|
|
10141
10142
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10142
10143
|
|
10143
10144
|
function add_css$u(target) {
|
10144
|
-
append_styles(target, "svelte-
|
10145
|
+
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)}");
|
10145
10146
|
}
|
10146
10147
|
|
10147
10148
|
// (56:4) {#if svg}
|
@@ -10223,7 +10224,7 @@ function create_fragment$12(ctx) {
|
|
10223
10224
|
c() {
|
10224
10225
|
div = element("div");
|
10225
10226
|
create_component(button.$$.fragment);
|
10226
|
-
attr(div, "class", "icon svelte-
|
10227
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
10227
10228
|
},
|
10228
10229
|
m(target, anchor) {
|
10229
10230
|
insert(target, div, anchor);
|
@@ -10332,7 +10333,7 @@ class IconElement extends SvelteComponent {
|
|
10332
10333
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
10333
10334
|
|
10334
10335
|
function add_css$t(target) {
|
10335
|
-
append_styles(target, "svelte-
|
10336
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
10336
10337
|
}
|
10337
10338
|
|
10338
10339
|
function create_fragment$11(ctx) {
|
@@ -10358,7 +10359,7 @@ function create_fragment$11(ctx) {
|
|
10358
10359
|
c() {
|
10359
10360
|
div = element("div");
|
10360
10361
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
10361
|
-
attr(div, "class", "codeElement svelte-
|
10362
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
10362
10363
|
attr(div, "style", /*style*/ ctx[3]);
|
10363
10364
|
},
|
10364
10365
|
m(target, anchor) {
|
@@ -10447,7 +10448,7 @@ class CodeElement extends SvelteComponent {
|
|
10447
10448
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
10448
10449
|
|
10449
10450
|
function add_css$s(target) {
|
10450
|
-
append_styles(target, "svelte-
|
10451
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
10451
10452
|
}
|
10452
10453
|
|
10453
10454
|
function create_fragment$10(ctx) {
|
@@ -10461,7 +10462,7 @@ function create_fragment$10(ctx) {
|
|
10461
10462
|
c() {
|
10462
10463
|
div = element("div");
|
10463
10464
|
if (default_slot) default_slot.c();
|
10464
|
-
attr(div, "class", "flex svelte-
|
10465
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
10465
10466
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
10466
10467
|
},
|
10467
10468
|
m(target, anchor) {
|
@@ -10558,7 +10559,7 @@ class Flex extends SvelteComponent {
|
|
10558
10559
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
10559
10560
|
|
10560
10561
|
function add_css$r(target) {
|
10561
|
-
append_styles(target, "svelte-
|
10562
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
10562
10563
|
}
|
10563
10564
|
|
10564
10565
|
function create_fragment$$(ctx) {
|
@@ -10571,7 +10572,7 @@ function create_fragment$$(ctx) {
|
|
10571
10572
|
c() {
|
10572
10573
|
div = element("div");
|
10573
10574
|
if (default_slot) default_slot.c();
|
10574
|
-
attr(div, "class", "flex-item svelte-
|
10575
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
10575
10576
|
attr(div, "style", /*style*/ ctx[0]);
|
10576
10577
|
},
|
10577
10578
|
m(target, anchor) {
|
@@ -10979,7 +10980,7 @@ class GridModalState extends SvelteComponent {
|
|
10979
10980
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
10980
10981
|
|
10981
10982
|
function add_css$q(target) {
|
10982
|
-
append_styles(target, "svelte-
|
10983
|
+
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%}");
|
10983
10984
|
}
|
10984
10985
|
|
10985
10986
|
function create_fragment$Z(ctx) {
|
@@ -10995,8 +10996,8 @@ function create_fragment$Z(ctx) {
|
|
10995
10996
|
div1 = element("div");
|
10996
10997
|
div0 = element("div");
|
10997
10998
|
create_component(rendertext.$$.fragment);
|
10998
|
-
attr(div0, "class", "text-block-inner svelte-
|
10999
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
10999
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
11000
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
11000
11001
|
attr(div1, "style", /*style*/ ctx[2]);
|
11001
11002
|
},
|
11002
11003
|
m(target, anchor) {
|
@@ -11010,7 +11011,7 @@ function create_fragment$Z(ctx) {
|
|
11010
11011
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
11011
11012
|
rendertext.$set(rendertext_changes);
|
11012
11013
|
|
11013
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
11014
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
11014
11015
|
attr(div1, "class", div1_class_value);
|
11015
11016
|
}
|
11016
11017
|
|
@@ -11088,7 +11089,7 @@ class TextBlock extends SvelteComponent {
|
|
11088
11089
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
11089
11090
|
|
11090
11091
|
function add_css$p(target) {
|
11091
|
-
append_styles(target, "svelte-
|
11092
|
+
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)}");
|
11092
11093
|
}
|
11093
11094
|
|
11094
11095
|
function create_fragment$Y(ctx) {
|
@@ -11105,9 +11106,9 @@ function create_fragment$Y(ctx) {
|
|
11105
11106
|
div = element("div");
|
11106
11107
|
button = element("button");
|
11107
11108
|
create_component(rendertext.$$.fragment);
|
11108
|
-
attr(button, "class", "text-button svelte-
|
11109
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
11109
11110
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
11110
|
-
attr(div, "class", "text-button-block svelte-
|
11111
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
11111
11112
|
attr(div, "style", /*_style*/ ctx[2]);
|
11112
11113
|
},
|
11113
11114
|
m(target, anchor) {
|
@@ -11213,7 +11214,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
11213
11214
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
11214
11215
|
|
11215
11216
|
function add_css$o(target) {
|
11216
|
-
append_styles(target, "svelte-
|
11217
|
+
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)}");
|
11217
11218
|
}
|
11218
11219
|
|
11219
11220
|
function create_fragment$X(ctx) {
|
@@ -11229,14 +11230,14 @@ function create_fragment$X(ctx) {
|
|
11229
11230
|
c() {
|
11230
11231
|
div = element("div");
|
11231
11232
|
img = element("img");
|
11232
|
-
attr(img, "class", "image svelte-
|
11233
|
+
attr(img, "class", "image svelte-1pdw891");
|
11233
11234
|
attr(img, "loading", "lazy");
|
11234
11235
|
attr(img, "width", "auto");
|
11235
11236
|
attr(img, "height", "auto");
|
11236
11237
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
11237
11238
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
11238
11239
|
attr(img, "alt", /*alt*/ ctx[1]);
|
11239
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
11240
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
11240
11241
|
attr(div, "style", /*_style*/ ctx[5]);
|
11241
11242
|
},
|
11242
11243
|
m(target, anchor) {
|
@@ -11261,7 +11262,7 @@ function create_fragment$X(ctx) {
|
|
11261
11262
|
attr(img, "alt", /*alt*/ ctx[1]);
|
11262
11263
|
}
|
11263
11264
|
|
11264
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
11265
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
11265
11266
|
attr(div, "class", div_class_value);
|
11266
11267
|
}
|
11267
11268
|
|
@@ -11713,7 +11714,7 @@ const AVATAR_SIZE_STYLES = {
|
|
11713
11714
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
11714
11715
|
|
11715
11716
|
function add_css$n(target) {
|
11716
|
-
append_styles(target, "svelte-
|
11717
|
+
append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
|
11717
11718
|
}
|
11718
11719
|
|
11719
11720
|
// (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
|
@@ -11743,7 +11744,7 @@ function create_dynamic_element$b(ctx) {
|
|
11743
11744
|
svelte_element = element(/*element*/ ctx[5]);
|
11744
11745
|
img = element("img");
|
11745
11746
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
11746
|
-
attr(img, "class", "avatar-image svelte-
|
11747
|
+
attr(img, "class", "avatar-image svelte-1krsdyx");
|
11747
11748
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
11748
11749
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
11749
11750
|
|
@@ -11753,7 +11754,7 @@ function create_dynamic_element$b(ctx) {
|
|
11753
11754
|
set_attributes(svelte_element, svelte_element_data);
|
11754
11755
|
}
|
11755
11756
|
|
11756
|
-
toggle_class(svelte_element, "svelte-
|
11757
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
11757
11758
|
},
|
11758
11759
|
m(target, anchor) {
|
11759
11760
|
insert(target, svelte_element, anchor);
|
@@ -11790,7 +11791,7 @@ function create_dynamic_element$b(ctx) {
|
|
11790
11791
|
set_attributes(svelte_element, svelte_element_data);
|
11791
11792
|
}
|
11792
11793
|
|
11793
|
-
toggle_class(svelte_element, "svelte-
|
11794
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
11794
11795
|
},
|
11795
11796
|
d(detaching) {
|
11796
11797
|
if (detaching) detach(svelte_element);
|
@@ -13595,7 +13596,7 @@ const ICON_VARIANTS = {
|
|
13595
13596
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
13596
13597
|
|
13597
13598
|
function add_css$m(target) {
|
13598
|
-
append_styles(target, "svelte-
|
13599
|
+
append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
|
13599
13600
|
}
|
13600
13601
|
|
13601
13602
|
// (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
|
@@ -13643,7 +13644,7 @@ function create_dynamic_element$a(ctx) {
|
|
13643
13644
|
set_attributes(svelte_element, svelte_element_data);
|
13644
13645
|
}
|
13645
13646
|
|
13646
|
-
toggle_class(svelte_element, "svelte-
|
13647
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
13647
13648
|
},
|
13648
13649
|
m(target, anchor) {
|
13649
13650
|
insert(target, svelte_element, anchor);
|
@@ -13696,7 +13697,7 @@ function create_dynamic_element$a(ctx) {
|
|
13696
13697
|
set_attributes(svelte_element, svelte_element_data);
|
13697
13698
|
}
|
13698
13699
|
|
13699
|
-
toggle_class(svelte_element, "svelte-
|
13700
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
13700
13701
|
},
|
13701
13702
|
i(local) {
|
13702
13703
|
if (current) return;
|
@@ -13994,7 +13995,7 @@ function darkenColor(color, percent) {
|
|
13994
13995
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
13995
13996
|
|
13996
13997
|
function add_css$l(target) {
|
13997
|
-
append_styles(target, "svelte-
|
13998
|
+
append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
13998
13999
|
}
|
13999
14000
|
|
14000
14001
|
// (91:2) {#if props.isIcon && props.iconVariant}
|
@@ -14018,7 +14019,7 @@ function create_if_block$9(ctx) {
|
|
14018
14019
|
c() {
|
14019
14020
|
div = element("div");
|
14020
14021
|
create_component(icon.$$.fragment);
|
14021
|
-
attr(div, "class", "button-icon svelte-
|
14022
|
+
attr(div, "class", "button-icon svelte-o2gomt");
|
14022
14023
|
},
|
14023
14024
|
m(target, anchor) {
|
14024
14025
|
insert(target, div, anchor);
|
@@ -14094,7 +14095,7 @@ function create_dynamic_element$9(ctx) {
|
|
14094
14095
|
set_attributes(svelte_element, svelte_element_data);
|
14095
14096
|
}
|
14096
14097
|
|
14097
|
-
toggle_class(svelte_element, "svelte-
|
14098
|
+
toggle_class(svelte_element, "svelte-o2gomt", true);
|
14098
14099
|
},
|
14099
14100
|
m(target, anchor) {
|
14100
14101
|
insert(target, svelte_element, anchor);
|
@@ -14149,7 +14150,7 @@ function create_dynamic_element$9(ctx) {
|
|
14149
14150
|
set_attributes(svelte_element, svelte_element_data);
|
14150
14151
|
}
|
14151
14152
|
|
14152
|
-
toggle_class(svelte_element, "svelte-
|
14153
|
+
toggle_class(svelte_element, "svelte-o2gomt", true);
|
14153
14154
|
},
|
14154
14155
|
i(local) {
|
14155
14156
|
if (current) return;
|
@@ -14424,7 +14425,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
14424
14425
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
14425
14426
|
|
14426
14427
|
function add_css$k(target) {
|
14427
|
-
append_styles(target, "svelte-
|
14428
|
+
append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
14428
14429
|
}
|
14429
14430
|
|
14430
14431
|
// (53:2) {#if props.isIcon && props.iconVariant}
|
@@ -14448,7 +14449,7 @@ function create_if_block$8(ctx) {
|
|
14448
14449
|
c() {
|
14449
14450
|
div = element("div");
|
14450
14451
|
create_component(icon.$$.fragment);
|
14451
|
-
attr(div, "class", "button-outlined-icon svelte-
|
14452
|
+
attr(div, "class", "button-outlined-icon svelte-38fju1");
|
14452
14453
|
},
|
14453
14454
|
m(target, anchor) {
|
14454
14455
|
insert(target, div, anchor);
|
@@ -14515,7 +14516,7 @@ function create_dynamic_element$8(ctx) {
|
|
14515
14516
|
t0 = space();
|
14516
14517
|
span = element("span");
|
14517
14518
|
t1 = text(t1_value);
|
14518
|
-
attr(span, "class", "button-outlined-label svelte-
|
14519
|
+
attr(span, "class", "button-outlined-label svelte-38fju1");
|
14519
14520
|
|
14520
14521
|
if ((/-/).test(/*element*/ ctx[4])) {
|
14521
14522
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -14523,7 +14524,7 @@ function create_dynamic_element$8(ctx) {
|
|
14523
14524
|
set_attributes(svelte_element, svelte_element_data);
|
14524
14525
|
}
|
14525
14526
|
|
14526
|
-
toggle_class(svelte_element, "svelte-
|
14527
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
14527
14528
|
},
|
14528
14529
|
m(target, anchor) {
|
14529
14530
|
insert(target, svelte_element, anchor);
|
@@ -14577,7 +14578,7 @@ function create_dynamic_element$8(ctx) {
|
|
14577
14578
|
set_attributes(svelte_element, svelte_element_data);
|
14578
14579
|
}
|
14579
14580
|
|
14580
|
-
toggle_class(svelte_element, "svelte-
|
14581
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
14581
14582
|
},
|
14582
14583
|
i(local) {
|
14583
14584
|
if (current) return;
|
@@ -14769,7 +14770,7 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
|
|
14769
14770
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
14770
14771
|
|
14771
14772
|
function add_css$j(target) {
|
14772
|
-
append_styles(target, "svelte-
|
14773
|
+
append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
14773
14774
|
}
|
14774
14775
|
|
14775
14776
|
// (49:2) {#if props.isIcon && props.iconVariant}
|
@@ -14793,7 +14794,7 @@ function create_if_block$7(ctx) {
|
|
14793
14794
|
c() {
|
14794
14795
|
div = element("div");
|
14795
14796
|
create_component(icon.$$.fragment);
|
14796
|
-
attr(div, "class", "button-text-icon svelte-
|
14797
|
+
attr(div, "class", "button-text-icon svelte-1xgvp8r");
|
14797
14798
|
},
|
14798
14799
|
m(target, anchor) {
|
14799
14800
|
insert(target, div, anchor);
|
@@ -14860,7 +14861,7 @@ function create_dynamic_element$7(ctx) {
|
|
14860
14861
|
t0 = space();
|
14861
14862
|
span = element("span");
|
14862
14863
|
t1 = text(t1_value);
|
14863
|
-
attr(span, "class", "button-text-label svelte-
|
14864
|
+
attr(span, "class", "button-text-label svelte-1xgvp8r");
|
14864
14865
|
|
14865
14866
|
if ((/-/).test(/*element*/ ctx[4])) {
|
14866
14867
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -14868,7 +14869,7 @@ function create_dynamic_element$7(ctx) {
|
|
14868
14869
|
set_attributes(svelte_element, svelte_element_data);
|
14869
14870
|
}
|
14870
14871
|
|
14871
|
-
toggle_class(svelte_element, "svelte-
|
14872
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
14872
14873
|
},
|
14873
14874
|
m(target, anchor) {
|
14874
14875
|
insert(target, svelte_element, anchor);
|
@@ -14922,7 +14923,7 @@ function create_dynamic_element$7(ctx) {
|
|
14922
14923
|
set_attributes(svelte_element, svelte_element_data);
|
14923
14924
|
}
|
14924
14925
|
|
14925
|
-
toggle_class(svelte_element, "svelte-
|
14926
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
14926
14927
|
},
|
14927
14928
|
i(local) {
|
14928
14929
|
if (current) return;
|
@@ -15070,7 +15071,7 @@ const BUTTON_TEXT_THEME = {
|
|
15070
15071
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
15071
15072
|
|
15072
15073
|
function add_css$i(target) {
|
15073
|
-
append_styles(target, "svelte-
|
15074
|
+
append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
|
15074
15075
|
}
|
15075
15076
|
|
15076
15077
|
// (90:2) {#if hasLabel}
|
@@ -15086,7 +15087,7 @@ function create_if_block$6(ctx) {
|
|
15086
15087
|
|
15087
15088
|
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
|
15088
15089
|
? 'close-button-order-one'
|
15089
|
-
: '') + " svelte-
|
15090
|
+
: '') + " svelte-3mvsv6");
|
15090
15091
|
},
|
15091
15092
|
m(target, anchor) {
|
15092
15093
|
insert(target, span, anchor);
|
@@ -15146,7 +15147,7 @@ function create_dynamic_element$6(ctx) {
|
|
15146
15147
|
set_style(svg, "width", "100%");
|
15147
15148
|
set_style(svg, "height", "100%");
|
15148
15149
|
attr(svg, "fill", /*color*/ ctx[8]);
|
15149
|
-
attr(svg, "class", "svelte-
|
15150
|
+
attr(svg, "class", "svelte-3mvsv6");
|
15150
15151
|
attr(span, "style", /*iconStyle*/ ctx[1]);
|
15151
15152
|
|
15152
15153
|
if ((/-/).test(/*element*/ ctx[6])) {
|
@@ -15155,7 +15156,7 @@ function create_dynamic_element$6(ctx) {
|
|
15155
15156
|
set_attributes(svelte_element, svelte_element_data);
|
15156
15157
|
}
|
15157
15158
|
|
15158
|
-
toggle_class(svelte_element, "svelte-
|
15159
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
15159
15160
|
},
|
15160
15161
|
m(target, anchor) {
|
15161
15162
|
insert(target, svelte_element, anchor);
|
@@ -15201,7 +15202,7 @@ function create_dynamic_element$6(ctx) {
|
|
15201
15202
|
set_attributes(svelte_element, svelte_element_data);
|
15202
15203
|
}
|
15203
15204
|
|
15204
|
-
toggle_class(svelte_element, "svelte-
|
15205
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
15205
15206
|
},
|
15206
15207
|
d(detaching) {
|
15207
15208
|
if (detaching) detach(svelte_element);
|
@@ -15438,10 +15439,10 @@ const IMAGE_ROUND_STYLES = {
|
|
15438
15439
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
15439
15440
|
|
15440
15441
|
function add_css$h(target) {
|
15441
|
-
append_styles(target, "svelte-
|
15442
|
+
append_styles(target, "svelte-rewdem", ".image.svelte-rewdem{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-img.svelte-rewdem{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
15442
15443
|
}
|
15443
15444
|
|
15444
|
-
// (
|
15445
|
+
// (26:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
|
15445
15446
|
function create_dynamic_element$5(ctx) {
|
15446
15447
|
let svelte_element;
|
15447
15448
|
let img;
|
@@ -15469,7 +15470,7 @@ function create_dynamic_element$5(ctx) {
|
|
15469
15470
|
img = element("img");
|
15470
15471
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
15471
15472
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
15472
|
-
attr(img, "class", "image-img svelte-
|
15473
|
+
attr(img, "class", "image-img svelte-rewdem");
|
15473
15474
|
|
15474
15475
|
if ((/-/).test(/*element*/ ctx[4])) {
|
15475
15476
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -15477,7 +15478,7 @@ function create_dynamic_element$5(ctx) {
|
|
15477
15478
|
set_attributes(svelte_element, svelte_element_data);
|
15478
15479
|
}
|
15479
15480
|
|
15480
|
-
toggle_class(svelte_element, "svelte-
|
15481
|
+
toggle_class(svelte_element, "svelte-rewdem", true);
|
15481
15482
|
},
|
15482
15483
|
m(target, anchor) {
|
15483
15484
|
insert(target, svelte_element, anchor);
|
@@ -15510,7 +15511,7 @@ function create_dynamic_element$5(ctx) {
|
|
15510
15511
|
set_attributes(svelte_element, svelte_element_data);
|
15511
15512
|
}
|
15512
15513
|
|
15513
|
-
toggle_class(svelte_element, "svelte-
|
15514
|
+
toggle_class(svelte_element, "svelte-rewdem", true);
|
15514
15515
|
},
|
15515
15516
|
d(detaching) {
|
15516
15517
|
if (detaching) detach(svelte_element);
|
@@ -15571,6 +15572,7 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
15571
15572
|
useInjectCustomizeCss(props);
|
15572
15573
|
const { attributes, element, handleClick } = useClickable(props);
|
15573
15574
|
const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
|
15575
|
+
const width = props.width ?? '100%';
|
15574
15576
|
|
15575
15577
|
$$self.$$set = $$props => {
|
15576
15578
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
@@ -15583,7 +15585,8 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
15583
15585
|
...props.borderTopLeftRadius
|
15584
15586
|
? toCssRadius(props)
|
15585
15587
|
: IMAGE_ROUND_STYLES[props.shape ?? 'square'],
|
15586
|
-
width
|
15588
|
+
width,
|
15589
|
+
flexShrink: String(width).indexOf('px') !== -1 ? 0 : 1,
|
15587
15590
|
height: props.height ?? 'auto',
|
15588
15591
|
aspectRatio: props.aspect ?? aspectVariantStyles?.aspect,
|
15589
15592
|
...toCssCommon(props),
|
@@ -15623,7 +15626,7 @@ const IMAGE_ASPECT_VARIANTS = {
|
|
15623
15626
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
15624
15627
|
|
15625
15628
|
function add_css$g(target) {
|
15626
|
-
append_styles(target, "svelte-
|
15629
|
+
append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
|
15627
15630
|
}
|
15628
15631
|
|
15629
15632
|
// (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
@@ -15659,7 +15662,7 @@ function create_dynamic_element$4(ctx) {
|
|
15659
15662
|
set_attributes(svelte_element, svelte_element_data);
|
15660
15663
|
}
|
15661
15664
|
|
15662
|
-
toggle_class(svelte_element, "svelte-
|
15665
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
15663
15666
|
},
|
15664
15667
|
m(target, anchor) {
|
15665
15668
|
insert(target, svelte_element, anchor);
|
@@ -15704,7 +15707,7 @@ function create_dynamic_element$4(ctx) {
|
|
15704
15707
|
set_attributes(svelte_element, svelte_element_data);
|
15705
15708
|
}
|
15706
15709
|
|
15707
|
-
toggle_class(svelte_element, "svelte-
|
15710
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
15708
15711
|
},
|
15709
15712
|
i(local) {
|
15710
15713
|
if (current) return;
|
@@ -15828,7 +15831,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
15828
15831
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
15829
15832
|
|
15830
15833
|
function add_css$f(target) {
|
15831
|
-
append_styles(target, "svelte-
|
15834
|
+
append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
|
15832
15835
|
}
|
15833
15836
|
|
15834
15837
|
function get_each_context$1(ctx, list, i) {
|
@@ -15930,12 +15933,12 @@ function create_fragment$j(ctx) {
|
|
15930
15933
|
each_blocks[i].c();
|
15931
15934
|
}
|
15932
15935
|
|
15933
|
-
attr(ul, "class", "slider-list svelte-
|
15936
|
+
attr(ul, "class", "slider-list svelte-1slel1d");
|
15934
15937
|
attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
|
15935
15938
|
attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
|
15936
15939
|
attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
|
15937
15940
|
attr(div1, "style", /*style*/ ctx[6]);
|
15938
|
-
attr(div1, "class", "slider svelte-
|
15941
|
+
attr(div1, "class", "slider svelte-1slel1d");
|
15939
15942
|
},
|
15940
15943
|
m(target, anchor) {
|
15941
15944
|
insert(target, div1, anchor);
|
@@ -16284,7 +16287,7 @@ class Slider extends SvelteComponent {
|
|
16284
16287
|
/* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
|
16285
16288
|
|
16286
16289
|
function add_css$e(target) {
|
16287
|
-
append_styles(target, "svelte-
|
16290
|
+
append_styles(target, "svelte-1amglxo", ".slider-item.svelte-1amglxo{overflow:hidden}.slider-item-inner.svelte-1amglxo{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
|
16288
16291
|
}
|
16289
16292
|
|
16290
16293
|
// (10:2) <svelte:element {...attributes} this={element} class="slider-item-inner" on:click={handleClick} >
|
@@ -16313,7 +16316,7 @@ function create_dynamic_element$3(ctx) {
|
|
16313
16316
|
set_attributes(svelte_element, svelte_element_data);
|
16314
16317
|
}
|
16315
16318
|
|
16316
|
-
toggle_class(svelte_element, "svelte-
|
16319
|
+
toggle_class(svelte_element, "svelte-1amglxo", true);
|
16317
16320
|
},
|
16318
16321
|
m(target, anchor) {
|
16319
16322
|
insert(target, svelte_element, anchor);
|
@@ -16353,7 +16356,7 @@ function create_dynamic_element$3(ctx) {
|
|
16353
16356
|
set_attributes(svelte_element, svelte_element_data);
|
16354
16357
|
}
|
16355
16358
|
|
16356
|
-
toggle_class(svelte_element, "svelte-
|
16359
|
+
toggle_class(svelte_element, "svelte-1amglxo", true);
|
16357
16360
|
},
|
16358
16361
|
i(local) {
|
16359
16362
|
if (current) return;
|
@@ -16384,7 +16387,7 @@ function create_fragment$i(ctx) {
|
|
16384
16387
|
li = element("li");
|
16385
16388
|
if (svelte_element) svelte_element.c();
|
16386
16389
|
attr(li, "data-layer-id", /*layerId*/ ctx[0]);
|
16387
|
-
attr(li, "class", "slider-item svelte-
|
16390
|
+
attr(li, "class", "slider-item svelte-1amglxo");
|
16388
16391
|
},
|
16389
16392
|
m(target, anchor) {
|
16390
16393
|
insert(target, li, anchor);
|
@@ -16541,7 +16544,7 @@ const TEXT_VARIANTS = {
|
|
16541
16544
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
16542
16545
|
|
16543
16546
|
function add_css$d(target) {
|
16544
|
-
append_styles(target, "svelte-
|
16547
|
+
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
16545
16548
|
}
|
16546
16549
|
|
16547
16550
|
function create_fragment$h(ctx) {
|
@@ -16550,7 +16553,7 @@ function create_fragment$h(ctx) {
|
|
16550
16553
|
return {
|
16551
16554
|
c() {
|
16552
16555
|
p = element("p");
|
16553
|
-
attr(p, "class", "text svelte-
|
16556
|
+
attr(p, "class", "text svelte-vifn7y");
|
16554
16557
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
16555
16558
|
attr(p, "style", /*style*/ ctx[1]);
|
16556
16559
|
},
|
@@ -16668,7 +16671,7 @@ class Text extends SvelteComponent {
|
|
16668
16671
|
/* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
|
16669
16672
|
|
16670
16673
|
function add_css$c(target) {
|
16671
|
-
append_styles(target, "svelte-
|
16674
|
+
append_styles(target, "svelte-dxr423", ".rich-text.svelte-dxr423 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-dxr423 p + p{margin-top:0.75em}");
|
16672
16675
|
}
|
16673
16676
|
|
16674
16677
|
function create_fragment$g(ctx) {
|
@@ -16678,7 +16681,7 @@ function create_fragment$g(ctx) {
|
|
16678
16681
|
return {
|
16679
16682
|
c() {
|
16680
16683
|
div = element("div");
|
16681
|
-
attr(div, "class", "rich-text svelte-
|
16684
|
+
attr(div, "class", "rich-text svelte-dxr423");
|
16682
16685
|
attr(div, "style", /*style*/ ctx[2]);
|
16683
16686
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
16684
16687
|
},
|
@@ -16851,7 +16854,7 @@ const getTextLinkThemeStyles = getPropStyles(callback);
|
|
16851
16854
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
16852
16855
|
|
16853
16856
|
function add_css$b(target) {
|
16854
|
-
append_styles(target, "svelte-
|
16857
|
+
append_styles(target, "svelte-dc9m5n", ".link.svelte-dc9m5n{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-dc9m5n,.link.svelte-dc9m5n:visited,.link.svelte-dc9m5n:link{color:var(--color)}.link.svelte-dc9m5n:hover{color:var(--hover-color)}.link.svelte-dc9m5n:active{color:var(--active-color)}.link.underline-hover-on.svelte-dc9m5n{text-decoration:none}.link.underline-hover-on.svelte-dc9m5n:hover{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n:hover{text-decoration:none}.link.underline-on.svelte-dc9m5n{text-decoration:underline}.link.underline-off.svelte-dc9m5n{text-decoration:none}");
|
16855
16858
|
}
|
16856
16859
|
|
16857
16860
|
// (81:2) {#if props.isIcon && props.iconVariant}
|
@@ -16944,7 +16947,7 @@ function create_dynamic_element$2(ctx) {
|
|
16944
16947
|
set_attributes(svelte_element, svelte_element_data);
|
16945
16948
|
}
|
16946
16949
|
|
16947
|
-
toggle_class(svelte_element, "svelte-
|
16950
|
+
toggle_class(svelte_element, "svelte-dc9m5n", true);
|
16948
16951
|
},
|
16949
16952
|
m(target, anchor) {
|
16950
16953
|
insert(target, svelte_element, anchor);
|
@@ -16997,7 +17000,7 @@ function create_dynamic_element$2(ctx) {
|
|
16997
17000
|
set_attributes(svelte_element, svelte_element_data);
|
16998
17001
|
}
|
16999
17002
|
|
17000
|
-
toggle_class(svelte_element, "svelte-
|
17003
|
+
toggle_class(svelte_element, "svelte-dc9m5n", true);
|
17001
17004
|
},
|
17002
17005
|
i(local) {
|
17003
17006
|
if (current) return;
|
@@ -17180,7 +17183,7 @@ const TEXT_LINK_UNDERLINE = {
|
|
17180
17183
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
17181
17184
|
|
17182
17185
|
function add_css$a(target) {
|
17183
|
-
append_styles(target, "svelte-
|
17186
|
+
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}");
|
17184
17187
|
}
|
17185
17188
|
|
17186
17189
|
// (14:0) {#if backgroundOverlay}
|
@@ -17193,7 +17196,7 @@ function create_if_block$4(ctx) {
|
|
17193
17196
|
return {
|
17194
17197
|
c() {
|
17195
17198
|
div = element("div");
|
17196
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
17199
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
17197
17200
|
},
|
17198
17201
|
m(target, anchor) {
|
17199
17202
|
insert(target, div, anchor);
|
@@ -17204,7 +17207,7 @@ function create_if_block$4(ctx) {
|
|
17204
17207
|
}
|
17205
17208
|
},
|
17206
17209
|
p(ctx, dirty) {
|
17207
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
17210
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
17208
17211
|
attr(div, "class", div_class_value);
|
17209
17212
|
}
|
17210
17213
|
},
|
@@ -17276,10 +17279,10 @@ class BackgroundOverlay extends SvelteComponent {
|
|
17276
17279
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
17277
17280
|
|
17278
17281
|
function add_css$9(target) {
|
17279
|
-
append_styles(target, "svelte-
|
17282
|
+
append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
17280
17283
|
}
|
17281
17284
|
|
17282
|
-
// (
|
17285
|
+
// (219:0) {:else}
|
17283
17286
|
function create_else_block(ctx) {
|
17284
17287
|
let backgroundoverlay;
|
17285
17288
|
let current;
|
@@ -17291,7 +17294,7 @@ function create_else_block(ctx) {
|
|
17291
17294
|
});
|
17292
17295
|
|
17293
17296
|
backgroundoverlay.$on("click", function () {
|
17294
|
-
if (is_function(/*backgroundClick*/ ctx[
|
17297
|
+
if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
|
17295
17298
|
});
|
17296
17299
|
|
17297
17300
|
return {
|
@@ -17323,7 +17326,7 @@ function create_else_block(ctx) {
|
|
17323
17326
|
};
|
17324
17327
|
}
|
17325
17328
|
|
17326
|
-
// (
|
17329
|
+
// (208:24)
|
17327
17330
|
function create_if_block_2(ctx) {
|
17328
17331
|
let backgroundoverlay0;
|
17329
17332
|
let t;
|
@@ -17338,7 +17341,7 @@ function create_if_block_2(ctx) {
|
|
17338
17341
|
});
|
17339
17342
|
|
17340
17343
|
backgroundoverlay0.$on("click", function () {
|
17341
|
-
if (is_function(/*backgroundClickPC*/ ctx[
|
17344
|
+
if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
|
17342
17345
|
});
|
17343
17346
|
|
17344
17347
|
backgroundoverlay1 = new BackgroundOverlay({
|
@@ -17349,7 +17352,7 @@ function create_if_block_2(ctx) {
|
|
17349
17352
|
});
|
17350
17353
|
|
17351
17354
|
backgroundoverlay1.$on("click", function () {
|
17352
|
-
if (is_function(/*backgroundClickSP*/ ctx[
|
17355
|
+
if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
|
17353
17356
|
});
|
17354
17357
|
|
17355
17358
|
return {
|
@@ -17392,7 +17395,7 @@ function create_if_block_2(ctx) {
|
|
17392
17395
|
};
|
17393
17396
|
}
|
17394
17397
|
|
17395
|
-
// (
|
17398
|
+
// (206:0) {#if isCanvasPreview()}
|
17396
17399
|
function create_if_block_1$1(ctx) {
|
17397
17400
|
return {
|
17398
17401
|
c: noop,
|
@@ -17404,25 +17407,24 @@ function create_if_block_1$1(ctx) {
|
|
17404
17407
|
};
|
17405
17408
|
}
|
17406
17409
|
|
17407
|
-
// (
|
17410
|
+
// (222:0) {#if visible}
|
17408
17411
|
function create_if_block$3(ctx) {
|
17409
17412
|
let div;
|
17410
17413
|
let div_class_value;
|
17411
|
-
let div_style_value;
|
17412
17414
|
let div_intro;
|
17413
17415
|
let current;
|
17414
|
-
const default_slot_template = /*#slots*/ ctx[
|
17415
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
17416
|
+
const default_slot_template = /*#slots*/ ctx[25].default;
|
17417
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[24], null);
|
17416
17418
|
|
17417
17419
|
return {
|
17418
17420
|
c() {
|
17419
17421
|
div = element("div");
|
17420
17422
|
if (default_slot) default_slot.c();
|
17421
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
17423
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
17422
17424
|
attr(div, "role", "dialog");
|
17423
17425
|
attr(div, "aria-modal", "true");
|
17424
17426
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
17425
|
-
attr(div, "style",
|
17427
|
+
attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
|
17426
17428
|
},
|
17427
17429
|
m(target, anchor) {
|
17428
17430
|
insert(target, div, anchor);
|
@@ -17431,38 +17433,34 @@ function create_if_block$3(ctx) {
|
|
17431
17433
|
default_slot.m(div, null);
|
17432
17434
|
}
|
17433
17435
|
|
17434
|
-
/*div_binding*/ ctx[
|
17436
|
+
/*div_binding*/ ctx[26](div);
|
17435
17437
|
current = true;
|
17436
17438
|
},
|
17437
17439
|
p(new_ctx, dirty) {
|
17438
17440
|
ctx = new_ctx;
|
17439
17441
|
|
17440
17442
|
if (default_slot) {
|
17441
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
17443
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 16777216)) {
|
17442
17444
|
update_slot_base(
|
17443
17445
|
default_slot,
|
17444
17446
|
default_slot_template,
|
17445
17447
|
ctx,
|
17446
|
-
/*$$scope*/ ctx[
|
17448
|
+
/*$$scope*/ ctx[24],
|
17447
17449
|
!current
|
17448
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
17449
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
17450
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[24])
|
17451
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[24], dirty, null),
|
17450
17452
|
null
|
17451
17453
|
);
|
17452
17454
|
}
|
17453
17455
|
}
|
17454
17456
|
|
17455
|
-
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
17457
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
17456
17458
|
attr(div, "class", div_class_value);
|
17457
17459
|
}
|
17458
17460
|
|
17459
17461
|
if (!current || dirty & /*layerId*/ 4) {
|
17460
17462
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
17461
17463
|
}
|
17462
|
-
|
17463
|
-
if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[15]).join(';'), /*style*/ ctx[9]].join(' '))) {
|
17464
|
-
attr(div, "style", div_style_value);
|
17465
|
-
}
|
17466
17464
|
},
|
17467
17465
|
i(local) {
|
17468
17466
|
if (current) return;
|
@@ -17488,12 +17486,13 @@ function create_if_block$3(ctx) {
|
|
17488
17486
|
d(detaching) {
|
17489
17487
|
if (detaching) detach(div);
|
17490
17488
|
if (default_slot) default_slot.d(detaching);
|
17491
|
-
/*div_binding*/ ctx[
|
17489
|
+
/*div_binding*/ ctx[26](null);
|
17492
17490
|
}
|
17493
17491
|
};
|
17494
17492
|
}
|
17495
17493
|
|
17496
17494
|
function create_fragment$d(ctx) {
|
17495
|
+
let show_if;
|
17497
17496
|
let current_block_type_index;
|
17498
17497
|
let if_block0;
|
17499
17498
|
let t;
|
@@ -17505,7 +17504,8 @@ function create_fragment$d(ctx) {
|
|
17505
17504
|
const if_blocks = [];
|
17506
17505
|
|
17507
17506
|
function select_block_type(ctx, dirty) {
|
17508
|
-
if (
|
17507
|
+
if (show_if == null) show_if = !!isCanvasPreview();
|
17508
|
+
if (show_if) return 0;
|
17509
17509
|
if (/*useBreakPoint*/ ctx[0]) return 1;
|
17510
17510
|
return 2;
|
17511
17511
|
}
|
@@ -17530,7 +17530,7 @@ function create_fragment$d(ctx) {
|
|
17530
17530
|
|
17531
17531
|
if (!mounted) {
|
17532
17532
|
dispose = listen(window, "keydown", function () {
|
17533
|
-
if (is_function(/*handle_keydown*/ ctx[
|
17533
|
+
if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
|
17534
17534
|
});
|
17535
17535
|
|
17536
17536
|
mounted = true;
|
@@ -17616,7 +17616,6 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17616
17616
|
let backgroundClickSP;
|
17617
17617
|
let handle_keydown;
|
17618
17618
|
let visible;
|
17619
|
-
let style;
|
17620
17619
|
let { $$slots: slots = {}, $$scope } = $$props;
|
17621
17620
|
let { useBreakPoint = false } = $$props;
|
17622
17621
|
let { placement } = $$props;
|
@@ -17629,9 +17628,6 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17629
17628
|
let { layerId = '' } = $$props;
|
17630
17629
|
const { brandKit } = useBrandKit();
|
17631
17630
|
|
17632
|
-
// falseが明示的に指定されている場合以外はtrueにする
|
17633
|
-
const isOnSite = (document.querySelector('#preview')?.getAttribute('data-on-site') ?? 'true') !== 'false';
|
17634
|
-
|
17635
17631
|
// モーダル背景の設定
|
17636
17632
|
const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== undefined;
|
17637
17633
|
|
@@ -17663,20 +17659,20 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17663
17659
|
|
17664
17660
|
$$self.$$set = $$props => {
|
17665
17661
|
if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
|
17666
|
-
if ('placement' in $$props) $$invalidate(
|
17667
|
-
if ('breakPoint' in $$props) $$invalidate(
|
17668
|
-
if ('elasticity' in $$props) $$invalidate(
|
17662
|
+
if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
|
17663
|
+
if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
|
17664
|
+
if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
|
17669
17665
|
if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
|
17670
|
-
if ('props' in $$props) $$invalidate(
|
17671
|
-
if ('closeEventName' in $$props) $$invalidate(
|
17672
|
-
if ('closeEventValue' in $$props) $$invalidate(
|
17666
|
+
if ('props' in $$props) $$invalidate(17, props = $$props.props);
|
17667
|
+
if ('closeEventName' in $$props) $$invalidate(18, closeEventName = $$props.closeEventName);
|
17668
|
+
if ('closeEventValue' in $$props) $$invalidate(19, closeEventValue = $$props.closeEventValue);
|
17673
17669
|
if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
|
17674
|
-
if ('$$scope' in $$props) $$invalidate(
|
17670
|
+
if ('$$scope' in $$props) $$invalidate(24, $$scope = $$props.$$scope);
|
17675
17671
|
};
|
17676
17672
|
|
17677
17673
|
$$self.$$.update = () => {
|
17678
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/
|
17679
|
-
$$invalidate(
|
17674
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 786432) {
|
17675
|
+
$$invalidate(23, close = () => {
|
17680
17676
|
const onClose = { operation: 'closeApp', args: ['button'] };
|
17681
17677
|
|
17682
17678
|
if (closeEventName) {
|
@@ -17687,9 +17683,9 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17687
17683
|
});
|
17688
17684
|
}
|
17689
17685
|
|
17690
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
17686
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
|
17691
17687
|
{
|
17692
|
-
if (
|
17688
|
+
if (!isCanvasPreview() && isExistBackgroundOverlayValue) {
|
17693
17689
|
$$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
|
17694
17690
|
}
|
17695
17691
|
|
@@ -17702,30 +17698,30 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17702
17698
|
}
|
17703
17699
|
}
|
17704
17700
|
|
17705
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
17701
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
|
17706
17702
|
{
|
17707
17703
|
if (placement && placement.backgroundClick) {
|
17708
|
-
$$invalidate(
|
17704
|
+
$$invalidate(20, backgroundClickFunction = placement.backgroundClick);
|
17709
17705
|
}
|
17710
17706
|
|
17711
17707
|
if (useBreakPoint) {
|
17712
17708
|
const pc = breakPoint?.PC?.placement?.backgroundClick;
|
17713
17709
|
|
17714
17710
|
if (pc) {
|
17715
|
-
$$invalidate(
|
17711
|
+
$$invalidate(21, backgroundClickFunctionPC = pc);
|
17716
17712
|
}
|
17717
17713
|
|
17718
17714
|
const sp = breakPoint?.SP?.placement?.backgroundClick;
|
17719
17715
|
|
17720
17716
|
if (sp) {
|
17721
|
-
$$invalidate(
|
17717
|
+
$$invalidate(22, backgroundClickFunctionSP = sp);
|
17722
17718
|
}
|
17723
17719
|
}
|
17724
17720
|
}
|
17725
17721
|
}
|
17726
17722
|
|
17727
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/
|
17728
|
-
$$invalidate(
|
17723
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 1835008) {
|
17724
|
+
$$invalidate(12, backgroundClick = () => {
|
17729
17725
|
if (closeEventName) {
|
17730
17726
|
send_event(closeEventName, closeEventValue);
|
17731
17727
|
}
|
@@ -17734,8 +17730,8 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17734
17730
|
});
|
17735
17731
|
}
|
17736
17732
|
|
17737
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/
|
17738
|
-
$$invalidate(
|
17733
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 2883584) {
|
17734
|
+
$$invalidate(11, backgroundClickPC = () => {
|
17739
17735
|
if (closeEventName) {
|
17740
17736
|
send_event(closeEventName, closeEventValue);
|
17741
17737
|
}
|
@@ -17744,8 +17740,8 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17744
17740
|
});
|
17745
17741
|
}
|
17746
17742
|
|
17747
|
-
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/
|
17748
|
-
$$invalidate(
|
17743
|
+
if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 4980736) {
|
17744
|
+
$$invalidate(10, backgroundClickSP = () => {
|
17749
17745
|
if (closeEventName) {
|
17750
17746
|
send_event(closeEventName, closeEventValue);
|
17751
17747
|
}
|
@@ -17754,13 +17750,13 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17754
17750
|
});
|
17755
17751
|
}
|
17756
17752
|
|
17757
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/
|
17753
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
|
17758
17754
|
// 表示位置のスタイルとアニメーションの動きを設定
|
17759
17755
|
{
|
17760
17756
|
// 表示位置のスタイルの設定
|
17761
17757
|
let position = DefaultModalPlacement.position;
|
17762
17758
|
|
17763
|
-
if (
|
17759
|
+
if (!isCanvasPreview() && placement && placement.position !== null) {
|
17764
17760
|
position = placement.position;
|
17765
17761
|
}
|
17766
17762
|
|
@@ -17777,7 +17773,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17777
17773
|
$$invalidate(3, transforms = []);
|
17778
17774
|
|
17779
17775
|
DEVICE_IDS.forEach(deviceId => {
|
17780
|
-
if (
|
17776
|
+
if (!isCanvasPreview() && useBreakPoint) {
|
17781
17777
|
const positionWithBp = breakPoint[deviceId]?.placement?.position;
|
17782
17778
|
|
17783
17779
|
transforms.push({
|
@@ -17802,12 +17798,12 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17802
17798
|
}
|
17803
17799
|
}
|
17804
17800
|
|
17805
|
-
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/
|
17801
|
+
if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, props*/ 180225) {
|
17806
17802
|
// 表示位置の調整のスタイルを設定
|
17807
17803
|
{
|
17808
17804
|
let margin = DefaultModalPlacement.margin;
|
17809
17805
|
|
17810
|
-
if (
|
17806
|
+
if (!isCanvasPreview() && placement && placement.margin !== null) {
|
17811
17807
|
margin = placement.margin;
|
17812
17808
|
}
|
17813
17809
|
|
@@ -17818,7 +17814,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17818
17814
|
}
|
17819
17815
|
|
17820
17816
|
DEVICE_IDS.forEach(deviceId => {
|
17821
|
-
if (
|
17817
|
+
if (!isCanvasPreview() && useBreakPoint) {
|
17822
17818
|
const marginWithBp = breakPoint[deviceId]?.placement?.margin;
|
17823
17819
|
marginStyle = getMarginStyle(marginWithBp);
|
17824
17820
|
}
|
@@ -17831,23 +17827,23 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17831
17827
|
|
17832
17828
|
modalStyles.add(marginVariables);
|
17833
17829
|
});
|
17834
|
-
}
|
17835
|
-
}
|
17836
17830
|
|
17837
|
-
|
17838
|
-
|
17831
|
+
const propsStyle = objToStyle({
|
17832
|
+
width: props.width,
|
17833
|
+
...toCssOverflow(props),
|
17834
|
+
...toCssShadow(props),
|
17835
|
+
...toCssRadius(props),
|
17836
|
+
...toCssBackgroundImage(props),
|
17837
|
+
...toCssBackgroundColor(props),
|
17838
|
+
...toCssBorder(props)
|
17839
|
+
});
|
17840
|
+
|
17841
|
+
modalStyles.add(propsStyle);
|
17842
|
+
}
|
17839
17843
|
}
|
17840
17844
|
|
17841
|
-
if ($$self.$$.dirty & /*
|
17842
|
-
$$invalidate(9,
|
17843
|
-
width: props.width,
|
17844
|
-
...toCssOverflow(props),
|
17845
|
-
...toCssShadow(props),
|
17846
|
-
...toCssRadius(props),
|
17847
|
-
...toCssBackgroundImage(props),
|
17848
|
-
...toCssBackgroundColor(props),
|
17849
|
-
...toCssBorder(props)
|
17850
|
-
}));
|
17845
|
+
if ($$self.$$.dirty & /*close*/ 8388608) {
|
17846
|
+
$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
|
17851
17847
|
}
|
17852
17848
|
};
|
17853
17849
|
|
@@ -17866,12 +17862,10 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17866
17862
|
backgroundOverlaySP,
|
17867
17863
|
modal,
|
17868
17864
|
visible,
|
17869
|
-
style,
|
17870
17865
|
handle_keydown,
|
17871
17866
|
backgroundClickSP,
|
17872
17867
|
backgroundClickPC,
|
17873
17868
|
backgroundClick,
|
17874
|
-
isOnSite,
|
17875
17869
|
modalStyles,
|
17876
17870
|
placement,
|
17877
17871
|
breakPoint,
|
@@ -17901,13 +17895,13 @@ class Modal extends SvelteComponent {
|
|
17901
17895
|
safe_not_equal,
|
17902
17896
|
{
|
17903
17897
|
useBreakPoint: 0,
|
17904
|
-
placement:
|
17905
|
-
breakPoint:
|
17906
|
-
elasticity:
|
17898
|
+
placement: 14,
|
17899
|
+
breakPoint: 15,
|
17900
|
+
elasticity: 16,
|
17907
17901
|
animation: 1,
|
17908
|
-
props:
|
17909
|
-
closeEventName:
|
17910
|
-
closeEventValue:
|
17902
|
+
props: 17,
|
17903
|
+
closeEventName: 18,
|
17904
|
+
closeEventValue: 19,
|
17911
17905
|
layerId: 2
|
17912
17906
|
},
|
17913
17907
|
add_css$9
|
@@ -17918,7 +17912,7 @@ class Modal extends SvelteComponent {
|
|
17918
17912
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
17919
17913
|
|
17920
17914
|
function add_css$8(target) {
|
17921
|
-
append_styles(target, "svelte-
|
17915
|
+
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
17922
17916
|
}
|
17923
17917
|
|
17924
17918
|
function create_fragment$c(ctx) {
|
@@ -17928,7 +17922,7 @@ function create_fragment$c(ctx) {
|
|
17928
17922
|
return {
|
17929
17923
|
c() {
|
17930
17924
|
div = element("div");
|
17931
|
-
attr(div, "class", "code svelte-
|
17925
|
+
attr(div, "class", "code svelte-igivoz");
|
17932
17926
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
17933
17927
|
},
|
17934
17928
|
m(target, anchor) {
|
@@ -18010,7 +18004,7 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
|
|
18010
18004
|
/* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
|
18011
18005
|
|
18012
18006
|
function add_css$7(target) {
|
18013
|
-
append_styles(target, "svelte-
|
18007
|
+
append_styles(target, "svelte-v2vy6p", ".list.svelte-v2vy6p{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
|
18014
18008
|
}
|
18015
18009
|
|
18016
18010
|
function create_fragment$b(ctx) {
|
@@ -18024,7 +18018,7 @@ function create_fragment$b(ctx) {
|
|
18024
18018
|
ul = element("ul");
|
18025
18019
|
if (default_slot) default_slot.c();
|
18026
18020
|
attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
|
18027
|
-
attr(ul, "class", "list svelte-
|
18021
|
+
attr(ul, "class", "list svelte-v2vy6p");
|
18028
18022
|
attr(ul, "style", /*style*/ ctx[1]);
|
18029
18023
|
},
|
18030
18024
|
m(target, anchor) {
|
@@ -18147,7 +18141,7 @@ class List extends SvelteComponent {
|
|
18147
18141
|
/* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
|
18148
18142
|
|
18149
18143
|
function add_css$6(target) {
|
18150
|
-
append_styles(target, "svelte-
|
18144
|
+
append_styles(target, "svelte-1223veg", ".list-item.svelte-1223veg{margin:0;padding:0}.list-item-inner.svelte-1223veg{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1223veg:hover{opacity:0.8}.list-item.svelte-1223veg:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
|
18151
18145
|
}
|
18152
18146
|
|
18153
18147
|
// (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
|
@@ -18182,7 +18176,7 @@ function create_dynamic_element$1(ctx) {
|
|
18182
18176
|
set_attributes(svelte_element, svelte_element_data);
|
18183
18177
|
}
|
18184
18178
|
|
18185
|
-
toggle_class(svelte_element, "svelte-
|
18179
|
+
toggle_class(svelte_element, "svelte-1223veg", true);
|
18186
18180
|
},
|
18187
18181
|
m(target, anchor) {
|
18188
18182
|
insert(target, svelte_element, anchor);
|
@@ -18226,7 +18220,7 @@ function create_dynamic_element$1(ctx) {
|
|
18226
18220
|
set_attributes(svelte_element, svelte_element_data);
|
18227
18221
|
}
|
18228
18222
|
|
18229
|
-
toggle_class(svelte_element, "svelte-
|
18223
|
+
toggle_class(svelte_element, "svelte-1223veg", true);
|
18230
18224
|
},
|
18231
18225
|
i(local) {
|
18232
18226
|
if (current) return;
|
@@ -18256,7 +18250,7 @@ function create_fragment$a(ctx) {
|
|
18256
18250
|
c() {
|
18257
18251
|
li = element("li");
|
18258
18252
|
if (svelte_element) svelte_element.c();
|
18259
|
-
attr(li, "class", "list-item svelte-
|
18253
|
+
attr(li, "class", "list-item svelte-1223veg");
|
18260
18254
|
attr(li, "data-layer-id", /*layerId*/ ctx[0]);
|
18261
18255
|
attr(li, "style", /*style*/ ctx[2]);
|
18262
18256
|
},
|
@@ -18402,7 +18396,7 @@ function splitNumberAndUnit(value) {
|
|
18402
18396
|
/* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
|
18403
18397
|
|
18404
18398
|
function add_css$5(target) {
|
18405
|
-
append_styles(target, "svelte-
|
18399
|
+
append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
|
18406
18400
|
}
|
18407
18401
|
|
18408
18402
|
function create_fragment$9(ctx) {
|
@@ -18416,7 +18410,7 @@ function create_fragment$9(ctx) {
|
|
18416
18410
|
ul = element("ul");
|
18417
18411
|
if (default_slot) default_slot.c();
|
18418
18412
|
attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
|
18419
|
-
attr(ul, "class", "list svelte-
|
18413
|
+
attr(ul, "class", "list svelte-aoppwp");
|
18420
18414
|
attr(ul, "style", /*style*/ ctx[1]);
|
18421
18415
|
},
|
18422
18416
|
m(target, anchor) {
|
@@ -18528,7 +18522,7 @@ class MultiColumn extends SvelteComponent {
|
|
18528
18522
|
/* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
|
18529
18523
|
|
18530
18524
|
function add_css$4(target) {
|
18531
|
-
append_styles(target, "svelte-
|
18525
|
+
append_styles(target, "svelte-1blzs1a", ".multi-column-item.svelte-1blzs1a{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1blzs1a{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1blzs1a:hover{opacity:0.8}.multi-column-item.svelte-1blzs1a:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
|
18532
18526
|
}
|
18533
18527
|
|
18534
18528
|
// (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
|
@@ -18557,7 +18551,7 @@ function create_dynamic_element(ctx) {
|
|
18557
18551
|
set_attributes(svelte_element, svelte_element_data);
|
18558
18552
|
}
|
18559
18553
|
|
18560
|
-
toggle_class(svelte_element, "svelte-
|
18554
|
+
toggle_class(svelte_element, "svelte-1blzs1a", true);
|
18561
18555
|
},
|
18562
18556
|
m(target, anchor) {
|
18563
18557
|
insert(target, svelte_element, anchor);
|
@@ -18597,7 +18591,7 @@ function create_dynamic_element(ctx) {
|
|
18597
18591
|
set_attributes(svelte_element, svelte_element_data);
|
18598
18592
|
}
|
18599
18593
|
|
18600
|
-
toggle_class(svelte_element, "svelte-
|
18594
|
+
toggle_class(svelte_element, "svelte-1blzs1a", true);
|
18601
18595
|
},
|
18602
18596
|
i(local) {
|
18603
18597
|
if (current) return;
|
@@ -18627,7 +18621,7 @@ function create_fragment$8(ctx) {
|
|
18627
18621
|
c() {
|
18628
18622
|
li = element("li");
|
18629
18623
|
if (svelte_element) svelte_element.c();
|
18630
|
-
attr(li, "class", "multi-column-item svelte-
|
18624
|
+
attr(li, "class", "multi-column-item svelte-1blzs1a");
|
18631
18625
|
attr(li, "data-layer-id", /*layerId*/ ctx[0]);
|
18632
18626
|
attr(li, "style", /*style*/ ctx[1]);
|
18633
18627
|
},
|
@@ -18742,7 +18736,7 @@ class MultiColumnItem extends SvelteComponent {
|
|
18742
18736
|
/* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
|
18743
18737
|
|
18744
18738
|
function add_css$3(target) {
|
18745
|
-
append_styles(target, "svelte-
|
18739
|
+
append_styles(target, "svelte-odfkc2", ".youtube.svelte-odfkc2{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-odfkc2 iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
|
18746
18740
|
}
|
18747
18741
|
|
18748
18742
|
function create_fragment$7(ctx) {
|
@@ -18754,7 +18748,7 @@ function create_fragment$7(ctx) {
|
|
18754
18748
|
div1 = element("div");
|
18755
18749
|
div0 = element("div");
|
18756
18750
|
attr(div0, "class", "youtube-player");
|
18757
|
-
attr(div1, "class", "youtube svelte-
|
18751
|
+
attr(div1, "class", "youtube svelte-odfkc2");
|
18758
18752
|
attr(div1, "style", /*style*/ ctx[2]);
|
18759
18753
|
attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
|
18760
18754
|
},
|
@@ -18901,7 +18895,7 @@ class Youtube extends SvelteComponent {
|
|
18901
18895
|
/* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
|
18902
18896
|
|
18903
18897
|
function add_css$2(target) {
|
18904
|
-
append_styles(target, "svelte-
|
18898
|
+
append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
|
18905
18899
|
}
|
18906
18900
|
|
18907
18901
|
const get_default_slot_changes = dirty => ({
|
@@ -18928,7 +18922,7 @@ function create_fragment$6(ctx) {
|
|
18928
18922
|
c() {
|
18929
18923
|
div = element("div");
|
18930
18924
|
if (default_slot) default_slot.c();
|
18931
|
-
attr(div, "class", "countdown svelte-
|
18925
|
+
attr(div, "class", "countdown svelte-1n395il");
|
18932
18926
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
18933
18927
|
},
|
18934
18928
|
m(target, anchor) {
|
@@ -19223,7 +19217,7 @@ class CountDownValue extends SvelteComponent {
|
|
19223
19217
|
/* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
|
19224
19218
|
|
19225
19219
|
function add_css$1(target) {
|
19226
|
-
append_styles(target, "svelte-
|
19220
|
+
append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
|
19227
19221
|
}
|
19228
19222
|
|
19229
19223
|
function create_fragment$4(ctx) {
|
@@ -19247,10 +19241,10 @@ function create_fragment$4(ctx) {
|
|
19247
19241
|
t0 = space();
|
19248
19242
|
span = element("span");
|
19249
19243
|
t1 = text("コピーしました");
|
19250
|
-
attr(button, "class", "clipboard-button svelte-
|
19244
|
+
attr(button, "class", "clipboard-button svelte-30zd8m");
|
19251
19245
|
attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
|
19252
|
-
attr(span, "class", "clipboard-tooltip svelte-
|
19253
|
-
attr(div, "class", "clipboard svelte-
|
19246
|
+
attr(span, "class", "clipboard-tooltip svelte-30zd8m");
|
19247
|
+
attr(div, "class", "clipboard svelte-30zd8m");
|
19254
19248
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
19255
19249
|
},
|
19256
19250
|
m(target, anchor) {
|
@@ -19860,7 +19854,7 @@ class State extends SvelteComponent {
|
|
19860
19854
|
/* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
|
19861
19855
|
|
19862
19856
|
function add_css(target) {
|
19863
|
-
append_styles(target, "svelte-
|
19857
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
19864
19858
|
}
|
19865
19859
|
|
19866
19860
|
// (22:0) {#if $state === path}
|
@@ -19877,7 +19871,7 @@ function create_if_block$1(ctx) {
|
|
19877
19871
|
t = space();
|
19878
19872
|
if (default_slot) default_slot.c();
|
19879
19873
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
19880
|
-
attr(div, "class", "state-item svelte-
|
19874
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
19881
19875
|
},
|
19882
19876
|
m(target, anchor) {
|
19883
19877
|
insert(target, div, anchor);
|
@@ -20446,7 +20440,7 @@ function get_each_context(ctx, list, i) {
|
|
20446
20440
|
return child_ctx;
|
20447
20441
|
}
|
20448
20442
|
|
20449
|
-
// (
|
20443
|
+
// (12:0) {#if component}
|
20450
20444
|
function create_if_block(ctx) {
|
20451
20445
|
let switch_instance;
|
20452
20446
|
let switch_instance_anchor;
|
@@ -20530,7 +20524,7 @@ function create_if_block(ctx) {
|
|
20530
20524
|
};
|
20531
20525
|
}
|
20532
20526
|
|
20533
|
-
// (
|
20527
|
+
// (19:4) {#if option.children}
|
20534
20528
|
function create_if_block_1(ctx) {
|
20535
20529
|
let each_1_anchor;
|
20536
20530
|
let current;
|
@@ -20614,7 +20608,7 @@ function create_if_block_1(ctx) {
|
|
20614
20608
|
};
|
20615
20609
|
}
|
20616
20610
|
|
20617
|
-
// (
|
20611
|
+
// (20:6) {#each option.children as child}
|
20618
20612
|
function create_each_block(ctx) {
|
20619
20613
|
let thumbnailpreview;
|
20620
20614
|
let current;
|
@@ -20648,7 +20642,7 @@ function create_each_block(ctx) {
|
|
20648
20642
|
};
|
20649
20643
|
}
|
20650
20644
|
|
20651
|
-
// (
|
20645
|
+
// (13:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
|
20652
20646
|
function create_default_slot(ctx) {
|
20653
20647
|
let if_block_anchor;
|
20654
20648
|
let current;
|
@@ -20763,7 +20757,6 @@ function instance($$self, $$props, $$invalidate) {
|
|
20763
20757
|
let component;
|
20764
20758
|
let { option = {} } = $$props;
|
20765
20759
|
let { customBrandKit = undefined } = $$props;
|
20766
|
-
console.log('option', option);
|
20767
20760
|
|
20768
20761
|
const getComponent = key => {
|
20769
20762
|
return key in sdk ? sdk[key] : null;
|