@plaidev/karte-action-sdk 1.1.232-28658179.8f1dd9a9 → 1.1.232-28663591.feead91d
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +262 -4
- package/dist/hydrate/index.es.js +718 -831
- package/dist/index.es.d.ts +262 -4
- package/dist/index.es.js +662 -747
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
|
@@ -2818,7 +2818,7 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
|
2818
2818
|
|
|
2819
2819
|
/* src/components/Header.svelte generated by Svelte v3.53.1 */
|
|
2820
2820
|
|
|
2821
|
-
function create_if_block$
|
|
2821
|
+
function create_if_block$b(ctx) {
|
|
2822
2822
|
let link;
|
|
2823
2823
|
|
|
2824
2824
|
return {
|
|
@@ -2851,7 +2851,7 @@ function create_if_block$d(ctx) {
|
|
|
2851
2851
|
|
|
2852
2852
|
function create_fragment$15(ctx) {
|
|
2853
2853
|
let head;
|
|
2854
|
-
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$
|
|
2854
|
+
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$b(ctx);
|
|
2855
2855
|
|
|
2856
2856
|
return {
|
|
2857
2857
|
c() {
|
|
@@ -2873,7 +2873,7 @@ function create_fragment$15(ctx) {
|
|
|
2873
2873
|
if (if_block) {
|
|
2874
2874
|
if_block.p(ctx, dirty);
|
|
2875
2875
|
} else {
|
|
2876
|
-
if_block = create_if_block$
|
|
2876
|
+
if_block = create_if_block$b(ctx);
|
|
2877
2877
|
if_block.c();
|
|
2878
2878
|
if_block.m(head, null);
|
|
2879
2879
|
}
|
|
@@ -3010,12 +3010,12 @@ class State extends SvelteComponent {
|
|
|
3010
3010
|
|
|
3011
3011
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3012
3012
|
|
|
3013
|
-
function add_css$
|
|
3013
|
+
function add_css$C(target) {
|
|
3014
3014
|
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
3015
3015
|
}
|
|
3016
3016
|
|
|
3017
3017
|
// (23:0) {#if $state === path}
|
|
3018
|
-
function create_if_block$
|
|
3018
|
+
function create_if_block$a(ctx) {
|
|
3019
3019
|
let div;
|
|
3020
3020
|
let t;
|
|
3021
3021
|
let current;
|
|
@@ -3090,7 +3090,7 @@ function create_if_block$c(ctx) {
|
|
|
3090
3090
|
function create_fragment$13(ctx) {
|
|
3091
3091
|
let if_block_anchor;
|
|
3092
3092
|
let current;
|
|
3093
|
-
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$
|
|
3093
|
+
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$a(ctx);
|
|
3094
3094
|
|
|
3095
3095
|
return {
|
|
3096
3096
|
c() {
|
|
@@ -3115,7 +3115,7 @@ function create_fragment$13(ctx) {
|
|
|
3115
3115
|
transition_in(if_block, 1);
|
|
3116
3116
|
}
|
|
3117
3117
|
} else {
|
|
3118
|
-
if_block = create_if_block$
|
|
3118
|
+
if_block = create_if_block$a(ctx);
|
|
3119
3119
|
if_block.c();
|
|
3120
3120
|
transition_in(if_block, 1);
|
|
3121
3121
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
@@ -3178,7 +3178,7 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
|
3178
3178
|
class StateItem extends SvelteComponent {
|
|
3179
3179
|
constructor(options) {
|
|
3180
3180
|
super();
|
|
3181
|
-
init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$
|
|
3181
|
+
init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$C);
|
|
3182
3182
|
}
|
|
3183
3183
|
}
|
|
3184
3184
|
|
|
@@ -3304,12 +3304,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3304
3304
|
|
|
3305
3305
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3306
3306
|
|
|
3307
|
-
function add_css$
|
|
3307
|
+
function add_css$B(target) {
|
|
3308
3308
|
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}");
|
|
3309
3309
|
}
|
|
3310
3310
|
|
|
3311
3311
|
// (14:0) {#if backgroundOverlay}
|
|
3312
|
-
function create_if_block$
|
|
3312
|
+
function create_if_block$9(ctx) {
|
|
3313
3313
|
let div;
|
|
3314
3314
|
let div_class_value;
|
|
3315
3315
|
let mounted;
|
|
@@ -3351,7 +3351,7 @@ function create_if_block$b(ctx) {
|
|
|
3351
3351
|
|
|
3352
3352
|
function create_fragment$12(ctx) {
|
|
3353
3353
|
let if_block_anchor;
|
|
3354
|
-
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$
|
|
3354
|
+
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$9(ctx);
|
|
3355
3355
|
|
|
3356
3356
|
return {
|
|
3357
3357
|
c() {
|
|
@@ -3371,7 +3371,7 @@ function create_fragment$12(ctx) {
|
|
|
3371
3371
|
if (if_block) {
|
|
3372
3372
|
if_block.p(ctx, dirty);
|
|
3373
3373
|
} else {
|
|
3374
|
-
if_block = create_if_block$
|
|
3374
|
+
if_block = create_if_block$9(ctx);
|
|
3375
3375
|
if_block.c();
|
|
3376
3376
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
3377
3377
|
}
|
|
@@ -3406,7 +3406,7 @@ function instance$12($$self, $$props, $$invalidate) {
|
|
|
3406
3406
|
class BackgroundOverlay extends SvelteComponent {
|
|
3407
3407
|
constructor(options) {
|
|
3408
3408
|
super();
|
|
3409
|
-
init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$
|
|
3409
|
+
init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$B);
|
|
3410
3410
|
}
|
|
3411
3411
|
}
|
|
3412
3412
|
|
|
@@ -3446,7 +3446,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3446
3446
|
|
|
3447
3447
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3448
3448
|
|
|
3449
|
-
function add_css$
|
|
3449
|
+
function add_css$A(target) {
|
|
3450
3450
|
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}");
|
|
3451
3451
|
}
|
|
3452
3452
|
|
|
@@ -3729,7 +3729,7 @@ function create_if_block_1$2(ctx) {
|
|
|
3729
3729
|
}
|
|
3730
3730
|
|
|
3731
3731
|
// (31:0) {#if disabled}
|
|
3732
|
-
function create_if_block$
|
|
3732
|
+
function create_if_block$8(ctx) {
|
|
3733
3733
|
let div;
|
|
3734
3734
|
let current;
|
|
3735
3735
|
const default_slot_template = /*#slots*/ ctx[9].default;
|
|
@@ -3802,7 +3802,7 @@ function create_fragment$11(ctx) {
|
|
|
3802
3802
|
let if_block;
|
|
3803
3803
|
let if_block_anchor;
|
|
3804
3804
|
let current;
|
|
3805
|
-
const if_block_creators = [create_if_block$
|
|
3805
|
+
const if_block_creators = [create_if_block$8, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
|
|
3806
3806
|
const if_blocks = [];
|
|
3807
3807
|
|
|
3808
3808
|
function select_block_type(ctx, dirty) {
|
|
@@ -3949,14 +3949,14 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
3949
3949
|
eventValue: 6,
|
|
3950
3950
|
style: 1
|
|
3951
3951
|
},
|
|
3952
|
-
add_css$
|
|
3952
|
+
add_css$A
|
|
3953
3953
|
);
|
|
3954
3954
|
}
|
|
3955
3955
|
};
|
|
3956
3956
|
|
|
3957
3957
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3958
3958
|
|
|
3959
|
-
function add_css$
|
|
3959
|
+
function add_css$z(target) {
|
|
3960
3960
|
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}}");
|
|
3961
3961
|
}
|
|
3962
3962
|
|
|
@@ -4095,7 +4095,7 @@ function create_if_block_2(ctx) {
|
|
|
4095
4095
|
}
|
|
4096
4096
|
|
|
4097
4097
|
// (280:0) {#if visible}
|
|
4098
|
-
function create_if_block$
|
|
4098
|
+
function create_if_block$7(ctx) {
|
|
4099
4099
|
let div;
|
|
4100
4100
|
let button;
|
|
4101
4101
|
let div_class_value;
|
|
@@ -4443,7 +4443,7 @@ function create_fragment$10(ctx) {
|
|
|
4443
4443
|
|
|
4444
4444
|
current_block_type_index = select_block_type(ctx);
|
|
4445
4445
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
|
4446
|
-
let if_block1 = /*visible*/ ctx[16] && create_if_block$
|
|
4446
|
+
let if_block1 = /*visible*/ ctx[16] && create_if_block$7(ctx);
|
|
4447
4447
|
|
|
4448
4448
|
return {
|
|
4449
4449
|
c() {
|
|
@@ -4509,7 +4509,7 @@ function create_fragment$10(ctx) {
|
|
|
4509
4509
|
transition_in(if_block1, 1);
|
|
4510
4510
|
}
|
|
4511
4511
|
} else {
|
|
4512
|
-
if_block1 = create_if_block$
|
|
4512
|
+
if_block1 = create_if_block$7(ctx);
|
|
4513
4513
|
if_block1.c();
|
|
4514
4514
|
transition_in(if_block1, 1);
|
|
4515
4515
|
if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
|
|
@@ -4847,7 +4847,7 @@ class Modal extends SvelteComponent {
|
|
|
4847
4847
|
closeButtonColor: 9,
|
|
4848
4848
|
_closeStyle: 10
|
|
4849
4849
|
},
|
|
4850
|
-
add_css$
|
|
4850
|
+
add_css$z,
|
|
4851
4851
|
[-1, -1]
|
|
4852
4852
|
);
|
|
4853
4853
|
}
|
|
@@ -4981,7 +4981,7 @@ class Grid extends SvelteComponent {
|
|
|
4981
4981
|
|
|
4982
4982
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
4983
4983
|
|
|
4984
|
-
function add_css$
|
|
4984
|
+
function add_css$y(target) {
|
|
4985
4985
|
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
4986
4986
|
}
|
|
4987
4987
|
|
|
@@ -5139,7 +5139,7 @@ class GridItem extends SvelteComponent {
|
|
|
5139
5139
|
background: 7,
|
|
5140
5140
|
gridItemId: 0
|
|
5141
5141
|
},
|
|
5142
|
-
add_css$
|
|
5142
|
+
add_css$y
|
|
5143
5143
|
);
|
|
5144
5144
|
}
|
|
5145
5145
|
}
|
|
@@ -5177,7 +5177,7 @@ function create_else_block$2(ctx) {
|
|
|
5177
5177
|
}
|
|
5178
5178
|
|
|
5179
5179
|
// (11:2) {#if item.match(regexp)}
|
|
5180
|
-
function create_if_block$
|
|
5180
|
+
function create_if_block$6(ctx) {
|
|
5181
5181
|
let br;
|
|
5182
5182
|
|
|
5183
5183
|
return {
|
|
@@ -5205,7 +5205,7 @@ function create_each_block$6(ctx) {
|
|
|
5205
5205
|
function select_block_type(ctx, dirty) {
|
|
5206
5206
|
if (dirty & /*items*/ 1) show_if = null;
|
|
5207
5207
|
if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
|
|
5208
|
-
if (show_if) return create_if_block$
|
|
5208
|
+
if (show_if) return create_if_block$6;
|
|
5209
5209
|
return create_else_block$2;
|
|
5210
5210
|
}
|
|
5211
5211
|
|
|
@@ -5338,7 +5338,7 @@ class RenderText extends SvelteComponent {
|
|
|
5338
5338
|
|
|
5339
5339
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5340
5340
|
|
|
5341
|
-
function add_css$
|
|
5341
|
+
function add_css$x(target) {
|
|
5342
5342
|
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}");
|
|
5343
5343
|
}
|
|
5344
5344
|
|
|
@@ -5409,7 +5409,7 @@ function create_else_block$1(ctx) {
|
|
|
5409
5409
|
}
|
|
5410
5410
|
|
|
5411
5411
|
// (80:2) {#if enableCopy}
|
|
5412
|
-
function create_if_block$
|
|
5412
|
+
function create_if_block$5(ctx) {
|
|
5413
5413
|
let a;
|
|
5414
5414
|
let div0;
|
|
5415
5415
|
let rendertext;
|
|
@@ -5527,7 +5527,7 @@ function create_fragment$Y(ctx) {
|
|
|
5527
5527
|
let current_block_type_index;
|
|
5528
5528
|
let if_block;
|
|
5529
5529
|
let current;
|
|
5530
|
-
const if_block_creators = [create_if_block$
|
|
5530
|
+
const if_block_creators = [create_if_block$5, create_else_block$1];
|
|
5531
5531
|
const if_blocks = [];
|
|
5532
5532
|
|
|
5533
5533
|
function select_block_type(ctx, dirty) {
|
|
@@ -5710,14 +5710,14 @@ class TextElement extends SvelteComponent {
|
|
|
5710
5710
|
enableCopy: 2,
|
|
5711
5711
|
eventName: 10
|
|
5712
5712
|
},
|
|
5713
|
-
add_css$
|
|
5713
|
+
add_css$x
|
|
5714
5714
|
);
|
|
5715
5715
|
}
|
|
5716
5716
|
}
|
|
5717
5717
|
|
|
5718
5718
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5719
5719
|
|
|
5720
|
-
function add_css$
|
|
5720
|
+
function add_css$w(target) {
|
|
5721
5721
|
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)}");
|
|
5722
5722
|
}
|
|
5723
5723
|
|
|
@@ -5871,14 +5871,14 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5871
5871
|
_buttonStyle: 5,
|
|
5872
5872
|
_style: 6
|
|
5873
5873
|
},
|
|
5874
|
-
add_css$
|
|
5874
|
+
add_css$w
|
|
5875
5875
|
);
|
|
5876
5876
|
}
|
|
5877
5877
|
}
|
|
5878
5878
|
|
|
5879
5879
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5880
5880
|
|
|
5881
|
-
function add_css$
|
|
5881
|
+
function add_css$v(target) {
|
|
5882
5882
|
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%}");
|
|
5883
5883
|
}
|
|
5884
5884
|
|
|
@@ -6062,14 +6062,14 @@ class ImageElement extends SvelteComponent {
|
|
|
6062
6062
|
_imageStyle: 6,
|
|
6063
6063
|
_style: 7
|
|
6064
6064
|
},
|
|
6065
|
-
add_css$
|
|
6065
|
+
add_css$v
|
|
6066
6066
|
);
|
|
6067
6067
|
}
|
|
6068
6068
|
}
|
|
6069
6069
|
|
|
6070
6070
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
6071
6071
|
|
|
6072
|
-
function add_css$
|
|
6072
|
+
function add_css$u(target) {
|
|
6073
6073
|
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}");
|
|
6074
6074
|
}
|
|
6075
6075
|
|
|
@@ -6219,14 +6219,14 @@ class List extends SvelteComponent {
|
|
|
6219
6219
|
background: 3,
|
|
6220
6220
|
_style: 4
|
|
6221
6221
|
},
|
|
6222
|
-
add_css$
|
|
6222
|
+
add_css$u
|
|
6223
6223
|
);
|
|
6224
6224
|
}
|
|
6225
6225
|
}
|
|
6226
6226
|
|
|
6227
6227
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6228
6228
|
|
|
6229
|
-
function add_css$
|
|
6229
|
+
function add_css$t(target) {
|
|
6230
6230
|
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}");
|
|
6231
6231
|
}
|
|
6232
6232
|
|
|
@@ -6429,13 +6429,13 @@ function instance$U($$self, $$props, $$invalidate) {
|
|
|
6429
6429
|
class ListItem extends SvelteComponent {
|
|
6430
6430
|
constructor(options) {
|
|
6431
6431
|
super();
|
|
6432
|
-
init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$
|
|
6432
|
+
init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$t);
|
|
6433
6433
|
}
|
|
6434
6434
|
}
|
|
6435
6435
|
|
|
6436
6436
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6437
6437
|
|
|
6438
|
-
function add_css$
|
|
6438
|
+
function add_css$s(target) {
|
|
6439
6439
|
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}");
|
|
6440
6440
|
}
|
|
6441
6441
|
|
|
@@ -6490,13 +6490,13 @@ function instance$T($$self, $$props, $$invalidate) {
|
|
|
6490
6490
|
class EmbedElement extends SvelteComponent {
|
|
6491
6491
|
constructor(options) {
|
|
6492
6492
|
super();
|
|
6493
|
-
init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$
|
|
6493
|
+
init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$s);
|
|
6494
6494
|
}
|
|
6495
6495
|
}
|
|
6496
6496
|
|
|
6497
6497
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6498
6498
|
|
|
6499
|
-
function add_css$
|
|
6499
|
+
function add_css$r(target) {
|
|
6500
6500
|
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%}");
|
|
6501
6501
|
}
|
|
6502
6502
|
|
|
@@ -6853,7 +6853,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6853
6853
|
mute: 25,
|
|
6854
6854
|
_style: 0
|
|
6855
6855
|
},
|
|
6856
|
-
add_css$
|
|
6856
|
+
add_css$r,
|
|
6857
6857
|
[-1, -1]
|
|
6858
6858
|
);
|
|
6859
6859
|
}
|
|
@@ -6861,7 +6861,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6861
6861
|
|
|
6862
6862
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6863
6863
|
|
|
6864
|
-
function add_css$
|
|
6864
|
+
function add_css$q(target) {
|
|
6865
6865
|
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%}");
|
|
6866
6866
|
}
|
|
6867
6867
|
|
|
@@ -7061,14 +7061,14 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
7061
7061
|
mute: 6,
|
|
7062
7062
|
_style: 0
|
|
7063
7063
|
},
|
|
7064
|
-
add_css$
|
|
7064
|
+
add_css$q
|
|
7065
7065
|
);
|
|
7066
7066
|
}
|
|
7067
7067
|
}
|
|
7068
7068
|
|
|
7069
7069
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
7070
7070
|
|
|
7071
|
-
function add_css$
|
|
7071
|
+
function add_css$p(target) {
|
|
7072
7072
|
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}");
|
|
7073
7073
|
}
|
|
7074
7074
|
|
|
@@ -7248,14 +7248,14 @@ class FormTextarea extends SvelteComponent {
|
|
|
7248
7248
|
_textStyle: 11,
|
|
7249
7249
|
_placeholderStyle: 12
|
|
7250
7250
|
},
|
|
7251
|
-
add_css$
|
|
7251
|
+
add_css$p
|
|
7252
7252
|
);
|
|
7253
7253
|
}
|
|
7254
7254
|
}
|
|
7255
7255
|
|
|
7256
7256
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7257
7257
|
|
|
7258
|
-
function add_css$
|
|
7258
|
+
function add_css$o(target) {
|
|
7259
7259
|
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}");
|
|
7260
7260
|
}
|
|
7261
7261
|
|
|
@@ -7560,14 +7560,14 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7560
7560
|
buttonColor: 13,
|
|
7561
7561
|
buttonColorActive: 14
|
|
7562
7562
|
},
|
|
7563
|
-
add_css$
|
|
7563
|
+
add_css$o
|
|
7564
7564
|
);
|
|
7565
7565
|
}
|
|
7566
7566
|
}
|
|
7567
7567
|
|
|
7568
7568
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7569
7569
|
|
|
7570
|
-
function add_css$
|
|
7570
|
+
function add_css$n(target) {
|
|
7571
7571
|
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}");
|
|
7572
7572
|
}
|
|
7573
7573
|
|
|
@@ -7602,7 +7602,7 @@ function create_else_block(ctx) {
|
|
|
7602
7602
|
}
|
|
7603
7603
|
|
|
7604
7604
|
// (105:10) {#if option}
|
|
7605
|
-
function create_if_block$
|
|
7605
|
+
function create_if_block$4(ctx) {
|
|
7606
7606
|
let t_value = /*option*/ ctx[19] + "";
|
|
7607
7607
|
let t;
|
|
7608
7608
|
|
|
@@ -7633,7 +7633,7 @@ function create_each_block$4(ctx) {
|
|
|
7633
7633
|
let option_selected_value;
|
|
7634
7634
|
|
|
7635
7635
|
function select_block_type(ctx, dirty) {
|
|
7636
|
-
if (/*option*/ ctx[19]) return create_if_block$
|
|
7636
|
+
if (/*option*/ ctx[19]) return create_if_block$4;
|
|
7637
7637
|
return create_else_block;
|
|
7638
7638
|
}
|
|
7639
7639
|
|
|
@@ -7936,14 +7936,14 @@ class FormSelect extends SvelteComponent {
|
|
|
7936
7936
|
iconColor: 15,
|
|
7937
7937
|
iconSize: 16
|
|
7938
7938
|
},
|
|
7939
|
-
add_css$
|
|
7939
|
+
add_css$n
|
|
7940
7940
|
);
|
|
7941
7941
|
}
|
|
7942
7942
|
}
|
|
7943
7943
|
|
|
7944
7944
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7945
7945
|
|
|
7946
|
-
function add_css$
|
|
7946
|
+
function add_css$m(target) {
|
|
7947
7947
|
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}");
|
|
7948
7948
|
}
|
|
7949
7949
|
|
|
@@ -8270,14 +8270,14 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
8270
8270
|
buttonColor: 13,
|
|
8271
8271
|
buttonColorActive: 14
|
|
8272
8272
|
},
|
|
8273
|
-
add_css$
|
|
8273
|
+
add_css$m
|
|
8274
8274
|
);
|
|
8275
8275
|
}
|
|
8276
8276
|
}
|
|
8277
8277
|
|
|
8278
8278
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
8279
8279
|
|
|
8280
|
-
function add_css$
|
|
8280
|
+
function add_css$l(target) {
|
|
8281
8281
|
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}");
|
|
8282
8282
|
}
|
|
8283
8283
|
|
|
@@ -8512,14 +8512,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8512
8512
|
buttonStyle: 9,
|
|
8513
8513
|
buttonActiveStyle: 10
|
|
8514
8514
|
},
|
|
8515
|
-
add_css$
|
|
8515
|
+
add_css$l
|
|
8516
8516
|
);
|
|
8517
8517
|
}
|
|
8518
8518
|
}
|
|
8519
8519
|
|
|
8520
8520
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8521
8521
|
|
|
8522
|
-
function add_css$
|
|
8522
|
+
function add_css$k(target) {
|
|
8523
8523
|
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%)}");
|
|
8524
8524
|
}
|
|
8525
8525
|
|
|
@@ -8722,13 +8722,13 @@ function instance$L($$self, $$props, $$invalidate) {
|
|
|
8722
8722
|
class FormRatingButtonsFace extends SvelteComponent {
|
|
8723
8723
|
constructor(options) {
|
|
8724
8724
|
super();
|
|
8725
|
-
init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$
|
|
8725
|
+
init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$k);
|
|
8726
8726
|
}
|
|
8727
8727
|
}
|
|
8728
8728
|
|
|
8729
8729
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8730
8730
|
|
|
8731
|
-
function add_css$
|
|
8731
|
+
function add_css$j(target) {
|
|
8732
8732
|
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}");
|
|
8733
8733
|
}
|
|
8734
8734
|
|
|
@@ -8959,14 +8959,14 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8959
8959
|
_textStyle: 15,
|
|
8960
8960
|
_placeholderStyle: 16
|
|
8961
8961
|
},
|
|
8962
|
-
add_css$
|
|
8962
|
+
add_css$j
|
|
8963
8963
|
);
|
|
8964
8964
|
}
|
|
8965
8965
|
}
|
|
8966
8966
|
|
|
8967
8967
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
8968
8968
|
|
|
8969
|
-
function add_css$
|
|
8969
|
+
function add_css$i(target) {
|
|
8970
8970
|
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}");
|
|
8971
8971
|
}
|
|
8972
8972
|
|
|
@@ -9206,14 +9206,14 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
9206
9206
|
buttonColor: 10,
|
|
9207
9207
|
buttonColorActive: 11
|
|
9208
9208
|
},
|
|
9209
|
-
add_css$
|
|
9209
|
+
add_css$i
|
|
9210
9210
|
);
|
|
9211
9211
|
}
|
|
9212
9212
|
}
|
|
9213
9213
|
|
|
9214
9214
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
9215
9215
|
|
|
9216
|
-
function add_css$
|
|
9216
|
+
function add_css$h(target) {
|
|
9217
9217
|
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%}");
|
|
9218
9218
|
}
|
|
9219
9219
|
|
|
@@ -9293,7 +9293,7 @@ function create_if_block_1(ctx) {
|
|
|
9293
9293
|
}
|
|
9294
9294
|
|
|
9295
9295
|
// (380:2) {#if isVisibleNextButton}
|
|
9296
|
-
function create_if_block$
|
|
9296
|
+
function create_if_block$3(ctx) {
|
|
9297
9297
|
let div;
|
|
9298
9298
|
let button;
|
|
9299
9299
|
let svg;
|
|
@@ -9437,7 +9437,7 @@ function create_fragment$I(ctx) {
|
|
|
9437
9437
|
const default_slot_template = /*#slots*/ ctx[32].default;
|
|
9438
9438
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
|
|
9439
9439
|
let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
|
|
9440
|
-
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$
|
|
9440
|
+
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$3(ctx);
|
|
9441
9441
|
let each_value = /*items*/ ctx[1];
|
|
9442
9442
|
let each_blocks = [];
|
|
9443
9443
|
|
|
@@ -9576,7 +9576,7 @@ function create_fragment$I(ctx) {
|
|
|
9576
9576
|
if (if_block1) {
|
|
9577
9577
|
if_block1.p(ctx, dirty);
|
|
9578
9578
|
} else {
|
|
9579
|
-
if_block1 = create_if_block$
|
|
9579
|
+
if_block1 = create_if_block$3(ctx);
|
|
9580
9580
|
if_block1.c();
|
|
9581
9581
|
if_block1.m(div3, t2);
|
|
9582
9582
|
}
|
|
@@ -10116,7 +10116,7 @@ class Slide extends SvelteComponent {
|
|
|
10116
10116
|
navigationButton: 25,
|
|
10117
10117
|
navigationEdgePosition: 26
|
|
10118
10118
|
},
|
|
10119
|
-
add_css$
|
|
10119
|
+
add_css$h,
|
|
10120
10120
|
[-1, -1, -1]
|
|
10121
10121
|
);
|
|
10122
10122
|
}
|
|
@@ -10124,7 +10124,7 @@ class Slide extends SvelteComponent {
|
|
|
10124
10124
|
|
|
10125
10125
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
10126
10126
|
|
|
10127
|
-
function add_css$
|
|
10127
|
+
function add_css$g(target) {
|
|
10128
10128
|
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}");
|
|
10129
10129
|
}
|
|
10130
10130
|
|
|
@@ -10274,13 +10274,13 @@ function instance$H($$self, $$props, $$invalidate) {
|
|
|
10274
10274
|
class SlideItem extends SvelteComponent {
|
|
10275
10275
|
constructor(options) {
|
|
10276
10276
|
super();
|
|
10277
|
-
init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$
|
|
10277
|
+
init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$g);
|
|
10278
10278
|
}
|
|
10279
10279
|
}
|
|
10280
10280
|
|
|
10281
10281
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
10282
10282
|
|
|
10283
|
-
function add_css$
|
|
10283
|
+
function add_css$f(target) {
|
|
10284
10284
|
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}");
|
|
10285
10285
|
}
|
|
10286
10286
|
|
|
@@ -10437,13 +10437,13 @@ function instance$G($$self, $$props, $$invalidate) {
|
|
|
10437
10437
|
class Countdown extends SvelteComponent {
|
|
10438
10438
|
constructor(options) {
|
|
10439
10439
|
super();
|
|
10440
|
-
init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$
|
|
10440
|
+
init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$f);
|
|
10441
10441
|
}
|
|
10442
10442
|
}
|
|
10443
10443
|
|
|
10444
10444
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
10445
10445
|
|
|
10446
|
-
function add_css$
|
|
10446
|
+
function add_css$e(target) {
|
|
10447
10447
|
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}");
|
|
10448
10448
|
}
|
|
10449
10449
|
|
|
@@ -10581,18 +10581,18 @@ function instance$F($$self, $$props, $$invalidate) {
|
|
|
10581
10581
|
class Box extends SvelteComponent {
|
|
10582
10582
|
constructor(options) {
|
|
10583
10583
|
super();
|
|
10584
|
-
init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$
|
|
10584
|
+
init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$e);
|
|
10585
10585
|
}
|
|
10586
10586
|
}
|
|
10587
10587
|
|
|
10588
10588
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10589
10589
|
|
|
10590
|
-
function add_css$
|
|
10590
|
+
function add_css$d(target) {
|
|
10591
10591
|
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)}");
|
|
10592
10592
|
}
|
|
10593
10593
|
|
|
10594
10594
|
// (56:4) {#if svg}
|
|
10595
|
-
function create_if_block$
|
|
10595
|
+
function create_if_block$2(ctx) {
|
|
10596
10596
|
let html_tag;
|
|
10597
10597
|
let html_anchor;
|
|
10598
10598
|
|
|
@@ -10627,7 +10627,7 @@ function create_if_block$4(ctx) {
|
|
|
10627
10627
|
// (55:2) <Button {onClick} {style} {eventName}>
|
|
10628
10628
|
function create_default_slot$1(ctx) {
|
|
10629
10629
|
let if_block_anchor;
|
|
10630
|
-
let if_block = /*svg*/ ctx[3] && create_if_block$
|
|
10630
|
+
let if_block = /*svg*/ ctx[3] && create_if_block$2(ctx);
|
|
10631
10631
|
|
|
10632
10632
|
return {
|
|
10633
10633
|
c() {
|
|
@@ -10647,7 +10647,7 @@ function create_default_slot$1(ctx) {
|
|
|
10647
10647
|
if (if_block) {
|
|
10648
10648
|
if_block.p(ctx, dirty);
|
|
10649
10649
|
} else {
|
|
10650
|
-
if_block = create_if_block$
|
|
10650
|
+
if_block = create_if_block$2(ctx);
|
|
10651
10651
|
if_block.c();
|
|
10652
10652
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
10653
10653
|
}
|
|
@@ -10793,14 +10793,14 @@ class IconElement extends SvelteComponent {
|
|
|
10793
10793
|
color: 6,
|
|
10794
10794
|
_style: 7
|
|
10795
10795
|
},
|
|
10796
|
-
add_css$
|
|
10796
|
+
add_css$d
|
|
10797
10797
|
);
|
|
10798
10798
|
}
|
|
10799
10799
|
}
|
|
10800
10800
|
|
|
10801
10801
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10802
10802
|
|
|
10803
|
-
function add_css$
|
|
10803
|
+
function add_css$c(target) {
|
|
10804
10804
|
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10805
10805
|
}
|
|
10806
10806
|
|
|
@@ -10919,13 +10919,13 @@ function instance$D($$self, $$props, $$invalidate) {
|
|
|
10919
10919
|
class CodeElement extends SvelteComponent {
|
|
10920
10920
|
constructor(options) {
|
|
10921
10921
|
super();
|
|
10922
|
-
init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$
|
|
10922
|
+
init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$c);
|
|
10923
10923
|
}
|
|
10924
10924
|
}
|
|
10925
10925
|
|
|
10926
10926
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10927
10927
|
|
|
10928
|
-
function add_css$
|
|
10928
|
+
function add_css$b(target) {
|
|
10929
10929
|
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
10930
10930
|
}
|
|
10931
10931
|
|
|
@@ -11039,14 +11039,14 @@ class Flex extends SvelteComponent {
|
|
|
11039
11039
|
height: 2,
|
|
11040
11040
|
_style: 3
|
|
11041
11041
|
},
|
|
11042
|
-
add_css$
|
|
11042
|
+
add_css$b
|
|
11043
11043
|
);
|
|
11044
11044
|
}
|
|
11045
11045
|
}
|
|
11046
11046
|
|
|
11047
11047
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
11048
11048
|
|
|
11049
|
-
function add_css$
|
|
11049
|
+
function add_css$a(target) {
|
|
11050
11050
|
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
11051
11051
|
}
|
|
11052
11052
|
|
|
@@ -11161,7 +11161,7 @@ function instance$B($$self, $$props, $$invalidate) {
|
|
|
11161
11161
|
class FlexItem extends SvelteComponent {
|
|
11162
11162
|
constructor(options) {
|
|
11163
11163
|
super();
|
|
11164
|
-
init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$
|
|
11164
|
+
init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$a);
|
|
11165
11165
|
}
|
|
11166
11166
|
}
|
|
11167
11167
|
|
|
@@ -11489,7 +11489,7 @@ class GridModalState extends SvelteComponent {
|
|
|
11489
11489
|
|
|
11490
11490
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
11491
11491
|
|
|
11492
|
-
function add_css$
|
|
11492
|
+
function add_css$9(target) {
|
|
11493
11493
|
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%}");
|
|
11494
11494
|
}
|
|
11495
11495
|
|
|
@@ -11604,14 +11604,14 @@ class TextBlock extends SvelteComponent {
|
|
|
11604
11604
|
textDirection: 1,
|
|
11605
11605
|
_style: 5
|
|
11606
11606
|
},
|
|
11607
|
-
add_css$
|
|
11607
|
+
add_css$9
|
|
11608
11608
|
);
|
|
11609
11609
|
}
|
|
11610
11610
|
}
|
|
11611
11611
|
|
|
11612
11612
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
11613
11613
|
|
|
11614
|
-
function add_css$
|
|
11614
|
+
function add_css$8(target) {
|
|
11615
11615
|
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)}");
|
|
11616
11616
|
}
|
|
11617
11617
|
|
|
@@ -11742,14 +11742,14 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11742
11742
|
_buttonStyle: 1,
|
|
11743
11743
|
_style: 2
|
|
11744
11744
|
},
|
|
11745
|
-
add_css$
|
|
11745
|
+
add_css$8
|
|
11746
11746
|
);
|
|
11747
11747
|
}
|
|
11748
11748
|
}
|
|
11749
11749
|
|
|
11750
11750
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11751
11751
|
|
|
11752
|
-
function add_css$
|
|
11752
|
+
function add_css$7(target) {
|
|
11753
11753
|
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)}");
|
|
11754
11754
|
}
|
|
11755
11755
|
|
|
@@ -11889,74 +11889,223 @@ class ImageBlock extends SvelteComponent {
|
|
|
11889
11889
|
_imageStyle: 4,
|
|
11890
11890
|
_style: 5
|
|
11891
11891
|
},
|
|
11892
|
-
add_css$
|
|
11892
|
+
add_css$7
|
|
11893
11893
|
);
|
|
11894
11894
|
}
|
|
11895
11895
|
}
|
|
11896
11896
|
|
|
11897
|
-
|
|
11897
|
+
const COMPONENT_PARAMETER_TYPES = {
|
|
11898
|
+
TEXT: 'text',
|
|
11899
|
+
MULTILINE_TEXT: 'multiline_text',
|
|
11900
|
+
SELECT: 'select',
|
|
11901
|
+
RADIO: 'radio',
|
|
11902
|
+
CHECKBOX: 'checkbox',
|
|
11903
|
+
BOOLEAN: 'boolean',
|
|
11904
|
+
IMAGE: 'image',
|
|
11905
|
+
NUMBER: 'number',
|
|
11906
|
+
WIDTH: 'width',
|
|
11907
|
+
ASPECT: 'aspect',
|
|
11908
|
+
COLOR: 'color',
|
|
11909
|
+
ICON: 'icon',
|
|
11910
|
+
};
|
|
11911
|
+
|
|
11912
|
+
const toHyphenCase = (str) => {
|
|
11913
|
+
let result = str.replace(/_/g, '-');
|
|
11914
|
+
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
11915
|
+
return result;
|
|
11916
|
+
};
|
|
11917
|
+
const objToStyle = (obj) => {
|
|
11918
|
+
const styles = Object.entries(obj)
|
|
11919
|
+
.map(([key, value]) => {
|
|
11920
|
+
if (value === undefined)
|
|
11921
|
+
return '';
|
|
11922
|
+
return `${toHyphenCase(key)}: ${value};`;
|
|
11923
|
+
})
|
|
11924
|
+
.filter(v => v !== '');
|
|
11925
|
+
return styles.join(' ');
|
|
11926
|
+
};
|
|
11927
|
+
|
|
11928
|
+
const toCssPosition = (p) => {
|
|
11929
|
+
return {
|
|
11930
|
+
position: p?.position ?? 'static',
|
|
11931
|
+
top: p?.top,
|
|
11932
|
+
left: p?.left,
|
|
11933
|
+
bottom: p?.bottom,
|
|
11934
|
+
right: p?.right,
|
|
11935
|
+
};
|
|
11936
|
+
};
|
|
11937
|
+
const toCssCommon = (p) => {
|
|
11938
|
+
return {
|
|
11939
|
+
...toCssPosition(p),
|
|
11940
|
+
};
|
|
11941
|
+
};
|
|
11942
|
+
const toCssBorder = (p) => {
|
|
11943
|
+
const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
|
|
11944
|
+
if (borderWidth === null)
|
|
11945
|
+
return {};
|
|
11946
|
+
return {
|
|
11947
|
+
borderColor: p?.borderColor,
|
|
11948
|
+
borderStyle: 'solid',
|
|
11949
|
+
borderTopWidth: p?.borderTopWidth,
|
|
11950
|
+
borderLeftWidth: p?.borderLeftWidth,
|
|
11951
|
+
borderRightWidth: p?.borderRightWidth,
|
|
11952
|
+
borderBottomWidth: p?.borderBottomWidth,
|
|
11953
|
+
};
|
|
11954
|
+
};
|
|
11955
|
+
const toCssPadding = (p) => {
|
|
11956
|
+
return {
|
|
11957
|
+
paddingTop: p?.paddingTop,
|
|
11958
|
+
paddingLeft: p?.paddingLeft,
|
|
11959
|
+
paddingRight: p?.paddingRight,
|
|
11960
|
+
paddingBottom: p?.paddingBottom,
|
|
11961
|
+
};
|
|
11962
|
+
};
|
|
11963
|
+
const toCssBackgroundImage = (p) => {
|
|
11964
|
+
const url = p?.backgroundImageUrl;
|
|
11965
|
+
return {
|
|
11966
|
+
backgroundImage: url ? `url(${url})` : undefined,
|
|
11967
|
+
backgroundSize: url ? 'cover' : undefined,
|
|
11968
|
+
};
|
|
11969
|
+
};
|
|
11970
|
+
const toCssBackgroundColor = (p) => {
|
|
11971
|
+
return {
|
|
11972
|
+
backgroundColor: p?.backgroundColor,
|
|
11973
|
+
};
|
|
11974
|
+
};
|
|
11975
|
+
const toCssRadius = (p) => {
|
|
11976
|
+
return {
|
|
11977
|
+
borderTopLeftRadius: p?.borderTopLeftRadius,
|
|
11978
|
+
borderTopRightRadius: p?.borderTopRightRadius,
|
|
11979
|
+
borderBottomLeftRadius: p?.borderBottomLeftRadius,
|
|
11980
|
+
borderBottomRightRadius: p?.borderBottomRightRadius,
|
|
11981
|
+
};
|
|
11982
|
+
};
|
|
11983
|
+
const toCssShadow = (p) => {
|
|
11984
|
+
return {
|
|
11985
|
+
boxShadow: p?.shadow,
|
|
11986
|
+
};
|
|
11987
|
+
};
|
|
11988
|
+
|
|
11989
|
+
/* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
11990
|
+
|
|
11991
|
+
function add_css$6(target) {
|
|
11992
|
+
append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
|
|
11993
|
+
}
|
|
11898
11994
|
|
|
11899
11995
|
function create_fragment$w(ctx) {
|
|
11900
|
-
let
|
|
11901
|
-
let
|
|
11996
|
+
let div;
|
|
11997
|
+
let img;
|
|
11998
|
+
let img_src_value;
|
|
11999
|
+
let img_alt_value;
|
|
11902
12000
|
|
|
11903
12001
|
return {
|
|
11904
12002
|
c() {
|
|
11905
|
-
|
|
11906
|
-
|
|
12003
|
+
div = element("div");
|
|
12004
|
+
img = element("img");
|
|
11907
12005
|
this.h();
|
|
11908
12006
|
},
|
|
11909
12007
|
l(nodes) {
|
|
11910
|
-
|
|
11911
|
-
var
|
|
11912
|
-
|
|
11913
|
-
|
|
11914
|
-
svg_nodes.forEach(detach);
|
|
12008
|
+
div = claim_element(nodes, "DIV", { class: true, style: true });
|
|
12009
|
+
var div_nodes = children(div);
|
|
12010
|
+
img = claim_element(div_nodes, "IMG", { src: true, alt: true, style: true });
|
|
12011
|
+
div_nodes.forEach(detach);
|
|
11915
12012
|
this.h();
|
|
11916
12013
|
},
|
|
11917
12014
|
h() {
|
|
11918
|
-
|
|
11919
|
-
attr(
|
|
11920
|
-
attr(
|
|
11921
|
-
|
|
11922
|
-
|
|
11923
|
-
attr(svg, "viewBox", "0 0 384 512");
|
|
12015
|
+
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
12016
|
+
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
12017
|
+
attr(img, "style", /*imgStyle*/ ctx[1]);
|
|
12018
|
+
attr(div, "class", "avatar svelte-17xar9h");
|
|
12019
|
+
attr(div, "style", /*style*/ ctx[2]);
|
|
11924
12020
|
},
|
|
11925
12021
|
m(target, anchor) {
|
|
11926
|
-
insert_hydration(target,
|
|
11927
|
-
append_hydration(
|
|
12022
|
+
insert_hydration(target, div, anchor);
|
|
12023
|
+
append_hydration(div, img);
|
|
11928
12024
|
},
|
|
11929
12025
|
p(ctx, [dirty]) {
|
|
11930
|
-
if (dirty & /*
|
|
11931
|
-
attr(
|
|
12026
|
+
if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
|
|
12027
|
+
attr(img, "src", img_src_value);
|
|
12028
|
+
}
|
|
12029
|
+
|
|
12030
|
+
if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
|
|
12031
|
+
attr(img, "alt", img_alt_value);
|
|
12032
|
+
}
|
|
12033
|
+
|
|
12034
|
+
if (dirty & /*imgStyle*/ 2) {
|
|
12035
|
+
attr(img, "style", /*imgStyle*/ ctx[1]);
|
|
12036
|
+
}
|
|
12037
|
+
|
|
12038
|
+
if (dirty & /*style*/ 4) {
|
|
12039
|
+
attr(div, "style", /*style*/ ctx[2]);
|
|
11932
12040
|
}
|
|
11933
12041
|
},
|
|
11934
12042
|
i: noop,
|
|
11935
12043
|
o: noop,
|
|
11936
12044
|
d(detaching) {
|
|
11937
|
-
if (detaching) detach(
|
|
12045
|
+
if (detaching) detach(div);
|
|
11938
12046
|
}
|
|
11939
12047
|
};
|
|
11940
12048
|
}
|
|
11941
12049
|
|
|
11942
12050
|
function instance$w($$self, $$props, $$invalidate) {
|
|
11943
|
-
let
|
|
12051
|
+
let style;
|
|
12052
|
+
let imgStyle;
|
|
12053
|
+
let { props = {} } = $$props;
|
|
12054
|
+
|
|
12055
|
+
const VARIANTS = {
|
|
12056
|
+
shape: {
|
|
12057
|
+
circle: { borderRadius: '100%' },
|
|
12058
|
+
square: { borderRadius: '4px' }
|
|
12059
|
+
}
|
|
12060
|
+
};
|
|
12061
|
+
|
|
12062
|
+
const size = props.size ?? 64;
|
|
11944
12063
|
|
|
11945
12064
|
$$self.$$set = $$props => {
|
|
11946
|
-
if ('
|
|
12065
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
11947
12066
|
};
|
|
11948
12067
|
|
|
11949
|
-
|
|
12068
|
+
$$self.$$.update = () => {
|
|
12069
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
12070
|
+
$$invalidate(2, style = objToStyle({
|
|
12071
|
+
width: `${size}px`,
|
|
12072
|
+
height: `${size}px`,
|
|
12073
|
+
...VARIANTS.shape[props.shape ?? 'square'],
|
|
12074
|
+
...props.bordered && { border: `1px solid #dbdbdb` },
|
|
12075
|
+
...toCssCommon(props)
|
|
12076
|
+
}));
|
|
12077
|
+
}
|
|
12078
|
+
};
|
|
12079
|
+
|
|
12080
|
+
$$invalidate(1, imgStyle = objToStyle({
|
|
12081
|
+
width: '100%',
|
|
12082
|
+
height: '100%',
|
|
12083
|
+
objectFit: 'cover'
|
|
12084
|
+
}));
|
|
12085
|
+
|
|
12086
|
+
return [props, imgStyle, style];
|
|
11950
12087
|
}
|
|
11951
12088
|
|
|
11952
|
-
class
|
|
12089
|
+
class Avatar extends SvelteComponent {
|
|
11953
12090
|
constructor(options) {
|
|
11954
12091
|
super();
|
|
11955
|
-
init(this, options, instance$w, create_fragment$w, safe_not_equal, {
|
|
12092
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { props: 0 }, add_css$6);
|
|
11956
12093
|
}
|
|
11957
12094
|
}
|
|
11958
12095
|
|
|
11959
|
-
|
|
12096
|
+
const AVATAR_SIZE = {
|
|
12097
|
+
extra_small: 'XS（48 x 48）',
|
|
12098
|
+
small: 'S（64 x 64）',
|
|
12099
|
+
medium: 'M（88 x 88）',
|
|
12100
|
+
large: 'L（108 x 108）',
|
|
12101
|
+
extra_large: 'XL（128 x 128）',
|
|
12102
|
+
};
|
|
12103
|
+
const AVATAR_SHAPE = {
|
|
12104
|
+
circle: 'サークル',
|
|
12105
|
+
square: 'スクエア',
|
|
12106
|
+
};
|
|
12107
|
+
|
|
12108
|
+
/* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
|
|
11960
12109
|
|
|
11961
12110
|
function create_fragment$v(ctx) {
|
|
11962
12111
|
let svg;
|
|
@@ -11978,7 +12127,7 @@ function create_fragment$v(ctx) {
|
|
|
11978
12127
|
},
|
|
11979
12128
|
h() {
|
|
11980
12129
|
attr(path, "fill", /*color*/ ctx[0]);
|
|
11981
|
-
attr(path, "d", "
|
|
12130
|
+
attr(path, "d", "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z");
|
|
11982
12131
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11983
12132
|
set_style(svg, "width", "100%");
|
|
11984
12133
|
set_style(svg, "height", "100%");
|
|
@@ -12011,19 +12160,81 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
|
12011
12160
|
return [color];
|
|
12012
12161
|
}
|
|
12013
12162
|
|
|
12014
|
-
class
|
|
12163
|
+
class IconArrowDown extends SvelteComponent {
|
|
12015
12164
|
constructor(options) {
|
|
12016
12165
|
super();
|
|
12017
12166
|
init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
|
|
12018
12167
|
}
|
|
12019
12168
|
}
|
|
12020
12169
|
|
|
12021
|
-
/* src/components-v2/icon/variants/
|
|
12170
|
+
/* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
|
|
12022
12171
|
|
|
12023
12172
|
function create_fragment$u(ctx) {
|
|
12024
12173
|
let svg;
|
|
12025
12174
|
let path;
|
|
12026
12175
|
|
|
12176
|
+
return {
|
|
12177
|
+
c() {
|
|
12178
|
+
svg = svg_element("svg");
|
|
12179
|
+
path = svg_element("path");
|
|
12180
|
+
this.h();
|
|
12181
|
+
},
|
|
12182
|
+
l(nodes) {
|
|
12183
|
+
svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
|
|
12184
|
+
var svg_nodes = children(svg);
|
|
12185
|
+
path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
|
|
12186
|
+
children(path).forEach(detach);
|
|
12187
|
+
svg_nodes.forEach(detach);
|
|
12188
|
+
this.h();
|
|
12189
|
+
},
|
|
12190
|
+
h() {
|
|
12191
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12192
|
+
attr(path, "d", "M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z");
|
|
12193
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12194
|
+
set_style(svg, "width", "100%");
|
|
12195
|
+
set_style(svg, "height", "100%");
|
|
12196
|
+
attr(svg, "viewBox", "0 0 384 512");
|
|
12197
|
+
},
|
|
12198
|
+
m(target, anchor) {
|
|
12199
|
+
insert_hydration(target, svg, anchor);
|
|
12200
|
+
append_hydration(svg, path);
|
|
12201
|
+
},
|
|
12202
|
+
p(ctx, [dirty]) {
|
|
12203
|
+
if (dirty & /*color*/ 1) {
|
|
12204
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12205
|
+
}
|
|
12206
|
+
},
|
|
12207
|
+
i: noop,
|
|
12208
|
+
o: noop,
|
|
12209
|
+
d(detaching) {
|
|
12210
|
+
if (detaching) detach(svg);
|
|
12211
|
+
}
|
|
12212
|
+
};
|
|
12213
|
+
}
|
|
12214
|
+
|
|
12215
|
+
function instance$u($$self, $$props, $$invalidate) {
|
|
12216
|
+
let { color } = $$props;
|
|
12217
|
+
|
|
12218
|
+
$$self.$$set = $$props => {
|
|
12219
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12220
|
+
};
|
|
12221
|
+
|
|
12222
|
+
return [color];
|
|
12223
|
+
}
|
|
12224
|
+
|
|
12225
|
+
class IconArrowUp extends SvelteComponent {
|
|
12226
|
+
constructor(options) {
|
|
12227
|
+
super();
|
|
12228
|
+
init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
|
|
12229
|
+
}
|
|
12230
|
+
}
|
|
12231
|
+
|
|
12232
|
+
/* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
|
|
12233
|
+
|
|
12234
|
+
function create_fragment$t(ctx) {
|
|
12235
|
+
let svg;
|
|
12236
|
+
let path;
|
|
12237
|
+
|
|
12027
12238
|
return {
|
|
12028
12239
|
c() {
|
|
12029
12240
|
svg = svg_element("svg");
|
|
@@ -12063,7 +12274,7 @@ function create_fragment$u(ctx) {
|
|
|
12063
12274
|
};
|
|
12064
12275
|
}
|
|
12065
12276
|
|
|
12066
|
-
function instance$
|
|
12277
|
+
function instance$t($$self, $$props, $$invalidate) {
|
|
12067
12278
|
let { color } = $$props;
|
|
12068
12279
|
|
|
12069
12280
|
$$self.$$set = $$props => {
|
|
@@ -12076,13 +12287,13 @@ function instance$u($$self, $$props, $$invalidate) {
|
|
|
12076
12287
|
class IconUsers extends SvelteComponent {
|
|
12077
12288
|
constructor(options) {
|
|
12078
12289
|
super();
|
|
12079
|
-
init(this, options, instance$
|
|
12290
|
+
init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
|
|
12080
12291
|
}
|
|
12081
12292
|
}
|
|
12082
12293
|
|
|
12083
12294
|
/* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
|
|
12084
12295
|
|
|
12085
|
-
function create_fragment$
|
|
12296
|
+
function create_fragment$s(ctx) {
|
|
12086
12297
|
let svg;
|
|
12087
12298
|
let path;
|
|
12088
12299
|
|
|
@@ -12125,7 +12336,7 @@ function create_fragment$t(ctx) {
|
|
|
12125
12336
|
};
|
|
12126
12337
|
}
|
|
12127
12338
|
|
|
12128
|
-
function instance$
|
|
12339
|
+
function instance$s($$self, $$props, $$invalidate) {
|
|
12129
12340
|
let { color } = $$props;
|
|
12130
12341
|
|
|
12131
12342
|
$$self.$$set = $$props => {
|
|
@@ -12138,13 +12349,13 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
12138
12349
|
class IconArrowLeft extends SvelteComponent {
|
|
12139
12350
|
constructor(options) {
|
|
12140
12351
|
super();
|
|
12141
|
-
init(this, options, instance$
|
|
12352
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
|
|
12142
12353
|
}
|
|
12143
12354
|
}
|
|
12144
12355
|
|
|
12145
12356
|
/* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
|
|
12146
12357
|
|
|
12147
|
-
function create_fragment$
|
|
12358
|
+
function create_fragment$r(ctx) {
|
|
12148
12359
|
let svg;
|
|
12149
12360
|
let path;
|
|
12150
12361
|
|
|
@@ -12187,7 +12398,7 @@ function create_fragment$s(ctx) {
|
|
|
12187
12398
|
};
|
|
12188
12399
|
}
|
|
12189
12400
|
|
|
12190
|
-
function instance$
|
|
12401
|
+
function instance$r($$self, $$props, $$invalidate) {
|
|
12191
12402
|
let { color } = $$props;
|
|
12192
12403
|
|
|
12193
12404
|
$$self.$$set = $$props => {
|
|
@@ -12200,13 +12411,13 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
12200
12411
|
class IconArrowRight extends SvelteComponent {
|
|
12201
12412
|
constructor(options) {
|
|
12202
12413
|
super();
|
|
12203
|
-
init(this, options, instance$
|
|
12414
|
+
init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
|
|
12204
12415
|
}
|
|
12205
12416
|
}
|
|
12206
12417
|
|
|
12207
12418
|
/* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
|
|
12208
12419
|
|
|
12209
|
-
function create_fragment$
|
|
12420
|
+
function create_fragment$q(ctx) {
|
|
12210
12421
|
let svg;
|
|
12211
12422
|
let path;
|
|
12212
12423
|
|
|
@@ -12249,7 +12460,7 @@ function create_fragment$r(ctx) {
|
|
|
12249
12460
|
};
|
|
12250
12461
|
}
|
|
12251
12462
|
|
|
12252
|
-
function instance$
|
|
12463
|
+
function instance$q($$self, $$props, $$invalidate) {
|
|
12253
12464
|
let { color } = $$props;
|
|
12254
12465
|
|
|
12255
12466
|
$$self.$$set = $$props => {
|
|
@@ -12262,13 +12473,13 @@ function instance$r($$self, $$props, $$invalidate) {
|
|
|
12262
12473
|
class IconBell extends SvelteComponent {
|
|
12263
12474
|
constructor(options) {
|
|
12264
12475
|
super();
|
|
12265
|
-
init(this, options, instance$
|
|
12476
|
+
init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
|
|
12266
12477
|
}
|
|
12267
12478
|
}
|
|
12268
12479
|
|
|
12269
12480
|
/* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
|
|
12270
12481
|
|
|
12271
|
-
function create_fragment$
|
|
12482
|
+
function create_fragment$p(ctx) {
|
|
12272
12483
|
let svg;
|
|
12273
12484
|
let path;
|
|
12274
12485
|
|
|
@@ -12311,7 +12522,7 @@ function create_fragment$q(ctx) {
|
|
|
12311
12522
|
};
|
|
12312
12523
|
}
|
|
12313
12524
|
|
|
12314
|
-
function instance$
|
|
12525
|
+
function instance$p($$self, $$props, $$invalidate) {
|
|
12315
12526
|
let { color } = $$props;
|
|
12316
12527
|
|
|
12317
12528
|
$$self.$$set = $$props => {
|
|
@@ -12324,13 +12535,13 @@ function instance$q($$self, $$props, $$invalidate) {
|
|
|
12324
12535
|
class IconArrowUpFromSquare extends SvelteComponent {
|
|
12325
12536
|
constructor(options) {
|
|
12326
12537
|
super();
|
|
12327
|
-
init(this, options, instance$
|
|
12538
|
+
init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
|
|
12328
12539
|
}
|
|
12329
12540
|
}
|
|
12330
12541
|
|
|
12331
12542
|
/* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
|
|
12332
12543
|
|
|
12333
|
-
function create_fragment$
|
|
12544
|
+
function create_fragment$o(ctx) {
|
|
12334
12545
|
let svg;
|
|
12335
12546
|
let path;
|
|
12336
12547
|
|
|
@@ -12373,7 +12584,7 @@ function create_fragment$p(ctx) {
|
|
|
12373
12584
|
};
|
|
12374
12585
|
}
|
|
12375
12586
|
|
|
12376
|
-
function instance$
|
|
12587
|
+
function instance$o($$self, $$props, $$invalidate) {
|
|
12377
12588
|
let { color } = $$props;
|
|
12378
12589
|
|
|
12379
12590
|
$$self.$$set = $$props => {
|
|
@@ -12386,13 +12597,13 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
12386
12597
|
class IconTicket extends SvelteComponent {
|
|
12387
12598
|
constructor(options) {
|
|
12388
12599
|
super();
|
|
12389
|
-
init(this, options, instance$
|
|
12600
|
+
init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
|
|
12390
12601
|
}
|
|
12391
12602
|
}
|
|
12392
12603
|
|
|
12393
12604
|
/* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
|
|
12394
12605
|
|
|
12395
|
-
function create_fragment$
|
|
12606
|
+
function create_fragment$n(ctx) {
|
|
12396
12607
|
let svg;
|
|
12397
12608
|
let path;
|
|
12398
12609
|
|
|
@@ -12435,7 +12646,7 @@ function create_fragment$o(ctx) {
|
|
|
12435
12646
|
};
|
|
12436
12647
|
}
|
|
12437
12648
|
|
|
12438
|
-
function instance$
|
|
12649
|
+
function instance$n($$self, $$props, $$invalidate) {
|
|
12439
12650
|
let { color } = $$props;
|
|
12440
12651
|
|
|
12441
12652
|
$$self.$$set = $$props => {
|
|
@@ -12448,13 +12659,13 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
12448
12659
|
class IconTrack extends SvelteComponent {
|
|
12449
12660
|
constructor(options) {
|
|
12450
12661
|
super();
|
|
12451
|
-
init(this, options, instance$
|
|
12662
|
+
init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
|
|
12452
12663
|
}
|
|
12453
12664
|
}
|
|
12454
12665
|
|
|
12455
12666
|
/* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
|
|
12456
12667
|
|
|
12457
|
-
function create_fragment$
|
|
12668
|
+
function create_fragment$m(ctx) {
|
|
12458
12669
|
let svg;
|
|
12459
12670
|
let path;
|
|
12460
12671
|
|
|
@@ -12497,7 +12708,7 @@ function create_fragment$n(ctx) {
|
|
|
12497
12708
|
};
|
|
12498
12709
|
}
|
|
12499
12710
|
|
|
12500
|
-
function instance$
|
|
12711
|
+
function instance$m($$self, $$props, $$invalidate) {
|
|
12501
12712
|
let { color } = $$props;
|
|
12502
12713
|
|
|
12503
12714
|
$$self.$$set = $$props => {
|
|
@@ -12510,13 +12721,13 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
|
12510
12721
|
class IconCartShopping extends SvelteComponent {
|
|
12511
12722
|
constructor(options) {
|
|
12512
12723
|
super();
|
|
12513
|
-
init(this, options, instance$
|
|
12724
|
+
init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
|
|
12514
12725
|
}
|
|
12515
12726
|
}
|
|
12516
12727
|
|
|
12517
12728
|
/* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
|
|
12518
12729
|
|
|
12519
|
-
function create_fragment$
|
|
12730
|
+
function create_fragment$l(ctx) {
|
|
12520
12731
|
let svg;
|
|
12521
12732
|
let path;
|
|
12522
12733
|
|
|
@@ -12559,7 +12770,7 @@ function create_fragment$m(ctx) {
|
|
|
12559
12770
|
};
|
|
12560
12771
|
}
|
|
12561
12772
|
|
|
12562
|
-
function instance$
|
|
12773
|
+
function instance$l($$self, $$props, $$invalidate) {
|
|
12563
12774
|
let { color } = $$props;
|
|
12564
12775
|
|
|
12565
12776
|
$$self.$$set = $$props => {
|
|
@@ -12572,13 +12783,13 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
12572
12783
|
class IconCircle extends SvelteComponent {
|
|
12573
12784
|
constructor(options) {
|
|
12574
12785
|
super();
|
|
12575
|
-
init(this, options, instance$
|
|
12786
|
+
init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
|
|
12576
12787
|
}
|
|
12577
12788
|
}
|
|
12578
12789
|
|
|
12579
12790
|
/* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
|
|
12580
12791
|
|
|
12581
|
-
function create_fragment$
|
|
12792
|
+
function create_fragment$k(ctx) {
|
|
12582
12793
|
let svg;
|
|
12583
12794
|
let path;
|
|
12584
12795
|
|
|
@@ -12621,7 +12832,7 @@ function create_fragment$l(ctx) {
|
|
|
12621
12832
|
};
|
|
12622
12833
|
}
|
|
12623
12834
|
|
|
12624
|
-
function instance$
|
|
12835
|
+
function instance$k($$self, $$props, $$invalidate) {
|
|
12625
12836
|
let { color } = $$props;
|
|
12626
12837
|
|
|
12627
12838
|
$$self.$$set = $$props => {
|
|
@@ -12634,13 +12845,13 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
12634
12845
|
class IconCircleQuestion extends SvelteComponent {
|
|
12635
12846
|
constructor(options) {
|
|
12636
12847
|
super();
|
|
12637
|
-
init(this, options, instance$
|
|
12848
|
+
init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
|
|
12638
12849
|
}
|
|
12639
12850
|
}
|
|
12640
12851
|
|
|
12641
12852
|
/* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
|
|
12642
12853
|
|
|
12643
|
-
function create_fragment$
|
|
12854
|
+
function create_fragment$j(ctx) {
|
|
12644
12855
|
let svg;
|
|
12645
12856
|
let path;
|
|
12646
12857
|
|
|
@@ -12683,7 +12894,7 @@ function create_fragment$k(ctx) {
|
|
|
12683
12894
|
};
|
|
12684
12895
|
}
|
|
12685
12896
|
|
|
12686
|
-
function instance$
|
|
12897
|
+
function instance$j($$self, $$props, $$invalidate) {
|
|
12687
12898
|
let { color } = $$props;
|
|
12688
12899
|
|
|
12689
12900
|
$$self.$$set = $$props => {
|
|
@@ -12696,13 +12907,13 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
|
12696
12907
|
class IconCheck extends SvelteComponent {
|
|
12697
12908
|
constructor(options) {
|
|
12698
12909
|
super();
|
|
12699
|
-
init(this, options, instance$
|
|
12910
|
+
init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
|
|
12700
12911
|
}
|
|
12701
12912
|
}
|
|
12702
12913
|
|
|
12703
12914
|
/* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
|
|
12704
12915
|
|
|
12705
|
-
function create_fragment$
|
|
12916
|
+
function create_fragment$i(ctx) {
|
|
12706
12917
|
let svg;
|
|
12707
12918
|
let path;
|
|
12708
12919
|
|
|
@@ -12745,7 +12956,7 @@ function create_fragment$j(ctx) {
|
|
|
12745
12956
|
};
|
|
12746
12957
|
}
|
|
12747
12958
|
|
|
12748
|
-
function instance$
|
|
12959
|
+
function instance$i($$self, $$props, $$invalidate) {
|
|
12749
12960
|
let { color } = $$props;
|
|
12750
12961
|
|
|
12751
12962
|
$$self.$$set = $$props => {
|
|
@@ -12758,13 +12969,13 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
|
12758
12969
|
class IconXMark extends SvelteComponent {
|
|
12759
12970
|
constructor(options) {
|
|
12760
12971
|
super();
|
|
12761
|
-
init(this, options, instance$
|
|
12972
|
+
init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
|
|
12762
12973
|
}
|
|
12763
12974
|
}
|
|
12764
12975
|
|
|
12765
12976
|
/* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
|
|
12766
12977
|
|
|
12767
|
-
function create_fragment$
|
|
12978
|
+
function create_fragment$h(ctx) {
|
|
12768
12979
|
let svg;
|
|
12769
12980
|
let path;
|
|
12770
12981
|
|
|
@@ -12807,7 +13018,7 @@ function create_fragment$i(ctx) {
|
|
|
12807
13018
|
};
|
|
12808
13019
|
}
|
|
12809
13020
|
|
|
12810
|
-
function instance$
|
|
13021
|
+
function instance$h($$self, $$props, $$invalidate) {
|
|
12811
13022
|
let { color } = $$props;
|
|
12812
13023
|
|
|
12813
13024
|
$$self.$$set = $$props => {
|
|
@@ -12820,13 +13031,13 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
|
12820
13031
|
class IconPaperPlane extends SvelteComponent {
|
|
12821
13032
|
constructor(options) {
|
|
12822
13033
|
super();
|
|
12823
|
-
init(this, options, instance$
|
|
13034
|
+
init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
|
|
12824
13035
|
}
|
|
12825
13036
|
}
|
|
12826
13037
|
|
|
12827
13038
|
/* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
|
|
12828
13039
|
|
|
12829
|
-
function create_fragment$
|
|
13040
|
+
function create_fragment$g(ctx) {
|
|
12830
13041
|
let svg;
|
|
12831
13042
|
let path;
|
|
12832
13043
|
|
|
@@ -12869,7 +13080,7 @@ function create_fragment$h(ctx) {
|
|
|
12869
13080
|
};
|
|
12870
13081
|
}
|
|
12871
13082
|
|
|
12872
|
-
function instance$
|
|
13083
|
+
function instance$g($$self, $$props, $$invalidate) {
|
|
12873
13084
|
let { color } = $$props;
|
|
12874
13085
|
|
|
12875
13086
|
$$self.$$set = $$props => {
|
|
@@ -12882,13 +13093,13 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
12882
13093
|
class IconCopy extends SvelteComponent {
|
|
12883
13094
|
constructor(options) {
|
|
12884
13095
|
super();
|
|
12885
|
-
init(this, options, instance$
|
|
13096
|
+
init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
|
|
12886
13097
|
}
|
|
12887
13098
|
}
|
|
12888
13099
|
|
|
12889
13100
|
/* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
|
|
12890
13101
|
|
|
12891
|
-
function create_fragment$
|
|
13102
|
+
function create_fragment$f(ctx) {
|
|
12892
13103
|
let svg;
|
|
12893
13104
|
let path;
|
|
12894
13105
|
|
|
@@ -12931,7 +13142,7 @@ function create_fragment$g(ctx) {
|
|
|
12931
13142
|
};
|
|
12932
13143
|
}
|
|
12933
13144
|
|
|
12934
|
-
function instance$
|
|
13145
|
+
function instance$f($$self, $$props, $$invalidate) {
|
|
12935
13146
|
let { color } = $$props;
|
|
12936
13147
|
|
|
12937
13148
|
$$self.$$set = $$props => {
|
|
@@ -12944,13 +13155,13 @@ function instance$g($$self, $$props, $$invalidate) {
|
|
|
12944
13155
|
class IconCircleXMark extends SvelteComponent {
|
|
12945
13156
|
constructor(options) {
|
|
12946
13157
|
super();
|
|
12947
|
-
init(this, options, instance$
|
|
13158
|
+
init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
|
|
12948
13159
|
}
|
|
12949
13160
|
}
|
|
12950
13161
|
|
|
12951
13162
|
/* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
|
|
12952
13163
|
|
|
12953
|
-
function create_fragment$
|
|
13164
|
+
function create_fragment$e(ctx) {
|
|
12954
13165
|
let svg;
|
|
12955
13166
|
let path;
|
|
12956
13167
|
|
|
@@ -12993,7 +13204,7 @@ function create_fragment$f(ctx) {
|
|
|
12993
13204
|
};
|
|
12994
13205
|
}
|
|
12995
13206
|
|
|
12996
|
-
function instance$
|
|
13207
|
+
function instance$e($$self, $$props, $$invalidate) {
|
|
12997
13208
|
let { color } = $$props;
|
|
12998
13209
|
|
|
12999
13210
|
$$self.$$set = $$props => {
|
|
@@ -13006,13 +13217,13 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
13006
13217
|
class IconHeart extends SvelteComponent {
|
|
13007
13218
|
constructor(options) {
|
|
13008
13219
|
super();
|
|
13009
|
-
init(this, options, instance$
|
|
13220
|
+
init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
|
|
13010
13221
|
}
|
|
13011
13222
|
}
|
|
13012
13223
|
|
|
13013
13224
|
/* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
|
|
13014
13225
|
|
|
13015
|
-
function create_fragment$
|
|
13226
|
+
function create_fragment$d(ctx) {
|
|
13016
13227
|
let svg;
|
|
13017
13228
|
let path;
|
|
13018
13229
|
|
|
@@ -13055,7 +13266,7 @@ function create_fragment$e(ctx) {
|
|
|
13055
13266
|
};
|
|
13056
13267
|
}
|
|
13057
13268
|
|
|
13058
|
-
function instance$
|
|
13269
|
+
function instance$d($$self, $$props, $$invalidate) {
|
|
13059
13270
|
let { color } = $$props;
|
|
13060
13271
|
|
|
13061
13272
|
$$self.$$set = $$props => {
|
|
@@ -13068,13 +13279,13 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
|
13068
13279
|
class IconMagnifyingGrass extends SvelteComponent {
|
|
13069
13280
|
constructor(options) {
|
|
13070
13281
|
super();
|
|
13071
|
-
init(this, options, instance$
|
|
13282
|
+
init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
|
|
13072
13283
|
}
|
|
13073
13284
|
}
|
|
13074
13285
|
|
|
13075
13286
|
/* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
|
|
13076
13287
|
|
|
13077
|
-
function create_fragment$
|
|
13288
|
+
function create_fragment$c(ctx) {
|
|
13078
13289
|
let svg;
|
|
13079
13290
|
let path;
|
|
13080
13291
|
|
|
@@ -13117,7 +13328,7 @@ function create_fragment$d(ctx) {
|
|
|
13117
13328
|
};
|
|
13118
13329
|
}
|
|
13119
13330
|
|
|
13120
|
-
function instance$
|
|
13331
|
+
function instance$c($$self, $$props, $$invalidate) {
|
|
13121
13332
|
let { color } = $$props;
|
|
13122
13333
|
|
|
13123
13334
|
$$self.$$set = $$props => {
|
|
@@ -13130,13 +13341,13 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
13130
13341
|
class IconStar extends SvelteComponent {
|
|
13131
13342
|
constructor(options) {
|
|
13132
13343
|
super();
|
|
13133
|
-
init(this, options, instance$
|
|
13344
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
|
|
13134
13345
|
}
|
|
13135
13346
|
}
|
|
13136
13347
|
|
|
13137
13348
|
/* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
|
|
13138
13349
|
|
|
13139
|
-
function create_fragment$
|
|
13350
|
+
function create_fragment$b(ctx) {
|
|
13140
13351
|
let svg;
|
|
13141
13352
|
let path;
|
|
13142
13353
|
|
|
@@ -13179,7 +13390,7 @@ function create_fragment$c(ctx) {
|
|
|
13179
13390
|
};
|
|
13180
13391
|
}
|
|
13181
13392
|
|
|
13182
|
-
function instance$
|
|
13393
|
+
function instance$b($$self, $$props, $$invalidate) {
|
|
13183
13394
|
let { color } = $$props;
|
|
13184
13395
|
|
|
13185
13396
|
$$self.$$set = $$props => {
|
|
@@ -13192,13 +13403,13 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
13192
13403
|
class IconCircleInfo extends SvelteComponent {
|
|
13193
13404
|
constructor(options) {
|
|
13194
13405
|
super();
|
|
13195
|
-
init(this, options, instance$
|
|
13406
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
|
|
13196
13407
|
}
|
|
13197
13408
|
}
|
|
13198
13409
|
|
|
13199
13410
|
/* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
|
|
13200
13411
|
|
|
13201
|
-
function create_fragment$
|
|
13412
|
+
function create_fragment$a(ctx) {
|
|
13202
13413
|
let svg;
|
|
13203
13414
|
let path;
|
|
13204
13415
|
|
|
@@ -13241,7 +13452,7 @@ function create_fragment$b(ctx) {
|
|
|
13241
13452
|
};
|
|
13242
13453
|
}
|
|
13243
13454
|
|
|
13244
|
-
function instance$
|
|
13455
|
+
function instance$a($$self, $$props, $$invalidate) {
|
|
13245
13456
|
let { color } = $$props;
|
|
13246
13457
|
|
|
13247
13458
|
$$self.$$set = $$props => {
|
|
@@ -13254,13 +13465,13 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
|
13254
13465
|
class IconEnvelope extends SvelteComponent {
|
|
13255
13466
|
constructor(options) {
|
|
13256
13467
|
super();
|
|
13257
|
-
init(this, options, instance$
|
|
13468
|
+
init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
|
|
13258
13469
|
}
|
|
13259
13470
|
}
|
|
13260
13471
|
|
|
13261
13472
|
/* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
|
|
13262
13473
|
|
|
13263
|
-
function create_fragment$
|
|
13474
|
+
function create_fragment$9(ctx) {
|
|
13264
13475
|
let svg;
|
|
13265
13476
|
let path;
|
|
13266
13477
|
|
|
@@ -13303,7 +13514,7 @@ function create_fragment$a(ctx) {
|
|
|
13303
13514
|
};
|
|
13304
13515
|
}
|
|
13305
13516
|
|
|
13306
|
-
function instance$
|
|
13517
|
+
function instance$9($$self, $$props, $$invalidate) {
|
|
13307
13518
|
let { color } = $$props;
|
|
13308
13519
|
|
|
13309
13520
|
$$self.$$set = $$props => {
|
|
@@ -13316,13 +13527,13 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
|
13316
13527
|
class IconGift extends SvelteComponent {
|
|
13317
13528
|
constructor(options) {
|
|
13318
13529
|
super();
|
|
13319
|
-
init(this, options, instance$
|
|
13530
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
|
|
13320
13531
|
}
|
|
13321
13532
|
}
|
|
13322
13533
|
|
|
13323
13534
|
/* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
|
|
13324
13535
|
|
|
13325
|
-
function create_fragment$
|
|
13536
|
+
function create_fragment$8(ctx) {
|
|
13326
13537
|
let svg;
|
|
13327
13538
|
let path;
|
|
13328
13539
|
|
|
@@ -13371,7 +13582,7 @@ function create_fragment$9(ctx) {
|
|
|
13371
13582
|
};
|
|
13372
13583
|
}
|
|
13373
13584
|
|
|
13374
|
-
function instance$
|
|
13585
|
+
function instance$8($$self, $$props, $$invalidate) {
|
|
13375
13586
|
let { color } = $$props;
|
|
13376
13587
|
|
|
13377
13588
|
$$self.$$set = $$props => {
|
|
@@ -13384,13 +13595,13 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
|
13384
13595
|
class IconPaperclip extends SvelteComponent {
|
|
13385
13596
|
constructor(options) {
|
|
13386
13597
|
super();
|
|
13387
|
-
init(this, options, instance$
|
|
13598
|
+
init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
|
|
13388
13599
|
}
|
|
13389
13600
|
}
|
|
13390
13601
|
|
|
13391
13602
|
/* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
|
|
13392
13603
|
|
|
13393
|
-
function create_fragment$
|
|
13604
|
+
function create_fragment$7(ctx) {
|
|
13394
13605
|
let svg;
|
|
13395
13606
|
let path;
|
|
13396
13607
|
|
|
@@ -13439,7 +13650,7 @@ function create_fragment$8(ctx) {
|
|
|
13439
13650
|
};
|
|
13440
13651
|
}
|
|
13441
13652
|
|
|
13442
|
-
function instance$
|
|
13653
|
+
function instance$7($$self, $$props, $$invalidate) {
|
|
13443
13654
|
let { color } = $$props;
|
|
13444
13655
|
|
|
13445
13656
|
$$self.$$set = $$props => {
|
|
@@ -13452,13 +13663,13 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
13452
13663
|
class IconFire extends SvelteComponent {
|
|
13453
13664
|
constructor(options) {
|
|
13454
13665
|
super();
|
|
13455
|
-
init(this, options, instance$
|
|
13666
|
+
init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
|
|
13456
13667
|
}
|
|
13457
13668
|
}
|
|
13458
13669
|
|
|
13459
13670
|
/* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
|
|
13460
13671
|
|
|
13461
|
-
function create_fragment$
|
|
13672
|
+
function create_fragment$6(ctx) {
|
|
13462
13673
|
let svg;
|
|
13463
13674
|
let path;
|
|
13464
13675
|
|
|
@@ -13507,7 +13718,7 @@ function create_fragment$7(ctx) {
|
|
|
13507
13718
|
};
|
|
13508
13719
|
}
|
|
13509
13720
|
|
|
13510
|
-
function instance$
|
|
13721
|
+
function instance$6($$self, $$props, $$invalidate) {
|
|
13511
13722
|
let { color } = $$props;
|
|
13512
13723
|
|
|
13513
13724
|
$$self.$$set = $$props => {
|
|
@@ -13520,7 +13731,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
13520
13731
|
class IconLink extends SvelteComponent {
|
|
13521
13732
|
constructor(options) {
|
|
13522
13733
|
super();
|
|
13523
|
-
init(this, options, instance$
|
|
13734
|
+
init(this, options, instance$6, create_fragment$6, safe_not_equal, { color: 0 });
|
|
13524
13735
|
}
|
|
13525
13736
|
}
|
|
13526
13737
|
|
|
@@ -13584,7 +13795,7 @@ const ICON_VARIANTS = {
|
|
|
13584
13795
|
x_mark: IconXMark,
|
|
13585
13796
|
};
|
|
13586
13797
|
// @ts-ignore
|
|
13587
|
-
[
|
|
13798
|
+
const ICON_PARAMS = [
|
|
13588
13799
|
{
|
|
13589
13800
|
id: 'variant',
|
|
13590
13801
|
name: 'アイコン',
|
|
@@ -13606,95 +13817,22 @@ const ICON_VARIANTS = {
|
|
|
13606
13817
|
},
|
|
13607
13818
|
];
|
|
13608
13819
|
|
|
13609
|
-
|
|
13610
|
-
let result = str.replace(/_/g, '-');
|
|
13611
|
-
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
13612
|
-
return result;
|
|
13613
|
-
};
|
|
13614
|
-
const objToStyle = (obj) => {
|
|
13615
|
-
const styles = Object.entries(obj)
|
|
13616
|
-
.map(([key, value]) => {
|
|
13617
|
-
if (value === undefined)
|
|
13618
|
-
return '';
|
|
13619
|
-
return `${toHyphenCase(key)}: ${value};`;
|
|
13620
|
-
})
|
|
13621
|
-
.filter(v => v !== '');
|
|
13622
|
-
return styles.join(' ');
|
|
13623
|
-
};
|
|
13820
|
+
/* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
13624
13821
|
|
|
13625
|
-
|
|
13626
|
-
|
|
13627
|
-
|
|
13628
|
-
top: p?.top,
|
|
13629
|
-
left: p?.left,
|
|
13630
|
-
bottom: p?.bottom,
|
|
13631
|
-
right: p?.right,
|
|
13632
|
-
};
|
|
13633
|
-
};
|
|
13634
|
-
const toCssCommon = (p) => {
|
|
13635
|
-
return {
|
|
13636
|
-
...toCssPosition(p),
|
|
13637
|
-
};
|
|
13638
|
-
};
|
|
13639
|
-
const toCssBorder = (p) => {
|
|
13640
|
-
const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
|
|
13641
|
-
if (borderWidth === null)
|
|
13642
|
-
return {};
|
|
13643
|
-
return {
|
|
13644
|
-
borderColor: p?.borderColor,
|
|
13645
|
-
borderStyle: 'solid',
|
|
13646
|
-
borderTopWidth: p?.borderTopWidth,
|
|
13647
|
-
borderLeftWidth: p?.borderLeftWidth,
|
|
13648
|
-
borderRightWidth: p?.borderRightWidth,
|
|
13649
|
-
borderBottomWidth: p?.borderBottomWidth,
|
|
13650
|
-
};
|
|
13651
|
-
};
|
|
13652
|
-
const toCssPadding = (p) => {
|
|
13653
|
-
return {
|
|
13654
|
-
paddingTop: p?.paddingTop,
|
|
13655
|
-
paddingLeft: p?.paddingLeft,
|
|
13656
|
-
paddingRight: p?.paddingRight,
|
|
13657
|
-
paddingBottom: p?.paddingBottom,
|
|
13658
|
-
};
|
|
13659
|
-
};
|
|
13660
|
-
const toCssBackgroundImage = (p) => {
|
|
13661
|
-
const url = p?.backgroundImageUrl;
|
|
13662
|
-
return {
|
|
13663
|
-
backgroundImage: url ? `url(${url})` : undefined,
|
|
13664
|
-
backgroundSize: url ? 'cover' : undefined,
|
|
13665
|
-
};
|
|
13666
|
-
};
|
|
13667
|
-
const toCssBackgroundColor = (p) => {
|
|
13668
|
-
return {
|
|
13669
|
-
backgroundColor: p?.backgroundColor,
|
|
13670
|
-
};
|
|
13671
|
-
};
|
|
13672
|
-
const toCssRadius = (p) => {
|
|
13673
|
-
return {
|
|
13674
|
-
borderTopLeftRadius: p?.borderTopLeftRadius,
|
|
13675
|
-
borderTopRightRadius: p?.borderTopRightRadius,
|
|
13676
|
-
borderBottomLeftRadius: p?.borderBottomLeftRadius,
|
|
13677
|
-
borderBottomRightRadius: p?.borderBottomRightRadius,
|
|
13678
|
-
};
|
|
13679
|
-
};
|
|
13680
|
-
const toCssShadow = (p) => {
|
|
13681
|
-
return {
|
|
13682
|
-
boxShadow: p?.shadow,
|
|
13683
|
-
};
|
|
13684
|
-
};
|
|
13685
|
-
|
|
13686
|
-
/* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
13822
|
+
function add_css$5(target) {
|
|
13823
|
+
append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
|
13824
|
+
}
|
|
13687
13825
|
|
|
13688
|
-
|
|
13826
|
+
// (14:0) {#if (IconComponent)}
|
|
13827
|
+
function create_if_block$1(ctx) {
|
|
13689
13828
|
let div;
|
|
13690
13829
|
let switch_instance;
|
|
13691
|
-
let div_style_value;
|
|
13692
13830
|
let current;
|
|
13693
|
-
var switch_value = /*IconComponent*/ ctx[
|
|
13831
|
+
var switch_value = /*IconComponent*/ ctx[1];
|
|
13694
13832
|
|
|
13695
13833
|
function switch_props(ctx) {
|
|
13696
13834
|
return {
|
|
13697
|
-
props: { color: /*props*/ ctx[
|
|
13835
|
+
props: { color: /*props*/ ctx[0].color ?? '#333' }
|
|
13698
13836
|
};
|
|
13699
13837
|
}
|
|
13700
13838
|
|
|
@@ -13709,21 +13847,15 @@ function create_if_block$3(ctx) {
|
|
|
13709
13847
|
this.h();
|
|
13710
13848
|
},
|
|
13711
13849
|
l(nodes) {
|
|
13712
|
-
div = claim_element(nodes, "DIV", {
|
|
13713
|
-
"data-layer-id": true,
|
|
13714
|
-
"data-component-id": true,
|
|
13715
|
-
style: true
|
|
13716
|
-
});
|
|
13717
|
-
|
|
13850
|
+
div = claim_element(nodes, "DIV", { class: true, style: true });
|
|
13718
13851
|
var div_nodes = children(div);
|
|
13719
13852
|
if (switch_instance) claim_component(switch_instance.$$.fragment, div_nodes);
|
|
13720
13853
|
div_nodes.forEach(detach);
|
|
13721
13854
|
this.h();
|
|
13722
13855
|
},
|
|
13723
13856
|
h() {
|
|
13724
|
-
attr(div, "
|
|
13725
|
-
attr(div, "
|
|
13726
|
-
attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
|
|
13857
|
+
attr(div, "class", "icon svelte-1mx2edd");
|
|
13858
|
+
attr(div, "style", /*style*/ ctx[2]);
|
|
13727
13859
|
},
|
|
13728
13860
|
m(target, anchor) {
|
|
13729
13861
|
insert_hydration(target, div, anchor);
|
|
@@ -13732,9 +13864,9 @@ function create_if_block$3(ctx) {
|
|
|
13732
13864
|
},
|
|
13733
13865
|
p(ctx, dirty) {
|
|
13734
13866
|
const switch_instance_changes = {};
|
|
13735
|
-
if (dirty & /*props*/
|
|
13867
|
+
if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
|
|
13736
13868
|
|
|
13737
|
-
if (switch_value !== (switch_value = /*IconComponent*/ ctx[
|
|
13869
|
+
if (switch_value !== (switch_value = /*IconComponent*/ ctx[1])) {
|
|
13738
13870
|
if (switch_instance) {
|
|
13739
13871
|
group_outros();
|
|
13740
13872
|
const old_component = switch_instance;
|
|
@@ -13758,12 +13890,8 @@ function create_if_block$3(ctx) {
|
|
|
13758
13890
|
switch_instance.$set(switch_instance_changes);
|
|
13759
13891
|
}
|
|
13760
13892
|
|
|
13761
|
-
if (!current || dirty & /*
|
|
13762
|
-
attr(div, "
|
|
13763
|
-
}
|
|
13764
|
-
|
|
13765
|
-
if (!current || dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
|
|
13766
|
-
attr(div, "style", div_style_value);
|
|
13893
|
+
if (!current || dirty & /*style*/ 4) {
|
|
13894
|
+
attr(div, "style", /*style*/ ctx[2]);
|
|
13767
13895
|
}
|
|
13768
13896
|
},
|
|
13769
13897
|
i(local) {
|
|
@@ -13782,10 +13910,10 @@ function create_if_block$3(ctx) {
|
|
|
13782
13910
|
};
|
|
13783
13911
|
}
|
|
13784
13912
|
|
|
13785
|
-
function create_fragment$
|
|
13913
|
+
function create_fragment$5(ctx) {
|
|
13786
13914
|
let if_block_anchor;
|
|
13787
13915
|
let current;
|
|
13788
|
-
let if_block = /*IconComponent*/ ctx[
|
|
13916
|
+
let if_block = /*IconComponent*/ ctx[1] && create_if_block$1(ctx);
|
|
13789
13917
|
|
|
13790
13918
|
return {
|
|
13791
13919
|
c() {
|
|
@@ -13802,15 +13930,15 @@ function create_fragment$6(ctx) {
|
|
|
13802
13930
|
current = true;
|
|
13803
13931
|
},
|
|
13804
13932
|
p(ctx, [dirty]) {
|
|
13805
|
-
if (/*IconComponent*/ ctx[
|
|
13933
|
+
if (/*IconComponent*/ ctx[1]) {
|
|
13806
13934
|
if (if_block) {
|
|
13807
13935
|
if_block.p(ctx, dirty);
|
|
13808
13936
|
|
|
13809
|
-
if (dirty & /*IconComponent*/
|
|
13937
|
+
if (dirty & /*IconComponent*/ 2) {
|
|
13810
13938
|
transition_in(if_block, 1);
|
|
13811
13939
|
}
|
|
13812
13940
|
} else {
|
|
13813
|
-
if_block = create_if_block$
|
|
13941
|
+
if_block = create_if_block$1(ctx);
|
|
13814
13942
|
if_block.c();
|
|
13815
13943
|
transition_in(if_block, 1);
|
|
13816
13944
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
@@ -13841,67 +13969,58 @@ function create_fragment$6(ctx) {
|
|
|
13841
13969
|
};
|
|
13842
13970
|
}
|
|
13843
13971
|
|
|
13844
|
-
function instance$
|
|
13972
|
+
function instance$5($$self, $$props, $$invalidate) {
|
|
13845
13973
|
let style;
|
|
13846
13974
|
let IconComponent;
|
|
13847
|
-
let { layerId } = $$props;
|
|
13848
13975
|
let { props = {} } = $$props;
|
|
13849
|
-
let { overrideStyle } = $$props;
|
|
13850
13976
|
|
|
13851
13977
|
$$self.$$set = $$props => {
|
|
13852
|
-
if ('
|
|
13853
|
-
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
13854
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
13978
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
13855
13979
|
};
|
|
13856
13980
|
|
|
13857
13981
|
$$self.$$.update = () => {
|
|
13858
|
-
if ($$self.$$.dirty & /*props*/
|
|
13859
|
-
$$invalidate(
|
|
13860
|
-
display: 'inline-flex',
|
|
13861
|
-
alignItems: 'center',
|
|
13862
|
-
overflow: 'hidden',
|
|
13863
|
-
width: 'auto',
|
|
13982
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
13983
|
+
$$invalidate(2, style = objToStyle({
|
|
13864
13984
|
minWidth: props.size,
|
|
13985
|
+
width: props.size,
|
|
13865
13986
|
height: props.size,
|
|
13866
13987
|
...toCssCommon(props)
|
|
13867
13988
|
}));
|
|
13868
13989
|
}
|
|
13869
13990
|
|
|
13870
|
-
if ($$self.$$.dirty & /*props*/
|
|
13871
|
-
$$invalidate(
|
|
13991
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
13992
|
+
$$invalidate(1, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
|
|
13872
13993
|
}
|
|
13873
13994
|
};
|
|
13874
13995
|
|
|
13875
|
-
return [
|
|
13996
|
+
return [props, IconComponent, style];
|
|
13876
13997
|
}
|
|
13877
13998
|
|
|
13878
13999
|
class Icon extends SvelteComponent {
|
|
13879
14000
|
constructor(options) {
|
|
13880
14001
|
super();
|
|
13881
|
-
init(this, options, instance$
|
|
14002
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 0 }, add_css$5);
|
|
13882
14003
|
}
|
|
13883
14004
|
}
|
|
13884
14005
|
|
|
13885
14006
|
/* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
|
|
13886
14007
|
|
|
13887
|
-
function add_css(target) {
|
|
13888
|
-
append_styles(target, "svelte-
|
|
14008
|
+
function add_css$4(target) {
|
|
14009
|
+
append_styles(target, "svelte-kz1c6t", ".v2-button.svelte-kz1c6t{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-kz1c6t{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
13889
14010
|
}
|
|
13890
14011
|
|
|
13891
|
-
// (
|
|
13892
|
-
function create_if_block
|
|
14012
|
+
// (126:2) {#if (props.isIcon && props.iconVariant)}
|
|
14013
|
+
function create_if_block(ctx) {
|
|
13893
14014
|
let div;
|
|
13894
14015
|
let icon;
|
|
13895
14016
|
let current;
|
|
13896
14017
|
|
|
13897
14018
|
icon = new Icon({
|
|
13898
14019
|
props: {
|
|
13899
|
-
layerId: undefined,
|
|
13900
|
-
overrideStyle: undefined,
|
|
13901
14020
|
props: {
|
|
13902
|
-
variant: /*props*/ ctx[
|
|
14021
|
+
variant: /*props*/ ctx[0].iconVariant,
|
|
13903
14022
|
size: '1em',
|
|
13904
|
-
color: /*VARIANTS*/ ctx[
|
|
14023
|
+
color: /*VARIANTS*/ ctx[2].color[/*props*/ ctx[0].color ?? 'default'].color
|
|
13905
14024
|
}
|
|
13906
14025
|
}
|
|
13907
14026
|
});
|
|
@@ -13920,7 +14039,7 @@ function create_if_block$2(ctx) {
|
|
|
13920
14039
|
this.h();
|
|
13921
14040
|
},
|
|
13922
14041
|
h() {
|
|
13923
|
-
attr(div, "class", "v2-button-icon svelte-
|
|
14042
|
+
attr(div, "class", "v2-button-icon svelte-kz1c6t");
|
|
13924
14043
|
},
|
|
13925
14044
|
m(target, anchor) {
|
|
13926
14045
|
insert_hydration(target, div, anchor);
|
|
@@ -13930,10 +14049,10 @@ function create_if_block$2(ctx) {
|
|
|
13930
14049
|
p(ctx, dirty) {
|
|
13931
14050
|
const icon_changes = {};
|
|
13932
14051
|
|
|
13933
|
-
if (dirty & /*props*/
|
|
13934
|
-
variant: /*props*/ ctx[
|
|
14052
|
+
if (dirty & /*props*/ 1) icon_changes.props = {
|
|
14053
|
+
variant: /*props*/ ctx[0].iconVariant,
|
|
13935
14054
|
size: '1em',
|
|
13936
|
-
color: /*VARIANTS*/ ctx[
|
|
14055
|
+
color: /*VARIANTS*/ ctx[2].color[/*props*/ ctx[0].color ?? 'default'].color
|
|
13937
14056
|
};
|
|
13938
14057
|
|
|
13939
14058
|
icon.$set(icon_changes);
|
|
@@ -13954,17 +14073,16 @@ function create_if_block$2(ctx) {
|
|
|
13954
14073
|
};
|
|
13955
14074
|
}
|
|
13956
14075
|
|
|
13957
|
-
function create_fragment$
|
|
14076
|
+
function create_fragment$4(ctx) {
|
|
13958
14077
|
let button;
|
|
13959
14078
|
let t0;
|
|
13960
14079
|
let span;
|
|
13961
|
-
let t1_value = /*props*/ ctx[
|
|
14080
|
+
let t1_value = /*props*/ ctx[0].label + "";
|
|
13962
14081
|
let t1;
|
|
13963
|
-
let button_style_value;
|
|
13964
14082
|
let current;
|
|
13965
14083
|
let mounted;
|
|
13966
14084
|
let dispose;
|
|
13967
|
-
let if_block = /*props*/ ctx[
|
|
14085
|
+
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block(ctx);
|
|
13968
14086
|
|
|
13969
14087
|
return {
|
|
13970
14088
|
c() {
|
|
@@ -13976,12 +14094,7 @@ function create_fragment$5(ctx) {
|
|
|
13976
14094
|
this.h();
|
|
13977
14095
|
},
|
|
13978
14096
|
l(nodes) {
|
|
13979
|
-
button = claim_element(nodes, "BUTTON", {
|
|
13980
|
-
"data-layer-id": true,
|
|
13981
|
-
style: true,
|
|
13982
|
-
class: true
|
|
13983
|
-
});
|
|
13984
|
-
|
|
14097
|
+
button = claim_element(nodes, "BUTTON", { style: true, class: true });
|
|
13985
14098
|
var button_nodes = children(button);
|
|
13986
14099
|
if (if_block) if_block.l(button_nodes);
|
|
13987
14100
|
t0 = claim_space(button_nodes);
|
|
@@ -13993,9 +14106,8 @@ function create_fragment$5(ctx) {
|
|
|
13993
14106
|
this.h();
|
|
13994
14107
|
},
|
|
13995
14108
|
h() {
|
|
13996
|
-
attr(button, "
|
|
13997
|
-
attr(button, "
|
|
13998
|
-
attr(button, "class", "v2-button svelte-i9kun1");
|
|
14109
|
+
attr(button, "style", /*style*/ ctx[1]);
|
|
14110
|
+
attr(button, "class", "v2-button svelte-kz1c6t");
|
|
13999
14111
|
},
|
|
14000
14112
|
m(target, anchor) {
|
|
14001
14113
|
insert_hydration(target, button, anchor);
|
|
@@ -14006,20 +14118,20 @@ function create_fragment$5(ctx) {
|
|
|
14006
14118
|
current = true;
|
|
14007
14119
|
|
|
14008
14120
|
if (!mounted) {
|
|
14009
|
-
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[
|
|
14121
|
+
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
|
|
14010
14122
|
mounted = true;
|
|
14011
14123
|
}
|
|
14012
14124
|
},
|
|
14013
14125
|
p(ctx, [dirty]) {
|
|
14014
|
-
if (/*props*/ ctx[
|
|
14126
|
+
if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
|
|
14015
14127
|
if (if_block) {
|
|
14016
14128
|
if_block.p(ctx, dirty);
|
|
14017
14129
|
|
|
14018
|
-
if (dirty & /*props*/
|
|
14130
|
+
if (dirty & /*props*/ 1) {
|
|
14019
14131
|
transition_in(if_block, 1);
|
|
14020
14132
|
}
|
|
14021
14133
|
} else {
|
|
14022
|
-
if_block = create_if_block
|
|
14134
|
+
if_block = create_if_block(ctx);
|
|
14023
14135
|
if_block.c();
|
|
14024
14136
|
transition_in(if_block, 1);
|
|
14025
14137
|
if_block.m(button, t0);
|
|
@@ -14034,14 +14146,10 @@ function create_fragment$5(ctx) {
|
|
|
14034
14146
|
check_outros();
|
|
14035
14147
|
}
|
|
14036
14148
|
|
|
14037
|
-
if ((!current || dirty & /*props*/
|
|
14038
|
-
|
|
14039
|
-
if (!current || dirty & /*layerId*/ 1) {
|
|
14040
|
-
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14041
|
-
}
|
|
14149
|
+
if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
|
|
14042
14150
|
|
|
14043
|
-
if (!current || dirty & /*style
|
|
14044
|
-
attr(button, "style",
|
|
14151
|
+
if (!current || dirty & /*style*/ 2) {
|
|
14152
|
+
attr(button, "style", /*style*/ ctx[1]);
|
|
14045
14153
|
}
|
|
14046
14154
|
},
|
|
14047
14155
|
i(local) {
|
|
@@ -14062,14 +14170,12 @@ function create_fragment$5(ctx) {
|
|
|
14062
14170
|
};
|
|
14063
14171
|
}
|
|
14064
14172
|
|
|
14065
|
-
function instance$
|
|
14173
|
+
function instance$4($$self, $$props, $$invalidate) {
|
|
14066
14174
|
let style;
|
|
14067
|
-
let { layerId = '' } = $$props;
|
|
14068
14175
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
14069
14176
|
let { eventName = '' } = $$props;
|
|
14070
14177
|
let { eventValue = undefined } = $$props;
|
|
14071
14178
|
let { props = {} } = $$props;
|
|
14072
|
-
let { overrideStyle } = $$props;
|
|
14073
14179
|
|
|
14074
14180
|
const VARIANTS = {
|
|
14075
14181
|
size: {
|
|
@@ -14102,7 +14208,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14102
14208
|
large: {
|
|
14103
14209
|
minHeight: '48px',
|
|
14104
14210
|
paddingInline: '32px',
|
|
14105
|
-
fontSize: '
|
|
14211
|
+
fontSize: '14px',
|
|
14106
14212
|
paddingBlock: '10px',
|
|
14107
14213
|
lineHeight: 1.5,
|
|
14108
14214
|
borderRadius: '4px'
|
|
@@ -14159,17 +14265,15 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14159
14265
|
}
|
|
14160
14266
|
|
|
14161
14267
|
$$self.$$set = $$props => {
|
|
14162
|
-
if ('
|
|
14163
|
-
if ('
|
|
14164
|
-
if ('
|
|
14165
|
-
if ('
|
|
14166
|
-
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
14167
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
14268
|
+
if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
|
|
14269
|
+
if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
|
|
14270
|
+
if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
|
|
14271
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
14168
14272
|
};
|
|
14169
14273
|
|
|
14170
14274
|
$$self.$$.update = () => {
|
|
14171
|
-
if ($$self.$$.dirty & /*props*/
|
|
14172
|
-
$$invalidate(
|
|
14275
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
14276
|
+
$$invalidate(1, style = objToStyle({
|
|
14173
14277
|
display: 'inline-flex',
|
|
14174
14278
|
gap: '0.65em',
|
|
14175
14279
|
alignItems: 'center',
|
|
@@ -14190,17 +14294,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14190
14294
|
}
|
|
14191
14295
|
};
|
|
14192
14296
|
|
|
14193
|
-
return [
|
|
14194
|
-
layerId,
|
|
14195
|
-
props,
|
|
14196
|
-
overrideStyle,
|
|
14197
|
-
style,
|
|
14198
|
-
VARIANTS,
|
|
14199
|
-
handleClick,
|
|
14200
|
-
onClick,
|
|
14201
|
-
eventName,
|
|
14202
|
-
eventValue
|
|
14203
|
-
];
|
|
14297
|
+
return [props, style, VARIANTS, handleClick, onClick, eventName, eventValue];
|
|
14204
14298
|
}
|
|
14205
14299
|
|
|
14206
14300
|
class Button extends SvelteComponent {
|
|
@@ -14210,653 +14304,446 @@ class Button extends SvelteComponent {
|
|
|
14210
14304
|
init(
|
|
14211
14305
|
this,
|
|
14212
14306
|
options,
|
|
14213
|
-
instance$
|
|
14214
|
-
create_fragment$
|
|
14307
|
+
instance$4,
|
|
14308
|
+
create_fragment$4,
|
|
14215
14309
|
safe_not_equal,
|
|
14216
14310
|
{
|
|
14217
|
-
|
|
14218
|
-
|
|
14219
|
-
|
|
14220
|
-
|
|
14221
|
-
props: 1,
|
|
14222
|
-
overrideStyle: 2
|
|
14311
|
+
onClick: 4,
|
|
14312
|
+
eventName: 5,
|
|
14313
|
+
eventValue: 6,
|
|
14314
|
+
props: 0
|
|
14223
14315
|
},
|
|
14224
|
-
add_css
|
|
14316
|
+
add_css$4
|
|
14225
14317
|
);
|
|
14226
14318
|
}
|
|
14227
14319
|
}
|
|
14228
14320
|
|
|
14229
|
-
|
|
14321
|
+
const BUTTON_SIZE = {
|
|
14322
|
+
extra_small: 'XSmall',
|
|
14323
|
+
small: 'Small',
|
|
14324
|
+
medium: 'Medium',
|
|
14325
|
+
large: 'Large',
|
|
14326
|
+
extra_large: 'XLarge',
|
|
14327
|
+
};
|
|
14328
|
+
const BUTTON_COLOR = {
|
|
14329
|
+
default: 'デフォルト',
|
|
14330
|
+
theme: 'テーマカラー',
|
|
14331
|
+
alert: 'アラート',
|
|
14332
|
+
transparent: '背景なし',
|
|
14333
|
+
};
|
|
14334
|
+
const BUTTON_ROUND = {
|
|
14335
|
+
default: 'デフォルト',
|
|
14336
|
+
none: 'なし',
|
|
14337
|
+
fulled: '円形',
|
|
14338
|
+
};
|
|
14339
|
+
const BUTTON_LINK_TARGET = {
|
|
14340
|
+
_self: '画面内遷移',
|
|
14341
|
+
_blank: '別タブで開く',
|
|
14342
|
+
};
|
|
14343
|
+
const BUTTON_ICON_ANGLE = {
|
|
14344
|
+
row: '左側',
|
|
14345
|
+
'row-reverse': '右側',
|
|
14346
|
+
};
|
|
14230
14347
|
|
|
14231
|
-
|
|
14232
|
-
|
|
14233
|
-
|
|
14234
|
-
|
|
14235
|
-
|
|
14348
|
+
/* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
14349
|
+
|
|
14350
|
+
function add_css$3(target) {
|
|
14351
|
+
append_styles(target, "svelte-1dgpo5m", ".close-button.svelte-1dgpo5m{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}");
|
|
14352
|
+
}
|
|
14353
|
+
|
|
14354
|
+
function create_fragment$3(ctx) {
|
|
14355
|
+
let button;
|
|
14356
|
+
let svg;
|
|
14357
|
+
let path;
|
|
14236
14358
|
|
|
14237
14359
|
return {
|
|
14238
14360
|
c() {
|
|
14239
|
-
|
|
14240
|
-
|
|
14361
|
+
button = element("button");
|
|
14362
|
+
svg = svg_element("svg");
|
|
14363
|
+
path = svg_element("path");
|
|
14241
14364
|
this.h();
|
|
14242
14365
|
},
|
|
14243
14366
|
l(nodes) {
|
|
14244
|
-
|
|
14245
|
-
|
|
14246
|
-
|
|
14247
|
-
|
|
14367
|
+
button = claim_element(nodes, "BUTTON", { class: true, style: true });
|
|
14368
|
+
var button_nodes = children(button);
|
|
14369
|
+
|
|
14370
|
+
svg = claim_svg_element(button_nodes, "svg", {
|
|
14371
|
+
xmlns: true,
|
|
14372
|
+
style: true,
|
|
14373
|
+
viewBox: true,
|
|
14374
|
+
fill: true
|
|
14248
14375
|
});
|
|
14249
14376
|
|
|
14250
|
-
var
|
|
14251
|
-
|
|
14252
|
-
|
|
14377
|
+
var svg_nodes = children(svg);
|
|
14378
|
+
path = claim_svg_element(svg_nodes, "path", { d: true });
|
|
14379
|
+
children(path).forEach(detach);
|
|
14380
|
+
svg_nodes.forEach(detach);
|
|
14381
|
+
button_nodes.forEach(detach);
|
|
14253
14382
|
this.h();
|
|
14254
14383
|
},
|
|
14255
14384
|
h() {
|
|
14256
|
-
attr(
|
|
14257
|
-
attr(
|
|
14258
|
-
|
|
14385
|
+
attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
|
|
14386
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
14387
|
+
set_style(svg, "width", "75%");
|
|
14388
|
+
set_style(svg, "height", "75%");
|
|
14389
|
+
attr(svg, "viewBox", "0 0 50 50");
|
|
14390
|
+
attr(svg, "fill", "#666666");
|
|
14391
|
+
attr(button, "class", "close-button svelte-1dgpo5m");
|
|
14392
|
+
attr(button, "style", /*style*/ ctx[0]);
|
|
14259
14393
|
},
|
|
14260
14394
|
m(target, anchor) {
|
|
14261
|
-
insert_hydration(target,
|
|
14262
|
-
|
|
14263
|
-
|
|
14264
|
-
default_slot.m(div, null);
|
|
14265
|
-
}
|
|
14266
|
-
|
|
14267
|
-
current = true;
|
|
14395
|
+
insert_hydration(target, button, anchor);
|
|
14396
|
+
append_hydration(button, svg);
|
|
14397
|
+
append_hydration(svg, path);
|
|
14268
14398
|
},
|
|
14269
14399
|
p(ctx, [dirty]) {
|
|
14270
|
-
if (
|
|
14271
|
-
|
|
14272
|
-
update_slot_base(
|
|
14273
|
-
default_slot,
|
|
14274
|
-
default_slot_template,
|
|
14275
|
-
ctx,
|
|
14276
|
-
/*$$scope*/ ctx[3],
|
|
14277
|
-
!current
|
|
14278
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
|
|
14279
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
|
|
14280
|
-
null
|
|
14281
|
-
);
|
|
14282
|
-
}
|
|
14283
|
-
}
|
|
14284
|
-
|
|
14285
|
-
if (!current || dirty & /*layerId*/ 1) {
|
|
14286
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14287
|
-
}
|
|
14288
|
-
|
|
14289
|
-
if (!current || dirty & /*style*/ 2) {
|
|
14290
|
-
attr(div, "style", /*style*/ ctx[1]);
|
|
14400
|
+
if (dirty & /*style*/ 1) {
|
|
14401
|
+
attr(button, "style", /*style*/ ctx[0]);
|
|
14291
14402
|
}
|
|
14292
14403
|
},
|
|
14293
|
-
i
|
|
14294
|
-
|
|
14295
|
-
transition_in(default_slot, local);
|
|
14296
|
-
current = true;
|
|
14297
|
-
},
|
|
14298
|
-
o(local) {
|
|
14299
|
-
transition_out(default_slot, local);
|
|
14300
|
-
current = false;
|
|
14301
|
-
},
|
|
14404
|
+
i: noop,
|
|
14405
|
+
o: noop,
|
|
14302
14406
|
d(detaching) {
|
|
14303
|
-
if (detaching) detach(
|
|
14304
|
-
if (default_slot) default_slot.d(detaching);
|
|
14407
|
+
if (detaching) detach(button);
|
|
14305
14408
|
}
|
|
14306
14409
|
};
|
|
14307
14410
|
}
|
|
14308
14411
|
|
|
14309
|
-
function instance$
|
|
14412
|
+
function instance$3($$self, $$props, $$invalidate) {
|
|
14310
14413
|
let style;
|
|
14311
|
-
let { $$slots: slots = {}, $$scope } = $$props;
|
|
14312
|
-
let { layerId = undefined } = $$props;
|
|
14313
14414
|
let { props = {} } = $$props;
|
|
14415
|
+
const size = props.size ?? 24;
|
|
14314
14416
|
|
|
14315
14417
|
$$self.$$set = $$props => {
|
|
14316
|
-
if ('
|
|
14317
|
-
if ('props' in $$props) $$invalidate(2, props = $$props.props);
|
|
14318
|
-
if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
|
|
14418
|
+
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
14319
14419
|
};
|
|
14320
14420
|
|
|
14321
14421
|
$$self.$$.update = () => {
|
|
14322
|
-
if ($$self.$$.dirty & /*props*/
|
|
14323
|
-
$$invalidate(
|
|
14324
|
-
|
|
14325
|
-
|
|
14326
|
-
|
|
14327
|
-
|
|
14328
|
-
rowGap: props.rowGap,
|
|
14329
|
-
columnGap: props.columnGap,
|
|
14330
|
-
width: props.width,
|
|
14331
|
-
...toCssShadow(props),
|
|
14332
|
-
...toCssRadius(props),
|
|
14333
|
-
...toCssBackgroundImage(props.backgroundImage),
|
|
14334
|
-
...toCssBackgroundColor(props),
|
|
14335
|
-
...toCssCommon(props),
|
|
14336
|
-
...toCssPadding(props),
|
|
14337
|
-
...toCssBorder(props)
|
|
14422
|
+
if ($$self.$$.dirty & /*props*/ 2) {
|
|
14423
|
+
$$invalidate(0, style = objToStyle({
|
|
14424
|
+
width: `${size}px`,
|
|
14425
|
+
height: `${size}px`,
|
|
14426
|
+
...props.bordered && { border: '1px solid #666' },
|
|
14427
|
+
...toCssCommon(props)
|
|
14338
14428
|
}));
|
|
14339
14429
|
}
|
|
14340
14430
|
};
|
|
14341
14431
|
|
|
14342
|
-
return [
|
|
14432
|
+
return [style, props];
|
|
14343
14433
|
}
|
|
14344
14434
|
|
|
14345
|
-
class
|
|
14435
|
+
class CloseButton extends SvelteComponent {
|
|
14346
14436
|
constructor(options) {
|
|
14347
14437
|
super();
|
|
14348
|
-
init(this, options, instance$
|
|
14438
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 1 }, add_css$3);
|
|
14349
14439
|
}
|
|
14350
14440
|
}
|
|
14351
14441
|
|
|
14352
|
-
/* src/components-v2/
|
|
14442
|
+
/* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
|
|
14353
14443
|
|
|
14354
|
-
function
|
|
14355
|
-
|
|
14444
|
+
function add_css$2(target) {
|
|
14445
|
+
append_styles(target, "svelte-vojroc", ".image.svelte-vojroc{display:flex;max-width:100%;align-items:center;justify-content:center;overflow:hidden}.image-object.svelte-vojroc{width:100%;overflow:hidden}.image-img.svelte-vojroc{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
|
|
14446
|
+
}
|
|
14447
|
+
|
|
14448
|
+
function create_fragment$2(ctx) {
|
|
14449
|
+
let div;
|
|
14450
|
+
let object;
|
|
14451
|
+
let img;
|
|
14452
|
+
let img_src_value;
|
|
14453
|
+
let img_alt_value;
|
|
14356
14454
|
|
|
14357
14455
|
return {
|
|
14358
14456
|
c() {
|
|
14359
|
-
|
|
14457
|
+
div = element("div");
|
|
14458
|
+
object = element("object");
|
|
14459
|
+
img = element("img");
|
|
14360
14460
|
this.h();
|
|
14361
14461
|
},
|
|
14362
14462
|
l(nodes) {
|
|
14363
|
-
|
|
14364
|
-
var
|
|
14365
|
-
|
|
14463
|
+
div = claim_element(nodes, "DIV", { class: true, style: true });
|
|
14464
|
+
var div_nodes = children(div);
|
|
14465
|
+
object = claim_element(div_nodes, "OBJECT", { style: true, class: true });
|
|
14466
|
+
var object_nodes = children(object);
|
|
14467
|
+
img = claim_element(object_nodes, "IMG", { src: true, alt: true, class: true });
|
|
14468
|
+
object_nodes.forEach(detach);
|
|
14469
|
+
div_nodes.forEach(detach);
|
|
14366
14470
|
this.h();
|
|
14367
14471
|
},
|
|
14368
14472
|
h() {
|
|
14369
|
-
|
|
14370
|
-
attr(
|
|
14473
|
+
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
14474
|
+
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
14475
|
+
attr(img, "class", "image-img svelte-vojroc");
|
|
14476
|
+
attr(object, "style", /*objectStyle*/ ctx[1]);
|
|
14477
|
+
attr(object, "class", "image-object svelte-vojroc");
|
|
14478
|
+
attr(div, "class", "image svelte-vojroc");
|
|
14479
|
+
attr(div, "style", /*style*/ ctx[2]);
|
|
14371
14480
|
},
|
|
14372
14481
|
m(target, anchor) {
|
|
14373
|
-
insert_hydration(target,
|
|
14374
|
-
|
|
14482
|
+
insert_hydration(target, div, anchor);
|
|
14483
|
+
append_hydration(div, object);
|
|
14484
|
+
append_hydration(object, img);
|
|
14375
14485
|
},
|
|
14376
14486
|
p(ctx, [dirty]) {
|
|
14377
|
-
if (dirty & /*
|
|
14378
|
-
|
|
14379
|
-
|
|
14487
|
+
if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
|
|
14488
|
+
attr(img, "src", img_src_value);
|
|
14489
|
+
}
|
|
14490
|
+
|
|
14491
|
+
if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
|
|
14492
|
+
attr(img, "alt", img_alt_value);
|
|
14493
|
+
}
|
|
14494
|
+
|
|
14495
|
+
if (dirty & /*objectStyle*/ 2) {
|
|
14496
|
+
attr(object, "style", /*objectStyle*/ ctx[1]);
|
|
14380
14497
|
}
|
|
14381
14498
|
|
|
14382
|
-
if (dirty & /*style*/
|
|
14383
|
-
attr(
|
|
14499
|
+
if (dirty & /*style*/ 4) {
|
|
14500
|
+
attr(div, "style", /*style*/ ctx[2]);
|
|
14384
14501
|
}
|
|
14385
14502
|
},
|
|
14386
14503
|
i: noop,
|
|
14387
14504
|
o: noop,
|
|
14388
14505
|
d(detaching) {
|
|
14389
|
-
if (detaching) detach(
|
|
14506
|
+
if (detaching) detach(div);
|
|
14390
14507
|
}
|
|
14391
14508
|
};
|
|
14392
14509
|
}
|
|
14393
14510
|
|
|
14394
|
-
function instance$
|
|
14395
|
-
let escapedHTML;
|
|
14511
|
+
function instance$2($$self, $$props, $$invalidate) {
|
|
14396
14512
|
let style;
|
|
14397
|
-
let
|
|
14398
|
-
let { props = {
|
|
14513
|
+
let objectStyle;
|
|
14514
|
+
let { props = {} } = $$props;
|
|
14399
14515
|
|
|
14400
14516
|
$$self.$$set = $$props => {
|
|
14401
|
-
if ('
|
|
14402
|
-
if ('props' in $$props) $$invalidate(3, props = $$props.props);
|
|
14517
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
14403
14518
|
};
|
|
14404
14519
|
|
|
14405
14520
|
$$self.$$.update = () => {
|
|
14406
|
-
if ($$self.$$.dirty & /*props*/
|
|
14407
|
-
$$invalidate(2,
|
|
14521
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
14522
|
+
$$invalidate(2, style = objToStyle({
|
|
14523
|
+
width: props.width ?? '100%',
|
|
14524
|
+
...toCssCommon(props)
|
|
14525
|
+
}));
|
|
14408
14526
|
}
|
|
14409
14527
|
|
|
14410
|
-
if ($$self.$$.dirty & /*props*/
|
|
14411
|
-
$$invalidate(1,
|
|
14412
|
-
margin: 0,
|
|
14413
|
-
position: props?.position ?? 'static',
|
|
14414
|
-
fontWeight: props.fontWeight,
|
|
14415
|
-
fontSize: props.fontSize,
|
|
14416
|
-
color: props.color,
|
|
14417
|
-
textAlign: props.align,
|
|
14418
|
-
wordBreak: 'break-all',
|
|
14419
|
-
width: props.width,
|
|
14420
|
-
...toCssRadius(props),
|
|
14421
|
-
...toCssBackgroundColor(props),
|
|
14422
|
-
...toCssCommon(props),
|
|
14423
|
-
...toCssPosition(props),
|
|
14424
|
-
...toCssBorder(props)
|
|
14425
|
-
}));
|
|
14528
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
14529
|
+
$$invalidate(1, objectStyle = objToStyle({ aspectRatio: props.aspect }));
|
|
14426
14530
|
}
|
|
14427
14531
|
};
|
|
14428
14532
|
|
|
14429
|
-
return [
|
|
14533
|
+
return [props, objectStyle, style];
|
|
14430
14534
|
}
|
|
14431
14535
|
|
|
14432
|
-
class
|
|
14536
|
+
class Image extends SvelteComponent {
|
|
14433
14537
|
constructor(options) {
|
|
14434
14538
|
super();
|
|
14435
|
-
init(this, options, instance$
|
|
14539
|
+
init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 0 }, add_css$2);
|
|
14436
14540
|
}
|
|
14437
14541
|
}
|
|
14438
14542
|
|
|
14439
|
-
/* src/components-v2/
|
|
14543
|
+
/* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
14440
14544
|
|
|
14441
|
-
function
|
|
14545
|
+
function add_css$1(target) {
|
|
14546
|
+
append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
|
|
14547
|
+
}
|
|
14548
|
+
|
|
14549
|
+
function create_fragment$1(ctx) {
|
|
14442
14550
|
let div;
|
|
14443
|
-
let
|
|
14444
|
-
|
|
14445
|
-
|
|
14551
|
+
let current;
|
|
14552
|
+
const default_slot_template = /*#slots*/ ctx[3].default;
|
|
14553
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
|
|
14446
14554
|
|
|
14447
14555
|
return {
|
|
14448
14556
|
c() {
|
|
14449
14557
|
div = element("div");
|
|
14450
|
-
|
|
14558
|
+
if (default_slot) default_slot.c();
|
|
14451
14559
|
this.h();
|
|
14452
14560
|
},
|
|
14453
14561
|
l(nodes) {
|
|
14454
|
-
div = claim_element(nodes, "DIV", {
|
|
14455
|
-
"data-layer-id": true,
|
|
14456
|
-
"data-component-id": true,
|
|
14457
|
-
style: true
|
|
14458
|
-
});
|
|
14459
|
-
|
|
14562
|
+
div = claim_element(nodes, "DIV", { class: true, style: true });
|
|
14460
14563
|
var div_nodes = children(div);
|
|
14461
|
-
|
|
14564
|
+
if (default_slot) default_slot.l(div_nodes);
|
|
14462
14565
|
div_nodes.forEach(detach);
|
|
14463
14566
|
this.h();
|
|
14464
14567
|
},
|
|
14465
14568
|
h() {
|
|
14466
|
-
|
|
14467
|
-
attr(
|
|
14468
|
-
attr(img, "style", /*imgStyle*/ ctx[3]);
|
|
14469
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14470
|
-
attr(div, "data-component-id", "avatar");
|
|
14471
|
-
attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
|
|
14569
|
+
attr(div, "class", "layout svelte-1g6q4hu");
|
|
14570
|
+
attr(div, "style", /*style*/ ctx[0]);
|
|
14472
14571
|
},
|
|
14473
14572
|
m(target, anchor) {
|
|
14474
14573
|
insert_hydration(target, div, anchor);
|
|
14475
|
-
append_hydration(div, img);
|
|
14476
|
-
},
|
|
14477
|
-
p(ctx, dirty) {
|
|
14478
|
-
if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
|
|
14479
|
-
attr(img, "src", img_src_value);
|
|
14480
|
-
}
|
|
14481
14574
|
|
|
14482
|
-
if (
|
|
14483
|
-
|
|
14484
|
-
}
|
|
14485
|
-
|
|
14486
|
-
if (dirty & /*layerId*/ 1) {
|
|
14487
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14488
|
-
}
|
|
14489
|
-
|
|
14490
|
-
if (dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
|
|
14491
|
-
attr(div, "style", div_style_value);
|
|
14575
|
+
if (default_slot) {
|
|
14576
|
+
default_slot.m(div, null);
|
|
14492
14577
|
}
|
|
14493
|
-
},
|
|
14494
|
-
d(detaching) {
|
|
14495
|
-
if (detaching) detach(div);
|
|
14496
|
-
}
|
|
14497
|
-
};
|
|
14498
|
-
}
|
|
14499
|
-
|
|
14500
|
-
function create_fragment$2(ctx) {
|
|
14501
|
-
let if_block_anchor;
|
|
14502
|
-
let if_block = /*props*/ ctx[1].image && create_if_block$1(ctx);
|
|
14503
14578
|
|
|
14504
|
-
|
|
14505
|
-
c() {
|
|
14506
|
-
if (if_block) if_block.c();
|
|
14507
|
-
if_block_anchor = empty();
|
|
14508
|
-
},
|
|
14509
|
-
l(nodes) {
|
|
14510
|
-
if (if_block) if_block.l(nodes);
|
|
14511
|
-
if_block_anchor = empty();
|
|
14512
|
-
},
|
|
14513
|
-
m(target, anchor) {
|
|
14514
|
-
if (if_block) if_block.m(target, anchor);
|
|
14515
|
-
insert_hydration(target, if_block_anchor, anchor);
|
|
14579
|
+
current = true;
|
|
14516
14580
|
},
|
|
14517
14581
|
p(ctx, [dirty]) {
|
|
14518
|
-
if (
|
|
14519
|
-
if (
|
|
14520
|
-
|
|
14521
|
-
|
|
14522
|
-
|
|
14523
|
-
|
|
14524
|
-
|
|
14582
|
+
if (default_slot) {
|
|
14583
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 4)) {
|
|
14584
|
+
update_slot_base(
|
|
14585
|
+
default_slot,
|
|
14586
|
+
default_slot_template,
|
|
14587
|
+
ctx,
|
|
14588
|
+
/*$$scope*/ ctx[2],
|
|
14589
|
+
!current
|
|
14590
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[2])
|
|
14591
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[2], dirty, null),
|
|
14592
|
+
null
|
|
14593
|
+
);
|
|
14525
14594
|
}
|
|
14526
|
-
} else if (if_block) {
|
|
14527
|
-
if_block.d(1);
|
|
14528
|
-
if_block = null;
|
|
14529
14595
|
}
|
|
14530
|
-
},
|
|
14531
|
-
i: noop,
|
|
14532
|
-
o: noop,
|
|
14533
|
-
d(detaching) {
|
|
14534
|
-
if (if_block) if_block.d(detaching);
|
|
14535
|
-
if (detaching) detach(if_block_anchor);
|
|
14536
|
-
}
|
|
14537
|
-
};
|
|
14538
|
-
}
|
|
14539
|
-
|
|
14540
|
-
function instance$2($$self, $$props, $$invalidate) {
|
|
14541
|
-
let style;
|
|
14542
|
-
let imgStyle;
|
|
14543
|
-
let { layerId = '' } = $$props;
|
|
14544
|
-
let { props = {} } = $$props;
|
|
14545
|
-
let { overrideStyle } = $$props;
|
|
14546
|
-
|
|
14547
|
-
const VARIANTS = {
|
|
14548
|
-
shape: {
|
|
14549
|
-
circle: { borderRadius: '100%' },
|
|
14550
|
-
square: { borderRadius: '4px' }
|
|
14551
|
-
}
|
|
14552
|
-
};
|
|
14553
|
-
|
|
14554
|
-
const size = props.size ?? 64;
|
|
14555
|
-
|
|
14556
|
-
$$self.$$set = $$props => {
|
|
14557
|
-
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14558
|
-
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
14559
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
14560
|
-
};
|
|
14561
|
-
|
|
14562
|
-
$$self.$$.update = () => {
|
|
14563
|
-
if ($$self.$$.dirty & /*props*/ 2) {
|
|
14564
|
-
$$invalidate(4, style = objToStyle({
|
|
14565
|
-
display: 'flex',
|
|
14566
|
-
alignItems: 'center',
|
|
14567
|
-
overflow: 'hidden',
|
|
14568
|
-
flexShrink: 0,
|
|
14569
|
-
width: `${size}px`,
|
|
14570
|
-
height: `${size}px`,
|
|
14571
|
-
...VARIANTS.shape[props.shape ?? 'square'],
|
|
14572
|
-
...props.bordered && { border: `1px solid #dbdbdb` },
|
|
14573
|
-
...toCssCommon(props)
|
|
14574
|
-
}));
|
|
14575
|
-
}
|
|
14576
|
-
};
|
|
14577
|
-
|
|
14578
|
-
$$invalidate(3, imgStyle = objToStyle({
|
|
14579
|
-
width: '100%',
|
|
14580
|
-
height: '100%',
|
|
14581
|
-
objectFit: 'cover'
|
|
14582
|
-
}));
|
|
14583
|
-
|
|
14584
|
-
return [layerId, props, overrideStyle, imgStyle, style];
|
|
14585
|
-
}
|
|
14586
|
-
|
|
14587
|
-
class Avatar extends SvelteComponent {
|
|
14588
|
-
constructor(options) {
|
|
14589
|
-
super();
|
|
14590
|
-
init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
|
|
14591
|
-
}
|
|
14592
|
-
}
|
|
14593
14596
|
|
|
14594
|
-
|
|
14595
|
-
|
|
14596
|
-
function create_if_block(ctx) {
|
|
14597
|
-
let div;
|
|
14598
|
-
let object;
|
|
14599
|
-
let img;
|
|
14600
|
-
let img_src_value;
|
|
14601
|
-
let div_style_value;
|
|
14602
|
-
|
|
14603
|
-
return {
|
|
14604
|
-
c() {
|
|
14605
|
-
div = element("div");
|
|
14606
|
-
object = element("object");
|
|
14607
|
-
img = element("img");
|
|
14608
|
-
this.h();
|
|
14609
|
-
},
|
|
14610
|
-
l(nodes) {
|
|
14611
|
-
div = claim_element(nodes, "DIV", { "data-layer-id": true, style: true });
|
|
14612
|
-
var div_nodes = children(div);
|
|
14613
|
-
object = claim_element(div_nodes, "OBJECT", { style: true, title: true });
|
|
14614
|
-
var object_nodes = children(object);
|
|
14615
|
-
img = claim_element(object_nodes, "IMG", { src: true, alt: true, style: true });
|
|
14616
|
-
object_nodes.forEach(detach);
|
|
14617
|
-
div_nodes.forEach(detach);
|
|
14618
|
-
this.h();
|
|
14619
|
-
},
|
|
14620
|
-
h() {
|
|
14621
|
-
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
|
|
14622
|
-
attr(img, "alt", "");
|
|
14623
|
-
attr(img, "style", /*imgStyle*/ ctx[3]);
|
|
14624
|
-
attr(object, "style", /*objectStyle*/ ctx[4]);
|
|
14625
|
-
attr(object, "title", "");
|
|
14626
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14627
|
-
attr(div, "style", div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '));
|
|
14628
|
-
},
|
|
14629
|
-
m(target, anchor) {
|
|
14630
|
-
insert_hydration(target, div, anchor);
|
|
14631
|
-
append_hydration(div, object);
|
|
14632
|
-
append_hydration(object, img);
|
|
14633
|
-
},
|
|
14634
|
-
p(ctx, dirty) {
|
|
14635
|
-
if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
|
|
14636
|
-
attr(img, "src", img_src_value);
|
|
14637
|
-
}
|
|
14638
|
-
|
|
14639
|
-
if (dirty & /*imgStyle*/ 8) {
|
|
14640
|
-
attr(img, "style", /*imgStyle*/ ctx[3]);
|
|
14641
|
-
}
|
|
14642
|
-
|
|
14643
|
-
if (dirty & /*objectStyle*/ 16) {
|
|
14644
|
-
attr(object, "style", /*objectStyle*/ ctx[4]);
|
|
14645
|
-
}
|
|
14646
|
-
|
|
14647
|
-
if (dirty & /*layerId*/ 1) {
|
|
14648
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14649
|
-
}
|
|
14650
|
-
|
|
14651
|
-
if (dirty & /*style, overrideStyle*/ 36 && div_style_value !== (div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '))) {
|
|
14652
|
-
attr(div, "style", div_style_value);
|
|
14597
|
+
if (!current || dirty & /*style*/ 1) {
|
|
14598
|
+
attr(div, "style", /*style*/ ctx[0]);
|
|
14653
14599
|
}
|
|
14654
14600
|
},
|
|
14655
|
-
|
|
14656
|
-
if (
|
|
14657
|
-
|
|
14658
|
-
|
|
14659
|
-
}
|
|
14660
|
-
|
|
14661
|
-
function create_fragment$1(ctx) {
|
|
14662
|
-
let if_block_anchor;
|
|
14663
|
-
let if_block = /*props*/ ctx[1].image && create_if_block(ctx);
|
|
14664
|
-
|
|
14665
|
-
return {
|
|
14666
|
-
c() {
|
|
14667
|
-
if (if_block) if_block.c();
|
|
14668
|
-
if_block_anchor = empty();
|
|
14669
|
-
},
|
|
14670
|
-
l(nodes) {
|
|
14671
|
-
if (if_block) if_block.l(nodes);
|
|
14672
|
-
if_block_anchor = empty();
|
|
14673
|
-
},
|
|
14674
|
-
m(target, anchor) {
|
|
14675
|
-
if (if_block) if_block.m(target, anchor);
|
|
14676
|
-
insert_hydration(target, if_block_anchor, anchor);
|
|
14601
|
+
i(local) {
|
|
14602
|
+
if (current) return;
|
|
14603
|
+
transition_in(default_slot, local);
|
|
14604
|
+
current = true;
|
|
14677
14605
|
},
|
|
14678
|
-
|
|
14679
|
-
|
|
14680
|
-
|
|
14681
|
-
if_block.p(ctx, dirty);
|
|
14682
|
-
} else {
|
|
14683
|
-
if_block = create_if_block(ctx);
|
|
14684
|
-
if_block.c();
|
|
14685
|
-
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
14686
|
-
}
|
|
14687
|
-
} else if (if_block) {
|
|
14688
|
-
if_block.d(1);
|
|
14689
|
-
if_block = null;
|
|
14690
|
-
}
|
|
14606
|
+
o(local) {
|
|
14607
|
+
transition_out(default_slot, local);
|
|
14608
|
+
current = false;
|
|
14691
14609
|
},
|
|
14692
|
-
i: noop,
|
|
14693
|
-
o: noop,
|
|
14694
14610
|
d(detaching) {
|
|
14695
|
-
if (
|
|
14696
|
-
if (
|
|
14611
|
+
if (detaching) detach(div);
|
|
14612
|
+
if (default_slot) default_slot.d(detaching);
|
|
14697
14613
|
}
|
|
14698
14614
|
};
|
|
14699
14615
|
}
|
|
14700
14616
|
|
|
14701
14617
|
function instance$1($$self, $$props, $$invalidate) {
|
|
14702
14618
|
let style;
|
|
14703
|
-
let
|
|
14704
|
-
let imgStyle;
|
|
14705
|
-
let { layerId } = $$props;
|
|
14619
|
+
let { $$slots: slots = {}, $$scope } = $$props;
|
|
14706
14620
|
let { props = {} } = $$props;
|
|
14707
|
-
let { overrideStyle } = $$props;
|
|
14708
14621
|
|
|
14709
14622
|
$$self.$$set = $$props => {
|
|
14710
|
-
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14711
14623
|
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
14712
|
-
if ('
|
|
14624
|
+
if ('$$scope' in $$props) $$invalidate(2, $$scope = $$props.$$scope);
|
|
14713
14625
|
};
|
|
14714
14626
|
|
|
14715
14627
|
$$self.$$.update = () => {
|
|
14716
14628
|
if ($$self.$$.dirty & /*props*/ 2) {
|
|
14717
|
-
$$invalidate(
|
|
14629
|
+
$$invalidate(0, style = objToStyle({
|
|
14630
|
+
display: props.display ?? 'flex',
|
|
14631
|
+
flexDirection: props.direction,
|
|
14632
|
+
alignItems: props.align,
|
|
14633
|
+
justifyContent: props.justify,
|
|
14634
|
+
rowGap: props.rowGap,
|
|
14635
|
+
columnGap: props.columnGap,
|
|
14718
14636
|
width: props.width,
|
|
14719
|
-
|
|
14720
|
-
|
|
14721
|
-
|
|
14722
|
-
|
|
14723
|
-
|
|
14724
|
-
|
|
14725
|
-
...
|
|
14726
|
-
}));
|
|
14727
|
-
}
|
|
14728
|
-
|
|
14729
|
-
if ($$self.$$.dirty & /*props*/ 2) {
|
|
14730
|
-
$$invalidate(4, objectStyle = objToStyle({
|
|
14731
|
-
width: '100%',
|
|
14732
|
-
aspectRatio: props.aspect,
|
|
14733
|
-
overflow: 'hidden'
|
|
14637
|
+
...toCssShadow(props),
|
|
14638
|
+
...toCssRadius(props),
|
|
14639
|
+
...toCssBackgroundImage(props),
|
|
14640
|
+
...toCssBackgroundColor(props),
|
|
14641
|
+
...toCssCommon(props),
|
|
14642
|
+
...toCssPadding(props),
|
|
14643
|
+
...toCssBorder(props)
|
|
14734
14644
|
}));
|
|
14735
14645
|
}
|
|
14736
14646
|
};
|
|
14737
14647
|
|
|
14738
|
-
|
|
14739
|
-
width: '100%',
|
|
14740
|
-
height: '100%',
|
|
14741
|
-
objectFit: 'cover',
|
|
14742
|
-
userSelect: 'none'
|
|
14743
|
-
}));
|
|
14744
|
-
|
|
14745
|
-
return [layerId, props, overrideStyle, imgStyle, objectStyle, style];
|
|
14648
|
+
return [style, props, $$scope, slots];
|
|
14746
14649
|
}
|
|
14747
14650
|
|
|
14748
|
-
class
|
|
14651
|
+
class Layout extends SvelteComponent {
|
|
14749
14652
|
constructor(options) {
|
|
14750
14653
|
super();
|
|
14751
|
-
init(this, options, instance$1, create_fragment$1, safe_not_equal, {
|
|
14654
|
+
init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 1 }, add_css$1);
|
|
14752
14655
|
}
|
|
14753
14656
|
}
|
|
14754
14657
|
|
|
14755
|
-
|
|
14658
|
+
const LAYOUT_DISPLAY_TYPE = ['inline-flex', 'flex', 'block'];
|
|
14659
|
+
const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
|
|
14660
|
+
const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end'];
|
|
14661
|
+
const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
14662
|
+
|
|
14663
|
+
/* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
|
|
14664
|
+
|
|
14665
|
+
function add_css(target) {
|
|
14666
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
|
14667
|
+
}
|
|
14756
14668
|
|
|
14757
14669
|
function create_fragment(ctx) {
|
|
14758
|
-
let
|
|
14759
|
-
let svg;
|
|
14760
|
-
let path;
|
|
14761
|
-
let button_style_value;
|
|
14670
|
+
let p;
|
|
14762
14671
|
|
|
14763
14672
|
return {
|
|
14764
14673
|
c() {
|
|
14765
|
-
|
|
14766
|
-
svg = svg_element("svg");
|
|
14767
|
-
path = svg_element("path");
|
|
14674
|
+
p = element("p");
|
|
14768
14675
|
this.h();
|
|
14769
14676
|
},
|
|
14770
14677
|
l(nodes) {
|
|
14771
|
-
|
|
14772
|
-
var
|
|
14773
|
-
|
|
14774
|
-
svg = claim_svg_element(button_nodes, "svg", {
|
|
14775
|
-
xmlns: true,
|
|
14776
|
-
style: true,
|
|
14777
|
-
viewBox: true,
|
|
14778
|
-
fill: true
|
|
14779
|
-
});
|
|
14780
|
-
|
|
14781
|
-
var svg_nodes = children(svg);
|
|
14782
|
-
path = claim_svg_element(svg_nodes, "path", { d: true });
|
|
14783
|
-
children(path).forEach(detach);
|
|
14784
|
-
svg_nodes.forEach(detach);
|
|
14785
|
-
button_nodes.forEach(detach);
|
|
14678
|
+
p = claim_element(nodes, "P", { class: true, style: true });
|
|
14679
|
+
var p_nodes = children(p);
|
|
14680
|
+
p_nodes.forEach(detach);
|
|
14786
14681
|
this.h();
|
|
14787
14682
|
},
|
|
14788
14683
|
h() {
|
|
14789
|
-
attr(
|
|
14790
|
-
attr(
|
|
14791
|
-
set_style(svg, "width", "75%");
|
|
14792
|
-
set_style(svg, "height", "75%");
|
|
14793
|
-
attr(svg, "viewBox", "0 0 50 50");
|
|
14794
|
-
attr(svg, "fill", "#666666");
|
|
14795
|
-
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14796
|
-
attr(button, "style", button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '));
|
|
14684
|
+
attr(p, "class", "text svelte-1vl0c87");
|
|
14685
|
+
attr(p, "style", /*style*/ ctx[0]);
|
|
14797
14686
|
},
|
|
14798
14687
|
m(target, anchor) {
|
|
14799
|
-
insert_hydration(target,
|
|
14800
|
-
|
|
14801
|
-
append_hydration(svg, path);
|
|
14688
|
+
insert_hydration(target, p, anchor);
|
|
14689
|
+
p.innerHTML = /*escapedHTML*/ ctx[1];
|
|
14802
14690
|
},
|
|
14803
14691
|
p(ctx, [dirty]) {
|
|
14804
|
-
if (dirty & /*
|
|
14805
|
-
|
|
14806
|
-
|
|
14807
|
-
|
|
14808
|
-
if (dirty & /*style, overrideStyle*/ 6 && button_style_value !== (button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '))) {
|
|
14809
|
-
attr(button, "style", button_style_value);
|
|
14692
|
+
if (dirty & /*escapedHTML*/ 2) p.innerHTML = /*escapedHTML*/ ctx[1];
|
|
14693
|
+
if (dirty & /*style*/ 1) {
|
|
14694
|
+
attr(p, "style", /*style*/ ctx[0]);
|
|
14810
14695
|
}
|
|
14811
14696
|
},
|
|
14812
14697
|
i: noop,
|
|
14813
14698
|
o: noop,
|
|
14814
14699
|
d(detaching) {
|
|
14815
|
-
if (detaching) detach(
|
|
14700
|
+
if (detaching) detach(p);
|
|
14816
14701
|
}
|
|
14817
14702
|
};
|
|
14818
14703
|
}
|
|
14819
14704
|
|
|
14820
14705
|
function instance($$self, $$props, $$invalidate) {
|
|
14706
|
+
let escapedHTML;
|
|
14821
14707
|
let style;
|
|
14822
|
-
let {
|
|
14823
|
-
let { props = {} } = $$props;
|
|
14824
|
-
let { overrideStyle } = $$props;
|
|
14825
|
-
const size = props.size ?? 24;
|
|
14708
|
+
let { props = { content: '' } } = $$props;
|
|
14826
14709
|
|
|
14827
14710
|
$$self.$$set = $$props => {
|
|
14828
|
-
if ('
|
|
14829
|
-
if ('props' in $$props) $$invalidate(3, props = $$props.props);
|
|
14830
|
-
if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
|
|
14711
|
+
if ('props' in $$props) $$invalidate(2, props = $$props.props);
|
|
14831
14712
|
};
|
|
14832
14713
|
|
|
14833
14714
|
$$self.$$.update = () => {
|
|
14834
|
-
if ($$self.$$.dirty & /*props*/
|
|
14835
|
-
$$invalidate(
|
|
14836
|
-
|
|
14837
|
-
|
|
14838
|
-
|
|
14839
|
-
|
|
14840
|
-
|
|
14841
|
-
|
|
14842
|
-
|
|
14843
|
-
|
|
14844
|
-
|
|
14845
|
-
|
|
14846
|
-
...props
|
|
14847
|
-
...
|
|
14715
|
+
if ($$self.$$.dirty & /*props*/ 4) {
|
|
14716
|
+
$$invalidate(1, escapedHTML = props.content.replace(/&/g, '<').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\n/g, '<br />'));
|
|
14717
|
+
}
|
|
14718
|
+
|
|
14719
|
+
if ($$self.$$.dirty & /*props*/ 4) {
|
|
14720
|
+
$$invalidate(0, style = objToStyle({
|
|
14721
|
+
position: props?.position ?? 'static',
|
|
14722
|
+
fontWeight: props.fontWeight,
|
|
14723
|
+
fontSize: props.fontSize,
|
|
14724
|
+
color: props.color,
|
|
14725
|
+
textAlign: props.align,
|
|
14726
|
+
width: props.width,
|
|
14727
|
+
...toCssRadius(props),
|
|
14728
|
+
...toCssBackgroundColor(props),
|
|
14729
|
+
...toCssCommon(props),
|
|
14730
|
+
...toCssPosition(props),
|
|
14731
|
+
...toCssBorder(props)
|
|
14848
14732
|
}));
|
|
14849
14733
|
}
|
|
14850
14734
|
};
|
|
14851
14735
|
|
|
14852
|
-
return [
|
|
14736
|
+
return [style, escapedHTML, props];
|
|
14853
14737
|
}
|
|
14854
14738
|
|
|
14855
|
-
class
|
|
14739
|
+
class Text extends SvelteComponent {
|
|
14856
14740
|
constructor(options) {
|
|
14857
14741
|
super();
|
|
14858
|
-
init(this, options, instance, create_fragment, safe_not_equal, {
|
|
14742
|
+
init(this, options, instance, create_fragment, safe_not_equal, { props: 2 }, add_css);
|
|
14859
14743
|
}
|
|
14860
14744
|
}
|
|
14861
14745
|
|
|
14862
|
-
|
|
14746
|
+
const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
|
|
14747
|
+
const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
|
|
14748
|
+
|
|
14749
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Text as V2Text, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|