@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/index.es.js
CHANGED
@@ -3078,7 +3078,7 @@ class State extends SvelteComponent {
|
|
3078
3078
|
|
3079
3079
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3080
3080
|
|
3081
|
-
function add_css$
|
3081
|
+
function add_css$J(target) {
|
3082
3082
|
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
3083
3083
|
}
|
3084
3084
|
|
@@ -3232,7 +3232,7 @@ function instance$1f($$self, $$props, $$invalidate) {
|
|
3232
3232
|
class StateItem extends SvelteComponent {
|
3233
3233
|
constructor(options) {
|
3234
3234
|
super();
|
3235
|
-
init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$
|
3235
|
+
init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { path: 0 }, add_css$J);
|
3236
3236
|
}
|
3237
3237
|
}
|
3238
3238
|
|
@@ -3417,7 +3417,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3417
3417
|
|
3418
3418
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3419
3419
|
|
3420
|
-
function add_css$
|
3420
|
+
function add_css$I(target) {
|
3421
3421
|
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}");
|
3422
3422
|
}
|
3423
3423
|
|
@@ -3507,7 +3507,7 @@ function instance$1e($$self, $$props, $$invalidate) {
|
|
3507
3507
|
let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
|
3508
3508
|
constructor(options) {
|
3509
3509
|
super();
|
3510
|
-
init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$
|
3510
|
+
init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$I);
|
3511
3511
|
}
|
3512
3512
|
};
|
3513
3513
|
|
@@ -3547,7 +3547,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3547
3547
|
|
3548
3548
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3549
3549
|
|
3550
|
-
function add_css$
|
3550
|
+
function add_css$H(target) {
|
3551
3551
|
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}");
|
3552
3552
|
}
|
3553
3553
|
|
@@ -4000,14 +4000,14 @@ let Button$1 = class Button extends SvelteComponent {
|
|
4000
4000
|
eventValue: 6,
|
4001
4001
|
style: 1
|
4002
4002
|
},
|
4003
|
-
add_css$
|
4003
|
+
add_css$H
|
4004
4004
|
);
|
4005
4005
|
}
|
4006
4006
|
};
|
4007
4007
|
|
4008
4008
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
4009
4009
|
|
4010
|
-
function add_css$
|
4010
|
+
function add_css$G(target) {
|
4011
4011
|
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}}");
|
4012
4012
|
}
|
4013
4013
|
|
@@ -4851,7 +4851,7 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
4851
4851
|
closeButtonColor: 9,
|
4852
4852
|
_closeStyle: 10
|
4853
4853
|
},
|
4854
|
-
add_css$
|
4854
|
+
add_css$G,
|
4855
4855
|
[-1, -1]
|
4856
4856
|
);
|
4857
4857
|
}
|
@@ -4975,7 +4975,7 @@ class Grid extends SvelteComponent {
|
|
4975
4975
|
|
4976
4976
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4977
4977
|
|
4978
|
-
function add_css$
|
4978
|
+
function add_css$F(target) {
|
4979
4979
|
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
4980
4980
|
}
|
4981
4981
|
|
@@ -5114,7 +5114,7 @@ class GridItem extends SvelteComponent {
|
|
5114
5114
|
background: 7,
|
5115
5115
|
gridItemId: 0
|
5116
5116
|
},
|
5117
|
-
add_css$
|
5117
|
+
add_css$F
|
5118
5118
|
);
|
5119
5119
|
}
|
5120
5120
|
}
|
@@ -5296,7 +5296,7 @@ class RenderText extends SvelteComponent {
|
|
5296
5296
|
|
5297
5297
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5298
5298
|
|
5299
|
-
function add_css$
|
5299
|
+
function add_css$E(target) {
|
5300
5300
|
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}");
|
5301
5301
|
}
|
5302
5302
|
|
@@ -5618,14 +5618,14 @@ class TextElement extends SvelteComponent {
|
|
5618
5618
|
enableCopy: 2,
|
5619
5619
|
eventName: 10
|
5620
5620
|
},
|
5621
|
-
add_css$
|
5621
|
+
add_css$E
|
5622
5622
|
);
|
5623
5623
|
}
|
5624
5624
|
}
|
5625
5625
|
|
5626
5626
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5627
5627
|
|
5628
|
-
function add_css$
|
5628
|
+
function add_css$D(target) {
|
5629
5629
|
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)}");
|
5630
5630
|
}
|
5631
5631
|
|
@@ -5766,14 +5766,14 @@ class TextButtonElement extends SvelteComponent {
|
|
5766
5766
|
_buttonStyle: 5,
|
5767
5767
|
_style: 6
|
5768
5768
|
},
|
5769
|
-
add_css$
|
5769
|
+
add_css$D
|
5770
5770
|
);
|
5771
5771
|
}
|
5772
5772
|
}
|
5773
5773
|
|
5774
5774
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5775
5775
|
|
5776
|
-
function add_css$
|
5776
|
+
function add_css$C(target) {
|
5777
5777
|
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%}");
|
5778
5778
|
}
|
5779
5779
|
|
@@ -5931,14 +5931,14 @@ class ImageElement extends SvelteComponent {
|
|
5931
5931
|
_imageStyle: 6,
|
5932
5932
|
_style: 7
|
5933
5933
|
},
|
5934
|
-
add_css$
|
5934
|
+
add_css$C
|
5935
5935
|
);
|
5936
5936
|
}
|
5937
5937
|
}
|
5938
5938
|
|
5939
5939
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
5940
5940
|
|
5941
|
-
function add_css$
|
5941
|
+
function add_css$B(target) {
|
5942
5942
|
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}");
|
5943
5943
|
}
|
5944
5944
|
|
@@ -6078,14 +6078,14 @@ class List extends SvelteComponent {
|
|
6078
6078
|
background: 3,
|
6079
6079
|
_style: 4
|
6080
6080
|
},
|
6081
|
-
add_css$
|
6081
|
+
add_css$B
|
6082
6082
|
);
|
6083
6083
|
}
|
6084
6084
|
}
|
6085
6085
|
|
6086
6086
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6087
6087
|
|
6088
|
-
function add_css$
|
6088
|
+
function add_css$A(target) {
|
6089
6089
|
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}");
|
6090
6090
|
}
|
6091
6091
|
|
@@ -6275,13 +6275,13 @@ function instance$14($$self, $$props, $$invalidate) {
|
|
6275
6275
|
class ListItem extends SvelteComponent {
|
6276
6276
|
constructor(options) {
|
6277
6277
|
super();
|
6278
|
-
init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$
|
6278
|
+
init(this, options, instance$14, create_fragment$14, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$A);
|
6279
6279
|
}
|
6280
6280
|
}
|
6281
6281
|
|
6282
6282
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6283
6283
|
|
6284
|
-
function add_css$
|
6284
|
+
function add_css$z(target) {
|
6285
6285
|
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}");
|
6286
6286
|
}
|
6287
6287
|
|
@@ -6327,13 +6327,13 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
6327
6327
|
class EmbedElement extends SvelteComponent {
|
6328
6328
|
constructor(options) {
|
6329
6329
|
super();
|
6330
|
-
init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$
|
6330
|
+
init(this, options, instance$13, create_fragment$13, safe_not_equal, { code: 0, _style: 1 }, add_css$z);
|
6331
6331
|
}
|
6332
6332
|
}
|
6333
6333
|
|
6334
6334
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6335
6335
|
|
6336
|
-
function add_css$
|
6336
|
+
function add_css$y(target) {
|
6337
6337
|
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%}");
|
6338
6338
|
}
|
6339
6339
|
|
@@ -6679,7 +6679,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6679
6679
|
mute: 25,
|
6680
6680
|
_style: 0
|
6681
6681
|
},
|
6682
|
-
add_css$
|
6682
|
+
add_css$y,
|
6683
6683
|
[-1, -1]
|
6684
6684
|
);
|
6685
6685
|
}
|
@@ -6687,7 +6687,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6687
6687
|
|
6688
6688
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6689
6689
|
|
6690
|
-
function add_css$
|
6690
|
+
function add_css$x(target) {
|
6691
6691
|
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%}");
|
6692
6692
|
}
|
6693
6693
|
|
@@ -6876,14 +6876,14 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6876
6876
|
mute: 6,
|
6877
6877
|
_style: 0
|
6878
6878
|
},
|
6879
|
-
add_css$
|
6879
|
+
add_css$x
|
6880
6880
|
);
|
6881
6881
|
}
|
6882
6882
|
}
|
6883
6883
|
|
6884
6884
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
6885
6885
|
|
6886
|
-
function add_css$
|
6886
|
+
function add_css$w(target) {
|
6887
6887
|
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}");
|
6888
6888
|
}
|
6889
6889
|
|
@@ -7046,14 +7046,14 @@ class FormTextarea extends SvelteComponent {
|
|
7046
7046
|
_textStyle: 11,
|
7047
7047
|
_placeholderStyle: 12
|
7048
7048
|
},
|
7049
|
-
add_css$
|
7049
|
+
add_css$w
|
7050
7050
|
);
|
7051
7051
|
}
|
7052
7052
|
}
|
7053
7053
|
|
7054
7054
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7055
7055
|
|
7056
|
-
function add_css$
|
7056
|
+
function add_css$v(target) {
|
7057
7057
|
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}");
|
7058
7058
|
}
|
7059
7059
|
|
@@ -7321,14 +7321,14 @@ class FormRadioButtons extends SvelteComponent {
|
|
7321
7321
|
buttonColor: 13,
|
7322
7322
|
buttonColorActive: 14
|
7323
7323
|
},
|
7324
|
-
add_css$
|
7324
|
+
add_css$v
|
7325
7325
|
);
|
7326
7326
|
}
|
7327
7327
|
}
|
7328
7328
|
|
7329
7329
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7330
7330
|
|
7331
|
-
function add_css$
|
7331
|
+
function add_css$u(target) {
|
7332
7332
|
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}");
|
7333
7333
|
}
|
7334
7334
|
|
@@ -7660,14 +7660,14 @@ class FormSelect extends SvelteComponent {
|
|
7660
7660
|
iconColor: 15,
|
7661
7661
|
iconSize: 16
|
7662
7662
|
},
|
7663
|
-
add_css$
|
7663
|
+
add_css$u
|
7664
7664
|
);
|
7665
7665
|
}
|
7666
7666
|
}
|
7667
7667
|
|
7668
7668
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7669
7669
|
|
7670
|
-
function add_css$
|
7670
|
+
function add_css$t(target) {
|
7671
7671
|
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}");
|
7672
7672
|
}
|
7673
7673
|
|
@@ -7957,14 +7957,14 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7957
7957
|
buttonColor: 13,
|
7958
7958
|
buttonColorActive: 14
|
7959
7959
|
},
|
7960
|
-
add_css$
|
7960
|
+
add_css$t
|
7961
7961
|
);
|
7962
7962
|
}
|
7963
7963
|
}
|
7964
7964
|
|
7965
7965
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7966
7966
|
|
7967
|
-
function add_css$
|
7967
|
+
function add_css$s(target) {
|
7968
7968
|
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}");
|
7969
7969
|
}
|
7970
7970
|
|
@@ -8174,14 +8174,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8174
8174
|
buttonStyle: 9,
|
8175
8175
|
buttonActiveStyle: 10
|
8176
8176
|
},
|
8177
|
-
add_css$
|
8177
|
+
add_css$s
|
8178
8178
|
);
|
8179
8179
|
}
|
8180
8180
|
}
|
8181
8181
|
|
8182
8182
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8183
8183
|
|
8184
|
-
function add_css$
|
8184
|
+
function add_css$r(target) {
|
8185
8185
|
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%)}");
|
8186
8186
|
}
|
8187
8187
|
|
@@ -8359,13 +8359,13 @@ function instance$X($$self, $$props, $$invalidate) {
|
|
8359
8359
|
class FormRatingButtonsFace extends SvelteComponent {
|
8360
8360
|
constructor(options) {
|
8361
8361
|
super();
|
8362
|
-
init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$
|
8362
|
+
init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$r);
|
8363
8363
|
}
|
8364
8364
|
}
|
8365
8365
|
|
8366
8366
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
8367
8367
|
|
8368
|
-
function add_css$
|
8368
|
+
function add_css$q(target) {
|
8369
8369
|
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}");
|
8370
8370
|
}
|
8371
8371
|
|
@@ -8579,14 +8579,14 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8579
8579
|
_textStyle: 15,
|
8580
8580
|
_placeholderStyle: 16
|
8581
8581
|
},
|
8582
|
-
add_css$
|
8582
|
+
add_css$q
|
8583
8583
|
);
|
8584
8584
|
}
|
8585
8585
|
}
|
8586
8586
|
|
8587
8587
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
8588
8588
|
|
8589
|
-
function add_css$
|
8589
|
+
function add_css$p(target) {
|
8590
8590
|
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}");
|
8591
8591
|
}
|
8592
8592
|
|
@@ -8798,14 +8798,14 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
8798
8798
|
buttonColor: 10,
|
8799
8799
|
buttonColorActive: 11
|
8800
8800
|
},
|
8801
|
-
add_css$
|
8801
|
+
add_css$p
|
8802
8802
|
);
|
8803
8803
|
}
|
8804
8804
|
}
|
8805
8805
|
|
8806
8806
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
8807
8807
|
|
8808
|
-
function add_css$
|
8808
|
+
function add_css$o(target) {
|
8809
8809
|
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%}");
|
8810
8810
|
}
|
8811
8811
|
|
@@ -9633,7 +9633,7 @@ class Slide extends SvelteComponent {
|
|
9633
9633
|
navigationButton: 25,
|
9634
9634
|
navigationEdgePosition: 26
|
9635
9635
|
},
|
9636
|
-
add_css$
|
9636
|
+
add_css$o,
|
9637
9637
|
[-1, -1, -1]
|
9638
9638
|
);
|
9639
9639
|
}
|
@@ -9641,7 +9641,7 @@ class Slide extends SvelteComponent {
|
|
9641
9641
|
|
9642
9642
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
9643
9643
|
|
9644
|
-
function add_css$
|
9644
|
+
function add_css$n(target) {
|
9645
9645
|
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}");
|
9646
9646
|
}
|
9647
9647
|
|
@@ -9778,13 +9778,13 @@ function instance$T($$self, $$props, $$invalidate) {
|
|
9778
9778
|
class SlideItem extends SvelteComponent {
|
9779
9779
|
constructor(options) {
|
9780
9780
|
super();
|
9781
|
-
init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$
|
9781
|
+
init(this, options, instance$T, create_fragment$T, safe_not_equal, { _style: 0 }, add_css$n);
|
9782
9782
|
}
|
9783
9783
|
}
|
9784
9784
|
|
9785
9785
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
9786
9786
|
|
9787
|
-
function add_css$
|
9787
|
+
function add_css$m(target) {
|
9788
9788
|
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}");
|
9789
9789
|
}
|
9790
9790
|
|
@@ -9932,13 +9932,13 @@ function instance$S($$self, $$props, $$invalidate) {
|
|
9932
9932
|
class Countdown extends SvelteComponent {
|
9933
9933
|
constructor(options) {
|
9934
9934
|
super();
|
9935
|
-
init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$
|
9935
|
+
init(this, options, instance$S, create_fragment$S, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$m);
|
9936
9936
|
}
|
9937
9937
|
}
|
9938
9938
|
|
9939
9939
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
9940
9940
|
|
9941
|
-
function add_css$
|
9941
|
+
function add_css$l(target) {
|
9942
9942
|
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}");
|
9943
9943
|
}
|
9944
9944
|
|
@@ -10063,13 +10063,13 @@ function instance$R($$self, $$props, $$invalidate) {
|
|
10063
10063
|
class Box extends SvelteComponent {
|
10064
10064
|
constructor(options) {
|
10065
10065
|
super();
|
10066
|
-
init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$
|
10066
|
+
init(this, options, instance$R, create_fragment$R, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$l);
|
10067
10067
|
}
|
10068
10068
|
}
|
10069
10069
|
|
10070
10070
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10071
10071
|
|
10072
|
-
function add_css$
|
10072
|
+
function add_css$k(target) {
|
10073
10073
|
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)}");
|
10074
10074
|
}
|
10075
10075
|
|
@@ -10253,14 +10253,14 @@ class IconElement extends SvelteComponent {
|
|
10253
10253
|
color: 6,
|
10254
10254
|
_style: 7
|
10255
10255
|
},
|
10256
|
-
add_css$
|
10256
|
+
add_css$k
|
10257
10257
|
);
|
10258
10258
|
}
|
10259
10259
|
}
|
10260
10260
|
|
10261
10261
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
10262
10262
|
|
10263
|
-
function add_css$
|
10263
|
+
function add_css$j(target) {
|
10264
10264
|
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
10265
10265
|
}
|
10266
10266
|
|
@@ -10369,13 +10369,13 @@ function instance$P($$self, $$props, $$invalidate) {
|
|
10369
10369
|
class CodeElement extends SvelteComponent {
|
10370
10370
|
constructor(options) {
|
10371
10371
|
super();
|
10372
|
-
init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$
|
10372
|
+
init(this, options, instance$P, create_fragment$P, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$j);
|
10373
10373
|
}
|
10374
10374
|
}
|
10375
10375
|
|
10376
10376
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
10377
10377
|
|
10378
|
-
function add_css$
|
10378
|
+
function add_css$i(target) {
|
10379
10379
|
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
10380
10380
|
}
|
10381
10381
|
|
@@ -10479,14 +10479,14 @@ class Flex extends SvelteComponent {
|
|
10479
10479
|
height: 2,
|
10480
10480
|
_style: 3
|
10481
10481
|
},
|
10482
|
-
add_css$
|
10482
|
+
add_css$i
|
10483
10483
|
);
|
10484
10484
|
}
|
10485
10485
|
}
|
10486
10486
|
|
10487
10487
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
10488
10488
|
|
10489
|
-
function add_css$
|
10489
|
+
function add_css$h(target) {
|
10490
10490
|
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
10491
10491
|
}
|
10492
10492
|
|
@@ -10591,7 +10591,7 @@ function instance$N($$self, $$props, $$invalidate) {
|
|
10591
10591
|
class FlexItem extends SvelteComponent {
|
10592
10592
|
constructor(options) {
|
10593
10593
|
super();
|
10594
|
-
init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$
|
10594
|
+
init(this, options, instance$N, create_fragment$N, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
|
10595
10595
|
}
|
10596
10596
|
}
|
10597
10597
|
|
@@ -10907,7 +10907,7 @@ class GridModalState extends SvelteComponent {
|
|
10907
10907
|
|
10908
10908
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
10909
10909
|
|
10910
|
-
function add_css$
|
10910
|
+
function add_css$g(target) {
|
10911
10911
|
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%}");
|
10912
10912
|
}
|
10913
10913
|
|
@@ -11009,14 +11009,14 @@ class TextBlock extends SvelteComponent {
|
|
11009
11009
|
textDirection: 1,
|
11010
11010
|
_style: 5
|
11011
11011
|
},
|
11012
|
-
add_css$
|
11012
|
+
add_css$g
|
11013
11013
|
);
|
11014
11014
|
}
|
11015
11015
|
}
|
11016
11016
|
|
11017
11017
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
11018
11018
|
|
11019
|
-
function add_css$
|
11019
|
+
function add_css$f(target) {
|
11020
11020
|
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)}");
|
11021
11021
|
}
|
11022
11022
|
|
@@ -11134,14 +11134,14 @@ class TextButtonBlock extends SvelteComponent {
|
|
11134
11134
|
_buttonStyle: 1,
|
11135
11135
|
_style: 2
|
11136
11136
|
},
|
11137
|
-
add_css$
|
11137
|
+
add_css$f
|
11138
11138
|
);
|
11139
11139
|
}
|
11140
11140
|
}
|
11141
11141
|
|
11142
11142
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
11143
11143
|
|
11144
|
-
function add_css$
|
11144
|
+
function add_css$e(target) {
|
11145
11145
|
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)}");
|
11146
11146
|
}
|
11147
11147
|
|
@@ -11261,7 +11261,7 @@ class ImageBlock extends SvelteComponent {
|
|
11261
11261
|
_imageStyle: 4,
|
11262
11262
|
_style: 5
|
11263
11263
|
},
|
11264
|
-
add_css$
|
11264
|
+
add_css$e
|
11265
11265
|
);
|
11266
11266
|
}
|
11267
11267
|
}
|
@@ -11338,6 +11338,7 @@ const toCssBackgroundImage = (p) => {
|
|
11338
11338
|
return {
|
11339
11339
|
backgroundImage: url ? `url(${url})` : undefined,
|
11340
11340
|
backgroundSize: url ? 'cover' : undefined,
|
11341
|
+
backgroundPosition: 'center',
|
11341
11342
|
};
|
11342
11343
|
};
|
11343
11344
|
const toCssBackgroundColor = (p) => {
|
@@ -11415,13 +11416,32 @@ const useClickable = ({ eventValue = {}, eventName = '', onClick, element = 'div
|
|
11415
11416
|
};
|
11416
11417
|
};
|
11417
11418
|
|
11419
|
+
const useInjectCustomizeCss = (props) => {
|
11420
|
+
function injectCss() {
|
11421
|
+
const style = document.createElement('style');
|
11422
|
+
style.textContent = props.customizeCss;
|
11423
|
+
document.head.appendChild(style);
|
11424
|
+
return () => {
|
11425
|
+
document.head.removeChild(style);
|
11426
|
+
};
|
11427
|
+
}
|
11428
|
+
onMount$1(() => {
|
11429
|
+
if (!props.isCustomizeCss)
|
11430
|
+
return;
|
11431
|
+
const removeCss = injectCss();
|
11432
|
+
return () => {
|
11433
|
+
removeCss();
|
11434
|
+
};
|
11435
|
+
});
|
11436
|
+
};
|
11437
|
+
|
11418
11438
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
11419
11439
|
|
11420
|
-
function add_css$
|
11440
|
+
function add_css$d(target) {
|
11421
11441
|
append_styles(target, "svelte-1vk223g", ".avatar.svelte-1vk223g{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}");
|
11422
11442
|
}
|
11423
11443
|
|
11424
|
-
// (
|
11444
|
+
// (35:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
|
11425
11445
|
function create_dynamic_element$8(ctx) {
|
11426
11446
|
let svelte_element;
|
11427
11447
|
let img;
|
@@ -11554,6 +11574,7 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
11554
11574
|
let imgStyle;
|
11555
11575
|
let { props = {} } = $$props;
|
11556
11576
|
let { layerId = '' } = $$props;
|
11577
|
+
useInjectCustomizeCss(props);
|
11557
11578
|
const { attributes, element, handleClick } = useClickable(props);
|
11558
11579
|
|
11559
11580
|
const VARIANTS = {
|
@@ -11594,7 +11615,7 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
11594
11615
|
class Avatar extends SvelteComponent {
|
11595
11616
|
constructor(options) {
|
11596
11617
|
super();
|
11597
|
-
init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
11618
|
+
init(this, options, instance$I, create_fragment$I, safe_not_equal, { props: 0, layerId: 1 }, add_css$d);
|
11598
11619
|
}
|
11599
11620
|
}
|
11600
11621
|
|
@@ -13296,11 +13317,11 @@ const ICON_VARIANTS = {
|
|
13296
13317
|
|
13297
13318
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
13298
13319
|
|
13299
|
-
function add_css$
|
13320
|
+
function add_css$c(target) {
|
13300
13321
|
append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
|
13301
13322
|
}
|
13302
13323
|
|
13303
|
-
// (
|
13324
|
+
// (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
|
13304
13325
|
function create_dynamic_element$7(ctx) {
|
13305
13326
|
let svelte_element;
|
13306
13327
|
let switch_instance;
|
@@ -13469,6 +13490,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
13469
13490
|
let IconComponent;
|
13470
13491
|
let { props = {} } = $$props;
|
13471
13492
|
let { layerId = '' } = $$props;
|
13493
|
+
useInjectCustomizeCss(props);
|
13472
13494
|
const { attributes, element, handleClick } = useClickable(props);
|
13473
13495
|
|
13474
13496
|
const getSizeCss = () => {
|
@@ -13506,7 +13528,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
13506
13528
|
class Icon extends SvelteComponent {
|
13507
13529
|
constructor(options) {
|
13508
13530
|
super();
|
13509
|
-
init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
13531
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
|
13510
13532
|
}
|
13511
13533
|
}
|
13512
13534
|
|
@@ -13673,11 +13695,11 @@ function darkenColor(color, percent) {
|
|
13673
13695
|
|
13674
13696
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
13675
13697
|
|
13676
|
-
function add_css$
|
13698
|
+
function add_css$b(target) {
|
13677
13699
|
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}");
|
13678
13700
|
}
|
13679
13701
|
|
13680
|
-
// (
|
13702
|
+
// (49:2) {#if props.isIcon && props.iconVariant}
|
13681
13703
|
function create_if_block$6(ctx) {
|
13682
13704
|
let div;
|
13683
13705
|
let icon;
|
@@ -13733,7 +13755,7 @@ function create_if_block$6(ctx) {
|
|
13733
13755
|
};
|
13734
13756
|
}
|
13735
13757
|
|
13736
|
-
// (
|
13758
|
+
// (41:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
|
13737
13759
|
function create_dynamic_element$6(ctx) {
|
13738
13760
|
let svelte_element;
|
13739
13761
|
let t0;
|
@@ -13898,6 +13920,7 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
13898
13920
|
let style;
|
13899
13921
|
let { props = {} } = $$props;
|
13900
13922
|
let { layerId = '' } = $$props;
|
13923
|
+
useInjectCustomizeCss(props);
|
13901
13924
|
const { attributes, element, handleClick } = useClickable(props);
|
13902
13925
|
const buttonThemeStyle = BUTTON_THEME_STYLES[props.theme ?? buttonPropsDefault.theme];
|
13903
13926
|
const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size ?? buttonPropsDefault.size];
|
@@ -13952,7 +13975,7 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
13952
13975
|
class Button extends SvelteComponent {
|
13953
13976
|
constructor(options) {
|
13954
13977
|
super();
|
13955
|
-
init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
13978
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
|
13956
13979
|
}
|
13957
13980
|
}
|
13958
13981
|
|
@@ -14049,11 +14072,11 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
14049
14072
|
|
14050
14073
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
14051
14074
|
|
14052
|
-
function add_css$
|
14075
|
+
function add_css$a(target) {
|
14053
14076
|
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}");
|
14054
14077
|
}
|
14055
14078
|
|
14056
|
-
// (
|
14079
|
+
// (44:2) {#if props.isIcon && props.iconVariant}
|
14057
14080
|
function create_if_block$5(ctx) {
|
14058
14081
|
let div;
|
14059
14082
|
let icon;
|
@@ -14109,7 +14132,7 @@ function create_if_block$5(ctx) {
|
|
14109
14132
|
};
|
14110
14133
|
}
|
14111
14134
|
|
14112
|
-
// (
|
14135
|
+
// (36:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
|
14113
14136
|
function create_dynamic_element$5(ctx) {
|
14114
14137
|
let svelte_element;
|
14115
14138
|
let t0;
|
@@ -14273,6 +14296,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
14273
14296
|
let style;
|
14274
14297
|
let { props = {} } = $$props;
|
14275
14298
|
let { layerId = '' } = $$props;
|
14299
|
+
useInjectCustomizeCss(props);
|
14276
14300
|
const { attributes, element, handleClick } = useClickable(props);
|
14277
14301
|
const buttonThemeStyle = BUTTON_OUTLINED_THEME_STYLES[props.theme ?? buttonOutlinedPropsDefault.theme];
|
14278
14302
|
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
|
@@ -14311,7 +14335,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
14311
14335
|
class ButtonOutlined extends SvelteComponent {
|
14312
14336
|
constructor(options) {
|
14313
14337
|
super();
|
14314
|
-
init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
14338
|
+
init(this, options, instance$a, create_fragment$a, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
|
14315
14339
|
}
|
14316
14340
|
}
|
14317
14341
|
|
@@ -14372,11 +14396,11 @@ const BUTTON_TEXT_THEME_STYLES = {
|
|
14372
14396
|
|
14373
14397
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
14374
14398
|
|
14375
|
-
function add_css$
|
14399
|
+
function add_css$9(target) {
|
14376
14400
|
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}");
|
14377
14401
|
}
|
14378
14402
|
|
14379
|
-
// (
|
14403
|
+
// (46:2) {#if props.isIcon && props.iconVariant}
|
14380
14404
|
function create_if_block$4(ctx) {
|
14381
14405
|
let div;
|
14382
14406
|
let icon;
|
@@ -14432,7 +14456,7 @@ function create_if_block$4(ctx) {
|
|
14432
14456
|
};
|
14433
14457
|
}
|
14434
14458
|
|
14435
|
-
// (
|
14459
|
+
// (38:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
|
14436
14460
|
function create_dynamic_element$4(ctx) {
|
14437
14461
|
let svelte_element;
|
14438
14462
|
let t0;
|
@@ -14597,6 +14621,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
14597
14621
|
let style;
|
14598
14622
|
let { props = {} } = $$props;
|
14599
14623
|
let { layerId = '' } = $$props;
|
14624
|
+
useInjectCustomizeCss(props);
|
14600
14625
|
const { attributes, element, handleClick } = useClickable(props);
|
14601
14626
|
const buttonThemeStyle = BUTTON_TEXT_THEME_STYLES[props.theme ?? 'default'];
|
14602
14627
|
const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
|
@@ -14648,7 +14673,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
14648
14673
|
class ButtonText extends SvelteComponent {
|
14649
14674
|
constructor(options) {
|
14650
14675
|
super();
|
14651
|
-
init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
14676
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$9);
|
14652
14677
|
}
|
14653
14678
|
}
|
14654
14679
|
|
@@ -14686,11 +14711,11 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
14686
14711
|
|
14687
14712
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
14688
14713
|
|
14689
|
-
function add_css$
|
14714
|
+
function add_css$8(target) {
|
14690
14715
|
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}");
|
14691
14716
|
}
|
14692
14717
|
|
14693
|
-
// (
|
14718
|
+
// (91:2) {#if hasLabel}
|
14694
14719
|
function create_if_block$3(ctx) {
|
14695
14720
|
let span;
|
14696
14721
|
let t;
|
@@ -14720,7 +14745,7 @@ function create_if_block$3(ctx) {
|
|
14720
14745
|
};
|
14721
14746
|
}
|
14722
14747
|
|
14723
|
-
// (
|
14748
|
+
// (72:0) <svelte:element {...attributes} this={element} class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}" data-layer-id={layerId} style={style} on:click={handleClick} >
|
14724
14749
|
function create_dynamic_element$3(ctx) {
|
14725
14750
|
let svelte_element;
|
14726
14751
|
let span;
|
@@ -14882,6 +14907,7 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
14882
14907
|
let { layerId = '' } = $$props;
|
14883
14908
|
let { eventName = '' } = $$props;
|
14884
14909
|
let { eventValue = undefined } = $$props;
|
14910
|
+
useInjectCustomizeCss(props);
|
14885
14911
|
|
14886
14912
|
const { attributes, element, handleClick } = useClickable({
|
14887
14913
|
onClick: { operation: 'closeApp', args: ['button'] },
|
@@ -14978,18 +15004,18 @@ class CloseButton extends SvelteComponent {
|
|
14978
15004
|
eventName: 12,
|
14979
15005
|
eventValue: 13
|
14980
15006
|
},
|
14981
|
-
add_css$
|
15007
|
+
add_css$8
|
14982
15008
|
);
|
14983
15009
|
}
|
14984
15010
|
}
|
14985
15011
|
|
14986
15012
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
14987
15013
|
|
14988
|
-
function add_css$
|
15014
|
+
function add_css$7(target) {
|
14989
15015
|
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}");
|
14990
15016
|
}
|
14991
15017
|
|
14992
|
-
// (
|
15018
|
+
// (19:0) <svelte:element {...attributes} this={element} class="image" style={style} data-layer-id={layerId} on:click={handleClick} >
|
14993
15019
|
function create_dynamic_element$2(ctx) {
|
14994
15020
|
let svelte_element;
|
14995
15021
|
let object;
|
@@ -15126,6 +15152,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
15126
15152
|
let objectStyle;
|
15127
15153
|
let { props = {} } = $$props;
|
15128
15154
|
let { layerId = '' } = $$props;
|
15155
|
+
useInjectCustomizeCss(props);
|
15129
15156
|
const { attributes, element, handleClick } = useClickable(props);
|
15130
15157
|
|
15131
15158
|
$$self.$$set = $$props => {
|
@@ -15153,17 +15180,17 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
15153
15180
|
class Image extends SvelteComponent {
|
15154
15181
|
constructor(options) {
|
15155
15182
|
super();
|
15156
|
-
init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
15183
|
+
init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
|
15157
15184
|
}
|
15158
15185
|
}
|
15159
15186
|
|
15160
15187
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
15161
15188
|
|
15162
|
-
function add_css$
|
15189
|
+
function add_css$6(target) {
|
15163
15190
|
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}");
|
15164
15191
|
}
|
15165
15192
|
|
15166
|
-
// (
|
15193
|
+
// (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
15167
15194
|
function create_dynamic_element$1(ctx) {
|
15168
15195
|
let svelte_element;
|
15169
15196
|
let current;
|
@@ -15316,6 +15343,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
15316
15343
|
let { $$slots: slots = {}, $$scope } = $$props;
|
15317
15344
|
let { props = {} } = $$props;
|
15318
15345
|
let { layerId = '' } = $$props;
|
15346
|
+
useInjectCustomizeCss(props);
|
15319
15347
|
const { attributes, element, handleClick } = useClickable(props);
|
15320
15348
|
|
15321
15349
|
$$self.$$set = $$props => {
|
@@ -15352,7 +15380,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
15352
15380
|
class Layout extends SvelteComponent {
|
15353
15381
|
constructor(options) {
|
15354
15382
|
super();
|
15355
|
-
init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$
|
15383
|
+
init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 4, layerId: 0 }, add_css$6);
|
15356
15384
|
}
|
15357
15385
|
}
|
15358
15386
|
|
@@ -15363,7 +15391,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
15363
15391
|
|
15364
15392
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
15365
15393
|
|
15366
|
-
function add_css$
|
15394
|
+
function add_css$5(target) {
|
15367
15395
|
append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
|
15368
15396
|
}
|
15369
15397
|
|
@@ -15783,7 +15811,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
15783
15811
|
class Slider extends SvelteComponent {
|
15784
15812
|
constructor(options) {
|
15785
15813
|
super();
|
15786
|
-
init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$
|
15814
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$5, [-1, -1]);
|
15787
15815
|
}
|
15788
15816
|
}
|
15789
15817
|
|
@@ -15871,7 +15899,7 @@ const TEXT_THEME_STYLES = {
|
|
15871
15899
|
|
15872
15900
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
15873
15901
|
|
15874
|
-
function add_css$
|
15902
|
+
function add_css$4(target) {
|
15875
15903
|
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
15876
15904
|
}
|
15877
15905
|
|
@@ -15912,6 +15940,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
15912
15940
|
let style;
|
15913
15941
|
let { props = { content: '' } } = $$props;
|
15914
15942
|
let { layerId = '' } = $$props;
|
15943
|
+
useInjectCustomizeCss(props);
|
15915
15944
|
|
15916
15945
|
if (props.fontFamily) {
|
15917
15946
|
addFont(props.fontFamily);
|
@@ -15961,7 +15990,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
15961
15990
|
class Text extends SvelteComponent {
|
15962
15991
|
constructor(options) {
|
15963
15992
|
super();
|
15964
|
-
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$
|
15993
|
+
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$4);
|
15965
15994
|
}
|
15966
15995
|
}
|
15967
15996
|
|
@@ -16029,11 +16058,11 @@ const TEXT_LINK_THEME_STYLES = {
|
|
16029
16058
|
|
16030
16059
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
16031
16060
|
|
16032
|
-
function add_css$
|
16061
|
+
function add_css$3(target) {
|
16033
16062
|
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}");
|
16034
16063
|
}
|
16035
16064
|
|
16036
|
-
// (
|
16065
|
+
// (69:2) {#if props.isIcon && props.iconVariant}
|
16037
16066
|
function create_if_block$2(ctx) {
|
16038
16067
|
let icon;
|
16039
16068
|
let current;
|
@@ -16084,7 +16113,7 @@ function create_if_block$2(ctx) {
|
|
16084
16113
|
};
|
16085
16114
|
}
|
16086
16115
|
|
16087
|
-
// (
|
16116
|
+
// (61:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
|
16088
16117
|
function create_dynamic_element(ctx) {
|
16089
16118
|
let svelte_element;
|
16090
16119
|
let t;
|
@@ -16248,6 +16277,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
16248
16277
|
let style;
|
16249
16278
|
let { props = { label: '' } } = $$props;
|
16250
16279
|
let { layerId = '' } = $$props;
|
16280
|
+
useInjectCustomizeCss(props);
|
16251
16281
|
const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
|
16252
16282
|
const themeStyle = TEXT_LINK_THEME_STYLES[props.theme ?? 'link'];
|
16253
16283
|
const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
|
@@ -16318,7 +16348,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
16318
16348
|
class TextLink extends SvelteComponent {
|
16319
16349
|
constructor(options) {
|
16320
16350
|
super();
|
16321
|
-
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$
|
16351
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 0, layerId: 1 }, add_css$3);
|
16322
16352
|
}
|
16323
16353
|
}
|
16324
16354
|
|
@@ -16344,7 +16374,7 @@ const TEXT_LINK_UNDERLINE = {
|
|
16344
16374
|
|
16345
16375
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
16346
16376
|
|
16347
|
-
function add_css$
|
16377
|
+
function add_css$2(target) {
|
16348
16378
|
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}");
|
16349
16379
|
}
|
16350
16380
|
|
@@ -16434,13 +16464,13 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
16434
16464
|
class BackgroundOverlay extends SvelteComponent {
|
16435
16465
|
constructor(options) {
|
16436
16466
|
super();
|
16437
|
-
init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$
|
16467
|
+
init(this, options, instance$2, create_fragment$2, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$2);
|
16438
16468
|
}
|
16439
16469
|
}
|
16440
16470
|
|
16441
16471
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
16442
16472
|
|
16443
|
-
function add_css(target) {
|
16473
|
+
function add_css$1(target) {
|
16444
16474
|
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}}");
|
16445
16475
|
}
|
16446
16476
|
|
@@ -17062,13 +17092,17 @@ class Modal extends SvelteComponent {
|
|
17062
17092
|
closeEventName: 16,
|
17063
17093
|
closeEventValue: 17
|
17064
17094
|
},
|
17065
|
-
add_css
|
17095
|
+
add_css$1
|
17066
17096
|
);
|
17067
17097
|
}
|
17068
17098
|
}
|
17069
17099
|
|
17070
17100
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
17071
17101
|
|
17102
|
+
function add_css(target) {
|
17103
|
+
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
17104
|
+
}
|
17105
|
+
|
17072
17106
|
function create_fragment(ctx) {
|
17073
17107
|
let div;
|
17074
17108
|
let raw_value = /*props*/ ctx[0].rawHtml + "";
|
@@ -17076,13 +17110,19 @@ function create_fragment(ctx) {
|
|
17076
17110
|
return {
|
17077
17111
|
c() {
|
17078
17112
|
div = element("div");
|
17113
|
+
attr(div, "class", "code svelte-igivoz");
|
17114
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
17079
17115
|
},
|
17080
17116
|
m(target, anchor) {
|
17081
17117
|
insert(target, div, anchor);
|
17082
17118
|
div.innerHTML = raw_value;
|
17083
17119
|
},
|
17084
17120
|
p(ctx, [dirty]) {
|
17085
|
-
if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
|
17121
|
+
if (dirty & /*props*/ 1 && raw_value !== (raw_value = /*props*/ ctx[0].rawHtml + "")) div.innerHTML = raw_value;
|
17122
|
+
if (dirty & /*layerId*/ 2) {
|
17123
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
17124
|
+
}
|
17125
|
+
},
|
17086
17126
|
i: noop,
|
17087
17127
|
o: noop,
|
17088
17128
|
d(detaching) {
|
@@ -17091,46 +17131,59 @@ function create_fragment(ctx) {
|
|
17091
17131
|
};
|
17092
17132
|
}
|
17093
17133
|
|
17134
|
+
function unescapeBraces(str) {
|
17135
|
+
if (!str) return str;
|
17136
|
+
return str.replace(/\\([{}])/g, '$1');
|
17137
|
+
}
|
17138
|
+
|
17094
17139
|
function instance($$self, $$props, $$invalidate) {
|
17095
17140
|
let { props = {} } = $$props;
|
17141
|
+
let { layerId = '' } = $$props;
|
17096
17142
|
|
17097
|
-
// JavaScriptの実行を安全に行う関数
|
17098
17143
|
function injectJavaScript() {
|
17099
17144
|
const script = document.createElement('script');
|
17100
|
-
script.
|
17101
|
-
|
17102
|
-
// 動的に作成したスクリプトを挿入
|
17145
|
+
script.type = 'text/javascript';
|
17146
|
+
script.textContent = unescapeBraces(props.rawScript);
|
17103
17147
|
document.body.appendChild(script);
|
17104
17148
|
|
17105
|
-
// スクリプトの削除
|
17106
17149
|
return () => {
|
17107
17150
|
document.body.removeChild(script);
|
17108
17151
|
};
|
17109
17152
|
}
|
17110
17153
|
|
17111
|
-
|
17154
|
+
function injectCss() {
|
17155
|
+
const style = document.createElement('style');
|
17156
|
+
style.textContent = props.rawCss;
|
17157
|
+
document.head.appendChild(style);
|
17158
|
+
|
17159
|
+
return () => {
|
17160
|
+
document.head.removeChild(style);
|
17161
|
+
};
|
17162
|
+
}
|
17163
|
+
|
17112
17164
|
onMount$1(() => {
|
17113
|
-
|
17114
|
-
|
17165
|
+
const removeScript = injectJavaScript();
|
17166
|
+
const removeCss = injectCss();
|
17115
17167
|
|
17116
|
-
|
17117
|
-
|
17118
|
-
|
17119
|
-
|
17120
|
-
}
|
17168
|
+
// コンポーネントが破棄された時にスクリプトも削除
|
17169
|
+
return () => {
|
17170
|
+
removeScript();
|
17171
|
+
removeCss();
|
17172
|
+
};
|
17121
17173
|
});
|
17122
17174
|
|
17123
17175
|
$$self.$$set = $$props => {
|
17124
17176
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
17177
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
17125
17178
|
};
|
17126
17179
|
|
17127
|
-
return [props];
|
17180
|
+
return [props, layerId];
|
17128
17181
|
}
|
17129
17182
|
|
17130
17183
|
class Code extends SvelteComponent {
|
17131
17184
|
constructor(options) {
|
17132
17185
|
super();
|
17133
|
-
init(this, options, instance, create_fragment, safe_not_equal, { props: 0 });
|
17186
|
+
init(this, options, instance, create_fragment, safe_not_equal, { props: 0, layerId: 1 }, add_css);
|
17134
17187
|
}
|
17135
17188
|
}
|
17136
17189
|
|