@plaidev/karte-action-sdk 1.1.229 → 1.1.230-28646468.175b835d
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +17 -11
- package/dist/hydrate/index.es.js +223 -169
- package/dist/index.es.d.ts +17 -11
- package/dist/index.es.js +226 -172
- package/package.json +1 -1
- package/meta/karte-action-sdk.api.json +0 -6318
package/dist/index.es.js
CHANGED
|
@@ -1363,9 +1363,7 @@ function checkAndDo(checkFn, fn, ...conditionFns) {
|
|
|
1363
1363
|
/**
|
|
1364
1364
|
* アクションテーブルに関連するコードの管理
|
|
1365
1365
|
*/
|
|
1366
|
-
const DEFAULT_COLLECTION_ENDPOINT =
|
|
1367
|
-
? __FLYER_GEN_COLLECTION_API_ENDPOINT__
|
|
1368
|
-
: 'https://action-table.karte.io/collection';
|
|
1366
|
+
const DEFAULT_COLLECTION_ENDPOINT = 'https://action-table.karte.io/collection';
|
|
1369
1367
|
/**
|
|
1370
1368
|
* アクションテーブルを管理するメソッドを取得する
|
|
1371
1369
|
*
|
|
@@ -1376,7 +1374,7 @@ const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__
|
|
|
1376
1374
|
* @public
|
|
1377
1375
|
*/
|
|
1378
1376
|
function collection$1(config) {
|
|
1379
|
-
const endpoint = config.
|
|
1377
|
+
const endpoint = config.collection_endpoint || DEFAULT_COLLECTION_ENDPOINT;
|
|
1380
1378
|
const api_key = config.api_key;
|
|
1381
1379
|
const table = config.table;
|
|
1382
1380
|
return {
|
|
@@ -1458,7 +1456,7 @@ function request(url, data, cb) {
|
|
|
1458
1456
|
});
|
|
1459
1457
|
}
|
|
1460
1458
|
/** @internal */
|
|
1461
|
-
const loadActionTableRow = async (config, data, api_key,
|
|
1459
|
+
const loadActionTableRow = async (config, data, api_key, collection_endpoint) => new Promise((resolve, reject) => {
|
|
1462
1460
|
const defaultValue = config.query.default_value ?? null;
|
|
1463
1461
|
const key = data[config.query.key] ?? null;
|
|
1464
1462
|
if (key == null) {
|
|
@@ -1468,7 +1466,7 @@ const loadActionTableRow = async (config, data, api_key, endpoint) => new Promis
|
|
|
1468
1466
|
}
|
|
1469
1467
|
return reject('key is not found.');
|
|
1470
1468
|
}
|
|
1471
|
-
return collection$1({
|
|
1469
|
+
return collection$1({ collection_endpoint, api_key, table: config.query.table_name }).get(key, (err, data) => {
|
|
1472
1470
|
if (err) {
|
|
1473
1471
|
if (defaultValue != null) {
|
|
1474
1472
|
return resolve(defaultValue);
|
|
@@ -1488,7 +1486,7 @@ const loadActionTableRow = async (config, data, api_key, endpoint) => new Promis
|
|
|
1488
1486
|
});
|
|
1489
1487
|
});
|
|
1490
1488
|
/** @internal */
|
|
1491
|
-
const loadActionTableRows = async (config, data, api_key,
|
|
1489
|
+
const loadActionTableRows = async (config, data, api_key, collection_endpoint) => new Promise((resolve, reject) => {
|
|
1492
1490
|
if (config.query.keys == null) {
|
|
1493
1491
|
console.warn('key is not defined.');
|
|
1494
1492
|
return reject('key is not defined.');
|
|
@@ -1511,7 +1509,7 @@ const loadActionTableRows = async (config, data, api_key, endpoint) => new Promi
|
|
|
1511
1509
|
}
|
|
1512
1510
|
return reject('key is not found.');
|
|
1513
1511
|
}
|
|
1514
|
-
return collection$1({
|
|
1512
|
+
return collection$1({ collection_endpoint, api_key, table: config.query.table_name }).get(keys, (err, data) => {
|
|
1515
1513
|
if (err) {
|
|
1516
1514
|
if (defaultValue != null) {
|
|
1517
1515
|
return resolve(defaultValue);
|
|
@@ -1531,7 +1529,7 @@ const loadActionTableRows = async (config, data, api_key, endpoint) => new Promi
|
|
|
1531
1529
|
});
|
|
1532
1530
|
});
|
|
1533
1531
|
/** @internal */
|
|
1534
|
-
const loadActionTableQuery = async (config, data, api_key,
|
|
1532
|
+
const loadActionTableQuery = async (config, data, api_key, collection_endpoint) => new Promise((resolve, reject) => {
|
|
1535
1533
|
if (config.query.params == null) {
|
|
1536
1534
|
console.warn('key is not defined.');
|
|
1537
1535
|
return reject('key is not defined.');
|
|
@@ -1553,7 +1551,7 @@ const loadActionTableQuery = async (config, data, api_key, endpoint) => new Prom
|
|
|
1553
1551
|
}
|
|
1554
1552
|
return reject('key is not found.');
|
|
1555
1553
|
}
|
|
1556
|
-
return collection$1({
|
|
1554
|
+
return collection$1({ collection_endpoint, api_key, table: config.query.table_name }).getByQuery(config.query.query_name, params, null, (err, data) => {
|
|
1557
1555
|
if (err) {
|
|
1558
1556
|
if (defaultValue != null) {
|
|
1559
1557
|
return resolve(defaultValue);
|
|
@@ -1573,21 +1571,21 @@ const loadActionTableQuery = async (config, data, api_key, endpoint) => new Prom
|
|
|
1573
1571
|
});
|
|
1574
1572
|
});
|
|
1575
1573
|
/** @internal */
|
|
1576
|
-
const loadActionTable = async (config, data, api_key,
|
|
1577
|
-
console.debug('[debug] loadActionTable', isPreview(), api_key,
|
|
1574
|
+
const loadActionTable = async (config, data, api_key, collection_endpoint) => {
|
|
1575
|
+
console.debug('[debug] loadActionTable', isPreview(), api_key, collection_endpoint, JSON.stringify(config));
|
|
1578
1576
|
const results = await Promise.all(config
|
|
1579
1577
|
.filter(c => c.resolver === 'action-table-row' ||
|
|
1580
1578
|
c.resolver === 'action-table-rows' ||
|
|
1581
1579
|
c.resolver === 'action-table-query')
|
|
1582
1580
|
.map(async (c) => {
|
|
1583
1581
|
if (c.resolver === 'action-table-row') {
|
|
1584
|
-
return await loadActionTableRow(c, data, api_key,
|
|
1582
|
+
return await loadActionTableRow(c, data, api_key, collection_endpoint);
|
|
1585
1583
|
}
|
|
1586
1584
|
else if (c.resolver === 'action-table-rows') {
|
|
1587
|
-
return await loadActionTableRows(c, data, api_key,
|
|
1585
|
+
return await loadActionTableRows(c, data, api_key, collection_endpoint);
|
|
1588
1586
|
}
|
|
1589
1587
|
else if (c.resolver === 'action-table-query') {
|
|
1590
|
-
return await loadActionTableQuery(c, data, api_key,
|
|
1588
|
+
return await loadActionTableQuery(c, data, api_key, collection_endpoint);
|
|
1591
1589
|
}
|
|
1592
1590
|
}));
|
|
1593
1591
|
return config.reduce((acc, c, i) => {
|
|
@@ -1599,8 +1597,8 @@ const loadActionTable = async (config, data, api_key, endpoint) => {
|
|
|
1599
1597
|
}, {});
|
|
1600
1598
|
};
|
|
1601
1599
|
/** @internal */
|
|
1602
|
-
async function setupActionTable(localVariablesQuery, data, apiKey) {
|
|
1603
|
-
const result = await loadActionTable(localVariablesQuery, data, apiKey);
|
|
1600
|
+
async function setupActionTable(localVariablesQuery, data, apiKey, collection_endpoint) {
|
|
1601
|
+
const result = await loadActionTable(localVariablesQuery, data, apiKey, collection_endpoint);
|
|
1604
1602
|
let success = false;
|
|
1605
1603
|
if (Object.keys(result).length === localVariablesQuery.length) {
|
|
1606
1604
|
setVariables(result);
|
|
@@ -1816,7 +1814,7 @@ function createModal(App, options = {
|
|
|
1816
1814
|
variables: {},
|
|
1817
1815
|
localVariablesQuery: undefined,
|
|
1818
1816
|
karteTemplate: {},
|
|
1819
|
-
context: { api_key: '' },
|
|
1817
|
+
context: { api_key: '', collection_endpoint: undefined },
|
|
1820
1818
|
}) {
|
|
1821
1819
|
let app = null;
|
|
1822
1820
|
const data = getVariables();
|
|
@@ -1946,7 +1944,7 @@ function createModal(App, options = {
|
|
|
1946
1944
|
initActionTable(options.localVariablesQuery);
|
|
1947
1945
|
let actionTablePromise = null;
|
|
1948
1946
|
if (options.localVariablesQuery && data.api_key) {
|
|
1949
|
-
actionTablePromise = setupActionTable(options.localVariablesQuery, data, data.api_key);
|
|
1947
|
+
actionTablePromise = setupActionTable(options.localVariablesQuery, data, data.api_key, options.context.collection_endpoint);
|
|
1950
1948
|
}
|
|
1951
1949
|
// NOTE: onCreateより前にListenする必要がある
|
|
1952
1950
|
window.addEventListener(ACTION_SHOW_EVENT, handleShow);
|
|
@@ -2121,14 +2119,14 @@ async function runScript$1(options = {
|
|
|
2121
2119
|
variables: {},
|
|
2122
2120
|
localVariablesQuery: undefined,
|
|
2123
2121
|
karteTemplate: {},
|
|
2124
|
-
context: { api_key: '' },
|
|
2122
|
+
context: { api_key: '', collection_endpoint: undefined },
|
|
2125
2123
|
}) {
|
|
2126
2124
|
if (!options.onCreate)
|
|
2127
2125
|
return;
|
|
2128
2126
|
let data = getVariables();
|
|
2129
2127
|
initialize({ send: options.send, initialState: data.initial_state });
|
|
2130
2128
|
initActionTable(options.localVariablesQuery);
|
|
2131
|
-
const { success } = await setupActionTable(options.localVariablesQuery, data, data.api_key);
|
|
2129
|
+
const { success } = await setupActionTable(options.localVariablesQuery, data, data.api_key, options.context.collection_endpoint);
|
|
2132
2130
|
if (!success)
|
|
2133
2131
|
return;
|
|
2134
2132
|
// Action Tableの取得結果を反映する
|
|
@@ -2214,6 +2212,15 @@ async function loadGlobalStyle(href) {
|
|
|
2214
2212
|
*
|
|
2215
2213
|
* アクションのCreate, Destroyの状態はここで管理する。
|
|
2216
2214
|
*/
|
|
2215
|
+
const emptyOptions = {
|
|
2216
|
+
send: () => { },
|
|
2217
|
+
publish: () => { },
|
|
2218
|
+
props: {},
|
|
2219
|
+
variables: {},
|
|
2220
|
+
localVariablesQuery: undefined,
|
|
2221
|
+
karteTemplate: {},
|
|
2222
|
+
context: { api_key: '', collection_endpoint: undefined },
|
|
2223
|
+
};
|
|
2217
2224
|
/**
|
|
2218
2225
|
* アクションを作成する
|
|
2219
2226
|
*
|
|
@@ -2224,15 +2231,9 @@ async function loadGlobalStyle(href) {
|
|
|
2224
2231
|
*
|
|
2225
2232
|
* @public
|
|
2226
2233
|
*/
|
|
2227
|
-
function create(App, options
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
props: {},
|
|
2231
|
-
variables: {},
|
|
2232
|
-
localVariablesQuery: undefined,
|
|
2233
|
-
karteTemplate: {},
|
|
2234
|
-
context: { api_key: '' },
|
|
2235
|
-
}) {
|
|
2234
|
+
function create(App, options) {
|
|
2235
|
+
// TSの型検査が効かない場所やエラーを無視している箇所があるため、念の為
|
|
2236
|
+
options = { ...emptyOptions, ...options };
|
|
2236
2237
|
setVariables({
|
|
2237
2238
|
...options.props,
|
|
2238
2239
|
...options.variables,
|
|
@@ -2260,6 +2261,7 @@ function create(App, options = {
|
|
|
2260
2261
|
setSystem({
|
|
2261
2262
|
// @ts-ignore
|
|
2262
2263
|
apiKey: data.api_key || null,
|
|
2264
|
+
collection_endpoint: options.context.collection_endpoint,
|
|
2263
2265
|
shortenId: data.shorten_id || null,
|
|
2264
2266
|
campaignId: data.campaign_id || null,
|
|
2265
2267
|
});
|
|
@@ -2813,7 +2815,11 @@ const storage = {
|
|
|
2813
2815
|
function collection(table) {
|
|
2814
2816
|
const systemConfig = getSystem();
|
|
2815
2817
|
const collectionName = table.replace(/^v2\//, '');
|
|
2816
|
-
return collection$1({
|
|
2818
|
+
return collection$1({
|
|
2819
|
+
api_key: systemConfig.apiKey || 'mock',
|
|
2820
|
+
collection_endpoint: systemConfig.collection_endpoint,
|
|
2821
|
+
table: collectionName,
|
|
2822
|
+
});
|
|
2817
2823
|
}
|
|
2818
2824
|
|
|
2819
2825
|
var widget = /*#__PURE__*/Object.freeze({
|
|
@@ -3048,7 +3054,7 @@ class State extends SvelteComponent {
|
|
|
3048
3054
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3049
3055
|
|
|
3050
3056
|
function add_css$w(target) {
|
|
3051
|
-
append_styles(target, "svelte-
|
|
3057
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
3052
3058
|
}
|
|
3053
3059
|
|
|
3054
3060
|
// (23:0) {#if $state === path}
|
|
@@ -3065,7 +3071,7 @@ function create_if_block$c(ctx) {
|
|
|
3065
3071
|
t = space();
|
|
3066
3072
|
if (default_slot) default_slot.c();
|
|
3067
3073
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
3068
|
-
attr(div, "class", "state-item svelte-
|
|
3074
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
3069
3075
|
},
|
|
3070
3076
|
m(target, anchor) {
|
|
3071
3077
|
insert(target, div, anchor);
|
|
@@ -3387,7 +3393,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3387
3393
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3388
3394
|
|
|
3389
3395
|
function add_css$v(target) {
|
|
3390
|
-
append_styles(target, "svelte-
|
|
3396
|
+
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}");
|
|
3391
3397
|
}
|
|
3392
3398
|
|
|
3393
3399
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -3400,7 +3406,7 @@ function create_if_block$b(ctx) {
|
|
|
3400
3406
|
return {
|
|
3401
3407
|
c() {
|
|
3402
3408
|
div = element("div");
|
|
3403
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3409
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
|
3404
3410
|
},
|
|
3405
3411
|
m(target, anchor) {
|
|
3406
3412
|
insert(target, div, anchor);
|
|
@@ -3411,7 +3417,7 @@ function create_if_block$b(ctx) {
|
|
|
3411
3417
|
}
|
|
3412
3418
|
},
|
|
3413
3419
|
p(ctx, dirty) {
|
|
3414
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3420
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
|
3415
3421
|
attr(div, "class", div_class_value);
|
|
3416
3422
|
}
|
|
3417
3423
|
},
|
|
@@ -3517,7 +3523,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3517
3523
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3518
3524
|
|
|
3519
3525
|
function add_css$u(target) {
|
|
3520
|
-
append_styles(target, "svelte-
|
|
3526
|
+
append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
|
|
3521
3527
|
}
|
|
3522
3528
|
|
|
3523
3529
|
// (50:0) {:else}
|
|
@@ -3546,7 +3552,7 @@ function create_else_block$4(ctx) {
|
|
|
3546
3552
|
button = element("button");
|
|
3547
3553
|
if (default_slot) default_slot.c();
|
|
3548
3554
|
set_attributes(button, button_data);
|
|
3549
|
-
toggle_class(button, "svelte-
|
|
3555
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3550
3556
|
},
|
|
3551
3557
|
m(target, anchor) {
|
|
3552
3558
|
insert(target, button, anchor);
|
|
@@ -3585,7 +3591,7 @@ function create_else_block$4(ctx) {
|
|
|
3585
3591
|
dataAttrStopPropagation('click')
|
|
3586
3592
|
]));
|
|
3587
3593
|
|
|
3588
|
-
toggle_class(button, "svelte-
|
|
3594
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3589
3595
|
},
|
|
3590
3596
|
i(local) {
|
|
3591
3597
|
if (current) return;
|
|
@@ -3616,7 +3622,7 @@ function create_if_block_2$1(ctx) {
|
|
|
3616
3622
|
c() {
|
|
3617
3623
|
div = element("div");
|
|
3618
3624
|
if (default_slot) default_slot.c();
|
|
3619
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
|
3625
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
|
3620
3626
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3621
3627
|
},
|
|
3622
3628
|
m(target, anchor) {
|
|
@@ -3700,7 +3706,7 @@ function create_if_block_1$2(ctx) {
|
|
|
3700
3706
|
a = element("a");
|
|
3701
3707
|
if (default_slot) default_slot.c();
|
|
3702
3708
|
set_attributes(a, a_data);
|
|
3703
|
-
toggle_class(a, "svelte-
|
|
3709
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3704
3710
|
},
|
|
3705
3711
|
m(target, anchor) {
|
|
3706
3712
|
insert(target, a, anchor);
|
|
@@ -3742,7 +3748,7 @@ function create_if_block_1$2(ctx) {
|
|
|
3742
3748
|
dataAttrStopPropagation('click')
|
|
3743
3749
|
]));
|
|
3744
3750
|
|
|
3745
|
-
toggle_class(a, "svelte-
|
|
3751
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3746
3752
|
},
|
|
3747
3753
|
i(local) {
|
|
3748
3754
|
if (current) return;
|
|
@@ -3773,7 +3779,7 @@ function create_if_block$a(ctx) {
|
|
|
3773
3779
|
c() {
|
|
3774
3780
|
div = element("div");
|
|
3775
3781
|
if (default_slot) default_slot.c();
|
|
3776
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
|
3782
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
|
3777
3783
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3778
3784
|
},
|
|
3779
3785
|
m(target, anchor) {
|
|
@@ -3977,7 +3983,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
3977
3983
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3978
3984
|
|
|
3979
3985
|
function add_css$t(target) {
|
|
3980
|
-
append_styles(target, "svelte-
|
|
3986
|
+
append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .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-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
|
3981
3987
|
}
|
|
3982
3988
|
|
|
3983
3989
|
// (277:0) {:else}
|
|
@@ -4127,7 +4133,7 @@ function create_if_block$9(ctx) {
|
|
|
4127
4133
|
c() {
|
|
4128
4134
|
div = element("div");
|
|
4129
4135
|
create_component(button.$$.fragment);
|
|
4130
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4136
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
|
4131
4137
|
attr(div, "role", "dialog");
|
|
4132
4138
|
attr(div, "aria-modal", "true");
|
|
4133
4139
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
|
@@ -4151,7 +4157,7 @@ function create_if_block$9(ctx) {
|
|
|
4151
4157
|
|
|
4152
4158
|
button.$set(button_changes);
|
|
4153
4159
|
|
|
4154
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4160
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
|
4155
4161
|
attr(div, "class", div_class_value);
|
|
4156
4162
|
}
|
|
4157
4163
|
},
|
|
@@ -4205,7 +4211,7 @@ function create_if_block_1$1(ctx) {
|
|
|
4205
4211
|
c() {
|
|
4206
4212
|
div = element("div");
|
|
4207
4213
|
create_component(button.$$.fragment);
|
|
4208
|
-
attr(div, "class", "close svelte-
|
|
4214
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
|
4209
4215
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
4210
4216
|
},
|
|
4211
4217
|
m(target, anchor) {
|
|
@@ -4294,7 +4300,7 @@ function create_default_slot$6(ctx) {
|
|
|
4294
4300
|
t = space();
|
|
4295
4301
|
div = element("div");
|
|
4296
4302
|
if (default_slot) default_slot.c();
|
|
4297
|
-
attr(div, "class", "modal-content svelte-
|
|
4303
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
|
4298
4304
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
4299
4305
|
},
|
|
4300
4306
|
m(target, anchor) {
|
|
@@ -4944,7 +4950,7 @@ class Grid extends SvelteComponent {
|
|
|
4944
4950
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
4945
4951
|
|
|
4946
4952
|
function add_css$s(target) {
|
|
4947
|
-
append_styles(target, "svelte-
|
|
4953
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
4948
4954
|
}
|
|
4949
4955
|
|
|
4950
4956
|
function create_fragment$_(ctx) {
|
|
@@ -4959,8 +4965,8 @@ function create_fragment$_(ctx) {
|
|
|
4959
4965
|
div1 = element("div");
|
|
4960
4966
|
div0 = element("div");
|
|
4961
4967
|
if (default_slot) default_slot.c();
|
|
4962
|
-
attr(div0, "class", "grid-item-inner svelte-
|
|
4963
|
-
attr(div1, "class", "grid-item svelte-
|
|
4968
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
|
4969
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
|
4964
4970
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
|
4965
4971
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
|
4966
4972
|
attr(div1, "style", /*_style*/ ctx[1]);
|
|
@@ -5265,7 +5271,7 @@ class RenderText extends SvelteComponent {
|
|
|
5265
5271
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5266
5272
|
|
|
5267
5273
|
function add_css$r(target) {
|
|
5268
|
-
append_styles(target, "svelte-
|
|
5274
|
+
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}");
|
|
5269
5275
|
}
|
|
5270
5276
|
|
|
5271
5277
|
// (94:2) {:else}
|
|
@@ -5282,8 +5288,8 @@ function create_else_block$1(ctx) {
|
|
|
5282
5288
|
div1 = element("div");
|
|
5283
5289
|
div0 = element("div");
|
|
5284
5290
|
create_component(rendertext.$$.fragment);
|
|
5285
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5286
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5291
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5292
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5287
5293
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
5288
5294
|
},
|
|
5289
5295
|
m(target, anchor) {
|
|
@@ -5297,7 +5303,7 @@ function create_else_block$1(ctx) {
|
|
|
5297
5303
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5298
5304
|
rendertext.$set(rendertext_changes);
|
|
5299
5305
|
|
|
5300
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5306
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
5301
5307
|
attr(div1, "class", div1_class_value);
|
|
5302
5308
|
}
|
|
5303
5309
|
|
|
@@ -5347,12 +5353,12 @@ function create_if_block$7(ctx) {
|
|
|
5347
5353
|
t2 = space();
|
|
5348
5354
|
div2 = element("div");
|
|
5349
5355
|
div2.textContent = "コピーできませんでした";
|
|
5350
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5356
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5351
5357
|
attr(a, "href", '');
|
|
5352
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5358
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5353
5359
|
attr(a, "style", /*style*/ ctx[5]);
|
|
5354
|
-
attr(div1, "class", "tooltip svelte-
|
|
5355
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
|
5360
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
|
5361
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
|
5356
5362
|
},
|
|
5357
5363
|
m(target, anchor) {
|
|
5358
5364
|
insert(target, a, anchor);
|
|
@@ -5376,7 +5382,7 @@ function create_if_block$7(ctx) {
|
|
|
5376
5382
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5377
5383
|
rendertext.$set(rendertext_changes);
|
|
5378
5384
|
|
|
5379
|
-
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-
|
|
5385
|
+
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"))) {
|
|
5380
5386
|
attr(a, "class", a_class_value);
|
|
5381
5387
|
}
|
|
5382
5388
|
|
|
@@ -5428,7 +5434,7 @@ function create_fragment$Y(ctx) {
|
|
|
5428
5434
|
c() {
|
|
5429
5435
|
div = element("div");
|
|
5430
5436
|
if_block.c();
|
|
5431
|
-
attr(div, "class", "text-element-wrapper svelte-
|
|
5437
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
|
5432
5438
|
},
|
|
5433
5439
|
m(target, anchor) {
|
|
5434
5440
|
insert(target, div, anchor);
|
|
@@ -5594,7 +5600,7 @@ class TextElement extends SvelteComponent {
|
|
|
5594
5600
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5595
5601
|
|
|
5596
5602
|
function add_css$q(target) {
|
|
5597
|
-
append_styles(target, "svelte-
|
|
5603
|
+
append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .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-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
|
5598
5604
|
}
|
|
5599
5605
|
|
|
5600
5606
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5650,7 +5656,7 @@ function create_fragment$X(ctx) {
|
|
|
5650
5656
|
c() {
|
|
5651
5657
|
div = element("div");
|
|
5652
5658
|
create_component(button.$$.fragment);
|
|
5653
|
-
attr(div, "class", "text-button-element svelte-
|
|
5659
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
|
5654
5660
|
},
|
|
5655
5661
|
m(target, anchor) {
|
|
5656
5662
|
insert(target, div, anchor);
|
|
@@ -5742,7 +5748,7 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5742
5748
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5743
5749
|
|
|
5744
5750
|
function add_css$p(target) {
|
|
5745
|
-
append_styles(target, "svelte-
|
|
5751
|
+
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%}");
|
|
5746
5752
|
}
|
|
5747
5753
|
|
|
5748
5754
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -5754,7 +5760,7 @@ function create_default_slot$4(ctx) {
|
|
|
5754
5760
|
return {
|
|
5755
5761
|
c() {
|
|
5756
5762
|
img = element("img");
|
|
5757
|
-
attr(img, "class", "image svelte-
|
|
5763
|
+
attr(img, "class", "image svelte-t6tu0e");
|
|
5758
5764
|
attr(img, "loading", "lazy");
|
|
5759
5765
|
attr(img, "width", "auto");
|
|
5760
5766
|
attr(img, "height", "auto");
|
|
@@ -5816,7 +5822,7 @@ function create_fragment$W(ctx) {
|
|
|
5816
5822
|
c() {
|
|
5817
5823
|
div = element("div");
|
|
5818
5824
|
create_component(button.$$.fragment);
|
|
5819
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
5825
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
|
5820
5826
|
},
|
|
5821
5827
|
m(target, anchor) {
|
|
5822
5828
|
insert(target, div, anchor);
|
|
@@ -5835,7 +5841,7 @@ function create_fragment$W(ctx) {
|
|
|
5835
5841
|
|
|
5836
5842
|
button.$set(button_changes);
|
|
5837
5843
|
|
|
5838
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
5844
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
|
5839
5845
|
attr(div, "class", div_class_value);
|
|
5840
5846
|
}
|
|
5841
5847
|
},
|
|
@@ -5907,7 +5913,7 @@ class ImageElement extends SvelteComponent {
|
|
|
5907
5913
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
5908
5914
|
|
|
5909
5915
|
function add_css$o(target) {
|
|
5910
|
-
append_styles(target, "svelte-
|
|
5916
|
+
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}");
|
|
5911
5917
|
}
|
|
5912
5918
|
|
|
5913
5919
|
function create_fragment$V(ctx) {
|
|
@@ -5920,7 +5926,7 @@ function create_fragment$V(ctx) {
|
|
|
5920
5926
|
c() {
|
|
5921
5927
|
div = element("div");
|
|
5922
5928
|
if (default_slot) default_slot.c();
|
|
5923
|
-
attr(div, "class", "list svelte-
|
|
5929
|
+
attr(div, "class", "list svelte-aquv6z");
|
|
5924
5930
|
attr(div, "style", /*style*/ ctx[0]);
|
|
5925
5931
|
},
|
|
5926
5932
|
m(target, anchor) {
|
|
@@ -6054,7 +6060,7 @@ class List extends SvelteComponent {
|
|
|
6054
6060
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6055
6061
|
|
|
6056
6062
|
function add_css$n(target) {
|
|
6057
|
-
append_styles(target, "svelte-
|
|
6063
|
+
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}");
|
|
6058
6064
|
}
|
|
6059
6065
|
|
|
6060
6066
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
|
@@ -6124,7 +6130,7 @@ function create_fragment$U(ctx) {
|
|
|
6124
6130
|
c() {
|
|
6125
6131
|
div = element("div");
|
|
6126
6132
|
create_component(button.$$.fragment);
|
|
6127
|
-
attr(div, "class", "list-item svelte-
|
|
6133
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
|
6128
6134
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
|
6129
6135
|
},
|
|
6130
6136
|
m(target, anchor) {
|
|
@@ -6250,7 +6256,7 @@ class ListItem extends SvelteComponent {
|
|
|
6250
6256
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6251
6257
|
|
|
6252
6258
|
function add_css$m(target) {
|
|
6253
|
-
append_styles(target, "svelte-
|
|
6259
|
+
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}");
|
|
6254
6260
|
}
|
|
6255
6261
|
|
|
6256
6262
|
function create_fragment$T(ctx) {
|
|
@@ -6259,7 +6265,7 @@ function create_fragment$T(ctx) {
|
|
|
6259
6265
|
return {
|
|
6260
6266
|
c() {
|
|
6261
6267
|
div = element("div");
|
|
6262
|
-
attr(div, "class", "embed svelte-
|
|
6268
|
+
attr(div, "class", "embed svelte-wocq4p");
|
|
6263
6269
|
attr(div, "style", /*_style*/ ctx[1]);
|
|
6264
6270
|
},
|
|
6265
6271
|
m(target, anchor) {
|
|
@@ -6302,7 +6308,7 @@ class EmbedElement extends SvelteComponent {
|
|
|
6302
6308
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6303
6309
|
|
|
6304
6310
|
function add_css$l(target) {
|
|
6305
|
-
append_styles(target, "svelte-
|
|
6311
|
+
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%}");
|
|
6306
6312
|
}
|
|
6307
6313
|
|
|
6308
6314
|
function create_fragment$S(ctx) {
|
|
@@ -6314,7 +6320,7 @@ function create_fragment$S(ctx) {
|
|
|
6314
6320
|
div1 = element("div");
|
|
6315
6321
|
div0 = element("div");
|
|
6316
6322
|
attr(div0, "class", "karte-player");
|
|
6317
|
-
attr(div1, "class", "embed svelte-
|
|
6323
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6318
6324
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6319
6325
|
},
|
|
6320
6326
|
m(target, anchor) {
|
|
@@ -6656,7 +6662,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6656
6662
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6657
6663
|
|
|
6658
6664
|
function add_css$k(target) {
|
|
6659
|
-
append_styles(target, "svelte-
|
|
6665
|
+
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%}");
|
|
6660
6666
|
}
|
|
6661
6667
|
|
|
6662
6668
|
function create_fragment$R(ctx) {
|
|
@@ -6668,7 +6674,7 @@ function create_fragment$R(ctx) {
|
|
|
6668
6674
|
div1 = element("div");
|
|
6669
6675
|
div0 = element("div");
|
|
6670
6676
|
attr(div0, "class", "karte-player");
|
|
6671
|
-
attr(div1, "class", "embed svelte-
|
|
6677
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6672
6678
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6673
6679
|
},
|
|
6674
6680
|
m(target, anchor) {
|
|
@@ -6852,7 +6858,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
6852
6858
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
6853
6859
|
|
|
6854
6860
|
function add_css$j(target) {
|
|
6855
|
-
append_styles(target, "svelte-
|
|
6861
|
+
append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
|
|
6856
6862
|
}
|
|
6857
6863
|
|
|
6858
6864
|
function create_fragment$Q(ctx) {
|
|
@@ -6865,12 +6871,12 @@ function create_fragment$Q(ctx) {
|
|
|
6865
6871
|
c() {
|
|
6866
6872
|
div = element("div");
|
|
6867
6873
|
textarea = element("textarea");
|
|
6868
|
-
attr(textarea, "class", "textarea svelte-
|
|
6874
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
|
6869
6875
|
textarea.value = /*$value*/ ctx[4];
|
|
6870
6876
|
textarea.required = /*required*/ ctx[1];
|
|
6871
6877
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
|
6872
6878
|
attr(textarea, "style", /*style*/ ctx[3]);
|
|
6873
|
-
attr(div, "class", "textarea-wrapper svelte-
|
|
6879
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
|
6874
6880
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
|
6875
6881
|
},
|
|
6876
6882
|
m(target, anchor) {
|
|
@@ -7022,7 +7028,7 @@ class FormTextarea extends SvelteComponent {
|
|
|
7022
7028
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7023
7029
|
|
|
7024
7030
|
function add_css$i(target) {
|
|
7025
|
-
append_styles(target, "svelte-
|
|
7031
|
+
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}");
|
|
7026
7032
|
}
|
|
7027
7033
|
|
|
7028
7034
|
function get_each_context$5(ctx, list, i) {
|
|
@@ -7056,14 +7062,14 @@ function create_each_block$5(ctx) {
|
|
|
7056
7062
|
t1 = text(t1_value);
|
|
7057
7063
|
t2 = space();
|
|
7058
7064
|
attr(input, "type", "radio");
|
|
7059
|
-
attr(input, "class", "radio-button-input svelte-
|
|
7065
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
|
7060
7066
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
|
7061
7067
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7062
7068
|
input.value = input_value_value = /*option*/ ctx[17];
|
|
7063
7069
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
|
7064
|
-
attr(span, "class", "radio-button-text svelte-
|
|
7070
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
|
7065
7071
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7066
|
-
attr(label, "class", "radio-button svelte-
|
|
7072
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
|
7067
7073
|
},
|
|
7068
7074
|
m(target, anchor) {
|
|
7069
7075
|
insert(target, label, anchor);
|
|
@@ -7128,7 +7134,7 @@ function create_fragment$P(ctx) {
|
|
|
7128
7134
|
each_blocks[i].c();
|
|
7129
7135
|
}
|
|
7130
7136
|
|
|
7131
|
-
attr(div, "class", "radio-buttons svelte-
|
|
7137
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
|
7132
7138
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7133
7139
|
},
|
|
7134
7140
|
m(target, anchor) {
|
|
@@ -7297,7 +7303,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7297
7303
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7298
7304
|
|
|
7299
7305
|
function add_css$h(target) {
|
|
7300
|
-
append_styles(target, "svelte-
|
|
7306
|
+
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}");
|
|
7301
7307
|
}
|
|
7302
7308
|
|
|
7303
7309
|
function get_each_context$4(ctx, list, i) {
|
|
@@ -7431,10 +7437,10 @@ function create_fragment$O(ctx) {
|
|
|
7431
7437
|
|
|
7432
7438
|
t = space();
|
|
7433
7439
|
div0 = element("div");
|
|
7434
|
-
attr(select, "class", "select-select svelte-
|
|
7440
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
|
7435
7441
|
attr(select, "style", /*style*/ ctx[3]);
|
|
7436
|
-
attr(div0, "class", "select-icon svelte-
|
|
7437
|
-
attr(div1, "class", "select svelte-
|
|
7442
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
|
7443
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
|
7438
7444
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
|
7439
7445
|
},
|
|
7440
7446
|
m(target, anchor) {
|
|
@@ -7636,7 +7642,7 @@ class FormSelect extends SvelteComponent {
|
|
|
7636
7642
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7637
7643
|
|
|
7638
7644
|
function add_css$g(target) {
|
|
7639
|
-
append_styles(target, "svelte-
|
|
7645
|
+
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}");
|
|
7640
7646
|
}
|
|
7641
7647
|
|
|
7642
7648
|
function get_each_context$3(ctx, list, i) {
|
|
@@ -7675,19 +7681,19 @@ function create_each_block$3(ctx) {
|
|
|
7675
7681
|
span2 = element("span");
|
|
7676
7682
|
t2 = text(t2_value);
|
|
7677
7683
|
t3 = space();
|
|
7678
|
-
attr(input, "class", "check-box-input svelte-
|
|
7684
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
|
7679
7685
|
attr(input, "type", "checkbox");
|
|
7680
7686
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7681
7687
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
|
7682
|
-
attr(span0, "class", "check-box-icon svelte-
|
|
7688
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
|
7683
7689
|
|
|
7684
7690
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
7685
7691
|
? ' _checked'
|
|
7686
|
-
: ''}`) + " svelte-
|
|
7692
|
+
: ''}`) + " svelte-1p65cg8"));
|
|
7687
7693
|
|
|
7688
|
-
attr(span2, "class", "check-box-text svelte-
|
|
7694
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
|
7689
7695
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7690
|
-
attr(label, "class", "check-box svelte-
|
|
7696
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
|
7691
7697
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
|
7692
7698
|
},
|
|
7693
7699
|
m(target, anchor) {
|
|
@@ -7719,7 +7725,7 @@ function create_each_block$3(ctx) {
|
|
|
7719
7725
|
|
|
7720
7726
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
7721
7727
|
? ' _checked'
|
|
7722
|
-
: ''}`) + " svelte-
|
|
7728
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
|
7723
7729
|
attr(span1, "class", span1_class_value);
|
|
7724
7730
|
}
|
|
7725
7731
|
|
|
@@ -7758,7 +7764,7 @@ function create_fragment$N(ctx) {
|
|
|
7758
7764
|
each_blocks[i].c();
|
|
7759
7765
|
}
|
|
7760
7766
|
|
|
7761
|
-
attr(div, "class", "check-boxes svelte-
|
|
7767
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
|
7762
7768
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7763
7769
|
},
|
|
7764
7770
|
m(target, anchor) {
|
|
@@ -7933,7 +7939,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
7933
7939
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
7934
7940
|
|
|
7935
7941
|
function add_css$f(target) {
|
|
7936
|
-
append_styles(target, "svelte-
|
|
7942
|
+
append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{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}");
|
|
7937
7943
|
}
|
|
7938
7944
|
|
|
7939
7945
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -7957,7 +7963,7 @@ function create_each_block$2(ctx) {
|
|
|
7957
7963
|
button = element("button");
|
|
7958
7964
|
t0 = text(t0_value);
|
|
7959
7965
|
t1 = space();
|
|
7960
|
-
attr(button, "class", "rating-button svelte-
|
|
7966
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
|
7961
7967
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
|
7962
7968
|
},
|
|
7963
7969
|
m(target, anchor) {
|
|
@@ -8006,7 +8012,7 @@ function create_fragment$M(ctx) {
|
|
|
8006
8012
|
each_blocks[i].c();
|
|
8007
8013
|
}
|
|
8008
8014
|
|
|
8009
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8015
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
|
8010
8016
|
},
|
|
8011
8017
|
m(target, anchor) {
|
|
8012
8018
|
insert(target, div, anchor);
|
|
@@ -8150,7 +8156,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8150
8156
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8151
8157
|
|
|
8152
8158
|
function add_css$e(target) {
|
|
8153
|
-
append_styles(target, "svelte-
|
|
8159
|
+
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%)}");
|
|
8154
8160
|
}
|
|
8155
8161
|
|
|
8156
8162
|
function get_each_context$1(ctx, list, i) {
|
|
@@ -8175,9 +8181,9 @@ function create_each_block$1(ctx) {
|
|
|
8175
8181
|
img = element("img");
|
|
8176
8182
|
t = space();
|
|
8177
8183
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
|
8178
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8184
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
|
8179
8185
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
|
8180
|
-
attr(button, "class", "rating-button svelte-
|
|
8186
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
|
8181
8187
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
|
8182
8188
|
},
|
|
8183
8189
|
m(target, anchor) {
|
|
@@ -8193,7 +8199,7 @@ function create_each_block$1(ctx) {
|
|
|
8193
8199
|
p(new_ctx, dirty) {
|
|
8194
8200
|
ctx = new_ctx;
|
|
8195
8201
|
|
|
8196
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8202
|
+
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"))) {
|
|
8197
8203
|
attr(img, "class", img_class_value);
|
|
8198
8204
|
}
|
|
8199
8205
|
|
|
@@ -8226,7 +8232,7 @@ function create_fragment$L(ctx) {
|
|
|
8226
8232
|
each_blocks[i].c();
|
|
8227
8233
|
}
|
|
8228
8234
|
|
|
8229
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8235
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
|
8230
8236
|
},
|
|
8231
8237
|
m(target, anchor) {
|
|
8232
8238
|
insert(target, div, anchor);
|
|
@@ -8334,7 +8340,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
8334
8340
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8335
8341
|
|
|
8336
8342
|
function add_css$d(target) {
|
|
8337
|
-
append_styles(target, "svelte-
|
|
8343
|
+
append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
|
8338
8344
|
}
|
|
8339
8345
|
|
|
8340
8346
|
function create_fragment$K(ctx) {
|
|
@@ -8348,13 +8354,13 @@ function create_fragment$K(ctx) {
|
|
|
8348
8354
|
c() {
|
|
8349
8355
|
div = element("div");
|
|
8350
8356
|
input = element("input");
|
|
8351
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8357
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
|
8352
8358
|
attr(input, "type", "text");
|
|
8353
8359
|
input.value = /*$value*/ ctx[2];
|
|
8354
8360
|
input.required = /*required*/ ctx[0];
|
|
8355
8361
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8356
8362
|
attr(input, "style", /*style*/ ctx[5]);
|
|
8357
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8363
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
|
8358
8364
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8359
8365
|
},
|
|
8360
8366
|
m(target, anchor) {
|
|
@@ -8367,7 +8373,7 @@ function create_fragment$K(ctx) {
|
|
|
8367
8373
|
}
|
|
8368
8374
|
},
|
|
8369
8375
|
p(ctx, [dirty]) {
|
|
8370
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8376
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
|
8371
8377
|
attr(input, "class", input_class_value);
|
|
8372
8378
|
}
|
|
8373
8379
|
|
|
@@ -8555,7 +8561,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8555
8561
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
8556
8562
|
|
|
8557
8563
|
function add_css$c(target) {
|
|
8558
|
-
append_styles(target, "svelte-
|
|
8564
|
+
append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{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-8zbmyo: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, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
|
|
8559
8565
|
}
|
|
8560
8566
|
|
|
8561
8567
|
function create_fragment$J(ctx) {
|
|
@@ -8593,20 +8599,20 @@ function create_fragment$J(ctx) {
|
|
|
8593
8599
|
span1 = element("span");
|
|
8594
8600
|
t4 = text("いいえ");
|
|
8595
8601
|
attr(input0, "type", "radio");
|
|
8596
|
-
attr(input0, "class", "radio-button-input svelte-
|
|
8602
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
|
8597
8603
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
|
8598
8604
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
|
8599
|
-
attr(span0, "class", "radio-button-text svelte-
|
|
8605
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
|
8600
8606
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
8601
|
-
attr(label0, "class", "radio-button svelte-
|
|
8607
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
|
8602
8608
|
attr(input1, "type", "radio");
|
|
8603
|
-
attr(input1, "class", "radio-button-input svelte-
|
|
8609
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
|
8604
8610
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
|
8605
8611
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
|
8606
|
-
attr(span1, "class", "radio-button-text svelte-
|
|
8612
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
|
8607
8613
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
8608
|
-
attr(label1, "class", "radio-button svelte-
|
|
8609
|
-
attr(div, "class", "radio-buttons svelte-
|
|
8614
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
|
8615
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
|
8610
8616
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
|
8611
8617
|
},
|
|
8612
8618
|
m(target, anchor) {
|
|
@@ -8774,7 +8780,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
8774
8780
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
8775
8781
|
|
|
8776
8782
|
function add_css$b(target) {
|
|
8777
|
-
append_styles(target, "svelte-
|
|
8783
|
+
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%}");
|
|
8778
8784
|
}
|
|
8779
8785
|
|
|
8780
8786
|
function get_each_context(ctx, list, i) {
|
|
@@ -8803,9 +8809,9 @@ function create_if_block_1(ctx) {
|
|
|
8803
8809
|
attr(svg, "viewBox", "0 0 10 16");
|
|
8804
8810
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
8805
8811
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
|
8806
|
-
attr(button, "class", "move-button svelte-
|
|
8812
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
8807
8813
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
|
8808
|
-
attr(div, "class", "prev-button-container svelte-
|
|
8814
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
|
8809
8815
|
},
|
|
8810
8816
|
m(target, anchor) {
|
|
8811
8817
|
insert(target, div, anchor);
|
|
@@ -8854,9 +8860,9 @@ function create_if_block$5(ctx) {
|
|
|
8854
8860
|
attr(svg, "viewBox", "0 0 10 16");
|
|
8855
8861
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
8856
8862
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
|
8857
|
-
attr(button, "class", "move-button svelte-
|
|
8863
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
8858
8864
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
|
8859
|
-
attr(div, "class", "next-button-container svelte-
|
|
8865
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
|
8860
8866
|
},
|
|
8861
8867
|
m(target, anchor) {
|
|
8862
8868
|
insert(target, div, anchor);
|
|
@@ -8904,9 +8910,9 @@ function create_each_block(ctx) {
|
|
|
8904
8910
|
button = element("button");
|
|
8905
8911
|
div = element("div");
|
|
8906
8912
|
t = space();
|
|
8907
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
|
8913
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
|
8908
8914
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
|
8909
|
-
attr(button, "class", "navigation-item svelte-
|
|
8915
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
|
8910
8916
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
|
8911
8917
|
},
|
|
8912
8918
|
m(target, anchor) {
|
|
@@ -8983,14 +8989,14 @@ function create_fragment$I(ctx) {
|
|
|
8983
8989
|
each_blocks[i].c();
|
|
8984
8990
|
}
|
|
8985
8991
|
|
|
8986
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
8992
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
|
8987
8993
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
|
8988
|
-
attr(div1, "class", "container svelte-
|
|
8994
|
+
attr(div1, "class", "container svelte-ji1fh");
|
|
8989
8995
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
8990
|
-
attr(div2, "class", "navigation svelte-
|
|
8996
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
|
8991
8997
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
|
8992
8998
|
set_attributes(div3, div3_data);
|
|
8993
|
-
toggle_class(div3, "svelte-
|
|
8999
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
8994
9000
|
},
|
|
8995
9001
|
m(target, anchor) {
|
|
8996
9002
|
insert(target, div3, anchor);
|
|
@@ -9032,7 +9038,7 @@ function create_fragment$I(ctx) {
|
|
|
9032
9038
|
}
|
|
9033
9039
|
}
|
|
9034
9040
|
|
|
9035
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9041
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
|
9036
9042
|
attr(div0, "class", div0_class_value);
|
|
9037
9043
|
}
|
|
9038
9044
|
|
|
@@ -9098,7 +9104,7 @@ function create_fragment$I(ctx) {
|
|
|
9098
9104
|
}
|
|
9099
9105
|
|
|
9100
9106
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
|
9101
|
-
toggle_class(div3, "svelte-
|
|
9107
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9102
9108
|
},
|
|
9103
9109
|
i(local) {
|
|
9104
9110
|
if (current) return;
|
|
@@ -9610,7 +9616,7 @@ class Slide extends SvelteComponent {
|
|
|
9610
9616
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
9611
9617
|
|
|
9612
9618
|
function add_css$a(target) {
|
|
9613
|
-
append_styles(target, "svelte-
|
|
9619
|
+
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}");
|
|
9614
9620
|
}
|
|
9615
9621
|
|
|
9616
9622
|
function create_fragment$H(ctx) {
|
|
@@ -9625,9 +9631,9 @@ function create_fragment$H(ctx) {
|
|
|
9625
9631
|
div1 = element("div");
|
|
9626
9632
|
div0 = element("div");
|
|
9627
9633
|
if (default_slot) default_slot.c();
|
|
9628
|
-
attr(div0, "class", "item-inner svelte-
|
|
9634
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
|
9629
9635
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
9630
|
-
attr(div1, "class", "item svelte-
|
|
9636
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
|
9631
9637
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
|
9632
9638
|
},
|
|
9633
9639
|
m(target, anchor) {
|
|
@@ -9753,7 +9759,7 @@ class SlideItem extends SvelteComponent {
|
|
|
9753
9759
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
9754
9760
|
|
|
9755
9761
|
function add_css$9(target) {
|
|
9756
|
-
append_styles(target, "svelte-
|
|
9762
|
+
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}");
|
|
9757
9763
|
}
|
|
9758
9764
|
|
|
9759
9765
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
@@ -9771,9 +9777,9 @@ function create_fragment$G(ctx) {
|
|
|
9771
9777
|
div1 = element("div");
|
|
9772
9778
|
div0 = element("div");
|
|
9773
9779
|
if (default_slot) default_slot.c();
|
|
9774
|
-
attr(div0, "class", "countdown-inner svelte-
|
|
9780
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
|
9775
9781
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
9776
|
-
attr(div1, "class", "countdown svelte-
|
|
9782
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
|
9777
9783
|
},
|
|
9778
9784
|
m(target, anchor) {
|
|
9779
9785
|
insert(target, div1, anchor);
|
|
@@ -9907,7 +9913,7 @@ class Countdown extends SvelteComponent {
|
|
|
9907
9913
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
9908
9914
|
|
|
9909
9915
|
function add_css$8(target) {
|
|
9910
|
-
append_styles(target, "svelte-
|
|
9916
|
+
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}");
|
|
9911
9917
|
}
|
|
9912
9918
|
|
|
9913
9919
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -9977,7 +9983,7 @@ function create_fragment$F(ctx) {
|
|
|
9977
9983
|
c() {
|
|
9978
9984
|
div = element("div");
|
|
9979
9985
|
create_component(button.$$.fragment);
|
|
9980
|
-
attr(div, "class", "box svelte-
|
|
9986
|
+
attr(div, "class", "box svelte-1ccydfy");
|
|
9981
9987
|
},
|
|
9982
9988
|
m(target, anchor) {
|
|
9983
9989
|
insert(target, div, anchor);
|
|
@@ -10038,7 +10044,7 @@ class Box extends SvelteComponent {
|
|
|
10038
10044
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10039
10045
|
|
|
10040
10046
|
function add_css$7(target) {
|
|
10041
|
-
append_styles(target, "svelte-
|
|
10047
|
+
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)}");
|
|
10042
10048
|
}
|
|
10043
10049
|
|
|
10044
10050
|
// (56:4) {#if svg}
|
|
@@ -10120,7 +10126,7 @@ function create_fragment$E(ctx) {
|
|
|
10120
10126
|
c() {
|
|
10121
10127
|
div = element("div");
|
|
10122
10128
|
create_component(button.$$.fragment);
|
|
10123
|
-
attr(div, "class", "icon svelte-
|
|
10129
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
|
10124
10130
|
},
|
|
10125
10131
|
m(target, anchor) {
|
|
10126
10132
|
insert(target, div, anchor);
|
|
@@ -10229,7 +10235,7 @@ class IconElement extends SvelteComponent {
|
|
|
10229
10235
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10230
10236
|
|
|
10231
10237
|
function add_css$6(target) {
|
|
10232
|
-
append_styles(target, "svelte-
|
|
10238
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10233
10239
|
}
|
|
10234
10240
|
|
|
10235
10241
|
function create_fragment$D(ctx) {
|
|
@@ -10255,7 +10261,7 @@ function create_fragment$D(ctx) {
|
|
|
10255
10261
|
c() {
|
|
10256
10262
|
div = element("div");
|
|
10257
10263
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
|
10258
|
-
attr(div, "class", "codeElement svelte-
|
|
10264
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
|
10259
10265
|
attr(div, "style", /*style*/ ctx[3]);
|
|
10260
10266
|
},
|
|
10261
10267
|
m(target, anchor) {
|
|
@@ -10344,7 +10350,7 @@ class CodeElement extends SvelteComponent {
|
|
|
10344
10350
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10345
10351
|
|
|
10346
10352
|
function add_css$5(target) {
|
|
10347
|
-
append_styles(target, "svelte-
|
|
10353
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
10348
10354
|
}
|
|
10349
10355
|
|
|
10350
10356
|
function create_fragment$C(ctx) {
|
|
@@ -10358,7 +10364,7 @@ function create_fragment$C(ctx) {
|
|
|
10358
10364
|
c() {
|
|
10359
10365
|
div = element("div");
|
|
10360
10366
|
if (default_slot) default_slot.c();
|
|
10361
|
-
attr(div, "class", "flex svelte-
|
|
10367
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
|
10362
10368
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
|
10363
10369
|
},
|
|
10364
10370
|
m(target, anchor) {
|
|
@@ -10455,7 +10461,7 @@ class Flex extends SvelteComponent {
|
|
|
10455
10461
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
10456
10462
|
|
|
10457
10463
|
function add_css$4(target) {
|
|
10458
|
-
append_styles(target, "svelte-
|
|
10464
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
10459
10465
|
}
|
|
10460
10466
|
|
|
10461
10467
|
function create_fragment$B(ctx) {
|
|
@@ -10468,7 +10474,7 @@ function create_fragment$B(ctx) {
|
|
|
10468
10474
|
c() {
|
|
10469
10475
|
div = element("div");
|
|
10470
10476
|
if (default_slot) default_slot.c();
|
|
10471
|
-
attr(div, "class", "flex-item svelte-
|
|
10477
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
|
10472
10478
|
attr(div, "style", /*style*/ ctx[0]);
|
|
10473
10479
|
},
|
|
10474
10480
|
m(target, anchor) {
|
|
@@ -10876,7 +10882,7 @@ class GridModalState extends SvelteComponent {
|
|
|
10876
10882
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
10877
10883
|
|
|
10878
10884
|
function add_css$3(target) {
|
|
10879
|
-
append_styles(target, "svelte-
|
|
10885
|
+
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%}");
|
|
10880
10886
|
}
|
|
10881
10887
|
|
|
10882
10888
|
function create_fragment$z(ctx) {
|
|
@@ -10892,8 +10898,8 @@ function create_fragment$z(ctx) {
|
|
|
10892
10898
|
div1 = element("div");
|
|
10893
10899
|
div0 = element("div");
|
|
10894
10900
|
create_component(rendertext.$$.fragment);
|
|
10895
|
-
attr(div0, "class", "text-block-inner svelte-
|
|
10896
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
10901
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
|
10902
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
|
10897
10903
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
10898
10904
|
},
|
|
10899
10905
|
m(target, anchor) {
|
|
@@ -10907,7 +10913,7 @@ function create_fragment$z(ctx) {
|
|
|
10907
10913
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
10908
10914
|
rendertext.$set(rendertext_changes);
|
|
10909
10915
|
|
|
10910
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
10916
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
|
10911
10917
|
attr(div1, "class", div1_class_value);
|
|
10912
10918
|
}
|
|
10913
10919
|
|
|
@@ -10985,7 +10991,7 @@ class TextBlock extends SvelteComponent {
|
|
|
10985
10991
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
10986
10992
|
|
|
10987
10993
|
function add_css$2(target) {
|
|
10988
|
-
append_styles(target, "svelte-
|
|
10994
|
+
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)}");
|
|
10989
10995
|
}
|
|
10990
10996
|
|
|
10991
10997
|
function create_fragment$y(ctx) {
|
|
@@ -11002,9 +11008,9 @@ function create_fragment$y(ctx) {
|
|
|
11002
11008
|
div = element("div");
|
|
11003
11009
|
button = element("button");
|
|
11004
11010
|
create_component(rendertext.$$.fragment);
|
|
11005
|
-
attr(button, "class", "text-button svelte-
|
|
11011
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
|
11006
11012
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
11007
|
-
attr(div, "class", "text-button-block svelte-
|
|
11013
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
|
11008
11014
|
attr(div, "style", /*_style*/ ctx[2]);
|
|
11009
11015
|
},
|
|
11010
11016
|
m(target, anchor) {
|
|
@@ -11110,7 +11116,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11110
11116
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11111
11117
|
|
|
11112
11118
|
function add_css$1(target) {
|
|
11113
|
-
append_styles(target, "svelte-
|
|
11119
|
+
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)}");
|
|
11114
11120
|
}
|
|
11115
11121
|
|
|
11116
11122
|
function create_fragment$x(ctx) {
|
|
@@ -11126,14 +11132,14 @@ function create_fragment$x(ctx) {
|
|
|
11126
11132
|
c() {
|
|
11127
11133
|
div = element("div");
|
|
11128
11134
|
img = element("img");
|
|
11129
|
-
attr(img, "class", "image svelte-
|
|
11135
|
+
attr(img, "class", "image svelte-1pdw891");
|
|
11130
11136
|
attr(img, "loading", "lazy");
|
|
11131
11137
|
attr(img, "width", "auto");
|
|
11132
11138
|
attr(img, "height", "auto");
|
|
11133
11139
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
|
11134
11140
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
|
11135
11141
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11136
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11142
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
|
11137
11143
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
11138
11144
|
},
|
|
11139
11145
|
m(target, anchor) {
|
|
@@ -11158,7 +11164,7 @@ function create_fragment$x(ctx) {
|
|
|
11158
11164
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11159
11165
|
}
|
|
11160
11166
|
|
|
11161
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11167
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
|
11162
11168
|
attr(div, "class", div_class_value);
|
|
11163
11169
|
}
|
|
11164
11170
|
|
|
@@ -12801,7 +12807,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
|
12801
12807
|
let style;
|
|
12802
12808
|
let IconComponent;
|
|
12803
12809
|
let { layerId } = $$props;
|
|
12804
|
-
let { props } = $$props;
|
|
12810
|
+
let { props = {} } = $$props;
|
|
12805
12811
|
let { overrideStyle } = $$props;
|
|
12806
12812
|
|
|
12807
12813
|
$$self.$$set = $$props => {
|
|
@@ -12840,10 +12846,10 @@ class Icon extends SvelteComponent {
|
|
|
12840
12846
|
/* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
|
|
12841
12847
|
|
|
12842
12848
|
function add_css(target) {
|
|
12843
|
-
append_styles(target, "svelte-
|
|
12849
|
+
append_styles(target, "svelte-i9kun1", ".v2-button.svelte-i9kun1{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-i9kun1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
12844
12850
|
}
|
|
12845
12851
|
|
|
12846
|
-
// (
|
|
12852
|
+
// (128:2) {#if (props.isIcon && props.iconVariant)}
|
|
12847
12853
|
function create_if_block$2(ctx) {
|
|
12848
12854
|
let div;
|
|
12849
12855
|
let icon;
|
|
@@ -12865,7 +12871,7 @@ function create_if_block$2(ctx) {
|
|
|
12865
12871
|
c() {
|
|
12866
12872
|
div = element("div");
|
|
12867
12873
|
create_component(icon.$$.fragment);
|
|
12868
|
-
attr(div, "class", "v2-button-icon svelte-
|
|
12874
|
+
attr(div, "class", "v2-button-icon svelte-i9kun1");
|
|
12869
12875
|
},
|
|
12870
12876
|
m(target, anchor) {
|
|
12871
12877
|
insert(target, div, anchor);
|
|
@@ -12907,6 +12913,8 @@ function create_fragment$5(ctx) {
|
|
|
12907
12913
|
let t1;
|
|
12908
12914
|
let button_style_value;
|
|
12909
12915
|
let current;
|
|
12916
|
+
let mounted;
|
|
12917
|
+
let dispose;
|
|
12910
12918
|
let if_block = /*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant && create_if_block$2(ctx);
|
|
12911
12919
|
|
|
12912
12920
|
return {
|
|
@@ -12918,7 +12926,7 @@ function create_fragment$5(ctx) {
|
|
|
12918
12926
|
t1 = text(t1_value);
|
|
12919
12927
|
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
12920
12928
|
attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
|
|
12921
|
-
attr(button, "class", "v2-button svelte-
|
|
12929
|
+
attr(button, "class", "v2-button svelte-i9kun1");
|
|
12922
12930
|
},
|
|
12923
12931
|
m(target, anchor) {
|
|
12924
12932
|
insert(target, button, anchor);
|
|
@@ -12927,6 +12935,11 @@ function create_fragment$5(ctx) {
|
|
|
12927
12935
|
append(button, span);
|
|
12928
12936
|
append(span, t1);
|
|
12929
12937
|
current = true;
|
|
12938
|
+
|
|
12939
|
+
if (!mounted) {
|
|
12940
|
+
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[5]));
|
|
12941
|
+
mounted = true;
|
|
12942
|
+
}
|
|
12930
12943
|
},
|
|
12931
12944
|
p(ctx, [dirty]) {
|
|
12932
12945
|
if (/*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant) {
|
|
@@ -12974,12 +12987,20 @@ function create_fragment$5(ctx) {
|
|
|
12974
12987
|
d(detaching) {
|
|
12975
12988
|
if (detaching) detach(button);
|
|
12976
12989
|
if (if_block) if_block.d();
|
|
12990
|
+
mounted = false;
|
|
12991
|
+
dispose();
|
|
12977
12992
|
}
|
|
12978
12993
|
};
|
|
12979
12994
|
}
|
|
12980
12995
|
|
|
12981
12996
|
function instance$5($$self, $$props, $$invalidate) {
|
|
12982
12997
|
let style;
|
|
12998
|
+
let { layerId = '' } = $$props;
|
|
12999
|
+
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
13000
|
+
let { eventName = '' } = $$props;
|
|
13001
|
+
let { eventValue = undefined } = $$props;
|
|
13002
|
+
let { props = {} } = $$props;
|
|
13003
|
+
let { overrideStyle } = $$props;
|
|
12983
13004
|
|
|
12984
13005
|
const VARIANTS = {
|
|
12985
13006
|
size: {
|
|
@@ -13060,12 +13081,19 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
13060
13081
|
}
|
|
13061
13082
|
};
|
|
13062
13083
|
|
|
13063
|
-
|
|
13064
|
-
|
|
13065
|
-
|
|
13084
|
+
function handleClick() {
|
|
13085
|
+
if (eventName) {
|
|
13086
|
+
send_event(eventName, eventValue);
|
|
13087
|
+
}
|
|
13088
|
+
|
|
13089
|
+
execOnClickOperation(onClick);
|
|
13090
|
+
}
|
|
13066
13091
|
|
|
13067
13092
|
$$self.$$set = $$props => {
|
|
13068
13093
|
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
13094
|
+
if ('onClick' in $$props) $$invalidate(6, onClick = $$props.onClick);
|
|
13095
|
+
if ('eventName' in $$props) $$invalidate(7, eventName = $$props.eventName);
|
|
13096
|
+
if ('eventValue' in $$props) $$invalidate(8, eventValue = $$props.eventValue);
|
|
13069
13097
|
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
13070
13098
|
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
13071
13099
|
};
|
|
@@ -13094,13 +13122,39 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
13094
13122
|
}
|
|
13095
13123
|
};
|
|
13096
13124
|
|
|
13097
|
-
return [
|
|
13125
|
+
return [
|
|
13126
|
+
layerId,
|
|
13127
|
+
props,
|
|
13128
|
+
overrideStyle,
|
|
13129
|
+
style,
|
|
13130
|
+
VARIANTS,
|
|
13131
|
+
handleClick,
|
|
13132
|
+
onClick,
|
|
13133
|
+
eventName,
|
|
13134
|
+
eventValue
|
|
13135
|
+
];
|
|
13098
13136
|
}
|
|
13099
13137
|
|
|
13100
13138
|
class Button extends SvelteComponent {
|
|
13101
13139
|
constructor(options) {
|
|
13102
13140
|
super();
|
|
13103
|
-
|
|
13141
|
+
|
|
13142
|
+
init(
|
|
13143
|
+
this,
|
|
13144
|
+
options,
|
|
13145
|
+
instance$5,
|
|
13146
|
+
create_fragment$5,
|
|
13147
|
+
safe_not_equal,
|
|
13148
|
+
{
|
|
13149
|
+
layerId: 0,
|
|
13150
|
+
onClick: 6,
|
|
13151
|
+
eventName: 7,
|
|
13152
|
+
eventValue: 8,
|
|
13153
|
+
props: 1,
|
|
13154
|
+
overrideStyle: 2
|
|
13155
|
+
},
|
|
13156
|
+
add_css
|
|
13157
|
+
);
|
|
13104
13158
|
}
|
|
13105
13159
|
}
|
|
13106
13160
|
|
|
@@ -13272,7 +13326,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
|
13272
13326
|
let escapedHTML;
|
|
13273
13327
|
let style;
|
|
13274
13328
|
let { layerId } = $$props;
|
|
13275
|
-
let { props } = $$props;
|
|
13329
|
+
let { props = {} } = $$props;
|
|
13276
13330
|
|
|
13277
13331
|
$$self.$$set = $$props => {
|
|
13278
13332
|
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
@@ -13399,8 +13453,8 @@ function create_fragment$2(ctx) {
|
|
|
13399
13453
|
function instance$2($$self, $$props, $$invalidate) {
|
|
13400
13454
|
let style;
|
|
13401
13455
|
let imgStyle;
|
|
13402
|
-
let { layerId } = $$props;
|
|
13403
|
-
let { props } = $$props;
|
|
13456
|
+
let { layerId = '' } = $$props;
|
|
13457
|
+
let { props = {} } = $$props;
|
|
13404
13458
|
let { overrideStyle } = $$props;
|
|
13405
13459
|
|
|
13406
13460
|
const VARIANTS = {
|
|
@@ -13544,7 +13598,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
|
13544
13598
|
let objectStyle;
|
|
13545
13599
|
let imgStyle;
|
|
13546
13600
|
let { layerId } = $$props;
|
|
13547
|
-
let { props } = $$props;
|
|
13601
|
+
let { props = {} } = $$props;
|
|
13548
13602
|
let { overrideStyle } = $$props;
|
|
13549
13603
|
|
|
13550
13604
|
$$self.$$set = $$props => {
|
|
@@ -13639,7 +13693,7 @@ function create_fragment(ctx) {
|
|
|
13639
13693
|
function instance($$self, $$props, $$invalidate) {
|
|
13640
13694
|
let style;
|
|
13641
13695
|
let { layerId } = $$props;
|
|
13642
|
-
let { props } = $$props;
|
|
13696
|
+
let { props = {} } = $$props;
|
|
13643
13697
|
let { overrideStyle } = $$props;
|
|
13644
13698
|
const size = props.size ?? 24;
|
|
13645
13699
|
|