@plaidev/karte-action-sdk 1.1.202 → 1.1.203
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.d.ts +3 -7
- package/dist/hydrate/index.es.js +52 -57
- package/dist/index.es.d.ts +3 -7
- package/dist/index.es.js +52 -57
- package/package.json +1 -1
|
@@ -257,9 +257,7 @@ type ActionTableQueryRequestConfig = VariableQuery & {
|
|
|
257
257
|
query: {
|
|
258
258
|
table_name: string;
|
|
259
259
|
query_name: string;
|
|
260
|
-
params?:
|
|
261
|
-
[key: string]: string;
|
|
262
|
-
};
|
|
260
|
+
params?: ActionTableQueryParams;
|
|
263
261
|
default_value?: Array<ActionTableResult>;
|
|
264
262
|
};
|
|
265
263
|
preview_value?: Array<ActionTableResult>;
|
|
@@ -791,7 +789,7 @@ declare const OnClickOperationOptions: readonly [
|
|
|
791
789
|
{
|
|
792
790
|
readonly name: "url";
|
|
793
791
|
readonly type: "Url";
|
|
794
|
-
readonly default: "";
|
|
792
|
+
readonly default: "https://example.com";
|
|
795
793
|
},
|
|
796
794
|
{
|
|
797
795
|
readonly name: "open_new_tab";
|
|
@@ -1713,9 +1711,7 @@ declare namespace widget {
|
|
|
1713
1711
|
query: {
|
|
1714
1712
|
table_name: string;
|
|
1715
1713
|
query_name: string;
|
|
1716
|
-
params?:
|
|
1717
|
-
[key: string]: string;
|
|
1718
|
-
};
|
|
1714
|
+
params?: ActionTableQueryParams;
|
|
1719
1715
|
default_value?: Array<ActionTableResult>;
|
|
1720
1716
|
};
|
|
1721
1717
|
preview_value?: Array<ActionTableResult>;
|
package/dist/hydrate/index.es.js
CHANGED
|
@@ -342,7 +342,7 @@ const OnClickOperationOptions = [
|
|
|
342
342
|
{
|
|
343
343
|
name: 'url',
|
|
344
344
|
type: 'Url',
|
|
345
|
-
default: '',
|
|
345
|
+
default: 'https://example.com',
|
|
346
346
|
},
|
|
347
347
|
{
|
|
348
348
|
name: 'open_new_tab',
|
|
@@ -1332,57 +1332,40 @@ function request(url, data, cb) {
|
|
|
1332
1332
|
});
|
|
1333
1333
|
}
|
|
1334
1334
|
/** @internal */
|
|
1335
|
-
const loadActionTableRow = async (config, data, api_key, endpoint) =>
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
});
|
|
1335
|
+
const loadActionTableRow = async (config, data, api_key, endpoint) => {
|
|
1336
|
+
return new Promise((resolve, reject) => {
|
|
1337
|
+
const key = data[config.query.key] ?? null;
|
|
1338
|
+
if (key == null) {
|
|
1339
|
+
console.warn('key is not found. key: ', config.query.key);
|
|
1340
|
+
return reject('key is not found.');
|
|
1341
|
+
}
|
|
1342
|
+
return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => err ? reject(err) : resolve(data));
|
|
1343
|
+
});
|
|
1344
|
+
};
|
|
1343
1345
|
/** @internal */
|
|
1344
|
-
const loadActionTableRows = async (config, data, api_key, endpoint) =>
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
let hasError = false;
|
|
1351
|
-
const originalKeys = Array.isArray(config.query.key) ? config.query.key : [config.query.key];
|
|
1352
|
-
originalKeys.forEach(key => {
|
|
1353
|
-
const d = data[key];
|
|
1354
|
-
if (d == null) {
|
|
1355
|
-
console.warn('key is not found. key: ', key);
|
|
1356
|
-
hasError = true;
|
|
1346
|
+
const loadActionTableRows = async (config, data, api_key, endpoint) => {
|
|
1347
|
+
return new Promise((resolve, reject) => {
|
|
1348
|
+
const keys = config.query.key.map(key => data[key] ?? null);
|
|
1349
|
+
if (keys.some(key => key == null)) {
|
|
1350
|
+
keys.filter(key => key == null).forEach(key => console.warn('key is not found. key: ', key));
|
|
1351
|
+
return reject('key is not found.');
|
|
1357
1352
|
}
|
|
1358
|
-
|
|
1353
|
+
return collection$1({ endpoint, api_key, table: config.query.table_name }).get(config.query.key, (err, data) => (err ? reject(err) : resolve(data)));
|
|
1359
1354
|
});
|
|
1360
|
-
|
|
1361
|
-
return reject('key is not found.');
|
|
1362
|
-
}
|
|
1363
|
-
return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => (err ? reject(err) : resolve(data)));
|
|
1364
|
-
});
|
|
1355
|
+
};
|
|
1365
1356
|
/** @internal */
|
|
1366
|
-
const loadActionTableQuery = async (config, data, api_key, endpoint) =>
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
const d = data[param];
|
|
1375
|
-
if (d == null) {
|
|
1376
|
-
console.warn('key is not found. param: ', param);
|
|
1377
|
-
hasError = true;
|
|
1357
|
+
const loadActionTableQuery = async (config, data, api_key, endpoint) => {
|
|
1358
|
+
return new Promise((resolve, reject) => {
|
|
1359
|
+
const params = config.query.params.map(param => data[param] ?? null);
|
|
1360
|
+
if (params.some(param => param == null)) {
|
|
1361
|
+
params
|
|
1362
|
+
.filter(param => param == null)
|
|
1363
|
+
.forEach(param => console.warn('key is not found. param: ', param));
|
|
1364
|
+
return reject('key is not found.');
|
|
1378
1365
|
}
|
|
1379
|
-
params
|
|
1366
|
+
return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, config.query.params, null, (err, data) => (err ? reject(err) : resolve(data)));
|
|
1380
1367
|
});
|
|
1381
|
-
|
|
1382
|
-
return reject('key is not found.');
|
|
1383
|
-
}
|
|
1384
|
-
return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => (err ? reject(err) : resolve(data)));
|
|
1385
|
-
});
|
|
1368
|
+
};
|
|
1386
1369
|
/** @internal */
|
|
1387
1370
|
const loadActionTable = async (config, data, api_key, endpoint) => {
|
|
1388
1371
|
console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
|
|
@@ -5020,7 +5003,7 @@ function create_fragment$p(ctx) {
|
|
|
5020
5003
|
|
|
5021
5004
|
function instance$p($$self, $$props, $$invalidate) {
|
|
5022
5005
|
let style;
|
|
5023
|
-
let { text = '
|
|
5006
|
+
let { text = 'テキストのコンテンツ' } = $$props;
|
|
5024
5007
|
let { font = SYSTEM_FONT } = $$props;
|
|
5025
5008
|
let { _textStyle = '' } = $$props;
|
|
5026
5009
|
let { textDirection = 'horizontal' } = $$props;
|
|
@@ -5133,7 +5116,7 @@ class TextElement extends SvelteComponent {
|
|
|
5133
5116
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5134
5117
|
|
|
5135
5118
|
function add_css$n(target) {
|
|
5136
|
-
append_styles(target, "svelte-
|
|
5119
|
+
append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .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-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
|
5137
5120
|
}
|
|
5138
5121
|
|
|
5139
5122
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5202,7 +5185,7 @@ function create_fragment$o(ctx) {
|
|
|
5202
5185
|
this.h();
|
|
5203
5186
|
},
|
|
5204
5187
|
h() {
|
|
5205
|
-
attr(div, "class", "text-button-element svelte-
|
|
5188
|
+
attr(div, "class", "text-button-element svelte-ujdxfc");
|
|
5206
5189
|
},
|
|
5207
5190
|
m(target, anchor) {
|
|
5208
5191
|
insert_hydration(target, div, anchor);
|
|
@@ -5239,7 +5222,7 @@ function create_fragment$o(ctx) {
|
|
|
5239
5222
|
|
|
5240
5223
|
function instance$o($$self, $$props, $$invalidate) {
|
|
5241
5224
|
let style;
|
|
5242
|
-
let { text = '
|
|
5225
|
+
let { text = 'ボタンのラベル' } = $$props;
|
|
5243
5226
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
5244
5227
|
let { eventName = '' } = $$props;
|
|
5245
5228
|
let { font = SYSTEM_FONT } = $$props;
|
|
@@ -5326,19 +5309,31 @@ function create_default_slot$4(ctx) {
|
|
|
5326
5309
|
attr(img, "loading", "lazy");
|
|
5327
5310
|
attr(img, "width", "auto");
|
|
5328
5311
|
attr(img, "height", "auto");
|
|
5329
|
-
|
|
5330
|
-
|
|
5312
|
+
|
|
5313
|
+
attr(img, "style", img_style_value = [
|
|
5314
|
+
/*_imageStyle*/ ctx[6],
|
|
5315
|
+
/*src*/ ctx[0]
|
|
5316
|
+
? `object-fit: ${/*objectFit*/ ctx[3]}`
|
|
5317
|
+
: 'object-fit: contain'
|
|
5318
|
+
].join('; '));
|
|
5319
|
+
|
|
5320
|
+
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
5321
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
5332
5322
|
},
|
|
5333
5323
|
m(target, anchor) {
|
|
5334
5324
|
insert_hydration(target, img, anchor);
|
|
5335
5325
|
},
|
|
5336
5326
|
p(ctx, dirty) {
|
|
5337
|
-
if (dirty & /*_imageStyle, objectFit*/
|
|
5327
|
+
if (dirty & /*_imageStyle, src, objectFit*/ 73 && img_style_value !== (img_style_value = [
|
|
5328
|
+
/*_imageStyle*/ ctx[6],
|
|
5329
|
+
/*src*/ ctx[0]
|
|
5330
|
+
? `object-fit: ${/*objectFit*/ ctx[3]}`
|
|
5331
|
+
: 'object-fit: contain'
|
|
5332
|
+
].join('; '))) {
|
|
5338
5333
|
attr(img, "style", img_style_value);
|
|
5339
5334
|
}
|
|
5340
5335
|
|
|
5341
|
-
if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
|
|
5336
|
+
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
5337
|
attr(img, "src", img_src_value);
|
|
5343
5338
|
}
|
|
5344
5339
|
|
|
@@ -5395,7 +5390,7 @@ function create_fragment$n(ctx) {
|
|
|
5395
5390
|
if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
|
|
5396
5391
|
if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
|
|
5397
5392
|
|
|
5398
|
-
if (dirty & /*$$scope, _imageStyle,
|
|
5393
|
+
if (dirty & /*$$scope, _imageStyle, src, objectFit, alt*/ 331) {
|
|
5399
5394
|
button_changes.$$scope = { dirty, ctx };
|
|
5400
5395
|
}
|
|
5401
5396
|
|
|
@@ -5422,8 +5417,8 @@ function create_fragment$n(ctx) {
|
|
|
5422
5417
|
}
|
|
5423
5418
|
|
|
5424
5419
|
function instance$n($$self, $$props, $$invalidate) {
|
|
5425
|
-
let { src = '
|
|
5426
|
-
let { alt = '
|
|
5420
|
+
let { src = '' } = $$props;
|
|
5421
|
+
let { alt = '画像の説明' } = $$props;
|
|
5427
5422
|
let { transport = false } = $$props;
|
|
5428
5423
|
let { objectFit = 'cover' } = $$props;
|
|
5429
5424
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
package/dist/index.es.d.ts
CHANGED
|
@@ -257,9 +257,7 @@ type ActionTableQueryRequestConfig = VariableQuery & {
|
|
|
257
257
|
query: {
|
|
258
258
|
table_name: string;
|
|
259
259
|
query_name: string;
|
|
260
|
-
params?:
|
|
261
|
-
[key: string]: string;
|
|
262
|
-
};
|
|
260
|
+
params?: ActionTableQueryParams;
|
|
263
261
|
default_value?: Array<ActionTableResult>;
|
|
264
262
|
};
|
|
265
263
|
preview_value?: Array<ActionTableResult>;
|
|
@@ -791,7 +789,7 @@ declare const OnClickOperationOptions: readonly [
|
|
|
791
789
|
{
|
|
792
790
|
readonly name: "url";
|
|
793
791
|
readonly type: "Url";
|
|
794
|
-
readonly default: "";
|
|
792
|
+
readonly default: "https://example.com";
|
|
795
793
|
},
|
|
796
794
|
{
|
|
797
795
|
readonly name: "open_new_tab";
|
|
@@ -1713,9 +1711,7 @@ declare namespace widget {
|
|
|
1713
1711
|
query: {
|
|
1714
1712
|
table_name: string;
|
|
1715
1713
|
query_name: string;
|
|
1716
|
-
params?:
|
|
1717
|
-
[key: string]: string;
|
|
1718
|
-
};
|
|
1714
|
+
params?: ActionTableQueryParams;
|
|
1719
1715
|
default_value?: Array<ActionTableResult>;
|
|
1720
1716
|
};
|
|
1721
1717
|
preview_value?: Array<ActionTableResult>;
|
package/dist/index.es.js
CHANGED
|
@@ -346,7 +346,7 @@ const OnClickOperationOptions = [
|
|
|
346
346
|
{
|
|
347
347
|
name: 'url',
|
|
348
348
|
type: 'Url',
|
|
349
|
-
default: '',
|
|
349
|
+
default: 'https://example.com',
|
|
350
350
|
},
|
|
351
351
|
{
|
|
352
352
|
name: 'open_new_tab',
|
|
@@ -1355,57 +1355,40 @@ function request(url, data, cb) {
|
|
|
1355
1355
|
});
|
|
1356
1356
|
}
|
|
1357
1357
|
/** @internal */
|
|
1358
|
-
const loadActionTableRow = async (config, data, api_key, endpoint) =>
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
});
|
|
1358
|
+
const loadActionTableRow = async (config, data, api_key, endpoint) => {
|
|
1359
|
+
return new Promise((resolve, reject) => {
|
|
1360
|
+
const key = data[config.query.key] ?? null;
|
|
1361
|
+
if (key == null) {
|
|
1362
|
+
console.warn('key is not found. key: ', config.query.key);
|
|
1363
|
+
return reject('key is not found.');
|
|
1364
|
+
}
|
|
1365
|
+
return collection$1({ endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => err ? reject(err) : resolve(data));
|
|
1366
|
+
});
|
|
1367
|
+
};
|
|
1366
1368
|
/** @internal */
|
|
1367
|
-
const loadActionTableRows = async (config, data, api_key, endpoint) =>
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
let hasError = false;
|
|
1374
|
-
const originalKeys = Array.isArray(config.query.key) ? config.query.key : [config.query.key];
|
|
1375
|
-
originalKeys.forEach(key => {
|
|
1376
|
-
const d = data[key];
|
|
1377
|
-
if (d == null) {
|
|
1378
|
-
console.warn('key is not found. key: ', key);
|
|
1379
|
-
hasError = true;
|
|
1369
|
+
const loadActionTableRows = async (config, data, api_key, endpoint) => {
|
|
1370
|
+
return new Promise((resolve, reject) => {
|
|
1371
|
+
const keys = config.query.key.map(key => data[key] ?? null);
|
|
1372
|
+
if (keys.some(key => key == null)) {
|
|
1373
|
+
keys.filter(key => key == null).forEach(key => console.warn('key is not found. key: ', key));
|
|
1374
|
+
return reject('key is not found.');
|
|
1380
1375
|
}
|
|
1381
|
-
|
|
1376
|
+
return collection$1({ endpoint, api_key, table: config.query.table_name }).get(config.query.key, (err, data) => (err ? reject(err) : resolve(data)));
|
|
1382
1377
|
});
|
|
1383
|
-
|
|
1384
|
-
return reject('key is not found.');
|
|
1385
|
-
}
|
|
1386
|
-
return collection$1({ endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => (err ? reject(err) : resolve(data)));
|
|
1387
|
-
});
|
|
1378
|
+
};
|
|
1388
1379
|
/** @internal */
|
|
1389
|
-
const loadActionTableQuery = async (config, data, api_key, endpoint) =>
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
const d = data[param];
|
|
1398
|
-
if (d == null) {
|
|
1399
|
-
console.warn('key is not found. param: ', param);
|
|
1400
|
-
hasError = true;
|
|
1380
|
+
const loadActionTableQuery = async (config, data, api_key, endpoint) => {
|
|
1381
|
+
return new Promise((resolve, reject) => {
|
|
1382
|
+
const params = config.query.params.map(param => data[param] ?? null);
|
|
1383
|
+
if (params.some(param => param == null)) {
|
|
1384
|
+
params
|
|
1385
|
+
.filter(param => param == null)
|
|
1386
|
+
.forEach(param => console.warn('key is not found. param: ', param));
|
|
1387
|
+
return reject('key is not found.');
|
|
1401
1388
|
}
|
|
1402
|
-
params
|
|
1389
|
+
return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, config.query.params, null, (err, data) => (err ? reject(err) : resolve(data)));
|
|
1403
1390
|
});
|
|
1404
|
-
|
|
1405
|
-
return reject('key is not found.');
|
|
1406
|
-
}
|
|
1407
|
-
return collection$1({ endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => (err ? reject(err) : resolve(data)));
|
|
1408
|
-
});
|
|
1391
|
+
};
|
|
1409
1392
|
/** @internal */
|
|
1410
1393
|
const loadActionTable = async (config, data, api_key, endpoint) => {
|
|
1411
1394
|
console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
|
|
@@ -4862,7 +4845,7 @@ function create_fragment$p(ctx) {
|
|
|
4862
4845
|
|
|
4863
4846
|
function instance$p($$self, $$props, $$invalidate) {
|
|
4864
4847
|
let style;
|
|
4865
|
-
let { text = '
|
|
4848
|
+
let { text = 'テキストのコンテンツ' } = $$props;
|
|
4866
4849
|
let { font = SYSTEM_FONT } = $$props;
|
|
4867
4850
|
let { _textStyle = '' } = $$props;
|
|
4868
4851
|
let { textDirection = 'horizontal' } = $$props;
|
|
@@ -4975,7 +4958,7 @@ class TextElement extends SvelteComponent {
|
|
|
4975
4958
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
4976
4959
|
|
|
4977
4960
|
function add_css$n(target) {
|
|
4978
|
-
append_styles(target, "svelte-
|
|
4961
|
+
append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .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-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
|
4979
4962
|
}
|
|
4980
4963
|
|
|
4981
4964
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5031,7 +5014,7 @@ function create_fragment$o(ctx) {
|
|
|
5031
5014
|
c() {
|
|
5032
5015
|
div = element("div");
|
|
5033
5016
|
create_component(button.$$.fragment);
|
|
5034
|
-
attr(div, "class", "text-button-element svelte-
|
|
5017
|
+
attr(div, "class", "text-button-element svelte-ujdxfc");
|
|
5035
5018
|
},
|
|
5036
5019
|
m(target, anchor) {
|
|
5037
5020
|
insert(target, div, anchor);
|
|
@@ -5068,7 +5051,7 @@ function create_fragment$o(ctx) {
|
|
|
5068
5051
|
|
|
5069
5052
|
function instance$o($$self, $$props, $$invalidate) {
|
|
5070
5053
|
let style;
|
|
5071
|
-
let { text = '
|
|
5054
|
+
let { text = 'ボタンのラベル' } = $$props;
|
|
5072
5055
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
5073
5056
|
let { eventName = '' } = $$props;
|
|
5074
5057
|
let { font = SYSTEM_FONT } = $$props;
|
|
@@ -5139,19 +5122,31 @@ function create_default_slot$4(ctx) {
|
|
|
5139
5122
|
attr(img, "loading", "lazy");
|
|
5140
5123
|
attr(img, "width", "auto");
|
|
5141
5124
|
attr(img, "height", "auto");
|
|
5142
|
-
|
|
5143
|
-
|
|
5125
|
+
|
|
5126
|
+
attr(img, "style", img_style_value = [
|
|
5127
|
+
/*_imageStyle*/ ctx[6],
|
|
5128
|
+
/*src*/ ctx[0]
|
|
5129
|
+
? `object-fit: ${/*objectFit*/ ctx[3]}`
|
|
5130
|
+
: 'object-fit: contain'
|
|
5131
|
+
].join('; '));
|
|
5132
|
+
|
|
5133
|
+
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
5134
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
5145
5135
|
},
|
|
5146
5136
|
m(target, anchor) {
|
|
5147
5137
|
insert(target, img, anchor);
|
|
5148
5138
|
},
|
|
5149
5139
|
p(ctx, dirty) {
|
|
5150
|
-
if (dirty & /*_imageStyle, objectFit*/
|
|
5140
|
+
if (dirty & /*_imageStyle, src, objectFit*/ 73 && img_style_value !== (img_style_value = [
|
|
5141
|
+
/*_imageStyle*/ ctx[6],
|
|
5142
|
+
/*src*/ ctx[0]
|
|
5143
|
+
? `object-fit: ${/*objectFit*/ ctx[3]}`
|
|
5144
|
+
: 'object-fit: contain'
|
|
5145
|
+
].join('; '))) {
|
|
5151
5146
|
attr(img, "style", img_style_value);
|
|
5152
5147
|
}
|
|
5153
5148
|
|
|
5154
|
-
if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
|
|
5149
|
+
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
5150
|
attr(img, "src", img_src_value);
|
|
5156
5151
|
}
|
|
5157
5152
|
|
|
@@ -5198,7 +5193,7 @@ function create_fragment$n(ctx) {
|
|
|
5198
5193
|
if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
|
|
5199
5194
|
if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
|
|
5200
5195
|
|
|
5201
|
-
if (dirty & /*$$scope, _imageStyle,
|
|
5196
|
+
if (dirty & /*$$scope, _imageStyle, src, objectFit, alt*/ 331) {
|
|
5202
5197
|
button_changes.$$scope = { dirty, ctx };
|
|
5203
5198
|
}
|
|
5204
5199
|
|
|
@@ -5225,8 +5220,8 @@ function create_fragment$n(ctx) {
|
|
|
5225
5220
|
}
|
|
5226
5221
|
|
|
5227
5222
|
function instance$n($$self, $$props, $$invalidate) {
|
|
5228
|
-
let { src = '
|
|
5229
|
-
let { alt = '
|
|
5223
|
+
let { src = '' } = $$props;
|
|
5224
|
+
let { alt = '画像の説明' } = $$props;
|
|
5230
5225
|
let { transport = false } = $$props;
|
|
5231
5226
|
let { objectFit = 'cover' } = $$props;
|
|
5232
5227
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|