@plaidev/karte-action-sdk 1.1.201-28181665.93bbfee4 → 1.1.201-28182901.081d0505
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 +23 -11
- package/dist/index.es.js +23 -11
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -5020,7 +5020,7 @@ function create_fragment$p(ctx) {
|
|
5020
5020
|
|
5021
5021
|
function instance$p($$self, $$props, $$invalidate) {
|
5022
5022
|
let style;
|
5023
|
-
let { text = '
|
5023
|
+
let { text = 'テキストのコンテンツ' } = $$props;
|
5024
5024
|
let { font = SYSTEM_FONT } = $$props;
|
5025
5025
|
let { _textStyle = '' } = $$props;
|
5026
5026
|
let { textDirection = 'horizontal' } = $$props;
|
@@ -5133,7 +5133,7 @@ class TextElement extends SvelteComponent {
|
|
5133
5133
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5134
5134
|
|
5135
5135
|
function add_css$n(target) {
|
5136
|
-
append_styles(target, "svelte-
|
5136
|
+
append_styles(target, "svelte-k3ofdo", ".text-button-element.svelte-k3ofdo{width:100%;height:100%}.text-button-element.svelte-k3ofdo > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403E;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-k3ofdo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-k3ofdo > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-k3ofdo > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
5137
5137
|
}
|
5138
5138
|
|
5139
5139
|
// (48:2) <Button {onClick} {style} {eventName}>
|
@@ -5202,7 +5202,7 @@ function create_fragment$o(ctx) {
|
|
5202
5202
|
this.h();
|
5203
5203
|
},
|
5204
5204
|
h() {
|
5205
|
-
attr(div, "class", "text-button-element svelte-
|
5205
|
+
attr(div, "class", "text-button-element svelte-k3ofdo");
|
5206
5206
|
},
|
5207
5207
|
m(target, anchor) {
|
5208
5208
|
insert_hydration(target, div, anchor);
|
@@ -5239,7 +5239,7 @@ function create_fragment$o(ctx) {
|
|
5239
5239
|
|
5240
5240
|
function instance$o($$self, $$props, $$invalidate) {
|
5241
5241
|
let style;
|
5242
|
-
let { text = '
|
5242
|
+
let { text = 'ボタンのラベル' } = $$props;
|
5243
5243
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
5244
5244
|
let { eventName = '' } = $$props;
|
5245
5245
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -5326,19 +5326,31 @@ function create_default_slot$4(ctx) {
|
|
5326
5326
|
attr(img, "loading", "lazy");
|
5327
5327
|
attr(img, "width", "auto");
|
5328
5328
|
attr(img, "height", "auto");
|
5329
|
-
|
5330
|
-
|
5329
|
+
|
5330
|
+
attr(img, "style", img_style_value = [
|
5331
|
+
/*_imageStyle*/ ctx[6],
|
5332
|
+
/*src*/ ctx[0]
|
5333
|
+
? `object-fit: ${/*objectFit*/ ctx[3]}`
|
5334
|
+
: 'object-fit: contain'
|
5335
|
+
].join('; '));
|
5336
|
+
|
5337
|
+
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) attr(img, "src", img_src_value);
|
5331
5338
|
attr(img, "alt", /*alt*/ ctx[1]);
|
5332
5339
|
},
|
5333
5340
|
m(target, anchor) {
|
5334
5341
|
insert_hydration(target, img, anchor);
|
5335
5342
|
},
|
5336
5343
|
p(ctx, dirty) {
|
5337
|
-
if (dirty & /*_imageStyle, objectFit*/
|
5344
|
+
if (dirty & /*_imageStyle, src, objectFit*/ 73 && img_style_value !== (img_style_value = [
|
5345
|
+
/*_imageStyle*/ ctx[6],
|
5346
|
+
/*src*/ ctx[0]
|
5347
|
+
? `object-fit: ${/*objectFit*/ ctx[3]}`
|
5348
|
+
: 'object-fit: contain'
|
5349
|
+
].join('; '))) {
|
5338
5350
|
attr(img, "style", img_style_value);
|
5339
5351
|
}
|
5340
5352
|
|
5341
|
-
if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
|
5353
|
+
if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) {
|
5342
5354
|
attr(img, "src", img_src_value);
|
5343
5355
|
}
|
5344
5356
|
|
@@ -5395,7 +5407,7 @@ function create_fragment$n(ctx) {
|
|
5395
5407
|
if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
|
5396
5408
|
if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
|
5397
5409
|
|
5398
|
-
if (dirty & /*$$scope, _imageStyle,
|
5410
|
+
if (dirty & /*$$scope, _imageStyle, src, objectFit, alt*/ 331) {
|
5399
5411
|
button_changes.$$scope = { dirty, ctx };
|
5400
5412
|
}
|
5401
5413
|
|
@@ -5422,8 +5434,8 @@ function create_fragment$n(ctx) {
|
|
5422
5434
|
}
|
5423
5435
|
|
5424
5436
|
function instance$n($$self, $$props, $$invalidate) {
|
5425
|
-
let { src = '
|
5426
|
-
let { alt = '
|
5437
|
+
let { src = '' } = $$props;
|
5438
|
+
let { alt = '画像の説明' } = $$props;
|
5427
5439
|
let { transport = false } = $$props;
|
5428
5440
|
let { objectFit = 'cover' } = $$props;
|
5429
5441
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
package/dist/index.es.js
CHANGED
@@ -4862,7 +4862,7 @@ function create_fragment$p(ctx) {
|
|
4862
4862
|
|
4863
4863
|
function instance$p($$self, $$props, $$invalidate) {
|
4864
4864
|
let style;
|
4865
|
-
let { text = '
|
4865
|
+
let { text = 'テキストのコンテンツ' } = $$props;
|
4866
4866
|
let { font = SYSTEM_FONT } = $$props;
|
4867
4867
|
let { _textStyle = '' } = $$props;
|
4868
4868
|
let { textDirection = 'horizontal' } = $$props;
|
@@ -4975,7 +4975,7 @@ class TextElement extends SvelteComponent {
|
|
4975
4975
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
4976
4976
|
|
4977
4977
|
function add_css$n(target) {
|
4978
|
-
append_styles(target, "svelte-
|
4978
|
+
append_styles(target, "svelte-k3ofdo", ".text-button-element.svelte-k3ofdo{width:100%;height:100%}.text-button-element.svelte-k3ofdo > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403E;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-k3ofdo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-k3ofdo > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-k3ofdo > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
4979
4979
|
}
|
4980
4980
|
|
4981
4981
|
// (48:2) <Button {onClick} {style} {eventName}>
|
@@ -5031,7 +5031,7 @@ function create_fragment$o(ctx) {
|
|
5031
5031
|
c() {
|
5032
5032
|
div = element("div");
|
5033
5033
|
create_component(button.$$.fragment);
|
5034
|
-
attr(div, "class", "text-button-element svelte-
|
5034
|
+
attr(div, "class", "text-button-element svelte-k3ofdo");
|
5035
5035
|
},
|
5036
5036
|
m(target, anchor) {
|
5037
5037
|
insert(target, div, anchor);
|
@@ -5068,7 +5068,7 @@ function create_fragment$o(ctx) {
|
|
5068
5068
|
|
5069
5069
|
function instance$o($$self, $$props, $$invalidate) {
|
5070
5070
|
let style;
|
5071
|
-
let { text = '
|
5071
|
+
let { text = 'ボタンのラベル' } = $$props;
|
5072
5072
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
5073
5073
|
let { eventName = '' } = $$props;
|
5074
5074
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -5139,19 +5139,31 @@ function create_default_slot$4(ctx) {
|
|
5139
5139
|
attr(img, "loading", "lazy");
|
5140
5140
|
attr(img, "width", "auto");
|
5141
5141
|
attr(img, "height", "auto");
|
5142
|
-
|
5143
|
-
|
5142
|
+
|
5143
|
+
attr(img, "style", img_style_value = [
|
5144
|
+
/*_imageStyle*/ ctx[6],
|
5145
|
+
/*src*/ ctx[0]
|
5146
|
+
? `object-fit: ${/*objectFit*/ ctx[3]}`
|
5147
|
+
: 'object-fit: contain'
|
5148
|
+
].join('; '));
|
5149
|
+
|
5150
|
+
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) attr(img, "src", img_src_value);
|
5144
5151
|
attr(img, "alt", /*alt*/ ctx[1]);
|
5145
5152
|
},
|
5146
5153
|
m(target, anchor) {
|
5147
5154
|
insert(target, img, anchor);
|
5148
5155
|
},
|
5149
5156
|
p(ctx, dirty) {
|
5150
|
-
if (dirty & /*_imageStyle, objectFit*/
|
5157
|
+
if (dirty & /*_imageStyle, src, objectFit*/ 73 && img_style_value !== (img_style_value = [
|
5158
|
+
/*_imageStyle*/ ctx[6],
|
5159
|
+
/*src*/ ctx[0]
|
5160
|
+
? `object-fit: ${/*objectFit*/ ctx[3]}`
|
5161
|
+
: 'object-fit: contain'
|
5162
|
+
].join('; '))) {
|
5151
5163
|
attr(img, "style", img_style_value);
|
5152
5164
|
}
|
5153
5165
|
|
5154
|
-
if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
|
5166
|
+
if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0] || 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg')) {
|
5155
5167
|
attr(img, "src", img_src_value);
|
5156
5168
|
}
|
5157
5169
|
|
@@ -5198,7 +5210,7 @@ function create_fragment$n(ctx) {
|
|
5198
5210
|
if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
|
5199
5211
|
if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
|
5200
5212
|
|
5201
|
-
if (dirty & /*$$scope, _imageStyle,
|
5213
|
+
if (dirty & /*$$scope, _imageStyle, src, objectFit, alt*/ 331) {
|
5202
5214
|
button_changes.$$scope = { dirty, ctx };
|
5203
5215
|
}
|
5204
5216
|
|
@@ -5225,8 +5237,8 @@ function create_fragment$n(ctx) {
|
|
5225
5237
|
}
|
5226
5238
|
|
5227
5239
|
function instance$n($$self, $$props, $$invalidate) {
|
5228
|
-
let { src = '
|
5229
|
-
let { alt = '
|
5240
|
+
let { src = '' } = $$props;
|
5241
|
+
let { alt = '画像の説明' } = $$props;
|
5230
5242
|
let { transport = false } = $$props;
|
5231
5243
|
let { objectFit = 'cover' } = $$props;
|
5232
5244
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|