@plaidev/karte-action-sdk 1.1.196 → 1.1.197
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 +43 -66
- package/dist/index.es.js +48 -70
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
|
@@ -1346,8 +1346,10 @@ const loadActionTableQuery = async (config, api_key, endpoint) => {
|
|
|
1346
1346
|
/** @internal */
|
|
1347
1347
|
const loadActionTable = async (config, api_key, endpoint) => {
|
|
1348
1348
|
console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
|
|
1349
|
+
console.log("load action table", config);
|
|
1349
1350
|
const results = config.map(c => c.preview_value)
|
|
1350
1351
|
;
|
|
1352
|
+
console.log("results", results);
|
|
1351
1353
|
return config.reduce((acc, c, i) => {
|
|
1352
1354
|
const value = results[i] ?? c.query.default_value;
|
|
1353
1355
|
if (value) {
|
|
@@ -1561,6 +1563,7 @@ function createModal(App, options = {
|
|
|
1561
1563
|
context: { api_key: '' },
|
|
1562
1564
|
}) {
|
|
1563
1565
|
let app = null;
|
|
1566
|
+
console.log("start modal");
|
|
1564
1567
|
const data = {
|
|
1565
1568
|
...options.props,
|
|
1566
1569
|
...options.variables,
|
|
@@ -2549,7 +2552,7 @@ class State extends SvelteComponent {
|
|
|
2549
2552
|
|
|
2550
2553
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
2551
2554
|
|
|
2552
|
-
function add_css$
|
|
2555
|
+
function add_css$t(target) {
|
|
2553
2556
|
append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
|
|
2554
2557
|
}
|
|
2555
2558
|
|
|
@@ -2717,7 +2720,7 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
|
2717
2720
|
class StateItem extends SvelteComponent {
|
|
2718
2721
|
constructor(options) {
|
|
2719
2722
|
super();
|
|
2720
|
-
init(this, options, instance$w, create_fragment$w, safe_not_equal, { path: 0 }, add_css$
|
|
2723
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { path: 0 }, add_css$t);
|
|
2721
2724
|
}
|
|
2722
2725
|
}
|
|
2723
2726
|
|
|
@@ -2935,7 +2938,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
|
|
|
2935
2938
|
|
|
2936
2939
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
2937
2940
|
|
|
2938
|
-
function add_css$
|
|
2941
|
+
function add_css$s(target) {
|
|
2939
2942
|
append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
|
2940
2943
|
}
|
|
2941
2944
|
|
|
@@ -3030,7 +3033,7 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
|
3030
3033
|
class BackgroundOverlay extends SvelteComponent {
|
|
3031
3034
|
constructor(options) {
|
|
3032
3035
|
super();
|
|
3033
|
-
init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$
|
|
3036
|
+
init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
|
|
3034
3037
|
}
|
|
3035
3038
|
}
|
|
3036
3039
|
|
|
@@ -3070,7 +3073,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3070
3073
|
|
|
3071
3074
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3072
3075
|
|
|
3073
|
-
function add_css$
|
|
3076
|
+
function add_css$r(target) {
|
|
3074
3077
|
append_styles(target, "svelte-1dtbrzj", ".button.svelte-1dtbrzj{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1dtbrzj:link,.button.svelte-1dtbrzj:visited,.button.svelte-1dtbrzj:active,.button.svelte-1dtbrzj:hover{color:inherit}");
|
|
3075
3078
|
}
|
|
3076
3079
|
|
|
@@ -3573,14 +3576,14 @@ class Button extends SvelteComponent {
|
|
|
3573
3576
|
eventValue: 6,
|
|
3574
3577
|
style: 1
|
|
3575
3578
|
},
|
|
3576
|
-
add_css$
|
|
3579
|
+
add_css$r
|
|
3577
3580
|
);
|
|
3578
3581
|
}
|
|
3579
3582
|
}
|
|
3580
3583
|
|
|
3581
3584
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3582
3585
|
|
|
3583
|
-
function add_css$
|
|
3586
|
+
function add_css$q(target) {
|
|
3584
3587
|
append_styles(target, "svelte-1m1do8u", ".modal.svelte-1m1do8u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1m1do8u > .button{flex:auto;display:flex}.close.svelte-1m1do8u{position:absolute;top:0;right:0}.close.svelte-1m1do8u > .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-1m1do8u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1m1do8u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
3585
3588
|
}
|
|
3586
3589
|
|
|
@@ -4211,23 +4214,18 @@ class Modal extends SvelteComponent {
|
|
|
4211
4214
|
closeButtonColor: 8,
|
|
4212
4215
|
_closeStyle: 9
|
|
4213
4216
|
},
|
|
4214
|
-
add_css$
|
|
4217
|
+
add_css$q
|
|
4215
4218
|
);
|
|
4216
4219
|
}
|
|
4217
4220
|
}
|
|
4218
4221
|
|
|
4219
4222
|
/* src/components/Grid.svelte generated by Svelte v3.53.1 */
|
|
4220
4223
|
|
|
4221
|
-
function add_css$q(target) {
|
|
4222
|
-
append_styles(target, "svelte-1mf7v7", ".grid.svelte-1mf7v7{display:grid;box-sizing:border-box;padding:0}");
|
|
4223
|
-
}
|
|
4224
|
-
|
|
4225
4224
|
function create_fragment$s(ctx) {
|
|
4226
4225
|
let div;
|
|
4227
|
-
let div_style_value;
|
|
4228
4226
|
let current;
|
|
4229
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
4230
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
4227
|
+
const default_slot_template = /*#slots*/ ctx[8].default;
|
|
4228
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
|
|
4231
4229
|
|
|
4232
4230
|
return {
|
|
4233
4231
|
c() {
|
|
@@ -4243,8 +4241,8 @@ function create_fragment$s(ctx) {
|
|
|
4243
4241
|
this.h();
|
|
4244
4242
|
},
|
|
4245
4243
|
h() {
|
|
4246
|
-
attr(div, "class", "grid
|
|
4247
|
-
attr(div, "style",
|
|
4244
|
+
attr(div, "class", "grid");
|
|
4245
|
+
attr(div, "style", /*_style*/ ctx[0]);
|
|
4248
4246
|
},
|
|
4249
4247
|
m(target, anchor) {
|
|
4250
4248
|
insert_hydration(target, div, anchor);
|
|
@@ -4257,22 +4255,22 @@ function create_fragment$s(ctx) {
|
|
|
4257
4255
|
},
|
|
4258
4256
|
p(ctx, [dirty]) {
|
|
4259
4257
|
if (default_slot) {
|
|
4260
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
4258
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 128)) {
|
|
4261
4259
|
update_slot_base(
|
|
4262
4260
|
default_slot,
|
|
4263
4261
|
default_slot_template,
|
|
4264
4262
|
ctx,
|
|
4265
|
-
/*$$scope*/ ctx[
|
|
4263
|
+
/*$$scope*/ ctx[7],
|
|
4266
4264
|
!current
|
|
4267
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
4268
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
4265
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[7])
|
|
4266
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[7], dirty, null),
|
|
4269
4267
|
null
|
|
4270
4268
|
);
|
|
4271
4269
|
}
|
|
4272
4270
|
}
|
|
4273
4271
|
|
|
4274
|
-
if (!current || dirty & /*
|
|
4275
|
-
attr(div, "style",
|
|
4272
|
+
if (!current || dirty & /*_style*/ 1) {
|
|
4273
|
+
attr(div, "style", /*_style*/ ctx[0]);
|
|
4276
4274
|
}
|
|
4277
4275
|
},
|
|
4278
4276
|
i(local) {
|
|
@@ -4292,7 +4290,7 @@ function create_fragment$s(ctx) {
|
|
|
4292
4290
|
}
|
|
4293
4291
|
|
|
4294
4292
|
function instance$s($$self, $$props, $$invalidate) {
|
|
4295
|
-
let
|
|
4293
|
+
let _style;
|
|
4296
4294
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
4297
4295
|
let { width = '512px' } = $$props;
|
|
4298
4296
|
let { height = '256px' } = $$props;
|
|
@@ -4300,26 +4298,25 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
4300
4298
|
let { columns } = $$props;
|
|
4301
4299
|
let { gap = 'auto' } = $$props;
|
|
4302
4300
|
let { background = 'transparent' } = $$props;
|
|
4303
|
-
let { _style = '' } = $$props;
|
|
4304
4301
|
|
|
4305
4302
|
const toExpr = exp => typeof exp === 'number'
|
|
4306
4303
|
? `repeat(${exp}, 1fr)`
|
|
4307
4304
|
: exp.join(' ');
|
|
4308
4305
|
|
|
4309
4306
|
$$self.$$set = $$props => {
|
|
4310
|
-
if ('width' in $$props) $$invalidate(
|
|
4311
|
-
if ('height' in $$props) $$invalidate(
|
|
4312
|
-
if ('rows' in $$props) $$invalidate(
|
|
4313
|
-
if ('columns' in $$props) $$invalidate(
|
|
4314
|
-
if ('gap' in $$props) $$invalidate(
|
|
4315
|
-
if ('background' in $$props) $$invalidate(
|
|
4316
|
-
if ('
|
|
4317
|
-
if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
|
|
4307
|
+
if ('width' in $$props) $$invalidate(1, width = $$props.width);
|
|
4308
|
+
if ('height' in $$props) $$invalidate(2, height = $$props.height);
|
|
4309
|
+
if ('rows' in $$props) $$invalidate(3, rows = $$props.rows);
|
|
4310
|
+
if ('columns' in $$props) $$invalidate(4, columns = $$props.columns);
|
|
4311
|
+
if ('gap' in $$props) $$invalidate(5, gap = $$props.gap);
|
|
4312
|
+
if ('background' in $$props) $$invalidate(6, background = $$props.background);
|
|
4313
|
+
if ('$$scope' in $$props) $$invalidate(7, $$scope = $$props.$$scope);
|
|
4318
4314
|
};
|
|
4319
4315
|
|
|
4320
4316
|
$$self.$$.update = () => {
|
|
4321
|
-
if ($$self.$$.dirty & /*rows, columns, gap, background, width, height*/
|
|
4322
|
-
$$invalidate(
|
|
4317
|
+
if ($$self.$$.dirty & /*rows, columns, gap, background, width, height*/ 126) {
|
|
4318
|
+
$$invalidate(0, _style = [
|
|
4319
|
+
`display: grid`,
|
|
4323
4320
|
`grid-template-rows: ${toExpr(rows)}`,
|
|
4324
4321
|
`grid-template-columns: ${toExpr(columns)}`,
|
|
4325
4322
|
`gap: ${gap}`,
|
|
@@ -4330,41 +4327,21 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
4330
4327
|
}
|
|
4331
4328
|
};
|
|
4332
4329
|
|
|
4333
|
-
return [
|
|
4334
|
-
_style,
|
|
4335
|
-
gridStyle,
|
|
4336
|
-
width,
|
|
4337
|
-
height,
|
|
4338
|
-
rows,
|
|
4339
|
-
columns,
|
|
4340
|
-
gap,
|
|
4341
|
-
background,
|
|
4342
|
-
$$scope,
|
|
4343
|
-
slots
|
|
4344
|
-
];
|
|
4330
|
+
return [_style, width, height, rows, columns, gap, background, $$scope, slots];
|
|
4345
4331
|
}
|
|
4346
4332
|
|
|
4347
4333
|
class Grid extends SvelteComponent {
|
|
4348
4334
|
constructor(options) {
|
|
4349
4335
|
super();
|
|
4350
4336
|
|
|
4351
|
-
init(
|
|
4352
|
-
|
|
4353
|
-
|
|
4354
|
-
|
|
4355
|
-
|
|
4356
|
-
|
|
4357
|
-
|
|
4358
|
-
|
|
4359
|
-
height: 3,
|
|
4360
|
-
rows: 4,
|
|
4361
|
-
columns: 5,
|
|
4362
|
-
gap: 6,
|
|
4363
|
-
background: 7,
|
|
4364
|
-
_style: 0
|
|
4365
|
-
},
|
|
4366
|
-
add_css$q
|
|
4367
|
-
);
|
|
4337
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, {
|
|
4338
|
+
width: 1,
|
|
4339
|
+
height: 2,
|
|
4340
|
+
rows: 3,
|
|
4341
|
+
columns: 4,
|
|
4342
|
+
gap: 5,
|
|
4343
|
+
background: 6
|
|
4344
|
+
});
|
|
4368
4345
|
}
|
|
4369
4346
|
}
|
|
4370
4347
|
|
|
@@ -5446,7 +5423,7 @@ class ImageElement extends SvelteComponent {
|
|
|
5446
5423
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
5447
5424
|
|
|
5448
5425
|
function add_css$l(target) {
|
|
5449
|
-
append_styles(target, "svelte-
|
|
5426
|
+
append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
|
5450
5427
|
}
|
|
5451
5428
|
|
|
5452
5429
|
function create_fragment$m(ctx) {
|
|
@@ -5469,7 +5446,7 @@ function create_fragment$m(ctx) {
|
|
|
5469
5446
|
this.h();
|
|
5470
5447
|
},
|
|
5471
5448
|
h() {
|
|
5472
|
-
attr(div, "class", "list svelte-
|
|
5449
|
+
attr(div, "class", "list svelte-1t8r9z");
|
|
5473
5450
|
attr(div, "style", /*style*/ ctx[0]);
|
|
5474
5451
|
},
|
|
5475
5452
|
m(target, anchor) {
|
package/dist/index.es.js
CHANGED
|
@@ -1369,21 +1369,24 @@ const loadActionTableQuery = async (config, api_key, endpoint) => {
|
|
|
1369
1369
|
/** @internal */
|
|
1370
1370
|
const loadActionTable = async (config, api_key, endpoint) => {
|
|
1371
1371
|
console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
|
|
1372
|
+
console.log("load action table", config);
|
|
1372
1373
|
const results = await Promise.all(config
|
|
1373
1374
|
.filter(c => c.resolver === 'action-table-row' ||
|
|
1374
1375
|
c.resolver === 'action-table-rows' ||
|
|
1375
1376
|
c.resolver === 'action-table-query')
|
|
1376
|
-
.map(c => {
|
|
1377
|
+
.map(async (c) => {
|
|
1378
|
+
console.log("loadActionTable");
|
|
1377
1379
|
if (c.resolver === 'action-table-row') {
|
|
1378
|
-
loadActionTableRow(c, api_key, endpoint);
|
|
1380
|
+
return await loadActionTableRow(c, api_key, endpoint);
|
|
1379
1381
|
}
|
|
1380
1382
|
else if (c.resolver === 'action-table-rows') {
|
|
1381
|
-
loadActionTableRows(c, api_key, endpoint);
|
|
1383
|
+
return await loadActionTableRows(c, api_key, endpoint);
|
|
1382
1384
|
}
|
|
1383
1385
|
else if (c.resolver === 'action-table-query') {
|
|
1384
|
-
loadActionTableQuery(c, api_key, endpoint);
|
|
1386
|
+
return await loadActionTableQuery(c, api_key, endpoint);
|
|
1385
1387
|
}
|
|
1386
1388
|
}));
|
|
1389
|
+
console.log("results", results);
|
|
1387
1390
|
return config.reduce((acc, c, i) => {
|
|
1388
1391
|
const value = results[i] ?? c.query.default_value;
|
|
1389
1392
|
if (value) {
|
|
@@ -1597,6 +1600,7 @@ function createModal(App, options = {
|
|
|
1597
1600
|
context: { api_key: '' },
|
|
1598
1601
|
}) {
|
|
1599
1602
|
let app = null;
|
|
1603
|
+
console.log("start modal");
|
|
1600
1604
|
const data = {
|
|
1601
1605
|
...options.props,
|
|
1602
1606
|
...options.variables,
|
|
@@ -2587,7 +2591,7 @@ class State extends SvelteComponent {
|
|
|
2587
2591
|
|
|
2588
2592
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
2589
2593
|
|
|
2590
|
-
function add_css$
|
|
2594
|
+
function add_css$t(target) {
|
|
2591
2595
|
append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
|
|
2592
2596
|
}
|
|
2593
2597
|
|
|
@@ -2741,7 +2745,7 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
|
2741
2745
|
class StateItem extends SvelteComponent {
|
|
2742
2746
|
constructor(options) {
|
|
2743
2747
|
super();
|
|
2744
|
-
init(this, options, instance$w, create_fragment$w, safe_not_equal, { path: 0 }, add_css$
|
|
2748
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { path: 0 }, add_css$t);
|
|
2745
2749
|
}
|
|
2746
2750
|
}
|
|
2747
2751
|
|
|
@@ -3006,7 +3010,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
|
|
|
3006
3010
|
|
|
3007
3011
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3008
3012
|
|
|
3009
|
-
function add_css$
|
|
3013
|
+
function add_css$s(target) {
|
|
3010
3014
|
append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
|
3011
3015
|
}
|
|
3012
3016
|
|
|
@@ -3089,7 +3093,7 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
|
3089
3093
|
class BackgroundOverlay extends SvelteComponent {
|
|
3090
3094
|
constructor(options) {
|
|
3091
3095
|
super();
|
|
3092
|
-
init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$
|
|
3096
|
+
init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
|
|
3093
3097
|
}
|
|
3094
3098
|
}
|
|
3095
3099
|
|
|
@@ -3129,7 +3133,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3129
3133
|
|
|
3130
3134
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3131
3135
|
|
|
3132
|
-
function add_css$
|
|
3136
|
+
function add_css$r(target) {
|
|
3133
3137
|
append_styles(target, "svelte-1dtbrzj", ".button.svelte-1dtbrzj{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1dtbrzj:link,.button.svelte-1dtbrzj:visited,.button.svelte-1dtbrzj:active,.button.svelte-1dtbrzj:hover{color:inherit}");
|
|
3134
3138
|
}
|
|
3135
3139
|
|
|
@@ -3582,14 +3586,14 @@ class Button extends SvelteComponent {
|
|
|
3582
3586
|
eventValue: 6,
|
|
3583
3587
|
style: 1
|
|
3584
3588
|
},
|
|
3585
|
-
add_css$
|
|
3589
|
+
add_css$r
|
|
3586
3590
|
);
|
|
3587
3591
|
}
|
|
3588
3592
|
}
|
|
3589
3593
|
|
|
3590
3594
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3591
3595
|
|
|
3592
|
-
function add_css$
|
|
3596
|
+
function add_css$q(target) {
|
|
3593
3597
|
append_styles(target, "svelte-1m1do8u", ".modal.svelte-1m1do8u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1m1do8u > .button{flex:auto;display:flex}.close.svelte-1m1do8u{position:absolute;top:0;right:0}.close.svelte-1m1do8u > .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-1m1do8u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1m1do8u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
3594
3598
|
}
|
|
3595
3599
|
|
|
@@ -4149,30 +4153,25 @@ class Modal extends SvelteComponent {
|
|
|
4149
4153
|
closeButtonColor: 8,
|
|
4150
4154
|
_closeStyle: 9
|
|
4151
4155
|
},
|
|
4152
|
-
add_css$
|
|
4156
|
+
add_css$q
|
|
4153
4157
|
);
|
|
4154
4158
|
}
|
|
4155
4159
|
}
|
|
4156
4160
|
|
|
4157
4161
|
/* src/components/Grid.svelte generated by Svelte v3.53.1 */
|
|
4158
4162
|
|
|
4159
|
-
function add_css$q(target) {
|
|
4160
|
-
append_styles(target, "svelte-1mf7v7", ".grid.svelte-1mf7v7{display:grid;box-sizing:border-box;padding:0}");
|
|
4161
|
-
}
|
|
4162
|
-
|
|
4163
4163
|
function create_fragment$s(ctx) {
|
|
4164
4164
|
let div;
|
|
4165
|
-
let div_style_value;
|
|
4166
4165
|
let current;
|
|
4167
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
4168
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
4166
|
+
const default_slot_template = /*#slots*/ ctx[8].default;
|
|
4167
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
|
|
4169
4168
|
|
|
4170
4169
|
return {
|
|
4171
4170
|
c() {
|
|
4172
4171
|
div = element("div");
|
|
4173
4172
|
if (default_slot) default_slot.c();
|
|
4174
|
-
attr(div, "class", "grid
|
|
4175
|
-
attr(div, "style",
|
|
4173
|
+
attr(div, "class", "grid");
|
|
4174
|
+
attr(div, "style", /*_style*/ ctx[0]);
|
|
4176
4175
|
},
|
|
4177
4176
|
m(target, anchor) {
|
|
4178
4177
|
insert(target, div, anchor);
|
|
@@ -4185,22 +4184,22 @@ function create_fragment$s(ctx) {
|
|
|
4185
4184
|
},
|
|
4186
4185
|
p(ctx, [dirty]) {
|
|
4187
4186
|
if (default_slot) {
|
|
4188
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
4187
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 128)) {
|
|
4189
4188
|
update_slot_base(
|
|
4190
4189
|
default_slot,
|
|
4191
4190
|
default_slot_template,
|
|
4192
4191
|
ctx,
|
|
4193
|
-
/*$$scope*/ ctx[
|
|
4192
|
+
/*$$scope*/ ctx[7],
|
|
4194
4193
|
!current
|
|
4195
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
4196
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
4194
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[7])
|
|
4195
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[7], dirty, null),
|
|
4197
4196
|
null
|
|
4198
4197
|
);
|
|
4199
4198
|
}
|
|
4200
4199
|
}
|
|
4201
4200
|
|
|
4202
|
-
if (!current || dirty & /*
|
|
4203
|
-
attr(div, "style",
|
|
4201
|
+
if (!current || dirty & /*_style*/ 1) {
|
|
4202
|
+
attr(div, "style", /*_style*/ ctx[0]);
|
|
4204
4203
|
}
|
|
4205
4204
|
},
|
|
4206
4205
|
i(local) {
|
|
@@ -4220,7 +4219,7 @@ function create_fragment$s(ctx) {
|
|
|
4220
4219
|
}
|
|
4221
4220
|
|
|
4222
4221
|
function instance$s($$self, $$props, $$invalidate) {
|
|
4223
|
-
let
|
|
4222
|
+
let _style;
|
|
4224
4223
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
4225
4224
|
let { width = '512px' } = $$props;
|
|
4226
4225
|
let { height = '256px' } = $$props;
|
|
@@ -4228,26 +4227,25 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
4228
4227
|
let { columns } = $$props;
|
|
4229
4228
|
let { gap = 'auto' } = $$props;
|
|
4230
4229
|
let { background = 'transparent' } = $$props;
|
|
4231
|
-
let { _style = '' } = $$props;
|
|
4232
4230
|
|
|
4233
4231
|
const toExpr = exp => typeof exp === 'number'
|
|
4234
4232
|
? `repeat(${exp}, 1fr)`
|
|
4235
4233
|
: exp.join(' ');
|
|
4236
4234
|
|
|
4237
4235
|
$$self.$$set = $$props => {
|
|
4238
|
-
if ('width' in $$props) $$invalidate(
|
|
4239
|
-
if ('height' in $$props) $$invalidate(
|
|
4240
|
-
if ('rows' in $$props) $$invalidate(
|
|
4241
|
-
if ('columns' in $$props) $$invalidate(
|
|
4242
|
-
if ('gap' in $$props) $$invalidate(
|
|
4243
|
-
if ('background' in $$props) $$invalidate(
|
|
4244
|
-
if ('
|
|
4245
|
-
if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
|
|
4236
|
+
if ('width' in $$props) $$invalidate(1, width = $$props.width);
|
|
4237
|
+
if ('height' in $$props) $$invalidate(2, height = $$props.height);
|
|
4238
|
+
if ('rows' in $$props) $$invalidate(3, rows = $$props.rows);
|
|
4239
|
+
if ('columns' in $$props) $$invalidate(4, columns = $$props.columns);
|
|
4240
|
+
if ('gap' in $$props) $$invalidate(5, gap = $$props.gap);
|
|
4241
|
+
if ('background' in $$props) $$invalidate(6, background = $$props.background);
|
|
4242
|
+
if ('$$scope' in $$props) $$invalidate(7, $$scope = $$props.$$scope);
|
|
4246
4243
|
};
|
|
4247
4244
|
|
|
4248
4245
|
$$self.$$.update = () => {
|
|
4249
|
-
if ($$self.$$.dirty & /*rows, columns, gap, background, width, height*/
|
|
4250
|
-
$$invalidate(
|
|
4246
|
+
if ($$self.$$.dirty & /*rows, columns, gap, background, width, height*/ 126) {
|
|
4247
|
+
$$invalidate(0, _style = [
|
|
4248
|
+
`display: grid`,
|
|
4251
4249
|
`grid-template-rows: ${toExpr(rows)}`,
|
|
4252
4250
|
`grid-template-columns: ${toExpr(columns)}`,
|
|
4253
4251
|
`gap: ${gap}`,
|
|
@@ -4258,41 +4256,21 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
4258
4256
|
}
|
|
4259
4257
|
};
|
|
4260
4258
|
|
|
4261
|
-
return [
|
|
4262
|
-
_style,
|
|
4263
|
-
gridStyle,
|
|
4264
|
-
width,
|
|
4265
|
-
height,
|
|
4266
|
-
rows,
|
|
4267
|
-
columns,
|
|
4268
|
-
gap,
|
|
4269
|
-
background,
|
|
4270
|
-
$$scope,
|
|
4271
|
-
slots
|
|
4272
|
-
];
|
|
4259
|
+
return [_style, width, height, rows, columns, gap, background, $$scope, slots];
|
|
4273
4260
|
}
|
|
4274
4261
|
|
|
4275
4262
|
class Grid extends SvelteComponent {
|
|
4276
4263
|
constructor(options) {
|
|
4277
4264
|
super();
|
|
4278
4265
|
|
|
4279
|
-
init(
|
|
4280
|
-
|
|
4281
|
-
|
|
4282
|
-
|
|
4283
|
-
|
|
4284
|
-
|
|
4285
|
-
|
|
4286
|
-
|
|
4287
|
-
height: 3,
|
|
4288
|
-
rows: 4,
|
|
4289
|
-
columns: 5,
|
|
4290
|
-
gap: 6,
|
|
4291
|
-
background: 7,
|
|
4292
|
-
_style: 0
|
|
4293
|
-
},
|
|
4294
|
-
add_css$q
|
|
4295
|
-
);
|
|
4266
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, {
|
|
4267
|
+
width: 1,
|
|
4268
|
+
height: 2,
|
|
4269
|
+
rows: 3,
|
|
4270
|
+
columns: 4,
|
|
4271
|
+
gap: 5,
|
|
4272
|
+
background: 6
|
|
4273
|
+
});
|
|
4296
4274
|
}
|
|
4297
4275
|
}
|
|
4298
4276
|
|
|
@@ -5249,7 +5227,7 @@ class ImageElement extends SvelteComponent {
|
|
|
5249
5227
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
5250
5228
|
|
|
5251
5229
|
function add_css$l(target) {
|
|
5252
|
-
append_styles(target, "svelte-
|
|
5230
|
+
append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
|
5253
5231
|
}
|
|
5254
5232
|
|
|
5255
5233
|
function create_fragment$m(ctx) {
|
|
@@ -5262,7 +5240,7 @@ function create_fragment$m(ctx) {
|
|
|
5262
5240
|
c() {
|
|
5263
5241
|
div = element("div");
|
|
5264
5242
|
if (default_slot) default_slot.c();
|
|
5265
|
-
attr(div, "class", "list svelte-
|
|
5243
|
+
attr(div, "class", "list svelte-1t8r9z");
|
|
5266
5244
|
attr(div, "style", /*style*/ ctx[0]);
|
|
5267
5245
|
},
|
|
5268
5246
|
m(target, anchor) {
|