@plaidev/karte-action-sdk 1.1.194 → 1.1.196-28165396.8d0dd712
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.js +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-aquv6z", ".list.svelte-aquv6z{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-aquv6z");
|
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);
|