@plaidev/karte-action-sdk 1.1.254-28798933.053f5e5d → 1.1.254-28804623.48423d98
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.d.ts +6 -2
- package/dist/hydrate/index.es.js +178 -121
- package/dist/index.es.d.ts +6 -2
- package/dist/index.es.js +173 -120
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -3035,7 +3035,7 @@ class State extends SvelteComponent {
|
|
3035
3035
|
|
3036
3036
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3037
3037
|
|
3038
|
-
function add_css$
|
3038
|
+
function add_css$J(target) {
|
3039
3039
|
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
3040
3040
|
}
|
3041
3041
|
|
@@ -3203,7 +3203,7 @@ function instance$1f($$self, $$props, $$invalidate) {
|
|
3203
3203
|
class StateItem extends SvelteComponent {
|
3204
3204
|
constructor(options) {
|
3205
3205
|
super();
|
3206
|
-
init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$
|
3206
|
+
init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$J);
|
3207
3207
|
}
|
3208
3208
|
}
|
3209
3209
|
|
@@ -3329,7 +3329,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3329
3329
|
|
3330
3330
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3331
3331
|
|
3332
|
-
function add_css$
|
3332
|
+
function add_css$I(target) {
|
3333
3333
|
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}");
|
3334
3334
|
}
|
3335
3335
|
|
@@ -3431,7 +3431,7 @@ function instance$1e($$self, $$props, $$invalidate) {
|
|
3431
3431
|
let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
|
3432
3432
|
constructor(options) {
|
3433
3433
|
super();
|
3434
|
-
init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$
|
3434
|
+
init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$I);
|
3435
3435
|
}
|
3436
3436
|
};
|
3437
3437
|
|
@@ -3471,7 +3471,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3471
3471
|
|
3472
3472
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3473
3473
|
|
3474
|
-
function add_css$
|
3474
|
+
function add_css$H(target) {
|
3475
3475
|
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}");
|
3476
3476
|
}
|
3477
3477
|
|
@@ -3974,14 +3974,14 @@ let Button$1 = class Button extends SvelteComponent {
|
|
3974
3974
|
eventValue: 6,
|
3975
3975
|
style: 1
|
3976
3976
|
},
|
3977
|
-
add_css$
|
3977
|
+
add_css$H
|
3978
3978
|
);
|
3979
3979
|
}
|
3980
3980
|
};
|
3981
3981
|
|
3982
3982
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
3983
3983
|
|
3984
|
-
function add_css$
|
3984
|
+
function add_css$G(target) {
|
3985
3985
|
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}}");
|
3986
3986
|
}
|
3987
3987
|
|
@@ -4873,7 +4873,7 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
4873
4873
|
closeButtonColor: 9,
|
4874
4874
|
_closeStyle: 10
|
4875
4875
|
},
|
4876
|
-
add_css$
|
4876
|
+
add_css$G,
|
4877
4877
|
[-1, -1]
|
4878
4878
|
);
|
4879
4879
|
}
|
@@ -5007,7 +5007,7 @@ class Grid extends SvelteComponent {
|
|
5007
5007
|
|
5008
5008
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
5009
5009
|
|
5010
|
-
function add_css$
|
5010
|
+
function add_css$F(target) {
|
5011
5011
|
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
5012
5012
|
}
|
5013
5013
|
|
@@ -5165,7 +5165,7 @@ class GridItem extends SvelteComponent {
|
|
5165
5165
|
background: 7,
|
5166
5166
|
gridItemId: 0
|
5167
5167
|
},
|
5168
|
-
add_css$
|
5168
|
+
add_css$F
|
5169
5169
|
);
|
5170
5170
|
}
|
5171
5171
|
}
|
@@ -5364,7 +5364,7 @@ class RenderText extends SvelteComponent {
|
|
5364
5364
|
|
5365
5365
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5366
5366
|
|
5367
|
-
function add_css$
|
5367
|
+
function add_css$E(target) {
|
5368
5368
|
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}");
|
5369
5369
|
}
|
5370
5370
|
|
@@ -5736,14 +5736,14 @@ class TextElement extends SvelteComponent {
|
|
5736
5736
|
enableCopy: 2,
|
5737
5737
|
eventName: 10
|
5738
5738
|
},
|
5739
|
-
add_css$
|
5739
|
+
add_css$E
|
5740
5740
|
);
|
5741
5741
|
}
|
5742
5742
|
}
|
5743
5743
|
|
5744
5744
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5745
5745
|
|
5746
|
-
function add_css$
|
5746
|
+
function add_css$D(target) {
|
5747
5747
|
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)}");
|
5748
5748
|
}
|
5749
5749
|
|
@@ -5897,14 +5897,14 @@ class TextButtonElement extends SvelteComponent {
|
|
5897
5897
|
_buttonStyle: 5,
|
5898
5898
|
_style: 6
|
5899
5899
|
},
|
5900
|
-
add_css$
|
5900
|
+
add_css$D
|
5901
5901
|
);
|
5902
5902
|
}
|
5903
5903
|
}
|
5904
5904
|
|
5905
5905
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5906
5906
|
|
5907
|
-
function add_css$
|
5907
|
+
function add_css$C(target) {
|
5908
5908
|
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%}");
|
5909
5909
|
}
|
5910
5910
|
|
@@ -6088,14 +6088,14 @@ class ImageElement extends SvelteComponent {
|
|
6088
6088
|
_imageStyle: 6,
|
6089
6089
|
_style: 7
|
6090
6090
|
},
|
6091
|
-
add_css$
|
6091
|
+
add_css$C
|
6092
6092
|
);
|
6093
6093
|
}
|
6094
6094
|
}
|
6095
6095
|
|
6096
6096
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
6097
6097
|
|
6098
|
-
function add_css$
|
6098
|
+
function add_css$B(target) {
|
6099
6099
|
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}");
|
6100
6100
|
}
|
6101
6101
|
|
@@ -6245,14 +6245,14 @@ class List extends SvelteComponent {
|
|
6245
6245
|
background: 3,
|
6246
6246
|
_style: 4
|
6247
6247
|
},
|
6248
|
-
add_css$
|
6248
|
+
add_css$B
|
6249
6249
|
);
|
6250
6250
|
}
|
6251
6251
|
}
|
6252
6252
|
|
6253
6253
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6254
6254
|
|
6255
|
-
function add_css$
|
6255
|
+
function add_css$A(target) {
|
6256
6256
|
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}");
|
6257
6257
|
}
|
6258
6258
|
|
@@ -6455,13 +6455,13 @@ function instance$14($$self, $$props, $$invalidate) {
|
|
6455
6455
|
class ListItem extends SvelteComponent {
|
6456
6456
|
constructor(options) {
|
6457
6457
|
super();
|
6458
|
-
init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$
|
6458
|
+
init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$A);
|
6459
6459
|
}
|
6460
6460
|
}
|
6461
6461
|
|
6462
6462
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6463
6463
|
|
6464
|
-
function add_css$
|
6464
|
+
function add_css$z(target) {
|
6465
6465
|
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}");
|
6466
6466
|
}
|
6467
6467
|
|
@@ -6516,13 +6516,13 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
6516
6516
|
class EmbedElement extends SvelteComponent {
|
6517
6517
|
constructor(options) {
|
6518
6518
|
super();
|
6519
|
-
init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$
|
6519
|
+
init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$z);
|
6520
6520
|
}
|
6521
6521
|
}
|
6522
6522
|
|
6523
6523
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6524
6524
|
|
6525
|
-
function add_css$
|
6525
|
+
function add_css$y(target) {
|
6526
6526
|
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%}");
|
6527
6527
|
}
|
6528
6528
|
|
@@ -6879,7 +6879,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6879
6879
|
mute: 25,
|
6880
6880
|
_style: 0
|
6881
6881
|
},
|
6882
|
-
add_css$
|
6882
|
+
add_css$y,
|
6883
6883
|
[-1, -1]
|
6884
6884
|
);
|
6885
6885
|
}
|
@@ -6887,7 +6887,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6887
6887
|
|
6888
6888
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6889
6889
|
|
6890
|
-
function add_css$
|
6890
|
+
function add_css$x(target) {
|
6891
6891
|
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%}");
|
6892
6892
|
}
|
6893
6893
|
|
@@ -7087,14 +7087,14 @@ class MovieVimeoElement extends SvelteComponent {
|
|
7087
7087
|
mute: 6,
|
7088
7088
|
_style: 0
|
7089
7089
|
},
|
7090
|
-
add_css$
|
7090
|
+
add_css$x
|
7091
7091
|
);
|
7092
7092
|
}
|
7093
7093
|
}
|
7094
7094
|
|
7095
7095
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
7096
7096
|
|
7097
|
-
function add_css$
|
7097
|
+
function add_css$w(target) {
|
7098
7098
|
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}");
|
7099
7099
|
}
|
7100
7100
|
|
@@ -7274,14 +7274,14 @@ class FormTextarea extends SvelteComponent {
|
|
7274
7274
|
_textStyle: 11,
|
7275
7275
|
_placeholderStyle: 12
|
7276
7276
|
},
|
7277
|
-
add_css$
|
7277
|
+
add_css$w
|
7278
7278
|
);
|
7279
7279
|
}
|
7280
7280
|
}
|
7281
7281
|
|
7282
7282
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7283
7283
|
|
7284
|
-
function add_css$
|
7284
|
+
function add_css$v(target) {
|
7285
7285
|
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}");
|
7286
7286
|
}
|
7287
7287
|
|
@@ -7586,14 +7586,14 @@ class FormRadioButtons extends SvelteComponent {
|
|
7586
7586
|
buttonColor: 13,
|
7587
7587
|
buttonColorActive: 14
|
7588
7588
|
},
|
7589
|
-
add_css$
|
7589
|
+
add_css$v
|
7590
7590
|
);
|
7591
7591
|
}
|
7592
7592
|
}
|
7593
7593
|
|
7594
7594
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7595
7595
|
|
7596
|
-
function add_css$
|
7596
|
+
function add_css$u(target) {
|
7597
7597
|
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}");
|
7598
7598
|
}
|
7599
7599
|
|
@@ -7962,14 +7962,14 @@ class FormSelect extends SvelteComponent {
|
|
7962
7962
|
iconColor: 15,
|
7963
7963
|
iconSize: 16
|
7964
7964
|
},
|
7965
|
-
add_css$
|
7965
|
+
add_css$u
|
7966
7966
|
);
|
7967
7967
|
}
|
7968
7968
|
}
|
7969
7969
|
|
7970
7970
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7971
7971
|
|
7972
|
-
function add_css$
|
7972
|
+
function add_css$t(target) {
|
7973
7973
|
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}");
|
7974
7974
|
}
|
7975
7975
|
|
@@ -8296,14 +8296,14 @@ class FormCheckBoxes extends SvelteComponent {
|
|
8296
8296
|
buttonColor: 13,
|
8297
8297
|
buttonColorActive: 14
|
8298
8298
|
},
|
8299
|
-
add_css$
|
8299
|
+
add_css$t
|
8300
8300
|
);
|
8301
8301
|
}
|
8302
8302
|
}
|
8303
8303
|
|
8304
8304
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
8305
8305
|
|
8306
|
-
function add_css$
|
8306
|
+
function add_css$s(target) {
|
8307
8307
|
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}");
|
8308
8308
|
}
|
8309
8309
|
|
@@ -8538,14 +8538,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8538
8538
|
buttonStyle: 9,
|
8539
8539
|
buttonActiveStyle: 10
|
8540
8540
|
},
|
8541
|
-
add_css$
|
8541
|
+
add_css$s
|
8542
8542
|
);
|
8543
8543
|
}
|
8544
8544
|
}
|
8545
8545
|
|
8546
8546
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8547
8547
|
|
8548
|
-
function add_css$
|
8548
|
+
function add_css$r(target) {
|
8549
8549
|
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%)}");
|
8550
8550
|
}
|
8551
8551
|
|
@@ -8748,13 +8748,13 @@ function instance$X($$self, $$props, $$invalidate) {
|
|
8748
8748
|
class FormRatingButtonsFace extends SvelteComponent {
|
8749
8749
|
constructor(options) {
|
8750
8750
|
super();
|
8751
|
-
init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$
|
8751
|
+
init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$r);
|
8752
8752
|
}
|
8753
8753
|
}
|
8754
8754
|
|
8755
8755
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
8756
8756
|
|
8757
|
-
function add_css$
|
8757
|
+
function add_css$q(target) {
|
8758
8758
|
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}");
|
8759
8759
|
}
|
8760
8760
|
|
@@ -8985,14 +8985,14 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8985
8985
|
_textStyle: 15,
|
8986
8986
|
_placeholderStyle: 16
|
8987
8987
|
},
|
8988
|
-
add_css$
|
8988
|
+
add_css$q
|
8989
8989
|
);
|
8990
8990
|
}
|
8991
8991
|
}
|
8992
8992
|
|
8993
8993
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
8994
8994
|
|
8995
|
-
function add_css$
|
8995
|
+
function add_css$p(target) {
|
8996
8996
|
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}");
|
8997
8997
|
}
|
8998
8998
|
|
@@ -9232,14 +9232,14 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
9232
9232
|
buttonColor: 10,
|
9233
9233
|
buttonColorActive: 11
|
9234
9234
|
},
|
9235
|
-
add_css$
|
9235
|
+
add_css$p
|
9236
9236
|
);
|
9237
9237
|
}
|
9238
9238
|
}
|
9239
9239
|
|
9240
9240
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
9241
9241
|
|
9242
|
-
function add_css$
|
9242
|
+
function add_css$o(target) {
|
9243
9243
|
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%}");
|
9244
9244
|
}
|
9245
9245
|
|
@@ -10142,7 +10142,7 @@ class Slide extends SvelteComponent {
|
|
10142
10142
|
navigationButton: 25,
|
10143
10143
|
navigationEdgePosition: 26
|
10144
10144
|
},
|
10145
|
-
add_css$
|
10145
|
+
add_css$o,
|
10146
10146
|
[-1, -1, -1]
|
10147
10147
|
);
|
10148
10148
|
}
|
@@ -10150,7 +10150,7 @@ class Slide extends SvelteComponent {
|
|
10150
10150
|
|
10151
10151
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
10152
10152
|
|
10153
|
-
function add_css$
|
10153
|
+
function add_css$n(target) {
|
10154
10154
|
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}");
|
10155
10155
|
}
|
10156
10156
|
|
@@ -10300,13 +10300,13 @@ function instance$T($$self, $$props, $$invalidate) {
|
|
10300
10300
|
class SlideItem extends SvelteComponent {
|
10301
10301
|
constructor(options) {
|
10302
10302
|
super();
|
10303
|
-
init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$
|
10303
|
+
init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$n);
|
10304
10304
|
}
|
10305
10305
|
}
|
10306
10306
|
|
10307
10307
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
10308
10308
|
|
10309
|
-
function add_css$
|
10309
|
+
function add_css$m(target) {
|
10310
10310
|
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}");
|
10311
10311
|
}
|
10312
10312
|
|
@@ -10463,13 +10463,13 @@ function instance$S($$self, $$props, $$invalidate) {
|
|
10463
10463
|
class Countdown extends SvelteComponent {
|
10464
10464
|
constructor(options) {
|
10465
10465
|
super();
|
10466
|
-
init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$
|
10466
|
+
init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$m);
|
10467
10467
|
}
|
10468
10468
|
}
|
10469
10469
|
|
10470
10470
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
10471
10471
|
|
10472
|
-
function add_css$
|
10472
|
+
function add_css$l(target) {
|
10473
10473
|
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}");
|
10474
10474
|
}
|
10475
10475
|
|
@@ -10607,13 +10607,13 @@ function instance$R($$self, $$props, $$invalidate) {
|
|
10607
10607
|
class Box extends SvelteComponent {
|
10608
10608
|
constructor(options) {
|
10609
10609
|
super();
|
10610
|
-
init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$
|
10610
|
+
init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$l);
|
10611
10611
|
}
|
10612
10612
|
}
|
10613
10613
|
|
10614
10614
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10615
10615
|
|
10616
|
-
function add_css$
|
10616
|
+
function add_css$k(target) {
|
10617
10617
|
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)}");
|
10618
10618
|
}
|
10619
10619
|
|
@@ -10819,14 +10819,14 @@ class IconElement extends SvelteComponent {
|
|
10819
10819
|
color: 6,
|
10820
10820
|
_style: 7
|
10821
10821
|
},
|
10822
|
-
add_css$
|
10822
|
+
add_css$k
|
10823
10823
|
);
|
10824
10824
|
}
|
10825
10825
|
}
|
10826
10826
|
|
10827
10827
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
10828
10828
|
|
10829
|
-
function add_css$
|
10829
|
+
function add_css$j(target) {
|
10830
10830
|
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
10831
10831
|
}
|
10832
10832
|
|
@@ -10945,13 +10945,13 @@ function instance$P($$self, $$props, $$invalidate) {
|
|
10945
10945
|
class CodeElement extends SvelteComponent {
|
10946
10946
|
constructor(options) {
|
10947
10947
|
super();
|
10948
|
-
init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$
|
10948
|
+
init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$j);
|
10949
10949
|
}
|
10950
10950
|
}
|
10951
10951
|
|
10952
10952
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
10953
10953
|
|
10954
|
-
function add_css$
|
10954
|
+
function add_css$i(target) {
|
10955
10955
|
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
10956
10956
|
}
|
10957
10957
|
|
@@ -11065,14 +11065,14 @@ class Flex extends SvelteComponent {
|
|
11065
11065
|
height: 2,
|
11066
11066
|
_style: 3
|
11067
11067
|
},
|
11068
|
-
add_css$
|
11068
|
+
add_css$i
|
11069
11069
|
);
|
11070
11070
|
}
|
11071
11071
|
}
|
11072
11072
|
|
11073
11073
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
11074
11074
|
|
11075
|
-
function add_css$
|
11075
|
+
function add_css$h(target) {
|
11076
11076
|
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
11077
11077
|
}
|
11078
11078
|
|
@@ -11187,7 +11187,7 @@ function instance$N($$self, $$props, $$invalidate) {
|
|
11187
11187
|
class FlexItem extends SvelteComponent {
|
11188
11188
|
constructor(options) {
|
11189
11189
|
super();
|
11190
|
-
init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$
|
11190
|
+
init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
|
11191
11191
|
}
|
11192
11192
|
}
|
11193
11193
|
|
@@ -11515,7 +11515,7 @@ class GridModalState extends SvelteComponent {
|
|
11515
11515
|
|
11516
11516
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
11517
11517
|
|
11518
|
-
function add_css$
|
11518
|
+
function add_css$g(target) {
|
11519
11519
|
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%}");
|
11520
11520
|
}
|
11521
11521
|
|
@@ -11630,14 +11630,14 @@ class TextBlock extends SvelteComponent {
|
|
11630
11630
|
textDirection: 1,
|
11631
11631
|
_style: 5
|
11632
11632
|
},
|
11633
|
-
add_css$
|
11633
|
+
add_css$g
|
11634
11634
|
);
|
11635
11635
|
}
|
11636
11636
|
}
|
11637
11637
|
|
11638
11638
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
11639
11639
|
|
11640
|
-
function add_css$
|
11640
|
+
function add_css$f(target) {
|
11641
11641
|
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)}");
|
11642
11642
|
}
|
11643
11643
|
|
@@ -11768,14 +11768,14 @@ class TextButtonBlock extends SvelteComponent {
|
|
11768
11768
|
_buttonStyle: 1,
|
11769
11769
|
_style: 2
|
11770
11770
|
},
|
11771
|
-
add_css$
|
11771
|
+
add_css$f
|
11772
11772
|
);
|
11773
11773
|
}
|
11774
11774
|
}
|
11775
11775
|
|
11776
11776
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
11777
11777
|
|
11778
|
-
function add_css$
|
11778
|
+
function add_css$e(target) {
|
11779
11779
|
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)}");
|
11780
11780
|
}
|
11781
11781
|
|
@@ -11915,7 +11915,7 @@ class ImageBlock extends SvelteComponent {
|
|
11915
11915
|
_imageStyle: 4,
|
11916
11916
|
_style: 5
|
11917
11917
|
},
|
11918
|
-
add_css$
|
11918
|
+
add_css$e
|
11919
11919
|
);
|
11920
11920
|
}
|
11921
11921
|
}
|
@@ -11992,6 +11992,7 @@ const toCssBackgroundImage = (p) => {
|
|
11992
11992
|
return {
|
11993
11993
|
backgroundImage: url ? `url(${url})` : undefined,
|
11994
11994
|
backgroundSize: url ? 'cover' : undefined,
|
11995
|
+
backgroundPosition: 'center',
|
11995
11996
|
};
|
11996
11997
|
};
|
11997
11998
|
const toCssBackgroundColor = (p) => {
|
@@ -12069,13 +12070,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
|
|
12069
12070
|
};
|
12070
12071
|
};
|
12071
12072
|
|
12073
|
+
const useInjectCustomizeCss = (props) => {
|
12074
|
+
function injectCss() {
|
12075
|
+
const style = document.createElement('style');
|
12076
|
+
style.textContent = props.customizeCss;
|
12077
|
+
document.head.appendChild(style);
|
12078
|
+
return () => {
|
12079
|
+
document.head.removeChild(style);
|
12080
|
+
};
|
12081
|
+
}
|
12082
|
+
onMount$1(() => {
|
12083
|
+
if (!props.isCustomizeCss)
|
12084
|
+
return;
|
12085
|
+
const removeCss = injectCss();
|
12086
|
+
return () => {
|
12087
|
+
removeCss();
|
12088
|
+
};
|
12089
|
+
});
|
12090
|
+
};
|
12091
|
+
|
12072
12092
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
12073
12093
|
|
12074
|
-
function add_css$
|
12094
|
+
function add_css$d(target) {
|
12075
12095
|
append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
|
12076
12096
|
}
|
12077
12097
|
|
12078
|
-
// (
|
12098
|
+
// (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
|
12079
12099
|
function create_dynamic_element$8(ctx) {
|
12080
12100
|
let svelte_element;
|
12081
12101
|
let img;
|
@@ -12234,6 +12254,7 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
12234
12254
|
let imgStyle;
|
12235
12255
|
let { props = {} } = $$props;
|
12236
12256
|
let { layerId = '' } = $$props;
|
12257
|
+
useInjectCustomizeCss(props);
|
12237
12258
|
const { attributes, element, handleClick } = useClickable(props);
|
12238
12259
|
|
12239
12260
|
const VARIANTS = {
|
@@ -12274,7 +12295,7 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
12274
12295
|
class Avatar extends SvelteComponent {
|
12275
12296
|
constructor(options) {
|
12276
12297
|
super();
|
12277
|
-
init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
12298
|
+
init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$d);
|
12278
12299
|
}
|
12279
12300
|
}
|
12280
12301
|
|
@@ -14335,11 +14356,11 @@ const ICON_VARIANTS = {
|
|
14335
14356
|
|
14336
14357
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
14337
14358
|
|
14338
|
-
function add_css$
|
14359
|
+
function add_css$c(target) {
|
14339
14360
|
append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
|
14340
14361
|
}
|
14341
14362
|
|
14342
|
-
// (
|
14363
|
+
// (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
|
14343
14364
|
function create_dynamic_element$7(ctx) {
|
14344
14365
|
let svelte_element;
|
14345
14366
|
let switch_instance;
|
@@ -14526,6 +14547,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
14526
14547
|
let IconComponent;
|
14527
14548
|
let { props = {} } = $$props;
|
14528
14549
|
let { layerId = '' } = $$props;
|
14550
|
+
useInjectCustomizeCss(props);
|
14529
14551
|
const { attributes, element, handleClick } = useClickable(props);
|
14530
14552
|
|
14531
14553
|
const getSizeCss = () => {
|
@@ -14563,7 +14585,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
14563
14585
|
class Icon extends SvelteComponent {
|
14564
14586
|
constructor(options) {
|
14565
14587
|
super();
|
14566
|
-
init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
14588
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
|
14567
14589
|
}
|
14568
14590
|
}
|
14569
14591
|
|
@@ -14730,11 +14752,11 @@ function darkenColor(color, percent) {
|
|
14730
14752
|
|
14731
14753
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
14732
14754
|
|
14733
|
-
function add_css$
|
14755
|
+
function add_css$b(target) {
|
14734
14756
|
append_styles(target, "svelte-1ix4ul", ".button.svelte-1ix4ul{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:var(--bg-color)}.button.svelte-1ix4ul:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1ix4ul{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
14735
14757
|
}
|
14736
14758
|
|
14737
|
-
// (
|
14759
|
+
// (49:2) {#if props.isIcon && props.iconVariant}
|
14738
14760
|
function create_if_block$6(ctx) {
|
14739
14761
|
let div;
|
14740
14762
|
let icon;
|
@@ -14800,7 +14822,7 @@ function create_if_block$6(ctx) {
|
|
14800
14822
|
};
|
14801
14823
|
}
|
14802
14824
|
|
14803
|
-
// (
|
14825
|
+
// (41:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
|
14804
14826
|
function create_dynamic_element$6(ctx) {
|
14805
14827
|
let svelte_element;
|
14806
14828
|
let t0;
|
@@ -14989,6 +15011,7 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
14989
15011
|
let style;
|
14990
15012
|
let { props = {} } = $$props;
|
14991
15013
|
let { layerId = '' } = $$props;
|
15014
|
+
useInjectCustomizeCss(props);
|
14992
15015
|
const { attributes, element, handleClick } = useClickable(props);
|
14993
15016
|
const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
|
14994
15017
|
const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
|
@@ -15043,7 +15066,7 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
15043
15066
|
class Button extends SvelteComponent {
|
15044
15067
|
constructor(options) {
|
15045
15068
|
super();
|
15046
|
-
init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
15069
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
|
15047
15070
|
}
|
15048
15071
|
}
|
15049
15072
|
|
@@ -15140,11 +15163,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
15140
15163
|
|
15141
15164
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
15142
15165
|
|
15143
|
-
function add_css$
|
15166
|
+
function add_css$a(target) {
|
15144
15167
|
append_styles(target, "svelte-b990ec", ".button-outlined.svelte-b990ec{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:#ffffff}.button-outlined.svelte-b990ec:hover{background-color:#f6f6f6}.button-outlined-icon.svelte-b990ec{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
15145
15168
|
}
|
15146
15169
|
|
15147
|
-
// (
|
15170
|
+
// (44:2) {#if props.isIcon && props.iconVariant}
|
15148
15171
|
function create_if_block$5(ctx) {
|
15149
15172
|
let div;
|
15150
15173
|
let icon;
|
@@ -15210,7 +15233,7 @@ function create_if_block$5(ctx) {
|
|
15210
15233
|
};
|
15211
15234
|
}
|
15212
15235
|
|
15213
|
-
// (
|
15236
|
+
// (36:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
|
15214
15237
|
function create_dynamic_element$5(ctx) {
|
15215
15238
|
let svelte_element;
|
15216
15239
|
let t0;
|
@@ -15398,6 +15421,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
15398
15421
|
let style;
|
15399
15422
|
let { props = {} } = $$props;
|
15400
15423
|
let { layerId = '' } = $$props;
|
15424
|
+
useInjectCustomizeCss(props);
|
15401
15425
|
const { attributes, element, handleClick } = useClickable(props);
|
15402
15426
|
const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
|
15403
15427
|
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
|
@@ -15436,7 +15460,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
15436
15460
|
class ButtonOutlined extends SvelteComponent {
|
15437
15461
|
constructor(options) {
|
15438
15462
|
super();
|
15439
|
-
init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
15463
|
+
init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
|
15440
15464
|
}
|
15441
15465
|
}
|
15442
15466
|
|
@@ -15497,11 +15521,11 @@ const BUTTON_TEXT_THEME_STYLES = {
|
|
15497
15521
|
|
15498
15522
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
15499
15523
|
|
15500
|
-
function add_css$
|
15524
|
+
function add_css$9(target) {
|
15501
15525
|
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}");
|
15502
15526
|
}
|
15503
15527
|
|
15504
|
-
// (
|
15528
|
+
// (46:2) {#if props.isIcon && props.iconVariant}
|
15505
15529
|
function create_if_block$4(ctx) {
|
15506
15530
|
let div;
|
15507
15531
|
let icon;
|
@@ -15567,7 +15591,7 @@ function create_if_block$4(ctx) {
|
|
15567
15591
|
};
|
15568
15592
|
}
|
15569
15593
|
|
15570
|
-
// (
|
15594
|
+
// (38:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
|
15571
15595
|
function create_dynamic_element$4(ctx) {
|
15572
15596
|
let svelte_element;
|
15573
15597
|
let t0;
|
@@ -15756,6 +15780,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
15756
15780
|
let style;
|
15757
15781
|
let { props = {} } = $$props;
|
15758
15782
|
let { layerId = '' } = $$props;
|
15783
|
+
useInjectCustomizeCss(props);
|
15759
15784
|
const { attributes, element, handleClick } = useClickable(props);
|
15760
15785
|
const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
|
15761
15786
|
const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
|
@@ -15807,7 +15832,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
15807
15832
|
class ButtonText extends SvelteComponent {
|
15808
15833
|
constructor(options) {
|
15809
15834
|
super();
|
15810
|
-
init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
15835
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
|
15811
15836
|
}
|
15812
15837
|
}
|
15813
15838
|
|
@@ -15845,11 +15870,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
15845
15870
|
|
15846
15871
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
15847
15872
|
|
15848
|
-
function add_css$
|
15873
|
+
function add_css$8(target) {
|
15849
15874
|
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}");
|
15850
15875
|
}
|
15851
15876
|
|
15852
|
-
// (
|
15877
|
+
// (91:2) {#if hasLabel}
|
15853
15878
|
function create_if_block$3(ctx) {
|
15854
15879
|
let span;
|
15855
15880
|
let t;
|
@@ -15889,7 +15914,7 @@ function create_if_block$3(ctx) {
|
|
15889
15914
|
};
|
15890
15915
|
}
|
15891
15916
|
|
15892
|
-
// (
|
15917
|
+
// (72:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
|
15893
15918
|
function create_dynamic_element$3(ctx) {
|
15894
15919
|
let svelte_element;
|
15895
15920
|
let span;
|
@@ -16087,6 +16112,7 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
16087
16112
|
let { layerId = '' } = $$props;
|
16088
16113
|
let { eventName = '' } = $$props;
|
16089
16114
|
let { eventValue = undefined } = $$props;
|
16115
|
+
useInjectCustomizeCss(props);
|
16090
16116
|
|
16091
16117
|
const { attributes, element, handleClick } = useClickable({
|
16092
16118
|
onClick: { operation: 'closeApp', args: ['button'] },
|
@@ -16183,18 +16209,18 @@ class CloseButton extends SvelteComponent {
|
|
16183
16209
|
eventName: 12,
|
16184
16210
|
eventValue: 13
|
16185
16211
|
},
|
16186
|
-
add_css$
|
16212
|
+
add_css$8
|
16187
16213
|
);
|
16188
16214
|
}
|
16189
16215
|
}
|
16190
16216
|
|
16191
16217
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
16192
16218
|
|
16193
|
-
function add_css$
|
16219
|
+
function add_css$7(target) {
|
16194
16220
|
append_styles(target, "svelte-1jfwn73", ".image.svelte-1jfwn73{max-width:100%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.image-object.svelte-1jfwn73{width:100%;overflow:hidden}.image-img.svelte-1jfwn73{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
16195
16221
|
}
|
16196
16222
|
|
16197
|
-
// (
|
16223
|
+
// (19:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
|
16198
16224
|
function create_dynamic_element$2(ctx) {
|
16199
16225
|
let svelte_element;
|
16200
16226
|
let object;
|
@@ -16353,6 +16379,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
16353
16379
|
let objectStyle;
|
16354
16380
|
let { props = {} } = $$props;
|
16355
16381
|
let { layerId = '' } = $$props;
|
16382
|
+
useInjectCustomizeCss(props);
|
16356
16383
|
const { attributes, element, handleClick } = useClickable(props);
|
16357
16384
|
|
16358
16385
|
$$self.$$set = $$props => {
|
@@ -16380,17 +16407,17 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
16380
16407
|
class Image extends SvelteComponent {
|
16381
16408
|
constructor(options) {
|
16382
16409
|
super();
|
16383
|
-
init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
16410
|
+
init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
|
16384
16411
|
}
|
16385
16412
|
}
|
16386
16413
|
|
16387
16414
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
16388
16415
|
|
16389
|
-
function add_css$
|
16416
|
+
function add_css$6(target) {
|
16390
16417
|
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}");
|
16391
16418
|
}
|
16392
16419
|
|
16393
|
-
// (
|
16420
|
+
// (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
16394
16421
|
function create_dynamic_element$1(ctx) {
|
16395
16422
|
let svelte_element;
|
16396
16423
|
let current;
|
@@ -16561,6 +16588,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
16561
16588
|
let { $$slots: slots = {}, $$scope } = $$props;
|
16562
16589
|
let { props = {} } = $$props;
|
16563
16590
|
let { layerId = '' } = $$props;
|
16591
|
+
useInjectCustomizeCss(props);
|
16564
16592
|
const { attributes, element, handleClick } = useClickable(props);
|
16565
16593
|
|
16566
16594
|
$$self.$$set = $$props => {
|
@@ -16597,7 +16625,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
16597
16625
|
class Layout extends SvelteComponent {
|
16598
16626
|
constructor(options) {
|
16599
16627
|
super();
|
16600
|
-
init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$
|
16628
|
+
init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$6);
|
16601
16629
|
}
|
16602
16630
|
}
|
16603
16631
|
|
@@ -16608,7 +16636,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
16608
16636
|
|
16609
16637
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
16610
16638
|
|
16611
|
-
function add_css$
|
16639
|
+
function add_css$5(target) {
|
16612
16640
|
append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
|
16613
16641
|
}
|
16614
16642
|
|
@@ -17061,7 +17089,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
17061
17089
|
class Slider extends SvelteComponent {
|
17062
17090
|
constructor(options) {
|
17063
17091
|
super();
|
17064
|
-
init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$
|
17092
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$5, [-1, -1]);
|
17065
17093
|
}
|
17066
17094
|
}
|
17067
17095
|
|
@@ -17149,7 +17177,7 @@ const TEXT_THEME_STYLES = {
|
|
17149
17177
|
|
17150
17178
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
17151
17179
|
|
17152
|
-
function add_css$
|
17180
|
+
function add_css$4(target) {
|
17153
17181
|
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
17154
17182
|
}
|
17155
17183
|
|
@@ -17204,6 +17232,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
17204
17232
|
let style;
|
17205
17233
|
let { props = { content: '' } } = $$props;
|
17206
17234
|
let { layerId = '' } = $$props;
|
17235
|
+
useInjectCustomizeCss(props);
|
17207
17236
|
|
17208
17237
|
if (props.fontFamily) {
|
17209
17238
|
addFont(props.fontFamily);
|
@@ -17253,7 +17282,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
17253
17282
|
class Text extends SvelteComponent {
|
17254
17283
|
constructor(options) {
|
17255
17284
|
super();
|
17256
|
-
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$
|
17285
|
+
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$4);
|
17257
17286
|
}
|
17258
17287
|
}
|
17259
17288
|
|
@@ -17321,11 +17350,11 @@ const TEXT_LINK_THEME_STYLES = {
|
|
17321
17350
|
|
17322
17351
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
17323
17352
|
|
17324
|
-
function add_css$
|
17353
|
+
function add_css$3(target) {
|
17325
17354
|
append_styles(target, "svelte-1gi0ms6", ".link.svelte-1gi0ms6,.link.svelte-1gi0ms6:visited,.link.svelte-1gi0ms6:link{color:var(--color)}.link.svelte-1gi0ms6:hover{color:var(--hover-color)}.link.svelte-1gi0ms6:active{color:var(--active-color)}.link.underline-hover-on.svelte-1gi0ms6{text-decoration:none}.link.underline-hover-on.svelte-1gi0ms6:hover{text-decoration:underline}.link.underline-hover-off.svelte-1gi0ms6{text-decoration:underline}.link.underline-hover-off.svelte-1gi0ms6:hover{text-decoration:none}.link.underline-on.svelte-1gi0ms6{text-decoration:underline}.link.underline-off.svelte-1gi0ms6{text-decoration:none}");
|
17326
17355
|
}
|
17327
17356
|
|
17328
|
-
// (
|
17357
|
+
// (69:2) {#if props.isIcon && props.iconVariant}
|
17329
17358
|
function create_if_block$2(ctx) {
|
17330
17359
|
let icon;
|
17331
17360
|
let current;
|
@@ -17379,7 +17408,7 @@ function create_if_block$2(ctx) {
|
|
17379
17408
|
};
|
17380
17409
|
}
|
17381
17410
|
|
17382
|
-
// (
|
17411
|
+
// (61:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
|
17383
17412
|
function create_dynamic_element(ctx) {
|
17384
17413
|
let svelte_element;
|
17385
17414
|
let t;
|
@@ -17565,6 +17594,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
17565
17594
|
let style;
|
17566
17595
|
let { props = { label: '' } } = $$props;
|
17567
17596
|
let { layerId = '' } = $$props;
|
17597
|
+
useInjectCustomizeCss(props);
|
17568
17598
|
const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
|
17569
17599
|
const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
|
17570
17600
|
const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
|
@@ -17635,7 +17665,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
17635
17665
|
class TextLink extends SvelteComponent {
|
17636
17666
|
constructor(options) {
|
17637
17667
|
super();
|
17638
|
-
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
17668
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
|
17639
17669
|
}
|
17640
17670
|
}
|
17641
17671
|
|
@@ -17661,7 +17691,7 @@ const TEXT_LINK_UNDERLINE = {
|
|
17661
17691
|
|
17662
17692
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
17663
17693
|
|
17664
|
-
function add_css$
|
17694
|
+
function add_css$2(target) {
|
17665
17695
|
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}");
|
17666
17696
|
}
|
17667
17697
|
|
@@ -17763,13 +17793,13 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
17763
17793
|
class BackgroundOverlay extends SvelteComponent {
|
17764
17794
|
constructor(options) {
|
17765
17795
|
super();
|
17766
|
-
init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$
|
17796
|
+
init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$2);
|
17767
17797
|
}
|
17768
17798
|
}
|
17769
17799
|
|
17770
17800
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
17771
17801
|
|
17772
|
-
function add_css(target) {
|
17802
|
+
function add_css$1(target) {
|
17773
17803
|
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}}");
|
17774
17804
|
}
|
17775
17805
|
|
@@ -18393,13 +18423,17 @@ class Modal extends SvelteComponent {
|
|
18393
18423
|
closeEventName: 16,
|
18394
18424
|
closeEventValue: 17
|
18395
18425
|
},
|
18396
|
-
add_css
|
18426
|
+
add_css$1
|
18397
18427
|
);
|
18398
18428
|
}
|
18399
18429
|
}
|
18400
18430
|
|
18401
18431
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
18402
18432
|
|
18433
|
+
function add_css(target) {
|
18434
|
+
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
18435
|
+
}
|
18436
|
+
|
18403
18437
|
function create_fragment(ctx) {
|
18404
18438
|
let div;
|
18405
18439
|
let raw_value = /*props*/ ctx[0].rawHtml + "";
|
@@ -18407,18 +18441,28 @@ function create_fragment(ctx) {
|
|
18407
18441
|
return {
|
18408
18442
|
c() {
|
18409
18443
|
div = element("div");
|
18444
|
+
this.h();
|
18410
18445
|
},
|
18411
18446
|
l(nodes) {
|
18412
|
-
div = claim_element(nodes, "DIV", {});
|
18447
|
+
div = claim_element(nodes, "DIV", { class: true, "data-layer-id": true });
|
18413
18448
|
var div_nodes = children(div);
|
18414
18449
|
div_nodes.forEach(detach);
|
18450
|
+
this.h();
|
18451
|
+
},
|
18452
|
+
h() {
|
18453
|
+
attr(div, "class", "code svelte-igivoz");
|
18454
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
18415
18455
|
},
|
18416
18456
|
m(target, anchor) {
|
18417
18457
|
insert_hydration(target, div, anchor);
|
18418
18458
|
div.innerHTML = raw_value;
|
18419
18459
|
},
|
18420
18460
|
p(ctx, [dirty]) {
|
18421
|
-
if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
|
18461
|
+
if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
|
18462
|
+
if (dirty & /*layerId*/ 2) {
|
18463
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
18464
|
+
}
|
18465
|
+
},
|
18422
18466
|
i: noop,
|
18423
18467
|
o: noop,
|
18424
18468
|
d(detaching) {
|
@@ -18427,46 +18471,59 @@ function create_fragment(ctx) {
|
|
18427
18471
|
};
|
18428
18472
|
}
|
18429
18473
|
|
18474
|
+
function unescapeBraces(str) {
|
18475
|
+
if (!str) return str;
|
18476
|
+
return str.replace(/\\([{}])/g, '$1');
|
18477
|
+
}
|
18478
|
+
|
18430
18479
|
function instance($$self, $$props, $$invalidate) {
|
18431
18480
|
let { props = {} } = $$props;
|
18481
|
+
let { layerId = '' } = $$props;
|
18432
18482
|
|
18433
|
-
// JavaScriptの実行を安全に行う関数
|
18434
18483
|
function injectJavaScript() {
|
18435
18484
|
const script = document.createElement('script');
|
18436
|
-
script.
|
18437
|
-
|
18438
|
-
// 動的に作成したスクリプトを挿入
|
18485
|
+
script.type = 'text/javascript';
|
18486
|
+
script.textContent = unescapeBraces(props.rawScript);
|
18439
18487
|
document.body.appendChild(script);
|
18440
18488
|
|
18441
|
-
// スクリプトの削除
|
18442
18489
|
return () => {
|
18443
18490
|
document.body.removeChild(script);
|
18444
18491
|
};
|
18445
18492
|
}
|
18446
18493
|
|
18447
|
-
|
18494
|
+
function injectCss() {
|
18495
|
+
const style = document.createElement('style');
|
18496
|
+
style.textContent = props.rawCss;
|
18497
|
+
document.head.appendChild(style);
|
18498
|
+
|
18499
|
+
return () => {
|
18500
|
+
document.head.removeChild(style);
|
18501
|
+
};
|
18502
|
+
}
|
18503
|
+
|
18448
18504
|
onMount$1(() => {
|
18449
|
-
|
18450
|
-
|
18505
|
+
const removeScript = injectJavaScript();
|
18506
|
+
const removeCss = injectCss();
|
18451
18507
|
|
18452
|
-
|
18453
|
-
|
18454
|
-
|
18455
|
-
|
18456
|
-
}
|
18508
|
+
// コンポーネントが破棄された時にスクリプトも削除
|
18509
|
+
return () => {
|
18510
|
+
removeScript();
|
18511
|
+
removeCss();
|
18512
|
+
};
|
18457
18513
|
});
|
18458
18514
|
|
18459
18515
|
$$self.$$set = $$props => {
|
18460
18516
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
18517
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
18461
18518
|
};
|
18462
18519
|
|
18463
|
-
return [props];
|
18520
|
+
return [props, layerId];
|
18464
18521
|
}
|
18465
18522
|
|
18466
18523
|
class Code extends SvelteComponent {
|
18467
18524
|
constructor(options) {
|
18468
18525
|
super();
|
18469
|
-
init(this, options, instance, create_fragment, safe_not_equal, { props: 0 });
|
18526
|
+
init(this, options, instance, create_fragment, safe_not_equal, { props: 0, layerId: 1 }, add_css);
|
18470
18527
|
}
|
18471
18528
|
}
|
18472
18529
|
|