@plaidev/karte-action-sdk 1.1.194 → 1.1.195-28164032.b3d0e1b0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.js +163 -161
- package/dist/index.es.js +163 -161
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -2550,7 +2550,7 @@ class State extends SvelteComponent {
|
|
2550
2550
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
2551
2551
|
|
2552
2552
|
function add_css$t(target) {
|
2553
|
-
append_styles(target, "svelte-
|
2553
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
2554
2554
|
}
|
2555
2555
|
|
2556
2556
|
// (23:0) {#if $state === path}
|
@@ -2577,7 +2577,7 @@ function create_if_block$8(ctx) {
|
|
2577
2577
|
},
|
2578
2578
|
h() {
|
2579
2579
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
2580
|
-
attr(div, "class", "state-item svelte-
|
2580
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
2581
2581
|
},
|
2582
2582
|
m(target, anchor) {
|
2583
2583
|
insert_hydration(target, div, anchor);
|
@@ -2936,7 +2936,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
|
|
2936
2936
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
2937
2937
|
|
2938
2938
|
function add_css$s(target) {
|
2939
|
-
append_styles(target, "svelte-
|
2939
|
+
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}");
|
2940
2940
|
}
|
2941
2941
|
|
2942
2942
|
// (9:0) {#if backgroundOverlay}
|
@@ -2956,7 +2956,7 @@ function create_if_block$7(ctx) {
|
|
2956
2956
|
this.h();
|
2957
2957
|
},
|
2958
2958
|
h() {
|
2959
|
-
attr(div, "class", "background svelte-
|
2959
|
+
attr(div, "class", "background svelte-1d4fta");
|
2960
2960
|
},
|
2961
2961
|
m(target, anchor) {
|
2962
2962
|
insert_hydration(target, div, anchor);
|
@@ -3071,7 +3071,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3071
3071
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3072
3072
|
|
3073
3073
|
function add_css$r(target) {
|
3074
|
-
append_styles(target, "svelte-
|
3074
|
+
append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
|
3075
3075
|
}
|
3076
3076
|
|
3077
3077
|
// (50:0) {:else}
|
@@ -3110,7 +3110,7 @@ function create_else_block$3(ctx) {
|
|
3110
3110
|
},
|
3111
3111
|
h() {
|
3112
3112
|
set_attributes(button, button_data);
|
3113
|
-
toggle_class(button, "svelte-
|
3113
|
+
toggle_class(button, "svelte-1tg0tf", true);
|
3114
3114
|
},
|
3115
3115
|
m(target, anchor) {
|
3116
3116
|
insert_hydration(target, button, anchor);
|
@@ -3149,7 +3149,7 @@ function create_else_block$3(ctx) {
|
|
3149
3149
|
dataAttrStopPropagation('click')
|
3150
3150
|
]));
|
3151
3151
|
|
3152
|
-
toggle_class(button, "svelte-
|
3152
|
+
toggle_class(button, "svelte-1tg0tf", true);
|
3153
3153
|
},
|
3154
3154
|
i(local) {
|
3155
3155
|
if (current) return;
|
@@ -3190,7 +3190,7 @@ function create_if_block_2(ctx) {
|
|
3190
3190
|
this.h();
|
3191
3191
|
},
|
3192
3192
|
h() {
|
3193
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
3193
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
|
3194
3194
|
attr(div, "style", /*style*/ ctx[1]);
|
3195
3195
|
},
|
3196
3196
|
m(target, anchor) {
|
@@ -3290,7 +3290,7 @@ function create_if_block_1$2(ctx) {
|
|
3290
3290
|
},
|
3291
3291
|
h() {
|
3292
3292
|
set_attributes(a, a_data);
|
3293
|
-
toggle_class(a, "svelte-
|
3293
|
+
toggle_class(a, "svelte-1tg0tf", true);
|
3294
3294
|
},
|
3295
3295
|
m(target, anchor) {
|
3296
3296
|
insert_hydration(target, a, anchor);
|
@@ -3332,7 +3332,7 @@ function create_if_block_1$2(ctx) {
|
|
3332
3332
|
dataAttrStopPropagation('click')
|
3333
3333
|
]));
|
3334
3334
|
|
3335
|
-
toggle_class(a, "svelte-
|
3335
|
+
toggle_class(a, "svelte-1tg0tf", true);
|
3336
3336
|
},
|
3337
3337
|
i(local) {
|
3338
3338
|
if (current) return;
|
@@ -3373,7 +3373,7 @@ function create_if_block$6(ctx) {
|
|
3373
3373
|
this.h();
|
3374
3374
|
},
|
3375
3375
|
h() {
|
3376
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
3376
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
|
3377
3377
|
attr(div, "style", /*style*/ ctx[1]);
|
3378
3378
|
},
|
3379
3379
|
m(target, anchor) {
|
@@ -3581,7 +3581,7 @@ class Button extends SvelteComponent {
|
|
3581
3581
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
3582
3582
|
|
3583
3583
|
function add_css$q(target) {
|
3584
|
-
append_styles(target, "svelte-
|
3584
|
+
append_styles(target, "svelte-yvwr7u", ".modal.svelte-yvwr7u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-yvwr7u > .button{flex:auto;display:flex}.close.svelte-yvwr7u{position:absolute;top:0;right:0}.close.svelte-yvwr7u > .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-yvwr7u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-yvwr7u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
3585
3585
|
}
|
3586
3586
|
|
3587
3587
|
// (145:0) {#if visible}
|
@@ -3622,7 +3622,7 @@ function create_if_block$5(ctx) {
|
|
3622
3622
|
this.h();
|
3623
3623
|
},
|
3624
3624
|
h() {
|
3625
|
-
attr(div, "class", "modal svelte-
|
3625
|
+
attr(div, "class", "modal svelte-yvwr7u");
|
3626
3626
|
attr(div, "role", "dialog");
|
3627
3627
|
attr(div, "aria-modal", "true");
|
3628
3628
|
attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
|
@@ -3710,7 +3710,7 @@ function create_if_block_1$1(ctx) {
|
|
3710
3710
|
this.h();
|
3711
3711
|
},
|
3712
3712
|
h() {
|
3713
|
-
attr(div, "class", "close svelte-
|
3713
|
+
attr(div, "class", "close svelte-yvwr7u");
|
3714
3714
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
|
3715
3715
|
},
|
3716
3716
|
m(target, anchor) {
|
@@ -3751,7 +3751,7 @@ function create_if_block_1$1(ctx) {
|
|
3751
3751
|
};
|
3752
3752
|
}
|
3753
3753
|
|
3754
|
-
// (164:10) <Button
|
3754
|
+
// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
|
3755
3755
|
function create_default_slot_1$1(ctx) {
|
3756
3756
|
let svg;
|
3757
3757
|
let path;
|
@@ -3835,7 +3835,7 @@ function create_default_slot$6(ctx) {
|
|
3835
3835
|
this.h();
|
3836
3836
|
},
|
3837
3837
|
h() {
|
3838
|
-
attr(div, "class", "modal-content svelte-
|
3838
|
+
attr(div, "class", "modal-content svelte-yvwr7u");
|
3839
3839
|
attr(div, "style", /*_style*/ ctx[4]);
|
3840
3840
|
},
|
3841
3841
|
m(target, anchor) {
|
@@ -4031,7 +4031,7 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
4031
4031
|
let { clickEventValue = null } = $$props;
|
4032
4032
|
let { placement = DefaultModalPlacement } = $$props;
|
4033
4033
|
let { animation = 'none' } = $$props;
|
4034
|
-
let { _style = '
|
4034
|
+
let { _style = '' } = $$props;
|
4035
4035
|
let { elasticity = 'none' } = $$props;
|
4036
4036
|
let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
|
4037
4037
|
let { closeEventName = '' } = $$props;
|
@@ -4345,7 +4345,7 @@ class Grid extends SvelteComponent {
|
|
4345
4345
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4346
4346
|
|
4347
4347
|
function add_css$p(target) {
|
4348
|
-
append_styles(target, "svelte-
|
4348
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
4349
4349
|
}
|
4350
4350
|
|
4351
4351
|
function create_fragment$r(ctx) {
|
@@ -4379,8 +4379,8 @@ function create_fragment$r(ctx) {
|
|
4379
4379
|
this.h();
|
4380
4380
|
},
|
4381
4381
|
h() {
|
4382
|
-
attr(div0, "class", "grid-item-inner svelte-
|
4383
|
-
attr(div1, "class", "grid-item svelte-
|
4382
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
4383
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
4384
4384
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
4385
4385
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
4386
4386
|
attr(div1, "style", /*_style*/ ctx[1]);
|
@@ -4702,10 +4702,10 @@ class RenderText extends SvelteComponent {
|
|
4702
4702
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
4703
4703
|
|
4704
4704
|
function add_css$o(target) {
|
4705
|
-
append_styles(target, "svelte-
|
4705
|
+
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}");
|
4706
4706
|
}
|
4707
4707
|
|
4708
|
-
// (
|
4708
|
+
// (93:2) {:else}
|
4709
4709
|
function create_else_block$1(ctx) {
|
4710
4710
|
let div1;
|
4711
4711
|
let div0;
|
@@ -4732,8 +4732,8 @@ function create_else_block$1(ctx) {
|
|
4732
4732
|
this.h();
|
4733
4733
|
},
|
4734
4734
|
h() {
|
4735
|
-
attr(div0, "class", "text-element-inner svelte-
|
4736
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
4735
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
4736
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
4737
4737
|
attr(div1, "style", /*style*/ ctx[5]);
|
4738
4738
|
},
|
4739
4739
|
m(target, anchor) {
|
@@ -4747,7 +4747,7 @@ function create_else_block$1(ctx) {
|
|
4747
4747
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
4748
4748
|
rendertext.$set(rendertext_changes);
|
4749
4749
|
|
4750
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
4750
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
4751
4751
|
attr(div1, "class", div1_class_value);
|
4752
4752
|
}
|
4753
4753
|
|
@@ -4771,7 +4771,7 @@ function create_else_block$1(ctx) {
|
|
4771
4771
|
};
|
4772
4772
|
}
|
4773
4773
|
|
4774
|
-
// (
|
4774
|
+
// (79:2) {#if enableCopy}
|
4775
4775
|
function create_if_block$3(ctx) {
|
4776
4776
|
let a;
|
4777
4777
|
let div0;
|
@@ -4822,12 +4822,12 @@ function create_if_block$3(ctx) {
|
|
4822
4822
|
this.h();
|
4823
4823
|
},
|
4824
4824
|
h() {
|
4825
|
-
attr(div0, "class", "text-element-inner svelte-
|
4825
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
4826
4826
|
attr(a, "href", '');
|
4827
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
4827
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
4828
4828
|
attr(a, "style", /*style*/ ctx[5]);
|
4829
|
-
attr(div1, "class", "tooltip svelte-
|
4830
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
4829
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
4830
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
4831
4831
|
},
|
4832
4832
|
m(target, anchor) {
|
4833
4833
|
insert_hydration(target, a, anchor);
|
@@ -4853,7 +4853,7 @@ function create_if_block$3(ctx) {
|
|
4853
4853
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
4854
4854
|
rendertext.$set(rendertext_changes);
|
4855
4855
|
|
4856
|
-
if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
4856
|
+
if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
4857
4857
|
attr(a, "class", a_class_value);
|
4858
4858
|
}
|
4859
4859
|
|
@@ -4915,7 +4915,7 @@ function create_fragment$p(ctx) {
|
|
4915
4915
|
this.h();
|
4916
4916
|
},
|
4917
4917
|
h() {
|
4918
|
-
attr(div, "class", "text-element-wrapper svelte-
|
4918
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
4919
4919
|
},
|
4920
4920
|
m(target, anchor) {
|
4921
4921
|
insert_hydration(target, div, anchor);
|
@@ -4969,9 +4969,9 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
4969
4969
|
let style;
|
4970
4970
|
let { text = 'サンプルSample' } = $$props;
|
4971
4971
|
let { font = SYSTEM_FONT } = $$props;
|
4972
|
-
let { _textStyle = '
|
4972
|
+
let { _textStyle = '' } = $$props;
|
4973
4973
|
let { textDirection = 'horizontal' } = $$props;
|
4974
|
-
let { _style = '
|
4974
|
+
let { _style = '' } = $$props;
|
4975
4975
|
let { enableCopy = false } = $$props;
|
4976
4976
|
let { eventName = '' } = $$props;
|
4977
4977
|
let eventValue = undefined;
|
@@ -5080,10 +5080,10 @@ class TextElement extends SvelteComponent {
|
|
5080
5080
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5081
5081
|
|
5082
5082
|
function add_css$n(target) {
|
5083
|
-
append_styles(target, "svelte-
|
5083
|
+
append_styles(target, "svelte-3hgcnq", ".text-button-element.svelte-3hgcnq{width:100%;height:100%}.text-button-element.svelte-3hgcnq > .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:#000000;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-3hgcnq > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-3hgcnq > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-3hgcnq > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
5084
5084
|
}
|
5085
5085
|
|
5086
|
-
// (
|
5086
|
+
// (48:2) <Button {onClick} {style} {eventName}>
|
5087
5087
|
function create_default_slot$5(ctx) {
|
5088
5088
|
let rendertext;
|
5089
5089
|
let current;
|
@@ -5149,7 +5149,7 @@ function create_fragment$o(ctx) {
|
|
5149
5149
|
this.h();
|
5150
5150
|
},
|
5151
5151
|
h() {
|
5152
|
-
attr(div, "class", "text-button-element svelte-
|
5152
|
+
attr(div, "class", "text-button-element svelte-3hgcnq");
|
5153
5153
|
},
|
5154
5154
|
m(target, anchor) {
|
5155
5155
|
insert_hydration(target, div, anchor);
|
@@ -5190,8 +5190,8 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
5190
5190
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
5191
5191
|
let { eventName = '' } = $$props;
|
5192
5192
|
let { font = SYSTEM_FONT } = $$props;
|
5193
|
-
let { _buttonStyle = '
|
5194
|
-
let { _style = '
|
5193
|
+
let { _buttonStyle = '' } = $$props;
|
5194
|
+
let { _style = '' } = $$props;
|
5195
5195
|
|
5196
5196
|
$$self.$$set = $$props => {
|
5197
5197
|
if ('text' in $$props) $$invalidate(0, text = $$props.text);
|
@@ -5241,7 +5241,7 @@ class TextButtonElement extends SvelteComponent {
|
|
5241
5241
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5242
5242
|
|
5243
5243
|
function add_css$m(target) {
|
5244
|
-
append_styles(target, "svelte-
|
5244
|
+
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%}");
|
5245
5245
|
}
|
5246
5246
|
|
5247
5247
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
@@ -5269,7 +5269,7 @@ function create_default_slot$4(ctx) {
|
|
5269
5269
|
this.h();
|
5270
5270
|
},
|
5271
5271
|
h() {
|
5272
|
-
attr(img, "class", "image svelte-
|
5272
|
+
attr(img, "class", "image svelte-t6tu0e");
|
5273
5273
|
attr(img, "loading", "lazy");
|
5274
5274
|
attr(img, "width", "auto");
|
5275
5275
|
attr(img, "height", "auto");
|
@@ -5329,7 +5329,7 @@ function create_fragment$n(ctx) {
|
|
5329
5329
|
this.h();
|
5330
5330
|
},
|
5331
5331
|
h() {
|
5332
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
5332
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
5333
5333
|
},
|
5334
5334
|
m(target, anchor) {
|
5335
5335
|
insert_hydration(target, div, anchor);
|
@@ -5348,7 +5348,7 @@ function create_fragment$n(ctx) {
|
|
5348
5348
|
|
5349
5349
|
button.$set(button_changes);
|
5350
5350
|
|
5351
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
5351
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
5352
5352
|
attr(div, "class", div_class_value);
|
5353
5353
|
}
|
5354
5354
|
},
|
@@ -5376,7 +5376,7 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
5376
5376
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
5377
5377
|
let { eventName = '' } = $$props;
|
5378
5378
|
let { _imageStyle = '' } = $$props;
|
5379
|
-
let { _style = '
|
5379
|
+
let { _style = '' } = $$props;
|
5380
5380
|
|
5381
5381
|
$$self.$$set = $$props => {
|
5382
5382
|
if ('src' in $$props) $$invalidate(0, src = $$props.src);
|
@@ -5420,7 +5420,7 @@ class ImageElement extends SvelteComponent {
|
|
5420
5420
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
5421
5421
|
|
5422
5422
|
function add_css$l(target) {
|
5423
|
-
append_styles(target, "svelte-
|
5423
|
+
append_styles(target, "svelte-1gh1zvv", ".list.svelte-1gh1zvv{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
5424
5424
|
}
|
5425
5425
|
|
5426
5426
|
function create_fragment$m(ctx) {
|
@@ -5443,7 +5443,7 @@ function create_fragment$m(ctx) {
|
|
5443
5443
|
this.h();
|
5444
5444
|
},
|
5445
5445
|
h() {
|
5446
|
-
attr(div, "class", "list svelte-
|
5446
|
+
attr(div, "class", "list svelte-1gh1zvv");
|
5447
5447
|
attr(div, "style", /*style*/ ctx[0]);
|
5448
5448
|
},
|
5449
5449
|
m(target, anchor) {
|
@@ -5499,7 +5499,7 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
5499
5499
|
let { direction = 'vertical' } = $$props;
|
5500
5500
|
let { separator = DefaultListSeparator } = $$props;
|
5501
5501
|
let { background = DefaultListBackground } = $$props;
|
5502
|
-
let { _style = '
|
5502
|
+
let { _style = '' } = $$props;
|
5503
5503
|
let items = [];
|
5504
5504
|
|
5505
5505
|
setContext(LIST_CONTEXT_KEY, {
|
@@ -5577,7 +5577,7 @@ class List extends SvelteComponent {
|
|
5577
5577
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
5578
5578
|
|
5579
5579
|
function add_css$k(target) {
|
5580
|
-
append_styles(target, "svelte-
|
5580
|
+
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}");
|
5581
5581
|
}
|
5582
5582
|
|
5583
5583
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
@@ -5660,7 +5660,7 @@ function create_fragment$l(ctx) {
|
|
5660
5660
|
this.h();
|
5661
5661
|
},
|
5662
5662
|
h() {
|
5663
|
-
attr(div, "class", "list-item svelte-
|
5663
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
5664
5664
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
5665
5665
|
},
|
5666
5666
|
m(target, anchor) {
|
@@ -5714,7 +5714,7 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
5714
5714
|
|
5715
5715
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
5716
5716
|
let { clickEventName = '' } = $$props;
|
5717
|
-
let { _style = '
|
5717
|
+
let { _style = '' } = $$props;
|
5718
5718
|
|
5719
5719
|
onDestroy$1(() => {
|
5720
5720
|
unregisterItem(id);
|
@@ -5786,7 +5786,7 @@ class ListItem extends SvelteComponent {
|
|
5786
5786
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
5787
5787
|
|
5788
5788
|
function add_css$j(target) {
|
5789
|
-
append_styles(target, "svelte-
|
5789
|
+
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}");
|
5790
5790
|
}
|
5791
5791
|
|
5792
5792
|
function create_fragment$k(ctx) {
|
@@ -5804,7 +5804,7 @@ function create_fragment$k(ctx) {
|
|
5804
5804
|
this.h();
|
5805
5805
|
},
|
5806
5806
|
h() {
|
5807
|
-
attr(div, "class", "embed svelte-
|
5807
|
+
attr(div, "class", "embed svelte-wocq4p");
|
5808
5808
|
attr(div, "style", /*_style*/ ctx[1]);
|
5809
5809
|
},
|
5810
5810
|
m(target, anchor) {
|
@@ -5827,7 +5827,7 @@ function create_fragment$k(ctx) {
|
|
5827
5827
|
|
5828
5828
|
function instance$k($$self, $$props, $$invalidate) {
|
5829
5829
|
let { code } = $$props;
|
5830
|
-
let { _style = '
|
5830
|
+
let { _style = '' } = $$props;
|
5831
5831
|
|
5832
5832
|
$$self.$$set = $$props => {
|
5833
5833
|
if ('code' in $$props) $$invalidate(0, code = $$props.code);
|
@@ -5847,7 +5847,7 @@ class EmbedElement extends SvelteComponent {
|
|
5847
5847
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
5848
5848
|
|
5849
5849
|
function add_css$i(target) {
|
5850
|
-
append_styles(target, "svelte-
|
5850
|
+
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%}");
|
5851
5851
|
}
|
5852
5852
|
|
5853
5853
|
function create_fragment$j(ctx) {
|
@@ -5870,7 +5870,7 @@ function create_fragment$j(ctx) {
|
|
5870
5870
|
},
|
5871
5871
|
h() {
|
5872
5872
|
attr(div0, "class", "karte-player");
|
5873
|
-
attr(div1, "class", "embed svelte-
|
5873
|
+
attr(div1, "class", "embed svelte-vikz49");
|
5874
5874
|
attr(div1, "style", /*_style*/ ctx[0]);
|
5875
5875
|
},
|
5876
5876
|
m(target, anchor) {
|
@@ -5929,7 +5929,7 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
5929
5929
|
let { start = -1 } = $$props;
|
5930
5930
|
let { widget_referrer = '' } = $$props;
|
5931
5931
|
let { mute = false } = $$props;
|
5932
|
-
let { _style = '
|
5932
|
+
let { _style = '' } = $$props;
|
5933
5933
|
|
5934
5934
|
// @ts-ignore
|
5935
5935
|
if (!window.YT) {
|
@@ -6212,7 +6212,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6212
6212
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6213
6213
|
|
6214
6214
|
function add_css$h(target) {
|
6215
|
-
append_styles(target, "svelte-
|
6215
|
+
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%}");
|
6216
6216
|
}
|
6217
6217
|
|
6218
6218
|
function create_fragment$i(ctx) {
|
@@ -6235,7 +6235,7 @@ function create_fragment$i(ctx) {
|
|
6235
6235
|
},
|
6236
6236
|
h() {
|
6237
6237
|
attr(div0, "class", "karte-player");
|
6238
|
-
attr(div1, "class", "embed svelte-
|
6238
|
+
attr(div1, "class", "embed svelte-vikz49");
|
6239
6239
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6240
6240
|
},
|
6241
6241
|
m(target, anchor) {
|
@@ -6265,7 +6265,7 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
6265
6265
|
let { autoplay = false } = $$props;
|
6266
6266
|
let { loop = false } = $$props;
|
6267
6267
|
let { mute = false } = $$props;
|
6268
|
-
let { _style = "
|
6268
|
+
let { _style = "" } = $$props;
|
6269
6269
|
|
6270
6270
|
// @ts-ignore
|
6271
6271
|
if (!window.Vimeo) {
|
@@ -6419,7 +6419,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6419
6419
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
6420
6420
|
|
6421
6421
|
function add_css$g(target) {
|
6422
|
-
append_styles(target, "svelte-
|
6422
|
+
append_styles(target, "svelte-kyay3k", ".textarea-wrapper.svelte-kyay3k{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-kyay3k{width:100%;resize:none}");
|
6423
6423
|
}
|
6424
6424
|
|
6425
6425
|
function create_fragment$h(ctx) {
|
@@ -6449,12 +6449,12 @@ function create_fragment$h(ctx) {
|
|
6449
6449
|
this.h();
|
6450
6450
|
},
|
6451
6451
|
h() {
|
6452
|
-
attr(textarea, "class", "textarea svelte-
|
6452
|
+
attr(textarea, "class", "textarea svelte-kyay3k");
|
6453
6453
|
textarea.value = /*$value*/ ctx[3];
|
6454
6454
|
textarea.required = /*required*/ ctx[0];
|
6455
6455
|
attr(textarea, "rows", /*rows*/ ctx[1]);
|
6456
6456
|
attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
|
6457
|
-
attr(div, "class", "textarea-wrapper svelte-
|
6457
|
+
attr(div, "class", "textarea-wrapper svelte-kyay3k");
|
6458
6458
|
},
|
6459
6459
|
m(target, anchor) {
|
6460
6460
|
insert_hydration(target, div, anchor);
|
@@ -6550,7 +6550,7 @@ class FormTextarea extends SvelteComponent {
|
|
6550
6550
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
6551
6551
|
|
6552
6552
|
function add_css$f(target) {
|
6553
|
-
append_styles(target, "svelte-
|
6553
|
+
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}");
|
6554
6554
|
}
|
6555
6555
|
|
6556
6556
|
function get_each_context$5(ctx, list, i) {
|
@@ -6606,14 +6606,14 @@ function create_each_block$5(ctx) {
|
|
6606
6606
|
},
|
6607
6607
|
h() {
|
6608
6608
|
attr(input, "type", "radio");
|
6609
|
-
attr(input, "class", "radio-button-input svelte-
|
6609
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
6610
6610
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
6611
6611
|
attr(input, "name", /*name*/ ctx[0]);
|
6612
6612
|
input.value = input_value_value = /*option*/ ctx[16];
|
6613
6613
|
input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
|
6614
|
-
attr(span, "class", "radio-button-text svelte-
|
6614
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
6615
6615
|
attr(span, "style", /*_textStyle*/ ctx[2]);
|
6616
|
-
attr(label, "class", "radio-button svelte-
|
6616
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
6617
6617
|
},
|
6618
6618
|
m(target, anchor) {
|
6619
6619
|
insert_hydration(target, label, anchor);
|
@@ -6692,7 +6692,7 @@ function create_fragment$g(ctx) {
|
|
6692
6692
|
this.h();
|
6693
6693
|
},
|
6694
6694
|
h() {
|
6695
|
-
attr(div, "class", "radio-buttons svelte-
|
6695
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
6696
6696
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
6697
6697
|
},
|
6698
6698
|
m(target, anchor) {
|
@@ -6859,7 +6859,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
6859
6859
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
6860
6860
|
|
6861
6861
|
function add_css$e(target) {
|
6862
|
-
append_styles(target, "svelte-
|
6862
|
+
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}");
|
6863
6863
|
}
|
6864
6864
|
|
6865
6865
|
function get_each_context$4(ctx, list, i) {
|
@@ -7030,10 +7030,10 @@ function create_fragment$f(ctx) {
|
|
7030
7030
|
this.h();
|
7031
7031
|
},
|
7032
7032
|
h() {
|
7033
|
-
attr(select, "class", "select-select svelte-
|
7033
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
7034
7034
|
attr(select, "style", /*style*/ ctx[3]);
|
7035
|
-
attr(div0, "class", "select-icon svelte-
|
7036
|
-
attr(div1, "class", "select svelte-
|
7035
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
7036
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
7037
7037
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
7038
7038
|
},
|
7039
7039
|
m(target, anchor) {
|
@@ -7105,10 +7105,10 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
7105
7105
|
let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
|
7106
7106
|
let { placeholder = '回答を選択して下さい' } = $$props;
|
7107
7107
|
let { required = false } = $$props;
|
7108
|
-
let { _style = '
|
7108
|
+
let { _style = '' } = $$props;
|
7109
7109
|
let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
|
7110
7110
|
let { font = SYSTEM_FONT } = $$props;
|
7111
|
-
let { _textStyle = '
|
7111
|
+
let { _textStyle = '' } = $$props;
|
7112
7112
|
let { _placeholderStyle = 'color: #ccc;' } = $$props;
|
7113
7113
|
let { iconColor = 'rgba(0, 16, 14, 0.8)' } = $$props;
|
7114
7114
|
let { iconSize = '12px' } = $$props;
|
@@ -7235,7 +7235,7 @@ class FormSelect extends SvelteComponent {
|
|
7235
7235
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7236
7236
|
|
7237
7237
|
function add_css$d(target) {
|
7238
|
-
append_styles(target, "svelte-
|
7238
|
+
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}");
|
7239
7239
|
}
|
7240
7240
|
|
7241
7241
|
function get_each_context$3(ctx, list, i) {
|
@@ -7258,6 +7258,7 @@ function create_each_block$3(ctx) {
|
|
7258
7258
|
let span2;
|
7259
7259
|
let t2_value = /*option*/ ctx[17] + "";
|
7260
7260
|
let t2;
|
7261
|
+
let span2_style_value;
|
7261
7262
|
let t3;
|
7262
7263
|
let mounted;
|
7263
7264
|
let dispose;
|
@@ -7296,19 +7297,19 @@ function create_each_block$3(ctx) {
|
|
7296
7297
|
this.h();
|
7297
7298
|
},
|
7298
7299
|
h() {
|
7299
|
-
attr(input, "class", "check-box-input svelte-
|
7300
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
7300
7301
|
attr(input, "type", "checkbox");
|
7301
7302
|
attr(input, "name", /*name*/ ctx[0]);
|
7302
7303
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
7303
|
-
attr(span0, "class", "check-box-icon svelte-
|
7304
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
7304
7305
|
|
7305
7306
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7306
7307
|
? ' _checked'
|
7307
|
-
: ''}`) + " svelte-
|
7308
|
+
: ''}`) + " svelte-1p65cg8"));
|
7308
7309
|
|
7309
|
-
attr(span2, "class", "check-box-text svelte-
|
7310
|
-
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
7311
|
-
attr(label, "class", "check-box svelte-
|
7310
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
7311
|
+
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
7312
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
7312
7313
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
7313
7314
|
},
|
7314
7315
|
m(target, anchor) {
|
@@ -7323,7 +7324,7 @@ function create_each_block$3(ctx) {
|
|
7323
7324
|
append_hydration(label, t3);
|
7324
7325
|
|
7325
7326
|
if (!mounted) {
|
7326
|
-
dispose = listen(input, "change", /*handleChange*/ ctx[
|
7327
|
+
dispose = listen(input, "change", /*handleChange*/ ctx[8](/*i*/ ctx[19]));
|
7327
7328
|
mounted = true;
|
7328
7329
|
}
|
7329
7330
|
},
|
@@ -7340,14 +7341,14 @@ function create_each_block$3(ctx) {
|
|
7340
7341
|
|
7341
7342
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7342
7343
|
? ' _checked'
|
7343
|
-
: ''}`) + " svelte-
|
7344
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
7344
7345
|
attr(span1, "class", span1_class_value);
|
7345
7346
|
}
|
7346
7347
|
|
7347
7348
|
if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
|
7348
7349
|
|
7349
|
-
if (dirty & /*_textStyle*/ 4) {
|
7350
|
-
attr(span2, "style",
|
7350
|
+
if (dirty & /*_textStyle*/ 4 && span2_style_value !== (span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`)) {
|
7351
|
+
attr(span2, "style", span2_style_value);
|
7351
7352
|
}
|
7352
7353
|
|
7353
7354
|
if (dirty & /*styleVariables*/ 32) {
|
@@ -7393,7 +7394,7 @@ function create_fragment$e(ctx) {
|
|
7393
7394
|
this.h();
|
7394
7395
|
},
|
7395
7396
|
h() {
|
7396
|
-
attr(div, "class", "check-boxes svelte-
|
7397
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
7397
7398
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7398
7399
|
},
|
7399
7400
|
m(target, anchor) {
|
@@ -7404,7 +7405,7 @@ function create_fragment$e(ctx) {
|
|
7404
7405
|
}
|
7405
7406
|
},
|
7406
7407
|
p(ctx, [dirty]) {
|
7407
|
-
if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/
|
7408
|
+
if (dirty & /*styleVariables, _textStyle, fontCss, _options, isCheckedArray, name, handleChange*/ 381) {
|
7408
7409
|
each_value = /*_options*/ ctx[3];
|
7409
7410
|
let i;
|
7410
7411
|
|
@@ -7448,10 +7449,10 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
7448
7449
|
let { name = '' } = $$props;
|
7449
7450
|
let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
|
7450
7451
|
let { required = false } = $$props;
|
7451
|
-
let { _layoutStyle = '
|
7452
|
+
let { _layoutStyle = '' } = $$props;
|
7452
7453
|
let { font = SYSTEM_FONT } = $$props;
|
7453
7454
|
const fontCss = font ? 'font-family:' + font : '';
|
7454
|
-
let { _textStyle =
|
7455
|
+
let { _textStyle = '' } = $$props;
|
7455
7456
|
let { buttonSize = '16px' } = $$props;
|
7456
7457
|
let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
|
7457
7458
|
let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
|
@@ -7467,7 +7468,7 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
7467
7468
|
}
|
7468
7469
|
});
|
7469
7470
|
|
7470
|
-
component_subscribe($$self, value, value => $$invalidate(
|
7471
|
+
component_subscribe($$self, value, value => $$invalidate(15, $value = value));
|
7471
7472
|
|
7472
7473
|
const handleChange = index => event => {
|
7473
7474
|
if (isCheckedArray[index] !== event.target.checked) {
|
@@ -7480,26 +7481,26 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
7480
7481
|
|
7481
7482
|
$$self.$$set = $$props => {
|
7482
7483
|
if ('name' in $$props) $$invalidate(0, name = $$props.name);
|
7483
|
-
if ('options' in $$props) $$invalidate(
|
7484
|
-
if ('required' in $$props) $$invalidate(
|
7484
|
+
if ('options' in $$props) $$invalidate(9, options = $$props.options);
|
7485
|
+
if ('required' in $$props) $$invalidate(10, required = $$props.required);
|
7485
7486
|
if ('_layoutStyle' in $$props) $$invalidate(1, _layoutStyle = $$props._layoutStyle);
|
7486
|
-
if ('font' in $$props) $$invalidate(
|
7487
|
+
if ('font' in $$props) $$invalidate(11, font = $$props.font);
|
7487
7488
|
if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
|
7488
|
-
if ('buttonSize' in $$props) $$invalidate(
|
7489
|
-
if ('buttonColor' in $$props) $$invalidate(
|
7490
|
-
if ('buttonColorActive' in $$props) $$invalidate(
|
7489
|
+
if ('buttonSize' in $$props) $$invalidate(12, buttonSize = $$props.buttonSize);
|
7490
|
+
if ('buttonColor' in $$props) $$invalidate(13, buttonColor = $$props.buttonColor);
|
7491
|
+
if ('buttonColorActive' in $$props) $$invalidate(14, buttonColorActive = $$props.buttonColorActive);
|
7491
7492
|
};
|
7492
7493
|
|
7493
7494
|
$$self.$$.update = () => {
|
7494
|
-
if ($$self.$$.dirty & /*font*/
|
7495
|
+
if ($$self.$$.dirty & /*font*/ 2048) {
|
7495
7496
|
addFont(font);
|
7496
7497
|
}
|
7497
7498
|
|
7498
|
-
if ($$self.$$.dirty & /*options*/
|
7499
|
+
if ($$self.$$.dirty & /*options*/ 512) {
|
7499
7500
|
$$invalidate(3, _options = options.split(','));
|
7500
7501
|
}
|
7501
7502
|
|
7502
|
-
if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/
|
7503
|
+
if ($$self.$$.dirty & /*buttonColor, buttonColorActive, buttonSize*/ 28672) {
|
7503
7504
|
$$invalidate(5, styleVariables = (() => {
|
7504
7505
|
return stringifyStyleObj({
|
7505
7506
|
'--color-main': buttonColor.main,
|
@@ -7511,7 +7512,7 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
7511
7512
|
})());
|
7512
7513
|
}
|
7513
7514
|
|
7514
|
-
if ($$self.$$.dirty & /*$value, _options*/
|
7515
|
+
if ($$self.$$.dirty & /*$value, _options*/ 32776) {
|
7515
7516
|
$$invalidate(4, isCheckedArray = (() => {
|
7516
7517
|
const checkedSet = new Set($value);
|
7517
7518
|
return _options.map(option => checkedSet.has(option));
|
@@ -7526,6 +7527,7 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
7526
7527
|
_options,
|
7527
7528
|
isCheckedArray,
|
7528
7529
|
styleVariables,
|
7530
|
+
fontCss,
|
7529
7531
|
value,
|
7530
7532
|
handleChange,
|
7531
7533
|
options,
|
@@ -7550,14 +7552,14 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7550
7552
|
safe_not_equal,
|
7551
7553
|
{
|
7552
7554
|
name: 0,
|
7553
|
-
options:
|
7554
|
-
required:
|
7555
|
+
options: 9,
|
7556
|
+
required: 10,
|
7555
7557
|
_layoutStyle: 1,
|
7556
|
-
font:
|
7558
|
+
font: 11,
|
7557
7559
|
_textStyle: 2,
|
7558
|
-
buttonSize:
|
7559
|
-
buttonColor:
|
7560
|
-
buttonColorActive:
|
7560
|
+
buttonSize: 12,
|
7561
|
+
buttonColor: 13,
|
7562
|
+
buttonColorActive: 14
|
7561
7563
|
},
|
7562
7564
|
add_css$d
|
7563
7565
|
);
|
@@ -7567,7 +7569,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7567
7569
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7568
7570
|
|
7569
7571
|
function add_css$c(target) {
|
7570
|
-
append_styles(target, "svelte-
|
7572
|
+
append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{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}");
|
7571
7573
|
}
|
7572
7574
|
|
7573
7575
|
function get_each_context$2(ctx, list, i) {
|
@@ -7602,7 +7604,7 @@ function create_each_block$2(ctx) {
|
|
7602
7604
|
this.h();
|
7603
7605
|
},
|
7604
7606
|
h() {
|
7605
|
-
attr(button, "class", "rating-button svelte-
|
7607
|
+
attr(button, "class", "rating-button svelte-zy2va9");
|
7606
7608
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
7607
7609
|
},
|
7608
7610
|
m(target, anchor) {
|
@@ -7665,7 +7667,7 @@ function create_fragment$d(ctx) {
|
|
7665
7667
|
this.h();
|
7666
7668
|
},
|
7667
7669
|
h() {
|
7668
|
-
attr(div, "class", "rating-buttons svelte-
|
7670
|
+
attr(div, "class", "rating-buttons svelte-zy2va9");
|
7669
7671
|
},
|
7670
7672
|
m(target, anchor) {
|
7671
7673
|
insert_hydration(target, div, anchor);
|
@@ -7802,7 +7804,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
7802
7804
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
7803
7805
|
|
7804
7806
|
function add_css$b(target) {
|
7805
|
-
append_styles(target, "svelte-
|
7807
|
+
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%)}");
|
7806
7808
|
}
|
7807
7809
|
|
7808
7810
|
function get_each_context$1(ctx, list, i) {
|
@@ -7838,9 +7840,9 @@ function create_each_block$1(ctx) {
|
|
7838
7840
|
},
|
7839
7841
|
h() {
|
7840
7842
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
7841
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7843
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
7842
7844
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
7843
|
-
attr(button, "class", "rating-button svelte-
|
7845
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
7844
7846
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7845
7847
|
},
|
7846
7848
|
m(target, anchor) {
|
@@ -7856,7 +7858,7 @@ function create_each_block$1(ctx) {
|
|
7856
7858
|
p(new_ctx, dirty) {
|
7857
7859
|
ctx = new_ctx;
|
7858
7860
|
|
7859
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7861
|
+
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
|
7860
7862
|
attr(img, "class", img_class_value);
|
7861
7863
|
}
|
7862
7864
|
|
@@ -7903,7 +7905,7 @@ function create_fragment$c(ctx) {
|
|
7903
7905
|
this.h();
|
7904
7906
|
},
|
7905
7907
|
h() {
|
7906
|
-
attr(div, "class", "rating-buttons svelte-
|
7908
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
7907
7909
|
},
|
7908
7910
|
m(target, anchor) {
|
7909
7911
|
insert_hydration(target, div, anchor);
|
@@ -8011,7 +8013,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
8011
8013
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
8012
8014
|
|
8013
8015
|
function add_css$a(target) {
|
8014
|
-
append_styles(target, "svelte-
|
8016
|
+
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%}");
|
8015
8017
|
}
|
8016
8018
|
|
8017
8019
|
function get_each_context(ctx, list, i) {
|
@@ -8057,9 +8059,9 @@ function create_if_block_1(ctx) {
|
|
8057
8059
|
attr(svg, "viewBox", "0 0 10 16");
|
8058
8060
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8059
8061
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
8060
|
-
attr(button, "class", "move-button svelte-
|
8062
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8061
8063
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
8062
|
-
attr(div, "class", "prev-button-container svelte-
|
8064
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
8063
8065
|
},
|
8064
8066
|
m(target, anchor) {
|
8065
8067
|
insert_hydration(target, div, anchor);
|
@@ -8125,9 +8127,9 @@ function create_if_block$1(ctx) {
|
|
8125
8127
|
attr(svg, "viewBox", "0 0 10 16");
|
8126
8128
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8127
8129
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
8128
|
-
attr(button, "class", "move-button svelte-
|
8130
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8129
8131
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
8130
|
-
attr(div, "class", "next-button-container svelte-
|
8132
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
8131
8133
|
},
|
8132
8134
|
m(target, anchor) {
|
8133
8135
|
insert_hydration(target, div, anchor);
|
@@ -8187,9 +8189,9 @@ function create_each_block(ctx) {
|
|
8187
8189
|
this.h();
|
8188
8190
|
},
|
8189
8191
|
h() {
|
8190
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
8192
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
8191
8193
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
8192
|
-
attr(button, "class", "navigation-item svelte-
|
8194
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
8193
8195
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
8194
8196
|
},
|
8195
8197
|
m(target, anchor) {
|
@@ -8295,14 +8297,14 @@ function create_fragment$b(ctx) {
|
|
8295
8297
|
this.h();
|
8296
8298
|
},
|
8297
8299
|
h() {
|
8298
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
8300
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
8299
8301
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
8300
|
-
attr(div1, "class", "container svelte-
|
8302
|
+
attr(div1, "class", "container svelte-ji1fh");
|
8301
8303
|
attr(div1, "style", /*_style*/ ctx[0]);
|
8302
|
-
attr(div2, "class", "navigation svelte-
|
8304
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
8303
8305
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
8304
8306
|
set_attributes(div3, div3_data);
|
8305
|
-
toggle_class(div3, "svelte-
|
8307
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
8306
8308
|
},
|
8307
8309
|
m(target, anchor) {
|
8308
8310
|
insert_hydration(target, div3, anchor);
|
@@ -8344,7 +8346,7 @@ function create_fragment$b(ctx) {
|
|
8344
8346
|
}
|
8345
8347
|
}
|
8346
8348
|
|
8347
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
8349
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
8348
8350
|
attr(div0, "class", div0_class_value);
|
8349
8351
|
}
|
8350
8352
|
|
@@ -8410,7 +8412,7 @@ function create_fragment$b(ctx) {
|
|
8410
8412
|
}
|
8411
8413
|
|
8412
8414
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
8413
|
-
toggle_class(div3, "svelte-
|
8415
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
8414
8416
|
},
|
8415
8417
|
i(local) {
|
8416
8418
|
if (current) return;
|
@@ -8460,7 +8462,7 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
8460
8462
|
let navigationStyle;
|
8461
8463
|
let { $$slots: slots = {}, $$scope } = $$props;
|
8462
8464
|
let { loop = false } = $$props;
|
8463
|
-
let { _style = '
|
8465
|
+
let { _style = '' } = $$props;
|
8464
8466
|
|
8465
8467
|
let { nextButton = {
|
8466
8468
|
type: 'icon',
|
@@ -8922,7 +8924,7 @@ class Slide extends SvelteComponent {
|
|
8922
8924
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
8923
8925
|
|
8924
8926
|
function add_css$9(target) {
|
8925
|
-
append_styles(target, "svelte-
|
8927
|
+
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}");
|
8926
8928
|
}
|
8927
8929
|
|
8928
8930
|
function create_fragment$a(ctx) {
|
@@ -8950,9 +8952,9 @@ function create_fragment$a(ctx) {
|
|
8950
8952
|
this.h();
|
8951
8953
|
},
|
8952
8954
|
h() {
|
8953
|
-
attr(div0, "class", "item-inner svelte-
|
8955
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
8954
8956
|
attr(div0, "style", /*_style*/ ctx[0]);
|
8955
|
-
attr(div1, "class", "item svelte-
|
8957
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
8956
8958
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
8957
8959
|
},
|
8958
8960
|
m(target, anchor) {
|
@@ -9048,7 +9050,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
9048
9050
|
unregisterItem(id);
|
9049
9051
|
});
|
9050
9052
|
|
9051
|
-
let { _style = '
|
9053
|
+
let { _style = '' } = $$props;
|
9052
9054
|
let itemWidth = null;
|
9053
9055
|
let itemTransform = 0;
|
9054
9056
|
|
@@ -9078,7 +9080,7 @@ class SlideItem extends SvelteComponent {
|
|
9078
9080
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
9079
9081
|
|
9080
9082
|
function add_css$8(target) {
|
9081
|
-
append_styles(target, "svelte-
|
9083
|
+
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}");
|
9082
9084
|
}
|
9083
9085
|
|
9084
9086
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
@@ -9109,9 +9111,9 @@ function create_fragment$9(ctx) {
|
|
9109
9111
|
this.h();
|
9110
9112
|
},
|
9111
9113
|
h() {
|
9112
|
-
attr(div0, "class", "countdown-inner svelte-
|
9114
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
9113
9115
|
attr(div0, "style", /*_style*/ ctx[0]);
|
9114
|
-
attr(div1, "class", "countdown svelte-
|
9116
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
9115
9117
|
},
|
9116
9118
|
m(target, anchor) {
|
9117
9119
|
insert_hydration(target, div1, anchor);
|
@@ -9182,7 +9184,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
9182
9184
|
let { $$slots: slots = {}, $$scope } = $$props;
|
9183
9185
|
let { timeLimit = '2023/12/31 23:59:59' } = $$props;
|
9184
9186
|
let { stateOnEnd } = $$props;
|
9185
|
-
let { _style = '
|
9187
|
+
let { _style = '' } = $$props;
|
9186
9188
|
let remainingTime;
|
9187
9189
|
|
9188
9190
|
function onEachSecond() {
|
@@ -9241,7 +9243,7 @@ class Countdown extends SvelteComponent {
|
|
9241
9243
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
9242
9244
|
|
9243
9245
|
function add_css$7(target) {
|
9244
|
-
append_styles(target, "svelte-
|
9246
|
+
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}");
|
9245
9247
|
}
|
9246
9248
|
|
9247
9249
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
@@ -9324,7 +9326,7 @@ function create_fragment$8(ctx) {
|
|
9324
9326
|
this.h();
|
9325
9327
|
},
|
9326
9328
|
h() {
|
9327
|
-
attr(div, "class", "box svelte-
|
9329
|
+
attr(div, "class", "box svelte-1ccydfy");
|
9328
9330
|
},
|
9329
9331
|
m(target, anchor) {
|
9330
9332
|
insert_hydration(target, div, anchor);
|
@@ -9363,7 +9365,7 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
9363
9365
|
let { $$slots: slots = {}, $$scope } = $$props;
|
9364
9366
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
9365
9367
|
let { eventName = '' } = $$props;
|
9366
|
-
let { _style = '
|
9368
|
+
let { _style = '' } = $$props;
|
9367
9369
|
|
9368
9370
|
$$self.$$set = $$props => {
|
9369
9371
|
if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
|
@@ -9385,7 +9387,7 @@ class Box extends SvelteComponent {
|
|
9385
9387
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
9386
9388
|
|
9387
9389
|
function add_css$6(target) {
|
9388
|
-
append_styles(target, "svelte-
|
9390
|
+
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)}");
|
9389
9391
|
}
|
9390
9392
|
|
9391
9393
|
// (56:4) {#if svg}
|
@@ -9489,7 +9491,7 @@ function create_fragment$7(ctx) {
|
|
9489
9491
|
this.h();
|
9490
9492
|
},
|
9491
9493
|
h() {
|
9492
|
-
attr(div, "class", "icon svelte-
|
9494
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
9493
9495
|
},
|
9494
9496
|
m(target, anchor) {
|
9495
9497
|
insert_hydration(target, div, anchor);
|
@@ -9598,7 +9600,7 @@ class IconElement extends SvelteComponent {
|
|
9598
9600
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
9599
9601
|
|
9600
9602
|
function add_css$5(target) {
|
9601
|
-
append_styles(target, "svelte-
|
9603
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
9602
9604
|
}
|
9603
9605
|
|
9604
9606
|
function create_fragment$6(ctx) {
|
@@ -9634,7 +9636,7 @@ function create_fragment$6(ctx) {
|
|
9634
9636
|
this.h();
|
9635
9637
|
},
|
9636
9638
|
h() {
|
9637
|
-
attr(div, "class", "codeElement svelte-
|
9639
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
9638
9640
|
attr(div, "style", /*style*/ ctx[3]);
|
9639
9641
|
},
|
9640
9642
|
m(target, anchor) {
|
@@ -9723,7 +9725,7 @@ class CodeElement extends SvelteComponent {
|
|
9723
9725
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
9724
9726
|
|
9725
9727
|
function add_css$4(target) {
|
9726
|
-
append_styles(target, "svelte-
|
9728
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
9727
9729
|
}
|
9728
9730
|
|
9729
9731
|
function create_fragment$5(ctx) {
|
@@ -9747,7 +9749,7 @@ function create_fragment$5(ctx) {
|
|
9747
9749
|
this.h();
|
9748
9750
|
},
|
9749
9751
|
h() {
|
9750
|
-
attr(div, "class", "flex svelte-
|
9752
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
9751
9753
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
9752
9754
|
},
|
9753
9755
|
m(target, anchor) {
|
@@ -9844,7 +9846,7 @@ class Flex extends SvelteComponent {
|
|
9844
9846
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
9845
9847
|
|
9846
9848
|
function add_css$3(target) {
|
9847
|
-
append_styles(target, "svelte-
|
9849
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
9848
9850
|
}
|
9849
9851
|
|
9850
9852
|
function create_fragment$4(ctx) {
|
@@ -9867,7 +9869,7 @@ function create_fragment$4(ctx) {
|
|
9867
9869
|
this.h();
|
9868
9870
|
},
|
9869
9871
|
h() {
|
9870
|
-
attr(div, "class", "flex-item svelte-
|
9872
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
9871
9873
|
attr(div, "style", /*style*/ ctx[0]);
|
9872
9874
|
},
|
9873
9875
|
m(target, anchor) {
|
@@ -10287,7 +10289,7 @@ class GridModalState extends SvelteComponent {
|
|
10287
10289
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
10288
10290
|
|
10289
10291
|
function add_css$2(target) {
|
10290
|
-
append_styles(target, "svelte-
|
10292
|
+
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%}");
|
10291
10293
|
}
|
10292
10294
|
|
10293
10295
|
function create_fragment$2(ctx) {
|
@@ -10316,8 +10318,8 @@ function create_fragment$2(ctx) {
|
|
10316
10318
|
this.h();
|
10317
10319
|
},
|
10318
10320
|
h() {
|
10319
|
-
attr(div0, "class", "text-block-inner svelte-
|
10320
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
10321
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
10322
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
10321
10323
|
attr(div1, "style", /*style*/ ctx[2]);
|
10322
10324
|
},
|
10323
10325
|
m(target, anchor) {
|
@@ -10331,7 +10333,7 @@ function create_fragment$2(ctx) {
|
|
10331
10333
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
10332
10334
|
rendertext.$set(rendertext_changes);
|
10333
10335
|
|
10334
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
10336
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
10335
10337
|
attr(div1, "class", div1_class_value);
|
10336
10338
|
}
|
10337
10339
|
|
@@ -10361,7 +10363,7 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
10361
10363
|
let { font = SYSTEM_FONT } = $$props;
|
10362
10364
|
let { _textStyle = 'font-size:12px; line-height:1.5;' } = $$props;
|
10363
10365
|
let { textDirection = 'horizontal' } = $$props;
|
10364
|
-
let { _style = '
|
10366
|
+
let { _style = '' } = $$props;
|
10365
10367
|
|
10366
10368
|
$$self.$$set = $$props => {
|
10367
10369
|
if ('text' in $$props) $$invalidate(0, text = $$props.text);
|
@@ -10409,7 +10411,7 @@ class TextBlock extends SvelteComponent {
|
|
10409
10411
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
10410
10412
|
|
10411
10413
|
function add_css$1(target) {
|
10412
|
-
append_styles(target, "svelte-
|
10414
|
+
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)}");
|
10413
10415
|
}
|
10414
10416
|
|
10415
10417
|
function create_fragment$1(ctx) {
|
@@ -10439,9 +10441,9 @@ function create_fragment$1(ctx) {
|
|
10439
10441
|
this.h();
|
10440
10442
|
},
|
10441
10443
|
h() {
|
10442
|
-
attr(button, "class", "text-button svelte-
|
10444
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
10443
10445
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
10444
|
-
attr(div, "class", "text-button-block svelte-
|
10446
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
10445
10447
|
attr(div, "style", /*_style*/ ctx[2]);
|
10446
10448
|
},
|
10447
10449
|
m(target, anchor) {
|
@@ -10500,8 +10502,8 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
10500
10502
|
|
10501
10503
|
let { eventName = '' } = $$props;
|
10502
10504
|
let { font = SYSTEM_FONT } = $$props;
|
10503
|
-
let { _buttonStyle = '
|
10504
|
-
let { _style = '
|
10505
|
+
let { _buttonStyle = '' } = $$props;
|
10506
|
+
let { _style = '' } = $$props;
|
10505
10507
|
|
10506
10508
|
$$self.$$set = $$props => {
|
10507
10509
|
if ('text' in $$props) $$invalidate(0, text = $$props.text);
|
@@ -10547,7 +10549,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
10547
10549
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
10548
10550
|
|
10549
10551
|
function add_css(target) {
|
10550
|
-
append_styles(target, "svelte-
|
10552
|
+
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)}");
|
10551
10553
|
}
|
10552
10554
|
|
10553
10555
|
function create_fragment(ctx) {
|
@@ -10583,14 +10585,14 @@ function create_fragment(ctx) {
|
|
10583
10585
|
this.h();
|
10584
10586
|
},
|
10585
10587
|
h() {
|
10586
|
-
attr(img, "class", "image svelte-
|
10588
|
+
attr(img, "class", "image svelte-1pdw891");
|
10587
10589
|
attr(img, "loading", "lazy");
|
10588
10590
|
attr(img, "width", "auto");
|
10589
10591
|
attr(img, "height", "auto");
|
10590
10592
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
10591
10593
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
10592
10594
|
attr(img, "alt", /*alt*/ ctx[1]);
|
10593
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
10595
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
10594
10596
|
attr(div, "style", /*_style*/ ctx[5]);
|
10595
10597
|
},
|
10596
10598
|
m(target, anchor) {
|
@@ -10615,7 +10617,7 @@ function create_fragment(ctx) {
|
|
10615
10617
|
attr(img, "alt", /*alt*/ ctx[1]);
|
10616
10618
|
}
|
10617
10619
|
|
10618
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
10620
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
10619
10621
|
attr(div, "class", div_class_value);
|
10620
10622
|
}
|
10621
10623
|
|
@@ -10650,7 +10652,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
10650
10652
|
|
10651
10653
|
let { eventName = '' } = $$props;
|
10652
10654
|
let { _imageStyle = '' } = $$props;
|
10653
|
-
let { _style = '
|
10655
|
+
let { _style = '' } = $$props;
|
10654
10656
|
|
10655
10657
|
$$self.$$set = $$props => {
|
10656
10658
|
if ('src' in $$props) $$invalidate(0, src = $$props.src);
|